@charset 'utf-8';


@media all and (max-width: 960px) and (min-width: 601px) {
	#custom-frame-section h1,
	#product-section h1 {
		margin-bottom: 10px;
		padding: 10px 40px;
		width: 50%;
		font-size: 36px;
		}
}
@media all and (max-width: 600px) {
	#custom-frame-section h1,
	#product-section h1 {
		margin-bottom: 10px;
		padding: 10px 40px;
		width: 60%;
		font-size: 30px;
		}
	
	.happiness-content-slide .content-slide-wrapper { margin: 0 30px; }
	.happiness-content-slide .prev {left: 10px;}
	.happiness-content-slide .next {right: 10px;}
	.happiness-content-slide #custom-frame-section LI,
	.happiness-content-slide #product-section LI { margin: 0; }
	
}






@media all and (max-width: 850px) {
	.product-info > .left,
	.product-info > .left + .right {
		float: none;
		margin-left: 0;
		width: auto;
	}
}


@media all and (max-width: 960px) and (min-width: 651px) {
	/** Header ------------------------------------------------*/
	#top-header #cart { min-width: 0; }
	#top-header #cart H4 {display: none;}
	
	.header-block  {
		position: relative;
		margin: 0 20px;
		height: 74px;
		}
	.header { top: 0; }
	.mainnav > li > a { margin-right: 15px; }
	.mainnav .nav-column {
	    float: left;
	    width: 30%;
	    padding: 0 1%;
	    }
	.mainnav .nav-column H3 {font-size: 20px;}
	
	
	/** Footer ------------------------------------------------*/
	#companyInfo { padding: 0 30px 50px 30px; }
	#companyInfo .col {
		height: auto;
		padding: 30px 0 0 0;
		}
	#companyInfo .col2 {
		clear: both;
		float: none;
		width: auto;
		}
	#companyInfo .col2 LI {
		float: left;
		width: 42%;
		}
	#companyInfo .col2 LI:first-child {margin-right: 20px;}
	
	#companyInfo .col1 {
		clear: both;
		width: 35%;
		}
	#companyInfo .col3 {width: 55%;}
	#companyInfo .col3 IMG {
		display: block;
		min-width: 90%;
		}
	
	#footlink .foot-logo {
		float: none;
		margin: auto;
		}
	#footer-link {display: none;}
	
	
	
	
	/** Home Slide -------------------------------------------*/
	.slideshow-reponsive-wrapper {
		position: relative;
		height: 300px;
		overflow: hidden;
		}
	.slideshow-reponsive-wrapper .slideshow {
		position: static;
		width: 970px;
		}
	.slideshow-reponsive-wrapper .slideshow .nivo-directionNav {display: none;}
	
	
	
	
	/** Product Category ------------------------------------*/
	#content,
	#column-left + #column-right + #content,
	#column-left + #content,
	#column-right + #content {
		margin-right: 15px;
		margin-left: 15px;
		}
	#column-right {display: none;}
	
	/* Homepage only */
	BODY.homepage #content.homepage {
		margin-left: 0;
		margin-right: 0;
		}
	
	#content .product-grid>div {overflow: hidden;} /* .image {width: 100%; min-width: 100%;} */
	.product-grid .image a,
	.product-grid .image img,
	#custom-frames-listing .product-grid .image img {
		display: block;
		min-width: 100%;
		min-height: auto;
		height: auto;
		}
	#custom-frames-listing .product-grid .image {height: auto;}
	
	#blogCatArticles .articleCat {
		float:left;
		margin: 0;
		width:30%;
		padding:0 1% 10px 1%;
		}
	#blogCatArticles .articleCat:nth-child(3n+1) {clear: both;}
	#blogCatArticles .articleCat .articleHeader {margin: 0;}
	
	
	/** Infomation Page ------------------------------------*/
	.how-to-order-page IMG {width: 100%;}
	.our-client-page .client-image-list IMG {width: 100%;}
	#content .contact-info .content .right,
	#content .contact-info .content .left {
		float: none;
		margin-bottom: 20px;
		width: auto;
		}
	.contact-info .content .right IMG {width: 100%}
}

