/* Big tablets to 1200px widths smaller than 1140px row  */
@media only screen and (max-width: 1200px) {
  header {
    width: 100%;
    padding: 0 2%;
  }

  .row {
    padding: 0 2%;
  }

  .section-samples img {
    width: 230px;
  }
}

/* small tablet to big tablet, from 768 to 1023 pix */
@media only screen and (max-width: 1023px) {
  html {
    font-size: 18px;
  }
  section {
    padding: 60px 0;
  }

  h2 {
    font-size: 23px;
  }

  .section-samples img {
    width: 170px;
  }

  .section-features {
    margin-top: 5px;
  }

  .logo {
    height: 72px;
  }

  .logo-green {
    height: 60px;
  }
}

/* small phones to small tablets from 481 to 767pix */
@media only screen and (max-width: 767px) {
  section {
    padding: 30px 0;
  }

  h2 {
    font-size: 19px;
  }

  .col {
    width: 100%;
  }

  .hero-text-box {
    margin-top: 50px;
  }

  .section-samples img {
    width: 260px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }


  .main-nav {
    display: none;
  }
 

  .main-nav {
    float: left;
  }

  .main-nav li {
    display: block;
    line-height: 1.4;
  }

  .main-nav li a:link,
  .main-nav li a:visited {
    display: block;
    border: 0;
  }
 

  .logo {
    height: 80px;
    display: none;
  }

  .logo-icon {
    display: block;
    height: 90px;
    float: left;
    margin-top: 40px;
  }

  .sticky .icogreen {
    display: block;
    height: 90px;
    float: left;
    margin-top: 5px;
  }

  .sticky .logo-icon {
    display: none;
  }

  .logo-green {
    display: none;
  }

  .sticky .logo-green {
    display: none;
  }

  .section-form {
    margin-top: 10px;

  }

  .contact-form {
    width: 100%;
    margin: 0 auto;
  }

  .submit {
       margin-top: 0;
  }

  .h-captcha {
    transform: translateX(0);
  }

  .hero-text-box{
    left: 38%;
  }

  /*mobile navigation*/
  
  .btn-mobile-nav {
    display: block;
    width: 30%;
    height: 30%;
    padding-top: 55px;
    float: right;
  }

  .sticky .btn-mobile-nav {
    padding-top: 27px;
  }
}

/* small phones from 0 to 480 pix */
@media only screen and (max-width: 480px) {
  .titles {
    font-size: 150%;
  }
  
  
  section {
    padding: 30px 0;
  }

  h2 {
    font-size: 19px;
  }

  .col {
    width: 100%;
  }

  .hero-text-box {
    margin-top: 50px;
  }

  .section-samples img {
    width: 260px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }

  /*
  .main-nav {
    display: none;
  }*/
 



  .logo {
    height: 80px;
    display: none;
  }

  .logo-icon {
    display: block;
    height: 90px;
    float: left;
    margin-top: 40px;
  }

  .sticky .icogreen {
    display: block;
    height: 90px;
    float: left;
    margin-top: 5px;
  }

  .sticky .logo-icon {
    display: none;
  }

  .logo-green {
    display: none;
  }

  .sticky .logo-green {
    display: none;
  }

  .section-form {
    margin-top: 10px;
  }

  .contact-form {
    width: 100%;
    margin: 0 auto;
  }

  /*mobile navigation*/
  
  .btn-mobile-nav {
    display: block;
    width: 30%;
    height: 30%;
    padding-top: 55px;
    float: right;
  }

  .sticky .btn-mobile-nav {
    padding-top: 27px;
  }

.btn {
  font-size: 15px;
}


}