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

    /* --- GENERAL --- */
    .subtitle {
        width: 80%;
    }

    .subtitle.sm {
        width: 50%;
    }

    .contact-info-card {
        padding: 30px 50px;
    }

    .size-48 {
        width: 44px;
        min-width: 44px;
        height: 44px;
    }

    /* --- TEXT --- */
    .text-54 {
        font-size: 45px;
    }

    .text-36 {
        font-size: 30px;
    }

    .text-24 {
        font-size: 21px;
    }

    .text-18 {
        font-size: 17px;
    }

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

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

    .text-12 {
        font-size: 12px;
    }

    /* --- BUTTON --- */
    .btn {
        padding: 12px 26px;
        font-size: 13px;
    }

    .btn .btn-icon {
        width: 13px;
        /* height: 13px; */
    }

    /* --- FORM --- */
    form input,
    textarea {
        font-size: 13px;
    }

    .select2-selection__placeholder {
        font-size: 13px;
    }

    .select2-search__field {
        font-size: 13px;
    }

    .select2-results__option {
        font-size: 13px;
    }

    .iti__selected-dial-code {
        font-size: 13px;
    }

    .iti__dropdown-content {
        font-size: 13px;
    }

    /* --- FOOTER --- */
    .footer {
        background-image: url('../img/footer-background-logo-2.png');
        background-position: right center;
        background-size: 40%;
        margin-top: 6rem;
    }

    .footer .footer-grid {
        grid-template-columns: repeat(2, 1fr);
        margin-left: 50px;
    }

    .footer .footer-item-logo {
        width: 175px;
    }

    .footer .footer-tursab {
        width: 400px;
    }


    /* --- HOME --- */
    .hero {
        margin-top: 6rem;
    }

    .hero-img {
        height: 600px !important;
    }

    .sec-3 {
        margin-top: 6rem;
    }

    .sec-6 {
        margin-top: 12rem;
        padding-top: 45px;
        padding-bottom: 50px;
    }


    /* --- ABOUT --- */
    .about-section3 .about-section3-card {
        height: 500px;
    }

    /* --- COUNTRIES --- */
    .country-section2 #country-section2-prev {
        margin-left: 0;
    }

    .country-section2 #country-section2-next {
        margin-right: 0;
    }

    /* --- REFERENCES --- */
    .references-section2-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}



