/* Responsive */



@media (max-width: 1399px) {}



@media (max-width: 1199px) {}



@media (max-width: 991px) {

    /* team-buiding */

    .team-buiding .wrap-content {

        margin-top: 30px;

    }

    /* section-service-two  */

    .section-service-two .title {

        font-size: 28px;

    }



    .footer {

        height: auto;

    }


    .footer-info .item {

        max-width: 100%;

        padding: 10px 0;

    }



    .footer-bottom .box-item {

        display: block;

    }



    .footer-bottom .box-item .item {

        width: 100%;

        display: flex;

        justify-content: center;

    }

    /* Menu Mobile */
    .header .icon-menu {
        display: block;
        margin-left: 12px;
    }

    .header .main-menu {
        display: none !important;
    }

    .menu-mobile {
        display: block;
        background-color: white;
        z-index: 1000;
        width: 50%;
        height: 100vh;
        padding: 20px;
        position: fixed;
        top: 0px;
        left: 0px;
        -webkit-box-shadow: 0 10px 30px 0 rgb(0 0 0 / 10%);
        box-shadow: 0 10px 30px 0 rgb(0 0 0 / 10%);
        transform: translateX(-100%);
        transition: all 300ms;
    }

    .menu-mobile.open {
        transform: translateX(0%);
        opacity: 1;
        visibility: visible;
    }

    .menu-mobile ul.main-menu {
        display: flex;
        flex-direction: column;
        align-items: flex-start !important;
    }

    .menu-mobile ul.main-menu a {
        display: block;
        padding: 10px 0px;
        color: var(--black-color);
        font-size: 20px;
    }

    .menu-mobile ul.main-menu .menu-item.menu-item-has-children a {
        width: 85%;
    }

    .menu-mobile .main-menu .menu-item {
        width: 100%;
        border-bottom: 1px dashed;
    }

    .menu-mobile .main-menu .menu-item.active>a {
        border-bottom: 1px dashed;
    }

    .menu-mobile .main-menu .menu-item.active,
    .main-menu .sub-menu>li:not(:last-child) a {
        border-bottom: unset;
    }

    .menu-mobile .main-menu .menu-item.menu-item-has-children::before {
        content: "";
        position: absolute;
        top: 15px;
        right: 10px;
        transform: rotate(-90deg);
        background: url("../images/left-arrow.png") no-repeat;
        background-size: cover;
        background-position: center;
        width: 15px;
        height: 15px;
        filter: invert(1);
        transition: all 300ms;
    }

    .menu-mobile .main-menu .menu-item.active::before {
        transform: rotate(90deg);
    }

    .menu-mobile .main-menu .menu-item .sub-menu {
        display: none;
        padding-left: 30px;
    }

    #over_mobile {
        position: absolute;
        background-color: #00000080;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        z-index: 999;
        transform: scale(0);
        opacity: 0;
        visibility: hidden;
        transition: all 300ms;
    }

    #over_mobile.open {
        transform: scale(1);
        opacity: 1;
        visibility: visible;
    }

    .section-banner,
    .section-slider img {
        height: 37vh;
    }

    .section-banner .btn-wrap {
        width: 65%;
    }

    .reason .reason-bottom {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .customer-review .item-top .desc {
        width: 100%;
    }

    .customer-review .item-top .desc br {
        display: none;
    }

    .client .client__button--left,
    .client .client__button--right,
    .out_partner .partner__button--left,
    .out_partner .partner__button--right {
        display: none !important;
    }

    .customer-review .item-bottom ul {
        flex-direction: column;
    }

    .customer-review .item-bottom ul li {
        margin: 10px 0;
    }

    .section-banner .video-background video {
        transform: translate(-50%, -50%) scale(0.5);
    }

    .out_partner .img-wrap img {
        margin: 0px auto;
    }

    .banner-tour .inner-content .content {
        width: 90%;
    }

    .banner-tour .inner-content {
        height: 30vh;
    }

    .footer .footer-title {}

    .footer .wrap-info {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .footer .wrap-info .item {
        max-width: 100%;
        margin: 0px auto 24px;
    }

    .footer .wrap-info .item:not(:first-child) {
        margin-top: 0px;
    }

    .counter-section .item .text {
        font-size: 18px;
    }

    .popup_cta-contact .img_popup {
        margin-bottom: 20px;
    }

    .footer ul.teambuilding-menu {
        margin-bottom: 24px;
    }
}


@media (max-width: 767px) {

    /* section-service-two  */

    .section-service-two .item .wrap-img img {

        max-width: 100%;
        filter: unset;
    }

    /* out_partner */

    .out_partner .title {

        font-size: 28px;

    }

    /* client */

    .client .title {

        font-size: 28px;

    }



    .client .slide-logo .item {

        height: auto;

    }



    .client .client__button--right {

        right: 23px;

    }



    .client .client__button--left,

    .client .client__button--right,

    .out_partner .partner__button--left,

    .out_partner .partner__button--right {

        display: none;
    }

    .new .list-item-new {
        margin-bottom: 20px;
    }

    .coppyright .desc {
        font-size: 14px;
    }

    .header {
        padding: 10px 0px;
    }

    .header .logo img {
        height: 55px;
    }

    .header .icon-menu {
        width: 35px;
    }

    /* .section-banner .banner-content, */
    .section-banner .banner-content .btn-wrap,
    .section-about .wrap-img,
    .counter-section>svg {
        display: none;
    }

    .menu-mobile {
        width: 75%;
    }

    .menu-mobile ul.main-menu a {
        font-size: 18px;
    }

    .section-title {
        padding: 40px 0px;
    }

    .section-main.single .title {
        font-size: 26px;
    }

    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0.75rem 0px;
    }

    .section-banner .banner-content {
        width: 100%;
    }

    .section-banner .banner-content h1 {
        word-break: keep-all;
        word-wrap: break-word;
        margin: 0px;
    }

    .section-banner .banner-content h1 span {
        font-size: 30px !important;
    }

    .section-banner .banner-content h1 p>span:last-child {
        font-size: 22px !important;
    }

    .section-slider img {
        height: 28vh;
    }

    .section-banner .video-background video {
        transform: translate(-50%, -50%) scale(0.25);
    }

    .section-feedback .main__title .desc {
        max-width: 100%;
    }

    .section-feedback .details {
        flex-direction: column;
        align-items: center;
    }

    .section-feedback .item .thumb {
        margin: 0px 0px 12px;
    }

    .section-feedback .details .content {
        width: 100%;
    }

    .section-feedback .details .content .rating {
        justify-content: center;
    }

    .section-feedback .details .content .feedback {
        text-align: justify;
    }

    .counter-section {
        padding: 50px 0px;
    }

    .banner-tour .inner-content .content {
        width: 100%;
    }

    .banner-tour .inner-content .content h1.title {
        font-size: 22px;
    }

    .section-tour .gallery img {
        height: 220px;
    }

    .section-tour .list-info .item {
        width: calc(50% - 6px);
    }

    .section-tour .list-info .item .content {
        text-align: center;
    }

    .section-banner {
        height: 34vh;
    }

    @keyframes zoom_text {
        25% {
            transform: translate(-50%, -50%) scale(100%);
        }

        50% {
            transform: translate(-50%, -50%) scale(100%);
        }

        75% {
            transform: translate(-50%, -50%) scale(100%);
        }
    }

    .popup_cta-contact {
        width: 90%;
        z-index: 99999;
    }

    .popup_cta-contact .content_popup form input[type="text"] {
        width: 100%;
    }

    .new .list-item-new .item .thumbnail-post {
        max-width: 30%;
        margin-right: 10px;
    }
}

@media (max-width: 650px) {
    .section-banner .video-background video {
        transform: translate(-50%, -50%) scale(0.23);
    }
}



@media (max-width: 574px) {}