/*-------------------------------*/
/*  HEADER */
/*-------------------------------*/
@media screen and (max-width: 991px) {
    header.enl-header {
        padding: 0;
    }

    header .enl-header-container {
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        background: #00000070;
        padding: 5px 0 20px 0 !important;
    }

    .enl-menu-container {
        position: relative;
    }

    button.navbar-toggler {
        border: none !important;
        outline: none !important;
        padding: 2px 5px 4px;
        position: relative;
        margin-top: -45px;
        height: 35px;
        right: -20px;
        float: right;
        width: 40px;
    }

    .enl-menu-wrapper.menu-wrapper {
        box-shadow: 0 1px 5px 0 rgb(0 0 0 / 28%);
        margin-left: -50vw;
        position: absolute;
        background: #fff;
        margin-top: 0;
        display: block;
        width: 100vw;
        left: 50%;
        top: 20px;
    }

    span.navbar-toggler-icon {
        height: 3px;
        position: absolute;
        right: 0;
        left: 0;
        margin: 0 auto;
        background: #fff;
        width: 65%;
    }

    span.navbar-toggler-icon:before {
        background: #fff;
        position: absolute;
        margin: 0 auto;
        bottom: -8px;
        content: '';
        height: 3px;
        right: 0;
        left: 0;
    }

    span.navbar-toggler-icon:after {
        background: #fff;
        position: absolute;
        margin: 0 auto;
        content: '';
        height: 3px;
        top: -8px;
        right: 0;
        left: 0;
    }

    nav.navbar.navbar-expand-lg {
        justify-content: center;
    }

    .enl-menu-container ul.nav.navbar-nav {
        text-align: center;
        padding: 50px;
    }

    .enl-menu-container ul.nav.navbar-nav>li {
        margin-bottom: 30px
    }

    .enl-menu-container ul.nav.navbar-nav>li>a {
        color: #7A6B5B !important;
        font-size: 20px;
    }

    .enl-menu-container .navbar-collapse>ul>li:not(:last-child) {
        margin-right: 0;
    }

    .language-selector {
        position: absolute;
        margin-left: 0;
        top: 5px;
        left: -15px;
    }

    .desktop-selector {
        display: none;
    }

    .mobile-selector {
        display: block !important;
    }

    .enl-logo,
    .inner-header-logo {
        max-width: 125px;
    }

    .enl-menu-wrapper li:hover ul.dropdown-menu {
        background: transparent;
        text-align: center;
        border: none;
        width: 100%;
    }

    .enl-menu-wrapper .navbar-collapse>ul>li>a::after {
        background-color: #7A6B5B !important;
    }

    .enl-menu-wrapper li:hover ul.dropdown-menu li a {
        color: #7A6B5B;
    }

    ul.language-dropdown-menu {
        margin-left: 0;
    }

    .menu-active .entry-content {
        position: relative;
        z-index: -1;
    }

    .enl-inner-header button.navbar-toggler {
        margin-top: -40px;
    }

    .enl-inner-header .language-selector {
        top: 8px;
    }

    .top-header-wrapper>.enl-widthcontainer {
        max-width: inherit !important;
        padding: 0 25px;
    }

    .menu-active .page-banner-btn {
        z-index: 0;
    }

    .enl-top-header {
        margin-bottom: 25px;
    }
    .menu-top-header-menu-container, .menu-top-header-menu-en-container {
        display: flex;
        position: initial;
        justify-content: center;
    }
    header.fixed-header .enl-header-container {
        padding: 5px 0 20px 0;
    }
}

