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

		SMALL SCREEN CSS STYLES 

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


@media only screen and (max-width: 600px) {
	
	/* UNIVERSAL STYLES */
	
	body {
		font-size: 14px;
	}
	
	img.align-left, 
	img.align-right {
		float: none;
		display: block;
		margin: 25px auto;
	}
	
	img.align-left::after, 
	img.align-right::after {
		clear: none;
	}
	
	.breadcrumbs {
		margin-bottom: 30px;
	}
	
	
	/* HP HERO */
	
	.hp-hero {
		height: 240px;
		border-top: 1px solid #d1e0ef;
		border-bottom: 1px solid #fff;
	}
	
		.gallery,
		.gallery-indication {
			display: none;
		}
		
		.hp-hero-mobile {
			display: block;
		}
	
	
	/* HP BODY */

	.hp-gold-gradient {
		background: #f7e222 url('../images/bg-gold-gradient-mobile.jpg') repeat-y center center;
	}
	
	
	/* HP BINS */
	
	.bin {
		width: 100%;
	}
	
	
	/* HP MARKETS */
	
	.hp-markets {
		width: 100%;
	}
	
		.hp-markets-header {
			width: 92%;
		}
		
		
	/* SP CENTER CONTENT */
	
	.sp-center h1 {
		font-size: 35px;
		line-height: 37px;
	}
	
	.sp-center h2 {
		font-size: 18px;
		line-height: 24px;
	}
	
	.sp-center h3 {
		font-size: 16px;
		line-height: 19px;
		padding: 5px 0 0;
	}		
	
	.sp-center ol, .sp-center ul {
		padding-left: 25px;
	}
		
		.sp-center ol li, .sp-center ul li {
			font-size: 14px;
			padding-left: 0;
		}
	
	
	/* BLOGS */
	
	.blogtext h1 {
    	font-size: 24px;
    	line-height: 27px;
	}	
		
	/* ACCORDIONS */
	
	.expand {
		padding: 15px 0;
	}
	
		.expand > img {
			width: 20px;
			padding: 10px 3% 0 3%;
		}
		
		.expand .expand-title {
			width: 85%;
			font-size: 10px;
		}
		
			.expand-title h3.expand-single-line {
				padding: 9px 0 0;
			}
	
	.expand-content .project-img-desktop,
	.expand-content .product-img-desktop {
		display: none;
	}
	
	.expand-content .project-img-mobile,
	.expand-content .product-img-mobile {
		display: block;
	}
		
}


@media only screen and (max-width: 569px) {
	
	/* TABLES */
	
	.sorbo-table th {
		padding: 8px 5px;
		font-size: 14px;
	}	
	
    .sorbo-table tr td {
        padding: 5px;
        font-size: 13px;
    }
	
		
	/* SP SIDEBAR */
	
	.sidebar-bin {
		width: 227px;
		float: none;
		margin: 0 auto 30px;
	}
	
	.sidebar-shadow {
		display: block;
	}
			
		
		/* CONTACT US BIN */			
	
		.sidebar-links * {
			padding-left: 0;
		}
		
		
	/* FOOTER */

	.footer-usa {
		max-width: 250px;
	}
	
		.footer-usa span.usa-red {
			width: 62%;
		}	
		
	.footer-container {
		max-width: 350px;
	}
	
		.footer-container div.footer-links, .footer-container div.footer-company, .footer-container div.footer-contact {
			width: 100%;
			height: auto;
			float: none;
			padding: 20px 0;
			text-align: left;
			border-right: 0;
			border-bottom: 1px solid #202a43;
		}
		
		.footer-container div.footer-links {
			padding-top: 0;
		}

}

@media only screen and (max-width: 480px) {
	
	/* UNIVERSAL */
	
	.btn-big {
		font-size: 12px;
	}
	
	.btn-fixed-width {
		max-width: 100%;
	}
		
		.btn-big strong {
			font-size: 17px;
		}
		
		.btn-big img {
			display: none;
		}
	
	
	/* MOBILE NAVIGATION */
	
	.secondary-navigation-link {
		padding: 0 23px 0 12px;
	}
	
		a#secondary-navigation {
			font-size: 15px;
			line-height: 15px;
		}
		
			a#secondary-navigation img {
				top: -1px;
			}
			
	
	/* HP BINS */
	
	.bin h2 {
		font-size: 36px;
		line-height: 36px;
	}
	
		.bin h2 img {
			margin-right: 10px;
		}
		
		
	/* HP MARKETS */
	
	.hp-markets-header span {
		width: 85%;
	}
	
	.hp-markets-icons {
		margin-top: 30px;
	}
	
		.markets-icon-row, .markets-icon-row + .markets-icon-row {
			width: 92%;
		}
		
		.markets-icon-row + .markets-icon-row {
			margin-top: 0;
		}
		
			.markets-icon {
				width: 100%;
				float: none;
				margin-right: 0;
				text-align: left;
			}
			
				.markets-icon .icon {
					display: none;
				}
				
				.markets-icon > a {
					font: 700 14px/28px "Open Sans";
					color: #095596;
					transition: color 0s;
				}
				
				.markets-icon:hover > a, .markets-icon:focus > a {
					transition: color 0s;
				}
				
					.markets-icon > a img {
						display: inline-block;
					}
	
					
	/* FORMS */
	
	.csFlexFrmWrapFields select,
	.csSorbothaneContactContainer select,
	.csSorbothaneQuoteContainer select {
		width: 100% !important;
	}
	
	
	/* FOOTER */
	
	.footer-container {
		max-width: 256px;
	}
	
	
	/* BACK TO TOP */

	.back-to-top {
		width: 45px;
		right: 20px;
		bottom: 45px;
	}

}