/**
  Theme Name: Balloo Painting and Decorating Custom Wordpress Bootsrap Theme
  Theme URI: 
  Version: 1.0
  Author: Jesus S. Bayot
  Licence: LGPL
  Description: Wordpress Custom Wordpress Bootsrap theme By Jesus S. Bayot
*/

html{ }
body{}

/* ---------------------------------------------------------------------------------------- */

@media all and (min-width: 1024px) { html .logo{ width:auto !important; margin-bottom: 10px;} }

@media all and (max-width: 1024px) {
	.section-services *{ position:relative; float: left; }
	.services-info .has-post-thumbnail img{ position:relative; float: left; height:auto; width:100%;  }
	html .specialist-section .centered-hdr{ width:50%; margin-left: 25%;}
	html .specialist-section img{ position:relative; float:left; width:70%; margin-bottom: 10px;}
	html .sidebar ul li.content-sidebar img{ height:80px;}
	
}

@media all and (max-width: 980px) {
	.section-services .has-post-thumbnail img{ width:50%; height:auto; margin-left: 25%; }
	.section-services .has-post-thumbnail a,
	.section-services .has-post-thumbnail h2,
	.section-services .has-post-thumbnail p{ width:100%; height:auto; }
	html .floating-home-text h2{ font-size:27px; }
	html .nav-section ul li a{ padding-left: 5% !important; padding-right: 5% !important; }
}

@media all and (max-width: 979px) {
	html .floating-home-text{ width:50%;}
	html .floating-home-text h2{ font-size:30px;  }
	html .floating-home-text h3{ font-size:16px; }
	html .floating-home-text p{ font-size:16px;}	
}

@media all and (max-width: 768px) {
	html body .footer-logo{ height:auto !important; min-height: 0 !important; }
	html body .footer-logo a{ margin-top: 20px; }
	html body .home-section-2 .quote-form{ margin-top: 0px; }
	html body .home-section-3 .dotted{ background:none; min-height:0; height: auto; }
}

@media all and (max-width: 767px) {
	html .hdr-section img.logo{ width:50%; margin-left: 25%;}
	html .contact-hdr{ height:auto; padding: 0 0 10px 0; }
	html .contact-hdr h5{ display:none; }
	html .contact-hdr h3{ float:left; margin-left: 30%; }
	html .contact-hdr h4{ width:auto; float:left; margin-left: 25%; }

	html .contact-hdr .top30{ margin-top: 10px !important;}
	html .navbar-toggle:hover, html .navbar-toggle:focus{
		border:1px solid #272727; 
		background-color: #edd31f !important; }
	html .navbar-toggle:hover span.icon-bar,
	html .navbar-toggle:focus span.icon-bar{ background-color: #272727 !important; }
	
	html body .move-2-nav{ }
	html body .navbar.navbar-default{ border-top:1px solid #1d1d1d; }
	html body .menu-home-navigation-container .menu,
	html body .menu-home-navigation-container .menu li{ width:100%; margin: 0;}
	html .navbar-default .navbar-collapse, 
	.navbar-default .navbar-form{ 
		position:relative; 
		float:left; 
		width:100%; 
		border:none !important; 
		margin-top: -1px; }
	
	html body .navbar-collapse{ 
		position:relative; 
		float:left; 
		background:url('images/nav-bg.png') 0 0 repeat;
		padding-left:15px !important; 
		padding-right:15px !important;
		margin-top: 0; }
	html .container > .navbar-header, 
	html .container-fluid > .navbar-header, 
	html .container > .navbar-collapse, 
	html .container-fluid > .navbar-collapse{ 
		width:100%;
		margin-left:0 !important;
		margin-right:0 !important;}
	html .navbar-collapse li:first-child{ border-top:none !important; }
	html .navbar-collapse li{ border-top:1px dotted #555555 !important; }
	html .footer-hdr{ display:none; }
	
	html .section-services .has-post-thumbnail img{ width:40%; height:auto; margin-left: 30%; }
	html .specialist-section .centered-hdr{ width:80%; margin-left: 10%;}
	
	html .specialist-section img{ 
		float:none !important;
		width:auto !important; 
		height:auto !important;  }
		
	html .footer-section h2{ position:relative; float:left; width:100%; }
	html .footer-section .footer-sitemap{ padding-bottom: 20px; }
	
}

@media all and (max-width: 640px) {
	
	html .contact-hdr h3{ float:left; margin-left: 32%; }
	html .contact-hdr h4{ margin-left: 26%; }
	html .centered-hdr{ width:80% !important; margin-left: 10% !important;}
	html .specialist-section img{ float:none; width:auto; margin-bottom: 10px;}
	html .contcfooter h3, html .contcfooter h3 a{ position:relative; float:left;}
}

@media all and (max-width: 540px) {
	html .floating-home-text{ display: none;}

}

@media all and (max-width: 480px) {
	html .hdr-section img.logo{ width:80%; margin-left: 10%;}
	html .contact-hdr h3{ float:left; margin-left: 25%; }
	html .contact-hdr h4{ margin-left: 18%; }
	html .centered-hdr{ width:90% !important; margin-left: 5% !important;}
	html .section-services .has-post-thumbnail img{ 
		width:80% !important; 
		height:auto; 
		margin-left: 10% !important; } 
	html .footer-section h2{ 
		font-size:26px; 
		padding-bottom:10px;
		border-bottom:1px solid #222222;
		border-bottom:1px solid #222222; }
}

@media all and (max-width: 360px) {
	html .contact-hdr h3{ float:left; margin-left: 18%;  }
	html .contact-hdr h4{ margin-left: 5%; }
	html .specialist-section .centered-hdr{ font-size:24px;}
	html .content-sidebar img,
	html .specialist-section img{ 
		position:relative; 
		float:none !important; 
		width:50% !important;
		margin-left: auto !important;  }
	html .specialist-section img{ margin-bottom: 20px; }
	html .has-post-thumbnail img{ position:relative; float:left; width:80%; height:auto; margin-left: 10%;}
	
}	
@media all and (max-width: 320px) {
	html .contact-hdr h3{ margin-left: 10%;  }
	html .contact-hdr h4{ margin-left: 0; }

}




/* ---------------------------------------------------------------------------------------- */