@import url(https://fonts.googleapis.com/css?family=Rambla:400,400italic,700,700italic);

/*
Roboto+Slab (https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700);
Rambla (https://fonts.googleapis.com/css?family=Rambla:400,400italic,700,700italic);
Asap  (https://fonts.googleapis.com/css?family=Asap:400,400italic,700,700italic);
Yanone+Kaffeesatz:400,300,200
*/



/* Reset */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}
	
	.footer, .nav, .sidebarsection, .contentsection, .csectionheader{
		display: block;
	}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}



/* Screen size 320, 480, 600, 800, 1025, 1280 
	min-width:
	320px  smartphones, portrait iPhone, portrait 480x320 phones (Android) 
	480px  smartphones, Android phones, landscape iPhone 
	600px  portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) 
	801px  tablet, landscape iPad, lo-res laptops ands desktops 
	1025px big landscape tablets, laptops, and desktops 
	1281px hi-res laptops and desktops 
	
	iPad - Landscape (768x1024)	
	iPad - Portrait (1024x768)
	iPad Mini - Landscape (768x1024)
	iPad Mini - Portrait (1024x768)
	
	iPhone 4 - Landscape (320x480)
	iPhone 4 - Portrait (480x320)	
	iPhone 5 - Landscape (320x568)
	iPhone 5 - Portrait (568x320)	
	iPhone 6 - Landscape (375x667)
	iPhone 6 - Portrait (667x375)
	iPhone 6s - Landscape (414x736)
	iPhone 6s - Portrait (736x414)

	
	**********************************************************************
	1. Hires Desktop/Laptops  
			container  max-width 1000px
			width 1025px up
			* Full layout * with sidebar + Space outside
	2. Big Tablet (landscape), Laptops 
			width 801-1024px width 100%
			Full layout with sidebar (No space outside)
	3. Tablet (portrait) iPad iPad Mini, Smart phones iPhone 6/6s portrait, Smart phones (landscape)
			width 600-800px width 100%, * No sidebar *
			Main content without sidebar + Text Menu + Menu button
	4. Bigger smart phone - iphone 5Portrait - Tablet (portrait), Smart phones (landscape)
			width 480-599px width 100%, * No sidebar *
			Main content without sidebar + Text Menu + Menu button
	5. small smart phones - iphone4 Portrait
			max-width  479px width 100% * No sidebar, No Text Menu *
			Main content without sidebar + Menu button, No Text Menu
	**********************************************************************
*/	
	
	
/* Containers */

	.container {
		margin-left: auto;
		margin-right: auto;
		background-color:#fff; 
	}


	@media screen and (min-width: 1025px) {
		.container {
			width: 1000px;
		}
	}

	@media screen and (max-width: 1024px) {
		.container {
			width: 100%  !important;  
		}
	}
	
