/*
Theme Name: The Open College 2021
Theme URI: http://www.theopencollege.com
Description: Custom Design for the open college website
Version: 1.5.0
Author: Andrew Matheson / What Networks
Author URI: http://www.whatnetworks.net
*/
html {margin:0px;}
body {
	background-color: #F5F5F5;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	/*letter-spacing: 1px;*/
	margin:0px !important;
}
h1,h2,h3,h4,h5,h6,h7 {margin-top: 0px;}
#mobile-header {display:none;}
ul li, ol li {padding-top: 2px; padding-bottom: 2px;}

a {
	color:#B38808;
	text-decoration:none;
}
a:hover {
	color:#B38808;
	text-decoration:underline;
}
img {
border:0px;
}
#s {
	color:#666;
}
#header {
	width:1000px;
	margin:auto;
	padding-top:15px;
}
#logo {
	width:258px;
	height:42px;
	float:left;
	margin-top:5px;
}
#topmenu {
	float:right;
	text-align:right;
	margin-right:10px;
	width:700px;
}
#mobile-welcome {display:none;}
.hmccs {
float:left;
width:100px;
border:1px #333 solid;
margin:0px;
}
.hmcss .menu {
	margin:3px 0px 0px 0px;
	border:0px;
	width:511px;
	float:left;
}
.hmcss .menu ul, .hmcss .menu li{
	display:inline;
	font-size:12px;
	padding: 0px 10px 0px 0px;
}
.hmcss .menu li:nth-child(n+2):before {
    content: "|";
	padding-left:2px;
	padding-right:14px;
}
.hmcss a{
	color:#666666;
}
.hmcss a:hover{
	color:#333333;
	text-decoration:underline;
}
a.drop-men-cat-link, a.drop-men-cat-link:hover {
	background:none !important; border:none !important; font-weight:bold !important;
	color: #666666 !important;
    font-size: 14px !important;
    margin: 3px 30px 3px 0px !important;
    padding: 0 !important;}
.small a:hover {text-decoration:underline !important;}
#searchbox{
float:left;
width:180px;
}
#coremenu {
	float:right;
	width:742px;
	text-align:right;
	margin-top:15px;
}
.coremenu-ul, .coremenu-li {
	display:inline;
	font-size:16px;
}
.courses li {padding-bottom: 0px; padding-top: 0px;}

