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

.banner-wrapper .bnr-text .bnr-t-box span{ font-size:50px; line-height:50px; margin-bottom:20px;}
.banner-wrapper .bnr-text .bnr-t-box p{margin:0 130px;}


}


@media only screen and (max-width: 1280px) {
	
header#header{margin:0; left:0; width:100%; height:70px; padding:5px 0; }
header#header .container{ width:auto;}
header#header .logo {    margin: 8px;    width: 220px;}	
.banner-wrapper{margin-top:40px;}
	
}

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


.banner-wrapper .bnr-text {    left: 15%;    margin: 0;  top:35%;  position: absolute;    width: 70%;}
.banner-wrapper .bnr-text .bnr-t-box span{ font-size:40px; line-height:40px; margin-bottom:20px;}
.banner-wrapper .bnr-text .bnr-t-box p {    margin: 0 60px;font-size: 14px; line-height: 20px;}
.single-page-nav ul li a{font-size:13px;}

}




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

h1{font-size: 30px;  line-height:36px; margin:10px 0px 10x 0px;}
h3{font-size: 24px; line-height:30px; margin:10px 0px 10px 0px;}
h4{font-size: 22px; line-height:26px; margin:10px 0px 10px 0px;}
h5{font-size: 18px; line-height:22px; margin:10px 0px 10px 0px;}
h6{font-size: 15px; line-height:20px; margin:10px 0px 10px 0px;}
p{font-size:14px;}



.banner-wrapper .bnr-pic img {   margin-left: -12%;   width: 125%;}

header#header{height:60px; padding:0; }
header#header .logo {    margin: 15px 0;    width: 170px; }
header#header.convert .logo {  margin: 15px 0;    width: 170px; }
.single-page-nav ul li a{padding:0 15px;}
ul.share-list li {    font-size: 15px;    margin-left: 5px; }



}




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


.banner-wrapper .bnr-text {    left: 10%;    top: 35%;   width: 80%;}
.banner-wrapper .bnr-text .bnr-t-box span{ font-size:30px; line-height:30px; margin-bottom:15px;}
.banner-wrapper .bnr-text .bnr-t-box p {    margin: 0 60px;font-size: 13px; line-height:18px;}

.title-row {  padding:100px 0 50px; }

.ourser-box .servi-box{margin-bottom:30px;}

.about-row .ab-bx:before{display:none;}
.blog-row .blog-pbx .blog-text:before{display:none;}

}


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


}


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





}


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

}




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

.ourser-box {   padding: 30px 0; }


}


/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	


}


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


ul.share-list {margin-right:60px;}
button.open-nav{display:block; }


.single-page-nav ul {  background:#000;   float: none;  z-index:999;   height: 100%;    margin:0;    overflow: auto;    padding: 0;    position: fixed;    right: -180px;    top: 0;    width:180px;}
.single-page-nav ul li{float:none;border-bottom:1px solid #333; }
.single-page-nav ul li a{float:none; color:#FFF;  text-align:left; padding:15px 15px; font-size:14px; }
.single-page-nav ul li a i{display: inline;  font-size:20px; margin-right:10px;  vertical-align:middle;   }
.single-page-nav ul li a.current , .single-page-nav ul li a:hover{background:#3FC0F0; color:#FFF; border-right:3px solid #F3FC0F0FF; }
.single-page-nav ul li.last{display:block; }
.single-page-nav ul li.last a:hover{ background:#FE2126; }

.single-page-nav ul li ul{position:static;  padding:0;  width:auto;  }
.single-page-nav ul li{border-top:1px solid #000; }
.single-page-nav ul li ul li a {    font-size: 12px;    line-height: 14px;    padding: 5px 15px;    text-transform: none; background:#333;  }

}

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



}






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




}


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

.banner-wrapper .bnr-text .bnr-t-box { width: 85%;}
.banner-wrapper .bnr-text .bnr-t-box span {    font-size: 25px;    line-height: 20px;  }


}




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



}


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

.banner-wrapper .bnr-text .bnr-t-box span {    font-size: 20px;    line-height: 20px;  margin-bottom:10px; font-weight:400;}
.banner-wrapper .bnr-text .bnr-t-box p{ font-weight:400; margin:0 25px; line-height:18px;}
.banner-wrapper .bnr-text {    left: 10%;    top: 25%;    width: 80%;}
.contact-row .contact-form form {  padding: 25px;}

}


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


}



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


}




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

.banner-wrapper .bnr-text .bnr-t-box span {    font-size: 18px;    line-height: 18px;  margin-bottom:10px;}
.banner-wrapper .bnr-text .bnr-t-box p{ font-weight:400; margin:0 25px; line-height:18px;}
.contact-row .contact-form .col-xs-6{width:100%;}
.contact-row .contact-form p{font-size:18px; padding-left:60px;}
.contact-row .contact-form em{width:40px;}
.contact-row .contact-form em img{width:100%; height:auto;}
.contact-row .contact-form form{ padding:25px 15px;}

}



@media only screen and (max-device-width: 480px) and (orientation : landscape) { 


}



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



}

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

.banner-wrapper .bnr-pic img {    margin-left: -64%;    width: 200%; }
header#header .logo {    margin: 10px 0;    width: 130px; }
header#header.convert .logo{    margin: 10px 0;    width: 130px; }
header#header {    height: 40px;  }
header#header.convert{    height: 40px;   }

ul.share-list { height: 40px;  padding: 12px 0;}
.single-page-nav {    float: right;    height: 40px;    padding: 10px 0; }
button.open-nav{top:10px; right:10px;}

.banner-wrapper .bnr-text {    left: 5%;    top: 24%;    width: 60%;}
.banner-wrapper .bnr-text .bnr-t-box {    width: auto; }
.banner-wrapper .bnr-text .bnr-t-box p {    font-weight: 400;    line-height: 18px;    margin: 0 10px;}
.banner-wrapper .bnr-text .bnr-t-box span {    font-size: 16px;    line-height: 16px;  margin-bottom:10px;}

}



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



}



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



}


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


}

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





}


@media screen and (-webkit-min-device-pixel-ratio:0) { 


  
}