/* www.siteURL.com / Design & Develop by Spiral Design Center / www.spiraldesign.org */
/*---------------------------------
	1199px
---------------------------------*/
@media screen and (max-width : 1199px) {
	.nav-menu{
		margin: 20px 0;
	}
	.res-logo{
		float: right;
		margin: 17px 0;
	}
	.title-cat > a{
		margin-top: 0;
	}
}

/*---------------------------------
	991px
---------------------------------*/
@media screen and (max-width : 991px) {
	.title-cat > a{
		margin-top: 40px;
	}
	.intro{
		height: 350px;
		background-attachment: scroll;
	}
	.bg-divider{
		height: 250px;
		background-attachment: scroll;
	}
	.social-images{
		margin:35px 25px 70px auto;
	}	.social-images li {		margin-bottom:30px;	}
	.address-box{
		width: 100%;
	}
	.shop{
		background-color: transparent;
		color: #fff;
		width: auto;
	}
	.address,.tel{
		color: #fff;
	}
	.sidebar-product ul li {
	  width: 50%;
	  float: right;
	}
	.view-all {
	  display: table;
	  width: 100%;
	}
	.sidebar-product{
		padding: 35px;
	}
	.sort-by {
	  margin-top: 40px;
	  margin-bottom: 20px;
	}
	.inside .intro{
		margin-bottom: 45px;
	}
	.related-Products{
		margin-bottom: 30px;
	}
	#product-slide{
		margin-top: 30px;
	}
}

/*---------------------------------
	767px
---------------------------------*/
@media screen and (max-width : 767px) {
	.res-logo{
		/*float: none;*/
	}
	.navbar-collapse{
		position: absolute;
		width: 100%;
		top: 80px;
		background-color: #fff;
		right: 0;
		overflow: hidden;
		-webkit-transition: all 200ms ease;
		   -moz-transition: all 200ms ease;
		    -ms-transition: all 200ms ease;
		     -o-transition: all 200ms ease;
		        transition: all 200ms ease;
	}
	.nav-menu {
		width: 100%;
	}
	.nav-menu li{
		float: none;
		text-align: center;
		border-top: 1px solid #eee;
	}
	.nav-menu li:last-child{
		border-bottom: 1px solid #eee;
	}
	.nav-menu li.divider{
		display: none;
	}
	header{
		position: relative;
	}
	.about-us{
		width: 100%;
		padding: 45px 30px 0 30px;
	}
	.about-us-des{
		width: 100%;
	}
	.border-left,.border-right{
		display: none;
	}
	.pinterest,.instagram {
	  display: table;
	  margin: 0 auto;
	  width: auto;
	}
	.social-address-p,.social-address-ins{
		text-align: center;
		margin-bottom: 20px;
	}
	.social-address-ins a{
		float: none;
	}
	.view-product-select a{
		display: none;
	}

}

/*---------------------------------
	570px
---------------------------------*/
@media screen and (max-width : 570px) {
	.title-cat > a{
		margin-top: 5px;		font-size: 12px;
	}
	.title-cat h3 a{
		display: table;
		width: 100%;
	}
	.title-cat {	  text-align:left;
	  padding: 30px;
	  width: 100%;
	  margin: 0;
	}
	.title-cat img{
		float: right;
		margin-left: 10px;
	}
	.sort-by-text{
		display: none;
	}
	#product-slide{
		position: relative;
	}
	#product-slide .carousel-indicators{
		padding: 0;
		margin: 0;
		top: auto;
		left: 20px;
		bottom: -25px;
		display: table;
	}
	#product-slide .carousel-indicators li{
		float: right;
		margin-bottom: 0;
		margin: 0 5px;
	}
	.social-center .pinterest-sicon{
		display: none;
	}
	.social-center .instagram-sicon{
		display: none;
	}
	#product-slide .carousel-indicators li{
		width: 60px;
		height: 60px;
	}
	.guarantee{
		float: none;
	}
	.social-full {
		float: none;
		margin: 15px 0 0;
		padding: 0;
	}
}

/*---------------------------------
	440px
---------------------------------*/
@media screen and (max-width : 440px) {
	.title-cat h3 span{
		font-size: 16px;
		line-height: 2;				
	}
	.title-cat img{
		max-width: 30%;
	}
}

/*---------------------------------
	400px
---------------------------------*/
@media screen and (max-width : 400px) {
	.navbar-toggle .text{
		display: none;
	}
	span.cat-des{
		display: none;
	}
	.title-cat > span{
		font-size: 14px;
	}
	.title-cat{		text-align:left;
		padding: 20px;
	}
	.xs-400{
		width: 100%;
	}
	.sidebar-product ul li a{
		font-size: 14px;
	}
	.sidebar-product{
		padding: 15px;
	}
}