@media (min-width: 2560px) {
    .container {
        max-width: 1660px;
    }
    #virtual_4 .accordion-button {
        font-size: 32px;
    }
}
@media (min-width: 1921px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        width: 100%;
        /*padding-right: 3rem;
        padding-left: 3rem;*/
        margin-right: auto;
        margin-left: auto;
    }
    #home_projects .container-fluid {
        max-width: 1920px;
    }

    #header .logo{max-height:55px; max-width: 100%;}

    #projects-details .details {padding-left: 3rem}
    #projects-details  .details h1 {
        font-size: 70px;
        line-height: 78px;
    }

    header .text {
        font-size: 120px;
        line-height: 120px;
        bottom: 90px;
        left: 90px;
    }
    #home_mgx .heading p {
        font-size: 54px;
    }

    #home_mgx .details p {
        font-size: 18px;
    }

    .btn-white {font-size: 19px; height: 70px; line-height: 70px; padding: 0px 65px;}
    #home_avp h3 {font-size: 22px;  line-height: 28px;}
    #home_avp p {font-size: 17px; font-weight: 300; line-height: 22px;}
    #home_avp h2 {font-size: 68px; }
    #home_projects h2 { font-size: 68px;}

    #home_projects .project h3 { font-size: 24px; line-height: 26px; }
    #home_projects .project h3 span {line-height: 19px;}

    #service,#virtual,#contact,#team {
        height: 70vh;
    }

    #virtual_5 .col-12 p {
        font-size: 14px;
    }

    #message p {font-size: 16px;line-height: 32px;}
    #message:after {height: 60vh}

    #teams .t-member h2, #teams .t-member-sub h2 {font-size: 32px; line-height: 34px}
    #teams .t-member h2, #teams .t-member-sub span {font-size: 22px; line-height: 24px}

    footer .menus li {font-size: 18px;}
    footer .terms li {font-size: 14px;}
    footer .cptxt p { font-size: 14px;}
    footer .logo  img {max-height: 55px}
    footer .tel span {font-size: 23px}
    footer .smedia li {
        font-size: 24px;
        line-height: 45px;
        width: 45px;
        height: 45px;
    }

}
@media (min-width: 992px) {
    #virtual_2 .swiper-slide {
        width: unset !important;
    }
}
@media only screen and (max-width: 1919px) and (min-width: 1400px)  {
    #home_projects .project h3 {font-size: 18px; line-height: 16px}
}

@media (max-width: 1440px) {
    .directorsSwiper .swiper-slide img {height: 230px}
}

