/*Created By Venus Agency*/
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

* {
    margin: 0px;
    padding: 0px;
}

body {
    font-family: 'Work Sans', serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #FFF9F6;
}

a {
    text-decoration: none;
    color: #183525;
}

    a:hover {
        text-decoration: none;
        color: #434343;
    }

ul, ol, li {
    padding: 0px;
    list-style: none;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: none;
}

.navbar-toggler {
    color: white;
}

.row {
    --bs-gutter-x: 0px;
}

.container-fluid {
    --bs-gutter-x: 0px;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        top: -50px;
    }

    to {
        opacity: 1;
        top: 0;
    }
}

@media only screen and (min-width: 1921px) {
    .container {
        max-width: 80%;
    }

    .owl-musteri-yorumlari {
        text-align: center;
        margin-top: 128px;
        margin-bottom: 88px;
        border-top: 1px solid #d4d4d4;
        padding: 4rem 0;
    }

        .owl-musteri-yorumlari .container {
            width: 60%;
        }

    .header-content-open {
        display: flex;
        width: 100%;
    }

        .header-content-open .hamburger-nav {
            color: #ffffff;
            font-size: 44px;
            z-index: 11;
            width: 5%;
        }

        .header-content-open .header-menu2 {
            display: flex;
        }

            .header-content-open .header-menu2 li {
                padding-left: 18px;
            }

        .header-content-open .header-menu2 {
            margin-bottom: 0px;
        }

            .header-content-open .header-menu2 li a {
                color: #000;
                font-size: 14px;
            }

        .header-content-open .top-lang a {
            color: #000;
            font-size: 14px;
        }

        .header-content-open .top-lang {
            width: 47%;
            text-align: end;
            margin: auto;
        }

        .header-content-open .brand-line {
            width: 48%;
            text-align: end;
        }

        .header-content-open .main-menu-logo {
            width: 20%;
            text-align: center;
        }

        .header-content-open .main-menu-two {
            width: 43%;
            justify-items: end;
            margin: auto;
        }

    .site-header.sticky {
        overflow: hidden;
        position: fixed; /* Set the navbar to fixed position */
        top: 0; /* Position the navbar at the top of the page */
        width: 100%; /* Full width */
        background-color: #fff9f6;
        height: 80px;
        padding-top: 0px;
        animation-name: fadeInUp;
        animation-duration: 1s;
    }

        .site-header.sticky .header-menu2 li a {
            color: #000000;
            font-size: 14px;
        }

        .site-header.sticky .top-lang a {
            color: #000000;
            font-size: 14px;
        }

        .site-header.sticky .top-lang {
            margin-top: 28px;
        }

        .site-header.sticky .main-menu-two {
            margin-top: 28px;
        }

        .site-header.sticky .narkoy-logo {
            content: url(../images/Narkoy-logo-c.svg);
            width: 68px;
            padding-top: 6px;
            margin-right: 4px;
        }

        .site-header.sticky .grip-lines {
            content: url(../images/grip-lines-c.svg);
        }

    .narkoy-bread ul {
        display: flex;
        justify-content: center;
    }

        .narkoy-bread ul li {
            padding: 18px;
        }

            .narkoy-bread ul li a {
                color: #434343;
                font-weight: 300;
            }

    .merkez-text .container {
        width: 70%;
        text-align: center;
    }

    .merkez-text {
        margin-top: 128px;
        margin-bottom: 88px;
    }

    .odalar-pst .col-md-4 {
        position: relative;
        padding: 12px;
    }

    .odalar-pst h1 {
        color: #ffffff;
        font-size: 40px;
        font-weight: 300;
    }

    .odalar-pst .oda-img-text {
        position: absolute;
        bottom: 10%;
        left: 10%;
    }

    .odalar-pst .oda-img img {
        width: 100%;
    }

    .odalar-pst {
        margin-bottom: 128px;
    }

    .odalar-inside .col-md-6 {
        padding: 12px;
    }

    .odalar-inside img {
        width: 100%;
    }

    .oda-ozellikler {
        border-bottom: 1px solid #d4d4d4;
        margin-top: 128px;
        padding-bottom: 48px;
    }

    .room-main-spec li {
        font-size: 36px;
        font-weight: 200;
        list-style: disc;
        padding-bottom: 18px;
    }

    .room-main-spec {
        margin-left: 25%;
    }

    .room-specs li {
        font-size: 18px;
        font-weight: 200;
        list-style: disc;
    }

    .oda-ozellikler li::marker {
        color: #a8a8a8;
    }

    .oda-ozellikler h1 {
        font-size: 72px;
    }

    .main-ikili p {
        padding-right: 10%;
        padding-bottom: 48px;
    }

    .main-ikili .col-md-6:nth-child(2) {
        /* justify-content: space-between; */
        display: flex;
        padding-left: 88px;
    }

    .main-ikili .col-md-6 {
        padding-top: 88px;
        padding-bottom: 148px;
        /* padding-left: 88px; */
    }

    .ikili-img {
        padding: 18px 18px 0px 0px;
        width: 44%;
    }

        .ikili-img img {
            max-width: 100%;
        }

    .detay-bilgi {
        font-size: 12px;
        /* margin: 0px 5px 0px 5px; */
    }

    .main-tekli .col-md-6:nth-child(1) img {
        max-width: 80%;
    }

    .main-tekli .col-md-6:nth-child(2) {
        padding-left: 88px;
    }

    .main-tekli p {
        padding-right: 5%;
        /*padding-bottom: 48px;*/
    }

    .main-tekli {
        padding-bottom: 148px;
    }

    .main-full {
        position: relative;
    }

    .fwhite {
        position: absolute;
        color: #ffffff;
        top: 50%;
        text-align: center;
    }

    .main-rezervasyon {
        text-align: center;
        margin-top: 48px;
        margin-bottom: 48px;
        border-bottom: 1px solid #d4d4d4;
    }

        .main-rezervasyon span {
            padding: 24px;
            border: 1px solid #828282;
        }

        .main-rezervasyon p {
            margin-bottom: 48px;
        }

        .main-rezervasyon a {
            margin-bottom: 88px;
        }

    .fa-brands, .fab {
        font-size: 28px;
        padding: 14px;
    }

    .copyright, .f-logo, .social {
        margin: auto;
    }

    .f-logo {
        text-align: center;
    }

    .footer-line {
        margin-bottom: 88px;
    }

    .footer-alt {
        margin-top: 48px;
        margin-bottom: 48px;
        border-top: 1px solid #d4d4d4;
        padding-top: 48px;
    }

    .social {
        text-align: end;
    }

    .fmenu li {
        font-size: 14px;
        font-weight: 300;
        margin-bottom: 12px;
    }

    .footer-adres {
        width: 60%;
    }

        .footer-adres p {
            font-size: 14px;
            font-weight: 300;
            line-height: 14px;
        }

    .footer-kvkk {
        width: 40%;
        text-align: end;
    }

        .footer-kvkk a {
            font-size: 14px;
            font-weight: 300;
        }

    .ikili-text {
        margin-top: 88px;
        margin-bottom: 88px;
    }

        .ikili-text .col-md-6:nth-child(2) {
            padding-left: 88px;
        }

    .ikili-img-left .col-md-6:nth-child(1) {
        display: flex;
    }

    .ikili-img-left .col-md-6:nth-child(2) {
        padding-left: 88px;
    }

    .tekli-img-right .col-md-6:nth-child(1) {
        padding-right: 88px;
    }

    .ikili-img-left {
        margin-top: 88px;
        margin-bottom: 88px;
    }

    .tekli-img-right {
        margin-top: 88px;
        margin-bottom: 88px;
    }

        .tekli-img-right .col-md-6:nth-child(2) {
            padding-left: 88px;
        }

            .tekli-img-right .col-md-6:nth-child(2) img {
                max-width: 100%;
            }

    .aims-text {
        width: 70%;
    }

    .aims-line h1 {
        font-size: 150px;
        font-weight: 200;
        color: #E9E9E9;
    }

    .aims-line .container .row:nth-child(2) {
        justify-content: end;
    }

    .aims-text p {
        color: #75726D;
        font-weight: 200;
    }

    .aims-line {
        padding-bottom: 48px;
        border-bottom: 1px solid #d4d4d4;
    }

    .hamburger-nav span {
        cursor: pointer;
    }

    .header-content {
        display: flex;
        width: 100%;
    }

    .hamburger-nav {
        color: #ffffff;
        font-size: 44px;
        z-index: 11;
        width: 5%;
    }

    .header-menu {
        width: 100%;
    }

    .overlay {
        /* Height & width depends on how you want to reveal the overlay (see JS below) */
        height: 100%;
        width: 0;
        position: fixed; /* Stay in place */
        z-index: 12; /* Sit on top */
        left: 0;
        top: 0;
        background-color: #FFF9F6; /* Black w/opacity */
        overflow-x: hidden; /* Disable horizontal scroll */
        transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
    }
    /* Position the content inside the overlay */
    .overlay-content {
        position: relative;
        top: 2%; /* 25% from the top */
        width: 100%; /* 100% width */
        text-align: center; /* Centered text/links */
        margin-top: 4px; /* 30px top margin to avoid conflict with the close button on smaller screens */
    }
    /* The navigation links inside the overlay */
    .overlay a {
        padding: 8px;
        text-decoration: none;
        font-size: 36px;
        color: #000000;
        display: block; /* Display block instead of inline */
        transition: 0.3s; /* Transition effects on hover (color) */
    }
        /* When you mouse over the navigation links, change their color */
        .overlay a:hover, .overlay a:focus {
            color: #bcb7b7;
        }
    /* Position the close button (top right corner) */
    .overlay .closebtn {
        position: absolute;
        left: 11%;
        font-size: 48px;
        z-index: 99;
        padding-top: 18px;
    }

    .shadow {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(255, 255, 255);
        background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(14 49 88 / 24%) 49%, rgb(14 49 88 / 89%) 96%);
        z-index: 10;
    }

    #v-pills-tab {
        padding: 24px;
        width: 49.5%;
        min-height: 500px;
        border-radius: 64px 0px 0px 0px;
    }

    .navbar #v-pills-tab {
        margin-top: 0px;
        border-right: 1px solid #d2d2d2;
    }

    .nav-link {
        color: #020208;
        text-align: left;
        text-decoration: none;
    }

    .tab-pane a {
        display: flex;
        padding: 8px;
        color: #020208;
        text-decoration: none;
        font-size: 18px;
        font-weight: 200;
    }

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #020208;
        padding-left: 50px;
        background: none;
    }

    .nav-pills .nav-link {
        font-size: 44px;
        font-weight: 200;
        padding-bottom: 18px;
    }

    .tab-content {
        padding: 24px;
    }

    .top-lang {
        text-align: end !important;
        margin: auto !important;
    }

    .brand-line {
        width: 100%;
        text-align: end;
    }

    .main-menu-logo {
        width: 20%;
        text-align: center;
    }

    .main-menu-two {
        width: 100%;
        justify-items: center;
        margin: auto;
    }

    .main-menu-header .nav-link:hover {
        border-top: 4px solid #BBDFBD;
        color: #BBDFBD;
    }

    .main-menu-header .nav-link {
        border-top: 4px solid #ffffff00;
    }

    strong {
        font-weight: 600;
    }

    h1 {
        font-size: 60px;
        font-weight: 200;
        color: #020208;
        margin-top: -5px
    }

    h2 {
        font-size: 20px;
        font-weight: 300;
        color: #020208;
    }

    p {
        font-size: 18px;
        font-weight: 300;
        line-height: 32px;
        color: #434343;
    }

    .contact-us-form-title {
        font-size: 48px;
        color: #434343;
        margin-bottom: 28px;
        font-weight: 200;
        text-align: center;
    }

    #inside-manset {
        position: relative;
    }

    .inside-manset-text {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 468px;
        z-index: 11;
    }

        .inside-manset-text h1 {
            font-size: 50px;
            color: #ffffff;
            font-weight: 500;
            text-align: center;
        }

        .inside-manset-text h3 {
            text-align: center;
            color: #ffffff;
            font-size: 26px;
            font-weight: 400;
        }

    .shadow-ins:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        background: linear-gradient(to bottom, rgb(0 0 0 / 25%) 0%, rgb(0 0 0 / 25%) 100%);
        z-index: 1;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        display: flex;
        align-items: center;
        white-space: nowrap;
        margin-right: 28px;
    }

    .dropdown-menu {
        background-color: white;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        z-index: 999;
        background-color: #f7f7f7;
    }

    .dropdown-menu a {
        color: #292d78 !important;
        border-bottom: solid 0.5px #c0ccbb;
        text-align: start;
    }

        .dropdown-menu a:hover {
            color: #ffffff !important;
            text-align: start;
            background-color: #273656;
        }

    .nav-link:focus, .nav-link:hover {
        color: #8c8c8c;
    }

    .dropdown-menu .languages-box {
        margin-left: 80px;
    }

    .nav-item a, .languages-box-ul {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        margin-left: 8px;
    }

    .languages-box ul {
        margin-bottom: 4px;
    }

    .nav-item {
        padding: 0px 2px;
    }

    .dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
        position: relative;
    }

    .contact-us-form {
        width: 60%;
        margin: auto;
        margin-bottom: 128px;
        margin-top: 48px;
    }

    .contact-us-form-info {
        column-gap: 16px;
    }

    .form-check-label {
        font-size: 16px;
        color: #273656;
        font-weight: 300;
    }

    .form-check {
    }

    .form-floating > label {
        font-size: 16px;
        color: #6c757d;
    }

    .contact-info .col-md-6 {
        padding: 28px;
    }

    .contact-page .col-md-6:nth-child(1) {
        border-right: 1px solid #d4d4d4;
    }

    .contact-page {
        margin-top: 48px;
        margin-bottom: 48px;
    }

    .contact-info {
        padding: 28px;
        width: 60%;
        margin: auto;
        text-align: center;
    }

    .contact-title {
        padding-top: 48px;
        width: 60%;
        margin: auto;
        text-align: center;
    }

    .contact-info .col-md-4 {
        padding: 48px;
    }

    .contact-info .col-md-8 {
        padding: 48px;
    }

    .btn-contact {
        background-color: #fff9f6;
        padding: 14px;
        border: 1px solid #020208;
        width: 168px;
        color: #020208;
    }

    .form-control:focus {
        color: #273656;
        background-color: #fff;
        border-color: #bdd0e7;
        outline: 0;
        box-shadow: 0 0 16px 0.25rem rgb(213 215 221);
    }

    .owl-carousel .owl-nav button.owl-prev {
        margin-right: 40px;
    }

    .owl-carousel .owl-nav button.owl-next {
        margin-left: 40px;
    }

    .bg-gray {
        background-color: #EAEDF4;
    }

    .nav-tabs {
        --bs-nav-tabs-border-width: 0px;
    }

    .dropdown-item.active, .dropdown-item:active {
        background-color: #1e5193;
    }

    .nav-tabs .nav-item.show .nav-tab-link, .nav-tabs .nav-tab-link.active {
        background: #EAEDF4;
        font-size: 18px;
        font-weight: 600;
        color: #273656;
        padding-left: 188px;
        padding-right: 188px;
        margin: auto;
        height: 54px;
        border: none;
    }

    .nav-tabs .nav-tab-link {
        background: #ffffff;
        font-size: 18px;
        font-weight: 600;
        color: #273656;
        padding-left: 48px;
        padding-right: 48px;
        margin: auto;
        height: 54px;
        border: none;
    }

    .navbar-toggler {
        border: 0px;
        font-size: 44px;
        outline: none;
    }

        .navbar-toggler:focus {
            box-shadow: none;
        }

    .manset-gorsel {
        width: 100%;
        position: relative;
    }

        .manset-gorsel img {
            width: 100%;
        }

    .main-menu-header {
        margin: auto;
        z-index: 11;
        display: flex;
    }

    .site-header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 18px;
        z-index: 12;
    }

    .site-header-inside {
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 18px;
        z-index: 12;
    }

    .header-gorsel img {
        width: 100%;
    }
    /*header start*/
    .navbar {
        margin-top: 20px;
    }

    .navbar-nav {
        padding: 0px 0px;
    }

    .nav-item {
        padding-right: 68px;
    }

    .dropdown-menu {
        border: none;
        padding: 0px;
    }

        .dropdown-menu > li {
            padding: 5px 15px;
            border-bottom: 1px solid var(--second-color);
            width: 294px;
        }

            .dropdown-menu > li:nth-last-child(1) {
                padding-bottom: 20px;
            }

            .dropdown-menu > li:nth-child(1) {
                padding-top: 15px;
            }

    .dropdown-item {
        font-weight: 500;
        color: #273656;
        font-size: 14px;
        border-bottom: solid 1px #dce0e6;
    }

    .navbar-brand {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .owl-container {
        max-width: 100%;
        position: relative;
    }

    .owl-manset .owl-theme .owl-nav.disabled + .owl-dots {
        bottom: 118px;
        position: absolute;
        right: 47.6%;
    }

    .owl-manset .owl-theme .owl-dots .owl-dot span {
        width: 18px;
        height: 18px;
        margin: 8px 8px;
        background-color: #ffffff;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px;
    }

    .owl-manset .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #bd975094;
    }

    .owl-nav {
        justify-content: space-between;
    }

    .owl-manset-text {
        width: 100%;
        position: absolute;
        top: 38%;
        z-index: 12;
        text-align: center;
    }

        .owl-manset-text h1 {
            font-size: 68px;
            font-weight: 200;
            color: #ffffff;
        }

        .owl-manset-text h3 {
            font-size: 18px;
            font-weight: 300;
            color: #ffffff;
        }

    .header-manset {
        position: relative;
    }

    .contact-us-form .mt-4 {
        display: flex;
    }

    .contact-info a {
        color: #273656;
    }

    .contact-us-title h1 {
        font-size: 36px;
        font-weight: 600;
        letter-spacing: -0.46px;
        color: #273656;
    }

    .contact-us-title p {
        font-size: 16px;
        color: #687991;
        text-align: left;
        margin-top: 2%;
        margin-bottom: 2%;
    }

    #contact-us-form-title {
        font-size: 48px;
        color: #ffffff;
        font-weight: 600;
        top: 28%;
        position: absolute;
        left: 16%;
    }

    .contact-us-form .row {
        display: flex;
        justify-content: space-between;
    }

    .form-control {
        border-radius: 0;
        border-bottom: 1px solid gray;
        text-align: justify;
        color: #273656;
        font-size: 16px;
        margin-bottom: 24px;
        padding: 14px;
        background: none;
        border-left: 0;
        border-right: 0;
        border-top: 0;
    }

    .contact-form-check {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .form-floating {
        font-size: 18px;
        text-align: justify;
        color: #273656;
    }

    .contact-us-form p {
        font-size: 18px;
        color: #273656;
    }

    .contact-form {
        margin-top: 88px;
    }

    .footer {
        padding-top: 28px;
        padding-bottom: 28px;
        background-color: #FFF9F6;
    }

    .header-menu2 {
        display: flex;
    }

        .header-menu2 li {
            padding-left: 18px;
        }

    .header-menu2 {
        margin-bottom: 0px;
    }

        .header-menu2 li a {
            color: #ffffff;
            font-size: 14px;
        }

    .top-lang a {
        color: #ffffff;
        font-size: 14px;
    }
}

