/*
======================
For - Big - Screen
======================
*/

@media screen and (min-width: 1920px) {

	

}




/*
=======================
For - Dextop - Screen
=======================
*/

@media screen and (min-width: 1400px) and (max-width: 1919px) {

	




}




@media screen and (min-width: 1530px) and (max-width: 1919px) {



}




@media screen and (min-width: 1200px) and (max-width: 1399px) {

	


}

@media screen and (min-width: 1200px) and (max-width: 1919px) {

	

}


@media screen and (min-width: 1200px) {

	


}


/*
=======================
For - Leptop - Screen
=======================
*/

@media screen and (min-width: 992px) and (max-width: 1199px) {

	
	

}


@media screen and (min-width: 992px) and (max-width: 1199px) {




	/*packs area responsive*/

	.pack-content h2 span {
	  	font-size: 20px;
	  	margin-bottom: 10px;
	}

	.pack-content h2 {
	  	font-size: 25px;
	  	line-height: 1.5;
	  	margin-top: 40px;
	  	margin-bottom: 17px;
	  	padding-top: 89px;
	}

	.pack-tag a {
	  	font-size: 16px;
	  	padding: 13px 50px;
	}



	/*shop area responsive*/

	.shop-ctn h2 {
	  	font-size: 20px;
	  	line-height: 1.5;
	}

	.shop-main h4 {
	  	font-size: 16px;
	  	margin-top: 25px;
	}


	/*save area responsive*/

	.save-area {
	  	padding: 30px 0px;
	}

	.save-content h2 span {
	  	font-size: 19px;
	  	line-height: 1.5;
	  	margin-bottom: 10px;
	}

	.save-content h2 {
	  	font-size: 23px;
	  	line-height: 1.5;
	}

	.save-main {
	  	padding: 30px 0px;
	}


	/*home area responsiv*/


	.home-content h2 {
	  	font-size: 22px;
	  	line-height: 1.5;
	}

	.home-content .home-sp span {
	  	width: 214px;
	}

	.home-sp {
	 	margin-bottom: 28px;
	}

	.hl-ctn h3 {
	  	font-size: 17px;
	}

	.home-slider p {
	  	font-size: 14px;
	  	margin-bottom: 13px;
	}

	.home-slider h3 {
	  	font-size: 18px;
	}



/*arts area responsiv*/

	.arts-area {
	  	padding: 20px 0px 45px;
	}

	.arts-left h2 {
	  	font-size: 20px;
	  	line-height: 1.5;
	  	margin-top: 10px;
	}

	.arts-flex {
	 	margin-bottom: 30px;
	}

	.arts-flex span {
	  	width: 210px;
	}

	.arts-flex .arts-sp {
	  	width: 555px !important;
	}

	.al-area p {
	  	font-size: 14px;
	  	line-height: 1.3;
	 	margin-bottom: 13px;
	}

	.al-area h3 {
  		font-size: 20px;
  		margin-bottom: 20px;
	}

	.atrs-right h3 {
	  	font-size: 17px;
	  	line-height: 1.5;
	  	margin-top: 5px;
	}

	.arts-box {
	  	padding: 25px 26px;
	}


/*save area-2 responsive*/

	.save-content2 h2 span {
	  	font-size: 19px;
	  	line-height: 1.5;
	}

	.save-content2 h2 {
	  	font-size: 26px;
	  	line-height: 1.5;
	}

	.save-main2 {
	  	padding: 24px 0px;
	}


	/*sign area responsive*/	


	.sign-left a {
	  	font-size: 17px;
	  	line-height: 1.5;
	  	margin-bottom: 15px;
	}

	.sign-center a {
	  	font-size: 14px;
	  	margin-bottom: 15px;
	}

	.sign-area {
	  	margin-top: 30px;
	}


	/*footer area responsive*/

	.footer-logo {
		text-align: left;
	}

	.call-area a h2 {
	  	font-size: 22px;
	  	line-height: 1.5;
	}

	.footer-logo h3 {
	  	font-size: 14px;
	  	margin-top: 6px;
	}

	.foorer-list {
		text-align: left;
		margin-top: 22px;
	}

	.footer-area {
	 	padding: 30px 0px;
	}


/*=========================
	category page responsive
=============================*/

	.hair-area h2 span {
	  	font-size: 19px;
	}

	.line {
	  	margin-bottom: 30px;
	}

	.product-item p {
	  	font-size: 14px;
	}

	.pera {
	  	margin-bottom: 12px !important;
	}

	.regination-list ul li {
	  	margin-right: 15px;
	}






	




}



