
@media (min-width: 980px) and (max-width: 1199px) {
	.container {
		width: auto !important;
	}
	.wrapper {
		margin: 0 auto -453px;
	}
	.navbar-fixed-top {
		position: relative !important;
	}
	.home-quick-link-hover,
	.industries-link-hover {
		bottom: -70%;
	}
	#foamCutToSizeCollapseOne .images {
		float: none !important;
		padding: 10px 20px !important;
		border-right: 0 !important;
	}
	
	/* EU Cookie Notice*/
	.privacy_wrapper.privacy_bottomcenter {
		margin: 0 15px;
	}	



	
	
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1199px) {
	
	/* Core */
	.container {
		width: auto !important;
	}
	#page-container {
    	margin: 40px 0 20px 0;
	}
	#page-banner #page-title {
		top: 50px;
		min-width: 40%;
		padding: 10px;
	}
	#page-banner #page-title h1 {
		font-size: 30px;
	}
	
	/* Navbar */
	.fch-search {
		border-bottom: none;
	}
	#mob-title {
		font-family: 'NevisBold';
		text-transform: uppercase;
		width: 190px;
		margin-top: 10px;
		font-size: 16px;
		color: #FFFFFF;
		padding-top: 0;
		padding-left: 15px;
		position: absolute;
		opacity: 0;
		display: none !important;
		transition: opacity .2s ease;
	}
	#mob-title.is-visible {
		opacity: 1;
		display: block !important;
	}
	.navbar-header {
        float: none;
		min-height: 50px;
    }
	.navbar-toggle {
		display: block;
		margin: 0 !important;
	}	
	.navbar-toggle .icon-bar {
		background: #FFFFFF;
		width: 25px;
		height: 3px;
	}
	.navbar-toggle .icon-bar + .icon-bar {
		margin-top: 5px;
	}
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none !important;
		width: 100%;
    }
    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
		background: #0C4E90;
    }
    .navbar-nav  li {
        float: none;
    }
    .navbar-nav li a {
		border-bottom: 1px solid #0C4E90; 
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
	.dropdown-menu {
		position: relative;
		width: 100%;
		border: none;
		border-radius: 0;
		box-shadow: 0;
		font-size: 12px;
		margin-bottom: 15px;
		padding: 0;
	}	
	
	/* Home */
	.banner-box {
		top: 30px;
		width: 55%;
	}
	#home-quick-links-container {
		padding: 30px 0;
	}
	#home-heading-container {
		padding: 30px 0;
	}
	#home-heading-container h1 {
		width: 90%;
	}
	.home-news-wrap .home-news-content {
		width: 100%;
	}
	.home-quick-link-box,
	.industries-link-box {
		padding: 10px;
	}
	.home-quick-link-box h2,
	.industries-link-box h2 {
		font-size: 20px;
	}
	#foam-cut-to-size-section .slick-next {
		right: 0;
	}

	/* Foam Cut to Size */
	.foam-box h2 {
		font-size: 18px;
	}
	#foamCutToSizeCollapseOne .images {
		float: none !important;
		padding: 0 !important;
		border-right: 0 !important;
	}	
	
	/* Latest News */
	.date-col {
		width: 15%;
	}
	.content-col {
		width: 83%;
	}

	
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block !important;
    }
    .collapsing {
        overflow: hidden !important;
    }
	#menu-top {
		position: absolute;
		right: 70px;
		top: 0;
	}
	
	.w-cart.has_items {
		right: 255px !important
	}
	
	/* Footer */
	#footer-top {
		height: 200px;
		padding: 30px 0;
	}
	#footer-bottom  ul.social-icons {
		display: none;
	}
	#footer-bottom ul.footer-details {
		padding: 20px 0;
	}
	#footer-top ul.address li {
		line-height: normal;
	}
	#footer-bottom ul.footer-details li {
		margin-right: 5px;
		padding-right: 5px;
	}

	/* EU Cookie Notice*/
	.privacy_wrapper.privacy_bottomcenter {
		margin: 0 15px;
	}	
	
}
@media (max-width: 767px) {
	
	
	/* Core */
	.wrapper {
		margin: 50px auto -267px; /* the bottom margin is the negative value of the footer's height */
	}
	#page-container {
		margin: 20px 0 20px 0;
	}
	#page-banner {
		margin-top: 0;
		margin-bottom: 60px;
	}
	#sidebar {
		margin: 30px 0 10px 0;
	}
	#sidebar ul.contact-list {
	  	margin: 0;
	  	padding: 0;
	  	border-bottom: none;
	}
	#page-banner #page-title {
		position: absolute;
		background: none;
		top: auto;
		bottom: -50px;
		min-width: 40%;
		padding: 0;
	}
	#page-banner #page-title h1 {
		color: #333333;
		padding: 0;
		margin: 0;
		font-size: 24px;
	}	
	
	/* Fonts */
	h1 {
		font-size: 24px;
	}
	h2 {
		font-size: 20px;
	}
	/* Navbar */
	.navbar {
		margin-bottom: 0;
	}
	.navbar-collapse {
		float: none !important;
	}
	.navbar-collapse.in {
		overflow-y: none !important;
	}
	.navbar-fixed-top .navbar-collapse {
		max-height: none;
	}
	.navbar-toggle {
		margin: 0 !important;
	}	
	.navbar-toggle .icon-bar {
		background: #FFFFFF;
		width: 25px;
		height: 3px;
	}
	.navbar-toggle .icon-bar + .icon-bar {
		margin-top: 5px;
	}
	.navbar-nav li a {
		border-bottom: 1px solid #0C4E90; 
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
	#need-help {
		width: 100%;
		text-align: center;
	}
	#need-help p {
		margin: 0;
		font-family: 'FrutigerBold';
		font-size: 18px;
	}
	.dropdown-menu {
		position: relative;
		width: 100%;
		border: none;
		border-radius: 0;
		box-shadow: 0;
		font-size: 12px;
		margin-bottom: 15px;
		padding: 0;
	}	
	.navbar-nav li .dropdown-menu li a {
		border-bottom: none;
	}
	#mob-title {
		font-family: 'NevisBold';
		text-transform: uppercase;
		width: 160px;
		margin-top: 12px;
		font-size: 16px;
		color: #FFFFFF;
		display: block;
		padding-top: 0;
		padding-left: 15px;
		position: absolute;
	}
	#header {
		padding: 0;
		border-bottom: 1px solid #CCCCCC;
		background: #FFFFFF;
		width: 100%;;
	}
	#header a.fc-hancox-logo,
	#header a.outline-btn,
	#header .fa,
	#header .seperator {
		display: none;
	}
	ul#header-contact {
		margin: 0;
		font-size: 16px;
		text-transform: none;
		display: flex;
		width: 100%;
	}
	#header .container {
	  align-items: center;
	  justify-content: normal;
	}
	ul#header-contact li .far {
	  	font-size: 16px;
	}
	#header-contact li {
		display: flex;
		align-items: center;
		line-height: 30px !important;
	}
	ul#header-contact li:first-child {
		width: 60%;
	}	
	#social-bar ul#social-footer li {
		width: 40px;
		height: 40px;
	}
	#social-bar ul#social-footer li .fa {
		padding-top: 8px;
	}	
	#menu-top {
		position: absolute;
		top: 0;
		right: 50px;
	}
	
	#menu-top #cart-tab {
		border-right: 1px solid #FFFFFF;
		margin: 5px 0;
		height: 40px;
	}
	#menu-top #cart-tab .fa {
		position: absolute;
		top: 10px;
	}
	
	/* Home */
	#home-banner {
		background: #099;
		height: 200px;
		position: relative;
		top: 70px;
	}		
	#home-banner {
		background: #099;
		height: 200px;
		position: relative;
		top: 0;
	}
	.banner-content .container {
		height: 200px;
	}
	.banner-content {
		height: 200px;
	}
	.banner-box {
		top: 40px;
		width: auto;
	}
	.banner-box h2 {
		font-size: 24px;
		padding-bottom: 0;
	}	
	#home-heading-container {
		padding: 40px 0;
		border-bottom: 1px solid #CCC;
		position: inherit;
	}
	#home-heading-container {
		padding: 0;
		position: inherit;
		margin-top: 0;
	}	
	#home-heading-container h1 {
		font-size: 20px;
		width: 100%;
		padding: 20px 0;
	}	
	#home-quick-links-container {
		padding: 0;
		margin: 0;
	}	
	.home-quick-link-hover {
		position: relative;
		bottom: 0;
		border-top: 1px solid #CCC;
		background: none;
	}	
	.home-quick-link-box h2 {
		padding-bottom: 0;
		padding-left: 40px;
		font-size: 22px;
		color: #444;
	}

	#home-quick-links-container .col-sm-4 {
		padding: 0;
	}

	/* Misc */
	.title {
		text-align: center;
	}
	#breadcrumb-wrap {
		display: none;
	}

	/* Foam Cut to Size */
	ul.foam-shapes-choice li {
		width: 50%;
	}
	ul.foam-shapes-choice li:nth-child(4n-7) {
		padding-left: 15px;
	}
	ul.foam-shapes-choice li:nth-child(odd) {
		padding-left: 0;
	}
	.foam-box img {
		padding: 0 15px;
	}
	.foam-box {
		padding: 10px;
		min-height: 0 !important;
		margin-bottom: 10px;
	}
	.cut-to-size-content {
		margin-bottom: 20px;
	}
	.cut-to-size-content a.blue-btn {
		float: none;
		display: block;
		text-align: center;
		margin: 0 0 20px 0;
	}
	.foam-box-wrap h2 {
		font-size: 16px;
		color: #0C4E90;
	}
	.foam-box-wrap h2:hover {
		color: #0C4E7E;
	}
	.foam-box-wrap p {
		margin-top: 0;
		margin-bottom: 20px;
	}
	#js-foam-cut-to-size-accordion .panel-heading h4 {
		text-align: center;
	}	
	#foamCutToSizeCollapseTwo #process-wrap {
		float: none;
		margin-top: 20px;
	}
	#js-summary-update-btn {
		margin-top: 10px;
	}
	.foam-cut-to-size-summary-img {
		border-right: none;
	}
	#foamCutToSizeCollapseOne .images {
		border-right: none;
	}
	ul.products li.product a.info-blue-btn {
		width: 100% !important;
		margin-top: 10px;
		margin-right: 0 !important;
	}
	ul.products li.product a.add_to_cart_button {
		padding: 0 !important;
		width: 100% !important;
		float: left !important;
	}	

	.foam-cut-to-size-summary-img {
		float: none;
		border: none;
		display: block;
		margin: 0 auto;
	}
	.areas-covered .col-xs-6 ul {
		padding: 0;
		margin: 10px 0;
	}
	#foam-use {
		line-height: 28px;
		padding: 20px 20px 10px 20px;	
	}
	#foam-use select {
		width: 100%;
		margin: 10px 0;
	}
	#option-wrap .popover {
		width: 100% !important;
	}
	#option-wrap .row {
 		display: block;
	}	
	
	/* Foam Shape Selector */
	.foam-shape-selector h2 {
		font-size: 24px;
	}

	/* Foam Child */
	.foam-mobile-quote-cta {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9999;

		display: flex;
		align-items: center;
		justify-content: center;
		gap: 9px;

        min-height: 50px;
        padding: 10px 15px;

		background: #FA8703;
		color: #FFFFFF;

		font-family: 'NevisBold';
		font-size: 15px;
		text-transform: uppercase;
		text-align: center;
		text-decoration: none;

		box-shadow: 0 -2px 8px rgba(0, 0, 0, .15);
	}

	.foam-mobile-quote-cta .fas {
		font-size: 18px;
	}

	.foam-mobile-quote-cta:hover,
	.foam-mobile-quote-cta:focus {
		background: #0C4E90;
		color: #FFFFFF;
		text-decoration: none;
	}

	/* Latest News */
	.content-col {
		width: 100%;
	}
	.date-title .category,
	.date-title .date,
	.date-title .month {
		font-size: 14px;
	}
	.date-title a h1 {
		padding-bottom: 5px;
	}

	/* FAQs */
	ul.faqs-wrap li h2 {
		font-size: 16px;
	}
	#faq-questions {
		padding: 15px;	
	}
	#faq-questions li#field_2_1 {
		margin-right: 0;
	}
	#faq-questions li#field_2_1, #faq-questions li#field_2_6 {
		width: 100%;	
	}
	
	
	
	/* Industries */
	#industries-wrap {
		margin: 0 0 -20px 0;
		padding: 0;
	}	
	.industries-link-wrap {
		margin-bottom: 0;
	}
	.industries-link-hover {
		position: relative;
		bottom: 0;
		border-top: 1px solid #CCC;
		background: none;
	}	
	.industries-link-box h2 {
		padding-bottom: 0;
		font-size: 22px;
		color: #444;
	}
	.industries-wrap .col-sm-4 {
		padding: 0;
	}

	/* Contact Us */
	#map_canvas {
		margin-top: 20px;
	}
	ul.contact-list {
		margin: 20px 0px;
	}
	ul.contact-list li {
		width: 100%;
		float: none;
		margin-bottom: 10px;
		height: auto;
	}
	
	/* Footer */		
	.push {
		height: 267px;
	}
	#footer {
		height: 267px;
	}	
	#footer-menus {
		padding: 0;
	}	
	#footer-menus .row {
		display: flex;
		flex-direction: column-reverse;
	}
	#footer-menus .col-sm-3 {
		padding: 20px 15px;
		border-bottom: 1px solid #CCC;
	}		
	.footer-title {
		text-align: center;
	}	
	#footer-menus  ul.menu-list {
		text-align: center;
	}
	.footer-about-wrap {
		text-align: center;
	}
	#footer-top {
		padding: 25px 0;
		background-image: none;
		background-color: #0C4E90;
	}
	#footer-top a img {
		margin: 0 auto;
	}
	#footer-top ul.address {
		float: none;
	}
	#footer-top ul.address li {
		padding-left: 0;
		padding-bottom: 0;
		line-height: normal;
		text-align: center;
		font-size: 14px;
		margin-top: 5px;
	}
	#footer-top ul.address li:first-child:before {
		display: none;
	}
	#footer-bottom {
		padding: 5px 0;
		font-size: 12px;
	}
	#footer-bottom  ul.bottom-menu-list {
		width: 100%;
	}
	#footer-bottom  ul.bottom-menu-list li:first-child {
		border-right: none;
		width: 100%;
		text-align: center;
	}
	#footer-bottom ul.footer-details {
		padding: 0;
		display: none;
	}
	ul.contact-list li {
		text-align: center;
	}
	ul.contact-list li.address:before,
	ul.contact-list li.telephone:before,
	ul.contact-list li.email:before {
		position: relative;
		margin-right: 5px;
	}
	ul.contact-list li.address,
	ul.contact-list li.telephone,
	ul.contact-list li.email {
		padding-left: 0;
	}
	ul.payment-options {
		text-align: center;
		float: none;
		padding: 0;
	}	
	
	/* EU Cookie Notice*/
	.privacy_wrapper.privacy_bottomcenter {
		margin: 0 15px;
	}	

}


@media (max-width: 320px) {
	/* Navbar */
	ul#header-contact {
		font-size: 12px;
	}
	.foam-cut-to-size-summary-img {
		border-right: none;
	}
	/* Foam Cut to Size */
	ul.foam-shapes-choice li {
		width: 100%;
		padding-left: 0;
	}
	ul.foam-shapes-choice li:nth-child(4n-7) {
		padding-left: 0;
	}
	ul.foam-shapes-choice li:nth-child(odd) {
		padding-left: 0;
	}
	#option-wrap .row {
 		display: block;
	}	


}



