/*===========================================================================*/
							/*480px CSS*/
/*===========================================================================*/
@media (max-width: 480px) {
	
.cp-nav-holder .cp-logo{
	width: 100%;
	margin: 20px 0 0;
	text-align: center;
}
.big-salon .cp_navigation-row .cp-nav-holder .navbar-inverse{
	margin: 0;
}
.cp-right-holder > ul > li{
	float: inherit;
	display: inline-block;
}
.cp-right-holder > ul > li{
	padding: 0 15px;
}
.cp_navigation-row .navbar-inverse .navbar-toggle{
	margin: 0;
}
#big-salon-nail .cp_navigation-row .cp-nav-holder .navbar-inverse{
	margin: 15px 0 0;
}
#big-salon-nail .cp_logo-row .cp-right-holder{
	float: inherit;
}
#big-salon-nail .cp-right-holder > ul > li{
	padding: 0 10px;
}
.big-salon #wrapper .cp_banner .banner-caption{
	top: 30px;
}
.cp_banner .banner-caption em{
	font-size: 14px;
	line-height: 14px;
}
.cp-btn-checkout{
	min-width: 140px;
	font-size: 16px;
	line-height: 18px;
	padding: 10px 0px;
}	
#cp_header .cp_navigation-row .cp-right-holder{
	padding: 20px 0px 10px;
	text-align: center;
}
.big-salon .cp_breadcrumb-holder h1{
	font-size: 28px;
	line-height: 30px;
}
.cp-heding-style1 h2,.cp-heding-style2 h2{
	font-size: 30px;
	line-height: 30px;
}
.big-salon .services-item .services-caption{
	top: 0;
}
.big-salon .cp_our-parallax-section .left-holder h3{
	font-size: 30px;
	line-height: 30px;
}
.big-salon .cp_our-parallax-section .left-holder strong{
	font-size: 44px;
	line-height: 44px;
}
.cp_our-parallax-section .right-holder{
	width: 100%;
}
.cp_banner .banner-caption2 h1{
	font-size: 30px;
	line-height: 30px;
}
.footer-logo{
	width: 100%;
	text-align: center;
}
.cp_banner .banner-caption2{
	bottom: 200px;
}
.cp-events-box .text h2{
	font-size: 24px;
	line-height: 24px;
}
.cp-comments-box .text{
	padding-left: 80px;
}
.cp_blockquote p{
	font-size: 18px;
}
.big-salon .cp-events-box .top-holder .date-box{
	margin: -50px 0 0 3px;
	position: relative;
	z-index: 999;
}
.big-salon .cp-events-box .map-holder{
	margin: 20px 0 30px;
	width: 100%;
}
.coundown-holder1 #countdown_dashboard .dash{
	margin: 0 0 10px 26px
}
.coundown-holder1 #countdown_dashboard .dash:after,.coundown-holder1 #countdown_dashboard .dash:before{
	display: none;
}
.cp_accodian-box .container_cp_accor{
	overflow: hidden;
	padding: 15px 0 17px;
}
.cp_comingsoon-section1 .cp-heding-style3 h2{
	font-size: 22px;
	line-height: 22px;
}
.cp_comingsoon-section1 p{
	margin: 0 0 30px;
}
.cp_comingsoon-section1 .coundown-holder2 #countdown_dashboard2 .dash{
	width: 90px;
	margin: 0 20px 30px 0;
}
.cp_footer-section1 h2{
	font-size: 20px;
	line-height: 20px;
}
.cp_footer-section1 .buy-now{
	padding: 10px 0;
}
.big-salon .cp_comingsoon-section1 .coundown-holder2 #countdown_dashboard2 .dash{
	width: 70px;
	margin: 0 15px 30px 0;
}
.big-salon .coundown-holder2 #countdown_dashboard2 .dash .digit{
	width: 30px;
	font-size: 28px;
}
.cp_comingsoon-section2{
	padding: 0 0 80px;
}
.coundown-holder2 #countdown_dashboard3 .dash{
	line-height: 80px;
}
.big-salon .comingsoon-holder p{
	font-size: 16px;
	margin: 0 0 15px;
}
.big-salon .comingsoon-holder form input[type="text"]{
	min-width: 100%;
	margin: 0 0 20px;
}
.big-salon .cp-p404-content{
	width: 100%;
	padding: 0 20px;
}
.big-salon .cp-p404-content .p404-title-2{
	margin: 0 0 15px;
}
.big-salon .p404-form-holder{
	width: 100%;
}
.big-salon .cp-heding-style3 h2{
	font-size: 24px;
	line-height: 24px;
}
.cp_product-section ul.row > li{
	float: left;
	width: 100%;
}
.wc-proceed-to-checkout,.cart_totals > h2,.payment-holder > img{
	float: left;
	width: 100%;
}
.cart-table-row .woocommerce .shop_table td.product-thumbnail,.cart-table-row .woocommerce .shop_table thead th.product-thumbnail,.cart-table-row .woocommerce .shop_table .product-quantity{
	display: none;
}
.cp_pagination-holder .pagination > li > a{
	font-size: 12px;
	line-height: 12px;
	padding: 13px 10px 0;
}
.cp_footer-section3 strong{
	width: 100%;
	text-align: center;
}
.cart-table-row .woocommerce .shop_table .coupon input[type="text"]{
	width: 100%;
	margin: 0 0 20px;
}
.cart-table-row .woocommerce .shop_table .action input[type="submit"],.cp_pagination-holder,.cp-blog-box{
	margin: 0 0 20px;
}
.cp-blog-box .quotes-box strong,.cp-blog-box h2{
	font-size: 20px;
}
.cp-blog-box .bottom-holder{
	padding: 0 0 10px;
}
.big-salon .cp_portfolioFilter a{
	padding: 9px 9px 10px;
	font-size: 12px;
}
ul.portfolioContainer .cp_gallery-box{
	margin: 0;
}
.rating-holder ul > li{
	margin: 0 20px 0 0;
}
.product .summary .product-quantity{
	margin: 0 20px 20px 0;
}
.big-salon .cp_countdown-holder1 .countdown-section {
	margin: 0 15px 0 0;
}
.cp_countdown-holder1 .countdown-amount {
	font-size: 30px;
	width:60px;
}

}



