.mobNavBtn {
  display:none;
}

@media (max-width:2080px) {
 .hero-section .background-image {
   right:0;
 }
}

@media (max-width:1550px) {
  .hero-section .background-image {
    right:-5%;
    height:550px;
  }
  .hero-section.cut .background-image {
    height:320px;
  }
}

@media (max-width:1200px) {
  .header {
    position:initial;
    background:#f5f9f7;
  }
  .header ul.navbar li {
    display: block;
    margin: 8px 0;
    width: 100%;
    text-align: center;
  }
  .header ul.navbar li a {
    display:block;
    padding:2px 0;
  }
  .hero-section {
    padding-top:25px;
  }
  .header .nav-col {
    display:none;
    width:100%;
    max-width:100%;
    flex:100%;
  }
  .header .nav-col ul.navbar {
    float:none;
    width:100%;
  }
  .header ul.navbar li .dropdown {
    display:block;
    position:initial;
    width:100%;
    background:transparent;
    text-align:center;
  }
  .header ul.navbar li .dropdown li a {
    color:rgba(0,0,0,0.5);
    text-align:center;
  }
  .header ul.navbar li .dropdown li a:hover {
    color:rgba(0,0,0,0.4);
  }
  .mobNavBtn {
    display:block;
  }
}

@media (max-width:1175px) {
  .hero-section .background-image {
    right:-7%;
    height:500px;
  }
}

@media (max-width:992px) {
  .hero-section .background-image {
    bottom:0;
    right:0;
    left:0;
    margin:auto;
  }
  .hero-section.cut .background-image {
    width:120%;
    height:auto;
    left:-15%;
    right:auto;
  }
  .hero-section h1 {
    margin-bottom:260px;
  }
  .hero-section .subtitle {
    font-size:17px;
    line-height:1.5;
    margin-bottom:20px;
  }
  .hero-section {
    padding-bottom:25px;
  }
  .services-box h3 {
    width:75%;
  }
  .news-item .image-container { 
    margin-bottom:15px;
  }
}

@media (max-width:768px) {
  html, body {
    width:100%;
    font-size:16px;
    overflow-x:hidden;
  }
  #requestInfoButton {
    padding:13px 23px;
    font-size:16px;
    right: -69px;
  }
  .footer .contact-details {
    margin-bottom:20px;
  }
  .hero-section .background-image {
    width: 140%;
    left: -25%;
    height:auto;
  }
  .hero-section.cut .background-image {
    width:160%;
    left:-50%;
  }
  .hero-section h1 {
    margin-bottom:10px;
    font-size: 39px;
    line-height: 1;
  }
  .hero-section .subtitle {
    font-size:16px;
    padding:0;
    background:none;
  }
  h2 {
    font-size:30px;
  }
  .services-box h3 {
    font-size:19px;
  }
  .hero-section {
    padding-bottom: 375px;
    overflow: hidden;
  }
  .services-box {
    padding:12px;
    height:85px;
  }
  .button {
    padding:12px 18px;
    font-size:14px;
  }
  .button i.fa {
    display:none;
  }
  .footer {
    padding:25px 0;
    font-size:16px;
  }
  .footer .copyright {
    font-size:13px;
  }
  
  .testimonial-section, .section {
    padding:15px 0;
  }
}

@media (max-width:515px) {
  .hero-section .background-image {
    width: 150%;
    left: -30%;
  }
  .hero-section.cut .background-image {
    width:170%;
    left:-55%;
  }
}