/*-------------------------------*/
/*  FOOTER */
/*-------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .col-footer-menu {
        display: none !important;
    }

    .footer-about-description {
        padding-top: 5px;
    }

    .footer-subscibe {
        padding-top: 20px;
    }

    .susbcribe-form_wrapper .gform_footer input[type="submit"] {
        width: 110px;
        font-size: 12px;
    }

    .copyright-container {
        padding: 40px 0 15px;
    }

    .social-media {
        position: relative;
        top: -40px;
    }

    .susbcribe-form_wrapper .gform_footer {
        position: inherit;
        margin: 40px 0 0 !important;
    }

    .susbcribe-form_wrapper.gform_wrapper.gravity-theme .gform_fields {
        grid-row-gap: 2px;
    }

    .susbcribe-form_wrapper .ginput_container_email {
        margin-bottom: 30px;
    }

    .susbcribe-form_wrapper .ginput_recaptcha {
        margin-top: 30px;
    }

    .backlink-row {
        padding-top: 20px;
    }

    .footer-container {
        padding: 65px 0 20px;
    }

    .backlink-row ul li {
        border-right: none;
    }

    #input_1_4 iframe {
        -webkit-transform: scale(0.7);
        -webkit-transform-origin: 0 0;
        transform: scale(0.7);
        transform-origin: 0 0;
    }
}

/*-------------------------------*/
/*   NOS VALEURS */
/*-------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .nos-valeurs-banner-container {
        padding-left: 15px;
    }

    .nos-valeurs-banner-container .row {
        flex-direction: column-reverse;
        position: relative;
        z-index: -1;
    }

    .valeurs-content-wrapper {
        padding: 120px 0 50px;
    }

    .nos-valeurs-banner-container .col-md-8 {
        padding-left: 0;
    }

    .right-img {
        width: 100%;
        float: inherit;
        height: 400px;
    }

    .small-img {
        padding-right: 0;
        max-width: 300px;
        margin: 0 auto;
        bottom: -70px;
        right: 0;
        left: 0;
    }

    .small-img:after {
        height: 180px;
        width: 180px;
        right: -15px;
    }

    .about-us-heading h2 {
        font-size: 60px;
    }

    .container-col.nos-valeurs-container {
        padding: 40px 0 70px;
        max-width: 100%;
    }

    .flex-row-content .icon-holder {
        margin-right: 15px;
        width: 60px;
    }

    .container-col.nos-valeurs-container .col {
        width: 100% !important;
        float: inherit;
        padding: 0 25px;
    }

    .about-us-bottom-navigation i {
        font-size: 25px;
        top: 3px;
    }

    .about-us-bottom-navigation {
        padding: 0 15px 45px;
    }

    .previous-link i {
        margin-right: 20px;
    }

    .next-link i {
        margin-left: 20px;
    }

    .about-us-bottom-navigation a {
        font-size: 14px;
    }

    .nos-valeurs-row-content>.enl-container .vc_column-inner {
        max-width: 100% !important;
    }

    .pad-top-12vh {
        padding-top: 55px;
    }

}

/*-------------------------------*/
/*   NOTRE HISTOIRE */
/*-------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .notre-histoire-banner {
        padding-left: 25px;
        padding-bottom: 0;
        padding-right: 0;
        padding-top: 40px;
        height: 390px;
    }

    .notre-histoire-banner-text .about-us-heading h2 {
        font-size: 60px;
    }

    .popup-image-wrapper {
        height: 100%;
    }

    .popup-video-container {
        max-width: 300px;
        margin: 0 auto;
    }

    .popup-image-wrapper:after {
        height: 170px;
        width: 170px;
    }

    .notre-histoire-container .vc_row .wpb_column:last-child .vc_column-inner {
        padding-left: 0;
    }

    .notre-histoire-container>.vc_column-inner {
        padding-left: 0;
    }

    .scrollable-year {
        display: none;
    }

    .popup-video-container {
        position: relative;
        top: 35px;
    }

    .notre-histoire-timeline {
        margin-top: 160px;
    }

    .notre-histoire-banner-text .about-banner-text-desc {
        padding-top: 20px;
    }

    .notre-histoire-banner-text .about-banner-text-desc p {
        font-size: 20px;
    }

    .notre-histoire-timeline .timeline-item:nth-child(even) {
        width: 100%;
    }

    .timeline-midpoint {
        left: 0;
    }

    .notre-histoire-timeline:before {
        height: 100%;
        left: 0;
    }

    .notre-histoire-timeline .timeline-item:nth-child(even) .timeline-year {
        float: inherit;
    }

    .notre-histoire-timeline .timeline-item:nth-child(even) .timeline-year:before {
        right: inherit;
        left: -20px;
    }

    div#year-2005 .timeline-text {
        margin-left: 0;
        width: 100%;
    }

    .notre-histoire-timeline .timeline-item:nth-child(odd) {
        width: 100%;
        float: inherit;
    }

    div#year-2019 .timeline-text,
    div#year-2021 .timeline-text,
    div#year-2017 .timeline-text,
    div#year-2015 .timeline-text,
    div#year-2013 .timeline-text,
    div#year-2011 .timeline-text,
    div#year-2009 .timeline-text,
    div#year-2007 .timeline-text {
        margin-left: 0;
        width: 100%;
    }

    div#year-2018 .timeline-text,
    div#year-2020 .timeline-text,
    div#year-2012 .timeline-text,
    div#year-2014 .timeline-text {
        width: 100%;
    }

    .timeline-item {
        margin-left: 50px;
        margin-bottom: 50px;
        padding-right: 30px;
    }

    .histoire-bgimg .enl-container>.vc_column-inner {
        max-width: 100% !important;
    }

    .notre-histoire-container {
        max-width: 80%;
        margin: 0 auto;
    }

}

/*-------------------------------*/
/* CONTRUCTION DURABLE */
/*-------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .sustainability-innovation-banner .banner-slider-item {
        height: 580px !important;
    }

    .page-banner-text-wrapper {
        width: 100%;
        padding: 0 25px;
    }

    .sustainability-innovation-banner .page-banner-heading h2 {
        font-size: 55px;
        line-height: 60px;
    }

    .sustainability-innovation-banner .page-banner-subheading h3 {
        font-weight: 600;
        font-size: 30px;
    }

    .certification-leed-row {
        padding: 50px 25px 70px !important;
    }

    .certification-leed-row .enl-container>.vc_column-inner {
        padding-right: 15px;
        max-width: 100% !important;
    }

    .enl-subtitle-section h3 {
        font-size: 35px;
    }

    .certification-leed-bg .enl-subtitle-section h3 {
        font-size: 30px;
    }

    .certification-leed-bg .text-content-wrapper {
        max-width: 100%;
        padding: 20px 0;
    }

    .text-content-wrapper p {
        font-size: 14px;
    }

    .certificat-slider-row .vc_row {
        top: -75px;
    }

    .col-bg {
        padding-left: 25px !important;
    }

    .certificat-iso .wpb_column .col-bg {
        padding: 50px 25px;
    }

    .certificat-iso .section-content-wrapper {
        padding: 0 15px;
    }

    .terrain-agricoles-form.gform_wrapper .gform_fields {
        grid-row-gap: 0px;
    }

    .terrain-usage-commercial .page-banner-heading h2 br {
        display: none;
    }

    .terrain-usage-commercial .page-banner-heading h2 {
        font-size: 40px;
    }

    .terrain-usage-commercial .banner-slider-item {
        height: 500px !important;
    }

    .terrain-usage-commercial .page-banner-text-holder {
        padding-top: 0;
        display: flex;
        justify-content: center;
    }

    .implantez-activiter-moka-content .enl-heading h2 br {
        display: none;
    }

    .gage-qualite-icon .flex-row-content .enl-icon-box-container {
        display: block;
    }

    .gage-qualite-icon .icon-text-holder p {
        font-size: 14px;
        text-align: center;
    }

    .gage-qualite-icon .flex-row-content .icon-holder {
        width: 45px;
        margin: 0 auto;
    }

    .gage-qualite-row .enl-heading,
    .gage-qualite-text {
        text-align: center !important;
    }

    .lifestyle-container .slider-wrapper .slick-arrow {
        height: 250px;
        z-index: 1;
        top: 52px;
    }

    .lifestyle-container .slider-wrapper .slick-arrow i {
        color: #fff !important;
    }

    .lifestyle-container .slider-wrapper .slick-arrow.slick-prev {
        left: 15px;
    }

    .lifestyle-container .slider-wrapper .slick-arrow.slick-next {
        right: 15px;
    }

    .map-text-desc {
        padding-top: 75px;
    }
}

/*-------------------------------*/
/* INITIATIVE SMART */
/*-------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 767px) {

    .sustainability-innovation-banner .page-banner-text-wrapper {
        padding-top: 40px;
    }

    .mokamwad-title p {
        font-size: 28px;
        line-height: 45px;
    }

    .mokamwad-title {
        padding-top: 50px;
    }

    .domaines-dactivites-row {
        padding: 50px 0 20px;
    }

    .domaines-dactivites-row .enl-subtitle-section h3 {
        font-size: 28px;
    }

    .container-col.domaines-activites-container .col {
        width: 100% !important;
        float: inherit;
    }

    .domaines-activites-container .flex-row-content {
        margin-bottom: 20px;
    }

    .container-col.domaines-activites-container {
        overflow: hidden;
        padding-bottom: 40px;
    }

    .pad-12vh {
        padding: 60px 0;
    }

    .mobilite-douce-row .enl-container>.vc_column-inner {
        max-width: 100% !important;
    }

    .initiative-slider-container {
        padding: 0 30px;
    }

    .tri-dechets-container .col:first-child .initiative-num-item {
        padding-left: 0;
        float: inherit;
        width: 100%;
    }

    .container-col.tri-dechets-title {
        position: inherit;
    }

    .initiative-num-item:before {
        display: none;
    }

    .tri-dechets-container i {
        font-size: 35px;
        color: #fff;
    }

    .initiative-number-title h2 {
        font-size: 23px;
        font-weight: 700;
        line-height: 30px;
    }

    .initiative-text-desc p {
        font-size: 14px;
    }

    .tri-dechets-container button {
        position: absolute;
        bottom: 0;
    }

    .tri-dechets-container button.slick-next.slick-arrow {
        right: 25%;
    }

    .tri-dechets-container button.slick-prev.slick-arrow {
        left: 25%;
    }

    .container-col.tri-dechets-title .enl-heading h2 {
        font-size: 45px;
        line-height: 85px;
    }

    .container-col.tri-dechets-container {
        padding-top: 40px;
    }

    .initiative-energie-verte .col-bg {
        padding: 50px !important;
    }



}

/*-------------------------------*/
/* TECHNOLOGIES */
/*-------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .system-geo-row .text-content-wrapper {
        padding: 30px 0 45px;
        max-width: 100%;
        margin: 0 auto;
    }

    .building-information-row .enl-container>.vc_column-inner {
        max-width: 100% !important;
    }

    .building-information-row .enl-container>.vc_column-inner>.wpb_wrapper {
        padding: 0 45px 0 25px;
    }

    .plateform-iot {
        padding: 0 30px;
    }

    .plateform-iot .col-bg {
        padding: 40px 0;
    }

    .plateform-iot .section-content-wrapper {
        padding-bottom: 40px;
    }

    .section-title h3 {
        font-size: 35px;
    }

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

/*-------------------------------*/
/* MOKA */
/*-------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .moka-banner .page-banner-text-wrapper {
        padding-top: 60px;
    }

    .container-col.principe-urbanisarion-container .col {
        width: 100% !important;
        float: inherit;
    }

    .principe-urbanisarion-container .flex-row-content .enl-icon-box-container {
        display: block;
        text-align: center;
    }

    .principe-urbanisarion-container .flex-row-content .icon-holder {
        width: 60px;
        margin: 0 auto;
    }

    .principe-urbanisarion-container .flex-row-content .icon-text-holder {
        padding-right: 0;
        margin-left: 0;
        width: 100%;
    }

    .amenagement-planifier-row {
        height: 500px;
    }

    .voir-moka-masterplan-btn {
        position: absolute;
        bottom: 35px;
    }

    .block-item-holder {
        width: 100% !important;
    }

    .ville-vivante-row {
        padding: 50px 15px;
    }

    .ville-vivante-row .enl-subtitle-section h3 {
        font-size: 30px;
    }

    .ville-vivante-text {
        padding: 15px 0 30px;
        max-width: 100%;
    }

    .block-images-wrapper {
        padding-bottom: 70px;
    }

    .block-images-wrapper button {
        position: absolute;
        bottom: 0;
    }

    .block-images-wrapper button.slick-next.slick-arrow {
        right: 25%;
    }

    .block-images-wrapper button.slick-prev.slick-arrow {
        left: 25%;
    }

    .block-images-wrapper button i {
        font-size: 35px;
        color: #8ca95f;
    }

    .entreprendre-ville-text {
        max-width: 100%;
        margin: 0 auto;
        padding: 10px 0 45px;
    }

    .entreprendre-ville-slider .slider-wrapper {
        padding: 0;
    }

    .entreprendre-ville-slider .image-holder {
        height: 280px;
    }

    .entreprendre-ville-row {
        padding-bottom: 100px !important;
    }

    /* Savannah */
    .savannah-banner-slider .page-banner-heading h2 {
        font-size: 40px !important;
    }

    .savannah-banner-slider .page-banner-subheading h3 {
        font-size: 20px;
    }

    .savannah-banner-slider .page-banner-heading {
        padding-bottom: 15px !important;
    }

    .savannah-banner-slider .page-banner-subheading {
        padding-bottom: 5px !important;
    }

    .savannah-banner-slider .page-banner-text-holder {
        padding-top: 0;
    }

    .savannah-banner-slider .page-banner-text p {
        margin-bottom: 10px;
        line-height: 23px;
        font-size: 13px;
    }

    .savannah-banner-slider .page-banner-text {
        padding-bottom: 15px;
    }

    .savannah-banner-slider .banner-slider-item {
        height: 540px !important;
    }

    .savannah-banner-slider .small-btn a {
        padding: 10px 0;
        width: 200px;
    }

    .savannah-banner-slider .page-banner-text-wrapper {
        padding-top: 40px;
    }

    .savannah-banner-slider .page-banner ul.slick-dots {
        bottom: 35px;
    }

    .amenagement-planifier-row.savannah-masterplan-row {
        margin-bottom: 60px;
        margin-top: 130px;
        padding-top: 0;
        height: 185px;
    }

    .savannah-masterplan-row .enl-subtitle-section {
        margin-top: -90px;
    }

    .savannah-masterplan-row .enl-subtitle-section h3 {
        font-size: 30px;
    }

    .savannah-masterplan-row .voir-moka-masterplan-btn {
        bottom: -70px;
    }

    .ville-vivante-row .enl-subtitle-section h3 {
        margin-bottom: 20px;
        font-size: 30px;
    }

    .block-item-holder:before,
    .block-item-title {
        text-align: center;
        opacity: 1;
    }

    .block-item-title a {
        font-size: 25px;
    }
}

