@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:1570px) and (min-width: 1530px) {
 .border-promo{
     margin-left: -2px;
 }
}
@media (max-width: 1500px){

    .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){

    .scroller{
        height: 40px;
        margin-top: -38px;
    }
    .scroller img{
        max-height: 40px;
    }
    .bg-img-2{
        background-position: bottom;
        padding-bottom: 120px !important;
    }
}
@media (max-width: 1279px){
    .bread-section-brand .vid-area {

        width: auto;
        height: 100%;
        top: 0;

    }
    .big-section-title{
        font-size: 2.5em;
    }
    .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;
    }
    body {
        background-size: 40% auto;
    }

    .main-slider-video{
        display: none;
    }

    .main-slider-mobile-video{
        display: flex;
    }

    .slider-stamp{
        max-width: 220px;
    }
    .main-slider-video .slider-hero{
        font-size: 1.8em;
        font-weight: 900;
        max-width: 540px;
        text-shadow: 0 0 20px BLACK;
    }
    .main-slider-video .col-12.mt-2.mb-2{
        margin-top: 5px !important;
        margin-bottom: 6px !important;
    }
    footer{
        padding-bottom: 100px;
    }
    .count-block-area .count-number-block{
        font-size: 1.6em;
        font-family: Arame-Bold, monospace !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;}
    .main-slider-area{
        padding-top: 70px;
    }
    .big-section .content-area{
        height: fit-content !important;
    }
    footer .footer-menu{
        flex-direction: column;
    }
    footer .footer-menu li{
        width: 100%;
        border-bottom: 1px solid #dadada;
    }
    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: 100svw;
        padding-top: 130px;
    }
    .panel-menu::before{
        background-size: 220px;
        background-position: center;
        background-repeat: repeat;
    }
    .panel-menu.active::before{
        background-size: 120px;
    }

    .main-slider .item .images{
        height: fit-content;
    }
    .main-slider .item,
    .main-slider
    {
        height: fit-content;
    }

    .main-slider-area .slider-text-area{
        background: #1e1837;
        padding: 20px !important;
        height: 120px;
    }
    .main-slider-area .slider-text-area .main-logos{
        width: 100% ;
    }
    .main-slider-area .slider-text-area .main-logos li{
        flex:0 0 47%;
        width: 47%;
    }
    .main-slider-area .slider-text-area .main-logos li a{
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
    }
    .main-slider-area .slider-text-area .main-logos li a img{
        max-height: 60px !important;
        width: auto !important;
    }

    .main-slider .item .content{
        height: fit-content;
        position: absolute;
        bottom: 0;
        left: 0;
        top: unset;
    }
    .main-slider .item .content .slider-title{
        font-size: 1.5em;
        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-title-2{
        font-size: 1.2em;
    }
    .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%;
    }
    .promo-1{
        height: 200px;
    }
    .promo-1 .content .name{
        font-size: 1em;
        font-weight: 600;
    }
    .promo-1 .bgimg::after{
        opacity: 0.5;
    }
    .section-title{
        font-size: 2em;
    }
    .list-sponsored li{
        flex: 1;
        max-width: 30.3%;
    }
    .etk-card{
        flex-direction: column !important;
        padding: 2px;
    }
}
@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){

    .sponsoredmt-2 .item .img {
        width: 80px !important;
    }

    footer .footer-brand-img img{
        max-width: 155px;
    }
    .footer-logos img {
        height: 45px !important;
    }

    .eser-turleri .img {
        height: 300px !important;
    }

    .eser-turleri .desc {
        align-items: start;
    }

    .member-list .member-item a {
        display: block !important;
    }

    .member-list .member-item {
        height: 100% !important;
    }

    .member-list .member-item .thumbnail {
        padding: 10px;
        text-align: center;
    }

    .member-list .member-item .thumbnail img{
        margin-bottom: 0;
        min-width: 200px;
        max-height: 200px;
        object-fit: cover;
        border-radius: 100%;
    }

    .member-list .member-item .thumbnail .title{
        margin-bottom: 0 !important;
    }

    .member-list .member-item .member-content {
        padding: 0 !important;
    }

    .member-list .member-item .member-content p{
        font-size: 0.9em !important;
        text-align: center;
    }
}
@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: 1280px){
    .main-slider-video{
        display: flex;
    }

    .main-slider-mobile-video{
        display: none;
    }
}
@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){

}