/*  
Theme Name: LMLS. Landscape Supplies.
Description: Theme developed for the LMLS. Landscape Supplies to transform their website into a CMS site
Version: 1
Author: Jen Cork
Author URI: http://makememedia.net/
*/
/* Reset
----------------------*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,address,cite,em,img,q,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Clearing */
div.clear { clear: both; display: block; font-size: 0; height: 0; overflow: hidden; visibility: hidden; width: 0; }
html { margin-top: 0; } * html body { margin-top: 0; }

/*	GENERAL
================================================================================= */
body {
	background: #00b7eb; 
	color: #666666;
	font: normal 76%/1.5em arial,sans-serif;
	height:100%;
	text-align:left;
}
/* Headers
-------------------------------------- */
h1,h2,h3,h4,h5,h6 { color:#EC008C; font-weight: normal; }
h1 {
	color: #000;
	font-size: 2.667em;
	font-weight: bold;
	line-height: 1.2;
	margin: 0px 0 10px;
	padding: 0 0 5px;
}
h2 {
	font-size: 2.111em;
	line-height: 1.3em;
	color:#0099CC;
	margin-bottom: 20px;
	font-weight: bold;
}

h3 {
	font-size: 1.888em;
	line-height: 1.3em;
	color:#0099CC;
	margin-bottom: 10px;
}
h4 {
    color:#EC008C;
    font-size: 1.333em;
	font-weight: normal;
	line-height: 1.222em ;
}

.headerdots h1
{
	color:#fff;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	margin:4px 0 0 8px;
}

/* Text/Lists
-------------------------------------- */
.main p { font-size: 1.111em; line-height: 1.333; margin: 0 0 1.1em; color: #666666; }
.main p.pbold { color:#0099CC; font-size:24px; }
.main ol { margin: 0.6em 1.5em 1.5em; list-style-type: decimal; }
.main ol ol { margin: 0.3em 1.6em; list-style-type: lower-alpha; }
.main ol li { font-size: 1.167; line-height: 1.714; margin: 0 0 0.25em; }
.main ul { margin: 0em 0 1em; }
.main ul ul { margin: 0.3em 0.6em; }
.main ul li { font-size: 1.167; line-height: 1.444em; margin: 0em 0.4em; padding: 0 0.7em; background: url("images/Bullet.gif") 0 6px no-repeat; }
.main ul ul li { background: none; }

/* Links
-------------------------------------- */
.main a { color:#EC008C; text-decoration: none; padding-bottom: 2px; }
.main a:hover { color: #0099cc; text-decoration: none; background: none; }
.main a.back-top  { color:#EC008C; font-size:18px; }

.fullbanner { background-image:url(images/bg_ban_six.jpg); margin-left: -787px; position: absolute; 
top:0px; left: 50%; width: 1575px; height: 526px; visibility: visible; z-index:-30; }
.container { font-family: Arial, Helvetica, sans-serif; margin: 0 auto; width: 1000px; max-width: 100%; position: relative; }
.shadowl { background-image:url(images/shadow_left.gif); position:absolute; width:5px; top: 0px; left:-5px; height:100%; }
.shadowr { background-image:url(images/shadow_right.gif); position:absolute; width:5px; top:0px; left:990px; height:100%; }	
.home-wrapper { background: #fff; width: 1000px; max-width: 100%; position: relative; }
.home-content { margin: 20px 25px 25px 20px;}

/* Content Pages Layout */
.wrapper { background: #fff; width: 990px; position: relative; margin: 0 auto; }
.footer-wave{ background:#FFFFFF url("images/wave.png") center bottom no-repeat; height:80px; width: 1000px; max-width: 100%; }
.footer{ background: url("images/footer_bg_a.jpg") repeat-x; height:175px; width: 1000px; max-width: 100%; position: relative;}
.content-banner { height: 164px; width: 990px; margin-left: 5px; margin-top: 4px; margin-bottom: 4px; }
.content { overflow: hidden; background: url(images/content-bg.gif) repeat-y; width: 100%; }
.main-content { width: 755px; float: right; background: #fff; min-height: 460px; }
.sub-nav-wrap { width: 185px; background: #c6d4d7; padding: 12px 0; float: left; display: inline;}
.main-content { padding: 20px 25px 0 20px; display: inline; }

/* Content Header Styles -------------- */
.content-header{ background-image:url("images/title_back.gif"); height:88px; width:990px; }
.content-header img{ position: absolute; top: 30px; left: 25px; }
.content-header h2{ position: absolute; top: 30px; left: 65px; color:#FFFFFF; font-size:18px; padding-top:3px; font-weight: normal; }

/* Image frame ---- */
.image-frame{ background: url("images/300x150.gif") no-repeat; height:150px; width: 300px; margin: 5px 25px 25px 0px; float: left;}
.image-frame img { margin: 4px 0 0 4px; }
.image-frame p { color:#0099CC; font-size: 1.666em; margin: 6px 0 0 10px; font-weight: normal; }


/* Home Sub-section layout ------------- */
.home-sub-section { min-height: 200px; padding: 10px 0 0 0;}
.home-sub-section h3 { margin: 0; font-size: 1.666em; }
.home-sub-text { width: 390px; float: left; padding: 5px 40px 0 0;}
.home-sub-text p { font-size: 0.977em; line-height: 1.222em; }
.home-sub-links { width: 160px; float: left; padding: 0 0 0 25px; border-left: 1px solid #ccc;}


/* Content Sub-section layout ------------- */
.content-sub-section { min-height: 100px; }
.content-sub-text { width: 480px; padding: 5px 40px 0 0; float: left;}
.content-sub-text p { font-size: 0.977em; line-height: 1.222em; }
.content-sub-links { width: 190px; float: left; padding: 0 0 0 25px; border-left: 1px solid #ccc;}
img.sub-image { margin-top: 15px; }
.last-heading { margin-top: 30px; }

/* Content Image & Text Layout ---------- */
.margin-top { margin-top: 20px; }
.sub-section { min-height: 180px; }
.sub-section img { margin: 0 3px 0 0; }
.sub-text { float: right; width: 440px; }
.sub-text p { font-size: 0.977em; line-height: 1.222em; }

/*Suppliers Layout -------------- */
.suppliers-sub-text { float: right; width: 460px; margin: 30px 0 0 20px; }
.suppliers-sub-section { float: left; margin: 10px 0; }
.suppliers-sub-section img { margin: 0 3px 0 0; float: left; }
.suppliers-sub-text { width: 440px; }
.sub-text p { font-size: 0.977em; line-height: 1.222em; }

/* Product Layout --------------- */
.product-section { width: 473px; margin: 20px 0; height: 220px; position: relative; float: left; }
.product-section img { position: absolute; top: 0px; }
.product-section h3 { position: absolute; top: 6px; left: 220px;  }
.product-section ul { position: absolute; top: 50px; left: 220px; width: 220px; }

/* -----------------------------------
Product Parent Page
----------------------------------- */
.product-item { min-height: 120px; margin: 0; position: relative; overflow: auto; }
*html .product-item { height: 120px; }
.product-item h3 { margin: 10px 0 0 0; }

/*Product Page ------------- */
#product-post { min-height: 140px; margin: 0; position: relative; overflow: auto; }
*html #product-post { height: 140px; }
#product-post img { float: left; margin: 5px 20px 0 0; }
#product-post li { font-size: 1.222em; padding-top: 2px; font-weight: bold; }
#product-post ul { margin-top: 6px; }
#product-post h2 { text-transform: uppercase; font-size: 1.4em; margin-bottom: 2px; font-weight: bold; color: #3d3d3d;}
#product-post p { padding-left: 14px; }
.product-list{ float: left; width: 520px; min-height: 200px; }
.product-list p { font-size: 2em; color: #898989; margin: 50px 0 0 25px; }
*html .product-list { height: 130px; }
.product-content { padding-top: 4px; margin-top: 18px;}
h2.category-heading { font-size: 2.667em; line-height: 1.714; color:#0099CC; font-weight: bold; }

/*Header Styles ---------------- */
.headerbox { margin:0px; padding:0px; position: relative; width: 1000px; max-width: 100%; height:96px; visibility:visible; z-index:10; }
.headerdots  { position: absolute; background-image: url(images/headerdots_a.gif); background-repeat:repeat; top:0px; left: 6px; width: 988px; height:20px; }

.header { background-image: url(images/header_new.png); position:absolute; top:18px; left: 0px; width: 1000px; max-width: 100%; height:50px; }
.header-inner { position: relative; }
.header-phone-label,
.header-phone,
.header-address {
    position: absolute;
    font-size: 23px;
    top: 0;
    letter-spacing: -0.05em;
    font-weight: 700;
    height: 42px;
    line-height: 42px;
}

.header-phone-label {
	font-size: 18px;
    left: 478px;
    color: #000;
    text-transform: uppercase;
}

.header-phone {
    left: 557px;
    color: #098494;
}

.header-address {
    left: 722px;
    color: #098494;
}

.header-fire { background-image: url(images/header_firewood.gif); position:absolute; top:18px; left: 0px; width: 1000px; max-width: 100%; height:50px; }
.header_logo  { background-image: url(images/header_logo.gif); position:absolute; top:151px; left: 22px; width: 145px; height:187px; }
.navbox {
    background: #000;
    position: absolute;
    top: 68px;
    left: 5px;
    width: 990px;
    max-width: 100%;
    height: 30px;
    visibility: visible;
    z-index: 1000;
    font-size: 12px;
}

.bannerbox  { position: relative; width: 1000px; max-width: 100%; height:304px; z-index:-10; }
.announce1 { position:absolute; top:102px; left:680px; width:314px; height:164px; visibility: visible; z-index:2; }

#topNav {
    margin: 0 0 0 0;
}
#topNav ul, #topNav li {
    list-style:none;
    padding:0px;
    margin:0px;
    z-index: 100;
}

#flyout { width: 100%; }
#flyout li {
    float: left;
    line-height: 28px;
    text-transform: uppercase;
    position: relative;
    background: none;
}

#flyout li a {
    display: block;
    padding: 0 56px 0 15px;
    text-decoration: none;
    background: #000;
    color: #B1CAED;
    border: 1px solid #222222;
}

#flyout li a:hover, #flyout li.hover a {
    background: #ec008c;
    color: #fff;
    border: 1px solid #fcc2e5;
}
/* Top down-downs Menu */
#flyout ul {
    display: none;
    width: 140px;
    border: 1px solid #000000;
    background: #3d3d3d;
    margin-top: 4px;
}

#flyout ul li {
    float: none;
    width: 140px;
    line-height: 16px;
    text-transform: none;
    position: relative;
}
#flyout ul li a {
    width: 120px;
    padding: 3px 6px 3px 12px;
    text-decoration: none;
    background: none;
    color: #B1CAED;
}
#flyout li.hover li a {
    background: none;
    color: #B1CAED;
}
#flyout ul li a:hover {
     background: #ec008c;
    color: #fff;
}

#flyout li:hover ul, #flyout li.hover ul {
    display: block;
    height: auto;
    top: 25px;
    position: absolute;
}

/* -----------------------------------
Second level to nav
----------------------------------- */
#topNav #flyout ul ul { display: none; }
#topNav #flyout ul li:hover ul { display: block; left: 100%; top: 0px; }
#topNav #flyout ul li.hover { background: #ed008c; color: #fff; }
#topNav #flyout ul li a { border: none; background: none;}

/* Sub Menu */
#sub-nav {
	background: #3d3d3d;
	width: 155px;
	margin: 0 auto;
	border: 1px solid #000000;
}
#sub-nav ul {
    background: #3d3d3d;
}
.sub-nav-wrap ul#sub-nav { margin-bottom: 4px; }
#sub-nav li{
	background: none;
	padding: 0;
	margin: 0;
	border: 1px solid #3d3d3d;
}
#sub-nav li a{
	color: #b2caf0;
	display: block;
	padding: 4px 0 4px 4px;
	margin: 0;
}
#sub-nav li a:hover{
	color: #fff;
	background: #ed008c;
	display: block;
}
#sub-nav li.current_page_item a{
	color: #fff;
	background: #ed008c;
	display: block;
}
#sub-nav li.current_page_item li a
{
	background:  #3d3d3d;
	color: #b2caf0;
}

