/*
Theme Name: PEC Theme
Author: Cockadoodle Media
Author URI: /www.cockadoodlemedia.com.au/
Description: Theme designed for Polite Enterproses Corporation
Version: 1.0
License: GNU General Public License
License URI: license.txt
*/
@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	padding:0px;
	height: 100%;
	color: #5e5e5e;
	background-color: #fff;
	line-height: 17px;
}

.clearfix {
	clear:both;
	width:100%;
	height:1px;
}
.spacer {
	height: 30px;
	width: 100%;
	clear: both;
}
img { border: none; }
h1, h2, h3, h4 {
	color: #49176d;
	font-weight: normal;
	line-height: 25px;
}
h1 {
	font-family: Arial;
	margin: 0px;
}
h1 { font-size: 26px; } h1.page-title { margin-bottom: 30px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 0px; padding-bottom: 0px;}
h5, h6 { font-size: 12px; padding: 5px 0px 0px 10px; margin-top:10px; margin-bottom: 10px; font-weight: normal; Arial;}

#wpadminbar {display:none;}
#wrapper {
	min-height: 100%;
	width: 100%;
	z-index: -99999;
	margin: 0 auto;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}
#sidebar {
	margin-bottom: 10px;
}
#logo {
	float:Left; 
	margin: 10px 0px;
	position: absolute;
}
#logo:hover {
	cursor:pointer;
}

#header-wrapper {
	margin:0px auto;
	width:100%;
	top: 0;
	z-index: 80;
	/* Safari 4-5, Chrome 1-9  
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e0e0e0)); */
	/* Safari 5.1, Chrome 10+ 
	background: -webkit-linear-gradient(top, #ffffff, #e0e0e0); */ 
	/* Firefox 3.6+
	background: -moz-linear-gradient(top, #ffffff, #e0e0e0);  */ 
	/* IE 10 
	background: -ms-linear-gradient(top, #ffffff, #e0e0e0); */ 
	/* Opera 11.10+ 
	background: -o-linear-gradient(top, #ffffff, #e0e0e0);*/ 
}
#header {
	width: 960px;
	padding: 0px 10px;
	margin: 0px auto;
}
#company-tagline {
	float: right;
	background:url(images/polite-enterprises-corporation-call.png) no-repeat;
	width: 468px;
	height: 69px;
	margin-top: 20px;
	margin-bottom: 20px;
}



/* MENU */
#menu {
	width: 808px;
	height: 27px;
	float: right;
	background: url(images/top-nav-bg.png) left no-repeat;
}
#menu a {
	color: #ffffff;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

ul.menu { 
	list-style:none;
	padding: 5px 0px 0px 40px;
	margin: 0px;
}

ul.menu li {
	padding: 0px 9px;
	float: left;
}
ul.menu li a {
	color: #ffffff;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform: uppercase;
	width: 100%
}
ul.menu li a:hover {
	color: #CCC !important;
}

ul.menu li:hover > .sub-menu {
	display: block;	
	transition: display .5s;
	-webkit-transition: display .5s;
}
.sub-menu {
        z-index:999;
	display: none;
	list-style:none;
	padding: 4px 0px 0px;
	position: absolute;
	width: 200px;
	transition: display .5s !important;
	-webkit-transition: display .5s !important;
}
.sub-menu li ul.sub-menu {
	display: none;
	transition: display .5s !important;
	-webkit-transition: display .5s !important;
}
.sub-menu li:hover > ul.sub-menu {
	display: block;
	position:absolute;
	margin: -28px 0px 0px 190px;
	padding: 0px;
	transition: display .5s !important;
	-webkit-transition: display .5s !important;
}
.sub-menu li:hover > ul.sub-menu li a {
	background: url(images/sidebar-menu-bg-hover.png) left no-repeat #512178 !important;
	color: #fff !important;
}
.sub-menu li:hover > ul.sub-menu li a:hover {
	background: url(images/sidebar-menu-bg.png) left no-repeat #eaecf6 !important;
	color: #512178 !important;
}
.sub-menu li {
	float: none;
	width: 100%;
	height: auto;
	padding: 0px !important;
	margin: 0 !important;
	border-top: solid thin #fff;
	border-left: solid thin #fff;
}
.sub-menu li:first-child {
	border-top: none !important;	
}
.sub-menu li a {
	display: block;
	background: url(images/sidebar-menu-bg.png) left no-repeat #eaecf6 !important;
	color: #512178 !important;
	padding: 5px 10px 5px 30px !important;
	width: 100%;
}
.sub-menu li a:hover {
	background: url(images/sidebar-menu-bg-hover.png) left no-repeat #512178 !important;
	color: #fff !important;
}
.current_page_item > a {
	color: #CCC !important;
}
.current_page_item a:active .sub-menu {
	color: #CCC !important;
}
.current_page_ancestor, .current_page_ancestor a, .current_page_ancestor > a {
	color: #CCC !important;
}




