/* Enter Your Custom CSS Here */

.header-main {
  background-image:url(http://metrolinapainting.com/wp-content/uploads/2017/05/logo_big3.jpg) !important;
  background-position:top center !important;
  background-repeat:no-repeat !important;
  height:219px;}

.header-center {display:none !important;}

#banner-wrapper {display:none;}

.yellow-block {padding:20px; background:#ffff66;}

.footer_1a {
  text-align:center;
  color:red;
  background:#fff;
  padding:6px;
  font-size:28px;
  font-weight:bold;}

.footer_2a {color:#fff; margin-top:10px; text-align:center;}

.footer_3a {
  text-align:center;
  color:#fff;
  font-weight:bold;
  font-size:17px;
  margin-top:10px;}

.footer-top {padding-top:20px !important; padding-bottom:20px !important;}

.left-line, .right-line {display:inline-block;}

.map-block, .list-block {display:inline-block; vertical-align:top;}

.map-block {margin-right:20px;}

.form-1 input, .form-1 select, .comment textarea {width:100%; font-weight:bold;}

.comment textarea {height:100px;}

.form-1, .comment {margin:7px;}

.submit-btn {margin:10px;}

#header-boxed, #main.main-boxed, #footer-boxed, .container {max-width:930px !important;}

.container {width:100% !important;}
.mob-phone{display:none;}
@media (max-width: 480px) and (orientation: portrait){
  
  .logo-text {display:none !important;}
  
  .header-main {background-size:contain !important; height:auto; background-position:center bottom !important;}
  p{color:#000 !important;}
  .mob-phone a{display:inline; text-align:center !important; color:red; font-size:18px; font-weight:bold;}
    .mob-phone {display:inline; text-align:center !important; color:red; font-size:18px; font-weight:bold;}
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 680px)
  and (orientation: landscape) {
  .mob-phone a{display:inline; text-align:center !important; color:red; font-size:18px; font-weight:bold;}
    .mob-phone {display:inline; text-align:center !important; color:red; font-size:18px; font-weight:bold;margin-left:250px !important;}
}

@media (max-width: 768px) and (min-width: 480px) and (orientation: landscape){
  
    .logo-text {display:none !important;}
  
  .header-main {background-size:contain !important; height:126px; background-position:center bottom !important;}
  
  #header .header-right {text-align:left !important; padding-top:0px !important;}

}


@media (max-width: 1024px) and (min-width: 768px) and (orientation: portrait){
  
   .logo-text {display:none !important;}
  
  .header-main {background-size:contain !important; height:178px; background-position:center bottom !important;}
  
  #header .header-right {text-align:left !important; padding-top:0px !important;}


}