/* Desktop Hover Effects */
@media (min-width: 769px) {
    .info-box:hover .info-box-image {
        transform: scale(1.02) !important;
        height: 600px;
    }

    .info-box:hover .info-box-content {
        transform: translateY(-5px) !important;
    }

    .col-md-3.info-box:hover {
        transform: scale(1.05) !important;
        transition: all 0.3s ease !important;
    }

    .col-md-3.info-box:hover .info-box-image {
        transform: scale(1.05) !important;
        transition: all 0.3s ease !important;
        overflow: hidden;
    }

    .col-md-3.info-box:hover .info-box-content {
        transform: translateY(-5px) !important;
        transition: all 0.3s ease !important;
    }

    .info-box:hover .goster {
        display: none;
        animation: goster 0.5s ease-in-out;
    }

    @keyframes goster {
        0% {
            opacity: 0;
            transform: translateY(100%);
        }
        100% {
            opacity: 1;
            transform: translateY(20%);
        }
    }

    .info-box:hover .h_goster {
        display: block;
    }
}

/* Tablet and Small Desktop */
@media (max-width: 1920px) {
    .content-container {
        left: 20%;
    }

    .siziarayalim {
        width: 19%;
    }

    .slogan-item {
        margin-top: -10px;
    }
}

@media (max-width: 1512px) {
    .content-container {
        left: 19%;
    }

    .siziarayalim {
        width: 18.3%;
    }

    .slogan-text {
        width: 230px;
        margin-top: -10px;
    }

    .onda-text {
        width: 350px;
    }
}

@media (max-width: 1366px) {
    .content-container {
        left: 20.5%;
        margin-top: -6px;
    }

    .contact-form-container {
        height: 100vh;
    }

    .slogan-text {
        width: 230px;
    }

    .contact-form-left {
        padding: 20px 0 0 20px;
    }

    #contactFormNew {
        padding-right: 20px;
    }
}

@media (max-width: 1280px) {
    .form-group input::placeholder,
    .form-group textarea::placeholder {
        color: white;
        font-size: 0.8rem;
    }

    #contactFormNew {
        padding: 0 !important;
        margin: 0 !important;
    }

    .contact-form-content h2 {
        font-size: 1rem;
        margin-bottom: 10px;
    }

    .checkbox-label {
        font-size: 0.7rem;
    }

    .contact-form-left {
        padding: 30px 30px 0;
    }

    .form-group input,
    .form-group textarea {
        padding: 5px 0;
        font-family: avenir, sans-serif;
    }

    .close-btn {
        top: 5px;
        right: 5px;
        background: transparent;
    }
}

