@media (max-width: 1400px){

    .toggle-banner .toggle-button.expand{
        width: 42px;
    }

    .items-slider-with-thumbs .item .absolute-center-img img{
        max-width: 150px;
    }

    .nav-main > li > a{
        font-size: 13px;
    }

    .product.soon .item .text-wrapper .title{
        min-height: 20px;
    }

    /*.items-slider-with-thumbs .btn-wrapper{*/
    /*    margin-top: 10px;*/
    /*}*/

    .items-slider-with-thumbs .main-items-slider .item .text-wrapper{
        width: 450px;
        left: 60%;
    }

    .header-top{
        background-size: cover;
    }

    .nav-main-wrapper{
        background-size: cover;
    }

}


@media (max-width: 1200px){


    .header .logo{
        display: block;
        padding: 10px 0 0;
        vertical-align: super;
        margin-right: 0;
        text-align: center;
    }

    .nav-main > li > a{
        padding: 8px 10px;
    }

    .autocomplete-button.autocomplete-button-simple{
        margin-top: 7px;
    }

    .article-detail .article-wrapper .title h1{
        font-size: 26px;
    }

    .page .right-info{
        padding-left: 10px;
    }

    .page .left-info{
        padding-right: 10px;
    }

    .store-contact .items-wrapper .item{
        font-size: 13px;
    }

    .profile-sidebar .heading-wrapper .title h2{
        font-size: 18px;
    }

    .nav-main{
        position: absolute;
    }

    .nav-main > li.has-bg{
        height: 45px;
    }

    .nav-main > li.has-bg > a, .nav-main > li.has-bg.active > a{
        padding: 8px 10px;
    }

    .nav-main > li > .highlight-bg{
        top: -15px;
    }


}

@media (max-width: 1400px) and (min-width: 768px){

    .product-listing .product-item.grid-view{
        width: 25%;
    }

}