@media(min-width:1600px) {
    .container {
        max-width: 1600px;
    }
}

@media (min-width: 1200px) {


    li.menu-item-has-children>ul.sub-menu>li>ul.sub-menu {
        display: none !important;
    }

    li.menu-item-has-children>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu {
        /* second sub menu here  */
        display: none !important;
    }

    li.menu-item-has-children:hover ul.sub-menu {
        display: block !important;
    }

    li.menu-item-has-children>ul.sub-menu>li:hover ul.sub-menu {
        display: block !important;
    }

    li.menu-item-has-children>ul.sub-menu>li>ul.sub-menu>li:hover ul.sub-menu {
        display: block !important;
    }
}


@media(max-width:1600px) {

    :root {
        --fs-50: 45px;
        --fs-40: 35px;
        --lh-50: 46px;
        --fs-180: 145px;
        --fs-30: 21px;
        --fs-120: 90px;
    }


    ul.nav-list li a,
    ul.account-lists li a {
        font-size: 18px;
        line-height: normal;
    }

    ul.account-lists li a {
        padding: 11px 30px;
        line-height: normal;
    }

    .main-logo {
        max-width: 100px;
    }

    ul.sub-menu {
        width: 235px;
    }

    ul.nav-list,
    .nav-links {
        gap: 30px;
    }

    .homebanner-grid {
        min-height: 650px;
    }

    .lines {
        min-height: 479px;
    }

    .margin-top {
        margin-top: 84px;
    }


    .universal-anchor a {
        font-size: 18px;
        padding: 8px 10px;
    }

    .image-holderss {
        height: 335px;
    }

    section.whatwedo-sec {
        padding: 60px 0px;
    }

    .allabout-wedo {
        padding-top: 20px;
    }

    img.top-icon,
    img.bottom-icon {
        max-width: 40px;
    }

    .whatwedo-grid .family-potraits:nth-child(even) {
        margin-top: 60px;
    }

    .about-details .fs-50 {
        padding-bottom: 20px;
    }

    .about-details p {
        font-size: 20px;
        line-height: 32px;
    }

    .about-details {
        padding-top: 20px;
    }

    .about-images {
        max-width: 512px;
    }

    .grid-aboutbtns {
        padding: 50px 0px;
    }

    .collection-imagess {
        height: 382px;

    }

    .collection-holders {
        padding: 15px;
    }

    section.homecollection-sec {
        padding: 50px 0px;
    }

}

@media(max-width:1400px) {

    :root {
        --fs-50: 35px;
        --fs-40: 27px;
        --lh-50: 35px;
        --fs-180: 120px;
        --fs-30: 18px;
        --fs-120: 70px;
        --fs-22: 18px;
    }

    ul.nav-list {
        gap: 20px;
    }

    ul.nav-list li ul.sub-menu li {
        padding: 10px 10px 0px 10px;
    }

    ul.sub-menu {
        width: 265px;
    }


    ul.sub-menu {
        width: 200px;
    }

    ul.nav-list li a,
    ul.account-lists li a {
        font-size: 16px;
        line-height: normal;
    }

    ul.account-lists li a {
        padding: 10px 25px;
    }

    .homebanner-grid {
        min-height: 555px;
    }

    .lines {
        min-height: 370px;
    }

    .universal-anchor a {
        font-size: 16px;
        padding: 10px 10px;
        line-height: normal;
        min-width: 135px;
    }

    .video-holders {
        max-width: 190px;
        height: 120px;
    }

    .image-holderss {
        height: 312px;
    }

    .whatwedo-grid .family-potraits:nth-child(even) {
        margin-top: 40px;
    }

    .fs-40 {
        padding-bottom: 10px;
    }

    p {
        font-size: 16px;
        line-height: 24px;
    }

    section.whatwedo-sec {
        padding: 40px 0px;
    }

    img.top-icon,
    img.bottom-icon {
        max-width: 30px;
    }

    .whatwedo-grid {
        gap: 50px;
    }

    .about-details p {
        font-size: 18px;
        line-height: 28px;
    }

    .about-details .fs-50 {
        padding-bottom: 10px;
    }

    .grid-aboutbtns {
        padding: 40px 0px;
    }

    .about-images {
        max-width: 354px;
    }

    .about-details {
        max-width: 700px;
    }

    .collection-imagess {
        height: 336px;
    }

    .collection-holders p {
        font-size: 15px;
    }

}

