/****** Responsive *********************/
@media (min-width: 480px) {
    .container {
        max-width: calc(var(--unit) * 1094);
        margin: auto;
    }

    .main-home .container {
        max-width: calc(var(--unit) * 1310);
        margin: auto;
    }
}

@media (max-width: 480px) {

    :root {
        --unit: 0.24132vw;
    }

    .container {
        width: initial;
        display: block !important;
        padding-right: calc(var(--unit) * 30);
        padding-left: calc(var(--unit) * 30);
    }

    .section-title {
        font-size: calc(var(--unit) * 30);
        line-height: calc(var(--unit) * 40);
    }

    /****** Menu mobile *********************/

    .menu-mobile {
        position: fixed;
        top: 0;
        bottom: 0;
        transition: 0.5s all ease-in-out;
        right: -100%;
        width: 100%;
        background: #1A1A1A;
        display: flex;
        padding: calc(var(--unit) * 30);
        z-index: 999999999;
        box-sizing: border-box;
    }

    .menu-mobile.open {
        right: 0;
    }

    .menu-mobile .menu-mobile-close {
        background: transparent;
        border: none;
        position: absolute;
        right: calc(var(--unit) * 20);
        top: calc(var(--unit) * 20);
    }

    .menu-mobile .menu-mobile-close img {
        width: calc(var(--unit) * 30);
        height: calc(var(--unit) * 30);
    }

    .menu-mobile .menu-mobile-nav {
        width: 100%;
        justify-content: center;
        display: flex;
        align-items: center;
    }

    .menu-mobile .menu-mobile-nav ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .menu-mobile .menu-mobile-nav a {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-size: calc(var(--unit) * 32);
        line-height: calc(var(--unit) * 43);
        display: block;
        margin-bottom: calc(var(--unit) * 44);
        text-align: center;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: #FFFFFF;
        text-decoration: none;
    }

    .menu-mobile .header-contact {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: calc(var(--unit) * 80);
        padding: 0 calc(var(--unit) * 35);
        background: #C0A991;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
    }

    .menu-mobile .header-contact a {
        font-size: calc(var(--unit) * 20);
        margin: 0;
    }

    /****** End Menu mobile *********************/

    /****** Header *********************/

    .header {
        padding-left: calc(var(--unit) * 20);
        padding-right: calc(var(--unit) * 20);
    }

    .header .header-nav {
        display: none;
    }

    .header .menu-mobile-open {
        display: block;
        background: transparent;
        border: none;
    }

    .header .menu-mobile-open img {
        width: calc(var(--unit) * 40);
        height: calc(var(--unit) * 40);
    }

    /****** End Header *********************/

    /****** footer *********************/
    .footer .top-footer {
        display: block;
    }

    .footer .top-footer .footer-col1 {
        width: 100%;
        margin-bottom: calc(var(--unit) * 40);
    }

    .footer .top-footer .footer-col2 {
        width: 100%;
    }

    .footer .bottom-footer {
        display: block;
    }

    .footer .bottom-footer-nav {
        margin-bottom: calc(var(--unit) * 40);
    }

    /****** End footer *********************/

    /****** Home *********************/

    .home-banner .home-banner-title {
        font-size: calc(var(--unit) * 46);
        line-height: calc(var(--unit) * 68);
        margin-bottom: calc(var(--unit) * 20);
    }

    .home-section1 {
        background-size: 180%;
        background-position: top left;
        padding-top: calc(var(--unit) * 300);
        padding-bottom: calc(var(--unit) * 30);
        background-repeat: no-repeat;
    }

    .home-section1 .section-content {
        padding: calc(var(--unit) * 80) 0;
        width: 100%;
    }

    .home-section2 {
        padding: 0;
    }

    .home-section2 .section-img {
        order: 0;
        width: initial;
        min-width: initial;
        height: calc(var(--unit) * 364);
        margin-left: calc(var(--unit) * -30);
        margin-right: calc(var(--unit) * -30);
    }

    .home-section2 .section-content {
        padding: calc(var(--unit) * 80) 0;
    }

    .home-section3 .home-section3-slider-container {
        padding-right: 0;
        position: relative;
        min-width: initial;
        height: calc(var(--unit) * 480);
    }

    .home-section3 .home-section3-slider-container::before {
        content: "";
        width: calc(var(--unit) * 110);
        background: #C9A876;
        position: absolute;
        right: calc(var(--unit) * -30);
        top: 0;
        bottom: 0;
    }

    .home-section3 .home-section3-slider {
        width: 100%;
    }

    .home-section3 .home-section3-slider .home-section3-item {
        width: 100%;
        height: calc(var(--unit) * 210);
    }

    .home-section3 .section-content {
        padding: calc(var(--unit) * 80) 0;
    }

    .home-section3 .section-desc {
        margin-bottom: calc(var(--unit) * 40);
    }

    .home-section3 .home-section3-btn-container .home-section3-btn {
        margin: calc(var(--unit) * 18) 0;
    }

    .home-section4 .section-content {
        padding-right: 0;
    }

    .home-section4 .section-img {
        width: initial;
        min-width: initial;
        height: calc(var(--unit) * 364);
        margin-left: calc(var(--unit) * -30);
        margin-right: calc(var(--unit) * -30);
    }

    .home-section4 .section-content {
        padding: calc(var(--unit) * 80) 0;
    }

    .home-section5 .container {
        display: block;
        align-items: center;
    }

    .home-section5 .section-img {
        width: initial;
        min-width: initial;
        height: calc(var(--unit) * 364);
        margin-left: calc(var(--unit) * -30);
        margin-right: calc(var(--unit) * -30);
    }

    .home-section5 .section-content {
        padding: calc(var(--unit) * 80) 0;
    }

    .home-section6 {
        background-size: 180%;
        background-position: top right;
        padding-top: calc(var(--unit) * 300);
        padding-bottom: calc(var(--unit) * 30);
        background-repeat: no-repeat;
    }

    .home-section6 .container {
        height: initial;
    }

    .home-section6 .section-content {
        padding: calc(var(--unit) * 80) 0;
        width: initial;
    }

    .home-section7 {
        padding: calc(var(--unit) * 60) 0 0;
    }

    .home-section7 .section-img {
        width: initial;
        min-width: initial;
        height: calc(var(--unit) * 364);
        /* margin-left: calc(var(--unit) * -30);
        margin-right: calc(var(--unit) * -30); */
    }

    .home-section7 .section-content {
        padding: calc(var(--unit) * 80) 0;
    }

    .home-section9 .home-section9-header {
        display: block;
    }

    .home-section9 .home-section9-header .section-title {
        min-width: initial;
        margin-right: 0;
    }

    .home-section9 .home-section9-tab {
        display: block;
    }

    .home-section9 .home-section9-tabs-nav {
        display: block;
    }

    .home-section9 .home-section9-tabs-nav a {
        padding: 0;
        position: relative;
        display: block;
    }

    .home-section9 .home-section9-tab .tab-img {
        min-width: 100%;
        height: calc(var(--unit) * 250);
        background-size: cover;
        background-position: center;
        margin-left: initial;
        margin-top: calc(var(--unit) * 70);
    }

    .home-section10 {
        padding: calc(var(--unit) * 100) 0;
        height: initial;
    }

    /****** End Home *********************/

    .page-header {
        height: initial;
        padding: calc(var(--unit) * 50) calc(var(--unit) * 20);
    }

    .page-header .page-header-title {
        font-size: calc(var(--unit) * 38);
        line-height: calc(var(--unit) * 57);
        margin-bottom: calc(var(--unit) * 20);
    }

    .page-header .page-header-sub-title {
        font-size: calc(var(--unit) * 20);
        line-height: calc(var(--unit) * 30);
        padding: 0 calc(var(--unit) * 30);
    }

    /****** Services *********************/

    .service-section .container {
        padding: calc(var(--unit) * 80) calc(var(--unit) * 30);
    }

    .service-section .service-image {
        min-width: initial;
        height: calc(var(--unit) * 375);
        margin-bottom: calc(var(--unit) * 60);
    }

    .service-section .service-title {
        font-size: calc(var(--unit) * 30);
        line-height: calc(var(--unit) * 40);
    }

    .service-section .service-image-container::before {
        content: "";
        width: calc(var(--unit) * 150);
        height: calc(var(--unit) * 426);
    }

    .services-intro .section-title {
        font-size: calc(var(--unit) * 22);
        line-height: calc(var(--unit) * 42);
    }

    .service-section .service-container {
        padding: 0;
    }

    /****** End Services *********************/

    /****** Single Services *********************/

    .single-service-section1 .section-content {
        padding-top: calc(var(--unit) * 75);
        padding-bottom: calc(var(--unit) * 75);
    }

    .single-service-section1 .section-img::before,
    .single-service-section1 .section-img::after {
        display: none;
    }

    .single-service-section1 .section-img {
        width: initial;
        min-width: initial;
        height: calc(var(--unit) * 364);
        margin-left: calc(var(--unit) * -30);
        margin-right: calc(var(--unit) * -30);
    }

    .single-service-section1 .section-content .section-title {
        font-size: calc(var(--unit) * 35);
        line-height: calc(var(--unit) * 45);
    }

    .single-service-section2 {
        padding: calc(var(--unit) * 80) 0;
    }

    .single-service-section3 .section-img-container {
        width: initial;
        min-width: initial;
    }

    .single-service-section3 .section-img {
        width: initial;
        min-width: initial;
        height: calc(var(--unit) * 364);
        margin-left: calc(var(--unit) * -30);
        margin-right: calc(var(--unit) * -30);
    }

    .single-service-section3 .section-content {
        padding: calc(var(--unit) * 80) 0;
    }

    .single-service-section4 .section-content {
        width: initial;
        margin-right: 0;
    }

    .single-service-section4 .single-service-slider {
        width: 100%;
        margin-top: calc(var(--unit) * 60);
    }

    .single-service-section4 .single-service-slider-content .single-service-slider-item {
        height: calc(var(--unit) * 160);
    }

    .single-service-section5 {
        padding: 0;
    }

    .single-service-section5 .section-img-container {
        width: initial;
        min-width: initial;
    }

    .single-service-section5 .section-img {
        width: initial;
        min-width: initial;
        height: calc(var(--unit) * 364);
        margin-left: calc(var(--unit) * -30);
        margin-right: calc(var(--unit) * -90);
    }

    .single-service-section5 .section-content {
        padding: calc(var(--unit) * 80) 0;
    }

    /****** End Single Services *********************/

    /****** blog *********************/
    .blog-item-container {
        width: 100%;
        margin-bottom: calc(var(--unit) * 75);
    }

    /****** End blog *********************/

    /****** contact *********************/

    .contact-info-container .container {
        padding: calc(var(--unit) * 80) calc(var(--unit) * 30) 0;
    }

    .contact-info-container::after {
        display: none;
    }

    .contact-info-container .contact-info .contact-info-title {
        font-size: calc(var(--unit) * 33);
        line-height: calc(var(--unit) * 50);
    }

    .contact-info-container .contact-img {
        width: initial;
        min-width: initial;
        height: calc(var(--unit) * 364);
        margin-left: calc(var(--unit) * -30);
        margin-right: calc(var(--unit) * -30);
        margin-top: calc(var(--unit) * 60);
    }

    /****** End contact *********************/

    /****** equipe *********************/

    .equipe-about .container {
        padding-right: calc(var(--unit) * 30);
        padding-left: calc(var(--unit) * 30);
    }

    .section-top-title {
        font-size: calc(var(--unit) * 20);
        line-height: calc(var(--unit) * 33);
    }

    .equipe-about .equipe-title {
        font-size: calc(var(--unit) * 30);
        line-height: calc(var(--unit) * 50);
    }

    .equipe-about .equipe-container {
        padding-right: 0;
    }

    .equipe-about .equipe-image {
        min-width: 100%;
        height: calc(var(--unit) * 479);
    }

    .equipe-section .equipe-section-items .equipe-section-item {
        width: 100%;
        padding: 0;
        margin-bottom: calc(var(--unit) * 40);
        text-align: center;
    }

    .equipe-about .equipe-image-container::before {
        content: "";
        width: calc(var(--unit) * 150);
        height: calc(var(--unit) * 340);
    }

    /****** End equipe *********************/

    /****** single post *********************/

    .main-single-post .single-post-title {
        font-size: calc(var(--unit) * 26);
        line-height: calc(var(--unit) * 46);
    }

    .main-single-post .single-post-image {
        width: 100%;
        height: calc(var(--unit) * 360);
    }

    /****** End single post *********************/

}