/* large Desktops and laptops ----------- */
@media only screen and (min-width: 1225px) and (max-width: 2400px) {
	.container {
		max-width: 1170px
	}

	.menu .icon-close2,
	.logoMenu .icon-menu {
		display: none;
	}

	.header .logoMenu .menu ul li button {
		display: none;
	}
}







/* Desktops and laptops  */
@media only screen and (min-width: 992px) and (max-width: 1224px) {
	.container {
		max-width: 960px;
	}

	.menu .icon-close2,
	.logoMenu .icon-menu {
		display: none;
	}

	.header .logoMenu .menu ul li button {
		display: none;
	}
}








/* TABLETS (portrait and landscape) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.container {
		max-width: 720px
	}

	.menu .icon-close2,
	.logoMenu .icon-menu {
		display: none;
	}

	.header .logoMenu .menu ul li button {
		display: none;
	}
	
	.menu .icon-close2,
	.logoMenu .icon-menu {
		display: inline-block;
	}

	.header .logoMenu .menu ul li button {
		display: none;
	}
	
	
	
	
	.flex-wrap {
		flex-wrap: wrap;
	}

	.header .headerUp {
		display: none;
	}

	.header .logoMenu {
		width: 767px;
		position: relative;
		padding: 10px 10px 10px 10px;
		margin: 0 auto;
		margin-top: 15px;
	}

	.header .logoMenu .logo {
		width: 200px;
	}

	.header .logoMenu .menu {
		display: none;
	}

	.mobilemenu {
		position: fixed;
		background: #0e3055;
		top: -16px;
		right: -100%;
		width: 80%;
		height: 100vh;
		padding: 5vh 20px;
		opacity: 0;
		transition: 0.5s all ease;
		z-index: 9999999999999999999999;
		display: block;
	}

	.mobilemenu.active {
		opacity: 1;
		right: 0;
	}

	.mobilemenu ul li {
		padding: 0px 0;
	}

	.mobilemenu ul li ul {
		position: relative;
		top: 12px;
		transform: rotateX(0deg);
		transform-origin: top;
		transition: 0.4s all ease;
		left: 30px;
		width: 130%;
	}

	.mobilemenu ul li ul li {
		padding: 5px 0;
	}

	.mobilemenu ul li button {
		background: #18bfbd;
		border: none;
		padding: 15px 20px;
		color: #fff;
		font-size: 14px;
		font-family: 'Roboto';
		transition: 0.5s all ease;
		cursor: pointer;
		display: block;
	}

	.mobilemenu ul {
		flex-direction: column;
		margin-right: 0;
		text-align: left;
		align-items: flex-start !important;
	}

	.mobilemenu ul li {
		margin: 10px 0px;
        text-align: left;
        font-size: 13px;
	}

	.mobilemenu ul li a {
		color: #fff;
	}

.whatsapp{
    display:none;   
}
	.header .logoMenu .logo a img {
		width: 190px;
	}


	.mobilemenu .icon-close2 {
		display: block !important;
		position: absolute;
		top: 35px;
		right: 20px;
		color: #fff;
	}

	.logoMenu .icon-menu {
		font-size: 30px;
	}


	.signuplogin {
        display: none!important;
    }


	.carousel .carousel-item .carDetails .container {
		padding-left: 0px;
	}

	.carousel .carousel-item .carDetails h4 {
		padding: 3px 15px;
		color: #fff;
		margin: 35px 0px 25px 0;
		background-color: rgb(14, 48, 85);
		line-height: 32px;
		letter-spacing: 2.3133px;
		font-weight: 400;
		font-size: 12px;
		text-align: center;
	}

	.carousel .carousel-actions {
		display: none;
	}

	.carousel .carousel-item .carDetails h1.stroke {
		font-size: 28px;

	}

	.carousel .carousel-item .carDetails h1.aes {
		font-size: 25px;

	}

	.whycosmedic {
		padding: 40px 0px;
		background: #FFF;
	}

	.whycosmedic .container,
	.beforeafter .container {
		flex-direction: column;
	}

	.whycosmedic .whyLeft,
	.beforeafter .beforeafterLeft {
		width: 100%;
		height: 384px;
		margin-bottom: 20px;
	}

	.whycosmedic .whyLeft img {
		height: 360px;
		object-fit: cover;
	}

	.whycosmedic .whyRight,
	.beforeafter .beforeafterRight {
		width: 100%;
	}

	.ceonm {
		flex-direction: column;
	}

	.ceonm img {
		margin-right: 0px;
	}

	.ceonm .nme p.ceo {
		text-align: center;
	}

	.beforeafter {
		padding: 25px 0px;
	}

	.beforeafterlider {
		height: 380px;
	}

	.beforeafter .beforeafterRight h1 {
		font-size: 38px;
	}

	.beforeafter .beforeafterRight .treatuser,
	.beforeafter .beforeafterRight .wrinkle {
		padding: 12px 0px;
		display: flex;
		align-items: baseline;
		flex-direction: column;
	}

	.beforeafter .beforeafterRight .treatuser img,
	.beforeafter .beforeafterRight .wrinkle img {
		width: 110px;
		height: 110px;
		object-fit: cover;
		margin-bottom: 20px;
	}

	.beforeafter .beforeafterRight .wrinkle img.seal {
		display: none;
	}

	.beforeafter .beforeafterRight .wrinkle img.wrinkleimg {
		padding: 15px 0px 0 0px;
	}

	.beforeafter .beforeafterRight .treatuser .des h4,
	.beforeafter .beforeafterRight .wrinkle .des h4 {

		margin-bottom: 0px;
	}

	.beforeafter .beforeafterRight .wrinkle .des {
		margin-left: 23px;
	}

	.aboutUs .aboutUsLeft .overlay {
		right: -25px;
	}



	.services {
		padding: 30px 0px;
		background: linear-gradient(#fcfcfcde, #ffffffa1), url('img/ourservicesbg.jpg'), no-repeat center center / cover;
	}

	.services h1 {
		font-size: 32px;
		margin-bottom: 20px;

	}

	.services .allService {
		display: flex;
		flex-direction: column;
		padding: 5px;
	}

	.services .allService .singleSer {
		height: 350px;
		width: calc(100% - 10px);
		position: relative;
	}

	.services .allService .singleSer img {
		height: 350px;
		object-fit: cover;
		width: 100%;
	}

	.aboutUs {
		padding: 25px 0px 25px 0px;
		background: #fff;

	}

	.aboutUs .aboutUsLeft img {
		height: 325px;
		object-fit: cover;
	}

	.aboutUs .container,
	.customServices .container,
	.dailypromotion .container,
	.topproduct,
	.promaProduct,
	.addverbox,



	.aboutUs .aboutUsLeft,
	.customServices .custSerLeft,
	.customServices .custSerRight,
	.ourproduct .allpro,
	.topproduct .sinpro,
	.promaProduct .sinpro,
	.addverbox .addverboxLeft,
	.addverbox .addverboxright,
	.aboutUs .aboutUsRight {
		width: 100%;
	}




	.topproduct .sinpro {
		margin-bottom: 15px;
	}

	.aboutUs .allbox {
		flex-wrap: wrap;
		padding:0;
	}


	.aboutUs .allbox .box {
		width: 100%;
		margin-bottom: 13px;
		display: flex;
		flex-direction: column;
	}

	.aboutUs .allbox .box img {
		width: 100px;
		height: 100px;
		margin-bottom: 12px;
	}

	.aboutUs .allbox .box div {
		margin-top: 12px;
	}

	.aboutUs .allbox .box div h4,
	.aboutUs .allbox .box div p {

		text-align: center;
	}

	.customServices {
		padding: 20px 0px 0 0;
	}

    /*.full{*/
    /*    width: 100%!important;*/
    /*}*/
    
    
    .giftcard {
        padding: 20px 0px;
    }
    .giftcard .content {
        width: 100%; 
    }
    .giftcard .content .contentLeft,
    .giftcard .content .contentRight {
        width: 100%;
    }
    .giftcard .content .contentLeft{
        margin-bottom: 20px;
    }

	.customServices .custSerLeft img.imgleft {
		margin-right: 0px;

	}

	.customServices .custSerLeft img.imgleft,
	.customServices .custSerLeft img.imgRight {
		width: 160px;
		height: 200px;
	}

	.customServices .custSerLeft .dateyear .yer {
		margin-bottom: 10px;
	}

	.customServices .custSerLeft .dateyear .yer h4 {

		font-size: 14px;
	}

	.customServices .custSerLeft .dateyear .yer p {
		font-size: 11px;
	}

	.ourTeam {
		padding: 20px 0px 0 0;
	}

	.ourTeam h1 {
		margin-bottom: 0px;
	}

	.ourTeam .allCoach .sinCoch,
	.ourproduct .allpro .sinPro {
		width: 100%;
	}

	.ourproduct .allpro .sinPro .info h5 {
		text-align: center;
	}


	.address .addressLeft,
	.address .addressRight {
		width: calc(100% - 40px);
		position: relative;
	}

	.contactForm {
		padding: 30px 0px;
	}

	.contactForm form {
		width: calc(100% - 40px);
		padding: 20px;
	}

	.contctHeder,
	.aboutHeader,
	.injectHeader {
		height: 55vh;
	}

