/* Responsiveness */

@media (min-width:1100px)  {
    .hamb{
        display: none;
    }
     /* Sub nav */
     .subnav-content {
         padding:0 ;
         display: none;
         background-color:  #000;
     }
     .subnav-content a {
         color: white;
     }
      .nav{
        max-height: none;
        float: right;
        width: fit-content;
        background-color: transparent;
    }
    .menu a:hover{
        background-color: transparent;
        color: #316bcd;

    }
}
@media (max-width:1100px)  {
    .nav .mainMenu{display: block;}
    .menu li{margin: 0;}
    .menu a{color: #fff;}
    .topmid_btn a {
        background: #c69870;
         padding: 12px 20px !important;
    }
    .menu a:hover {
        background-color: transparent;
    }
    .nav{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top:180px;
        z-index: 999;
        background: #000000 !important;
        display: block;
        text-align: center;
    }
    .menu li a{
        padding: 18px;
    }
    .menu a{
        display: inline-block;
    font-size: 20px;
    }
    .subnav-content {
        width: 100%;
        position: unset;
        background: #c69870;
        padding: 0;
    }
    .menu .subnav-content a {
        display: block;
        font-size: 20px;
        text-align: center;
    }
    nav ul.menu{
        background: #000000c2;
    }
}


@media (max-width:1199px){
    /*.card {*/
    /* height:600px;*/
    /*}*/
}
@media (max-width:768px) {
    .card {
     height:auto;
    }
}
@media (min-width:768px)  {
    
   

    
                 

   
    .cardBox .card h2 {
        padding:0 15px;
}
 }
 @media (max-width:767px) {
     .abtSec3Img {
    align-items: center;
    display: flex;
    justify-content: center;
}

.side-menu:checked ~ nav{
    min-height:610px;
}
    
    .topbar_right{margin-top: 15px;}
    .topbar_left ul, .topbar_right ul {
        justify-content: center;
    }
    
    
    .BanBtn1,.BanBtn2 {
    padding: 9px 15px;
}{
    padding: 9px 15px;
}
    .bannerContent h3 {
        font-size: 2.5rem;
        margin-bottom: 10px;
    }
    .bannerContent h4 {
        font-size: 24px;
        margin-bottom: 10px;
        color: #fff;
    }
    .bannerContent p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .bannerContent{text-align: center;margin-bottom: 20px;}
    .abtImg1, .abtSec3Img{margin-bottom: 30px;}
    .abtImg2{margin-top: 30px;}
    .title h4 {
        font-size: 26px;}
        .normContent p, .title p {
            font-size: 16px;
        }
        .normContent ul{
            grid-template-columns: repeat(1, 100%);
        }    
        .testimonialBox::after{left: 43%;}    
        .cardBox .card .content p {
            font-size: 18px;
            line-height: 30px;}
            .cardBox .card .content h3, .cardBox .card h2 {
                font-size: 24px;
            }  
            
            
/*.card {*/
/*     height: auto;*/
/*    }*/
    .Driveway-text{
        text-align:center;
    }
    
    .text-start{
        text-align:center !important;
    }
    .footer_contact li {
    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
    margin-bottom:20px;
}

.footer_title h4 {
    color: #fff;
}

.footer_contact h6 {
    color: #fff;
}

.card-list ul li {
    list-style: none;
}
 }
 
 @media(max-width:1024px){
     .cardBox .card .content p{
         font-size:12px;
         font-weight:400;
     }
     .BanBtn1,.BanBtn2{
         font-size:14px;
     }
     .cardBox .card .content a{
         padding:6px 12px;
     }
     .cardBox .card .content h3{
         font-size:16px;
     }
 }
 
 @media(max-width:991px){
     .order-num2{
         order:1;
     }
     .order-num{
         order:2;
     }
     
     .text-start{
         text-align:center !important;
     }
     .banner-text h3{
         font-size:3rem;
     }
     .card-list ul li{
         list-style:none;
     }
           ul.list-unstyled.footer_contact {
    font-weight: 400;
}

.copyright_sec p {
    font-weight: 400;
    font-size: 12px !important;
}
 
 .card-list{
     padding-left:0 !important;
 
 }
 .faq {
     margin:50px 30px;
 }
 }
 
 @media (max-width:768px){
        ul.list-unstyled.footer_contact {
    font-weight: 400;
}

.copyright_sec p {
    font-weight: 400;
    font-size: 12px !important;
}

.banner-text h3 {
    font-size:2.5rem;
}
.abtImg1 img{
    width:100%;
    height:auto;
}
 }
 
@media (max-width:767px) {
    .gallery-container {
        width: 100%;
    }
    .gallery-item {
        flex-basis: 49.80%;
        margin-bottom: 3px;
    }
    .lightbox-content {
        width: 80%;
        height: 60%;
        margin: 15% auto;
    }
    ul.list-unstyled.footer_contact {
    font-weight: 400;
}

.copyright_sec p {
    font-weight: 400;
    font-size: 12px !important;
}
.row.align-items-center.gap-card{
    gap:0 !important;
}
.banner-text h3{
    font-size:2.5rem;
}
.abtImg1 img{
    width:100%;
    height:auto;
}
}
@media (max-width: 480px) {
    .gallery-item {
        flex-basis: 100%;
        margin-bottom: 1px;
    }
    .lightbox-content {
        width: 90%;
        margin: 20% auto;
    }
    ul.list-unstyled.footer_contact {
    font-weight: 400;
}

.copyright_sec p {
    font-weight: 400;
    font-size: 12px !important;
}
.abtImg1 img{
    width:100%;
    height:auto;
}
}


/*gallery-css*/


/*gallery media screen*/
@media (max-width:991px){
    .gallery-container.gallery-main {
    flex-direction: column;
}

.gallery-item {
    width: 100%;
}
.text-f{
    text-align:center;
}
.footer_contact li {
    display: flex;
    flex-direction: column;
}
.rgt_line{
        border: transparent;
}
.BanBtn1{
    margin-right:0;
}
.faq{
    margin:50px 30px;
}
}

@media (max-width:767px){
    .gallery-item {
    width: 100%;
}
}

 
 /*@media screen and (max-width:1024px){*/
 /*     .nav{*/
 /*       width: 100%;*/
 /*       height: 100%;*/
 /*       position: absolute;*/
 /*       left: 0;*/
 /*       top: 30%;*/
 /*       z-index: 999;*/
 /*       background: #000000c2;*/
 /*       display: block;*/
 /*       text-align: center;*/
 /*   }*/
 /*   .menu li a{*/
 /*       padding: 18px;*/
 /*   }*/
 /*   .menu a{*/
 /*       display: inline-block;*/
 /*   font-size: 20px;*/
 /*   }*/
 
 /*}*/
 
  @media (max-width:667px){
      
  }
 
 @media (max-width:414px){
     .topbar_left ul li {
    font-size: 13px;
}
.bannerContent h3 {
    font-size:1.8rem;
}
.faq h2{
    font-size:1.5rem;
}
.abtImg1 img{
    width:100%;
    height:auto;
}
.topbar_left ul li i {
    width: 26px;
    height: 26px;
    font-size: 14px;
    line-height: 26px;
}
.cardBox .card {margin: -7px 0 0 0;}

.cardBox {
    min-height: 285px;
}
.cardBox .card .content{
    padding:10px;
}
.faq{
    margin:50px 10px;
}
.order-box2{
    order:2;
}
.order-box{
    order:1;
}

.floatingbtn .float {
    width: 40px;
    height: 40px;
    font-size: 14px;
   
}

.abtImg1.abt-2 img,.abtImg1.abt-3 img{
    height:auto;
}

 }
 
 
 @media (max-width:390px){
     .faq {
    margin: 40px 10px;
}  
.bannerContent h3{
    font-size:2rem;
}
.order-box2{
    order:2;
}
.order-box{
    order:1;
}
 }
 
 @media (max-width:375px){
     .faq {
    margin: 40px 10px;
}

.bannerContent h3 {
    font-size: 1.5rem;
}

.BanBtn1,.BanBtn2 {
    font-size: 14px;
}

.topsection h2 {
    font-size: 1.5rem;
}

.title h4 {
    font-size: 22px;
}
.abtImg1 img{
    width:100%;
    height:auto;
}
.normContent h5 {
    font-size: 20px;
}

.card-body.text-start h5 {
    font-size: 1.2rem;
}

.card-list ul li {
    font-size: 16px;
}

.topsection.top-sec2 p {
    font-size: 14px;
}

.cardBox .card .content h3, .cardBox .card h2 {
    font-size: 20px;
    padding:0 15px;
}

.abtSec3.service h4 {
    font-size: 25px;
}
 }
 
 @media screen and (max-width:767px){
    .banner-text h3{
    font-size:2rem;
}
.topsection h2, .faq h2{
    font-size:1.8rem;
}
}