@media only screen and (min-width:1600px) and (max-width:1600px) {
                    .mx-auto {
        padding: 0 40px !important;
    }

    .btnk {
        right: 5px;
    }
}
@media only screen and (min-width:1400px) and (max-width:1440px) {
    .mx-auto {
        padding: 0 20px !important;
    }

    .ydk {
        display: none
    }

    .btnk {
        right: 5px;
    }

    .menuList ul li .relative.active + ul.grid3 {
        left: -327px;
    }

    .topContact {
        width: 71%
    }

    .inFlex {
        width:615px;
    }

    .slider-container {
        width: 620px;
    }

    .px-8 {
        padding-left: 0;
        padding-right: 2rem;
    }

    .cm-content h1, .h1, h1 {
        font-size: 50px;
        font-weight: 600;
        line-height: 52.8px;
        margin-bottom: 1rem;
    }

    .contactPage, .servicePage {
        padding-top: 12rem;
    }
}
@media only screen and (min-width:1360px) and (max-width:1366px) {
        .topContact {
            width: 70%;
            font-size: 14px;
        }

        .main-nav .btn--primary {
            padding: 26px 55px 26px 30px;
        }

        .mx-auto {
            padding: 0 20px
        }

        .ydk {
            display: none !important
        }

        .btnk {
            right: -10px;
        }

        .fixed {
            position: relative;
        }

        .banner .inFlex .text-red {
            font-size: 1rem
        }

        nav .mx-auto .block {
            left: 20px
        }

        .menuList ul li .relative span {
            font-size: 1rem
        }

        .menuico {
            width: 20px;
            height: 20px;
            left: 15px;
        }

        .menuList ul li .relative.active + ul.grid3 {
            width: 1060px;
            left: -323px
        }

        .px-10 {
            padding: 4rem 0rem 5rem;
            margin: 0;
        }

        .inFlex {
            width: 540px
        }

        .cm-content h1, .h1, h1 {
            font-size: 40px;
            line-height: 50px;
            margin-bottom: 1rem
        }

        .slider-container {
            width: 549px;
            margin: 0 50px auto;
        }

        .slid2 {
            width: 570px;
            height: 400px;
        }

        .mySwiper .swiper-slide {
            width: 120px !important
        }

        .productsList.bh .items img {
            height: 200px !important
        }

        .productsList.bh .items a {
            height: 300px !important;
        }

        .cm-content h2, .h2, h2, .pageCont h2 {
            font-size: 30px;
            line-height: 30px;
            margin-bottom: 1rem;
        }

        .cm-content p, p, .blogContent div {
            font-size: 18px;
            font-weight: 400;
            line-height: 24px;
            margin-bottom: 1rem;
        }

      
        p.nopad {
            top: 0px;
        }
        .jpp h1, .jpp .h1 {
            font-size: 28px;
            line-height: 23px;
        }

        .jpp {
            margin-top: 33px;
        }

        .bannerFix {
            margin: 3rem 0 4.5rem;
        }

        .pageCont img.note-float-right, .pageCont img.note-float-left {
            width: 35% !important
        }

        .pageCont ul li, .pageCont ol li {
            font-size: 18px;
            line-height: 22px;
        }

        .pageCont h3 {
            font-size: 25px;
            line-height: 35px;
        }

        .bannerFix .zp h1 {
            font-size: 35px !important;
            line-height: 40px !important;
            margin-bottom: 1rem;
        }

        .btnS1, .btnS2 {
            padding: .6rem;
            font-size: 22px;
            min-width: 240px;
        }

        .servicePort .ozet {
            width: 90%
        }

        .sitemap ol {
            padding: 0
        }

        .pageCont h2 {
            padding: 10px 0
        }

        .pager .page-number a {
            padding: .5rem .8rem;
        }

        .proList header {
            height: 103px
        }

        .zp .ozet {
            margin-bottom: 0px
        }

        .BlogTime div, .BlogTime time {
            font-size: 15px;
        }

        .jimes .blog-text h3 {
            width: 100%;
        }

        .questionBody .questionList .detail {
            padding: 2rem 1rem 1rem;
        }

        .cm-content p, p, .blogContent div {
            margin-bottom: .4rem;
        }

        .questionBody {
            grid-gap: 0
        }

        .w-full .FK .form fieldset .formBody .input .ink {
            padding: .7rem !important;
        }

        .btn2 {
            padding: .5rem 1rem;
        }

        .w-full .FK .form {
            gap: 1rem;
        }

        .pr {
            margin-top: 1rem;
            padding: 1.5rem
        }

        .contactPage, .servicePage {
            padding-top: 3rem
        }

        .footerLink ul li {
            padding: .3rem 0 .3rem 1.3rem;
            font-size: 16px;
        }

        .footerLink ul {
            padding: .5rem 0rem;
        }

        .footerBottom {
            padding: 1rem;
        }

            .footerBottom .grids {
                font-size: 16px;
                line-height: 23px;
            }

        .footerLink address, .footerLink .cont, .footerLink p {
            font-size: 16px;
            line-height: 22px;
        }

        .contactPage .module-container .flex .w-full h1 {
            font-size: 30px;
            line-height: 36px;
            margin-bottom: 1rem;
            margin-top: 1rem;
        }

        .w-full .FK .form .h3 {
            padding-bottom: 0px !important;
            line-height: 23px;
            font-size: 27px
        }

        .close1 {
            position: absolute;
            width: 35px;
            right: 5%;
            height: 40px;
        }

        .jav1 strong {
            font-size: 16px;
        }

        .searchInput {
            padding: 15px;
            width: 600px;
            font-size: 16px;
            background-position: 2% center;
            text-indent: 33px;
        }

        .mic {
            position: absolute;
            right: 0;
            margin: 20px;
        }

            .mic i.mics {
                width: 18px;
                height: 18px;
            }

        .searchBody .searchFull b {
            font-size: 33px;
            font-weight: 400;
        }

        .searchBody .searchFull {
            max-width: 600px;
            margin: 5% auto
        }
    }
@media only screen and (min-width:1280px) and (max-width:1359px) {
        .autoPage, .OnePg, .contactPage .module-container {
            margin: 0 auto;
            max-width: 1120px;
            width: 100%;
        }
        .topContact {
            width: 68%;
        }
        .mx-auto {
            padding: 0 20px;
        }
        .ydk{display:none}
        .main-nav .btn--primary {
            padding: 26px 14px;
            margin-bottom: -1px;
        }
        .btnk {
            right: 30px;
        }
        .menuList ul li .relative span {
            font-size: 1rem;
        }
        .btn--primary:after {
            display: none !important
        }
        .slider-container {
            width: 530px;
            margin: 0 30px auto;
        }
        .slid2 {
            width: 530px;
            height: 400px;
        }
        .px-8 {
            padding-left: 0;
            padding-right: 1rem;
        }
        .px-10 {
            margin: 0;
        }
        .cm-content h1, .h1, h1 {
            font-size: 40px;
            font-weight: 600;
            line-height: 47.8px;
            margin-bottom: 1rem;
        }
        .inFlex {
            width: 620px;
        }
        .OnePg .flex .dv1 .content h4, .h4, h4 {
            font-size: 23px;
            margin-bottom: 1rem;
        }
        .gcols-3 {
            padding: 1rem 2rem;
        }
        .mySwiper .swiper-slide {
            width: 120px !important
        }
        section[aria-labelledby="hizmet-header-7"] .px-3{margin-bottom:-3rem !important}
        .productsList.bh .items {
            padding: 1rem;
        }
        .cm-content p, p, .blogContent div {
            font-size: 19px;
        }
        .blog-text h3, .blog-text span.h3 {
            font-size: 22px;
            line-height: 28.4px;
            height: 59px;
            width: 98%;
            font-weight: 500;
        }
        .blog-text p {
            font-size: 18px;
            height: 50px;
            -webkit-line-clamp: 2;
        }
        footer .grid {
            grid-template-columns: 22% 37% 40%;
            grid-gap:2rem !important
        }
        .bannerFix div.zp .slid2 {
            width: 100% !important; height:auto !important
        }
        .bannerFix{margin-top:10rem !important}
            .bannerFix div.zp:last-child {
                padding-left: 2rem;
            }
        .btnS1, .btnS2 {
            padding: 1rem;
            font-size: 20px;
            min-width: 235px;
        }
        .bannerFix div.zp:last-child div.inload {
            bottom: -75px;
        }
        .pageCont img.note-float-right, .pageCont img.note-float-left {
            width: 35% !important;
            border-radius: 120px 0;
        }
        .pageCont ul li, .pageCont ol li {
            font-size: 18px;
            line-height: 23px;
        }
        #map_canvas {
            width: 227px;
        }
        .contactPage .hidden-lg {
            width: 5.7%;
            
        }
        .contactPage, .servicePage {
            padding-top:10rem
        }
        .w-full .FK {
            width: 100%
        }
        .contactPage .module-container .flex .w-full h1 {
            font-size: 34px;
            line-height: 35.8px;
        }
        .OnePg .flex .dv1 h3, .h3 {
            font-size: 27px;
        }
        .pr .h5 {
            font-size: 19px;
        }
        .w-full p {
            font-size: 18px;
        }
            .w-full .FK .form fieldset .formBody .input .ink {padding:1rem !important}
        .blogGrid {
            grid-template-columns: 70% 30%;
        }
        .sap {
            width: 175px;
        }
            .sap img {
                width: 130px;
            }
        .BlogTime div, .BlogTime time {
            font-size: 13px;
        }
        .bannerFix div.zp:last-child img {
            height: 393px;
        }
        .bannerFix .zp h1 {
            font-size: 35px !important;
            line-height: 44.8px !important;
        }
        .fotoGal div {
            width: 100%;
            height: 100%;
        }
        .flex.wfull div {
            width: 100%
        }
        .bg-red {
            width: 30px !important;
            height: 12px !important;
        }
    }
