/*--------------------------------
 Functional Styles
---------------------------------*/
@media only screen and (max-width:1160px) { 
/*for phones in portrait mode*/
.headerin {
width:100%;
padding:1em;
}
}

@media only screen and (max-width: 1160px){
/*for phones in landscape mode and ipad*/

.mainhighlight, .subhighlight, .highlight {
flex-direction: column;
}
.mainhighlight > div, .mainhighlight a:link, .subhighlight > div, .highlight > div {
width:95% !important;	
flex-basis:95% !important;
padding:1em !important;
margin: 1em auto 1em auto !important;
}

iframe {
/*width:99%;*/
}
.headertop {
display:none;
}
.headerin > div:nth-child(1) {
justify-content: center;
}
.headerin > div:nth-child(2) {
display: none;
}

/*---------
Layout DIVs 
---------*/
#breadcrumbs {
padding: 2em 1em 0 1em;
}

.stripe2, .stripe1, .faq, .pullout, .repairs, .contact, .shoppatch {
display: flex;
flex-direction: column;
justify-content: center;
}
.main > div, .stripe1 > div , .stripe2 > div, .repairs > div, .contact > div, .shoppatch > div, .location > div {
width:100% !important;	
flex: 100% !important;
padding:1em;
margin:auto;
text-align: left;
}

.shoppatch > div {
width:80% !important;	
flex: 80% !important;
margin: 0 auto 1em auto;
text-align: center !important;
}
.pullout > div {
width:100% !important;	
flex: 100% !important;
padding:1em;
margin:auto;
text-align: center !important;
}

.pullout > div {
margin-bottom:1em;
}
.repairs > div:nth-of-type(2) {
padding:1em !important;
}

.stripe2 > div:nth-of-type(2), .stripe1 > div:nth-of-type(2) {
align-items: flex-start;
background:rgba(45,45,45,1);
text-align: left;
}
.stripe1 h2 {
text-align: left;
}
footer > div{
text-align: left;
padding:1em !important;
flex-basis: 100%;
}
footer  {
flex-wrap:wrap !important;
}
}
@media only screen and (max-width: 500px){

.headerin > div:nth-child(1) {
justify-content: flex-start;
}
.headerin > div:nth-child(1) img {
width:90%;
}
.location > div:nth-of-type(2) {
padding-left:1em;
}
div img {
width:100%;
height:auto;
}
.imgreset {
width:auto;
max-width:100px;
}
.logomast object {
width:75% !important;
}
.copyright {
display: flex;
flex-direction: column;
}
.copyright > span {
width:100% !important;	
flex: 100% !important;
padding:1em;
}
.copyright > span:nth-of-type(2) {
justify-content: flex-start;
}
/**end**/
}