/*===========================================================================*/
							/*767px CSS*/
/*===========================================================================*/
@media (max-width: 767px) {

#wrapper #cp_header.cp_sticky{
	position: absolute;
}
.big-salon #cp_header.cp_sticky .cp_navigation-row{
	background-color: #000;
}
.big-salon #cp_header.cp_sticky{
	position: absolute;
}
.big-salon .cp_sticky .cp_navigation-row{
	background-color: transparent;
	padding: 0;
}
.big-salon .cp_sticky .cp_logo-row{
	display: block;
}
.big-salon .cp-nav-holder .navbar-inverse{
	float: inherit;
	width: 100%;
	margin: -55px 0 0;
}
.cp_navigation-row .navbar-inverse .navbar-collapse{
	border: none;
	box-shadow: none;
}
.cp_navigation-row .navbar-inverse .navbar-toggle{
	background: #333;
	margin: 0;
}
#wrapper #cp_header{
	position: relative;
	background-color: #000;
}
#wrapper #cp_header.cp_sticky{
	background-color: #000;
	position: relative;
}
#big-salon-spa #wrapper #cp_header{
	background-color: #fff;
}
#big-salon-barber-shop .cp-nav-holder .navbar-inverse{
	float: inherit;
}
#big-salon-barber-shop .cp_navigation-row .cp-nav-holder{
	width: 100%;
}
#big-salon-barber-shop .cp-nav-holder .cp_search-bar{
	margin: 15px 0 13px;
	float: left;
	width: 100%;
	text-align: left;
}
#big-salon-nail .cp_logo-row .cp-logo{
	width: 100%;
	margin: 20px 70px 20px 0;
}
#big-salon-nail .cp_logo-row .cp-right-holder{
	position: relative;
	z-index: 999;
	float: left;
}
#big-salon-spa .cp_navigation-row .cp-logo{
	margin-bottom: 20px;
}
.big-salon .cp-nav-holder .navbar-nav li ul{
	display:none;
	position:static;
	opacity:1;
	visibility:visible;
	top:0;
}
.big-salon .cp-nav-holder .navbar-nav .open > .dropdown-menu{
	display:block;
}
.big-salon .cp-nav-holder .navbar-nav .open > .dropdown-menu > li ul{
	left:0;
	display:none;
	border:none;
}
.big-salon .cp-nav-holder .navbar-nav .open > .dropdown-menu > li:hover ul{
	display:block;
}
.big-salon .cp-nav-holder .navbar-nav .open > .dropdown-menu > li ul li a{
	padding:8px 15px 8px 25px;
}
.big-salon .cp-nav-holder .navbar-nav > li ul li{
	border:none;
}
.big-salon .cp-nav-holder .navbar-nav .open .dropdown-menu > li > a,.big-salon .cp-nav-holder .navbar-nav .open .dropdown-menu .dropdown-header{
	padding:8px 15px 8px 17px;
	color:#fff;
}
.big-salon .cp-nav-holder .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,.big-salon .cp-nav-holder .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus{
	color:#fff;
}
.cp-nav-holder .navbar-nav{
	float: left;
	width: 100%;
	margin:30px 0 0;
}
.cp-nav-holder .navbar-nav > li{
	width: 100%;
}
.cp-nav-holder .navbar-inverse .navbar-nav > li > a{
	line-height: 40px;
	display: block;
}
.cp-nav-holder .navbar-nav .caret{
	display:inline-block;
}
#big-salon-spa .cp-nav-holder .navbar-nav > li > a{
	line-height: 40px;
}
#big-salon-spa .cp_navigation-row .cp-nav-holder .cp_search-bar{
	margin: 0;
	width: 100%;
}
.cp_banner .banner-caption h1{
	font-size: 30px;
	line-height: inherit;
}
.cp_banner .item img{
	width: 100%;
}
#big-salon-spa .cp_banner .banner-caption{
	top: 30px;
}
.big-salon .cp_banner .banner-caption{
	bottom:0;
	top: 120px;
}
.big-salon .cp_banner .banner-caption h1{
	font-size: 20px;
}
.big-salon .cp_banner .banner-caption .cp-btn-checkout{
	display: none;
}
#big-salon-barber-shop .cp_banner .banner-caption h1{
	font-size: 30px;
	padding: 15px 0;
}
.cp_navigation-row .cp-right-holder{
	position: relative;
	float: left;
	width: 100%;
	top: 0;
	padding:30px 20px 10px;
	opacity: 1;
	visibility: visible;
	text-align: center;
}
.cp_navigation-row{
	padding: 0;
}
.cp_sticky .cp-nav-holder .navbar-inverse{
	float: right;
	width: 100%;
}
.cp-right-holder > ul > li{
	line-height:30px;
	border-color: #fff;
	display: inline-block;
	float: inherit;
}
.cp_search-bar .cp-inner-search-bar{
	right: inherit;
	left: -10px;
}

