/* ======================================================= */
/* Responsive */
/* ======================================================= */
/*
Media only Stylesheet
CSS provided under Commercial Theme License to Striking MultiFlex by Lyon Holdings Ltd (o/a thethemebuilders.com) Copyright (c) 2014 Lyon Holding Ltd; Licensed */
/* target devices */
@media only screen and (max-width: 1169px) {
	.right_sidebar {
		text-align: center;
	}
	#column-left + #content {
		margin: 0 auto;
		float: none;
		text-align: left;
		max-width: 820px;
		width: 100%;
	}
	#column-left {
		max-width: 820px;
		width: 100%;
    	margin: 0 auto;
    	float: none;
    	text-align: left;
	}
	.inner {
    	width: 980px;
	}
	.framed_box.wood {
    	width: 980px;
	}
	.masonry_column_3 .masonry_item {
   		width: 306.5px;
	}
	.responsive #footer_menu, #footer_right_area {
		text-align: center;
	}
	.product-info .cart_form .quantity {
		display: none;
	}
	.time {
		text-align: center;
	}
	.htabs a {
		font-size: 12px;
		padding: 12px 15px;
	}	
	#column-left + .product-grid {
		width: 100% !important;
	}
	#ProductBundlesSubmitButton span {
		padding: 10px; 
	}
	#footer #signup .mcForm input[type="text"], #footer .mcForm input[type="text"] {
    	max-width: 100%;
    	width: 100%;	
	}
	#footer #signup .mcForm .button {
    	width: 100%;
    	margin-top: 5px;
	}
	#footer #signup .mcForm span {
		padding-left: 0; 
		padding-right: 0;
		width: 100%;
	}	
	#footer .aflogo {
		height: 50px;
	}
	#footer .hmblogo {
    	height: 45px;
	}
	.product-info .description .no-stock {
		display: block;
		float: left;
	}
	.login-content .register_promo_message {
		font-size: 10px;
	}				
}
@media only screen and (max-width: 1024px) {
	.inner {
    	width: 980px;
	}
	.framed_box.wood {
    	width: 980px;
	}	
	#quickcheckout .aqc-column > div {
		padding: 0;
	}
	.PB_price .short-description {
		font-size: 11px;
	}
	.product-grid .cart .add-desktop {
		display: none;
	}
	.product-grid .cart .add-tablet-mobile {
		display: inline-block;
	}
	.product-info .description .no-stock {
		color: #ffffff;
		display: inline-block;
		float: none;
	}
	#itschristmas #header .inner {
		width: 100%;
	}
	#navigation {
    	display: none;
	}
	.nav2select {
    	display: block;
	}					
}
@media only screen and (max-width: 979px) {
  /*#navigation {
    right: auto;
  }*/
  /* layout */
	.inner {
    	width: 748px;
	}
	.framed_box.wood {
    	width: 748px;
	}
  #column-left + #content, .left_sidebar #main {
    float: none;
    width: 100%;
  }
  #column-left + #content .content, .left_sidebar #main .content {
    width: 100%;
  }
  #column-left, .left_sidebar #sidebar {
    float: none;
    width: 100%;
    margin: 0;
  }
  #sidebar {
    padding-top: 40px !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
  }
  #sidebar:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 13px;
    content: "";
    background-color: transparent;
    background-image: url("../images/r_sidebar_divider.png") !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
  }
  #sidebar:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 13px;
    content: "";
    background-color: transparent;
    background-image: url("../images/r_sidebar_divider_end.png") !important;
    background-repeat: no-repeat !important;
    background-position: right top !important;
  }
  #sidebar_content {
    background-image: none !important;
  }
  #column-left_content.lessgap, #column-left_content.lessgap {
    padding-top: 0;
  }
  #column-left_content, .left_sidebar #sidebar_content {
    padding: 0;
    margin-bottom: 0;
  }
  #column-left_content:after, .left_sidebar #sidebar_content:after {
    display: none;
  }
  .left_sidebar #sidebar_content, #column-left_content {
    border-right: none;
    border-left: none;
  }
  /* image */
  figure, .image_styled, .image_frame, .image_frame img {
    max-width: 100% !important;
  }
  .image_frame {
    height: auto !important;
  }
  .slide-shortcode-wrap.alignleft, .slide-shortcode-wrap.alignright {
    float: none;
    width: 100% !important;
    margin-right: auto;
    margin-left: auto;
  }
  .box-layout #header-sticker-wrapper.sticker_enabled #header {
    padding-right: 10px;
    padding-left: 10px;
  }
	.product-grid .cart {
		display: block;
	}
	.forgotten {
		max-width: 100%;
		width: 100%;
	}
	.product-grid .wrap {
		min-height: 550px;
	} 
	.product-info .three_fifth {
		width: 100%;
		float: none;
	}
	.product-info .two_fifth {
		width: 100%;
		float: none;
	}
	.product-info .one_third {
    	text-align: center;
    	width: 30.6666%;
	}
	.product-info .cart_form .quantity {
		display: inline-block;
	}
	.htabs a {
    	font-size: 11px;
    	padding: 12px 8px;
	}
	.box-product-related button span,
	.box-product-also button span {
    	padding: 10px 10px;
	}
	.product-grid > div {
    	width: 50%;
	}	
	.tabs-desktop {
		display: none;
	}
	.accordion-mobile {
		display: block;
	}
	product-info .two_third {
    	width: 100%;
	}
	.product-info .one_third,
	.product-info .two_third {
		width: 100%;
	}
	.product-info #size .one_third {
		width: 30.6666%;
		display: inline-block;
	}
	.product-info .cart_form .one_third {
		display: inline-block;
		vertical-align: top;
		width: 30.6666%;
	}
	.product-info .cart_form .two_third {
		width: 65.3332%;
		display: inline-block;
	}
	#product-related {
		width: 48%;
		float: left;
		margin-right: 4%;
	}
	#product-also {
		width: 48%;
		float: left;	
	}
	#product-related .image img,
	#product-also .image img {
		width: 60%;
	}
	#product-related .box-product,
	#product-also .box-product {
		padding-bottom: 20px;
	}
	.PB_product .one_third,
	.PB_plusbutton {
    	display: inline-block;
    	float: none;
	}
	.PB_product .one_third,
	.PB_plusbutton {
	    line-height: 25px;
    	min-height: 25px;
	}	
	.PB_product .two_third {
    	display: block;
    	float: none;
	}
	.PB_product_name {
		font-size: 11px;
	}
	#page #basket .two_third,
	#page #basket .one_third {
		width: 100%;
		float: none;
	}
	.box-relatedproductspro .name {
		font-size: 11px;
	}
	.box-relatedproductspro .box-product .short-description {
    	font-size: 12px;
	}
	.checkout .two_third,
	.checkout .one_third {
		width: 100%;
		float: none;
	}
	#footer .one_half {
		width: 100%;
		float: none;
		margin: 0;
		overflow: hidden;
	}
	#footer .hmblogo {
		height: 60px;
	}
	#footer .aflogo {
    	height: 60px;
    	max-width: 55px;
	}
	.login-content .register_promo_message {
		font-size: 10px;
		line-height: 10px;
		padding: 7px 40px;
	}	
	#footer .inner {
		background: transparent;
	}
	.create-account small {
		font-size: 10px;
	}
	#quickcheckout .one_third,
	#quickcheckout .two_third,
	#paypal_confirm .one_third,
	#paypal_confirm .two_third {
		width: 100%;
	}
	#coupon-content .one_third,
	#voucher-content .one_third,
	#reward-content .one_third {
		width: 30.6666%;
		float: left !important;
	}
	#coupon-content .two_third,
	#voucher-content .two_third,
	#reward-content .two_third {
		width: 65.3332%;
		float: left !important;
	}
	:not([class^="one_"]) > #coupon-content .one_third,
	:not([class^="one_"]) > #voucher-content .one_third,
	:not([class^="one_"]) > #reward-content .one_third {
		clear: none;
    	display: block;
    	float: left;
    	margin-right: 4%;
    	width: 30.6666%;
	}
	:not([class^="one_"]) > #coupon-content .two_third,
	:not([class^="one_"]) > #voucher-content .two_third,
	:not([class^="one_"]) > #reward-content .two_third {
		clear: none;
    	display: block;
    	float: left;
    	margin-right: 4%;
    	width: 65.3332%;
	}	
	#login .one_third h2 {
		margin-top: 20px;
	}	
	#login .two_third {
		border: none !important;
		margin: 0 !important;
	}	
}
/* target small devices */
@media only screen and (max-width: 767px) {
  #header .inner {
    overflow: hidden;
  }
  #logo_text {
    left: auto;
    margin-left: 10px;
  }
  #logo {
    left: auto;
  }
  #logo_text,#logo {
    position: relative;
    bottom: auto !important;
  }
  #logo {
    text-align: center;
  }
  .logo-has-mobile .site-logo {
    display: none;
  }
  .logo-has-mobile .mobile-logo {
    display: inline;
  }
  #top_area {
    position: relative;
    top: auto;
    right: auto;
  }
  #navigation {
    position: relative;
    right: auto;
    bottom: auto;
    height: auto;
    margin: 0 auto;
  }
  .slide-shortcode-wrap {
    float: none;
    width: 100% !important;
    margin-right: auto;
    margin-left: auto;
  }
  .table_style .table-wrapper tfoot {
    display: none;
  }
  .fancybox-mobile.skin-video .fancybox-nav {
    display: none;
  }
  /* process steps */
  .process_steps_horizontal {
    margin-bottom: 20px;
  }
  .process_steps_horizontal li {
    float: none;
    width: auto !important;
    padding: 0 0 60px 0;
    overflow: hidden;
    clear: both;
    text-align: left;
  }
  .process_steps_horizontal li:before {
    top: 0;
    left: 53px;
    width: 0;
    height: 100%;
    border-left-width: 1px;
  }
  .process_steps_horizontal .process_step_icon {
    display: inline-block;
    float: left;
    margin: 0;
  }
  .process_steps_horizontal .process_step_detail {
    padding-left: 30px;
    overflow: hidden;
  }
  .process_steps_horizontal.process_steps_small li:before {
    left: 43px;
  }
  .process_steps_horizontal.process_steps_large li:before {
    left: 60px;
  }
	.inner {
		width: 548px;
	}
	.framed_box.wood {
		width: 548px;
	}	 
	.product-grid .wrap {
		min-height: 500px;
	}
	#stockists .search-form, #detailers .search-form {
		text-align: center;
	}
	#detailers table.detailers .detailer-details,
	#stockists table.stores .store-details {
    	display: none;
	}
	#detailers .search-form .one_third,
	#stockists .search-form .one_third {
    	padding: 20px;
	}	
	.framed_box_content div > div {
    	float: none;
	}
	.framed_box_content div  {
    	text-align: center;
	}
	.framed_box_content div > div a {
    	margin-top: 10px;
	}	
	#stockists .search-form .one_third {
		width: 30.6666%;
		display: inline-block;
	}
	.iSearchBox{
		display: none !important;
	}
	.product-info .cart_form .quantity {
		display: none;
	}
	.PB_product div	{
		text-align: center;
		display: block;
	}
	.product-grid .description p {
		font-size: 12px;
	}
	.product-grid .name {
		font-size: 11px;
	}
	#footer {
    	text-align: left;
	}
	#footer ul li {
    	display: block;
	}	
	#footer #text-39 .three_fifth, #footer #text-39 .two_fifth {
		width: 40% !important;
		clear: none !important;
	}
	#footer #text-39 .three_fifth {
		float: left !important;
	}
	#login-show {
		width: 100%;
		text-align: center;
	}
	#checkout #login b {
		float: none;
	}	
	#checkout #login input[type="text"],
	#checkout #login input[type="password"] {
		display: block;
		float: none;
		width: 100%;
		margin: 5px 0;
		max-width: 100%;
	}
	#checkout #login #button-login {
		margin: 10px 0;
		width: 100%;
	}
	#checkout #login .close_la {
		height: 16px;
		position: absolute;
		right: 10px;
		top: 10px;
		width: 16px;
	}
	.login-content .register_promo_message {
		padding: 7px 80px;
	}
	#checkout {
		text-align: left;
	}
	#login-box .quickcheckout-heading .last {
		padding-top: 20px;
		border-top: 1px solid #dddddd;
		margin-top: 20px;
	}
	#login-trigger {
		width: 100%;
	}	
	#login-trigger span {
		width: 100%;
	}				
}