@media only screen and (min-width:1024px) and (max-width:1024px) {
    .autoPage, .OnePg, .contactPage .module-container {
        margin: 0 auto;
        max-width: 900px;
        width: 100%;
    }

    .jpp {
        margin-top: 20px !important;
    }

        .jpp h1, .jpp .h1 {
            font-size: 30px;
            font-weight: 600;
            line-height: 47.8px;
        }

    .mx-auto {
        justify-content: flex-end;
    }

    .grid2Ex div:first-child {
        padding: 10% 10% 10% 20%;
    }

    .grid2Ex div:last-child {
        padding: 10% 20% 10% 10%;
    }

    .mx-auto .logo {
        flex: 1
    }

    .menuList {
        display: none
    }

    .topContact {
        width: 60%;
    }

    .close1 {
        position: absolute;
        width: 35px;
        right: 5%;
        height: 40px;
    }

    nav .mx-auto {
        padding: 0 0 0 20px !important;
    }

    .mx-auto {
        padding: 0 20px;
        justify-content: flex-start
    }

    .hamburgerMenu {
        display: flex
    }


    .main-nav .btn--primary {
        padding: 26px 21.5px 25px;
        margin-bottom: -1px;
    }

    .BlogTime div, .BlogTime time {
        padding: 10px 0
    }

    .btnk {
        right: 0;
    }

    .menuList ul li .relative span {
        font-size: 1rem;
    }

    .btn--primary:after, .addOrder {
        display: none !important
    }

    .banner {
        width: 900px
    }

    .slider-container {
        width: auto;
        margin: 0 30px auto;
    }

    .jimes .blog-text h3 {
        width: 100%;
        font-size: 20px;
        -webkit-line-clamp: 2 !important;
        height: 46px;
        line-height: 22px;
        font-weight: 500;
    }

    .slid2 {
        width: 400px;
        height: 300px;
        border-radius: 100px 0
    }

    .px-8 {
        padding-left: 0;
        padding-right: 1rem;
    }

    .px-10 {
        margin: 0;
    }

    .cm-content h1, .h1, h1 {
        font-size: 30px;
        font-weight: 600;
        line-height: 33.8px;
        margin-bottom: 0;
    }

    .cm-content h2, .h2, h2 {
        font-size: 24px !important;
        font-weight: 500;
        line-height: 30px !important;
        margin-bottom: 1.5rem;
    }

    .pageCont h3 {
        padding: 1rem 0;
        display: block;
        font-size: 22px;
        line-height: 30px;
    }

    .inFlex {
        width: 480px;
    }

    .banner {
        width: 800px
    }

    .OnePg .flex .dv1 .content h4, .h4, h4 {
        font-size: 23px;
        margin-bottom: 1rem;
    }

    .gcols-3 {
        padding: 1rem 2rem;
    }

    .mySwiper .swiper-slide {
        width: 120px !important
    }

    section[aria-labelledby="hizmet-header-7"] .px-3 {
        margin-bottom: -3rem !important
    }

    .productsList.bh .items {
        padding: 1rem;
    }

    .cm-content p, p, .blogContent div {
        font-size: 18px;
    }

    a.blog .blogImg {
        height: 145px;
    }

    .timesFlex {
        font-size: 14px;
        gap: .3rem !important;
    }

        .timesFlex img {
            width: 16px;
            height: 16px
        }

    .blog-text h3, .blog-text span.h3, .blog-text p {
        padding: 0 10px 10px;
    }

    .cm-content h2, .h2, h2 {
        font-size: 25px;
        font-weight: 600;
        line-height: 30.8px;
        margin-bottom: 1.5rem;
    }

    .BlogTime {
        padding: 10px;
    }

    .blog-text p {
        font-size: 15px;
        height: 60px;
        -webkit-line-clamp: 3;
    }

    footer .grid {
        grid-template-columns: 22% 37% 40%;
        grid-gap: 2rem !important
    }

    .bannerFix div.zp .slid2 {
        width: 100% !important;
        height: auto !important
    }

    .bannerFix {
        margin: 12rem 0 2.5rem;
        margin-top: 0rem !important;
    }

        .bannerFix div.zp:last-child:before {
            height: 365px;
        }

        .bannerFix div.zp:last-child:after {
            height: 346px;
        }

        .bannerFix div.zp:last-child {
            padding-left: 2rem;
        }
    .KX .bannerFix {
        margin-top: 3rem !important;
    }

        .KX .bannerFix div.zp:last-child img.proc {
            height: 306px;
        }
        .KX .bannerFix div.zp:last-child:after {
            height: 391px; top:-55px
        }
        .KX .bannerFix div.zp:last-child:before {
            top: -95px;
            height: 400px;
        }
    .btnS1, .btnS2 {
        padding: .8rem .8rem .8rem .5rem;
        font-size: 18px;
        min-width: 205px;
    }

        .btnS1 img, .btnS2 img {
            width: 30px;
            height: 30px
        }

    .bannerFix div.zp:last-child div.inload {
        bottom: -75px;
    }

    .pageCont img.note-float-right, .pageCont img.note-float-left {
        width: 35% !important;
        border-radius: 70px 0;
    }

    .pageCont ul li, .pageCont ol li {
        font-size: 18px;
        line-height: 23px;
    }

    #map_canvas {
        width: 227px;
    }

    .contactPage .hidden-lg {
        width: 1.7%;
    }

    .contactPage, .servicePage {
        padding-top: 3rem
    }

    .w-full .FK .form fieldset {
        flex-direction: column;
    }

    .RadioBtn input + label {
        display: contents;
    }

    .contactPage .gridListCool2 img {
        width: 215px;
        height: 215px;
    }

    .pr {
        margin-top: 1rem;
    }

    #map_canvas {
        height: 215px;
        width: 180px;
    }

    .w-full .FK {
        width: 465px
    }

    .pr a.btnlink{
    border-radius: 0;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    padding-right: 0;
    flex-direction: column;
    position: relative;
    border-bottom: 1.6px solid transparent;
    text-transform: none;
    display: inline-flex;
    margin-right: 0;
    margin-top: 1rem;
    align-items: flex-start;
    justify-content: flex-start;
    --tw-text-opacity: 1;
    color: var(--red);
    transition-duration: .2s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

    .btnlink:after, .btnlink:is(a,button):after{display:none}

    .contactPage .module-container .flex .w-full h1 {
        font-size: 34px;
        line-height: 35.8px;
    }

    .OnePg .flex .dv1 h3, .h3 {
        font-size: 27px;
    }

    .pr .h5 {
        font-size: 19px;
    }

    .w-full p {
        font-size: 18px;
    }

    .w-full .FK .form fieldset .formBody .input .ink {
        padding: 1rem !important
    }

    .blogGrid {
        grid-template-columns: 70% 30%;
    }

    .sap {
        width: 175px;
    }

        .sap img {
            width: 130px;
        }

    .BlogTime div, .BlogTime time {
        font-size: 13px;
    }

    .bannerFix div.zp:last-child img {
        height: 302px; border-radius:100px 0;
    }

    .bannerFix .zp h1 {
        font-size: 23px !important;
        line-height: 30.8px !important;
    }

    .fotoGal div {
        width: 100%;
        height: 100%;
    }



    .bg-red {
        width: 12px !important;
        height: 12px !important;
    }

    .footerLink span {
        font-size: 15px;
    }

    .footerLink ul li {
        padding: .2rem 0 .2rem 1rem;
        font-size: 15px;
    }

    .footerLink ul {
        padding: .5rem 0rem;
    }

    .fixed {
        position: relative;
    }

    .footerLink address, .footerLink .cont, .footerLink p {
        padding: .5rem 0;
        font-size: 16px;
        line-height: 23px;
    }

    .footerIco, .footerIco img {
        width: 30px;
    }

    .social a {
        width: 30px;
        height: 30px;
    }

    .gap2x img {
        width: 43px;
        height: 33px;
    }

    .footerBottom {
        padding: 1rem
    }

        .footerBottom .grids {
            font-size: 15px;
        }

    .social i {
        width: 20px !important;
        height: 20px !important
    }

    footer .grid {
        grid-gap: 1rem !important;
    }

    .productsList.bh .items img {
        width: 100% !important;
        height: 160px !important;
        object-fit: contain !important;
    }

    .productsList.bh .items a {
        height: 280px;
        cursor: pointer !important;
    }

    .bigSlider .swiper-wrapperX .swiper-slide-active {
        width: 450px !important;
    }

        .bigSlider .swiper-wrapperX .swiper-slide-active a .image-wrapper {
            height: 220px !important
        }

    .slideTo {
        height: 460px;
    }

    .bigSlider .swiper-wrapperX .swiper-slide a .contexT {
        padding: 1.5rem 1.5rem 2rem;
    }

        .bigSlider .swiper-wrapperX .swiper-slide a .contexT p {
            font-size: 16px;
            line-height: 21px;
            margin-bottom: 1.75rem;
        }

        .bigSlider .swiper-wrapperX .swiper-slide a .contexT h3 {
            font-size: 20px;
            line-height: 18.8px;
        }

    .bigSlider .swiper-wrapperX .swiper-slide a .contexT {
        background: none !important
    }

        .bigSlider .swiper-wrapperX .swiper-slide a .contexT .btn {
            transition: all .4s;
            border: 0px !important;
            padding: .75rem !important;
            font-size: 16px !important
        }

    .bigSlider .swiper-wrapperX .swiper-slide a .image-above {
        height: 75% !important
    }
    .px-10 {
        padding: 4rem 0rem 5rem;
    }
    .bigSlider .swiper-wrapperX .swiper-slide-next, .bigSlider .swiper-wrapperX .swiper-slide-next a, .bigSlider .swiper-wrapperX .swiper-slide-next a .contexT,
    .bigSlider .swiper-wrapperX .swiper-slide, .bigSlider .swiper-wrapperX .swiper-slide a, .bigSlider .swiper-wrapperX .swiper-slide a .contexT {
        background:none !important
    }
    .bigSlider .swiper-wrapperX .swiper-slide-active, .bigSlider .swiper-wrapperX .swiper-slide-active a, .bigSlider .swiper-wrapperX .swiper-slide-active a .contexT{
        background:#f1f1f1 !important
    }
    .banner .inFlex .text-red {
        line-height: 1.5rem;
        font-size: 1rem;
        border-radius: 3px 20px;
    }
    .content .h4 {
        line-height: 21px !important;
        font-size: 16px !important;
    }
    .OnePg .flex .dv1 .content h4, .h4, h4 {
        font-size: 20px;
        margin-bottom: 1rem;
        font-weight: bold;
        line-height: 22px;
    }
    .OnePg .flex .dv1 .content p .linkt{font-size:16px}
    .OnePg .flex .dv1 .content {
        padding: 2rem
    }
    .OnePg .flex .dv1 h3, .h3 {
        font-size: 23px;
        color: #000;
        line-height: 27.4px;
        padding-bottom: 1rem !important;
    }
    .OnePg .flex .dv1 .content .buttonGrp {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
        margin-top: 2rem;
    }
    .btn--primary, .btn--primary:is(a,button) {
        font-size: 16px;
        font-weight: 300;
        line-height: 1.8rem;
        padding: 0.3rem .6rem .4rem;
    }
    .cm-content h2, .h2, h2 {
        font-size: 22px;
        font-weight: 500;
        line-height: 24.8px;
        margin-bottom: 1.5rem;
    }
    .grid .g h3 {
        padding: .5rem 0;
        font-weight: 500;
        font-size: 1.2rem;
    }
    .grid .g p {
        color: #000000;
        font-size: 16px;
        font-weight: 300;
        line-height: 21px;
        margin-bottom: 0;
        padding: .5rem 0;
    }
    .teal p {
        padding: 0 2rem;
        font-size: 17px;
        color: var(--black);
    }
    .teal h3 {
        padding: 2rem 3rem 0 2rem;
        font-size: 24px;
        color: #000000;
    }
    .jp1, .jp2, .jp3, .jp4 {
        height: 22px;
        width: 22px;
    }
    .OnePg .flex .dv1 .content h4, .h4, h4 {
        font-size: 18px;
        line-height: 22px;
    }
    .gcols-3 p, .link2 {
        font-size: 16px !important; margin-bottom:0px !important
    }
    .gcols-3 {
        padding: .5rem 1rem;
    }
    .rev img {
        width: 120px;
    }
    .rev .h2 {
        font-size: 1.25rem !important;
    }
    .rev p {
        font-size: 16px !important; line-height:21px
    }
    .registerBtn {
        font-size: 19px !important;
        font-weight: 500 !important;
    }
    .productsList.bh .items span {
        font-size: 16px;
        height: 45px;
        -webkit-line-clamp: 2;
    }
    a.blog .blogImg .btn{width:40px; height:50px}
    .puantb strong{font-size:18px !important}
    .questionBody .questionList{padding:1rem !important}
    .BlogAlter span.h3 {
        font-size: 19px;
        line-height: 22px;
    }
    #ps-overlay{align-items:baseline}
    }