/*-------------------------------*/
/* NOS REALISATION */
/*-------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .nos-realisation-banner .banner-slider-item {
        height: 710px !important;
    }

    .nos-realisation-banner .page-banner-text-wrapper {
        top: 100px;
    }

    .nos-realisation-banner .page-banner-text-holder {
        padding-top: 100px;
    }

    .nos-realisation-top-slider .realisation-image {
        height: 250px;
    }

    .nos-realisation-top-slider .slider-wrapper .slick-arrow {
        height: 100%;
        z-index: 1;
    }

    .nos-realisation-top-slider .slider-wrapper .slick-arrow.slick-prev {
        left: 20px;
    }

    .nos-realisation-top-slider .slider-wrapper .slick-arrow.slick-next {
        right: 20px;
    }

    .nos-realisation-top-slider ul.slick-dots {
        bottom: -35px;
    }

    .nos-realisation-top-slider .enl-widthcontainer {
        max-width: 100% !important;
    }

    .enl-section-container.top-realisation-btn-container {
        margin-top: 60px !important;
    }

    .enl-section-container.top-realisation-btn-container {
        display: none;
    }

    .realisations-residences-container {
        padding-top: 45px;
    }

    .realisations-residences-container h2 {
        margin-bottom: 30px !important;
        font-size: 35px;
    }

    .realisations-residences-container>.vc_column-inner {
        margin-bottom: 70px;
        max-width: 100%;
        padding: 0 35px !important;
    }

    .residentiel-projets-block {
        margin-bottom: 0;
    }

    .decouvrir-nos-projets-container h2 {
        font-size: 26px;
    }

    .residentiel-projets-block p {
        font-size: 25px;
    }

    .residentiel-projets-block p {
        max-width: 100%;
        text-align: center;
    }

    .balise-heritage-container {
        max-width: 100%;
        padding: 0 15px;
    }

    .balise-heritage-container .slider-item-image img {
        min-height: 100%;
    }

    .balise-heritage-container .slider-item-image {
        height: 400px;
    }

    .balise-heritage-container .gallery-slider-wrapper {
        margin-bottom: 30px;
    }

    .heritage-villas-valriche {
        flex-direction: column-reverse;
    }

    .realisation-lotissement-residentiel-container>.vc_column-inner {
        max-width: 100%;
    }

    .realisation-lotissement-residentiel-container h2 {
        font-size: 30px;
    }

    .realisation-lotissement-residentiel-container {
        padding: 70px 25px !important;
    }

    .lotissement-residentiels-slider .realisation-image {
        height: 400px;
        margin: 0 15px;
    }

    .quelque-projets-title {
        padding-top: 20px;
    }

    .realisation-lotissement-residentiel-container p {
        font-size: 14px;
    }

    .realisations-lifestyles-projects-container {
        margin: 70px auto !important;
        max-width: 95%;
    }

    .lifestyles-projets-title h2 {
        margin-bottom: 30px !important;
    }

    .lifestyle-container {
        padding-top: 25px;
    }

    .lifestyle-container>.enl-widthcontainer {
        max-width: 100% !important;
    }

    .buildup-slider-text p,
    .buildup-slider-text p span {
        font-size: 14px !important;
        line-height: 23px;
    }

    .builtup-slider-title h3 {
        font-size: 20px;
    }

    .lifestyle-container .inner-slider-item {
        height: 250px;
    }

    .gallery-slider-wrapper .lifestyle-projects-slider .slick-arrow svg {
        width: 30px;
    }

    .gallery-slider-wrapper .lifestyle-projects-slider .slick-prev {
        left: -45px !important;
    }

    .gallery-slider-wrapper .lifestyle-projects-slider .slick-next {
        right: -45px !important;
    }

    .balise-heritage-container-titre p {
        font-size: 32px;
    }

    .construire-moka-content .enl-button-wrapper {
        margin-top: 60px;
    }
}

/*-------------------------------*/
/* NOS REALISATION */
/*-------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .construire-sa-maison-banner .enl-button a {
        width: 100%;
    }

    .construire-sa-maison-banner .page-banner-text-holder {
        display: flex;
    }

    .construire-sa-maison-banner .page-banner-text-wrapper {
        top: 0;
    }

    .construire-sa-maison-banner .enl-button a {
        padding: 12px 15px;
    }

    .construire-icon-container button i {
        color: #fff;
        font-size: 30px
    }

    .construire-icon-container button {
        position: absolute;
        height: 100%;
        top: 0;
    }

    .construire-icon-container button.slick-next.slick-arrow {
        right: -30px;
    }

    .construire-icon-container button.slick-prev.slick-arrow {
        left: -30px;
    }

    .container-col.construire-icon-container .col {
        width: 100% !important;
        float: inherit;
        margin-bottom: 0;
    }

    .construire-moka-content {
        padding: 60px 0 70px;
    }
}

/*-------------------------------*/
/* NOS REALISATION */
/*-------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .locations-content-container .enl-heading {
        padding: 50px 0;
    }

    .location-form-col {
        padding: 50px 30px !important;
        position: inherit !important;
        width: 100% !important;
        right: 0;
        top: 0;
    }

    .container-col.service-location-container {
        overflow: hidden;
        padding-top: 45px;
    }

    .service-location-container .flex-row-content .icon-holder {
        width: 50px;
        margin-right: 30px;
    }

    .locations-content-container .section-banner {
        height: 800px;
    }

    .locations-content-container .section-banner-text-wrapper {
        padding-bottom: 50px;
    }

    .locations-content-container .plans-grille-holder {
        margin-top: 30px;
    }

    .locations-content-container .voir-plus-listing-btn.enl-button a {
        padding: 8px 60px 10px;
    }
}

/*-------------------------------*/
/* NOS REALISATION */
/*-------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .features-holder .size-value {
        margin-left: 0;
    }

    .hp-locations-container .listing-item-holder {
        padding-top: 20px;
    }

    .latest-location-posts>.row {
        padding-bottom: 30px;
    }

    .latest-location-posts .slick-slider button {
        bottom: -20px;
    }

    .latest-location-posts .slick-slider button i {
        color: #8CA95F;
        font-size: 35px;
    }

    .latest-location-posts button.slick-next.slick-arrow {
        right: 25%;
    }

    .latest-location-posts button.slick-prev.slick-arrow {
        left: 25%;
    }

    .latest-location-posts .features-holder {
        overflow: hidden;
    }

    .latest-location-posts .features-holder ul {
        column-count: inherit;
    }

    .latest-location-posts .features-holder ul li {
        width: 50%;
        float: left;
        clear: unset;
        font-size: 12px;
        min-height: 45px;
        margin-bottom: 10px;
    }

    .features-holder ul li .latest-location-posts .plans-grille-holder {
        margin-top: 40px;
    }

    .desktop-hp-initiative-block {
        display: none !important;
    }

    .mobile-hp-initiative-block {
        display: block !important;
        padding-bottom: 50px;
    }

    .initiative-block-images button {
        bottom: -50px;
    }

    .initiative-block-images button.slick-prev.slick-arrow {
        left: 25%;
    }

    .initiative-block-images button.slick-next.slick-arrow {
        right: 25%;
    }

    .initiative-block-images button i {
        font-size: 30px;
        color: #7a6b5b;
    }

    .slider-container.a-propos-slider {
        padding-bottom: 40px;
    }

    .a-propos-slider .slider-wrapper .slick-arrow {
        z-index: 1;
        top: inherit;
        bottom: -80px;
    }

    .a-propos-slider .slider-wrapper .slick-arrow i {
        font-size: 25px;
    }

    .a-propos-slider .slider-wrapper .slick-arrow.slick-prev {
        left: 35%;
    }

    .a-propos-slider .slider-wrapper .slick-arrow.slick-next {
        right: 35%;
    }

    .entreprendre-ville-slider button.slick-arrow {
        z-index: 1;
        height: 100%;
    }

    .entreprendre-ville-slider button.slick-prev.slick-arrow {
        left: 25px;
    }

    .entreprendre-ville-slider .slider-wrapper .slick-arrow.slick-next {
        right: 25px;
    }

    .immobilier-professionel-banner .page-banner-text-wrapper.flex-start .page-banner-text-holder {
        display: flex;
        padding-top: 0;
    }

    .location-posts-row {
        padding-bottom: 50px;
    }

    .locations-content-container {
        padding-top: 35px;
    }

    .locations-content-container .enl-heading {
        padding-bottom: 35px;
    }

    .location-posts-row .slick-slider button {
        bottom: -40px;
    }

    .location-posts-row {
        margin-bottom: 15px;
    }

    .enl-promoteur-logo {
        padding-top: 40px;
        left: 15px;
    }

    .promoteurs-logo-wrapper {
        padding: 35px 0 75px;
    }

    .offre-residentielles-container {
        max-width: 90%;
    }

    .offre-residentielles-container .slick-slider button {
        height: inherit;
        top: inherit;
    }

    .offre-residentielles-container {
        padding-bottom: 50px;
    }

    .offre-residentielles-container .features-holder ul {
        column-count: inherit;
    }

    .offre-residentielles-container .features-holder ul li {
        width: 50%;
        float: left;
        clear: unset;
        font-size: 12px;
        min-height: 45px;
        margin-bottom: 10px;
    }

    .offre-residentielles-container .listing-content-wrapper .features-holder {
        min-height: auto;
    }

    .price-plans-wrapper {
        margin-top: 20px;
    }

    .masterplan-row .imp-ui-layers-menu-wrap {
        right: inherit;
        top: inherit;
        bottom: -50px;
        left: 0;
    }

    .nos-realisation-blocks button.slick-next.slick-arrow {
        right: 35%;
    }

    .nos-realisation-blocks button.slick-prev.slick-arrow {
        left: 35%;
    }

    .nos-realisation-blocks button.slick-arrow {
        top: inherit;
        bottom: 0;
        height: inherit;
    }

    .lisitng-form-wrapper>.vc_column-inner {
        max-width: 85% !important;
        padding: 50px 15px !important;
    }

    .listing-form-row .gform_footer {
        text-align: left;
    }

    .listing-form-row .gform_footer input {
        padding: 10px 0 !important;
        width: 100%;
    }

    .listing-banner-contact .about-us-heading h2 {
        font-size: 45px;
    }

    .principe-urbanisarion-container .flex-row-content:first-child .icon-text-content,
    .principe-urbanisarion-container .flex-row-content:nth-child(3) .icon-text-content {
        padding-right: 0;
    }

    .hp-title h2 {
        font-size: 35px !important;
    }

    .about-enl-col>.vc_column-inner,
    .about-parallax-image {
        height: 600px;
    }

    .about-parallax-image {
        background-attachment: inherit !important;
        background-position: inherit !important;
        background-size: cover;
    }

    .nos-valeurs-container .icon-text-holder {
        padding-right: 0;
    }

    .play-btn img {
        width: 70px;
    }
}

/* Portrait and Landscape */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .biens-vendus-row .enl-subtitle p {
        font-size: 20px;
    }

    .footer-container .col-footer {
        max-width: 33.3%;
        flex: 0 0 33.3%;
    }

    .footer-container .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .footer-subscibe {
        padding-top: 35px;
    }

    .susbcribe-form_wrapper .gform_footer {
        position: inherit;
        margin-top: 30px !important;
    }

    .footer-about-description,
    .location {
        padding-top: 0;
    }

    .menu-active header {
        z-index: 2;
    }

    /*Initiative smart*/
    .domaines-dactivites-row .vc_col-sm-2\/5 {
        width: 100%;
    }

    .domaines-dactivites-row .vc_col-sm-3\/5 {
        width: 100%;
    }

    .domaines-dactivites-row {
        padding: 60px 0 30px;
    }

    .domaines-dactivites-row .enl-button a {
        width: 45%;
    }

    div#mokamwad .vc_col-sm-3\/5 {
        width: 100%;
    }

    div#mokamwad .vc_col-sm-2\/5 {
        width: 100%;
    }

    .mokamwad-title {
        margin-top: 100px;
    }

    .tri-dechets-container .col:first-child .initiative-num-item {
        padding-left: 0;
        float: inherit;
        width: 100%;
    }

    .initiative-num-item:before {
        display: none;
    }

    .initiative-number-title h2 {
        line-height: 30px;
        font-size: 20px;
    }

    .initiative-number-title h2 br {
        display: none;
    }

    .container-col.tri-dechets-title {
        position: inherit;
    }

    .container-col.tri-dechets-title .enl-heading h2 {
        margin-bottom: 10px;
        font-size: 70px;
    }

    .tri-dechets-container {
        padding-top: 50px;
    }

    .tri-dechets-container .slick-slide {
        margin: 10;
    }

    .tri-dechets-container button i {
        color: #fff;
        font-size: 35px;
    }

    .tri-dechets-container button.slick-arrow {
        bottom: -10px;
    }

    .tri-dechets-container button.slick-next.slick-arrow {
        right: 25%;
    }

    .tri-dechets-container button.slick-prev.slick-arrow {
        left: 25%;
    }

    .tri-dechets-container .initiative-text-desc p {
        font-size: 14px;
    }

    .tri-dechets-container .initiative-number-title {
        min-height: 60px;
    }

    .initiative-energie-verte .section-image img {
        height: 100%;
        object-fit: cover;
    }

    .initiative-energie-verte .col-bg {
        padding: 60px !important;
    }

    .initiative-energie-verte .enl-button a {
        width: 35%;
    }

    .sustainability-innovation-banner .page-banner-heading h2 {
        font-size: 60px;
    }

    .sustainability-innovation-banner .banner-slider-item {
        height: 470px !important;
    }

    .initiative-block-btn.enl-button a {
        width: 80%;
    }

    div#mokamwad .enl-button.center a {
        width: 40%;
    }

    .popup-image-wrapper {
        height: 350px;
    }

    div#year-2017 .timeline-text {
        margin-left: 8px;
        width: 330px;
    }

    div#year-2019 .timeline-text {
        margin-left: 5px;
        width: 340px;
    }

    iv#year-2021 .timeline-text {
        margin-left: 25px;
        width: 300px;
    }

    div#year-2018 .timeline-text,
    div#year-2020 .timeline-text {
        width: 300px;
    }

    div#year-2015 .timeline-text {
        margin-left: 15px;
        width: 300px;
    }

    div#year-2013 .timeline-text {
        margin-left: 60px;
        width: 270px;
    }

    div#year-2011 .timeline-text {
        margin-left: 35px;
        width: 300px;
    }

    div#year-2009 .timeline-text {
        margin-left: 50px;
        width: 260px;
    }

    .contact-form-col {
        padding-top: 50px;
    }

    .enl-menu-container .navbar-collapse>ul>li:not(:last-child) {
        margin-right: 30px;
    }

    .location-posts-row .slick-slider button {
        bottom: -80px;
    }

    .location-posts-row .enl-widthcontainer>.row:last-child {
        margin-top: 75px;
    }

    .location-posts-row button.slick-next.slick-arrow {
        right: 35%;
    }

    .location-posts-row button.slick-prev.slick-arrow {
        left: 35%;
    }

    .location-posts-row .slick-slider button i {
        font-size: 35px;
        color: #8CA95F;
    }

    .principe-urbanisarion-container .flex-row-content .icon-text-holder {
        padding-right: 0;
        margin-left: 0;
        width: 100%;
    }

    .principe-urbanisarion-container .flex-row-content .icon-holder {
        width: 15%;
        margin: 0 auto;
    }

    .principe-urbanisarion-container .flex-row-content .enl-icon-box-container {
        display: block;
    }

    .urbanisation-btn .enl-button a {
        width: 35%;
    }

    .amenagement-planifier-row {
        height: 450px;
    }

    .voir-moka-masterplan-btn {
        bottom: 35px;
    }

    .entreprendre-ville-slider .image-holder,
    .entreprendre-ville-slider .slider-wrapper .slick-arrow {
        height: 400px;
    }

    .entreprendre-ville-row {
        padding-bottom: 115px !important;
    }

    .entreprendre-ville-slider .slider-wrapper .slick-prev {
        left: 0;
    }

    .entreprendre-ville-slider .slider-wrapper .slick-next {
        right: 0;
    }

    .investir-terrain .enl-button a {
        width: 35%;
    }

    .investir-terrain {
        margin-top: -10px;
        padding: 120px 30px 60px;
    }

    .implantez-moka-img-col.vc_col-sm-6 {
        width: 100%;
    }

    .implantez-activiter-moka-img .wpb_wrapper.vc_figure {
        width: 100%
    }

    .implantez-activiter-moka-img .vc_single_image-wrapper {
        width: 100%;
        height: 300px;
    }

    .implantez-activiter-moka-content.vc_col-sm-6 {
        width: 100%;
    }

    .gage-qualite-row .vc_col-sm-6 {
        width: 100%;
    }

    .implantez-activiter-moka-content {
        height: inherit;
    }

    .realisations-residences-container>.vc_column-inner {
        margin: 0 auto 85px;
        max-width: 85%;
    }

    .residentiel-projets-block {
        margin-bottom: 0;
    }

    .realisations-irs-container p {
        font-size: 16px;
    }

    .balise-heritage-container .vc_col-sm-6 {
        width: 100% !important;
    }

    .balise-heritage-container .slider-item-image {
        height: 430px;
    }

    .heritage-villas-valriche {
        flex-direction: column-reverse;
    }

    .balise-heritage-container-titre {
        padding-top: 35px;
    }

    .realisation-lotissement-residentiel-container>.vc_column-inner {
        max-width: 80%;
    }

    .lotissement-residentiels-slider {
        padding: 40px 35px;
    }

    .lotissement-residentiels-slider .slider-wrapper .slick-arrow {
        height: 30vw;
    }

    .residentiel-projets-block p {
        font-size: 30px;
        text-align: center;
    }

    .residentiel-projets-block p a:after {
        right: 30px;
    }

    .nos-realisation-banner .page-banner-text-holder {
        display: flex;
    }

    .enl-section-container.top-realisation-btn-container {
        margin-top: 0 !important;
    }

    .savannah-banner {
        padding: 100px 90px 170px;
    }

    .savannah-slider-row {
        top: -100px;
    }

    .savannah-banner .vie-savannah-title.vc_col-sm-2\/5,
    .savannah-banner .vc_col-sm-3\/5 {
        width: 100%;
    }

    .vie-savannah-title {
        padding-left: 0 !important;
        height: 450px;
    }

    .vie-savannah-img {
        height: 300px;
    }

    .savannah-banner .enl-button.left a,
    .savannah-slider-row .enl-button a {
        width: 50%;
        margin: 0 auto;
    }

    .latest-location-posts>.row {
        padding-bottom: 30px;
    }

    .latest-location-posts .slick-slider button {
        bottom: 15px;
    }

    .latest-location-posts .slick-slider button i {
        color: #8CA95F;
        font-size: 35px;
    }

    .latest-location-posts button.slick-next.slick-arrow {
        right: 35%;
    }

    .latest-location-posts button.slick-prev.slick-arrow {
        left: 35%;
    }


}

