@media only screen and (min-width: 768px) and (max-width: 920px){
	.insp_cover .insp_img {max-height: 200px!important;}
}		
@media only screen and (min-width: 480px) and (max-width: 767px){
	.resp_hidden {display: none!important;}
	
	/*#site_wrapper {max-width: 480px; margin: 0 auto; padding: 0;}
	#footer_wrapper {max-width: 480px; margin: 0 auto; padding: 0;}*/
	#site_wrapper .row.header {background: none!important;}
	
	/********* Patterns *********/
	.row .ppic {display: block!important;}
	.pattern_header .share_this {padding-left: 5px;}
	.pattern_header .pprice  {}
	.pattern_header .pprice .from {padding: 0; margin: 0;}	
	h1.pname small {display: none!important;}
	.insp_cover .insp_img {max-height: 200px!important;}
	.row.browse-cats .cat .cat_img {max-height: 220px;}
	.video-thumb {margin: 5px 0;}
	#VideoCarousel .carousel-control .glyphicon-chevron-left, #VideoCarousel .carousel-control .glyphicon-chevron-right {margin-top: -15px;}	
	#VideoCarousel .carousel-indicators {margin-bottom: -30px;}
	
	/*Navigation */
	.filter-div  {margin-top: 10px;}
	
	/********* Yarns *********/
	.row .ypic {display: block!important;}
	.yarn_header .yarn_pic, .pattern_header .pattern_pic {display: block!important; max-height: 560px; overflow: hidden;}
	.pattern_header {overflow: hidden;}
	.yarn_header .yarn_pic img, .pattern_header .pattern_pic img {width: 480px!important;}
	.yarn_header .yprice  {top: 40px;}
	.yarn_header .yarn_lang, .pattern_header .pattern_lang {background: #96C8ED url('/National_Library/oe_/http://garnstudio.com/img/icon/flags/globe.png') no-repeat 5px center; display: block!important; margin: 10px 0 5px 0; color: #fff; padding: 8px 8px 8px 25px;}
	.pattern_header .pattern_fav {background: #96C8ED url('/National_Library/oe_/http://garnstudio.com/img/icon/dropslovesyou.png') no-repeat 5px center; display: block!important; margin: 5px 0 5px 0; color: #fff; padding: 8px 8px 8px 25px;}
	.yarn_header div.yarnsearch  {background: #b4c27c url('/National_Library/oe_/http://garnstudio.com/img/icon/yarnsearch.png') no-repeat 5px center; padding: 8px 8px 8px 25px; color: #fff; border-radius: 5px;}
	.yarn_header div.yarnsearch  a {color: #fff;}	
}
@media only screen and (min-width: 240px) and (max-width: 479px){
	.resp_hidden {display: none!important;}
	
	.row.search-slide #NewsCarousel .carousel-caption h3 {font-size: 16px!important; background: #333; padding: 3px;}
	
	/*#site_wrapper {max-width: 320px; margin: 0 auto; padding: 0;}*/
	#footer_wrapper {margin: 0; padding: 0;}
	#site_wrapper .row.header {background: none!important;}
	.intro-text {background: none!important; padding-right: 0;}

	/********* Home **********/

	.row.prices, .row.prices-header {font-size: 12px;}
	.row.title .see-all {text-align: left; margin-top: 0; margin-bottom: 10px;}
	.row.feature .superstore {height: 65px;}

	/********* Patterns *********/
	.row .ppic {display: block!important; margin-left: 15px; margin-right: 15px;}
	.pattern_header .share_this {padding-left: 5px;}
	.pattern_header .pprice  {}
	.pattern_header .pprice .from {padding: 0; margin: 0;}
	h1.pname small {display: none!important;}
	.insp_cover .insp_img {max-height: 150px!important;}
	#site_wrapper .pattern .info {line-height: normal!important; height: 50px; }
	#site_wrapper .pattern .info h4 {font-size: 10px!important; line-height: 11px!important;}
	#site_wrapper .pattern .info h4 smalll {display: none;}	
	.pattern .new {position: absolute; top: 20px; left: 75%; width: 16px; height: 16px;}
	.pattern .featured {position: absolute; top: 20px; left: 75%; width: 16px; height: 16px;}
	.pattern .pattern-type {position: absolute; top: 5px; left: 75%; width: 16px; height: 16px;}
	.row.browse-cats .cat .cat_img {max-height: 170px;}	
	
	div.video-thumb {margin: 5px 0;}
	div.video-thumb .video_caption h5 {font-size: 10px; margin: 0;}	
	div.video-thumb a.thumbnail div.play {position: absolute; top: 50%; left: 50%;margin-left: -15px; margin-top: -15px;}
	div.video-thumb a.thumbnail span {font-size: 30px;}
	#VideoCarousel .carousel-control .glyphicon-chevron-left, #VideoCarousel .carousel-control .glyphicon-chevron-right {margin-top: -15px;}	
	#VideoCarousel .carousel-indicators {margin-bottom: -30px;}

	/*Navigation */
	.filter-div  {margin-top: 10px;}
	.per-page {}
	.text-right .per-page {text-align: left!important;}
	.text-right .per-page button.btn.btn-sm {padding: 2px 5px!important;}
	ul.pagination.pagination-sm li a {padding: 3px 6px!important;}
	
	/********* Yarns *********/
	.row .ypic {display: block!important; margin-left: 15px; margin-right: 15px;}
	.yarn_header .yarn_pic, .pattern_header .pattern_pic {display: block!important; max-height: 400px; overflow: hidden;}
	.pattern_header {overflow: hidden;}
	.yarn_header .yarn_pic img, .pattern_header .pattern_pic img {width: 320px!important;}
	.yarn_header .yprice  {top: 40px;}
	.pattern_header .pprice  {display: block; float: right;}
	.yarn_header .yarn_lang, .pattern_header .pattern_lang {background: #96C8ED url('/National_Library/oe_/http://garnstudio.com/img/icon/flags/globe.png') no-repeat 5px center; display: block!important; margin: 10px 0 5px 0; color: #fff; padding: 8px 8px 8px 25px;}
	.pattern_header .pattern_fav {background: #96C8ED url('/National_Library/oe_/http://garnstudio.com/img/icon/dropslovesyou.png') no-repeat 5px center; display: block!important; margin: 5px 0 2px 0; color: #fff; padding: 8px 8px 8px 25px;}
	.yarn_header div.yarnsearch  {background: #b4c27c url('/National_Library/oe_/http://garnstudio.com/img/icon/yarnsearch.png') no-repeat 5px center; padding: 8px 8px 8px 25px; color: #fff; border-radius: 5px;}
	.yarn_header div.yarnsearch  a {color: #fff;}
	div.row .ym.campaign25, div.row .ym.campaign30, div.row .ym.campaign35 {background: none!important; line-height: 15px!important; padding: 3px!important;}
	div.row span {padding-right: 0!important;}
	.prod_desc {height: 100px;}
	
	/* Books & Blogs */
	.blog-entry {}
	.blog-entry .blog-pic {height: 100px;}
	.blog-entry .blog-pic img {min-height: 100px;}

}
@media only screen and (min-width: 240px) and (max-width: 319px){
	
	.row.search-slide #NewsCarousel .carousel-caption h3 {font-size: 16px!important; background: #333; padding: 3px;}
	#site_wrapper .pattern .info {height: 50px; line-height: normal!important;}
	#site_wrapper .pattern .info h4 {font-size: 10px!important; line-height: 11px!important;}		
	#site_wrapper .pattern .info h4 small {display: none;}
	.pattern .new {position: absolute; top: 20px; left: 75%; width: 12px; height: 12px;}
	.pattern .featured {position: absolute; top: 20px; left: 75%; width: 12px; height: 12px;}
	.pattern .pattern-type {position: absolute; top: 5px; left: 75%; width: 12px; height: 12px;}
	div.video-thumb .video_caption h5 {font-size: 10px; margin: 0;}	
}