@media only screen and (min-width:100px) and (max-width:440px) {
    .autoPage, .contactPage .module-container {
        margin: 0 auto;
        max-width: 100%;
        width: 100%;
        padding: 0 1.2rem
    }
    .g-recaptcha div {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important
    }
    .grid .g p {
        text-align: center;
    }
    body {
      touch-action: pan-x pan-y;
        -webkit-overflow-scrolling: touch;
    }
    .jpp {
        margin-top: 20px !important;
    }
    .RadioBtn input + label {
        display: -webkit-box;
        line-height: 20px !important;
    }
        .jpp h1, .jpp .h1 {
            font-size: 30px;
            font-weight: 600;
            line-height: 47.8px;
        }

    .mx-auto {
        justify-content: flex-end;
    }
    .OnePg .flex .dv1 {
        position: relative;
        width:100%
    }
    .OnePg .flex{flex-direction:column}
    .grid2Ex div:first-child {
        padding: 10% 10% 10% 20%;
    }

    .grid2Ex div:last-child {
        padding: 10% 20% 10% 10%;
    }

    .mx-auto .logo {
        flex: 1
    }
    .reveal-section {
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.6s ease-out;
        will-change: opacity, transform;
    }

        .reveal-section.active {
            opacity: 1;
            transform: translateY(0);
        }
    .menuList, .topContact img, .topContact span, .block:last-child {
        display: none
    }
        .sitemap ol {
            display: flex !important; flex-direction:column
        }
            .sitemap ol li:last-child {
                margin-left: 0;
            }
    .px-3Bottom {
        padding-bottom: 1rem;
        padding-top: 0px !important;
    }
    .sitemap-pdf{display:flex; justify-content:space-between}
    .topContact {
        width: 100%;
        flex-direction: column !important;
        justify-content: center;
        align-items: center;
        gap: 0;
        flex-wrap: nowrap !important;
        align-self: center;
        text-align: center;
    }

        .topContact a {
            flex-shrink: 1;
            flex: 1;
            margin: 0 !important;
        }

            .topContact a:first-child[style='margin-right:10px!important'] {
                display: none
            }

            .topContact a.nofe {
                margin: 0 !important;
                padding: 0 !important
            }


    .close1 {
        position: absolute;
        width: 35px;
        right: 5%;
        height: 40px;
    }
    .hamburgerMenu .hamburgerBtn {
        padding: 10px 10px;
    }
    nav .mx-auto {
        display:flex;
        justify-content:space-between;
        width:96%;
        align-items:center; margin:5px auto !important
    }
        nav .mx-auto * {
            flex: initial
        }

        .mx-auto {
            padding: 0 20px;
            justify-content: flex-start
        }

    .hamburgerMenu {
        display: flex
    }


    .main-nav .btn--primary {
        padding: 26px 21.5px 25px;
        margin-bottom: -1px;
    }

    .BlogTime div, .BlogTime time {
        padding: 10px 0
    }

    .btnk {
        right: 0;
    }

    .menuList ul li .relative span {
        font-size: 1rem;
    }

    .btn--primary:after, #PageUpBtn, #producAIListPart .auto .gridsx .mix strong{
        display: none !important
    }

    .banner {
        width: 100%
    }

    .slider-container {
        width: auto;
        margin: 10px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .blog-text {
        padding: .5rem 1rem 0;
    }
    .jimes .blog-text h3 {
        width: 100%;
        font-size: 20px;
        -webkit-line-clamp: 2 !important;
        height: 46px;
        line-height: 22px;
        font-weight: 500;
    }

    .slid2 {
        width: 400px;
        height: 300px;
        border-radius: 100px 0
    }

    .px-8 {
        padding-left: 0;
        padding-right: 0;
    }

    .px-10 {
        margin: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 1rem 0;
        gap: 4rem 0;
    }

    .cm-content h1, .h1, h1 {
        font-size: 30px;
        font-weight: 600;
        line-height: 33.8px;
        margin-bottom: 0;
    }

    .cm-content h2, .h2, h2 {
        font-size: 21px !important;
        font-weight: 500;
        line-height: 30px !important;
        margin-bottom: 1.5rem;
        text-align: left
    }
    .grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .pageCont h3 {
        padding: 1rem 0;
        display: block;
        font-size: 22px;
        line-height: 30px;
    }

    .inFlex {
        width: 100%;
    }

    .OnePg .flex .dv1 .content h4, .h4, h4 {
        font-size: 23px;
        margin-bottom: 1rem;
    }

    .gcols-3 {
        padding: 1rem 2rem;
    }

    .mySwiper .swiper-slide {
        width: 120px !important
    }

    section[aria-labelledby="hizmet-header-7"] .px-3 {
        margin-bottom: 4rem !important
    }

    .productsList.bh .items {
        padding: 1rem;
    }
    .productsList {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    #date-info{padding:10px 0; display:block; line-height:20px}
    .cm-content p, p, .blogContent div {
        font-size: 18px;
        text-align: left
    }
    .serviceBtn, .serviceBtn1 {
        float: left !important;
        align-self:flex-start
    }
    .lax{padding:0 1.2rem !important}
    div[aria-label="Son blog yazıları"] {
        margin-top: 0px !important
    }
    a.blog .blogImg {
        height: 250px !important;
    }
    .grid2Ex div {
        text-align: left !important;
        align-items: flex-start !important;
        justify-content: flex-start
    }
    .grid2Ex {
        grid-template-columns: 100%;
        text-align: left;
    }
        .grid2Ex div{padding:10% !important; text-align:left}
        .grid2Ex div:last-child:before {
            display: none !important
        }
    a.blog .blogImg {
        height: 145px;
    }

    .timesFlex {
        font-size: 14px;
        gap: .3rem !important;
    }

        .timesFlex img {
            width: 16px;
            height: 16px
        }

    .blog-text h3, .blog-text span.h3, .blog-text p {
        padding: 0 10px 10px;
    }

    .dv1Right h3{width:100%; margin-left:0px !important}
    .BlogTime {
        padding: 10px;
    }
    .gap-2x {
        gap: 1rem !important;
    }
    .blog-text p {
        font-size: 18px;
        height: 102px;
        -webkit-line-clamp: 4;
    }

    footer .grid {
        grid-template-columns: 22% 37% 40%;
        grid-gap: 2rem !important
    }

    .proList .productsList {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .btnS2 span, .btnS1 span {
        font-size: 15px
    }
    .btnS1 div, .btnS2 div{ width:100%; display:flex; flex-direction:column; justify-content:flex-start; min-width:100%}
    .btnS1, .btnS2 {
        padding: .8rem 5rem .8rem .5rem;
        font-size: 29px;
        min-width: 100% !important;
        max-width: 100% !important;
        border-radius: 34px;
        width: 100% !important;
    }
    .categories {
        position: static;
        top: 0;
    }
        .btnS1 img, .btnS2 img {
            width: 50px;
            height: 50px;
            margin: 0 .5rem
        }
   
    .pageCont img.note-float-right, .pageCont img.note-float-left {
        width: 100% !important;
        border-radius:0;
        margin:10px 0 !important;
        float:none !important;
    }

    .pageCont ul li, .pageCont ol li {
        font-size: 18px;
        line-height: 23px;
    }

    .contactPage .hidden-lg {
        width: 1.7%;
    }

    .contactPage, .servicePage {
        padding-top: 3rem
    }
        .contactPage:before, .servicePage:before {
           display:none
        }
        .contactPage{padding-top:2rem}

        .w-full .FK .form fieldset {
            flex-direction: column;
        }

    .RadioBtn input + label {
        display: contents;
    }

    .contactPage .gridListCool2 img {
        width: 215px;
        height: 215px;
    }

    .pr {
        margin-top: 1rem;
    }

    #map_canvas {
        height: 215px;
        width: 180px;
    }

    .w-full .FK {
        width: 100%
    }
    .banner .flex{flex-direction:column !important}
    .pr a.btnlink {
        border-radius: 0;
        cursor: pointer;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5rem;
        padding-right: 0;
        flex-direction: column;
        position: relative;
        border-bottom: 1.6px solid transparent;
        text-transform: none;
        display: inline-flex;
        margin-right: 0;
        margin-top: 1rem;
        align-items: flex-start;
        justify-content: flex-start;
        --tw-text-opacity: 1;
        color: var(--red);
        transition-duration: .2s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    }

    .btnlink:after, .btnlink:is(a,button):after {
        display: none
    }

    .contactPage .module-container .flex .w-full h1 {
        font-size: 34px;
        line-height: 35.8px;
    }

    .OnePg .flex .dv1 h3, .h3 {
        font-size: 27px;
    }

    .pr .h5 {
        font-size: 19px;
    }

    .w-full p {
        font-size: 18px;
    }

    .w-full .FK .form fieldset .formBody .input .ink {
        padding: 1rem !important
    }

    .blogGrid {
        grid-template-columns: 100%;
    }
    .header {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        gap: .5rem;
    }
    .play-btn {
        width: 45px !important;
        height: 45px !important;
        max-width: 45px !important;
        min-width: 45px !important;
    }
    .fotoGal {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sap {
        width: 185px;
    }

        .sap img {
            width: 130px;
        }

    .BlogTime div, .BlogTime time {
        font-size: 13px;
    }
   
    .fotoGal div {
        width: 100%;
        height: 100%;
    }



    .bg-red {
        width: 12px !important;
        height: 12px !important;
    }

    .footerLink span {
        font-size: 15px;
    }

    .footerLink ul li {
        padding: .2rem 0 .2rem 1rem;
        font-size: 15px;
    }

    .footerLink ul {
        padding: .5rem 0rem;
    }

    .fixed {
        position: relative;
        display: flex;
        flex-direction: column;
        height: 180px;
    }

    .footerLink address, .footerLink .cont, .footerLink p {
        padding: .5rem 0;
        font-size: 16px;
        line-height: 23px;
    }

    .footerIco, .footerIco img {
        width: 30px;
    }


    .gap2x img {
        width: 80px;
        height: 55px;
    }
    #producAIListPart .auto .gridsx .mix .remove{opacity:1 !important; width:11px; height:11px;}
    #producAIListPart .auto .gridsx {
        flex-wrap: wrap !important;
    }
        #producAIListPart .auto .gridsx .mix img {
            width: 55px;
            height: 55px;
            object-fit: cover;
        }
    #producAIListPart .auto .gridsx .mix {       
        flex-direction: column;
        width: 100px;
    }
    .minimize{opacity:1}
    .min .minimize {
        opacity: 0 !important
    }
    #producAIListPart.min {
        bottom: 10px;
        right: 10px;
    }
        #PopupFixBody img {
        display: none
    }
    #PopupFixBody a.btn{padding:1rem !important}
    .PopupFix .PopupText, .PopupFix1 .PopupText1 {
        max-width: 90% !important;
        padding: 2rem !important;
    }
        .footerBottom {
        padding: 1rem
    }

        .footerBottom .grids {
            font-size: 15px;
        }

    .social i {
        width: 20px !important;
        height: 20px !important
    }

    footer .grid {
        grid-gap: 1rem !important;
    }

    .productsList.bh .items img {
        width: 100% !important;
        height: 200px !important;
        object-fit: contain !important;
    }
    .productsList.bh .items {
        padding: 1rem;
        align-items: center !important;
        text-align: center;
        justify-content: center;
    }
    .productsList.bh .items a {
        height: auto;
        cursor: pointer !important;
    }

    .bigSlider .swiper-wrapperX .swiper-slide-active {
        width: 100% !important;
    }

        .bigSlider .swiper-wrapperX .swiper-slide-active a .image-wrapper {
            height: 220px !important
        }

    .slideTo {
        height: 470px;
    }
    .flexp {
        flex-direction: column;
    }
    .bigSlider .swiper-wrapperX .swiper-slide a .contexT {
        padding: 1.5rem 1.5rem 2rem;
    }

        .bigSlider .swiper-wrapperX .swiper-slide a .contexT p {
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 1.75rem;
        }

        .bigSlider .swiper-wrapperX .swiper-slide a .contexT h3 {
            font-size: 20px;
            line-height: 18.8px;
        }

    .bigSlider .swiper-wrapperX .swiper-slide a .contexT {
        background: none !important
    }

        .bigSlider .swiper-wrapperX .swiper-slide a .contexT .btn {
            transition: all .4s;
            border: 0px !important;
            padding: .75rem !important;
            width:100%; text-align:center;
            font-size: 16px !important; display:inline-block;
        }

    .bigSlider .swiper-wrapperX .swiper-slide a .image-above {
        height: 75% !important
    }


    .bigSlider .swiper-wrapperX .swiper-slide-next, .bigSlider .swiper-wrapperX .swiper-slide-next a, .bigSlider .swiper-wrapperX .swiper-slide-next a .contexT,
    .bigSlider .swiper-wrapperX .swiper-slide, .bigSlider .swiper-wrapperX .swiper-slide a, .bigSlider .swiper-wrapperX .swiper-slide a .contexT {
        background: none !important
    }

    .bigSlider .swiper-wrapperX .swiper-slide-active, .bigSlider .swiper-wrapperX .swiper-slide-active a, .bigSlider .swiper-wrapperX .swiper-slide-active a .contexT {
        background: #f1f1f1 !important
    }

    .banner .inFlex .text-red {
        line-height: 1.5rem;
        font-size: 1rem;
        border-radius: 3px 20px;
    }

    .content .h4 {
        line-height: 21px !important;
        font-size: 16px !important;
    }
    .px-3x {
        padding: 1.2rem !important;
    }
    .OnePg{width:100% !important; max-width:100% !important; margin:20px 0}
    .OnePg .flex .dv1 .content h4, .h4, h4 {
        font-size: 20px;
        margin-bottom: 1rem;
        font-weight: bold;
        line-height: 22px;
    }
    .fullFle {
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        margin-top: -6rem;
        margin-left: 0;
        margin-right: 0;
    }
    .teal{width:100%}
    .gcols-2 {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
    section.bg{padding:2rem 0}
    .OnePg .flex .dv1 .content p .linkt {
        font-size: 16px
    }

    .OnePg .flex .dv1 .content {
        padding: 2rem 1rem
    }

    .OnePg .flex .dv1 h3, .h3 {
        font-size: 23px;
        color: #000;
        width:100%;
        line-height: 27.4px;
        padding-bottom: 1rem !important;
    }
    .OnePg .flex .dv2{width:100%}
    .OnePg .flex .dv1 .content .buttonGrp {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
        margin-top: 2rem;
    }

    .btn--primary, .btn--primary:is(a,button) {
        font-size: 16px;
        font-weight: 300;
        line-height: 1.8rem;
        padding: 0.3rem .6rem .4rem;
    }

    .grid .g h3 {
        padding: .5rem 0;
        font-weight: 500;
        font-size: 1.2rem;
    }

    .grid .g p {
        color: #000000;
        font-size: 16px;
        font-weight: 300;
        line-height: 21px;
        margin-bottom: 0;
        padding: .5rem 0;
    }

    .teal p {
        padding: 0 2rem;
        font-size: 17px;
        color: var(--black);
    }

    .teal h3 {
        padding: 2rem 3rem 0 2rem;
        font-size: 24px;
        color: #000000;
    }

    .jp1, .jp2, .jp3, .jp4 {
        height: 22px;
        width: 22px;
    }

    .OnePg .flex .dv1 .content h4, .h4, h4 {
        font-size: 18px;
        line-height: 22px;
    }

    .gcols-3 p, .link2 {
        font-size: 16px !important;
        margin-bottom: 0px !important
    }

    .gcols-3 {
        padding: .5rem 1rem;
    }

    .rev img {
        width: 120px;
    }
    .rev {
        margin-top: 40px;
        padding: 2rem;
        padding-bottom: 1rem;
        padding-top: 7rem;
    }
    .rev .h2 {
        font-size: 2.25rem !important;
    }
    p.nopad {
        line-height: 22px;
        margin-bottom: 0;
        position: relative;
        top: -15px;
    }
    .rev p {
        font-size: 18px !important;
        line-height: 23px; text-align:center
    }

    .registerBtn {
        font-size: 19px !important;
        font-weight: 500 !important;
    }

    .productsList.bh .items span {
        font-size: 16px;
        height: 45px;
        -webkit-line-clamp: 2;
    }

    a.blog .blogImg .btn {
        width: 40px;
        height: 50px
    }

    .puantb strong {
        font-size: 18px !important
    }

    .questionBody .questionList {
        padding: 1rem !important
    }

    .BlogAlter span.h3 {
        font-size: 19px;
        line-height: 22px;
    }
    #ps-img {
        max-width: 80%;
    }
        footer{padding:1rem  0}
    footer .grid {
        grid-template-columns: 100%;
        grid-gap: .5rem !important;
    }
    footer .flex-col {
        gap: .5rem
    }
    .questionBody .questionList strong{padding:1rem 0}
    .footerLink ul {
        border-left: 0 !important
    }
    #footer_kurumsal + ul, #footer_genel + ul, #footer_musteri + ul, #footer_urunler + ul {
        border-left: 0;
        padding: 1rem;
        display: none;
    }
        #footer_kurumsal.active + ul, #footer_genel.active + ul, #footer_musteri.active + ul, #footer_urunler.active + ul{
            display:block !important
        }
        #footer_kurumsal + ul li, #footer_genel + ul li, #footer_musteri + ul li, #footer_urunler + ul li {
            padding: .5rem 0 !important;
            font-size: 16px !important;
            border-bottom: 1.2px solid #ddd !important;
        }
    #footer_kurumsal + ul li:last-child, #footer_genel + ul li:last-child, #footer_musteri + ul li:last-child, #footer_urunler + ul li:last-child {
        border-bottom: 0px !important
    }
    #footer_kurumsal:before, #footer_genel:before, #footer_musteri:before, #footer_urunler:before {
        display: none
    }
    #footer_kurumsal, #footer_genel, #footer_musteri, #footer_urunler {
        font-size: 18px;
        padding: 1rem !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #fff;
        cursor: pointer;
    }
        #footer_kurumsal:after, #footer_genel:after, #footer_musteri:after, #footer_urunler:after {
            content: "";
            border-radius: 50px;
            padding: 1rem;
            background: #f1f1f1 url(/img/down.svg) no-repeat center center;
        }
        #footer_kurumsal.active:after, #footer_genel.active:after, #footer_musteri.active:after, #footer_urunler.active:after {
            transform: rotate(180deg)
        }
    .footerLink:last-child{padding:1rem}
    .footerBottom {
        padding: 1rem 1rem 2rem !important;
    }
        .footerBottom .grids {
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: .5rem;
        }
            .footerBottom .grids nav:last-child {
                align-self: center;
                display: flex;
                flex-direction: column;
                grid-gap: .5rem;
                align-items: center;
            }
                .footerBottom .grids nav:last-child a:before {
                    display:none
                }
    .hs-cookie {
        bottom: 0 !important;
        left: 0;
        max-width: 100%;
        height: auto;
        width: 100%;
    }
    .pageCont ul {
        padding: 1rem !important;
    }
    .pageCont ul{columns:1 !important}
    
    
    .bannerFix {
        height: auto !important;
        margin: 0 !important;
        width:100% !important;
        flex-direction: column !important;
        align-items:flex-start !important;
        justify-content:flex-start !important
    }
    .bannerFix div.zp .slid2 {
        width: 100% !important;
        height: auto !important;
            border-radius:5px !important
    }
    .searchBody .searchFull {
        margin: 10% auto;
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
        justify-content: flex-start;
        max-width: 90% !important;
        text-align: left;
    }
    .etiket a {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
        .etiket a:after {
            content: "";
            background: url(/img/nx1.svg) no-repeat 0 0;
            background-size: contain;
            width: 18px;
            height: 8px;
            display: inline-block;
            margin-top: 7px;
        }
        .etiket a.actives:after{display:none}
        .searchDetails {
            width: 100%;
            margin-left: 0;
            border-radius: 0;
        }
    .mic{display:none}
    .searchInput {
        padding: 25px;
        border-radius: 0;
        width: 388px;
        border: 5px solid #fff;
        font-size: 20px;
        background: #fff url(/img/search1.svg) no-repeat 20px center;
        text-indent: 25px;
    }
    .close1{top:2%}
    .bannerFix div.zp:last-child:before, .bannerFix div.zp:last-child:after, .KX .bannerFix div.zp:last-child img.proc, .KX .bannerFix div.zp:last-child:after, .KX .bannerFix div.zp:last-child:before, .bannerFix div.inload {
        display: none !important
    }
    .bannerFix div.zp{width:100% !important; margin:0 !important}
    .bannerFix div.zp:last-child img {
        height: auto;
        border-radius:0px !important
    }
    .vt {
        gap: 1rem;
        margin-top: 10px;
        flex-direction: column;
    }
        .bannerFix div.zp:last-child {
            padding-left: 0;
            width: 100% !important;
        }
        .bannerFix div.zp:first-child {
            padding-right: 0;
            padding-left: 0;
            width: 100% !important;
            padding-top: 2rem;
        }
    .bannerFix .zp h1 {
        font-size: 23px !important;
        line-height: 30.8px !important;
    }
    .gridListCool6 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 1rem;
    }
    .servicePort {
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        gap: 2rem;
    }
    .questionBody .questionList strong:after, .questionBody .questionList strong.active:after {
        font-size: 24px;
        transition: all .4s;
        position: relative !important;
        right: 0 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        line-height: 0 !important;
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        text-align: center;
        max-width: 48px !important;
    }
    #map_canvas {
        height: 300px;
        width: 100%;
    }
    #map_canvas a {
        font-size: 27px !important;
    }
    .contactPage .module-container .flex {
        flex-direction: column;
    }
    .contactPage .gridListCool2 img{display:none}
    .contactPage .module-container .flex .w-full {
        width: 100%;
        padding: 1.2rem
    }
}
@media only screen and (min-width:414px) and (max-width:414px) {
    .gap2x img {
        width: 77px;
        height: 55px;
    }
}
@media only screen and (min-width:390px) and (max-width:390px) {
        .slid2 {
            width: 370px;
            height: 270px;
            border-radius: 55px 0;
        }
    }
