@media (min-width: 768px) and (max-width: 1024px){

  .navbar-header a img {
    width: 300px;
}
    
.date ul li{
font-size: 12px;
 }
.nav>li>a {
    display: block;
    padding: 10px 6px;
    font-size: 12px;
}
    
    .lang2 {
       margin-right: 0;
}
.dropdown-menu {
    width: 231px;
}
    .width-20 {
    width: 160px !important;
}
    .dropdown-menu>li>a{
        padding: 3px 6px;
    }
    .inner-banner h1{
        font-size: 18px;
    }
    .search-container a{
     
    }
    

.pro-21 {
    margin-top: 20px;
    padding: 0 50px;
}
    .abou{
        height: auto;
    }
    .hed-10::before{
        left: 17px;
    }
    .fu20{
        padding-top: 20px;
    }
    .foni{
        width: 140px;
    }
    .butr a{
        font-size: 12px;
    }
    .info2 {
  padding-bottom: 70px ! important;
}
    .inf {
 border: none;
      padding: 35px 0px 106px;
}
    .info {
  border: none;
      padding-bottom: 50px ! important;
}
    .team2 a {
    font-size: 13px;
    width:50%;
}
    .abo-20 {
    padding-bottom:20px;
}
    .Jyoti h2{
        font-size: 22px;
    }
    .Jyoti p{
        font-size: 13px;
    }
    .aboutimg  img{
        margin-top: 62px;
    }
    .Largew {
    color: #fff;
    background-color: #225c9a;
    border-color: #225c9a;
    width: 28%;
    float: left;
    font-size: 16px;
    line-height: 20px;
}
    .aboutem {
    padding: 20px 0;
}
    .bobo{
     
      margin-left: 37%;
    }
    .enquiry{
        padding: 50px 30px
    }
    .india h2{
        font-size: 12px;
    }
    .pro{
        margin-top: 30px;
        padding-top: 20px;
    }
    .bobo2{
        margin-left: 300px;
    }
    .thepro p{
        font-size: 14px;
    }
    .prodc ul li a{
        font-size: 12px;
    }
    .prff h4{
        font-size: 24px;
    }
    .hight p{
        font-size: 15px;
    }
    .hight{
         padding-top: 30px;
    padding-left: 300px;
    padding-bottom: 15px;
    }
    .footer-20 h1{
        font-size: 18px;
    }
    

.footer-20 ul li a {
    font-size: 20px;
    color: #fff;
}
    .prodc2{
        margin-left: 0px;
    }
    .carousel-caption h3{
        font-size: 35px;
        padding: 0px 159px 0 0;
    }
     .carousel-caption p{
        font-size: 12px;
        padding: 0px 159px 0 0;
    }
    .Large {
        width: 21%;
    }
    .item:nth-child(1){
        background-size: 100% 100%;
    }
    .item:nth-child(3){
        background-size: 100% 100%;
    }
    .item:nth-child(2){
        background-size: 100% 100%;
    }
    .item:nth-child(4){
        background-size: 100% 100%;
    }
    .lang {
margin-top: 35px;
        float: none;
    }
    .inf p{
        font-size: 13px;
    }
    .search-container{
       
    }
    .team2 a{
    margin-top: -75px;
    }
    .hight a{
        float: none;
    }
    .lightbox{
        margin-bottom: 10px;
        display: block;
        margin-right: 5px;
    }
    .what-we-do-img{
        margin-top: 10px;
    }
    .about-inner-wrap{
        display: block;
    }
    /*    <!-----------career------------> <!-----------career------------> <!-----------career------------>*/
.careerimg {
    padding-bottom: 335px;
}
    
 /*    <!-----------About------------> <!-----------about------------> <!-----------about------------>*/
.what-we-do-img::after {
    left: auto;
    right: 0px;
    }
    .what-we-do-img img {
    width: 100%;
}
    .about-inner-content{
        margin-bottom: 25px;
    }
    .text-center h1{
        font-size: 20px;
    }
    
    /*    <!-----------facility------------> <!-----------facility------------> <!-----------facility------------>*/
    .lightbox{
        display: block;
        margin-bottom: 10px;
        margin-left: 5px;
    }
    .many {
    padding-top: 20PX;
    overflow-x: scroll;
}
    
    
    /*    <!-----------contact-us------------> <!-----------contact-us------------> <!-----------contact-us------------>*/
    
    .sec-title h2{
        font-size: 25px;
        line-height: 0px;
    }
    .contact-page-section .info-column h2{
        font-size: 18px;
    }
    .none{
        display: none;
    }
}