/*Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .initiative-energie-verte .col-md-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .container-col.aspire-programme-icon-container .col {
        min-height: 400px;
    }

    .initiative-energie-verte .section-image {
        height: 300px;
    }

    .certificat-iso .col-md-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .certificat-iso .section-image {
        height: 400px;
    }

    .oficea-bureaux-container .card-text {
        min-height: 100px;
    }

    .nos-realisation-top-slider .slider-wrapper .slick-arrow.slick-next {
        right: -45px;
    }

    .nos-realisation-top-slider .slider-wrapper .slick-arrow.slick-prev {
        left: -45px;
    }

    .top-realisation-btn-container a {
        width: 200px !important;
        display: block;
        margin-bottom: 10px;
    }

    .latest-location-posts .features-holder {
        overflow: hidden;
    }

    .latest-location-posts .features-holder ul {
        column-count: inherit;
    }

    .latest-location-posts .features-holder ul li {
        width: 50%;
        float: left;
        clear: unset;
        font-size: 12px;
    }

    .latest-location-posts .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .latest-location-posts .features-holder .size-value {
        margin-left: 0px;
    }

}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .a-propos-slider .slider-wrapper .slick-arrow {
        height: 100%;
    }

    .a-propos-slider .slider-wrapper .slick-arrow.slick-prev {
        left: 0;
    }

    .a-propos-slider .slider-wrapper .slick-arrow.slick-next {
        right: 0;
    }

    .enl-inner-header-container .enl-menu-container .navbar-collapse>ul>li>a {
        font-size: 14px;
    }

    .enl-inner-header-container .enl-menu-container .navbar-collapse>ul {
        padding-right: 0;
    }

    .enl-inner-header-container .enl-menu-container .navbar-collapse>ul>li:not(:last-child) {
        margin-right: 14px;
    }

    .LPH-banner-text-wrapper {
        max-width: 80%;
        padding: 60px;
    }

    .louer-residences-slider {
        max-width: 90%;
        margin: 0 auto;
    }

    .nos-realisation-blocks button.slick-next.slick-arrow {
        right: -80px;
    }

    .nos-realisation-blocks button.slick-prev.slick-arrow {
        left: -80px;
    }

    .nos-realisation-blocks-container .enl-widthcontainer {
        max-width: 80% !important;
    }

    .cadre-rural-inner-row .buildup-slider-container .slick-arrow.slick-next {
        right: 0;
    }

    .cadre-rural-inner-row .buildup-slider-container .slick-arrow.slick-prev {
        left: 0;
        z-index: 1;
    }

    .smart-city-moka-row .smart-city-moka-col,
    .smart-city-moka-row .smart-city-moka-features {
        margin: 0 !important;
    }

    .location-posts-row .slick-slider button {
        bottom: -80px;
    }

    .location-posts-row .enl-widthcontainer>.row:last-child {
        margin-top: 75px;
    }

    .location-posts-row button.slick-next.slick-arrow {
        right: 35%;
    }

    .location-posts-row button.slick-prev.slick-arrow {
        left: 35%;
    }

    .location-posts-row .slick-slider button i {
        font-size: 35px;
        color: #8CA95F;
    }

    .entreprendre-ville-slider .image-holder,
    .entreprendre-ville-slider .slider-wrapper .slick-arrow {
        height: 350px;
    }

    .principe-urbanisarion-container .flex-row-content .icon-holder {
        margin-bottom: 30px;
    }

    .implantez-activiter-moka-content {
        padding: 50px !important;
    }

    .gage-qualite-text {
        padding-bottom: 35px;
    }

    .top-realisation-btn-container a {
        margin-bottom: 10px;
    }

    .savannah-gallery-slider {
        padding: 0 40px;
    }

    .savannah-gallery-slider .slick-next {
        right: -30px;
    }

    .savannah-gallery-slider .slick-prev {
        left: -30px;
    }

    .nos-offres-row .enl-widthcontainer {
        max-width: 95% !important;
    }
}

/*-------------------------------*/
/* Single Property - Mobile */
/*-------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .property-background-wrapper .slick-list {
        padding: 0 !important;
    }

    .property-image-tabs {
        padding: 0 15px;
    }

    .single-property-details,
    .single-property-latest-inner-wrapper {
        padding: 0 25px;
    }

    .property-listing-title-holder .property-listing-project {
        width: 80%;
    }

    .property-listing-project p {
        line-height: 22px;
        font-size: 18px;
    }

    .property-listing-type h3 {
        line-height: 22px;
        font-size: 18px;
    }

    .property-listing-title-price {
        align-items: end;
        bottom: 35px;
        right: 15px;
        left: 15px;
    }

    .property-price-top-text p {
        line-height: 22px;
        font-size: 18px;
    }

    .property-listing-price p {
        line-height: 22px;
        font-size: 18px;
    }

    .property-listing-price p {
        display: flex;
    }

    .property-listing-status {
        right: 20px;
        top: 25px;
    }

    .property-listing-status p {
        padding: 5px 15px;
        line-height: 20px;
        font-size: 16px;
    }

    .property-background-wrapper .slick-current.slick-active .property-image {
        height: 400px;
    }

    .property-background-wrapper .slick-slide .property-image {
        height: 400px;
    }

    .property-background-wrapper.slick-initialized.slick-slider {
        height: 400px;
    }

    .property-background-wrapper .slick-slide {
        padding: 0;
    }

    .property-background-wrapper button.slick-arrow {
        height: 40px;
        width: 40px;
        top: 180px;
    }

    .property-background-wrapper button.slick-prev.slick-arrow {
        left: 25px;
    }

    .property-background-wrapper button.slick-next.slick-arrow {
        right: 25px;
    }

    .property-background-wrapper ul.slick-dots {
        bottom: -25px;
    }

    .property-background-wrapper .slick-dots li button {
        height: 10px;
        width: 10px;
    }

    .property-listing-price p span {
        padding-right: 5px;
    }

    .single-property-title p {
        line-height: 29px;
        font-size: 25px;
    }

    .single-property-features-wrapper>div {
        margin-bottom: 20px;
        margin-right: 15px;
        line-height: 18px;
        font-size: 14px;
    }

    .single-property-features-wrapper .feature-icon {
        margin-right: 10px;
        width: 25px;
    }

    .single-property-features-wrapper .area>span:nth-child(2) {
        flex-direction: column;
        display: flex;
    }

    .single-property-features-wrapper .size-value {
        padding-left: 0;
    }

    .single-property-features-wrapper .area {
        align-items: end;
    }

    .single-property-features-wrapper .area .feature-icon {
        margin-bottom: 15px;
    }

    .single-property-features-wrapper .area sup {
        top: -1.5em;
    }

    .single-property-description p {
        line-height: 22px;
        font-size: 17px;
    }

    .single-property-details .single-property-features-wrapper {
        margin-bottom: 20px;
    }

    .single-property-description {
        margin-bottom: 40px;
    }

    .single-property-brochure-contact-wrapper {
        display: block;
    }

    .single-property-contact a {
        text-align: center;
        padding: 12px 40px;
        line-height: 20px;
        font-size: 16px;
    }

    .single-property-contact {
        margin-right: 0;
    }

    .latest-properties-details button.slick-arrow {
        height: 40px;
        width: 40px;
        top: 125px;
        padding: 0;
        z-index: 5;
    }

    .latest-properties-details button.slick-prev.slick-arrow {
        left: 25px;
    }

    .latest-properties-details button.slick-next.slick-arrow {
        right: 25px;
    }

    .single-property-latest-wrapper {
        padding-bottom: 50px;
        padding-top: 70px;
    }

    .latest-properties-gallery.gallery-img {
        width: 100%;
        height: auto;
    }

    .latest-property-bottom-block {
        padding: 30px 15px;
    }

    .single-listing-share-wrapper {
        padding: 20px 0;
    }



}

/*-------------------------------*/
/* Single Property - Tablet */
/*-------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .property-background-wrapper .slick-list {
        padding: 0 !important;
    }

    .property-image-tabs,
    .single-property-details,
    .single-property-latest-inner-wrapper {
        padding: 0 40px;
    }

    .property-listing-title-holder .property-listing-project {
        width: 80%;
    }

    .property-listing-project p {
        line-height: 29px;
        font-size: 25px;
    }

    .property-listing-type h3 {
        line-height: 29px;
        font-size: 25px;
    }

    .property-listing-title-price {
        align-items: end;
        bottom: 35px;
        right: 30px;
        left: 30px;
    }

    .property-price-top-text p {
        line-height: 29px;
        font-size: 25px;
    }

    .property-listing-price p {
        line-height: 29px;
        font-size: 25px;
    }

    .property-listing-status {
        right: 40px;
        top: 50px;
    }

    .property-listing-status p {
        padding: 5px 30px;
        line-height: 29px;
        font-size: 25px;
    }

    .property-background-wrapper .slick-current.slick-active .property-image {
        height: 500px;
    }

    .property-background-wrapper .slick-slide .property-image {
        height: 500px;
    }

    .property-background-wrapper.slick-initialized.slick-slider {
        height: 500px;
    }

    .property-background-wrapper .slick-slide {
        padding: 0;
    }

    .property-background-wrapper button.slick-arrow {
        height: 50px;
        width: 50px;
        top: 225px;
    }

    .property-background-wrapper button.slick-prev.slick-arrow {
        left: 60px;
    }

    .property-background-wrapper button.slick-next.slick-arrow {
        right: 60px;
    }

    .property-background-wrapper ul.slick-dots {
        bottom: -25px;
    }

    .single-property-title p {
        line-height: 34px;
        font-size: 30px;
    }

    .latest-properties-details button.slick-arrow {
        height: 50px;
        width: 50px;
        top: 125px;
        padding: 0;
        z-index: 5;
    }

    .latest-properties-details button.slick-prev.slick-arrow {
        left: 40px;
    }

    .latest-properties-details button.slick-next.slick-arrow {
        right: 40px;
    }

    .latest-property-block.col-md-4 {
        max-width: 100%;
    }

    .single-property-latest-wrapper {
        padding-bottom: 50px;
    }

    .single-property-features-wrapper>div {
        margin-bottom: 20px;
    }

    .single-property-contact a {
        text-align: center;
        padding: 12px 75px;
    }

    .single-listing-share-wrapper {
        padding: 40px 0 0;
    }
}

/*-------------------------------*/
/* Custom Form - Mobile */
/*-------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .test-form-banner .banner-slider-item {
        height: 500px !important;
    }

    .page-banner-text-wrapper {
        top: 175px;
    }

    .page-banner-heading {
        padding-bottom: 30px;
    }

    .page-banner-text-wrapper .page-banner-heading h2 {
        font-weight: 600;
        font-size: 35px;
    }

    .page-banner-text-wrapper .page-banner-subheading h3 {
        font-size: 25px;
    }

    .test-form-wrapper .enl-container>.vc_column-inner {
        width: 80%;
    }

    .gform_wrapper.gravity-theme .gform_page_footer.before {
        justify-content: space-between;
        display: flex;
    }

    .gform_wrapper.gravity-theme .gform-theme-button {
        min-width: 115px;
    }

    .gform_wrapper.gravity-theme .gform_page_footer input+input {
        margin-left: 0;
    }

    .ginput_container_fileupload:after {
        padding: 12px 20px 12px 20px;
        font-size: 12px;
    }

    .ginput_container_fileupload input[type="file"] {
        padding-left: 10px;
        padding-top: 10px;
        font-size: 12px;
        height: 50px;
    }

    .ginput_container.ginput_container_consent label {
        font-size: 15px;
        margin-left: 0;
    }

    .gform_wrapper.gravity-theme .gform_page_footer .gform_button {
        min-width: 115px;
        border-radius: 0;
        padding: 0 20px;
        font-size: 14px;
        margin-left: 0;
        border: 0;
    }
}

/*-------------------------------*/
/* Custom Form - Tablet */
/*-------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .icon-text-holder p {
        margin-left: unset !important;
    }

    .aspire-programme-icon-container .icon-text-holder {
        width: 100%;
        /* padding-top: unset; */
    }

    .test-form-banner .banner-slider-item {
        height: 550px !important;
    }

    .page-banner-text-wrapper {
        top: 200px;
    }

    .page-banner-heading {
        padding-bottom: 30px;
    }

    .page-banner-text-wrapper .page-banner-heading h2 {
        font-weight: 600;
        font-size: 35px;
    }

    .page-banner-text-wrapper .page-banner-subheading h3 {
        font-size: 25px;
    }

    .test-form-wrapper .enl-container>.vc_column-inner {
        width: 80%;
    }

    .ginput_container_fileupload:after {
        padding: 12px 20px 12px 20px;
        font-size: 12px;
    }

    .ginput_container_fileupload input[type="file"] {
        padding-left: 10px;
        padding-top: 10px;
        font-size: 12px;
        height: 50px;
    }

    .ginput_container.ginput_container_consent label {
        font-size: 15px;
        margin-left: 0;
    }

    .gform_wrapper.gravity-theme .gform_page_footer .gform_button {
        min-width: 130px;
        border-radius: 0;
        padding: 0 20px;
        font-size: 14px;
        margin-left: 0;
        height: 40px;
        border: 0;
    }
}

