@media (min-width: 1700px) {

}

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

}

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

}

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



    div.loader img{
        width: 82%;
        left: calc(50vw - 160px);
        top: 50%;
    }
    .contact-card .card-body {
        display: inline-block !important;
    }

    .contact-card  .card-body iframe {
        height: 200px !important;
        width: 100% !important;
        margin-bottom: 15px !important;
    }

    .contact-card .firm-logo img {
        width: 120px !important;
    }

    div.mainslider div.item{
        height: 310px !important;
    }



    .form-filter {
        padding: 0 30px !important;
    }



    .owl-carousel.mobile-slider {
        display: block !important;
    }


    .planlar .list-group-item {
        flex-direction: column;
        width: 33%;
        height: 70px;
        text-align: center;
        justify-content: center;
        display: flex;
    }



    .contact-form-close {
        display: block !important;
    }
}

/*Between*/
@media(min-width: 1280px) and (max-width: 1680px){

}
@media(min-width: 1680px) and (max-width: 1900px){

}


/*threshold small*/

@media (max-width: 1800px) {

}


@media (max-width: 1500px) {

}

@media (max-width: 1280px) {

    a.menu-toggle{
        display: inline-block !important;
    }

    header.desctop {
        display: none !important;
    }

    header.mobile {
        display: block !important;
    }

    div.mainwrap{
        margin-top: 0;
    }
   section.video{
       height: fit-content !important;
   }
   section.video video{
       position: relative;
       left: 0;
       top:0;
   }
   section.video .content{
       position: relative;
       margin-top: -7px;
       background: var(--clr2_1);
       top: 0;
       padding: 10px 5px;
   }
    section.video .content .video-hero{
        padding: 5px;
    }
    section.video .content h1 strong{
        display: inline-block !important;
    }
    section.video .content p{
        margin-top: -1px;
        padding: 2px;
        font-size: 1em;
        font-weight: 200;
        border-top: aliceblue;
        margin-bottom: 0 !important;
    }
    section.video .content   h1{
        font-size: 1.2em;
        width: 100% !important;
        font-weight: 300;
    }
    section.video .content h1 strong{
        color:var(--clr1_1);
        font-weight: 400;
    }
    section.video::after{
        background: none !important;
    }
    .videocontrol{
        position: relative;
        background: var(--clr1_2);
    }
    .whatsapp-toggler{
        writing-mode: lr !important;
        text-orientation: inherit !important;
        top:unset !important;
        left:10px;
        bottom: 0;
        width: fit-content;
        height: fit-content;
    }
    footer a.logo{
        margin-bottom: 30px;
        margin-top: 30px;
    }


    .img-box1.half {
        height: 200px !important;
    }
    div.suarebread{
        padding-top: 100px !important;
        padding-bottom: 20px !important;
        background-size: cover;
        background-position: center ;
        margin-top: 0 !important;
    }

    div.contact-us {
        padding: 9px !important;
        font-size: 13px !important;
        line-height: 13px !important;
        padding-right: 7px !important;
    }

    .img-box1 {
        position: relative;
        height: 450px;
    }



    div.suarebreadkesfet {
        margin-top: 60px !important;
        padding: 40px 0px 30px 20px !important;
    }



    footer .social-media {
        justify-content: center !important;
        margin-top: 15px;
    }

    :root{
        --sideBarWidth: 100svw;
        --pageContentWidth: 100vw;
    }

    .slice-form img.logo{
        max-width: 100px !important;
    }

    .slice-form{
        z-index: 999;
        right: -100%;
    }
    .slice-form.opened {
        right: 0;
    }
    div.mainwrap.pattern{
        margin-top: 20px;
    }

}

@media (min-width: 1100px) {
    .web-slider.desctop-item{
        display: block !important;
    }
    .web-slider.mobile-item{
        display: none !important;
    }
    #contact-form-close{
        display: none !important;
    }

}
@media (max-width: 1100px) {
    .web-slider.desctop-item{
        display: none !important;
    }
    .web-slider.mobile-item{
        display: block !important;
    }

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

    body {
        width: 100% !important;
    }

}

@media (max-width: 560px) {

}


/*threshold bigger*/
@media (min-width: 1500px) {
}

@media (min-width: 1280px) {
    header.desctop {
        display: block !important;
    }

    header.mobile {
        display: none !important;
    }

    a.menu-toggle{
        display: none !important;
    }

}

@media (min-width: 991px) {

}

@media (min-width: 560px) {

}


@supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */

}

@supports not (-webkit-touch-callout: none) {
    /* CSS for other than iOS devices */
}