.baskettotal .proced {
    border: 1px solid #ddd;
    padding: 10px;
}
.viewpro {
    padding: 25px 0px;
    background: #fcfcfc;
    overflow-x:scroll;
}
.viewpro table tbody tr td .proimg {
    width: 40px;
}
.viewpro table {
    border: 1px solid #ddd;
    width: 150%!important;
    margin-bottom: 30px; 
}
.viewproTab {
    overflow-x: scroll;
}
.viewpro table tbody tr td h5 {
    font-size: 13px;
}
.viewpro table tbody tr td {
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding: 10px;
    font-size: 11px;
}
.viewpro table tbody tr input {
    width: 50px;
    padding: 5px 5px;
    background: #fff;
    border: 1px solid #ddd;
    font-size: 12px;
}
.viewpro table thead tr th {
    font-size: 12px;
}

.rightSide table tbody td a {
    padding: 2px 10px;
    display: block;
    margin-bottom: 5px;
    font-size: 11px;
}
.rightSide table tbody td a:last-child {
    margin-bottom: 0px;
}
	.dailypromotion {
		padding: 40px 0 20px 0;
	}

	.dailypromotion .container {
		padding: 0;
	}

	.promaProduct,
	.relpro {
		display: flex;
		justify-content: space-between;
		margin-top: 30px;
		flex-wrap: wrap;
	}

	.promaProduct {
		padding: 0;
	}

	.promaProduct form {
		width: calc(100% - 60px) !important;
	}

	.leftbar {
		width: 0%;
		display: none;
	}

	.promaProduct {
		width: 100% !important;
	}


.footer .social .flex-between .content1 .whatsapp {
    margin-top: 15px;
}