@media all and (max-width: 650px) {
	/** Header ------------------------------------------------*/
	
	.desktop-version-btn {
		display: block;
		margin: 0 10px;
		padding: 8px 15px;
		border-bottom: solid 1px #333;
		text-transform: uppercase;
		text-align: center;
		font-size: 12px;
		line-height: 12px;
		color: #ccc;
		}
	
	#top-header {
		height:  auto;
		/* padding: 0 10px; */
		}
	ul#quick-access { padding-left: 10px; }
	ul#quick-access LI {
		margin-bottom: 5px;
		}
	 #cart {
	 	position: static;
	 	width: 100%;
	 	background: #333;
	 	}
	/* #cart {display: none;} */
	
	.header-block,
	#mainnav .mainnav {display: none;}
	
	#mainnav {margin: 0 15px 10px 15px;}
	#mobile-menu-toggle {display: block;}
	
	
	
	/** Footer ------------------------------------------------*/
	#companyInfo { padding: 0 30px 50px 30px; }
	#companyInfo .col {
		height: auto;
		padding: 30px 0 0 0;
		}
	#companyInfo .col1,
	#companyInfo .col2,
	#companyInfo .col3 {
		clear: both;
		float: none;
		width: auto;
		}
	#companyInfo .col3 IMG {
		display: block;
		width:100%;
		}
	
	#footlink .foot-logo {
		float: none;
		margin: auto;
		}
	#footer-link {display: none;}
	
	
	
	
	/** Home Slide -------------------------------------------*/
	.slideshow-reponsive-wrapper {
		position: relative;
		margin-bottom: 40px;
/* 		overflow: hidden; */
		}
	.slideshow-reponsive-wrapper .slideshow .nivo-controlNav {
		bottom: -40px;
		padding-top: 10px;
		height: 30px;
/* 		background: #000; */
		}
	
	
	
	
	
	/** Product Category ------------------------------------*/
	#content,
	#column-left + #column-right + #content,
	#column-left + #content,
	#column-right + #content {
		margin-right: 15px;
		margin-left: 15px;
		}
	#column-right {display: none;}
	
	/* Homepage only */
	BODY.homepage #content.homepage {
		margin-left: 0;
		margin-right: 0;
		}
	
	
	.product-grid > div:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	.product-grid > div {
		display: block;
		margin: 0 0 10px 0;
		padding-bottom: 30px;
		width: auto;
		}
	
	.product-grid .image,
	#custom-frames-listing .product-grid .image {
		float: left;
		margin-right: 20px;
		max-width: 50%;
		}
	
	.product-grid .image a,
	.product-grid .image img,
	#custom-frames-listing .product-grid .image img {
		display: block;
		max-width: 100%;
		min-height: auto;
		height: auto;
		}
	.product-grid .price {
		margin: 10px 0;
		padding: 0;
		}
	
	
	#blogCatArticles .articleCat {
		float:left;
		margin: 0;
		width:45%;
		padding:0 2% 10px 2%;
		}
	#blogCatArticles .articleCat:nth-child(2n+1) {clear: both;}
	#blogCatArticles .articleCat .articleHeader {margin: 0;}
	
	
	/** Infomation Page ------------------------------------*/
	.how-to-order-page IMG {
		display: block;
		width: 100%;
		}
	.our-client-page .client-image-list {display: none;}
	.our-client-page .col-2 LI {width: 90%;}
	#content .contact-info .content .right,
	#content .contact-info .content .left {
		float: none;
		margin-bottom: 20px;
		width: auto;
		}
	.contact-info .content .right IMG {width: 100%}
	
	
	/* How to order ---------------------------------------*/
	.how-to-list LI {width: 50%;}
	.how-to-list LI:nth-child(3) {clear: both;}
	.how-to-list IMG {max-width: 100%;}
	.how-to-list SPAN.arrow { display: none; }
	
	.how-to-order {margin-bottom: 50px;}
	.how-to-col {
		float: none;
		width: auto;
		}
	.how-to-col H3 {
		position: relative;
		top: inherit;
		left: inherit;
		width: auto;
		}
	.bank-acc-block { border-right: none; }
	.how-to-col.contact-block H3 SPAN {
		margin-left: 0;
		padding-left: 0;
		}
	.how-to-col.contact-block .inner {margin-left: 0;}
	
	
	/* Custom Product Page ---------------------------------------*/
	.custom-product-page H2 EM {
		width: 25px;
		font-size: 20px;
		line-height: 24px;
		}
	.custom-product-page H2 SPAN {
		padding: 0 10px 0 5px;
		font-size: 26px;
		line-height: 28px;
		}
	.custom-product-page .main-size {display: none;}
	.custom-product-page .mobile-size {display: block;}
	
	.custom-product-page .order-contact {
		margin-top: -15px;
		padding-left: 32px;
		}
	
	/** Hook */
	.custom-product-page .hook .col { width: 50%; }
	.custom-product-page .hook .col:nth-child(3) {clear: both;}
	
	/** Price */
	#custom-price-tb TD {
		font-size: 16px;
		line-height: 22px;
		}
}

@media all and (max-width: 520px)
{
	.custom-product-page .order-block.order-type .col {
		float: none;
		width: auto;
		}
	
	.custom-product-page .order-block.frame-type .col {
		float: left;
		width: 33%;
		}
}