@media (max-width:767px){
    #navbar-collapse-1{
        display: none;
    }
    
    .phone2{
    display: block;
}
.navbar-header a img {
     width: 300px;
}
    .lang2 {
        margin: 0 auto;
   float: none;
    text-align: center;     
}
        .lang{
        margin: 0 auto;
   float: none;
    text-align: center;  
            width: 75%
}
    .search-container{
            text-align: center;
    margin-top: 10px;
    }
    .foni{
        float: none;
    }
/*
    .search-container{
        margin-right: 14px;
    }
*/
    .navbar-header button{
             background: #0053a4;
    border: #0053a4;
    }
    .search-container a{
        margin-left: 110px;
    }
    .carousel-caption p {
    font-size: 12px;
    padding: 0px 24px 0 0;
    }
    .carousel-caption h3{
        font-size: 20px;
    }
    
    .butr a{
        font-size: 13px;
    }
    .btn-primary{
        background: none;
        border: none;
    }
    .butr{
        padding-top: 0px;
    }
     .item:nth-child(1){
        background-size: 100% 100%;
    }
    .item:nth-child(3){
        background-size: 100% 100%;
    }
    .item:nth-child(2){
        background-size: 100% 100%;
    }
    .item:nth-child(4){
        background-size: 100% 100%;
    }
    .inf{
        border: none;
    }
    .abou{
        height: auto;
        padding: 15px 0;
          
    }
    .search-container a {
    display: none;

}
    .carousel, .carousel-inner, .carousel-inner .item {
    height: 240px;
}
    .carousel-caption {
      bottom: 25px;
}
    .abo-20 h3 {
    text-align: center;
    display: block;
    font-weight: 500;
    font-size: 18px;
    background: #346eae;
    width: 140px;
    line-height: 45px;
    color: #fff;
    margin-left: 40%;
    border-radius: 5px;
}
    .carousel-caption p {
    font-size: 12px;
    font-weight: normal;
    padding: 0px 15px 0 0;
}
    .carousel-caption h3 {
    font-size: 15px;
}

    .butr{
        display: none;
    }
    .date ul li{
        font-size: 12px;
    }
    .inf{
       padding:0px 18px 0;   
    }
    .date {
        display: none;
    }
    .date ul li{
        padding-right: 10px;
    }
    .inf h1{
        padding-bottom: 0px;
        font-size: 15px;
    }
    .inf p{
        font-size: 12px;
        margin: 0px;
    }
    .info2{
        padding-bottom: 0px ! important;
    }
    .team2 a{
    width: 26%;
    font-size: 12px;
    }
    .aboutem{
        padding: 20px 0;
    }
    .Jyoti h2{
        font-size: 18px;
        line-height: 25px;
        
    }
    .Jyoti p{
        font-size: 12px;
    }
    .Jyoti{
        padding:  015px;
    }
    .aboutimg{
        padding: 0 25px;
    }
    .jquery-accordion-menu ul li a{
     font-size: 12px;   
    }
    .bobo{
            margin-left: 39%;
            width: 145px;
    padding-bottom: 45px;
    }
    .abo-20 {
    padding-bottom: 0px;
}
    .abo-220 h3{
            width: 145px;
    line-height: 45px;
        font-size: 20px;
    }
    .india h2 a{
        font-size: 12px;
    }
