@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%;
    }
    .product-card .img-product img{
        height: 170px;
    }
    .product-card .img-color{
        height: 190px;
    }
}
@media (max-width: 1376px){
    .main-slider .item .images::after
    {
        transition-delay: 0.6s;
        transition: all 0.3s ease-in-out;
    }
    .main-slider .active .item .images::after
    {

        opacity: 0.2;
    }
    .main-slider .active .item .content .fader{
        opacity: 1;
    }
    .main-slider .active .item .content .slider-text,
    .main-slider .active .item .content .slider-title,
    .main-slider .active .item .content .slider-logo,
    .main-slider .active .item .content .ccf-btn
    {
        transition-delay: 0s;
    }
    .main-slider .active .item .content .slider-text{
        margin-right: 0;
    }
    .main-slider .active .item .content .slider-title{
        margin-right: 0;
    }
    .main-slider .active .item .content .ccf-btn{
        margin-right: 0;
    }
    .main-slider .active .item .content .slider-logo{
        margin-right: 0;
    }

    .main-slider .item .content{
        top: 45% !important;
    }
    .after-slider {

        padding-top: 100px;
        margin-top: -100px;
    }
    .slider-arrows{
        position: relative;
        padding-left: 0;
        margin: 0;
        bottom: 53px;
        right: 0;
    }
    .slider-arrows li a{
        background: var(--clr_promo_2);
        color: WHITE;
    }
    .urunler-page > .letter{
        font-size: 10em;
        align-items: center;
    }
}
@media (max-width: 1279px){
    .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;
    }
    .after-slider-list{
        flex-wrap: wrap;
    }
    .after-slider-list li{
        width: 48%;
    }
    .product-card .img-color p{
        display: none;
    }
    .product-card .img-color{
        height: 180px;
    }
    .product-card .first-letter{
        margin-bottom: -20px;
    }
    .bread-section-bonfesta::after{
        opacity: 0.8;
    }
}
@media(max-width: 1200px){
    .bread-section-bonfesta .page-title {
        font-size: 1.4em;
        color: WHITE;
        font-weight: 900;
    }
    .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;
        border-top-right-radius: 30px;
        border-top-left-radius: 30px;
        background: var(--clr_dark_p);
    }
    footer .footer-menu li{
        width: 100%;
        border-bottom: 1px solid #1e3949;
    }
    footer .footer-menu li a{
        padding: 10px;
        display: flex;
        width: 100%;
        text-align: center;
        justify-content: center;
        font-weight: 300 !important;

        color: WHITE !important;
    }
    footer .logo-area{
        display: flex;
        justify-content: center;
    }
    .footer-newsletter-row label{
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .panel-menu{

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

    }
    .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;
    }
    .dugme-right{
        margin-top: 100px;
    }
    .dugme-right .shape-block{
        position: absolute;
        top: -30px;
        left: calc(50% - 110px);
    }
    .main-slider .item .first-imgae{
        display: none;

    }
    .main-slider .item .last-imgae{
        display: block;
    }
    .image-wall-photos li{
        width: 32%;
        height: 77px;
    }
    .bread-section-likapa .shape-block svg{
        scale: 1.3;
    }
    .bread-section-likapa .shape-block{
        right: unset;
        left: 0;
        bottom: -170px;
    }
    .mt-priv{
        margin-top: -80px !important;
    }
    .product-card .img-product img {
        height: 236px;
    }
    .product-card .img-color {
        height: 116px;
    }
    .product-card .img-color .big-name{
        font-size: 1.7em;
        font-weight: 700;
    }
    .urunler-page > .letter{
        font-size: 6em;
        font-weight: 900;
    }
    .bread-section-bonfesta .page-desc{
        font-size: 1.3em;
    }
}
@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: 2em;
    }
    .book-row > .col{
        width: 50%;
        flex:0 0 50%;
    }
    .book-row  p.name,
    .book-row  p
    {
        font-size: 0.9em !important;
    }
    .after-slider-list li{
        width: 100%;
    }
    .shape-block .text-area{
        width: 120px;
        height: 120px;
    }
    .after-slider-list li p{
        font-size: 1em;
    }
    .main-slider .item{
        display: flex;
        flex-direction: column;
    }
    .main-slider .item .fader{
        position: relative;
        text-align: center;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: transparent;
    }
    .main-slider .item .fader > img{
        max-width: 100px !important;
        width: 100%;
        text-align: center;
    }
    .main-slider .item .fader > .text-alan{
        width: 100%;
        border-left: 1px solid transparent;
        border-top: 1px solid WHITE;
        display: block !important;
    }
    main, .page-wrapper{
        padding-top: 110px;
    }



}
@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: 1400px){
    .product-card .img-color .big-name{
        font-size: 2.2em;
    }
    .product-card .first-letter{
        font-size: 20em;
        text-align: right;

        line-height: 1.2em;
    }
}
@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){}