/* Landscape phones and down */
@media (max-width: 480px) { 


}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

/* tools */
.form-list .customer-name-prefix .name-firstname,
.form-list .customer-name-middlename .name-firstname,
.form-list .field,
.form-list .input-box { width:100% !important;}
.form-list li.wide textarea,
.form-list li.wide input.input-text,
.form-list input.input-text { width:95% !important; }
.form-list select { width:100%; }
.fieldset .legend { display:none;}

input.input-text, textarea { padding:2%; }

.opc li.section .form-list li li.fields .field { width:100%; }

/* layout */
.gridContainer {width: 94%; margin:0 auto; padding-left: 3%; padding-right: 3%; max-width:453px; }
.col-main,
.col-left,
.col-right { width:100%; clear:both;  }
.col2-set .col-2,
.col2-set .col-1 { width:100%; clear:both; }

.page-title h1, .page-title h2 { text-align:center; }
.title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:none; text-align:center;}

/* header */ 
/* top */
.header-top { margin-bottom:18px;}
.header-top .welcome-msg { display:none;}
.header-selectors { width:24%;}
.header-top .artist-login { width:24%;}
.header-top .user-panel { width:24%; }
.header-top .social { display:none; }
.header-top .wishlist-link { clear:left; width:49%;}
.header-top .cartHeaderLink { width:49%;}

/* header cart */
.headerCartContent .block-subtitle a { display:block; text-align:center; }

.header .logo { width:100%; clear:both; text-align:center; }
.header .header-message { text-align:center; width:100%; margin:18px 0;}
.header .header-right {  margin:0; width:100%; text-align:center;}
/* Main Nav */

