@media (max-width: 1180px) {
    .auto-complete-result{
        left:0 !important;
    }
    .ac-result-products-container{
        border:2px solid #428bca;
    }
}

@media (min-width: 0px) and (max-width: 965px) {
    .container.main{
        margin-top:40px !important;
    }
    body{
        padding:0;
    }
    .container-full, .container{
        width: 100% !important;
        margin:0 !important;
        float:left !important;
    }
    .mainBox{
        overflow: hidden
    }
    .prodContainer{
        margin:0 auto !important
    }
    .leftMenuExpander{
        display: block !important;
        float: right;
        margin-top: 3px;
    }

    #toolsContainer{
        position: absolute !important;
        background: #eee !important;
        width: 100%;
        top:65px !important;

        left: 0 !important;
        z-index: 20 !important;
    }
    #cart-profile-container{
        margin-top: 5px;
    }

    .product-boxV5{
        width: 200px !important;
        height: auto !important
    }
    .product-boxV4{
        height: auto !important
    }

    .toolsPanel{
        position: absolute;
        left:0;
        top:135px;
        z-index: 10
    }

    /*search*/
    .mobile-search-container{
        width: 75% !important;
        float:right;
        display: inline-block
    }
    .mobile-search-container input{
        background: #e5e5e5;
    }
    .mobile-search-container,
    .mobile-search-container .icon-equalizer{
        color:#434343;
    }

    /*cart and profie*/
    #cart-profile-container{
        position: absolute;
        top:-63px;
        right: 20px;
    }
    #cart-profile-container .name{
        display: none
    }
    #cart-profile-container .icon{
        color:#fff;
    }
    #cart-profile-container .amount{
        border-color:#101011;
    }
    #cart-profile-container .navbar-top-item{
        margin-left:30px !important;
    }
    #cart-profile-container #top-profile-container{
        display: block !important
    }
    .navbar-top-item .dropdown-menu{
        left: -100px !important;
    }
}

@media (min-width: 0px) and (max-width: 800px) {
    .main-box{
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 0px) and (max-width: 1050px) {
    .footer .footerNav{
        display: block;
        overflow: hidden;
        margin-bottom: 20px;
    }
    .footer .socialContainer{
        margin-left: 0;
    }

    .footer .light div[class^="span"]{
        width:100% !important;
        margin-bottom:30px !important;
    }
    .footer .casesIcon{
        margin-bottom: 30px;
    }
    .footer .casesIcon .icon{
        font-size: 7em;
    }
}


/*products one line*/
@media (min-width: 0px) and (max-width: 450px) {
    .product-boxV4, .product-boxV6{
        width: 100% !important;
        margin-bottom: 50px !important;
        height: auto !important;
        clear:both !important
    }
    .product-boxV6 .description{
        display: none
    }
    .product-boxV4 div, .product-boxV6 div{
        max-width: 100% !important;
        height: auto !important;
    }
    .product-boxV4 img, .product-boxV6 img{
        max-width: 80% !important;
    }
    .product-boxV4 .span5, .product-boxV4 .span7,
    .product-boxV6 .span5, .product-boxV6 .span7{
        clear:both  !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        padding:5px;

    }

    .product-boxV3, .product-boxV6{
        width: 100% !important;
        margin-bottom: 50px !important;
        height: auto !important;
        clear:both !important
    }
    .product-boxV3 .description{
        display: none
    }
    .product-boxV3 div, .product-boxV6 div{
        max-width: 100% !important;
        height: auto !important;
    }
    .product-boxV3 img, .product-boxV6 img{
        max-width: 80% !important;
    }
    .product-boxV3 .span5, .product-boxV3 .span7,
    .product-boxV6 .span5, .product-boxV6 .span7{
        clear:both  !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        padding:5px;

    }
    .mContainer{
        width: 100% !important
    }

    .mainBox.tilesInBg .product-box.tiles{
        width: 45% !important;
        float:left !important;
        margin:2% !important
    }

}

@media (min-width: 0px) and (max-width: 600px) {    
    .frame.bigImage, .frame.bigImage div{
        width: 100% !important;
        display: block !important;
        min-width: 0 !important;
        max-width: 100% !important;
        text-align: center  !important;
        float:none !important;
        height: auto !important

    }
    .mainBox{
        width: 100% !important;
        padding:0 !important;
        margin: 0 auto !important
    }
}

@media (max-width: 1300px) {    
    .fp-h-banner-slider-container{
        width: 100%;
        padding-left: 0;
        max-width: 500px;
        margin-top: 10px;
    }
    .sPhoto{
        background-image: none !important;
    }
}
@media (max-width: 958px) {   
    .fp-h-banner-slider-container,
    .fp-h-prod-container{
        margin: auto;
        float:none;
        max-width: 100%;
        width: 500px;
    }
    .fp-h-banner-slider-container{
        padding-left: 0;
        max-width: 100%;
        margin-top: 10px;

    }
    .sPhoto{
        padding: 40px 0;
    }
}

.leftMenuExpander{
    float:left;
    font-size: 40px;

    display: none;
    cursor: pointer
}