/* ---------------------------------------------------------------------------------------------------*/
/* ---------------------------------DEFAULT-------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------*/
	.clearfix:after {
		content: " ";
		display: table;
		clear:both;
	}
	html { 
	  background: url("/images/bg-mtf6_2100x1181.jpg") no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
	body {
		/* background-color:#a7825c;  */
		color: #474f51;
		font-size: 13.5pt;
		font-family: Rambla; /* Roboto Slab; */
		line-height: 1.85em;
		font-weight: 300;
	}

	input, textarea, select {
		color: #474f51;
		font-size: 13.5pt;
		font-family: Rambla; /* Roboto Slab; */
		line-height: 1.85em;
		font-weight: 300;
	}

	ul, ol, p, dl {
		margin: 0 0 2em 0;
	}

	a {
		text-decoration: underline;
	}

	a:hover {
		text-decoration: none;
	}

	.section > :last-child,
	.last-child {
		margin-bottom: 0 !important;
	}
	.section:last-child {
		margin-bottom: 0 !important;
	}
	.sidebarsection{
		padding:10px;
		background-color:#ddd;
	}
	.sidebarsection img.ppimage{
		width:100%;
		max-width:300px;
	}
	.contentsection{
		padding:0 0.75em 0.75em 1em;
		width:100%;
	}
	/*
	.contentsection:after {
		content: " ";
		display: table;
		clear:both;
	}
	*/

	.content-head-text {
		display: block;
		font-size:1.5em;
		font-weight: bold;
		 padding-bottom:0.25em;
		margin:1em 0;
		border-bottom: 1px solid #ddd;
	}
	.no-border-bottom {
		border-bottom: 0;
		
	}
	.content-head-text-sub1 {
		display: block;
		font-size:1.2em;
		font-weight: bold;
		
		margin:0.7em 0;
		border-bottom: 1px solid #ddd;
	}
	
		
	.c2-c1 {
		display:inline-block;
		width:90%;
		font-size:1.5em;
		font-weight: bold;
		border-bottom: 1px solid #c0c0c0;
		padding-bottom:10px;
		margin-top:20px;
		margin-bottom:20px;
		vertical-align:bottom;
	}
	.c2-c2 {
		display:inline-block;
		width: 10%;
		padding: 0 15px 15px 0;
		text-align:right;
		border-bottom: 1px solid #c0c0c0;
		margin-bottom:20px;
		vertical-align:bottom;
	}
	.no-margin-bottom {
		margin-bottom:0;
	}
	
	.small-margin-top {
		margin-top: 0.5em;
	}
	
	.context-c2{
		display: block;
		float: left;
		width:49%;
		margin:0;
		padding: 0 1em;
		font-size: 0.9em;
		line-height: 1.25em;
	}
	.context-c2 p {
		margin-bottom: 1em;	
	}
	.redf {
		color:#440000;
	}
	.width-max{
		width:100%;
	}
	
	#header-wrapper {
		 /* background: #b05c11 url("/inc/images/"); */
		/* border-bottom: solid 1px #272d30; */
		/* box-shadow: inset 0px -1px 0px 0px #51575a; */
		/* text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75); */
		
		/*background:#9d0000;*/
	}
	.subpage #header-wrapper {
		height: 155px;
	}
	#muay-thai-factory-logo {
		position:absolute;
		display:block;
		background-color:rgba(200, 200, 200, 0);
		top: 10px;
		left: 30px;
	}
	#muay-thai-factory-logo img{
		width:200px;
	}
	#header {
		background: rgba(30,30,30,0.85) url("/inc/images/header-background-540x130.png") no-repeat right bottom; 
		min-height: 130px;
		position: relative;
	}

	#upper-header {
		background: rgba(30,30,30,0.65) ;
		margin:0;
	}
	#upper-header-text {
		display:block;
		height:auto;
		font-size:0.8em;
		background: rgba(30,30,30,0.85) ;
		color:#aaa;
		white-space: nowrap;
		overflow: hidden;
	}
	#upper-header-text h1{
		margin-left: 1em;
		margin-top: 0;
		line-height:1.4em;
	}
	/*
	#header h1 {
		position: absolute;
		left: 20px;
		top: 15px;
		font-size: 2.2em;
		font-weight:bold;
	}
	#header h1 a {
		color: #f4f4f4;
		text-decoration: none;
	}
	*/
	#nav.container {
		/*
		position: absolute;
		left: 0px;
		bottom: 0px;
		*/
		margin: 0 auto;
	}
	.dmenu-border{
		padding:10px;
	}
	.dmenu{

		margin:0;
		list-style-type: none;
		background-color: #000;
		/* border-top : 1px dashed #ea7500;
		border-bottom : 1px dashed #ea7500; */
		overflow: hidden; /* ** */
	}
	.dmenu li{
		float:left;
		width:auto;
		
	}
	.dmenu li a{
		display:block;
		color: #f4f4f4;
		text-align:center;
		text-decoration: none;
		font-size: 1.0em;
		text-transform: uppercase;
		/*margin-left: 30px;*/
		padding:5px 15px;
		background-color:#000;
		outline: 0;
		margin:0;
	}
	.dmenu li a:hover{
		background-color:#ea7500;
		color:#000;
	}
	.dmenu li a img{
		padding: 4px 0; 
		height: 1.85em; /* ** = line-height of li a**  */
	}
	.dmenu li a.active{
		background-color:#ea7500;
		color:#000;
	}
	.dmenu li a.sale{
		color: #ff0000;
	}
	.dmenu li a.sale:hover{
		background-color:#ff0000;
		color:#fff;
	}
	.dmenu li a.sale.active{
		background-color:#ff0000;
		color:#fff;
	}
	.dmenu li a.newitems{
		color: #00ff00;
	}
	.dmenu li a.newitems:hover{
		background-color:#00ff00;
		color:#000;
	}
	.dmenu li a.newitems.active{
		background-color:#00ff00;
		color:#000;
	}
	
	#header-search {
		position: absolute;
		display: block;
		/* top: 20px; */
		
		width:400px;
        margin:20px auto;

		right: 50px;
	}
	.header-search-form{

	}
	.header-search-box{
		display:block;
		padding: 8px 15px; 
        
        border: 1px solid #dbdbdb;
		font-size:0.8em;
		width:80%;
		float:left;
		height:40px;
	}
	.header-search-button{
		display:block;			
        padding: 6px 15px;
        /* left:-8px; */
        border: 2px solid #ff8000;
        background-color:#ff8000;
        color:#fafafa;
		font-size:0.8em;
		width:20%;
		height:40px;
	}
	.header-search-button:hover  {
        background-color:#000;
		border: 2px solid #000;
        color:#ff8000;
	}
	
	/*
	#features-wrapper {
		background: #353D40 url("images/bg02.jpg") ;
		border-bottom: solid 1px #272e31;
		padding: 45px 0 45px 0;
		text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);
	}
	*/

	#maincontent{
		margin-left:180px; 
	}
	.maincontent-container{
		float:left;
		width:100%;
		/* padding:10px; */
		/* background-color:#fff; */    /* ** replace by overflow */
	}
	#content-wrapper {
		/* background: #f7f7f7 url("images/bg04.png"); */
		/* border-top: solid 1px #fff; */
		padding: 0;
	}
	#footer-wrapper {
		padding: 0 0 10px 0;
		/*text-shadow: 1px 1px 1px white;*/
	}
	#content {
		/* background-color:#000; */
	}

	#content .container{   /** Sidebar and Main content */
		background: #fff url(/images/bg1-grey-white-180.gif) repeat-y left top;		
		overflow:hidden; 
		zoom:1;
	}
	#sidebar {
		width:180px;
		float:left;
		/* background: #ddd; */
		/* height:1800px;*/
	}

	#menu-lines-button{
		display:none;
		position:relative;
		background-color:rgba(200, 200, 200, 0);
		width: 50px;
		top: 3px;
		left: 3px;
		cursor: pointer;
	}
	#menu-lines-button img{
		display:block;
		width:30px;
		margin:0 auto;
	}
	#menu-lines-button.active{
		background-color:rgba(200, 200, 200, 0.2);
	}
	#menu-lines-button:hover {
		background-color:rgba(200, 200, 200, 0.2);
	}
	#dmenu-menu-lines-button {
		display:none;
		position:relative;
		background-color:rgba(200, 200, 200, 0);
		width: 4em;
		top: 0px;
		left: 0px;
		cursor: pointer;
	}
	#dmenu-menu-lines-button:hover {
		background-color:rgba(200, 200, 200, 0.4);
	}
	 #dmenu-menu-lines-button img{
		display:block;
		height:3.8em;
		margin:0 auto;
	}
	#dmenu-menu-lines-button.active {
		background-color:rgba(200, 200, 200, 0.4);
	}
	
	#home-button{
		position: absolute;
		display:none;
		/* top: 20px; */
	
		width: auto;
		left: 16.5%;
		top: 0px;
	}
	
	#home-button a{
		display:block;
		text-decoration:none;
		padding: 6px 12px 0 12px; 
	}
	#home-button a:hover{
		background-color:#ff8000;
	}
	#home-button img{
		width:30px;
		vertical-align:middle;
	}	
	#home-button #home-button-text{
		display:block;
		color:#eee;
		font-size:0.8em;
		width:100%;
		text-align:center;
		margin: -2px 0 0 0;
	}

	
	
	#cart-button{
		position: absolute;
		display:block;
		/* top: 20px; */
	
		width:auto;
		right: 0px;
		bottom:0px;
	}
	
	#cart-button a{
		display:block;
		text-decoration:none;
		padding:5px 12px 5px 10px;
	}
	#cart-button a:hover{
		background-color:#ff8000;
	}
	#cart-button img{
		width:25px;
		vertical-align:middle;
	}	
	#cart-button #cart-button-text{
		color:#eee;
		font-size:0.8em;
		margin-left:5px;
	}
	#your-account{
		position: absolute;
		display:block;
		/* top: 20px; */
	
		width:auto;
		right: 80px;
		bottom:0px;

	}
	#your-account img{
		width:20px;
		vertical-align:middle;
	}	
	#your-account #your-account-text{
		color:#eee;
		font-size:0.8em;
		margin-left:5px;
	}	
	#your-account a{
		display:block;
		text-decoration:none;
		padding:5px;
	}	
	#your-account a:hover{
		background-color:#ff8000;
	}
	#MuayThaiFactoryText {
		position: absolute;
		display:block;
		/* top: 20px; */
		width:48em;
		left: 30px;
		bottom:10px;
		/* color:#aaa; */
		color:#ffff00;
		font-size:0.9em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis; 		
	}
	
	.contenttopbanner-main {
		display:inline-block;
		width:75.6%;
		margin:0;
		padding:0;
	}
	.contenttopbanner-main img{
		width:100%;
	}
	.contenttopbanner-sub {
		display:inline-block;
		width: 24.4%;
		margin:0;
		padding:0;
	}
	.contenttopbanner-sub img{
		width:100%;
	}
	
	#cookies-msg{
		display: block;
		width: 100%;
		position:fixed;
		max-width: 100%;

		background-color:  rgba(110, 110, 109, 0.7);
		color:#eee;
		font-size: 0.9em;
		padding:0.25em;
		text-align: center;
		
		z-index: 1000;
		bottom:0;
		left:0;
	}
	#cookies-msg a{
		text-decoration: none;
		color:#eee;
	}

	#cookies-msg a:hover{
		
	}
	
	#cookies-msg-accept-button{ 
			display: inline-block;
			border: 0.1em solid #eeeeee;
			padding: 0.10em 0.5em;
			cursor: pointer;
			margin-left:2em;
			background-color:  rgba(247, 195, 118, 0.7);
	}
	#cookies-msg-accept-button:hover{
		background-color:  rgba(248, 174, 63, 0.7);
	}

	ul.side-menu{
		display: block;
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
		font-size:0.9em;
	}
	ul.side-menu li.side-menu-top a{
	    display: block;
	    color: #333;
	    text-decoration: none;
		margin:0;
		padding-left: 1em;
	}
	ul.side-menu li.side-menu-top a.side-menu-group{
		background-color:#484848;
		color:#fff;
		float:left;
		width:100%;
		text-align:center;
		padding:0;
	}
	ul.side-menu li.side-menu-top a.side-menu-group:hover{
		background-color:#ff8000;
		color:#fff;
	}
	ul.side-menu li.side-menu-top a.side-menu-group.standard , ul.side-menu li.side-menu-top a.side-menu-group.brands {	
		margin-top:20px;
	}
	ul.side-menu li.side-menu-top a.side-menu-group.active{	
		color:#fff;
		-moz-text-decoration-style:dotted;
		-webkit-text-decoration-style:dotted;
		text-decoration-style:dotted;
		/* border-bottom: 2px solid #ff8000; */
	}	
	ul.side-menu li.side-menu-top a.has-child{
		width:90%;
		float:left;
	}
	ul.side-menu li.side-menu-top .side-menu-child-button{
		display: block;
		width:10%;
		float:right;
		margin:0;
		text-align:center;
		cursor:pointer;
		
	}
	ul.side-menu li.side-menu-top .side-menu-child-button:hover{
		background-color:#000;
		color:#fff;
	}
	ul.side-menu li.side-menu-top a:hover{
		background-color:#ff8000;
		color:#fff;
	}
	ul.side-menu li.side-menu-top>a.active{
		font-weight:bold;
		text-decoration:underline;
		color:#000;
		-moz-text-decoration-style:dotted;
		-webkit-text-decoration-style:dotted;
		text-decoration-style:dotted;		
		/* background-color:#eee; */
		border-left: 4px solid #ff8000;
		 
	}

	ul.side-menu-sub{
		display: none;
		float:left;
		width:100%;
	    list-style-type: none;
	    margin: 0;
	    padding: 0 0 0 1em;
		background-color:#eeeeee;
	}
	ul.side-menu li.side-menu-top ul.side-menu-sub li a{
	    display: block;
	    color: #333;
	    text-decoration: none;
		padding: 0 0 0 8px;
		font-size:0.8em;
		line-height:2em;
	}
	ul.side-menu li.side-menu-top ul.side-menu-sub li a:hover{
	    color: #fff;
	}	
	ul.side-menu li.side-menu-top .side-menu-sub a.active{
		font-weight:bold;
		color:#000;
		background-color:#ff8000;
	}
	ul.side-menu li.side-menu-top .side-menu-sub-divider{
		font-size:0.7em;
		line-height:1.5em;
		display:none;
	}
	#sidebar .side-menu-new-arrivals{

	}	
	#sidebar .side-menu-new-arrivals a{
		display:block;
		background-color:#008200;
		color:#fff;
		text-align:center;
		padding: 16px 0;
		margin-bottom:15px;
		text-decoration:none;
	}	
	#sidebar .side-menu-new-arrivals a:hover{
		background-color:#00dd00;
		color:#000;
	}	
	
	#sidebar .side-menu-onsale a{
		display:block;
		background-color:#aa0000;
		color:#fff;
		text-align:center;
		padding: 12px 0;
		margin-bottom:15px;
		text-decoration:none;
	}	
	#sidebar .side-menu-onsale a:hover{
		background-color:#ff0000;
		color:#000;
	}	
	#sidebar .side-menu-muay-thai-topics{

	}	
	#sidebar .side-menu-muay-thai-topics a{
		display:block;
		background-color:#444;
		color:#fff;
		text-align:center;
		padding: 8px 0;
		margin-bottom:30px;
		text-decoration:none;
	}	
	#sidebar .side-menu-muay-thai-topics a:hover{
		background-color:#111;
		
	}	
	
	#footer-wrapper {
		clear:both;
	}
	#footer.container{
		background-color:#000;
	}
	ul.footer-link{
	    list-style-type: none;
	    margin: 0 auto;
		width: 100%;
	    padding: 0;
	    overflow: hidden;
	    background-color: #000;
		border-bottom: 1px solid #737373;
		text-transform: uppercase;
	}
	ul.footer-link>li{
		float:none;
		width:25%;
		display: inline-block;
		vertical-align:top;
		padding:0;
	}
	/*
	ul.footer-link>li:first-child{
		margin-left:5%;
	}
	ul.footer-link>li:last-child{
		margin-right:5%;
	}	
	*/
	ul.footer-link>li>a{
	 	display:block;
		text-align:center;
		color: #f4f4f4;
		text-decoration: none;
		font-size: 0.9em;
		text-transform: uppercase;
		/*margin-left: 30px;*/
		padding: 0.5em 0;
		outline: 0;
		margin:0;
		border-bottom: 1px solid #737373;
	}
	ul.footer-link>li>a:hover{
		background-color:#5f5f5f;
	}
	
	ul.footer-link li ul {
		margin-bottom: 0.75em;
	}
	ul.footer-link>li>ul>li {
		float:none;
		width:100%;
		text-align:center;
	}	
	ul.footer-link>li>ul>li>a {
		display:block;
		font-size:0.75em;
		/* line-height:1.7em; */
		color:#888;
		text-decoration: none;
	}
	ul.footer-link>li>ul>li>a:hover {
		color:#eee;
		background-color: #444;
	}
	ul.custom-extra-bar{
	    list-style-type: none;
	    margin: 0 auto;
		width: 100%;
	    padding: 0;
	    overflow: hidden;
	    background-color: #fff;
		
		text-transform: uppercase;
	}
	ul.custom-extra-bar>li{
		float:none;
		width:33.3%;
		display: inline-block;
		vertical-align:top;
		padding:0;
	}
	/*
	ul.footer-link>li:first-child{
		margin-left:5%;
	}
	ul.footer-link>li:last-child{
		margin-right:5%;
	}	
	*/
	ul.custom-extra-bar>li>a{
	 	display:block;
		text-align:center;
		color: #444;
		text-decoration: none;
		font-size: 0.9em;
		text-transform: uppercase;
		/*margin-left: 30px;*/
		padding: 0.5em 0;
		outline: 0;
		margin:0;
		/* border-bottom: 1px solid #737373;*/
	}
	ul.custom-extra-bar>li>a:hover{
		background-color:#5f5f5f;
		color: #eee;
	}
	
	ul.custom-extra-bar li ul {
		margin-bottom: 0.75em;
	}
	ul.custom-extra-bar>li>ul>li {
		float:none;
		width:100%;
		text-align:center;
	}	
	ul.custom-extra-bar>li>ul>li>a {
		display:block;
		font-size:0.75em;
		/* line-height:1.7em; */
		color:#888;
		text-decoration: none;
	}
	ul.custom-extra-bar>li>ul>li>a:hover {
		color:#eee;
		background-color: #444;
	}
	
	
	#copyright{
		font-size:0.7em;
		text-align: center;
		color:#ccc;
	}
	
	#product-size-chart {
		width: 80%;
		padding:0 0.5em;
	}
	.product-size-chart-img-box{
		width: 40%;
		float:left;		
		text-align:center;
		height:170px;
	}
	.product-size-chart-table-box{
		width: 60%;
		float:left;		
	}
	.product-size-chart-img-box img{
		width:90%;
		padding:0.5em;
		max-width:200px;

	}
	.product-size-chart-header{
		font-size:0.9em;
		color:grey;
		text-decoration:underline;
	}
	#product-size-chart ul{
		display:block;
		float:left;
	    list-style-type: circle;
		padding:0 0.5em 1.5em 0.5em ;
		margin:0;
	}	
	#product-size-chart ul li{
		font-size:0.75em;
		line-height:1em;
		color:grey;
	}	
	
	#product-size-chart table{
		font-size:0.8em;
		line-height:1em;
		width:100%;
	}
	#product-size-chart table tr:first-child{
		font-weight:bold;
	}
	#product-size-chart table tr:nth-child(2){
		background-color:#f0f0f0;
	}
	#product-size-chart table tr td{
		border-bottom: 1px solid #f0f0f0;
		padding: 0 0.5em;
	}
	
	.color-grey{
		color:#bcbcbc;
	}
	.color-white{
		color:#fff;
	}
	.color-red{
		color:#ff0000;
	}
	.color-green{
		color:#049804;
	}
	.bgcolor-white{
		background-color:#fff;
	}
	.text-bold {
		font-weight: bold;
	}
	.text-80per{
		font-size: 0.8em;
		line-height: 0.9em;
	}
	.text-115per{
		font-size: 1.15em;
		line-height: 1.1em;
	}
	.text-150per{
		font-size: 1.5em;
		line-height: 1.2em;
	}
	.text-2x{
		font-size: 2em;
		line-height: 1.4em;
	}
	.padding-top-1em {
		padding-top:1em;
	}
	.padding-bottom-1em {
		padding-bottom:1em;
	}
	.width-50pc {
		width: 50%;
	}
	.img-in-c2 {
		display:block;
		width: 50%;
		min-width:250px;
		margin: 0 auto;
	}
	.padding-1x {
		padding: 1em;
	}
	.float-left {
		float:left;
	}
	.line-break-thin{
		display: block;
		width:95%;
		border-top: 1px solid #ddd;
		margin: 0.5em auto 1em auto;
	}
	.img-desc-width{ /* ==== large image in product description ==== */
		width: 100%;
		max-width: 480px;
	}
	.width-100 {
		width:100%;
	}
	.social-box-inline-block {
		display: inline-block;
		padding: 0 0 0 1.5em;
		vertical-align: middle;
	}
	.a-large-green{
		display:block;
		padding:1em;
		background-color:green;
		color:white;
		width:auto;
		text-decoration:none;
		text-align:center;
	}
	.a-large-green:hover{
		background-color:black;
		color:white;
	}
	
