@media (max-width: 480px){
	.contact_info .contact_info_box{
		width: 100%;
		max-width: 100%;
	}
}
@media (min-width: 320px) and (max-width: 767px){
	.carousel .carousel-indicators{
		margin-left: 30px;
		bottom: 15px;
	}
	.carousel .hair_offer_price{
		font-size: 18px;
		line-height: 20px;
	}
	.header_social{
		width: 100%;
		text-align: center;
		margin-top: 15px;
	}
	.header_social a:first-child{
		margin-left: 0;
	}
	.logo{
		text-align: center;
	}
	.footer [class*="col-"]{
		margin-bottom: 20px;
	}
	.hair_offer_info{
		width: 100%;
		padding: 30px 0px 40px 0px;
	}
	.hair_offer_price{
		padding-top: 0px;
	}
	.header_navigation{
		position: fixed;
	    right: -220px;
	    width: 220px;
	    background-color: #f5f5f5;
	    height: 100%;
	    top: 0;
	    z-index: 999;
	    transition: all .5s ease;
	}
	.carousel img{
		min-height: 205px;
		height: 205px;
		object-fit: cover;
	}
	.header_navigation_active{
		right: 0;
		transition: all .5s ease;
	}
	.header_navigation_ul li{
		display: block;
		margin: 0;
	}

	.header_navigation_ul li a{
		padding: 10px;
		padding-left: 20px;
		display: block;
	}
	.header_navigation_ul li a:after{
		display: none;
	}
	.additional_section .container{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		text-align: center;
	}
	.additional_section .text_info{
		margin-bottom: 15px;
	}
	.about_what_we_offer{
		margin-top: 20px;
	}

	.testimonial_box_info p{
		line-height: 30px;
		font-size: 20px;
	}
	.one_click_hair .hair_offer_price{
		font-size: 30px;
	}

	/*.one_click_hair{
		padding: 40px 0;
	}*/

	.before_after{
		padding: 40px 0;
	}

	.before_after_info{
		padding-left: 15px !important;
		margin-top: 20px;
	}

	.before_after .owl-nav{
		position: static;
		margin-top: 20px;
		text-align: center;
	}

	.restoration{
		padding: 40px 0;
	}
	.call_back{
		padding: 40px 0;
	}

	.call_back .main_heading{
		margin-bottom: 20px;
	}

	.contact{
		padding: 40px 0 40px;
	}

}

@media (max-width: 575px){
	.call_back_form .call_back_form_fields{
		width: 100%;
		max-width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	.additional_section .text_info{
		width: 300px;
	}
	.before_after_info{
	padding-left: 15px !important;

	}
}

@media (min-width: 576px){

	.about_what_we_offer ul li{
		max-width: 48%;
		margin-bottom: 0;
	}
	.about_what_we_offer ul li:nth-child(3){
	background-color: #fff;
	}

	.about_what_we_offer ul li:nth-child(4){
	background-color: #fff;
	}
}

@media (min-width: 768px){

	.inner_banner h2{
		font-size: 57px;
	}

	.inner_banner{
		padding: 120px;
	}

	.carousel .hair_offer_info a{
		display: inline-block;
	}

	.hair_offer_price{
		font-size: 53px;
		margin-bottom: 30px;
	}

	.notice_hair_lose .hair_offer_price{
	font-size: 44px;
	}

	.py-80{
		padding: 80px 0 !important;
	}

	.services_card{
		margin-top: 40px;
	}
   
	.about{
		padding: 80px 0;
	}

	.services{
		padding: 80px 0;
	}
	.main_heading .heading{
		font-size: 3rem;
	}
	.header_topbar .header_tapbar_buttons p{
		display: block;
	}

	.header_navigation{
		display: block;
	}

	 .toggle_menu {
	 	display: none;
	 }
	.mas_btn_lg{
		font-size: 1em;
    	padding: 1.72em 3.72em;
	}
	.carousel .hair_offer_price{
		margin-bottom: 60px;
	}

	.testimonial .owl-dot{
		width: 98px;
		height: 98px;
	}
	.advantages{
		padding: 40px 0; 
	}
}

@media (min-width: 992px){
	.carousel-control-prev, .carousel-control-next{
		display: flex;
	}
	.testimonial{
		margin-top: 0;
	}
	.carousel img{
		min-height: 795px;
		object-fit: cover;
	}
	 .additional_section .text_info{
	 	font-size: 22px;
	 }

	.carousel .hair_offer_info{
		max-width: 960px;
	}

	.carousel .hair_offer_price{
		font-size: 60px;
 		line-height: 60px;
	}

}

@media (min-width: 1200px){
	.carousel .hair_offer_info{
		max-width: 100%;
		padding-left: 100px;
	}
	.carousel .hair_offer_info .stylish_font{
		font-size: 50px;
	}
}