#sub-nav li.current_page_item li a:hover
{
	color: #fff;
}
#sub-nav li.cat-item-5 a
{
	color: #fff;
	background: #ed008c;
	display: block;
}

/* Images
-------------------------------------------------------------- */
p img { max-width: 100%; height: auto; }
img.centered { clear: both; display: block; margin:0 auto 24px; }
img.alignright { float: right; margin: 0 0 8px 24px; display: inline; }
img.alignleft { float: left; margin: 0 24px 8px 0; display: inline; }
form#clean_contact { margin-bottom: 1.3em;	}

/* -----------------------------------
sidebar blog post
----------------------------------- */
h3.sidebar-heading { margin: 10px 0 0 15px; font-size: 1.4em; }
ul.blog-posts { 	margin: 4px 0 0 10px; }

/* -----------------------------------
Comments Styles
----------------------------------- */
.comments-template .commentlist
{
	margin-top: 10px;
}
.comments-template .commentlist li
{
	border: 1px solid #cdcdcd;
	margin: 0;
	background: #d0dcde;
	padding: 5px 10px;
	width: 470px;
}
.comments-template .commentlist li.alt
{
	border-bottom: none;
}
.comments-template .commentlist p
{
	margin: 0;
	padding: 0 0 0.4em 0;
	color: #171717;
}
/* -----------------------------------
Spacer Styles
----------------------------------- */
.spacer01 { margin: 10px 0 20px; clear: both; }
.product-page-intro { font-size: 22px; color: rgb(128, 128, 128); }
.light-blue { color: rgb(0, 153, 204);}
.disclaimer { font-size: 9px;  color: rgb(128, 128, 128);}
.margin-top { margin: 10px 0 10px 0; }
.main .magenta-hover a {color: rgb(0, 153, 204); }
.main .magenta-hover a:hover { color: #EC008C; }

/* New Home Page Boxes --------------- */
.home-wrapper { background: #d4e8dc url(images/special-home-bg.jpg) 0 0 repeat-x; width: 990px; position: relative; margin: 0 0 0 5px; }
.home-banner { margin: 2px 0 0 5px; height: 300px; width: 990px; }
.slider-wrapper-home-slider img { display: block; }
.home-intro { color: #0099CC; font-size: 24px; line-height: 1.2em; margin: 0 0 5px 0;}
.home-box-wrapper { width: 950px; float: left; padding: 20px 0;}
.home-box { float: left; width: 309px; background: #fff; -webkit-border-radius:  6px; -moz-border-radius:  6px; border-radius:  6px; box-shadow: #cdcdcd 2px 2px 5px; }
.home-box h2 { color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 24px; font-weight: 700; margin: 15px 0 20px 0; text-align: center; }
.home-box h2 a { color: #fff; } .home-box h2 a:hover {text-decoration: underline; color: #fff; } .home-box h3 a { color: #333333; }
.home-box h3 { color: #333333; font-size: 18px; color: #333333; font-family: Arial,Helvetica,sans-serif; font-weight: 700; margin: 10px 20px 0 20px; }
.home-box p { margin: 0 20px 20px 20px; color: #333; }
.home-box p.nm { margin: 0; }

.left-box { background: #fff url(images/Tab_Popular_Products.gif) top left no-repeat;  }
.middle-box { margin: 0 12px 0 11px; background: #fff url(images/Tab_Feature_Product.gif) top left no-repeat; }
.right-box { background: #fff url(images/Tab_Specials.gif) top left no-repeat; }
.middle-box img, .right-box img { display: block; padding: 3px 3px; }

.pop-product-wrap { float: left; margin: 3px 0 10px 0; }
.pop-product { border-bottom: 1px solid #00B7EB; float: left; width: 309px; margin: 0 0 3px 0;}
.pop-product h4 { float: left; margin: 13px 0 0 14px; } .pop-product a { color: #333333; } .pop-product a:hover { color: #ff33cc;}
.pop-product img {float: left; width: 135px; }

/* Home Footer Styles---------- */
#special-home .footer-wave{ background:#FFFFFF url("images/wave.png") center bottom no-repeat; height:80px; width:990px; clear: both; }
.footer-wave{ background:#FFFFFF url("images/wave-content.gif") center bottom no-repeat; height:80px; width:990px; }
.footer{ background: url("images/footer_large.gif") repeat-x; height:298px; width:990px; position: relative;}
.footer img{ padding: 43px 0 0 45px; float: left; }
.footer-nav { position: absolute; left: 390px; top: 45px; text-transform: uppercase;}
.footer-list { width: 170px; float: left; margin: 15px 0 0 0px; border-left:1px solid #333333; height: 180px; padding: 0 0 0 8px; display: inline;}
.footer ul {padding-left: 10px; }
.footer ul ul { border: none; margin: 0; padding: 0; }
.footer li{ display: block; color: #fff; margin: 0 0 0.1em 0; padding: 0; background: none;}
.footer .footer-list li li a:hover { color: #ec008c; }
.footer a { color: #fff; font-size: 0.799em; line-height: 1em; text-align:right; text-decoration:none;}
.footer a:hover { color: #ec008c; }
.footer a.sub-page { color:#B3B2B2; }
.footer li.child-page { margin: 0; padding: 0; line-height: 0.8em;} 
.wider { width: 215px; }
.footer .lighter-c { color: #B3B2B2; }

/* Content Footer Styles---------- */
.footer .footer-list li{ display: block; color: #fff; background: none; margin: 0 0 0.1em 0; padding: 0;}
.footer .footer-list li li a { color: #B3B2B2; }
.footer .last-fl li { line-height: 0.3em; }
.footer .last-fl ul ul { border: none; margin: 0; padding: 0; }
.footer .last-fl { height: 138px; }
.footer a{ color: #fff; font-size: 0.799em; line-height: 1em; text-align:right; text-decoration:none;}
.footer a:hover { color: #ec008c; }
.footer .footer-list li li a:hover { color: #0099cc; }
.footer a.sub-page { color:#B3B2B2; }
.footer li.child-page { margin: 0; padding: 0; line-height: 0.8em;}

/* -----------------------------------
Grid Product Page
----------------------------------- */
.spec-grid { width: 755px; margin: 0 auto; }
.row-wrap { margin: 0; width: 755px; overflow: hidden; }
.row-item { float: left; }
.row-item img { margin: 0 0 4px 0; display: block; }
.row-rm { margin: 0 4px 0 0; }

/* -----------------------------------
Prices
----------------------------------- */

.price-wrap { color: #fff; background: #ed008c; width: 100%; margin: 0 0 10px 0; padding: 30px 0; text-align: center;  float: left; }
.price-description { color: #fad9e7; font-size: 200%; width: 10%; float: left; margin: 0 0 0 6em; text-align: right;}
.price-value {  font-size: 500%; font-weight: bold; width: 30%;  float: left; padding: 10px 0 10px 0; margin: 6px 0 0 0; } 
.price-detail { font-size: 200%; font-weight: bold; width: 15%;  float: left; margin: 20px 0 0 0; text-align: left; }
.price-detail sup { font-size: 60%; position: relative; top: 5px; }
.header-mobile {
		background: url('images/footer_large.png') left top repeat;
		display: none;
}



@media only screen and (max-width: 1000px) {

	.container {

		width: 760px;

	}



	.header {

	  	background-size: 100% auto;

	  	height: 39px;

	}	



	.mobile-contact {

		background: #ec008c;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    display: block;

    height: 28px;

    padding: 0 20px;

    text-align: right;

    width: 100%; }



  .mobile-contact span {

    background: url("images/phone.png") left center no-repeat;

    display: inline-block;

    font-size: 14px;

    height: 28px;

    line-height: 28px;

    padding-left: 16px; }



  .mobile-contact span,

  .mobile-contact span a {

    color: #fff;

    font-weight: bold;

    text-decoration: none; }



  .mlogo {

  	padding: 12px 0;

  }



	.mlogo img {

		display: block;

		margin: 0 auto;

		width: 289px;

		max-width: 100%;

	}



	.header-mobile {

		display: block;

		margin: 12px 5px 0;

		width: 750px;

	}



	.headerbox {

		display: none;

	}



	.headerdots {

		height: 18px;

		width: 750px;

	 	left: 5px;

	}



	.navbox {

	  top: 57px;

	}



	.home-banner {

		height: auto;

	  width: 750px;

	}



	.jquery-slider-wrapper,

	.slider-wrapper-home-slider,

	.slider-wrapper-home-slider img {

		max-width: 100%;

	}



	.jquery-slider-wrapper,

	.slider-wrapper-home-slider {

		height: 228px !important;

	}



	.content-header {

	  width: 100%;

	  height: 88px;

	  background-size: auto 100%;

	}



	.home-wrapper {

	  width: 750px;

	}



	.shadowr {

	  left: auto;

	  right: -5px;

	}



	.home-intro {

	  font-size: 22px;

	  line-height: 1.4;

	}



	.home-box-wrapper {

	  width: 740px;

	  padding: 10px 0;

	}



	.home-box {

	  width: 31%;

	  background-size: 100% auto;

	}



	.home-box h2 {

	  font-size: 18px;

	  margin-top: 10px;

	}



	.pop-product {

	  width: 100%;

	}



	.pop-product img {

	  width: 48%;

	}



	.pop-product h4 {

	  width: 48%;

	  margin: 0;

	  float: right;

	  font-size: 13px;

	  line-height: 1.4;

	  padding-top: 3px;

	}



	.home-box h3 {

	  font-size: 16px;

	  line-height: 1.2;

	  padding-bottom: 8px;

	}



	.middle-box img, 

	.right-box img {

	  padding: 0;

	}



	img {

		height: auto;

		max-width: 100%;

	}



	.footer-wave,

	#special-home .footer-wave {

	  width: 100%;

	  background-size: 100% auto;

	}



	.footer-nav {

	  position: static;

	}



	.footer > img {

	  float: none;

	  padding: 23px 0 4px;

	  display: block;

	  margin: 0 auto;

	  height: 60px;

	}



	.footer .last-fl {

	  width: 32%;

	}



	.content-banner {

	  width: 750px;

	  height: auto;

	}



	.wrapper {

	  width: 750px;

	}



	.main-content {

	  width: 520px;

	}



	h2 {

	  font-size: 18px;

	  margin-bottom: 12px;

	}



	.product-page-intro {

	  font-size: 18px;

	}



	.footer-wave {

		background: #FFFFFF url("images/wave.png") center bottom no-repeat;

	}



	.webform_step {

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

		display: block !important;

		max-width: 100%;

	}



	iframe {

		max-width: 100%;

	}



	#main-nav a:hover,

	#show-nav:hover {

		background: #f03ba7;

	}



}



@media only screen and (min-width: 767px) and (max-width: 1000px) {

	#show-nav {

	  background: #ec008c;

	  text-align: right;

	  padding: 0 12px;

	  height: 48px;

	  border-bottom: 1px solid #b1036a;

	  display: none;

	}



	#show-nav a {

	  color: #fff;

	  height: 48px;

	  line-height: 48px;

	  font-size: 16px;

	}



	#main-nav {

		background: #ec008c;

		display: block !important;

	}



	#main-nav ul {

		border-top: 1px solid #b1036a;

	  margin: 0;

	}



	#main-nav ul li {

	  border: 0;

	  float: left;

	  margin: 0;

	  padding: 0;

	  position: relative;

	}



	#main-nav a {

		background: #ec008c;

	  color: #fff;

	  display: block;

	  padding: 0 16px;

	  font-size: 15px;

	  height: 48px;

	  line-height: 48px;

	}



	#main-nav .children {

	  display: none;

	  position: absolute;

	  top: 100%;

	  left: 0;

	  z-index: 9999;

	  width: 200px;

	}



	#main-nav .children ul {

	  top: -2px;

	  left: 100%;

	  border-left: 1px solid #f22da2;

	}



	#main-nav li:hover > .children {

		display: block;

	}



	#main-nav .children li {

		border-top: 1px solid #f22da2;

	  border-bottom: 1px solid #b1036a;

		float: none;

	}

}





@media only screen and (max-width: 767px) {

	.container {

		width: 100%;

                max-width: 480px;

	}



	.header-mobile {

		margin: 0;

		width: 100%;

	}



	.home-wrapper {

	  background: #eee;

	  margin: 0;

	  text-align: center;

	}



	#special-home .footer-wave {

	  background-color: #eee;

	}



	.content-banner,

	.home-banner {

		margin: 0;

	  width: 100%;

	}



	.content-banner {

		margin: 0;

		padding: 0;

	}



	.content-banner img {

		display: block;

	}



	.content-header h2 {

	  top: 0;

	  left: 63px;

	  font-size: 12px;

	  line-height: 84px;

	}



	.home-intro {

	  font-size: 16px;

	}



	.home-box {

	  float: none;

	  margin: 0 auto 24px;

	  padding-bottom: 4px;

	  width: 300px;

	  max-width: 100%;

	}



	.home-box h2 {

	  margin: 0;

	  padding: 21px 0;

	}



	.wrapper,

	.home-box-wrapper {

	  width: 100%;

	}



	.footer { 

		background: url("images/footer_large.png") repeat; 

		height: auto; 

		width: 100%;

		border-bottom: 6px solid #000;

		border-top: 6px solid #000;

		text-align: center;

	}



	.footer > img {

		padding-bottom: 30px;

	}



	.footer .last-fl {

	  float: none;

	  width: 80%;

	  height: auto;

	  display: block;

	  margin: 0 auto;

	  border: 0;

	}



	.footer ul {

	  padding: 0 0 20px;

	}



	.footer .footer-list li {

	  font-size: 14px;

	  line-height: 1;

	}



	.footer-wave {

		background: #FFFFFF url("images/wave.png") center bottom no-repeat;

	}



	.main-content {

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

		display: block;

		float: none;

		padding-bottom: 24px;

		width: 100%;

		text-align: center;

	}



  	.product-page-intro {

	  font-size: 16px;

	}



	.content {

	  background: none;

	}



	.sub-nav-wrap {

	  display: block;

	  float: none;

	  width: 90%;

	  margin: 0 auto;

	}



	.sub-nav-wrap ul#sub-nav {

	  width: 90%;

	}



	.webform_step label,

	.webform_step input,

	.webform_step td {

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

	  display: block;

	  width: 100%;

	}



	h3 {

	  font-size: 16px;

	}



	input.vfb-medium, input[type="text"].vfb-medium, input[type="tel"].vfb-medium, input[type="email"].vfb-medium, input[type="url"].vfb-medium, select.vfb-medium {

	  width: 100%;

	}



	#show-nav {

	  background: #ec008c;

	  text-align: right;

	  padding: 0 12px;

	  height: 48px;

	  border-bottom: 1px solid #b1036a;

	  display: block;

	}



	#show-nav a {

	  color: #fff;

	  height: 48px;

	  line-height: 48px;

	  font-size: 16px;

	}



	#main-nav {

		display: none;

	}



	#main-nav ul {

		border-top: 1px solid #b1036a;

	  margin: 0;

	}



	#main-nav ul li {

	  background: #ec008c;

	  border-top: 1px solid #f22da2;

	  border-bottom: 1px solid #b1036a;

	  margin: 0;

	  padding: 0;

	}



	#main-nav a {

	  color: #fff;

	  display: block;

	  padding: 0 16px;

	  font-size: 15px;

	  height: 42px;

	  line-height: 42px;

	}



	#main-nav .children {

	  display: none;

	}



	#main-nav li:hover > .children {

		display: block;

	}



	.footer .footer-list li {

	  line-height: 1.2;

	  margin-bottom: 8px;

	}



	.footer .last-fl ul ul {

	  padding-top: 8px;

	}



	.footer a {

	  font-size: 14px;

	  line-height: 1.3;

	}



}



@media only screen and (min-width: 480px) and (max-width: 767px) {

	.container {

		width: 420px;

	}



	.headerdots {

		width: 410px;

	}



	.jquery-slider-wrapper, 

	.slider-wrapper-home-slider {

	  height: 126px !important;

	}



	.home-box-wrapper {

		width: 380px;

	}





}



@media only screen and (max-width: 479px) {

	.jquery-slider-wrapper, .slider-wrapper-home-slider {

	  height: 120px !important;

	}



	.headerdots {

	  width: 270px;

	}



	.home-box h2 {

	  padding: 20px 0;

	}



	.content-header h2 {

	  line-height: 1.7;

	  top: 21px;

	  text-align: left;

	}

}



@media only screen and (max-width: 374px) {

	.jquery-slider-wrapper, .slider-wrapper-home-slider {

	  height: 84px !important;

	}

}