.cp_inner-banner{
	background: url(../images/inner-login-img.jpg) top center;
	background-size: cover;
	min-height: 250px;
	position: relative;
	z-index: 99;
}
.cp_inner-banner:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	z-index: -1;
}
.cp-inner-image img{
	display: none;
}
.cp_banner .banner-caption2{
	top: 20px;
	bottom: 0;
}
.cp_banner .banner-caption2 em{
	font-size: 20px;
	line-height:20px;
	margin: 0 0 10px;
}
.cp_banner .banner-caption2 .cp-btn-checkout{
	display: none;
}
#cp_banner-slider2 .owl-controls{
	bottom: -25px;
}
.cp_breadcrumb-holder{
	padding: 80px 0 50px;
}
.cp_breadcrumb-holder h1{
	font-size: 40px;
	line-height: 40px;
}
.pd-tb80{
	padding: 50px 0;
}
.about-text{
	padding: 20px 0;
}
.about-text h3{
	font-size: 24px;
	line-height: 20px;
}
#cp_about-slider .owl-buttons{
	bottom: -20px;
}
.promotion-item{
	margin: 0 0 40px;
}
.promotion-item .text{
	padding: 25px 30px;
}
.big-salon h3{
	font-size: 24px;
	line-height: 24px;
}
.promotion-item .text,.promotion-item .thumb img{
	width: 100%;
}
.promotion-item .thumb{
	width: 100%;
	position: inherit;
	border: none;
	top: 0;
}
.services-item img{
	width: 100%;
}
.cp_our-services-section .services-item,.achievement-item,.ft-box-holder{
	margin: 0 0 30px;
}
.testimonial-holder{
	padding: 30px 20px 50px;
}
.cp_footer-section1 h2{
	font-size: 30px;
	line-height: 30px;
}
.cp_brands-section ul li{
	width: 33.33%;
}
.rates-holder .text-holder .info-hold:before,.rates-holder .text-holder .info-hold:after,.rates-holder .right .info-hold:before,.rates-holder .right .info-hold:after{
	display: none;
}
.services-item .services-caption{
	top: 30%;
}
.cp_our-parallax-section .left-holder{
	margin: 0 0 30px;
}
.cp_our-parallax-section .right-holder{
	padding: 0;
	width:100%;
}
.cp_our-parallax-section .right-holder ul > li{
	font-size: 24px;
	line-height: 24px;
	margin: 0 0 12px;
}
.blog-holder .text-holder{
	padding: 20px 15px;
}
.big-salon .cp_brands-section ul li{
	width: 50%;
}
.big-salon .cp_brands-section ul li img{
	width: 100%;
}
.rates-holder:before,.cp_rates-section2 .rates-holder:before{
	width: 100%;
	background-size: cover;
	right: 0;
	left: 0;
}
.cp_our-services-section{
	margin: 0;
}
.cp_gallery-full-section .holder{
	padding: 40px 20px;
}
.cp_gallery-full-section .holder h3{
	font-size: 40px;
	line-height: 40px;
	margin: 0 0 20px;
}
.cp_our-parallax-section3{
	padding: 80px 0;
}
.cp_our-parallax-section3 h3{
	line-height: 30px;
}
.cp_promotion-section3 .promotion-item .text,.cp_promotion-section3 .promotion-item .thumb{
	width: 100%;
}
.cp_our-parallax-section3 h3 span{
	font-size: 26px;
	line-height: 40px;
}
.pricing-item{
	margin: 0 0 30px;
}
.pd-b80{
	padding: 40px 0;
}
.cp_testimonial-section:before,.cp_testimonial-section:after{
	width: 100%;
	background-size: cover;
}
.cp-events-box .cp-thumb{
	width: 100%;
}
.cp-events-box .text{
	float: left;
	width: 100%;
}
a.cp-btn-style2{
	min-width: 115px;
	padding: 10px 0;
}
.cp_our-parallax-section .left-holder h3,.cp_our-parallax-section .left-holder strong{
	font-size: 50px;
	line-height: 50px;
}
.cp_our-parallax-section .left-holder strong{
	margin: 0 0 35px;
}
.cp-events-box .map-holder{
	margin-bottom: 50px;
}
.cp-sidebar-box,.cp-form-box .holder:last-child{
	margin: 0 0 30px;
}
.comments-list > li ul{
	padding: 0 0 0 30px;
}
.big-salon .portfolioContainer{
	margin: 0 0 -30px -30px;
}
.portfolioContainer li{
	float: left;
	width: 100%;
	margin: 0 28px 30px 30px;
}
.cp_portfolioFilter a{
	padding: 10px 15px 12px;
}
.cp_gallery-box{
	margin: 0 0 30px;
}
.cp-gallery-full > li{
	width: 100%;
}
.cp_comingsoon-section1{
	padding: 70px 0;
}
.coundown-holder2 #countdown_dashboard2 .dash .digit{
	width: 40px;
}
.coundown-holder2 #countdown_dashboard2 .dash{
	font-size: 34px;
}
.cp-inner-comingsoon-image > img{
	display: none;
}
.cp-inner-comingsoon-image{
	background: url(../images/inner-commin-soon-2-img.jpg) top center;
	background-size: cover;
	float: left;
	width: 100%;
	min-height: 800px;
}
.cp_comingsoon-section2{
	position: relative;
	z-index: 9999;
}
.comingsoon-holder{
	width: 100%;
	float: left;
}
.comingsoon-holder .coundown-holder2{
	margin: 0 0 30px;
}
.coundown-holder2 #countdown_dashboard3 .dash{
	font-size: 60px;
}
.comingsoon-holder p{
	font-size: 20px;
	margin: 0 0 50px;
}
.comingsoon-holder form input[type="text"]{
	margin: 0 30px 20px 0;
}
.cp_p404-section1{
	padding: 70px 0;
}
.cp-p404-content .p404-title-2{
	margin: 0 0 30px;
}
.big-salon .p404-title-2 strong{
	font-size: 60px;
	line-height: 60px;
	padding: 0 0 20px;
}
.big-salon .p404-title-2::after{
	width: 70%;
}
.cp-map-box #map_contact_2,.cp-map-box #map_contact_1{
	height: 270px;
}
.cp-blog-box .quotes-box{
	padding: 60px 30px 40px;
}
.cp_rates-section{
	padding-top:0;
}
.rates-holder{
	text-align:center;
}
.rates-holder .text-holder,.rates-holder .text-holder.right{
	padding:70px 0 0;
	text-align:inherit;
}
.rates-holder .left .info-hold,.rates-holder .right .info-hold{
	padding:0 0 50px;
}
.rates-holder .text-holder .info-hold h4{
	margin:0 0 10px;
}
.big-salon #wrapper .cp_rates-section2 .rates-holder .text-holder .info-hold span{
	padding:0;
	color:#000;
}
.cp_countdown-holder1 .countdown-section {
	margin: 0 30px 0 0;
}
.cp_countdown-holder2 .countdown-section{
	margin:0 30px 50px 0;
}

}