/* target 768 */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  body.box-layout .body-warp {
    width: 768px;
  }
  .inner {
    width: 748px;
  }
	.framed_box.wood {
    	width: 748px;
	}	  
  #sidebar_content {
    min-height: inherit !important;

       -moz-column-gap: 50px;
    -webkit-column-gap: 50px;
            column-gap: 50px;
       -moz-column-count: 2;
    -webkit-column-count: 2;
            column-count: 2;
  }
  #sidebar_content .widget, #sidebar_content .widget li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
}

/* target 568 */
@media only screen and (min-width: 568px) and (max-width: 767px) {
  body.box-layout .body-warp {
    width: 568px;
  }
  .inner {
    width: 548px;
  }
  .framed_box.wood {
	width: 548px;
  }	  
}

/* target 480 */
@media only screen and (min-width: 480px) and (max-width: 567px) {
  body.box-layout .body-warp {
    width: 480px;
  }
  .inner {
    width: 460px;
  }
  .framed_box.wood {
    width: 460px;
  }
	#footer .inner {
    	width: 100%;
    	padding-left: 20px;
    	padding-right: 20px;
	}
	#footer .one_half {
    	width: 100%;
    	float: none;
	}   
}

/* target 320 */
@media only screen and (max-width: 479px) {
  body.box-layout .body-warp {
    width: 320px;
  }
  .inner {
    width: 300px;
  }
  .framed_box.wood {
    width: 300px;
  }  
  .entry_left .entry_image {
    float: none;
    width: 100% !important;
  }
  .entry_right .entry_image {
    float: none;
    width: 100% !important;
  }
	#footer .inner {
    	width: 100%;
    	padding-left: 20px;
    	padding-right: 20px;
    	padding-bottom: 10px;
	}
	#footer .one_half {
    	width: 100%;
    	float: none;
	}
	.login-content .register_promo_message {
		padding: 7px 32px;
	}	
}