.hed-10::before {
    left: 45px;
    width: 50px;
}
    .p20 h2{
        font-size: 14px;
    }
    .hed-10 h2{
        font-size: 18px;
    }
    .p20 h3{
        font-size: 12px;
    }
    .p20 p{
        font-size: 12px;
    }
    .table>tbody>tr>td{
        font-size: 12px;
    }
    .p20{
      padding: 0 5px;

    }
    .fu20 li{
        font-size: 12px;
    }
    .fu20 li span{
        font-size: 10px;
        padding-right: 2px;
    }
    .jquery-accordion-menu ul ul.submenu li a{
        font-size: 12px;
    }
    .inner-banner h3{
        font-size: 10px;
    }
    .table-20{
        overflow-x: scroll;
    }
    .inner-banner h1{
   font-size: 15px;
    }
    .av20 {
    margin-top: 25px;
}

    .b20 a{
        line-height: 28px;
        font-size: 16px;
    }
    .pro-21 {
    margin-top: 20px;
    padding: 0 80px;
}
    .jquery-accordion-menu{
        padding: 0 5px;
        display: none;
    }
    .hed-10::before{
        display: none;
    }
    .proco-10{
        padding: 0 5px;
    }
    .pdf a{
        font-size: 20px;
        width: 30px;
    }
    .contact-page-section .info-column .inner-column {
    position: relative;
    padding: 5px 0px 0;
}
    .enquiry{
        padding: 50px 10px;
    }
    .bobo2{
        margin-left: 150px;
        width: 155px;
        padding-bottom: 45px;
    }
    .get h3{
        font-size: 20px;
           padding-left: 35px;
    }
    .footer-20 ul li a{
        font-size: 18px;
    }
    .thepro p {
    font-size: 12px;
    color: #333333;
    padding: 15px 13px;
}
    .res{margin-bottom: -70px;}
    .prodc ul li a {
    width: 35%;
    padding-top: 15px;
    padding-left: 10px;
    font-size: 10px;
}
    .prff h4 {
    font-size: 22px;
    padding-top: 50px;
}
    .prff img {
    width: 140px;
}
    .hight {
    padding-top: 30px;
    padding-left: 179px;
            padding-bottom: 25px;
}
    .hight p {
    font-size: 16px;
    color: #fff;
}
    .hight p span{
        font-size: 8px;
    }
    .hight a{display: none;}
    .slick-track{
        top: 25px;
    margin-bottom: -86px;
    }
    .footer-20 h1{
            text-align: center;
    font-size: 18px;
        margin: 0;
    }
    .but200 p{
        padding: 0px;
        float: none;
    }
    .none{
        display: none;
    }
    .footer-20 p{
        text-align: left;
    }
    .line{
    height: auto;
    }
    .navbar-default .navbar-toggle:hover {
    background-color: #0852a2;
}
    
    
    
     .navbar-header button {
    background: #0053a4;
    border: #0053a4;
    top: 20px;
}
    .dropdown-menu {
    padding-left: 0;
}
    .navbar-default .navbar-nav .dropdown-menu > li > a{
        background-color: #0090d6;
    border-radius: 0px;
    margin-top: 2px;
            color: #fff ! important;
    }
    .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 7px;
    /* color: #2e2e2e ! important; */
    font-size: 15px;
    text-transform: uppercase;
    background: #0852a2;
    color: #fff ! important;
    margin-bottom: 2px;
}
    .navbar-collapse{
        box-shadow: none;
        border: none;
    }
    .top{
        margin-bottom: 8px;
    }
    .dropdown-submenu > a:after{
        display: none;
    }
    .about-inner-wrap{
        display: block;
    }
    .what-we-do-img::before, .what-we-do-img::after{
        display: none;
    }
    .what-we-do-img img {
    width: 60%;
}
    .what-we-do-img{
        margin-top: 45px;
    }   
    .text-center h1{
        font-size: 20px;
    }
    .lightbox{
        margin-bottom: 10px;
        display: block;
    }
    
/*    <!-----------contact-us------------> <!-----------contact-us------------> <!-----------contact-us------------>*/
    /*    <!-----------contact-us------------> <!-----------contact-us------------> <!-----------contact-us------------>*/
    
    .sec-title h2{
        font-size: 22px;
        line-height: 0px;
    }
    .contact-page-section .info-column h2{
        font-size:18px;
    }
    }

