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

		MEDIUM SCREEN CSS STYLES 

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


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

	/* HP HERO */
	
	.slide-caption {
		height: 80px;
	}
	
		.slide-caption-container h2 {
			float: none;
			margin-bottom: 5px;
		}
	
		.slide-caption p, 
		#unique-material p, 
		#made-in-usa p, 
		#customer-focused p {
			max-width: 75%;
			margin: 0;
		}
		
		.slide-caption-container .btn-red {
			padding: 7px 1%;
		}
		
			.slide-caption-container .btn-red img {
				display: none;
			}
		
	.gallery-indication a.indicator {
		font-size: 15px;
	}
	
	
	/* HP BINS */
	
	.hp-bins {
		width: 92%;
		padding: 60px 0 0;
	}
	
		.bin h2 {
			font-size: 38px;
			line-height: 38px;
		}
		
		.bin > p {
			font-size: 15px;
			line-height: 22px;
		}
		
		.bin-shadow > img {
			height: 375px;		
		}
		
		.custom-vitamix, 
		.custom-troemner,
		.custom-solution > img {
			display: none;
		}
		
		.custom-solution-text {
			float: none;
			margin: 0 auto;
		}
		
	
	/* HP MARKETS */
	
	.hp-markets-header h2 {
		display: block;
		width: 100%;
		float: none;
		margin: 0 auto;
		padding-bottom: 20px;
		text-align: center;
		border-right: 0;
		border-bottom: 4px solid #ed1c24;
	}
	
	.hp-markets-header span {
		display: block;
		width: 75%;
		float: none;
		bottom: 0;
		margin: 0 auto;
		padding-top: 20px;
		text-align: center;
	}
	
	.markets-icon-row {
		display: block;
		max-width: 470px;
		float: none;
		margin: 0 auto;
	}
	
	.markets-icon-row + .markets-icon-row {
		max-width: 470px;
		float: none;
		margin-top: 30px;
		margin-left: auto;
	}
	
	
	/* SP SIDEBAR */
	
		/* CONTACT US BIN */
		
		.sidebar-links * {
			padding-left: 0;
		}	
		
				
		/* SOLUTIONS BIN */	
		
		.solutions-engineer, .solutions-entrep, .sidebar-markets {
			width: 100%;
		}
		
	
	/* FOOTER */
	
	.footer-usa {
		max-width: 500px;
	}
	
		.footer-usa span.usa-red {
			width: 75%;
		}

	.footer-container {
		max-width: 500px;
	}
	
		.footer-container div.footer-links {
			width: 100%;
			height: auto;
			padding-bottom: 30px;
			text-align: center;
			border-right: 0;
		}
		
		.footer-container div.footer-company {
			width: 50%;
			padding: 0;
		}
		
		.footer-container div.footer-contact {
			width: auto;
			float: right;
			padding: 0;
			border-right: 0;
		}		
		
		.footer-container div.footer-contact::after {
			display: block;
			height: 0;
			content: " ";
			clear: right;
		}			
					
		.footer-container div.footer-copyright {
			display: none;
		}
		
		.footer div.footer-copyright-mobile {
			display: block;
		}
}


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

	/* HEADER */
	
	.header-logo {
		width: 400px;
	}
		
		.header-logo .sorbo-main-logo {
			margin: 16px 0 0 3%;
		}
	
	.header-search {
		margin-right: 2%;
	}
	
	
	/* DESKTOP NAVIGATION */
	
	.desktop-navigation ul li {
		font-size: 11px;
	}
	
		.desktop-navigation ul li a {
			padding: 0 22px;
		}
		
		.AspNet-Menu-Horizontal > ul > li:nth-of-type(2) > a, .AspNet-Menu-Horizontal > ul > li:nth-of-type(6) > a {
			max-width: 89px;
		}
		
		.AspNet-Menu-Horizontal > ul > li:nth-of-type(5) > a {
			max-width: 111px;
		}
	
			
	/* SP CONTAINERS */
	
	.sp-content {
		display: block;
		width: 100%;
	}
	
		.sp-center {
			display: block;
			width: 92%;
			float: none;
			margin: 0 auto;
			padding: 0 0 30px;
		}

		.sp-container.sp-one-column .sp-center {
			width: 92%;
		}
		
		.admin-center {
			width: 92% !important;
			padding: 0 0 30px !important;
		}
		
		.sp-right {
			display: block;
			width: 100%;
			float: none;
			padding: 45px 0 30px;
			background: 
				url('../images/bg-sp-sidebar.png') repeat-y 0 0,
				url('../images/bg-shadow-horizontal-mobile.png') no-repeat center 1px;
		}
		
			.sp-right-content {
				width: 92%;
			}
	
	 /* TABLES */
	
	.sorbo-table th,
	.sorbo-table tr td {
        padding: 10px 12px;
    }
	
    .sorbo-table th {
        font-size: 15px;
		line-height: 18px;
    }

    .sorbo-table tr td {
        font-size: 14px;
        line-height: 16px;
    }
			
	
	/* SP SIDEBAR */
	
	.sidebar-bin {
		width: 50%;
		float: left;
	}
	
	.sidebar-bin:nth-of-type(n+3) {
		display: none;
	}
	
	.sidebar-bin:nth-of-type(2)::after {
		content: " ";
		clear: both;
		display: block;
		height: 0;
	}
	
	
		/* CONTACT US BIN */
	
		.sidebar-links * {
			padding-left: 8.8%;
			font-size: 15px;
		}
		
		.sidebar-links h3 {
			padding-bottom: 5px;
		}
	
		.sidebar-links a {
			margin-top: 15px;
		}
	
		.sidebar-shadow {
			display: none;
		}
		
}


