/*
	RESPONSIVE STYLESHEET
	ready to go...
*/

@media (min-width: 992px) and (max-width: 1199px){
 	 .home_service { height: 222px; }
	 .home .contentWrap  { height: 515px; }
}

@media (min-width: 768px) and (max-width: 991px) {
	 .home_service { margin: 32px 0; }
	 .home footer { position: absolute; bottom: auto; width: 100%; }
	  .centered { position: relative; }
}
 
@media (max-width: 767px) {   
	 .home_service { margin: 20px 0px; }
	 .home footer { position: absolute; bottom: auto; width: 100%; }
	 .footerRight p.credits, .footerLeft #menu-footer-navgation { text-align: center; }
	  #services, .services_list { padding-left: 0 !important; padding-right: 0 !important; }
	  .col-md-8.first { padding-right: 0 !important; }
	  .centered { position: relative; }
}

@media (min-width: 479px) and (max-width: 767px) {    	
	.home .col-md-3.col-sm-6.noPadL, .home .col-md-3.col-sm-6,
	  .home .col-md-3.col-sm-6.noPadR {  width: 50%; float: left; padding-left: 15px !important; padding-right: 15px !important; }
	  .home_service { height: 222px; }
	  .home section.mainContent .container,
	   .single-allservices section.mainContent .container { padding-left: 0 !important; padding-right: 0 !important; }
	  article.first { padding-left: 15px !important; }
}

@media (max-width: 478px) {
	article.first { padding-right: 0 !important; }
	.home .col-md-3.col-sm-6.noPadL, .home .col-md-3.col-sm-6,
	  .home .col-md-3.col-sm-6.noPadR { padding-left: 0 !important; padding-right: 0 !important; }
	.home .footerWrap { margin: 0; }  
}

@media (max-width: 667px) {   
	.home section.mainContent article h1 { font-size: 40px; }
	.home section.mainContent article h3 { font-size: 24px; }
	header { height: 95px; }
	  
	#mbl_menu  { display: block; }
 	.headerWrap  { max-height: 50px; padding: 0 !important; }
	.mainNav  { display: none; position: absolute; left: 0; top: 50px; height: 0; width: 100%; }
	.mainNav ul { background: #fff; height: 100%; }
	.mainNav .list-inline > li { display: block; background-color: #fff; padding: 0 !important; }
	.mainNav a  { padding: 10px 15px !important; text-align: left !important; border-bottom: 1px solid #f6fafd !important; }
	.mainNav .sub-menu  { position: relative !important; top: 0 !important; padding: 0 !important; margin: 0; }
	.mainNav .sub-menu a  { background-color: #fbfdfe; color: #b0c5d8; line-height: 1.3em !important; }
	.mainNav .sub-menu a:hover { border-bottom: 1px solid #f6fafd !important; }
	nav.mainNav .menu-item-has-children a:after  { position: absolute; right: 15px; bottom: 12px; } 
	 
	.wrapForMobile { width: 75px; padding-left: 10px; }
	#logo { display: block; padding: 6px 0px; }
	#closeMobileMenu { position: absolute; top: 0; right: 0; } 
}
 
 

@media (max-width: 480px) { 
 	.wrapForMobile { width: 55px; padding-left: 10px; }
	.home section.mainContent article h1 { font-size: 32px; }
	.home section.mainContent article h3 { font-size: 22px; } 
	
}


@media (max-width: 375px) { 
	.home .col-md-3.col-sm-6.noPadL, .home .col-md-3.col-sm-6,
	 .home .col-md-3.col-sm-6.noPadR { padding-left: 0 !important; padding-right: 0 !important; }
	  
 	.home section.mainContent article h1 { font-size: 28px; }
	.home section.mainContent article h3 { font-size: 20px; }
}

@media (max-width: 320px) { 
	.home section.mainContent article h1 { font-size: 24px; }
	.home section.mainContent article h3 { font-size: 18px; }
}

@media (max-height: 650px) and (min-width: 768px)  { 
	.footerWrap { padding: 12px 0px; }
	.home_service { margin: 40px 0px; }
}

@media (max-height: 650px) and (min-width: 1200px)  { 
	.footerWrap { padding: 12px 0px; }
	.home_service { margin: 25px 0px; height: 265px; }
	footer { margin-bottom: -10px; }
}

@media (max-height: 610px) and (min-width: 1200px)  { 
	.footerWrap { padding: 8px 0px; }
	.home_service { margin: 20px 0px; height: 250px; }
	footer { margin-bottom: -20px; }
}