@media only screen and (min-width: 1601px) and (max-width: 1920px) {
    .container {
        max-width: 80%;
    }

    .copyright-text {
        font-size: 16px;
    }

    .owl-musteri-yorumlari {
        text-align: center;
        margin-top: 128px;
        margin-bottom: 88px;
        border-top: 1px solid #d4d4d4;
        padding: 4rem 0;
    }

        .owl-musteri-yorumlari .container {
            width: 60%;
        }

    .header-content-open {
        display: flex;
        width: 100%;
    }

        .header-content-open .hamburger-nav {
            color: #ffffff;
            font-size: 44px;
            z-index: 11;
            width: 5%;
        }

        .header-content-open .header-menu2 {
            display: flex;
        }

            .header-content-open .header-menu2 li {
                padding-left: 18px;
            }

        .header-content-open .header-menu2 {
            margin-bottom: 0px;
        }


            .header-content-open .header-menu2 li a {
                color: #000;
                font-size: 14px;
            }

        .header-content-open .top-lang a {
            color: #000;
            font-size: 14px;
        }

        .header-content-open .top-lang {
            width: 5%;
            text-align: end;
            margin: auto;
        }

        .header-content-open .brand-line {
            width: 46.8%;
            text-align: end;
        }

        .header-content-open .main-menu-logo {
            width: 20%;
            text-align: center;
        }

        .header-content-open .main-menu-two {
            width: 43%;
            justify-items: end;
            margin: auto;
        }

    .site-header.sticky {
        overflow: hidden;
        position: fixed; /* Set the navbar to fixed position */
        top: 0; /* Position the navbar at the top of the page */
        width: 100%; /* Full width */
        background-color: #fff9f6;
        height: 80px;
        padding-top: 0px;
        animation-name: fadeInUp;
        animation-duration: 1s;
    }

        .site-header.sticky .header-menu2 li a {
            color: #000000;
            font-size: 14px;
        }

        .site-header.sticky .top-lang a {
            color: #000000;
            font-size: 14px;
        }

        .site-header.sticky .top-lang {
            margin-top: 28px;
        }

        .site-header.sticky .main-menu-two {
            margin-top: 28px;
        }

        .site-header.sticky .narkoy-logo {
            content: url(../images/Narkoy-logo-c.svg);
            width: 68px;
            padding-top: 6px;
            margin-right: 4px;
        }

        .site-header.sticky .grip-lines {
            content: url(../images/grip-lines-c.svg);
        }

    .narkoy-bread ul {
        display: flex;
        justify-content: center;
    }

        .narkoy-bread ul li {
            padding: 18px;
        }

            .narkoy-bread ul li a {
                color: #434343;
                font-weight: 300;
            }

    .merkez-text .container {
        width: 70%;
        text-align: center;
    }

    .merkez-text {
        margin-top: 128px;
        margin-bottom: 88px;
    }

    .odalar-pst .col-md-4 {
        position: relative;
        padding: 12px;
    }

    .odalar-pst h1 {
        color: #ffffff;
        font-size: 40px;
        font-weight: 300;
    }

    .odalar-pst .oda-img-text {
        position: absolute;
        bottom: 10%;
        left: 10%;
    }

    .odalar-pst .oda-img img {
        width: 100%;
    }

    .odalar-pst {
        margin-bottom: 128px;
    }

    .odalar-inside .col-md-6 {
        padding: 12px;
    }

    .odalar-inside img {
        width: 100%;
    }

    .oda-ozellikler {
        border-bottom: 1px solid #d4d4d4;
        margin-top: 128px;
        padding-bottom: 48px;
    }

    .room-main-spec li {
        font-size: 36px;
        font-weight: 200;
        list-style: disc;
        padding-bottom: 18px;
    }

    .room-main-spec {
        margin-left: 25%;
    }

    .room-specs li {
        font-size: 18px;
        font-weight: 200;
        list-style: disc;
    }

    .oda-ozellikler li::marker {
        color: #a8a8a8;
    }

    .oda-ozellikler h1 {
        font-size: 72px;
    }

    .main-ikili p {
        /*    padding-right: 10%;
*/ padding-bottom: 48px;
    }

    .main-ikili .col-md-6:nth-child(2) {
        display: flex;
        padding-left: 88px;
        /* margin-left: 88px; */
    }

    .main-ikili .col-md-6 {
        padding-top: 88px;
        padding-bottom: 148px;
    }

    .ikili-img {
        padding-left: 10px;
        width: 44%;
    }

        .ikili-img img {
            max-width: 100%;
        }

    .detay-bilgi {
        font-size: 12px;
        margin: 0px 5px 0px 5px;
    }

    .main-tekli .col-md-6:nth-child(1) img {
        max-width: 80%;
    }

    .main-tekli .col-md-6:nth-child(2) {
        padding-left: 7%;
    }

    .main-tekli p {
        /*    padding-right: 10%;
*/ padding-bottom: 48px;
    }

    .main-tekli {
        padding-bottom: 148px;
    }

    .main-full {
        position: relative;
    }

    .fwhite {
        position: absolute;
        color: #ffffff;
        top: 50%;
        text-align: center;
    }

    .main-rezervasyon {
        text-align: center;
        margin-top: 48px;
        margin-bottom: 48px;
        border-bottom: 1px solid #d4d4d4;
    }

        .main-rezervasyon span {
            padding: 24px;
            border: 1px solid #828282;
        }

        .main-rezervasyon p {
            margin-bottom: 48px;
        }

        .main-rezervasyon a {
            margin-bottom: 88px;
        }

    .fa-brands, .fab {
        font-size: 28px;
        padding: 14px;
    }

    .copyright, .f-logo, .social {
        margin: auto;
    }

    .f-logo {
        text-align: center;
    }

    .footer-line {
        margin-bottom: 88px;
    }

    .footer-alt {
        margin-top: 48px;
        margin-bottom: 48px;
        border-top: 1px solid #d4d4d4;
        padding-top: 48px;
    }

    .social {
        text-align: end;
    }

    .fmenu li {
        font-size: 14px;
        font-weight: 300;
        margin-bottom: 12px;
    }

    .footer-adres {
        width: 60%;
    }

        .footer-adres p {
            font-size: 14px;
            font-weight: 300;
            line-height: 14px;
        }

    .footer-kvkk {
        width: 40%;
        text-align: end;
    }

        .footer-kvkk a {
            font-size: 14px;
            font-weight: 300;
        }

    .ikili-text {
        margin-top: 88px;
        margin-bottom: 88px;
    }

        .ikili-text .col-md-6:nth-child(2) {
            padding-left: 88px;
        }

    .ikili-img-left .col-md-6:nth-child(1) {
        display: flex;
    }

    .ikili-img-left .col-md-6:nth-child(2) {
        padding-left: 88px;
    }

    .tekli-img-right .col-md-6:nth-child(1) {
        padding-right: 88px;
    }

    .ikili-img-left {
        margin-top: 88px;
        margin-bottom: 88px;
    }

    .tekli-img-right {
        margin-top: 88px;
        margin-bottom: 88px;
    }

        .tekli-img-right .col-md-6:nth-child(2) {
            padding-left: 88px;
        }

            .tekli-img-right .col-md-6:nth-child(2) img {
                max-width: 100%;
            }

    .aims-text {
        width: 70%;
    }

    .aims-line h1 {
        font-size: 150px;
        font-weight: 200;
        color: #E9E9E9;
    }

    .aims-line .container .row:nth-child(2) {
        justify-content: end;
    }

    .aims-text p {
        color: #75726D;
        font-weight: 200;
    }

    .aims-line {
        padding-bottom: 48px;
        border-bottom: 1px solid #d4d4d4;
    }

    .hamburger-nav span {
        cursor: pointer;
    }

    .header-content {
        display: flex;
        width: 100%;
    }

    .hamburger-nav {
        color: #ffffff;
        font-size: 44px;
        z-index: 11;
        width: 5%;
    }

    .header-menu {
        width: 100%;
    }

    .overlay {
        /* Height & width depends on how you want to reveal the overlay (see JS below) */
        height: 100%;
        width: 0;
        position: fixed; /* Stay in place */
        z-index: 12; /* Sit on top */
        left: 0;
        top: 0;
        background-color: #FFF9F6; /* Black w/opacity */
        overflow-x: hidden; /* Disable horizontal scroll */
        transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
    }
    /* Position the content inside the overlay */
    .overlay-content {
        position: relative;
        top: 2%; /* 25% from the top */
        width: 100%; /* 100% width */
        text-align: center; /* Centered text/links */
        margin-top: 4px; /* 30px top margin to avoid conflict with the close button on smaller screens */
    }
    /* The navigation links inside the overlay */
    .overlay a {
        padding: 8px;
        text-decoration: none;
        font-size: 36px;
        color: #000000;
        display: block; /* Display block instead of inline */
        transition: 0.3s; /* Transition effects on hover (color) */
    }
        /* When you mouse over the navigation links, change their color */
        .overlay a:hover, .overlay a:focus {
            color: #bcb7b7;
        }
    /* Position the close button (top right corner) */
    .overlay .closebtn {
        position: absolute;
        left: 11%;
        font-size: 48px;
        z-index: 99;
        padding-top: 18px;
    }

    .shadow {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(255, 255, 255);
        background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(14 49 88 / 24%) 49%, rgb(14 49 88 / 89%) 96%);
        z-index: 10;
    }

    #v-pills-tab {
        padding: 24px;
        width: 48% !important;
        min-height: 500px;
        border-radius: 64px 0px 0px 0px;
    }

    .navbar #v-pills-tab {
        margin-top: 0px;
        border-right: 1px solid #d2d2d2;
    }

    .nav-link {
        color: #020208;
        text-align: left;
        text-decoration: none;
    }

    .tab-pane a {
        display: flex;
        padding: 8px;
        color: #020208;
        text-decoration: none;
        font-size: 18px;
        font-weight: 200;
    }

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #020208;
        padding-left: 50px;
        background: none;
    }

    .nav-pills .nav-link {
        font-size: 44px;
        font-weight: 200;
        padding-bottom: 18px;
    }

    .tab-content {
        padding: 24px;
    }

    .top-lang {
        width: 5%;
        text-align: end;
        margin: auto;
    }

    .brand-line {
        width: 47%;
        text-align: end;
    }

    .main-menu-logo {
        width: 20%;
        text-align: center;
    }

    .main-menu-two {
        width: 43%;
        justify-items: end;
        margin: auto;
    }

    .main-menu-header .nav-link:hover {
        border-top: 4px solid #BBDFBD;
        color: #BBDFBD;
    }

    .main-menu-header .nav-link {
        border-top: 4px solid #ffffff00;
    }

    strong {
        font-weight: 600;
    }

    h1 {
        font-size: 60px;
        font-weight: 200;
        color: #020208;
    }

    h2 {
        font-size: 20px;
        font-weight: 300;
        color: #020208;
    }

    p {
        font-size: 18px;
        font-weight: 300;
        line-height: 32px;
        color: #434343;
    }

    .contact-us-form-title {
        font-size: 48px;
        color: #434343;
        margin-bottom: 28px;
        font-weight: 200;
        text-align: center;
    }

    #inside-manset {
        position: relative;
    }

    .inside-manset-text {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 468px;
        z-index: 11;
    }

        .inside-manset-text h1 {
            font-size: 50px;
            color: #ffffff;
            font-weight: 500;
            text-align: center;
        }

        .inside-manset-text h3 {
            text-align: center;
            color: #ffffff;
            font-size: 26px;
            font-weight: 400;
        }

    .shadow-ins:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        background: linear-gradient(to bottom, rgb(0 0 0 / 25%) 0%, rgb(0 0 0 / 25%) 100%);
        z-index: 1;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        display: flex;
        align-items: center;
        white-space: nowrap;
        margin-right: 28px;
    }

    .dropdown-menu {
        background-color: white;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        z-index: 999;
        background-color: #f7f7f7;
    }

    .dropdown-menu a {
        color: #292d78 !important;
        border-bottom: solid 0.5px #c0ccbb;
        text-align: start;
    }

        .dropdown-menu a:hover {
            color: #ffffff !important;
            text-align: start;
            background-color: #273656;
        }

    .nav-link:focus, .nav-link:hover {
        color: #8c8c8c;
    }

    .dropdown-menu .languages-box {
        margin-left: 80px;
    }

    .nav-item a, .languages-box-ul {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        margin-left: 8px;
    }

    .languages-box ul {
        margin-bottom: 4px;
    }

    .nav-item {
        padding: 0px 2px;
    }

    .dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
        position: relative;
    }

    .contact-us-form {
        width: 60%;
        margin: auto;
        margin-bottom: 128px;
        margin-top: 48px;
    }

    .contact-us-form-info {
        column-gap: 16px;
    }

    .form-check-label {
        font-size: 16px;
        color: #273656;
        font-weight: 300;
    }

    .form-check {
    }

    .form-floating > label {
        font-size: 16px;
        color: #6c757d;
    }

    .contact-info .col-md-6 {
        padding: 28px;
    }

    .contact-page .col-md-6:nth-child(1) {
        border-right: 1px solid #d4d4d4;
    }

    .contact-page {
        margin-top: 48px;
        margin-bottom: 48px;
    }

    .contact-info {
        padding: 28px;
        width: 60%;
        margin: auto;
        text-align: center;
    }

    .contact-title {
        padding-top: 48px;
        width: 60%;
        margin: auto;
        text-align: center;
    }

    .contact-info .col-md-4 {
        padding: 48px;
    }

    .contact-info .col-md-8 {
        padding: 48px;
    }

    .btn-contact {
        background-color: #fff9f6;
        padding: 14px;
        border: 1px solid #020208;
        width: 168px;
        color: #020208;
    }

    .form-control:focus {
        color: #273656;
        background-color: #fff;
        border-color: #bdd0e7;
        outline: 0;
        box-shadow: 0 0 16px 0.25rem rgb(213 215 221);
    }

    .owl-carousel .owl-nav button.owl-prev {
        margin-right: 40px;
    }

    .owl-carousel .owl-nav button.owl-next {
        margin-left: 40px;
    }

    .bg-gray {
        background-color: #EAEDF4;
    }

    .nav-tabs {
        --bs-nav-tabs-border-width: 0px;
    }

    .dropdown-item.active, .dropdown-item:active {
        background-color: #1e5193;
    }

    .nav-tabs .nav-item.show .nav-tab-link, .nav-tabs .nav-tab-link.active {
        background: #EAEDF4;
        font-size: 18px;
        font-weight: 600;
        color: #273656;
        padding-left: 188px;
        padding-right: 188px;
        margin: auto;
        height: 54px;
        border: none;
    }

    .nav-tabs .nav-tab-link {
        background: #ffffff;
        font-size: 18px;
        font-weight: 600;
        color: #273656;
        padding-left: 48px;
        padding-right: 48px;
        margin: auto;
        height: 54px;
        border: none;
    }

    .navbar-toggler {
        border: 0px;
        font-size: 44px;
        outline: none;
    }

        .navbar-toggler:focus {
            box-shadow: none;
        }

    .manset-gorsel {
        width: 100%;
        position: relative;
    }

        .manset-gorsel img {
            width: 100%;
        }

    .main-menu-header {
        margin: auto;
        z-index: 11;
        display: flex;
    }

    .site-header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 18px;
        z-index: 12;
    }

    .site-header-inside {
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 18px;
        z-index: 12;
    }

    .header-gorsel img {
        width: 100%;
    }
    /*header start*/
    .navbar {
        margin-top: 20px;
    }

    .navbar-nav {
        padding: 0px 0px;
    }

    .nav-item {
        padding-right: 68px;
    }

    .dropdown-menu {
        border: none;
        padding: 0px;
    }

        .dropdown-menu > li {
            padding: 5px 15px;
            border-bottom: 1px solid var(--second-color);
            width: 294px;
        }

            .dropdown-menu > li:nth-last-child(1) {
                padding-bottom: 20px;
            }

            .dropdown-menu > li:nth-child(1) {
                padding-top: 15px;
            }

    .dropdown-item {
        font-weight: 500;
        color: #273656;
        font-size: 14px;
        border-bottom: solid 1px #dce0e6;
    }

    .navbar-brand {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .owl-container {
        max-width: 100%;
        position: relative;
    }

    .owl-manset .owl-theme .owl-nav.disabled + .owl-dots {
        bottom: 118px;
        position: absolute;
        right: 47.6%;
    }

    .owl-manset .owl-theme .owl-dots .owl-dot span {
        width: 18px;
        height: 18px;
        margin: 8px 8px;
        background-color: #ffffff;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px;
    }

    .owl-manset .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #bd975094;
    }

    .owl-nav {
        justify-content: space-between;
    }

    .owl-manset-text {
        width: 100%;
        position: absolute;
        top: 38%;
        z-index: 12;
        text-align: center;
    }

        .owl-manset-text h1 {
            font-size: 68px;
            font-weight: 200;
            color: #ffffff;
        }

        .owl-manset-text h3 {
            font-size: 18px;
            font-weight: 300;
            color: #ffffff;
        }

    .header-manset {
        position: relative;
    }

    .contact-us-form .mt-4 {
        display: flex;
    }

    .contact-info a {
        color: #273656;
    }

    .contact-us-title h1 {
        font-size: 36px;
        font-weight: 600;
        letter-spacing: -0.46px;
        color: #273656;
    }

    .contact-us-title p {
        font-size: 16px;
        color: #687991;
        text-align: left;
        margin-top: 2%;
        margin-bottom: 2%;
    }

    #contact-us-form-title {
        font-size: 48px;
        color: #ffffff;
        font-weight: 600;
        top: 28%;
        position: absolute;
        left: 16%;
    }

    .contact-us-form .row {
        display: flex;
        justify-content: space-between;
    }

    .form-control {
        border-radius: 0;
        border-bottom: 1px solid gray;
        text-align: justify;
        color: #273656;
        font-size: 16px;
        margin-bottom: 24px;
        padding: 14px;
        background: none;
        border-left: 0;
        border-right: 0;
        border-top: 0;
    }

    .contact-form-check {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .form-floating {
        font-size: 18px;
        text-align: justify;
        color: #273656;
    }

    .contact-us-form p {
        font-size: 18px;
        color: #273656;
    }

    .contact-form {
        margin-top: 88px;
    }

    .footer {
        padding-top: 28px;
        padding-bottom: 28px;
        background-color: #FFF9F6;
    }

    .header-menu2 {
        display: flex;
    }

        .header-menu2 li {
            padding-left: 18px;
        }

    .header-menu2 {
        margin-bottom: 0px;
    }

        .header-menu2 li a {
            color: #ffffff;
            font-size: 14px;
        }

    .top-lang a {
        color: #ffffff;
        font-size: 14px;
    }
}