/* portfolio */
@media only screen and (max-width: 979px) {
  .portfolio_one_column .portfolio_image {
    float: none !important;
    width: 100% !important;
  }
  .portfolio_one_column .portfolio_details {
    float: none !important;
    width: 100% !important;
    padding-left: 0 !important;
  }  
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
  .slogan_text {
    font-size: 30px;
    line-height: 33px;
  }
  .slogan .theme_button span, .slogan .button span {
    font-size: 14px;
  }
  .slogan_small .slogan_text {
    font-size: 26px;
    line-height: 33px;
  }
  .slogan_small .theme_button span, .slogan_small .button span {
    font-size: 14px;
  }
  .slogan_large .slogan_text {
    font-size: 36px;
    line-height: 42px;
  }
  .slogan_large .theme_button span, .slogan_large .button span {
    font-size: 18px;
  }
  .portfolios .portfolio_two_columns {
    margin-right: -30px !important;
  }
  .portfolio_two_columns .portfolio_item {
    width: 349px !important;
    margin-right: 30px !important;
  }
  .portfolios .portfolio_three_columns {
    margin-right: -30px !important;
  }
  .portfolio_three_columns .portfolio_item {
    width: 349px !important;
    margin-right: 30px !important;
  }
  .portfolios .portfolio_four_columns {
    margin-right: -28px !important;
  }
  .portfolio_four_columns .portfolio_item {
    width: 224px !important;
    margin-right: 28px !important;
  }
  .portfolios .portfolio_five_columns {
    margin-right: -24px !important;
  }
  .portfolio_five_columns .portfolio_item {
    width: 164px !important;
    margin-right: 24px !important;
  }
  .portfolios .portfolio_six_columns {
    margin-right: -24px !important;
  }
  .portfolio_six_columns .portfolio_item {
    width: 164px !important;
    margin-right: 24px !important;
  }
  .portfolios .portfolio_seven_columns {
    margin-right: -22px !important;
  }
  .portfolio_seven_columns .portfolio_item {
    width: 128px !important;
    margin-right: 22px !important;
  }
  .portfolios .portfolio_eight_columns {
    margin-right: -22px !important;
  }
  .portfolio_eight_columns .portfolio_item {
    width: 103px !important;
    margin-right: 22px !important;
  }
  .masonry_column_2 .masonry_item {
    width: 354px !important;
  }
  .masonry_column_3 .masonry_item {
    width: 229px !important;
  }
  .masonry_column_4 .masonry_item {
    width: 229px !important;
  }
  .masonry_column_5 .masonry_item {
    width: 167px !important;
  }
}

