/************** Parenting Page **************/
.parentHP{background:#f5f1ec}
.parentHP a{color:#b36b8a;}
.parentHP .content-wrap{background:#f5f1ec}
.parentHP .content{padding-top:0}
.parentingPage .content {padding-top: 15px;}


.parentHP .ttl h2 a:hover, .parentHP .ttl h3 a:hover {color: #b36b8a;}
.parentHP header .top{background:#b36b8a;/*background:#c1819c*/}
.parentHP header .headerMenu .cnts .logo a{background:url(../../Images/logoParent.png) center center no-repeat;background-size:auto 100%}
.parentHP header .headerMenu .cnts .leftItems li .icon:before{color:#b36b8a}
.parentHP header .headerMenu .cnts .leftItems li > a:hover {border-bottom: 4px solid #b36b8a;}
.parentHP .latestNews ul li.item .sectionTarget{background: rgba(179, 107, 138, 0.9);}
.parentHP .latestNews ul li.item:hover .desc h3 {color: #b36b8a;}
.parentHP .mostRead ul li.item a .num{background: #b36b8a!important}

.parentHP .mostRead ul li.item:hover .desc p {color: #b36b8a;}
.parentHP .interestingArticles ul li.item .sectionTarget{color: #b36b8a;}
.parentHP .interestingArticlesLeft ul li.item:hover .desc p {color: #b36b8a;}
.parentHP .interestingArticles .cnts li a:hover .desc h2{color: #b36b8a;}
.parentHP .readAlso .cnts li:hover .desc h2 {color: #b36b8a;}
.parentHP .readAlso ul li.item .sectionTarget{color: #b36b8a;}
.parentHP .readAlso ul li.item .sectionTarget.icon:before{color: #b36b8a;}
.parentHP footer .middle{background: #523745;/*background: #403637;*/}
.parentHP footer .middle .navMenu .item .ttl{color:#b36b8a}
.parentHP footer .middle .navMenu .item .ttl a{color:#fff}
.parentHP footer .footerLogo{background: url(../../Images/logoParent.png) center center no-repeat;background-size: auto 100%;}
.parentHP footer a:hover {color: #b36b8a;}
.parentHP footer .middle .linksMenu a:hover {color: #b36b8a;}
.parentHP .medicalServices ul li:hover {border: 1px solid #b36b8a;}
.parentHP .medicalServices ul li:hover p {color: #b36b8a;}
.parentHP .medicalServices ul li .secIcon{color: #b36b8a;}
.parentHP .breadcrumb li.active a {color: #b36b8a;}
.parentHP .breadcrumb li a:hover {color: #b36b8a;}
.parentHP .calcWzDesc{background:#523745}
.parentHP article .calc{background:#523745;}
.parentHP .calcResult .calc {background: #fff;}
.parentHP .calc.pregCalc .cnts .genderCnts .gender .img{border: 3px solid #b36b8a;}
.parentHP article .calc .cnts .btn{background:#b36b8a}
.parentHP .calc.pregCalc .cnts .calcCnts .dropdownList.active{color:#b36b8a}
.parentHP .calc.pregCalc .cnts .calcCnts .dropdownList .list li:hover a{background:#b36b8a}
.parentHP .calcResult .btn {background: #b36b8a;}
.parentingPage.pregnancy article.mother .trimester {margin-bottom: 40px;}
.parentingPage.pregnancy article.mother .trimester .ttl {display: inline-block;}
.parentingPage.pregnancy article.mother .calcPage {background: #fff;padding: 10px 20px 40px}
.parentingPage.pregnancy .result .calc .calcResultHeader h3 span {color: #b36b8a;}
.parentHP .calcDtls .details p span {color: #b36b8a;}
.parentHP .listing .cd-fail-message{color:#b36b8a}

.parentHP article .details p a{color:#b36b8a}
.parentHP article .details p .kwhd:before{background:#b36b8a}
.parentHP article .keywordsDiv .item{background:#b36b8a}
.parentHP .relatedArticles ul li.item a .num{background:#b36b8a}
.parentHP .relatedArticles ul li.item:hover .desc h3{color:#b36b8a}

.parentHP .listing ul li.moreBtn a{background:#b36b8a}
.parentHP .listing ul li.item a:hover .desc h2 {color: #b36b8a;}





/* Menu */
.parentHP .parentingHeader{display:inline-block;float:right;width:100%;height:270px;position:relative;margin-bottom:200px}
.parentHP .parentingHeader .parentingHeaderCnts{position: absolute;width: 100%;height: 100%;top: 0;right: 0;bottom: 0;left: 0;padding: 50px 0;text-align: center;background:#fff}
.parentHP .parentingHeader .parentingHeaderCnts:before{content:"";background:url('../../Images/parentHeaderBg.jpg') repeat top -20px center;background-size:600px auto;opacity:0.08;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1}
.parentHP .parentingHeader .parentingHeaderCnts .cntnr{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding:0 15px;position: relative;width: 85%;display: inline-block;margin: 0 auto;z-index:2}
.parentHP .parentingHeader .parentingHeaderCnts h1{display:inline-block;float:right;width:100%;text-align:center;font-family:TajawalBold, Arial;font-size:36px;color:#b36b8a;margin-bottom:40px}

.parentHP .parentingHeader .item{display:inline-block;float:right;width:calc((100% - 90px) / 4);margin-left:30px;position:relative}
.parentHP .parentingHeader .item:last-child{margin-left:0}
.parentHP .parentingHeader .item .itemCnts{display:inline-block;float:right;width:100%;padding-bottom: 100%;border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;position: relative;line-height: 0;overflow: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;z-index: 1;box-shadow: 0 0 2px 1px #b36b8a;-moz-box-shadow: 0 0 2px 1px #b36b8a;-webkit-box-shadow: 0 0 2px 1px #b36b8a;}
.parentHP .parentingHeader .item .itemImg{width: auto;height: 100%;display: inline-block;float:right;position:absolute;top:0;left:50%;-webkit-transform: scale(1) translateX(-50%);-moz-transform: scale(1) translateX(-50%);transform: scale(1) translateX(-50%);transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s}
.parentHP .parentingHeader .item:hover .itemImg{-webkit-transform: scale(1.1) translateX(-50%);-moz-transform: scale(1.1) translateX(-50%);transform: scale(1.1) translateX(-50%);border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;z-index: -1;}
.parentHP .parentingHeader .item:after{content: '';-webkit-box-shadow: 0 0 28px 7px rgba(101,104,120,0.3);box-shadow: 0 0 28px 7px rgba(101,104,120,0.3);display: inline-block;position: absolute;width: 60%;margin: auto;left: 0;right: 0;z-index: -1;bottom: -2px;}

.parentHP .parentingHeader .content{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;z-index: 0;/* overflow: hidden; */text-align: center;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s}
.parentHP .parentingHeader .item .icon{position: absolute;opacity: 0;top: -100%;bottom: 0;left: 0;right: 0;margin: auto;width: 70px;height: 70px;color:#fff;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;z-index: 1;background:#b36b8a;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s}
.parentHP .parentingHeader .item:hover .icon{top: 0%;opacity: 1;}

.parentHP .parentingHeader .item .icon-preg:before{content:"^";font-size:44px;line-height:1.6}
.parentHP .parentingHeader .item .icon-birth:before{content:",";font-size:32px;line-height:2.3}
.parentHP .parentingHeader .item .icon-baby:before{content:"+";font-size:32px;line-height:2.3}
.parentHP .parentingHeader .item .icon-kids:before{content:"@";font-size:36px;line-height:1.9}


.parentHP .parentingHeader .item .title{display:inline-block;float:right;width:100%;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s}
.parentHP .parentingHeader .item .title:before{content: "";background:url(../../images/pregMenuTtlBg.png) center top no-repeat;background-size: 350px auto;position: absolute;bottom: -3px;left: -3px;width: calc(100% + 6px);height: 30%;display: inline-block;z-index: 0;border-radius: 0% 0px 30px 30px;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s}
.parentHP .parentingHeader .item:hover .title:before{height: 50%;}

.parentHP .parentingHeader .item .title h2{position: absolute;bottom: 20px;left: 0;right: 0;text-align:center;line-height: normal;font-family:TajawalMedium,Arial;color:#222;font-size: 20px;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s}
.parentHP .parentingHeader .item:hover .title h2{bottom:40px}
.parentingPage article.mother .trimester{margin-bottom:0}
.parentingPage article.mother .trimester .ttl{display:none}
.parentingPage article.mother .calcPage{background:none;padding:30px 0 0}


@media screen and (min-width:1680px) and (max-width:1919px){
    .parentHP .parentingHeader {height: 250px;margin-bottom: 160px;}
    .parentHP .parentingHeader .item {width: calc((100% - 60px) / 4);margin-left: 20px;}
    .parentHP .parentingHeader .item .itemCnts{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}

    .parentHP .parentingHeader .item:hover .itemImg{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
    .parentHP .parentingHeader .content{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
    .parentHP .parentingHeader .item .title:before{border-radius: 0% 0px 20px 20px;}

    .parentHP .parentingHeader .item .title h2{bottom: 14px;font-size: 18px}
    .parentHP .parentingHeader .item:hover .title h2{bottom:24px}
    .parentHP .parentingHeader .item .icon{width:60px;height:60px}

    .parentHP .parentingHeader .item .icon-preg:before{font-size:38px;line-height:1.6}
    .parentHP .parentingHeader .item .icon-birth:before{font-size:28px;line-height:2.3}
    .parentHP .parentingHeader .item .icon-baby:before{font-size:28px;line-height:2.3}
    .parentHP .parentingHeader .item .icon-kids:before{font-size:32px;line-height:1.9}

    .parentingPage .weekHeader .fetal{width:220px;height:220px}
    .parentingPage .weekHeader .fruit{width:130px;height:130px;transform: translate(calc(-50% + 150px), 50%);}
    .parentingPage .weekHeader .fruit img{width:140px;height:140px}
    .parentingPage .weekHeader .weeksToGo{width:130px;height:130px;transform: translate(calc(-50% - 150px), 50%);}
}
@media screen and (min-width:1600px) and (max-width:1679px){
    .parentHP .parentingHeader {height: 250px;margin-bottom: 160px;}
    .parentHP .parentingHeader .item {width: calc((100% - 60px) / 4);margin-left: 20px;}
    .parentHP .parentingHeader .item .itemCnts{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}

    .parentHP .parentingHeader .item:hover .itemImg{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
    .parentHP .parentingHeader .content{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
    .parentHP .parentingHeader .item .title:before{border-radius: 0% 0px 20px 20px;}

    .parentHP .parentingHeader .item .title h2{bottom: 14px;font-size: 18px}
    .parentHP .parentingHeader .item:hover .title h2{bottom:24px}
    .parentHP .parentingHeader .item .icon{width:60px;height:60px}

    .parentHP .parentingHeader .item .icon-preg:before{font-size:38px;line-height:1.6}
    .parentHP .parentingHeader .item .icon-birth:before{font-size:28px;line-height:2.3}
    .parentHP .parentingHeader .item .icon-baby:before{font-size:28px;line-height:2.3}
    .parentHP .parentingHeader .item .icon-kids:before{font-size:32px;line-height:1.9}

    .parentingPage .weekHeader .fetal{width:220px;height:220px}
    .parentingPage .weekHeader .fruit{width:130px;height:130px;transform: translate(calc(-50% + 150px), 50%);}
    .parentingPage .weekHeader .fruit img{width:140px;height:140px}
    .parentingPage .weekHeader .weeksToGo{width:130px;height:130px;transform: translate(calc(-50% - 150px), 50%);}
}

@media screen and (min-width:1536px) and (max-width:1599px) {
     .parentHP .parentingHeader {height: 250px;margin-bottom: 160px;}
    .parentHP .parentingHeader .item {width: calc((100% - 60px) / 4);margin-left: 20px;}
    .parentHP .parentingHeader .item .itemCnts{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}

    .parentHP .parentingHeader .item:hover .itemImg{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
    .parentHP .parentingHeader .content{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
    .parentHP .parentingHeader .item .title:before{border-radius: 0% 0px 20px 20px;}

    .parentHP .parentingHeader .item .title h2{bottom: 14px;font-size: 18px}
    .parentHP .parentingHeader .item:hover .title h2{bottom:24px}
    .parentHP .parentingHeader .item .icon{width:60px;height:60px}

    .parentHP .parentingHeader .item .icon-preg:before{font-size:38px;line-height:1.6}
    .parentHP .parentingHeader .item .icon-birth:before{font-size:28px;line-height:2.3}
    .parentHP .parentingHeader .item .icon-baby:before{font-size:28px;line-height:2.3}
    .parentHP .parentingHeader .item .icon-kids:before{font-size:32px;line-height:1.9}

    .parentingPage .weekHeader .fetal{width:220px;height:220px}
    .parentingPage .weekHeader .fruit{width:130px;height:130px;transform: translate(calc(-50% + 150px), 50%);}
    .parentingPage .weekHeader .fruit img{width:140px;height:140px}
    .parentingPage .weekHeader .weeksToGo{width:130px;height:130px;transform: translate(calc(-50% - 150px), 50%);}
}
@media screen and (min-width:1440px) and (max-width:1535px){
      .parentHP .parentingHeader {height: 250px;margin-bottom: 160px;}
    .parentHP .parentingHeader .item {width: calc((100% - 60px) / 4);margin-left: 20px;}
    .parentHP .parentingHeader .item .itemCnts{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}

    .parentHP .parentingHeader .item:hover .itemImg{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
    .parentHP .parentingHeader .content{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
    .parentHP .parentingHeader .item .title:before{border-radius: 0% 0px 20px 20px;}

    .parentHP .parentingHeader .item .title h2{bottom: 14px;font-size: 18px}
    .parentHP .parentingHeader .item:hover .title h2{bottom:24px}
    .parentHP .parentingHeader .item .icon{width:60px;height:60px}

    .parentHP .parentingHeader .item .icon-preg:before{font-size:38px;line-height:1.6}
    .parentHP .parentingHeader .item .icon-birth:before{font-size:28px;line-height:2.3}
    .parentHP .parentingHeader .item .icon-baby:before{font-size:28px;line-height:2.3}
    .parentHP .parentingHeader .item .icon-kids:before{font-size:32px;line-height:1.9}

    .parentingPage .weekHeader .fetal{width:220px;height:220px}
    .parentingPage .weekHeader .fruit{width:130px;height:130px;transform: translate(calc(-50% + 150px), 50%);}
    .parentingPage .weekHeader .fruit img{width:140px;height:140px}
    .parentingPage .weekHeader .weeksToGo{width:130px;height:130px;transform: translate(calc(-50% - 150px), 50%);}
}
@media screen and (min-width:1360px) and (max-width:1439px){
     .parentHP .parentingHeader {height: 250px;margin-bottom: 160px;}
    .parentHP .parentingHeader .item {width: calc((100% - 60px) / 4);margin-left: 20px;}
    .parentHP .parentingHeader .item .itemCnts{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}

    .parentHP .parentingHeader .item:hover .itemImg{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
    .parentHP .parentingHeader .content{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
    .parentHP .parentingHeader .item .title:before{border-radius: 0% 0px 20px 20px;}

    .parentHP .parentingHeader .item .title h2{bottom: 14px;font-size: 18px}
    .parentHP .parentingHeader .item:hover .title h2{bottom:24px}
    .parentHP .parentingHeader .item .icon{width:60px;height:60px}

    .parentHP .parentingHeader .item .icon-preg:before{font-size:38px;line-height:1.6}
    .parentHP .parentingHeader .item .icon-birth:before{font-size:28px;line-height:2.3}
    .parentHP .parentingHeader .item .icon-baby:before{font-size:28px;line-height:2.3}
    .parentHP .parentingHeader .item .icon-kids:before{font-size:32px;line-height:1.9}

    .parentingPage .weekHeader .fetal{width:220px;height:220px}
    .parentingPage .weekHeader .fruit{width:130px;height:130px;transform: translate(calc(-50% + 150px), 50%);}
    .parentingPage .weekHeader .fruit img{width:140px;height:140px}
    .parentingPage .weekHeader .weeksToGo{width:130px;height:130px;transform: translate(calc(-50% - 150px), 50%);}
}
@media screen and (min-width:1280px) and (max-width:1359px){
     .parentHP .parentingHeader .parentingHeaderCnts h1{font-size:32px}
    .parentHP .parentingHeader {height: 240px;margin-bottom: 170px;}
    .parentHP .parentingHeader .item {width: calc((100% - 60px) / 4);margin-left: 20px;}
    .parentHP .parentingHeader .item .itemCnts{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}

    .parentHP .parentingHeader .item:hover .itemImg{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
    .parentHP .parentingHeader .content{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
    .parentHP .parentingHeader .item .title:before{border-radius: 0% 0px 20px 20px;}

    .parentHP .parentingHeader .item .title:before{background-size:100% 100%}
    .parentHP .parentingHeader .item .title h2{bottom: 14px;font-size: 18px}
    .parentHP .parentingHeader .item:hover .title h2{bottom:24px}
    .parentHP .parentingHeader .item .icon{width:60px;height:60px}

    .parentHP .parentingHeader .item .icon-preg:before{font-size:38px;line-height:1.6}
    .parentHP .parentingHeader .item .icon-birth:before{font-size:28px;line-height:2.3}
    .parentHP .parentingHeader .item .icon-baby:before{font-size:28px;line-height:2.3}
    .parentHP .parentingHeader .item .icon-kids:before{font-size:32px;line-height:1.9}

    .parentingPage .weekHeader h1{font-size:30px;}
    .parentingPage .weekHeader h1 span:first-child{font-size:26px}

    .parentingPage .weekHeader .fetal{width:220px;height:220px}
    .parentingPage .weekHeader .fruit{width:130px;height:130px;transform: translate(calc(-50% + 150px), 50%);}
    .parentingPage .weekHeader .fruit img{width:140px;height:140px}
    .parentingPage .weekHeader .weeksToGo{width:130px;height:130px;transform: translate(calc(-50% - 150px), 50%);}
}
@media screen and (min-width:1152px) and (max-width:1279px){
    
    .parentHP .parentingHeader .parentingHeaderCnts h1{font-size:32px}
    .parentHP .parentingHeader .parentingHeaderCnts .cntnr{width:94%}
    .parentHP .parentingHeader {height: 230px;margin-bottom: 150px;}
    .parentHP .parentingHeader .item {width: calc((100% - 48px) / 4);margin-left: 16px;}
    .parentHP .parentingHeader .item .itemCnts{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}

    .parentHP .parentingHeader .item:hover .itemImg{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
    .parentHP .parentingHeader .content{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
    .parentHP .parentingHeader .item .title:before{border-radius: 0% 0px 20px 20px;}

    .parentHP .parentingHeader .item .title:before{background-size:100% 100%}
    .parentHP .parentingHeader .item .title h2{bottom: 12px;font-size: 16px}
    .parentHP .parentingHeader .item:hover .title h2{bottom:24px}
    .parentHP .parentingHeader .item .icon{width:50px;height:50px}

    .parentHP .parentingHeader .item .icon-preg:before{font-size:36px;line-height:50px}
    .parentHP .parentingHeader .item .icon-birth:before{font-size:26px;line-height:50px}
    .parentHP .parentingHeader .item .icon-baby:before{font-size:26px;line-height:50px}
    .parentHP .parentingHeader .item .icon-kids:before{font-size:30px;line-height:50px}

    .parentingPage .weekHeader{height:210px;background-size:auto 100%;margin-bottom: 100px;}
    .parentingPage .weekHeader h1{font-size:24px;}
    .parentingPage .weekHeader h1 span:first-child{font-size:22px}
    .parentingPage .weekHeader h1 span:last-child{font-size:14px}

    .parentingPage .weekHeader .fetal{width:160px;height:160px}
    .parentingPage .weekHeader .fruit{width:100px;height:100px;transform: translate(calc(-50% + 110px), 50%);}
    .parentingPage .weekHeader .fruit img{width:100px;height:100px}
    .parentingPage .weekHeader .weeksToGo{width:100px;height:100px;transform: translate(calc(-50% - 110px), 50%);}
    .parentingPage .weekHeader .weeksToGo p:first-child{font-size:12px}
    .parentingPage .weekHeader .weeksToGo p:last-child{font-size:30px}
    .parentingPage .weekHeader .weeksToGo p:last-child span{font-size:10px}

    .parentingPage .weekDesc h3{font-size:20px}
    .parentingPage .weekDesc h4, .parentingPage .weekDesc li, .parentingPage .weekDesc p{font-size:16px}
    .parentingPage .weekHeader .weeksDirection .direction.prev{right:10px}
    .parentingPage .weekHeader .weeksDirection .direction.next{left:10px}


}
@media screen and (min-width:1024px) and (max-width:1151px){
    
    .parentHP .parentingHeader .parentingHeaderCnts h1{font-size:32px}
    .parentHP .parentingHeader .parentingHeaderCnts .cntnr{width:94%}
    .parentHP .parentingHeader {height: 230px;margin-bottom: 150px;}
    .parentHP .parentingHeader .item {width: calc((100% - 48px) / 4);margin-left: 16px;}
    .parentHP .parentingHeader .item .itemCnts{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}

    .parentHP .parentingHeader .item:hover .itemImg{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
    .parentHP .parentingHeader .content{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
    .parentHP .parentingHeader .item .title:before{border-radius: 0% 0px 20px 20px;}

    .parentHP .parentingHeader .item .title:before{background-size:100% 100%}
    .parentHP .parentingHeader .item .title h2{bottom: 12px;font-size: 16px}
    .parentHP .parentingHeader .item:hover .title h2{bottom:24px}
    .parentHP .parentingHeader .item .icon{width:50px;height:50px}

    .parentHP .parentingHeader .item .icon-preg:before{font-size:36px;line-height:50px}
    .parentHP .parentingHeader .item .icon-birth:before{font-size:26px;line-height:50px}
    .parentHP .parentingHeader .item .icon-baby:before{font-size:26px;line-height:50px}
    .parentHP .parentingHeader .item .icon-kids:before{font-size:30px;line-height:50px}

    .parentingPage .weekHeader{height:210px;background-size:auto 100%;margin-bottom: 100px;}
    .parentingPage .weekHeader h1{font-size:24px;}
    .parentingPage .weekHeader h1 span:first-child{font-size:22px}
    .parentingPage .weekHeader h1 span:last-child{font-size:14px}

    .parentingPage .weekHeader .fetal{width:160px;height:160px}
    .parentingPage .weekHeader .fruit{width:100px;height:100px;transform: translate(calc(-50% + 110px), 50%);}
    .parentingPage .weekHeader .fruit img{width:100px;height:100px}
    .parentingPage .weekHeader .weeksToGo{width:100px;height:100px;transform: translate(calc(-50% - 110px), 50%);}
    .parentingPage .weekHeader .weeksToGo p:first-child{font-size:12px}
    .parentingPage .weekHeader .weeksToGo p:last-child{font-size:30px}
    .parentingPage .weekHeader .weeksToGo p:last-child span{font-size:10px}


    .parentingPage .weekDesc h3{font-size:20px}
    .parentingPage .weekDesc h4, .parentingPage .weekDesc li, .parentingPage .weekDesc p{font-size:16px}
    .parentingPage .weekHeader .weeksDirection .direction.prev{right:10px}
    .parentingPage .weekHeader .weeksDirection .direction.next{left:10px}

    /*.parentingPage .weekHeader .social {bottom: auto;top:10px;left: 10px}*/
}
@media only screen and (max-width: 1023px){
    

    .parentHP .parentingHeader .parentingHeaderCnts .cntnr{width:718px}
    .parentHP .parentingHeader .parentingHeaderCnts h1{font-size:32px}
    .parentHP .parentingHeader {height: 230px;margin-bottom: 130px;}
    .parentHP .parentingHeader .item {width: 160px;margin-left: 16px;}
    .parentHP .parentingHeader .item .itemCnts{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}

    .parentHP .parentingHeader .item:hover .itemImg{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
    .parentHP .parentingHeader .content{border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
    .parentHP .parentingHeader .item .title:before{border-radius: 0% 0px 20px 20px;}

    .parentHP .parentingHeader .item .title:before{background-size:100% 100%}
    .parentHP .parentingHeader .item .title h2{bottom: 12px;font-size: 16px}
    .parentHP .parentingHeader .item:hover .title h2{bottom:24px}
    .parentHP .parentingHeader .item .icon{width:50px;height:50px}

    .parentHP .parentingHeader .item .icon-preg:before{font-size:32px;line-height:1.6}
    .parentHP .parentingHeader .item .icon-birth:before{font-size:26px;line-height:2}
    .parentHP .parentingHeader .item .icon-baby:before{font-size:26px;line-height:2}
    .parentHP .parentingHeader .item .icon-kids:before{font-size:30px;line-height:1.6}

    .parentingPage .weekHeader{height:240px;background-size:100% auto;margin-bottom: 100px;}
    .parentingPage .weekHeader h1{font-size:28px;}
    .parentingPage .weekHeader h1 span:first-child{font-size:24px}
    .parentingPage .weekHeader h1 span:last-child{font-size:14px}
    .parentingPage .weekHeader .fetal{width:160px;height:160px}
    .parentingPage .weekHeader .fruit{width:100px;height:100px;transform: translate(calc(-50% + 110px), 50%);}
    .parentingPage .weekHeader .fruit img{width:110px;height:110px}
    .parentingPage .weekHeader .weeksToGo{width:100px;height:100px;transform: translate(calc(-50% - 110px), 50%);}
    .parentingPage .weekHeader .weeksToGo p:first-child{font-size:13px}
    .parentingPage .weekHeader .weeksToGo p:last-child{font-size:42px}
    .parentingPage .weekHeader .weeksToGo p:last-child span{font-size:12px}
    .parentingPage .weekDesc h3{font-size:20px}
    .parentingPage .weekDesc h4, .parentingPage .weekDesc li, .parentingPage .weekDesc p{font-size:16px}
}
@media screen and (min-width: 320px) and (max-width: 767px){
    .parentHP .content{padding-top:90px}
    .parentingPage .content {padding-top: 90px;}

    .parentHP .parentingHeader .parentingHeaderCnts{padding:30px 0}
    .parentHP .parentingHeader .parentingHeaderCnts .cntnr{width:300px;padding:0 2px}
    .parentHP .parentingHeader .parentingHeaderCnts h1{font-size:22px;margin-bottom: 20px;}
    .parentHP .parentingHeader {height: 140px;margin-bottom:100px;}
    
    .parentHP .parentingHeader .item .itemCnts{border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;height:110px}

    .parentHP .parentingHeader .item:hover .itemImg{border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
    .parentHP .parentingHeader .content{border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
    .parentHP .parentingHeader .item .title:before{border-radius: 0% 0px 10px 10px;}

    .parentHP .parentingHeader .item .title:before{background-size:100% 100%;height:40%}
    .parentHP .parentingHeader .item .title h2{bottom: 14px;font-size: 15px}
    .parentHP .parentingHeader .item:hover .title h2{bottom:10px}
    .parentHP .parentingHeader .item .icon{width:40px;height:40px}

    .parentHP .parentingHeader .item .icon-preg:before{font-size:26px;line-height:1.6}
    .parentHP .parentingHeader .item .icon-birth:before{font-size:22px;line-height:1.9}
    .parentHP .parentingHeader .item .icon-baby:before{font-size:22px;line-height:1.9}
    .parentHP .parentingHeader .item .icon-kids:before{font-size:24px;line-height:1.6}

    .parentHP article{margin-bottom:0}
    .article .result{padding:20px 10px}
    .parentingPage article.mother .trimester{padding:0}
    .articlePage .medicalServices{margin-top:10px;padding:0}
    .articlePage .latestNews{padding:0}

    .parentingPage .weekPage{padding:10px 10px 30px}
    .parentingPage .weekHeader{height:190px;background-size:auto 100%;margin-bottom: 60px;}
    .parentingPage .weekHeader h1{font-size:22px;}
    .parentingPage .weekHeader h1 span:first-child{font-size:20px}
    .parentingPage .weekHeader h1 span:last-child{font-size:14px}
    .parentingPage .weekHeader .fetal{width:140px;height:140px}
    .parentingPage .weekHeader .fruit{width:80px;height:80px;transform: translate(calc(-50% + 90px), 50%);}
    .parentingPage .weekHeader .fruit img{width:80px;height:80px}
    .parentingPage .weekHeader .weeksToGo{width:80px;height:80px;transform: translate(calc(-50% - 90px), 50%);}
    .parentingPage .weekHeader .weeksToGo p:first-child{font-size:12px;margin-bottom:8px}
    .parentingPage .weekHeader .weeksToGo p:last-child{font-size:30px;line-height: 0.8;}
    .parentingPage .weekHeader .weeksToGo p:last-child span{font-size:10px}
    .parentingPage .weekDesc h3{font-size:18px}
    .parentingPage .weekDesc ul{padding:0 20px 0 0;}
    .parentingPage .weekDesc h4, .parentingPage .weekDesc li, .parentingPage .weekDesc p{font-size:16px}
    .parentingPage .weekHeader .weeksDirection .direction{width:40px;height:40px}
    .parentingPage .weekHeader .weeksDirection .direction:before{width:40px;height:40px;font-size:20px;line-height:2}
    .parentingPage .weekHeader .weeksDirection .direction.prev{right:10px}
    .parentingPage .weekHeader .weeksDirection .direction.next{left:10px}
    .parentingPage .weekHeader .weeksDirection .direction:hover{width:40px;height:40px}

    .parentingPage .weekHeader .weeksDirection .direction.icon-prev:hover:before {right: 0px;}
    .parentingPage .weekHeader .weeksDirection .direction.prev:hover .goToWeek {right: -90px;}
    .parentingPage .weekHeader .weeksDirection .direction.icon-next:hover:before {left: 0px;}
    .parentingPage .weekHeader .weeksDirection .direction.next:hover .goToWeek {left: -90px;}


     
    .parentingPage .weekHeader .social{position:fixed;left:0;bottom:0;width:100%;z-index:999}
    .parentingPage .weekHeader .social a{margin-left:0;width:calc(100% / 3);height:32px}
    .parentingPage .weekHeader .social a.icon-fb {background: rgba(59, 89, 152, 0.95)}
    .parentingPage .weekHeader .social a.icon-tw {background: rgba(29, 161, 242, 0.95)}
    .parentingPage .weekHeader .social a.icon-lin {background: rgba(0, 123, 181, 0.95)}


    .parentHP .parentingHeader {height: 320px;width: calc(100% + 20px);margin-right: -10px;}

    .parentHP .parentingHeader .item {width: 143px;margin-left: 10px;margin-bottom:10px}
    .parentHP .parentingHeader .item:nth-child(2n){margin-left:0}
    .parentHP .parentingHeader .item:nth-last-child(-n+2){margin-bottom:0}
}