@media only screen and (min-width:375px) and (max-width:375px) {
    .slid2 {
        width: 330px;
        height: 260px;
        border-radius: 55px 0;
    }

    .gap2x img {
        width: 67px;
        height: 48px;
    }
}
@media only screen and (min-width:320px) and (max-width:360px) {
        .slid2 {
            width: 299px;
            height: 225px;
            border-radius: 55px 0;
        }
        .gap2x img {
            width: 84px;
            height: 62px;
        }
        .topContact, .btnk {
            display: none
        }

        .blog-text h3, .blog-text span.h3, .blog-text p {
            height: auto !important;
            text-overflow: inherit !important;
            -webkit-line-clamp: none !important;
        }

        .blog-text h3, .blog-text span.h3 {
            font-size: 22px;
            font-weight: 500;
            line-height: 28.4px;
        }

        .fixed {
            height: 156px;
        }

        .btnS1 img, .btnS2 img {
            width: 40px;
            height: 40px;
            margin: 0 .5rem;
        }

        #footer_kurumsal, #footer_genel, #footer_musteri, #footer_urunler {
            font-size: 16px;
        }

        .social a {
            width: 40px;
            height: 40px;
        }

        .pager .page-number a {
            padding: .5rem;
        }

        .blog-text {
            padding: .5rem;
        }

        .gap2x img {
            width: 75px;
            height: 55px;
        }

        .btnS1, .btnS2 {
            padding: .8rem 1.5rem .8rem .5rem;
            font-size: 22px;
        }

        .pr, .w-full .FK {
            padding: 1rem !important
        }

        section[aria-labelledby="hizmet-header-7"] .px-3 {
            margin-bottom: 0rem !important;
        }

        .slideTo {
            height: auto;
        }

        .rev {
            margin-top: 40px;
            padding: 1rem;
            padding-bottom: 2rem;
            padding-top: 1rem;
        }

        iframe[title="reCAPTCHA"] {
            width: 84% !important;
            margin: 25px 0;
        }

        .contactPage, .servicePage {
            padding-bottom: 1rem
        }

        .mesai-durum {
            padding: 0;
            text-align: left;
            display: flex;
            align-items: flex-start;
            flex-direction: column;
            justify-content: flex-start;
        }

        .RadioBtn input + label {
            display: -webkit-box;
            line-height: 22px !important;
        }

        #map_canvas a {
            font-size: 20px !important;
        }

        .topHeader a {
            display: flex;
            justify-content: space-between;
        }
    }