/* PRODUCT LIST SECTION */
#product-list-tab {
	background-color: #ffa000;
	background: url(images/my-products-tab-bg.jpg) repeat-x;
	border-right: solid thin #ffffff;
	border-left: solid thin #ffffff;
	border-bottom: solid thin #ffffff;
	position: static;
	width: 150px;
	margin: -5px 20px 0px 0px;
	padding: 10px;
	float: right;
	color: #512178;
	font-size: 14px;
	text-shadow: 1px 0px 3px #fff;
	font-weight: bold;
	text-align:center;
	overflow: visible;
	z-index: 99999;
	cursor: pointer;
}
#product-list-tab:hover >  #product-list-panel { display: block; }
#product-list-panel {
	display: none;
	width: 400px;
	height: auto;
	background-color: #fff;
	border: solid thin #ccc;
	border-radius: 5px 0px 5px 5px;
	padding: 20px;
	margin-left: -282px;
	position: absolute;
	margin-top: 10px;
	z-index: 999999 !important;
	text-align: left;
	font-size: 12px;
	color: #666;
	font-weight:normal;
	box-shadow: 1px 3px 2px #666;
}
#product-list-panel-title {
	color: #512178;
	font-size: 18px;
	font-weight: normal;
}
#product-list-panel:hover { cursor: auto; }
#product-list-panel a{ 
	color: #666; 
	text-decoration: none;
	font-size: 12px;
}
#product-list-panel a:hover{ 
	text-decoration: underline;
	color: #333;
}
#my-product-item { border-top: solid thin #e5e5e5; }
#my-product-item a{
	padding: 5px 0px;
	display: block;
	width: 100%;
}
#clear-list-button {
	width: 111px;
	height: 35px;
	background-image: url(images/clear-list-button.png);
	display: block;
}





/* SLIDER ----*/
#slideshow, img.bgM {
        width: 960px;
		height: 465px;
        height: auto !important;
        top: 0;
        left: 0;
        /*z-index:-9999;*/
}
#slider-wrapper {
	width: 100%;
	background:url(images/header-bg.jpg) repeat-x #e0e0e0;
}
#slider-container {
    width: 960px;
	height: 465px;
	margin: 0px auto;
	/*z-index:-99999;*/
}


/* CATEGORIES SECTION */
#cat-wrapper {
	width: 100%;
	min-height: 276px;
	height: auto;
	clear:both;
	padding-top: 5px;
}
#cat-section {
	width: 960px;
	min-height: 260px;
	height: auto;
	margin: 0px auto;
	color: #fff;
}
#cat-wrapper #cat-section .woocommerce .products li a, #cat-wrapper #cat-section .woocommerce .products li h3 { 
	color: #49176d;
	font-weight: bold;
}
#cat-section ul li { height: 58px !important; }
#cat-section ul li img{ border: none !important; }


