h4 {
  font-weight: 300;
  font-size: 23px;
  line-height: 32px;
  margin-bottom: 24px;
}

.hide-mobile {display: block;}
.mobile-margin {margin-bottom: 0px;}

.clients-2 {
  text-align: center;
  padding: 64px 0px 64px 0px;
}
.clients-2 .col-md-2 {
  height: 80px;
  line-height: 80px;
}
.clients-2 img {
  max-height: 60px;
  max-width: 140px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  opacity: 0.4;
}
.clients-2 img:hover {
  opacity: 1;
}


.info-panels:nth-child(odd) .info-panel .body {
  background: rgba(255, 255, 255, 0.86);
}

.info-panel p {color: #000;}
.btn-navbar { padding: 12px 30px; border-radius: 4px; min-width: 155px; font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold;}



.btn-sm {
  max-width: 500px;
}
.btn-red {border-color: red; color: red;}
.btn-red:hover {background: red;}

.btn-red-white {border-color: red; color: #FFF;}
.btn-red-white:hover {background: red;}

.btn-white-red {border-color: red; color: #FFF;  background: red;}
.btn-white-red:hover {border-color: #FFF; color: red; background: #FFF;;}


.btn-white-top {background: none; color: #FFF; border-color: #FFF;}
.btn-white-top:hover {background: #FFF; color: red; border-color: #FFF;}

.btn-black-text {background: #000; color: #FFF; border-color: #000;}
.btn-black-text:hover {background: #FFF; color: red;  border-color: #FFF;}


.arrow-list li:before {color: red;}
.text-red {color: red; border-color: red;}
.text-red:hover {color: red; border-color: red;}

.device-divider-1 h2 {
  color: red;
} 

.device-divider-1 .row {
  positon: relative;
  height: 450px;
  overflow: hidden;
}

.device-divider-1 img {

  top: 20px;
}

.nav-button {margin-left: 0px; margin-top: 35px;}

.nav-1.scrolled.logo {display: none;}


.nav-1 {
  background: #333;
  background: rgba(255, 255, 255, 0);
  position: fixed;
  padding-top: 12px;

}

.nav-1:hover {
  background: #333;
  background: rgba(255, 255, 255, 0);
  position: fixed;

}
.nav-1 ul li {border-right: 0px;}
.nav-1 ul li:hover {border-right: 0px;}

.nav-1 ul li a {color: #FFF; font-size: 15px; padding:35px 21px;  font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;}

.nav-1.scrolled:hover {
  background: rgba(255, 255, 255, 0.97);
}

.nav-1.scrolled ul li a {color: #000;}

.footer-6 { padding-bottom: 10px; }


.footer-6 .logo {
  max-height: 60px;
  display: inline-block;
  margin-bottom: 30px;
}






@media (max-width: 767px) {

.device-divider-1 .row {
  positon: relative;
  height: 100%;
  overflow: hidden;
}



.nav-1:hover {
max-height: 900px;
background: rgba(235, 235, 235, 0.81);

}

.nav-1 {
max-height: 80px;
background: rgba(235, 235, 235, 0.81);

}

.nav-1 .menu li {

text-align: center;

}

.nav-1 .menu li a {

color: #000;

}

.nav-button {
  margin-left: 0px;
  margin-top: 35px;
  margin-bottom: 28px;
  text-align: center;
}


}


@media screen and (min-width: 320px) and (max-width: 499px) {

.device-divider-1 img {
  max-width: 230px;
}
.hide-mobile {display: none;}
.mobile-margin {margin-bottom: 50px;}

}
@media screen and (min-width: 500px) and (max-width: 767px) {


.device-divider-1 img {
  max-width: 250px;
}
.hide-mobile {display: none;}
.mobile-margin {margin-bottom: 50px;}
}
@media screen and (min-width: 768px) and (max-width: 990px) {


.device-divider-1 img {
  max-width: 250px;
}
}




@media screen and (min-width: 768px) and (max-width: 1023px)  {
.menu {
  width: 100%;
  margin-top: 0px;
}
.nav-1 ul li {
  border-right: 0px;
  float: left;
  margin-left: 14px;
}
.nav-1 ul li a { padding: 20px 14px; }

.btn-navbar {
  padding: 9px 9px;
  border-radius: 4px;
  min-width: 46px;


}

.nav-button {
  margin-left: 0px;
  margin-top: 8px;
}



}


@media screen and (min-width: 1024px) and (max-width: 1200px)  {
.menu {
  width: 100%;
  margin-top: 0px;
}
.nav-1 ul li {
  border-right: 0px;
  float: left;
  margin-left: 14px;
}
.nav-1 ul li a { padding: 20px 14px; }

.btn-navbar {
  padding: 9px 9px;
  border-radius: 4px;
  min-width: 46px;


}

.nav-button {
  margin-left: 0px;
  margin-top: 20px;
}



}