/*------------------------------------------------------------------//
//      RESPONSIVE SYSTEM                                                                                 //
//------------------------------------------------------------------*/
@media screen and (min-width: 1400px) { /* PC 1200+  */
	.menuAc{ display: none !important; }
}
@media screen and (max-width: 1400px) and (min-width:1200px) {
	.menuAc{display: none !important;}
	#slider .contact-form{padding: 2px 20px !important;z-index: 9999;margin-top: -162px;left: 4%;}
	#slider .contact-form textarea{height:60px !important;}
	html, body{overflow-x: hidden !important;}
	#slider .contact-form .info p{display:none !important;}
}
@media screen and (max-width: 1199px) and (min-width:992px) {
	.mobileClear, .menuAc  { display: none; }
	main .aestheticsBar {padding: 70px 0;}
	main .treatment ul li article {padding: 12.5% 25px;}
	#slider .contact-form .column:nth-child(1), #slider .contact-form .column:nth-child(2) { width: 50%;float: left; padding: 10px 2.5px; }
	#slider .contact-form .column:nth-child(1) {padding-left: 0;}
	#slider .contact-form .column:nth-child(2) {padding-right: 0;}
	#slider .contact-form p {margin: 0;}
	#slider .contact-form {position: relative; top: 0; margin: 0; left: 0; width: 100%;}
	main .aestheticsBar .bars ul li article p {display: none;}
	main .aestheticsBar .bars ul li article h3 {font-size: 20px;}
}
@media screen and (max-width: 991px) and (min-width:768px) { /* TABLET 768+ ~ 960 */
	.mobileClear, .menuAc, .mContact  { display: block; }
	header .headContact {display: none;}
	header nav.menu {display: none;}
	#slider .contact-form {position: relative; top: 0; margin: 0; left: 0; width: 100%;}
	header .logo {width: 75px; float: left;}
	main .other .articles .posts .post article {padding-top: 15px;}
	main .other .videos ul li {float: left;width: 50%;padding: 15px !important;}
	main .aestheticsBar .bars ul .owl-controls {margin: 0; top: 0; position: relative; width: auto;}
	main .aestheticsBar .bars ul .owl-controls .owl-buttons {width: auto;}
	main .aestheticsBar .bars ul .owl-controls .owl-buttons div {float: none !important; margin: 5px !important;}
	footer {margin-bottom: 50px !important;}
	footer .column {padding: 15px 20px;}
}
@media screen and (max-width: 767px) and (min-width:640px) { /* TABLET 640+ ~ 768 */
	.mobileClear, .menuAc, .mContact  { display: block; }
	header .headContact {display: none;}
	header nav.menu {display: none;}
	#slider .contact-form {position: relative; top: 0; margin: 0; left: 0; width: 100%;}
	header .logo {width: 75px; float: left;}
	main .other .articles .posts .post article {padding-top: 15px;}
	main .other .videos ul li {float: left;width: 50%;padding: 15px !important;}
	main .aestheticsBar .bars ul .owl-controls {margin: 0; top: 0; position: relative; width: auto;}
	main .aestheticsBar .bars ul .owl-controls .owl-buttons {width: auto;}
	main .aestheticsBar .bars ul .owl-controls .owl-buttons div {float: none !important; margin: 5px !important;}
	footer {margin-bottom: 50px !important;}
	footer .column {padding: 15px 20px;}
	main .aestheticsBar .bars ul li article p {display: none;}
	main .aestheticsBar .bars ul li article h3 {font-size: 20px;}
	main .aestheticsBar .bars ul li article {padding: 25% 5%;}
	.top span:first-child {padding-left: 60px; font-size: 12px;}
}
@media screen and (max-width: 639px) and (min-width:480px) { /* MOBILE 480+ ~ 640 */
	.mobileClear, .menuAc, .mContact  { display: block; }
	header .headContact {display: none;}
	header nav.menu {display: none;}
	#slider .contact-form {position: relative; top: 0; margin: 0; left: 0; width: 100%;}
	header .logo {width: 75px; float: left;}
	main .other .articles .posts .post article {padding-top: 15px;}
	main .other .videos ul li {float: left;width: 50%;padding: 15px !important;}
	main .aestheticsBar .bars ul .owl-controls {margin: 0; top: 0; position: relative; width: auto;}
	main .aestheticsBar .bars ul .owl-controls .owl-buttons {width: auto;}
	main .aestheticsBar .bars ul .owl-controls .owl-buttons div {float: none !important; margin: 5px !important;}
	footer {margin-bottom: 50px !important;}
	footer .column {padding: 15px 20px;}
	main .aestheticsBar .bars ul li article p {display: none;}
	main .aestheticsBar .bars ul li article h3 {font-size: 20px;}
	main .aestheticsBar .bars ul li article {padding: 15% 5%;}
	.top span {display: none;}
	main .aestheticsBar {padding: 85px 0;}
	main .treatment ul .owl-controls, main .ourProducts ul .owl-controls {position: relative;margin: 0;top: 0;}
	main .treatment ul .owl-controls .owl-buttons, main .ourProducts ul .owl-controls .owl-buttons {float: none; margin: 15px auto;}
}
@media screen and (max-width: 479px) and (min-width: 320px) { /* MOBILE 320+ ~ 480 */
	.mobileClear, .menuAc, .mContact  { display: block; }
	header .headContact {display: none;}
	header nav.menu {display: none;}
	#slider .contact-form {position: relative; top: 0; margin: 0; left: 0; width: 100%;}
	header .logo {width: 75px; float: left;}
	main .other .articles .posts .post article {padding-top: 15px;}
	main .other .videos ul li {float: left;width: 50%;padding: 3px !important;}
	main .aestheticsBar .bars ul .owl-controls {margin: 0; top: 0; position: relative; width: auto;}
	main .aestheticsBar .bars ul .owl-controls .owl-buttons {width: auto;}
	main .aestheticsBar .bars ul .owl-controls .owl-buttons div {float: none !important; margin: 5px !important;}
	footer {margin-bottom: 50px !important;}
	footer .column {padding: 15px 20px;}
	main .aestheticsBar .bars ul li article h3 {font-size: 20px;}
	main .aestheticsBar .bars ul li article {padding: 15% 5%;}
	.top span {display: none;}
	main .aestheticsBar {padding: 85px 0 140px 0;}
	main .treatment ul .owl-controls, main .ourProducts ul .owl-controls {position: relative;margin: 0;top: 0;}
	main .treatment ul .owl-controls .owl-buttons, main .ourProducts ul .owl-controls .owl-buttons {float: none; margin: 15px auto;}
}
@media screen and (max-width: 319px) and (min-width: 240px) { /* MOBILE 240+ ~ 320 */
	.mobileClear, .menuAc, .mContact  { display: block; }
	header .headContact {display: none;}
	header nav.menu {display: none;}
	#slider .contact-form {position: relative; top: 0; margin: 0; left: 0; width: 100%;}
	header .logo {width: 75px; float: left;}
	main .other .articles .posts .post article {padding-top: 15px;}
	main .other .videos ul li {float: left;width: 50%;padding: 3px !important;}
	main .aestheticsBar .bars ul .owl-controls {margin: 0; top: 0; position: relative; width: auto;}
	main .aestheticsBar .bars ul .owl-controls .owl-buttons {width: auto;}
	main .aestheticsBar .bars ul .owl-controls .owl-buttons div {float: none !important; margin: 5px !important;}
	footer {margin-bottom: 50px !important;}
	footer .column {padding: 15px 20px;}
	main .aestheticsBar .bars ul li article h3 {font-size: 20px;}
	main .aestheticsBar .bars ul li article {padding: 15% 5%;}
	.top span {display: none;}
	main .aestheticsBar {padding: 85px 0 140px 0;}
	main .treatment ul .owl-controls, main .ourProducts ul .owl-controls {position: relative;margin: 0;top: 0;}
	main .treatment ul .owl-controls .owl-buttons, main .ourProducts ul .owl-controls .owl-buttons {float: none; margin: 15px auto;}
}