@media (max-width: 1300px) {
     .first-banner{
        max-width:calc(100vw - 80px);
        min-height:320px;
    }
   
}
@media (min-width: 1280px){
    .first-banner{
        min-height:360px;
    }
}
@media (min-width:1000px){
    .banner-content-detail{
        margin-left:21.5%;
    }
}

@media (max-width: 1120px) {
    
    
    .fixed-content{
        right:5%;
    }
     .navbar-nav{
        font-size:12px;
        padding-right:10px;
    }
    
}



@media (min-width: 1024px) and (max-width: 1280px) {
    .banner_section .container{
        margin-left:0;
        margin-right:0;
        
    }
    .first-banner{
        min-width:100vw;
        max-width:1024px;
       
       
        
    }
    .navbar-nav{
        font-size:12px;
        padding-right:10px;
    }
    
    
}
@media(min-width:992px){
      .fixed-content2{
          bottom:1;
      width:30%;
  }
      .space-head{
         margin-left:20%;
    margin-right:20%;
 } 
 
 
}
@media (min-width: 992px) and (max-width: 1024px) {
    .first-banner{
         
      min-width: calc(100vw - 30px);
      min-height:300px;
      max-width: calc(100vw - 30px);
      /*right:11%;*/
    
  }
    }
    


@media (max-width: 992px) {
    /* .banner_section .container{*/
    /*    margin-left:auto;*/
    /*    margin-right:auto;*/
        
    /*}*/
    .navbar-nav{
        font-size:12px;
        padding-right:10px;
    }
  .hero_area {
    min-height: auto;
  }
 
.main-head .limg{
    width:30%;
}
  .fixed-content{
    right:5%;
  }
  .fixed-img-2{
    width:165px;
  }
  .first-banner{
      min-width: calc(100vw - 30px);
      min-height:300px;
      max-width: calc(100vw - 30px);
      /*right:11%;*/
    
  }


  
 
  .custom_nav-container .navbar-nav .nav-item .nav-link{
      border-right:none;
  }
  
  .heading_container h2{
      font-size:20px;
  }

  #navbarSupportedContent {
    padding: 15px 0 25px 0;
  }

  .quote_btn-container {
    flex-direction: column;
    align-items: center;
  }

  .quote_btn-container a {
    margin-right: 0;
    margin-top: 10px;
  }

  .slider_section {
    padding: 45px 0 90px 0;
  }
.listing-item h1{
    font-size:11px;
}

  .client_section .box {
    margin: 15px;
  }

  .client_section .carousel_btn-box {
    display: flex;
    justify-content: center;
    margin-top: 45px;
  }

  .client_section .carousel-control-prev,
  .client_section .carousel-control-next {
    position: unset;
    margin: 0 2.5px;
    width: 45px;
    height: 45px;
  }

  .info_section .info_main_row>div {
    margin-bottom: 25px;
  }
}

@media (max-width: 768px) {
   .first-banner{
        min-width:calc(100vw - 100px);
        min-height:900px;
        background-image:url('../images/top_banner_for_mobile_view.png');
        background-position:center;
       
            }
  .slider_section .detail-box {
    margin-bottom: 45px;
    text-align: center;
  }
  .fixed-content{
    right:10%;
  }
  .fixed-img-2{
    width:145px;
  }

  .slider_section .detail-box .btn-box {
    justify-content: center;
  }

  .about_section .detail-box {
    margin-bottom: 45px;
  }
  
  .banner-content-detail{
      margin-left:24%;
  }
  .vbanner{
      width:100%;
      min-height:300px;
  }
  


  .service_section .row .service_col_middle {
    order: 2;
  }

  .service_section .service_col_middle .box {
    margin-bottom: 45px;
  }

  .server_section {
    background: none;
    background-color: #020230;
  }

  .server_section .img-box {
    margin-bottom: 25px;
  }

  .contact_section .form_container {
    margin-right: 0;
    margin-bottom: 45px;
  }

  .info_section .row>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 35px;
  }

  .info_section .info_links {
    align-items: center;
  }

  
}

@media (max-width: 576px) {
    
  .first-banner{
        min-width:100vw;
        min-height:800px;
        background-image:url('../images/top_banner_for_mobile_view.png');
        background-position:center;
       
            }
            .vbanner-2{
            height:400px;
            }
    
  .banner-content-detail{
        margin-left:0%;
    }
    .banner-content-detail h2{
        font-size:24px;
    }
    .banner-detail-head{
        float:right;
        width:60%;
        margin-bottom:10%;
    }
  .client_section .box {
    flex-direction: column;
    align-items: center;
  }
  

  .client_section .box .detail-box {
    padding: 45px 5px 45px 5px;

  }
  

  .client_section .box .img-box {
    margin-right: 0;
    margin-bottom: -65px;
  }
}

@media (max-width: 480px) {
      .banner-2{
        width:100%;
        min-height:340px;
    }
    .fixed-content{
        right:25%;
    }
     .banner-detail-head{
        float:left;
        width:100%;
        margin-bottom:10px;
    }
    .book_pooja_box{
        margin-left:20%;
    }
    .book_pooja_box h2{
        font-size:1rem;
        /*float:right;*/
    margin-left:20%;
        
       
       
    }
    .listing-item h1{
        font-size:14px;
    }
    .layout-padding3{
        padding:40px 0px;
    }
    .first-banner{
        min-width:100vw;
        min-height:550px;
        background-image:url('../images/top_banner_for_mobile_view.png');
        background-position:center;
        
    }
    

    .vbanner-2{
        width:100%;
        max-height:200px;
        
    }
    .btn-book{
        text-align:center;
        font-size:15px;
        margin-left:40px;
    }
}

@media (max-width: 420px) {
   
  .slider_section .detail_box h1 {
    font-size: 2.5rem;
  }
}

@media (max-width: 376px) {
    .banner-2{
        width:100%;
        min-height:340px;
    }
    .fixed-content{
        right:25%;
    }
    .book_pooja_box{
        margin-left:20%;
    }
    .book_pooja_box h2{
        font-size:1rem;
        /*float:right;*/
    margin-left:20%;
        
       
       
    }
   
    .layout-padding3{
        padding:40px 0px;
    }
    .first-banner{
        min-width:100vw;
        min-height:550px;
        background-image:url('../images/top_banner_for_mobile_view.png');
        background-position:center;
        
    }
  
    

    .vbanner-2{
        width:100%;
        max-height:200px;
        
    }
    .btn-book{
        text-align:center;
        font-size:15px;
        margin-left:40px;
    }
  .slider_section .detail_box h1 {
    font-size: 2.5rem;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}