.menu_toggle span {
    width: 28px;
    height: 5px;
    background: #000;
    display: block;
    position: absolute;
    margin: 0 auto;
    right: 0;
    top: 50px;
    z-index: 5;
}


.menu_toggle span:after{position:absolute;content:" ";width:22px;height:5px;top:-7px;left:0;right:0;background:#000;transition:0.2s;-moz-transition:0.2s;-ms-transition:0.2s;-o-transition:0.2s;-webkit-transition:0.2s;}

.menu_toggle span:before{position:absolute;content:" ";width:22px;height:5px;bottom:-7px;left:0;right:0;background:#000;transition:0.2s;-moz-transition:0.2s;-ms-transition:0.2s;-o-transition:0.2s;-webkit-transition:0.2s;}

@media screen and (min-width: 1900px) {

    .container {
  
      max-width: 1600px;
  
    }
  
  }
  
  @media screen and (min-width: 1600px) {
  
    .container {
  
      max-width: 1400px;
  
    }
  
  }
  



@media screen and (max-width: 1024px) {
    .nav-sup ul li { padding-left: 15px;  }
    .banner-carousel-caption p:after{left: 32%;}
    .banner-carousel-caption h1{font-size: 70px; line-height: 75px;}
    .why-txt-right, .contactbox{padding-left: 45px; padding-right: 45px;}


}




@media screen and (max-width: 991px) {
.logo-fld img{ width: 130px; }
.header-phone a {padding-right: 55px;}
    .nav-sup ul li {
        padding: 0;
        margin: 0;
    }
    .nav-sup ul li a{
       color: #fff !important;
       font-size: 12px;
        margin: 0;
        padding: 10px;
        display: block;
        text-align: left;
        position: relative;
        border-bottom: 1px solid #6f6c6c;
      }
    .nav-sup ul li.current-menu-item a {
        background: #424141;
        color: #fff;
    }
    .nav-sup ul li:last-child a{  border-bottom: transparent;}
    .nav-sup {
       position: absolute;
        background: #000;
        top: 80px;
        z-index: 99;
        width: 205px;
        right: 0;

    }
    .nav-sup:after {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #000;
        top: -8px;
        right: 0px;
    }

    .nav-menu .nav-sup ul li a:before, .nav-sup ul li.active a:after{display: none;}
     .navbar-toggler{padding: 0rem;}
    .banner-content h1, .banner-content h2 {font-size: 40px; line-height: 45px; margin-bottom: 15px;}

    .banner-content { width: 100%; padding: 25px 0;}
    .bannerpara p:empty{display: none;}
    .about-content {padding: 25px;}
    h1, h2, .heading{ font-size: 30px; line-height: 35px; margin-bottom: 20px; }
    .scontent-wrap{padding: 15px;}
    footer {padding: 40px 0;}
    .gslider.owl-carousel .owl-nav .owl-next {
    right: 0;
     }
    .gslider.owl-carousel .owl-nav .owl-prev {
        left: 0;
    }
   .title_breadcrumb-inner span h1 {font-size: 35px; line-height: 40px;}

   .cont-bg-white { padding: 100px 35px; }
      







}

@media screen and (max-width: 820px) {
  .banner-carousel-caption p:after {
    left: 28%;
}

}

@media screen and (max-width: 768px) {
   
  .social-link a{ min-width: 115px;  }

}

@media screen and (max-width: 767px) {
    .section-title h2{margin-bottom: 0;}
    .sectiongap { padding: 25px 0;}
    .footer-main { padding-top: 35px; }
    .portfolio-img img { width: 100%; height: 300px; object-fit: cover;}
    .why-img-left img { width: 100%; height: 300px; object-fit: cover;}
    .banner-carousel-caption {width: 80%;}
    .banner-carousel-caption p:after { left: 23%;}
    .banner-img { height: 400px;}
    .banner-carousel-caption{top: 45%;}
    .logo img { width: 165px;}
    .section-title h2{font-size: 25px; line-height: 30px; margin-bottom: 15px;}
    .page-id-8 .main-header {padding: 15px 0;}
    .title_breadcrumb-inner span h1 { font-size: 25px; line-height: 30px;}
     .title_breadcrumb-inner {bottom: inherit;  top: 50%;}
     .service-section .srow .scol:nth-child(1) .sbox .scontent {
    width: 100%;
    margin-left: 0;

    }
    .service-section .srow .scol:nth-child(1) .sbox .simg {
    width: 100%;
    padding-top: 46%;
    }
    .readmore{display: flex;}
    .service-section .srow .scol:nth-child(2) .sbox .simg {
    width: 100%;
 
}
        .service-section .srow .scol:nth-child(2) .sbox .scontent {
            width: 100%;
            margin-left: 0;
    
        }

      .service-section .srow .scol:nth-child(2) {
        -ms-flex: 0 0 63%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-right: auto;
    }

        .fcol:nth-child(2) {
            margin-bottom: 35px;
            margin-top: 20px;
        }
        .home-slider .owl-nav{right: 0; left: inherit;}
         .about-content {margin-left: 0;}
         .es_textbox_button {position: relative; right: 0; left: 50%;}
         .fcontact li {width: 100%;}
         .fnav ul {grid-gap: 15px;}
         footer { padding: 25px 0;}
         .banner-content h1, .banner-content h2 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 15px;}
        .banner-content .btn{    height: 40px;}
        .btn.arrow-btn { padding: 0 45px 0 18px;}
        .bannerpara {font-size: 15px; line-height: 20px;}
        .social-link.d-flex {flex-wrap: wrap;}
        .social-link a{margin-bottom: 15px;}
        section { padding: 40px 0;}
        .homebanner {padding-top: 90px;}
        .news-form .es-field-wrap input {font-size: 15px;}
        .es_textbox_button {padding: 0 40px 0 17px;}
        .innerBanner img {height: 230px;}
        .scol{margin-bottom: 15px;}
        .details_img img {  height: 100%;}     
        .ptb { padding: 35px 0;}
        .blog-list{margin-bottom: 15px;}
        .recent_carousel .sub-head {top: 0;}  
        .recent_carousel{margin-top: 20px;  } 
        .cont-bg-white{padding: 25px;}  
        .contact-title h3 {font-size: 35px; line-height: 40px;}
        .contact-form {padding: 30px;}
        
            



} 


@media screen and (max-width: 627px) {
    .breadcrumb_bottom ul li{font-size: 12px; line-height: 18px;}
    .top-social a {padding: 0 10px 0 0;}


}


@media screen and (max-width: 480px) {
    .social-link a {
     min-width: 43%;
    }
    .logo-fld img {
    width: 90px;
    }
    .header-phone a {font-size: 0;}
    .menu_toggle span {
    top: 30px;
    }
    .tbox{padding: 30px 0 77px 10px;}
    .nav-sup {top: 58px;}

}



@media screen and (max-width: 320px) {




}