@media all and (min-width: 1670px) {

}

@media (max-width: 1380px){
    .dropdown-menu-left{
        min-height: fit-content;
        overflow: auto;
        max-height: fit-content;
    }
}

@media (max-width: 1200px){
    .dropdown-menu-left{
        min-height: 350px;
        overflow: auto;
        max-height: 350px;
    }
}

@media all and (min-width: 992px) {

}

@media all and (max-width: 992px){
    .banner-brand-name svg{
        width: 600px;
        height: 200px;
    }
    main{
        height: 100%;
        overflow-y: auto;
        padding-top: 80px;
    }
    .section{
        height: 100%;
        min-height: 100%;
        padding: 35px 0px;
    }
    .section__content>*{
        opacity: 1;
        transform: none;
        transition: none;
    }
    .footer-top-wrapper{
        flex-direction: column;
    }
    .footer-menu {
        padding: 10px 0px;
    }
    .footer-menu li{
        width: 100%;
        text-align: center;
        margin: 6px 0px;
    }
    section.section-8.last{
        padding-bottom: 0;
    }

    /* the slides */
    .slick-slide {
        margin: 0 5px;
    }

    /* the parent */
    .slick-list {
        margin: 0 -5px;
    }
}

@media all and (max-width: 768px){
    header{
        background-color: var(--bg-black);
    }
    .dropdown-menu-left{
        min-width: 275px;
        transform: translate(-50%, 100px) !important;
    }
    .dropdownclose img {
        width: 20px;
    }
    .dropdown-menu-left .dropdown-item{
        font-size: 20px;
    }
    .banner-brand-name{
        display: initial;
    }
    .banner-brand-name svg{
        width: 420px;
        height: 150px;
    }
    .banner-heading{
        font-size: 36px;
    }
    .header-btn{
        display: none;
    }
    .btn-main{
        width: 100%;
        max-width: 100%;
    }
    main{
        height: 100%;
        overflow-y: auto;
        padding-top: 80px;
    }
    .section{
        height: 100%;
        min-height: 100%;
        padding: 35px 0px;
    }
    .section__content>*{
        opacity: 1;
        transform: none;
        transition: none;
    }
    .section-heading{
        font-size: 32px;
    }
    .about-content-wrapper{
        margin-top: 24px;
    }
    .testimonial-item{
        padding: 2rem 2rem;
    }
    .contactus-image-wrapper img{
        margin-top: 24px;
    }
    .footer-top-wrapper{
        flex-direction: column;
    }
    .footer-menu {
        padding: 10px 0px;
    }
    .footer-menu li{
        width: 100%;
        text-align: center;
        margin: 6px 0px;
    }
    section.section-8.last{
        padding-bottom: 0;
    }
}

@media all and (max-width: 480px){
    header{
        background-color: var(--bg-black);
    }
    .dropdown-menu-left{
        min-width: 275px;
        transform: translate(-50%, 100px) !important;
    }
    .dropdownclose img {
        width: 20px;
    }
    .dropdown-menu-left .dropdown-item{
        font-size: 20px;
    }
    .banner-brand-name{
        display: initial;
    }
    .banner-brand-name svg{
        width: 350px;
        height: 100px;
    }
    .banner-heading{
        font-size: 36px;
    }
    .header-btn{
        display: none;
    }
    .btn-main{
        width: 100%;
        max-width: 100%;
    }
    main{
        height: 100%;
        overflow-y: auto;
        padding-top: 80px;
    }
    .section{
        height: 100%;
        min-height: 100%;
        padding: 35px 0px;
    }
    .section__content>*{
        opacity: 1;
        transform: none;
        transition: none;
    }
    .section-heading{
        font-size: 32px;
    }
    .about-content-wrapper{
        margin-top: 24px;
    }
    .testimonial-item{
        padding: 2rem 2rem;
    }
    .contactus-image-wrapper img{
        margin-top: 24px;
    }
    .footer-top-wrapper{
        flex-direction: column;
    }
    .footer-menu {
        padding: 10px 0px;
    }
    .footer-menu li{
        width: 100%;
        text-align: center;
        margin: 6px 0px;
    }
    section.section-8.last{
        padding-bottom: 0;
    }

}