.btn, .btn-large { font-size:1rem;letter-spacing:1px; 	transition: opacity 0.5s ease; }  
.btn:hover, .btn-large:hover {opacity:0.8} 
.input-field .prefix { top:6px; } 
.input-field .prefix ~ input, .input-field .prefix ~ textarea, 
.input-field .prefix ~ label, .input-field .prefix ~ .validate ~ label,
 .input-field .prefix ~ .autocomplete-content { margin-left:40px} 

.regularcase {text-transform:none; } 				     

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
} 


.brand-logo {font-weight:bold}
.breadcrumb:before {margin:0} 
.side-nav a {font-size:1.2rem; height:64px; line-height:64px; padding:0 20px}
   
.side-nav a .material-icons {line-height:64px !important; margin-right:20px !important;}
   



#main2 {
 background-color:rgba(0,0,0,0.3);   width:100%;height:100%;float:left;padding:0 10px;
}


#headline {
  color:#fff;text-align:center;padding:60px 0;
  text-shadow:1px 2px 1px #000;
}

h1 {
  font-size: 40px; font-weight:bold; padding:0 5px;
}


form input {font-size:130%}
form button {width:100%;font-size:180% !important;font-weight:bold;text-transform:none !important;}
form h5, #output {margin:0;font-size:1.6rem;line-height:1.3;text-align:center;font-weight:bold}
.input-field label.active {font-size:0.9rem} 
#questions h5 {font-size:1.4rem;margin:30px 0 0 0;color:#000000;}
#questions p {font-size:110%;margin:5px 0 0 0;}

#questions ul {   padding-left: 20px !important; margin:10px 0 0 0;
  }
#questions ul li {padding:0 0 5px 0;list-style-type: square;}

#questions h5 a {color:#000000;}
#questions h5 a:hover {text-decoration:underline}


@media only screen and (max-width:801px) {

#maina { background: url('./header-image.jpg') no-repeat top center; 

  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover; }
   }


@media only screen and (max-width:601px) { 
 #main {margin-bottom:0; }  #main2 { background-color: rgba(0,0,0,0.4); }

 #headline {padding:40px 0} 
 .footer-copyright {display:none}  footer .row {margin-bottom: 0;} }

@media only screen and (max-width:500px) { 

  #headline {padding:20px 0}
  h1 {font-size:36px}

  #questions p {line-height:1.3;}   #questions h5 {font-weight:500;} 
  nav .brand-logo {font-size:1.6rem} }

@media only screen and (max-width:400px) { 
 nav .brand-logo {font-size:1.4rem}

}



.listing {width:100%;padding:10px 0 10px 0px; border-bottom:1px solid #efefef; float:left;
	
  word-wrap: break-word; overflow:hidden; cursor:pointer;

 display: flex; display: -webkit-flex; display: -ms-flexbox;     
 background: #ffffff;
 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fdfdfd));
 background: -moz-linear-gradient(top, #ffffff, #fdfdfd);

}

.listing img {width:200px; height:130px; float:left;
  object-fit: cover;
  object-position: 50% 20%;
 } 
.listing .text {padding:0 0 0 10px; width:calc(100% - 200px); float:left} .listing .phoneold  {font-size:110%;padding:10px 0;line-height:1;} 
.listing .link  {font-size:110%;padding:10px 0;line-height:1;} 
.listing .link a:hover {text-decoration:underline} 
.listing .details li {min-width:120px;float:left;font-size:80%;padding-left:10px; list-style-type: none;}
.listing .title { color:#039be5; line-height:1.15; font-size:130%; padding: 1px 0 5px 0;}
.listing .address { color:#757575; line-height:1.2; font-size:100%;}
.listing i.left {margin-right:7px;} 
.button-div {padding-top:15px;}
.button-div .btn {padding:0 0.75rem; letter-spacing:0.5px; color:#333333; margin-right:7px;
	box-shadow: 0 0 1px 0px rgba(0,0,0,0.3);
	background-color:#ffffff;}

.listing:nth-child(odd) {
 background: #f5f5f5;
 background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f8f8f8));
 background: -moz-linear-gradient(top, #f5f5f5, #f8f8f8);
}


.listing:hover, .listing.listing_hover {  
 background: #FFE7C1;
 background: -webkit-gradient(linear, left top, left bottom, from(#FFE7C1), to(#FFEFD5));
 background: -moz-linear-gradient(top, #FFE7C1, #FFEFD5);
}  
#contact_container a {display:block;word-wrap: break-word; overflow:hidden; 	color:#0277bd; text-transform:none; padding: 0; 	font-size:120%
}
#contact_container .btn-flat i {font-size:1.5rem;}

#listing_photos img {max-width:100%; margin-top:10px;}

#showmore {display:none;font-weight:bold;margin:0 0 10px 0;}

@media only screen and (max-width : 825px) {  
 .hide-under-825 {display:none;}
}

@media only screen and (max-width : 731px) {  
 .hide-under-730 {display:none;}
}


@media only screen and (max-width : 701px) {  
 .hide-under-700 {display:none;}
}

@media only screen and (max-width : 650px) { 
  .hide-under-650 {display:none;} 
  .flex-icon-under-650 { flex: 0 0 50px !important; }
}


#modal1 {max-height:90%; height:90%;}
  
@media only screen and (max-width : 575px) {

  .hide-under-575 {display:none;}  
  #modal1 {width:100% !important; background-color:#ffffff;   	top:0px !important;height:100% !important;max-height:100%}

  #showmore {line-height:54px; height:54px; margin:10px 0;} }

@media only screen and (max-width : 542px) {   .hide-under-542 {display:none;}
}

@media only screen and (max-width : 501px) {

  .hide-under-500 {display:none;} 
}

@media only screen and (max-width : 451px) {

  .hide-under-450 {display:none;} 

  .listing img {width:175px;}    .listing .text {width:calc(100% - 175px); }  
  .flex-icon-under-450 { flex: 0 0 50px !important; } 
}

@media only screen and (max-width : 401px) {  
  .hide-under-400 {display:none;} 

  .listing img {width:150px;}
  .listing .text {width:calc(100% - 150px); }

  #c1.container {width:100%; overflow-x:hidden;} 
  .modal .modal-content { padding: 20px 10px; }  
}

footer {clear:both}

.sr-css {   word-wrap: normal;   unicode-bidi: bidi-override;
  color: #c5c5c5;  font-size: 20px;
  height: 20px;  width: 83px;   position: relative;
  padding: 0;    margin: -5px 0 10px 0;
}
.sr-css .rating {font-size: 14px;
    top: -1px;
    color: #757575;
    position: relative; }


.sr-css-top {
  color: #e7711b;  padding: 0;
  position: absolute;  z-index: 1;
  display: block;  top: 0;
  left: 0;  overflow: hidden;
}
.sr-css-bottom {
  padding: 0;  display: block;  z-index: 0; width:270px; 
 }

#hours-container table {width:auto} td, th {padding:0 2px 0 2px} .rmore {cursor:pointer; color:#757575; text-decoration:none}
.rmore:hover {text-decoration:underline}