@charset "UTF-8";
/* Media CSS */

/* --- Large Screen --- */
@media all and (min-width:1024px) {
	.hide_desktop {
		display:none !important;
	}
	
	.center_div {
		width:1000px;
	}
	
	/* nav */
	ul.nav_list li a {
		padding:0 15px;
	}
	.nav_social {
		padding:0;
	}
	.nav_social a{
		padding:0 10px;
	}
	
	/* Logo */
	.logo_wrap {
		width:27%;
		margin-top:15px;
	}
}

@media all and (min-width:1280px) {
	.hide_desktop {
		display:none !important;
	}
	
	.center_div {
		width:1000px;
	}
	
	/* Nav */
	ul.nav_list li a {
		padding:0 20px;
	}
	.nav_social {
		padding:0 15px;
	}
	.nav_social a{
		padding:0 20px;
	}
	
	/* Logo */
	.logo_wrap {
		margin-top:10px;
	}
}

/* --- Medium Screen --- */
@media all and (max-width:1023px) {
	
	p {
		font-size:14px !important;
		line-height:24px !important;
	}
	.hide_tablet {
		display:none !important;
	}
	.hide_tablet_only {
		display:none !important;
	}
	
	/* Nav */
	.menu_icon {
		display:inline-block;
		float:left;
	}
	.nav_wrap {
		display:block;
		position:fixed;
		overflow:scroll;
		left:-100%;
		top:0;
		bottom:0;
		width:50%;
		height:100% !important;
		background:#fff;
		text-align:left;
		z-index:999;
		box-shadow:3px 0 15px #999;
		transition:all 0.3s;
		-webkit-transition:all 0.3s;
		-moz-transition:all 0.3s;
		-o-transition:all 0.3s;
		-ms-transition:all 0.3s;
	}
	
	/* List */
	ul.nav_list {
		width:auto;
		height:auto;
		margin:0;
		padding:0;
		float:none;
	}
	ul.nav_list li{
		display:block;
		float:none;
		margin:0;
		padding:0;
		list-style:none;
	}
	ul.nav_list li a {
		font-size:15px;
		display:block;
		text-decoration:none;
		line-height:24px;
		padding:15px 10%;
		border-bottom:1px solid #eee;
	}
	ul.nav_list li a.nav_current {
		background:#f5f5f2;
	}
	
	p.contact_info_aside, p.contact_info_aside a {
		font-size:14px !important;
		line-height:24px !important;
	}
	p.contact_info_aside img {
		margin:0 5px 0 0;
		position:relative;
		top:7px;
		display:none;
	}
	
	/* Nav Social */
	.nav_social {
		float:none;
		position:static;
		display:block;
	}
	.nav_social a {
		display:inline-block;
		text-decoration:none;
		line-height:100px;
		padding:0 20px;
		float:left;
		position:relative;
		z-index:2;
	}
	.nav_social:before {
		display:none;
	}
	
	.nav_click {
		left:0;
	}
	
	.tran_wrap {
		position:static;
		width:calc( 100% + 40px );
		border-radius:0px;
		right:0;
		margin:0 0 0 -20px;
		background:#333;
	}
	.trans_in {
		width:250px !important;
		margin-left:20px;
	}
	.trans_in a {
		display:inline-block !important;
		margin:0 0 10px 10px;
		height:auto;
		padding:0 10px!important;
		line-height:10px !important;
	}
	.trans_in a img {
		width:25px !important;
		height:16px !important;
		opacity:1;
		border:none !important;
	}
	
	/* Index Boxes */
	.index_about, .search_wrap{
		height:480px;
	}
	.cat_wrap, .qual_wrap, .aside_contact_wrap {
		height:400px;
	}
	
	/* Product page */
	.main_content_wrap_prod {
		width:calc( 74% - 60px );
	}
	
	/* Contact Page */
	p.cnt_meta {
		font-size:12px !important;
		line-height:22px !important;
	}
	
	/* Animated Text */
	.rw-words-1 span {
		text-indent:20px;
	}
}


/* --- Small Screen --- */
@media all and (max-width:719px) {
	p {
		font-size:13px !important;
		line-height:23px !important;
	}
	h1 {
		font-size:30px !important;
		line-height:40px !important;
	}
	h2 {
		font-size:26px !important;
		line-height:36px !important;
	}
	h3 {
		font-size:22px !important;
		line-height:32px !important;
	}
	h4 {
		font-size:18px !important;
		line-height:28px !important;
	}
	
	.hide_mobile {
		display:none !important;
	}
	.hide_tablet_only {
		display:inherit !important;
	}
	
	
	/* header */
	.header_in_wrap {
		height:70px;
	}
	/* Logo */
	.logo_wrap {
		margin-left:10px;
		width:200px;
	}
	
	/* Nav */
	.nav_wrap {
		width:80%;
	}
	
	.menu_icon {
		height:70px;
		width:20px;
	}
	
	/* Margin fix */
	.margin_fix {
		margin:75px 0 0 0;
	}
	
	
	/* --- Layout elements --- */
	.box_t_f, .box_o_f {
		width:calc( 100% - 60px );
	}
	
	/* Index Boxes */
	.index_about, .search_wrap, .cat_wrap, .qual_wrap, .aside_contact_wrap{
		padding-bottom:20px;
		height:auto;
	}
	.box_title  {
		margin:30px 0 0 0;
	}
	.index_about p {
		width:100%;
	}
	.index_about button.form_button {
		position:static;
	}
	.search_wrap button.form_button {
		margin:10px 0;
	}
	.address_wrap:after {
		display:none;
	}
	p.contact_info_aside img {
		margin:0 5px 0 0;
		position:relative;
		top:7px;
		display:inline-block;
	}
	
	/* Footer */
	.footer_wrap p {
		display:block;
	}
	.footer_wrap p.float_right {
		float:none;
	}
	
	/* --- Other Pages --- */
		
	/* Main Title */
	.main_title_wrap {
		height:40px;
	}
		
	/* Main Content */
	.main_content_wrap {
		padding:10px 0;
		width:100%;
	}
	
	/* Aside */
	.aside_wrap {
		width:100%;
		float:none;
	}
	
	/* --- Product Page --- */
	.product_row {
	}
	
	/* Img */
	.prod_img_wrap {
		width:80%;
		float:none;
		margin:10px auto;
	}
	
	/* Desc */
	.prod_desc_wrap {
		width:100%;
		float:none;
	}
	h4.product_count {
		margin-bottom:10px;
	}
		
	/* --- Contact Page --- */
	.half_col {
		width:100%;
		float:none;
	}
	
	/* Contact Info */
	.half_col_left {
		width:90%;
		height:auto;
		padding:20px 5%;
		float:left;
		background: #f8f8f8;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#f8f8f8));
		background: -webkit-linear-gradient(180deg, #fff, #f8f8f8);
		background: -moz-linear-gradient(180deg, #fff, #f8f8f8);
		background: -ms-linear-gradient(180deg, #fff, #f8f8f8);
		background: -o-linear-gradient(180deg, #fff, #f8f8f8);
		background: linear-gradient(180deg, #fff, #f8f8f8);
	}
	p.contact_info {
		font-size:14px !important;
	}
	.sep_cnt {
		margin:20px 0;
	}
	
	/* Contact Form */
	.half_col_right {
		padding:20px 0;
		float:right;
	}
	
	/* Animated Text */
	.anim_wrap {
		padding:0;
	}
	.rw-words-1 span {
		text-indent:20px;
		margin-top:20px;
	}
	.rw-words-1 span img {
		max-width:100% !important;
	}
}