@media only screen and (max-width: 767px) {
    .banner-content h1 {
        font-size: 35px;
        margin-bottom: 20px;
    }
    .project-section-two {
      position: relative;
      padding: 45px 0;
  }
  .navik-menu > ul {
    display: none;
    padding: 0 0 20px;
    background: #404040;
}
a.btn.shadow-primary.btn-primary.btn-quote.btn-sm.d-sm-block.d-none {
  display: block!important;
  background: red;
  padding: 9px 25px 9px 25px;
  border: none;
  outline: none;
}
.dropdown-plus:before, .dropdown-plus:after {
  position: absolute;
  content: '';
  top: 24px;
  right: 19px;
  width: 15px;
  height: 1px;
  background-color: #f2e8e8;
}
.navik-menu ul ul li:hover > a {
  background-color: #1e1d1d;
}
.navik-menu ul ul li > a {
  background-color: #434141;
}
    .project-block .inner-box .image img {
      width: 356px;
      height: 309px!important;
  }
  .features-section-two {
    padding: 4px 0 0;
}
    .banner-content-three span {
        color: #fba311;
    }
    .counter-block-three .inner-box .counter-text {
      color: #000000;
      font-size: 14px;
      text-align: center;
      margin-top: 10px;
  }
  .counter-block-three .inner-box {
    padding: 8px 9px 11px;
}
.counter-block-three .inner-box .counter-one {
  font-size: 34px;
}
  .counter-block-three {
    column-count: 1;
    width: 50%;
    margin: 0px;
}
    .banner-style-one h2 {
      font-size: 35px;
      font-weight: 500;
      color: white !important;
      line-height: 41px;
      margin: 0;
  }
  .banner-area.banner-style-one .swiper-slide.swiper-slide-active .button {
    width: 68%;
}
.banner-area .content {
  padding: 40px 0!important;
}
    .navik-header .logo {
        padding: 0px;
    }

    html{
        overflow-x: hidden;
    }
    /* feature if content is there remove this */
    .feature-block.col-lg-4.col-md-6.col-sm-12.wow.fadeInUp {
      column-count: 1;
      width: 50%;
  }
  .feature-block .inner-box {
    padding: 1px 9px 12px;
}
.feature-block .inner-box .count {
  font-size: 28px;
}
.feature-block .inner-box .count {
  top: 8px;
  right: 36px;
}
.feature-block .inner-box:before {
  width: 178px;
  height: 170px;
}

    /* end */
    .sec-title h2 {
  letter-spacing: 0;
  }
  .contact-section-two {
    padding: 50px 0 50px;
}
.contact-section-two .form-column .inner-column .contact-form {
  background-color: #6c6c6c;
  padding: 30px;
}
.contact-section-two .form-column .inner-column .contact-form label {
  color: #ffffff;
  font-weight: 600;
}
.main-footer .widgets-section {
  position: relative;
  padding: 32px 0 28px;
}
.footer-top {
  padding-top: 25px;
}
.main-footer .widget-title {
  margin-top: 30px;
}
.navik-header-container {
  position: relative;
  background: white;
}

}

/* new */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-content h1 {
    font-size: 35px;
    margin-bottom: 20px;
}
iframe {
  border: none !important;
  width: 100%;
}
.banner-content-three span {
    color: #fba311;
}
.counter-block-three .inner-box .counter-text {
  color: #000000;

}
.counter-block-three .inner-box {
padding: 8px 9px 11px;
}
.counter-block-three .inner-box .counter-one {
  font-size: 67px;
}
.counter-block-three {
column-count: 1;
width: 50%;
margin: 0px;
}
.banner-style-one h2 {
  font-size: 35px;
  font-weight: 500;
  color: white !important;
  line-height: 41px;
  margin: 0;
}
.banner-area.banner-style-one .swiper-slide.swiper-slide-active .button {
width: 68%;
}
.banner-area .content {
padding: 40px 0!important;
}
.navik-header .logo {
    padding: 0px;
}
.navik-header-container {
  position: relative;
  background: white;
}
html{
    overflow-x: hidden!important;
}
/* feature if content is there remove this */
.feature-block.col-lg-4.col-md-6.col-sm-12.wow.fadeInUp {
  column-count: 1;
  width: 50%;
}
.feature-block .inner-box {
padding: 1px 9px 12px;
}
.feature-block .inner-box .count {
font-size: 28px;
}
.feature-block .inner-box .count {
top: 8px;
right: 36px;
}
.feature-block .inner-box:before {
width: 178px;
height: 170px;
}

/* end */
.sec-title h2 {
letter-spacing: 0;
}
.contact-section-two {
padding: 50px 0 50px;
}
.contact-section-two .form-column .inner-column .contact-form {
background-color: #6c6c6c;
padding: 30px;
}
.contact-section-two .form-column .inner-column .contact-form label {
color: #ffffff;
font-weight: 600;
}
.main-footer .widgets-section {
position: relative;
padding: 32px 0 28px;
}
.footer-top {
padding-top: 25px;
}
.main-footer .widget-title {
margin-top: 30px;
}
.navik-header-container {
  position: relative;
  background: white;
}
}



@media only screen and (max-width: 991px) {
  iframe {
    border: none !important;
    width: 100%;
  }
  .navik-header-container {
    position: relative;
    background: white;
}
}

@media only screen and (max-width: 1499px){
  iframe {
    border: none !important;
    width: 100%;
  }

}