@media (max-width: 350px){


}

@media (min-width: 350px) and (max-width: 768px) {

}

@media (max-width: 768px) {
  .sticky{
    padding-top: 0 !important;
  }

  .sticky > header:first-child {
    background: #ffffff;
    position: relative;
  }

  .menu ul {
    margin-bottom: 10px;
  }

  header .navbar-nav li{
    display: block;
  }

  .navbar .brand, .navbar .nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .navbar-header .visible-xs {
    margin-top: 4px;
  }

  .navbar-header{
    border-bottom: 1px solid #1c471d;
    padding-bottom: 5px;
    margin-bottom: -1px;
  }

  .sticky > header a.logo{
    display: none;
  }

  .about{
    margin-top: 0;
  }

  .head-title,
  .head-title-right{
    font-size: 18px;
    margin: 0;
  }

  .head-title span {
    padding: 10px 20px 10px 0px;
  }

  .head-title-right span {
    padding: 10px 0px 10px 20px;
  }

  .about .button{
    float: none;
  }

  .about > div.row{
    margin-bottom: 20px;
  }

  .services .services-title > p > a {
    margin-top: auto;
  }

  .cont{
    padding-top: 0;
  }

  .head-title-right{
    flex-direction: row;
  }

  .head-title-right span{
    text-align: left;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .top-left, .top-right {
    padding-top: 20px;
    padding-bottom: 15px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {

}

@media (min-width: 992px) {
  .head-title span,
  .head-title-right span{
    font-size: 50.542px;
  }
}

@media (min-width: 1200px) {

}