/* iPhone layout */

@media only screen and (max-width: 767px) {

#_single-product-slider { width: 294px; height: 294px; }
    
blockquote { margin: 34px 0 34px 20px; }
    
.image-overlay-1 { display: none; }

.post .thumbnail img, .post-wrapper img { max-width: 300px; }

.caps:first-letter { margin: 6px 7px 0 0; font-size: 40px; line-height: 26px; font-weight: bold; float: left; }

.main-content-wrapper { padding: 0 10px 730px 10px; width: 300px; }

.main-left-wrapper { float: left; width: 300px; padding: 0; margin: 0 0 30px 0; }

	.main-title .view { background: url(../images/ico-view-1.png) 0 1px no-repeat; padding: 0; width: 17px; text-indent: -5000px; }
	.main-title .view:hover { background-position: 0 -188px; }

	.main-title .grid-1, .main-title .grid-2, .main-title .share { display: none; }

.main-header { width: 300px; margin: 0 auto 15px auto; padding: 30px 10px 0 10px; }
	.main-header .logo { width: auto; display: table; margin: 0 auto; float: none; }
		.main-header .logo a { display: table-row; text-align: center; }
		.main-header .logo img { float: none; margin: 0; max-width: 300px; }
		.main-header .logo span { font-size: 16px; display: table-cell; padding: 2px 0 0 0; width: auto; text-align: center; }
	.main-header .logo-icon { float: none; padding: 0; background: none; }
		.main-header .logo-icon span { height: 51px; font-size: 71px; font-weight: normal; float: none; color: #220023; background: url(../images/logo-soulage-icon-1.png) 0 0 no-repeat; padding: 20px 0 0 75px; vertical-align: top; display: table; margin: 0 auto; }
	.main-header .logo-blank { float: none; padding: 0; background: none; }
		.main-header .logo-blank span { height: 51px; font-size: 60px; font-weight: normal; float: none; color: #220023; padding: 20px 0 0 0; margin: 0 19px 0 0; vertical-align: top; display: table; margin: 0 auto; }
	.main-header .search { float: none; padding: 25px 0 0 0; display: block; margin: 0 auto; text-align: center; display: none; }
		.main-header .search input { background: #fff url(../images/ico-search-1.png) 12px 8px no-repeat; padding: 0 0 0 34px; opacity: 0.85; }
		.main-header .search input:focus { opacity: 1; }
        .main-header .search-iphone .search { display: block; margin: 0; padding: 0; }

.main-menu { display: none; }

.message-welcome { background-image: none !important; padding: 0; margin: 0; }

.main-dock { width: 300px; margin: 0 auto; padding: 10px 0; overflow: hidden; text-align: center; }
	.main-dock ul { float: none !important; width: 300px; overflow: hidden; }
    .main-dock ul.right { margin-top: 10px; }
    .main-dock li { padding: 0 0 0 0; margin: 0 0 0 20px; background: none; float: left !important; }
	.main-dock li:first-child { margin: 0; }
    .main-dock .cart { float: none; clear: both; background: none; margin-top: 10px; }
    .main-dock .cart a { padding: 0; }
    
.featured-items { width: 300px; }
	.featured-items .main-title { width: 300px; }
	.featured-items .items-wrapper { width: 310px; margin: 0 0 0 -10px; }
	.catalog.featured-items .items { width: 310px; margin: -12px 0 0 -5px }

.main-menu-iphone { display: block; }

.item-block-1 { width: 145px; float: left; position: relative; margin: 0 10px 15px 0; padding: 25px 0 0 0; background: url(../images/border-5.png) top left repeat-x; }
	.item-block-1 .image-wrapper-3 { background-color: #fff; border: rgba(0, 0, 0, 0.15) 1px solid; padding: 2px; margin: 0 0 10px 0; }
		.item-block-1 .image-wrapper-3 .image { width: 139px; height: 139px;  overflow: hidden; position: relative; }
			.item-block-1 .image-wrapper-3 .image img { position: absolute; z-index: 1; max-width: 139px; }

.item-block-2 { width: 145px; float: left; position: relative; margin: 0 5px 15px 5px; padding: 25px 0 0 0; background: url(../images/border-5.png) top left repeat-x; }

	.item-block-2 .image-wrapper-3 { background-color: #fff; border: rgba(0, 0, 0, 0.15) 1px solid; padding: 2px; margin: 0 0 10px 0; }
		.item-block-2 .image-wrapper-3 .image { width: 139px; height: 139px;  overflow: hidden; position: relative; }
			.item-block-2 .image-wrapper-3 .image img { position: absolute; z-index: 1; }

.homepage-about { float: left; margin: 0 0 30px 0; font-size: 12px; line-height: 20px; }

.homepage-latest-news { float: left; margin: 0 0 30px 0; }

.homepage-column { margin-bottom: 30px; }

.homepage-best-sellers { float: left; }
		.homepage-best-sellers .item .text { float: left; margin: -1px 0 0 0; width: 177px; background: url(../images/arrow-10.png) right 33px no-repeat; }
		.homepage-best-sellers .item .text:hover { background-position: right -129px; }

		.sidebar-best-sellers .item .text { float: left; margin: -1px 0 0 0; width: 145px; padding: 0 40px 0 0; background: url(../images/arrow-10.png) right 33px no-repeat; }
		.sidebar-best-sellers .item .text:hover { background-position: right -129px; }

.main-footer { width: 300px; margin: 0 auto; color: #fff; padding: 33px 0 0 0; }
	.main-footer .footer-widget { width: 300px; margin: 0 0 30px 0; }

    .main-footer .about-us .social img { vertical-align: middle; margin: 0; }
		.main-footer .newsletter .input-text-2 { width: 177px; }
	.main-footer .copyright { text-align: center; padding: 39px 0 35px 0; overflow: hidden; }
		.main-footer .copyright span { width: 300px; }
		.main-footer .copyright .spacer { display: none; }
		.main-footer .copyright .planetshine { width: 300px; background: url(../images/logo-planetshine-1.png) center 0 no-repeat; margin: 10px 0 10px 0; }
		.main-footer .copyright .planetshine:hover { background-position: center -170px; opacity: 1; }
		.main-footer .copyright .shopify { width: 300px; background: url(../images/logo-shopify-1.png) center 0 no-repeat; margin: 10px 0 0 0; }
		.main-footer .copyright .shopify:hover { background-position: center -183px; opacity: 1; }

	.back-to-the-top { display: none; }

.pages { font-size: 18px; background: url(../images/border-5.png) top left repeat-x; overflow: hidden; margin: 26px 0 0 0; padding: 26px 0 0 0; }
	.pages div { display: table; margin: 0 auto; }

.main-sidebar-wrapper { float: left; width: 300px; margin: 0 0 0 0; }

		.sidebar-twitter .item .tweet { padding: 5px 0 0 0; margin: 0 0 4px 0; background: url(../images/sidebar-twitter-top-bg-light-1-iphone.png) 0 0 no-repeat; }
			.sidebar-twitter .item .tweet div { padding: 9px 16px 22px 16px; background: url(../images/sidebar-twitter-bottom-bg-light-1-iphone.png) 0 bottom no-repeat; }

.catalog { width: 300px; margin: 0; position: relative; display:table; }
	.catalog .main-title { width: 300px; }
	body.archive.woocommerce .catalog .shop-sidebar-wrapper { display:table-footer-group; }
    body.archive.woocommerce .catalog .items-wrapper { display:table-header-group; }
    .catalog .items-wrapper { width: 300px !important; padding: 0; margin: 0; overflow: hidden; }
	.catalog .items { width: 300px !important; margin: -25px 0 0 0; padding: 0; }
	.catalog .navigation { overflow: hidden; width: 718px; margin: 0 0 23px 0; }
		.catalog .navigation .category { width: 169px; }
		.catalog .navigation .total, .catalog .navigation .sort, .catalog .navigation .label-sort { display: none; }
	.catalog .pages { float: left; width: 300px; margin: 0; }
        
    .catalog .items-wrapper .item-block-1:nth-child(3n+3) { margin: 0 10px 15px 0 !important; }
    .catalog .items-wrapper .item-block-1:nth-child(2n+2) { margin: 0 0 15px 0 !important; }
    .catalog .items-wrapper .item-block-1:nth-child(1),
    .catalog .items-wrapper .item-block-1:nth-child(2) { background: none; }

    .catalog .navigation { width: 300px; }
    
.shop-sidebar-wrapper { width: 300px; margin-top: 15px; padding-top: 35px; background: url(../images/border-3.png) top left repeat-x; }
    
.caption-image img { max-width: 300px; }

.blockquote-1 { padding: 12px 30px 27px 0px; }

	.add-comment .input-text-1 { width: 180px; }
	.add-comment .textarea-1 { width: 180px; height: 90px; }
	.add-comment .label { width: 150px; font-size: 11px; font-weight: bold; vertical-align: top; padding: 6px 0 0 0; }

.main-item-wrapper { margin: -5px 0 40px 0; }
			.main-item-wrapper .main-title p a { font-size: 15px; font-weight: normal; float: left; color: #767676; bottom: 0; }
			.main-item-wrapper .main-title p a:hover { color: #7dd404; }
			.main-item-wrapper .main-title p span { font-size: 17px; font-weight: normal; float: left; color: #767676; margin: 0 5px; }
		.main-item-wrapper .main-title .active { color: #000; }

	.main-item-wrapper .main-image .image-wrapper-3 { background-color: #fff; border: rgba(0, 0, 0, 0.15) 1px solid; padding: 2px; margin: 0 0 15px 0; width: 294px; height: 294px; float: left; }
		.main-item-wrapper .main-image .image-wrapper-3 .image { width: 294px; height: 294px;  overflow: hidden; position: relative; }
			.main-item-wrapper .main-image .image-wrapper-3 .image img { position: absolute; z-index: 1; padding: 0; border: none; max-width: 294px; }

            .jcarousel-skin-tango .jcarousel-container-horizontal { padding: 0 40px !important; width: 215px !important; }
            .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 215px !important; }
            .jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 3px !important; margin-right: 3px !important; }
            .main-item-wrapper .thumbnails .jcarousel-next-horizontal,
            .main-item-wrapper .thumbnails .jcarousel-prev-horizontal { width: 40px !important; }
            
	.main-item-wrapper .image-wrapper-4 { background-color: #fff; border: rgba(0, 0, 0, 0.15) 1px solid; padding: 2px; margin: 0 7px; width: 60px; height: 60px; float: left; opacity: 0.6 }
	.main-item-wrapper .image-wrapper-4:hover { opacity: 1; }
		.main-item-wrapper .image-wrapper-4 .image { width: 60px; height: 60px;  overflow: hidden; position: relative; }
			.main-item-wrapper .image-wrapper-4 .image img {  z-index: 1; padding: 0; border: none; }

	.main-item-wrapper .main-image { width: 300px; margin: 0 0 20px 0; float: left; }
		.main-item-wrapper .main-image table { margin: 0 auto; }
		.main-item-wrapper .main-image .active { opacity: 1; }
        
    .main-item-wrapper .text .options .selector { width: 294px; } 
    .main-item-wrapper .text .quantity-wrapper div.selector { float: left; }
    .main-item-wrapper .text .meta .tags { width: 300px; }
    .main-item-wrapper .text .single_variation_wrap { width: 300px; padding: 20px 0; }
    
    .main-item-wrapper .text .non-variable .price { width: 300px; }
    .main-item-wrapper .text .price > span { width: 300px; display: block; float: left; }
    .main-item-wrapper .text .price .stock { width: 300px; margin: 0; }
    .main-item-wrapper .text .price .button-3 { float: left; }
    
	.main-item-wrapper .text { float: left; width: 300px; }
		.main-item-wrapper .text label { float: left; padding: 6px 0; width: 100%; }
				.main-item-wrapper .text .options form .item { padding: 7px 0 0 0; overflow: hidden; }
				.main-item-wrapper .text .options form .item:first-child { padding: 0; }
				.main-item-wrapper .text .options form .select { float: right; width: 300px; }
				.main-item-wrapper .text .options form .quantity { float: left; margin: 0; width: 60px; }
		.main-item-wrapper .text .description .items .item { width: 300px; }
					.main-item-wrapper .text .description .items .item p { line-height: 19px; }
		.cart-wrapper .cart-titles { display: none; }
        .cart-wrapper .cart-titles .item-image { display: none;  }
		.cart-wrapper .cart-titles .quantity, .cart-wrapper .cart-titles .price { display: none; }
		.cart-wrapper .cart-items .desc { width: 180px; padding: 10px 0 0 0; }
			.cart-wrapper .cart-items .desc h4 { font-size: 12px; }
		.cart-wrapper .cart-items .price { width: 85px; padding: 24px 0 0 0; }
		.cart-wrapper .cart-items .remove { padding: 24px 0 0 0; }
		.cart-wrapper .cart-items .quantity { width: 100px; padding: 20px 0 0 0; margin: 0 20px 0 0; clear: left; }
			.cart-wrapper .cart-items .quantity .count { width: 34px; height: 25px; text-align: center; float: left; padding: 0; margin: 0 9px 0 0; }
				.cart-wrapper .cart-items .quantity .more span { width: 25px; height: 23px; background: url(../images/ico-plus-2.png) center center no-repeat; padding: 0; }
				.cart-wrapper .cart-items .quantity .less span { width: 25px; height: 23px; background: url(../images/ico-minus-1.png) center center no-repeat; padding: 0; }
		.cart-wrapper .cart-items .note { padding: 0; margin: -10px 0 0 0; float: left; }
			.cart-wrapper .cart-items .note .textarea-1 { float: left; width: 284px; height: 70px; }
			.cart-wrapper .cart-items .note div { float: left; margin: 7px 23px 0 0; }
				.cart-wrapper .cart-items .note div p { float: left; margin: 0 7px 7px 0; }
					.cart-wrapper .cart-items .note div p b { font-size: 14px; }

				.cart-wrapper .cart-items .total .checkout s { width: 120px; }
			.cart-wrapper .cart-items .total .button-3 { width: 300px; }
				.cart-wrapper .cart-items .total .button-3 span { display: table; margin: 0 auto; float: none; }

         .main-cart .total-table { float: none !important; }
         .cart-wrapper .cart-items .row .total { margin: 0 !important; }
         .main-cart .row .total label { width: 300px !important; text-align: center !important; margin: 0 !important; }
         .main-cart .row .total p { float: none !important; text-align: center; }
         
        .main-cart .row .coupon { width: 300px; float: none; overflow: hidden; margin-bottom: 20px; border-bottom: #e5e5e5 1px solid; padding: 1px 0 30px 0; margin: 0 0 30px 0; }
        .main-cart .row .coupon label { width: 115px; }
        .main-cart .row .coupon input[type="text"] { float: right; margin-right: 0; }
        .main-cart .row .coupon .apply_coupon { float: right; margin-top: 10px; width: 150px; }
                
        .main-cart .row .buttons { float: none; }
        .main-cart .row .buttons input[type=submit] { width: 300px; margin: 0 0 20px 0; text-align: center; }
        
         
	.blog-list .search-result .image-wrapper-1 { margin: 0 auto 20px auto; float: none; width: 155px; }
	.blog-list .search-result .text { width: auto; }

		.login { width: 278px; margin: 0 auto 0 auto; padding: 40px 0; }
		.login label { width: 100px; padding: 4px 20px 0 0; }
		.login .input-text-1 { width: 140px; }
			.login .sign-in b { float: left; margin: 6px 0 0 120px; }

	.order-history { width: 300px; }
		.order-history .order { width: 45px; }
		.order-history .date { width: 76px; }
		.order-history .payment { width: 58px; }
		.order-history .fulfillment { width: 69px; }
		.order-history .total { width: 52px; }

	.shipping-address { width: 298px; margin: 0 0 20px 0; }

			.manage-addresses .row .left { display: table-cell; }
				.manage-addresses .row .left p { margin: 0; line-height: 18px; }
			.manage-addresses .row .right { display: none; }

			.manage-addresses .row .shipping-address { width: 298px; }

			.manage-addresses .item label { width: 94px; text-align: left; padding: 6px 0 0 0; font-weight: bold; margin: 0; }
			.manage-addresses .item .input-text-1 { width: 134px; }
			.manage-addresses .item .selector { width: 147px; }
		.manage-addresses .edit-address { width: 275px; padding: 25px 0 13px 25px; }
			.manage-addresses .save b { float: left; margin: 6px 0 0 94px; }

	.contact-form .input-text-1 { width: 282px; }
	.contact-form .textarea-1 { width: 282px; }
	.contact-form form { float: left; margin: 0 0 25px 0; }
		.contact-form form label { padding: 0 0 3px 0; }
		.contact-form form .selector { width: 295px; }
			.contact-form form .submit label { display: none; }

	.customer-order .billing-address { width: 246px; float: left; padding: 25px 0 0 25px; margin: 0; }
	.customer-order .shipping-address { width: 246px !important; float: left; padding: 25px 0 25px 25px; }

	.customer-order .order-history { width: 246px; float: left; }
		.order-history .product { width: 260px; float: left; }
		.order-history .sku { width: 100px; float: left; }
		.order-history .price { width: 120px; float: left; color: #358500; font-weight: bold; }
		.order-history .quantity { width: 100px; float: left; }
		.order-history .total { width: 80px; float: left; color: #358500; font-weight: bold; }

        .order-details .details .details-item { width: 270px; margin: 0 0 30px 0; }
        .order-details .order-totals .order-total-row { padding-bottom: 0; }
            
    .shipping-address-history { width: 300px; margin: 0 0 30px 0; }
    .order-history .actions { width: 30px; }
    
    .edit-address { padding: 0; width: 300px; }
    .edit-address .input-text { width: 280px; }
    .edit-address label { float: none; width: auto; display: block; clear: both; }
    .edit-address .buttons { width: 300px; }
    
    .blog-list .item .text { width: 300px; }
    .blog-list .item img { max-width: 300px; }
    
}