/* ********* Off canvas menu ************** */
		#mnav {
			display:none;
		}

/* ********* /Off canvas menu ************** */		

	
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */	
	
				
/* 1. Hires Desktop/Laptops  */

	@media screen and (min-width: 1025px) {
		/* Basic */

		/* Wrappers */

		/* Header */
			

		/* Banner */


		/* Features */


		/* Content */
			/*
			.menu1 {
				width:180px;
				float:left;
			}
			.content1{
				width:100% - 180px;
				
			}*/

			
		/* Footer */

	
		/* Copyright */

	

	}

/* 2. Big Tablet (landscape), Laptops  -------------------------------------------------------------------------------------- */

	@media screen and (min-width: 801px) and (max-width: 1024px) {
		/* Basic */

		/* Wrappers */
			
		/* Header */

		/* Banner */

	

		/* Features */



		/* Content */
			/*
			.menu1 {
				width:180px;
				float:left;
			}
			.content1{
				width:100% - 180px;
				
			}*/
			#header-search {
				width:40%;
			}
			.header-search-box{
			}
			.header-search-button{
		        padding: 6px 0.3em;
			}
			#MuayThaiFactoryText {
				width:37em;
			}
		/* Footer */

	
		/* Copyright */

	}
		
/*  3. Tablet (portrait) iPad iPad Mini, Smart phones iPhone 6/6s portrait, Smart phones (landscape) */

	@media screen and (min-width: 600px) and (max-width: 800px) {

		/* Basic */

			html, body {
				overflow-x: hidden;
			}

			body, input, textarea, select {
				font-size: 13pt;
				line-height: 1.4em;
			}

			body {
				/* min-width: 500px; */
			}

		/* Wrappers */
			
		/* Header */
			#header {
				min-height: 100px;
			}
			#header #nav a {
				margin-left: 15px;
			}

			#muay-thai-factory-logo {
				top: 5px;
				left: 10px;
			}
			#muay-thai-factory-logo img{
				width:180px;
			}

		/* Banner */

	

		/* Features */



		/* Content */
			#content .container{   /** Sidebar and Main content */
				background: #fff;
			}
			.dmenu li a img{
				height: 1.4em; /* ****  */
				padding:2px;
			}			
			#MuayThaiFactoryText{	
				left: 13px;
				bottom:4px;
				font-size:0.8em;
			}
			#maincontent{
				margin-left:0;
			}
			#header-search {
				width:48%;
		        margin:12px auto;
				right: 10px;
			}
			.header-search-form{

			}
			.header-search-box{
			}
			.header-search-button{
		        padding: 6px 0.2em;
			}
			#MuayThaiFactoryText{
				width:31em;
			}		
			#upper-header-text {
				display: none;
			}
		/* Off-Canvas Navigation */

		/* Mobile */
			#sidebar {
				display: none;
			}
			
			#navPanel, #titleBar {
				display: none;
			}
			/* ********* Off canvas menu ************** */
			#dmenu-menu-lines-button {
				display:block;
			}
			#mnav {
			display:block; 
			width: 100%;
		    position: absolute;
		    left: -100%;
		    top: 0;
		  /*   height: 100%; */
			color:#000;
		    background: #fff;
			text-shadow: none; 
		}
		#mnav.active {
			display:block;
		}

		#mnav.ul{
			display: block;
		    list-style-type: none;
		    margin: 0;
		    padding: 0;
			font-size:0.9em;
		}
		#mnav ul li{
			float:left;
			width:auto;
		}
		#mnav ul li a{
			display: block;		
			background-color: #000;
			
			height:50px;
			font-size:1.1em;
		}
		#mnav ul li a img{
			height: 1.5em;
			margin: 10px 10px;
		}
		#mnav ul li a:hover{
			background-color: #ea7500;
		}
		#mnav ul li:first-child a:hover{
			background-color: #fff;
		}		
		#header-search.mobileMenu {
			/* display:none; */
		}
		
		#sidebar.mobileMenu { 
			display: block;
			font-size:1.2em;
			line-height:2em;
			padding: 0px 10px 10px 10px;
			background-color: #fff;
			width:100%;
		} 
		#sidebar.mobileMenu ul.side-menu li.side-menu-top a:not(.side-menu-group), 
		#sidebar.mobileMenu ul.side-menu li.side-menu-top .side-menu-child-button { 
			border-bottom:1px dashed #888;
		}
		#sidebar.mobileMenu ul.side-menu li.side-menu-top .side-menu-child-button { 
			background-color:#ccc;
		} 

	}
	