/* CONTENT */
#content-container {
	height: auto;
	width: 100%;	
	z-index: -10 !important;
	padding: 10px 0px;
}
#content {
	width: 960px;
	height: auto;
	margin: 0px auto;
	overflow: hidden;
}
#home-content {
	width: 960px;
	height: auto;
	margin: 0px auto;
	overflow: hidden;
	color: #fff;
	padding: 30px 0px 40px;
}
#page-content {
	width: 628px;
	float: left;
	margin-bottom: 30px;
}
#home-content-block {
	width: 700px;
	height: auto;
	margin: 0px auto;
	color: #666 !important;
}
#home-content-block a {
	color: #512178 !important;
	text-decoration:none !important;
}
#home-content-block h1, #home-content-block h2, #home-content-block h3, #home-content-block h4, #home-content-block h5, #home-content-block h6{
	color: #512178 !important;
}
.violetbg {
	background-color: #512178;
	color: #fff;
}
#content a {
	color: #49176d;
	text-decoration:none;
}
#content a:hover {
	color: #66358a;
	text-decoration:underline;
}
.divider {
	width: 100%;
	height:3px;
	border-top: solid thin #ececec;
	border-bottom: solid thin #ececec;	
	margin: 60px 0px 0px;
	clear:both;
}
#home-featured-products-section {
	width: 100%;	
	min-height: 200px;
	margin-bottom: 40px;
	margin-top: 40px;
}
#home-featured-products-section li {
	width: 150px;
	margin-right: 48px;
	text-align: center;
	line-height: 15px;
}
#home-featured-products-section li a{
	color: #512178;
	text-decoration: none;
}
#home-featured-products-section li h3 { padding: 0; margin: 0; }
#home-featured-products-section li:last-child {
	float: left;
	margin-right: 0px;
}
#home-featured-products-section img{
	width: 150px;
	height: 150px;
	margin-bottom: 10px;
}
#page-label {
	font-size: 32px;
	color: #512178;
	display: block;
	margin-bottom: 30px;
	line-height: 1;
}

/* MultiEdit CONTENT BLOCKS */
#home-content-block {
	width: 100%;
	color: #512178;
}
#home-content-block img{
	float: left;
	margin-right: 40px;
}

/* polite-sidebar */
#polite-sidebar {
	width: 280px;
	float: right;
	margin-bottom: 40px;
}
#polite-sidebar .woocommerce { margin-top: 35px; }
#polite-sidebar ul img { display: none; }
#polite-sidebar ul.menu { list-style:none; padding: 0px; margin-top: 35px; }
#polite-sidebar ul.menu li a{ 
	background: url(images/sidebar-menu-bg.png) left no-repeat #eaecf6 !important;
	border-bottom: solid thin #fff; 
	width: 300px; 
	color: #512178 !important;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 10px 10px 10px 30px;
	text-transform: capitalize;
}
#polite-sidebar ul.menu li a:hover {
	text-decoration: none;
	display: block;
	color: #512178 !important;
	background-color: #c2c7df !important;
}

#polite-sidebar ul.menu li ul.sub-menu { 
	display: none; 
	position: inherit !important; 
	list-style: none; 
	padding: 0px; 
	margin: 0px; 
}
#polite-sidebar ul.menu li ul.sub-menu li a{
	background-image: none !important;
	background-color: #98a5d2 !important;
	border: none;
	color: #fff !important;
	text-transform: capitalize;
	font-size: 12px;
	padding: 5px 10px 5px 30px;
	margin: 0px !important;
}

#polite-sidebar ul.menu li ul.sub-menu li a:hover{
	color: #512178 !important;
	text-decoration: underline;
}

#polite-sidebar ul.menu li a h3 { 
	color: #512178;
	font-size: 16px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}
#polite-sidebar ul.menu li {
	padding: 0px;
	margin: 0px;
}
#polite-sidebar ul.menu li a.active {
	background: url(images/sidebar-menu-bg-down.png) left no-repeat #eaecf6 !important;
}

/*  DOWNLOADABLES */
.downloadable-item {
	float: left;
	width: 350px;	
}
.downloadable-item {
	float: left;
	width: 300px;
	height: 130px;
}
.downloadable-thumbnail {
	float: left;
	margin-right: 10px;
}




