@media (min-width: 1700px) {

}

@media (max-width: 1700px) and (min-width: 1500px) {

}

@media (max-width: 1500px) and (min-width: 1280px) {
    .bag-block{
        padding: 10px;
    }
    div.piece{
        width: 100%;
    }
    div.price-bar{
        width: 100%;
    }
    div.main-slider-1 .my-item .big-slogan{
        font-size: 2em;
        width: fit-content !important;
        bottom: 25%;
    }
    div.main-slider-1 .my-item.active .big-slogan{
        right: 40px !important;
        bottom: 25%;
    }
    header.header-desctop.invert-header .bottom-bar nav.main-menu > ul > li a{
        font-size: 0.7em;
    }
    header.header-desctop .bottom-bar nav.main-menu > ul > li{
        margin-left: 4px !important;
        margin-right: 4px !important;
    }
    header.header-desctop.fixedHeader .bottom-bar nav.main-menu > ul > li{
        margin-left: 5px;
        margin-right: 5px;
    }
    .mini-columns span{
        width: 30%;
        font-size: 0.4em;
    }
    .product-gallery .big-slider .item{
        height: 270px;
    }
    .product-gallery .mini-slider .item{
        height: 65px;
    }

}

@media (max-width: 1280px) and (min-width: 991px) {

}

@media (max-width: 991px) and (min-width: 720px) {

}

@media (max-width: 720px) and (min-width: 560px) {

}

@media (max-width: 560px) {

}

/*Max Treshoolds*/
@media (max-width: 1700px){}
@media (max-width: 1560px){
    .login-box{
        padding: 20px;
    }
}
@media (max-width: 1280px){
    .form-toggler{
        top:unset !important;
        bottom:10% !important;
    }
    .gallery-link{
        height: 250px !important;
    }
    .mobile_half_ops{
        height: 50vh;
    }
    div.main-slider-1 .my-item .big-slogan{
        font-size: 1.5em;
    }
    div.main-slider-1 .my-item .big-slogan{
        right: 50%;
        width: fit-content !important;
        background: white;
        padding: 10px;
        bottom: 0;
    }
    div.main-slider-1 .my-item.active .big-slogan{
        right: 0 !important;
    }

    div.main-wrapper {
        padding-top: 60px;
    }
    section.bg-bg::after{
        background-size: cover;
    }
}
@media (max-width: 991px){}
@media (max-width: 768px){

    .product-img {
        width: 150px !important;
    }

}
@media (max-width: 560px){}
/*Min Treshoolds*/

@media (min-width: 1700px){}
@media (min-width: 1560px){}
@media (min-width: 1281px){


    .main-slider .owl-item .item{
        transform: unset;
    }
    .main-slider .owl-item.active .item{
        transform:unset;
    }

}
@media (min-width: 991px){}
@media (min-width: 768px){}
@media (min-width: 560px){}