@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
h1{font-size:36px;}
h2{font-size:34px;}
h3{font-size:26px;}
.landing-page-banner .bannerImage{width:45%}
.landing-page-banner .text-box { min-height: 260px;}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
h1{font-size:30px;}
h2{font-size:28px;}
h3{font-size:24px;}
.landing-page-header .header-right a{font-size:26px;}
.landing-page-header .header-right .fa {
    font-size: 30px;
    position: relative;
    top: 6px;}
    .landing-page-header .header-right h5 {margin: 0;font-size: 15px;}
  .landing-page-header .header-right{width:auto}
.landing-page-banner{margin-top: -25px;}
.landing-page-banner .eye-icon{position: absolute;top: -40px;}
.landing-page-banner .eye-icon:before{left:-50px}
.landing-page-banner .eye-icon:after{right:-50px}
.landing-page-banner .bannerImage{position: static;top: 0;
right: 0;
width: 100%;
padding: 0;
z-index: 1;}
.landing-page-banner .bannerImage img{width:100%}
.landing-page-banner .text-box{min-height:1px;padding: 30px 30px 0; width: 100%;text-align: center;}	
.landing-page-banner .text-box h1 {
    position: static;
    top: 0;
    transform:none;
    -webkit-transform:none;
    -moz-transform: none;
}
.landing-page-banner .text-box h1 br{display:none}
.bottom-form .text-box{max-width:100%;margin-top:0}
.bottom-section .bottom-form-left {float: left; width: 100%;}
.bottom-section .bottom-form-left img{ display:block;}
.bottom-section .bottom-form-right {float: left; width: 100%;background:url(../images/bottom-form-right.jpg) no-repeat 0 0; background-size:cover}
}


@media only screen and (max-width: 767px) {
h1{font-size:30px;}
h2{font-size:28px;}
h3{font-size:24px;}
p{ font-size:16px; }

.header-right{ float:left; width:100%; padding:0}
  .landing-page-banner .text-box h1{font-size:24px}
  .landing-page-header .header-right{width:auto}
  .landing-page-header .header-right h5,
  .landing-page-header .header-right em{display:none}
  .landing-page-header .header-right a {
    color: #fff;
    font-size: 14px;
    border: 1px solid #fff;
    border-radius: 90%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
}
  .landing-page-header .header-right .fa {
    font-size: 25px;
    position: relative;
    top: 2px;
    line-height:36px;}

.landing-page-banner{margin-top: -25px;}
.landing-page-banner .eye-icon{position: absolute;top: -40px;}
.landing-page-banner .eye-icon:before{left:-50px}
.landing-page-banner .eye-icon:after{right:-50px}
.landing-page-banner .bannerImage{position: static;top: 0;
right: 0;
width: auto;
padding: 0;
z-index: 1;}
.landing-page-banner .bannerImage img{width:100%}
.landing-page-banner .text-box{min-height:1px;padding: 30px 15px 0;text-align: center;}	
.landing-page-banner .text-box h1 {
    position: static;
    top: 0;
    transform:none;
    -webkit-transform:none;
    -moz-transform: none;
}
.landing-page-banner .text-box h1 br{display:none}
  .section1{padding:15px 0;}
.page .section1 h2{font-size:24px;}
.page .section1 h3{font-size:22px;}
.section1 .box{padding:0; margin:30px 0 0}
.blue-sec .heading .icon {
    display: block;
    margin-right: 0px;
}
  
.blue-sec .heading .icon img{display:inline;}
.page .blue-sec .heading h2{display:block;text-align: center;margin-left: 0;top:0;font-size:22px;}
.page .blue-sec .heading h2 span{font-size:24px;}
.blue-sec p{text-align: center;font-size: 16px;}
  .light-blue{padding:40px 0 30px;}
.light-blue .container{padding:0 15px;}
  .light-blue .box ul{padding-left:10px;}
  .light-blue .box ul li{font-size: 15px;margin: 0 0 8px;background-position:0 8px;}
  .light-blue .box ul li em{font-size:14px;}
.page .light-blue .col-md-5 .box h2{padding-left: 50px;font-size: 22px;}
  .light-blue .box h2 img{margin: 0 10px 0 0; width: 40px;}
.page .light-blue .container.bottom .box h2{margin-left:0;font-size: 22px}
  .light-blue .col-md-5 .box h2 img{margin-top: -20px;}
  .light-blue .container.bottom hr{margin-bottom:30px;}
  .white-bg{ padding-bottom:30px;}
.page .white-bg h2{font-size:22px;padding-left: 60px;}
  .white-bg h2 img{width: 40px;} 
   .white-bg .box ul{padding-left:0px;}
  .white-bg .box ul li{font-size: 20px;margin: 0 0 8px;padding:0 0 0 60px;}
  .white-bg .box ul li span,
  .white-bg .box ul li strong{font-size: 16px;}
  .white-bg .box ul li img{width: 40px;} 
  
.white-bg h2 br{display:none}
.white-bg .left,
.white-bg .right{padding:0 15px}
.white-bg .right:before{display:none}
  .white-bg .container.bottom{padding:0 15px}
.white-bg .container.bottom h2{padding-left:0; font-size:24px;}
  .bottom-form .text-box{margin-top: 0;padding-bottom: 7px;margin-bottom: 50px;}
 .page .bottom-form .text-box h2{ font-size:24px;}
  .bottom-form .text-box:after{top: 100%;width: 34px;transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg);margin-right: -14px; right:50%}
.technology-logos p{padding:0}
.page .technology-logos h2{font-size:24px;}
.bottom-section .bottom-form-right{background:url(../images/bottom-form-right.jpg) no-repeat 0 0; background-size:cover}
.bottom-section .bottom-form-right .text-box{padding:20px;}
.page .bottom-section .bottom-form-right h2{font-size:26px; text-align:center;}
.page .bottom-section .bottom-form-right h2 span{display:block}
.bottom-section .form .gform_wrapper ul li.gfield{width:100%}
.bottom-section .form .gform_wrapper .gform_footer{width:100%}
.bottom-section .bottom-form-left img{display:block}
.siteorigin .left,
.siteorigin .right{border:none; padding:0 15px;}
.siteorigin .address{width:100%}
.siteorigin .google-map{width:100%}

}
@media only screen and (max-width:470px) {
.technology-logo ul li{width:50%; margin:0 0 15px;}
	
}
@media only screen and (max-width:400px) {
	.panel-wrapper .text-box{max-height:360px;}
}
@media only screen and (min-width: 480px) and (max-width:767px) {
.panel-wrapper .text-box{max-height:245px;}
}
@media only screen and (max-width: 550px) {
  .header-right ul li h5{font-weight:normal;font-size:12px;}
}