/*===========================================================================*/
						/*768px And 1024px CSS*/
/*===========================================================================*/
@media (min-width: 768px) and (max-width: 1024px) {
#wrapper #cp_header{
	position: relative;
	background-color: #000;
}
#wrapper #cp_header.cp_sticky{
	position: relative;
}
.cp_navigation-row .cp-right-holder{
	opacity: 1;
	visibility: visible;
	top: 0;
}
.cp_navigation-row{
	padding: 0;
}
.cp_navigation-row .cp-nav-holder .navbar-inverse{
	width: 100%;
}
.cp-inner-comingsoon-image > img{
	display: none;
}
.cp-inner-comingsoon-image{
	background: url(../images/inner-commin-soon-2-img.jpg) top center;
	background-size: cover;
	float: left;
	width: 100%;
	min-height: 900px;
}
.cp-events-box .map-holder{
	margin-bottom: 50px;
}
.rates-holder .text-holder .info-hold:before,.rates-holder .text-holder .info-hold:after,.rates-holder .right .info-hold:before,.rates-holder .right .info-hold:after{
	display: none;
}
.cp-gallery-full > li{
	width: 50%;
}
.blog-holder .text-holder{
	padding: 20px;
}
.cp-right-holder > ul > li{
	line-height: 50px;
}
.big-salon .rates-holder:before{
	width: 100%;
	right: 0;
	background-size: cover;
}
.services-item .services-caption h3{
	font-size: 24px;
	line-height: 24px;
}

}


