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

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

/*callback form css start*/
.callback .form-group input { width:100%; border-radius:2px; margin-right:0; } 
.callback .form-group textarea { width:100%; border-radius:2px; margin-right:0; } 
.callback .form-inline .form-group { display:block; margin-bottom:10px; }
.callback .form-group input.code { float:left; width:60%; border-radius:2px; margin-right:5px; }
.callback .captcha { padding:9px; background:#FFF; border-radius:2px; margin-right:5px; }
.submit { margin-top:0px; }
/*callback form css start*/

.web_banner { margin-top:172px; }

.support img { display:none; }

.content { margin-top:265px; margin-bottom:20px; }

/*register css start*/
.register_main { width:90%; margin-top:250px; }
/*register css start*/

}

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

.logo { text-align:center; float:none; }
.logo img { width:50%; height:auto; }
.phone { float:none; font-size:16px; text-align:center; line-height:20px; margin-bottom:15px; }

.top_left { width:100%; text-align:center; margin:0px auto;}
.top_link{ width:100%; text-align:center; margin:0px auto}
.icon { width:23%; float:none; margin:0px auto; text-align:center;}

.main.stiky { display:none;}
.main.stiky .top { display: none;}
.navbar-brand { float: none; height: auto; padding: 5px 15px; font-size: 18px; line-height: 20px;}
.main.stiky  .navbar-brand { margin-top:-6px; }
.main .navbar-brand > img { width:40%; margin:0px auto; text-align:center; height:auto; }
.main.stiky .navbar-brand > img { width: 80%; height:auto;}

.navbar-fixed-top { position:absolute;}

/*banner css start*/
.banner{ position:relative; margin-top:256px; }
/*banner css end*/

.web_banner { margin-top:256px; }

/*callback form css start*/
.callback .form-group input.code { float:left; width:81%; border-radius:2px; margin-right:5px; }
.callback .captcha { padding:9px; background:#FFF; border-radius:2px; margin-right:5px; }
.submit { margin-top:10px; }
/*callback form css start*/

.adv_box_margin{ margin-left:42px; margin-right:42px; border-radius:0px; background-color:#f5f7f9;}

.icon { width:30%; margin:0px auto; margin-top:15px; }

/*register css start*/
.register_main { margin-top:280px; }
.register .code { width:75%; }
/*register css start*/

.mt{ margin-top:320px;}

.adv_box .index_h { height:230px;}

.pricing-grid { margin-bottom:20px;}

}

@media only screen and ( max-width:480px) {
	
.logo{  text-align:center; float:none; }
.phone { float:none; font-size:16px; text-align:center; }

.main .navbar-brand > img { width:70%; margin:0px auto; text-align:center; height:auto; }

.top_left { text-align:center; margin:0px auto;}
.icon { width:36%; float:none; margin:0px auto; text-align:center; }


/*banner css start*/
.banner{ position:relative; margin-top:253px;}
/*banner css end*/

/*callback form css start*/
.callback .form-group input.code { float:left; width:69%; border-radius:2px; margin-right:5px; }
.callback .captcha { padding:9px; background:#FFF; border-radius:2px; margin-right:5px; }
/*callback form css start*/

.web_banner { margin-top:253px; }

.adv_box_margin{ margin-left:15px; margin-right:15px; border-radius:0px; background-color:#f5f7f9;}

.icon { width:60%; margin:0px auto; margin-top:15px; }

/*register css start*/
.register_main { margin-top:290px; }
.register .code { width:55%; }
/*register css start*/

.adv_box .index_h { height:260px;}
.adv_box .fran_h { height:400px;}

.adv_box .box_h { height:450px; }
.adv_box .serv_h { height:380px; }
.adv_box .serv_h2 { height:300px;}

.pricing-grid { margin-bottom:20px;}
}

@media only screen and ( max-width:320px) {
	
.logo{  text-align:center; float:none; }
.phone { float:none; font-size:16px; text-align:center;}

.top_left { text-align:center; margin:0px auto; }
.icon { width:50%; float:none; margin:0px auto; text-align:center;}	
	

.img_box{ width:90%; border:3px solid #fff; margin:15px auto 15px auto; box-shadow: 0 0 5px rgba(0, 0, 0, 0.30);}

/*banner css start*/
.banner{ position:relative; margin-top:232px;}
/*banner css end*/	

/*callback form css start*/
.callback .form-group input.code { float:left; width:55%; border-radius:2px; margin-right:5px; }
.callback .captcha { padding:9px; background:#FFF; border-radius:2px; margin-right:5px; }
/*callback form css start*/

.web_banner { margin-top:232px; }

.icon { width:80%; margin:0px auto; margin-top:15px; }

/*register css start*/
.register_main { margin-top:300px; }
.register .code { width:41%; }
/*register css start*/

}