#menu-item-1770 {display: none;}
body.logged-in #menu-item-1770 {display: list-item;}
#menu-item-1771 {display: none;}
body.logged-in #menu-item-1771 {display: list-item;}
.coremenu-li {
	padding: 7px 0px 7px 0px;
	background:#B38808;
	margin:10px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height:33px;
	background-image:url(Images/nav-menu.png);
	background-repeat:no-repeat;
	background-position:right;
}
.coremenu-li a {
	padding:6px 55px 7px 10px;
	color:#fff;
	overflow: hidden;
	z-index: 5002
}
.coremenu-li:hover {
	background:#393a40;
	background-image:url(Images/nav-menu-hover.png);
	background-repeat:no-repeat;
	background-position:right;
}
.coremenu-li a:hover{color:#B38808;text-decoration: none;}
#search {
	color:#999;
	width:120px;
}
#content-wrapper {
	margin:auto;
	width:1000px;
	position:relative;
	clear:both;
}
#slider-wrapper {
	margin-top:110px;
	width:1000px;
}
#content-1,.content-2 {
	min-height:330px;
	width:972px;
	margin: 0px auto 10px 13px;
	display:inline-block;
	padding:0px;
}
.home-box {border: solid 1px #ccc; width: 312px; height: 330px; display: inline-grid; background-size: contain; background-repeat: no-repeat; margin-bottom: 10px; -moz-border-radius: 2px; border-radius: 2px;}
.hb-left {margin-right: 5px;}
.hb-centre {margin: 0px 5px;}
.hb-right {margin-left: 5px;}
.hb-content-a {padding: 8px; background: #FFFFFF; display: inline-block;}
.hb-content {margin-top: 120px; padding: 8px; background: #FFFFFF; display: inline-block; border-top: solid 1px #ccc;}
.hb-content-a i {text-align: center; display: block; padding: 10px;}
.hb-content-a h3 {text-align: center; margin-top: 10px;}
#content-1 .home-box {height:300px;}
#content-2 {
	background:#FFFFFF;
	min-height:350px;
	width:952px;
	padding-left:10px;
	padding-right:10px;
	margin: 5px auto auto 13px;
	border:#ccc solid 1px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#content-3 {
	background:#FFFFFF;
	min-height:340px;
	width:962px;
	padding-left:0px;
	padding-right:10px;
	margin: 10px auto auto 13px;
	border:none;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#content-4 {
	min-height:340px;
	width:962px;
	padding-left:0px;
	padding-right:10px;
	margin: 10px auto auto 13px;
	border:none;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#content-4 h3, #content-3 h3, #content-2 h3 {
	padding-top:5px;}
#content-4 p, #content-3 p, #content-3 a, #content-4 a {-webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
margin: 0px; padding: 0px;}
#content-4 img, #content-3 img {width: 974px !important; height: auto;}
#content-5 {
	background:#FFFFFF;
	min-height:340px;
	width:962px;
	padding:10px;
	margin: 10px auto auto 13px;
	border:solid 1px #ccc;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#pagecontent{
	min-height:350px;
	margin: 25px 10px 10px 13px;
	width:977px;
	float:left;
}
.post{
	background:#FFFFFF;
	padding-left:10px;
	padding-right:10px;
	padding-top: 10px;
	margin: 0 auto 10px 0;
	border:#ccc solid 1px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size:14px;
}
div#post-1978.post {height:500px;}
#searchresults .page, #searchresults .product{
	background:#FFFFFF;
	padding-left:10px;
	padding-right:10px;
	margin: 0 auto 10px 0;
	border:#ccc solid 1px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size:14px;
}
#container{
	min-height:350px;
	margin: 40px auto 10px 13px;
	width:762px;
	float:left;
	}
#respond {
	background:#F2F2F2;
	padding-left:10px;
	padding-right:10px;
	margin: 15px auto auto 0px;
	border:#ccc solid 1px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#sbwrapper {padding:0px; border:0px; float:left;}
.sidebar-wrapper {
	background:#FFFFFF;
	min-height:180px;
	width:180px;
	padding-left:10px;
	padding-right:10px;
	margin: 25px auto 10px 13px;
	border:#ccc solid 1px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.sidebar-wrapper4 {
	min-height:180px;
	width:180px;
	padding-left:0px;
	padding-right:10px;
	margin: 25px auto 10px 13px;}
.wrapper2 {margin-top:5px}
.sidebar-wrapper ul {padding:0px;}
.sidebar-wrapper ul li {list-style-type:none;}
.pagenav {list-style-type:none;}
.navigation {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    font-size: 14px;
    margin: 0 auto 10px 0;
    padding-left: 10px;
    padding-right: 10px;
	width:auto;
	float:right;
}
.goldbutton {background-color: #B38808 !important;}
#coronabar .cb-step-name, #coronabar .cb-number-desc, .count {color: #B38808 !important;}
.sidebar-wrapper h2 {font-size:16px; margin-bottom:0px;}
.sidebar-wrapper a {font-size:14px;}
.sidebar-wrapper #searchbox {margin-top:10px; margin-bottom:10px;}
.pagenav ul li {
	list-style-type:none;	
}
.sociable ul, .sociable ul li{
display:inline-block;
}
#footer-wrapper {
	background:#393a40;
	color:#FFF;
	width:100%;
	min-height:300px;
	margin:20px 0px 0px 0px;
	clear:both;
}
#footer-links {
	margin:auto;
	width:970px;
	min-height:180px;
	padding:10px;
}
#footer-links a {color:#666; font-size:14px;}
#footer-links a:hover {color:#F5F5F5; text-decoration:none;}
#footer-links span {}
.footer-links {float:right; margin-left:30px; padding:5px;}
.footer-links h3 {
	padding:5px 5px 5px 5px; 
	margin-top:1px; 
	width:195px;
	font-size:18px;
    letter-spacing: 0px;
	color:#F5F5F5;
	background:#494949;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.footer-links .menu {padding-top:0px; margin-top:0px;}
.footer-links ul li {margin-left:5px;}
#footer-links ul { display:inline; list-style-type: none; }
.footer-contact {font-size:14px; color:#666; float:left;}
.spaced {padding:5px;}
figure {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
   -webkit-margin-end: 0px;
}
#copyright {
	clear:both;
	width:970px; 
	position:relative; 
	border-top:1px solid #484849; 
	margin:auto; 
	padding:5px 0px 0px 0px;
}
#copyright #social-media{
	float:left;
	width:auto;
	display:inline-block;
	margin:0px;
}
#copyright #copyright-txt {
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	float: right;
	clear:right;
	text-align:right;}