@media (max-width: 1399px) {
    #home_projects .project h3 {font-size: 16px; line-height: 14px}
}
@media (max-width: 1199px) {

    #home_projects .project h3 span {display: none}

    #contact-form .col-12 {padding-top: 30px; padding-bottom: 30px}
    #contact-form .darea {width: 90%; margin: auto}

    #home_projects .project h3 {font-size: 18px; line-height: 16px}

    #gallery {padding: 100px 0px;}
    #teams {padding: 100px 0px;}
    #news {padding: 100px 0px;}
    #contact {padding: 100px 0px;}
    #contact-form {padding: 0px 0px;}
    #services_1 {padding: 45px 0px;}
    #contact .h-title {
        text-align: unset;
        padding-right: unset;
    }
    #contact .h-title h1 {padding: 0; background-image:unset}
    #contact ul {
        margin: 0px;
    }

    #contact-form .h-title {text-align: unset; margin-bottom: 30px;}

    #projects h1 {font-size:38px; line-height:44px; margin: 30px 0px; }
    #gallery h1 {font-size:38px; line-height:44px; margin: 30px 0px; }
    #faq h1 {font-size:38px; line-height:44px; margin: 30px 0px; }

    #news h1 {font-size:38px; line-height:44px; margin: 30px 0px; }

    #teams h1 {font-size:38px; line-height:44px; margin: 30px 0px; }
    #teams .t-member {padding: 10px; margin-bottom: 50px; width: unset}
    #teams .t-member h2 {font-size:16px; line-height:28px; margin: 10px 0px 0px 0px; }
    #teams .t-member span {font-size:13px; line-height:24px; font-weight: 400 }

    #teams .t-member-sub {padding: 10px; width: unset; min-height: 230px }
    #teams .t-member-sub h2 {font-size:16px; line-height:28px; width: unset; margin:auto; margin-bottom:0px; padding: 0px 30px}
    #teams .t-member-sub span {font-size:13px; line-height:24px; }


    footer {padding: 30px}

    footer, footer .text-end {text-align: center !important;}
    footer .menus li {font-size: 14px}
    footer .terms li, footer .cptxt p {font-size: 13px}
}
@media (max-width: 991px) {

    .vh-50 {height: 50vh!important;}
    .vh-40 {height: 40vh!important;}

    .marker-inner {width: 0px; height: 0px; overflow: hidden}

    .modal-header .btn-close {right: 10px}
    .modal-body {padding: 1rem}
    .modal-footer {padding: 1rem}

    .ps-unset {padding-left: calc(var(--bs-gutter-x) * .5) !important;}
    .pes-5 {
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
    }
    .pes-3 {
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
    }


    .go-bottom {
        bottom: 10px;
        right: calc(50% - 22px);
        width: 35px;
        height: 35px;
        padding: 8px;
       font-size: 10px;
    }

    .go-bottom i {
        font-size: 15px;
    }

    .btn-white {
        height: 50px;
        line-height: 50px;
        padding: 0px 30px;
    }

    .btn-black {
        width: 100%;
        padding: 0px 30px;
        text-align: center;
    }

    #header .logo {max-height: 35px}

    header {
        height: 50vh !important;
    }

    /*header .swiper-container {
        height: 60vh !important;
    }*/

    #bg-studio header {
        position: relative;
        background-color: #000;
    }

    #bg-studio header .main-swiper {
        top: unset; bottom: 0;
    }

    header .text {
        bottom: 20px;
        left: 20px;
        font-size: 32px;
        line-height: 36px;
        font-weight: 600;
    }
    header .text span {
        -webkit-text-stroke-width: 0.6px;
    }

    #home_mgx {
        padding: 100px 0px 60px 0px;
    }
    #home_mgx .heading p {
        font-size: 20px;
        margin-top:0.5rem;
        margin-bottom:0.5rem;
        line-height: 26px;
    }
    #home_mgx .heading br {
        display: none;
    }
    #home_mgx .details {
        padding-top: 10px;
    }
    #home_mgx .details p {
        text-align: unset;
    }

    #home_avp {padding: 30px 0px}
    #home_avp .avp{padding: 0px}
    #home_avp h2 {font-size: 44px; line-height: 38px;}
    #home_avp .avp:hover .icon, #home_avp .active .icon, #home_avp .avp:hover h3 {border-radius: 300px; background-color: unset; color:#000}
    #home_avp h3 {font-size: 24px;line-height: 28px; margin:0px;}
    #home_avp p {font-size: 18px;line-height: 24px; display: none}
    #home_avp .avp:hover::before {content: unset}
    #home_avp .avp .icon {
        padding: 37px 37px 20px 37px;
    }

    .bal-container {
        height: 40vh !important;
    }
    .carousel-control-next-icon, .carousel-control-prev-icon {
        width: 1rem;
        height: 1rem;
    }
    .carousel-control-next, .carousel-control-prev {
        padding: 10px 15px 5px 10px
    }
    #home_ba .ccontrol {
        margin-top: -40px;
        text-align: end !important;
    }

    #home_projects {padding: 30px 0px}
    #home_projects h2 {font-size: 44px; line-height: 38px;margin: 0px 0px 50px 0px;}

    #gallery .container {max-width: unset}
    #teams .container {max-width: unset}
    #news .container {max-width: unset}

    #virtual .h-title h1 {font-size: 24px; line-height: 36px}
    #virtual_1,#virtual_2,#virtual_3,#virtual_4,#virtual_5,#virtual_6 {padding: 60px 0px}
    #studio_1,#studio_2 {padding: 60px 0px}
    #studio_1 h1, #studio_2 h1 {font-size: 26px; line-height: 30px}

    #virtual_5 .col-6, #virtual_6 .col-4 {min-height: 220px}
    #virtual_5 .logo, #virtual_6 .logo {

        top: 50%;
        left: 20%;
        transform: translate(-13%,-50%);

        max-width: 100%;
    }

    #virtual_5 .col-6 p, #virtual_6 .col-4 p {
        font-size: 12px;
    }

    #virtual_6 .col-4 img {max-width: 75%;}

    .virtualGaleri .swiper-slide {display: block}
    .virtualGaleri .swiper-wrapper {position: unset}
    .virtualGaleri .swiper-slide img{
        max-height: 300px;
        width: 100%;
        object-fit:unset;
    }
    .virtualGaleri .swiper-slide .details p { height: 130px; overflow: hidden}
    .virtualGaleri .swiper-slide .details{
        position: unset;
        width: 100%;
        padding: 15px;
    }

    #virtual_2 .vnav {margin-top: 1rem !important;}


    #service .h-title h1 {font-size: 24px; line-height: 36px}

    #services_1 ul li {width: 100%}
    #services_2 h2 {font-size: 18px; line-height: 18px; margin-top: 10px}
    #services_2 h2:after {
        border-top: 3px solid #000;
        margin-top: 2px;
    }

    #message {padding: 100px 0px 100px 0px;}
    #message h2 {font-size: 24px; line-height: 36px}
    #message .ps-4 {padding-left: calc(var(--bs-gutter-x) * .5) !important;}

    #message:after {display: none}

    footer {padding: 30px 10px;}
    footer .logo, footer .menus, footer .tel {margin-bottom: 30px}

    .vh-60 {height: 60vh!important;}
    .vh-50 {height: 50vh!important;}
    .vh-40 {height: 40vh!important;}

    #studio_2 .mt-5 {
        margin-top: 0px !important;
        padding-top: 0px !important;
    }
}
@media (max-width: 767px) {
    .directorsSwiper .swiper-slide img {border: unset; border-radius: 10px}
}
@media (max-width: 575px) {

    .directorsSwiper .swiper-slide img {height: unset}

    .bg-team, .bg-contact {background-size: unset}
    .bg-service, .bg-virtual   {background: #000;}
    #bg-projects-details {background: #000;}
    #virtual, #service {height: 60vh}

    #home_avp {padding: 30px 0px}
    #home_avp h2 {font-size: 32px; line-height: 36px;}
    #home_avp .avp:hover .icon, #home_avp .active .icon {border-radius: 300px;}
    #home_avp .avp .icon { padding: 37px}

    #home_avp h3 {font-size: 14px;line-height: 16px;font-weight: 600;}
    #home_avp p {font-size: 12px;line-height: 14px;}

    #virtual_1 ul li {font-size:14px; padding: 0px;}
    #virtual_2 h2 {font-size: 26px;line-height: 30px;}

    #virtual_3 {padding: 30px 0px}
    #virtual_3 img {padding: 0px 30px}
    #virtual_3 .details {padding: 30px; position:unset}
    #virtual_3 .details h2 {font-size: 26px;line-height: 30px;}
    #virtual_3 .details:before {width: 55%; height: 38%}

    #virtual_4 {padding: 0px; background-image: unset; background-color: #000 }
    #virtual_4 .col-12 { padding: 0px }
    #virtual_4 .accordion-button {font-size: 16px; line-height: 20px;}
    #virtual_4 .accordion-button::after {padding-left: 30px}


    #virtual_6 .justify-content-center h2 {font-size: 26px;line-height: 30px;}
    #virtual_6 .cnt {padding-top: 60px; padding-bottom: 60px; padding-right: calc(var(--bs-gutter-x) * .5);padding-left: calc(var(--bs-gutter-x) * .5);}

    #message {padding: 100px 0px 100px 0px;}
    #bg-message {
        background-position: top center;
    }

    #contact-form .bg-dark{ padding-top: 100px}
    #contact-form .h-title h1 {}

    #projects {padding: 100px 0px 100px 0px;}
    #projects .p-item .p-item-desc {
        left: 0px; right: 0px;
        transform: translate(0, -50%);
        padding:0px 10px;
    }

    #projects .btn, #gallery .btn {--bs-btn-padding-x:0.375rem}

    #projects .p-item .p-item-desc h2 {font-size: 18px}
    #projects .p-item .p-item-desc span {font-size: 14px}

    .mySwiper2 {height: 50% !important;}


    #projects-details .pes-5 {padding: 0px !important;}

    #projects-details .details h1 {font-size: 40px; line-height: 50px}
    #projects-details .details span {font-size: 24px}

    #projects-details .details .imgs img {max-height: 30px}
    #projects-details .details p {color: #999}
    #projects-details .details .oh p {color: #fff}


}