.nav-container { margin-top:0; background:#000; }
#nav li.over a,
#nav li.active a { color:#000; }
#nav { margin:0 auto; list-style: none;  *zoom: 1; background: #fff; }
#nav li.parent:after { display:none;}
#nav li .more { position:absolute; right:12px; top:12px; width:14px; height:14px; display:block; color:#EB2F7E; cursor:pointer; }
#nav li.hover .more { background-position:0 -17px;}

#nav ul { display: block; width: 100%; padding:0; border:0 none; }
#nav ul ul { border-bottom:3px solid #000;}


#nav li { position:relative; float: none; clear:both; padding:0; width:100%; text-align:center; border-bottom:1px dashed #c7c4c1; }
#nav li a { float:none; padding:8px 0; background:none; font:14px/1.35 'Brandon Grot W01 Bold'; color:#6d6a66; }

#nav > li.hover > ul, .nav li li.hover ul { position: static; }
#nav > li > ul { width:100% !important; padding:0; display:block; border:0 none; }
#nav li .slide { padding:0; width:100%; display:block; clear:noth; border:0 none; }
#nav li a span { text-transform:lowercase;}
#nav li.hover > ul { position:static; background:#fff; }

#nav li ul li { float:none; padding:8px 0; }
#nav li ul li a { padding:10px 0; text-align:center; }
#nav li ul li .more:before {background:#000;}
#nav li ul li ul li a { color:#000;}

#nav > li.over > ul { left: -9999px; } 
#nav li.over { }
#nav li.over a { }

#nav ul li.hover {background:#eee;}
/*#nav ul li.hover a { color:#fff;}*/

#nav li ul li.active a { color:#fff !important;}
#nav li.active { display: block; background:#000; }
#nav li.active a { color:#fff;}
#nav li ul li.active { background:#e5e5e5;}
#nav li ul li.active a,
#nav li ul li a { color:#666 !important;}
#nav li.parent.over:after, 
#nav li.parent.over:before,
#nav li.parent.over:after,
#nav li.parent.over:before { display:none; }




/* list page */
.category-description { display:none; }
.toolbar {}
.toolbar .amount,
.toolbar .sort-by,
.toolbar .limiter { display:none; }
.toolbar .pages { width:100%; text-align:center; margin:0;  }
.products-grid li.item { width:100%; max-width:230px; margin:0 auto 18px !important; clear:both; float:none; }

/* list artist products */
.artistPage {}
.artist-header .leftInfo { width:100%; margin:0; background:none;  }
.artist-header .leftInfo img { border:5px solid #000; }
.artist-header .rightInfo {width:100%; margin:0;}
.artist-header .rightInfo .about,
.artist-header .rightInfo .funFacts { width:100%; margin-bottom:8px;}
.artist-header .category-description { display:block; }
/* product page */
.product-view .product-shop,
.product-view .product-essential .product-info  { width:100%; clear:both; margin-bottom:18px; }

/** product Image */
.product-view .product-img-box { width:100%; margin:0; }
.product-view .product-img-box .product-image { width:100%; clear:both; }
.product-view .product-img-box .more-views { width:100%; clear:both; margin:0; }


/* login page */
.customer-account-login .col2-set .col-1 { width:100%; margin:0 0 18px; clear:both; }

/* cart */
.cart .td-title { display:block;}
.cart .title-buttons .checkout-types li { float:none; }
.cart .data-table thead { display:none; }
.cart .data-table td { display:block; width:100%; padding:8px 0; border:0 none; text-align:center !important;}
.cart-table button { margin:0 auto 18px; clear:both; }
.item-options dt { display:inline-block; float:none; clear:none;  }
.item-options dd { display:inline-block; float:none; clear:none; padding:0 10px 0 0;}
.cart .btn-remove2 { display:inline-block; }

.cart .cart-collaterals .col2-set { width:100%; margin:0; clear:both; }
.cart .cart-collaterals .col2-set .col-1,
.cart .cart-collaterals .col2-set .col-2 { width:100%; margin:0 0 18px 0;}
.cart .totals { width:100%;}
.cart .crosssell { overflow:hidden; margin-bottom:8px;}

.cart .checkout-types { float:none; text-align:center;}

#checkout-review-table td { display:block; border-bottom:0 none; text-align:center !important; }
#checkout-review-table thead { display:none; }
#checkout-review-table tfoot td { background:#eee; }
#checkout-review-table tfoot td.last { background:#fff !important; }

/* one page */
#checkout-progress-wrapper { width:100%; clear:both; }
.top-opc li h2 { display:none; }
.opc { width:100%; margin:0; clear:both; }
.opc .step .col-1, .opc .step .col-2 { width:97.14286%; margin:0 0 8px 0;}
.opc li.section .form-list li li.fields .field { width:100%; margin:4px 0; }
.top-opc li { width:33.333333% !important /* fix inline css in onepage.phtml - don't remove*/; text-align: center; }
.top-opc li .number { float:none; margin:0 auto 8px; display:block;  }

/* account page */
.block-account .block-content ul { width:100%; }

.my-account .data-table thead { display:none; }
.my-account .data-table td { display:block; }


/* Footer **/
.footer .footerSubscribe { margin:0; width:100%; border:0 none; }
.footer .footerSubscribe .signUpMessage { width:auto; margin:0; padding-left:90px; }
.footer .footerSubscribe .block-content { width:100%; clear:both; margin:0;}
.footer .followus { margin:18px 0; width:100%; }
.footer .followus .social { overflow:hidden; margin-top:18px; text-align:center;}
.footer .followus h3 { text-align:center; }
.footer .followus .social li { display: inline-block; float: none;}

.footer .footerShopSafe h3 { text-align:center;}
.footer .footerShopSafe li { width:100%; margin:0 0 8px 0; }

.footer .footerTail .footerLinks,
.footer .footerTail .footerContact { width:100%; margin:0;}
.footer .footerTail .footerLinks li.section {width:100%; margin:0 0 18px;}

/* customer account */
.my-account .fieldset { padding:0; margin:0; width:100%; border:0 none; backface-visibility:none; }


/** customer-account-create */
.customer-account-create .fieldset { padding:22% 5%; }


/* home page */
.cms-index-index .col-main { width:100%; margin-right:0; clear:both; }
.topListing li { width:100%; float:none; max-width:265px; margin:0 auto !important; padding-bottom:28px; }
.homeArtistSlider .title .seeAll a { float:right;}
.recent-products .next,
.homeArtistSlider .next { top:110px;}
.recent-products .prev,
.homeArtistSlider .prev { left:0; top:110px;}

.cms-index-index .col-right { width:100%; }

.homeBottom .homeBottomTop .bottomBlock { width:100%; margin-right:0; margin-bottom:18px; }
.featuredIn { text-align:center; }
.featuredIn li { float:none; clear:both; display:inline-block; width:100%; }

/* home recent posts */
.block-blog .block-content {}
.block-blog .block-content a { width:100%; }
.block-blog .block-content img { width:100%; }
.block-blog .postData { width:90%; }

.retreatContent li { margin:0 !important; width:100% !important;}
.retreatContent li img { display:block; clear:both; }
.blog-category .item { margin:0 auto 18px !important; float:none !important; clear:both; width:100% !important}
.crazyWidget .social { text-align:center; }
.crazyWidget .social li { float:none !important; display:inline-block !important; }
.artistatozo .designers-list li { width:50%; min-height:485px; }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
.gridContainer { width: 94%; max-width:760px; margin:0 auto; padding-left: 3%; padding-right: 3%; }

/* header */
.header-top .welcome-msg { font-size:12px; }
.cartHeaderLink { width:13.69387755102041%; }
.header-selectors .store-name,
.header-selectors .content { display:none;}
/* Main Nav */
.nav-container { margin-top:0; background:#000; }
#nav li.over a,
#nav li.active a { color:#000; }
#nav { margin:0 auto; list-style: none;  *zoom: 1; background: #fff; }
#nav li.parent:after { display:none;}
#nav li .more { position:absolute; right:12px; top:12px; width:14px; height:14px; display:block; cursor:pointer; color:#EB2F7E; }
#nav li.hover .more { background-position:0 -17px;}

#nav ul { display: block; width: 100%; padding:0; border:0 none; }
#nav ul ul { border-bottom:3px solid #000;}


#nav li { position:relative; float: none; clear:both; padding:0; width:100%; text-align:center; border-bottom:1px dashed #c7c4c1; }
#nav li a { float:none; padding:8px 0; background:none; font:14px/1.35 'Brandon Grot W01 Bold'; color:#6d6a66; }

#nav > li.hover > ul, .nav li li.hover ul { position: static; }
#nav > li > ul { width:100% !important; padding:0; display:block; border:0 none; }
#nav li .slide { padding:0; width:100%; display:block; clear:noth; border:0 none; }
#nav li a span { text-transform:lowercase;}
#nav li.hover > ul { position:static; }

#nav li ul li { float:none; }
#nav li ul li a { padding:10px 0; text-align:center; }
#nav li ul li .more:before {background:#000;}
#nav li ul li ul li a { color:#000;}

#nav > li.over > ul { left: -9999px; } 
#nav li.over { }
#nav li.over a { }

#nav ul li.hover {background:#eee;}
/*#nav ul li.hover a { color:#fff;}*/

#nav li ul li.active a { color:#fff !important;}
#nav li.active { display: block; background:#000; }
#nav li.active a { color:#fff;}
#nav li ul li.active { background:#e5e5e5;}
#nav li ul li.active a,
#nav li ul li a { color:#666 !important;}
#nav li.parent.over:after, 
#nav li.parent.over:before,
#nav li.parent.over:after,
#nav li.parent.over:before { display:none; }

/* footer */
.footer .footerSubscribe { width:74.4286% !important}
.footer .followus { width:22.4286% !important}

/* list */
/*.products-grid li.item { width:32.55177803829621%; margin-right:1.172332942555686%; }
.products-grid li.third { margin-right:0 !important; }*/
.blog-search .input-text { font-size:14px !important; width:70% !important;}
.crazyWidget .social li { width:10.6667% !important; }
}
@media (min-width: 978px) and (max-width: 1199px) { 
.gridContainer { width: 94%; max-width:980px; margin:0 auto; padding-left: 3%; padding-right: 3%; }
}
/* Large desktop */
@media (min-width: 1200px) { 
.gridContainer {width: 94%; max-width:980px; margin:0 auto; padding-left: 3%; padding-right: 3%; }

}