@media(max-width:1440px) {
  .divider-gap {
    padding: 14% 16% 12% 12%
  }
}

@media(max-width:1200px) {
  .f-left-none {
    float: none
  }
}

@media(max-width:1024px) {
  .home-carousel .content-box {
    padding: 0 30px
  }

  .long-gap-left {
    margin-left: 0
  }

  .divider-gap {
    padding: 10% 5% 9% 5%
  }

  .video-popup {
    min-height: 420px
  }

  .mrt-lg-90 {
    margin-top: 90px
  }

  .mrb-lg-20 {
    margin-bottom: 20px
  }

  .mrb-lg-30 {
    margin-bottom: 30px
  }

  .mrb-lg-40 {
    margin-bottom: 40px
  }

  .mrb-lg-50 {
    margin-bottom: 50px
  }

  .mrb-lg-60 {
    margin-bottom: 60px
  }

  .mrb-lg-70 {
    margin-bottom: 70px
  }

  .pdt-lg-105 {
    padding-top: 105px
  }

  .pdb-lg-45 {
    padding-bottom: 45px
  }

  .pdb-lg-50 {
    padding-bottom: 50px
  }

  .pdb-lg-55 {
    padding-bottom: 55px
  }

  .pdb-lg-70 {
    padding-bottom: 70px
  }

  .pdb-lg-75 {
    padding-bottom: 75px
  }

  .pdb-lg-80 {
    padding-bottom: 80px
  }

  .pdb-lg-90 {
    padding-bottom: 90px
  }

  .pdb-lg-100 {
    padding-bottom: 100px
  }
}

@media(max-width:991px) {
    .logo{padding-top:0;}
  .logo img {
    height: 50px
  }

  .header-wrapper .header-navigation-area {
    padding: 10px 0
  }

  .language-select-box {
    text-align: center;
    float: none
  }

  .header-top-social-area {
    float: initial;
    text-align: center
  }

  .header-middle .topbar-info-area a {
    font-size: 15px
  }

  .header-style-one .mean-container a.meanmenu-reveal {
    margin-top: -40px
  }

  .header-style-one .header-wrapper .header-navigation-area {
    padding: 30px 0 15px
  }

  .header-style-one .header-wrapper .header-top .header-info-area {
    text-align: center
  }

  .header-style-one .header-wrapper .header-top .header-top-social-area ul {
    text-align: unset
  }

  .header-style-two .header-wrapper .header-top .header-info-area {
    text-align: center
  }

  .header-style-two .header-wrapper .header-top .header-top-social-area ul {
    text-align: unset
  }

.header-style-two .header-wrapper .header-navigation-area .main-menu ul li a{
    padding:12px 0;
    font-size:14px;
}
.header-style-two .header-wrapper .header-navigation-area .main-menu ul li:last-child{
    margin-left:0;
}
  .header-searchbox-style-two .toggle-searchbox.show {
    top: 148%
  }

  .header-searchbox-style-two .show-searchbox a {
    margin: 10px 0 0
  }

  .about-section .image-link {
    margin-bottom: 45px
  }

  .service-section-title-area {
    padding: 90px 0 240px;
    margin: 0;
    margin-top: -180px
  }

  .gmap_canvas {
    height: 370px
  }

  .popup-video-block {
    min-height: 445px
  }

  .mrb-md-20 {
    margin-bottom: 20px
  }

  .mrb-md-30 {
    margin-bottom: 30px
  }

  .mrb-md-40 {
    margin-bottom: 40px
  }

  .mrb-md-50 {
    margin-bottom: 50px
  }

  .mrb-md-60 {
    margin-bottom: 60px
  }

  .mrb-md-70 {
    margin-bottom: 70px
  }

  .divider-gap {
    padding: 13% 5% 11% 5%
  }
}

@media(max-width:767px) {
  .error-inner .error-title {
    font-size: 110px;
    line-height: 120px
  }

  .error-inner .error-text {
    font-size: 22px;
    color: #fff;
    margin-bottom: 10px
  }

  .mrb-md-15 {
    margin-bottom: 15px
  }

  .mrb-md-20 {
    margin-bottom: 20px
  }

  .mrb-md-30 {
    margin-bottom: 30px
  }

  .mrb-md-40 {
    margin-bottom: 40px
  }

  .mrb-md-50 {
    margin-bottom: 50px
  }

  .mrb-md-60 {
    margin-bottom: 60px
  }

  .preloader-wrapper {
    left: 40%
  }
}