/*
=======================
For - Ipad - Screen
=======================
*/

@media screen and (min-width: 768px) and (max-width: 991px) {
	
	


	.hd-form form {
		margin-top: 30px;
	}

	/*menu area responsive*/


	.menu-area ul li a {
	  margin-bottom: 15px;
	}


	/*packs area responsive*/

	.pack-content h2 span {
	  	font-size: 19px;
	  	margin-bottom: 10px;
	}

	.pack-content h2 {
	  	font-size: 20px;
	  	line-height: 1.5;
	  	margin-top: 45px;
	  	margin-bottom: 17px;
	  	padding-top: 30px;
	}

	.pack-tag a {
	  	font-size: 15px;
	  	padding: 13px 45px;
	}


	/*shop area responsive*/

	.shop-ctn h2 {
	  	font-size: 20px;
	  	line-height: 1.5;
	}

	.shop-main h4 {
	  	font-size: 16px;
	  	margin-top: 25px;
	}


	/*save area responsive*/

	.save-area {
	  	padding: 30px 0px;
	}

	.save-content h2 span {
	  	font-size: 19px;
	  	line-height: 1.5;
	  	margin-bottom: 10px;
	}

	.save-content h2 {
	  	font-size: 23px;
	  	line-height: 1.5;
	}

	.save-main {
	  	padding: 30px 0px;
	}

	/*health area responsiv*/


	.health-slider p {
	  	font-size: 13px;
	  	margin-bottom: 15px;
	}

	.health-content h2 {
	  	font-size: 20px;
	  	line-height: 1.5;
	}

	.health-content span {
	  	width: 205px;
	}

	.health-slider h3 {
	  	font-size: 18px;
	  	line-height: 1.5;
	}

	/*home area responsiv*/

	.hl-ctn h3 {
	  	font-size: 20px;
	}

	.home-content h2 {
	  	font-size: 20px;
	  	line-height: 1.5;
	}

	.home-content .home-sp span {
	  	width: 195px;
	}

	.home-slider p {
	  	font-size: 15px;
	  	line-height: 1.3;
	  	margin-bottom: 14px;
	}



/*arts area responsiv*/

	.arts-area {
	  	padding: 20px 0px 45px;
	}

	.arts-left h2 {
	  	font-size: 20px;
	  	line-height: 1.5;
	  	margin-top: 10px;
	}

	.arts-flex span {
	  	width: 208px;
	}

	.al-area p {
	  	font-size: 14px;
	  	line-height: 1.3;
	 	margin-bottom: 13px;
	}

	.al-area h3 {
  		font-size: 20px;
  		margin-bottom: 20px;
	}

	.atrs-right h3 {
	  	font-size: 17px;
	  	line-height: 1.5;
	  	margin-top: 5px;
	}

	.arts-box {
	  	padding: 25px 26px;
	}


/*save area-2 responsive*/

	.save-content2 h2 span {
	  	font-size: 19px;
	  	line-height: 1.5;
	}

	.save-content2 h2 {
	  	font-size: 26px;
	  	line-height: 1.5;
	}

	.save-main2 {
	  	padding: 24px 0px;
	}


	/*sign area responsive*/	


	.sign-left a {
	  	font-size: 17px;
	  	line-height: 1.5;
	  	margin-bottom: 15px;
	}

	.sign-center a {
	  	font-size: 14px;
	  	margin-bottom: 15px;
	}

	.sign-area {
	  	margin-top: 30px;
	}


	/*footer area responsive*/

	 
	.footer-flex a img {
		width: 45px;
	}
	.call-area a p {
		font-size: 10px;
	}
	.call-area a h2 {
	  	font-size: 17px;
	  	line-height: 1.5;
	}

	.footer-logo h3 {
	  	font-size: 14px;
	  	margin-top: 6px;
	}
	
	.place {
		font-size: 13px;
	}

	.foorer-list {
		text-align: left;
		margin-top: 22px;
	}

	.footer-area {
	 	padding: 30px 0px;
	}


	/*main footer area responsive*/

	.main-footer {
	  	padding: 20px 0px;
	}


	.mf-center ul li a {
		font-size: 11px;
	}

	.mf-right ul {
	  	text-align: center;
	}


/*=========================
	category page responsive
=============================*/

	.hair-area h2 span {
	  	font-size: 17px;
	}

	.product-area {
	  	padding: 25px 0px 20px;
	}

	.product-content h2 {
	  	font-size: 17px;
	}

	.product-content button {
	  	font-size: 14px;
	  	padding: 10px 25px;
	}

	.line {
	  	margin-bottom: 24px;
	}

	.product-item p {
	  	text-align: center;
	  	font-size: 14px;
	}

	.product-item h3 {
	  	font-size: 19px;
	  	text-align: center;
	}

	.pera {
	  	margin-bottom: 12px !important;
	}


	.regination-list ul li {
	  	margin-right: 12px;
	}







}





