@import url(//fonts.googleapis.com/css?family=Oswald:300);
@import url(//fonts.googleapis.com/css?family=Open+Sans);

body {padding:0px; margin:0px; font-family:Oswald; font-weight:300; font-size:14px; background:#e9eaed}

.left{float:left}
.right{float:right}
.clearfix{clear:both}

.header-slider-menu{height:90px; width:100%; display:block;}
.wrapper-main-first{margin:10px auto; padding:0px; display:block; width:245px;}
.box-item-wrapper{width:220px; height:390px; display:inline-block; float:left; background:#fff; margin:40px 10px}
.box-item-wrapper .product-img{width:220px; height:203px; display:block; border:0px; margin:0px !important;}
.box-item-wrapper .content{width:220px; height:179px;}
.box-item-wrapper .content p {text-align:center; color:#3b3b3b; margin:0px; padding:30px 30px 0px 30px; line-height:19px}
.box-item-bottom-strip{width:220px; height:8px;}

.category-heading{display:block; font-size:30px; margin:0px; margin-top:40px; padding:0px; margin-left:10px;}

.color01{background:#f8941d}
.color02{background:#15afb1}
.color03{background:#f8531d}
.color04{background:#15b147}
.color05{background:#db3a1b}
.color06{background:#35aa47}
.color07{background:#0da3e2}
.color08{background:#97e552}
.color09{background:#8c0a91}
.color10{background:#f05a14}
.color11{background:#00a0d2}
.color12{background:#b90082}
.color13{background:#1e46a5}
.color14{background:#0a78a0}
.color15{background:#00781e}
.color16{background:#00be87}
.color17{background:#5a3caa}
.color18{background:#ff4814}
.color19{background:#be0000}
.color20{background:#ffa014}
.color21{background:#3787f0}
.color22{background:#ff5050}
.color23{background:#a0a5a5}
.color24{background:#f58214}

.bottom-item-wrapper{height:100%; padding:20px; display:block; text-align:center; background:#3c3c3c url(../images/bg-texture1.jpg) repeat; color:#a8a8a8; font-family: 'Open Sans', sans-serif; font-size:13px;}
.bottom-item-wrapper p a{text-decoration:none; color:#a8a8a8;}

.wrapper-footer{height:30px; padding:4px 20px 0px 20px; background:#303030; color:#666666; font-family: 'Open Sans', sans-serif; font-size:12px;}
.wrapper-footer p{margin:0px; line-height:30px;}
.wrapper-footer p a{text-decoration:none; color:#666666}
.wrapper-footer p a:hover{color:#a8a8a8}

/*===================Media Queries========================*/

@media screen and (min-width:500px)
{
	.wrapper-main-first{margin:10px auto; padding:0px; display:block; width:485px;}	
}

@media screen and (min-width:750px)
{
	.wrapper-main-first{margin:10px auto; padding:0px; display:block; width:725px;}	
}


@media screen and (min-width:1000px)
{
	.wrapper-main-first{margin:10px auto; padding:0px; display:block; width:965px;}	
}

@media screen and (min-width:1300px)
{
	.wrapper-main-first{margin:10px auto; padding:0px; display:block; width:1205px;}
}


@media screen and (min-width:1800px)
{
	.wrapper-main-first{margin:10px auto; padding:0px; display:block; width:1685px;}	
}

/*===================Bootstrap========================*/

@media screen and (max-width:620px)
{
	.wrapper-footer{height:100%;}
	.wrapper-footer p{display:block; text-align:center; float:none;}
}

@media screen and (max-width: 330px) 
{
	.header-slider-menu{height:158px;}
}