/* This is a Trade and Value, Corp. design */

/* Please refrain from copying this style sheet */

/*
mobile small	360px
mobile large	620px
small tablet	740px
large tablet	850px
small desktop	955px
medium desktop	1100px
large desktop	1240px
*/

@media (min-width: 280px) and (max-width: 619px){
.page-title, .left, .right, .unique-container, .paragraphs, .contact-required, .left-blog, .right-blog, .blog-inner{
width: 100%;
height: auto;
font-size: 100%;
float: none;
overflow: visible;
display: block;
}

.show-mobile{
display: inherit;
visibility: visible;
}
.hide-mobile{
display: none;
visibility:hidden;
}
.inside-image{
width: 150px;
height: auto;
float: left;
padding: 2px;
border: #ebebeb 1px solid;
margin: 0px 4px 4px 0px;
}
.side-image{
float: left;
width: 100px;
height: auto;
padding: 8px;
margin: 0px 8px 8px 0px;
}


.page-title{
font-weight: bold;
}

/* Home */

.slide-message-mobile{
display: block;
visibility: visible;
padding: 8px 14px;
margin-top: -20px;
margin-bottom: 20px;
font-family: Arial;
font-size: 18pt;
font-weight: normal;
color: #ffffff;
text-align: center;
background-color: #a0cc46;
border: #ffffff 2px solid;
}
.slide-message-mobile sup{
font-size: 12pt;
}




.tabs-holder > img{
margin-bottom: 8px;
}


.contact-side{
display: none;
visibility:hidden;
}

.bottom-choices{
padding: 0;
margin: 0px auto;
}
.bottom-choices li{
width: 100%;
display: block;
margin: 0px auto;
margin-bottom: 14px;
text-align: center;
}
.bottom-choices li{
max-width: 100%;
height: auto;
}

.bottom-explore a:link, 
.bottom-explore a:active, 
.bottom-explore a:visited, 
.bottom-explore a:hover{
width: 80%;
}

.text-10off-mobile{
font-weight: bold;
font-size: 18pt;
color: #9fcd46;
text-align: center;
line-height: normal;
}

#showRecyclingForm{
padding: 10px !important;
}

.bathroomTrailersInfo img{
float: none;
margin: 0px 0px 8px 0px;
}


}

@media (min-width: 620px) and (max-width: 1019px){
.page-title, .left, .right, .unique-container, .paragraphs, .contact-required, .left-blog, .right-blog, .blog-inner{
width: 100%;
height: auto;
font-size: 100%;
float: none;
overflow: visible;
display: block;
}
.paragraphs-white{
width: 96%;
height: auto;
font-size: 100%;
float: none;
overflow: visible;
display: block;
}

.show-mobile{
display: inherit;
visibility: visible;
}
.hide-mobile{
display: none;
visibility:hidden;
}


.slide-message-mobile{
display: block;
visibility: visible;
padding: 8px 14px;
margin-top: -20px;

font-family: Arial;
font-size: 18pt;
font-weight: normal;
color: #ffffff;
text-align: center;
background-color: #a0cc46;
border: #ffffff 2px solid;
}
.slide-message-mobile sup{
font-size: 12pt;
}



.inside-image{
float: left;
padding: 2px;
border: #ebebeb 1px solid;
margin: 0px 4px 4px 0px;
}




.text-10off-mobile{
font-weight: bold;
font-size: 18pt;
color: #9fcd46;
text-align: center;
line-height: normal;
}



/* side form */
.side-form{
width: 96%;
float: none;	
}
.side-form label{
display: block;
float: none;
}
.side-form input{
display: block;
width: 100%;
}

/* Home */

.in-page-cities{
margin: 20px 0px 0px 0px;
}
.responsive-iframe{
width: 100%;
height: 300px;
}

.contact-side{
display: none;
visibility:hidden;
}




}

@media (max-width: 450px){
.four-sizes ul li{
width: 300px;
float: none;
}
.four-sizes ul li img{
display: block;
width: 300px;
height: auto;
margin: 0px auto;
}
}

@media (max-width: 999px){
.four-sizes ul{
width: 100% !important;
}
.four-sizes ul li{
float: none !important;
margin: 0px auto !important;
margin-bottom: 30px !important;
}
}


@media (min-width: 850px) and (max-width: 999px){

}

@media (min-width: 1000px){

}


/* HOME TABS */

@media (max-width: 519px){
.hometabs{
float: none;
width: 100%;
margin: 0px auto;
}

.hometabs li{
display: block;
float: none;
}
.hometabs li div{
background-color: #ffffff;
}
.hometabs li img{
display: block;
margin: 0 auto;
}

}

@media(min-width: 520px) and (max-width:770px){
.hometabs{
float: none;
width: 520px;
margin: 0px auto;
}

}

@media(min-width: 771px) and (max-width:1019px){
.hometabs{
float: none;
width: 770px;
margin: 0px auto;
}
}

@media(max-width: 1019px){
.form-narrow{
display:none;
visibility: hidden;
}

}









	/* End of Custom CSS  */