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

}

@media (max-width: 1700px) and (min-width: 1500px) {
    :root{
        --content_container: 80vw;
    }

}

@media (max-width: 1550px) and (min-width: 1280px) {
    :root{
        --content_container: 90vw;
    }

}

@media(min-width: 992px) and (max-width: 1280px){
    header.desctop .content-container{
        width: 100svw !important;
    }
}

@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: 1600px){

}
@media (max-width: 1500px){
    .panel-menu .main-menu li a{
        font-size: 1.3em;
    }
    .book-row > .col{
        width: 20%;
        flex:0 0 20%;
    }
}
@media (max-width: 1400px){
    .main-slider-area .slider-text-area{
        width: 70%;
        height: 120px;
    }
    .big-section-title{
        font-size: 3em;
    }
    .book-row > .col{
        width: 25%;
        flex:0 0 25%;
    }
}
@media (max-width: 1376px){


}
@media (max-width: 1279px){
    .section-title-big{
        font-size: 2.3em;
    }
    :root{
        --content_container: 85svw;
    }
    .breadcrumb-area .right-side .skewFilter{
        z-index: 10;
    }
    .offer-area{
        align-items: start;
    }
    .offer-area .offer-content{
        min-width: unset !important;
        min-height: unset !important;
        width: 100svw !important;
        height: 90svh !important;
    }
}
@media(max-width: 1200px){
    .new-bread .left-side{
        height: 120px;
        width: 100%;
        flex: 1 1 100% !important;
        max-width: 100% !important;
        order: 1 !important;
    }
    .new-bread .right-side{
        order: 0 !important;
        width: 100%;
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }
    .new-bread .left-side .section-title-soft{
        font-size: 1.5em !important;
        justify-content: start;
        align-items: start;
        text-align: left;
        width: 100%;
    }
    .sidebar-area{
        order: 1;
    }
    .page-content-area{
        order: 0;
    }
    .main-slider .item >  .images > img:first-child{display: none;}
    .main-slider .item >  .images >  img:last-child{display: block;}

    .big-section .content-area{
        height: fit-content !important;
    }
    footer .footer-menu{
        flex-direction: column;
    }
    footer .footer-menu li{
        width: 100%;
        border-bottom: 1px solid #ddd;
    }
    footer .footer-menu li a{
        padding: 10px;
        display: flex;
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    footer .logo-area{
        display: flex;
        justify-content: center;
    }
    .footer-newsletter-row label{
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .panel-menu{
        width: 90svw;
        right: -90svw;
    }
    .panel-menu::before{
        background-size: 220px;
        background-position: center;
        background-repeat: repeat;
    }
    .panel-menu.active::before{
        background-size: 120px;
    }
    .panel-menu .main-menu li a{
        font-size: 1.6em;
    }
    .main-slider .item .images{
        height: fit-content;
    }
    .main-slider .item,
    .main-slider
    {
        height: fit-content;
    }
    .main-slider-area .slider-text-area{
        background: #144144;
    }
    .main-slider .item .content{
        height: fit-content;
        position: relative;
        background: var(--clr_promo_4);
    }
    .main-slider .item .content .slider-title{
        font-size: 2em;
        transition:all 3s ease-in-out;
        margin-right: 10px;
        -webkit-text-stroke: unset !important;
        -webkit-text-fill-color: unset !important;
        font-weight: 600;
    }
    .main-slider .item .content .slider-text{
        transition:all 3s ease-in-out;
        margin-right: 20px;
        font-size: 1em;
    }
    .main-slider .item .content .ccf-btn{
        transition:all 3s ease-in-out;
        margin-right: 30px;
    }
    .book-row > .col{
        width: 50%;
        flex:0 0 50%;
    }
}
@media (max-width: 1100px){
    .main-slider-area .slider-text-area{
        width: 100%;
    }
    .main-slider-area .slider-text-area{
        left: 0;
        position: relative;
    }
    .main-slider-area .slider-text-area .content{
        padding-left: 10px;
    }
    .main-slider-area .slider-text-area,
    .main-slider-area .slider-text-area p,
    .main-slider-area .slider-text-area a{
        transform:skewX(0deg) !important;
    }

    :root{
        --content_container: 80svw;
    }
    .slider-text-area .content p{
        font-size: 1.4em;
        line-height: 1em;
    }
    .slider-text-area .content{
        width: 60%;
    }
    .slider-text-area .arrows{
        width: 40%;
    }
    header.desctop{
        display: none !important;
    }
    header.mobile{
        display: flex !important;
    }
    .bottom-panel .bottom-panel-tabs li a{
        font-size: 0.9em;
        padding:8px;
    }
    .bottom-panel .bottom-panel-tabs{
        width: 100svw;
    }
    .bottom-panel .bottom-panel-tabs li{
        width: 33.3% !important;
        align-items: center;
        justify-content: center;
    }
    .price-page table tbody tr td,
    .price-page table thead tr th
    {
        font-size: 0.9em;
        padding: 2px !important;
        vertical-align: center;
        text-align: center;
    }
    .promo-1 .content{
        left: 0 !important;
        width: 100% !important;
    }
    .section-title-big{
        font-size: 1.5em;
    }
    .book-row > .col{
        width: 50%;
        flex:0 0 50%;
    }
    .book-row  p.name,
    .book-row  p
    {
        font-size: 0.9em !important;
    }

}
@media (max-width: 991px){

    :root{
        --content_container: 90svw;
    }
    .book-row > .col{
        width: 100%;
        flex:0 0 100%;
    }
}
@media (max-width: 768px){}
@media (max-width: 560px){}
/*Min Treshoolds*/

@media (min-width: 1700px){}
@media (min-width: 1500px){
    .book-row > .col{
        width: 16.6%;
        flex:0 0 16.6%;
    }
}
@media (min-width: 1281px){

}
@media (min-width: 1201px){
    .big-section .content-area{
        height: 100svh !important;
    }
}
@media (min-width: 1100px){
    header.desctop{
        display: flex !important;
    }
    header.mobile{
        display: none !important;
    }
}
@media (min-width: 992px){
    header.mobile{
        display: none;
    }
    header.desctop{
        display: flex;
    }
    nav.mobile{
        display: none !important;
    }


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