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

}

@media screen and (max-width: 1200px) {
    .transgulf-slider-big-title {
        font-size: 34px;
    }

    .transgulf-slider-small-title {
        font-size: 24px;
    }

    .transgulf-accordion-widget .title strong {
        font-size: 28px;
        line-height: 1.2;
    }

    .transgulf-accordion-widget .subtitle {
        font-size: 22px;
        line-height: 1.2;
    }
}

@media screen and (max-width: 1024px) {
    body.sticky-toolbar-on {
        padding: 0;
    }

    .transgulf-accordion-widget .accordion-header .group-tt {
        flex-wrap: wrap;
        gap: 20px;
    }

    .transgulf-hover-accordion .transgulf-hover-accordion-item {
        width: calc(100% / 2);
    }

    .transgulf-hover-accordion {
        flex-wrap: wrap;
    }

    .transgulf-accordion-expand {
        flex-wrap: wrap;
    }

    .transgulf-accordion-expand .transgulf-accordion-expand-item {
        width: calc(100% / 2 - 8px );
    }
}

@media screen and (max-width: 992px) {
    .transgulf-slider-big-title {
        font-size: 28px;
    }

    .transgulf-slider-small-title {
        font-size: 20px;
    }
}

@media screen and (max-width: 768px) {
    footer .follow-us {
        justify-content: initial;
    }

    footer .f-middle {
        position: relative;
        padding: 20px 0;
    }

    header .btn-contact {
        height: 42px;
    }

    .transgulf-swiper-nav .swiper-pagination-bullet {
        width: 100%;
    }

    .transgulf-swiper-pagination .swiper-pagination {
        padding: 0 15px !important;
    }

    .transgulf-swiper-pagination-current {
        width: 100%;
    }

    .transgulf-accordion-widget .accordion-item.active .accordion-content {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }

    .transgulf-accordion-widget .accordion-content .image {
        margin-bottom: 0;
    }

    .transgulf-accordion-widget .title .number {
        top: 50%;
        transform: translateY(-50%);
    }

    .transgulf-accordion-widget .title strong {
        font-size: 24px;
        line-height: 1.2;
    }

    .transgulf-accordion-widget .subtitle {
        font-size: 18px;
        line-height: 1.2;
    }

    .transgulf-hover-accordion .transgulf-hover-accordion-item {
        width: calc(100%);
    }

    .transgulf-hover-accordion-item:hover {
        min-width: 100%;
    }

    .transgulf-hover-accordion-item:hover .transgulf-hover-accordion-text {
        width: 100%;
    }

    .transgulf-accordion-expand .transgulf-accordion-expand-item {
        width: 100%;
    }

    .location-box p, .location-box p a {
        font-size: 15px;
    }

    .popup-content {
        padding: 30px 15px;
        padding-bottom: 20px;
    }

    .popup-content .wpcf7-form .cf7-row p {
        display: block !important;
        margin-bottom: 15px;
    }

    .popup-content .wpcf7-form input, .popup-content .wpcf7-form textarea {
        height: 42px;
    }

    .popup-content .wpcf7-form .cf7-two-columns .cf7-submit-row input {
        margin-top: 20px;
    }

    .popup-content .wpcf7-form .cf7-two-columns .cf7-row p span.wpcf7-form-control-wrap:first-child {
        margin-bottom: 15px;
        display: block;
    }

    .transgulf-hover-accordion.swiper .transgulf-hover-accordion-item .transgulf-hover-accordion-text {
        width: 100%;
    }
}

@media screen and (max-width: 560px) {
    .location-box {
        width: 100%;
        top: 0;
        padding: 10px;
        position: relative;
    }

}