@media (max-width: 1200px) {
    .faq {
        min-height: 70vh;
    }
}

@media (max-width: 1000px) {

    :root {
        --spacing-large: 2rem;
    }
    html {
        font-size: 50%;
    }

    .header .logo img {
        top: 0;
        left: 0;
        background-size: cover;
    }

    .header .fa-bars {
        display: block;
        color: white;
        margin-right: 1rem;
    }

    .header .fa-bars:hover {
        color: #00bfff;
    }

    .header .navbar {
        position: fixed;
        top: -120%;
        left: 0;
        height: auto;
        width: 100%;
        background-color: white;
        z-index: 1000;
        border-top: .1rem solid rgba(0, 0, 0, .3);
    }

    .header .navbar ul {
        height: 100%;
        width: 100%;
        flex-flow: column;
    }

    .header .navbar ul li {
        margin: 1rem 0;
    }

    .header .navbar ul li a {
        color: grey;
        font-size: 2.4rem;
    }

    .header .fa-times {
        transform: rotate(90deg);
    }

    .header .nav-toggle {
        top: 5.8rem;
    }


   

    .general-crousel-section {
        margin-top: -15rem;
        margin-bottom: -8rem;
    }




    .contact-form-name,
    .contact-form-email,
    .contact-form-txtarea,
    .contact-form-phone {
        width: 90%;
    }

    .contact-form-txtarea {
        height: 110px;
    }



    .contact-form-btn {
        width: 12rem;
    }

    .faq {
        padding: 0;
        min-height: 60vh;
    }

    .faq .row {
        padding: 0 1.5rem;
        flex-flow: column;
    }

    .faq .row .accordion-container {
        width: 100%;
    }
}