@media (max-width: 1120px) {}

@media (max-width: 992px) {
    .hero_area {
        height: auto;
    }

    .slider_section {
        padding-top: 45px;
        padding-bottom: 75px;
    }

    .custom_nav-container .nav_search-btn {
        background-position: center;
        width: 100%;
    }

    .slider_section {
        background-size: cover;
        background-position: left;
        
    }

    .slider_section .carousel-indicators {

        height: 100%;
    }
}
@media screen and (max-width: 768px) {
    .thmbcolumns section {
        flex: 100%;
    }
    
    .thmbcolumns {
        font-size: 16px;
    }
    
    .thmbcolumns h3 {
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 20px;
    }
    .a2d section {
        flex: 100%;
    }
    
    .a2d {
        font-size: 16px;
    }
    
    .a2d h3 {
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 20px;
    }
}
@media screen and (max-width: 1024px) {
    .thmbcolumns section {
        flex: 100%;
    }
    
    .thmbcolumns {
        font-size: 16px;
    }
    
    .thmbcolumns h3 {
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 20px;
    }
    .a2d section {
        flex: 100%;
    }
    
    .a2d {
        font-size: 16px;
    }
    
    .a2d h3 {
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 20px;
    }
}
@media (max-width:767px){

    /* Container */
    .hero_area .slider_section .container{
     margin-top:81px;
    }
    
    /* About section */
    .hero_area .about_section{
     margin-top:179px;
    }
    
    .about_section .img-box img{
        
        display:none;
       }
    
    /* Paragraph */
    .quote_section .box p{
     color:#000000;
     padding-bottom:0px;
    }
    
    }
    @media (max-width:767px){

    /* Heading */
    .hero_area .header_section h1{
     display: none;
    }

    }
    .navbar a h1{
        transform:translatex(-641px) translatey(39px);
       }

    @media (max-width:736px){

        /* Heading */
        .hero_area .header_section h1{
         left:242px;
        }
        
       }
       
       @media (max-width:480px){
       
        /* Heading */
        .hero_area .header_section h1{
         left:106px;
        }
        
       }
@media (max-width: 991px) {
    .navbar-brand {
      max-width: 70%;
    }
    .navbar-toggler {
      position: absolute;
      right: 15px;
      top: 15px;
    }
    .navbar-brand span {
        font-size: 20px;
        font-weight: 700;
        color: #ffffff;
        text-transform: uppercase;
  }
  .slider_section {
    background-size: cover;
    background-position: left;
    padding-right: 1px;
}
  .detail-box {
    padding: 10px;
    margin-top: 10px;
    }
  .detail-box h1 {
        font-size: 30px;
        font-weight: 700;
        color: #ffffff;
        width: 100%;
        text-transform: uppercase;
    }
    .detail-box p {
        font-size: 14px;
        font-weight: 400;
        color: #ffffff;
        width: 100%;
        padding-bottom: 5rem;
        
    }


  }


@media (max-width: 768px) {

    .slider_section .detail-box {
        text-align: center;
    }

    .slider_section .carousel-indicators {
        display: none;
    }

    .slider_section .custom_carousel-control {

        display: none;
    }

    .about_section .img-box {
        margin-top: 35px;
    }

    .service_section .box {
        width: 100%;
    }


    .quote_section .box {

        flex-direction: column;
        text-align: center;

    }

    .client_section .box {
        width: 100%;
    }

    .client_section .client_container {
        width: 100%;
    }
}

@media (max-width: 576px) {}

@media (max-width: 480px) {
    .info_section .footer_contact {
        width: 315px;
    }
}

@media (max-width: 400px) {}

@media (max-width: 360px) {}

@media (min-width: 1100px) {
    .container {
        max-width: 1170px;
    }

}