/*===========================================================================*/
							/*1200px CSS*/
/*===========================================================================*/
@media (min-width: 1200px) {

.cp_banner .banner-caption{
	width: 920px;
	padding: 0;
	bottom: 60px;
}
.cp_banner .banner-caption h1{
	font-size: 60px;
	line-height: 60px;
}
.cp_rates-section .bottom{
	padding: 0 120px;
}
.cp_about-section .cp-about-holder{
	width: 750px;
	margin: 0 auto;
}
.cp_about-section .cp-about-holder p{
	padding: 0 85px;
}
.cp_our-parallax-section3 h3{
	padding: 0 83px;
}
.rates-holder::before{
	right: -50px;
}
.rates-holder .text-holder .info-hold h4{
	font-size: 30px;
	line-height: 30px;
}
.rates-holder .left .info-hold{
	padding: 0 0 170px;
}
.rates-holder .left .info-hold:before{
	right: 180px;
}
.rates-holder .left .info-hold:after{
	right: 300px;
}
.team-item{
	margin: 0;
}
.coundown-holder2 #countdown_dashboard2 .dash{
	margin: 0 130px 0 0;
}
.cp_p404-section2 .cp-p404-content{
	top: 370px;
}
.p404-title-2 strong{
	font-size: 250px;
	line-height: 250px;
}
.cp_about-section .cp-thumb{
	margin: 0;
}
.cp_brands-section ul li{
	width: 12.2%;
}
.cp_our-services-section{
	margin: 0 0 90px;
}
.cp_our-services-section .services-item{
	margin: 0 0 -90px;
}
.cp_nail-banner .banner-caption{
	bottom: 290px;
}
.cp_about-section .top-holder{
	background: #fff;
	padding: 80px 0 0;
	margin: -160px 0 0;
}
.cp_countdown-holder1 .countdown-section {
	margin: 0 130px 0 0;
}
.cp_countdown-holder2 .countdown-amount{
	font-size:90px;
	line-height: 90px;
}
.cp_countdown-holder3{
	float:right;
}


}

/*===========================================================================*/
							/*1024 and 1280 CSS*/
/*===========================================================================*/
@media (min-width: 1024px) and (max-width: 1280px) {

.cp_gallery-full-section .holder{
	padding: 30px 20px;
}
.cp_gallery-full-section .holder h3{
	font-size: 30px;
	line-height: 20px;
	margin: 0 0 20px;
}
.cp_gallery-full-section .holder p{
	margin: 0 0 15px;
}

}