.contactForm .contactleft {
    width: calc(100% - 80px);
}
.address .addressLeft .info, .address .addressRight .info {
    position: absolute;
    left: 25px;
    bottom: 25px;
    background: #fff;
    padding: 9px;
    border-radius: 5px;
    width: 50%;
}
.address .addressLeft .info ul li, .address .addressRight .info ul li {
    
    font-size: 11px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 1px;
}




	.leaserhairContent .sinPro {
		width: 100%;
		position: relative;
		overflow: hidden;
		margin: 0px auto 30px auto;
		display: flex;
		box-shadow: 0 0 10px #ddd;
		flex-direction: column;
	}

	.leaserhairContent .sinPro .Boximg {
		width: 100%;
		border-radius: 10px 10px 0px 0px;
	}

	.leaserhairContent .sinPro .Boximg img {
		height: auto;
	}

	.leaserhairContent .sinPro .des {
		width: 100%;
	}

	.leaserhairContent .sinPro .des h5 {
		font-size: 15px;
		font-weight: 400;
		line-height: 28px;
		padding: 20px 20px 0 20px;
		text-align: justify;
	}

	.leaserhairContent .sinPro .Boximg img {
		border-radius: 10px 10px 0px 0px;
		height: auto;
		object-fit: cover;
	}
	
	.leaserhairContent .sinPro .Boximg img.Sculptra,
    .leaserhairContent .sinPro .Boximg img.Radiesse,
    .leaserhairContent .sinPro .Boximg img.Mesotherapy,
    .leaserhairContent .sinPro .Boximg img.Fillers,
    .leaserhairContent .sinPro .Boximg img.Reflexology,
    .leaserhairContent .sinPro .Boximg img.holistic,
    .leaserhairContent .sinPro .Boximg img.Ayurvedic,
    .leaserhairContent .sinPro .Boximg img.Pregnancy,
    .leaserhairContent .sinPro .Boximg img.Lymph,
    .leaserhairContent .sinPro .Boximg img.FullBody,
    .leaserhairContent .sinPro .Boximg img.Hyaluronidase,
    .leaserhairContent .sinPro .Boximg img.Trichology,
    .leaserhairContent .sinPro .Boximg img.pdothreadlift,
    .leaserhairContent .sinPro .Boximg img.LumiEyesDarkCircles,
    .leaserhairContent .sinPro .Boximg img.Microneedling,
    .leaserhairContent .sinPro .Boximg img.DMK,
    .leaserhairContent .sinPro .Boximg img.SkinPeels,
    .leaserhairContent .sinPro .Boximg img.Dermalogica,
    .leaserhairContent .sinPro .Boximg img.LaserHairRemoval,
    .leaserhairContent .sinPro .Boximg img.Environ{
        height: 225px;
    }


	.aboutHeader h1,
	.injectHeader h1,
	.stretchHeader h1,
	.contctHeder h1 {
		font-size: 35px;
	}


	.shopHeader {
		height: auto;
	}




	.signupLoginPop .left {
		display: none;
	}

	.signupLoginPop .signLogin {
		width: 100%;
	}

	.signupLoginPop .wrapperlog .signLogin form {
		margin-left: 0;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	.footermenu{
		background: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    /* left: 2.5%; */
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0 10px 10px #000;
	display: block;
	z-index:9999999999;
	}
	.footermenu ul{
		display: flex;
		justify-content: space-around;

	}
	.footermenu ul li{
	    position: relative;
	}
	.footermenu ul li .category {
        position: absolute;
        height: 239px;
        background: #000;
        bottom: 129%;
        width: 390px;
        left: -173px;
        padding: 15px;
        border-radius: 5px 5px 0 0;
        transform: rotateX(90deg);
        transform-origin: bottom;
        transition: 0.4s all ease;
    }
	.footermenu ul li .category.active{
	    transform: rotateX(0deg);
	}
	.footermenu ul li .category ul{
	    display: flex!important;
	    flex-direction: row;
		flex-wrap: wrap;
		gap: 2%;
		padding: 10px;
		justify-content: space-between;
	}
	.footermenu ul li .category ul li{
		width: 23%;
		font-size: 11px;
		height: auto;
		margin-bottom: 15px;
		background: #141414;
		/* backdrop-filter: blur(40px); */
		padding: 10px 0;
		display: grid;
		place-items: center;
		border-radius: 3px;
		cursor: pointer;
		margin-bottom: 0px;
		margin-top: 0;
		text-align: center;
		box-shadow: 0 0 10px #000;
	}
	.footermenu ul li .category ul li:nth-child(5){
	margin-top: 5px;
	}
	.footermenu ul li .category ul li:nth-child(6){
	margin-top: 5px;
	}
	.footermenu ul li .category ul li:nth-child(7){
	margin-top: 5px;
	}
	.footermenu ul li .category ul li:nth-child(8){
	margin-top: 5px;
	}
	.footermenu ul li .category ul li a{
		align-items: center;
		display: flex;
		flex-direction: column;
	}
	.footermenu ul li .category ul li a span.icon-arrow_forward {
		font-weight: 200;
		height: 43px;
		display: flex;
		align-items: center;
		font-size: 23px;
		color: #e7195a;
	}
	.footermenu ul li .category ul li a{}
	.footermenu ul li a{
		color: #999;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.footermenu ul li a span{
		font-size: 10px;
	}
	.footermenu ul li a span.icon{
		font-size: 16px;
		margin-bottom: 5px;
		color: #002244;
	}
	
	
	
	
	
	
	.address .addressLeft .info h4, 
	.address .addressRight .info h4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 2em;
    letter-spacing: 1px;
    color: #18bfbd;
    text-align: left;
}





form .page .country{
    flex-direction:column;
}
.three {
    width: 100%;
}
form .page .country.name{
    gap:0;
}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}








