/*media queries*/



/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
body{background: #99121e;}
img{max-width:100%;}	
.main{max-width:100%; margin:0 auto; overflow:hidden;}
.logo{ width:100%; margin:20px 0 0 0;}		
.header-right{width:300px; display:block !important; margin:10px auto !important; float:none;}	

.banner_block{  height:auto !important; width:100% !important; display:inline; float:left; position:relative; }
.banner_img{ max-width:100%; display:inline; float:left;}

.banner_block .mobile_block {
	display:inline;
	width:100%;
	float:left;
	min-height:630px;
	}
.ban_blog{ display:block !important;  margin:38px auto !important; position:relative; left:0; top:0;}



.ban_blog2{display:block !important;  margin:38px auto !important; position:relative; left:0; top:0;}



.ban_blog3{display:block !important;  margin:38px auto !important; position:relative; left:0; top:0;}

.oursoal_block p{ text-align: center;}

.oursoal_block h1{line-height:35px; text-align:center;}
.service-block ul li{margin:20px auto !important; padding:0px !important; display:block; float:none; overflow:hidden;}
.service-block ul li:nth-child(3n+3){float:none !important; margin:0px auto !important;}
.service-block ul li p{ padding:0 0 40px 0;}

.footer{ height:auto !important; background:url(images/responsive_footer.jpg) repeat-y #2b2b2b;}
.footer .footer_left{ width:100% !important; background:none; margin:60px 0 0 0; text-align:center;}
.footer .alan_phone{ display:block; float:none !important; width:230px !important; margin:20px auto !important;}
.footer .infolink { display:block; float:none !important; width:240px !important; margin:20px auto !important;}
.footer .footer_right{ width:100%; text-align:center; display:inline; float:left; margin:60px 0 0 0;}
.footer .footer_right .footer_logo{ width:100%;  display:inline; float:left; margin:0 0 0 0;}
.footer .address{ display:inline; float:left; width:100% !important; text-decoration:none;}

.footer .footer_right p{ display:inline; float:left; width:100% !important; text-align:center;}
	
	}
	



/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
body{background: #99121e;}
img{max-width:100%;}	
.main{width:100%; margin:0 auto;}
.logo{ width:100%; margin:20px 0 0 0;}		
.header-right{width:300px; display:block !important; margin:10px auto !important; float:none;}	

.banner_block{  height:auto !important; width:100% !important; display:inline; float:left; position:relative; }
.banner_img{ max-width:100%; display:inline; float:left;}

.banner_block .mobile_block {
	display:inline;
	width:100%;
	float:left;
	min-height:630px;
	}
.ban_blog{ display:block !important;  margin:38px auto !important; position:relative; left:0; top:0;}



.ban_blog2{display:block !important;  margin:38px auto !important; position:relative; left:0; top:0;}



.ban_blog3{display:block !important;  margin:38px auto !important; position:relative; left:0; top:0;}



.oursoal_block h1{line-height:35px; text-align:center;}
.service-block ul li{margin:20px auto !important; padding:0px !important; display:block; float:none; overflow:hidden;}
.service-block ul li:nth-child(3n+3){float:none !important; margin:0px auto !important;}
.service-block ul li p{ padding:0 0 40px 0;}

.footer{ height:auto !important; background:url(images/responsive_footer.jpg) repeat-y #2b2b2b;}
.footer .footer_left{ width:100% !important; background:none; margin:60px 0 0 0; text-align:center;}
.footer .alan_phone{ display:block; float:none !important; width:230px !important; margin:20px auto !important;}
.footer .infolink { display:block; float:none !important; width:240px !important; margin:20px auto !important;}
.footer .footer_right{ width:100%; text-align:center; display:inline; float:left; margin:60px 0 0 0;}
.footer .footer_right .footer_logo{ width:100%;  display:inline; float:left; margin:0 0 0 0;}
.footer .address{ display:inline; float:left; width:100% !important; text-decoration:none;}

.footer .footer_right p{ display:inline; float:left; width:100% !important; text-align:center;}
	
	}



/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}



 /* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}