@media only screen and (min-width: 568px) and (max-width: 767px) {
  .has-gradient #feature {
    background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,rgba(255,255,255,.1)));
    background-image: -webkit-radial-gradient(center, circle cover, rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 100%);
    background-image:      -o-radial-gradient(center, circle cover, rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 100%);
    background-image: -webkit-radial-gradient(center, circle, rgba(255,255,255,.4) 0%, rgba(255,255,255,.1) 100%);
    background-image:      -o-radial-gradient(center, circle, rgba(255,255,255,.4) 0%, rgba(255,255,255,.1) 100%);
    background-image:         radial-gradient(circle at center, rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 100%);
  }
  .slogan_text {
    font-size: 22px;
    line-height: 28px;
  }
  .slogan .theme_button span, .slogan .button span {
    font-size: 12px;
  }
  .slogan_small .slogan_text {
    font-size: 18px;
    line-height: 28px;
  }
  .slogan_small .theme_button span, .slogan_small .button span {
    font-size: 12px;
  }
  .slogan_large .slogan_text {
    font-size: 30px;
    line-height: 37px;
  }
  .slogan_large .theme_button span, .slogan_large .button span {
    font-size: 16px;
  }
  .portfolios .portfolio_two_columns {
    margin-right: 0 !important;
  }
  .portfolio_two_columns .portfolio_item {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .portfolios .portfolio_three_columns {
    margin-right: 0 !important;
  }
  .portfolio_three_columns .portfolio_item {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .portfolios .portfolio_four_columns {
    margin-right: -26px !important;
  }
  .portfolio_four_columns .portfolio_item {
    width: 251px !important;
    margin-right: 26px !important;
  }
  .portfolios .portfolio_five_columns {
    margin-right: -24px !important;
  }
  .portfolio_five_columns .portfolio_item {
    width: 160px !important;
    margin-right: 24px !important;
  }
  .portfolios .portfolio_six_columns {
    margin-right: -24px !important;
  }
  .portfolio_six_columns .portfolio_item {
    width: 160px !important;
    margin-right: 24px !important;
  }
  .portfolios .portfolio_seven_columns {
    margin-right: -20px !important;
  }
  .portfolio_seven_columns .portfolio_item {
    width: 117px !important;
    margin-right: 20px !important;
  }
  .portfolios .portfolio_eight_columns {
    margin-right: -17px !important;
  }
  .portfolio_eight_columns .portfolio_item {
    width: 92px !important;
    margin-right: 17px !important;
  }
  .masonry_column_2 .masonry_item {
    width: 528px !important;
  }
  .masonry_column_3 .masonry_item {
    width: 254px !important;
  }
  .masonry_column_4 .masonry_item {
    width: 254px !important;
  }
  .masonry_column_5 .masonry_item {
    width: 162.5px !important;
  }
}
@media only screen and (max-width: 567px) {
  .has-gradient #feature {
    background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(255,255,255,.15)));
    background-image: -webkit-radial-gradient(center, circle cover, rgba(255,255,255,.35) 0%,rgba(255,255,255,.15) 100%);
    background-image:      -o-radial-gradient(center, circle cover, rgba(255,255,255,.35) 0%,rgba(255,255,255,.15) 100%);
    background-image: -webkit-radial-gradient(center, circle, rgba(255,255,255,.35) 0%, rgba(255,255,255,.15) 100%);
    background-image:      -o-radial-gradient(center, circle, rgba(255,255,255,.35) 0%, rgba(255,255,255,.15) 100%);
    background-image:         radial-gradient(circle at center, rgba(255,255,255,.35) 0%,rgba(255,255,255,.15) 100%);
  }
  .theme_note.alignleft, .note.alignleft, .note.alignright, .theme_note.alignright {
    float: none;
    width: 100% !important;
    margin: 0 0 20px 0 !important;
  }
  .slogan_text {
    display: block;
    font-size: 22px;
    line-height: 1.2em;
    text-align: center;
  }
  .slogan .theme_button, .slogan .button {
    float: none;
    margin-top: 10px;
  }
  .slogan_with_button .slogan_text {
    float: none;
  }
  .slogan .theme_button, .slogan .theme_button span, .slogan .button, .slogan .button span {
    display: block;
    font-size: 14px;
  }
  .slogan_small .slogan_text {
    font-size: 20px;
    line-height: 1.2em;
  }
  .slogan_large .slogan_text {
    font-size: 28px;
    line-height: 1.2em;
  }
  .slogan_small .theme_button span, .slogan_small .button span {
    font-size: 12px;
  }
  .slogan_large .theme_button span, .slogan_large .button span {
    font-size: 16px;
  }
  .masonry_column_2 .masonry_item {
    width: 100% !important;
  }
  .masonry_column_3 .masonry_item {
    width: 100% !important;
  }
  .masonry_column_4 .masonry_item {
    width: 100% !important;
  }
  .masonry_column_5 .masonry_item {
    width: 100% !important;
  }
  	#page .inner {
    	height: auto;
    	padding-bottom: 0px;
	}
	
	#sub-navigation {
		display: none;
	}
	#sub-navigation-mobile {
		display: block;
	}
	.product-grid .wrap {
		min-height: 500px;
	}
	.onecheckout-content .left,
	.onecheckout-content .right {
		float: none;
		width: 100%;
	}
	.register_promo_message {
   		font-size: 8px;
    	line-height: 10px;
    	padding-left: 60px;
    	padding-right: 60px; 
	}
}