/* SERVICES LIST */
.service-list-item {
	width: 100%;
	min-height: 50px;
	height: auto;
	clear: both;
}
.service-list-item h4 { padding: 0px; margin: 0px; }
.service-list-item .service-thumbnail { margin-right: 10px; float: left;}
.serice-description {
}


/* BUTTONS */


/* CONTACT FORM 7 STYLE */
.wpcf7 {
	margin-top: 10px;
}
.wpcf7-text, .wpcf7-captchar {
	width:300px;
	height: 20px;
	border: solid thin #bccfd5;
	margin: 0px 0px 5px;
	color: #585858;
}
.wpcf7 p {
	margin: 0px;
}
.wpcf7-select {
	width:305px !important;
	height: 25px;
	border: solid thin #bccfd5;
	margin: 0px 0px 5px;
	color: #585858;
}
.wpcf7-textarea {
	width: 100% !important;
	height: 130px;
	color: #585858;
	border: solid thin #bccfd5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.wpcf7-not-valid-tip-no-ajax, .wpcf7-not-valid-tip {
	font-size: 12px !important;	
	margin-left: 10px !important;
	color: #F00 !important;
}
.wpcf7-response-output {
	display: block !important;
	padding: 10px;
	border: solid thin orange;
	clear: both;	
	margin-top: 35px;
}
.wpcf7-display-none {
	display: none !important;	
}
.wpcf7-submit {
	width: auto !important;
	height: auto;
	padding: 5px 10px;
	/*background-image:url(images/submit-off.png);*/
	background-color: #49176d;
	border: none;
	float: left;
	border-radius: 10px;
	font-size: 12px;
	font-weight: bold;
	font-family: "Arial Narrow", Arial;
	color: #fff;
	margin-top: 0px !important;
}
.wpcf7-submit:hover {
	/*background-image:url(images/submit-on.png);*/
	cursor:pointer;
	background-color: #79288c;
}
.wpcf7 td {
	vertical-align:top;
}
.required { color: #F00; }

 


.execphpwidget h2 { margin: 10px 0px; padding: 0px; font-size: 14px; font-weight: bold; }
#polite-sidebar .wpcf7-text, #polite-sidebar .wpcf7-captchar {
	width: 214px;
	border-radius: 5px;
	color: #999;
	padding: 5px 10px;
}
#polite-sidebar .wpcf7-select {
	width:236px !important;
	height: 25px;
	border: solid thin #bccfd5;
	margin: 0px 0px 5px;
	color: #585858;
}
#polite-sidebar .wpcf7-textarea {
	width: 214px !important;
	height: 100px;
	border-radius: 5px;
	color: #999;
	padding: 10px
}
#polite-sidebar .execphpwidget {
	background-color: #eaecf6;
	padding: 10px 20px 20px 20px;
}
#polite-sidebar .execphpwidget .wpcf7-submit { width: 100%; border-radius: 5px; width: 235px !important; height: 42px; background: url(images/sidebar-enquire-button.png) no-repeat;}

/* FOOTER */
#footer {
	width: 100%;
	background-color: #512178;
	height: 50px;
	position:relative;
	font-size: 12px;
	margin-top: 30px;
}
#footer a {
	color: #fff;
	text-decoration: none;	
}
#footer-container {
	width: 960px;
	margin: 0px auto;
}
#footer-copyright {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	width: 60%;
	float: left;
	padding: 18px 0px 0px;
}
#footer-copyright a:hover {
		text-decoration: underline;
}
#footer-menu {
	float: right;
	height: 25px;
	width: 40%;
	margin-top: 12px;
}
#footer-menu ul  {
	list-style: none;
}
#footer-menu ul li {
	float: right;
	margin-right: 10px;
}
#footer-menu ul.menu { padding-left: 0px; }
#footer-menu ul.menu > li:last-child { float:right; }
#footer-menu ul li a {
	text-decoration: none;
	color: #fff;
}
#footer-menu ul li a:hover {
	text-decoration: underline;
}
#footer-text a:hover {
	text-decoration: underline;	
}




