@media screen and (max-width: 767px) {

    html {
        overflow-x: hidden;
    }

    body {
        padding-top: 152px;
        overflow-x: hidden;
    }

    /* navbar */
    .ustbar {
        width: 100%;
        background-color: white;
        position: fixed;
        top: 0;
        margin: 0 !important;
        opacity: 1;
        /* background-color: rgba(255, 255, 255, 0.5); */
        backdrop-filter: blur(10px);
        z-index: 21;
        display: flex;
        justify-content: center;
    }

    .ustbar nav {
        width: 100%;
    }

    .navbar-brand.col--3 {
        padding: 0;
        margin: 0;
    }

    .ustbar a img {
        max-width: 152px;
        margin: 0;
    }

    .num {
        display: none;
    }

    #navbarNav {
        width: 100% !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ustbar .contact {
        display: none;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        left: 0 !important;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 100%;
        z-index: 1000230123;
        transform: translateX(300%);
        transition: .5s;
    }

    .ustbar a div span {
        font-family: Meteora;
        font-size: 30px;
        margin-left: 10px !important;
        color: #7c7c7c;
    }

    .ustbar a div img {
        position: relative !important;
        width: 95px !important;
        top: -19.5px !important;
        right: 94px !important;
    }

    .ustbar a div {
        width: 200px;
    }


    .telefon {
        display: block !important;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #f4790e;
        background: transparent;
    }

    .nav-btn {
        display: block !important;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 2px solid #f4790e;
        background: transparent;
        color: #f4790e;
    }

    .aktif-btn {
        background: #f4790e !important;
        color: white !important;
    }

    .aktif-navul {
        transform: translateX(0) !important;
    }

    .navul {
        position: fixed;
        top: 140px;
        width: 100% !important;
        margin: 0 !important;
        height: 90vh;
        display: flex;
        justify-content: center;
        align-items: center;
        background: url(../img/global/mm-body-bg.png);
        transform: translateX(300%);
        transition: .5s;
    }

    .overflow {
        overflow: hidden !important;
    }

    .col-md-6.align-items-center.left.animate__animated.animate__bounceInLeft {
        padding: 30px !important;
        width: 100%;

    }

    .col-md-6.align-items-center.left.animate__animated.animate__bounceInLeft .hebir {
        font-size: 61px;
        margin-top: 0;
        font-weight: 200;
        width: 100%;
        padding-left: 0;
        margin-bottom: 450px;
    }

    .col-md-6.right.animate__animated.animate__bounceInRight {
        position: absolute;
        top: 400px;
        right: 0;
        left: 0;
    }

    .tubs-box .col-md-6.right.animate__animated.animate__bounceInRight {
        position: absolute;
        top: 100px;
        right: 0;
        left: 0;
    }

    .tubs-box .box3 .kutu .bot {
        top: 0px;
    }

    .glass-box .box1 .right .card img {
        width: 315px;
        height: 386px;
    }

    .glass-box .box1 .right .ust {
        width: 300px;
        right: -100px;
    }

    #southern {
        font-size: 3.1875rem;
        margin: 0;
        margin-bottom: 20px;
    }

    .cizgi {
        position: relative !important;
        padding: 0 !important;
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        height: 1px !important;
        margin: 60px 0 !important;
    }

    .col-lg-2.col-12.right.d-flex.align-items-center.justify-content-between {
        flex-direction: column !important;
        width: 100% !important;
        right: 0 !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .glass-box .box2 .right a {
        position: relative;
        bottom: 0;
    }

    .kutu.animate__animated.animate__flipInX {
        justify-content: center;
        gap: 50px;
        border-radius: 0;
        height: 940px;
        padding: 72px 0;
    }

    .kutu.animate__animated.animate__flipInX .top {
        text-align: center;
        padding: 0px 30px;
    }

    .glass-box .box4 .kutu h3 {
        margin-bottom: 45px;
        padding-top: 0;
        font-size: 2.1875rem;
        position: relative;
        top: 00px
    }

    .glass-box .box4 .kutu .bot {
        width: 100%;
    }

    #button1:checked~div {
        width: 100vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        left: 0px;
    }

    #button2:checked~div {
        width: 100vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        left: -100% !important;
    }

    #button3:checked~div {
        width: 100vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        left: -200% !important;
    }

    #button4:checked~div {
        width: 100vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        left: -300% !important;
    }

    .glass-box .box4 .kutu .bot .button-box .midler {
        left: 0 !important;
    }


    .glass-box .box4 .kutu .bot .button-box .midler .left {
        width: 176px;
        height: 176px;
        border: 2px solid white;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 20px 0;
    }

    .glass-box .box4 .kutu .bot .button-box {
        display: flex;
        align-items: center;
        justify-content: center;
        list-style-type: none;
        padding: 0px;
    }

    .glass-box .box4 .kutu .bot .button-box li {
        position: relative;
        z-index: 11;
        width: 33vw !important;
        top: 0px;
        display: flex;
        justify-content: center;
    }

    .glass-box .box4 .kutu .bot input[type="radio"]+label {
        padding: 5px 6px;
    }

    .glass-box .box4 .kutu .bot .button-box .midler .right {
        width: 100vw;
        height: 180px;
        font-family: Montserrat;
        line-height: 1.6;
        padding: 0px 20px;
        text-align: center;
    }

    .glass-box .box4 .kutu .bot .button-box li label {
        position: relative;
        bottom: -500px;
        margin-left: 0;
        margin-right: 0;
        height: 15px;
        margin-bottom: 300px;
    }

    .col-lg-2.col-12.right.d-flex.align-items-center.justify-content-between .cizgi {
        margin: 20px !important;
    }

    .glass-box .box3 .backround .kutu .top a {
        height: 265px;
        width: 175px;
        margin: 0 10px;
        box-sizing: unset;
    }

    .glass-box .box3 .backround .kutu .bot a {
        height: 265px;
        width: 175px;
        margin: 0 10px;
        box-sizing: unset;
    }

    .glass-box .box3 .backround .kutu .top {
        width: 100vw;
        padding-left: 220px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        overflow-x: scroll !important;
    }

    .glass-box .box3 .backround .kutu .bot {
        width: 100vw;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        overflow-x: scroll !important;
    }

    .glass-box .box3 .backround .kutu .top a h5 {
        font-size: 18px;
    }

    .index_swip {
        margin: 0 !important;
    }

    .index_box3 {
        margin: 0 !important;
    }

    .index_box4 {
        margin: 20px 0 200px 0 !important;
    }

    .glass-box .box5 .kutu {
        display: block;
    }

    .glass-box .box5 .kutu .left {
        width: 100%;
        padding: 0;
        padding: 0px 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .glass-box .box5 .kutu .left h2 {
        font-size: 61px;
        margin-bottom: 600px;
    }

    .glass-box .box5 .kutu .right {
        position: relative;
        padding: 0px 30px;
        width: 100%;
        top: -620px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .glass-box .box5 .kutu .right .top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        left: 0;
    }

    .glass-box .box5 .kutu .right .top .daire {
        margin: 0;
        margin-bottom: 20px;
        background: #eee;
    }

    .glass-box .box5 .kutu .right .top .baslik {
        text-align: center;
    }

    .glass-box .box5 .kutu .right .daire img {
        width: 70%;
    }

    .glass-box .box5 .kutu .right .metin p {
        text-align: center;
        line-height: 1.6;
    }

    .glass-box .box5 {
        margin-top: 90px;
        margin-bottom: -350px;
    }

    .glass-box .box6 {
        padding: 0 30px;
    }

    .glass-box .box6 .kutu {
        height: unset;
        flex-direction: column;
    }

    .glass-box .box6 .kutu .left img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .glass-box .box6 .kutu .left {
        width: 220px;
        height: 340px;
    }

    .glass-box .box6 .kutu .right {
        padding: 0 15px;
        text-align: center;
    }

    .glass-box .box6 .kutu .right .bot {
        padding-bottom: 50px;
    }

    footer {
        height: 622px;
        width: 100%;
    }

    footer .kutu .top {
        flex-direction: column;
        position: absolute;
    }

    footer .kutu .top ul {
        left: 0;
        padding: 0;
        justify-content: center;
    }

    footer .kutu .top .left {
        flex-direction: column;
        margin-bottom: 300px;
    }

    footer .kutu .top .left .logo {
        margin-right: 0px !important;
        margin-bottom: 30px;
        padding-left: 89px;
    }

    footer .kutu .mid {
        flex-direction: column;
        text-align: center;
        margin-top: -70px;
    }

    footer .kutu .mid .sol {
        margin-bottom: 30px;
    }

    footer .kutu .mid ul {
        width: 100%;
        padding: 0;
        display: block;
    }

    footer .kutu .mid ul li {
        border-right: 2px solid white;
        padding: 0 5px;
        width:32%;
        display: inline-block;
        
    }

    footer .kutu .mid ul li:first-child {
        border: none;
        white-space: nowrap;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        margin-bottom: 30px;
    }

    footer .kutu .mid ul li:last-child {
        border: none;
    }

    footer .kutu .cizgi {
        position: absolute !important;
        bottom: 15px;
    }

    footer .kutu .bot {
        position: absolute;
        bottom: 0;
        flex-direction: column;
        text-align: center;
        font-size: 12px;
        margin-bottom: 20px;
    }

    .glass-box .box3 .backround .kutu span {
        display: block;
    }

    /* navbar end */
    /* Mirrors */

    .mirrors-box .box1 {
        margin-top: 40px;
        margin-bottom: 500px;
    }

    .hebir_miror {
        font-size: 51px !important;
        margin: 0 !important;
        margin-bottom: 30px !important;
    }

    .mirrors-box .box1 .left .alt {
        margin: 0 !important;
    }

    .mirrors-box .col-md-6.right.animate__animated.animate__bounceInRight {
        top: 950px;
    }

    .mirrors-box .box1 .right .card {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mirrors-box .box1 .right .card img {
        border-radius: 350px;
        width: 300px;
        height: 423px;
    }

    .mirrors-box .box1 .right .ust {
        position: absolute;
        width: 300px;
        top: -760px;
        z-index: 1;
        display: flex;
        right: -100px;
    }

    .mirrors-box .box3 .backround .kutu .top {
        text-align: center;
        white-space: nowrap;
    }

    .mirrors-box .box3 .backround .kutu .top h3 {
        font-size: 1.815rem;
        font-family: unset;
    }

    .mirrors-box .box3 .backround .kutu .bot {
        width: 100vw;
        padding-left: 220px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        overflow-x: scroll !important;
    }

    .mirrors-box .box3 .backround .kutu .bot a {
        height: 265px;
        width: 175px;
        margin: 0 10px;
        box-sizing: unset;
    }

    .mirrors-box span {
        display: block;
    }

    .mirrors-box .box3 .backround .kutu2 {
        flex-wrap: wrap;
        margin-left: 0px;
        padding: 0 20px;
    }

    .mirrors-box .box3 .backround .kutu2 .baslik1 {
        font-size: 2.725rem;
        font-family: orpheuspro;
    }

    .mirrors-box .box3 .backround .kutu2 .baslik2 {
        font-size: 2.725rem;
        font-family: orpheuspro;
        margin: 50px 0 20px 0;
    }

    .mirrors-box .box3 .backround .kutu2 .images {
        flex-direction: unset;
        margin-bottom: 330px;
    }

    .mirrors-box .box3 .backround .kutu2 .images img {
        flex-direction: unset;
        margin-bottom: 30px;
    }

    .mirrors-box .box3 .backround .kutu2 .baslik3 {
        font-size: 2.1875rem;
        line-height: 1.2;
        margin-bottom: 20px;
    }

    .mirrors-box .box3 .backround .kutu2 p {
        margin-left: -12px;
    }


    .mirrors-box .box6 {
        padding: 0 30px;
    }

    .mirrors-box .box6 .kutu {
        height: unset;
        flex-direction: column;
    }

    .mirrors-box .box6 .kutu .left img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .mirrors-box .box6 .kutu .left {
        width: 220px;
        height: 340px;
    }

    .mirrors-box .box6 .kutu .right {
        padding: 0 15px;
        text-align: center;
    }

    .mirrors-box .box6 .kutu .right .bot {
        padding-bottom: 50px;
    }

    /* Mirrors */
    /* Tubs */

    .hebir_tubs {
        font-size: 22px !important;
        margin-bottom: 0 !important;
    }

    .tubs-box .box1 {
        margin-top: 40px;
        margin-bottom: 600px;
    }

    .tubs-box .box1 .left .alt {
        margin-left: 0;
        font-size: 15px;
    }

    .tubs-box .box1 .right .card {
        margin-top: 400px;
    }

    .tubs-box .box1 .right .ust {
        position: absolute;
        width: 200px;
        top: 350px;
        z-index: 1;
        display: flex;
        right: 0px;
    }

    .tubs-box .box3 .kutu .up {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: absolute;
        top: 40px;
    }

    .tubs-box .box3 {
        padding: 0 !important;
    }

    .tubs-box .box6 {
        padding: 0 30px;
    }

    .tubs-box .box6 .kutu {
        height: unset;
        flex-direction: column;
    }

    .tubs-box .box6 .kutu .left img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .tubs-box .box6 .kutu .left {
        width: 220px;
        height: 340px;
    }

    .tubs-box .box6 .kutu .right {
        padding: 0 15px;
        text-align: center;
    }

    .tubs-box .box6 .kutu .right .bot {
        padding-bottom: 50px;
    }

    .tubs_btn button {
        font-size: 12px;
        margin-right: 0px;
        padding: 4px !important;
        border-radius: 0px !important;
        background-color: transparent !important;
        color: white !important;
        font-family: orpheuspro;
    }

    /* Tubs */

    /* About */

    .hebir_about {
        margin: 0 !important;
    }

    .about-box .box1 {
        margin-top: 40px;
        margin-bottom: 450px;
    }

    .about-box .box1 .left .alt {
        margin-left: 0px;
    }

    .about_düzen {
        position: absolute !important;
        top: 750px !important;
        right: 0 !important;
        left: 0 !important;
    }

    .uretim-box .about_düzen {
        top: 500px !important;
    }

    .uretim-box .about-box .box1 .right .ust {
        top: -300px !important;
    }

    .uretim-box .about-box .box1 {
        margin-bottom: 315px !important;
    }

    .blog_box_blog_kutulari_üretim .blog_yazi_ayarla {
        width: 100% !important;
    }

    .about-box .box1 .right .card {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .about-box .box1 .right .card img {
        border-radius: 350px;
        width: 315px;
        height: 423px;
    }

    .about-box .box1 .right .ust {
        position: absolute;
        width: 300px;
        top: -560px;
        z-index: 1;
        display: flex;
        right: -100px;
    }

    .about-box .box2 {
        padding: 0 30px;
    }

    .about-box .box2 .uzun .birinci .sol {
        margin-bottom: -200px;
    }

    .about-box .box2 .uzun .birinci .sag {
        position: relative;
        margin-left: 0px;
    }

    .about-box .box2 .uzun .birinci {
        margin-bottom: 50px;
    }

    .about-box .box2 .uzun .ucuncu .ust .img {
        width: 100% !important;
        height: 210px;
    }

    .about-box .box2 .uzun .ucuncu {
        align-items: center;
    }

    .about-box .box2 .uzun .ucuncu .ust p {
        margin-top: 20px;
        left: 0px;
    }

    .about-box .box6 {
        padding: 0 30px;
    }

    .about-box .box6 .kutu {
        height: unset;
        flex-direction: column;
    }

    .about-box .box6 .kutu .left img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .about-box .box6 .kutu .left {
        width: 220px;
        height: 340px;
    }

    .about-box .box6 .kutu .right {
        padding: 0 15px;
        text-align: center;
    }

    .about-box .box6 .kutu .right .bot {
        padding-bottom: 50px;
    }

    .about-box .box3 .backround .kutu .bot {
        width: 100vw;
        padding-left: 260px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        overflow-x: scroll !important;
    }

    .about-box .box3 .backround .kutu .bot a {
        height: 265px;
        width: 175px;
        margin: 0 10px;
        box-sizing: unset;
    }

    .about-box span {
        display: block;
    }

    .about-box .box3 .backround .kutu .bot a h5 {
        font-size: 18px;
    }

    /* About */

    /* Resources */

    .resources-box .box1 {
        margin-top: -40px;
    }

    .resources-box .box1 .hebir {
        padding-left: 0px;
        font-size: 51px;
    }

    .resources-box .box1 .left .alt {
        margin-left: 0px;
    }

    .resources-box .box1 .right {
        position: relative;
        left: 0px;
    }

    .resources-box .box1 .right .ust {
        top: -280px;
        width: 300px;
        right: 0px;
    }

    .resources-box .box1 .right .card {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 60px;
    }

    .resources-box .box1 .right .card img {
        border-radius: 350px;
        width: 315px;
        height: 423px;
    }

    .resources-box .box3 span {
        display: block;
    }

    .resources-box .box6 {
        padding: 0 30px;
    }

    .resources-box .box6 .kutu {
        height: unset;
        flex-direction: column;
    }

    .resources-box .box6 .kutu .left img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .resources-box .box6 .kutu .left {
        width: 220px;
        height: 340px;
    }

    .resources-box .box6 .kutu .right {
        padding: 0 15px;
        text-align: center;
    }

    .resources-box .box6 .kutu .right .bot {
        padding-bottom: 50px;
    }

    .resources-box .box3 .backround .kutu .bot {
        width: 100vw;
        padding-left: 220px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        overflow-x: scroll !important;
    }

    .resources-box .box3 .backround .kutu .bot a {
        height: 265px;
        width: 175px;
        margin: 0 10px;
        box-sizing: unset;
    }

    .resources-box span {
        display: block;
    }

    .blog_box {
        padding: 70px 10px;
    }

    .blog_yazi_ayarla {
        width: 100%;
        margin-bottom: 50px !important;
    }

    .blog_box_blog_kutulari {
        flex-direction: column;
        margin: 0;
    }

    .blog_box_bloglar_sag {
        margin-left: 0px;
    }

    .blog_box_bloglar_sol {
        margin-bottom: 0px;
    }

    /* Resources */

    /* Contact */

    .main.container .row.animate__animated.animate__fadeInUpBig {
        padding: 0 10px !important;
    }

    .main.container .row.animate__animated.animate__fadeInUpBig .col-md-8 {
        margin-top: 40px !important;
    }

    .baslik h1 {
        font-size: 51px;
        line-height: 1;
        font-family: orpheuspro !important;
        margin-bottom: 250px;
    }

    .and_resim img {
        position: absolute;
        width: 300px;
        top: -1320px;
        z-index: -1;
        display: flex;
        right: -150px;
    }

    .alt_baslik h3 {
        font-size: 2.1875rem !important;
    }

    .flex_direction_column {
        flex-direction: column !important;
    }

    .form_label {
        width: 100%;
    }

    .wid100 {
        width: 100% !important;
        margin-bottom: 10PX;
    }

    .contact_right {
        margin: 0;
    }

    .black_map {
        border-radius: 0px;
        padding: 20px 0px;
        margin: 50px 0 50px 0;
    }

    .black_map_flex {
        margin-bottom: 20px;
    }

    /* Contact */

    /* Swiper */

    .swiper {
        overflow: visible !important;
    }

    .swiper-slide {
        overflow-x: visible;
    }

    .swiper-button-next {
        width: 50px !important;
        height: 50px !important;
        bottom: 30px !important;
    }

    .swiper-button-next::after {
        backdrop-filter: blur(20px) !important;
        font-size: 30px !important;
    }

    .swiper-button-prev {
        width: 50px !important;
        height: 50px !important;
        bottom: 30px !important;
    }

    .swiper-button-prev::after {
        backdrop-filter: blur(20px) !important;
        font-size: 30px !important;
    }

    /* Swiper */


    /* POP-UP */

    .popUp_icerik {
        width: 90%;
        height: 90vh;
        background: white;
        padding: 15px;
        border-radius: 15px;
    }

    .popUp_close {
        position: relative;
        top: -10px !important;
        left: 94% !important;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 2px solid #f4790e;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        color: #f4790e !important;
    }

    /* POP-UP */

    .glass-box .box4 .kutu .bot {
        width: 600px;
        display: unset;
        flex-direction: unset;
        justify-content: unset;
        align-items: unset;
    }

    .glass-box .box4 .kutu .bot .cizgi {
        width: 480px;
        height: 1px;
        border: 1px solid white;
        position: relative;
        left: 87px;
        top: 132px;
        z-index: 10;
    }

    .otel_terlik_kullanim_alanlari_div {
        padding: 0px 15px;
    }

    .otel_terlik_kullanim_alanlari {
        font-size: 50px !important;
    }

    .black_map {
        height: 850px !important;
        border-radius: 25px;
    }

    .black_map iframe {
        position: relative;
        top: -200px;
        height: 200% !important;
    }

    .black_map_flex+.col-md-8 {
        margin-top: 200px;
    }

    .padding0 {
        padding: 0 !important;
    }

    .contact_captcha_duzen {
        flex-direction: column !important;
        justify-content: center !important;
    }

    .contact_captcha_duzen input {
        margin-bottom: 20px;

    }

    .alt_baslik h3 {
        margin-top: -190px;
    }

    .tek_taban_otel_terlikleri {
        margin-top: 0px !important;
    }

    .panduf {
        margin-top: 0px !important;
    }



}

@media screen and (min-width: 768px) and (max-width: 1025px) {
    html {
        overflow-x: hidden;
    }

    body {
        padding-top: 152px;
    }

    /* navbar */
    .ustbar {
        width: 100%;
        background-color: white;
        position: fixed;
        top: 0;
        margin: 0 !important;
        opacity: 1;
        background-color: rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(10px);
        z-index: 21;
        display: flex;
        justify-content: center;
    }

    .navbar-expand-lg {
        flex-wrap: wrap !important;
    }

    .ustbar nav {
        width: 100%;
    }

    .navbar-brand.col--3 {
        padding: 0;
        margin: 0;
    }

    .ustbar a img {
        max-width: 152px;
        margin: 0;
    }

    .num {
        display: none;
    }

    #navbarNav {
        width: 100% !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ustbar .contact {
        display: none;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        left: 0 !important;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 100%;
        z-index: 1000230123;
        transform: translateX(300%);
        transition: .5s;
    }

    .ustbar a div span {
        font-family: Meteora;
        font-size: 50px;
        margin-left: 10px !important;
        color: #7c7c7c;
    }

    .ustbar a div img {
        position: relative !important;
        width: 200px !important;
        top: -36px !important;
        right: 152px !important;
    }

    .ustbar a div {
        width: 300px;
    }


    .telefon {
        display: block !important;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #f4790e;
        background: transparent;
    }

    .telefon i {
        font-size: 20px !important;
    }

    .nav-btn {
        display: block !important;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 2px solid #f4790e;
        background: transparent;
        color: #f4790e;
    }

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

    .aktif-btn {
        background: #f4790e !important;
        color: white !important;
    }

    .aktif-navul {
        transform: translateX(0) !important;
    }

    .ustbar .contact button {
        width: 270px;
        height: 75px;
        font-size: 20px;
    }

    .nav-link {
        font-size: 30px;
    }

    .navul {
        position: fixed;
        top: 140px;
        width: 100% !important;
        margin: 0 !important;
        height: 90vh;
        display: flex;
        flex-direction: column !important;
        justify-content: center;
        align-items: center;
        background: url(../img/global/mm-body-bg.png);
        transform: translateX(300%);
        transition: .5s;
    }

    .overflow {
        overflow: hidden !important;
    }

    .col-md-6.align-items-center.left.animate__animated.animate__bounceInLeft {
        padding: 30px !important;
        width: 100%;

    }

    .tablet_h1 {
        display: none;
    }

    .glass-box .box1 .right .card {
        overflow-x: clip;
    }

    .col-md-6.align-items-center.left.animate__animated.animate__bounceInLeft .hebir {
        font-size: 45px !important;
        margin-top: 0;
        font-weight: 200;
        width: 100%;
        padding-left: 0;
        margin-bottom: 630px;
        text-align: center;
        white-space: wrap;
    }

    .col-md-6.right.animate__animated.animate__bounceInRight {
        position: absolute;
        top: 300px;
        left: 25%;
        display: flex;
        justify-content: center;
    }

    .tubs-box .col-md-6.right.animate__animated.animate__bounceInRight {
        position: absolute;
        top: 100px;
    }

    .tubs-box .box3 .kutu .bot {
        top: 0px;
    }

    .glass-box .box1 .right .card img {
        width: 500px;
        height: 530px;
    }

    .glass-box .box1 .right .ust {
        width: 300px;
        right: -100px;
    }

    .glass-box .box1 .left .alt a button {
        font-size: 25px !important;
    }

    .glass-box .box1 .left .alt a {
        font-size: 25px !important;
    }

    #southern {
        font-size: 60px !important;
        margin: 0;
        margin-bottom: 20px;
    }

    .col-lg-8.col-12.left:has(#southern) {
        width: 100%;
    }

    #southern+span {
        font-size: 25px;
    }

    .cizgi {
        position: relative !important;
        padding: 0 !important;
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        height: 1px !important;
        margin: 60px 0 !important;
    }

    .col-lg-2.col-12.right.d-flex.align-items-center.justify-content-between {
        flex-direction: column !important;
        width: 100% !important;
        right: 0 !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .glass-box .box2 .right a {
        position: relative;
        bottom: 0;
    }

    .kutu.animate__animated.animate__flipInX {
        justify-content: center;
        gap: 50px;
        border-radius: 0;
        height: 800px;
        padding: 72px 0;
    }

    .kutu.animate__animated.animate__flipInX .top {
        text-align: center;
        padding: 0px 30px;
    }

    .glass-box .box4 .kutu h3 {
        margin-bottom: 45px;
        padding-top: 0;
        font-size: 2.1875rem;
        position: relative;
        top: 00px
    }

    .glass-box .box4 .kutu .bot {
        width: 100%;
    }

    #button1:checked~div {
        width: 100vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        left: 0px;
    }

    #button2:checked~div {
        width: 100vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        left: -100% !important;
    }

    #button3:checked~div {
        width: 100vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        left: -200% !important;
    }

    #button4:checked~div {
        width: 100vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        left: -300% !important;
    }

    .glass-box .box4 .kutu .bot .button-box .midler {
        left: 0 !important;
    }


    .glass-box .box4 .kutu .bot .button-box .midler .left {
        width: 176px;
        height: 176px;
        border: 2px solid white;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 20px 0;
    }

    .glass-box .box4 .kutu .bot .button-box {
        display: flex;
        align-items: center;
        justify-content: center;
        list-style-type: none;
        padding: 0px;
    }

    .glass-box .box4 .kutu .bot .button-box li {
        position: relative;
        z-index: 11;
        width: 33vw !important;
        top: 0px;
        display: flex;
        justify-content: center;
    }

    .glass-box .box4 .kutu .bot input[type="radio"]+label {
        padding: 5px 6px;
    }

    .glass-box .box4 .kutu .bot .button-box .midler .right {
        width: 100vw;
        height: 180px;
        font-family: Montserrat;
        line-height: 1.6;
        padding: 0px 20px;
        text-align: center;
    }

    .glass-box .box4 .kutu .bot .button-box li label {
        position: relative;
        bottom: -380px;
        margin-left: 0;
        margin-right: 0;
        height: 15px;
        margin-bottom: 300px;
    }

    .col-lg-2.col-12.right.d-flex.align-items-center.justify-content-between .cizgi {
        margin: 20px !important;
    }

    .glass-box .box3 .backround .kutu .top a {
        height: 265px;
        width: 260px;
        margin: 0 10px;
        box-sizing: unset;
    }

    .glass-box .box3 .backround .kutu .bot a {
        height: 265px;
        width: 260px;
        margin: 0 10px;
        box-sizing: unset;
    }

    .glass-box .box3 .backround .kutu .top {
        width: 100vw;
        padding-left: 0px !important;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        overflow-x: scroll !important;
    }

    .glass-box .box3 .backround .kutu .bot {
        width: 100vw;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        overflow-x: scroll !important;
    }

    .glass-box .box3 .backround .kutu .top a h5 {
        font-size: 20px;
    }

    .index_swip {
        margin: 0 !important;
    }

    .index_box3 {
        margin: 0 !important;
    }

    .index_box4 {
        margin: 20px 0 200px 0 !important;
    }

    .glass-box .box5 .kutu {
        display: block;
    }

    .glass-box .box5 .kutu .left {
        width: 100%;
        padding: 0;
        padding: 0px 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .glass-box .box5 .kutu .left h2 {
        font-size: 61px;
        margin-bottom: 600px;
    }

    .glass-box .box5 .kutu .right {
        position: relative;
        padding: 0px 30px;
        width: 100%;
        top: -620px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .glass-box .box5 .kutu .right .top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        left: 0;
    }

    .glass-box .box5 .kutu .right .top .daire {
        margin: 0;
        margin-bottom: 20px;
        background: #eee;
    }

    .glass-box .box5 .kutu .right .top .baslik {
        text-align: center;
    }

    .glass-box .box5 .kutu .right .daire img {
        width: 70%;
    }

    .glass-box .box5 .kutu .right .metin p {
        text-align: center;
        line-height: 1.6;
    }

    .glass-box .box5 {
        margin-top: 90px;
        margin-bottom: -350px;
    }

    .glass-box .box6 {
        padding: 0 30px;
    }

    .glass-box .box6 .kutu {
        height: unset;
        flex-direction: column;
    }

    .glass-box .box6 .kutu .left img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .glass-box .box6 .kutu .left {
        width: 500px;
        height: 340px;
    }

    .glass-box .box6 .kutu .right .top h4 {
        font-size: 60px;
    }

    .glass-box .box6 .kutu .right {
        padding: 0 15px;
        text-align: center;
    }

    .glass-box .box6 .kutu .right .top p {
        font-size: 30px;
    }

    .glass-box .box6 .kutu .right .bot {
        padding-bottom: 50px;
    }

    .glass-box .box6 .kutu .right .bot button {
        font-size: 30px;
    }

    .glass-box .box4 .kutu .bot .button-box .midler .right h4 {
        font-size: 50px;
    }

    .glass-box .box4 .kutu .bot .button-box .midler .right p {
        font-size: 22px;
    }

    .bx {
        font-size: 30px !important;
    }

    footer {
        height: 622px;
        width: 100%;
    }

    footer .kutu .top {
        flex-direction: column;
        position: absolute;
    }

    footer .kutu .top ul {
        left: 0;
        padding: 0;
        margin: 0px 0 20px 0;
        justify-content: center;
    }

    footer .kutu .top .left {
        flex-direction: column;
        margin-bottom: 300px;
    }

    footer .kutu .top .left .logo {
        margin-right: 0px !important;
        margin-bottom: 30px;
        padding-left: 65px;
    }

    footer .kutu .mid {
        flex-direction: column;
        text-align: center;
        margin-top: -110px;
    }

    footer .kutu .mid .sol {
        margin-bottom: 50px;
    }

    footer .kutu .mid .sol p {
        font-size: 25px !important;
        line-height: 50px;
    }

    footer .kutu .mid ul {
        width: 100%;
        padding: 0;
        display: block;
        margin-top: 50px;
    }

    footer .kutu .mid ul li {
        border-right: 2px solid white;
        padding: 0 5px;
        width:32%;
        display: inline-block;
        
    }

    footer .kutu .mid ul li:first-child {
        border: none;
        white-space: nowrap;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        margin-bottom: 30px;
    }

    footer .kutu .mid ul li:last-child {
        border: none;
    }

    footer .kutu .cizgi {
        position: absolute !important;
        bottom: 0px;
    }

    footer .kutu .bot {
        position: absolute;
        bottom: 0;
        flex-direction: column;
        text-align: center;
        font-size: 12px;
    }

    footer .kutu .bot .left {
        font-size: 18px;
    }

    footer .kutu .bot a {
        font-size: 23px !important;
    }

    .glass-box .box3 .backround .kutu span {
        display: block;
        font-size: 20px;
    }

    /* navbar end */
    /* Mirrors */

    .mirrors-box .box1 {
        margin-top: 40px;
        margin-bottom: 500px;
    }

    .hebir_miror {
        font-size: 51px !important;
        margin: 0 !important;
        margin-bottom: 30px !important;
    }

    .mirrors-box .box1 .left .alt {
        margin: 0 !important;
    }

    .mirrors-box .col-md-6.right.animate__animated.animate__bounceInRight {
        top: 950px;
    }

    .mirrors-box .box1 .right .card {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mirrors-box .box1 .right .card img {
        border-radius: 350px;
        width: 300px;
        height: 423px;
    }

    .mirrors-box .box1 .right .ust {
        position: absolute;
        width: 300px;
        top: -760px;
        z-index: 1;
        display: flex;
        right: -100px;
    }

    .mirrors-box .box3 .backround .kutu .top {
        text-align: center;
        white-space: nowrap;
    }

    .mirrors-box .box3 .backround .kutu .top h3 {
        font-size: 1.815rem;
        font-family: unset;
    }

    .mirrors-box .box3 .backround .kutu .bot {
        width: 100vw;
        padding-left: 220px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        overflow-x: scroll !important;
    }

    .mirrors-box .box3 .backround .kutu .bot a {
        height: 265px;
        width: 175px;
        margin: 0 10px;
        box-sizing: unset;
    }

    .mirrors-box span {
        display: block;
    }

    .mirrors-box .box3 .backround .kutu2 {
        flex-wrap: wrap;
        margin-left: 0px;
        padding: 0 20px;
    }

    .mirrors-box .box3 .backround .kutu2 .baslik1 {
        font-size: 2.725rem;
        font-family: orpheuspro;
    }

    .mirrors-box .box3 .backround .kutu2 .baslik2 {
        font-size: 2.725rem;
        font-family: orpheuspro;
        margin: 50px 0 20px 0;
    }

    .mirrors-box .box3 .backround .kutu2 .images {
        flex-direction: unset;
        margin-bottom: 330px;
    }

    .mirrors-box .box3 .backround .kutu2 .images img {
        flex-direction: unset;
        margin-bottom: 30px;
    }

    .mirrors-box .box3 .backround .kutu2 .baslik3 {
        font-size: 2.1875rem;
        line-height: 1.2;
        margin-bottom: 20px;
    }

    .mirrors-box .box3 .backround .kutu2 p {
        margin-left: -12px;
    }

    footer .kutu .mid ul {
        justify-content: center !important;
        font-size: 25px;
    }

    footer .kutu .mid ul li {
        padding: 0 30px;
    }

    .logo div span {
        font-size: 60px;
    }

    footer .kutu .top .left .logo div {
        padding-left: 100px;
    }

    footer .kutu .mid ul li h2 {
        font-size: 25px;
    }

    .logo div img {
        width: 193px !important;
        top: -30.5px;
        right: 190px;
    }

    .mirrors-box .box6 {
        padding: 0 30px;
    }

    .mirrors-box .box6 .kutu {
        height: unset;
        flex-direction: column;
    }

    .mirrors-box .box6 .kutu .left img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .mirrors-box .box6 .kutu .left {
        width: 220px;
        height: 340px;
    }

    .mirrors-box .box6 .kutu .right {
        padding: 0 15px;
        text-align: center;
    }

    .mirrors-box .box6 .kutu .right .bot {
        padding-bottom: 50px;
    }

    /* Mirrors */
    /* Tubs */

    .hebir_tubs {
        font-size: 22px !important;
        margin-bottom: 0 !important;
    }

    .tubs-box .box1 {
        margin-top: 40px;
        margin-bottom: 600px;
    }

    .tubs-box .box1 .left .alt {
        margin-left: 0;
        font-size: 30px;
    }

    .tubs-box .box3 .kutu h4 {
        font-size: 60px;
    }

    .tubs-box .box1 .right .card {
        margin-top: 550px;
    }

    .tubs-box .box1 .right .ust {
        position: absolute;
        width: 200px;
        top: 530px;
        z-index: 1;
        display: flex;
        right: 0px;
    }

    .tubs-box .box3 .kutu .up {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: absolute;
        top: 40px;
    }

    .tubs-box .box3 {
        padding: 0 !important;
    }

    .tubs-box .box6 {
        padding: 0 30px;
    }

    .tubs-box .box6 .kutu {
        height: unset;
        flex-direction: column;
    }

    .tubs-box .box6 .kutu .left img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .tubs-box .box6 .kutu .right .top p {
        font-size: 25px;
        line-height: 1.6;
    }

    .tubs-box .box6 .kutu .right .bot button {
        font-size: 30px;
        font-weight: 500;
        border-radius: 44px;
        padding: 10px 30px;
        margin-top: 50px;
        border-color: transparent;
        background-color: #f4790e;
        color: white;
        box-shadow: 2px 4px 30px rgba(0, 0, 0, .2);
        cursor: pointer;
    }

    .tubs-box .box6 .kutu .right .top h4 {
        font-size: 60px;
        font-weight: 400;
        font-family: Montserrat;
        margin-bottom: 10px;
    }

    .tubs-box .box6 .kutu .left {
        width: 500px;
        height: 340px;
    }

    .tubs-box .box6 .kutu .right {
        padding: 0 15px;
        text-align: center;
    }

    .tubs-box .box6 .kutu .right .bot {
        padding-bottom: 50px;
    }

    .tubs_btn button {
        font-size: 25px;
        margin-right: 5px;
        padding: 4px !important;
        border-radius: 0px !important;
        background-color: transparent !important;
        color: white !important;
        font-family: orpheuspro;
    }

    /* Tubs */

    /* About */

    .hebir_about {
        margin: 0 !important;
    }

    .about-box .box1 {
        margin-top: 40px;
        margin-bottom: 450px;
    }

    .about-box .box1 .left .alt {
        margin-left: 0px;
    }

    .about_düzen {
        position: absolute !important;
        top: 750px !important;
        right: 0 !important;
        left: 0 !important;
    }

    .about-box .box1 .right .card {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .about-box .box1 .right .card img {
        border-radius: 350px;
        width: 100%;
        height: 423px;
    }

    .about_düzen {
        position: absolute;
        top: 540px !important;
        left: 25% !important;
    }

    .about-box .box1 .right .ust {
        position: absolute;
        width: 300px;
        top: -560px;
        z-index: 1;
        display: flex;
        right: -500px;
    }

    .about-box .box2 {
        padding: 0 30px;
    }

    .about-box .box2 .uzun .birinci .sol {
        margin-bottom: -200px;
    }

    .about-box .box2 .uzun .birinci .sag {
        position: relative;
        margin-left: 0px;
        font-size: 18px;
    }

    .ikinci {
        font-size: 18px;
    }

    .about-box .box2 .uzun .birinci {
        margin-bottom: 50px;
    }

    .about-box .box2 .uzun .ucuncu .ust .img {
        width: 100% !important;
        height: 210px;
    }

    .about-box .box2 .uzun .ucuncu {
        align-items: center;
    }

    .about-box .box2 .uzun .ucuncu .ust p {
        margin-top: 20px;
        left: 0px;
    }

    .about-box .box6 {
        padding: 0 30px;
    }

    .about-box .box6 .kutu {
        height: unset;
        flex-direction: column;
    }

    .about-box .box6 .kutu .left img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .about-box .box6 .kutu .left {
        width: 220px;
        height: 340px;
    }

    .about-box .box6 .kutu .right {
        padding: 0 15px;
        text-align: center;
    }

    .about-box .box6 .kutu .right .bot {
        padding-bottom: 50px;
    }

    .about-box .box3 .backround .kutu .bot {
        width: 100vw;
        padding-left: 0px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        overflow-x: scroll !important;
    }

    .about-box .box2 .uzun .birinci .sol img {
        width: 80%;
        border-radius: 20px;
    }

    .hakkimizda_düzen {
        right: -300px !important;
        top: -350px !important;
    }

    .about-box .box3 .backround .kutu .bot a {
        height: 265px;
        width: 175px;
        margin: 0 10px;
        box-sizing: unset;
    }

    .about-box span {
        display: block;
    }

    .about-box .box3 .backround .kutu .bot a h5 {
        font-size: 18px;
    }

    /* About */

    /* Resources */

    .resources-box .box1 {
        margin-top: -40px;
    }

    .resources-box .box1 .hebir {
        padding-left: 0px;
        font-size: 51px;
    }

    .resources-box .box1 .left .alt {
        margin-left: 0px;
    }

    .resources-box .box1 .right {
        position: relative;
        left: 0px;
    }

    .resources-box .box1 .right .ust {
        top: -200px;
        width: 300px;
        right: 0px;
    }

    .resources-box .box1 .right .card {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 60px;
    }

    .resources-box .box1 .right .card img {
        border-radius: 350px;
        width: 315px;
        height: 423px;
    }

    .resources-box .box3 span {
        display: block;
    }

    .resources-box .box6 {
        padding: 0 30px;
    }

    .resources-box .box6 .kutu {
        height: unset;
        flex-direction: column;
    }

    .resources-box .box6 .kutu .left img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .resources-box .box6 .kutu .left {
        width: 220px;
        height: 340px;
    }

    .resources-box .box6 .kutu .right {
        padding: 0 15px;
        text-align: center;
    }

    .resources-box .box6 .kutu .right .bot {
        padding-bottom: 50px;
    }

    .resources-box .box3 .backround .kutu .bot {
        width: 100vw;
        padding-left: 220px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        overflow-x: scroll !important;
    }

    .resources-box .box3 .backround .kutu .bot a {
        height: 265px;
        width: 175px;
        margin: 0 10px;
        box-sizing: unset;
    }

    .resources-box span {
        display: block;
    }

    .blog_box {
        padding: 70px 10px;
    }

    .blog_yazi_ayarla {
        width: 45%;
        margin-bottom: 50px !important;
    }

    .blog_box_blog_kutulari {
        flex-direction: row;
        justify-content: space-around;
        flex-wrap: wrap;
        margin: 0;
    }

    .blog_box_bloglar_sag {
        margin-left: 0px;
    }

    .blog_box_bloglar_sol {
        margin-bottom: 0px;
    }

    /* Resources */

    /* Contact */

    .main.container .row.animate__animated.animate__fadeInUpBig {
        padding: 0 10px !important;
    }

    .main.container .row.animate__animated.animate__fadeInUpBig .col-md-8 {
        margin-top: 40px !important;
    }

    .baslik h1 {
        font-size: 51px;
        line-height: 1;
        font-family: orpheuspro !important;
        margin-bottom: 250px;
    }

    .and_resim img {
        position: absolute;
        width: 300px;
        top: -1320px;
        z-index: -1;
        display: flex;
        right: -150px;
    }

    .alt_baslik h3 {
        font-size: 2.1875rem !important;
    }

    .flex_direction_column {
        flex-direction: column !important;
    }

    .form_label {
        width: 100%;
    }

    .wid100 {
        width: 100% !important;
        margin-bottom: 10PX;
    }

    .contact_right {
        margin: 0;
    }

    .black_map {
        border-radius: 0px;
        padding: 20px 0px;
        margin: 50px 0 50px 0;
    }

    .black_map_flex {
        margin-bottom: 20px;
    }

    /* Contact */

    /* Swiper */

    .swiper {
        overflow: visible !important;
    }

    .swiper-slide {
        overflow-x: visible;
    }

    .swiper-button-next {
        width: 100px !important;
        height: 100px !important;
        bottom: 30px !important;
    }

    .swiper-button-next::after {
        backdrop-filter: blur(20px) !important;
        font-size: 30px !important;
    }

    .swiper-button-prev {
        width: 100px !important;
        height: 100px !important;
        bottom: 30px !important;
    }

    .swiper-button-prev::after {
        backdrop-filter: blur(20px) !important;
        font-size: 30px !important;
    }

    /* Swiper */


    /* POP-UP */

    .popUp_icerik {
        width: 90%;
        height: 90vh;
        background: white;
        padding: 15px;
        border-radius: 15px;
    }

    .popUp_close {
        position: relative;
        top: -10px !important;
        left: 94% !important;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 2px solid #f4790e;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        color: #f4790e !important;
    }

    /* POP-UP */

    .glass-box .box4 .kutu .bot {
        width: 100%;
        display: unset;
        flex-direction: unset;
        justify-content: unset;
        align-items: unset;
    }

    .glass-box .box4 .kutu .bot .cizgi {
        width: 480px;
        height: 1px;
        border: 1px solid white;
        position: relative;
        left: 87px;
        top: 12px;
        z-index: 10;
    }

    .otel_terlik_kullanim_alanlari_div {
        padding: 0px 15px;
    }

    .otel_terlik_kullanim_alanlari {
        font-size: 50px !important;
    }

    .black_map {
        border-radius: 25px;
    }

    .contact_captcha_duzen {
        flex-direction: column !important;
        justify-content: center !important;
    }

    .contact_captcha_duzen input {
        margin-bottom: 20px;

    }

    .alt_baslik h3 {
        margin-top: -190px;
    }

    .padding0 {
        padding: 0 !important;
        margin-top: 120px !important;
    }

    .padding0 .col-md-8 {
        margin-top: 0 !important;
    }
}


@media screen and (min-width: 280px) and (max-width: 330px) {
    .ustbar a div {
        width: 150px !important;
    }

    .ustbar a div span {
        font-size: 24px !important;
    }

    .glass-box .box3 .backround .kutu .top {
        padding-left: 150px !important;
    }

    .glass-box .box3 .backround .kutu .bot {
        padding-left: 100px !important;
    }

    .glass-box .box4 .kutu .bot .cizgi {
        top: 151px !important;
    }

    .glass-box .box4 .kutu .bot .button-box li label {
        bottom: -520px !important;
    }

    .logo div span {
        white-space: nowrap !important;
    }

    .hebir_tubs {
        font-size: 17px !important;
    }

    .tek_taban_otel_terlikleri {
        margin-top: 0px !important;
    }

    .panduf {
        margin-top: 0px !important;
    }

    .tubs-box .box3 .kutu .up {
        top: 60px !important;
    }

    .tubs-box .box6 {
        margin-top: 150px !important;
    }

    .tubs-box .box3 .kutu .bot {
        top: 25px !important;
    }

    .about_düzen {
        top: 950px !important;
    }

    .about-box .box3 .backround .kutu .bot {
        padding-left: 205px !important;
    }

    .uretim-box .about_düzen {
        top: 550px !important;
    }
}