/* Mobile */
@media (max-width: 768px) {
    /* Header */
    .mobiletopbg {
        width: 50%;
        z-index: 1;
        margin-right: 11%;
        margin-top: -20px;
    }

    .mobile_header {
        display: flex;
        justify-content: space-between;
        height: 70px;
        align-items: center;
    }

    .mobile-header-language {
        position: absolute;
        right: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0;
        padding: 0;
    }

    .mobile_header .logo {
        height: 60px;
        width: auto;
    }

    .mobile-header-language li {
        list-style: none;
    }

    .mobile-header-language li a {
        text-decoration: none;
        color: black;
        font-size: 0.7rem;
    }

    .mobile-header-language li a:hover {
        color: red;
    }

    header {
        height: 10vh;
    }

    header .logo {
        height: 10vh;
        width: 73%;
    }

    .header-language {
        flex-direction: column;
    }

    .header-contact img {
        display: none;
    }

    .topbanner {
        display: none !important;
    }

    /* Slider */
    .slider-container {
        height: 30vh;
    }

    .slide {
        height: 30vh;
    }

    .left-panel {
        height: 30vh;
    }

    .left-panel img {
        height: 30vh;
    }

    .content-container {
        margin-top: 0px;
        left: 26% !important;
        top: 19%;
    }

    .onda-item img {
        width: 120px;
        height: 50px;
    }

    .slogan-item-start img,
    .slogan-item-end img {
        height: 20px;
        width: auto;
        margin-left: 0;
    }

    /* Contact Form */
    .contact-form-container {
        width: 100%;
        height: 100vh;
        border-radius: 0;
    }

    .contact-form-left {
        padding: 30px 20px;
    }

    .contact-form-content h2 {
        font-size: 1.2rem;
        margin-bottom: 30px;
    }

    /* Info Box */
    .info-box-image {
        height: 250px;
        transition: none;
    }

    .info-box {
        transform: none;
        padding: 0;
    }

    .info-box h3 {
        font-size: 1.8rem;
    }

    .info-box:hover .info-box-image {
        transform: scale(1.0) !important;
    }

    .goster {
        display: none;
    }

    .h_goster {
        display: block;
        margin-top: 30px;
    }
    .h_goster, .info-box-content {
        padding: 0px 10%;
    }

    .info-box.mobile-active .info-box-image {
        transform: scale(1.05) !important;
        transition: all 0.3s ease !important;
    }

    .info-box.mobile-active .info-box-content {
        transform: translateY(-5px) !important;
        transition: all 0.3s ease !important;
    }

    .info-box.mobile-active .goster {
        display: none !important;
    }

    .info-box.mobile-active .h_goster {
        display: block !important;
    }

    /* Mobile Form */
    .mobileform {
        display: flex;
        background-color: var(--primary-color);
        color: var(--white);
        width: 70%;
        padding: 20px;
        margin-top: -25px;
        z-index: 50;
        position: relative;
    }

    .mobileform .form-label {
        display: none;
    }

    .mobileform img {
        width: 50px;
        margin-top: -43px;
        margin-left: -40px;
    }

    .mobilebtn {
        background: #4e6169;
        border: none;
        font-size: 1rem;
        font-weight: 600;
    }

    .form-control {
        background: none !important;
        border-top: none;
        border-left: none;
        border-right: navajowhite;
        border-radius: 0;
    }

    input::placeholder,
    textarea::placeholder {
        color: white !important;
        font-size: 0.8rem;
    }

    /* Other Elements */
    .title-line-1 {
        font-size: 2rem;
    }

    .title-line-2 {
        font-size: 4rem;
    }

    .carousel-control-prev,
    .carousel-control-next {
        width: 50px;
        height: 50px;
    }

    .carousel-control-prev {
        left: 15px;
    }

    .carousel-control-next {
        right: 15px;
    }

    .ot {
        display: none;
    }

    .top-ot {
        right: -30px;
        z-index: 3;
        position: absolute;
        top: 10px;
        transform: scale(0.5);
    }

    .infobox {
        padding: 0 !important;
        overflow: hidden;
    }

    .siziarayalim {
        display: none;
        width: 70%;
        position: fixed;
        bottom: 0;
        left: 0;
        animation: siziarayalim 1s ease-in-out;
        z-index: 2;
    }

    .slogan br {
        display: none;
    }

    .ozelbtk {
        background-position: bottom !important;
    }

    .footerbanner {
        width: 90%;
    }

    .left-block {
        width: 30%;
    }

    .mobilecontact {
        background: white;
        text-align: center;
        padding: 10px;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 99;
    }

    .mobilecontact img {
        margin: 0 10px;
    }

    .footer-ot {
        width: 150px;
        height: 150px;
        position: absolute;
        right: 30%;
        z-index: 9;
        margin-top: -50px;
    }

    .footer-ot img {
        margin-top: 18px;
        margin-left: 70px;
        width: 30px;
    }

    .footer-ot:before {
        content: '';
        position: absolute;
        width: 150px;
        height: 150px;
        background: url(../images/circ.svg);
        background-repeat: no-repeat;
        background-size: contain;
        z-index: -1;
        text-align: center;
        animation: rotateCircle 10s linear infinite;
    }

    .footer-ot div {
        text-align: center;
    }

    .s1 {
        font-size: 1.4rem;
    }

    .s2 {
        font-size: 0.75rem;
        margin: 5px 0;
    }

    .s3 {
        font-size: 1.5rem;
    }
}

/* Small Mobile */
@media (max-width: 430px) {
    .content-container {
        left: 24% !important;
    }
}

/* Large Desktop */
@media (min-width: 1921px) {
    .content-container {
        left: 17%;
    }

    .siziarayalim {
        width: 16.5%;
    }

    .slogan-text {
        width: 230px;
        margin-top: -10px;
    }
}

/* Specific Resolution */
@media screen and (width: 1920px) and (height: 1200px) {
    .siziarayalim {
        width: 34vh;
    }

    .contact-form-container {
        width: 21%;
        -webkit-border-top-right-radius: 70px;
        -moz-border-radius-topright: 70px;
        border-top-right-radius: 70px;
    }
}