@media (max-width: 1300px) {}

@media (max-width: 1120px) {}

@media (max-width: 992px) {
  .hero_area {
    min-height: auto;
  }

  .custom_nav-container .form-inline {
    justify-content: center;
  }
  .custom_nav-container .navbar-brand{
    margin-right: 5rem;
  }
  .custom_nav-container .navbar-nav .nav-item .nav-link {
    padding: 5px 15px;
  }

  .custom_nav-container .navbar-nav {
    padding-top: 15px;
    align-items: flex-start;
    text-align: center;
  }

  .custom_nav-container .navbar-nav .nav-item .nav-link {
    padding: 5px 25px;
    margin: 5px 0;
  }

  .about_section .detail-box {
    margin-top: 45px;
  }

  .pricing_section .box {
    margin-top: 45px;
  }
  .banner_section_2_container{
    position: relative;
    margin-top: 10px;
    padding: 0 15px;
  }
  .header_section .container-fluid{
    padding-right: 0px;
    padding-left: 0px;
  }
  .header_section  .contact_nav{
    justify-content: flex-start;
  }
  .contact_nav a{
    margin-left: 10px;
    font-size: 12px;
   
  }
  .fixed-button{
    right: -100%;
  }
  .client_section .image-overlay{
    right: 14%;
    left: auto;
  }
}

@media (max-width: 768px) {
  .info_section .contact_nav {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 0;
    
  }

  .info_section .contact_nav a:not(:nth-last-child(1)) {
    margin-bottom: 25px;
  }

  .info_section .contact_nav a {
    align-items: flex-start;
    text-align: left;
  }

  .info_section .info_top {
    padding: 0;
  }

  .info_section .info_top .row>div {
    margin-bottom: 35px;
  }
  .slider_section .carousel-indicators{
    bottom: 8%;
  }
  .slider_section .carousel-control-prev{
    left: 28%;
    bottom: 0;
  }
  .slider_section .carousel-control-next{
    right: 28%;
    bottom: 0;
  }
  .top_nav_container .contact_nav{
    display: block;
  }
  .contact_nav .left-contact{
    margin-bottom: 5px;
  }
}

@media (max-width: 765px) {
  /* santosh css 17 dec 23 */
  .ftco-counter .image-overlay, .client_section .image-overlay{
    position: relative;
  }
  .client_section .image-overlay{
    right: 0;
  }
  .col-order-change{
    order: -1;
    position: absolute;
    top: 30px;
    z-index: 1;
    left: 0;
    width: 100%;
  }
  .box_main a{
    float: none;
  }
  .slider_section .carousel-item img{
    height: auto;
  }
}

@media (max-width: 576px) {
  .contact_nav .left-contact, .contact_nav .right-contact{
    flex-wrap: wrap;
  }
  .contact_nav .right-contact a{
    margin-bottom: 5px;
  }
  .header-text.two{
    top:20%;
  }
  .header-text.three, .header-text.one, .header-text.two{
    width: 100%;
  }
  .header-text.one{
    top: 13%;
  }
  .header-text.two h1{
    color: #fff;
  }
  .header-text{
    left: 0;
    padding: 0 20px;
    top: 20%;
  }
  .carousel-item .header-text h1{
    font-size: 28px;
  }
  .header-text.two p{
    width: 100%;
  }
  .slider_section{
    padding-bottom: 50px;
  }
  .ftco-counter .block-18{
    width: 100%;
  }
  .about_section .detail-box{
    margin-top: 0;
  }
  .header-text.one p{
    margin-bottom: 7px;
  }

}

@media (max-width: 480px) {
  .slider_section .detail-box h1 {
    font-size: 2rem;
  }

}

@media (max-width: 420px) {
  .col-order-change{
    top: 0;
  }
}

@media (max-width: 376px) {}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}