/*   
Theme Name: The HTML5 Reset Theme
Theme URI: http://html5reset.org
Description: A style-free theme to get you started on an HTML5-based WordPress theme of your own.
Author: Monkey Do! + @ckhicks
Author URI: http://monkeydo.biz
Version: 2.0
*/

@font-face {
	font-family: 'PFAgoraSlabPro';
    src: url('fonts/centro-slab-pro/pfcentroslabpro-regular.eot');
    src: url('fonts/centro-slab-pro/pfcentroslabpro-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/centro-slab-pro/pfcentroslabpro-regular.woff') format('woff'),
         url('fonts/centro-slab-pro/pfcentroslabpro-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

body {font-size: 24px; font-family: 'PFAgoraSlabPro'; overflow-y: auto !important; overflow-x: hidden !important; height: 100% !important; }

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #ffffff;}

a {color: #ffffff !important; outline: 0; text-shadow: none !important; }
a:hover {outline: 0; }
a:active, a:focus { outline: 0; }
a:link {-webkit-tap-highlight-color: transparent !important; }
h1 { text-shadow: none !important; }

::-moz-selection, img::-moz-selection, a::-moz-selection {background: transparent; }
::selection, img::selection, a::selection {background: transparent; }

/*	j.mp/webkit-tap-highlight-color */
/*a:link {-webkit-tap-highlight-color: #fcd700;} */

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }


/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/

html, body { height: 1080px; }
.st-pusher { width: 1920px; height: 1080px; }
#page { height: 100%; }

.wrapper { position: relative; width: 100%; }

#wrapper { float: left; width: 100%; }
.wrapper-content { float: left; width: 100%; }

.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

/* Header */

/*body.ui-mobile-viewport, div.ui-mobile-viewport { overflow: visible !important; }*/

.st-content-inner { float: left; height: 100%; padding-top: 40px; width: 100%; }
#header { float: left; width: 100%; z-index: 3; padding-top: 40px; border: none; background-color: transparent; position: absolute; height: 175px; }
#header.hidden { position: absolute; }

.header-dummy { float: left; height: 32px; left: 20px; position: absolute; top: -71px; width: 32px; }
.header-top { background-color: #000000; float:left; width: 100%; }
.header-top-content { float: left; position: relative; width: 100%; z-index: 1; }

.header-bottom { background-color: #FFDE00; float: left; width: 100%; }
.header-bottom-content { float: left; width: 100%; z-index: 1; }

#logo { float: left; margin-left: 15px !important; top: -25px; position: absolute !important; z-index: 1; }
#logo a { float: left; }
.header-right { float: right; font-size: 30px; font-weight: bold !important; color: #ffffff !important; }
.favorites { font-weight: bold !important; background-image: url(images/icon-favorites.png); background-repeat: no-repeat; background-position: left center; color: #ffffff; float: left; line-height: 70px; padding-right: 35px; padding-left: 75px; text-decoration: none; position: relative; }
.favorites span { color: #000000; font-size: 16px; font-weight: bold; left: 25px; min-width: 25px; text-align: center; top: 0; position: absolute; }
.favorites span.transfer { height: 32px; left: 22px; line-height: 32px; width: 32px; top: 19px; }
.categories { font-weight: bold !important; background-image: url(images/icon-categories.png); background-repeat: no-repeat; background-position: left center; float: left; line-height: 70px; padding-right: 35px; padding-left: 75px; text-decoration: none; }
.home-btn { font-weight: bold !important; background-image: url(images/icon-home.png); background-repeat: no-repeat; background-position: left center; color: #ffffff; float: left; line-height: 70px; padding-right: 35px; padding-left: 75px; text-decoration: none; position: relative; }

#st-trigger-effects { float: left; }

/* Homepage Categories */
.categories-list { margin: 0 auto; max-width: 1494px; }
.categories-list li { float: left; margin: 0 48px 50px 48px; }
.categories-list li a { color: #ffffff; float: left; font-size: 24px; height: auto; text-decoration: none; text-align: center; white-space: nowrap; width: 153px; }
.categories-list li a span { display: block; }

/* Category */
.category-name { color: #000000; font-size: 500px; opacity: 0.5; position: absolute; left: 0; top: 30px; overflow: hidden; max-width: 100%; max-height: 1049px; z-index: 1; }
.category-bar { float: left; position: relative; width: 100%; }
.category-bar h1 { color: #000000; float: left; font-size: 30px; line-height: 42px; margin-left: 80px; position: relative; z-index: 2; }
.category-bar h1 a { color: #000000 !important; display: inline-block; text-decoration: none; }
.category-bar .arrow { background-image: url(images/category-arrow.png); background-repeat: no-repeat; background-position: left top; width: 40px; height: 20px; position: absolute; left: 80px; top: 42px; }
.category-bar .count { color: #847615; font-size: 20px; font-weight: bold; float: left; line-height: 42px; margin-left: 20px; }
.category-bar .back-btn { background-image: url(images/icon-back.png); background-repeat: no-repeat; background-position: left center; color: #000000 !important; font-size: 30px; font-weight: bold; float: right; line-height: 42px; margin-right: 35px; padding-left: 30px; text-decoration: none; }

.list { float: left; margin-left: 96px; position: relative; width: 1824px; overflow-x: auto; height: 850px; max-height: 850px; position: relative; z-index: 2; }
.products-list { float: left; width: 3000px; }
.products-list ul { float: left; }
.products-list ul li { clear: both; float: left; margin-right: 5px; margin-bottom: 5px; height: 400px; width: 400px; }
.products-list ul li a { float: left; height: 100%; width: 100%; padding: 10px; }
.products-list ul li.last { margin-right: 0; }
.products-list ul li.first { }
.products-list ul li img { width: 100%; height: 100%; }

/* Product */
.post { margin: 0 auto; height: 756px; width: 1728px; position: relative; z-index: 2; }
.main-image { background-color: #ffffff; float: left; height: 756px; width: 756px; position: relative; padding:20px; }
.main-image img { }
.zoom-icon { background-image: url(images/icon-zoom.png); background-repeat: no-repeat; background-position: left top; width: 43px; height: 43px; position: absolute; left: 35px; bottom: 25px; }
.colors { background-color: #ffffff; float: left; height: 756px; padding: 0 4px; position: relative; width: 98px; }
.entry-content { background-color: #e5e5e5; float: left; height: 756px; width: 874px; }
.title { border-bottom: solid 4px #ffffff; float: left; padding: 25px 30px; width: 100%; }
.entry-title { color: #000000; font-size: 44px; float: left; }
.content { border-bottom: solid 4px #ffffff; color: #666666; float: left; font-size: 24px; padding: 25px 30px; width: 100%; }

.post-navigation { margin-top: 30px; position: relative; z-index: 2; }
.wp-post-navigation { display: table; margin: 40px auto 0 auto; }
.wp-post-navigation div { float: left; }
.wp-post-navigation div a { color: #000000 !important; font-family: 'PFAgoraSlabPro'; font-size: 30px; font-weight: bold; text-decoration: none; width: 146px; height: 59px; line-height: 59px; display: block; }
.wp-post-navigation .wp-post-navigation-pre a { background-image: url(images/nav-prev.png); background-repeat: no-repeat; background-position: left top; padding-left: 50px; }
.wp-post-navigation .wp-post-navigation-next a { background-image: url(images/nav-next.png); background-repeat: no-repeat; background-position: left top; padding-left: 30px; }
.wp-post-navigation .wp-post-navigation-category a { background-color: #ffde00; background-image: url(images/icon-back-category.png); background-repeat: no-repeat; background-position: 15px center; margin: 0 10px; width: auto; padding: 0 20px 0 70px; }

.gallery { float: left; width: 884px; height: 514px; overflow-y: hidden; }
.image-gallery li { display: inherit; float: left; height: 290px; width: 290px; }

.jspVerticalBar { background-color: transparent !important; width: 8px !important; right: 15px !important; }
.jspTrack { background-color: rgba(172, 172, 172, 0.2) !important; border-radius: 5px; }
.jspDrag { background-color: rgba(49, 49, 49, 0.5) !important; border-radius: 5px; }

.wpfp-link { background-repeat: no-repeat; background-position: left top; float: right; width: 70px; height: 70px; }
.wpfp-link.add { background-image: url(images/add-favorites.png); }
.wpfp-link.remove { background-image: url(images/remove-favorites.png); }

.jspHorizontalBar { background-color: transparent !important; }
.list .jspTrack { background-color: #010101 !important; border-radius: 5px; }
.list .jspTrack .jspDrag{ background-color: #494949 !important; }

.menu a { color: #000000 !important; }
.menu a:hover { background-color: #000000; color: #ffffff !important; }

.st-pusher:after { z-index: 5 !important; }

.sku { clear: both; color: #666666; float: left; font-size: 25px; }

.st-menu { display: none; }

.jspHorizontalBar { height: 32px !important; }

.ui-effects-transfer { background-repeat: no-repeat; background-image: url(images/icon-transfer.png); background-position: center; z-index: 10000; }

.ui-mobile .ui-page-active { }
.ui-content { overflow: hidden; padding: 0; }
.ui-mobile, .ui-mobile body { height: 100%; }
.ui-page-theme-a .ui-bar-inherit { text-shadow: none !important; }
/*.ui-loader .ui-icon-loading { display: none !important; }*/

.ui-loader-default { opacity: 1; }

@-webkit-keyframes slideinfromright {
    from {
    -webkit-transform: translate3d(100%, 0, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
}
}@-moz-keyframes slideinfromright {
    from {
    -moz-transform: translateX(100%);
}
to {
    -moz-transform: translateX(0);
}
}@keyframes slideinfromright {
    from {
    transform: translateX(100%);
}
to {
    transform: translateX(0);
}
}@-webkit-keyframes slideinfromleft {
    from {
    -webkit-transform: translate3d(-100%, 0, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
}
}@-moz-keyframes slideinfromleft {
    from {
    -moz-transform: translateX(-100%);
}
to {
    -moz-transform: translateX(0);
}
}@keyframes slideinfromleft {
    from {
    transform: translateX(-100%);
}
to {
    transform: translateX(0);
}
}@-webkit-keyframes slideouttoleft {
    from {
    -webkit-transform: translate3d(0, 0, 0);
}
to {
    -webkit-transform: translate3d(-100%, 0, 0);
}
}@-moz-keyframes slideouttoleft {
    from {
    -moz-transform: translateX(0);
}
to {
    -moz-transform: translateX(-100%);
}
}@keyframes slideouttoleft {
    from {
    transform: translateX(0);
}
to {
    transform: translateX(-100%);
}
}@-webkit-keyframes slideouttoright {
    from {
    -webkit-transform: translate3d(0, 0, 0);
}
to {
    -webkit-transform: translate3d(100%, 0, 0);
}
}@-moz-keyframes slideouttoright {
    from {
    -moz-transform: translateX(0);
}
to {
    -moz-transform: translateX(100%);
}
}@keyframes slideouttoright {
    from {
    transform: translateX(0);
}
to {
    transform: translateX(100%);
}
}
.out, .in {
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 600ms !important;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 600ms !important;
    animation-timing-function: ease-out;
    animation-duration: 600ms !important;
}
.ui-header.slidedown.in, .ui-header.slidedown.out {
    animation-duration: 0 !important;
    animation-name: none !important;
    transform: none !important;
}
.slide.out {
    -webkit-transform: translate3d(-100%, 0, 0);
    -webkit-animation-name: slideouttoleft;
    -moz-transform: translateX(-100%);
    -moz-animation-name: slideouttoleft;
    transform: translateX(-100%);
    animation-name: slideouttoleft;
}
.slide.in {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation-name: slideinfromright;
    -moz-transform: translateX(0);
    -moz-animation-name: slideinfromright;
    transform: translateX(0);
    animation-name: slideinfromright;
}
.slide.out.reverse {
    -webkit-transform: translate3d(100%, 0, 0);
    -webkit-animation-name: slideouttoright;
    -moz-transform: translateX(100%);
    -moz-animation-name: slideouttoright;
    transform: translateX(100%);
    animation-name: slideouttoright;
}
.slide.in.reverse  {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation-name: slideinfromleft;
    -moz-transform: translateX(0);
    -moz-animation-name: slideinfromleft;
    transform: translateX(0);
    animation-name: slideinfromleft;
}


.color { background-repeat: no-repeat; background-image: url(images/colors.png); cursor: pointer; position: relative; width: 90px; height: 63px; }

.color.brown { background-position: 0px 0px; }
.color.red { background-position: 0px -67px; }
.color.orange { background-position: 0px -134px; }
.color.yellow { background-position: 0px -201px; }
.color.green { background-position: 0px -268px; }
.color.turquise { background-position: 0px -335px; }
.color.blue { background-position: 0px -402px; }
.color.purple { background-position: 0px -469px; }
.color.pink { background-position: 0px -536px; }
.color.white { background-position: 0px -603px; }
.color.gray { background-position: 0px -670px; }
.color.black { background-position: 0px -737px; }

.color.active { left: -22px; width: 112px; }

.color.brown.active { background-position: -90px 0px; }
.color.red.active { background-position: -90px -67px; }
.color.orange.active { background-position: -90px -134px; }
.color.yellow.active { background-position: -90px -201px; }
.color.green.active { background-position: -90px -268px; }
.color.turquise.active { background-position: -90px -335px; }
.color.blue.active { background-position: -90px -402px; }
.color.purple.active { background-position: -90px -469px; }
.color.pink.active { background-position: -90px -536px; }
.color.white.active { background-position: -90px -603px; }
.color.gray.active { background-position: -90px -670px; }
.color.black.active { background-position: -90px -737px; }

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
	background-color: transparent !important;
}

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */

/* Screen Size: 1024x720 */
/*@media only screen and (max-width: 1024px) {

	html, body { height: 720px !important; }
	.st-pusher { width: 1024px; height: 720px !important; }

	.post { width: 800px; height: 200px; overflow: hidden; }

}*/

/* Screen Size: 1280x1024 */
/*@media only screen and (min-width: 1025px) and (max-width: 1280px) {*/
@media only screen and (max-width: 1280px) {

	html, body { height: 1024px; }
	.st-pusher { width: 1280px; height: 1024px; }
	.post { width: 1088px; height: 684px; }
	.products-list ul li { height: 350px; width: 350px; }
	.list { height: 770px; max-height: 770px; width: 1184px; }
	.st-menu { padding-left: 20px !important; padding-right: 20px !important; }
	
	.main-image { height: 684px; width: 684px; padding: 15px; }
	.colors { height: 684px; }
	.color { height: 57px; }
	.entry-content { height: 684px; width: 306px; }
	
	.wp-post-navigation { margin: 0 auto; }
	
	.entry-title { font-size: 35px; max-width: 190px; }
	.image-gallery li { width: 152px; height: 152px; }
	.gallery { height: 481px; width: 316px; }
	
	.categories-list { float: left; }
	.categories-list li { margin: 0 59px 50px 59px; }
	.categories-list li a { font-size: 22px; width: 153px; }
	
	.header-right { font-size: 22px; }
	.category-bar h1, .category-bar .back-btn { font-size: 27px; }
	.category-bar .count { font-size: 18px; }
	
	.title, .content { padding: 15px 20px; }
	.entry-title { font-size: 30px; }
	.sku, .content { font-size: 22px; }
	
	.wp-post-navigation div a { font-size: 25px; }
	
	.category-name { font-size: 400px; top: 60px; max-height: 963px; }
	
	.st-effect-11.st-menu-open .st-pusher {
		transform: translate3d(-40px, 0px, -220px) rotateY(20deg) !important;
	}
	
	.st-menu h2 { font-size: 25px !important; }
	.st-menu ul li a { font-size: 18px !important; line-height: 35px !important; }
	
	.color { background-repeat: no-repeat; background-image: url(images/colors_small.png); cursor: pointer; position: relative; width: 90px; height: 57px; }

	.color.brown { background-position: 0px 0px; }
	.color.red { background-position: 0px -57px; }
	.color.orange { background-position: 0px -114px; }
	.color.yellow { background-position: 0px -171px; }
	.color.green { background-position: 0px -228px; }
	.color.turquise { background-position: 0px -285px; }
	.color.blue { background-position: 0px -342px; }
	.color.purple { background-position: 0px -399px; }
	.color.pink { background-position: 0px -456px; }
	.color.white { background-position: 0px -513px; }
	.color.gray { background-position: 0px -570px; }
	.color.black { background-position: 0px -627px; }

	.color.active { left: -22px; width: 112px; }

	.color.brown.active { background-position: -90px 0px; }
	.color.red.active { background-position: -90px -57px; }
	.color.orange.active { background-position: -90px -114px; }
	.color.yellow.active { background-position: -90px -171px; }
	.color.green.active { background-position: -90px -228px; }
	.color.turquise.active { background-position: -90px -285px; }
	.color.blue.active { background-position: -90px -342px; }
	.color.purple.active { background-position: -90px -399px; }
	.color.pink.active { background-position: -90px -456px; }
	.color.white.active { background-position: -90px -513px; }
	.color.gray.active { background-position: -90px -570px; }
	.color.black.active { background-position: -90px -627px; }
	
}

/* Screen Size: 1366x768 */
@media only screen and (min-width: 1281px) and (max-width: 1366px) {

	html, body { height: 768px; }
	.st-pusher { width: 1366px; height: 768px; }
	.post { width: 1174px; height: 468px; }
	.products-list ul li { height: 255px; width: 255px; }
	.list { height: 550px; max-height: 550px; width: 1270px; }
	.st-menu { padding-left: 20px !important; padding-right: 20px !important; }
	
	.main-image { height: 468px; width: 468px; padding: 15px; }
	.colors { height: 468px; }
	.color { height: 39px; }
	.entry-content { height: 468px; width: 608px; }
	
	.wp-post-navigation { margin: 0 auto; }
	
	.entry-title { font-size: 35px; max-width: auto; }
	.image-gallery li { width: 151px; height: 151px; }
	.gallery { height: 273px; width: 618px; }

	.categories-list { float: left; }
	.categories-list li { margin: 0 40px 50px 40px; }
	.categories-list li a { font-size: 18px; width: 115px; }
	
	.header-right { font-size: 22px; }
	.category-bar h1, .category-bar .back-btn { font-size: 27px; }
	.category-bar .count { font-size: 18px; }
	
	.title, .content { padding: 15px 20px; }
	.entry-title { font-size: 30px; }
	.sku, .content { font-size: 22px; }
	
	.wp-post-navigation div a { font-size: 25px; }
	
	.category-name { font-size: 400px; top: 60px; max-height: 707px; }
	
	.st-effect-11.st-menu-open .st-pusher {
		transform: translate3d(-40px, 0px, -231px) rotateY(20deg) !important;
	}
	
	.st-menu h2 { font-size: 27px !important; }
	.st-menu ul li a { font-size: 21px !important; line-height: 40px !important; }
	
	.color { background-repeat: no-repeat; background-image: url(images/colors_medium.png); cursor: pointer; position: relative; width: 90px; height: 39px; }

	.color.brown { background-position: 0px 0px; }
	.color.red { background-position: 0px -39px; }
	.color.orange { background-position: 0px -78px; }
	.color.yellow { background-position: 0px -117px; }
	.color.green { background-position: 0px -156px; }
	.color.turquise { background-position: 0px -195px; }
	.color.blue { background-position: 0px -234px; }
	.color.purple { background-position: 0px -273px; }
	.color.pink { background-position: 0px -312px; }
	.color.white { background-position: 0px -351px; }
	.color.gray { background-position: 0px -390px; }
	.color.black { background-position: 0px -429px; }

	.color.active { left: -22px; width: 112px; }

	.color.brown.active { background-position: -90px 0px; }
	.color.red.active { background-position: -90px -39px; }
	.color.orange.active { background-position: -90px -78px; }
	.color.yellow.active { background-position: -90px -117px; }
	.color.green.active { background-position: -90px -156px; }
	.color.turquise.active { background-position: -90px -195px; }
	.color.blue.active { background-position: -90px -234px; }
	.color.purple.active { background-position: -90px -273px; }
	.color.pink.active { background-position: -90px -312px; }
	.color.white.active { background-position: -90px -351px; }
	.color.gray.active { background-position: -90px -390px; }
	.color.black.active { background-position: -90px -429px; }
	
}

/*@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}*/

















/**************************************/
/* IPAD STYLES ************************/
/**************************************/




/* IPAD Landscape Orientation */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
    html, body { height: 768px; }
    .st-pusher { width: 1024px; height: 768px; }
    .post { width: 1024px; height: 610px; }
    .st-menu { padding-left: 20px !important; padding-right: 20px !important; }
    #header{height: 155px;}

    .categories-list { float: left; max-width: 1024px; }
    .categories-list li { margin: 0 30px 29px; }
    .categories-list li a { font-size: 18px; width: 140px; }
    .categories-list li img{max-width: 100%; height: auto;}
    
    .list { height: 610px; max-height: 610px; width: 925px; }
    .products-list ul li { height: 285px; width: 285px; }
    
    .single-post #wrapper .wrapper-content > .post { height: 551px!important; }
    .main-image { height: 551px; width: 645px; padding: 15px; text-align: center; }
    .main-image img{ max-height: 100%; width: auto; margin: 0 auto;}
    .colors { width:72px; height: 551px; }
    .color { 
        height: 46px; width: 72px;
        background-repeat: no-repeat; 
        background-image: url(images/colors_small2.png); 
        cursor: pointer; 
        position: relative; 
    }
    .color.brown { background-position: 0px 0px; }
    .color.red { background-position: 0px -46px; }
    .color.orange { background-position: 0px -92px; }
    .color.yellow { background-position: 0px -138px; }
    .color.green { background-position: 0px -184px; }
    .color.turquise { background-position: 0px -230px; }
    .color.blue { background-position: 0px -276px; }
    .color.purple { background-position: 0px -322px; }
    .color.pink { background-position: 0px -368px; }
    .color.white { background-position: 0px -414px; }
    .color.gray { background-position: 0px -460px; }
    .color.black { background-position: 0px -506px; }
    .color.active { left: -17px; width: 112px; }
    .color.brown.active { background-position: -73px 0px; }
    .color.red.active { background-position: -73px -46px; }
    .color.orange.active { background-position: -73px -92px; }
    .color.yellow.active { background-position: -73px -138px; }
    .color.green.active { background-position: -73px -184px; }
    .color.turquise.active { background-position: -73px -230px; }
    .color.blue.active { background-position: -73px -276px; }
    .color.purple.active { background-position: -73px -322px; }
    .color.pink.active { background-position: -73px -368px; }
    .color.white.active { background-position: -73px -414px; }
    .color.gray.active { background-position: -73px -460px; }
    .color.black.active { background-position: -73px -506px; }
    .entry-content { height: 551px; width: 306px; }
    .post-navigation{margin-top: 3px;}
    .category-name { font-size: 400px; top: 60px; max-height: 645px; }
    .single-post .category-name{display: none;}
    /*.single-post #wrapper{height: 615px}
    .single-post #page{height: 768px}*/
    

    .wp-post-navigation { margin: 0 auto; }
    
    .entry-title { font-size: 35px; max-width: 190px; }
    .image-gallery li { width: 152px; height: 152px; }
    .gallery { height: 481px; width: 316px; }
    
    
    
    .header-right { font-size: 22px; }
    .category-bar h1, .category-bar .back-btn { font-size: 27px; }
    .category-bar .count { font-size: 18px; }
    
    .title, .content { padding: 15px 20px; }
    .entry-title { font-size: 30px; }
    .sku, .content { font-size: 22px; }
    
    .wp-post-navigation div a { font-size: 25px; }
    
    
    
    .st-effect-11.st-menu-open .st-pusher {
        transform: translate3d(-40px, 0px, -220px) rotateY(20deg) !important;
    }
    
    .st-menu h2 { font-size: 25px !important; }
    .st-menu ul li a { font-size: 18px !important; line-height: 35px !important; }
    
    
}










/* IPAD Portrait Orientation */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

}