@media(max-width:768px) {
  .request-a-call-back-form {
    margin-left: 0
  }

  .mapouter.fixed-height {
    height: auto
  }

  .popup-youtube {
    transform: translateY(-90%)
  }

  .popup-video-block {
    min-height: 390px
  }

  .case-study-item:hover .case-study-thumb .case-study-details {
    left: 0
  }

  .case-study-item:hover .case-study-thumb .case-study-link-icon a {
    right: 20px
  }

  .mrt-md-0 {
    margin-top: 0
  }

  .mrb-md-15 {
    margin-bottom: 15px
  }

  .mrb-md-20 {
    margin-bottom: 20px
  }

  .mrb-md-30 {
    margin-bottom: 30px
  }

  .mrb-md-40 {
    margin-bottom: 40px
  }

  .mrb-md-50 {
    margin-bottom: 50px
  }

  .mrb-md-60 {
    margin-bottom: 60px
  }

  .mrt-md-15 {
    margin-top: 15px
  }

  .mrt-md-20 {
    margin-top: 20px
  }

  .mrt-md-30 {
    margin-top: 30px
  }

  .mrt-md-40 {
    margin-top: 40px
  }

  .mrt-md-50 {
    margin-top: 50px
  }

  .mrt-md-60 {
    margin-top: 60px
  }

  .pdb-md-0 {
    padding-bottom: 0
  }

  .pdb-md-15 {
    padding-bottom: 15px
  }

  .pdb-md-25 {
    padding-bottom: 25px
  }

  .pdb-md-40 {
    padding-bottom: 40px
  }

  .pdb-md-45 {
    padding-bottom: 45px
  }

  .pdb-md-80 {
    padding-bottom: 80px
  }

  .pdb-md-90 {
    padding-bottom: 90px
  }

  .pdb-md-100 {
    padding-bottom: 100px
  }

  .pdb-md-110 {
    padding-bottom: 110px
  }

  .pdb-md-83 {
    padding-bottom: 83px
  }
}

@media(max-width:576px) {
  .navbar-brand {
    margin: 0 auto
  }
}

@media(max-width:425px) {
  h2 {
    font-size: 30px !important;
    line-height: 62px !important
  }

  .home-carousel .content-box {
    text-align: center
  }
  .page-title-content{
    height: 280px;
  }
  .home-carousel .content-box h1 {
    font-size: 40px;
    line-height: 54px
  }
  .page-title-content .title{
    font-size: 40px;
  }
  .font-54 {
    font-size: 36px;
    line-height: 48px
  }

  .shadow-text {
    font-size: 68px;
    animation: none
  }

  .anim-object:before {
    position: absolute;
    right: 15%
  }

  .anim-object2:before {
    height: 200px;
    width: 200px;
    top: 40%;
    left: 20%
  }

  .text-divider .large-text {
    font-size: 36px;
    line-height: 1.3
  }

  .preloader-wrapper {
    left: 36%;
    top: 42%
  }

  .icon-box-two .icon {
    float: none
  }

  .icon-box-two .icon-details {
    margin-left: 0;
    margin-top: 15px
  }

  .about-icon {
    display: inline-block;
    margin-top: 35px;
    margin-bottom: 60px
  }

  .about-contact-btn:after {
    visibility: hidden
  }

  .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-author-thumb {
    float: none;
    display: inline-block
  }

  .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content {
    margin-left: 0;
    margin-top: 30px
  }

  .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .children {
    margin-left: 30px
  }

  .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content .comment-text {
    margin-bottom: 25px
  }

  .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content .reply {
    position: unset;
    margin-bottom: 50px
  }

  .divider-gap {
    padding: 23% 4% 20% 4%
  }

  .mrb-sm-15 {
    margin-bottom: 15px
  }

  .mrb-sm-20 {
    margin-bottom: 20px
  }

  .mrb-sm-30 {
    margin-bottom: 30px
  }

  .mrb-sm-40 {
    margin-bottom: 40px
  }

  .mrb-sm-50 {
    margin-bottom: 50px
  }

  .mrb-sm-60 {
    margin-bottom: 60px
  }

  .pdt-sm-50 {
    padding-top: 50px
  }

  .pdb-sm-80 {
    padding-bottom: 80px
  }

  .pdb-sm-90 {
    padding-bottom: 90px
  }

  .pdb-sm-100 {
    padding-bottom: 100px
  }

  .f-left-sm-none {
    float: none
  }
}

@media(max-width:375px) {
  .preloader-wrapper {
    left: 36%;
    top: 42%
  }
}

@media(max-width:320px) {
  .news-wrapper .news-details .news-description .news-bottom-meta {
    padding: 10px 30px
  }

  .about-image .experience {
    padding: 40px 25px;
    max-width: 210px
  }

  .about-image .experience h2 {
    font-size: 72px;
    line-height: 32px
  }

  .about-image .experience h2 span {
    font-size: 24px;
    line-height: 32px
  }
}