/* 1170px to 980px or 768px */
@media screen and (max-width: 1170px) {
	  [class*="col-lg"], [class*="col-md"], [class*="col-sm"], [class*="col-xs"] {display:inline-block; vertical-align:top; margin:0 -4px 0 0; float:none;}
	  .rtl [class*="col-lg"],
	  .rtl [class*="col-md"],
	  .rtl [class*="col-sm"],
	  .rtl [class*="col-xs"] {display: inline-block; vertical-align: top; margin: 0 0 0 -4px; float: none;}
	  #footer .footer-nav ul li{padding: 0 15px 0 0; }
	 .widget li, .widget li a{font-size: 12px;}
	 .widget-gallery ul li{width: 33%;}
	 .cs-timeline ul li:before{left: -5.8%;}
	 .cs-timeline ul li:hover:before{left:-5.8%;}
	 .blog-medium .cs-media{width: 45%;}
	 .cs-blog.blog-grid .post-option span, .cs-blog.blog-grid .post-option span a{font-size: 11px;}
	 .cs-promobox{margin-bottom: 20px;}
	 .sprh-hero .sprh-featured-image img{width: 100%;}
	  #footer .cs-logo{display: block; margin: 10px 50px;text-align:center;}
	  #footer .footer-nav{display:block;text-align:center;}
	  .stack li{left:15px;}
	  .stack:after{left:26px;}
	  .blog-detail .cs-socialmedia{width:70%;}

}
@media screen and (min-width: 990px) and (max-width: 1170px) {
	
	#header .col-lg-3.col-md-3.col-sm-12.col-xs-12,#header .col-lg-9.col-md-9.col-sm-12.col-xs-12 {display: block;text-align: center;width: 100%;margin-bottom: 15px;}
	.on-ground .pinned,.pinned{padding-bottom:10px;}
	.on-top{margin-top:134px;}
	.portfolio-team .col-lg-6.col-md-6.col-sm-12.col-xs-12{width:100%;}
	ul.cs-default-gallery li{width:33.3333%;}
}
/* 980px to 768px */
/* If Required */
@media screen and (max-width: 980px) {
/*	.widget { display: inline-block; margin: 0 -4px 20px 10px; vertical-align: top; width: 48%;}*/
	.cs-team-detailt .team-info{padding-top: 20px;}
	.on-ground .pinned,.pinned{padding-bottom:0;}
	.cs-masonry-gallery li a, .cs-masonry-gallery li img{width: 100%;}
	.navigation ul { display: none;}
	.slicknav_menu{ display: block;}
	.pinned .cs-logo-light,.pinned.unpinned .cs-logo-dark,.on-ground .pinned .cs-logo-dark{margin-bottom:20px;text-align:center;padding-left:0;}
	.pinned .cs-cart-area{position:relative;z-index:100;}
	.cs-search{padding:0 !important;}
	.on-top{margin-top:153px;}
	.on-top .cs-breadcrumb{text-align:left;}
	ul.cs-default-gallery li{width:50%;}
	.stack li{left:40px;}
	  .stack:after{left:56px;}
	  .blog-detail .cs-socialmedia{width:60%;}
	.cs-appointment-holder {padding: 30px 15px;width: 100%;}
}

