@media only screen and (max-width:1200px) {
    .container {
        padding: 1.5rem 1.6rem;
    }

    body {
        overflow-x: hidden;
    }

    .containerHead {
        font-weight: 600;
        font-size: 1.475rem;
        line-height: 45px;
        color: #256187;
    }

    .yellowTint,
    .opacityImg,
    .mainBG {
        display: none;
    }

    .hero .mobileHero {
        display: inherit;
        position: absolute;
        top: 0;
        left: 0;
        height: 70vh;
        width: 100%;
        z-index: -2;

    }

    .hero .opacity {
        background-color: black;
        z-index: -1;
        opacity: 0.5;
    }

    .hero {
        height: 70vh;
        padding-bottom: 5rem;
        clip-path: polygon(0 0, 100% 0%, 100% 94%, 0% 100%);
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }

    /* Mobile Menu */


    nav ul {
        justify-content: inherit;
        flex-direction: column;
        background-color: #e2e2e2;
        position: absolute;
        top: 0;
        right: -80%;
        height: 50vh;
        width: 60vw;
        z-index: 100;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;

        transition: all 0.2s linear;

    }

    nav ul li a {
        padding: 0 0rem;
        font-size: 1.2rem;
        border-right: none;
        color: #000000;
    }

    nav ul li {
        margin-bottom: 2rem;
        padding-left: 1rem;
        position: relative;
    }

    nav ul li:nth-of-type(1) {
        margin-top: 3rem;
    }

    nav ul li::after {
        position: absolute;
        width: 100%;
        height: 3px;
        content: "";
        background-color: #000;
        bottom: -12px;
        left: 0;
        opacity: 0.3;
    }

    .hero #closeNav {
        display: block;
        font-size: 2rem;
        color: #000;
        margin-top: 1.9rem;
        margin-left: auto;
        margin-right: 2rem;
    }

    .hero #openNav{
        display: block;
        font-size: 1.5rem;
        color: #fff;
    }

    /*  */
    nav img {
        width: 6rem;
    }



    .banner h3 {
        font-size: 2rem;
        font-weight: 600;
        line-height: 50px;
        width: 100%;
        color: #fff;
        margin-top: 4rem;
    }

    .banner p {
        font-size: 0.96rem;
        font-weight: 500;
        width: 100%;
        margin-top: 2rem
    }

    .banner button {
        width: 10rem;
        height: 3rem;
        font-size: 1rem;
        margin: 0rem 1rem 0 0;
        margin-top: 2rem;
    }


    /* Facilities Section */
    .whyUs {
        margin: 1rem 0;
    }

    .whyUs .description {
        font-size: 0.97rem;
        font-weight: 400;
        color: #757575;
        line-height: 1.5rem;
        margin-top: 0.5rem;
        text-align: justify;
    }

    .facilities {
        width: 100%;
    }

    .facilities h3 {
        font-size: 1.07rem;
        margin: 1rem 0rem;
    }

    .facilities .points {
        display: inherit;
        flex-wrap: inherit;
    }

    .points p {
        font-size: 1rem;
        line-height: 24px;
        padding: 0.5rem 0;
        width: 100%;
    }

    .facilities-brand .brand {
        display: none;
    }


    /* Brands Container */

    .brandsContainer h2 {
        font-size: 1.475rem;
        margin-bottom: 1rem;
    }

    .brandsContainer .brandImg {
        display: grid;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
        grid-template-columns: repeat(3, 0fr)
    }

    .brandsContainer .brandImg img {
        width: 4.8rem;
    }


    /* Process */

    .process .processDiagrams {
        flex-direction: column;
        justify-content: inherit;
        align-items: center;
        margin-top: 1.2rem;
        width: 100%;
    }

    .processDiagrams div {
        width: 21.75rem;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        border-radius: 7px;
        margin-bottom: 3rem;
        padding: 0.7rem 1rem;
    }

    /* Testimonial */

    .testimonial {
        padding-bottom: 3.5rem;
    }


    .testimonial h2 {
        font-size: 1.475rem;
        margin: 1rem 0rem;
    }

    .testimonialCard .comment {
        font-weight: 400;
        font-size: 0.95rem;
        letter-spacing: 0rem;
        color: #3C3D48;
        margin-top: 2.3rem;
    }

    /* Contact Us */
    .contactUs {
        padding: 0 1.6rem;
        margin-top: 2rem;
    }

    .contactUs .flexDiv {
        display: flex;
        justify-content: inherit;
        align-items: inherit;
    }

    .flexDiv img {
        display: none;
    }

    .flexDiv .right {
        width: 100%;
        margin-top: 1rem;
    }


    .right form .fields {
        display: flex;
        justify-content: inherit;
        flex-direction: column;
        width: 100%;
    }

    .right form .fields .field {
        display: flex;
        justify-content: inherit;
        flex-direction: column;
        width: 100%;
    }

    .right form .field input,
    .right form .fields .field input {
        height: 46px;
        width: 100%;
        margin-bottom: 1.3rem;
    }

    .right form .field label,
    .right form .fields .field label {
        font-weight: 600;
        font-size: 0.96rem;
        line-height: 21px;
        margin-bottom: 0.5rem;
        color: rgba(116, 117, 117, 1);

    }

    .checkbox {
        margin: 20px 0;
    }

    .checkbox p {
        color: #747575;
        font-weight: 600;
        font-size: 0.96rem;
        line-height: 21px;
        margin-bottom: 0.5rem;
    }

    .checkbox label {
        color: #747575;
        font-weight: 500;
        font-size: 14px;
        line-height: 21px;
        margin-right: 2.5rem;
        cursor: pointer;
    }

    .checkbox input {
        cursor: pointer;
        margin-right: 0.3rem;
    }

    /* Download */
    .download {
        height: auto;
        border-radius: 0px;
        background-color: var(--darkBlue2);
        margin: 6rem 0 2rem;
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 2rem 1rem;
    }

    .download::after {
        position: absolute;
        content: "";
        width: 6rem;
        height: 4px;
        left: 0;
        bottom: 10px;
        background-color: #fff;
        opacity: 0.5;
        animation-name: goRight;
        animation-duration: 5s;
        animation-iteration-count: infinite;
    }

    .download::before {
        position: absolute;
        content: "";
        width: 6rem;
        height: 4px;
        right: 0;
        top: 10px;
        background-color: #fff;
        opacity: 0.5;
        animation: 1.4s ease-in-out infinite goLeft;
    }

    .download .info h3 {
        font-weight: 500;
        font-size: 1.27rem;
        line-height: 2rem;
        text-align: center;
        letter-spacing: -0.7px;
    }

    .download .info p {
        font-weight: 400;
        font-size: 0.9rem;
        letter-spacing: 1px;
        line-height: 24px;
        margin-top: 0.6rem;
        text-align: center;
    }

    .buttons {
        margin-top: 1.2rem;
        width: 100%;
        display: flex;
        justify-content: space-evenly;
    }

    .buttons img {
        border-radius: 7px;
        width: 9rem;
    }

    .download .img {
        display: none;
    }

    .img .smPhone {
        display: none;
    }

    .img .bgPhone {
        display: none;
    }


    /* Footer */

    footer {
        display: flex;
        justify-content: inherit;
        flex-direction: column;
    }

    footer .column {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: auto;
        margin-bottom: 2rem;
    }

    footer h5 {
        font-size: 19px;
    }

    footer a {
        font-size: 15px;
    }

    footer p {
        font-size: 15px;
    }


    /* End */
    .end {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: inherit;
        background-color: var(--darkBlue);
        color: #ffffff;
        text-align: center;
    }

    .end p {
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
    }

    .end p:nth-of-type(1) {
        margin-bottom: 0.5rem;
    }

    .end a,
    .end span {
        font-weight: 500;
        font-size: 15px;
        color: #fff;
    }
}