@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: calc(90vw - 100px);
    }

}

@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){

}
@media (max-width: 1400px){
    .main-slider-area .slider-text-area{
        width: 70%;
        height: 120px;
    }
}
@media (max-width: 1376px){
    .main-promo-area{
        width: var(--fullWidth);

    }
    .main-promo-logo{
        max-height: 120px;
        width: auto;
    }
    .main-promo-area .content-area{
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .main-promo-area video{
        height: 100svh;
        --width: calc(calc(100svh* 1280) / 720);
        width: var(--width);
        position: absolute;
        left: 0;
        transform: unset !important;
    }
    .main-promo-area .content-area{
        position: relative;
        height: fit-content;
    }
    .right-panel > ul > li.info-area > ul > li{
        aspect-ratio: unset ;
        height: fit-content ;
    }
    .right-panel > ul > li.info-area > ul > li > a > img{
        width: 35px;
        height: auto ;
    }
    .right-panel > ul > li.social-area > ul > li > a > img{
        height: 18px ;
    }
    .owl-navigator.index-news-navigator a{}
    .owl-navigator.index-news-navigator a:first-child{
        left: 0px;
        transform:scale(0.8);
    }
    .owl-navigator.index-news-navigator a:last-child{
        right: 0px;
        transform:scale(0.8);
    }

    header.desctop ul.desctop-main-menu > li > a{
        font-size: 0.8em;
    }
}
@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;
    }
    .index-headline::after{
        display: none !important;
    }
    .index-headline .owl-dots{
        display: none !important;
    }
    .owl-navigator.index-news-navigator{
        top: 150px;
    }
    .list-stype-2 li{
        width: 100%;
    }
    .breadcrumbs-area .page-title {
        font-size: 1.2em;
    }
    @-webkit-keyframes breadcrumbAnim {
        0%{
            background-size:auto 100% ;
        }
        50%{
            background-size:auto 110% ;
        }
        100%{
            background-size:auto 100% ;
        }
    }
    .breadcrumbs-area svg{
        width: 100px;
        height: 100px;
    }
    ul.filtering{
        flex-direction: column;
    }
    ul.filtering > li{
        width: 100%;
    }
    .breadcrumbs{
        flex-direction: column;
    }
    .breadcrumbs li:after{
        content:'';
    }
}
@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;}
    .slider-bar .slider-item{
        height: 240px;
    }
    footer .footer-list{
        flex-direction: column;
    }
    footer .footer-list li a{
        padding: 10px;
    }
    footer .footer-list li{
        width: 100%;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid #ddd;
    }
    footer .logo img{
        max-height: 90px;
    }
    #countdownTARIMORMAN{
        margin-bottom: 20px;
    }
    #countdownTARIMORMAN div.date-block{
        flex: 1 1 auto !important;
        padding: 2px;
    }
    #countdownTARIMORMAN div.date-block span:first-child{
        font-size: 1em;
    }
    #countdownTARIMORMAN div.date-block span:last-child{
        font-size: 0.6em;
        font-weight: 300;
    }
    .main-promo-area .section-title-big{
        font-size: 1.8em;
    }
    .main-promo-area hr{
         margin-top: 1px !important;
         margin-bottom: 1px !important;
    }
}
@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;
    }

    :root{
        --content_container: 90svw;
        --fullWidth: 100svw;
    }
    .right-panel{
        position:fixed;
        bottom: 0;
        width:100svw;
        z-index: 1000;
        height:80px !important;
    }
    .right-panel > ul{
        margin-bottom: 0;
    }
    .right-panel > ul > li{
        min-height: unset !important;
    }
    .right-panel > ul > li.info-area > ul{
        display: flex;
        margin-bottom: 0;
        flex-direction: row;
    }
    .right-panel > ul > li.info-area > ul > li{
        height: 80px;
        padding-bottom: 10px;
    }
    .right-panel > ul > li.info-area > ul > li > a > img{
        width:  25px;
        height:  auto;
    }
    .right-panel .social-area{
        display: none;
    }

    .slider-list-1 > li > img{
        height: 60px;
    }
    .documents li a{
        display: flex;
        flex-direction: column;
        height: 75px;
        line-height: 1em !important;
        align-items: center;
        justify-content: center;
        font-size: 0.9em;
    }

    .card.program2 .card-header{
        flex-direction: column;
    }

    .card.program2 .card-header > *{
        flex: 0 0 100%;
        width: 100% !important;
    }
    .card.program2 .card-header .svg-area{

    }

    .card.program2 .card-header > *{

    }
    .card.program2 .card-header > .svg-area{
        width: 70px;
    }
    .card.program2 .card-header svg{
        width: 50px;
    }
    .card.program2 .card-header > .content-area > *{
        width: 100%;
        text-align: center;
    }
    .card.program2 .card-header > .content-area{
        text-align: center;
    }
    .day-program .event{
        flex-direction: column;

    }
    .day-program .event > .date-clock{
        height: fit-content;
        padding: 5px;
        flex: 0 0 100%;
    }
    .day-program .event > .content{
        flex: 0 0 100%;
    }
    .day-program .event-day{
        font-size: 1em;
    }
    .card.program2 .card-body{
        padding: 0;
    }
    .haber-box{
        width: 100%;
    }
    ul.inpage-boxes{
        flex-wrap: wrap;
    }
    ul.inpage-boxes li{
        width: 50%;
        flex:1 1 50%;
    }
}
@media (max-width: 991px){

    :root{
        --content_container: 90svw;
    }

}
@media (max-width: 768px){}
@media (max-width: 560px){
    .announ-box .content h4{
        font-size: 0.8em;
    }
}
@media (max-width: 450px){
    .right-panel > ul > li.info-area > ul > li > a{
        padding: 5px;
    }
    .right-panel > ul > li.info-area > ul > li > a > span{
        font-size: 0.7em;
    }
}
@media (max-width: 325px) {
    .right-panel > ul > li.info-area > ul > li > a > span{
        font-size: 0.4em;
    }
}
/*Min Treshoolds*/

@media (min-width: 1700px){}
@media (min-width: 1377px){

}
@media (min-width: 1281px){

}
@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){}