/*
=======================
For - Mobile - Screen
=======================
*/

@media screen and (max-width: 767px) {


	.header-top {
	  	display: none;
	}

	.hd-icon ul li a {
	  margin-left: 10px;
	}

	.hd-form form {
		margin-top: 30px;
	}
	
	.hd-form form .ui-widget {
		width: calc(100% - 162px);
	}

	.hd-form form button.submit-btn {
	  width: 50px;
	}

	.hd-form form input {
	  width: 100%;
	}

	.shap {
	  	width: 16px;
	  	height: 16px;
	  	line-height: 16px;
	  	top: -1px;
	  	left: 19px;
	}


	/*menu area responsive*/

  .menu-area {
		padding: 0px 0px 15px;
	}
	
	.menu-area ul li a {
	  margin-bottom: 15px;
	}



	/*packs area responsive*/

	.pack-content h2 span {
	  	font-size: 20px;
	  	margin-bottom: 10px;
	}

	.pack-content h2 {
	  	font-size: 21px;
	  	line-height: 1.5;
	  	margin-top: 40px;
	  	margin-bottom: 17px;
	  	padding-top: 20px;
	  	margin-top: 0;
	}

	.pack-tag a {
	  	font-size: 14px;
	  	padding: 12px 50px;
	}

	.pack-tag {
	  	margin-bottom: 50px;
	}





	/*shop area responsive*/

	.shop-ctn h2 {
	  	font-size: 20px;
	  	line-height: 1.5;
	  	margin-bottom: 25px;
	}

	.shop-main h4 {
	  	font-size: 16px;
	  	margin-top: 28px;
	  	line-height: 1.2;
	}


	/*save area responsive*/

	.save-content h2 span {
	  	font-size: 18px;
	}

	.save-main {
	  	padding: 20px 0px;
	}

	.save-content h2 {
	  	font-size: 21px;
	  	line-height: 1.5;
	}

	.shop-area {
		padding: 90px 0px 30px;
	}
	.save-area {
	  	padding: 25px 0px 50px;
	}

	/*home area responsive*/

	.home-area {
	  	padding: 0px;
	}

	.hl-ctn h3 {
	  	font-size: 20px;
	}

	.home-content h2 {
	  	font-size: 20px;
	  	line-height: 1.5;
	  	margin-top: 50px;
	}

	.home-content .home-sp span {
	  	width: 196px;
	}
  
	.home-slider {
		margin: 0 auto;
	}
	
	.home-slider p {
		font-size: 14px;
		margin-bottom: 15px;
		margin-top: 11px;
	}
	
	.health-slider {
		margin: 0 auto;
	}
	
	.owl-carousel .owl-item {
		position: relative;
	}

	/*arts area responsive*/

	.arts-area {
	  	padding: 20px 0px 35px;
	}

	.arts-left h2 {
	  	font-size: 21px;
	  	line-height: 1.5;
	  	margin-top: 15px;
	}

	.arts-flex span {
	  	width: 215px;
	}

	.al-area p {
	  	font-size: 14px;
	  	margin-top: 12px;
	  	margin-bottom: 12px;
	  	text-align: center;
	}

	.al-area h3 {
  		font-size: 18px;
  		margin-bottom: 20px;
 		text-align: center;
	}

	.atrs-right h3 {
	  	font-size: 19px;
	  	line-height: 1.5;
	  	margin-top: 0px;
	  	text-align: center;
	}


/*save area-2 responsive*/

	.save-content2 h2 span {
	  	font-size: 17px;
	  	line-height: 1.3;
	}

	.save-content2 h2 {
	  	font-size: 19px;
	  	line-height: 1.5;
	}

	.save-main2 {
	  	padding: 20px 0px;
	}



/*sign area responsive*/

	.sign-area {
	  	margin-top: 25px;
	}

	.sign-left {
		text-align: center;
		margin-bottom: 12px;
	}

	.sign-center {
		text-align: center;
		margin-bottom: 12px;
	}

	.sign-center a {
	  	font-size: 15px;
	}


	#owl-carousel2 .owl-dots {
	  position: initial;
	  width: 80%;
	  margin: 0 auto;
	}

	#owl-carousel2 .owl-dots .owl-dot {
	  width: 10px;
	  height: 10px;
	  margin-right: 6px;
	}

