@media only screen and (max-width: 1600px) {}

@media only screen and (max-width: 1445px) {}

@media only screen and (max-width: 1366px) {
    .container {
        max-width: 1140px;
    }
    header .navbar-nav {
        gap: 0px;
       
    }
    header .navbar-nav .nav-item .nav-link {
    font-size: 15px;
    padding: 6px 12px;
 
}
.BannerSection {
    min-height: 870px;
}

.banner-txt h1 {
    font-size: 33px;
    margin-bottom: 24px;
}
.banner-txt p {
    font-size: 18px;
}
.AboutSection {
    padding: 90px 0;
}
.about-txt p {
    font-size: 16px;
 
}
.about-txt h2 {
    font-size: 35px;
    margin-bottom: 10px;
}

.ServicesSection {
    padding: 80px 0;
}

.parent-head h2 {
    font-size: 38px;
}
.parent-head p {
    font-size: 16px;
    margin-bottom: 10px;
}
.cardServices {
    padding: 14px 10px;
 
}
.cardServices h3 {
    font-size: 17px;

}
.cardServices p {
    font-size: 13px;
 
}
.DealerSection {
    padding: 60px 0;
}
.Inndealers h4 {
    font-size: 30px;
    margin-bottom: 10px;
}
.Inndealers p {
    font-size: 16px;
}
.Inndealers {
    gap: 10px;
}
.PackagesSections {
    padding: 70px 0;
}

.inner-packages span strong {
    font-size: 30px;
}
.inner-packages span h4 {
    font-size: 20px;
}
.inner-packages {
    padding: 20px 10px;
}
.inner-packages p {
    font-size: 13px;
}
.InnerReviews {
    
    padding: 10px 10px 30px;
  
}
.InnerReviews p {
    font-size: 16px;
 }
 .InnerReviews h4 {
    font-size: 20px;
    
}
.testimonialsSections {
    padding: 60px 0 100px;
}
}

@media (max-width: 1199.98px) {
    .container {
        max-width: 960px;
    }
    .BannerSection {
        min-height: 650px;
        padding: 8rem 0 2rem;
    }
    .Inndealers h4 {
        font-size: 26px;
    }
    .Inndealers p {
        font-size: 15px;
    }
    .ShowcaseSections {
        padding: 60px 0;
    }
    footer h4 {
        margin-bottom: 13px;
        font-size: 20px;
    }
    .FootersLogs p {
        font-size: 12px;
  
    }
    footer ul li a {
        font-size: 14px;
      
    }
}

@media (max-width: 991.98px) {
    .container {
        max-width: 720px;
    }
    header .navbar-toggler-icon {
        background: var(--white);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
    }
    .BannerSection img{
        display: none;
    }
    .BannerSection {
        min-height: auto;
        padding: 8rem 0 2rem;
        text-align: center;
    }
    /* .BannerSection:before {
        content: '';
        position: absolute;
        background: #00000087;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    } */
    .banner-txt{
        position: relative;
    }
    header .navbar-nav {
        gap: 0px;
        background: black;
        position: relative;
       
        padding: 20px 11px;
    }
    .banner-txt h1 {
        font-size: 26px;
        margin-bottom: 15px;
    }
    .banner-txt p {
        font-size: 16px;
    }
    .AboutSection {
        padding: 50px 0;
    }
    .about-txt{
        text-align: center;
    }
    .AboutSection{
        text-align: center;
    }
    .about-txt h2 {
        font-size: 30px;
    }
    .parent-head h2 {
        font-size: 30px;
    }
    header .navbar-brand img {
    width: 180px;
}
    .parent-head p {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .ServicesSection {
        padding: 40px 0;
    }
    .Inndealers {
        gap: 10px;
        border: 1px solid white;
        padding: 10px 10px;
        margin-bottom: 12px;
        border-radius: 8px;
        text-align: left;
        flex-direction: row;
    }
    .DealerSection{
        position: relative;
    }
    .DealerSection::before{
        content: '';
        position: absolute;
        background: #00000087;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .inner-packages {
        margin-bottom: 20px;
    }
    .inner-packages .mfs-primary-btn {
        font-size: 16px;
        padding: 10px 10px;
   
    }
    .PackagesSections {
        padding: 40px 0;
    }
    .testimonialsSections {
        padding: 60px 0 80px;
    }
    .Contact-lefts {
        margin-bottom: 20px;
    }
    .revItems.slick-slide.slick-current.slick-active.slick-center .InnerReviews {
        transform: scale(1);
    }
    header .navbar-toggler {
        display: none;
    }
    header .spanBar, .sidenav {
        display: block;
    }
 
    
}

@media (max-width: 767.98px) {
    .container {
        max-width: 540px;
    }
    .BannerSection {
        padding: 6rem 0 2rem;
      
    }
    .banner-txt h1 {
        font-size: 22px;
        margin-bottom: 13px;
    }
    .about-txt h2 {
        font-size: 22px;
    }
    .about-txt p {
        font-size: 14px;
    }
    .Inndealers h4 {
        font-size: 24px;
    }
    .Inndealers p {
        font-size: 14px;
    }
    .inner-packages ul li {
        font-size: 14px;
       
    }
    .inner-packages span strong {
        font-size: 22px;
    }
    .inner-packages .mfs-primary-btn {
        font-size: 14px;
        padding: 7px 10px;
    }
    .testimonialsSections {
        padding: 60px 0px;
    }
    .parent-head h2 {
        font-size: 26px;
    }
    .Contact-lefts h2 {
        margin-bottom: 15px;
    }
    .ContactRights h6 {
        font-size: 21px;
       
    }
    .ContactRights ul li {
        font-size: 16px;
        margin-top: 16px;
    }
   .row.copyRight div {
    text-align: center !important;
}
}

@media (max-width: 575.98px) {
    .banner-txt p {
        font-size: 13px;
    }
    .about-txt h2 {
        font-size: 20px;
    }
    .BannerSection {
        padding: 6rem 0 2rem;
    }
    .about-txt p {
        font-size: 12px;
    }
    .Inndealers h4 {
        font-size: 20px;
    }
    .Inndealers p {
        font-size: 12px;
    }
    .single-screenshot.slick-center{
        transform: scale(1);
    }
    .screenshot-wrap .slick-list {
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }
    .ShowcaseSections {
        padding: 30px 0;
    }
    .ShowcaseSections {
        padding: 30px 0;
    }
    .testimonialsSections {
        padding: 40px 0px;
    }
        header .navbar-brand img {
        width: 140px;
    }
    footer {
        padding: 30px 0 10px;
    }
}

@media (max-width: 320.98px) {}