/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

@media screen and (max-width: 1024px) {

/*
.devrama-slider, .primary-img {
 min-height: 480px !important;
 max-width: 1000px !important;
 }
*/

.slider-banner h3{
 font-size: 26px !important;
 padding-right: 100px !important;
 margin-top: 0px !important;
 line-height: 30px !important;
}

 #header .header-content {
 width: 90%;
 padding: 0px 0px 20px 30px;
}
 #header.fixed a {
 color: #fff;
}
 .nav-toggle {
 display: block;
}
 .navigation {
 position: fixed;
 background-color: #000;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 z-index: 99999;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
 transition: opacity 0.5s, visibility 0s 0.5s;
}
 .navigation .primary-nav {
 position: relative;
 top: 20%;
 -moz-transform: translateY(-45%);
 -ms-transform: translateY(-45%);
 -webkit-transform: translateY(-45%);
 transform: translateY(-45%);
}
 .navigation li {
 display: block;
 margin-bottom: 1px;
}
 .navigation a {
 display: block;
 font-size: 18px;
 margin: 0;
 text-align: center;
 padding: 17px 0;
 color: #fff;
}
.navigation a:hover, .navigation a.active {
 color: #fff;
 text-decoration: overline;
}
 .person {
 margin: 0 auto 50px;
}
 .person-content {
 text-align: center;
}
 .person .social-icons li {
 display: inline-block;
 float: none;
 margin-bottom: 5px;
}
 .testimonials blockquote {
 padding: 20px 5% 0;
}
 .testimonials p {
 font-size: 12px;
}
 .flex-control-nav {
 bottom: 20px;
}
}



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

.slider-banner h3{
 font-size: 22px !important;
 line-height: 28px !important;
 padding-right: 60px !important;
}

#intro {
 margin-top: 0px;
}

/* #banner {
 display: none;
}
*/

#header.fixed a {
    color: #fff;
}
#header.fixed a.logo{
  color: #000;
}
 .banner-text {
 padding-top: 30%;
}
 .banner-text h1 {
 font-size: 42px;
}
 .banner-text p {
 font-size: 18px;
}
 .flexslider {
 padding-bottom: 80px;
}
 .flex-control-nav {
 width: 100%;
}
 .footer .footer-col {
 margin-bottom: 50px;
}

/* .slider-banner h3{
 display:none !important;
}
*/
}




@media screen and (max-width: 640px) {
.slider-banner h3{
 font-size: 20px !important;
 padding-right: 100px !important;
 line-height: 24px !important;
}

 .banner-text {
 padding-top: 57%;
}
 .testimonials p {
 font-size: 12px;
}
.video-responsive {
    display: block;
    width: 100%;
    min-height: 100%;
}
#banner2 h3{
 font-size: 18px !important;
 line-height:20px !important;
 padding-right: 30px !important;
 }
#banner2{
 padding-top: 80px !important;
 }
}




@media screen and (max-width: 480px) {
.slider-banner h3{
 font-size: 18px !important;
 padding-right: 40px !important;
 margin-top: 0px !important;
 line-height: 18px !important;
}
 .banner-text {
 padding-top: 45%;
}
 .banner-text h1 {
 font-size: 32px;
}
 .testimonials p {
 font-size: 12px;
}
.intro h3 {
 font-size: 20px;
}
.intro h4 {
 font-size: 16px;
}
.intro h5 {
 font-size: 14px;
}
.video-responsive {
    display: block;
    width: 100%;
    min-height: 100%;
}
#banner2 h3{
 font-size: 16px !important;
 line-height:18px !important;
 padding-right: 25px !important;
 }
#banner2{
 padding-top: 70px !important;
 }
img.responsive5 {
    display: block;
    max-width: 340px;
    max-height: 269px;
    padding-bottom: 5px;
    }
img.responsive6 {
    display: block;
    max-width: 340px;
    max-height: 269px;
    }
}


@media screen and (max-width: 380px) {
.slider-banner h3{
 font-size: 18px !important;
 padding-right: 40px !important;
 margin-top: 0px !important;
 line-height: 20px !important;
 color: #111 !important;
}
 .banner-text {
 padding-top: 55%;
}
 .testimonials blockquote {
 padding: 20px 5% 0;
}
 .testimonials p {
 font-size: 12px;
}
.intro h3 {
 font-size: 20px;
}
.intro h4 {
 font-size: 16px;
}
.intro h5 {
 font-size: 14px;
}
.section-header {
    padding-top: 0px;
}
.services {
    margin-bottom: 0px;
}
.service-section {
    padding-top: 50px;
}
#banner2 h3{
 font-size: 14px !important;
 line-height:14px !important;
 padding-right: 15px !important;
 color: #111 !important;
 }
#banner2{
 padding-top: 70px !important;
 }
.video-responsive {
    display: block;
    width: 100%;
    min-height: 100%;
}
img.responsive5 {
    display: block;
    max-width: 340px;
    max-height: 269px;
    padding-bottom: 5px;
    }
img.responsive6 {
    display: block;
    max-width: 340px;
    max-height: 269px;
    }
}