@media screen and (min-width: 600px) and (max-width: 990px) {
	.cs-responsive-menu{margin-top:-46px;top:0;margin-bottom:20px;}		
}
/* 767px to 480px */
@media screen and (max-width: 768px) {
	  #footer{text-align: center;}
	  ul.cs-default-gallery li{width: 33%;}
	  .page-content{width: 100%;}
	  .cs-construction .cs-const-counter .time-box h4{font-size: 60px !important;}
	  .widget-search i{right: 30px;}
}
@media screen and (max-width: 767px) {
	.widget {width: 100%;}
	#footer{text-align: center;}
	#footer .cs-logo{display: block; margin: 10px 60px;}
	ul.cs-filtter li{margin: 0 40px 0 0;}
	ul.cs-service-detail-list li:first-child span.cs-services-name, ul.cs-service-detail-list li:first-child span.cs-services-time, ul.cs-service-detail-list li:first-child span.cs-services-stylist{width: 32%;}
	ul.cs-service-detail-list li span.cs-services-name{width: 49%;}
	ul.cs-service-detail-list li span.cs-services-time{width: 20%;}
	ul.cs-service-detail-list li span.cs-services-stylist{width: 29%;}
	ul.cs-service-detail-list li span.cs-services-stylist{padding-left: 0px;}
	.cs-timeline ul li:before{left: -5.8%;}
   .cs-timeline ul li:hover:before{left:-5.8%;}
   ul.cs-default-gallery li{width: 33%;}
   .blog-medium .cs-media{width: 100%; margin: 0 0 20px 0;}
   .blog-medium .blog-text{width: 100%;}
   blockquote{width: 100%;}
   blockquote span:after, blockquote p:after{top: auto;}
   .cs-construction .cs-const-counter .time-box h4{font-size: 50px !important;}
   .cs-promobox{margin-bottom: 20px;}
   .cs-accordian .panel-heading .panel-title, .cs-accordian .panel-heading .panel-title a{font-size: 14px !important;}
   .sprh-hero .sprh-hero-content-wrapper, .sprh-hero .sprh-featured-image, .sprh-hero .sprh-featured-image img{width: 100%;}
   .columns-3 .products li{width: 50%;}
	.slicknav_nav{height:180px;overflow:scroll;}
	.cs-team-stylish.team-grid .team-info .post-title{padding-top:20px;}
	.cs-team-slider ul li ul.cs-default-gallery li,ul.cs-default-gallery li,.cs-unique-gallery .col-xs-12{width:50%;}
	.stack li{left:3px;}
	.stack:after{left:16px;}
	.cs-responsive-menu{margin-top:-46px;top:0;margin-bottom:20px;}

}
@media screen and (min-width: 480px) and (max-width: 579px) {
	.cs-masonry-gallery li{width:49.8888%;}
	.cs-unique-gallery .col-xs-12{width:100%;}
	.stack li{left:100px;}
	.stack:after{left:116px;}
	.cs-price-table li{position:relative;}
	.cs-price-table li .cs-price-title span {bottom: 6px;margin-left: 0 !important;position: absolute;right: 6px;}
}
/* 480px to 320px */
@media screen and (max-width: 480px) {
	.cs-blog .post-title h2, h2 a{font-size: 18px !important; letter-spacing: 1px !important; line-height: 22px!important;}
	#footer .footer-nav ul li a{font-size: 9px;}
	#footer .footer-nav ul li{padding: 0 16px 0 0;}
	#footer .social-media ul{padding-top: 35px;}
	#footer .social-media{margin-bottom: 35px;}
	ul.cs-filtter li:after{right: -22px;}
	ul.cs-filtter li{margin: 0 34px 0 0;}
	ul.cs-service-detail-list li:first-child span.cs-services-name, ul.cs-service-detail-list li:first-child span.cs-services-time, ul.cs-service-detail-list li:first-child span.cs-services-stylist{width: 30%; font-size: 10px;}
	ul.cs-service-detail-list li span.cs-services-stylist{padding-left: 0px;}
	ul.cs-service-detail-list li span.cs-services-name, ul.cs-service-detail-list li span.cs-services-time, ul.cs-service-detail-list li span.cs-services-stylist{width: 100%;}
	.cs-team-stylish.team-list .team-info{overflow: inherit; float: left;}
	.cs-team-stylish.team-list .cs-media{width: 100%; height: auto; margin-right: 0px;}
	.cs-timeline ul li:before{left: -8%;}
	.cs-timeline ul li:hover:before{left: -8%;}
	ul.cs-default-gallery li{width: 100%;}
	.blog-medium .cs-media{width: 100%; margin: 0 0 20px 0;}
	.blog-medium .blog-text{width: 100%;}
	.blog-detail .cs-socialmedia{width: 67%;}
	.blog-detail .cs-socialmedia li a{margin-left: 10px;}
	.cs-comments .childern{padding-left: 0px;}
	.cs-construction em{line-height: 36px;}
	.cs-construction .cs-const-counter .time-box{width: 50%; height: 120px;}
	.cs-construction .cs-const-counter .time-box h4{line-height: 90px; display: inline-block;}
	.cs-construction input[type="text"]{width: 65%; font-size: 11px;}
	.cs-construction form{width: 100%;}
	.cs-construction .time-box .label{display: block;}
	.cs-construction input[type="submit"]{padding: 7px 16px 3px;}
	.cs-accordian .panel-heading .panel-title, .cs-accordian .panel-heading .panel-title a{font-size: 14px !important;}
	.cs-sort-filter > span{margin-bottom: 10px;}
	.cs-sort-filter .select-area{float: left;}
	.columns-3 .products li{width: 100%;}
	.woocommerce-pagination li{margin-bottom: 5px;}
	.single-product .product .image{margin-bottom: 20px;}
	.single-product .product .image, .single-product .product .entry-summary{width: 100%;}
	.cs-error-content span{line-height: 48px;}
	.cs-icon-listing li{width: 100%;}
	.question-mark{padding: 60px 15px 10px 15px;}
	.cs-testimonial .cs-media{top:-12%;}
	.slicknav_nav{height:180px;}
	.cs-appointment-available ul li span,.cs-appointment-available ul li em,.cs-appointment-available ul li a{display:block;width:100%;}
	.cs-promobox .cs-text{width:100%;padding-top:20px;}
}
 @media screen and (max-width: 360px) {
 	.cs-spreator{width: 100%;}
 	.cs-timeline ul li:before{left: -11%;}
   .cs-timeline ul li:hover:before{left: -11%;}
   .blog-detail .cs-socialmedia{width: 48%;}
   .cs-comments .thumblist .cs-text .post-date{float: left; padding-top: 6px; }
   .products li .add-to-cart-button{top:70%;}
	.cs-responsive-menu{top:5px;margin-bottom:20px;margin-top:0;}
	.slicknav_btn{width:100%;}
	.pinned .cs-cart-area{display:block;text-align:center;margin-top:-15px;}
	.pinned .cs-logo-light,.pinned.unpinned .cs-logo-dark,.on-ground .pinned .cs-logo-dark{margin-bottom:0;}
	.slicknav_nav{height:280px;}
	.cs-team-slider ul li ul.cs-default-gallery li{width:100%;}
	.cs-unique-gallery .col-xs-12{width:100%;}
	.stack li{left:15px;}
	.stack:after{left:24px;}
	.cs-testimonial{padding:0 10px 20px}
	.question-mark{padding:60px 0 10px;}
	.cs-price-table li .cs-price-title,.cs-price-table li .cs-price-timing,.cs-price-table li .cs-price-range{width:100%;}
	.cs-price-table li .cs-price-title span{margin-left:0 !important;margin-bottom:6px;}
	.cs-price-table li{position:relative;}
	.cs-price-table li .cs-price-title span {bottom: 6px;margin-left: 0 !important;position: absolute;right: 6px;}
}
@media screen and (max-width: 320px) {
	.cs-team-stylish.team-list .cs-media{width: 100%; height: auto; margin-right: 0px; }
	.cs-timeline ul li:before{left: -13%;}
    .cs-timeline ul li:hover:before{left: -13%;}
}