/*-------------------------------*/
/* MOKA SMART CITY SA - Mobile */
/*-------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 767px) {

    .stages-off-plan-property-purchase-second .enl-subtitle-section {
        text-align: center !important;
        padding: 0 25px;

    }


    .fees-expected-purchasing-row .enl-subtitle-section {
        text-align: center !important;
        padding: 0 25px;
    }

    .stages-off-plan-property-purchase-second .off-plan-stage-text-second-part {
        padding: 0 25px;
    }

    .text-content-wrapper.\#7a6b5b.fees-expect-purchasing-text {
        padding: 0 40px;
    }

    .bank-financing-text ul {
        margin: unset !important;
    }

    .listing-price p span {
        margin-bottom: 10px;
    }
}

/*-------------------------------*/
/* CAREERS SINGLE PAGE - Mobile */
/*-------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .single-carriere-details ul {
        margin: unset !important;
    }

    .single-carriere-form-wrapper .carriere-form-holder {
        padding: 20px 10px;
    }

    .gform_wrapper.gravity-theme .gform_drop_area {
        padding: 0px !important;
    }

    div.rc-anchor {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
    }

    .carriere-form-holder input[type="submit"] {
        padding: 10px 30px !important;
    }

    .traineeship .row {
        flex-direction: column;
    }

    .carriere-details {
        margin-top: 60px;
    }
}

/*-------------------------------*/
/* WHITE PAPERS SINGLE PAGE - Mobile */
/*-------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 767px) {

    .white-papers-custom-banner .page-banner-text-wrapper.flex-start {
        position: absolute;padding: 0;
    }
    .white-papers-custom-banner .page-banner-text-holder {
        width: 100%;
        padding: 30px 0;
    }
    .white-papers-custom-banner .page-banner-text-holder .page-banner-heading {
        margin: 0 auto;
        width: 80%;
    }
    .white-papers-custom-banner .page-banner-text-holder .page-banner-text {
        width: 80%;
        margin: 0 auto;
    }
    .white-papers-custom-banner .page-banner-text-holder .page-banner-heading h2 {
        font-size: 28px;
    }
    .white-papers-custom-banner .page-banner-text-holder .page-banner-text p {
        font-size: 16px;
        line-height: 24px;
    }
    .our-white-papers-custom-container button.slick-prev.slick-arrow {
        left: -30px;
        z-index: 2;
        top: -40px;
        height: 100%;
    }
    .our-white-papers-custom-container i.fas {
        font-size: 30px;
    }
    .our-white-papers-custom-container button.slick-next.slick-arrow {
        right: -15px;
        z-index: 1;
        top: -40px;
        height: 100%;
        padding: 0;
    }
    .our-white-papers-custom-container .slider-wrapper .slick-arrow, .white-paper-image {
        height: 400px;
        width: 100%;
    }
    .document-container {
        justify-content: center;
    }
    .white-papers-custom-banner .banner-slider-item {
        height: 100% !important;
    }
    .white-papers-custom-banner {
        height: 800px !important;
    }
    .document-container .download-doc a {
        padding: 0 20px;
    }
    .document-container .view-doc a {
        padding: 0 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .white-papers-custom-banner .banner-slider-item {
        height: 1000px !important;
    }
    .enl-section-container.our-white-papers-custom-container .row {
        justify-content: space-evenly;
    }
    .our-white-papers-heading-row {
        margin: 30px;
    }
    .our-white-papers-heading-row h2 {
        font-size: 45px;
    }
    .col-md-4.white-paper-item-container {
        margin-bottom: 30px;
    }
    .our-white-papers-custom-container button.slick-prev.slick-arrow {
        left: -30px;
        z-index: 2;
        top: -40px;
        height: 100%;
    }
    .our-white-papers-custom-container i.fas {
        font-size: 30px;
    }
    .our-white-papers-custom-container button.slick-next.slick-arrow {
        right: -15px;
        z-index: 1;
        top: -40px;
        height: 100%;
        padding: 0;
    }
    .our-white-papers-custom-container .slider-wrapper .slick-arrow, .white-paper-image {
        height: 400px;
        width: 100%;
    }
    .document-container {
        justify-content: center;
    }
    .white-paper-item-container.test-doc {
        max-width: 100%;
    }

}