@media only screen and (min-width: 480px) and (max-width: 567px) {
  .portfolios .portfolio_two_columns {
    margin-right: 0 !important;
  }
  .portfolio_two_columns .portfolio_item {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .portfolios .portfolio_three_columns {
    margin-right: 0 !important;
  }
  .portfolio_three_columns .portfolio_item {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .portfolios .portfolio_four_columns {
    margin-right: -26px !important;
  }
  .portfolio_four_columns .portfolio_item {
    width: 207px !important;
    margin-right: 26px !important;
  }
  .portfolios .portfolio_five_columns {
    margin-right: -24px !important;
  }
  .portfolio_five_columns .portfolio_item {
    width: 208px !important;
    margin-right: 24px !important;
  }
  .portfolios .portfolio_six_columns {
    margin-right: -22px !important;
  }
  .portfolio_six_columns .portfolio_item {
    width: 132px !important;
    margin-right: 22px !important;
  }
  .portfolios .portfolio_seven_columns {
    margin-right: -25px !important;
  }
  .portfolio_seven_columns .portfolio_item {
    width: 130px !important;
    margin-right: 25px !important;
  }
  .portfolios .portfolio_eight_columns {
    margin-right: -20px !important;
  }
  .portfolio_eight_columns .portfolio_item {
    width: 95px !important;
    margin-right: 20px !important;
  }
}

@media only screen and (max-width: 479px) {
  .slogan_text {
    font-size: 20px;
  }
  .portfolios .portfolio_two_columns {
    margin-right: 0 !important;
  }
  .portfolio_two_columns .portfolio_item {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .portfolios .portfolio_three_columns {
    margin-right: 0 !important;
  }
  .portfolio_three_columns .portfolio_item {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .portfolios .portfolio_four_columns {
    margin-right: 0 !important;
  }
  .portfolio_four_columns .portfolio_item {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .portfolios .portfolio_five_columns {
    margin-right: 0 !important;
  }
  .portfolio_five_columns .portfolio_item {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .portfolios .portfolio_six_columns {
    margin-right: -20px !important;
  }
  .portfolio_six_columns .portfolio_item {
    width: 130px !important;
    margin-right: 20px !important;
  }
  .portfolios .portfolio_seven_columns {
    margin-right: -24px !important;
  }
  .portfolio_seven_columns .portfolio_item {
    width: 128px !important;
    margin-right: 24px !important;
  }
  .portfolios .portfolio_eight_columns {
    margin-right: -22px !important;
  }
  .portfolio_eight_columns .portfolio_item {
    width: 129px !important;
    margin-right: 22px !important;
  }
  	.inner {
		width: 300px;
	}
  .framed_box.wood {
		width: 300px;  
  }	
	#footer .inner {
    	width: 100%;
    	padding-left: 20px;
    	padding-right: 20px;
    	padding-bottom: 10px;
	}
	#footer .one_half {
    	width: 100%;
    	float: none;
	}
	#footer .one_third {
    	width: 100%;
    	float: none;
	}
	  #logo a img {
	width: 75%; 
  }
  #header .inner {
    height: 135px;
  }
	.product-grid .wrap {
		min-height: 400px;
	}
	#sub-header #search {
		width: 230px;
	}
	.register_promo_message {
		font-size: 8px;
		line-height: 10px;
		padding-left: 50px;
		padding-right: 50px; 
	}
	#checkout-progress small,
	#paypal_confirm #checkout-progress small {
		display: none;
	}	
}
/* Mobile */
@media only screen and (max-width: 767px) {
  .entry_image.image_styled, .entry_image .image_frame, .entry_image .image_frame img {
    width: 100% !important;
  }
  .entry_right .entry_image, .entry_left .entry_image {
    float: none;
    margin-top: 0;
    margin-left: 0;
  }

  table.responsive {
    margin-bottom: 0;
  }

  .pinned {
    float: left;
    width: 35%;
    overflow: hidden;
    overflow-x: scroll;
  }
  .pinned table {
    width: 100%;
    border-right: none;
    border-left: none;
  }
  .pinned table th,
  .pinned table td {
    white-space: nowrap;
  }
  .pinned td:last-child {
    border-bottom: 0;
  }

  div.table-wrapper {
    position: relative;
    margin-left: 1px;
    overflow: hidden;
    clear: both;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
  }
  .scrollable table {
    border-right: none;
  }
  div.table-wrapper div.scrollable {
    float: right;
    width: 65%;
    overflow: scroll;
    overflow-y: hidden;
  }
  table.responsive td, table.responsive th {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
  }
  table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
    display: none;
  }
  table.responsive th:last-child {
    display: table-cell;
  }
  #sub-header #welcome {
    display: none;
  }
	#sub-header #welcome-mobile {
		display: block;
	}
	#sub-header #cart {
		display: none;
	}
	#sub-header #checkout {
		display: none;
	}
	#sub-header .cart-mobile {
		display: block;
	}	
	#sub-header .cart-mobile #cart {
		display: block;
	}
	.one-product-list .button.black {
		margin-top: 10px;
	}	
	.one-product-list .button.black span {
		padding: 10px 66px;
	}
	.one-product-list .button.orange span {
		padding: 10px 50px;		
	}	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  :not([class^="one_"]) > .one_half,
  :not([class^="one_"]) > .one_third,
  :not([class^="one_"]) > .two_third,
  :not([class^="one_"]) > .three_fourth,
  :not([class^="one_"]) > .one_fourth,
  :not([class^="one_"]) > .one_fifth,
  :not([class^="one_"]) > .two_fifth,
  :not([class^="one_"]) > .three_fifth,
  :not([class^="one_"]) > .four_fifth,
  :not([class^="one_"]) > .one_sixth,
  :not([class^="one_"]) > .five_sixth {
    display: block;
    float: none;
    width: none;
    width: 100%;
    margin: 0;
    clear: both;
  }
	.product-info #size .one_third {
		width: 30.6666%;
		display: inline-block;
	}
	.product-info .description .one_half {
		width: 48%;
		display: inline-block;
	}
	.product-info .description .one_half.last {
		width: 48%;
		display: inline-block;
	}
	.pbListing-box {
    	margin-top: 0px;
	}
	.PB_product {
		text-align: center;
	}
	.one_fourth .PB_image {
		text-align: center;
	}
	.one_fourth .PB_image a {
		display: block;
		margin: 0 auto;
		width: 40%;
	}
	.PB_product .one_third, .PB_plusbutton {
    	font-size: 40px;
    	padding: 20px 0 0;
	}
	.pbListing-box .box-content .box-products .PB_bundle_info {
		text-align: center;
		padding-top: 20px;
	}	
	.PB_addbundle {
		float: none;
		padding-left: 0;
		margin: 0 auto;
	}
	.box-relatedproductspro .box-product.one_third {
		width: 30.6666%;
		 margin-right: 3%;
		display: inline-block;
	}
	.box-relatedproductspro	.name,
	.box-relatedproductspro	.price {
		text-align: center;
	}
	.cart-info tbody .price,
	.cart-info thead .price {
    	display: none;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#welcome {
		display: none;
	}
	#account-icon {
    	float: right;
    	font-size: 32px;
   		margin-left: 8px;
	}
	#cart .heading {
		display: none;
	}
	#cart-icon {
    	width: 35px;
	}
	.inner {
		width: 100%;
	}
	#sub-header {
    	padding: 0;
	}
	.one-product-list .button.medium span {
		font-size: 12px;
	}
	.one-product-list .button.black span {
		padding: 10px 46px;
	}
	.one-product-list .button.orange span {
		padding: 10px 30px;		
	}
	.one-product-list .button.green span {
		padding: 10px 15px;		
	}
	.cart .button span {
		padding: 10px 10px;
		font-size: 14px;
	}
	.product-info .cart_form input {
		width: 30px;
	}
	.product-info .description .stock {
		display: block;
		margin-left: 0;
		max-width: 60%;
	}
	.product-info span.price-tax {
		display: block;
	}
	#product-related {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	#product-also {
		width: 100%;
		float: none;	
	}
	.box-relatedproductspro	 {
		display: none;
	}
	.cart-info tbody .image,
	.cart-info thead .image,
	.cart-info tbody .model,
	.cart-info thead .model {
    	display: none;
	}
	.cart-info .buttons .button {
		width: 100%;
		text-align: center;
		margin-bottom: 5px;
	}
	.discount-module {
		text-align: center;
	}	
	.discount-module input[type="text"] {
		display: block;
		width: 100%;
	}
	.discount-module .button {
		display: block;
		width: 100%;
	}
	#footer #text-39 .three_fifth,
	#footer #text-39 .two_fifth {
    	width: 100% !important; 
    	float: none !important; 
    	display: block !important; 
	}
	#footer .aflogo {
    	float: left;
	}
	#footer .hmblogo {
    	float: left;
	}
	#footer .the-art-of-detailing,
	#footer .copyright {
		text-align: left;
	}
	#footer #logos {
		overflow: hidden;
		padding-top: 10px;
	}
	.static-pages #hero {
		padding-top: 0px;
	}	
	#hero {
		padding-top: 0px;
	}	
	#hero img {
		box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
	}
	#mobile_images {
		display: block;
	}
	#desktop_images {
		display: none;
	}
	#mobile_related {
		display: block;
	}
	#desktop_related {
		display: none;
	}										
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
     only screen and (min--moz-device-pixel-ratio: 1.5),
     only screen and (min-device-pixel-ratio: 1.5) {

  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('../images/fancybox_sprite@2x.png');
    -webkit-background-size: 44px 152px;
            background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
  }

  #fancybox-loading div {
    background-image: url('../images/fancybox_loading@2x.gif');
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
  }
}