* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }



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



body { padding: 0px; margin: 0px; font-family: 'Open Sans', sans-serif; }
.hdbghome{background:#9de5f1 url("../image/body-bg.png") no-repeat scroll 0 0 / 100% auto;}
.hdbgother{background:#9de5f1 url("../image/body1-bg.png") no-repeat scroll 0 0 / 100% auto;}


img {max-width:100%; display:block;}



a { text-decoration: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; font-family: 'Open Sans', sans-serif; }



a:hover { text-decoration: none; }



img {margin:0px; display:block;}



ul, ol { margin: 0px; padding: 0px; list-style: none; }



h1, h2, h3, h4, h5, h6 { margin: 0px; font-weight: normal; }



input, textarea {margin:0px; padding:10px; border:0px; background-color:#eaeaea;  line-height:34px;  font-size:15px; color:#5e5e5e;}







.wrapper { width: 1140px; margin: 0px auto; position:relative; }







h1{ font-size:48px; color:#fff; margin-bottom:44px; }



h2{ font-size:28px; color:#5d5d5d; margin-bottom:25px;}



h3{ font-size:30px; color:#fff; margin-bottom:30px;}



h4{ font-size:27px; color:#332d2d; margin-bottom:30px;}







p {font-size:16px; color:#fff; font-family: 'Open Sans', sans-serif;}







/* header */



header {width:100%; float:left; background:rgba(0, 0, 0, 0) url("../image/header-bg.png") no-repeat scroll center top / 95% auto; }







/* logo */



header a.logo {width:25%; float:left; text-align:center; margin:30px 0 0 0;}



header a.logo img {display:inline-block;}







/* menu top */



header .product-box {width:50%; float:left; background:url(../image/rainbow.png) center 23px no-repeat; padding:114px 40px 0 40px;}



header .product-box ul {width:auto; float:left;}



header .product-box ul li {width:auto; float:left;}



header .product-box ul li a {margin:0px 0 0 25px; padding:0px 20px; line-height:40px; border-radius:10px 10px 0 0; font-size:16px; color:#fff; background-color:#fd4466; display:block; font-weight:bold; text-transform:uppercase; position:relative; box-shadow:5px 4px 5px rgba(255, 255, 255, 0.6) inset, 0 0 4px rgba(0, 0, 0, 0.3) inset;}



header .product-box ul li a:hover.shopping,school,product{ background:#00a8ea;}



header .product-box ul li a:hover.school,product{ background:#00a8ea;}



header .product-box ul li a:hover.product{ background:#00a8ea;}



header .product-box ul li a.shopping {background-color:#8c42cd; margin-left:5px;}



header .product-box ul li a.school {background-color:#f02e2c; margin-left:5px;}



header .product-box ul li a.product:before {content:''; position:absolute; bottom:33px; left:50%; background:url(../image/horse.png) left top no-repeat; width:79px; height:70px; margin-left:-39.5px;}



header .product-box ul li a.shopping:before {content:''; position:absolute; bottom:35px; left:50%; background:url(../image/shoping.png) left top no-repeat; width:60px; height:63px; margin-left:-30px;}



header .product-box ul li a.school:before {content:''; position:absolute; bottom:30px; left:50%; background:url(../image/school.png) left top no-repeat; width:51px; height:69px; margin-left:-25px;}







/* search */



header .product-box .search {width:100%; float:left; background-color:#fdfd2d; border-radius:50px; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.41); padding:5px;}



header .product-box .search input {width:88%; float:left; background:#fff; border:0px; border-radius:50px; height:44px; line-height:44px;}



header .product-box .search .buttn{width:54px; float:left; background:url(../image/search-button.png) center top no-repeat; border:0px; border-radius:0; height:44px; cursor: pointer;}







.menu-toggle



{	display:none;



}



#nav li:hover > ul {



	background: #69bd43 none repeat scroll 0 0;



	border-top: 1px solid #fff;



	display: block !important;



	min-height: 128px;



	z-index: 99999;



}



#nav li li {



	border-bottom:1px solid #fff;



}



#nav li li a {



	line-height:35px;



}



#nav li li ul {



	margin-left: 99%;



	margin-top: -29px;



}



#nav li li:hover ul {



	display: block!important;



}



/* login register */



header .login-register {width:25%; float:left; margin:12px 0 0 0;}



header .login-register ul {width:auto; float:left;}



header .login-register ul li {min-width:105px; margin-left:5px; float:left;}



header .login-register ul li a {display:block; padding:0px 22px 0 50px; margin:0px; background:#fa7003; border-radius:50px; line-height:35px; font-size:16px; color:#fff; text-transform:uppercase; position:relative;}



header .login-register ul li a.register {background:#8a40d1;}



header .login-register ul li a:before {content:''; position:absolute; left:0px; top:0px; width:50px; height:35px; background:url(../image/login-icon.png) 50% 50% no-repeat;}



header .login-register ul li a.register:before {background:url(../image/register-icon.png) 50% 50% no-repeat;}



header .login-register ul li a:hover{ background:#fd4466;}







/* cart */

header .cart {  background: rgba(0, 0, 0, 0) url("../image/cart-babalo.png") no-repeat scroll left top; float: left; margin-top: 14px;  padding: 70px 7.7% 49px 15.4%;position: absolute; right: -4.1%; top: 43px; width: 36%;}



header .cart  #cart-total {  border: medium none !important;

    border-radius: 0;

    box-shadow: 0 0 0 !important;

    color: #000;

    float: left;

    font-size: 15px;

    line-height: 19px;

    margin: 0;

    text-align: left;}

header .cart  #cart-total span {font-size:16px; color:#d75b00;}

header .cart .cart-box .bag-contant .button {font-size:14px; color:#fff; float:left; text-transform:uppercase; background-color:#a04206; border-radius:50px; padding:0 15px; line-height:26px; display: block;}

header .cart .fa-shopping-cart{display:none;}

.btn.btn-inverse.btn-block.btn-lg.dropdown-toggle{background:none; border:none; width:auto; height:auto;}

/* menu */



header .menu {float:left; width:100%; margin:30px 0 50px 0; position:relative; background:url(../image/menu-bg.jpg) left top repeat-x;}



header .menu:before {content:''; position:absolute; top:0; left:-64px; background:url(../image/menu-left.png) left top no-repeat; width:64px; height:40px;}



header .menu:after {content:''; position:absolute; top:0; right:-19px; background:url(../image/menu-bg.jpg) left top repeat-x; width:19px; height:40px; border-radius:0 10px 10px 0;}



header .menu ul {float:left; width:auto;}



header .menu ul li {float:left; width:auto;}



header .menu ul li a {display:block; line-height:40px; padding:0px 25px; margin:0px; font-size:15px; color:#fff; text-shadow:1px 1px 1px rgbaa(0, 0, 0, 0.35); text-transform:uppercase; font-family: 'Oswald', sans-serif; font-weight:400;}



header .menu ul li a:hover{ color:#4e6620;}

/* section */
.banner-bg{ width:100%; float:left;}
.banner-bg .categories{ width:18%; float:left;}
.banner-bg .categories h3{ width:100%; float:left; position:relative; font-family: 'Aladin', cursive; font-weight:400; background:url(../image/menu-bg.jpg) left top repeat-x; font-size:35px; color:#fff; text-shadow:0 0 0 #000; margin:0px; text-shadow:-2px -2px 0 #4c641f, 2px -2px 0 #4c641f, -2px 2px 0 #4c641f, 2px 2px 0 #4c641f; padding:0 0 0 10px; line-height:40px;}
.banner-bg .categories h3:before {content:''; position:absolute; top:0; left:-64px; background:url(../image/menu-left.png) left top no-repeat; width:64px; height:40px;}
.banner-bg .categories h3:after {content:''; position:absolute; top:0; right:-10px; background:url(../image/menu-bg.jpg) left top repeat-x; width:19px; height:40px; border-radius:0 10px 10px 0;}
.banner-bg .categories ul {padding:0px 0 40px 0; margin:0px; display:block; border-radius:0px 0 10px 10px; background-color:#779c31; clear:both;}
.banner-bg .categories ul li {padding:0px; margin:0px;}
.banner-bg .categories ul li a {padding:0px 0 0 15px; font-family: 'Oswald', sans-serif; font-weight:400; position:relative; margin:0px; display:block; font-size:15px; line-height:40px; color:#fff;}
.banner-bg .categories ul li a:before {content:''; position:absolute; right:13px; top:50%; border:solid 6px rgba(0, 0, 0, 0); border-left:solid 6px #fff; width:0px; height:0px; margin-top:-6px; text-transform:uppercase;}
.banner-bg .categories ul li a:hover { background:rgba(0, 0, 0, 0.3);}
.banner-bg .banner {background:#fc7116; float:right; width:76%; border-radius:15px; position:relative; padding:22px 22px 40px 22px;}
.banner-bg .banner:before {content:''; position:absolute; bottom:-30px; left:0; background:url(../image/banner-sho.png) center top no-repeat; width:100%; height:30px;}
.banner-bg .banner .banner-box {float:left; width:100%; position:relative; z-index:9;}
.banner-bg .banner .banner-box:before {content:''; position:absolute; top:-40px; left:-110px; background:url(../image/banner-1.png) left top no-repeat; width:151px; height:197px;}
.banner-bg .banner .banner-box:after {content:''; position:absolute; top:-17px; right:-64px; background:url(../image/banner-2.png) left top no-repeat; width:142px; height:76px;}
.banner-bg .banner .banner-box .flexslider {float:left; width:100%; z-index:99; position:relative;}
.banner-bg .banner .banner-box .flexslider:before {content:''; position:absolute; bottom:-100px; left:-80px; background:url(../image/banner-3.png) left top no-repeat; width:139px; height:203px; z-index:9999;}
.banner-bg .banner .banner-box .flexslider:after {content:''; position:absolute; bottom:-88px; right:-103px; background:url(../image/banner-4.png) left top no-repeat; width:147px; height:182px;}

/* section promotion */



.promotion-bg {width:100%; float:left; margin-top:67px; background:#9de5f1;}

.promotion-bg .promotion {width:100%; float:left; position:relative; background:#fff; border:solid 3px #8fd0db; border-radius:20px; padding:57px 45px 38px 45px;}

.promotion-bg .promotion:before {content:''; position:absolute; bottom:-30px; left:0; background:url(../image/banner-sho.png) center top no-repeat; width:100%; height:30px;}

.promotion-bg .promotion h2.title {font-family: 'Aladin', cursive; font-size:56px; color:#00aeed; position:absolute; margin:0; top:-37px; text-shadow:-2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;}

.promotion-bg .promotion h2.new-products-title {font-family: 'Aladin', cursive; font-size:56px; color:#f16428; position:absolute; margin:0; top:-37px; text-shadow:-2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;}

.promotion-bg .promotion h2.best-sellers-title {font-family: 'Aladin', cursive; font-size:56px; color:#ed2683; position:absolute; margin:0; top:-37px; text-shadow:-2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;}



.promotion-bg .promotion .promotion-box {width:100%; float:left; padding:0 10px;}

.promotion-bg .promotion .promotion-box .promotion-img {background: #f3c00f; padding:5px; margin:10px 0; color: #FFF;  text-align: center;} 

.promotion-bg .promotion .promotion-box .promotion-img img {max-width:100%;}

.promotion-bg .promotion .promotion-box h4 {font-family: 'Bubblegum Sans', cursive; font-size:18px; color:#00aeed; margin-bottom:20px;}

.promotion-bg .promotion .promotion-box p {margin-bottom:10px; padding:0;}

.promotion-bg .promotion .promotion-box a {font-size:14px; color:#00aeed; margin-bottom:20px; float:left;}

.promotion-bg .promotion .promotion-box .prise-box {width:100%; float:left; padding:0; background:#eee8d5; border-radius:10px; box-shadow:inset 0 -3px 0 #dad1b6; }

.promotion-bg .promotion .promotion-box .prise-box span {width:auto; float:left; line-height:54px; font-family: 'Bubblegum Sans', cursive; font-size:25px; color:#eb2a04; margin:0; padding-left:15px;}

.promotion-bg .promotion .promotion-box .prise-box a.cart-icon-promotion {width:57px; height:57px; background:url(../image/product-cart.png) 50% 50% no-repeat; float:right; margin:0;}





/* section  contant*/











.contant-bg{width:100%; float:left; margin:54px 0 0;}
.contant-bg1{margin:0!important;}


.contant-bg .box-class{border:5px solid #8fd0db; float:left; border-radius:12px; margin:44px 0 20px; background:#FFF; padding:30px; position:relative; width:100%;}



.contant-bg .title{position: absolute;  left: 5%;  top: -36px;}



.contant-bg .box-class::before{ background: rgba(0, 0, 0, 0) url("../image/banner-sho.png") no-repeat scroll center top;  bottom:-35px;    content: ""; height: 30px; left: 0; position: absolute;  width: 100%;}



.contant-bg .promotions-pa{width:100%; float:left;}



.contant-bg .promotions-pa ul{float:left; width:100%;}



.contant-bg .promotions-pa li{  float: left; font-family: "Bubblegum Sans",cursive; margin: 0 13px;  width: 241px !important;}



.contant-bg .promotions-img{float:left;padding:5px;}



.contant-bg .promotions-img img{ border:4px solid #f3c00f;float:left;}



.contant-bg .text-img{float:left;padding:0 10px;}



.contant-bg .text-img h1{  color: #00aeed;

    font-family: "Bubblegum Sans",cursive;

    font-size: 20px;

    margin-bottom: 0;

    margin-top: 15px;

    min-height: 44px;}



.contant-bg .text-img h1 a{font-size:20px; color:#00aeed; margin-bottom:25px; margin-top:15px;  font-family: "Bubblegum Sans",cursive; }



.contant-bg .text-img h6{font-size:14px; color:#00aeed; margin-top:15px;  font-family: 'Open Sans', sans-serif; }



.contant-bg .text-img p{font-size:14px; color:#555555; margin-top:15px;  font-family: 'Open Sans', sans-serif; }



.contant-bg .button-img{background:#eee8d5 none repeat scroll 0 0; margin-top:20px; border-radius:8px; box-shadow:0 4px 0 #dad1b6; float:left;  margin:20px 0 4px 0px;}

.button-img > button{background:none; padding:8px; border:none; width:212px; cursor: pointer; z-index: 99999999;  position: relative;}



.contant-bg .button-img img {float: right;}



.contant-bg .button-img span{color: #eb2a04; padding:17px 0 0 6px; position:absolute; float:left; font-family: "Bubblegum Sans",cursive; font-size: 25px;  }



.contant-bg .box-class-1{border-color:#f16428;}



.contant-bg .box-class-2{border-color:#ed2683;}



.contant-bg .box-class-1 h1{margin-bottom:0;}



.contant-bg .box-class-2 h1{margin-bottom:0;}



/* section  text*/



.contant-bg .section-text{width:100%; float:left; margin-top: 20px;}



.contant-bg .section-text .left-section{width:67%; float:left;}







.contant-bg .section-text .left-section .title-section{background:rgba(0, 0, 0, 0) url("../image/title-img.png") no-repeat scroll 0 0 / 100% auto; color: #fff; float: left; font-family: "Aladin",cursive; font-size: 45px; padding: 51px 0 69px 30px; width: 100%;}



.contant-bg .section-text .left-section .text-section{background:#fff; padding:15px; width:100%; position:relative; float:left;}



.contant-bg .section-text .left-section .text-section p{font-size:15px; color:#555555; float:left; margin-bottom:20px; margin-top:0px;}



.contant-bg .section-text .left-section .bottom-section{background:rgba(0, 0, 0, 0) url("../image/bottom-img.png") no-repeat scroll 0 0 / 100% auto; float: left; height: 82px; width: 100%;}







.contant-bg .section-text .right-section{width:30%; float:right;}



.contant-bg .section-text .right-section .title-section{background:rgba(0, 0, 0, 0) url("../image/right-title-img.png") no-repeat scroll 0 0 / 100% auto; color: #fff; float: left; font-family: "Aladin",cursive; font-size:39px; padding:47px 0 38px 30px; width: 100%;}



.contant-bg .section-text .right-section .text-section{background:#fff; padding:15px; width:100%; position:relative; float:left; border-radius:0 0 10px 10px;}



.contant-bg .section-text .right-section .text-section p{font-size:15px; color:#555555; float:left; margin-bottom:20px; margin-top:0px;}



.contant-bg .section-text .right-section .logo-img{width:100%; text-align:center; float:left; margin:10px 0 0;}



.contant-bg .section-text .right-section .logo-img img, .text-img img{margin:auto; text-align:center;}



.contant-bg .section-text .right-section .text-img{width:100%; text-align:center; float:left; margin:10px 0;}







.contant-bg  .promotions-pa .slider-wrap{position: relative; width:100%;}



.contant-bg  .promotions-pa .slider {position: relative; width:100%; margin: auto;}



.contant-bg  .promotions-pa .slider-1 {position: relative; width:100%; margin: auto;}



.contant-bg  .promotions-pa .slider-2 {position: relative; width:100%; margin: auto;}



.contant-bg  .promotions-pa .slider-arrow{border-radius:50%; color:#fff; height:90px; position:absolute; text-align:center; text-decoration: none; top:41%; width:50px;}



.contant-bg  .promotions-pa .sa-left{left:-60px;}



.contant-bg  .promotions-pa .sa-right{right:-60px;}







/* footer section */



footer{width:100%; position: relative;  background:rgba(0, 0, 0, 0) url("../image/footer-bg.png") no-repeat scroll 0 0 / 100% auto; float:left;  padding:88px 0 0;}



footer .footer-top-row{width:100%; float:left;}



footer .footer-top-row .our-newsletter{width:460px; float:left; margin:0 0 0 23%;} 



footer .footer-top-row .our-newsletter h1{font-size:45px; color:#fff; font-family: "Aladin",cursive; margin:0px; padding:0px;  width:100%; text-align:center; }



footer .footer-top-row .our-newsletter h3{ margin:0 0 10px 0; padding:0px; font-size:25px; font-family: 'Open Sans', sans-serif; width:100%; text-align:center; }



footer .footer-top-row .our-newsletter .footer-input{background: #fff none repeat scroll 0 0;  border-radius: 8px; float:left; width:100%;}



footer .footer-top-row .our-newsletter .footer-input #newsemail{ font-size:16px; text-transform:uppercase;  background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-radius:8px; float:left; text-indent: 10px;  height:45px; line-height: 21px; padding: 0; width: 67%;}

footer .footer-top-row .our-newsletter #subscribebutton{ background: #f5ca00 none repeat scroll 0 0;border: medium none; border-radius:8px;   float:right; cursor: pointer; font-family:"Open Sans",sans-serif; font-size: 16px; font-weight: bold; line-height:45px; padding:0 24px; text-transform: uppercase; width: auto; }



footer .footer-top-row .footer-logo{ float: right; margin: 87px 10% 0 0;}



footer .footer-next-row{width:100%; float:left; margin:20px 0 0;} 



footer .footer-next-row .footer-menu{width:13%; margin-right:10px; float:left;}



footer .footer-next-row .footer-menu ul{float:left; width:100%;}



footer .footer-next-row .footer-menu ul li{float:left; line-height: 22px; color:#FFF; font-size:14px; font-weight:bold; text-transform:uppercase; width:100%;}



footer .footer-next-row .footer-menu ul li a{font-size:13px; color:#FFF; text-transform:capitalize;  width:100%; font-weight:500; }



footer .footer-next-row .footer-menu ul li a:hover{ color:#d03458;}



footer .footer-next-row .footer-contact{float:left; width:35%;}



footer .footer-next-row .footer-contact .footer-contact-row{width:100%; margin:8px 0 14px 0; float:left;}



footer .footer-next-row .footer-contact .footer-contact-img{float:left; margin-right:10px;}



footer .footer-next-row .footer-contact .footer-contact-text {float:left; }



footer .footer-next-row .footer-contact .footer-contact-text label{color: #fff; display: table; font-size: 14px; font-weight: bold;  text-transform: uppercase; width: auto;}



footer .footer-next-row .footer-contact .footer-contact-text p{float:left; font-size:16px; color:#FFF; margin:0px; padding:0px;}



footer .footer-follow{float:left; width:20%;}



footer .footer-follow ul{margin:0px; padding:0px; width:100%; float:left;}



footer .footer-follow li {float:left; margin: 10px 4px 20px;}



footer .footer-follow li a{ width:35px; height:35px; display:block;}



footer .footer-follow li a.facebook{ background:url(../image/facebook.png) left top no-repeat;}



footer .footer-follow li a.facebook:hover{ background:url(../image/facebook-h.png) left top no-repeat;}



footer .footer-follow li a.twitter{ background:url(../image/twitter.png) left top no-repeat;}



footer .footer-follow li a.twitter:hover{ background:url(../image/twitter-h.png) left top no-repeat;}



footer .footer-follow li a.google{ background:url(../image/google.png) left top no-repeat;}



footer .footer-follow li a.google:hover{ background:url(../image/google-h.png) left top no-repeat;}



footer .footer-follow li a.linkedin{ background:url(../image/linkedin.png) left top no-repeat;}



footer .footer-follow li a.linkedin:hover{ background:url(../image/linkedin-h.png) left top no-repeat;}







footer .footer-follow h1{margin:0px; padding:0px; font-size:14px; color:#FFF; font-weight:bold;}



footer .footer-bottom{width:100%; float:left;}



footer .footer-bottom p{float: left; font-size:14px; padding:10px; width:100%;}



footer::before {background: rgba(0, 0, 0, 0) url("../image/footer-carton.png") no-repeat scroll left top; bottom: 0; content: "";  height: 187px;
position: absolute; right: 28%; width: 124px;}

.promotion-box {
    padding: 10px;
}

.cart-chkout > strong {
    background: #a04206 none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    display: table;
    float: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    margin: auto;
    text-align: center;
    text-transform: uppercase;
    width: 103px;
}

@media screen and (max-width: 1270px) and (min-width:1170px)

{

body{background-size:100% 23%;}	

.wrapper { width:1040px; margin: 0px auto; }

.contant-bg .promotions-pa .slider-2{width:100% !important;}

header a.logo{width:22%; margin:10px 0 0;}

header .product-box{padding:114px 30px 0;}

header .login-register{width: 28%;}

header .cart{background-size:100% 100%;}

.contant-bg .promotions-pa li{width: 216px !important; }

.contant-bg .section-text .left-section .title-section{padding:51px 0 56px 30px; font-size:40px; }

footer{background-size:100% 100%;}	

.contant-bg .section-text .right-section .title-section{padding:38px 0 38px 30px;}

footer .footer-top-row .our-newsletter{margin:0 0 0 22%;}

}

@media screen and (max-width:1170px) and (min-width:1070px)

{

.wrapper { width:940px; margin: 0px auto; }

body{background-size:100% 22%;}	

.contant-bg .promotions-pa .slider-2{width:100% !important;}

header a.logo{width:19%; margin:10px 0 0;}

header .product-box{padding:114px 5px 0;}

header .login-register{width:30%;}

header .cart{background-size:100% 100%; padding:70px 8.7% 49px 16.4%; right:-6.1%; width:40%;}

.contant-bg .promotions-pa li{width:190px !important; }

.banner-bg .categories ul li a{font-size:13px;}

.contant-bg .section-text .left-section .title-section{padding:42px 0 56px 20px; font-size:36px; }

.contant-bg .section-text .right-section .title-section{padding:36px 0 32px 30px; font-size:35px;}

footer .footer-top-row .our-newsletter{margin:9px 0 0 19%;}

footer .footer-top-row .footer-logo{margin:83px 5% 0 0;}

footer .footer-top-row .our-newsletter .footer-input #newsemail{width:67%;}

footer{background-size:100% 100%;}	

}

@media screen and (max-width:1070px) and (min-width:970px)

{

.wrapper { width:840px; margin: 0px auto; }

body{background-size:100% 22%;}	

.contant-bg .promotions-pa .slider-2{width:100% !important;}

header a.logo{width:19%; margin:10px 0 0;}

header .product-box{padding:114px 0 0;}

header .product-box .search input{width:86%;}

header .product-box ul li{width:132px; text-align:center;}

header .login-register ul li a{   font-size: 13px; padding:0 22px 0 43px;}

header .product-box ul li a{font-size: 11px;}

header .login-register{width:30%;}

header .cart{background-size:100% 100%; padding:60px 7.7% 39px 17.4%; right:-6.1%; width:40%;}

.contant-bg .promotions-pa li{width:165px !important; }

.banner-bg .categories ul li a{font-size:12px;}

.contant-bg .section-text .left-section .title-section{padding:41px 0 48px 20px; font-size:31px; }

.contant-bg .section-text .right-section .title-section{padding:34px 0 30px 30px; font-size:31px;}

footer .footer-top-row .our-newsletter{margin:9px 0 0 17%; width: 50%;}

footer .footer-top-row .our-newsletter h1{font-size: 34px;}

footer .footer-top-row .our-newsletter .footer-input input{  width: 66%;}

footer .footer-follow li{margin:10px 3px 20px;}

footer .footer-next-row .footer-contact .footer-contact-text p{font-size:13px;}

footer .footer-top-row .footer-logo{margin:83px 5% 0 0;}

footer{background-size:100% 100%;}	

}

@media screen and (max-width:970px) and (min-width:870px)

{

.wrapper { width:740px; margin: 0px auto; }

body{background-size:100% 22%;}	

.contant-bg .promotions-pa .slider-2{width:100% !important;}

header a.logo{width:19%; margin:10px 0 0;}

header .product-box{padding:114px 0 0;}

header .product-box .search input{width:85%;}

header .product-box ul li{width:115px; text-align:center;}

header{background-size:96% 60%;}

header .login-register ul li a{font-size: 13px; padding:0 11px 0 41px;}

header .product-box ul li a{font-size:12px; padding:0px;}

header .login-register{width:30%;}

header .cart{background-size:100% 100%; padding:51px 7.7% 32px 17.4%; right:-6.1%; width:40%;}

header .cart p{  font-size: 12px;}

header .cart p span{font-size: 12px;}

.contant-bg .button-img span{font-size:21px;}

.contant-bg .promotions-pa li{width:161px !important; margin: 0 3px;}

.banner-bg .categories ul li a{font-size:10px;}

.contant-bg .section-text .left-section .title-section{ font-size:24px; padding:32px 0 25px 16px; }

.contant-bg .section-text .right-section .title-section{padding:28px 0 20px 20px; font-size:29px;}

footer .footer-top-row .our-newsletter{margin:19px 0 0 17%; width: 50%;}

footer .footer-top-row .our-newsletter h1{font-size:31px;}

footer .footer-top-row .our-newsletter .footer-input input{  width:60%;}

footer .footer-follow li{margin:10px 1px 20px;}

footer .footer-next-row .footer-contact .footer-contact-text p{font-size:13px;}

footer .footer-top-row .footer-logo{margin:103px 0% 0 0;}

footer{background-size:100% 100%;}	

}

@media screen and (max-width:870px) and (min-width:770px)

{

.wrapper { width:640px; margin: 0px auto; }

body{background-size:100% 22%;}	

.contant-bg .promotions-pa .slider-2{width:100% !important;}

header a.logo{width:19%; margin:10px 0 0;}

header{margin-bottom: 30px;}

header .product-box{padding:114px 0 0; margin:0 0 20px;}

header .product-box .search input{width:82%;}

header .product-box ul li{width:98px; text-align:center;}

header{background-size:96% 60%;}

header .login-register ul li a{font-size:12px; padding:0 7px 0 39px;}

header .product-box ul li a{font-size:10px; padding:0px;}

header .login-register{width:30%;}

header .cart{ background-size: 100% 100%; padding: 44px 8.7% 32px 17.4%; right: -7.1%;  top: 36px; width: 42%;}

.banner-bg .categories{float:left; position:absolute;  top: -38px; width: 18%;}

header .cart p{  font-size: 12px;}

header .cart p span{font-size: 12px;}

.contant-bg .button-img span{font-size:21px;}

.contant-bg .promotions-pa li{width:136px !important; margin: 0 3px;}

.banner-bg .categories ul li a{font-size:13px;}

.contant-bg .section-text .left-section .title-section{ font-size:24px; padding:32px 0 25px 16px; }

.contant-bg .section-text .right-section .title-section{  font-size: 25px; padding: 25px 0 20px 20px;}

footer .footer-top-row .our-newsletter{margin:19px 0 0 17%; width: 50%;}

footer .footer-top-row .our-newsletter .footer-input button{padding: 0 16px;}

footer .footer-top-row .our-newsletter h1{  font-size: 27px;}

footer .footer-top-row .our-newsletter h3{font-size: 23px;}

footer .footer-follow li a{height:25px; width:25px;   background-size: 100% 100% !important;}

footer .footer-next-row .footer-menu ul li{ font-size: 8px; line-height: 19px;}

footer .footer-next-row .footer-menu ul li a{  font-size: 9px;}





footer .footer-top-row .our-newsletter h1{font-size:31px;}

footer .footer-top-row .our-newsletter .footer-input input{  width:60%;}

footer .footer-follow li{margin:10px 1px 20px;}

footer .footer-next-row .footer-contact .footer-contact-text p{font-size:10px;}

footer::before{height:137px; width:80px; background-size:100% 100%; }

.banner-bg .banner{ width: 100%;}

footer .footer-top-row .footer-logo{margin:103px 0% 0 0;}

footer{background-size:100% 100%;}

.menu-toggle { background: rgba(0, 0, 0, 0) url("../image/nav-icon.png") no-repeat scroll center center; clear: both;cursor: pointer;display: inline-block; float: left; height: 26px; text-align: left; text-indent: -9999px; vertical-align: middle;width: 25px;}

.header_right {position: relative; top: -30px;}

.left_panel{visibility:hidden; position:absolute; left:-300px; top:4px;  z-index:99; width:300px;	-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;}

.left_panel.open{left:0px; visibility:visible;}

.navigation a{padding-left:45px;}

.navigation{width:300px;}

.left_panel_last{margin-bottom:30px;}

		/* nav-wrap */

#nav-wrap { position: relative; width:98%; margin:0px; }

	/* menu icon */

#menu-icon { color: #000; width: 34px; height: 25px; float:right; margin:10px; background:url(../image/menu.png) left top no-repeat; padding: 0; cursor: pointer; display: block; /* show menu icon */ }

#menu-icon:hover {background:url(../image/menu_hover.png) left top no-repeat; }

#menu-icon.active { background:url(../image/menu_hover.png) left top no-repeat; }

	/* main nav */

#nav { position: absolute; top:40px; width: 100%; z-index: 10000; background:#4f6820; display: none;}

#nav li { margin:0px; float:left; width:100%; line-height:50px; }

#nav a, #nav ul a {  border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #fff; font-size: 19px;  line-height: 40px; margin: 0; padding: 0; text-align: center; text-decoration: none;  width: 100%;}

#nav a:hover, #nav ul a:hover { color: #fff; background:#000; }

#nav a.act { color: #fff; background:#000; }

	/* dropdown */

#nav ul { width: auto; position: static; display: block; border: none; background: inherit; }

#nav ul li { margin: 3px 0 3px 15px;}	

}



@media screen and (min-width: 870px) {

footer .footer-top-row .our-newsletter .footer-input #newsemail{width: 56%; }
footer .footer-top-row .our-newsletter #subscribebutton{ padding: 0 14px;  font-size: 14px;}

 #nav {

display: block !important;

}

}

@media screen and (max-width:770px) and (min-width:670px)

{

.wrapper { width:540px; margin: 0px auto; }

body{background-size:100% 22%;}	

.contant-bg .promotions-pa .slider-2{width:100% !important;}

header{margin-bottom: 30px;}

header a.logo{width:19%; margin:10px 0 0;}

header .product-box{padding:86px 0 0; margin:0 0 20px;}

header .product-box .search input{width:79%;}

header .product-box ul li{width:82px; text-align:center;}

header{background-size:96% 60%;}

header .login-register ul li a{ font-size: 10px; padding: 0 2px 0 28px;}

header .login-register ul li a::before{background:rgba(0, 0, 0, 0) url("../image/login-icon.png") no-repeat scroll 5% 50%;}

header .product-box ul li a{font-size:8px; padding:0px;}

header .login-register{width:30%;}

header .cart{ background-size: 100% 100%; padding: 44px 8.7% 32px 17.4%; right: -7.1%;  top: 36px; width: 42%;}

.banner-bg .categories{float:left; position:absolute;  top: -38px; width: 18%;}

header .cart p{  font-size: 12px;}

header .cart p span{font-size: 12px;}

.contant-bg .button-img span{font-size: 14px;}

.contant-bg .button-img img{  width: 22%;}

.contant-bg .promotions-pa li{width:111px !important; margin: 0 3px;}

.banner-bg .categories ul li a{font-size:13px;}

.contant-bg .text-img h1 a{font-size:12px;}

.contant-bg .text-img p{ font-size: 12px;}



.contant-bg .section-text .left-section .title-section{ font-size:19px; padding:27px 0 25px 16px; }

.contant-bg .section-text .right-section .title-section{  font-size:21px; padding:22px 0 16px 13px;}

footer .footer-top-row .our-newsletter{margin: 19px 0 0 15%; width: 50%;}

footer .footer-top-row .our-newsletter .footer-input button{padding: 0 16px;}

footer .footer-top-row .our-newsletter h1{  font-size: 27px;}

footer .footer-top-row .our-newsletter h3{font-size:19px;}

footer .footer-top-row .our-newsletter .footer-input input{font-size: 13px;}

footer .footer-top-row .our-newsletter .footer-input button{font-size: 13px;}

footer .footer-follow li a{height:25px; width:25px;   background-size: 100% 100% !important;}

footer .footer-next-row .footer-menu ul li{ font-size: 8px; line-height: 19px;}

footer .footer-next-row .footer-menu ul li a{  font-size: 9px;}





footer .footer-top-row .our-newsletter h1{font-size:20px;}

footer .footer-top-row .our-newsletter .footer-input input{  width:60%;}

footer .footer-follow li{margin:10px 1px 20px;}

footer .footer-next-row .footer-contact .footer-contact-text p{font-size:8px;}

footer::before{height:137px; width:80px; background-size:100% 100%; }

.banner-bg .banner{ width: 100%;}

footer .footer-top-row .footer-logo{ margin: 97px 0 0;  width: 25%;}

footer{background-size:100% 100%;}

.menu-toggle { background: rgba(0, 0, 0, 0) url("../image/nav-icon.png") no-repeat scroll center center; clear: both;cursor: pointer;display: inline-block; float: left; height: 26px; text-align: left; text-indent: -9999px; vertical-align: middle;width: 25px;}

.header_right {position: relative; top: -30px;}

.left_panel{visibility:hidden; position:absolute; left:-300px; top:4px;  z-index:99; width:300px;	-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;}

.left_panel.open{left:0px; visibility:visible;}

.navigation a{padding-left:45px;}

.navigation{width:300px;}

.left_panel_last{margin-bottom:30px;}

		/* nav-wrap */

#nav-wrap { position: relative; width:98%; margin:0px; }

	/* menu icon */

#menu-icon { color: #000; width: 34px; height: 25px; float:right; margin:10px; background:url(../image/menu.png) left top no-repeat; padding: 0; cursor: pointer; display: block; /* show menu icon */ }

#menu-icon:hover {background:url(../image/menu_hover.png) left top no-repeat; }

#menu-icon.active { background:url(../image/menu_hover.png) left top no-repeat; }

	/* main nav */

#nav { position: absolute; top:40px; width: 100%; z-index: 10000; background:#4f6820; display: none;}

#nav li { margin:0px; float:left; width:100%; line-height:50px; }

#nav a, #nav ul a {  border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #fff; font-size: 19px;  line-height: 40px; margin: 0; padding: 0; text-align: center; text-decoration: none;  width: 100%;}

#nav a:hover, #nav ul a:hover { color: #fff; background:#000; }

#nav a.act { color: #fff; background:#000; }

	/* dropdown */

#nav ul { width: auto; position: static; display: block; border: none; background: inherit; }

#nav ul li { margin: 3px 0 3px 15px;}

footer .footer-follow li{  margin: 10px 1px 0;}	

footer .footer-bottom p{margin:0px;}

}

@media screen and (max-width:670px) and (min-width:570px)

{

.wrapper { width:440px; margin: 0px auto; }

body{background-size:100% 22%;}	

.contant-bg .promotions-pa .slider-2{width:100% !important;}

header{margin-bottom: 30px; background:#00a6ec; float:left;}

header a.logo{display: table;  float: none;  margin: 10px 0 0; width: 100%;}

header .product-box{padding:64px 0 0; width:100%; margin:0 0 20px; background:none;}

header .product-box .search input{width:79%;}

header .product-box ul{width:100%;}

header .product-box ul li{   width: 31.5%; text-align:center;}

header{background-size:96% 60%;}

header .login-register ul{ display: table; float: none; margin: auto;  width: auto;}

header .login-register ul li a{ font-size: 12px;  padding: 0 28% 0 37%;}

header .login-register ul li a::before{background:rgba(0, 0, 0, 0) url("../image/login-icon.png") no-repeat scroll 5% 50%;}

header .product-box ul li a{font-size:12px; padding:0px;}

header .login-register{width:100%;  margin: 0 0 10px;}

header .cart{ background-size: 100% 100%; padding: 44px 8.7% 32px 17.4%; right: -7.1%;  top: 36px; width: 42%;}

.banner-bg .categories{float:left; position:absolute;  top: -38px; width: 18%;}

header .cart p{  font-size: 12px;}

header .cart p span{font-size: 12px;}

.contant-bg .button-img span{font-size: 14px;}

.contant-bg .button-img img{  width: 22%;}

.contant-bg .promotions-pa li{width:178px !important; margin: 0 3px;}

.banner-bg .categories ul li a{font-size:13px;}

.contant-bg .section-text .left-section{   width: 100%;}

.contant-bg .section-text .right-section{width:100%;}

.contant-bg .text-img h1 a{font-size:12px;}

.contant-bg .text-img p{ font-size: 12px;}

header .cart{ background: #4f6820 none repeat scroll 0 0; border-radius: 10px 10px 0 0; box-shadow: 5px 4px 5px rgba(255, 255, 255, 0.6) inset, 0 0 4px rgba(0, 0, 0, 0.3) inset; color: #fff; display: table; float: none; margin: auto; padding: 0 5px; position: static;  right: 0;   top: 0;

width: 38%;}

header a.logo img{width: 24%;}

.contant-bg .section-text .left-section .title-section{ font-size:19px; padding:38px 0 37px 16px; }

.contant-bg .section-text .right-section .title-section{ font-size: 28px; padding: 72px 0 69px 13px;}

footer .footer-top-row .our-newsletter{  margin: 10px 0; width: 70%;}

.contant-bg .title{top:-26px; width: 40%;}

footer .footer-next-row .footer-menu{width:100%; float:left;}

footer .footer-top-row .our-newsletter .footer-input button{padding: 0 16px;}

footer .footer-top-row .our-newsletter h1{  font-size: 27px;}

footer .footer-top-row .our-newsletter h3{font-size:19px;}

footer .footer-top-row .our-newsletter .footer-input input{font-size: 13px;}

footer .footer-top-row .our-newsletter .footer-input button{font-size: 13px;}

footer .footer-follow li a{height:25px; width:25px;   background-size: 100% 100% !important;}

footer .footer-next-row .footer-menu ul li{ font-size:14px; line-height: 19px;}

footer .footer-next-row .footer-menu ul li a{  font-size:11px;}

footer .footer-next-row .footer-menu ul{margin:10px 0;  width: 100%;}

footer .footer-next-row .footer-contact{width:100%; float:left;}

footer .footer-follow{width:100%;}

footer .footer-top-row .our-newsletter h1{font-size:20px;}

footer .footer-top-row .our-newsletter .footer-input input{  width:60%;}

footer .footer-follow li{margin:10px 1px 20px;}

footer .footer-next-row .footer-contact .footer-contact-text p{font-size:8px;}

footer::before{height:137px; width:80px; background-size:100% 100%; }

.banner-bg .banner{ width: 100%;}

footer .footer-top-row .footer-logo{margin: 20px 0 0;  width: 30%;}

footer{background-size:100% 100%;}

.menu-toggle { background: rgba(0, 0, 0, 0) url("../image/nav-icon.png") no-repeat scroll center center; clear: both;cursor: pointer;display: inline-block; float: left; height: 26px; text-align: left; text-indent: -9999px; vertical-align: middle;width: 25px;}

.header_right {position: relative; top: -30px;}

.left_panel{visibility:hidden; position:absolute; left:-300px; top:4px;  z-index:99; width:300px;	-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;}

.left_panel.open{left:0px; visibility:visible;}

.navigation a{padding-left:45px;}

.navigation{width:300px;}

.left_panel_last{margin-bottom:30px;}

		/* nav-wrap */

#nav-wrap { position: relative; width:98%; margin:0px; }

	/* menu icon */

#menu-icon { color: #000; width: 34px; height: 25px; float:right; margin:10px; background:url(../image/menu.png) left top no-repeat; padding: 0; cursor: pointer; display: block; /* show menu icon */ }

#menu-icon:hover {background:url(../image/menu_hover.png) left top no-repeat; }

#menu-icon.active { background:url(../image/menu_hover.png) left top no-repeat; }

	/* main nav */

#nav { position: absolute; top:40px; width: 100%; z-index: 10000; background:#4f6820; display: none;}

#nav li { margin:0px; float:left; width:100%; line-height:50px; }

#nav a, #nav ul a {  border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #fff; font-size: 19px;  line-height: 40px; margin: 0; padding: 0; text-align: center; text-decoration: none;  width: 100%;}

#nav a:hover, #nav ul a:hover { color: #fff; background:#000; }

#nav a.act { color: #fff; background:#000; }

	/* dropdown */

#nav ul { width: auto; position: static; display: block; border: none; background: inherit; }

#nav ul li { margin: 3px 0 3px 15px;}	

footer{background:#05b2f0; float:left; padding:0px;}

footer::before{background:none;}



}

@media screen and (max-width:570px)

{

.wrapper { width:90%; margin: 0px auto; }

.banner-bg .banner .banner-box::before{background:none; display:none;}

.banner-bg .banner .banner-box::after{background:none; display:none;}

.banner-bg .banner .banner-box .flexslider::after{background:none; display:none;}

.banner-bg .banner .banner-box .flexslider::before{background:none; display:none;}

.contant-bg{margin:0px;}

.banner-bg .banner::before{background-size:100% 100%;}

.contant-bg .box-class::before{background-size:100% 100%;}

body{background-size:100% 22%;}	

.contant-bg .promotions-pa .slider-2{width:100% !important;}

header{margin-bottom: 30px; background:#00a6ec; float:left;}

header a.logo{display: table;  float: none;  margin: 10px 0 0; width: 100%;}

header .product-box{padding:64px 0 0; width:100%; margin:0 0 20px; background:none;}

header .product-box .search input{width:79%;}

header .product-box ul{width:100%;}

header .product-box ul li{   width: 31.5%; text-align:center;}

header{background-size:96% 60%;}

header .login-register ul{ display: table; float: none; margin: auto;  width: auto;}

header .login-register ul li a{ font-size: 12px;  padding: 0 28% 0 37%;}

header .login-register ul li a::before{background:rgba(0, 0, 0, 0) url("../image/login-icon.png") no-repeat scroll 5% 50%;}

header .product-box ul li a{font-size:12px; padding:0px;}

header .login-register{width:100%;  margin: 0 0 10px;}

header .cart{ background-size: 100% 100%; padding: 44px 8.7% 32px 17.4%; right: -7.1%;  top: 36px; width: 42%;}

.banner-bg .categories{float:left; position:absolute;  top: -38px; width: 18%;}

header .cart p{  font-size: 12px;}

header .cart p span{font-size: 12px;}

.contant-bg .button-img span{font-size: 14px;}

.contant-bg .button-img img{  width: 22%;}

.contant-bg .promotions-pa li{width:236px !important; margin: 0 3px;}

.banner-bg .categories ul li a{font-size:13px;}

.contant-bg .section-text .left-section{   width: 100%;}

.contant-bg .section-text .right-section{width:100%;}

.contant-bg .text-img h1 a{font-size:12px;}

.contant-bg .text-img p{ font-size: 12px;}

header .cart{ background: #4f6820 none repeat scroll 0 0; border-radius: 10px 10px 0 0; box-shadow: 5px 4px 5px rgba(255, 255, 255, 0.6) inset, 0 0 4px rgba(0, 0, 0, 0.3) inset; color: #fff; display: table; float: none; margin: auto; padding: 0 5px; position: static;  right: 0;   top: 0;

width: 38%;}

header a.logo img{width: 24%;}

.contant-bg .section-text .left-section .title-section{  font-size: 19px; height: 70px;  padding: 22px 0 0 10px; }

.contant-bg .section-text .right-section .title-section{ font-size: 19px; height: 124px;  padding: 51px 0 0 10px;}

footer .footer-top-row .our-newsletter {

    margin: 10px 0;

    width: 100%;

}

.contant-bg .box-class{ padding: 12px;}

.contant-bg .title{top:-26px; width: 40%;}

footer .footer-next-row .footer-menu{width:100%; float:left;}

footer .footer-top-row .our-newsletter .footer-input button{padding: 0 16px;}

footer .footer-top-row .our-newsletter h1{  font-size: 27px;}

footer .footer-top-row .our-newsletter h3{font-size:19px;}

footer .footer-top-row .our-newsletter .footer-input input{font-size: 13px;}

footer .footer-top-row .our-newsletter .footer-input button{font-size: 13px;}

footer .footer-follow li a{height:25px; width:25px;   background-size: 100% 100% !important;}

footer .footer-next-row .footer-menu ul li{ font-size:14px; line-height: 19px;}

footer .footer-next-row .footer-menu ul li a{  font-size:11px;}

footer .footer-next-row .footer-menu ul{margin:10px 0;  width: 100%;}

footer .footer-next-row .footer-contact{width:100%; float:left;}

footer .footer-follow{width:100%;}

footer .footer-top-row .our-newsletter h1{font-size:20px;}

footer .footer-top-row .our-newsletter .footer-input input{  width:60%;}

footer .footer-follow li{margin:10px 1px 20px;}

footer .footer-next-row .footer-contact .footer-contact-text p{font-size:8px;}

footer::before{height:137px; width:80px; background-size:100% 100%; }

.banner-bg .banner{ width: 100%;}

footer .footer-top-row .footer-logo{margin: 20px 0 0;  width: 30%;  display: none;}

footer .footer-next-row{margin: 0;}

footer{background-size:100% 100%;}

.menu-toggle { background: rgba(0, 0, 0, 0) url("../image/nav-icon.png") no-repeat scroll center center; clear: both;cursor: pointer;display: inline-block; float: left; height: 26px; text-align: left; text-indent: -9999px; vertical-align: middle;width: 25px;}

.header_right {position: relative; top: -30px;}

.left_panel{visibility:hidden; position:absolute; left:-300px; top:4px;  z-index:99; width:300px;	-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;}

.left_panel.open{left:0px; visibility:visible;}

.navigation a{padding-left:45px;}

.navigation{width:300px;}

.left_panel_last{margin-bottom:30px;}

		/* nav-wrap */

#nav-wrap { position: relative; width:98%; margin:0px; }

	/* menu icon */

#menu-icon { color: #000; width: 34px; height: 25px; float:right; margin:10px; background:url(../image/menu.png) left top no-repeat; padding: 0; cursor: pointer; display: block; /* show menu icon */ }

#menu-icon:hover {background:url(../image/menu_hover.png) left top no-repeat; }

#menu-icon.active { background:url(../image/menu_hover.png) left top no-repeat; }

	/* main nav */

#nav { position: absolute; top:40px; width: 100%; z-index: 10000; background:#4f6820; display: none;}

#nav li { margin:0px; float:left; width:100%; line-height:50px; }

#nav a, #nav ul a {  border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #fff; font-size: 19px;  line-height: 40px; margin: 0; padding: 0; text-align: center; text-decoration: none;  width: 100%;}

#nav a:hover, #nav ul a:hover { color: #fff; background:#000; }

#nav a.act { color: #fff; background:#000; }

	/* dropdown */

#nav ul { width: auto; position: static; display: block; border: none; background: inherit; }

#nav ul li { margin: 3px 0 3px 15px;}	

footer{background:#05b2f0; float:left; padding:0px;}

footer::before{background:none;}

}

@media screen and (max-width:480px)

{
header .product-box ul li a{font-size: 9px;}	
}
/*--------------------------------------------------------------------*/
#content{
	background: #fff none repeat scroll 0 0;
    border: 5px solid #8fd0db;
    border-radius: 12px;
    float: left;
    margin: 0 0 20px;
    padding: 30px;
    position: relative;
}
#content h1{color:#444 !important;font-size:28px !important;}
.well p {color:#444 !important;}
#content p {color: #444 !important;}
#content h3{color:#444 !important;}
.btn-primary {border-color: #dad1b6 !important;color:#444 !important;}
/*.btn-default{
	background: #eee8d5 none repeat scroll 0 0;
    border-radius: 8px;
    box-shadow: 0 4px 0 #dad1b6;
    float: left;
    margin: 20px 0 4px;
}
.btn-primary{
	background: #eee8d5 none repeat scroll 0 0;
    border-radius: 8px;
    box-shadow: 0 4px 0 #dad1b6;
    float: left;
    margin: 20px 0 4px;
    width: 100%;
}*/
.buttons .pull-right .btn{background: #eee8d5 none repeat scroll 0 0;}
.panel-default > .panel-heading{background-color:#fff !important;}
.row h1{
	color: #00aeed;
    font-family: "Bubblegum Sans",cursive;
    font-size: 20px;
    margin-bottom: 25px;
    margin-top: 15px;
}
.breadcrumb {border: 2px solid #8fd0db !important;background-color: #fff !important;}
.breadcrumb ul li a {color:#fff !important;}
.row {margin-left: 0px !important;margin-right:0px !important;}
.list-group{border: 5px solid #8fd0db;border-radius: 12px;}
/* section */
.categories1{ width:100%; float:left;}
.categories1 h3{ width:100%; float:left; position:relative; font-family: 'Aladin', cursive; font-weight:400; background:url(../image/menu-bg.jpg) left top repeat-x; font-size:35px; color:#fff; text-shadow:0 0 0 #000; margin:0px; text-shadow:-2px -2px 0 #4c641f, 2px -2px 0 #4c641f, -2px 2px 0 #4c641f, 2px 2px 0 #4c641f; padding:0 0 0 10px; line-height:40px;}
.categories1 h3:before {content:''; position:absolute; top:0; left:-64px; background:url(../image/menu-left.png) left top no-repeat; width:64px; height:40px;}
.categories1 h3:after {content:''; position:absolute; top:0; right:-10px; background:url(../image/menu-bg.jpg) left top repeat-x; width:19px; height:40px; border-radius:0 10px 10px 0;}
.categories1 ul {padding:0px 0 40px 0; margin:0px; display:block; border-radius:0px 0 10px 10px; background-color:#779c31; clear:both;}
.categories1 ul li {padding:0px; margin:0px;}
.categories1 ul li a {padding:0px 0 0 15px; font-family: 'Oswald', sans-serif; font-weight:400; position:relative; margin:0px; display:block; font-size:15px; line-height:40px; color:#fff;}
.categories1 ul li a:before {content:''; position:absolute; right:13px; top:50%; border:solid 6px rgba(0, 0, 0, 0); border-left:solid 6px #fff; width:0px; height:0px; margin-top:-6px; text-transform:uppercase;}
.categories1 ul li a:hover { background:rgba(0, 0, 0, 0.3);}