@media (max-width:420px){
 .navbar-default .navbar-toggle:hover {
    background-color: #0852a2;
}
    .lang {
    margin: 0 auto;
    float: none;
    text-align: center;
    width:90%;
}
    
    .date{
        display: none;
    }
    .search-container a {
       margin-left: 200px;
}
    .team2 a  {
    width: 30%;
    font-size: 12px;
    line-height: 10px;
    text-align: center;
    display: block;
    margin-top: 12px;

}
    .carousel-control{
        left: 45px;
    }
    .glyphicon img {
    width: 70%;
}
    .Jyoti h2{
       font-size: 18px;
    }
    .bobo {
    margin-left: 26%;
}
    .info{
        padding-bottom: 0px ! important; 
    }
    .abo-20 h3{
        margin-left: 27%;
    }
    
    .bobo2 {
    margin-left: 100px;
}
    .abo-220 h3{
        margin-left: 30%;
    }
    .thepro p {
    font-size: 12px;
    color: #333333;
    padding: 15px 5px;
    text-align: justify;
}
    .prodc ul li a {
        width: 46%;
    }
    .rigrt a {
    width: 46% ! important;
}
    .newjj{
          margin-left: -30px;
    }
    .prodc2{
        margin-left: -12px;
    }
    .prff h4{
        font-size: 18px;
    }
    .prff img {
    width: 114px;
}
.hight {
    padding-left: 100px;
    }
    .footer-20 ul li a{
  font-size: 13px;
    }
    .footer-20 h1{
         font-size: 14px;
            text-align: left;
    }
    .footer-20 p{
          font-size: 12px;
    }
    .none{
        display: none;
    }
    .but20 p{
        font-size: 10px;
    }
    .but200 p a{
        font-size: 12px;
        color: #fff;
    }
    .india h2{
            font-size: 10px;
    line-height: 2;
    }
    .navbar-header a img {
       width: 235px;
}
    .navbar-header button {
    background: #0053a4;
    border: #0053a4;
    top: 20px;
}
    .dropdown-menu {
    padding-left: 0;
}
    .navbar-default .navbar-nav .dropdown-menu > li > a{
        background-color: #0090d6;
    border-radius: 0px;
    margin-top: 2px;
            color: #fff ! important;
    }
    .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 7px;
    /* color: #2e2e2e ! important; */
    font-size: 15px;
    text-transform: uppercase;
    background: #0852a2;
    color: #fff ! important;
    margin-bottom: 2px;
}
    .navbar-collapse{
        box-shadow: none;
        border: none;
    }
    .top{
        margin-bottom: 8px;
    }
    .dropdown-submenu > a:after{
        display: none;
    }
    .about-inner-wrap{
        display: block;
    }
    .what-we-do-img::after {
    left: auto;
    right: 13px;
    bottom: auto;
    top:355px;
    border-left: none !important;
    border-bottom: none !important;
}
    .table-20{
        overflow-x: scroll;
    }
    .fu20 li {
    line-height: 20px;
    font-size: 12px;
}
    .fu20 li span {
    font-size: 10px;
    color: #3e3e3e;
    padding-right: 0px;
}
    .hed-10 h2 {
    font-size: 15px;
    color: #346eae;
    font-weight: 500;
    padding-bottom: 0;
    text-align: center;
}
    .hed-10::before{
       background: none;
    }
}


/*<!---------------About us------------>*/
@media (max-width:420px){
.about-inner-content p{
    font-size: 12px;
}
.about-inner-content h2{
      font-size: 20px;
    margin-top: 0;
    margin-bottom: 10px;
}
    .career {
    padding: 15px 0 30px 0;
}
    .phone{
         display: none ! important;
    }
    .bg-white h1 h3{
         
    }
    

.teite::before{
    display: none;
}
.about-inner-content {
    padding-top: 0;
    margin-bottom: 24px;
}
    .our-21 p{
        font-size: 12px;
    }
    .counter-section{
        padding: 20px 0;
    }
    .text-center h1{
        font-size: 16px;
    }
    .counters .counter-content i{
            font-weight: 500;
    font-size: 32px;
    }
    .table-20{
        overflow-x: scroll;
            padding-top: 20px;
    }
    .inlogo{
        display: none;
    }
    .Vac2{
        display: none;
    }
    .footer-20 span{
        font-size: 11px;
    }
    .feedback{
            padding: 4px 9px 19px 12px;
    }
    
.feedback-toggle {
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    /* background: #539AB9; */
    border: 3px solid #fff;
    left: -25px;
    left: -10px\9;
    top: 50%;
    margin-top: -75px;
    cursor: pointer;
    padding-left: -70px;
    width: 91px;
    height: 11px;
    text-align: center;
    letter-spacing: 1px;
    z-index: 10000;
}
.feedback legend{
        font-size: 13px
    }
    .feedback-form-wrapper .form-group .form-control {
    height: 25px;
    }
    .feedback-form-wrapper .form-group .form-control{
        font-size: 10px;
    }
    .feedback-form-wrapper .btn {
       padding: 3px 5px!important;
    font-size: 12px;
    margin-top: 6px;
    }
    .issue{
        height: 50px ! important;
    }
    .inf h1{
     font-size: 13px;   
    }
    .inf p{
        font-size: 12px;
    }
    p{
        margin: 0px;
        font-size: 12px;
    }
    .fu20 li {
    line-height: 20px;
    font-size: 12px;
}
    .pad-container h1, h3{
     
        
    }
}

 .aos-init aos-animate{
        display: none;
    }