/*  4. Bigger smart phone - iphone 5Portrait - Tablet (portrait), Smart phones (landscape) */
	@media screen and (min-width: 480px) and (max-width: 599px) {

		/* Basic */

			html, body {
				overflow-x: hidden;
			}

			body, input, textarea, select {
				font-size: 13pt;
				line-height: 1.4em;
			}

		/* Wrappers */
			
		/* Header */
			#header {
				min-height: 100px;
			}

			#header #nav a {
				margin-left: 15px;
			}
			#muay-thai-factory-logo {
				top: 5px;
				left: 10px;
			}
			#muay-thai-factory-logo img{
				width:180px;
			}
			

		/* Banner */

	

		/* Features */



		/* Content */
			#content .container{   /** Sidebar and Main content */
				background: #fff;
			}
			.dmenu li a img{
				height: 1.4em; /* ****  */
				padding:2px;
			}
			#MuayThaiFactoryText{
				left: 10px;
				bottom:5px;
				width:23em;
				font-size:0.8em;
			}		
			#upper-header-text {
				display: none;
			}
			#sidebar  {
				display:none;
				
			}

			#maincontent{
				margin-left:0;
			}
			#header-search {
				width:48%;
		        margin:12px auto;
				right: 10px;
			}
			.header-search-form{
			}
			.header-search-box{
			}
			.header-search-button{
		        padding: 6px 0.2em;
			}
			.context-c2{
				width:100%;
				padding: 0 0.5em;
			}
			.c2-c1{
				width:100%;
				margin-bottom:0;
			}
			.c2-c2 {
				
				padding: 0.5em 0;
				width:100%;
				text-align:left;
				border-bottom: 1px solid #ccc;
				margin-bottom:0;
			}
			#product-size-chart {
				width: 100%;
			}
			.product-size-chart-img-box{
				height:130px;
			}
			/* ********* Off canvas menu ************** */
			
			
		#dmenu-menu-lines-button {  /* ************************ */
			display:block;
		}
			
		#mnav {
			display:block; 
			width: 100%;
		    position: absolute;
		    left: -100%;
		    top: 0;
		  /*   height: 100%; */
			color:#000;
		    background: #fff;
			text-shadow: none; 
		}
		#mnav.active {
			display:block;
		}

		#mnav.ul{
			display: block;
		    list-style-type: none;
		    margin: 0;
		    padding: 0;
			font-size:0.9em;
		}
		#mnav ul li{
			float:left;
			width:auto;
		}
		#mnav ul li a{
			display: block;		
			background-color: #000;
			
			height:50px;
			font-size:1.1em;
		}
		#mnav ul li a img{
			height: 1.5em;
			margin: 10px 10px;
		}
		#mnav ul li a:hover{
			background-color: #ea7500;
		}
		#mnav ul li:first-child a:hover{
			background-color: #fff;
		}		
		
		#header-search.mobileMenu {
			/* display:none; */
		}
		
		#sidebar.mobileMenu { 
			display: block;
			font-size:1.2em;
			line-height:2em;
			padding: 0px 10px 10px 10px;
			background-color: #fff;
			width:100%;
		} 
		#sidebar.mobileMenu ul.side-menu li.side-menu-top a:not(.side-menu-group), 
		#sidebar.mobileMenu ul.side-menu li.side-menu-top .side-menu-child-button { 
			border-bottom:1px dashed #888;
		}
		#sidebar.mobileMenu ul.side-menu li.side-menu-top .side-menu-child-button { 
			background-color:#ccc;
		} 
		ul.custom-extra-bar>li{
			width:100%;
		}
	}
		
	
