/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 14 Aug, 2019, 11:32:26 PM
    Author     : Subho
*/

@media only screen and (min-width: 600px) and (max-width: 960px) {

    img {
        max-width: 100%;
    }

    body, html {
        width: 100%;
    }

    html {
        font-size: 100%;
    }

    .container {
        width: 100%;
    }

    .lg-show {
        display: none;
    }

    .lg-hide {
        display: block;
    }

    .site-header {
        margin-bottom: 0;
    }

    .site-logo{
        width: 25%;
        margin: 0;
        padding: 5px;
    }

    .site-menubar {
        width: 75%;
        margin-left: 0;
        float: left;
    }

    .primary-menu {
        width: 100%;
        float: none;
        padding-left: 10px;
        /*margin-bottom: 50px;*/
    }

    .open-time {
        width: 100%;
        /* margin-bottom: 20px; */
        padding: 9px 0;
        padding-left: 10px;
        margin: 0;
        margin-top: 0;
        margin-bottom: 10px;
        text-align: right;
        padding-right: 50px;
    }

    .header-right {
        margin-left: 10px;
        margin-top: 0;
        margin-bottom: 35px;
        margin-right: 5px;
        float: right;
    }

    div.header-right #searchform #s {
        height: 30px;
        float: left;
        width: 260px ;
        float: left ;
    }

    div.header-right #searchform #searchsubmit {
        width: 50px;
        padding: 6px 5px;
        float: left;
        margin-right: 0;
    }

    .open-time + .header-right {
        float: none;
        position: absolute;
        right: 5px;
        top: 5px;
        margin: 0;
    }

    .cart-icon {

    }

    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
        color: #000; 
    }
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1::after {
        color: #000;
    }

    #mega-menu-wrap-primary a.mega-menu-link {

    }

    #mega-menu-wrap-primary .mega-menu-toggle {
        background: none;

    }

    .top-header, .top-menu-header {
        position: relative;
    }

    #mega-menu-wrap-primary {
        /*        position: absolute;
                right: 0;
                top: -35px;
                width: 100%;
                padding-left: 10px;*/
        position: relative;

    }

    #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
        margin-top: 10px;
        position: absolute;
        width: 100%;
        z-index: 99;
    }

    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right {
        position: absolute;
        right: 0;
        top: -35px;
    }

    #mega-menu-wrap-primary .mega-menu-toggle {
        height: auto;
    }

    #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
        background: transparent;
        text-align: right;

    }


    #pots, 
    #plants, 
    #artificial-plants, 
    #plants, 
    #decor,
    #facebook,
    #news-gifts,
    #ideas-gallery,
    #ideas-gallery-copy,
    #decor-copy,
    #soil,
    #soil-copy{
        width: 50%;
        background-size: cover;
        margin: 0;
        position: relative;
    }

    #pots > ul {
        background: #970808;
    }

    #plants > ul {
        background: #117759;
    }

    #pots > ul li, #plants > ul li {
        font-size: 16px;
    }

    #newsletter, #gift-vouchers {
        height: 125px ;
        width: 100%;
        margin-bottom: 0;
    }

    #news-gifts {
        height: auto;
    }

    #facebook {
        background-size: 50%;
        background-position: top left;
        position: relative;
    }

    .home-row-01, .home-row-02, .home-row-03 {
        width: 100%;
        margin-bottom: 0;
    }

    #pots h1, #pots h1 a, 
    #artificial-plants h1,
    #artificial-plants h1 a, 
    #plants h1,
    #plants h1 a,
    #decor h1,
    #decor-copy h1,
    #decor h1 a,
    #decor-copy h1 a,
    #facebook h1,
    #facebook h1 a,
    #news-gifts h1,
    #news-gifts h1 a,
    #ideas-gallery h1,
    #ideas-gallery-copy h1,
    #ideas-gallery h1 a,
    #ideas-gallery-copy h1 a,
    #soil h1,
    #soil-copy h1,
    #soil h1 a,
    #soil-copy h1 a
    {
        position: static;
        text-align: left;
    }

    #pots h1, 
    #artificial-plants h1, 
    #plants h1,
    #decor h1,
    #decor-copy h1,
    #facebook h1,
    #news-gifts h1,
    #ideas-gallery h1,
    #ideas-gallery-copy h1,
    #soil h1,
    #soil-copy h1
    {
        padding-left: 15px;
        padding-top: 30px;
    }

    #facebook h1 {
        position: absolute;
        bottom: 20px;
    }

    #pots > ul, #plants > ul {
        padding: 15px;
        top: auto;
        left: 0;
        bottom: 0;
        position: absolute;
        width: 100%;
    }

    .footer-menu {
        margin-top: 0;
    }

    /*    .footer-menu ul li {
            display: block;
        }*/

    .copyright-info {
        text-align: center;
    }


    /*    Shop page*/
    #secondary {
        display: none;
    }

    .shop-page .site-content, .wrapper {
        width: 100%;
    }

    .wrapper {
        padding: 0 10px;
    }

    .shop-page #content {
        width: 100%;
        padding: 0;
        float: none;
    }

    #container {
        float: none;
    }

    #content ul.products li {
        width: 33.33%;
        margin-right: 0;
        clear: none;
        float: left;
        padding: 5px;
        max-height: 250px;
        height: 250px;
        margin-bottom: 10px;
    }

    #content ul.products li a img {
        max-width: 100%;
        /*height: auto;*/
    }

    .woocommerce #container #content .product .summary.entry-summary {
        margin-left: 0;
        margin-top: 10px;
        padding-left: 10px;
        width: 50%;
    }

    .woocommerce #container #content .product .summary.entry-summary .variations_form,
    .woocommerce .products ul, .woocommerce ul.products,
    /*.woocommerce #container #content .product .summary.entry-summary table,*/
    .woocommerce #content .product .single_variation_wrap,
    .woocommerce #container #content .product .images
    /*.woocommerce #content .product .variations*/
    {
        width: 100%;
    }

    .woocommerce #container #content .product .images {
        /*margin: 0 auto;*/
        width: 50%;
        float: left;
    }

    .summary entry-summary {

    }

    .woocommerce #content .product .variations,  .woocommerce #container #content .product .summary.entry-summary table {
        width: 100%;
    }

    .woocommerce div.product form.cart .variations select {
        min-width: 100%;
    }

    .woocommerce #content .product .single_variation_wrap {
        /*width: 50%;*/
        margin: 0;
        margin-top: 20px;
        padding-left: 15px;
    }

    .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
        background: #41870d;
        padding: 10px 1em;
    }

    .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
        background: #41870d;
    }

    #content ul.products li a .product-name-price {
        position: static !important;
    }

    #content ul.products li a .product-name-price:after {
        content: '';
        clear: both;
        display: block;
    }

    .woocommerce #content .product .single_variation_wrap .button {
        background: #41870d !important; 
        border: none; 
        box-shadow: none; 
        height: auto; 
        margin: 14px 0 0 0;
        overflow: auto; 
        text-indent: inherit; 
        width: auto; 
    }

    .shop-categories p {
        float: left;
        margin: 0; 
        width: 33.33%;
        padding: 5px;
        height: auto;
        text-align: center;
        /*max-height: 225px;*/
    }

    .shop-categories p:last-child {
        /*clear: both;*/
    }

    .shop-categories p img {
        float: none;
    }

    #content ul.products li h3 {
        float: left;
        width: 75%;
    }

    #content ul.products li .price {
        float: left;
        width: 25%;
        text-align: right;
    }



    /*Other pages*/
    .content-right {
        width: 100%;
    }
    .delivery-form {
        width: 60%;
    }
    .content-right {
        padding: 0;
    }


    /*Extra*/
    #pots h1, #plants h1 {
        padding-left: 15px;
        padding-top: 30px;
        width: 50%;
        float: left;
        height: 100%;
        background: url('http://popo14395.staging-cloud.netregistry.net/wp-content/themes/potplant/images/pots.jpg') center center no-repeat;
        background-size: cover;
    }

    #pots > ul, #plants > ul{
        padding: 11% 15px;
        /* top: auto; */
        /* left: 0; */
        /* bottom: 0; */
        position: static; 
        width: 50%;
        float: left;
        height: 100%;
    }

    #plants > ul {
        padding: 6% 15px;
    }

    #pots > ul li, #plants > ul li{
        /*font-size: 20px;*/
    }

    #pots, #plants {
        background-image: none !important;
        width: 100%;
    }

    /*Extra*/

    .xs-show {
        display: none  !important;
    }
}