/*==============================
	Responsive
==============================*/
.show-470 {display: none;}

@media (min-width: 992px) {
	.listings > div:nth-child(4n+1) {
		clear: left;
	}
}

/* Below 1200px */
@media (max-width: 1200px) {
	header .phone {font-size: 18px; padding: 10px 9px 10px 30px; }
}

/* Between 992px and 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
	header nav {margin-right: 0;float: none;}
	header nav ul {float: none;}
	header nav ul a {font-size: 13px;}
	header .phone {float: right; margin: 33px -22px 33px -26px;}
	.page-home .products .section .title {font-size: 56px;}
	.subscribe .heading h2 {font-size: 24px;}
	header nav .country {width: 50px; height: 35px; margin-left: 5px;}	header nav .search {width: 35px; height: 35px;  margin-left: 5px;}	header .search-box {margin-top: 68px; margin-left: 31px;}
}

@media (max-width: 1087px) {
	.bx-wrapper .bx-controls-direction a {top: inherit; bottom: -64px;}
	.bx-wrapper .bx-prev {left: 0;}
	.bx-wrapper .bx-next {right: 0;}
	.row.slider {padding-bottom: 65px;}
	.pager-image {display: none !important;}
}

/* Below 992px */
@media (max-width: 991px) {
	
	.content-body {margin-top: 0;}
	.contact.content-body {margin-top: 30px;}
	.contact .contact-form {margin-top: 30px;}
	.page-home .print, .page-home .industrial, .page-home .packaging, .page-home .print:hover, .page-home .industrial:hover, .page-home .packaging:hover {
		min-height: inherit;
		padding: 0 0 0 41px;
		background-size: 767px 100%;
		background-position: 50% 0;
	}

	.page-home .products .content:hover .section.hover {
		display: none;
	}
	.page-home .products .content:hover .section.static {
		display: block;
	}
	.page-home .products .section.static .title {
		text-align: left; 
		position: relative; 
		padding: 52px 78px 50px 0;
		font-size: 56px;
		background-image: url('/images/layout/icon_arrow_right.png');
		background-repeat: no-repeat;
		background-position: 100% 50%;
		background-size: 58px 28px;
	}

	.page-home .print, .page-home .print:hover {
		background-image: url('/images/layout/home_blue_small.jpg');
	}
	.page-home .industrial, .page-home .industrial:hover {
		background-image: url('/images/layout/home_green_small.jpg');
	}
	.page-home .packaging, .page-home .packaging:hover {
		background-image: url('/images/layout/home_orange_small.jpg');
	}

	.page-home {padding-top: 44px;}
	header .contact a {margin-bottom: 17px;}
	
	.page-home .products .col-md-4 {margin-bottom: 4px;}

	header .logo a {
		height: 44px;
		width: 210px;
		background-size: auto 100%;
		margin: 33px 0;
	}
	
	footer .copyright {text-align: right;}
	footer .links {text-align: left;}
	footer .punchbuggy {clear: left; text-align: center;}

	.page-home > .fluid-container {background: none;}

	.subscribe .subscription p, .subscribe .subscription label {font-size: 12px;}

	/*==============================
		Sidebar menu
	==============================*/
	.sub-menu {background-color: #fff; position: relative; margin: 0 -15px 30px;}
	.togglr, .toggld {
		-webkit-box-shadow:0px 25px 50px 0px rgba(204,204,204, 0.50);
		-moz-box-shadow:0px 25px 50px 0px rgba(204,204,204, 0.50);
		box-shadow: 0px 25px 50px 0px rgba(204,204,204, 0.50);
	}
	.togglr {position: relative; padding: 0 15px;}
	.toggld {display: none; position: absolute; top: 0; background-color: #fff; z-index: 999; width: 100%; padding: 0 15px;}
	.togglr p, .toggld p {line-height: 44px;}
	
	.breadcrumbs {min-width: ;}
	.crumbly span:first-child, .crumbly span:nth-child(2), .crumbly span:nth-child(3) {display: none;}
	.breadcrumbs span:after {content: " > "}
	.breadcrumbs span:last-child:after {content: none;}
	.sidebar ul {margin-bottom: 30px;}
	.toggld p {margin: 14px 0;}
	.breadcrumbs span a, .toggld p {font-size: 17px; font-weight: bold;}

	.toggle {
		background-position: 0 0;
		background-repeat: no-repeat;
		height: 44px;
		width: 44px;
		margin: 12px 0;
		vertical-align: top;
	}
	.toggle.open {
		background-position: 0 100%;
	}

	.breadcrumbs .thirdstep > * {color: #3e4350; font-weight: normal;}
	
	.breadcrumbs .firststep > *, .toggld .page-title {color: #ec2700;}
	.breadcrumbs .secondstep > * {color: #f37800;}
	
	.theme-green .breadcrumbs .firststep > *, .theme-green .toggld .page-title {color: #50b847;}
	.theme-green .breadcrumbs .secondstep > * {color: #b1d235;}

	.theme-blue .breadcrumbs .firststep > *, .theme-blue .toggld .page-title {color: #034693;}
	.theme-blue .breadcrumbs .secondstep > * {color: #00adee;}

}

/* Between 768px and 991px */
@media (min-width: 768px) and (max-width: 991px) { 
	header .phone {margin: 33px -2px 33px -20px;}
	header .twitter {margin-left: -12px;}
	.listings > div:nth-child(3n+1) {
		clear: left;
	}
	.bx-wrapper .bx-controls-direction a {top: inherit; bottom: -64px;}
	.bx-wrapper .bx-prev {left: 0;}
	.bx-wrapper .bx-next {right: 0;}
	.row.slider {padding-bottom: 65px;}

	.title-container {padding-top: 30px;}
}

/* Below 767px */
@media (max-width: 767px) {
	p, .container.subscribe p, .container.subscribe label {font-size: 12px;}
	header .logo {
		text-align: center;
	}
	header .phone {
		display: block; 
		float: right; 
		height: 0; 
		width: 0; 
		padding: 44px 44px 0 0;
		margin-right: -5px; 
		margin-left: 0;
	}

	header .mobile-menu div {
		margin-left: -5px;
	}
	
	footer .copyright p, footer .links p {margin: 0;}
	footer .copyright {text-align: center;}
	footer .links {text-align: center;}
	footer .punchbuggy p {margin: 17px 0 0 0;}
	footer {padding: 20px 0;}

	.page-home .products .section.static .title {font-size: 36px; line-height: normal;}
	
	.listings > div:nth-child(2n+1) {
		clear: left;
	}
	.subscribe .heading h2 {font-size: 18px; line-height: 23px;}

	.title-container {padding-top: 30px;}

	.page-home .products .col-md-4 {margin: 0 0 4px;}
	.listings .list-item img {
		min-width: inherit;
		max-height: 100%;
		max-width: none;
	}
	.listings .list-item a { text-align: center;}
	.listings .list-item .link {font-size: 14px; line-height: 15px;}

	.bx-viewport, .bx-wrapper li {max-height: 210px; height: 210px;}

	.breadcrumbs span a, .toggld .page-title {font-size: 12px;}
	.togglr {margin-bottom: 30px;}
	.togglr p, .toggld .page-title {line-height: 22px;margin-top: 23px;}
	.togglr p {padding-bottom: 12px;}

	.news .news-list article img {margin-bottom: 0;}
	.news-list .pagination hr {margin-bottom: 24px;}

	.sidebar > ul > li > a {font-size: 12px; line-height: 18px;}
	.sidebar ul li {margin-bottom: 11px;}

	.news .news-list h2, .news .news-single h1 {font-size: 24px;}
	.toggle {margin-bottom: 0;}

	.news-single .pagination .left a, .news-single .pagination .right a {padding: 27px 0 0 0}
	.news .pagination p {font-weight: bold;}
	.news .pagination .direction {font-size: 18px; font-weight: 300; line-height: 38px;}

	.the-styled-one {margin-top: 84px;}
	.news .social .title {margin-right: 0;}
	.news .social span {padding-bottom: 18px;}

}

@media (max-width: 600px) {
	.news .news-list h3 {font-size: 18px;}
}

@media (max-width: 470px) {
	.hide-470 {display: none;}
	.show-470 {display: block;}
	.pages.page-count {padding-top: 0;}
	.news-list .page-count p {line-height: 44px;}
}

@media (max-width: 446px) {
	.page-home .products .section.static .title {padding: 0 78px 0 0;}
	.products a {height: 130px; overflow: hidden; display: table; width: 100%}
	.products div.content {display: table-cell; vertical-align: middle; }
	.contact .number {font-size: 32px;}
}

@media (max-width: 369px) {
	.contact .number{font-size:26px;}
	.contact h2 {font-size: }
	.listings .list-item img {
		max-width: 100%;
		max-height: none;
		min-height: inherit;
	}
}

@media (max-width: 351px) {
	header .logo a {
		width: 100%;
		background-size: 100% auto;
	}
}

@media (max-width: 320px) {
	.listings .list-item img {
		margin: 0 auto;
		display: block;
	}
	.listings .list-item a {text-align: left;}
}

/*==============================
	Mobile Menu
==============================*/
@media (min-width: 992px) {
    #mobile-menu {display: none;}
}

@media (max-width: 991px) {
    #main-body {
    	position: relative; 
    	left: 0; 
    	z-index: 1; 
    	box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
    	-webkit-transition: all 0.3s ease;
       	-moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
     	-o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    #main-body.open {margin: 0 200px 0 -200px; left: 100%}
    #mobile-menu {position: absolute; top: 0; left: 0; right: 200px;}
}
@media (max-width: 767px) {
	#main-body.open {margin: 0 65px 0 -65px;}
	#mobile-menu {right: 65px}

}