@media only screen and (max-width: 992px) {
    .icon-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
      }

    /* --- GENERAL --- */
    .container {
        width: 90%;
        max-width: 90%;
        padding: 0;
    }

    .splide {
        display: inline-table !important;
    }

    .subtitle {
        width: 100% !important;
    }

    .main-info-banner {
        height: 320px;
    }

    .main-info-content {
        padding: 30px 40px;
    }

    /* --- General Contact Form --- */
    .contact-form {
        width: 100%;
    }

    .contact-form2 #contact-form {
        width: 100%;
    }

    .contact-info-card {
        padding: 30px 30px;
    }

    .select2-selection__placeholder {
        font-size: 12px;
    }

    .select2-search__field {
        font-size: 12px;
    }

    .select2-results__option {
        font-size: 12px;
    }

    /* --- General Country Card --- */
    .country-card {
        width: 250px !important;
    }

    /* --- General Service Card --- */
    .service-card {
        width: 290px !important;
    }

    /* --- TEXT --- */
    .text-54 {
        font-size: 36px;
    }

    .text-36 {
        font-size: 24px;
    }

    .text-24 {
        font-size: 18px;
    }

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

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

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

    .text-12 {
        font-size: 12px;
    }

    /* --- SIZE --- */
    .size-48 {
        width: 40px;
        min-width: 40px;
        height: 40px;
    }

    .size-36 {
        width: 30px;
        min-width: 30px;
        height: 30px;
      }

    /* --- FORM --- */
    .form-row {
        margin: 0;
    }

    form input,
    textarea {
        font-size: 12px;
    }

    .iti__selected-dial-code {
        font-size: 12px;
    }

    .iti__dropdown-content {
        font-size: 12px;
    }

    /* --- BUTTON --- */
    .btn {
        padding: 10px 22px;
        font-size: 12px;
    }

    .btn .btn-icon {
        width: 12px;
        /* height: 12px; */
    }

    /* --- HEADER --- */
    .mobile-navbar.open .mobile-navbar-menu {
        transform: translateX(400px);  /* Menü sağa kayarak görünür olacak */
    }

    /* --- FOOTER --- */
    .footer .footer-tursab {
        width: 380px;
    }

    /* --- HOME --- */
    .hero {
        margin-top: 3rem;
    }

    .sec-2 {
        display: none;
    }

    .sec-3 {
        background-image: none;
    }

    .sec3-title {
        margin-left: 0;
    }

    .slider-buttons {
        display: none !important;
    }

    #sec-4-slider {
        display: inherit !important;
    }

    .sec-6 {
        margin-top: 9rem;
    }

    .sec6-right {
        top: -90px;
        right: -50%;
        height: 156%;
    }

    .sec-7 .review-card {
        width: 320px !important;
    }

    #sec7-prev {
        display: none;
    }

    #sec7-next {
        display: none;
    }

    #sec8-slider .splide__track {
        overflow: visible !important;
    }

    /* --- ABOUT --- */
    .about-section1-right {
        max-height: 480px;
    }

    .about-section2 {
        margin-top: 7rem;
        padding-bottom: 10rem;
        background-image: none;
    }

    .about-section3 .about-section3-card {
        height: 500px;
    }

    .about-section3 .about-section3-card {
        height: 300px;
    }

    .about-section3 .about-section3-card>div {
        margin-top: 1rem;
    }

    .about-section4::before {
        background: none;
    }

    .about-section4::after {
        left: 0;
        top: auto;
        bottom: 0;
        width: 100%;
        height: 45%;
        content: "";
        background-size: cover;
        background-position: center;
        border-radius: 0;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
    }

    /* --- SERVICCES --- */
    #services-section4-slider {
        display: inherit !important;
    }


    /* --- COUNTRIES --- */
    .country-search-results {
        padding: 15px;
    }

    #country-section2-slider .country-info {
        width: 60px;
    }

    .search-box #country-search-input {
        height: 52px;
        padding-right: 105px;
    }

    .country-detail-section3-card-container {
        grid-template-columns: repeat(1, 1fr);
    }

    .country-detail-section4-card-container {
        grid-template-columns: repeat(3, minmax(120px, 1fr)); /* 4 sütun, her biri min 120px, max esnek */
        grid-template-areas:
            "box1 box2 box3"
            "box4 box5 box6"
            "box7 box8 box9"
            ". box10 .";
    }

    .info-card-header img {
        width: 30px;
        height: 35px;
        margin-right: 20px;
    }


    /* --- REFERENCES --- */
    .references-section1-grid {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    }

    .references-section2-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

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

    /* --- FOOTER --- */
    .footer {
        background-size: 55%;
    }

    .footer .footer-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .footer .footer-grid > :nth-child(2) {
        display: none;
    }

    .footer .copyright {
        margin-top: 70px;
    }

    .footer .footer-tursab {
        display: none;
    }

    /* --- HOME --- */
    .sec7-card {
        width: 280px !important;
    }
}


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

    .country-detail-section4-card-container {
        grid-template-columns: repeat(2, 1fr);
        /* 2 sütun */
        grid-template-areas:
            "box1 box2"
            "box3 box4"
            "box5 box6"
            "box7 box8"
            "box9 box10"
            "box11 spacer";
    }

    /* --- FOOTER --- */
    .footer .footer-grid {
        margin-left: 0px;
    }

    .about-section3 span {
        font-size: 10px;
    }

    .sec6-right {
        top: -75px;
        right: -50%;
        height: 140%;
    }
}


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

    .sec-6 .row > div:nth-of-type(1) {
        width: 100% !important;
    }

    .sec6-right {
       display: none;
    }
}