/* 5. Small smart phones - iphone4 Portrait */
	@media screen and (max-width: 479px) {

		/* Basic */

			html, body {
				overflow-x: hidden;
			}

			body, input, textarea, select {
				font-size: 13pt;
				line-height: 1.4em;
			}

			body {
				min-width: 200px;
			}
			
			
	
		/* Wrappers */
			
		/* Header */
			#header {
				height: 50px;
				min-height: 0;
			}

			#header #nav a {
				font-size: 1.4em;
			}
			#muay-thai-factory-logo {
				top: 3px;
				left: 50%;
			}
			#muay-thai-factory-logo img{
				width:auto;
				height:40px;
				margin-left:-50%;
			}

		/* Banner */
	
		/* Content */
			#content .container{   /** Sidebar and Main content */
				background: #fff;
			}
			#maincontent{
				margin-left:0;
				margin-top:45px;     /* to be overrided  on home page - home.css */
				
				/* border-top: 1px solid #dbdbdb;  */
				
			}
			#header-search {
				width:100%;
				top:50px;  /* =header height */
				left:0px;
				margin:0;
				border: 0.4em solid #222;
				border-top : 0;
			}
			.header-search-form{
			}
			.header-search-box{
		        border: 0;
			}
			.header-search-button{
				padding: 6px 0.5em;
			}
			.contenttopbanner-main {
				display:inline-block;
				width:100%;
				margin:0;
				/* margin-top: 5px; */
				padding:0;
			}
			.contenttopbanner-main img{
				width:100%;
			}
			.contenttopbanner-sub {
				display:none;
			}
			.contenttopbanner-sub img{
				display:none;
			}
			.context-c2{
				width:100%;
				padding: 0 0.5em;
			}
			
			.c2-c1{
				width:100%;
				margin-bottom:0;
			}
			.c2-c2 {
				padding: 0.5em 0;
				width:100%;
				text-align:left;
				border-bottom: 1px solid #ccc;
				margin-bottom:0;
			}
			.social-box-inline-block {
				padding: 0 0 0 0.9em;
			}
			#product-size-chart {
				width: 100%;
			}
			.product-size-chart-img-box{
				height:130px;
			}
			ul.footer-link>li{
				 /* float:left; */
				width:49%;
			}
			ul.footer-link>li>ul>li {
				font-size: 0.9em;
				line-height:1.9em;
			}	
		ul.custom-extra-bar>li{
			width:100%;
		}
		/* Off-Canvas Navigation */

		/* Mobile */
			#menu-lines-button {
				display:block;
			}
			#home-button{
				display:block;
				left: 15%;
			}
			#cart-button {
				top: 0px;
				right: 0px;
			}
			#cart-button a {
				padding: 3px 15px 3px 10px;
			}
			#cart-button a img{
				display:block;
				width:30px;
				margin:0 auto;
			}
			#cart-button #cart-button-text{
				display:block;
				width:100%;
				text-align:center;
				margin: -3px 0 0 0;
			}
			#your-account {

				top: 0px;
				right: 15%;
			}
			#your-account a {
				padding: 3px 8px;
			}
			#your-account a img{
				display:block;
				width:22px;
				margin:0 auto;
			}
			#your-account #your-account-text{
				display:block;
				width:100%;
				text-align:center;
				margin: -3px 0 0 0;
			}
			#upper-header-text {
				display: none;
			}
			#MuayThaiFactoryText{
				display: none;
			}
			#sidebar ,#nav {
				display: none;
			}

			#navPanel, #titleBar {
				display: none;
			}
			

	/* ********* Off canvas menu ***************************************************** */

		#mnav {
			display:block; 
			width: 100%;
		    position: absolute;
		    left: -100%;
		    top: 0;
		  /*   height: 100%; */
			color:#000;
		    background: #fff;
			text-shadow: none; 
		}
		#mnav.active {
			display:block;
		}
		#mnav.ul{
			display: block;
		    list-style-type: none;
		    margin: 0;
		    padding: 0;
			font-size:0.9em;
		}
		#mnav ul li{
			float:left;
			width:auto;
		}
		#mnav ul li a{
			display: block;		
			background-color: #000;
			
			height:50px;
			font-size:1.1em;
		}
		#mnav ul li a img{
			height: 1.5em;
			margin: 10px 10px;
		}
		#mnav ul li a:hover{
			background-color: #ea7500;
		}
		#mnav ul li:first-child a:hover{
			background-color: #fff;
		}		
		
		#header-search.mobileMenu {
			display:none;
		}
		
		#sidebar.mobileMenu { 
			display: block;
			font-size:1.2em;
			line-height:2em;
			padding: 0px 10px 10px 10px;
			background-color: #222;
			width:100%;
		} 
		#sidebar.mobileMenu ul.side-menu li.side-menu-top a:not(.side-menu-group), 
		#sidebar.mobileMenu ul.side-menu li.side-menu-top .side-menu-child-button { 
			border-bottom:1px dashed #888;
		}
		#sidebar.mobileMenu ul.side-menu li.side-menu-top .side-menu-child-button { 
			background-color:#ccc;
		} 

/* ********* /Off canvas menu ************** */

		  
		  
	}