@charset "UTF-8";
/* CSS Document */

body{ margin: 0; padding: 0; font-family: 'Nunito Sans', sans-serif;  font-style: normal;font-weight: 400;}
h1, h2{ margin: 0; padding: 0}

.baby-care-main-page{ width: 100%; margin: 0 Auto; }
.baby-care-container{max-width: 1170px;margin: 0 auto;width: 100%;padding: 10px 10px;box-sizing: border-box;}
header { width: 100% ;height: auto;}
header img { width: 100% ;height: auto; display: block}
.baby-care-banner-holder{ width: 100%; position: relative; }
.baby-care-banner-holder .baby-care-imgD{ width: 100%;  text-align: center; display: block}
.baby-care-banner-holder .baby-care-imgD img{ width: 100%;height: auto; text-align: center; }
.baby-care-banner-holder .baby-care-imgM{ width: 100%;  text-align: center; display: none }
.baby-care-banner-holder .baby-care-imgM img{ width: 100%;height: auto; text-align: center; }
.baby-care-banner-holder .baby-care-banner-txt{position: absolute;right: 25%;text-align: left;top: 50%;transform: translate(-0%, -50%);}
.baby-care-banner-holder .baby-care-banner-txt h1{color:#D1A272;font-size: 48px;line-height: 1.1;font-weight: 600; font-family: 'EB Garamond', serif;}
.baby-care-banner-holder .baby-care-banner-txt h2{color: #6F6B67;font-size: 22px;line-height: 1.1;font-weight: 400; font-family: 'Nunito Sans', sans-serif;margin-top:15px;}
.baby-care-body-holder{ width: 100%; margin: 0 auto; }

.baby-care-body-holder h3{color: #D1A272;font-size: 45px;line-height: 1.1;font-weight: 600; font-family: 'EB Garamond', serif; text-align: center}
.baby-care-product-holder{width:100%}
.baby-care-product-heading{font-weight: 700;font-family: 'Nunito Sans', sans-serif;font-size: 25px;color: #8E8E8E;padding-bottom: 10px;border-bottom: 1px solid #BFBFBF;text-transform: uppercase}
.baby-care-product-inn{ display: flex; text-align: center; align-content: space-between; margin: 30px auto }
.baby-care-product-inn .baby-care-prod { }
.baby-care-product-inn .baby-care-prod div {width: 100%;margin: 20px auto;text-align: center;}
.baby-care-product-inn .baby-care-prod div img{width: 200px; display: inline-block;text-align: center; height: auto}
.baby-care-product-inn .baby-care-prod div:nth-child(2){ color: #000000; font-size: 16px; }
.baby-care-product-inn .baby-care-prod div a{ background: #D1A272; padding: 10px 20px; font-size: 13px; color: #fff; text-decoration: none; }

footer { width: 100% ;height: auto;}
footer img { width: 100% ;height: auto; display: block}

.my-slider{width: 100%; padding: 0 !important}
.my-slider1{width: 100%; padding: 0 !important}

.slick-track {margin-left: 0 !important; width: 100%}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #d1a272 !important;
}
.slick-dots li button:before { font-size: 12px !important;}


@media only screen and (max-width: 650px) {
	.baby-care-body-holder h3{font-size: 26px;}
	.baby-care-product-heading{font-size: 17px;text-align: center;margin-top: 30px;}
	.baby-care-banner-holder .baby-care-banner-txt {top: 15%;transform: translate(-0%, 0%);left: 45%;right: auto;text-align: center}
	.baby-care-banner-holder .baby-care-banner-txt h1 {font-size:21px;}
	.baby-care-banner-holder .baby-care-banner-txt h2{    font-size: 14px;}
	.baby-care-banner-holder .baby-care-imgD{ width: 100%;  text-align: center; display: none}
	.baby-care-banner-holder .baby-care-imgM{ width: 100%;  text-align: center; display: block}

	.baby-care-product-inn .baby-care-prod { width: 100%; }
	.baby-care-product-inn .baby-care-prod div img{ width: 150px; height: auto}
	.baby-care-product-inn .baby-care-prod div:nth-child(2){ color: #000000; font-size: 14px; }
	
	
	.baby-care-product-inn{flex-wrap:wrap;}
	
	
}