@media only screen and (max-width: 785px) {
	
	/* HEADER */
	
	.header {
		height: 80px;
		border-bottom: 2px solid #0054a6;
	}
	
		.header-logo {
			width: 100%;
			height: 80px;
			background: url('../images/bg-header-circles-mobile.png') no-repeat 0 0;
		}
			
			.header-logo .sorbo-main-logo {
				width: 205px;
				float: left;
				margin: 15px 0 0 25px;
			}
			
			.header-logo .icon-mobile-menu {
				display: inline-block;
				float: right;
				margin: 10px 20px 0 0;
				outline: none;
			}
			
			.header-logo .icon-mobile-menu::after {
				content: " ";
				clear: both;
				display: block;
				height: 0;
			}
		
		.header-search {
			display: none;
		}
	
	.sp-gold-gradient {
		display: none;
		height: 0;
		border-top: none;
	}
	
	
	/* DESKTOP NAVIGATION */
	
	.desktop-navigation {
		display: none;
	}
		
		
	/* MOBILE NAVIGATION */
	
	li.mobile-navigation-link {
		display: block !important;
	}	
	
	.AspNet-Menu-SelectedLeaf, .AspNet-Menu-SelectedWithChildren {
		background-color: #125b8a;
	}
	
	.secondary-navigation-link {
		display: block;
	}
	
	
	/* HP HERO */
	
	.gallery-indication a.indicator {
		margin: 0 5px;
		font-size: 14px;
	}
	
	
	/* HP BINS */
	
	.hp-bins {
		width: 100%;
		padding: 30px 0 0;
	}
	
		.bin {
			width: 75%;
			float: none;
			margin: 0 auto;
			padding-bottom: 40px;
			background: transparent;
		}
		
			.bin h2, .bin > p {
				width: 92%;
			}
			
			.bin h2 {
				margin: 0 auto;
			}
			
			.bin > p {
				margin: 14px auto;
				font-size: 0;
				line-height: 0;
			}
			
			.bin > p > strong {
				font-size: 16px;
				line-height: 24px;
			}
		
		.bin-shadow {
			display: none;		
		}
		
		.bin-solution {
			padding-top: 30px;
			background: url('../images/bg-shadow-horizontal-mobile.png') no-repeat center top;
		}
		
			.custom-solution {
				padding-top: 20px;
			}
		
				.custom-solution-text {
					width: 92%;
				}
		
					.custom-solution-text h3,
					.custom-solution-text p,
					.custom-solution-text ul {
						display: none;
					}
					
				
	/* HP MARKETS */
			
	.hp-markets {
		width: 75%;
		margin: 0 auto;
		padding: 40px 0 50px;
		background: url('../images/bg-shadow-horizontal-mobile.png') no-repeat center top;
	}
	
		.hp-markets > img {
			display: none;
		}
		
		.hp-markets-header {
			width: 100%;
		}
		
		.markets-icon-row, .markets-icon-row + .markets-icon-row {
			max-width: 440px;
		}
		
			.markets-icon {
				margin-right: 25px;
			}
			
				
	/* SP UNIVERSAL STYLES */
	
	.breadcrumbs,
	.sp-callout-text-links,
	.sp-callout-text-links + div {
		display: none;
	}
	
	.searchresults h2.moduletitle, 
	.sitemappage h2.moduletitle {
		padding-top: 10px;
	}


	/* SP CONTAINERS */
	
	.sp-center {
		padding: 25px 0 40px;
	}
	
	.admin-center {
		padding: 25px 0 40px !important;
	}
	
	
	/* FLEX FORM */
	
	.csFlexFrmWrapFields input[type=text],
	.csSorbothaneContactContainer input[type=text],
	.csSorbothaneQuoteContainer input[type=text] {
		width: 100% !important;
	}
	
	.csFlexFrmWrapCaptcha .captcha input, 
	.csSorbothaneContactCaptcha .captcha input,
	.csSorbothaneQuoteCaptcha .captcha input {
		width: 138px !important;
	}
	
	.tr-checkbox td span {
		width: 265px;
	}


	/* HISTORY TIMELINE */

	.ht-row,
	.ht-row:first-child {
	    margin: 0 0 45px;
		text-align: center;
	}

	.ht-row.has-year {
	    margin-top: 160px;
	}

	.ht-row.has-year:first-child {
	    margin-top: 30px;
	}

		.ht-item,
		.ht-item.ht-item-right {
			display: inline-block;
			float: none;
			margin: 0 auto;
			opacity: 1 !important;
			text-align: center;
			width: auto;
		}

			.ht-image,
			.ht-item.ht-item-right .ht-image {
				float: none;
			}

		.ht-image p {
		    background: #fff;
		    padding: 5px;
		}

		.ht-circle,
		.ht-item:before {
			display: none;
		}

		.ht-center-line {
			height: 99%;
		}
	
}