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

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

/*menu and banner css start*/
#navigation .navbar-nav.navbar-right li a { padding:5px 10px; }
#navigation .navbar-brand { width:100%; }
.navbar-brand .img-responsive { max-width:70%; }
#navigation .phone { margin-left:0px; float:none; } 
/*menu and banner css start*/
 
.callback .form-group input.code { width:50%; }

}

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

/*menu and banner css start*/
#navigation .navbar-nav.navbar-right li a { padding:5px 10px; }
#navigation .navbar-brand { width:100%; }
.navbar-brand .img-responsive { max-width:70%; }
#navigation .phone { margin-left:0px; float:none; } 
/*menu and banner css start*/

/*callback div start*/
.callback { width:98%; margin:0px auto; border-radius:5px;   }
/*callback div end*/

}

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

/*menu and banner css start*/
#navigation .navbar-nav.navbar-right { margin-top:0; }
#navigation .navbar-inverse .navbar-nav .active a, #navigation .navbar-inverse .navbar-nav .active a:focus, #navigation .navbar-nav.navbar-right li a:hover{ border:none; }
.navbar-header p { text-align:center; float:none; }
#navigation .navbar-nav.navbar-right li a { margin-top:5px; }
#navigation .navbar-nav.navbar-right { background:#E8E8E8; }
.navbar-brand { height:100px; }
/*menu and banner css end*/

.certification li {  width:100%; }

.services  .tittle_choose p {  width:83%; }

/*counter css start*/
.counter { margin-top:10px; }
.counter i { margin-top:20px; }
/*counter css end*/

/*bot links css start*/
.bottom h2 { margin-top:20px; } 
.bottom .bott2 li { font-size:14px; }
.bottom .bott3 {  font-size:14px; }
/*bot links css end*/

.counter i { margin-top:20px; }
 
} 

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

/*menu and banner css start*/
#navigation .navbar-toggle { margin-top:32px; }
#navigation .navbar-inverse .navbar-nav .active a, #navigation .navbar-inverse .navbar-nav .active a:focus, #navigation .navbar-nav.navbar-right li a:hover { border:none; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { margin-top:10px; }
.navbar-brand { float:none; margin-top:5px; }
.navbar-brand .img-responsive { max-width:70%; margin-left:8px; } 
#navigation .navbar{ height:50px; }
/*menu and banner css start*/

/*callback div start*/
.callback {width:98%;}
.callback .form-group input { width:96%; } 
.callback .form-group input.code { width:70%; }
.callback p {  font-size:18px; color:#FFF; text-align:center; }
/*callback div end*/

}  

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

.navbar-brand .img-responsive { max-width:60%; } 

/*callback div start*/
.callback .form-group input { width:96%; } 
.callback .form-group input.code { width:60%; }
/*callback div end*/

}