@media(max-width:1199px) {

    :root {
        --fs-50: 30px;
        --fs-40: 25px;
        --lh-50: 34px;
        --fs-180: 70px;
        --fs-30: 18px;
        --fs-120: 60px;

    }

    .grid-headers {
        flex-direction: column;
        gap: 20px;
        align-items: start;
    }

    ul.nav-list {
        margin: 0;
        flex-direction: column;
        align-items: start;
        gap: 0px;
    }

    ul.nav-list li {
        padding: 5px 0px;
    }

    ul.nav-list li:last-child {
        border: none;
    }

    ul.nav-list li a {
        font-size: 16px;
    }

    ul.sub-menu,
    li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu {
        display: block;
        position: static;
    }

    .nav-links,
    ul.nav-list li {
        max-width: 100%;
        width: 100%;
    }

    ul.nav-list li ul.sub-menu li {
        padding: 0px;
        padding-bottom: 10px;
    }

    ul.sub-menu {
        display: none;
        flex-direction: column;
        gap: 8px;
        padding: 15px;
        margin: 10px 5px;
        height: auto !important;
        width: 95%;
    }


    .nav-links,
    .no-phone {
        display: none;
    }

    .nav-links {
        overflow: hidden;
        height: 80vh;
        overflow-y: scroll;
        animation: submenu 0.3s linear;
    }

    .no-phone {
        padding-top: 30px;
    }

    .menu-icon {
        display: block;
    }

    .mobile-grid {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        width: 100%;
    }

    li.menu-item-has-children::after {
        height: 10px;
        width: 10px;
        right: 10px;
        top: 10px;
    }

    li.menu-item-has-children {
        padding-right: 0px;
    }

    ul.nav-list li a {
        max-width: fit-content;
    }

    ul.account-lists {
        padding-top: 20px;
    }

    .lines {
        display: none;
    }

    /* .socialmedia-holders,.grid-buttonhome,.video-holders{
        position: static;
        transform: none;
    } */
    .socialmedia-holders {
        top: initial !important;
        bottom: 25px;
        top: initial;
    }




    .socialmedia-holders,
    .grid-buttonhome,
    .video-holders {
        top: initial;
        bottom: 20px;
    }

    .whatwedo-grid {
        gap: 30px;
    }

    .image-holderss {
        height: 282px;
    }

    img.top-icon,
    img.bottom-icon {
        max-width: 25px;
    }

    .center-data {
        padding-bottom: 30px;
    }

    .collection-imagess {
        height: 400px;
    }

    section.homecollection-sec {
        padding: 40px 0px;
    }
}

@media(max-width:991px) {
    ul.sub-menu {
        width: 92%;
    }

    video.video-overlays,
    img.psoters-images {
        position: static;
        height: 470px;
    }

    .homebanner-grid {
        min-height: auto;
        padding: 0;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        gap: 20px;
        position: relative;
        z-index: 111111;
        padding: 20px 0px 30px 0px;
    }

    ul.socialmedia-banner {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }


    .socialmedia-holders,
    .grid-buttonhome,
    .video-holders {
        position: static !important;
        transform: none !important;
        left: revert !important;
        top: revert !important;
        bottom: revert !important;
    }

    ul.socialmedia-banner,
    .grid-buttonhome,
    .video-holders {
        position: relative !important;
        z-index: 1;
    }

    .video-holders {
        margin: 0 auto;
    }

    .whatwedo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px;
    }

    .whatwedo-grid .family-potraits:nth-child(even) {
        margin-top: 0px;
    }

    section.whatwedo-sec {
        padding: 30px 0px;
    }

    .about-experience {
        justify-content: flex-start;
    }

    .about-details p {
        font-size: 16px;
        line-height: 24px;
    }

    .collection-holders {
        max-width: 299px;
        padding: 10px;
    }

    .custom-btns .swiper-button-next,
    .custom-btns .swiper-button-prev {
        height: 40px;
        width: 40px;
    }

}

@media(max-width:767px) {
    .main-logo {
        max-width: 85px;
    }

    .margin-top {
        margin-top: 73px;
    }

    .image-holderss {
        height: 225px;
    }

    .allabout-wedo {
        padding-top: 10px;
    }

    .grid-abouts {
        max-width: 100%;
        flex-direction: column;
        gap: 30px;
        padding: 30px 10px 0px 10px;
    }

    .about-images {
        max-width: 250px;
    }

        section.homecollection-sec {
        padding: 30px 0px;
    }


}


@media(max-width:575px) {
    ul.sub-menu {
        width: 86%;
    }

    .whatwedo-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .family-potraits {
        max-width: 250px;
    }

    .custom-btns .swiper-button-next,
    .custom-btns .swiper-button-prev {
        height: 30px;
        width: 30px;
    }

}