/* BREADCRUMBS */
#breadcrumbs {
	height: 30px;
	width: 960px;
	margin: 10px auto 20px;
	color: #98a5d3;
	font-size: 12px;
}
#breadcrumbs a{
	display: block;
	padding-right: 15px;
	margin-right: 10px;
	width: auto;
	float: left;
	color: #98a5d3;
	font-weight: bold;
	background: url(images/breadcrumbs-arrow.png) no-repeat right;
}



/* Product Enquiry Form */
#product-enquiry-form-wrapper, #product-enquiry-form-wrapper2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: none; z-index:200px;
}
#product-enquiry-form {
	overflow: hidden;
}
#product-enquiry-form input, #product-enquiry-form textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#product-enquiry-form textarea { width: 500px; }
#topbar {
	width:auto; 
	height:25px; 
	border-radius:5px; 
	background-color: rgb(73, 23, 109);
	text-align:left;
	padding: 10px;
	background: url(images/button-bg.png) repeat-x;
}
#product-enquiry-form-label {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
}
#product-enquiry-close-button, #product-enquiry-close-button2 {
	float:right;
	color: #fff;
	font-weight:bold;
}
#fform input {
	width: 300px;
}
#fform #submit {
	background: url(images/button-bg.png) repeat-x;
	border-radius: 10px;
	color: #fff;
	width: 100px;
	height: 33px;
	border: none;
	font-weight: bold;
}