@media only screen and (min-width: 1441px) and (max-width: 1600px) {
    .container {
        max-width: 90%;
    }

    .copyright-text {
        font-size: 16px;
    }

    .owl-musteri-yorumlari {
        text-align: center;
        margin-top: 128px;
        margin-bottom: 88px;
        border-top: 1px solid #d4d4d4;
        padding: 4rem 0;
    }

        .owl-musteri-yorumlari .container {
            width: 60%;
        }

    .header-content-open {
        display: flex;
        width: 100%;
    }

        .header-content-open .hamburger-nav {
            color: #ffffff;
            font-size: 44px;
            z-index: 11;
            width: 5%;
        }

        .header-content-open .header-menu2 {
            display: flex;
        }

            .header-content-open .header-menu2 li {
                padding-left: 18px;
            }

        .header-content-open .header-menu2 {
            margin-bottom: 0px;
        }

            .header-content-open .header-menu2 li a {
                color: #000;
                font-size: 14px;
            }

        .header-content-open .top-lang a {
            color: #000;
            font-size: 14px;
        }

        .header-content-open .top-lang {
            width: 47%;
            text-align: end;
            margin: auto;
        }

        .header-content-open .brand-line {
            width: 47%;
            text-align: end;
        }

        .header-content-open .main-menu-logo {
            width: 20%;
            text-align: center;
        }

        .header-content-open .main-menu-two {
            width: 43%;
            justify-items: end;
            margin: auto;
        }

    .site-header.sticky {
        overflow: hidden;
        position: fixed; /* Set the navbar to fixed position */
        top: 0; /* Position the navbar at the top of the page */
        width: 100%; /* Full width */
        background-color: white;
        height: 80px;
        padding-top: 0px;
        animation-name: fadeInUp;
        animation-duration: 1s;
    }

        .site-header.sticky .header-menu2 li a {
            color: #000000;
            font-size: 14px;
        }

        .site-header.sticky .top-lang a {
            color: #000000;
            font-size: 14px;
        }

        .site-header.sticky .top-lang {
            margin-top: 28px;
        }

        .site-header.sticky .main-menu-two {
            margin-top: 28px;
        }

        .site-header.sticky .narkoy-logo {
            content: url(../images/Narkoy-logo-c.svg);
            width: 68px;
            padding-top: 6px;
            margin-right: 4px;
        }

        .site-header.sticky .grip-lines {
            content: url(../images/grip-lines-c.svg);
        }

    .narkoy-bread ul {
        display: flex;
        justify-content: center;
    }

        .narkoy-bread ul li {
            padding: 18px;
        }

            .narkoy-bread ul li a {
                color: #434343;
                font-weight: 300;
            }

    .merkez-text .container {
        width: 70%;
        text-align: center;
    }

    .merkez-text {
        margin-top: 128px;
        margin-bottom: 88px;
    }

    .odalar-pst .col-md-4 {
        position: relative;
        padding: 12px;
    }

    .odalar-pst h1 {
        color: #ffffff;
        font-size: 40px;
        font-weight: 300;
    }

    .odalar-pst .oda-img-text {
        position: absolute;
        bottom: 10%;
        left: 10%;
    }

    .odalar-pst .oda-img img {
        width: 100%;
    }

    .odalar-pst {
        margin-bottom: 128px;
    }

    .odalar-inside .col-md-6 {
        padding: 12px;
    }

    .odalar-inside img {
        width: 100%;
    }

    .oda-ozellikler {
        border-bottom: 1px solid #d4d4d4;
        margin-top: 128px;
        padding-bottom: 48px;
    }

    .room-main-spec li {
        font-size: 36px;
        font-weight: 200;
        list-style: disc;
        padding-bottom: 18px;
    }

    .room-main-spec {
        margin-left: 25%;
    }

    .room-specs li {
        font-size: 18px;
        font-weight: 200;
        list-style: disc;
    }

    .oda-ozellikler li::marker {
        color: #a8a8a8;
    }

    .oda-ozellikler h1 {
        font-size: 72px;
    }

    .main-ikili p {
        padding-right: 30%;
        padding-bottom: 48px;
    }

    .main-ikili .col-md-6:nth-child(2) {
        justify-content: end;
        display: flex;
    }

    .main-ikili .col-md-6 {
        padding-top: 88px;
        padding-bottom: 148px;
    }

    .ikili-img {
        padding: 18px;
        width: 44%;
    }

        .ikili-img img {
            max-width: 100%;
        }

    .detay-bilgi {
        font-size: 12px;
        margin: 0px 5px 0px 5px;
    }

    .main-tekli .col-md-6:nth-child(1) img {
        max-width: 80%;
    }

    .main-tekli .col-md-6:nth-child(2) {
        padding-left: 7%;
    }

    .main-tekli p {
        padding-right: 10%;
        padding-bottom: 48px;
    }

    .main-tekli {
        padding-bottom: 148px;
    }

    .main-full {
        position: relative;
    }

    .fwhite {
        position: absolute;
        color: #ffffff;
        top: 50%;
        text-align: center;
    }

    .main-rezervasyon {
        text-align: center;
        margin-top: 48px;
        margin-bottom: 48px;
        border-bottom: 1px solid #d4d4d4;
    }

        .main-rezervasyon span {
            padding: 24px;
            border: 1px solid #828282;
        }

        .main-rezervasyon p {
            margin-bottom: 48px;
        }

        .main-rezervasyon a {
            margin-bottom: 88px;
        }

    .fa-brands, .fab {
        font-size: 28px;
        padding: 14px;
    }

    .copyright, .f-logo, .social {
        margin: auto;
    }

    .f-logo {
        text-align: center;
    }

    .footer-line {
        margin-bottom: 88px;
    }

    .footer-alt {
        margin-top: 48px;
        margin-bottom: 48px;
        border-top: 1px solid #d4d4d4;
        padding-top: 48px;
    }

    .social {
        text-align: end;
    }

    .fmenu li {
        font-size: 14px;
        font-weight: 300;
        margin-bottom: 12px;
    }

    .footer-adres {
        width: 60%;
    }

        .footer-adres p {
            font-size: 14px;
            font-weight: 300;
            line-height: 14px;
        }

    .footer-kvkk {
        width: 40%;
        text-align: end;
    }

        .footer-kvkk a {
            font-size: 14px;
            font-weight: 300;
        }

    .ikili-text {
        margin-top: 88px;
        margin-bottom: 88px;
    }

        .ikili-text .col-md-6:nth-child(2) {
            padding-left: 88px;
        }

    .ikili-img-left .col-md-6:nth-child(1) {
        display: flex;
    }

    .ikili-img-left .col-md-6:nth-child(2) {
        padding-left: 88px;
    }

    .tekli-img-right .col-md-6:nth-child(1) {
        padding-right: 88px;
    }

    .ikili-img-left {
        margin-top: 88px;
        margin-bottom: 88px;
    }

    .tekli-img-right {
        margin-top: 88px;
        margin-bottom: 88px;
    }

        .tekli-img-right .col-md-6:nth-child(2) {
            padding-left: 88px;
        }

            .tekli-img-right .col-md-6:nth-child(2) img {
                max-width: 100%;
            }

    .aims-text {
        width: 70%;
    }

    .aims-line h1 {
        font-size: 150px;
        font-weight: 200;
        color: #E9E9E9;
    }

    .aims-line .container .row:nth-child(2) {
        justify-content: end;
    }

    .aims-text p {
        color: #75726D;
        font-weight: 200;
    }

    .aims-line {
        padding-bottom: 48px;
        border-bottom: 1px solid #d4d4d4;
    }

    .hamburger-nav span {
        cursor: pointer;
    }

    .header-content {
        display: flex;
        width: 100%;
    }

    .hamburger-nav {
        color: #ffffff;
        font-size: 44px;
        z-index: 11;
        width: 5%;
    }

    .header-menu {
        width: 100%;
    }

    .overlay {
        /* Height & width depends on how you want to reveal the overlay (see JS below) */
        height: 100%;
        width: 0;
        position: fixed; /* Stay in place */
        z-index: 12; /* Sit on top */
        left: 0;
        top: 0;
        background-color: #FFF9F6; /* Black w/opacity */
        overflow-x: hidden; /* Disable horizontal scroll */
        transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
    }
    /* Position the content inside the overlay */
    .overlay-content {
        position: relative;
        top: 2%; /* 25% from the top */
        width: 100%; /* 100% width */
        text-align: center; /* Centered text/links */
        margin-top: 4px; /* 30px top margin to avoid conflict with the close button on smaller screens */
    }
    /* The navigation links inside the overlay */
    .overlay a {
        padding: 8px;
        text-decoration: none;
        font-size: 36px;
        color: #000000;
        display: block; /* Display block instead of inline */
        transition: 0.3s; /* Transition effects on hover (color) */
    }
        /* When you mouse over the navigation links, change their color */
        .overlay a:hover, .overlay a:focus {
            color: #bcb7b7;
        }
    /* Position the close button (top right corner) */
    .overlay .closebtn {
        position: absolute;
        left: 7%;
        font-size: 48px;
        z-index: 99;
        padding-top: 18px;
    }

    .shadow {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(255, 255, 255);
        background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(14 49 88 / 24%) 49%, rgb(14 49 88 / 89%) 96%);
        z-index: 10;
    }

    #v-pills-tab {
        padding: 24px;
        width: 48%;
        min-height: 500px;
        border-radius: 64px 0px 0px 0px;
    }

    .navbar #v-pills-tab {
        margin-top: 0px;
        border-right: 1px solid #d2d2d2;
    }

    .nav-link {
        color: #020208;
        text-align: left;
        text-decoration: none;
    }

    .tab-pane a {
        display: flex;
        padding: 8px;
        color: #020208;
        text-decoration: none;
        font-size: 18px;
        font-weight: 200;
    }

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #020208;
        padding-left: 50px;
        background: none;
    }

    .nav-pills .nav-link {
        font-size: 44px;
        font-weight: 200;
        padding-bottom: 18px;
    }

    .tab-content {
        padding: 24px;
    }

    .top-lang {
        width: 5%;
        text-align: end;
        margin: auto;
    }

    .brand-line {
        width: 47%;
        text-align: end;
    }

    .main-menu-logo {
        width: 20%;
        text-align: center;
    }

    .main-menu-two {
        width: 43%;
        justify-items: end;
        margin: auto;
    }

    .main-menu-header .nav-link:hover {
        border-top: 4px solid #BBDFBD;
        color: #BBDFBD;
    }

    .main-menu-header .nav-link {
        border-top: 4px solid #ffffff00;
    }

    strong {
        font-weight: 600;
    }

    h1 {
        font-size: 60px;
        font-weight: 200;
        color: #020208;
    }

    h2 {
        font-size: 20px;
        font-weight: 300;
        color: #020208;
    }

    p {
        font-size: 18px;
        font-weight: 300;
        line-height: 32px;
        color: #434343;
    }

    .contact-us-form-title {
        font-size: 48px;
        color: #434343;
        margin-bottom: 28px;
        font-weight: 200;
        text-align: center;
    }

    #inside-manset {
        position: relative;
    }

    .inside-manset-text {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 468px;
        z-index: 11;
    }

        .inside-manset-text h1 {
            font-size: 50px;
            color: #ffffff;
            font-weight: 500;
            text-align: center;
        }

        .inside-manset-text h3 {
            text-align: center;
            color: #ffffff;
            font-size: 26px;
            font-weight: 400;
        }

    .shadow-ins:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        background: linear-gradient(to bottom, rgb(0 0 0 / 25%) 0%, rgb(0 0 0 / 25%) 100%);
        z-index: 1;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        display: flex;
        align-items: center;
        white-space: nowrap;
        margin-right: 28px;
    }

    .dropdown-menu {
        background-color: white;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        z-index: 999;
        background-color: #f7f7f7;
    }

    .dropdown-menu a {
        color: #292d78 !important;
        border-bottom: solid 0.5px #c0ccbb;
        text-align: start;
    }

        .dropdown-menu a:hover {
            color: #ffffff !important;
            text-align: start;
            background-color: #273656;
        }

    .nav-link:focus, .nav-link:hover {
        color: #8c8c8c;
    }

    .dropdown-menu .languages-box {
        margin-left: 80px;
    }

    .nav-item a, .languages-box-ul {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        margin-left: 8px;
    }

    .languages-box ul {
        margin-bottom: 4px;
    }

    .nav-item {
        padding: 0px 2px;
    }

    .dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
        position: relative;
    }

    .contact-us-form {
        width: 60%;
        margin: auto;
        margin-bottom: 128px;
        margin-top: 48px;
    }

    .contact-us-form-info {
        column-gap: 16px;
    }

    .form-check-label {
        font-size: 16px;
        color: #273656;
        font-weight: 300;
    }

    .form-check {
    }

    .form-floating > label {
        font-size: 16px;
        color: #6c757d;
    }

    .contact-info .col-md-6 {
        padding: 28px;
    }

    .contact-page .col-md-6:nth-child(1) {
        border-right: 1px solid #d4d4d4;
    }

    .contact-page {
        margin-top: 48px;
        margin-bottom: 48px;
    }

    .contact-info {
        padding: 28px;
        width: 60%;
        margin: auto;
        text-align: center;
    }

    .contact-title {
        padding-top: 48px;
        width: 60%;
        margin: auto;
        text-align: center;
    }

    .contact-info .col-md-4 {
        padding: 48px;
    }

    .contact-info .col-md-8 {
        padding: 48px;
    }

    .btn-contact {
        background-color: #fff9f6;
        padding: 14px;
        border: 1px solid #020208;
        width: 168px;
        color: #020208;
    }

    .form-control:focus {
        color: #273656;
        background-color: #fff;
        border-color: #bdd0e7;
        outline: 0;
        box-shadow: 0 0 16px 0.25rem rgb(213 215 221);
    }

    .owl-carousel .owl-nav button.owl-prev {
        margin-right: 40px;
    }

    .owl-carousel .owl-nav button.owl-next {
        margin-left: 40px;
    }

    .bg-gray {
        background-color: #EAEDF4;
    }

    .nav-tabs {
        --bs-nav-tabs-border-width: 0px;
    }

    .dropdown-item.active, .dropdown-item:active {
        background-color: #1e5193;
    }

    .nav-tabs .nav-item.show .nav-tab-link, .nav-tabs .nav-tab-link.active {
        background: #EAEDF4;
        font-size: 18px;
        font-weight: 600;
        color: #273656;
        padding-left: 188px;
        padding-right: 188px;
        margin: auto;
        height: 54px;
        border: none;
    }

    .nav-tabs .nav-tab-link {
        background: #ffffff;
        font-size: 18px;
        font-weight: 600;
        color: #273656;
        padding-left: 48px;
        padding-right: 48px;
        margin: auto;
        height: 54px;
        border: none;
    }

    .navbar-toggler {
        border: 0px;
        font-size: 44px;
        outline: none;
    }

        .navbar-toggler:focus {
            box-shadow: none;
        }

    .manset-gorsel {
        width: 100%;
        position: relative;
    }

        .manset-gorsel img {
            width: 100%;
        }

    .main-menu-header {
        margin: auto;
        z-index: 11;
        display: flex;
    }

    .site-header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 18px;
        z-index: 12;
    }

    .site-header-inside {
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 18px;
        z-index: 12;
    }

    .header-gorsel img {
        width: 100%;
    }
    /*header start*/
    .navbar {
        margin-top: 20px;
    }

    .navbar-nav {
        padding: 0px 0px;
    }

    .nav-item {
        padding-right: 68px;
    }

    .dropdown-menu {
        border: none;
        padding: 0px;
    }

        .dropdown-menu > li {
            padding: 5px 15px;
            border-bottom: 1px solid var(--second-color);
            width: 294px;
        }

            .dropdown-menu > li:nth-last-child(1) {
                padding-bottom: 20px;
            }

            .dropdown-menu > li:nth-child(1) {
                padding-top: 15px;
            }

    .dropdown-item {
        font-weight: 500;
        color: #273656;
        font-size: 14px;
        border-bottom: solid 1px #dce0e6;
    }

    .navbar-brand {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .owl-container {
        max-width: 100%;
        position: relative;
    }

    .owl-manset .owl-theme .owl-nav.disabled + .owl-dots {
        bottom: 118px;
        position: absolute;
        right: 47.6%;
    }

    .owl-manset .owl-theme .owl-dots .owl-dot span {
        width: 18px;
        height: 18px;
        margin: 8px 8px;
        background-color: #ffffff;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px;
    }

    .owl-manset .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #bd975094;
    }

    .owl-nav {
        justify-content: space-between;
    }

    .owl-manset-text {
        width: 100%;
        position: absolute;
        top: 38%;
        z-index: 12;
        text-align: center;
    }

        .owl-manset-text h1 {
            font-size: 68px;
            font-weight: 200;
            color: #ffffff;
        }

        .owl-manset-text h3 {
            font-size: 18px;
            font-weight: 300;
            color: #ffffff;
        }

    .header-manset {
        position: relative;
    }

    .contact-us-form .mt-4 {
        display: flex;
    }

    .contact-info a {
        color: #273656;
    }

    .contact-us-title h1 {
        font-size: 36px;
        font-weight: 600;
        letter-spacing: -0.46px;
        color: #273656;
    }

    .contact-us-title p {
        font-size: 16px;
        color: #687991;
        text-align: left;
        margin-top: 2%;
        margin-bottom: 2%;
    }

    #contact-us-form-title {
        font-size: 48px;
        color: #ffffff;
        font-weight: 600;
        top: 28%;
        position: absolute;
        left: 16%;
    }

    .contact-us-form .row {
        display: flex;
        justify-content: space-between;
    }

    .form-control {
        border-radius: 0;
        border-bottom: 1px solid gray;
        text-align: justify;
        color: #273656;
        font-size: 16px;
        margin-bottom: 24px;
        padding: 14px;
        background: none;
        border-left: 0;
        border-right: 0;
        border-top: 0;
    }

    .contact-form-check {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .form-floating {
        font-size: 18px;
        text-align: justify;
        color: #273656;
    }

    .contact-us-form p {
        font-size: 18px;
        color: #273656;
    }

    .contact-form {
        margin-top: 88px;
    }

    .footer {
        padding-top: 28px;
        padding-bottom: 28px;
        background-color: #FFF9F6;
    }

    .header-menu2 {
        display: flex;
    }

        .header-menu2 li {
            padding-left: 18px;
        }

    .header-menu2 {
        margin-bottom: 0px;
    }

        .header-menu2 li a {
            color: #ffffff;
            font-size: 14px;
        }

    .top-lang a {
        color: #ffffff;
        font-size: 14px;
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1440px) {
    .container {
        max-width: 90%;
    }

    .copyright-text {
        font-size: 14px;
    }

    .owl-musteri-yorumlari {
        text-align: center;
        margin-top: 88px;
        margin-bottom: 88px;
    }

        .owl-musteri-yorumlari .container {
            width: 60%;
        }

    .header-content-open {
        display: flex;
        width: 100%;
    }

        .header-content-open .hamburger-nav {
            color: #ffffff;
            font-size: 44px;
            z-index: 11;
            width: 5%;
        }

        .header-content-open .header-menu2 {
            display: flex;
        }

            .header-content-open .header-menu2 li {
                padding-left: 18px;
            }

        .header-content-open .header-menu2 {
            margin-bottom: 0px;
        }

            .header-content-open .header-menu2 li a {
                color: #000;
                font-size: 14px;
            }

        .header-content-open .top-lang a {
            color: #000;
            font-size: 14px;
        }

        .header-content-open .top-lang {
            width: 5%;
            text-align: end;
            margin: auto;
        }

        .header-content-open .brand-line {
            width: 47%;
            text-align: end;
        }

        .header-content-open .main-menu-logo {
            width: 20%;
            text-align: center;
        }

        .header-content-open .main-menu-two {
            width: 43%;
            justify-items: end;
            margin: auto;
        }

    .site-header.sticky {
        overflow: hidden;
        position: fixed; /* Set the navbar to fixed position */
        top: 0; /* Position the navbar at the top of the page */
        width: 100%; /* Full width */
        background-color: white;
        height: 80px;
        padding-top: 0px;
        animation-name: fadeInUp;
        animation-duration: 1s;
    }

        .site-header.sticky .header-menu2 li a {
            color: #000000;
            font-size: 14px;
        }

        .site-header.sticky .top-lang a {
            color: #000000;
            font-size: 14px;
        }

        .site-header.sticky .top-lang {
            margin-top: 28px;
        }

        .site-header.sticky .main-menu-two {
            margin-top: 28px;
        }

        .site-header.sticky .narkoy-logo {
            content: url(../images/Narkoy-logo-c.svg);
            width: 68px;
            padding-top: 6px;
            margin-right: 4px;
        }

        .site-header.sticky .grip-lines {
            content: url(../images/grip-lines-c.svg);
        }

    .narkoy-bread ul {
        display: flex;
        justify-content: center;
    }

        .narkoy-bread ul li {
            padding: 18px;
        }

            .narkoy-bread ul li a {
                color: #434343;
                font-weight: 300;
            }

    .merkez-text .container {
        width: 70%;
        text-align: center;
    }

    .merkez-text {
        margin-top: 128px;
        margin-bottom: 88px;
    }

    .odalar-pst .col-md-4 {
        position: relative;
        padding: 12px;
    }

    .odalar-pst h1 {
        color: #ffffff;
        font-size: 40px;
        font-weight: 300;
    }

    .odalar-pst .oda-img-text {
        position: absolute;
        bottom: 10%;
        left: 10%;
    }

    .odalar-pst .oda-img img {
        width: 100%;
    }

    .odalar-pst {
        margin-bottom: 128px;
    }

    .odalar-inside .col-md-6 {
        padding: 12px;
    }

    .odalar-inside img {
        width: 100%;
    }

    .oda-ozellikler {
        border-bottom: 1px solid #d4d4d4;
        margin-top: 128px;
        padding-bottom: 48px;
    }

    .room-main-spec li {
        font-size: 36px;
        font-weight: 200;
        list-style: disc;
        padding-bottom: 18px;
    }

    .room-main-spec {
        margin-left: 25%;
    }

    .room-specs li {
        font-size: 18px;
        font-weight: 200;
        list-style: disc;
    }

    .oda-ozellikler li::marker {
        color: #a8a8a8;
    }

    .oda-ozellikler h1 {
        font-size: 72px;
    }

    .main-ikili p {
        padding-right: 30%;
        padding-bottom: 48px;
    }

    .main-ikili .col-md-6:nth-child(2) {
        justify-content: end;
        display: flex;
    }

    .main-ikili .col-md-6 {
        padding-top: 88px;
        padding-bottom: 88px;
    }

    .ikili-img {
        padding: 18px;
        width: 44%;
    }

        .ikili-img img {
            max-width: 100%;
        }

    .detay-bilgi {
        font-size: 12px;
    }

    .main-tekli .col-md-6:nth-child(1) img {
        max-width: 80%;
    }

    .main-tekli .col-md-6:nth-child(2) {
        padding-left: 7%;
    }

    .main-tekli p {
        padding-right: 30%;
        padding-bottom: 48px;
    }

    .main-tekli {
        padding-bottom: 88px;
    }

    .main-full {
        position: relative;
    }

    .fwhite {
        position: absolute;
        color: #ffffff;
        top: 50%;
        text-align: center;
    }

    .main-rezervasyon {
        text-align: center;
        margin-top: 48px;
        margin-bottom: 28px;
        border-bottom: 1px solid #d4d4d4;
    }

        .main-rezervasyon span {
            padding: 24px;
            border: 1px solid #828282;
        }

        .main-rezervasyon p {
            margin-bottom: 48px;
        }

        .main-rezervasyon a {
            margin-bottom: 88px;
        }

    .fa-brands, .fab {
        font-size: 28px;
        padding: 14px;
    }

    .copyright, .f-logo, .social {
        margin: auto;
    }

    .f-logo {
        text-align: center;
    }

    .footer-line {
        margin-bottom: 48px;
    }

    .footer-alt {
        margin-top: 48px;
        margin-bottom: 48px;
        border-top: 1px solid #d4d4d4;
        padding-top: 48px;
    }

    .social {
        text-align: end;
    }

    .fmenu li {
        font-size: 14px;
        font-weight: 300;
        margin-bottom: 12px;
    }

    .footer-adres {
        width: 60%;
    }

        .footer-adres p {
            font-size: 14px;
            font-weight: 300;
            line-height: 14px;
        }

    .footer-kvkk {
        width: 40%;
        text-align: end;
    }

        .footer-kvkk a {
            font-size: 14px;
            font-weight: 300;
        }

    .ikili-text {
        margin-top: 88px;
        margin-bottom: 88px;
    }

        .ikili-text .col-md-6:nth-child(2) {
            padding-left: 88px;
        }

    .ikili-img-left .col-md-6:nth-child(1) {
        display: flex;
    }

    .ikili-img-left .col-md-6:nth-child(2) {
        padding-left: 88px;
    }

    .tekli-img-right .col-md-6:nth-child(1) {
        padding-right: 88px;
    }

    .ikili-img-left {
        margin-top: 88px;
        margin-bottom: 88px;
    }

    .tekli-img-right {
        margin-top: 88px;
        margin-bottom: 88px;
    }

        .tekli-img-right .col-md-6:nth-child(2) {
            padding-left: 88px;
        }

            .tekli-img-right .col-md-6:nth-child(2) img {
                max-width: 100%;
            }

    .aims-text {
        width: 70%;
    }

    .aims-line h1 {
        font-size: 150px;
        font-weight: 200;
        color: #E9E9E9;
    }

    .aims-line .container .row:nth-child(2) {
        justify-content: end;
    }

    .aims-text p {
        color: #75726D;
        font-weight: 200;
    }

    .aims-line {
        padding-bottom: 48px;
        border-bottom: 1px solid #d4d4d4;
    }

    .hamburger-nav span {
        cursor: pointer;
    }

    .header-content {
        display: flex;
        width: 100%;
    }

    .hamburger-nav {
        color: #ffffff;
        font-size: 44px;
        z-index: 11;
        width: 5%;
    }

    .header-menu {
        width: 100%;
    }

    .overlay {
        /* Height & width depends on how you want to reveal the overlay (see JS below) */
        height: 100%;
        width: 0;
        position: fixed; /* Stay in place */
        z-index: 12; /* Sit on top */
        left: 0;
        top: 0;
        background-color: #FFF9F6; /* Black w/opacity */
        overflow-x: hidden; /* Disable horizontal scroll */
        transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
    }
    /* Position the content inside the overlay */
    .overlay-content {
        position: relative;
        top: 2%; /* 25% from the top */
        width: 100%; /* 100% width */
        text-align: center; /* Centered text/links */
        margin-top: 4px; /* 30px top margin to avoid conflict with the close button on smaller screens */
    }
    /* The navigation links inside the overlay */
    .overlay a {
        padding: 8px;
        text-decoration: none;
        font-size: 36px;
        color: #000000;
        display: block; /* Display block instead of inline */
        transition: 0.3s; /* Transition effects on hover (color) */
    }
        /* When you mouse over the navigation links, change their color */
        .overlay a:hover, .overlay a:focus {
            color: #bcb7b7;
        }
    /* Position the close button (top right corner) */
    .overlay .closebtn {
        position: absolute;
        left: 7%;
        font-size: 48px;
        z-index: 99;
        padding-top: 18px;
    }

    .shadow {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(255, 255, 255);
        background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(14 49 88 / 24%) 49%, rgb(14 49 88 / 89%) 96%);
        z-index: 10;
    }

    #v-pills-tab {
        padding: 24px;
        width: 48.4%;
        min-height: 500px;
        border-radius: 64px 0px 0px 0px;
    }

    .navbar #v-pills-tab {
        margin-top: 0px;
        border-right: 1px solid #d2d2d2;
    }

    .nav-link {
        color: #020208;
        text-align: left;
        text-decoration: none;
    }

    .tab-pane a {
        display: flex;
        padding: 8px;
        color: #020208;
        text-decoration: none;
        font-size: 18px;
        font-weight: 200;
    }

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #020208;
        padding-left: 28px;
        background: none;
    }

    .nav-pills .nav-link {
        font-size: 44px;
        font-weight: 200;
        padding-bottom: 18px;
    }

    .tab-content {
        padding: 24px;
    }

    .top-lang {
        width: 5%;
        text-align: end;
        margin: auto;
    }

    .brand-line {
        width: 47%;
        text-align: end;
    }

    .main-menu-logo {
        width: 20%;
        text-align: center;
    }

    .main-menu-two {
        width: 43%;
        justify-items: end;
        margin: auto;
    }

    .main-menu-header .nav-link:hover {
        border-top: 4px solid #BBDFBD;
        color: #BBDFBD;
    }

    .main-menu-header .nav-link {
        border-top: 4px solid #ffffff00;
    }

    strong {
        font-weight: 600;
    }

    h1 {
        font-size: 52px;
        font-weight: 200;
        color: #020208;
    }

    h2 {
        font-size: 20px;
        font-weight: 300;
        color: #020208;
    }

    p {
        font-size: 16px;
        font-weight: 300;
        line-height: 28px;
        color: #434343;
    }

    .contact-us-form-title {
        font-size: 48px;
        color: #434343;
        margin-bottom: 28px;
        font-weight: 200;
        text-align: center;
    }

    #inside-manset {
        position: relative;
    }

    .inside-manset-text {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 468px;
        z-index: 11;
    }

        .inside-manset-text h1 {
            font-size: 50px;
            color: #ffffff;
            font-weight: 500;
            text-align: center;
        }

        .inside-manset-text h3 {
            text-align: center;
            color: #ffffff;
            font-size: 26px;
            font-weight: 400;
        }

    .shadow-ins:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        background: linear-gradient(to bottom, rgb(0 0 0 / 25%) 0%, rgb(0 0 0 / 25%) 100%);
        z-index: 1;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        display: flex;
        align-items: center;
        white-space: nowrap;
        margin-right: 28px;
    }

    .dropdown-menu {
        background-color: white;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        z-index: 999;
        background-color: #f7f7f7;
    }

    .dropdown-menu a {
        color: #292d78 !important;
        border-bottom: solid 0.5px #c0ccbb;
        text-align: start;
    }

        .dropdown-menu a:hover {
            color: #ffffff !important;
            text-align: start;
            background-color: #273656;
        }

    .nav-link:focus, .nav-link:hover {
        color: #8c8c8c;
    }

    .dropdown-menu .languages-box {
        margin-left: 80px;
    }

    .nav-item a, .languages-box-ul {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        margin-left: 8px;
    }

    .languages-box ul {
        margin-bottom: 4px;
    }

    .nav-item {
        padding: 0px 2px;
    }

    .dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
        position: relative;
    }

    .contact-us-form {
        width: 60%;
        margin: auto;
        margin-bottom: 128px;
        margin-top: 48px;
    }

    .contact-us-form-info {
        column-gap: 16px;
    }

    .form-check-label {
        font-size: 16px;
        color: #273656;
        font-weight: 300;
    }

    .form-check {
    }

    .form-floating > label {
        font-size: 16px;
        color: #6c757d;
    }

    .contact-info .col-md-6 {
        padding: 28px;
    }

    .contact-page .col-md-6:nth-child(1) {
        border-right: 1px solid #d4d4d4;
    }

    .contact-page {
        margin-top: 48px;
        margin-bottom: 48px;
    }

    .contact-info {
        padding: 28px;
        width: 60%;
        margin: auto;
        text-align: center;
    }

    .contact-title {
        padding-top: 48px;
        width: 60%;
        margin: auto;
        text-align: center;
    }

    .contact-info .col-md-4 {
        padding: 48px;
    }

    .contact-info .col-md-8 {
        padding: 48px;
    }

    .btn-contact {
        background-color: #fff9f6;
        padding: 14px;
        border: 1px solid #020208;
        width: 168px;
        color: #020208;
    }

    .form-control:focus {
        color: #273656;
        background-color: #fff;
        border-color: #bdd0e7;
        outline: 0;
        box-shadow: 0 0 16px 0.25rem rgb(213 215 221);
    }

    .owl-carousel .owl-nav button.owl-prev {
        margin-right: 40px;
    }

    .owl-carousel .owl-nav button.owl-next {
        margin-left: 40px;
    }

    .bg-gray {
        background-color: #EAEDF4;
    }

    .nav-tabs {
        --bs-nav-tabs-border-width: 0px;
    }

    .dropdown-item.active, .dropdown-item:active {
        background-color: #1e5193;
    }

    .nav-tabs .nav-item.show .nav-tab-link, .nav-tabs .nav-tab-link.active {
        background: #EAEDF4;
        font-size: 18px;
        font-weight: 600;
        color: #273656;
        padding-left: 188px;
        padding-right: 188px;
        margin: auto;
        height: 54px;
        border: none;
    }

    .nav-tabs .nav-tab-link {
        background: #ffffff;
        font-size: 18px;
        font-weight: 600;
        color: #273656;
        padding-left: 48px;
        padding-right: 48px;
        margin: auto;
        height: 54px;
        border: none;
    }

    .navbar-toggler {
        border: 0px;
        font-size: 44px;
        outline: none;
    }

        .navbar-toggler:focus {
            box-shadow: none;
        }

    .manset-gorsel {
        width: 100%;
        position: relative;
    }

        .manset-gorsel img {
            width: 100%;
        }

    .main-menu-header {
        margin: auto;
        z-index: 11;
        display: flex;
    }

    .site-header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 18px;
        z-index: 12;
    }

    .site-header-inside {
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 18px;
        z-index: 12;
    }

    .header-gorsel img {
        width: 100%;
    }
    /*header start*/
    .navbar {
        margin-top: 20px;
    }

    .navbar-nav {
        padding: 0px 0px;
    }

    .nav-item {
        padding-right: 68px;
    }

    .dropdown-menu {
        border: none;
        padding: 0px;
    }

        .dropdown-menu > li {
            padding: 5px 15px;
            border-bottom: 1px solid var(--second-color);
            width: 294px;
        }

            .dropdown-menu > li:nth-last-child(1) {
                padding-bottom: 20px;
            }

            .dropdown-menu > li:nth-child(1) {
                padding-top: 15px;
            }

    .dropdown-item {
        font-weight: 500;
        color: #273656;
        font-size: 14px;
        border-bottom: solid 1px #dce0e6;
    }

    .navbar-brand {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .owl-container {
        max-width: 100%;
        position: relative;
    }

    .owl-manset .owl-theme .owl-nav.disabled + .owl-dots {
        bottom: 118px;
        position: absolute;
        right: 47.6%;
    }

    .owl-manset .owl-theme .owl-dots .owl-dot span {
        width: 18px;
        height: 18px;
        margin: 8px 8px;
        background-color: #ffffff;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px;
    }

    .owl-manset .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #bd975094;
    }

    .owl-nav {
        justify-content: space-between;
    }

    .owl-manset-text {
        width: 100%;
        position: absolute;
        top: 38%;
        z-index: 12;
        text-align: center;
    }

        .owl-manset-text h1 {
            font-size: 54px;
            font-weight: 200;
            color: #ffffff;
        }

        .owl-manset-text h3 {
            font-size: 18px;
            font-weight: 300;
            color: #ffffff;
        }

    .header-manset {
        position: relative;
    }

    .contact-us-form .mt-4 {
        display: flex;
    }

    .contact-info a {
        color: #273656;
    }

    .contact-us-title h1 {
        font-size: 36px;
        font-weight: 600;
        letter-spacing: -0.46px;
        color: #273656;
    }

    .contact-us-title p {
        font-size: 16px;
        color: #687991;
        text-align: left;
        margin-top: 2%;
        margin-bottom: 2%;
    }

    #contact-us-form-title {
        font-size: 48px;
        color: #ffffff;
        font-weight: 600;
        top: 28%;
        position: absolute;
        left: 16%;
    }

    .contact-us-form .row {
        display: flex;
        justify-content: space-between;
    }

    .form-control {
        border-radius: 0;
        border-bottom: 1px solid gray;
        text-align: justify;
        color: #273656;
        font-size: 16px;
        margin-bottom: 24px;
        padding: 14px;
        background: none;
        border-left: 0;
        border-right: 0;
        border-top: 0;
    }

    .contact-form-check {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .form-floating {
        font-size: 18px;
        text-align: justify;
        color: #273656;
    }

    .contact-us-form p {
        font-size: 18px;
        color: #273656;
    }

    .contact-form {
        margin-top: 88px;
    }

    .footer {
        padding-top: 28px;
        padding-bottom: 28px;
        background-color: #FFF9F6;
    }

    .header-menu2 {
        display: flex;
    }

        .header-menu2 li {
            padding-left: 18px;
        }

    .header-menu2 {
        margin-bottom: 0px;
    }

        .header-menu2 li a {
            color: #ffffff;
            font-size: 14px;
        }

    .top-lang a {
        color: #ffffff;
        font-size: 14px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .container {
        max-width: 90%;
    }

    .copyright-text {
        font-size: 14px;
        text-align: center;
    }

    .owl-musteri-yorumlari {
        text-align: center;
        margin-top: 48px;
        margin-bottom: 48px;
    }

        .owl-musteri-yorumlari .container {
            width: 90%;
        }

    .header-content-open {
        display: flex;
        width: 100%;
    }

        .header-content-open .hamburger-nav {
            color: #ffffff;
            font-size: 44px;
            z-index: 11;
            width: 25%;
        }

        .header-content-open .header-menu2 {
            display: flex;
        }

            .header-content-open .header-menu2 li {
                padding-left: 18px;
            }

        .header-content-open .header-menu2 {
            margin-bottom: 0px;
        }

            .header-content-open .header-menu2 li a {
                color: #000;
                font-size: 14px;
            }

        .header-content-open .top-lang a {
            color: #000;
            font-size: 14px;
        }

        .header-content-open .top-lang {
            width: 25%;
            text-align: end;
            margin: auto;
        }

        .header-content-open .brand-line {
            width: 50%;
            text-align: center;
        }

        .header-content-open .main-menu-logo {
            width: 20%;
            text-align: center;
        }

        .header-content-open .main-menu-two {
            width: 43%;
            justify-items: end;
            margin: auto;
            display: none;
        }

    .site-header.sticky {
        overflow: hidden;
        position: fixed; /* Set the navbar to fixed position */
        top: 0; /* Position the navbar at the top of the page */
        width: 100%; /* Full width */
        background-color: white;
        height: 80px;
        padding-top: 0px;
        animation-name: fadeInUp;
        animation-duration: 1s;
    }

        .site-header.sticky .header-menu2 li a {
            color: #000000;
            font-size: 14px;
        }

        .site-header.sticky .top-lang a {
            color: #000000;
            font-size: 14px;
        }

        .site-header.sticky .top-lang {
            margin-top: 28px;
        }

        .site-header.sticky .main-menu-two {
            margin-top: 28px;
        }

        .site-header.sticky .narkoy-logo {
            content: url(../images/Narkoy-logo-c.svg);
            width: 68px;
            padding-top: 6px;
            margin-right: 4px;
        }

        .site-header.sticky .grip-lines {
            content: url(../images/grip-lines-c.svg);
        }

    .narkoy-bread ul {
        text-align: center;
    }

        .narkoy-bread ul li {
            padding: 4px;
        }

    .narkoy-bread {
        margin-top: 18px;
    }

        .narkoy-bread ul li a {
            color: #434343;
            font-weight: 300;
        }

    .merkez-text .container {
        text-align: center;
    }

    .merkez-text {
        margin-top: 48px;
        margin-bottom: 8px;
    }

    .odalar-pst .col-md-4 {
        position: relative;
        padding: 12px;
    }

    .odalar-pst h1 {
        color: #ffffff;
        font-size: 40px;
        font-weight: 300;
    }

    .odalar-pst .oda-img-text {
        position: absolute;
        bottom: 10%;
        left: 10%;
    }

    .odalar-pst .oda-img img {
        width: 100%;
    }

    .odalar-pst {
        margin-bottom: 128px;
    }

    .odalar-inside .col-md-6 {
        padding: 12px;
    }

    .odalar-inside img {
        width: 100%;
    }

    .oda-ozellikler {
        border-bottom: 1px solid #d4d4d4;
        margin-top: 48px;
        padding-bottom: 48px;
    }

    .room-main-spec li {
        font-size: 36px;
        font-weight: 200;
        list-style: disc;
        padding-bottom: 18px;
    }

    .room-main-spec {
        margin-left: 10%;
    }

    .room-specs {
        margin-left: 8%;
    }

        .room-specs li {
            font-size: 18px;
            font-weight: 200;
            list-style: disc;
        }

    .oda-ozellikler li::marker {
        color: #a8a8a8;
    }

    .oda-ozellikler h1 {
        font-size: 72px;
    }

    .main-ikili p {
        padding-bottom: 18px;
    }

    .main-ikili .col-md-6:nth-child(2) {
        justify-content: space-between;
        display: flex;
        padding-left: 48px;
    }

    .main-ikili .col-md-6 {
        padding-top: 28px;
        padding-bottom: 8px;
        padding-right: 44px;
    }

    .ikili-img {
        width: 49%;
    }

        .ikili-img img {
            max-width: 100%;
        }

    .detay-bilgi {
        font-size: 14px;
        /* margin: 0px 5px 0px 5px; */
    }

    .main-tekli .col-md-6:nth-child(1) img {
        max-width: 100%;
    }

    .main-tekli .col-md-6:nth-child(2) {
        /*padding-top: 28px;*/
        padding-left: 40px;
    }

    .main-tekli p {
        padding-bottom: 18px;
    }

    .main-tekli {
        padding-bottom: 48px;
        margin-top: 5rem;
    }

    .main-full {
        position: relative;
    }

    .fwhite {
        position: absolute;
        color: #ffffff;
        top: 50%;
        text-align: center;
    }

    .main-rezervasyon {
        text-align: center;
        margin-top: 48px;
        margin-bottom: 28px;
        border-bottom: 1px solid #d4d4d4;
    }

        .main-rezervasyon span {
            padding: 24px;
            border: 1px solid #828282;
        }

        .main-rezervasyon p {
            margin-bottom: 48px;
        }

        .main-rezervasyon a {
            margin-bottom: 88px;
        }

    .fa-brands, .fab {
        font-size: 28px;
        padding: 14px;
    }

    .copyright, .f-logo, .social {
        margin: auto;
    }

    .f-logo {
        text-align: center;
    }

    .footer-line {
        margin-bottom: 88px;
    }

    .footer-alt {
        margin-top: 48px;
        margin-bottom: 48px;
        border-top: 1px solid #d4d4d4;
        padding-top: 48px;
    }

    .social {
        text-align: center;
        margin-top: 48px;
    }

    .fmenu li {
        font-size: 14px;
        font-weight: 300;
        margin-bottom: 12px;
    }

    .footer-adres {
    }

        .footer-adres p {
            font-size: 14px;
            font-weight: 300;
            line-height: 14px;
        }

    .footer-kvkk {
    }

        .footer-kvkk a {
            font-size: 14px;
            font-weight: 300;
        }

    .ikili-text {
        margin-top: 48px;
        margin-bottom: 48px;
    }

        .ikili-text .col-md-6:nth-child(2) {
        }

    .ikili-img-left .col-md-6:nth-child(1) {
        display: flex;
        justify-content: space-between;
    }

    .ikili-img-left .col-md-6:nth-child(2) {
        /*    margin-top: 28px;*/
        padding-left: 48px;
    }

    .tekli-img-right .col-md-6:nth-child(1) {
        padding-right: 40px;
    }

    .ikili-img-left, .main-ikili {
        margin-top: 28px;
        margin-bottom: 5rem;
    }

    .tekli-img-right {
        margin-top: 28px;
        /*margin-bottom: 28px;*/
        margin-bottom: 5rem;
    }

        .tekli-img-right .col-md-6:nth-child(2) {
        }

            .tekli-img-right .col-md-6:nth-child(2) img {
                max-width: 100%;
                padding-left: 44px;
            }

    .aims-text {
    }

    .aims-line h1 {
        font-size: 88px;
        font-weight: 200;
        color: #E9E9E9;
    }

    .aims-line .container .row:nth-child(2) {
        justify-content: end;
    }

    .aims-text p {
        color: #75726D;
        font-weight: 200;
    }

    .aims-line {
        padding-bottom: 48px;
        border-bottom: 1px solid #d4d4d4;
    }

    .hamburger-nav span {
        cursor: pointer;
    }

    .header-content {
        display: flex;
        width: 100%;
    }

    .hamburger-nav {
        color: #ffffff;
        font-size: 44px;
        z-index: 11;
        width: 25%;
    }

    .header-menu {
        width: 100%;
    }

    .overlay {
        /* Height & width depends on how you want to reveal the overlay (see JS below) */
        height: 100%;
        width: 0;
        position: fixed; /* Stay in place */
        z-index: 12; /* Sit on top */
        left: 0;
        top: 0;
        background-color: #FFF9F6; /* Black w/opacity */
        overflow-x: hidden; /* Disable horizontal scroll */
        transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
    }
    /* Position the content inside the overlay */
    .overlay-content {
        position: relative;
        top: 2%; /* 25% from the top */
        width: 100%; /* 100% width */
        text-align: center; /* Centered text/links */
        margin-top: 4px; /* 30px top margin to avoid conflict with the close button on smaller screens */
    }
    /* The navigation links inside the overlay */
    .overlay a {
        padding: 8px;
        text-decoration: none;
        font-size: 36px;
        color: #000000;
        display: block; /* Display block instead of inline */
        transition: 0.3s; /* Transition effects on hover (color) */
    }
        /* When you mouse over the navigation links, change their color */
        .overlay a:hover, .overlay a:focus {
            color: #bcb7b7;
        }
    /* Position the close button (top right corner) */
    .overlay .closebtn {
        position: absolute;
        left: 11%;
        font-size: 48px;
        z-index: 99;
        padding-top: 18px;
    }

    .shadow {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(255, 255, 255);
        background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(14 49 88 / 24%) 49%, rgb(14 49 88 / 89%) 96%);
        z-index: 10;
    }

    #v-pills-tab {
        padding: 0px;
        width: 50%;
        min-height: 500px;
        border-radius: 64px 0px 0px 0px;
    }

    .navbar #v-pills-tab {
        margin-top: 0px;
        border-right: 1px solid #d2d2d2;
        width: 50%;
    }

    .nav-link {
        color: #020208;
        text-align: left;
        text-decoration: none;
    }

    .tab-pane a {
        display: flex;
        padding: 8px;
        color: #020208;
        text-decoration: none;
        font-size: 16px;
        font-weight: 200;
        text-align: left;
    }

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #020208;
        padding-left: 40px;
        background: none;
    }

    .nav-pills .nav-link {
        font-size: 22px;
        font-weight: 300;
        padding-bottom: 8px;
    }

    .tab-content {
        padding: 4px;
    }

    .top-lang {
        width: 25%;
        text-align: end;
        margin: auto;
    }

    .brand-line {
        width: 50%;
        text-align: center;
    }

    .main-menu-logo {
        width: 20%;
        text-align: center;
    }

    .main-menu-two {
        display: none;
        width: 43%;
        justify-items: end;
        margin: auto;
    }

    .main-menu-header .nav-link:hover {
        border-top: 4px solid #BBDFBD;
        color: #BBDFBD;
    }

    .main-menu-header .nav-link {
        border-top: 4px solid #ffffff00;
    }

    strong {
        font-weight: 600;
    }

    h1 {
        font-size: 44px;
        font-weight: 200;
        color: #020208;
    }

    h2 {
        font-size: 20px;
        font-weight: 300;
        color: #020208;
    }

    p {
        font-size: 16px;
        font-weight: 300;
        line-height: 28px;
        color: #434343;
    }

    .contact-us-form-title {
        font-size: 48px;
        color: #434343;
        margin-bottom: 28px;
        font-weight: 200;
        text-align: center;
    }

    #inside-manset {
        position: relative;
    }

    .inside-manset-text {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 468px;
        z-index: 11;
    }

        .inside-manset-text h1 {
            font-size: 50px;
            color: #ffffff;
            font-weight: 500;
            text-align: center;
        }

        .inside-manset-text h3 {
            text-align: center;
            color: #ffffff;
            font-size: 26px;
            font-weight: 400;
        }

    .shadow-ins:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        background: linear-gradient(to bottom, rgb(0 0 0 / 25%) 0%, rgb(0 0 0 / 25%) 100%);
        z-index: 1;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        display: flex;
        align-items: center;
        white-space: nowrap;
        margin-right: 28px;
    }

    .dropdown-menu {
        background-color: white;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        z-index: 999;
        background-color: #f7f7f7;
    }

    .dropdown-menu a {
        color: #292d78 !important;
        border-bottom: solid 0.5px #c0ccbb;
        text-align: start;
    }

        .dropdown-menu a:hover {
            color: #ffffff !important;
            text-align: start;
            background-color: #273656;
        }

    .nav-link:focus, .nav-link:hover {
        color: #8c8c8c;
    }

    .dropdown-menu .languages-box {
        margin-left: 80px;
    }

    .nav-item a, .languages-box-ul {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        margin-left: 8px;
    }

    .languages-box ul {
        margin-bottom: 4px;
    }

    .nav-item {
        padding: 0px 2px;
    }

    .dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
        position: relative;
    }

    .contact-us-form {
        margin: auto;
        margin-bottom: 68px;
        margin-top: 28px;
    }

    .contact-us-form-info {
        column-gap: 16px;
    }

    .form-check-label {
        font-size: 16px;
        color: #273656;
        font-weight: 300;
    }

    .form-check {
    }

    .form-floating > label {
        font-size: 16px;
        color: #6c757d;
    }

    .contact-info .col-md-6 {
        padding: 28px;
    }

    .contact-page .col-md-6:nth-child(1) {
    }

    .contact-page {
        margin-top: 48px;
        margin-bottom: 48px;
    }

    .contact-info {
        margin: auto;
        text-align: center;
    }

    .contact-title {
        margin: auto;
        text-align: center;
    }

    .contact-info .col-md-4 {
        padding: 48px;
    }

    .contact-info .col-md-8 {
        padding: 48px;
    }

    .btn-contact {
        background-color: #fff9f6;
        padding: 14px;
        border: 1px solid #020208;
        width: 168px;
        color: #020208;
    }

    .form-control:focus {
        color: #273656;
        background-color: #fff;
        border-color: #bdd0e7;
        outline: 0;
        box-shadow: 0 0 16px 0.25rem rgb(213 215 221);
    }

    .owl-carousel .owl-nav button.owl-prev {
        margin-right: 40px;
    }

    .owl-carousel .owl-nav button.owl-next {
        margin-left: 40px;
    }

    .bg-gray {
        background-color: #EAEDF4;
    }

    .nav-tabs {
        --bs-nav-tabs-border-width: 0px;
    }

    .dropdown-item.active, .dropdown-item:active {
        background-color: #1e5193;
    }

    .nav-tabs .nav-item.show .nav-tab-link, .nav-tabs .nav-tab-link.active {
        background: #EAEDF4;
        font-size: 18px;
        font-weight: 600;
        color: #273656;
        padding-left: 188px;
        padding-right: 188px;
        margin: auto;
        height: 54px;
        border: none;
    }

    .nav-tabs .nav-tab-link {
        background: #ffffff;
        font-size: 18px;
        font-weight: 600;
        color: #273656;
        padding-left: 48px;
        padding-right: 48px;
        margin: auto;
        height: 54px;
        border: none;
    }

    .navbar-toggler {
        border: 0px;
        font-size: 44px;
        outline: none;
    }

        .navbar-toggler:focus {
            box-shadow: none;
        }

    .manset-gorsel {
        width: 100%;
        position: relative;
    }

        .manset-gorsel img {
            width: 100%;
        }

    .main-menu-header {
        margin: auto;
        z-index: 11;
        display: flex;
    }

    .site-header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 8px;
        z-index: 12;
    }

    .site-header-inside {
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 18px;
        z-index: 12;
    }

    .header-gorsel img {
        width: 100%;
    }
    /*header start*/
    .navbar {
        margin-top: 20px;
    }

    .navbar-nav {
        padding: 0px 0px;
    }

    .nav-item {
        padding-right: 68px;
    }

    .dropdown-menu {
        border: none;
        padding: 0px;
    }

        .dropdown-menu > li {
            padding: 5px 15px;
            border-bottom: 1px solid var(--second-color);
            width: 294px;
        }

            .dropdown-menu > li:nth-last-child(1) {
                padding-bottom: 20px;
            }

            .dropdown-menu > li:nth-child(1) {
                padding-top: 15px;
            }

    .dropdown-item {
        font-weight: 500;
        color: #273656;
        font-size: 14px;
        border-bottom: solid 1px #dce0e6;
    }

    .navbar-brand {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .owl-container {
        max-width: 100%;
        position: relative;
    }

    .owl-manset .owl-theme .owl-nav.disabled + .owl-dots {
        bottom: 118px;
        position: absolute;
        right: 47.6%;
    }

    .owl-manset .owl-theme .owl-dots .owl-dot span {
        width: 18px;
        height: 18px;
        margin: 8px 8px;
        background-color: #ffffff;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px;
    }

    .owl-manset .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #bd975094;
    }

    .owl-nav {
        justify-content: space-between;
    }

    .owl-manset-text {
        width: 100%;
        position: absolute;
        top: 38%;
        z-index: 12;
        text-align: center;
    }

        .owl-manset-text h1 {
            font-size: 24px;
            font-weight: 200;
            color: #ffffff;
        }

        .owl-manset-text h3 {
            font-size: 14px;
            font-weight: 300;
            color: #ffffff;
        }

    .header-manset {
        position: relative;
    }

    .contact-us-form .mt-4 {
        display: flex;
    }

    .contact-info a {
        color: #273656;
    }

    .contact-us-title h1 {
        font-size: 36px;
        font-weight: 600;
        letter-spacing: -0.46px;
        color: #273656;
    }

    .contact-us-title p {
        font-size: 16px;
        color: #687991;
        text-align: left;
        margin-top: 2%;
        margin-bottom: 2%;
    }

    #contact-us-form-title {
        font-size: 48px;
        color: #ffffff;
        font-weight: 600;
        top: 28%;
        position: absolute;
        left: 16%;
    }

    .contact-us-form .row {
        display: flex;
        justify-content: space-between;
    }

    .form-control {
        border-radius: 0;
        border-bottom: 1px solid gray;
        text-align: justify;
        color: #273656;
        font-size: 16px;
        margin-bottom: 24px;
        padding: 14px;
        background: none;
        border-left: 0;
        border-right: 0;
        border-top: 0;
    }

    .contact-form-check {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .form-floating {
        font-size: 18px;
        text-align: justify;
        color: #273656;
    }

    .contact-us-form p {
        font-size: 18px;
        color: #273656;
    }

    .contact-form {
        margin-top: 88px;
    }

    .footer {
        padding-top: 8px;
        padding-bottom: 8px;
        background-color: #FFF9F6;
    }

    .header-menu2 {
        display: flex;
    }

        .header-menu2 li {
            padding-left: 18px;
        }

    .header-menu2 {
        margin-bottom: 0px;
    }

        .header-menu2 li a {
            color: #ffffff;
            font-size: 14px;
        }

    .top-lang a {
        color: #ffffff;
        font-size: 14px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .container {
        max-width: 90%;
    }

    .copyright-text {
        font-size: 14px;
        text-align: center;
    }

    .owl-musteri-yorumlari {
        text-align: center;
        margin-top: 48px;
        margin-bottom: 48px;
    }

        .owl-musteri-yorumlari .container {
            width: 90%;
        }

    .header-content-open {
        display: flex;
        width: 100%;
    }

        .header-content-open .hamburger-nav {
            color: #ffffff;
            font-size: 44px;
            z-index: 11;
            width: 25%;
        }

        .header-content-open .header-menu2 {
            display: flex;
        }

            .header-content-open .header-menu2 li {
                padding-left: 18px;
            }

        .header-content-open .header-menu2 {
            margin-bottom: 0px;
        }

            .header-content-open .header-menu2 li a {
                color: #000;
                font-size: 14px;
            }

        .header-content-open .top-lang a {
            color: #000;
            font-size: 14px;
        }

        .header-content-open .top-lang {
            width: 25%;
            text-align: end;
            margin: auto;
        }

        .header-content-open .brand-line {
            width: 50%;
            text-align: center;
        }

        .header-content-open .main-menu-logo {
            width: 20%;
            text-align: center;
        }

        .header-content-open .main-menu-two {
            width: 43%;
            justify-items: end;
            margin: auto;
            display: none;
        }

    .site-header.sticky {
        overflow: hidden;
        position: fixed; /* Set the navbar to fixed position */
        top: 0; /* Position the navbar at the top of the page */
        width: 100%; /* Full width */
        background-color: white;
        height: 80px;
        padding-top: 0px;
        animation-name: fadeInUp;
        animation-duration: 1s;
    }

        .site-header.sticky .header-menu2 li a {
            color: #000000;
            font-size: 14px;
        }

        .site-header.sticky .top-lang a {
            color: #000000;
            font-size: 14px;
        }

        .site-header.sticky .top-lang {
            margin-top: 28px;
        }

        .site-header.sticky .main-menu-two {
            margin-top: 28px;
        }

        .site-header.sticky .narkoy-logo {
            content: url(../images/Narkoy-logo-c.svg);
            width: 68px;
            padding-top: 6px;
            margin-right: 4px;
        }

        .site-header.sticky .grip-lines {
            content: url(../images/grip-lines-c.svg);
        }

    .narkoy-bread ul {
        display: flex;
        justify-content: space-around;
    }

        .narkoy-bread ul li {
            padding: 4px;
        }

    .narkoy-bread {
        margin-top: 18px;
    }

        .narkoy-bread ul li a {
            color: #434343;
            font-weight: 300;
        }

    .merkez-text .container {
        text-align: center;
    }

    .merkez-text {
        margin-top: 48px;
        margin-bottom: 8px;
    }

    .odalar-pst .col-md-4 {
        position: relative;
        padding: 12px;
    }

    .odalar-pst h1 {
        color: #ffffff;
        font-size: 40px;
        font-weight: 300;
    }

    .odalar-pst .oda-img-text {
        position: absolute;
        bottom: 10%;
        left: 10%;
    }

    .odalar-pst .oda-img img {
        width: 100%;
    }

    .odalar-pst {
        margin-bottom: 128px;
    }

    .odalar-inside .col-md-6 {
        padding: 12px;
    }

    .odalar-inside img {
        width: 100%;
    }

    .oda-ozellikler {
        border-bottom: 1px solid #d4d4d4;
        margin-top: 48px;
        padding-bottom: 48px;
    }

    .room-main-spec li {
        font-size: 36px;
        font-weight: 200;
        list-style: disc;
        padding-bottom: 18px;
    }

    .room-main-spec {
        margin-left: 10%;
    }

    .room-specs {
        margin-left: 8%;
    }

        .room-specs li {
            font-size: 18px;
            font-weight: 200;
            list-style: disc;
        }

    .oda-ozellikler li::marker {
        color: #a8a8a8;
    }

    .oda-ozellikler h1 {
        font-size: 72px;
    }

    .main-ikili p {
        padding-bottom: 18px;
        /* margin: 0px 5px 0px 5px; */
    }

    .main-ikili .col-md-6:nth-child(2) {
        justify-content: space-between;
        display: flex;
        padding-left: 44px;
    }

    .main-ikili .col-md-6:nth-child(1) {
        padding-bottom: 48px;
        padding-right: 48px;
    }

    .ikili-img {
        width: 49%;
        padding-left: 0px;
    }

        .ikili-img img {
            max-width: 100%;
        }

    .detay-bilgi {
        font-size: 12px;
        /* margin: 0px 5px 0px 5px; */
    }

    .main-tekli .col-md-6:nth-child(1) img {
        max-width: 100%;
    }

    .main-tekli .col-md-6:nth-child(2) {
        /*padding-top: 28px;*/
        padding-left: 40px;
    }

    .main-tekli p {
        padding-bottom: 18px;
        /* margin: 0px 5px 0px 5px; */
    }

    .main-tekli {
        padding-bottom: 48px;
        margin-top: 48px;
    }

    .main-full {
        position: relative;
    }

    .fwhite {
        position: absolute;
        color: #ffffff;
        top: 50%;
        text-align: center;
    }

    .main-rezervasyon {
        text-align: center;
        margin-top: 48px;
        margin-bottom: 28px;
        border-bottom: 1px solid #d4d4d4;
    }

        .main-rezervasyon span {
            padding: 24px;
            border: 1px solid #828282;
        }

        .main-rezervasyon p {
            margin-bottom: 48px;
        }

        .main-rezervasyon a {
            margin-bottom: 88px;
        }

    .fa-brands, .fab {
        font-size: 28px;
        padding: 14px;
    }

    .copyright, .f-logo, .social {
        margin: auto;
    }

    .f-logo {
        text-align: center;
    }

    .footer-line {
        margin-bottom: 88px;
    }

    .footer-alt {
        margin-top: 48px;
        margin-bottom: 48px;
        border-top: 1px solid #d4d4d4;
        padding-top: 48px;
    }

    .social {
        text-align: center;
        margin-top: 48px;
    }

    .fmenu li {
        font-size: 14px;
        font-weight: 300;
        margin-bottom: 12px;
    }

    .footer-adres {
    }

        .footer-adres p {
            font-size: 14px;
            font-weight: 300;
            line-height: 14px;
        }

    .footer-kvkk {
    }

        .footer-kvkk a {
            font-size: 14px;
            font-weight: 300;
        }

    .ikili-text {
        margin-top: 48px;
        margin-bottom: 48px;
    }

        .ikili-text .col-md-6:nth-child(2) {
        }

    .ikili-img-left .col-md-6:nth-child(1) {
        display: flex;
        justify-content: space-between;
    }

    .ikili-img-left .col-md-6:nth-child(2) {
        /*margin-top: 28px;*/
        padding-left: 48px;
    }

    .tekli-img-right .col-md-6:nth-child(1) {
        padding-right: 40px;
    }

    .ikili-img-left {
        margin-top: 28px;
        margin-bottom: 5rem;
    }

    .tekli-img-right {
        margin-top: 28px;
        margin-bottom: 28px;
    }

        .tekli-img-right .col-md-6:nth-child(2) {
        padding-left: 44px;
        }

            .tekli-img-right .col-md-6:nth-child(2) img {
                max-width: 100%;
            }

    .aims-text {
    }

    .aims-line h1 {
        font-size: 88px;
        font-weight: 200;
        color: #E9E9E9;
    }

    .aims-line .container .row:nth-child(2) {
        justify-content: end;
    }

    .aims-text p {
        color: #75726D;
        font-weight: 200;
    }

    .aims-line {
        padding-bottom: 48px;
        border-bottom: 1px solid #d4d4d4;
    }

    .hamburger-nav span {
        cursor: pointer;
    }

    .header-content {
        display: flex;
        width: 100%;
    }

    .hamburger-nav {
        color: #ffffff;
        font-size: 44px;
        z-index: 11;
        width: 25%;
    }

    .header-menu {
        width: 100%;
    }

    .overlay {
        /* Height & width depends on how you want to reveal the overlay (see JS below) */
        height: 100%;
        width: 0;
        position: fixed; /* Stay in place */
        z-index: 12; /* Sit on top */
        left: 0;
        top: 0;
        background-color: #FFF9F6; /* Black w/opacity */
        overflow-x: hidden; /* Disable horizontal scroll */
        transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
    }
    /* Position the content inside the overlay */
    .overlay-content {
        position: relative;
        top: 2%; /* 25% from the top */
        width: 100%; /* 100% width */
        text-align: center; /* Centered text/links */
        margin-top: 4px; /* 30px top margin to avoid conflict with the close button on smaller screens */
    }
    /* The navigation links inside the overlay */
    .overlay a {
        padding: 8px;
        text-decoration: none;
        font-size: 36px;
        color: #000000;
        display: block; /* Display block instead of inline */
        transition: 0.3s; /* Transition effects on hover (color) */
    }
        /* When you mouse over the navigation links, change their color */
        .overlay a:hover, .overlay a:focus {
            color: #bcb7b7;
        }
    /* Position the close button (top right corner) */
    .overlay .closebtn {
        position: absolute;
        left: 11%;
        font-size: 48px;
        z-index: 99;
        padding-top: 18px;
    }

    .shadow {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(255, 255, 255);
        background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(14 49 88 / 24%) 49%, rgb(14 49 88 / 89%) 96%);
        z-index: 10;
    }

    #v-pills-tab {
        padding: 0px;
        width: 54%;
        min-height: 500px;
        border-radius: 64px 0px 0px 0px;
    }

    .navbar #v-pills-tab {
        margin-top: 0px;
        border-right: 1px solid #d2d2d2;
        width: 50%;
    }

    .nav-link {
        color: #020208;
        text-align: left;
        text-decoration: none;
    }

    .tab-pane a {
        display: flex;
        padding: 8px;
        color: #020208;
        text-decoration: none;
        font-size: 16px;
        font-weight: 200;
        text-align: left;
    }

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #020208;
        padding-left: 45px;
        background: none;
    }

    .nav-pills .nav-link {
        font-size: 22px;
        font-weight: 300;
        padding-bottom: 8px;
    }

    .tab-content {
        padding: 4px;
    }

    .top-lang {
        width: 25%;
        text-align: end;
        margin: auto;
    }

    .brand-line {
        width: 50%;
        text-align: center;
    }

    .main-menu-logo {
        width: 20%;
        text-align: center;
    }

    .main-menu-two {
        display: none;
        width: 43%;
        justify-items: end;
        margin: auto;
    }

    .main-menu-header .nav-link:hover {
        border-top: 4px solid #BBDFBD;
        color: #BBDFBD;
    }

    .main-menu-header .nav-link {
        border-top: 4px solid #ffffff00;
    }

    strong {
        font-weight: 600;
    }

    h1 {
        font-size: 30px;
        font-weight: 200;
        color: #020208;
    }

    h2 {
        font-size: 20px;
        font-weight: 300;
        color: #020208;
    }

    p {
        font-size: 16px;
        font-weight: 300;
        line-height: 28px;
        color: #434343;
    }

    .contact-us-form-title {
        font-size: 48px;
        color: #434343;
        margin-bottom: 28px;
        font-weight: 200;
        text-align: center;
    }

    #inside-manset {
        position: relative;
    }

    .inside-manset-text {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 468px;
        z-index: 11;
    }

        .inside-manset-text h1 {
            font-size: 50px;
            color: #ffffff;
            font-weight: 500;
            text-align: center;
        }

        .inside-manset-text h3 {
            text-align: center;
            color: #ffffff;
            font-size: 26px;
            font-weight: 400;
        }

    .shadow-ins:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        background: linear-gradient(to bottom, rgb(0 0 0 / 25%) 0%, rgb(0 0 0 / 25%) 100%);
        z-index: 1;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        display: flex;
        align-items: center;
        white-space: nowrap;
        margin-right: 28px;
    }

    .dropdown-menu {
        background-color: white;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        z-index: 999;
        background-color: #f7f7f7;
    }

    .dropdown-menu a {
        color: #292d78 !important;
        border-bottom: solid 0.5px #c0ccbb;
        text-align: start;
    }

        .dropdown-menu a:hover {
            color: #ffffff !important;
            text-align: start;
            background-color: #273656;
        }

    .nav-link:focus, .nav-link:hover {
        color: #8c8c8c;
    }

    .dropdown-menu .languages-box {
        margin-left: 80px;
    }

    .nav-item a, .languages-box-ul {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        margin-left: 8px;
    }

    .languages-box ul {
        margin-bottom: 4px;
    }

    .nav-item {
        padding: 0px 2px;
    }

    .dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
        position: relative;
    }

    .contact-us-form {
        margin: auto;
        margin-bottom: 68px;
        margin-top: 28px;
    }

    .contact-us-form-info {
        column-gap: 16px;
    }

    .form-check-label {
        font-size: 16px;
        color: #273656;
        font-weight: 300;
    }

    .form-check {
    }

    .form-floating > label {
        font-size: 16px;
        color: #6c757d;
    }

    .contact-info .col-md-6 {
        padding: 28px;
    }

    .contact-page .col-md-6:nth-child(1) {
    }

    .contact-page {
        margin-top: 48px;
        margin-bottom: 48px;
    }

    .contact-info {
        margin: auto;
        text-align: center;
    }

    .contact-title {
        margin: auto;
        text-align: center;
    }

    .contact-info .col-md-4 {
        padding: 48px;
    }

    .contact-info .col-md-8 {
        padding: 48px;
    }

    .btn-contact {
        background-color: #fff9f6;
        padding: 14px;
        border: 1px solid #020208;
        width: 168px;
        color: #020208;
    }

    .form-control:focus {
        color: #273656;
        background-color: #fff;
        border-color: #bdd0e7;
        outline: 0;
        box-shadow: 0 0 16px 0.25rem rgb(213 215 221);
    }

    .owl-carousel .owl-nav button.owl-prev {
        margin-right: 40px;
    }

    .owl-carousel .owl-nav button.owl-next {
        margin-left: 40px;
    }

    .bg-gray {
        background-color: #EAEDF4;
    }

    .nav-tabs {
        --bs-nav-tabs-border-width: 0px;
    }

    .dropdown-item.active, .dropdown-item:active {
        background-color: #1e5193;
    }

    .nav-tabs .nav-item.show .nav-tab-link, .nav-tabs .nav-tab-link.active {
        background: #EAEDF4;
        font-size: 18px;
        font-weight: 600;
        color: #273656;
        padding-left: 188px;
        padding-right: 188px;
        margin: auto;
        height: 54px;
        border: none;
    }

    .nav-tabs .nav-tab-link {
        background: #ffffff;
        font-size: 18px;
        font-weight: 600;
        color: #273656;
        padding-left: 48px;
        padding-right: 48px;
        margin: auto;
        height: 54px;
        border: none;
    }

    .navbar-toggler {
        border: 0px;
        font-size: 44px;
        outline: none;
    }

        .navbar-toggler:focus {
            box-shadow: none;
        }

    .manset-gorsel {
        width: 100%;
        position: relative;
    }

        .manset-gorsel img {
            width: 100%;
        }

    .main-menu-header {
        margin: auto;
        z-index: 11;
        display: flex;
    }

    .site-header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 8px;
        z-index: 12;
    }

    .site-header-inside {
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 18px;
        z-index: 12;
    }

    .header-gorsel img {
        width: 100%;
    }
    /*header start*/
    .navbar {
        margin-top: 20px;
    }

    .navbar-nav {
        padding: 0px 0px;
    }

    .nav-item {
        padding-right: 68px;
    }

    .dropdown-menu {
        border: none;
        padding: 0px;
    }

        .dropdown-menu > li {
            padding: 5px 15px;
            border-bottom: 1px solid var(--second-color);
            width: 294px;
        }

            .dropdown-menu > li:nth-last-child(1) {
                padding-bottom: 20px;
            }

            .dropdown-menu > li:nth-child(1) {
                padding-top: 15px;
            }

    .dropdown-item {
        font-weight: 500;
        color: #273656;
        font-size: 14px;
        border-bottom: solid 1px #dce0e6;
    }

    .navbar-brand {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .owl-container {
        max-width: 100%;
        position: relative;
    }

    .owl-manset .owl-theme .owl-nav.disabled + .owl-dots {
        bottom: 118px;
        position: absolute;
        right: 47.6%;
    }

    .owl-manset .owl-theme .owl-dots .owl-dot span {
        width: 18px;
        height: 18px;
        margin: 8px 8px;
        background-color: #ffffff;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px;
    }

    .owl-manset .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #bd975094;
    }

    .owl-nav {
        justify-content: space-between;
    }

    .owl-manset-text {
        width: 100%;
        position: absolute;
        top: 38%;
        z-index: 12;
        text-align: center;
    }

        .owl-manset-text h1 {
            font-size: 24px;
            font-weight: 200;
            color: #ffffff;
        }

        .owl-manset-text h3 {
            font-size: 14px;
            font-weight: 300;
            color: #ffffff;
        }

    .header-manset {
        position: relative;
    }

    .contact-us-form .mt-4 {
        display: flex;
    }

    .contact-info a {
        color: #273656;
    }

    .contact-us-title h1 {
        font-size: 36px;
        font-weight: 600;
        letter-spacing: -0.46px;
        color: #273656;
    }

    .contact-us-title p {
        font-size: 16px;
        color: #687991;
        text-align: left;
        margin-top: 2%;
        margin-bottom: 2%;
    }

    #contact-us-form-title {
        font-size: 48px;
        color: #ffffff;
        font-weight: 600;
        top: 28%;
        position: absolute;
        left: 16%;
    }

    .contact-us-form .row {
        display: flex;
        justify-content: space-between;
    }

    .form-control {
        border-radius: 0;
        border-bottom: 1px solid gray;
        text-align: justify;
        color: #273656;
        font-size: 16px;
        margin-bottom: 24px;
        padding: 14px;
        background: none;
        border-left: 0;
        border-right: 0;
        border-top: 0;
    }

    .contact-form-check {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .form-floating {
        font-size: 18px;
        text-align: justify;
        color: #273656;
    }

    .contact-us-form p {
        font-size: 18px;
        color: #273656;
    }

    .contact-form {
        margin-top: 88px;
    }

    .footer {
        padding-top: 8px;
        padding-bottom: 8px;
        background-color: #FFF9F6;
    }

    .header-menu2 {
        display: flex;
    }

        .header-menu2 li {
            padding-left: 18px;
        }

    .header-menu2 {
        margin-bottom: 0px;
    }

        .header-menu2 li a {
            color: #ffffff;
            font-size: 14px;
        }

    .top-lang a {
        color: #ffffff;
        font-size: 14px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .container {
        max-width: 96%;
    }

    .copyright-text {
        font-size: 14px;
        text-align: center;
    }

    .owl-musteri-yorumlari {
        text-align: center;
        margin-top: 48px;
        margin-bottom: 48px;
        border-top: 1px solid #d4d4d4;
        padding: 4rem 0;
    }

        .owl-musteri-yorumlari .container {
            width: 90%;
        }

    .header-content-open {
        display: flex;
        width: 100%;
    }

        .header-content-open .hamburger-nav {
            color: #ffffff;
            font-size: 44px;
            z-index: 11;
            width: 25%;
        }

        .header-content-open .header-menu2 {
            display: flex;
        }

            .header-content-open .header-menu2 li {
                padding-left: 18px;
            }

        .header-content-open .header-menu2 {
            margin-bottom: 0px;
        }

            .header-content-open .header-menu2 li a {
                color: #000;
                font-size: 14px;
            }

        .header-content-open .top-lang a {
            color: #000;
            font-size: 14px;
        }

        .header-content-open .top-lang {
            width: 25%;
            text-align: end;
            margin: auto;
        }

        .header-content-open .brand-line {
            width: 50%;
            text-align: center;
        }

        .header-content-open .main-menu-logo {
            width: 20%;
            text-align: center;
        }

        .header-content-open .main-menu-two {
            width: 43%;
            justify-items: end;
            margin: auto;
            display: none;
        }

    .site-header.sticky {
        overflow: hidden;
        position: fixed; /* Set the navbar to fixed position */
        top: 0; /* Position the navbar at the top of the page */
        width: 100%; /* Full width */
        background-color: white;
        height: 80px;
        padding-top: 0px;
        animation-name: fadeInUp;
        animation-duration: 1s;
    }

        .site-header.sticky .header-menu2 li a {
            color: #000000;
            font-size: 14px;
        }

        .site-header.sticky .top-lang a {
            color: #000000;
            font-size: 14px;
        }

        .site-header.sticky .top-lang {
            margin-top: 28px;
        }

        .site-header.sticky .main-menu-two {
            margin-top: 28px;
        }

        .site-header.sticky .narkoy-logo {
            content: url(../images/Narkoy-logo-c.svg);
            width: 68px;
            padding-top: 6px;
            margin-right: 4px;
        }

        .site-header.sticky .grip-lines {
            content: url(../images/grip-lines-c.svg);
        }

    .narkoy-bread ul {
        text-align: center;
    }

        .narkoy-bread ul li {
            padding: 4px;
        }

    .narkoy-bread {
        margin-top: 18px;
    }

        .narkoy-bread ul li a {
            color: #434343;
            font-weight: 300;
        }

    .merkez-text .container {
        text-align: center;
    }

    .merkez-text {
        margin-top: 48px;
        margin-bottom: 8px;
    }

    .odalar-pst .col-md-4 {
        position: relative;
        padding: 12px;
    }

    .odalar-pst h1 {
        color: #ffffff;
        font-size: 40px;
        font-weight: 300;
    }

    .odalar-pst .oda-img-text {
        position: absolute;
        bottom: 10%;
        left: 10%;
    }

    .odalar-pst .oda-img img {
        width: 100%;
    }

    .odalar-pst {
        margin-bottom: 128px;
    }

    .odalar-inside .col-md-6 {
        padding: 12px;
    }

    .odalar-inside img {
        width: 100%;
    }

    .oda-ozellikler {
        border-bottom: 1px solid #d4d4d4;
        margin-top: 48px;
        padding-bottom: 48px;
    }

    .room-main-spec li {
        font-size: 36px;
        font-weight: 200;
        list-style: disc;
        padding-bottom: 18px;
    }

    .room-main-spec {
        margin-left: 10%;
    }

    .room-specs {
        margin-left: 8%;
    }

        .room-specs li {
            font-size: 18px;
            font-weight: 200;
            list-style: disc;
        }

    .oda-ozellikler li::marker {
        color: #a8a8a8;
    }

    .oda-ozellikler h1 {
        font-size: 72px;
    }

    .main-ikili p {
        padding-bottom: 18px;
    }

    .main-ikili .col-md-6:nth-child(2) {
        justify-content: space-between;
        display: flex;
    }

    .main-ikili .col-md-6 {
        padding-top: 28px;
        padding-bottom: 8px;
    }

    .ikili-img {
        width: 49%;
    }

        .ikili-img img {
            max-width: 100%;
        }

    .detay-bilgi {
        font-size: 12px;
    }

    .main-tekli .col-md-6:nth-child(1) img {
        max-width: 100%;
    }

    .main-tekli .col-md-6:nth-child(2) {
        padding-top: 28px;
    }

    .main-tekli p {
        padding-bottom: 18px;
    }

    .main-tekli {
        padding-bottom: 48px;
    }

    .main-full {
        position: relative;
    }

    .fwhite {
        position: absolute;
        color: #ffffff;
        top: 50%;
        text-align: center;
    }

    .main-rezervasyon {
        text-align: center;
        margin-top: 48px;
        margin-bottom: 28px;
        border-bottom: 1px solid #d4d4d4;
    }

        .main-rezervasyon span {
            padding: 24px;
            border: 1px solid #828282;
        }

        .main-rezervasyon p {
            margin-bottom: 48px;
        }

        .main-rezervasyon a {
            margin-bottom: 88px;
        }

    .fa-brands, .fab {
        font-size: 28px;
        padding: 14px;
    }

    .copyright, .f-logo, .social {
        margin: auto;
    }

    .f-logo {
        text-align: center;
    }

    .footer-line {
        margin-bottom: 88px;
    }

    .footer-alt {
        margin-top: 48px;
        margin-bottom: 48px;
        border-top: 1px solid #d4d4d4;
        padding-top: 48px;
    }

    .social {
        text-align: center;
        margin-top: 48px;
    }

    .fmenu li {
        font-size: 14px;
        font-weight: 300;
        margin-bottom: 12px;
    }

    .footer-adres {
    }

        .footer-adres p {
            font-size: 14px;
            font-weight: 300;
            line-height: 14px;
        }

    .footer-kvkk {
    }

        .footer-kvkk a {
            font-size: 14px;
            font-weight: 300;
        }

    .ikili-text {
        margin-top: 48px;
        margin-bottom: 48px;
    }

        .ikili-text .col-md-6:nth-child(2) {
        }

    .ikili-img-left .col-md-6:nth-child(1) {
        display: flex;
    }

    .ikili-img-left .col-md-6:nth-child(2) {
        margin-top: 28px;
    }

    .tekli-img-right .col-md-6:nth-child(1) {
    }

    .ikili-img-left {
        margin-top: 28px;
    }

    .tekli-img-right {
        margin-top: 28px;
        margin-bottom: 28px;
    }

        .tekli-img-right .col-md-6:nth-child(2) {
        }

            .tekli-img-right .col-md-6:nth-child(2) img {
                max-width: 100%;
            }

    .aims-text {
    }

    .aims-line h1 {
        font-size: 88px;
        font-weight: 200;
        color: #E9E9E9;
    }

    .aims-line .container .row:nth-child(2) {
        justify-content: end;
    }

    .aims-text p {
        color: #75726D;
        font-weight: 200;
    }

    .aims-line {
        padding-bottom: 48px;
        border-bottom: 1px solid #d4d4d4;
    }

    .hamburger-nav span {
        cursor: pointer;
    }

    .header-content {
        display: flex;
        width: 100%;
    }

    .hamburger-nav {
        color: #ffffff;
        font-size: 44px;
        z-index: 11;
        width: 25%;
    }

    .header-menu {
        width: 100%;
    }

    .overlay {
        /* Height & width depends on how you want to reveal the overlay (see JS below) */
        height: 100%;
        width: 0;
        position: fixed; /* Stay in place */
        z-index: 12; /* Sit on top */
        left: 0;
        top: 0;
        background-color: #FFF9F6; /* Black w/opacity */
        overflow-x: hidden; /* Disable horizontal scroll */
        transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
    }
    /* Position the content inside the overlay */
    .overlay-content {
        position: relative;
        top: 2%; /* 25% from the top */
        width: 100%; /* 100% width */
        text-align: center; /* Centered text/links */
        margin-top: 4px; /* 30px top margin to avoid conflict with the close button on smaller screens */
    }
    /* The navigation links inside the overlay */
    .overlay a {
        padding: 8px;
        text-decoration: none;
        font-size: 36px;
        color: #000000;
        display: block; /* Display block instead of inline */
        transition: 0.3s; /* Transition effects on hover (color) */
    }
        /* When you mouse over the navigation links, change their color */
        .overlay a:hover, .overlay a:focus {
            color: #bcb7b7;
        }
    /* Position the close button (top right corner) */
    .overlay .closebtn {
        position: absolute;
        left: 11%;
        font-size: 48px;
        z-index: 99;
        padding-top: 18px;
    }

    .shadow {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(255, 255, 255);
        background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(14 49 88 / 24%) 49%, rgb(14 49 88 / 89%) 96%);
        z-index: 10;
    }

    #v-pills-tab {
        padding: 0px;
        width: 50%;
        min-height: 500px;
        border-radius: 64px 0px 0px 0px;
    }

    .navbar #v-pills-tab {
        margin-top: 0px;
        border-right: 1px solid #d2d2d2;
    }

    .nav-link {
        color: #020208;
        text-align: left;
        text-decoration: none;
    }

    .tab-pane a {
        display: flex;
        padding: 8px;
        color: #020208;
        text-decoration: none;
        font-size: 16px;
        font-weight: 200;
        text-align: left;
    }

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #020208;
        padding-left: 40px;
        background: none;
    }

    .nav-pills .nav-link {
        font-size: 22px;
        font-weight: 300;
        padding-bottom: 8px;
    }

    .tab-content {
        padding: 4px;
    }

    .top-lang {
        width: 25%;
        text-align: end;
        margin: auto;
    }

    .brand-line {
        width: 50%;
        text-align: center;
    }

    .main-menu-logo {
        width: 20%;
        text-align: center;
    }

    .main-menu-two {
        display: none;
        width: 43%;
        justify-items: end;
        margin: auto;
    }

    .main-menu-header .nav-link:hover {
        border-top: 4px solid #BBDFBD;
        color: #BBDFBD;
    }

    .main-menu-header .nav-link {
        border-top: 4px solid #ffffff00;
    }

    strong {
        font-weight: 600;
    }

    h1 {
        font-size: 44px;
        font-weight: 200;
        color: #020208;
    }

    h2 {
        font-size: 20px;
        font-weight: 300;
        color: #020208;
    }

    p {
        font-size: 16px;
        font-weight: 300;
        line-height: 28px;
        color: #434343;
    }

    .contact-us-form-title {
        font-size: 48px;
        color: #434343;
        margin-bottom: 28px;
        font-weight: 200;
        text-align: center;
    }

    #inside-manset {
        position: relative;
    }

    .inside-manset-text {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 468px;
        z-index: 11;
    }

        .inside-manset-text h1 {
            font-size: 50px;
            color: #ffffff;
            font-weight: 500;
            text-align: center;
        }

        .inside-manset-text h3 {
            text-align: center;
            color: #ffffff;
            font-size: 26px;
            font-weight: 400;
        }

    .shadow-ins:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        background: linear-gradient(to bottom, rgb(0 0 0 / 25%) 0%, rgb(0 0 0 / 25%) 100%);
        z-index: 1;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        display: flex;
        align-items: center;
        white-space: nowrap;
        margin-right: 28px;
    }

    .dropdown-menu {
        background-color: white;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        z-index: 999;
        background-color: #f7f7f7;
    }

    .dropdown-menu a {
        color: #292d78 !important;
        border-bottom: solid 0.5px #c0ccbb;
        text-align: start;
    }

        .dropdown-menu a:hover {
            color: #ffffff !important;
            text-align: start;
            background-color: #273656;
        }

    .nav-link:focus, .nav-link:hover {
        color: #8c8c8c;
    }

    .dropdown-menu .languages-box {
        margin-left: 80px;
    }

    .nav-item a, .languages-box-ul {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        margin-left: 8px;
    }

    .languages-box ul {
        margin-bottom: 4px;
    }

    .nav-item {
        padding: 0px 2px;
    }

    .dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
        position: relative;
    }

    .contact-us-form {
        margin: auto;
        margin-bottom: 68px;
        margin-top: 28px;
    }

    .contact-us-form-info {
        column-gap: 16px;
    }

    .form-check-label {
        font-size: 16px;
        color: #273656;
        font-weight: 300;
    }

    .form-check {
    }

    .form-floating > label {
        font-size: 16px;
        color: #6c757d;
    }

    .contact-info .col-md-6 {
        padding: 28px;
    }

    .contact-page .col-md-6:nth-child(1) {
    }

    .contact-page {
        margin-top: 48px;
        margin-bottom: 48px;
    }

    .contact-info {
        margin: auto;
        text-align: center;
    }

    .contact-title {
        margin: auto;
        text-align: center;
    }

    .contact-info .col-md-4 {
        padding: 48px;
    }

    .contact-info .col-md-8 {
        padding: 48px;
    }

    .btn-contact {
        background-color: #fff9f6;
        padding: 14px;
        border: 1px solid #020208;
        width: 168px;
        color: #020208;
    }

    .form-control:focus {
        color: #273656;
        background-color: #fff;
        border-color: #bdd0e7;
        outline: 0;
        box-shadow: 0 0 16px 0.25rem rgb(213 215 221);
    }

    .owl-carousel .owl-nav button.owl-prev {
        margin-right: 40px;
    }

    .owl-carousel .owl-nav button.owl-next {
        margin-left: 40px;
    }

    .bg-gray {
        background-color: #EAEDF4;
    }

    .nav-tabs {
        --bs-nav-tabs-border-width: 0px;
    }

    .dropdown-item.active, .dropdown-item:active {
        background-color: #1e5193;
    }

    .nav-tabs .nav-item.show .nav-tab-link, .nav-tabs .nav-tab-link.active {
        background: #EAEDF4;
        font-size: 18px;
        font-weight: 600;
        color: #273656;
        padding-left: 188px;
        padding-right: 188px;
        margin: auto;
        height: 54px;
        border: none;
    }

    .nav-tabs .nav-tab-link {
        background: #ffffff;
        font-size: 18px;
        font-weight: 600;
        color: #273656;
        padding-left: 48px;
        padding-right: 48px;
        margin: auto;
        height: 54px;
        border: none;
    }

    .navbar-toggler {
        border: 0px;
        font-size: 44px;
        outline: none;
    }

        .navbar-toggler:focus {
            box-shadow: none;
        }

    .manset-gorsel {
        width: 100%;
        position: relative;
    }

        .manset-gorsel img {
            width: 100%;
        }

    .main-menu-header {
        margin: auto;
        z-index: 11;
        display: flex;
    }

    .site-header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 8px;
        z-index: 12;
    }

    .site-header-inside {
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 18px;
        z-index: 12;
    }

    .header-gorsel img {
        width: 100%;
    }
    /*header start*/
    .navbar {
        margin-top: 20px;
    }

    .navbar-nav {
        padding: 0px 0px;
    }

    .nav-item {
        padding-right: 68px;
    }

    .dropdown-menu {
        border: none;
        padding: 0px;
    }

        .dropdown-menu > li {
            padding: 5px 15px;
            border-bottom: 1px solid var(--second-color);
            width: 294px;
        }

            .dropdown-menu > li:nth-last-child(1) {
                padding-bottom: 20px;
            }

            .dropdown-menu > li:nth-child(1) {
                padding-top: 15px;
            }

    .dropdown-item {
        font-weight: 500;
        color: #273656;
        font-size: 14px;
        border-bottom: solid 1px #dce0e6;
    }

    .navbar-brand {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .owl-container {
        max-width: 100%;
        position: relative;
    }

    .owl-manset .owl-theme .owl-nav.disabled + .owl-dots {
        bottom: 118px;
        position: absolute;
        right: 47.6%;
    }

    .owl-manset .owl-theme .owl-dots .owl-dot span {
        width: 18px;
        height: 18px;
        margin: 8px 8px;
        background-color: #ffffff;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px;
    }

    .owl-manset .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #bd975094;
    }

    .owl-nav {
        justify-content: space-between;
    }

    .owl-manset-text {
        width: 100%;
        position: absolute;
        top: 38%;
        z-index: 12;
        text-align: center;
    }

        .owl-manset-text h1 {
            font-size: 24px;
            font-weight: 200;
            color: #ffffff;
        }

        .owl-manset-text h3 {
            font-size: 14px;
            font-weight: 300;
            color: #ffffff;
        }

    .header-manset {
        position: relative;
    }

    .contact-us-form .mt-4 {
        display: flex;
    }

    .contact-info a {
        color: #273656;
    }

    .contact-us-title h1 {
        font-size: 36px;
        font-weight: 600;
        letter-spacing: -0.46px;
        color: #273656;
    }

    .contact-us-title p {
        font-size: 16px;
        color: #687991;
        text-align: left;
        margin-top: 2%;
        margin-bottom: 2%;
    }

    #contact-us-form-title {
        font-size: 48px;
        color: #ffffff;
        font-weight: 600;
        top: 28%;
        position: absolute;
        left: 16%;
    }

    .contact-us-form .row {
        display: flex;
        justify-content: space-between;
    }

    .form-control {
        border-radius: 0;
        border-bottom: 1px solid gray;
        text-align: justify;
        color: #273656;
        font-size: 16px;
        margin-bottom: 24px;
        padding: 14px;
        background: none;
        border-left: 0;
        border-right: 0;
        border-top: 0;
    }

    .contact-form-check {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .form-floating {
        font-size: 18px;
        text-align: justify;
        color: #273656;
    }

    .contact-us-form p {
        font-size: 18px;
        color: #273656;
    }

    .contact-form {
        margin-top: 88px;
    }

    .footer {
        padding-top: 8px;
        padding-bottom: 8px;
        background-color: #FFF9F6;
    }

    .header-menu2 {
        display: flex;
    }

        .header-menu2 li {
            padding-left: 18px;
        }

    .header-menu2 {
        margin-bottom: 0px;
    }

        .header-menu2 li a {
            color: #ffffff;
            font-size: 14px;
        }

    .top-lang a {
        color: #ffffff;
        font-size: 14px;
    }
}