#copyright #copyright-txt a {color:#F5F5F5;}
#social-media a {color:#666; transition: color 0.2s ease}
#social-media a:hover {color:#F5F5F5;}
#copyright #slogan {
	float: right;
	width: 168px;
}
#content-2 .pagespacer {
margin-top:120px;
}
.nocomments {display:none;}
.commentlist {
	list-style-type:none;
	margin: auto auto auto 0px;
	padding:0px;
}
.comment {
	background:#F2F2F2;
	border:#ccc solid 1px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	list-style-type:none;
	padding:10px;
	margin-top:5px;
}
.trackback {
	background:#F2F2F2;
	border:#ccc solid 1px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	list-style-type:none;
	padding:10px;
	margin-top:5px;
}
.depth-2 {background:#FFF;}
.comment-meta, .comment-meta a{font-size:10px; color:#666666;}
.comment-awaiting-moderation {color:#FF0000; font-size:12px;}
.reply {text-align:right;}
.menu-all-our-courses-container ul li {list-style-type:none; font-weight:bold; padding-top:10px; font-size:18px;}
.menu-all-our-courses-container ul li ul {padding-left:0px; padding-top: 5px; list-style-type: square !important; list-style-position: inside; }
.menu-all-our-courses-container ul li ul li {font-weight:normal; padding-top:0px; font-size:14px; background-image:none; padding-left:0px; list-style: square !important; color: #333; display: list-item; margin-left: 42px;}
.menu-all-our-courses-container ul { list-style: none; margin: 0; padding :0; text-align: left; }
.menu-all-our-courses-container ul a { display: block; text-decoration: none;}
.menu-all-our-courses-container ul li { display:inline-block; width: 100%;} 
.menu-all-our-courses-container ul li a { 
        text-decoration:none; 
        display:block; 
        font-size:1.0em; 
        padding: 10px 0px 10px 25px; 
        margin: 0px 0px;
        letter-spacing: 1px;
		background: #F5F5F5;
}
.menu-all-our-courses-container ul li a:hover { background: #F7F7F7; }
.menu-all-our-courses-container ul li ul li a:hover { background: none; color: #999; }
.menu-all-our-courses-container ul li ul { position: relative; top: -2px; }
.menu-all-our-courses-container ul ul li a { background: none; border: none; padding: 3px 0px 3px 0px; margin: 0 0 0 0px; }
.menu-all-our-courses-container ul ul li ul { margin: 0 0 0 8px; }
.upcoming-courses {
border-collapse:collapse;
border-radius:5px;
width:700px;
margin:auto;
}
.upcoming-courses, .upcoming-courses td {
border: 1px solid #c2c2c2;
padding:10px;
vertical-align:text-top;
}
.upcoming-courses thead {background-color:#393A40; color:#FFF;  padding-top:5px; padding-bottom:5px; }
.upcoming-courses thead tr th {height:25px; border: 1px solid #F5F5F5; text-align:left; padding:10px;}
.upcoming-courses tr:nth-child(even) {background-color:#fbfbfb;}
.upcoming-courses tbody tr:hover {background-color:#F5F5F5;}

/* Woo Commerce Overrides*/
.product_title {font-size:22px !important; margin-top:5px !important;}
.images {margin-top:10px;}
.summary {font-size:14px;}
.amount {
	background: none !important;
    display: inline-block !important;
    float: none !important;
    height: auto !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    width: auto !important;
	}
.widget_shopping_cart_content p.buttons a.button {font-size:11px !important;}
.woocommerce-message {margin-top:10px;}
.woocommerce span.onsale {display: none !important;}
.woocommerce-Tabs-panel h2 {display: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li h2 {margin: 0px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li h2 a {font-size: 14px;}
.entry .login {width:auto !important;}
.woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce .related ul li.product, .woocommerce-page .related ul li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .upsells.products ul li.product, .upsells li {width:30% !important;}
.upsells li {clear:none !important; float:left;}
.upsells li:last-child {margin-right:0px !important; margin-left:30px !important;}
.wcsatt-sub-options, .subscription-price {color: #666 !important;}
/* Sidebar Widgets */
#nav_menu-2 ul {margin:0px;}
.widget-title {margin-bottom:0px;}
#category_excluder_widget {margin-top:0px;}
del, del .amount{color:#AA001C !important; text-decoration:line-through !important; font-size:10px;}
ins {color:#B38808 !important; font-weight:bold;}
ul.cart_list li a, ul.product_list_widget li a {
	text-overflow: ellipsis;
    display: inline-block;
    width: 185px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}
.wysija-checkbox-paragraph {font-size:12px;}
ul.cart_list li img, ul.product_list_widget li img {display:none;}
.related ul.products li.product, .upsells.products ul.products li.product, .related ul li.product, .upsells.products ul li.product {width:200px;}
.summary ul {margin-left:0px; padding-left:15px; padding-top:0px; margin-top:0px;}
.related, .upsells {border-top:#ccc solid 1px;}
.ui-autocomplete {z-index:99999 !important;}
ul.products.grid li p { display:none; }
div.related.products li p { display:none; }
.shipping .amount {float:right !important;}
/*Link to this box */
.su-linkbox-field {padding: 10px 10px 10px 0px;}
.related.products ul.products li.product {width:29% !important;}
ul.products.grid li .cat-desc-text {display:none;}
ul.products li .cat-desc-text {display:none;}
ul.products.list li .cat-desc-text {display:block;}
ul.products.grid li hr {display:none;}
ul.products li hr {display:none;}
ul.products.list li hr {display:block;}
div.related.products a.button{display:none;}
a.added_to_cart.wc-forward {bottom: 0; position: absolute; display: block;}
.bundle_form { width: 800px;
    margin-left: -390px;}
.shipping th {color:#FFF !important;}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
min-height: 270px !important;
margin-bottom:10px;
}
.woocommerce-MyAccount-navigation-link {list-style:none;}
.woocommerce-MyAccount-navigation-link a{display: block;
    background: #eee;
    border-radius: 3px;
    padding: 10px 5px;}
.woocommerce-MyAccount-navigation-link a:hover{background: #666; color:#fff; text-decoration:none;}
.woocommerce-MyAccount-navigation .is-active a{background: #666; color:#fff; text-decoration:none;}
.wc_payment_method label {display: inline-flex;}
#bbpress-forums .status-closed,
#bbpress-forums .status-closed a {
  color: #aaa !important;
}
#bbpress-forums .bbp-forums-list li {
display: block;
}
a.button.add_to_cart_button,
a.button.product_type_simple {
bottom: 20px;
position: relative;
} 
upsells a.button.add_to_cart_button,
a.button.product_type_simple {}

.cart-contents:before {
    font-family:FontAwesome;
    content: "\f07a";
    font-size:18px;
    margin-top:10px;
    font-style:normal;
    font-weight:400;
    vertical-align: bottom;
	color: black;
}
.cart-contents {position: absolute;
    margin-left: -614px;
	margin-top: 2px;
    font-size: 0.5em;}
.cart-contents:hover {
    text-decoration: none;
}
.cart-contents-count {
    color: #fff;
    background-color: #2ecc71;
    font-weight: bold;
    border-radius: 10px;
    padding: 1px 4px;
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
	display: inline;
}
.woocommerce div.product form.cart .button {width: 100%; font-size: 1.6em;}
.enquirenow {font-size: 1.6em; text-align: center; width: 90% !important}
.woocommerce form .form-row input.input-text{height: 40px;}

/* Pubble Hacks */

.lp-modalbox {

	border: solid 1px #666666 !important;

	border:#ccc solid 1px !important;

	-moz-border-radius: 2px !important;

	border-radius: 2px !important;

	padding:5px !important;

	background:#FFF;

	margin-top:-20px !important;	

	}

.lp-qa-header {color:#666 !important;}

#questionTextarea {font-family:Arial, Helvetica, sans-serif !important;}

mark {background-color: transparent !important;}


blockquote {
width: 450px;
background-color: #f9f9f9;
border: 1px solid #ccc;
border-radius: 3px;
padding: 15px;
margin: 10px auto 10px 0px;
}
blockquote cite:before {
content: "\2014 \2009";
}



/*career hub*/
#career-wrapper {height: 79px; padding-left: 2px;}
#career-excerpt {min-height: 120px; margin-bottom: 5px;}
.careerbox {height: 90px; display: inline-block; text-align: center; margin-right: 0px; }
.careerbox a {display: block; line-height: 82px; font-size: 1.35em;}
.careerclear {margin-top: 27px;}
#career-blog ul  {
	list-style-type: none;
    padding: 0px;}
#career-blog h3 {margin: 0px;}
#career-blog p {margin: 10px 0px 15px;}
#career-blog p {margin: 10px 0px 15px;}
/*RESPONSIVE CSS*/
/* Mobile Phone - Portrait */
@media screen and (max-width: 767px) and (orientation: portrait){
	body {width:100%;margin:0px; padding:0px; overflow-y: auto; font-size:1.6em;}

	nav, #topmenu, #header, #slider-wrapper, #tabs, #content-1, /*#content-2,*/ #content-3, #sbwrapper {display:none !important;}
	nav.woocommerce-pagination {display:block !important;}
		.enquirenow {width: 87% !important}

	#content-2 { margin:35px auto;}

	iframe {width:100%;}

	img, table {max-width:100%; height:auto;}

	table {margin-left:0px;}

	#mobile-header {display:block; height:60px; width:100%;  position:-webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: fixed; z-index:9999; top:0; left:0; overflow:visable;   -webkit-backface-visibility:hidden; /*Most Important*/}

	#mobile-header-wrapper {background:#393a40; height:60px;}
	ul.products[class*=columns-] li.product {margin: 0 !important;}
	#mobile-logo {margin-left:10px; width: 80px;}

	#Mobile-Menu-Button img {margin-top:10px;}

	#mobile-header-buttons {width:30px; float:right; margin-top: -113px; margin-right:20px;}

	#mobile-search { width:95%;  margin-left:7px; margin-top:20px;}
	#searchbox {width:95%;}
	#mobile-search  input {height: 40px;
    width: 100%;
    font-size: .9em;
    border-radius: 3px;
    background-color: #f5f5f5;
    padding: 0px 11px; }

	#searchresults h2 {font-size:1em; margin: 14px auto auto;}
	#Mobile-Menu-Button {color: #f5f5f5; font-size: 30px;}
	#Mobile-Menu-Button i {padding: 10px;}
	#mobile-menu-dropdown {width:100%; background:#393a40; display:none; overflow: hidden; min-height:850px; padding-top:49px;}

	#menu-mobile-menu {margin:62px 5px; width:98%; padding-top: 10px; padding-left: 3px;
}

	#menu-mobile-menu li {padding:10px 5px; background:#F5F5F5; border-radius:3px; margin-bottom:5px; width:45%; display:inline-table; text-align:center; margin-right: 4px;}

	#menu-mobile-menu li a {padding:auto; display:block; color:#393a40; font-size:0.8em !important;}

	#mobile-welcome {display:block; margin-top:20px; font-size: .7em;}

	#content-wrapper, #footer-links, #copyright,  #content-2 {width:auto;}

	#content-wrapper {margin-top:90px;}
	.cart-contents {
    margin-left: -50px;
    margin-top: 9px;
	}
	.cart-contents:before {
    font-size: 30px;
    vertical-align: bottom;
    color: #f5f5f5;
}

	.footer-contact, #footer-contact {float:none; width:auto;}

	.footer-links {width:auto; float:left; padding:0px;}

	.footer-links h3 {margin:0px; min-width:100%;}

	#pagecontent {width:100%; border-left:0px; margin:10px auto auto; /*padding-top:90px;*/ }

	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {float:none; width:auto; margin-bottom:10px;}

	.related.products ul.products li.product {width:auto !important;}

	.woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button {float:right;}
	.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {font-size:1.4em}
	.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {margin:auto;}
	#copyright #slogan {float:inherit; width:auto;}
	a.added_to_cart.wc-forward {
position: relative;
display:inline-block;}
 .bundle_form { width: auto;
    margin-left: auto;}
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
	min-height:auto;
	margin-bottom:auto;
	}
	a.button.add_to_cart_button,
	a.button.product_type_simple {
	bottom:auto;
	position: relative;
} 
	.woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce .related ul li.product, .woocommerce-page .related ul li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .upsells.products ul li.product, .upsells li {width:49% !important;}
	/*careerbox*/
	#career-wrapper {height: auto;}
	.careerbox {
    height: 65px;
    width: 49%;
    display: inline-block;
    text-align: center;
}
	.careerbox a {
		display: block; line-height: normal; font-size: 1em;}
	.careerclear {
    margin-top: 0px;
}


}
/*product accordian*/
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}
.accordion h2 {margin: 0px; display: inline; font-size: 16px;}
.active, .accordion:hover {
    background-color: #ccc;
}
.acpanel h2 {display: none;}
.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
	}

.active:after {
    content: "\2212";
}

.panel {
    padding: 0 10px;
    background-color: white;
    display: none;
    transition: max-height 0.2s ease-out;
}


/* #### Mobile Phones Landscape #### */

@media screen and (max-device-width: 736px) and (orientation: landscape){

	body {width:100%;margin:0px; padding:0px; overflow-y: auto; font-size:.9em !important;}

	nav, #topmenu, #header, #slider-wrapper, #tabs, #content-1, /*#content-2,*/ #content-3, #sbwrapper {display:none !important;}
	nav.woocommerce-pagination {display:block !important;}
	#content-2 { margin:35px auto; font-size:.7.5em;}

	iframe {width:100%;}

	img, table {max-width:100%; height:auto;}

	table {margin-left:0px;}

	#mobile-header {display:block; height:60px; width:100%; position:-webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; z-index:9999; top:0; left:0; overflow:visible;  -webkit-backface-visibility:hidden; /*Most Important*/}

	#mobile-header-wrapper {background:#393a40; height:60px;}

	#mobile-logo {margin-left:10px; width: 80px;}

	#Mobile-Menu-Button img {margin-top:10px;}

	#mobile-header-buttons {width:30px; float:right; margin-top: -113px; margin-right:20px;}

	#mobile-search { float:right; position:relative; width:46%; margin-top:-48px; margin-right:-18%;}

	#mobile-search  input {height: 38px; width:90%; font-size: 0.74em; border-radius: 3px; background-color: #f5f5f5;}

	#searchresults h2 {font-size:1em; margin: 14px auto auto;}

	#mobile-menu-dropdown {width:100%; background:#393a40; display:none; margin-top:-66px; overflow: hidden; min-height:850px; padding-top:60px;}

	#menu-mobile-menu {margin:5px; width:98%;}

	#menu-mobile-menu li {padding:15px 5px; background:#F5F5F5; border-radius:3px; margin-bottom:5px; width:31%; display:inline-table; text-align:center;}

	#menu-mobile-menu li:first-child {display:none;}

	#menu-mobile-menu li a {padding:auto; display:block; color:#393a40; font-size:1.2em !important;}

	#content-wrapper, #footer-links, #copyright,  #content-2 {width:auto;}

	#content-wrapper {margin-top:90px;}

	#mobile-welcome {display:block;}
.bundle_form { width: auto;
    margin-left: auto;}
	.footer-contact, #footer-contact {float:none; width:auto;}

	.footer-links {width:auto; float:left; padding:0px;}

	.footer-links h3 {margin:0px; min-width:100%;}

	#pagecontent {width:100%; border-left:0px; margin:-55px auto auto; /*padding-top:90px;*/ }

	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {float:left; width:45%; margin-bottom:10px;}

	.related.products ul.products li.product {width:50% !important;}

	.woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button {float:right;}
	.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {font-size:1.4em}

	.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {margin:auto;}

	#copyright #slogan {float:inherit; width:auto;}
	.product-remove:before {display: block !important;}

	a.added_to_cart.wc-forward {

position: relative;

display:inline-block;}

 

	.woocommerce ul.products li.product,

	.woocommerce-page ul.products li.product {

	min-height:auto;

	margin-bottom:auto;

	}

	 

	a.button.add_to_cart_button,

	a.button.product_type_simple {

	bottom:auto;

	position: relative;

} 
		.enquirenow {width: 87% !important}


.su-table td, .su-table th {
        display: block !important;
    }

    .su-table td[data-th]:before  {
        content: attr(data-th);
    }

	}



/* #### iPhone 4+ Portrait or Landscape #### */

@media screen and (max-width: 667px) and (-webkit-min-device-pixel-ratio: 2){	

body {max-width:100%;margin:0px; padding:0px; overflow-y: auto; font-size:1.3em;}
	.enquirenow {width: 87% !important}

	 .su-table td, .su-table th {
        display: block !important;
    }

    .su-table td[data-th]:before  {
        content: attr(data-th);
    }}



/** TABLETS **/

@media only screen and (min-width: 738px) and (max-width: 1024px){
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {float:left; width:45%; margin-bottom:10px;}
	.related.products ul.products li.product {width:50% !important;}
	.woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button {float:right;}
	.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {margin:auto;}
		a.added_to_cart.wc-forward {position: relative;display:inline-block;}
 
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	min-height:auto;
	margin-bottom:auto;
	}
	}
/*woo commerce mobile */
@media screen and (max-width: 600px) {
/* Force table to not be like tables anymore */
 .woocommerce-page table.shop_table,
 .woocommerce-page table.shop_table thead,
 .woocommerce-page table.shop_table tbody,
 .woocommerce-page table.shop_table th,
 .woocommerce-page table.shop_table td,
 .woocommerce-page table.shop_table tr {
     display: block;
 }
/* Hide table headers (but not display: none;, for accessibility) */
 .woocommerce-page table.shop_table thead tr {
     position: absolute;
     top: -9999px;
     left: -9999px;
 }
.woocommerce-page table.shop_table td {
     /* Behave like a "row" */
     border: 1px 1px 1px 1px solid #d2d3d3;
     position: relative;
     padding-left: 30% !important;
	 border-collapse:collapse;
	}
.woocommerce-page table.shop_table {
     border: none;
	 border-radius:5px;
 }
.woocommerce-page table.shop_table td.product-spacer {
     border-color: #FFF;
     height: 10px;
 }
.woocommerce-page table.shop_table td:before {
     /* Now like a table header */
     position: absolute;
     /* Top/left values mimic padding */
     top: 6px;
     left: 6px;
     width: 25%;
     padding-right: 10px;
     white-space: nowrap;}
/*Label the data */
.woocommerce-page table.shop_table td.product-remove:before {content: "REMOVE";}
.woocommerce-page table.shop_table td.product-thumbnail:before {content: "IMAGE";}
.woocommerce-page table.shop_table td.product-name:before {content: "PRODUCT";}
.woocommerce-page table.shop_table td.product-price:before {content: "PRICE";}
.woocommerce-page table.shop_table td.product-quantity:before {content: "QUANTITY";}
.woocommerce-page table.shop_table td.product-subtotal:before {content: "SUBTOTAL";}
.woocommerce-page table.shop_table td.product-total:before {content: "TOTAL";}
.woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity {margin: 0;}
.woocommerce-page table.cart td.actions, .woocommerce-page #content table.cart td.actions {text-align: left; border:0; padding-left: 6px !important;} 
.woocommerce-page table.cart td.actions .button.alt, .woocommerce-page #content table.cart td.actions .button.alt {float: left; margin-top: 10px;}
.woocommerce-page table.cart td.actions div, .woocommerce-page #content table.cart td.actions div, .woocommerce-page table.cart td.actions input, .woocommerce-page #content table.cart td.actions input {margin-bottom: 10px;}
.woocommerce-page .cart-collaterals .cart_totals {float: left; width: 100%; text-align: left;}
.woocommerce-page .cart-collaterals .cart_totals th,
.woocommerce-page .cart-collaterals .cart_totals td {border:0 !important;}
.woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td,
.woocommerce-page .cart-collaterals .cart_totals table tr.shipping td,
.woocommerce-page .cart-collaterals .cart_totals table tr.total td {padding-left: 6px !important;}
.woocommerce-page table.shop_table tr.cart-subtotal td, .woocommerce-page table.shop_table tr.shipping td, .woocommerce-page table.shop_table tr.total td, .woocommerce-page table.shop_table.order_details tfoot th, .woocommerce-page table.shop_table.order_details tfoot td {padding-left: 6px !important; border:0 !important;}
.woocommerce-page table.shop_table tbody {padding-top: 10px;} 
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {float: none; width: 100%;}
.woocommerce .order_details ul, .woocommerce-page .order_details ul, .woocommerce .order_details, .woocommerce-page .order_details {padding:0;}
.woocommerce .order_details li, .woocommerce-page .order_details li {clear: left; margin-bottom: 10px; border:0;}
/* make buttons full width, text wide anyway, improves effectiveness */
 #content table.cart td.actions .button,
.woocommerce #content table.cart td.actions .input-text, .woocommerce #content table.cart td.actions input, .woocommerce table.cart td.actions .button, .woocommerce table.cart td.actions .input-text, .woocommerce table.cart td.actions input, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions input, .woocommerce-page table.cart td.actions .button, .woocommerce-page table.cart td.actions .input-text, .woocommerce-page table.cart td.actions input {width: 100%;}
/* keep coupon at 50% */
#content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input {width: 48%;}
/* clean up how coupon inputs display */
#content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
     margin-top: 1.5em;
 }
#content table.cart td.actions .coupon .input-text,
 .woocommerce table.cart td.actions .coupon .input-text,
 .woocommerce-page #content table.cart td.actions .coupon .input-text,
 .woocommerce-page table.cart td.actions .coupon .input-text {
     margin-bottom: 1em;
 }
/* remove cross sells, they interfere with flow between cart and cart totals + shipping calculator */
 .woocommerce .cart-collaterals .cross-sells,
 .woocommerce-page .cart-collaterals .cross-sells {
     display: none;
 }
}
/* END Make the cart table responsive */

/** RETINA DISPLAY IMAGES **/

@media only screen and (-webkit-min-device-pixel-ratio:2),

only screen and (min-device-pixel-ratio: 2){	.enquirenow {width: 87% !important}


	}
	
@media print {
	* {text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
	header {border-bottom:none; position:relative; z-index:900;}
	a[href]:after { content: none !important; color:rgb(0,45,116) !important}
	.sidebar, .cart, .tabs, .product_meta, #sbwrapper, .related{display:none;}
	#container {width:95%;}
	.span9 {width:100% !important;}
	.panel {display:block !important;}
	.panel h2 {font-weight:600;}
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  footer { }
  footer a[href]:after, header a[href]:after, h1 a[href]:after { content: "";}
	
	}