/* Features Tab */
table.shop_attributes {
	text-align: left;
	padding: 0px;
	width: 100%;
}
table.shop_attributes th, table.shop_attributes td, table.shop_attributes tr, table.shop_attributes p {
	padding: 0px;
	margin: 0px;
}
table.shop_attributes th, table.shop_attributes td { border-bottom: solid thin #ccc !important; }
table.shop_attributes td { padding-left: 10px; }

mark.count { display: none; }

/* WOOCOMMERCE CSS HACKS */
#cat-section .woocommerce .products { list-style: none; margin-top: 10px;}
#cat-section .woocommerce .products li { width: 300px; height: 58px; background: url(images/cats-arrow.png) right no-repeat; float: left; margin: 0px 20px 10px 0px; border-bottom: solid thin #6b428c;}
#cat-section .woocommerce .products img { width: 57px; height: 57px; float: left; margin-right: 20px; box-shadow: none; padding: 0;}
#cat-section .woocommerce .products h3 { font-weight: normal; font-size: 16px; color: #fff; float: left;}
#cat-section .woocommerce mark.count { display: none; }
#products-container { width: 650px !important;	float: left; }
#products-container div.images img {  padding: 5px;  box-shadow: 1px 0px 3px #ccc;}
ul.products { list-style: none; padding: 0; margin: 0; }
ul.products li { float: left; margin: 10px 20px 20px 0px; width: 195px; height: 280px; line-height: 0px;}
ul.products li.product-category { height: 150px !important; }
ul.products li img { padding: 5px; box-shadow: 1px 0px 3px #ccc; border: solid thin #ccc; width: 185px; height: 185px; }
ul.products li.product-category img {  height: 100px; }
ul.products li h3 { font-size: 12px; line-height: 17px; font-weight: bold; }
span.onsale { display: none; }
div.images { width: 240px; margin: 0px 20px 20px 0px; float: left; }

nav.woocommerce-pagination { width: 100%; clear: both; background-color: #efefef; height: 35px; }
ul.page-numbers { list-style: none; }
ul.page-numbers li { float: left; margin: 10px; }
div.related.products { width: 100%; clear: both; }
h1.product_title { font-size: 22px; }
h1.product_category_title { font-size: 32px; margin-bottom: 50px; }
#product-info-tabs {width:628px; float: left; clear: both; height: 300px; border: solid thin #efefef; border-radius: 3px; }
ul.woocommerce-error, .woocommerce-message, .execphpwidget .wpcf7-response-output { list-style:none; color: #F30; padding: 10px; margin: 10px 0px; border: solid thin #FC3; }
#add-to-my-products-button, .single_add_to_cart_button { border: none; width: 180px; height: 34px; background-image: url(images/add-to-my-products-button.png); margin-left: 260px; margin-top: 40px; cursor: pointer; }
#enquire-button { background-image: url(images/enquire-button.png); width: 180px; height: 34px; cursor: pointer; float: right; margin-top: -34px; }
form.woocommerce-ordering { display: none; }
.woocommerce-breadcrumb {
	height: 30px;
	width: 100%;
	margin: 10px auto 20px;
	color: #98a5d3;
	font-size: 12px;
}
.woocommerce-breadcrumb a{
	display: block;
	padding-right: 15px;
	margin-right: 10px;
	width: auto;
	float: left;
	color: #98a5d3 !important;
	font-weight: bold;
	background: url(images/breadcrumbs-arrow.png) no-repeat right;
}
.shop_attributes td{
	padding: 0;
	margin: 0;
}


/* GALLERY */
.ad-gallery .ad-nav { border: solid thin #ccc; padding-bottom: 8px; }


/* TABS */
.woocommerce-tabs {
	width: 100%;
	clear:both;
	height: auto;
	margin-bottom: 80px;
}
.woocommerce-tabs div.panel {
	border: solid thin #ccc;
	border-radius: 0px 5px 5px;
}
ul.tabs {
    list-style:none;
    margin-top: 13px;
    padding:0;
    height:28px;
}

/* single tab */
ul.tabs li {
    float:left;
    text-indent:0;
    padding:0;
	height:38px;
    list-style-image:none !important;
	margin-right: 5px;
}

ul.tabs li a { color: #5e5e5e !important; }

/* link inside the tab. uses a background image */
ul.tabs a {
    display:block;
    height: 38px;
    line-height:38px;
    width: 80px;
    text-align:center;
    text-decoration:none !important;
    color:#5e5e5e !important;
    padding:0px;
    margin:0px;
    position:relative;
    top:1px;
	border: solid thin #ccc;
	border-radius: 5px 5px 0px 0px;
}

ul.tabs a:active {
    outline:none;
	border-bottom: none!important;
	color: #333 !important;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
    background: none;
    color:#fff;
	background-color: #F8F8F8 !important;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    background-position: -420px -62px;
	border-bottom: thin solid #fff;
    cursor:default !important;
    color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s { background-position: -553px 0; width:81px; }
ul.tabs a.s:hover { background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l { background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover { background-position: -248px -31px; }
ul.tabs a.l.current { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover { background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panel are hidden */
.panel .pane {
    display:none;
}

/* tab pane styling */
div.panel {
    display:none;
    padding:15px 10px;
    border: solid thin #ccc;
	top: 0;
    height:auto;
	min-height: 100px;
    background-color:#fff;
	color:#818286;
}
div.product_gallery { margin-bottom: 40px; }

.ad-image { width: 240px !important; height: 100% !important; }
.ad-image img { width: 240px !important; height: 100% !important; }


/* SEARCH PLUGIN */
.ctr_search { border-radius: 5px; width: 200px !important; float: right !important;}
.ctr_search .txt_livesearch { color: #c9c9c9; }


/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
  #cat-wrapper { height: 400px; }
 /* #cat-section { margin-top: 125px;	}*/
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
  #cat-wrapper { height: 400px; }
  /*#cat-section { margin-top: 125px;	}*/
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
  #cat-wrapper { height: 400px; }
  /*#cat-section { margin-top: 125px;	}*/
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
  #cat-wrapper { height: 400px; }
  /*#cat-section { margin-top: 125px;	}*/
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
  #cat-wrapper { height: 400px; }
  /*#cat-section { margin-top: 125px;	}*/
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 360px) and (max-device-width: 640px){
  #cat-wrapper { height: 400px; }
  #cat-section { margin-top: 125px;	}
}

/* #### Desktops #### */
@media screen and (min-width: 1024px){
  #cat-wrapper { width: 100%; }
/*   #cat-section { height: 276px; }*/
}