/* TABLETS - SMARTPHONES LANDSCAPE (portrait and landscape)  */
@media only screen and (min-width: 481px) and (max-width: 767px) {
	.container {
		max-width: 640px;
	}

	.menu .icon-close2,
	.logoMenu .icon-menu {
		display: inline-block;
	}

	.header .logoMenu .menu ul li button {
		display: none;
	}
	
	
	
	
	.flex-wrap {
		flex-wrap: wrap;
	}

	.header .headerUp {
		display: none;
	}

	.header .logoMenu {
		width: 550px;
		position: relative;
		padding: 10px 10px 10px 10px;
		margin: 0 auto;
		margin-top: 15px;
	}

	.header .logoMenu .logo {
		width: 200px;
	}

	.header .logoMenu .menu {
		display: none;
	}

	.mobilemenu {
		position: fixed;
		background: #0e3055;
		top: -16px;
		right: -100%;
		width: 80%;
		height: 100vh;
		padding: 5vh 20px;
		opacity: 0;
		transition: 0.5s all ease;
		z-index: 9999999999999999999999;
		display: block;
	}

	.mobilemenu.active {
		opacity: 1;
		right: 0;
	}

	.mobilemenu ul li {
		padding: 0px 0;
	}

	.mobilemenu ul li ul {
		position: relative;
		top: 12px;
		transform: rotateX(0deg);
		transform-origin: top;
		transition: 0.4s all ease;
		left: 30px;
		width: 130%;
	}

	.mobilemenu ul li ul li {
		padding: 5px 0;
	}

	.mobilemenu ul li button {
		background: #18bfbd;
		border: none;
		padding: 15px 20px;
		color: #fff;
		font-size: 14px;
		font-family: 'Roboto';
		transition: 0.5s all ease;
		cursor: pointer;
		display: block;
	}

	.mobilemenu ul {
		flex-direction: column;
		margin-right: 0;
		text-align: left;
		align-items: flex-start !important;
	}

	.mobilemenu ul li {
		margin: 10px 0px;
        text-align: left;
        font-size: 13px;
	}

	.mobilemenu ul li a {
		color: #fff;
	}


	.header .logoMenu .logo a img {
		width: 190px;
	}


	.mobilemenu .icon-close2 {
		display: block !important;
		position: absolute;
		top: 35px;
		right: 20px;
		color: #fff;
	}

	.logoMenu .icon-menu {
		font-size: 30px;
	}


	.signuplogin {
        display: none!important;
    }


	.carousel .carousel-item .carDetails .container {
		padding-left: 0px;
	}

	.carousel .carousel-item .carDetails h4 {
		padding: 3px 15px;
		color: #fff;
		margin: 35px 0px 25px 0;
		background-color: rgb(14, 48, 85);
		line-height: 32px;
		letter-spacing: 2.3133px;
		font-weight: 400;
		font-size: 12px;
		text-align: center;
	}

	.carousel .carousel-actions {
		display: none;
	}

	.carousel .carousel-item .carDetails h1.stroke {
		font-size: 28px;

	}

	.carousel .carousel-item .carDetails h1.aes {
		font-size: 25px;

	}

	.whycosmedic {
		padding: 40px 0px;
		background: #FFF;
	}

	.whycosmedic .container,
	.beforeafter .container {
		flex-direction: column;
	}

	.whycosmedic .whyLeft,
	.beforeafter .beforeafterLeft {
		width: 100%;
		height: 384px;
		margin-bottom: 20px;
	}

	.whycosmedic .whyLeft img {
		height: 360px;
		object-fit: cover;
	}

	.whycosmedic .whyRight,
	.beforeafter .beforeafterRight {
		width: 100%;
	}

	.ceonm {
		flex-direction: column;
	}

	.ceonm img {
		margin-right: 0px;
	}

	.ceonm .nme p.ceo {
		text-align: center;
	}

	.beforeafter {
		padding: 25px 0px;
	}

	.beforeafterlider {
		height: 380px;
	}

	.beforeafter .beforeafterRight h1 {
		font-size: 38px;
	}

	.beforeafter .beforeafterRight .treatuser,
	.beforeafter .beforeafterRight .wrinkle {
		padding: 12px 0px;
		display: flex;
		align-items: baseline;
		flex-direction: column;
	}

	.beforeafter .beforeafterRight .treatuser img,
	.beforeafter .beforeafterRight .wrinkle img {
		width: 110px;
		height: 110px;
		object-fit: cover;
		margin-bottom: 20px;
	}

	.beforeafter .beforeafterRight .wrinkle img.seal {
		display: none;
	}

	.beforeafter .beforeafterRight .wrinkle img.wrinkleimg {
		padding: 15px 0px 0 0px;
	}

	.beforeafter .beforeafterRight .treatuser .des h4,
	.beforeafter .beforeafterRight .wrinkle .des h4 {

		margin-bottom: 0px;
	}

	.beforeafter .beforeafterRight .wrinkle .des {
		margin-left: 23px;
	}

	.aboutUs .aboutUsLeft .overlay {
		right: -25px;
	}



	.services {
		padding: 30px 0px;
		background: linear-gradient(#fcfcfcde, #ffffffa1), url('img/ourservicesbg.jpg'), no-repeat center center / cover;
	}

	.services h1 {
		font-size: 32px;
		margin-bottom: 20px;

	}

	.services .allService {
		display: flex;
		flex-direction: column;
		padding: 5px;
	}

	.services .allService .singleSer {
		height: 350px;
		width: calc(100% - 10px);
		position: relative;
	}

	.services .allService .singleSer img {
		height: 350px;
		object-fit: cover;
		width: 100%;
	}

	.aboutUs {
		padding: 25px 0px 25px 0px;
		background: #fff;

	}

	.aboutUs .aboutUsLeft img {
		height: 325px;
		object-fit: cover;
	}

	.aboutUs .container,
	.customServices .container,
	.dailypromotion .container,
	.topproduct,
	.promaProduct,
	.addverbox,



	.aboutUs .aboutUsLeft,
	.customServices .custSerLeft,
	.customServices .custSerRight,
	.ourproduct .allpro,
	.topproduct .sinpro,
	.promaProduct .sinpro,
	.addverbox .addverboxLeft,
	.addverbox .addverboxright,
	.aboutUs .aboutUsRight {
		width: 100%;
	}




	.topproduct .sinpro {
		margin-bottom: 15px;
	}

	.aboutUs .allbox {
		flex-wrap: wrap;
		padding:0;
	}


	.aboutUs .allbox .box {
		width: 100%;
		margin-bottom: 13px;
		display: flex;
		flex-direction: column;
	}

	.aboutUs .allbox .box img {
		width: 100px;
		height: 100px;
		margin-bottom: 12px;
	}

	.aboutUs .allbox .box div {
		margin-top: 12px;
	}

	.aboutUs .allbox .box div h4,
	.aboutUs .allbox .box div p {

		text-align: center;
	}

	.customServices {
		padding: 20px 0px 0 0;
	}

    .full{
        width: 100%!important;
    }
    
    
    .giftcard {
        padding: 20px 0px;
    }
    .giftcard .content {
        width: 100%; 
    }
    .giftcard .content .contentLeft,
    .giftcard .content .contentRight {
        width: 100%;
    }
    .giftcard .content .contentLeft{
        margin-bottom: 20px;
    }

	.customServices .custSerLeft img.imgleft {
		margin-right: 0px;

	}

	.customServices .custSerLeft img.imgleft,
	.customServices .custSerLeft img.imgRight {
		width: 160px;
		height: 200px;
	}

	.customServices .custSerLeft .dateyear .yer {
		margin-bottom: 10px;
	}

	.customServices .custSerLeft .dateyear .yer h4 {

		font-size: 14px;
	}

	.customServices .custSerLeft .dateyear .yer p {
		font-size: 11px;
	}

	.ourTeam {
		padding: 20px 0px 0 0;
	}

	.ourTeam h1 {
		margin-bottom: 0px;
	}

	.ourTeam .allCoach .sinCoch,
	.ourproduct .allpro .sinPro {
		width: 100%;
	}

	.ourproduct .allpro .sinPro .info h5 {
		text-align: center;
	}


	.address .addressLeft,
	.address .addressRight {
		width: calc(100% - 40px);
		position: relative;
	}

	.contactForm {
		padding: 30px 0px;
	}

	.contactForm form {
		width: calc(100% - 40px);
		padding: 20px;
	}

	.contctHeder,
	.aboutHeader,
	.injectHeader {
		height: 55vh;
	}

.baskettotal .proced {
    border: 1px solid #ddd;
    padding: 10px;
}
.viewpro {
    padding: 25px 0px;
    background: #fcfcfc;
    overflow-x:scroll;
}
.viewpro table tbody tr td .proimg {
    width: 40px;
}
.viewpro table {
    border: 1px solid #ddd;
    width: 150%!important;
    margin-bottom: 30px; 
}
.viewproTab {
    overflow-x: scroll;
}
.viewpro table tbody tr td h5 {
    font-size: 13px;
}
.viewpro table tbody tr td {
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding: 10px;
    font-size: 11px;
}
.viewpro table tbody tr input {
    width: 50px;
    padding: 5px 5px;
    background: #fff;
    border: 1px solid #ddd;
    font-size: 12px;
}
.viewpro table thead tr th {
    font-size: 12px;
}

.rightSide table tbody td a {
    padding: 2px 10px;
    display: block;
    margin-bottom: 5px;
    font-size: 11px;
}
.rightSide table tbody td a:last-child {
    margin-bottom: 0px;
}
	.dailypromotion {
		padding: 40px 0 20px 0;
	}

	.dailypromotion .container {
		padding: 0;
	}

	.promaProduct,
	.relpro {
		display: flex;
		justify-content: space-between;
		margin-top: 30px;
		flex-wrap: wrap;
	}

	.promaProduct {
		padding: 0;
	}

	.promaProduct form {
		width: calc(100% - 60px) !important;
	}

	.leftbar {
		width: 0%;
		display: none;
	}

	.promaProduct {
		width: 100% !important;
	}


.footer .social .flex-between .content1 .whatsapp {
    margin-top: 15px;
}




.contactForm .contactleft {
    width: calc(100% - 80px);
}
.address .addressLeft .info, .address .addressRight .info {
    position: absolute;
    left: 25px;
    bottom: 25px;
    background: #fff;
    padding: 9px;
    border-radius: 5px;
    width: 50%;
}
.address .addressLeft .info ul li, .address .addressRight .info ul li {
    
    font-size: 11px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 1px;
}




	.leaserhairContent .sinPro {
		width: 100%;
		position: relative;
		overflow: hidden;
		margin: 0px auto 30px auto;
		display: flex;
		box-shadow: 0 0 10px #ddd;
		flex-direction: column;
	}

	.leaserhairContent .sinPro .Boximg {
		width: 100%;
		border-radius: 10px 10px 0px 0px;
	}

	.leaserhairContent .sinPro .Boximg img {
		height: auto;
	}

	.leaserhairContent .sinPro .des {
		width: 100%;
	}

	.leaserhairContent .sinPro .des h5 {
		font-size: 15px;
		font-weight: 400;
		line-height: 28px;
		padding: 20px 20px 0 20px;
		text-align: justify;
	}

	.leaserhairContent .sinPro .Boximg img {
		border-radius: 10px 10px 0px 0px;
		height: auto;
		object-fit: cover;
	}
	
	.leaserhairContent .sinPro .Boximg img.Sculptra,
    .leaserhairContent .sinPro .Boximg img.Radiesse,
    .leaserhairContent .sinPro .Boximg img.Mesotherapy,
    .leaserhairContent .sinPro .Boximg img.Fillers,
    .leaserhairContent .sinPro .Boximg img.Reflexology,
    .leaserhairContent .sinPro .Boximg img.holistic,
    .leaserhairContent .sinPro .Boximg img.Ayurvedic,
    .leaserhairContent .sinPro .Boximg img.Pregnancy,
    .leaserhairContent .sinPro .Boximg img.Lymph,
    .leaserhairContent .sinPro .Boximg img.FullBody,
    .leaserhairContent .sinPro .Boximg img.Hyaluronidase,
    .leaserhairContent .sinPro .Boximg img.Trichology,
    .leaserhairContent .sinPro .Boximg img.pdothreadlift,
    .leaserhairContent .sinPro .Boximg img.LumiEyesDarkCircles,
    .leaserhairContent .sinPro .Boximg img.Microneedling,
    .leaserhairContent .sinPro .Boximg img.DMK,
    .leaserhairContent .sinPro .Boximg img.SkinPeels,
    .leaserhairContent .sinPro .Boximg img.Dermalogica,
    .leaserhairContent .sinPro .Boximg img.LaserHairRemoval,
    .leaserhairContent .sinPro .Boximg img.Environ{
        height: 225px;
    }


	.aboutHeader h1,
	.injectHeader h1,
	.stretchHeader h1,
	.contctHeder h1 {
		font-size: 35px;
	}


	.shopHeader {
		height: auto;
	}




	.signupLoginPop .left {
		display: none;
	}

	.signupLoginPop .signLogin {
		width: 100%;
	}

	.signupLoginPop .wrapperlog .signLogin form {
		margin-left: 0;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	.footermenu{
		background: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    /* left: 2.5%; */
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0 10px 10px #000;
	display: block;
	z-index:9999999999;
	}
	.footermenu ul{
		display: flex;
		justify-content: space-around;

	}
	.footermenu ul li{
	    position: relative;
	}
	.footermenu ul li .category {
        position: absolute;
        height: 239px;
        background: #000;
        bottom: 129%;
        width: 390px;
        left: -173px;
        padding: 15px;
        border-radius: 5px 5px 0 0;
        transform: rotateX(90deg);
        transform-origin: bottom;
        transition: 0.4s all ease;
    }
	.footermenu ul li .category.active{
	    transform: rotateX(0deg);
	}
	.footermenu ul li .category ul{
	    display: flex!important;
	    flex-direction: row;
		flex-wrap: wrap;
		gap: 2%;
		padding: 10px;
		justify-content: space-between;
	}
	.footermenu ul li .category ul li{
		width: 23%;
		font-size: 11px;
		height: auto;
		margin-bottom: 15px;
		background: #141414;
		/* backdrop-filter: blur(40px); */
		padding: 10px 0;
		display: grid;
		place-items: center;
		border-radius: 3px;
		cursor: pointer;
		margin-bottom: 0px;
		margin-top: 0;
		text-align: center;
		box-shadow: 0 0 10px #000;
	}
	.footermenu ul li .category ul li:nth-child(5){
	margin-top: 5px;
	}
	.footermenu ul li .category ul li:nth-child(6){
	margin-top: 5px;
	}
	.footermenu ul li .category ul li:nth-child(7){
	margin-top: 5px;
	}
	.footermenu ul li .category ul li:nth-child(8){
	margin-top: 5px;
	}
	.footermenu ul li .category ul li a{
		align-items: center;
		display: flex;
		flex-direction: column;
	}
	.footermenu ul li .category ul li a span.icon-arrow_forward {
		font-weight: 200;
		height: 43px;
		display: flex;
		align-items: center;
		font-size: 23px;
		color: #e7195a;
	}
	.footermenu ul li .category ul li a{}
	.footermenu ul li a{
		color: #999;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.footermenu ul li a span{
		font-size: 10px;
	}
	.footermenu ul li a span.icon{
		font-size: 16px;
		margin-bottom: 5px;
		color: #002244;
	}
	
	
	
	
	
	
	.address .addressLeft .info h4, 
	.address .addressRight .info h4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 2em;
    letter-spacing: 1px;
    color: #18bfbd;
    text-align: left;
}





form .page .country{
    flex-direction:column;
}
.three {
    width: 100%;
}
form .page .country.name{
    gap:0;
}


	
	
	
	
	
}








/* Smartphones (portrait and landscape)  */
@media only screen and (min-width: 320px) and (max-width: 480px) {
	.container {
		max-width: 360px;
	}

	.flex-wrap {
		flex-wrap: wrap;
	}

	.header .headerUp {
		display: none;
	}

	.header .logoMenu {
		width: 300px;
		position: relative;
		padding: 10px 10px 10px 10px;
		margin: 0 auto;
		margin-top: 15px;
	}

	.header .logoMenu .logo {
		width: 200px;
	}

	.header .logoMenu .menu {
		display: none;
	}

	.mobilemenu {
		position: fixed;
		background: #0e3055;
		top: -16px;
		right: -100%;
		width: 80%;
		height: 100vh;
		padding: 5vh 20px;
		opacity: 0;
		transition: 0.5s all ease;
		z-index: 9999999999999999999999;
		display: block;
	}

	.mobilemenu.active {
		opacity: 1;
		right: 0;
	}

	.mobilemenu ul li {
		padding: 0px 0;
	}

	.mobilemenu ul li ul {
		position: relative;
		top: 12px;
		transform: rotateX(0deg);
		transform-origin: top;
		transition: 0.4s all ease;
		left: 30px;
		width: 130%;
	}

	.mobilemenu ul li ul li {
		padding: 5px 0;
	}

	.mobilemenu ul li button {
		background: #18bfbd;
		border: none;
		padding: 15px 20px;
		color: #fff;
		font-size: 14px;
		font-family: 'Roboto';
		transition: 0.5s all ease;
		cursor: pointer;
		display: block;
	}

	.mobilemenu ul {
		flex-direction: column;
		margin-right: 0;
		text-align: left;
		align-items: flex-start !important;
	}

	.mobilemenu ul li {
		margin: 10px 0px;
        text-align: left;
        font-size: 13px;
	}

	.mobilemenu ul li a {
		color: #fff;
	}


	.header .logoMenu .logo a img {
		width: 190px;
	}


	.mobilemenu .icon-close2 {
		display: block !important;
		position: absolute;
		top: 35px;
		right: 20px;
		color: #fff;
	}

	.logoMenu .icon-menu {
		font-size: 30px;
	}


	.signuplogin {
        display: none!important;
    }


	.carousel .carousel-item .carDetails .container {
		padding-left: 0px;
	}

	.carousel .carousel-item .carDetails h4 {
		padding: 3px 15px;
		color: #fff;
		margin: 35px 0px 25px 0;
		background-color: rgb(14, 48, 85);
		line-height: 32px;
		letter-spacing: 2.3133px;
		font-weight: 400;
		font-size: 12px;
		text-align: center;
	}

	.carousel .carousel-actions {
		display: none;
	}

	.carousel .carousel-item .carDetails h1.stroke {
		font-size: 28px;

	}

	.carousel .carousel-item .carDetails h1.aes {
		font-size: 25px;

	}

	.whycosmedic {
		padding: 40px 0px;
		background: #FFF;
	}

	.whycosmedic .container,
	.beforeafter .container {
		flex-direction: column;
	}

	.whycosmedic .whyLeft,
	.beforeafter .beforeafterLeft {
		width: 100%;
		height: 384px;
		margin-bottom: 20px;
	}

	.whycosmedic .whyLeft img {
		height: 360px;
		object-fit: cover;
	}

	.whycosmedic .whyRight,
	.beforeafter .beforeafterRight {
		width: 100%;
	}

	.ceonm {
		flex-direction: column;
	}

	.ceonm img {
		margin-right: 0px;
	}

	.ceonm .nme p.ceo {
		text-align: center;
	}

	.beforeafter {
		padding: 25px 0px;
	}

	.beforeafterlider {
		height: 380px;
	}

	.beforeafter .beforeafterRight h1 {
		font-size: 38px;
	}

	.beforeafter .beforeafterRight .treatuser,
	.beforeafter .beforeafterRight .wrinkle {
		padding: 12px 0px;
		display: flex;
		align-items: baseline;
		flex-direction: column;
	}

	.beforeafter .beforeafterRight .treatuser img,
	.beforeafter .beforeafterRight .wrinkle img {
		width: 110px;
		height: 110px;
		object-fit: cover;
		margin-bottom: 20px;
	}

	.beforeafter .beforeafterRight .wrinkle img.seal {
		display: none;
	}

	.beforeafter .beforeafterRight .wrinkle img.wrinkleimg {
		padding: 15px 0px 0 0px;
	}

	.beforeafter .beforeafterRight .treatuser .des h4,
	.beforeafter .beforeafterRight .wrinkle .des h4 {

		margin-bottom: 0px;
	}

	.beforeafter .beforeafterRight .wrinkle .des {
		margin-left: 23px;
	}

	.aboutUs .aboutUsLeft .overlay {
		right: -25px;
	}



	.services {
		padding: 30px 0px;
		background: linear-gradient(#fcfcfcde, #ffffffa1), url('img/ourservicesbg.jpg'), no-repeat center center / cover;
	}

	.services h1 {
		font-size: 32px;
		margin-bottom: 20px;

	}

	.services .allService {
		display: flex;
		flex-direction: column;
		padding: 5px;
	}

	.services .allService .singleSer {
		height: 350px;
		width: calc(100% - 10px);
		position: relative;
	}

	.services .allService .singleSer img {
		height: 350px;
		object-fit: cover;
		width: 100%;
	}

	.aboutUs {
		padding: 25px 0px 25px 0px;
		background: #fff;

	}

	.aboutUs .aboutUsLeft img {
		height: 325px;
		object-fit: cover;
	}

	.aboutUs .container,
	.customServices .container,
	.dailypromotion .container,
	.topproduct,
	.promaProduct,
	.addverbox,



	.aboutUs .aboutUsLeft,
	.customServices .custSerLeft,
	.customServices .custSerRight,
	.ourproduct .allpro,
	.topproduct .sinpro,
	.promaProduct .sinpro,
	.addverbox .addverboxLeft,
	.addverbox .addverboxright,
	.aboutUs .aboutUsRight {
		width: 100%;
	}




	.topproduct .sinpro {
		margin-bottom: 15px;
	}

	.aboutUs .allbox {
		flex-wrap: wrap;
		padding:0;
	}


	.aboutUs .allbox .box {
		width: 100%;
		margin-bottom: 13px;
		display: flex;
		flex-direction: column;
	}

	.aboutUs .allbox .box img {
		width: 100px;
		height: 100px;
		margin-bottom: 12px;
	}

	.aboutUs .allbox .box div {
		margin-top: 12px;
	}

	.aboutUs .allbox .box div h4,
	.aboutUs .allbox .box div p {

		text-align: center;
	}

	.customServices {
		padding: 20px 0px 0 0;
	}

    .full{
        width: 100%!important;
    }
    
    
    .giftcard {
        padding: 20px 0px;
    }
    .giftcard .content {
        width: 100%; 
    }
    .giftcard .content .contentLeft,
    .giftcard .content .contentRight {
        width: 100%;
    }
    .giftcard .content .contentLeft{
        margin-bottom: 20px;
    }

	.customServices .custSerLeft img.imgleft {
		margin-right: 0px;

	}

	.customServices .custSerLeft img.imgleft,
	.customServices .custSerLeft img.imgRight {
		width: 160px;
		height: 200px;
	}

	.customServices .custSerLeft .dateyear .yer {
		margin-bottom: 10px;
	}

	.customServices .custSerLeft .dateyear .yer h4 {

		font-size: 14px;
	}

	.customServices .custSerLeft .dateyear .yer p {
		font-size: 11px;
	}

	.ourTeam {
		padding: 20px 0px 0 0;
	}

	.ourTeam h1 {
		margin-bottom: 0px;
	}

	.ourTeam .allCoach .sinCoch,
	.ourproduct .allpro .sinPro {
		width: 100%;
	}

	.ourproduct .allpro .sinPro .info h5 {
		text-align: center;
	}


	.address .addressLeft,
	.address .addressRight {
		width: calc(100% - 40px);
		position: relative;
	}

	.contactForm {
		padding: 30px 0px;
	}

	.contactForm form {
		width: calc(100% - 40px);
		padding: 20px;
	}

	.contctHeder,
	.aboutHeader,
	.injectHeader {
		height: 55vh;
	}

.baskettotal .proced {
    border: 1px solid #ddd;
    padding: 10px;
}
.viewpro {
    padding: 25px 0px;
    background: #fcfcfc;
    overflow-x:scroll;
}
.viewpro table tbody tr td .proimg {
    width: 40px;
}
.viewpro table {
    border: 1px solid #ddd;
    width: 150%!important;
    margin-bottom: 30px; 
}
.viewproTab {
    overflow-x: scroll;
}
.viewpro table tbody tr td h5 {
    font-size: 13px;
}
.viewpro table tbody tr td {
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding: 10px;
    font-size: 11px;
}
.viewpro table tbody tr input {
    width: 50px;
    padding: 5px 5px;
    background: #fff;
    border: 1px solid #ddd;
    font-size: 12px;
}
.viewpro table thead tr th {
    font-size: 12px;
}

.rightSide table tbody td a {
    padding: 2px 10px;
    display: block;
    margin-bottom: 5px;
    font-size: 11px;
}
.rightSide table tbody td a:last-child {
    margin-bottom: 0px;
}
	.dailypromotion {
		padding: 40px 0 20px 0;
	}

	.dailypromotion .container {
		padding: 0;
	}

	.promaProduct,
	.relpro {
		display: flex;
		justify-content: space-between;
		margin-top: 30px;
		flex-wrap: wrap;
	}

	.promaProduct {
		padding: 0;
	}

	.promaProduct form {
		width: calc(100% - 60px) !important;
	}

	.leftbar {
		width: 0%;
		display: none;
	}

	.promaProduct {
		width: 100% !important;
	}


.footer .social .flex-between .content1 .whatsapp {
    margin-top: 15px;
}




.contactForm .contactleft {
    width: calc(100% - 80px);
}
.address .addressLeft .info, .address .addressRight .info {
    position: absolute;
    left: 25px;
    bottom: 25px;
    background: #fff;
    padding: 9px;
    border-radius: 5px;
    width: 50%;
}
.address .addressLeft .info ul li, .address .addressRight .info ul li {
    
    font-size: 11px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 1px;
}




	.leaserhairContent .sinPro {
		width: 100%;
		position: relative;
		overflow: hidden;
		margin: 0px auto 30px auto;
		display: flex;
		box-shadow: 0 0 10px #ddd;
		flex-direction: column;
	}

	.leaserhairContent .sinPro .Boximg {
		width: 100%;
		border-radius: 10px 10px 0px 0px;
	}

	.leaserhairContent .sinPro .Boximg img {
		height: auto;
	}

	.leaserhairContent .sinPro .des {
		width: 100%;
	}

	.leaserhairContent .sinPro .des h5 {
		font-size: 15px;
		font-weight: 400;
		line-height: 28px;
		padding: 20px 20px 0 20px;
		text-align: justify;
	}

	.leaserhairContent .sinPro .Boximg img {
		border-radius: 10px 10px 0px 0px;
		height: auto;
		object-fit: cover;
	}
	
	.leaserhairContent .sinPro .Boximg img.Sculptra,
    .leaserhairContent .sinPro .Boximg img.Radiesse,
    .leaserhairContent .sinPro .Boximg img.Mesotherapy,
    .leaserhairContent .sinPro .Boximg img.Fillers,
    .leaserhairContent .sinPro .Boximg img.Reflexology,
    .leaserhairContent .sinPro .Boximg img.holistic,
    .leaserhairContent .sinPro .Boximg img.Ayurvedic,
    .leaserhairContent .sinPro .Boximg img.Pregnancy,
    .leaserhairContent .sinPro .Boximg img.Lymph,
    .leaserhairContent .sinPro .Boximg img.FullBody,
    .leaserhairContent .sinPro .Boximg img.Hyaluronidase,
    .leaserhairContent .sinPro .Boximg img.Trichology,
    .leaserhairContent .sinPro .Boximg img.pdothreadlift,
    .leaserhairContent .sinPro .Boximg img.LumiEyesDarkCircles,
    .leaserhairContent .sinPro .Boximg img.Microneedling,
    .leaserhairContent .sinPro .Boximg img.DMK,
    .leaserhairContent .sinPro .Boximg img.SkinPeels,
    .leaserhairContent .sinPro .Boximg img.Dermalogica,
    .leaserhairContent .sinPro .Boximg img.LaserHairRemoval,
    .leaserhairContent .sinPro .Boximg img.Environ{
        height: 225px;
    }


	.aboutHeader h1,
	.injectHeader h1,
	.stretchHeader h1,
	.contctHeder h1 {
		font-size: 35px;
	}


	.shopHeader {
		height: auto;
	}




	.signupLoginPop .left {
		display: none;
	}

	.signupLoginPop .signLogin {
		width: 100%;
	}

	.signupLoginPop .wrapperlog .signLogin form {
		margin-left: 0;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	.footermenu{
		background: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    /* left: 2.5%; */
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0 10px 10px #000;
	display: block;
	z-index:9999999999;
	}
	.footermenu ul{
		display: flex;
		justify-content: space-around;

	}
	.footermenu ul li{
	    position: relative;
	}
	.footermenu ul li .category {
        position: absolute;
        height: 239px;
        background: #000;
        bottom: 129%;
        width: 390px;
        left: -173px;
        padding: 15px;
        border-radius: 5px 5px 0 0;
        transform: rotateX(90deg);
        transform-origin: bottom;
        transition: 0.4s all ease;
    }
	.footermenu ul li .category.active{
	    transform: rotateX(0deg);
	}
	.footermenu ul li .category ul{
	    display: flex!important;
	    flex-direction: row;
		flex-wrap: wrap;
		gap: 2%;
		padding: 10px;
		justify-content: space-between;
	}
	.footermenu ul li .category ul li{
		width: 23%;
		font-size: 11px;
		height: auto;
		margin-bottom: 15px;
		background: #141414;
		/* backdrop-filter: blur(40px); */
		padding: 10px 0;
		display: grid;
		place-items: center;
		border-radius: 3px;
		cursor: pointer;
		margin-bottom: 0px;
		margin-top: 0;
		text-align: center;
		box-shadow: 0 0 10px #000;
	}
	.footermenu ul li .category ul li:nth-child(5){
	margin-top: 5px;
	}
	.footermenu ul li .category ul li:nth-child(6){
	margin-top: 5px;
	}
	.footermenu ul li .category ul li:nth-child(7){
	margin-top: 5px;
	}
	.footermenu ul li .category ul li:nth-child(8){
	margin-top: 5px;
	}
	.footermenu ul li .category ul li a{
		align-items: center;
		display: flex;
		flex-direction: column;
	}
	.footermenu ul li .category ul li a span.icon-arrow_forward {
		font-weight: 200;
		height: 43px;
		display: flex;
		align-items: center;
		font-size: 23px;
		color: #e7195a;
	}
	.footermenu ul li .category ul li a{}
	.footermenu ul li a{
		color: #999;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.footermenu ul li a span{
		font-size: 10px;
	}
	.footermenu ul li a span.icon{
		font-size: 16px;
		margin-bottom: 5px;
		color: #002244;
	}
	
	
	
	
	
	
	.address .addressLeft .info h4, 
	.address .addressRight .info h4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 2em;
    letter-spacing: 1px;
    color: #18bfbd;
    text-align: left;
}





form .page .country{
    flex-direction:column;
}
.three {
    width: 100%;
}
form .page .country.name{
    gap:0;
}
















	

}

/*	Retina media query.
		Overrides styles for devices with a 
		device-pixel-ratio of 2+, such as iPhone 4.
	-----------------------------------------------    */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {}