@media(min-width: 1400px) {
    .body__banner {
        height: 100vh;
    }

    .banner__header {
        line-height: 4.5rem !important;
        font-size: 4rem;
    }

    .banner__content p{
        line-height: 1.3;
        font-size: 1.5rem;
    }

    .wrap__banner {
        width: 100%;
        height: 100%;
        /* background: rgb(16,156,16);
        background: linear-gradient(90deg, rgba(2, 54, 2, 0.123) 0%, rgba(39, 51, 41, 0.703) 100%); */
    }

    .wrap__banner-content .container {
        position: relative;
    }

    .wrap__banner-content .content {
        width: 55%;
        height: 120vh;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 998;
    }
    .wrap__banner-content article {
        /* background-color: red; */
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    

}

@media(min-width: 960px) and (max-width: 1400px) {
        
    .primary__header {
        font-size: 4rem;
        line-height: 4.8rem;
    }

    .left__header {
        font-size: 2.4rem;
        line-height: 3.3rem;
    }

    .secondary__header {
       font-size: 1.2rem;
        font-weight: 400;
    }

    .text__primary {
        line-height: 1.5;
        font-size: 1.3rem;
    }

    .body__banner {
        height: 120vh;
    }

    .banner__header {
        line-height: 3.5rem !important;
        font-size: 2.6rem;
    }

    .banner__content p{
        line-height: 1.5;
        font-size: 1.2rem;
    }

    .wrap__banner {
        width: 100%;
        height: 100%;
        background: rgb(16,156,16);
        background: linear-gradient(90deg, rgba(2, 54, 2, 0.123) 0%, rgba(39, 51, 41, 0.703) 100%);
    }

    .wrap__banner-content .container {
        position: relative;
    }

    .wrap__banner-content .content {
        width: 50%;
        height: 120vh;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 998;
    }
    .wrap__banner-content article {
        /* background-color: red; */
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    
    .section__last article header {
        top: 65%;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 1.6;
        letter-spacing: 0;
    }

}

@media(min-width: 769px) and (max-width: 960px) {
    .primary__header {
        font-size: 3rem;
        line-height: 3.8rem;
    }

    .left__header {
        font-size: 2.4rem;
        line-height: 3.3rem;
    }

    .secondary__header {
       font-size: 1.2rem;
        font-weight: 400;
    }

    .text__primary {
        line-height: 1.5;
        font-size: 1.3rem;
    }

    
    .body__banner {
        height: 100vh;
    }

    .banner__header {
        line-height: 3.5rem !important;
        font-size: 3rem;
    }

    .banner__content p{
        line-height: 1.5;
        font-size: 1.2rem;
    }

    .wrap__banner {
        width: 100%;
        height: 100%;
        background: rgb(16,156,16);
        background: linear-gradient(90deg, rgba(2, 54, 2, 0.123) 0%, rgba(39, 51, 41, 0.703) 100%);
    }

    .wrap__banner-content .container {
        position: relative;
    }

    .wrap__banner-content .content {
        width: 100%;
        height: 120vh;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 998;
    }

    .wrap__banner-content article {
        /* background-color: red; */
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .section__last article header {
        top: 65%;
        font-size: 1.4rem;
        line-height: 1.8;
    }
    
    .section__last article header {
        top: 50%;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 1.6;
        letter-spacing: 0;
    }

    .bg-2 img {
        height: 80px;
    }
}

@media(min-width: 769px) {
    
    .body__header {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 999;
    }

    .header__brand img{
        height: 140px;
    }

    .body__banner {
        background-image: url('../imgs/banner/banner-lg.jpg');
    } 
    .wrap__banner-content article {
        /* background-color: red; */
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .icon-4 {
        height: 60px;
    }
}

@media(max-width: 768px){
    

    .header__brand img{
        height: 90px;
    }
    
    .body__banner {
        background-image: url('../imgs/banner/banner-sm.jpg');
    }
    .primary__header {
        font-size: 2rem;
        line-height: 2.8rem;
    }

    .left__header {
        font-size: 2.4rem;
        line-height: 3.3rem;
    }

    .secondary__header {
       font-size: 1.2rem;
        font-weight: 400;
    }

    .text__primary {
        line-height: 1.5;
        font-size: 1.3rem;
    }

    .wrap__banner-content .container {
        position: relative;
    }

    .wrap__banner-content .content {
        width: 100%;
        height: 120vh;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 998;
        padding: 0 20px;
    }

    .wrap__banner-content article {
        height: 75%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .wrap__banner-content form {
        background-color: rgba(62, 61, 61, 0.427);
        padding: 30px;
        border: 1px solid #373636cc;
        
    }

    .banner__header {
        text-align: center;
        line-height: 3rem !important;
        font-size: 2.5rem;
        text-shadow: 0 0 5px rgba(39, 51, 41, 0.703);
    }

    .banner__content p{
        text-align: center;
        line-height: 1.2;
        font-size: 1.1rem;
        text-shadow: 0 0 5px rgba(39, 51, 41, 0.703);

    }

    .input-1 {
        line-height: 2.5rem;
        font-size: 1rem;
    }

    .form-1 label {
        line-height: 1.5;
        font-size: 1rem;
        text-shadow: 0 0 5px rgba(39, 51, 41, 0.703);
    }

    .right__block {
        margin: 0;
    padding: 0;

    }
    .right__block::before{
        content: "";
        width: 0px;
        height: 100%;
        background-color: var(--color-theme);
        /* border-left: 1px solid var(--color-theme); */
    
        position: absolute;
        top: 0;
        left: 0;
    }

    .body__footer-top-logo header{
        margin-bottom: 30px;
    }

    .section__two {
        text-align: center;
    }

    
    .section__fecilities{
        background-size: cover;
        background-position: center;
    }

    .section__fecilities-header h2{
        text-align: center;
        padding-bottom: 40px;
    }
    
    .section__fecilities img {
        height: 60px;
    }

    .map {
        background-color: #fff;
    }

    .map .d-lg-none img {
        /* height: 300px; */
        background-position: 10px;
    }

    .bg-2 {
        padding-right: 20px;
        padding-left: 20px;
        text-align: center;
    }

    .bg-2 .content__block {
        margin-right: 0;
    }

    .icon-4 {
        height: 60px;
    }

    .bg-2 .btn__3 {
        padding: 10px 20px;
    }

    .section__last article header {
        top: 60%;
    }

    .body__footer-top,
    .body__footer-bottom {
        padding-right: 30px;
        padding-left: 30px;
    }
}