@media (min-width: 1200px) {
	.container {
	    max-width: 1200px;
	}
	.col-lg-10 .container {
		max-width: 100%;
	}
}

.menubar-toggle, .menubar-close { display: none; }

/* Landscape tablets and medium desktops */
@media only screen and (max-width:1490px) {


}

@media only screen and (max-width:1690px) and (min-width: 1200px) {
	
	.call-info {
		bottom: auto;
		left: -226px;
	}
	
	.navbar-right {
		position: absolute;
		right: 15px;
		top: 0;
	}
	
	ul.quick-menu {
		/* padding: 0 70px 0 0; */
		padding: 0 320px 0 0;
	}
	
	.form-control .fa-search {
	    position: relative;
	    top: -12px;
	}
	
	ul.quick-menu li a span {
	    display: inline-block;
	    vertical-align: middle;
	}
	
	ul.quick-menu li a span.icon-pic {
	    width: 24px;
	    height: 20px;
	    margin: 0 4px 2px auto;
	    background-position: center center;
	    background-size: 24px 20px;
	}
	
}

@media only screen and (max-width:1199px) {
	
	.search-form .form-group input.form-control {
	    width: 185px;
	}
	#header { height: 140px; background-color: rgba(28,28,25,1) }
	.navbar-right { width: 100%; height: 60px; background-color: #000000; position: absolute; left: 0; top: 0; padding-left: 20px; }
	.navbar-right ul { float: left; position: relative; z-index: 1; padding: 0; }
	.navbar-right ul li { display: none; border: 0; }
	.navbar-right ul li:nth-child(3) { display: inline-block; }
	.navbar-right ul li a { font-size: 12px; line-height: 55px; }
	.navbar-right ul li a > span { display: inline-block; float: left; }
	.navbar-right ul li a span.icon-pic { margin: 15px 5px 15px 0; }
	.call-info { top: 0; bottom: 0; right: 0; text-align: center; }
	.call-info a, .call-info span, #header.home-header .call-info a, #header.home-header .call-info span { background-color: #000000; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; line-height: 60px; font-size: 18px; padding: 0; }
	.call-info span { display: none; }
	.call-info a { display: inline-block; }
	.navbar-header { width: 100%; text-align: center; margin-top: 60px; }
	.navbar-brand { float: none; display: inline-block; border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px; -moz-border-radius: 0 0 15px 15px; padding: 12px 15px; z-index: 3; position: relative; }
	.navbar-brand img { width: 170px; }
	.navbar-right .search-form { margin-top: 60px; width: 90%; }
	.menubar-toggle, .menubar-close { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 40px; color: #f5da33; position: absolute; left: 30px; top: 80px; background-color: transparent; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 0; padding: 0; margin: 0; overflow: hidden; z-index: 2; }
	.menubar-close { display: none; z-index: 4; }
	.navbar-menu { width: 100%; display: none; position: fixed; left: 0; top: 60px; background: url("../assets/images/SteelProducts_Background.jpg") no-repeat 50% 50%; background-size: cover; overflow: scroll; z-index: 3; padding: 75px 30px 150px; }
	.navbar-menu.open{
	    display:block;
	}
	.navbar-menu ul.navlist > li { width: 100%; }
	.navbar-menu ul.navlist li a { font-size: 18px; padding: 10px; }
	.navbar-menu ul.navlist > li:first-child a { padding-left: 10px; }
	.nav-toggle:before { font-size: 24px; }
	.navlist > li.mm-dropdown > ul.inner { float: left; display: none; opacity: 1; visibility: visible; position: static; transition: inherit; background-color: transparent; padding: 0 10px; }
	.navlist > li.mm-dropdown:hover > ul.inner { opacity: 1; visibility: visible; }
	.navlist > li.mm-dropdown > ul.inner li { width: 100%; float: left; padding: 5px 0; }
	.navlist > li.mm-dropdown > ul.inner li a { font-size: 15px; font-weight: 400; font-family: 'Michroma', sans-serif; }
	.navlist > li.mm-dropdown > ul.inner li ul.inner { width: 100%; float: left; display: block !important; }
	.navlist > li.mm-dropdown > ul.inner li ul.inner li { padding: 0; }
	.navlist > li.mm-dropdown > ul.inner li ul.inner li a { font-family: 'Open Sans', sans-serif; font-size: 15px; }
	.navlist > li#nav-menu-1 { display: block; }
	.menu-footer { width: 100%; height: 90px; background-color: rgba(0,0,0,1); position: fixed; left: 0; bottom: 0; }
	.menu-footer ul { width: 100%; padding: 20px 30px; }
	.menu-footer ul li { width: 25%; float: left; text-align: center; }
	.menu-footer ul li a { font-size: 15px; }
	.menu-footer ul li a:hover { color: #f5da33; }
	
	p { margin-bottom: 15px; }
	.home-slider:before, #footer:before { width: 260px; }
	#home-slider,.home-slider{height: 795px;}
	#home-slider .slick-slide { height: 795px; background-position: 50% top; background-size: 125%; }
	#home-slider .slick-slide .container { width: 100%; max-width: inherit; padding: 0; }
	.slide-caption { width: 100%; background-color: #000000; top: auto; bottom: 0; transform: inherit; padding: 60px 100px 60px 200px; }
	.slide-caption:after { display: none; }
	#home-carousel { left: 0; right: auto; top: auto; bottom: 0; transform: inherit; }
	#home-carousel .slick-slide { opacity: 0.4; }
	#home-carousel .slick-current { opacity: 1; }
	#home-carousel .slick-dots { left: 195px; }

	.block { padding: 35px 0; }
	.container-small { width: 630px; }
	.element01 { left: auto; right: 0; }
	.element03 { display: none; }
	.element04 { right: 175px; }
	.design-element2 { left: 0; top: -25px; }
	.design-element3 { left: auto; right: 30px; }
	.heading-element01:before { right: 60px; top:-60px; }
	.heading-element02:before { left: -85px; top:-70px; }
	
	.buckets-wrapper .row .col-xs-6:nth-child(6n+1) { clear: none; }
	.buckets-wrapper .row .col-xs-6:nth-child(4n+1) { clear: both; } 
	.bucket-block .container-small, .bucket-block01 .container-small { width: 100%; }
	.bucket-block .row { margin: 0 -30px }
	.bucket-box01 { padding: 0 5px; }
	.bucket-box01 .bucket-inner { margin: 5px 0; }
	.bucket-box01 .media-left { display: none; }
	.bucket-block01 .row { margin: 0 -5px; }
	.bucket-block01 .bucket-box01 .bucket-pic { height: 200px; }
	.bucket-block01 .bucket-box01 .media-left { display: table-cell; }
	.bucket-block01 .bucket-box01 .media-body { padding: 10px; }
	.bucket-block01 .bucket-box01 .media-body p { font-size: 12px; }
	
	.projects-block .heading-box { margin-bottom: 30px; }
	.projects-left { height: auto; display: inline-block; }
	.projects-content { width: 100%; display: inline-block; padding: 40px 80px; }
	.projects-slider { padding: 30px 100px; }
	.projects-slider .flex-control-nav { left: 0; bottom: -30px; }
	.projects-slider .flex-direction-nav .flex-prev { left: 55px; }
	.projects-slider .flex-direction-nav .flex-next { right: 55px; }

	.heading-box.text-left { text-align: center; }
	.fabrication-block:before { height: 300px; }
	.fabrication-block .container { padding-left: 30px; padding-right: 30px; }
	.fabrication-block .heading-box p { padding-left: 0; padding-right: 0; }
	.fabrication-block .fabrication-box { padding-top: 30px; }
	
	ul.quick-links { margin: 0; }
	ul.quick-links li { width: 33.33333%; margin: 10px 0; padding: 0; }
	ul.quick-links li:nth-child(4) { border: 0; }

	.quick-contact-block #quickContact { width: 620px; padding: 25px 25px 50px; }
	.inner-banner { background: none !important; height: 140px; }
	
	.projects-gallery .row { margin: 0 -16px; }
	.projects-gallery .project-pic { padding: 1px; }
	.testimonials-slider { padding: 0 0 70px; }
	.testimonials-slider .flex-control-nav { bottom: 10px; }

	.video-icon { font-size: 175px; }

	.no-banner .inner-banner { height: 140px; }
	.no-banner .breadcrumb-block { background-color: rgba(228,230,236,0.4); }
	.forms-block .container-small { width: 100%; max-width: 100%; padding: 0; }
	.forms-block { margin-top: 50px; }
	.rfq-page .forms-block { margin-top: 135px; }
	.forms-block .forms { padding: 15px 15px 20px; }
	.forms-block .forms:after { background-color: #585858; }
	.forms .form-group { margin-bottom: 15px; }
	.forms-block .forms .col-xs-12 .row { margin: 0 -15px; }
	.forms-block .forms .col-xs-12 .row > div { padding: 0 15px; }

	.siderbar-menu h5 { display: none; }
	.siderbar-menu ul { display: inline-block; text-align: center; border: 0; margin-bottom: 15px; padding: 0; }
	.siderbar-menu > ul > li { width: auto; padding: 0 10px; }
	.siderbar-menu > ul > li .menu-toggle:before { display: none; /* width: 15px; height: 30px; line-height: 30px; right: -5px; content: "\f35f"; color: #1c1c19; font-size: 19px; */ }
	.siderbar-menu > ul > li.active a { color: #4f4f4f; text-align: left; }
	.siderbar-menu > ul > li.active > a:after { font-family: 'Ionicons'; content: "\f35f"; color: #1c1c19; font-size: 19px; line-height: normal; position: relative; left: 5px; top: 3px; }
	.siderbar-menu > ul > li.active ul.inner { display: block; text-align: left; }
	.menu-toggle-mob:before { width: 32px; height: 32px; text-align: center; content: "\f35f"; font-family: 'Ionicons'; font-size: 19px; color: #1c1c19; position: absolute; right:15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); line-height: 32px; cursor: pointer; }
	
	.bg-left-50,
	.bg-right-50 {
		width: 100%;
		position: relative;
		top: auto;
		position: relative;
		height: 300px;
	}
	
	/* Timeline */
	
	.timeline-item-wrapper:nth-child(odd) .timeline-item::after {
		right:-11.5%;
	}
	
		
}

/* Landscape tablets and medium desktops */
@media only screen and (min-width: 768px) and (max-width: 1199px) {


} 

/* Portrait tablets and small desktops */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
}

/* Landscape phones and portrait tablets */
@media only screen and (max-width: 767px) {	
	h1 { font-size: 21px; color: #1c1c19; }
	.block { padding: 30px 0; }
	.container-small { width: 100%; }
	.fabrication-block .container { padding: 0 15px; }

	.design-element2, .design-element3, .element04, .element05, .element06, .heading-element01:before, .heading-element02:before { display: none; }
	
	.inner-banner { height: 120px; }
	.B_crumbBox { display: none; }

	#header { height: 120px; }
	.navbar-right { min-width: inherit; padding-left: 0; }	
	.call-info { text-align: right; right: 15px; }
	.navbar-right ul { position: absolute; top: 0; left: 0; }
	.navbar-right .search-form { width: auto; height: 60px; position: relative; }
	.search-form .form-group { min-width: 45px; height: 60px; background-color: #1c1c19; z-index: 2; }
	.form-group.sb-search-open, .no-js .sb-search-open { z-index: 3; }
	.form-control-submit, .search-label { width: 45px; height: 45px; font-size: 23px; line-height: 45px; right:179px;}
	.search-form .form-group input.form-control {/*  width: 85%; */ width:184px; height: 45px; }
	.search-close { font-size: 29px; color: #f5da33; float: left; padding: 15px; line-height: 30px; display:none!important; }
	.menubar-toggle { left: 15px; top: 70px; font-size: 30px; display:block; z-index: 999; }
	.menubar-close {left: 15px; top: 70px; font-size: 30px; display:block; z-index: 999; display:none !important;}
	.navbar-header { margin: 60px 0 0 !important; }
	.navbar-brand { padding: 8px 15px; }
	.navbar-brand img { width: 120px; }
	.menu-footer ul { padding: 24px 0; }
	.menu-footer ul li { padding: 0; }
	.menu-footer ul li a { font-size: 10px; }
	.menu-footer ul li a span { margin: 0 auto; }
	.menu-footer ul li:nth-child(1) a span.icon-pic { width: 30px; }
	.menu-footer ul li:nth-child(2) a span.icon-pic { width: 24px; }
	.menu-footer ul li:nth-child(3) a span.icon-pic { width: 21px }
	.menu-footer ul li:nth-child(4) a span.icon-pic { width: 16px; }
	
	.home-slider { border-bottom: 0 none; }
	.home-slider:before { display: none; }
	#home-slider,.home-slider{height: 500px;}
	#home-slider .slick-slide { height: 500px; background-size: 150%; }
	.slide-caption { height: auto; padding: 15px 15px 45px; }
	.slide-caption h1 { font-size: 16px; }
	#home-carousel { height: 120px; }
	#home-carousel { width: 100%; position: relative; }
	#home-carousel .slick-slide { width: 33% !important; height: 125px; }
	#home-carousel .slick-slide:after { right: 0; top: 0; content: "\f365"; }
	#home-carousel .slick-dots { width: auto; top: -40px; bottom: auto; left: 15px; }

	.buckets-slider { padding: 0 40px; }
	.buckets-slider .row { margin: 0 -8px; }
	.buckets-slider .col-xs-6 { padding: 0 8px; }
	.buckets-slider .col-xs-6:nth-child(2n+1) { clear: both; }
	.bucket-box { width: 123px; float: none; margin: 0 auto; }
	.buckets-slider .flex-direction-nav a { width: 30px; height: 45px; background-color: #FFFFFF; line-height: 50px; text-align: center; text-shadow: none; margin: 0; transform: translateY(-50%); }
	.buckets-slider .flex-direction-nav .flex-prev { left: -15px; border-radius: 0 15px 15px 0; -webkit-border-radius: 0 15px 15px 0; -moz-border-radius: 0 15px 15px 0; padding-right: 5px; }
	.buckets-slider .flex-direction-nav .flex-next { right: -15px; border-radius: 15px 0 0 15px; -webkit-border-radius: 15px 0 0 15px; -moz-border-radius: 15px 0 0 15px; padding-left: 5px; }
	.buckets-slider .flex-direction-nav a:before { content: "\f2ca"; font-family:"Ionicons"; font-size: 22px; color: #1c1c19; line-height: normal; }
	.buckets-slider .flex-direction-nav a.flex-next:before { content: "\f30f"; }
	
	.bucket-block .row, .bucket-block01 .row { margin: 0 -20px; }
	.bucket-box01 .bucket-inner { margin: 15px 0; }
	.bucket-box01 .media-left { display: table-cell; }
	.bucket-block01 .bucket-box01 .bucket-pic { height: 268px; }
	
	.bucket-box01 .bucket-details {
		height: auto;
	}
	
	.projects-block { padding-bottom: 45px !important; }
	.projects-content, .projects-slider { padding: 0; }
	.projects-slider { margin-top: 30px; }
	.projects-block .col-lg-6 { padding: 0; }
	.projects-slider .flex-direction-nav a { width: 30px; height: 45px; background-color: #FFFFFF; line-height: 50px; }
	.projects-slider .flex-direction-nav .flex-prev { left: 0; border-radius: 0 15px 15px 0; -webkit-border-radius: 0 15px 15px 0; -moz-border-radius: 0 15px 15px 0; padding-right: 5px; }
	.projects-slider .flex-direction-nav .flex-next { right: 0; border-radius: 15px 0 0 15px; -webkit-border-radius: 15px 0 0 15px; -moz-border-radius: 15px 0 0 15px; padding-left: 5px; }
	.projects-slider .flex-direction-nav a:before { content: "\f2ca"; font-size: 22px; }
	.projects-slider .flex-direction-nav a.flex-next:before { content: "\f30f"; }
	.projects-slider .flex-control-nav { height: 45px; background-color: #000000; bottom: -45px; padding: 20px 0; }
	.projects-slider .flex-control-paging li a { width: 55px; background-color: #000000; border-color: #979797; height: 5px; }
	.projects-slider .flex-control-paging li a.flex-active { background-color: #d5d5d5; border-color: #d5d5d5; }

	.connected-box p { text-align: center; font-size: 13px; margin: 0; }
	.connected-box p:nth-child(2) { font-size: 15px; margin-bottom: 30px; }
	.connected-box p:nth-child(4) { font-weight: 600; }
	.fabrication-block .fabrication-box { padding-top: 0; padding-bottom: 30px; text-align: center; }

	.video-box { height: 300px; }
	.video-icon { font-size: 92px; }

	.quick-contact-block #quickContact { width: 100%; }
	#quickContact .btn { position: relative; left: 0; bottom: 0; margin-top: 30px; }

	.no-banner .inner-banner { height: 120px; }
	.forms-block .forms { padding: 20px 40px; }
	.forms .checkbox-box { margin-top: 5px; }
	.forms-block textarea.form-control { height: 150px; }
	.forms-block .btn-small { margin: 15px 0; }
	.map { width: auto; height: 220px; margin: 25px -40px 0; }
	.company-info { margin: 0; padding: 0; }

	#footer { text-align: center; padding-top: 30px; }
	ul.quick-links { margin: 15px 0; }
	ul.quick-links li { margin: 10px 0; padding: 0 5px; }
	ul.quick-links li:nth-child(4) { border-left: 0; }
	ul.connected-link li { padding: 0; }
	ul.connected-link li span { font-weight: 600; color: #f5da33; margin-right: 5px; }
	ul.connected-link li:before { display: none; }
	ul.connected-link li br { display: none; }
	ul.connected-link li .btn { margin: 0 0 50px; }
	.footer-bottom { height: 45px; margin-top: 15px; padding: 13px 0; }
	.footer-logo { bottom: 43px; }
	
	/* Timeline */

	.timeline::before {
		left: 0;
	}
	
	.timeline-item {
		width: 95%;
		margin-left: 5%;
	}
	
	.timeline-item:nth-child(odd) {
		float: none;
	}
	.timeline-item:nth-child(even) {
		float: none;
		margin-top: 0;
	}
	
	.timeline-item:nth-child(odd):before {
		left: -32px;
	}
	
	.timeline-item:nth-child(odd):after,
	.timeline-item:nth-child(even):after {
		right: auto;
		left: -6%;
	}
	
	.timeline-item:nth-child(even):hover:after {
		left: -6%;
	}
	
	.timeline-item::before {
		display: none;
	}
	
	/* Product Listing */
	
	#topspot-catalog-product-listing {
		max-height: 400px;
		overflow: scroll !important;
	}
	
	#topspot-catalog-product-listing-table td {
		padding: 10px 8px;
	}
	
	
	/* Quote Cart Checkout table */

	
	/* Force table to not be like tables anymore */
/*
	#topspot-catalog-product-listing-table thead, 
	#topspot-catalog-product-listing-table tbody, 
	#topspot-catalog-product-listing-table th, 
	#topspot-catalog-product-listing-table td, 
	#topspot-catalog-product-listing-table tr, 
*/
	.topspot-catalog-cart-items .topspot-catalog-cart-product-table thead, 
	.topspot-catalog-cart-items .topspot-catalog-cart-product-table tbody, 
	.topspot-catalog-cart-items .topspot-catalog-cart-product-table th, 
	.topspot-catalog-cart-items .topspot-catalog-cart-product-table td, 
	.topspot-catalog-cart-items .topspot-catalog-cart-product-table tr,
	.product-checkout thead, 
	.product-checkout tbody, 
	.product-checkout th, 
	.product-checkout td, 
	.product-checkout tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.topspot-catalog-cart-product-table thead tr,
/* 	#topspot-catalog-product-listing-table thead tr, */
	.product-checkout thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

/*     #topspot-catalog-product-listing-table tr, */
    .topspot-catalog-cart-items .topspot-catalog-cart-product-table tr,
    .product-checkout tr {
      padding: 0 0 1rem 0;
      border-bottom: 4px double #fff;
    }
      
    #topspot-catalog-product-listing-table tr:nth-child(odd),
    .topspot-catalog-cart-items .topspot-catalog-cart-product-table tr:nth-child(odd) {

    }

/* 	#topspot-catalog-product-listing-table td, */
	.topspot-catalog-cart-items .topspot-catalog-cart-product-table td,
	.product-checkout td {
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 50% !important;
	}

/* 	#topspot-catalog-product-listing-table td:before, */
	.topspot-catalog-cart-items .topspot-catalog-cart-product-table td:before,
	.product-checkout td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 7px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/* Label the rows		*/
/* 	#topspot-catalog-product-listing-table td:not(.controls)::before, */
	.topspot-catalog-cart-items .topspot-catalog-cart-product-table td:not(.controls)::before { 
		content: attr(class); 
		text-transform: capitalize;
	}
	
	.product-checkout td::before {
		content: attr(data-label); 
		text-transform: capitalize;
	}
	
	.product-checkout .product-image {
		width: auto;
	}

	.product-checkout .product-name,
	.product-checkout .product {
		font-size: 16px;
	}
	
	/* Timeline */
	
	.timeline-item-wrapper:nth-child(even) .timeline-item::after {
	    left: -6.5%;
	}
		



}
@media only screen and (max-width: 560px) {
	
	.btn-pdf {
		height: auto;
		white-space: normal;
	}
	
}


/* Landscape phones and smaller */
@media only screen and (max-width: 480px) {
	
	.footer-bottom {
		height: 90px;
	}
		
	.footer-bottom .pull-left,
	.footer-bottom .pull-right {
		float: none !important;
		text-align: center;
		padding: 10px 0;
	}
	
	.footer-logo {
		bottom: 77px;
	}
	
}
/* Portrait phones and smaller */
@media only screen and (max-width: 380px) {
	
	.navbar-right ul li a > span:not(.cart-icon) {
		display: none;
	}
	
	ul.quick-links li {
		min-width: 0;
	}

	
}

/* Portrait phones and smaller */
@media only screen and (max-width: 320px) {
	.buckets-slider { padding: 0 10px; }
	#footer .footer-bottom p { font-size: 11px; }	
}