@media (max-width:1199px){
  #logo { max-width:220px;}
  #nav ul li a { padding:12px 4px;}
  #nav ul li {font-size:13px;}  
  #nav li ul a { padding:10px 0 10px 12px;}  
  .contact_info_bar h3 {}
  .contact_info_bar h3 b { font-size:32px;}
  .footer_top { font-size:13px;}
  .home_box_inner p { min-height:100px;}
  .about_box img { min-height:177px;}
  .about_box h3 { font-size:18px;}
	.aside_right { padding:15px;}
}
@media (max-width:991px){	
  .capi .capi-inn h1 { font-size:x-large;} 
  .nav-bar { display:none;}
	#nav{display:none}
	.mm-header{display:block}
	#nav-bar {height: auto; position: absolute; right: 10px; top:0;}
	ul.top_info { margin-top:18px; float:none; overflow:hidden;} 
	ul.top_info li:last-child { float:right;}
	ul.top_info li { margin-left:0;}
	.authordec { padding:6px 25px;}
	.authordeg { margin:0;}
	#projects_slider .item:hover .black_overlay_small i { font-size:30px;}
 	.home_box_inner p { min-height:128px;}
	ul.social_btm { margin-bottom:20px;}
	.inner_contents { padding-top:0;}
	.aside_right { padding:20px;}	
	.gallery ul li { width:33.3333%;}
}
@media (max-width:767px){
	ul.top_info { margin-top:5px;}
  .home_box_inner p { min-height:0;}   
  .contact_info_bar h3{ font-size:large}
  .contact_info_bar h2, .contact_info_bar h3 b { font-size:x-large;}
  .about_box { border-top:4px solid #000; border-left:0; padding-bottom:15px;}  
  .about_box img { min-height:0;}
  .about_box h3, .about_box p { padding-left:15px;}
  .about_box ul {padding-left:30px;}
  ul.payment_list { margin-bottom:30px; overflow:hidden;}
	
}
@media (max-width:640px){
	.inner_contents h2 { font-size:25px;}
	.about_box, .aside_right { margin-bottom:25px;}
} 
@media (max-width:480px){
	body { font-size:small;}
	ul.top_info li i {font-size:27px;}
	ul.top_info li .top_info_text h4 {font-size:16px;}
	ul.top_info li .top_info_text { font-size:13px;}	
	.inner_contents h2 { font-size:20px;}
	.about_box h3 {font-size:16px;}	
	.gallery ul li { width:50%;}	
	.top_bar { text-align:center;}
	ul.social { float:none;  text-align:center;}
	ul.top_right { float:none;}
	.mm-header a { top:115px;}
} 
@media (max-width:414px){
	ul.top_info li  { float:none; display:inline-block; margin-bottom:15px;}
	ul.top_info li:last-child  { float:none; margin-bottom:0;}
	.contact_info_bar { padding:0 15px 15px;}
}
@media (max-width:375px){
	.emai_text {text-align:center; float:none;}
	.mm-header a { top:135px;}
	
	.gallery ul li { width:100%;}
}
@media (max-width:360px){
	.capi { display:none;}
}
@media (max-width:320px){	
	.home_content h2, .portfolio_section h2, .testi h2 {font-size:x-large;}
}