@media screen and (orientation: landscape) and (max-width: 932px) {

    .autoPage, .contactPage .module-container {
        margin: 0 auto;
        max-width: 900px;
        width: 100%;
        padding: 0 1.2rem
    }
    .OnePg { margin-top:2rem !important
    }.ozet{margin-bottom:0px !important}
    .gridListCool6 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 2rem;
    }
    .fotoGal {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
        .lax {
        padding: 0 1.2rem
    }

        .jpp {
            margin-top: 20px !important;
        }

            .jpp h1, .jpp .h1 {
                font-size: 30px;
                font-weight: 600;
                line-height: 47.8px;
            }

        .mx-auto {
            justify-content: flex-end;
        }

        .grid2Ex div:first-child {
            padding: 10% 10% 10% 20%;
        }

        .grid2Ex div:last-child {
            padding: 10% 20% 10% 10%;
        }

        .mx-auto .logo {
            flex: 1
        }

        .menuList {
            display: none
        }
    .topContact {
        width: 56%;
    }

        .close1 {
            position: absolute;
            width: 35px;
            right: 5%;
            height: 40px;
        }

        nav .mx-auto {
            padding: 0 0 0 20px !important;
        }

        .mx-auto {
            padding: 0 20px;
            justify-content: flex-start
        }

        .hamburgerMenu {
            display: flex
        }


        .main-nav .btn--primary {
            padding: 26px 21.5px 25px;
            margin-bottom: -1px;
        }

        .BlogTime div, .BlogTime time {
            padding: 10px 0
        }

        .btnk {
            right: 0;
        }

        .menuList ul li .relative span {
            font-size: 1rem;
        }

        .btn--primary:after, .addOrder {
            display: none !important
        }

        .banner {
            width: 900px
        }

        .slider-container {
            width: auto;
            margin: 0 30px auto;
        }

        .jimes .blog-text h3 {
            width: 100%;
            font-size: 20px;
            -webkit-line-clamp: 2 !important;
            height: 46px;
            line-height: 22px;
            font-weight: 500;
        }

        .slid2 {
            width: 400px;
            height: 300px;
            border-radius: 100px 0
        }

        .px-8 {
            padding-left: 0;
            padding-right: 1rem;
        }

        .px-10 {
            margin: 0;
        }

        .cm-content h1, .h1, h1 {
            font-size: 30px;
            font-weight: 600;
            line-height: 33.8px;
            margin-bottom: 0;
        }

        .cm-content h2, .h2, h2 {
            font-size: 24px !important;
            font-weight: 500;
            line-height: 30px !important;
            margin-bottom: 1.5rem;
        }

        .pageCont h3 {
            padding: 1rem 0;
            display: block;
            font-size: 22px;
            line-height: 30px;
        }

        .inFlex {
            width: 480px;
        }

        .banner {
            width: 800px
        }

        .OnePg .flex .dv1 .content h4, .h4, h4 {
            font-size: 23px;
            margin-bottom: 1rem;
        }

        .gcols-3 {
            padding: 1rem 2rem;
        }

        .mySwiper .swiper-slide {
            width: 120px !important
        }

        section[aria-labelledby="hizmet-header-7"] .px-3 {
            margin-bottom: -3rem !important
        }

        .productsList.bh .items {
            padding: 1rem;
        }

        .cm-content p, p, .blogContent div {
            font-size: 18px;
        }

        a.blog .blogImg {
            height: 145px;
        }

        .timesFlex {
            font-size: 14px;
            gap: .3rem !important;
        }

            .timesFlex img {
                width: 16px;
                height: 16px
            }

        .blog-text h3, .blog-text span.h3, .blog-text p {
            padding: 0 10px 10px;
        }

        .cm-content h2, .h2, h2 {
            font-size: 25px;
            font-weight: 600;
            line-height: 30.8px;
            margin-bottom: 1.5rem;
        }

        .BlogTime {
            padding: 10px;
        }

        .blog-text p {
            font-size: 15px;
            height: 60px;
            -webkit-line-clamp: 3;
        }

        footer .grid {
            grid-template-columns: 22% 37% 40%;
            grid-gap: 2rem !important
        }

        .bannerFix div.zp .slid2 {
            width: 100% !important;
            height: auto !important
        }

        .bannerFix {
            margin: 12rem 0 2.5rem;
            margin-top: 0rem !important;
        }

            .bannerFix div.zp:last-child:before {
                height: 365px;
            }

            .bannerFix div.zp:last-child:after {
                height: 346px;
            }

            .bannerFix div.zp:last-child {
                padding-left: 2rem;
            }

        .KX .bannerFix {
            margin-top: 3rem !important;
        }

            .KX .bannerFix div.zp:last-child img.proc {
                height: 306px;
            }

            .KX .bannerFix div.zp:last-child:after {
                height: 391px;
                top: -55px
            }

            .KX .bannerFix div.zp:last-child:before {
                top: -95px;
                height: 400px;
            }

        .btnS1, .btnS2 {
            padding: .8rem .8rem .8rem .5rem;
            font-size: 18px;
            min-width: 205px;
        }

            .btnS1 img, .btnS2 img {
                width: 30px;
                height: 30px
            }

        .bannerFix div.zp:last-child div.inload {
            bottom: -75px;
        }

        .pageCont img.note-float-right, .pageCont img.note-float-left {
            width: 35% !important;
            border-radius: 70px 0;
        }

        .pageCont ul li, .pageCont ol li {
            font-size: 18px;
            line-height: 23px;
        }

        #map_canvas {
            width: 227px;
        }

        .contactPage .hidden-lg {
            width: 1.7%;
        }

        .contactPage, .servicePage {
            padding-top: 3rem
        }

        .w-full .FK .form fieldset {
            flex-direction: column;
        }

        .RadioBtn input + label {
            display: contents;
        }

        .contactPage .gridListCool2 img {
            width: 215px;
            height: 215px;
        }

        .pr {
            margin-top: 1rem;
        }

        #map_canvas {
            height: 215px;
            width: 180px;
        }

        .w-full .FK {
            width: 465px
        }

        .pr a.btnlink {
            border-radius: 0;
            cursor: pointer;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5rem;
            padding-right: 0;
            flex-direction: column;
            position: relative;
            border-bottom: 1.6px solid transparent;
            text-transform: none;
            display: inline-flex;
            margin-right: 0;
            margin-top: 1rem;
            align-items: flex-start;
            justify-content: flex-start;
            --tw-text-opacity: 1;
            color: var(--red);
            transition-duration: .2s;
            transition-property: all;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        }

        .btnlink:after, .btnlink:is(a,button):after {
            display: none
        }

        .contactPage .module-container .flex .w-full h1 {
            font-size: 34px;
            line-height: 35.8px;
        }

        .OnePg .flex .dv1 h3, .h3 {
            font-size: 27px;
        }

        .pr .h5 {
            font-size: 19px;
        }

        .w-full p {
            font-size: 18px;
        }

        .w-full .FK .form fieldset .formBody .input .ink {
            padding: 1rem !important
        }

        .blogGrid {
            grid-template-columns: 70% 30%;
        }

        .sap {
            width: 175px;
        }

            .sap img {
                width: 130px;
            }

        .BlogTime div, .BlogTime time {
            font-size: 13px;
        }

        .bannerFix div.zp:last-child img {
            height: 302px;
            border-radius: 100px 0;
        }

        .bannerFix .zp h1 {
            font-size: 23px !important;
            line-height: 30.8px !important;
        }

        .fotoGal div {
            width: 100%;
            height: 100%;
        }



        .bg-red {
            width: 12px !important;
            height: 12px !important;
        }

        .footerLink span {
            font-size: 15px;
        }

        .footerLink ul li {
            padding: .2rem 0 .2rem 1rem;
            font-size: 15px;
        }

        .footerLink ul {
            padding: .5rem 0rem;
        }

        .fixed {
            position: relative;
        }

        .footerLink address, .footerLink .cont, .footerLink p {
            padding: .5rem 0;
            font-size: 16px;
            line-height: 23px;
        }

        .footerIco, .footerIco img {
            width: 30px;
        }

        .social a {
            width: 30px;
            height: 30px;
        }

        .gap2x img {
            width: 43px;
            height: 33px;
        }

        .footerBottom {
            padding: 1rem
        }

            .footerBottom .grids {
                font-size: 15px;
            }

        .social i {
            width: 20px !important;
            height: 20px !important
        }

        footer .grid {
            grid-gap: 1rem !important;
        }

        .productsList.bh .items img {
            width: 100% !important;
            height: 160px !important;
            object-fit: contain !important;
        }

        .productsList.bh .items a {
            height: 280px;
            cursor: pointer !important;
        }

        .bigSlider .swiper-wrapperX .swiper-slide-active {
            width: 450px !important;
        }

            .bigSlider .swiper-wrapperX .swiper-slide-active a .image-wrapper {
                height: 220px !important
            }

        .slideTo {
            height: 460px;
        }

        .bigSlider .swiper-wrapperX .swiper-slide a .contexT {
            padding: 1.5rem 1.5rem 2rem;
        }

            .bigSlider .swiper-wrapperX .swiper-slide a .contexT p {
                font-size: 16px;
                line-height: 21px;
                margin-bottom: 1.75rem;
            }

            .bigSlider .swiper-wrapperX .swiper-slide a .contexT h3 {
                font-size: 20px;
                line-height: 18.8px;
            }

        .bigSlider .swiper-wrapperX .swiper-slide a .contexT {
            background: none !important
        }

            .bigSlider .swiper-wrapperX .swiper-slide a .contexT .btn {
                transition: all .4s;
                border: 0px !important;
                padding: .75rem !important;
                font-size: 16px !important
            }

        .bigSlider .swiper-wrapperX .swiper-slide a .image-above {
            height: 75% !important
        }

        .px-10 {
            padding: 4rem 0rem 5rem;
        }

        .bigSlider .swiper-wrapperX .swiper-slide-next, .bigSlider .swiper-wrapperX .swiper-slide-next a, .bigSlider .swiper-wrapperX .swiper-slide-next a .contexT,
        .bigSlider .swiper-wrapperX .swiper-slide, .bigSlider .swiper-wrapperX .swiper-slide a, .bigSlider .swiper-wrapperX .swiper-slide a .contexT {
            background: none !important
        }

        .bigSlider .swiper-wrapperX .swiper-slide-active, .bigSlider .swiper-wrapperX .swiper-slide-active a, .bigSlider .swiper-wrapperX .swiper-slide-active a .contexT {
            background: #f1f1f1 !important
        }

        .banner .inFlex .text-red {
            line-height: 1.5rem;
            font-size: 1rem;
            border-radius: 3px 20px;
        }

        .content .h4 {
            line-height: 21px !important;
            font-size: 16px !important;
        }

        .OnePg .flex .dv1 .content h4, .h4, h4 {
            font-size: 20px;
            margin-bottom: 1rem;
            font-weight: bold;
            line-height: 22px;
        }

        .OnePg .flex .dv1 .content p .linkt {
            font-size: 16px
        }

        .OnePg .flex .dv1 .content {
            padding: 2rem
        }

        .OnePg .flex .dv1 h3, .h3 {
            font-size: 23px;
            color: #000;
            line-height: 27.4px;
            padding-bottom: 1rem !important;
        }

        .OnePg .flex .dv1 .content .buttonGrp {
            display: flex;
            gap: 1rem;
            flex-wrap: wrap;
            margin-top: 2rem;
        }

        .btn--primary, .btn--primary:is(a,button) {
            font-size: 16px;
            font-weight: 300;
            line-height: 1.8rem;
            padding: 0.3rem .6rem .4rem;
        }

        .cm-content h2, .h2, h2 {
            font-size: 22px;
            font-weight: 500;
            line-height: 24.8px;
            margin-bottom: 1.5rem;
        }

        .grid .g h3 {
            padding: .5rem 0;
            font-weight: 500;
            font-size: 1.2rem;
        }

        .grid .g p {
            color: #000000;
            font-size: 16px;
            font-weight: 300;
            line-height: 21px;
            margin-bottom: 0;
            padding: .5rem 0;
        }

        .teal p {
            padding: 0 2rem;
            font-size: 17px;
            color: var(--black);
        }

        .teal h3 {
            padding: 2rem 3rem 0 2rem;
            font-size: 24px;
            color: #000000;
        }

        .jp1, .jp2, .jp3, .jp4 {
            height: 22px;
            width: 22px;
        }

        .OnePg .flex .dv1 .content h4, .h4, h4 {
            font-size: 18px;
            line-height: 22px;
        }

        .gcols-3 p, .link2 {
            font-size: 16px !important;
            margin-bottom: 0px !important
        }

        .gcols-3 {
            padding: .5rem 1rem;
        }

        .rev img {
            width: 120px;
        }

        .rev .h2 {
            font-size: 1.25rem !important;
        }

        .rev p {
            font-size: 16px !important;
            line-height: 21px
        }

        .registerBtn {
            font-size: 19px !important;
            font-weight: 500 !important;
        }

        .productsList.bh .items span {
            font-size: 16px;
            height: 45px;
            -webkit-line-clamp: 2;
        }

        a.blog .blogImg .btn {
            width: 40px;
            height: 50px
        }

        .puantb strong {
            font-size: 18px !important
        }

        .questionBody .questionList {
            padding: 1rem !important
        }

        .BlogAlter span.h3 {
            font-size: 19px;
            line-height: 22px;
        }

        #ps-overlay {
            align-items: baseline
        }
    
}
@media screen and (orientation: landscape) and (min-width: 823px) and (max-width: 844px) {

    .autoPage, .contactPage .module-container {
        margin: 0 auto;
        max-width: 900px;
        width: 100%;
        padding: 0 1.2rem
    }

        .contactPage .module-container .flex .w-full {
            padding-left: 2rem;
        }

    .topContact img, .topContact span, .topContact a:first-child[style='margin-right:10px!important'] {
        display: none
    }

    #map_canvas a {
        font-size: 13px !important;
    }

    .topContact a.nofe {
        margin: 0 !important;
        padding: 0 !important
    }

    .OnePg {
        margin-top: 2rem !important
    }

    .ozet {
        margin-bottom: 0px !important
    }

    .gridListCool6 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 2rem;
    }

    .fotoGal {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lax {
        padding: 0 1.2rem
    }

    .jpp {
        margin-top: 20px !important;
    }

        .jpp h1, .jpp .h1 {
            font-size: 30px;
            font-weight: 600;
            line-height: 47.8px;
        }

    .mx-auto {
        justify-content: flex-end;
    }

    .grid2Ex div:first-child {
        padding: 10% 10% 10% 20%;
    }

    .grid2Ex div:last-child {
        padding: 10% 20% 10% 10%;
    }

    .mx-auto .logo {
        flex: 1
    }

    .menuList {
        display: none
    }

    .topContact {
        width: 50%;
        display: flex;
        gap: 1.5rem;
    }

    .close1 {
        position: absolute;
        width: 35px;
        right: 5%;
        height: 40px;
    }

    nav .mx-auto {
        padding: 0 0 0 20px !important;
    }

    .mx-auto {
        padding: 0 20px;
        justify-content: flex-start
    }

    .hamburgerMenu {
        display: flex
    }


    .main-nav .btn--primary {
        padding: 26px 21.5px 25px;
        margin-bottom: -1px;
    }

    .BlogTime div, .BlogTime time {
        padding: 10px 0
    }

    .btnk {
        right: 0;
    }

    .menuList ul li .relative span {
        font-size: 1rem;
    }

    .btn--primary:after, .addOrder {
        display: none !important
    }

    .banner {
        width: 900px
    }

    .slider-container {
        width: auto;
        margin: 0;
    }

    .jimes .blog-text h3 {
        width: 100%;
        font-size: 20px;
        -webkit-line-clamp: 2 !important;
        height: 46px;
        line-height: 22px;
        font-weight: 500;
    }

    .slid2 {
        width: 350px;
        height: 249px;
        border-radius: 60px 0;
    }

    .px-8 {
        padding-left: 0;
        padding-right: 2rem;
    }

    .px-10 {
        margin: 0;
    }

    .cm-content h1, .h1, h1 {
        font-size: 30px;
        font-weight: 600;
        line-height: 33.8px;
        margin-bottom: 0;
    }

    .cm-content h2, .h2, h2 {
        font-size: 24px !important;
        font-weight: 500;
        line-height: 30px !important;
        margin-bottom: 1.5rem;
    }

    .pageCont h3 {
        padding: 1rem 0;
        display: block;
        font-size: 22px;
        line-height: 30px;
    }

    .inFlex {
        width: 400px;
    }

    .banner {
        width: 100%
    }

    .OnePg .flex .dv1 .content h4, .h4, h4 {
        font-size: 23px;
        margin-bottom: 1rem;
    }

    .gcols-3 {
        padding: 1rem 2rem;
    }

    .mySwiper .swiper-slide {
        width: 120px !important
    }

    section[aria-labelledby="hizmet-header-7"] .px-3 {
        margin-bottom: 0 !important
    }

    .productsList.bh .items {
        padding: 1rem;
    }

    .cm-content p, p, .blogContent div {
        font-size: 18px;
    }

    a.blog .blogImg {
        height: 145px;
    }

    .timesFlex {
        font-size: 14px;
        gap: .3rem !important;
    }

        .timesFlex img {
            width: 16px;
            height: 16px
        }

    .blog-text h3, .blog-text span.h3, .blog-text p {
        padding: 0 10px 10px;
    }

    .cm-content h2, .h2, h2 {
        font-size: 25px;
        font-weight: 600;
        line-height: 30.8px;
        margin-bottom: 1.5rem;
    }

    .BlogTime {
        padding: 10px;
    }

    .blog-text p {
        font-size: 15px;
        height: 60px;
        -webkit-line-clamp: 3;
    }

    footer .grid {
        grid-template-columns: 22% 36% 39%;
        grid-gap: 2rem !important
    }

    .bannerFix div.zp .slid2 {
        width: 100% !important;
        height: auto !important
    }

    .bannerFix {
        margin: 12rem 0 2.5rem;
        margin-top: 0rem !important;
    }

        .bannerFix div.zp:last-child:before {
            height: 365px;
        }

        .bannerFix div.zp:last-child:after {
            height: 346px;
        }

        .bannerFix div.zp:last-child {
            padding-left: 2rem;
        }

    .KX .bannerFix {
        margin-top: 3rem !important;
    }

        .KX .bannerFix div.zp:last-child img.proc {
            height: 306px;
        }

        .KX .bannerFix div.zp:last-child:after {
            height: 391px;
            top: -55px
        }

        .KX .bannerFix div.zp:last-child:before {
            top: -95px;
            height: 400px;
        }

    .btnS1, .btnS2 {
        padding: .8rem .8rem .8rem .5rem;
        font-size: 16px;
        min-width: 195px;
    }

        .btnS1 img, .btnS2 img {
            width: 30px;
            height: 30px
        }

    .bannerFix div.zp:last-child div.inload {
        bottom: -75px;
    }

    .pageCont img.note-float-right, .pageCont img.note-float-left {
        width: 35% !important;
        border-radius: 70px 0;
    }

    .pageCont ul li, .pageCont ol li {
        font-size: 18px;
        line-height: 23px;
    }

    #map_canvas {
        width: 227px;
    }

    .contactPage .hidden-lg {
        width: 1.7%;
    }

    .contactPage, .servicePage {
        padding-top: 3rem
    }

    .w-full .FK .form fieldset {
        flex-direction: column;
    }

    .RadioBtn input + label {
        display: contents;
    }

    .contactPage .gridListCool2 img {
        width: 178px;
        height: 189px;
    }

    .pr {
        margin-top: 1rem;
    }

    #map_canvas {
        height: 190px;
        width: 164px;
    }

    .w-full .FK {
        width: 380px
    }

    .pr a.btnlink {
        border-radius: 0;
        cursor: pointer;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5rem;
        padding-right: 0;
        flex-direction: column;
        position: relative;
        border-bottom: 1.6px solid transparent;
        text-transform: none;
        display: inline-flex;
        margin-right: 0;
        margin-top: 1rem;
        align-items: flex-start;
        justify-content: flex-start;
        --tw-text-opacity: 1;
        color: var(--red);
        transition-duration: .2s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    }

    .btnlink:after, .btnlink:is(a,button):after {
        display: none
    }

    .contactPage .module-container .flex .w-full h1 {
        font-size: 34px;
        line-height: 35.8px;
    }

    .OnePg .flex .dv1 h3, .h3 {
        font-size: 27px;
    }

    .pr .h5 {
        font-size: 19px;
    }

    .w-full p {
        font-size: 18px;
    }

    .w-full .FK .form fieldset .formBody .input .ink {
        padding: 1rem !important
    }

    .blogGrid {
        grid-template-columns: 70% 30%;
    }

    .sap {
        width: 175px;
    }

        .sap img {
            width: 130px;
        }

    .BlogTime div, .BlogTime time {
        font-size: 13px;
    }

    .bannerFix div.zp:last-child img {
        height: 302px;
        border-radius: 100px 0;
    }

    .bannerFix .zp h1 {
        font-size: 23px !important;
        line-height: 30.8px !important;
    }

    .fotoGal div {
        width: 100%;
        height: 100%;
    }



    .bg-red {
        width: 12px !important;
        height: 12px !important;
    }

    .footerLink span {
        font-size: 15px;
    }

    .footerLink ul li {
        padding: .2rem 0 .2rem 1rem;
        font-size: 15px;
    }

    .footerLink ul {
        padding: .5rem 0rem;
    }

    .fixed {
        position: relative;
    }

    .footerLink address, .footerLink .cont, .footerLink p {
        padding: .5rem 0;
        font-size: 16px;
        line-height: 23px;
    }

    .footerIco, .footerIco img {
        width: 30px;
    }

    .social a {
        width: 30px;
        height: 30px;
    }

    .gap2x img {
        width: 43px;
        height: 33px;
    }

    .footerBottom {
        padding: 1rem
    }

        .footerBottom .grids {
            font-size: 15px;
        }

    .social i {
        width: 20px !important;
        height: 20px !important
    }

    footer .grid {
        grid-gap: 1rem !important;
    }

    .productsList.bh .items img {
        width: 100% !important;
        height: 160px !important;
        object-fit: contain !important;
    }

    .productsList.bh .items a {
        height: 280px;
        cursor: pointer !important;
    }

    .bigSlider .swiper-wrapperX .swiper-slide-active {
        width: 450px !important;
    }

        .bigSlider .swiper-wrapperX .swiper-slide-active a .image-wrapper {
            height: 220px !important
        }

    .slideTo {
        height: 460px;
    }

    .bigSlider .swiper-wrapperX .swiper-slide a .contexT {
        padding: 1.5rem 1.5rem 2rem;
    }

        .bigSlider .swiper-wrapperX .swiper-slide a .contexT p {
            font-size: 16px;
            line-height: 21px;
            margin-bottom: 1.75rem;
        }

        .bigSlider .swiper-wrapperX .swiper-slide a .contexT h3 {
            font-size: 20px;
            line-height: 18.8px;
        }

    .bigSlider .swiper-wrapperX .swiper-slide a .contexT {
        background: none !important
    }

        .bigSlider .swiper-wrapperX .swiper-slide a .contexT .btn {
            transition: all .4s;
            border: 0px !important;
            padding: .75rem !important;
            font-size: 16px !important
        }

    .bigSlider .swiper-wrapperX .swiper-slide a .image-above {
        height: 75% !important
    }

    .px-10 {
        padding: 4rem 0rem 5rem;
    }

    .bigSlider .swiper-wrapperX .swiper-slide-next, .bigSlider .swiper-wrapperX .swiper-slide-next a, .bigSlider .swiper-wrapperX .swiper-slide-next a .contexT,
    .bigSlider .swiper-wrapperX .swiper-slide, .bigSlider .swiper-wrapperX .swiper-slide a, .bigSlider .swiper-wrapperX .swiper-slide a .contexT {
        background: none !important
    }

    .bigSlider .swiper-wrapperX .swiper-slide-active, .bigSlider .swiper-wrapperX .swiper-slide-active a, .bigSlider .swiper-wrapperX .swiper-slide-active a .contexT {
        background: #f1f1f1 !important
    }

    .banner .inFlex .text-red {
        line-height: 1.5rem;
        font-size: 1rem;
        border-radius: 3px 20px;
    }

    .content .h4 {
        line-height: 21px !important;
        font-size: 16px !important;
    }

    .OnePg .flex .dv1 .content h4, .h4, h4 {
        font-size: 20px;
        margin-bottom: 1rem;
        font-weight: bold;
        line-height: 22px;
    }

    .OnePg .flex .dv1 .content p .linkt {
        font-size: 16px
    }

    .OnePg .flex .dv1 .content {
        padding: 2rem
    }

    .OnePg .flex .dv1 h3, .h3 {
        font-size: 23px;
        color: #000;
        line-height: 27.4px;
        padding-bottom: 1rem !important;
    }

    .OnePg .flex .dv1 .content .buttonGrp {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
        margin-top: 2rem;
    }

    .btn--primary, .btn--primary:is(a,button) {
        font-size: 16px;
        font-weight: 300;
        line-height: 1.8rem;
        padding: 0.3rem .6rem .4rem;
    }

    .cm-content h2, .h2, h2 {
        font-size: 22px;
        font-weight: 500;
        line-height: 24.8px;
        margin-bottom: 1.5rem;
    }

    .grid .g h3 {
        padding: .5rem 0;
        font-weight: 500;
        font-size: 1.2rem;
    }

    .grid .g p {
        color: #000000;
        font-size: 16px;
        font-weight: 300;
        line-height: 21px;
        margin-bottom: 0;
        padding: .5rem 0;
    }

    .teal p {
        padding: 0 2rem;
        font-size: 17px;
        color: var(--black);
    }

    .teal h3 {
        padding: 2rem 3rem 0 2rem;
        font-size: 24px;
        color: #000000;
    }

    .jp1, .jp2, .jp3, .jp4 {
        height: 22px;
        width: 22px;
    }

    .OnePg .flex .dv1 .content h4, .h4, h4 {
        font-size: 18px;
        line-height: 22px;
    }

    .gcols-3 p, .link2 {
        font-size: 16px !important;
        margin-bottom: 0px !important
    }

    .gcols-3 {
        padding: .5rem 1rem;
    }

    .rev img {
        width: 120px;
    }

    .rev .h2 {
        font-size: 1.25rem !important;
    }

    .rev p {
        font-size: 16px !important;
        line-height: 21px
    }

    .registerBtn {
        font-size: 19px !important;
        font-weight: 500 !important;
    }

    .productsList.bh .items span {
        font-size: 16px;
        height: 45px;
        -webkit-line-clamp: 2;
    }

    a.blog .blogImg .btn {
        width: 40px;
        height: 50px
    }

    .puantb strong {
        font-size: 18px !important
    }

    .questionBody .questionList {
        padding: 1rem !important
    }

    .BlogAlter span.h3 {
        font-size: 19px;
        line-height: 22px;
    }

    #ps-overlay {
        align-items: baseline
    }
}
@media screen and (orientation: landscape) and (min-width: 640px) and (max-width: 736px) {

    .autoPage, .contactPage .module-container {
        margin: 0 auto;
        max-width: 100%;
        width: 100%;
        padding: 0 1.2rem
    }

    .g-recaptcha div {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important
    }

    .grid .g p {
        text-align: center;
    }

    body {
        touch-action: pan-x pan-y;
        -webkit-overflow-scrolling: touch;
    }

    .jpp {
        margin-top: 20px !important;
    }

    .RadioBtn input + label {
        display: -webkit-box;
        line-height: 20px !important;
    }

    .jpp h1, .jpp .h1 {
        font-size: 30px;
        font-weight: 600;
        line-height: 47.8px;
    }

    .mx-auto {
        justify-content: flex-end;
    }

    .OnePg .flex .dv1 {
        position: relative;
        width: 100%
    }

    .OnePg .flex {
        flex-direction: column
    }

    .grid2Ex div:first-child {
        padding: 10% 10% 10% 20%;
    }

    .grid2Ex div:last-child {
        padding: 10% 20% 10% 10%;
    }

    .mx-auto .logo {
        flex: 1
    }

    .reveal-section {
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.6s ease-out;
        will-change: opacity, transform;
    }

        .reveal-section.active {
            opacity: 1;
            transform: translateY(0);
        }

    .menuList, .topContact img, .topContact span, .block:last-child {
        display: none
    }

    .sitemap ol {
        display: flex !important;
        flex-direction: column
    }

        .sitemap ol li:last-child {
            margin-left: 0;
        }

    .px-3Bottom {
        padding-bottom: 1rem;
        padding-top: 0px !important;
    }

    .sitemap-pdf {
        display: flex;
        justify-content: space-between
    }

    .topHeader a {
        width: 250px !important;
        padding: 15px 16px;
        text-align: right;
    }

    .topContact {
        width: 38%;
        flex-direction: row !important;
        justify-content: center;
        align-items: center;
        gap: 0;
        flex-wrap: nowrap !important;
        align-self: center;
        text-align: center;
    }

        .topContact a {
            text-align: center;
            flex-shrink: 0;
            flex: inherit;
            margin: 0 !important;
        }

            .topContact img, .topContact span, .topContact a:first-child[style='margin-right:10px!important'] {
                display: none
            }

            .topContact a.nofe {
                margin: 0 !important;
                padding: 0 !important
            }


    .close1 {
        position: absolute;
        width: 35px;
        right: 5%;
        height: 40px;
    }

    .hamburgerMenu .hamburgerBtn {
        padding: 13.3px 14px !important;
    }

    nav .mx-auto {
        display: flex;
        justify-content: space-between;
        width: 96%;
        align-items: center;
        margin: 5px auto !important
    }

        nav .mx-auto * {
            flex: initial
        }

    .mx-auto {
        padding: 0 20px;
        justify-content: flex-start
    }

    .hamburgerMenu {
        display: flex
    }


    .main-nav .btn--primary {
        padding: 26px 21.5px 25px;
        margin-bottom: -1px;
    }

    .BlogTime div, .BlogTime time {
        padding: 10px 0
    }

    .btnk {
        right: 0;
    }

    .menuList ul li .relative span {
        font-size: 1rem;
    }

    .btn--primary:after, #PageUpBtn, #producAIListPart .auto .gridsx .mix strong {
        display: none !important
    }

    .banner {
        width: 100%
    }

    .slider-container {
        width: auto;
        margin: 10px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .blog-text {
        padding: .5rem 1rem 0;
    }

    .jimes .blog-text h3 {
        width: 100%;
        font-size: 20px;
        -webkit-line-clamp: 2 !important;
        height: 46px;
        line-height: 22px;
        font-weight: 500;
    }

    header nav {
        height: 80px;
        width: 96% !important;
    }

    .slid2 {
        width: 600px;
        height: 400px;
        border-radius: 100px 0
    }

    .px-8 {
        padding-left: 0;
        padding-right: 0;
    }

    .px-10 {
        margin: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 1rem 0;
        gap: 4rem 0;
    }

    .cm-content h1, .h1, h1 {
        font-size: 36px;
        font-weight: 600;
        line-height: 45.8px;
        margin-bottom: 0;
    }

    .cm-content h2, .h2, h2 {
        font-size: 21px !important;
        font-weight: 500;
        line-height: 30px !important;
        margin-bottom: 1.5rem;
        text-align: left
    }

    .grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pageCont h3 {
        padding: 1rem 0;
        display: block;
        font-size: 22px;
        line-height: 30px;
    }

    .inFlex {
        width: 100%;
    }

    .OnePg .flex .dv1 .content h4, .h4, h4 {
        font-size: 23px;
        margin-bottom: 1rem;
    }

    .gcols-3 {
        padding: 1rem 2rem;
    }

    .mySwiper .swiper-slide {
        width: 120px !important
    }

    section[aria-labelledby="hizmet-header-7"] .px-3 {
        margin-bottom: 4rem !important
    }

    .productsList.bh .items {
        padding: 1rem;
    }

    .productsList {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #date-info {
        padding: 10px 0;
        display: block;
        line-height: 20px
    }

    .cm-content p, p, .blogContent div {
        font-size: 18px;
        text-align: left
    }

    .serviceBtn, .serviceBtn1 {
        float: left !important;
        align-self: flex-start
    }

    .lax {
        padding: 0 1.2rem !important
    }

    div[aria-label="Son blog yazıları"] {
        margin-top: 0px !important
    }

    a.blog .blogImg {
        height: 185px !important;
    }

    .grid2Ex div {
        text-align: left !important;
        align-items: flex-start !important;
        justify-content: flex-start
    }

    .grid2Ex {
        grid-template-columns: 100%;
        text-align: left;
    }

        .grid2Ex div {
            padding: 10% !important;
            text-align: left
        }

            .grid2Ex div:last-child:before {
                display: none !important
            }

    a.blog .blogImg {
        height: 145px;
    }

    .timesFlex {
        font-size: 14px;
        gap: .3rem !important;
    }

        .timesFlex img {
            width: 16px;
            height: 16px
        }

    .blog-text h3, .blog-text span.h3, .blog-text p {
        padding: 0 10px 10px;
    }

    .dv1Right h3 {
        width: 100%;
        margin-left: 0px !important
    }

    .BlogTime {
        padding: 10px;
    }

    .gap-2x {
        gap: 1rem !important;
    }

    .blog-text p {
        font-size: 18px;
        height: 102px;
        -webkit-line-clamp: 4;
    }

    footer .grid {
        grid-template-columns: 22% 37% 40%;
        grid-gap: 2rem !important
    }

    .proList .productsList {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .btnS2 span, .btnS1 span {
        font-size: 15px
    }

    .btnS1 div, .btnS2 div {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        min-width: 100%
    }

    .btnS1, .btnS2 {
        padding: .8rem 5rem .8rem .5rem;
        font-size: 20px;
        min-width: auto !important;
        max-width: 100% !important;
        border-radius: 34px;
        width: 100% !important;
    }

    .categories {
        position: static;
        top: 0;
    }

    .btnS1 img, .btnS2 img {
        width: 50px;
        height: 50px;
        margin: 0 .5rem
    }

    .pageCont img.note-float-right, .pageCont img.note-float-left {
        width: 100% !important;
        border-radius: 0;
        margin: 10px 0 !important;
        float: none !important;
    }

    .pageCont ul li, .pageCont ol li {
        font-size: 18px;
        line-height: 23px;
    }

    .contactPage .hidden-lg {
        width: 1.7%;
    }

    .contactPage, .servicePage {
        padding-top: 3rem
    }

        .contactPage:before, .servicePage:before {
            display: none
        }

    .contactPage {
        padding-top: 2rem
    }

    .w-full .FK .form fieldset {
        flex-direction: column;
    }

    .RadioBtn input + label {
        display: contents;
    }

    .contactPage .gridListCool2 img {
        width: 215px;
        height: 215px;
    }

    .pr {
        margin-top: 1rem;
    }

    #map_canvas {
        height: 215px;
        width: 180px;
    }

    .w-full .FK {
        width: 100%
    }

    .banner .flex {
        flex-direction: row !important
    }



    .contactPage .module-container .flex .w-full h1 {
        font-size: 34px;
        line-height: 35.8px;
    }

    .OnePg .flex .dv1 h3, .h3 {
        font-size: 27px;
    }

    .pr .h5 {
        font-size: 19px;
    }

    .w-full p {
        font-size: 18px;
    }

    .w-full .FK .form fieldset .formBody .input .ink {
        padding: 1rem !important
    }

    .blogGrid {
        grid-template-columns: 100%;
    }

    .header {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        gap: .5rem;
    }

    .play-btn {
        width: 45px !important;
        height: 45px !important;
        max-width: 45px !important;
        min-width: 45px !important;
    }

    .fotoGal {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sap {
        width: 185px;
    }

        .sap img {
            width: 130px;
        }

    .BlogTime div, .BlogTime time {
        font-size: 13px;
    }

    .fotoGal div {
        width: 100%;
        height: 100%;
    }



    .bg-red {
        width: 12px !important;
        height: 12px !important;
    }

    .footerLink span {
        font-size: 15px;
    }

    .footerLink ul li {
        padding: .2rem 0 .2rem 1rem;
        font-size: 15px;
    }

    .footerLink ul {
        padding: .5rem 0rem;
    }

    .fixed {
        position: relative;
        display: flex;
        flex-direction: column;
        height: 140px;
    }

    .footerLink address, .footerLink .cont, .footerLink p {
        padding: .5rem 0;
        font-size: 16px;
        line-height: 23px;
    }

    .footerIco, .footerIco img {
        width: 30px;
    }


    .gap2x img {
        width: 80px;
        height: 55px;
    }

    #producAIListPart .auto .gridsx .mix .remove {
        opacity: 1 !important;
        width: 11px;
        height: 11px;
    }

    #producAIListPart .auto .gridsx {
        flex-wrap: wrap !important;
    }

        #producAIListPart .auto .gridsx .mix img {
            width: 55px;
            height: 55px;
            object-fit: cover;
        }

        #producAIListPart .auto .gridsx .mix {
            flex-direction: column;
            width: 100px;
        }

    .minimize {
        opacity: 1
    }

    .min .minimize {
        opacity: 0 !important
    }

    #producAIListPart.min {
        bottom: 10px;
        right: 10px;
    }

    #PopupFixBody img {
        display: none
    }

    #PopupFixBody a.btn {
        padding: 1rem !important
    }

    .PopupFix .PopupText, .PopupFix1 .PopupText1 {
        max-width: 90% !important;
        padding: 2rem !important;
    }

    .footerBottom {
        padding: 1rem
    }

        .footerBottom .grids {
            font-size: 15px;
        }

    .social i {
        width: 20px !important;
        height: 20px !important
    }

    footer .grid {
        grid-gap: 1rem !important;
    }

    .productsList.bh .items img {
        width: 100% !important;
        height: 200px !important;
        object-fit: contain !important;
    }

    .productsList.bh .items {
        padding: 1rem;
        align-items: center !important;
        text-align: center;
        justify-content: center;
    }

        .productsList.bh .items a {
            height: auto;
            cursor: pointer !important;
        }

    .bigSlider .swiper-wrapperX .swiper-slide-active {
        width: 100% !important;
    }

        .bigSlider .swiper-wrapperX .swiper-slide-active a .image-wrapper {
            height: 220px !important
        }

    .slideTo {
        height: 470px;
    }

    .flexp {
        flex-direction: column;
    }

    .bigSlider .swiper-wrapperX .swiper-slide a .contexT {
        padding: 1.5rem 1.5rem 2rem;
    }

        .bigSlider .swiper-wrapperX .swiper-slide a .contexT p {
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 1.75rem;
        }

        .bigSlider .swiper-wrapperX .swiper-slide a .contexT h3 {
            font-size: 20px;
            line-height: 18.8px;
        }

    .bigSlider .swiper-wrapperX .swiper-slide a .contexT {
        background: none !important
    }

        .bigSlider .swiper-wrapperX .swiper-slide a .contexT .btn {
            transition: all .4s;
            border: 0px !important;
            padding: .75rem !important;
            width: 100%;
            text-align: center;
            font-size: 16px !important;
            display: inline-block;
        }

    .bigSlider .swiper-wrapperX .swiper-slide a .image-above {
        height: 75% !important
    }


    .bigSlider .swiper-wrapperX .swiper-slide-next, .bigSlider .swiper-wrapperX .swiper-slide-next a, .bigSlider .swiper-wrapperX .swiper-slide-next a .contexT,
    .bigSlider .swiper-wrapperX .swiper-slide, .bigSlider .swiper-wrapperX .swiper-slide a, .bigSlider .swiper-wrapperX .swiper-slide a .contexT {
        background: none !important
    }

    .bigSlider .swiper-wrapperX .swiper-slide-active, .bigSlider .swiper-wrapperX .swiper-slide-active a, .bigSlider .swiper-wrapperX .swiper-slide-active a .contexT {
        background: #f1f1f1 !important
    }

    .banner .inFlex .text-red {
        line-height: 1.5rem;
        font-size: 1rem;
        border-radius: 3px 20px;
        width: 100%
    }

    .content .h4 {
        line-height: 21px !important;
        font-size: 16px !important;
    }

    .px-3x {
        padding: 1.2rem !important;
    }

    .OnePg {
        width: 100% !important;
        max-width: 100% !important;
        margin: 20px 0
    }

        .OnePg .flex .dv1 .content h4, .h4, h4 {
            font-size: 20px;
            margin-bottom: 1rem;
            font-weight: bold;
            line-height: 22px;
        }

    .fullFle {
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        margin-top: -6rem;
        margin-left: 0;
        margin-right: 0;
    }

    .teal {
        width: 100%
    }

    .gcols-2 {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }

    section.bg {
        padding: 2rem 0
    }

    .OnePg .flex .dv1 .content p .linkt {
        font-size: 16px
    }

    .OnePg .flex .dv1 .content {
        padding: 2rem 1rem
    }

    .OnePg .flex .dv1 h3, .h3 {
        font-size: 23px;
        color: #000;
        width: 100%;
        line-height: 27.4px;
        padding-bottom: 1rem !important;
    }

    .OnePg .flex .dv2 {
        width: 100%
    }

    .OnePg .flex .dv1 .content .buttonGrp {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
        margin-top: 2rem;
    }

    .btn--primary, .btn--primary:is(a,button) {
        font-size: 16px;
        font-weight: 300;
        line-height: 1.8rem;
        padding: 0.3rem .6rem .4rem;
    }

    .grid .g h3 {
        padding: .5rem 0;
        font-weight: 500;
        font-size: 1.2rem;
    }

    .grid .g p {
        color: #000000;
        font-size: 16px;
        font-weight: 300;
        line-height: 21px;
        margin-bottom: 0;
        padding: .5rem 0;
    }

    .teal p {
        padding: 0 2rem;
        font-size: 17px;
        color: var(--black);
    }

    .teal h3 {
        padding: 2rem 3rem 0 2rem;
        font-size: 24px;
        color: #000000;
    }

    .jp1, .jp2, .jp3, .jp4 {
        height: 22px;
        width: 22px;
    }

    .OnePg .flex .dv1 .content h4, .h4, h4 {
        font-size: 18px;
        line-height: 22px;
    }

    .gcols-3 p, .link2 {
        font-size: 16px !important;
        margin-bottom: 0px !important
    }

    .gcols-3 {
        padding: .5rem 1rem;
    }

    .rev img {
        width: 120px;
    }

    .rev {
        margin-top: 40px;
        padding: 2rem;
        padding-bottom: 1rem;
        padding-top: 7rem;
    }

        .rev .h2 {
            font-size: 2.25rem !important;
        }

    p.nopad {
        line-height: 22px;
        margin-bottom: 0;
        position: relative;
        top: -15px;
    }

    .rev p {
        font-size: 18px !important;
        line-height: 23px;
        text-align: center
    }

    .registerBtn {
        font-size: 19px !important;
        font-weight: 500 !important;
    }

    .productsList.bh .items span {
        font-size: 16px;
        height: 45px;
        -webkit-line-clamp: 2;
    }

    a.blog .blogImg .btn {
        width: 40px;
        height: 50px
    }

    .puantb strong {
        font-size: 18px !important
    }

    .questionBody .questionList {
        padding: 1rem !important
    }

    .BlogAlter span.h3 {
        font-size: 19px;
        line-height: 22px;
    }

    #ps-img {
        max-width: 80%;
    }

    footer {
        padding: 1rem 0
    }

    .blogGrid.pageCont {
        margin-top: -50px !important;
    }

    footer .grid {
        grid-template-columns: 100%;
        grid-gap: 1rem !important;
    }

    footer .flex-col {
        gap: 1rem
    }

    .questionBody .questionList strong {
        padding: 1rem 0
    }

    .footerLink ul {
        border-left: 0 !important
    }

    #footer_kurumsal + ul, #footer_genel + ul, #footer_musteri + ul, #footer_urunler + ul {
        border-left: 0;
        padding: 1rem;
        display: none;
    }

    #footer_kurumsal.active + ul, #footer_genel.active + ul, #footer_musteri.active + ul, #footer_urunler.active + ul {
        display: block !important
    }

    #footer_kurumsal + ul li, #footer_genel + ul li, #footer_musteri + ul li, #footer_urunler + ul li {
        padding: .5rem 0 !important;
        font-size: 16px !important;
        border-bottom: 1.2px solid #ddd !important;
    }

        #footer_kurumsal + ul li:last-child, #footer_genel + ul li:last-child, #footer_musteri + ul li:last-child, #footer_urunler + ul li:last-child {
            border-bottom: 0px !important
        }

    #footer_kurumsal:before, #footer_genel:before, #footer_musteri:before, #footer_urunler:before {
        display: none
    }

    #footer_kurumsal, #footer_genel, #footer_musteri, #footer_urunler {
        font-size: 18px;
        padding: 1rem !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #fff;
        cursor: pointer;
    }

        #footer_kurumsal:after, #footer_genel:after, #footer_musteri:after, #footer_urunler:after {
            content: "";
            border-radius: 50px;
            padding: 1rem;
            background: #f1f1f1 url(/img/down.svg) no-repeat center center;
        }

        #footer_kurumsal.active:after, #footer_genel.active:after, #footer_musteri.active:after, #footer_urunler.active:after {
            transform: rotate(180deg)
        }

    .footerLink:last-child {
        padding: 1rem
    }

    .footerBottom {
        padding: 1rem 1rem 2rem !important;
    }

        .footerBottom .grids {
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: .5rem;
        }

            .footerBottom .grids nav:last-child {
                align-self: center;
                display: flex;
                flex-direction: column;
                grid-gap: .5rem;
                align-items: center;
            }

                .footerBottom .grids nav:last-child a:before {
                    display: none
                }

    .hs-cookie {
        bottom: 0 !important;
        left: 0;
        max-width: 100%;
        height: auto;
        width: 100%;
    }

    .pageCont ul {
        padding: 1rem !important;
    }

    .pageCont ul {
        columns: 3 !important
    }

    .questionBody .questionList strong {
        padding: 1rem 0;
        display: flex;
        justify-content: space-between;
    }

    .bannerFix {
        height: auto !important;
        margin: 0 !important;
        width: 100% !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important
    }

        .bannerFix div.zp .slid2 {
            width: 100% !important;
            height: auto !important;
            border-radius: 5px !important
        }

    .searchBody .searchFull {
        margin: 10% auto;
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
        justify-content: flex-start;
        max-width: 90% !important;
        text-align: left;
    }

    .etiket a {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

        .etiket a:after {
            content: "";
            background: url(/img/nx1.svg) no-repeat 0 0;
            background-size: contain;
            width: 18px;
            height: 8px;
            display: inline-block;
            margin-top: 7px;
        }

        .etiket a.actives:after {
            display: none
        }

    .searchDetails {
        width: 100%;
        margin-left: 0;
        border-radius: 0;
    }

    .mic {
        display: none
    }

    .searchInput {
        padding: 25px;
        border-radius: 0;
        width: 388px;
        border: 5px solid #fff;
        font-size: 20px;
        background: #fff url(/img/search1.svg) no-repeat 20px center;
        text-indent: 25px;
    }

    .close1 {
        top: 2%
    }

    .bannerFix div.zp:last-child:before, .bannerFix div.zp:last-child:after, .KX .bannerFix div.zp:last-child img.proc, .KX .bannerFix div.zp:last-child:after, .KX .bannerFix div.zp:last-child:before, .bannerFix div.inload {
        display: none !important
    }

    .bannerFix div.zp {
        width: 100% !important;
        margin: 0 !important
    }

        .bannerFix div.zp:last-child img {
            height: auto;
            border-radius: 0px !important
        }

    .vt {
        gap: 1rem;
        margin-top: 10px;
        flex-direction: row;
    }

    .bannerFix div.zp:last-child {
        padding-left: 0;
        width: 100% !important;
    }

    .bannerFix div.zp:first-child {
        padding-right: 0;
        padding-left: 0;
        width: 100% !important;
        padding-top: 2rem;
    }

    .bannerFix .zp h1 {
        font-size: 23px !important;
        line-height: 30.8px !important;
    }

    .gridListCool6 {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 1rem;
    }

    .servicePort {
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        gap: 2rem;
    }

    .questionBody .questionList strong:after, .questionBody .questionList strong.active:after {
        font-size: 24px;
        transition: all .4s;
        position: relative !important;
        right: 0 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        line-height: 0 !important;
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        text-align: center;
        max-width: 48px !important;
    }

    #map_canvas {
        height: 300px;
        display: contents;
        min-width: 100% !important;
        width: 100%;
        max-width: 100% !important;
    }

        #map_canvas a {
            font-size: 20px !important;
            padding: 2rem;
        }

    .contactPage .module-container .flex {
        flex-direction: column;
    }

    .contactPage .gridListCool2 img {
        display: none
    }

    .contactPage .module-container .flex .w-full {
        width: 100%;
        padding: 1.2rem
    }
}