@media only screen and (max-width: 480px) {
    .container {
        max-width: 96%;
    }

    .copyright-text {
        font-size: 14px;
        text-align: center;
    }

    .owl-musteri-yorumlari {
        text-align: center;
        margin-top: 48px;
        margin-bottom: 48px;
        border-top: 1px solid #d4d4d4;
        padding: 4rem 0;
    }

        .owl-musteri-yorumlari .container {
            width: 90%;
        }

    .header-content-open {
        display: flex;
        width: 100%;
    }

        .header-content-open .hamburger-nav {
            color: #ffffff;
            font-size: 44px;
            z-index: 11;
            width: 25%;
        }

        .header-content-open .header-menu2 {
            display: flex;
        }

            .header-content-open .header-menu2 li {
                padding-left: 18px;
            }

        .header-content-open .header-menu2 {
            margin-bottom: 0px;
        }

            .header-content-open .header-menu2 li a {
                color: #000;
                font-size: 14px;
            }

        .header-content-open .top-lang a {
            color: #000;
            font-size: 14px;
        }

        .header-content-open .top-lang {
            width: 25%;
            text-align: end;
            margin: auto;
        }

        .header-content-open .brand-line {
            width: 50%;
            text-align: center;
        }

        .header-content-open .main-menu-logo {
            width: 20%;
            text-align: center;
        }

        .header-content-open .main-menu-two {
            width: 43%;
            justify-items: end;
            margin: auto;
            display: none;
        }

    .site-header.sticky {
        overflow: hidden;
        position: fixed; /* Set the navbar to fixed position */
        top: 0; /* Position the navbar at the top of the page */
        width: 100%; /* Full width */
        background-color: white;
        height: 80px;
        padding-top: 0px;
        animation-name: fadeInUp;
        animation-duration: 1s;
    }

        .site-header.sticky .header-menu2 li a {
            color: #000000;
            font-size: 14px;
        }

        .site-header.sticky .top-lang a {
            color: #000000;
            font-size: 14px;
        }

        .site-header.sticky .top-lang {
            margin-top: 28px;
        }

        .site-header.sticky .main-menu-two {
            margin-top: 28px;
        }

    .site-header .narkoy-logo {
        display: none;
    }

    .site-header.sticky .narkoy-logo {
        content: url(../images/Narkoy-logo-c.svg);
        width: 68px;
        padding-top: 6px;
        margin-right: 4px;
        display: inline-block !important;
    }

    .site-header.sticky .grip-lines {
        content: url(../images/grip-lines-c.svg);
    }

    .narkoy-bread ul {
        text-align: center;
    }

        .narkoy-bread ul li {
            padding: 4px;
        }

    .narkoy-bread {
        margin-top: 18px;
    }

        .narkoy-bread ul li a {
            color: #434343;
            font-weight: 300;
        }

    .merkez-text .container {
        text-align: center;
    }

    .merkez-text {
        margin-top: 48px;
        margin-bottom: 8px;
    }

    .odalar-pst .col-md-4 {
        position: relative;
        padding: 12px;
    }

    .odalar-pst h1 {
        color: #ffffff;
        font-size: 40px;
        font-weight: 300;
    }

    .odalar-pst .oda-img-text {
        position: absolute;
        bottom: 10%;
        left: 10%;
    }

    .odalar-pst .oda-img img {
        width: 100%;
    }

    .odalar-pst {
        margin-bottom: 128px;
    }

    .odalar-inside .col-md-6 {
        padding: 12px;
    }

    .odalar-inside img {
        width: 100%;
    }

    .oda-ozellikler {
        border-bottom: 1px solid #d4d4d4;
        margin-top: 48px;
        padding-bottom: 48px;
    }

    .room-main-spec li {
        font-size: 36px;
        font-weight: 200;
        list-style: disc;
        padding-bottom: 18px;
    }

    .room-main-spec {
        margin-left: 10%;
    }

    .room-specs {
        margin-left: 8%;
    }

        .room-specs li {
            font-size: 18px;
            font-weight: 200;
            list-style: disc;
        }

    .oda-ozellikler li::marker {
        color: #a8a8a8;
    }

    .oda-ozellikler h1 {
        font-size: 72px;
    }

    .main-ikili p {
        padding-bottom: 18px;
    }

    .main-ikili .col-md-6:nth-child(2),
    .ikili-img-left .col-md-6:nth-child(1) {
        justify-content: space-between;
        display: flex;
    }

    .main-ikili .col-md-6 {
        padding-top: 28px;
        padding-bottom: 8px;
    }

    .ikili-img {
        width: 49%;
    }

        .ikili-img img {
            max-width: 100%;
        }

    .detay-bilgi {
        font-size: 12px;
    }

    .main-tekli .col-md-6:nth-child(1) img {
        max-width: 100%;
    }

    .main-tekli .col-md-6:nth-child(2) {
        padding-top: 28px;
    }

    .main-tekli p {
        padding-bottom: 18px;
    }

    .main-tekli {
        padding-bottom: 48px;
        margin-top: 5rem;
    }

    .main-full {
        position: relative;
        margin-top: 5rem;
    }



    .fwhite {
        position: absolute;
        color: #ffffff;
        top: 50%;
        text-align: center;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        position: absolute;
        top: 50%;
        left: 50%;
    }

    .main-rezervasyon {
        text-align: center;
        margin-top: 48px;
        margin-bottom: 28px;
        border-bottom: 1px solid #d4d4d4;
    }

        .main-rezervasyon span {
            padding: 24px;
            border: 1px solid #828282;
        }

        .main-rezervasyon p {
            margin-bottom: 48px;
        }

        .main-rezervasyon a {
            margin-bottom: 88px;
        }

    .fa-brands, .fab {
        font-size: 28px;
        padding: 14px;
    }

    .copyright, .f-logo, .social {
        margin: auto;
    }

    .f-logo {
        text-align: center;
    }

    .footer-line {
        margin-bottom: 88px;
    }

    .footer-alt {
        margin-top: 48px;
        margin-bottom: 48px;
        border-top: 1px solid #d4d4d4;
        padding-top: 48px;
    }

    .social {
        text-align: center;
        margin-top: 48px;
    }

    .fmenu li {
        font-size: 14px;
        font-weight: 300;
        margin-bottom: 12px;
    }

    .footer-adres {
    }

        .footer-adres p {
            font-size: 14px;
            font-weight: 300;
            line-height: 14px;
        }

    .footer-kvkk {
    }

        .footer-kvkk a {
            font-size: 14px;
            font-weight: 300;
        }

    .ikili-text {
        margin-top: 48px;
        margin-bottom: 48px;
    }

        .ikili-text .col-md-6:nth-child(2) {
        }

    .ikili-img-left .col-md-6:nth-child(1) {
        display: flex;
    }

    .ikili-img-left .col-md-6:nth-child(2) {
        margin-top: 28px;
    }

    .tekli-img-right .col-md-6:nth-child(1) {
    }

    .ikili-img-left {
        margin-top: 28px;
    }

    .tekli-img-right {
        margin-top: 28px;
        /*margin-bottom: 28px;*/
    }

        .tekli-img-right .col-md-6:nth-child(2) {
        }

            .tekli-img-right .col-md-6:nth-child(2) img {
                max-width: 100%;
            }

    .aims-text {
    }

    .aims-line h1 {
        font-size: 88px;
        font-weight: 200;
        color: #E9E9E9;
    }

    .aims-line .container .row:nth-child(2) {
        justify-content: end;
    }

    .aims-text p {
        color: #75726D;
        font-weight: 200;
    }

    .aims-line {
        padding-bottom: 48px;
        border-bottom: 1px solid #d4d4d4;
    }

    .hamburger-nav span {
        cursor: pointer;
    }

    .header-content {
        display: flex;
        width: 100%;
    }

    .hamburger-nav {
        color: #ffffff;
        font-size: 44px;
        z-index: 11;
        width: 25%;
    }

    .header-menu {
        width: 100%;
    }

    .overlay {
        /* Height & width depends on how you want to reveal the overlay (see JS below) */
        height: 100%;
        width: 0;
        position: fixed; /* Stay in place */
        z-index: 12; /* Sit on top */
        left: 0;
        top: 0;
        background-color: #FFF9F6; /* Black w/opacity */
        overflow-x: hidden; /* Disable horizontal scroll */
        transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
    }
    /* Position the content inside the overlay */
    .overlay-content {
        position: relative;
        top: 2%; /* 25% from the top */
        width: 100%; /* 100% width */
        text-align: center; /* Centered text/links */
        margin-top: 4px; /* 30px top margin to avoid conflict with the close button on smaller screens */
    }
    /* The navigation links inside the overlay */
    .overlay a {
        padding: 8px;
        text-decoration: none;
        font-size: 36px;
        color: #000000;
        display: block; /* Display block instead of inline */
        transition: 0.3s; /* Transition effects on hover (color) */
    }
        /* When you mouse over the navigation links, change their color */
        .overlay a:hover, .overlay a:focus {
            color: #bcb7b7;
        }
    /* Position the close button (top right corner) */
    .overlay .closebtn {
        position: absolute;
        left: 11%;
        font-size: 48px;
        z-index: 99;
        padding-top: 18px;
    }

    .shadow {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(255, 255, 255);
        background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(14 49 88 / 24%) 49%, rgb(14 49 88 / 89%) 96%);
        z-index: 10;
    }

    #v-pills-tab {
        padding: 0px;
        width: 50%;
        min-height: 500px;
        border-radius: 64px 0px 0px 0px;
    }

    .navbar #v-pills-tab {
        margin-top: 0px;
        border-right: 1px solid #d2d2d2;
    }

    .nav-link {
        color: #020208;
        text-align: left;
        text-decoration: none;
    }

    .tab-pane a {
        display: flex;
        padding: 8px;
        color: #020208;
        text-decoration: none;
        font-size: 16px;
        font-weight: 200;
        text-align: left;
    }

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #020208;
        /*padding-left: 28px;*/
        background: none;
    }

    .nav-pills .nav-link {
        font-size: 22px;
        font-weight: 300;
        padding-bottom: 8px;
    }

    .tab-content {
        padding: 4px;
    }

    .top-lang {
        width: 25%;
        text-align: end;
        margin: auto;
    }

    .brand-line {
        width: 50%;
        text-align: center;
    }

    .main-menu-logo {
        width: 20%;
        text-align: center;
    }

    .main-menu-two {
        display: none;
        width: 43%;
        justify-items: end;
        margin: auto;
    }

    .main-menu-header .nav-link:hover {
        border-top: 4px solid #BBDFBD;
        color: #BBDFBD;
    }

    .main-menu-header .nav-link {
        border-top: 4px solid #ffffff00;
    }

    strong {
        font-weight: 600;
    }

    h1 {
        font-size: 26px;
        font-weight: 200;
        color: #020208;
        /* margin: 0px 5px 0px 5px; */
    }

    h2 {
        font-size: 20px;
        font-weight: 300;
        color: #020208;
    }

    p {
        font-size: 16px;
        font-weight: 300;
        line-height: 28px;
        color: #434343;
        /* margin: 0px 5px 0px 5px; */
    }

    .contact-us-form-title {
        font-size: 48px;
        color: #434343;
        margin-bottom: 28px;
        font-weight: 200;
        text-align: center;
    }

    #inside-manset {
        position: relative;
    }

    .inside-manset-text {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 468px;
        z-index: 11;
    }

        .inside-manset-text h1 {
            font-size: 50px;
            color: #ffffff;
            font-weight: 500;
            text-align: center;
        }

        .inside-manset-text h3 {
            text-align: center;
            color: #ffffff;
            font-size: 26px;
            font-weight: 400;
        }

    .shadow-ins:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        background: linear-gradient(to bottom, rgb(0 0 0 / 25%) 0%, rgb(0 0 0 / 25%) 100%);
        z-index: 1;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        display: flex;
        align-items: center;
        white-space: nowrap;
        margin-right: 28px;
    }

    .dropdown-menu {
        background-color: white;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        z-index: 999;
        background-color: #f7f7f7;
    }

    .dropdown-menu a {
        color: #292d78 !important;
        border-bottom: solid 0.5px #c0ccbb;
        text-align: start;
    }

        .dropdown-menu a:hover {
            color: #ffffff !important;
            text-align: start;
            background-color: #273656;
        }

    .nav-link:focus, .nav-link:hover {
        color: #8c8c8c;
    }

    .dropdown-menu .languages-box {
        margin-left: 80px;
    }

    .nav-item a, .languages-box-ul {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        margin-left: 8px;
    }

    .languages-box ul {
        margin-bottom: 4px;
    }

    .nav-item {
        padding: 0px 2px;
    }

    .dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
        position: relative;
    }

    .contact-us-form {
        margin: auto;
        margin-bottom: 68px;
        margin-top: 28px;
    }

    .contact-us-form-info {
        column-gap: 16px;
    }

    .form-check-label {
        font-size: 16px;
        color: #273656;
        font-weight: 300;
    }

    .form-check {
    }

    .form-floating > label {
        font-size: 16px;
        color: #6c757d;
    }

    .contact-info .col-md-6 {
        padding: 28px;
    }

    .contact-page .col-md-6:nth-child(1) {
    }

    .contact-page {
        margin-top: 48px;
        margin-bottom: 48px;
    }

    .contact-info {
        margin: auto;
        text-align: center;
    }

    .contact-title {
        margin: auto;
        text-align: center;
    }

    .contact-info .col-md-4 {
        padding: 48px;
    }

    .contact-info .col-md-8 {
        padding: 48px;
    }

    .btn-contact {
        background-color: #fff9f6;
        padding: 14px;
        border: 1px solid #020208;
        width: 168px;
        color: #020208;
    }

    .form-control:focus {
        color: #273656;
        background-color: #fff;
        border-color: #bdd0e7;
        outline: 0;
        box-shadow: 0 0 16px 0.25rem rgb(213 215 221);
    }

    .owl-carousel .owl-nav button.owl-prev {
        margin-right: 40px;
    }

    .owl-carousel .owl-nav button.owl-next {
        margin-left: 40px;
    }

    .bg-gray {
        background-color: #EAEDF4;
    }

    .nav-tabs {
        --bs-nav-tabs-border-width: 0px;
    }

    .dropdown-item.active, .dropdown-item:active {
        background-color: #1e5193;
    }

    .nav-tabs .nav-item.show .nav-tab-link, .nav-tabs .nav-tab-link.active {
        background: #EAEDF4;
        font-size: 18px;
        font-weight: 600;
        color: #273656;
        padding-left: 188px;
        padding-right: 188px;
        margin: auto;
        height: 54px;
        border: none;
    }

    .nav-tabs .nav-tab-link {
        background: #ffffff;
        font-size: 18px;
        font-weight: 600;
        color: #273656;
        padding-left: 48px;
        padding-right: 48px;
        margin: auto;
        height: 54px;
        border: none;
    }

    .navbar-toggler {
        border: 0px;
        font-size: 44px;
        outline: none;
    }

        .navbar-toggler:focus {
            box-shadow: none;
        }

    .manset-gorsel {
        width: 100%;
        position: relative;
    }

        .manset-gorsel img {
            width: 100%;
        }

    .main-menu-header {
        margin: auto;
        z-index: 11;
        display: flex;
    }

    .site-header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 0px;
        z-index: 12;
    }

    .site-header-inside {
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 18px;
        z-index: 12;
    }

    .header-gorsel img {
        width: 100%;
    }
    /*header start*/
    .navbar {
        margin-top: 20px;
    }

    .navbar-nav {
        padding: 0px 0px;
    }

    .nav-item {
        padding-right: 68px;
    }

    .dropdown-menu {
        border: none;
        padding: 0px;
    }

        .dropdown-menu > li {
            padding: 5px 15px;
            border-bottom: 1px solid var(--second-color);
            width: 294px;
        }

            .dropdown-menu > li:nth-last-child(1) {
                padding-bottom: 20px;
            }

            .dropdown-menu > li:nth-child(1) {
                padding-top: 15px;
            }

    .dropdown-item {
        font-weight: 500;
        color: #273656;
        font-size: 14px;
        border-bottom: solid 1px #dce0e6;
    }

    .navbar-brand {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .owl-container {
        max-width: 100%;
        position: relative;
    }

    .owl-manset .owl-theme .owl-nav.disabled + .owl-dots {
        bottom: 118px;
        position: absolute;
        right: 47.6%;
    }

    .owl-manset .owl-theme .owl-dots .owl-dot span {
        width: 18px;
        height: 18px;
        margin: 8px 8px;
        background-color: #ffffff;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px;
    }

    .owl-manset .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #bd975094;
    }

    .owl-nav {
        justify-content: space-between;
    }

    .owl-manset-text {
        width: 100%;
        position: absolute;
        top: 38%;
        z-index: 12;
        text-align: center;
    }


        .owl-manset-text h1 {
            font-size: 24px;
            font-weight: 200;
            color: #ffffff;
        }

        .owl-manset-text h3 {
            font-size: 14px;
            font-weight: 300;
            color: #ffffff;
        }

    .header-manset {
        position: relative;
    }

    .contact-us-form .mt-4 {
        display: flex;
    }

    .contact-info a {
        color: #273656;
    }

    .contact-us-title h1 {
        font-size: 36px;
        font-weight: 600;
        letter-spacing: -0.46px;
        color: #273656;
    }

    .contact-us-title p {
        font-size: 16px;
        color: #687991;
        text-align: left;
        margin-top: 2%;
        margin-bottom: 2%;
    }

    #contact-us-form-title {
        font-size: 48px;
        color: #ffffff;
        font-weight: 600;
        top: 28%;
        position: absolute;
        left: 16%;
    }

    .contact-us-form .row {
        display: flex;
        justify-content: space-between;
    }

    .form-control {
        border-radius: 0;
        border-bottom: 1px solid gray;
        text-align: justify;
        color: #273656;
        font-size: 16px;
        margin-bottom: 24px;
        padding: 14px;
        background: none;
        border-left: 0;
        border-right: 0;
        border-top: 0;
    }

    .contact-form-check {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .form-floating {
        font-size: 18px;
        text-align: justify;
        color: #273656;
    }

    .contact-us-form p {
        font-size: 18px;
        color: #273656;
    }

    .contact-form {
        margin-top: 88px;
    }

    .footer {
        padding-top: 8px;
        padding-bottom: 8px;
        background-color: #FFF9F6;
    }

    .header-menu2 {
        display: flex;
    }

        .header-menu2 li {
            padding-left: 18px;
        }

    .header-menu2 {
        margin-bottom: 0px;
    }

        .header-menu2 li a {
            color: #ffffff;
            font-size: 14px;
        }

    .top-lang a {
        color: #ffffff;
        font-size: 14px;
    }


    #oda-detay-galeri .item {
        padding: 18px;
    }
}

/* Ekstralar*/
.nav-pills .nav-link.active {
}

.nav-pills .nav-link {
    transition: 0.15s all ease;
}
.odalar-inside .col-md-4{padding:12px;}