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

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */

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

/*callback div start*/
.callback_inner { padding:10px;  }
.callback_inner .form-group input.code { width:60%;  }
/*callback div end*/

.why_us h2 { padding-top:10px; }
.bottom .bott3  { margin-top:10px;}
}

@media only screen and ( max-width:768px) {
	
/*top div start*/
.top { background:#162541;  text-align:center;  } 
.email { font-size:18px; }
.social{ width:26%; margin:0px auto; text-align:center;}
.social li i { font-size:16px; width:26px; height:26px; line-height:26px; margin-bottom:7px; }
/*top div end*/

/*header div start*/
.header {  text-align:center;}
.header .logo .img-responsive { max-width:90%; margin:0px auto;}
.phone { float:none; font-size:28px; text-align:center; margin-top:6px; }
.phone span {  font-size:22px; }
/*header div end*/

/*callback div start*/
.callback_inner { padding:20px;  }
.callback_inner .form-group input.code { width:65%;}
/*callback div end*/

/*advbox div start*/
.adv_box .more { margin-bottom:15px;}
/*advbox div end*/

.rpost1 img { width:100%; }
.about img { width:100%;  }
.about { margin-bottom:10px;}

.testimonial_main h2 { width:70%; margin:0px auto;}

/*bottom css start*/
.bottom .bott3  { margin-top:10px;}
/*bottom css end*/

/*footer css start*/
.footer { text-align:center; }
/*footer css end*/

}

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

/*top div start*/
.social{ width:52%; margin:0px auto; }
/*top div end*/

}

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

/*top div start*/
.email { font-size:12px; }
.social{ width:85%; margin:0px auto;}
.social li i { font-size:16px; width:26px; height:26px; line-height:26px;  margin-bottom:7px; }
/*top div end*/

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

}