/*footer area responsive*/

	.footer-logo {
		text-align: center;
	}

	.footer-flex a img {
	  	width: 77%;
	}

	.footer-flex {
	  	gap: 8px;
	  	justify-content: center;
	}

	.footer-flex a img {
		width: 45px;
	}
	.call-area a p {
		font-size: 10px;
	}
	.call-area a h2 {
	  	font-size: 17px;
	  	line-height: 1.5;
	}

	.footer-logo h3 {
	  	font-size: 14px;
	  	margin-top: 6px;
	}

	.foorer-list {
		text-align: center;
		margin-top: 22px;
	}

	.footer-area {
	 	padding: 30px 0px;
	}


	/*main footer area responsive*/

	.main-footer {
	  	padding: 20px 0px;
	}


	.mf-left {
		text-align: center;
		margin-bottom: 8px;
	}

	.mf-right ul {
	  	text-align: center;
	}



/*=========================

category page responsive

=============================*/


 	/*hair-main area*/
 
 	.hair-area h2 span {
	  	font-size: 15px;
	}
  
	
	.shop-main img {
		/*! width: 80%; */
	}

	.product-area {
	  	padding: 20px 0px 15px;
	}

	.product-content button {
	  	font-size: 15px;
	  	padding: 9px 20px;
	}

	.line {
	 	margin-bottom: 19px;
	}

	.product-item img {
		width: 100%;
	}

	.product-item p {
	  	font-size: 14px;
	  	margin-top: 15px;
	  	text-align: center;
	}

	.pera {
	  	margin-bottom: 11px !important;
	}

	.product-item h3 {
	  	font-size: 20px;
	  	text-align: center;
	}

	.regination-list ul li {
	  	margin-right: 0px;
	}

	.regination-list ul li a {
	  	font-size: 11px;
	  	width: 18px;
	  	height: 18px;
	  	line-height: 18px;
	}

	.image-zone img {
	  	width: 20px;
	  	height: 20px;
	  	line-height: 20px;
	  	padding: 3px;
	}







 }


	

}