/* ---- Responsive ---- */
  @media (min-width: 1439px) and (max-width: 1920px) {
  
  }
  @media (min-width: 1200px) and (max-width: 1440px) {
      
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .head-top{
      padding-bottom: 84px;
    }
    nav.menu ul li a{
      padding: 15px 25px;
    }
    .high-left{
      padding-left: 0px;
      max-width: 30%;
    }
    .high-right{
      max-width: 70%;
    }
    .highlights-grid h5{
      font-size: 1rem;
    }
    .ebox-content{
      padding: 19px 20px;
    }
    .blog-carousel .owl-nav .owl-next,
    .blog-carousel .owl-nav .owl-prev {
      top: -130px;
    }
    .box-img-wrap{
      width: 190px;
      height: 240px;
    }
    .box-right{
      padding: 10px 10px 10px 15px;
    }
    .box-content-head h4 a{
      font-size: 20px;
      line-height: 25px;
    }
    .foot-nav{
      margin: 0px 15px 0 0;
    }
    .infrastructure-content .galbox{
      height: 200px;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .head-top{
      padding-bottom: 7px;
      padding-top: 7px;
    }
    .head-bottom{
      position: relative;
      bottom:0px
    }
    .mean-container .mean-bar{
      border-top: 1px solid #ccc;
      min-height: 46px;
      background: transparent!important;
    }
    .mean-container a.meanmenu-reveal{
      height: 46px;
      line-height: 46px;
    }
    .mean-container .mean-nav{
      margin-top: 46px;
    }
    .head-nav{
      background-color: #fff;
      position: relative;
    }
    .menu-text{
      position: absolute;
      top:10px
    }
    .home-banner{
      min-height: 300px;
    }
    .home-banner .banner-text{
      top: 100px
    }
    .home-banner .banner-text h1{
      font-size: 2.5rem;
    }
    .home-banner .banner-text h2{
      font-size: 2rem;
    }
    .video{
      margin-bottom: 15px
    }
    .ebox-content p{
      line-height: 1.4em;
    }
    .ebox-content{
      padding: 19px 20px;
    }
    .blog-carousel .owl-nav .owl-next,
    .blog-carousel .owl-nav .owl-prev {
      top: -160px;
    }
    .box-img-wrap{
      width:100%
    }
    .box-right{
      padding:10px 0 0
    }
    .foot-top .col-md-12{
      margin-top: 10px
    }
    .doc-box .imgwrap .doc-inner .doc-dt{
      height: 185px;
      bottom: -138px;
    }
  }
  @media (max-width: 767px) {
      .head-top{
      padding-bottom: 3px;
      padding-top: 3px;
    }
    .head-bottom{
      position: relative;
      bottom:0px
    }
    .head-logo .btn{
      padding: 0 10px!important;
    }
    .head-nav{
      background-color: #fff;
      position: relative;
    }
    .menu-text{
      position: absolute;
      top:20px
    }
    .head-nav .btn{
      position: absolute;
      bottom: -53px;
      z-index: 999999
    }
    .appointment-toggle{
      left: -32px;
      margin-top: -112px;
    }
    .appointment-toggle img{
      width: 32px
    }
    .appointment-panel{
      width:280px;
      right: -312px;
      max-height: 100%;
      top: 0px;
    }
      .main-panel {
      margin-left: 0;
      width: 100%; 
      }
      .home-banner{
      min-height: 180px!important;
    }
    .home-banner .banner-text{
      top: 70px
    }
    .home-banner .banner-text h1{
      font-size: 1.5rem;
    }
    .home-banner .banner-text h2{
      font-size: 1.3rem;
    }
      .home-banner .doc-img{
      left: 0%;
      top: 20px;
    }
      .high-left, .high-right{
      text-align: center;
    }
    .high-left{
      border-right:0px
    }
    .high-left img{
      margin: auto;
      float: none;
    }
    .high-left br{
      display: none;
    }
    .blog-carousel .owl-nav .owl-next,
    .blog-carousel .owl-nav .owl-prev {
      top: -60px;
    }
    .box-img-wrap{
      width:100%;
      height: 280px;
    }
    .box-right{
      padding:10px 0 0
    }
    .copyright p{
      display: block;
      text-align: center;
    }
    .copyright p:last-of-type{
      float: none;
    }
    .main-timeline{ padding-left: 20px; }
    .main-timeline:before{ left: 20px; }
    .main-timeline .timeline{ width: 100%;}
    .main-timeline .timeline,
    .main-timeline .timeline-content{
      float: right;
      text-align: left;
    }
    .main-timeline .timeline:first-child:before,
    .main-timeline .timeline:last-child:nth-child(odd):before{
      right: auto;
      left: -11px;
    }
    .main-timeline .timeline-icon{
      right: 0;
      left: -12px;
    }
    .main-timeline .timeline-content:before{ left: -7.3px; }
    .main-timeline .timeline-content:after{ left: -14%; }
    .infrastructure-content .galbox{
      height: 160px;
    }
    .custom-form .form-group{
      margin-bottom: 20px
    }
    .infrastructure-content .galbox{
      height: 200px;
    }
    .media-content .videobox i {
      width: 55px;
      height: 55px;
      line-height: 55px;
      font-size: 20px;
    }
    .media-content .videotitle{
      margin-bottom: 20px
    }
    .sm-mb-20{
      margin-bottom: 20px
    }
  }
  @media (max-width: 575px) {
    .head-logo .pt-3{
      padding-top: 0px
    }
    .page-banner{
      min-height: 180px;
    }
    .page-banner .page-title{
      top: 50px;
    }
    .infrastructure-content .galbox{
      height: 200px;
    }
    .blogdt-content .box-img-wrap{
      height: 260px;
    }
    .contact-info-box .inner-box{
      width: 30px;
      height: 30px;
    }
    .contact-info-box .inner-box i{
      font-size: 15px;
      line-height: 30px;
    }
    .contact-info-box .text-box{
      padding-left: 10px;
    }
  }
  @media (max-width: 568px) {
    
  }
  @media (max-width: 480px) {
    
  }
  @media (max-width: 414px) {
    .doc-box .imgwrap .doc-inner .doc-dt{
      height: 175px;
      bottom: -128px;
      padding: 10px 8px 10px 8px;
    }
    .doc-box .imgwrap .doc-inner .doc-dt h4{
      font-size: 18px;
    }
    .doc-box .imgwrap .doc-inner .doc-dt .btn{
      height: 30px;
      line-height: 30px;
    }
  }
  @media (max-width: 375px) {
    
  }
  @media (max-width: 320px) {
    
  }