@media screen and (max-width: 1080px) {
	#menuIcon{
    	position: absolute;
    	cursor: pointer;
		width: 35px;
    	top: 95px;
    	left: 20px;
	}

	#wrapper{
		background: #fff;
		padding: 0;
	}
}

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


dl.dropdown{
	background: #6d9d30
}

.dropdown dd {
	margin-left: 30px;
	position: unset;
	display: block;
	margin-top: 0;
	opacity: 1;
}

.dropdown dd  ul li{
	position: relative;
}

.dropdown dd  ul li:before{
    position: absolute;
    content: '»';
    color: #fff;
    left: 7px;
    top: 10px;
}

.dropdown dd a.underline{
	border: 0
}
	dl dt ul{
		background: none !important;
	}
	#content-split{
		background: none
	}

	#content-left #left-nav ul li.l-nav-bottom{
		width: 100%;
		box-sizing: border-box;
	}

	#content{
		padding-top: 40px;
	}

	#content-left{
		width: 21%;
		background: url(../images/bg-left-content.jpg) repeat-y right;
	}

	.content-right{
		width: 78%
	}

	#content-left #left-nav ul li{
		box-sizing: border-box;
		width: 100%
	}

	#menuIcon,.menu_cross_icon{
    	display: block !important;
	}

	#top-nav{
		/*	display: none; */
		background:  #6d9d30;
		position: absolute;
		padding-top: 10px;
		height: 100%;
		width: 320px;
		left: -340px;
		top: 0
	}

	#top-nav span.hide{
		display: block !important;
		visibility: visible !important;
	}

	#top-nav a {
		color: #fff !important
	}

	#top-nav-home-on{
		background:  none !important
	}

	#top-nav ul{
		width: 100%
	}

	#top-nav li{
		
		float: none;
		width: 100%
	}

	#top-nav li a{
		padding: 10px 0 10px 20px;
		height: auto
	}

	#top-nav li a:hover{
		background: #92b742 !important
	}

	#top-nav dl{
		float: none;
	}
	#homewide2{
		width: 100%
	}

	#header-right{
		width: auto;
	}

	#wrapper{
		width: 100% !important;
	}

	#content{
		box-sizing: border-box;
		width: 100%;
	}

	#header, #footer, #content{
		width: 100%
	}


	.menu_cross_icon{
		text-align: right;
		padding: 0 10px;
	}

	.menu_cross_icon img{
		width: 28px
	}
	#top-nav span.hide{
		display: block !important;
		visibility: visible !important;
	}

	

	#top-nav-home-on{
		background:  none
	}

	#collections{
    	margin: 0 auto;
		width: 70%;
	}

	#collections li{
		width: 48% !important;
		border: #a8bc74 solid 1px;
    	border-radius: 10px;
    	margin-right: 2% !important;
    	margin-left: 0 !important;
    	height: auto !important;
    	background: #f1f1f1 !important;
    	margin-bottom: 20px !important

	}

	#collections li:nth-child(even) {
		margin-right: 0  !important;
	}

	ul#collections-list li h3{
		padding: 3px 0 12px
	}


	#collections li .image img{
		width: 100%
	}

	#footer{
		border-radius: 12px 12px 0 0;
	    box-sizing: border-box;
	    background: #dad6cb;
	    margin: 40px auto 0;
	    width: 96%;
	}

	#footer #links{
		width: 70%
	}

	#footer .banner-face_tweet{
		width: 30%
	}
}

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

	#content-left{
		width: 28%;
	}
	.content-right{
		width: 70%
	}	

}

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

	#products ul.product li.add a{
    width: 14px !important;
    overflow: hidden;
    display: block;
    padding-right: 0px;
    box-sizing: border-box;
    text-indent: 20px;

    padding-left: 0;
    float: none;
    height: 19px;
    margin: 0 auto;
}

#products ul.product{
	overflow: hidden;
}

#products ul.product li.pname{
	width: 40%
}

#products ul.product li.pdesc{
	width: 24%
}

#products ul.product li.dlink{
	width: 8%
}

#products ul.product li.price{
	width: 9%;
}

#products ul.product li.add{
	width: 25px;
	padding: 0;
}

	#footer #links{
		width: 100%
	}

	#footer-links{
		position: unset
	}

	#footer #links{
		width: 100%;
	    float: none;
    	overflow: hidden;
	}

	#footer .banner-face_tweet {
	    text-align: left;
	    position: unset;
	    padding:10px 0;
	    width: 30%;
	    float: left;
	}

	#footer #search {
		position: unset;
		padding: 10px 0;
		float: right;
		width: auto;
	}
}

@media screen and (max-width: 680px) {
	#collections{
    	margin: 0 auto;
		width: 80%;
	}
}

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

	#footer ul li{
		margin-bottom: 10px;
	}

	#logo{
		text-align: center;
		width: 100%;
		float: none;
		height: auto;
	}

	#header-help-cart{
		float: none;
    	margin: 0;
	}
}

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

.content-subsection img{ max-width: 100%;
  height: auto;  }
#content-left #left-nav ul ul{
	    background: url(../images/bg-left-content.jpg) repeat-y scroll right #fff;
	    padding: 2px 0 8px 15px
	width: 100%
}
.content-subsection input[type="text"], .content-subsection input[type="email"] , .content-subsection input[type="tel"], .content-subsection input[type="password"]{
    width: 100%;
}
.wholereasons p {
    font-size: 16px;
    line-height: 130%;
}
.jump-down{
	margin-bottom: 0px;
}
#products ul.product li.add a{
    width: 14px !important;
    overflow: hidden;
    display: block;
    padding-right: 0px;
    box-sizing: border-box;
    text-indent: 20px;

    padding-left: 0;
    float: none;
    height: 19px;
    margin: 0 auto;
}

.content-right .content-section .img-right{
	box-sizing: border-box;
	float: none;
	width: 100%
}
.intro-text-left{
	float: none;
	width: 100%;
}

.product-details-img, .product-list-img{
    margin: 0 auto;
    float: none;
	width: 60%;
}

.product-details-img img, .product-list-img img{
	width: 100%;
	padding-bottom: 10px
}

.product-details-info, .product-list-info{
	width: 100%;
	padding: 0;
	float: none;
}

.product-details-cart, .product-list-cart{
    box-sizing: border-box;
    padding: 12px 0 0 0;
    text-align: left;
	float: none;
    width: 100%;
}

#contact-us-content-right img.img-right{
    box-sizing: border-box;
	padding: 0 0 10px 0;
    width: 100%;
	float: none;
}

#contact-us-lead table td{
	padding-right: 0;
	padding-left: 0;
	display:block;
	width:99.9%;
	clear:both;
}

#contact-us-lead table tr td:nth-child(odd) {
	padding-bottom: 0;
}

#contact-us-lead table tr td input{
	box-sizing: border-box;
	width: 100% !important;
}

#contact-us-lead table input[type=text],#contact-us-lead table textarea{
	box-sizing: border-box;
	width: 100%
}

	#content{
		padding-top: 0;
	}
	#content-left{
		width: 100%;
	}
	.content-right{
		width: 100%
	}	
}

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

	.product-details-img, .product-list-img{
		width: 90%
	}

	#collections{
    	margin: 0 auto;
		width: 90%;
	}
}


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

	#logo img{
		width: 90%
	}

	#footer .banner-face_tweet{
		padding-bottom: 0;
		width: 100%;
	}

}