@media screen and (min-width: 320px) and (max-width: 767px) {
    .content-wrap {width: 100%;padding:10px}
    article{width:100%;margin-left:0;margin-bottom:40px}
    .openMenu{overflow:hidden!important}
    .sectionsMenu.open{padding:0px}
    .sectionsMenu .menuCnts {position: absolute;top: 0;left: 0;transform: none;overflow-y: scroll;width: 100%;height: 100%;padding: 60px 14px 10px}
    .sectionsMenu .menuCnts .item{width:100%;margin-left:0}
    .sectionsMenu .menuCnts .item .ttl {font-size: 16px;line-height: 2.8;}
    /*.sectionsMenu .menuCnts .item ul {height: auto;column-count: 2;column-gap: 10px;-moz-column-count: 2;-moz-column-gap: 10px;-webkit-column-count: 2;-webkit-column-gap: 10px;-o-column-count: 2;-o-column-gap: 10px;-ms-column-count: 2;-ms-column-gap: 10px;}*/
    .sectionsMenu .menuCnts .item ul li {font-size: 14px;margin-bottom: 20px;margin-left:0;width:50%;/*-webkit-column-break-inside: avoid;break-inside: avoid;-o-column-break-inside: avoid;-ms-column-break-inside: avoid;column-break-inside: avoid;page-break-inside: avoid;*/}

    /*section{margin-bottom:20px}*/
    .homepage .latestNews {margin-bottom: 40px;}

    .ttl{font-size:20px;height:40px}
    .ttl h2, .ttl h3{line-height:2}
    .ttl .more{font-size:15px;line-height:2.8}
    .ttl .icon-more:before{font-size:11px;line-height:3.6;margin-right:2px}

    .featuredArea ul {column-count: 2;column-gap: 10px;-moz-column-count: 2;-moz-column-gap: 10px;-webkit-column-count: 2;-webkit-column-gap: 10px;-o-column-count: 2;-o-column-gap: 10px;-ms-column-count: 2;-ms-column-gap: 10px;}
    .featuredArea ul li.item{margin-bottom:10px}
    .featuredArea ul li.item:nth-child(1) .imageCntnr{padding-bottom:100%}
    .featuredArea ul li.item:nth-child(2) .imageCntnr{padding-bottom:60%}
    .featuredArea ul li.item:nth-child(2) .imageCntnr img{width:100%;height:auto}
    .featuredArea ul li.item:nth-child(3) .imageCntnr{padding-bottom:80%}
    .featuredArea ul li.item:nth-child(3) .imageCntnr img{width:auto;height:100%}
    .featuredArea ul li.item:nth-child(4) .imageCntnr{padding-bottom:60%}
    .featuredArea ul li.item:nth-child(4) .imageCntnr img{width:100%;height:auto}
    .featuredArea ul li.item:nth-child(5) .imageCntnr{padding-bottom:100%}
    .featuredArea ul li.item:nth-child(6) .imageCntnr{padding-bottom:80%}
    .featuredArea ul li.item .desc .descCnts h2{font-size:15px;max-height:100%;line-height:1.4}
    .featuredArea ul li.item .sectionTarget {height: 24px;line-height: 26px;padding: 0 6px;font-size: 13px;}
    .featuredArea ul li.item .sectionTarget.icon:before {line-height: 24px;margin-left: 4px;font-size:14px}

    .medicalServices ul li{margin-left:10px;width: calc((100% - 10.1px) / 2);margin-bottom:10px;height:120px}
    .medicalServices ul li:nth-child(3n){margin-left:10px;}
    .medicalServices ul li:nth-child(2n){margin-left:0px;}
    .medicalServices ul li:nth-last-child(-n+3){margin-bottom:10px}
    .medicalServices ul li:nth-last-child(-n+2){margin-bottom:0}
    .medicalServices ul li p{padding:0 10px;font-size:14px}
    .medicalServices ul li .secIcon{height:56px;font-size:46px}
    .medicalServices ul li .secIcon:before{line-height:1.6}
    .ovulationTest .icon:before{font-size:44px;line-height:1.6!important}

    aside .medicalServices ul li{margin-left:10px;width: calc((100% - 10.1px) / 2);margin-bottom:10px;height:120px}
    aside .medicalServices ul li:nth-child(3n){margin-left:10px;}
    aside .medicalServices ul li:nth-child(2n){margin-left:0px;}
    aside .medicalServices ul li:nth-last-child(-n+3){margin-bottom:10px}
    aside .medicalServices ul li:nth-last-child(-n+2){margin-bottom:0}
    aside .medicalServices ul li p{padding:0 10px;font-size:14px}
    aside .medicalServices ul li .secIcon{height:56px;font-size:48px}
    aside .medicalServices ul li .secIcon:before{line-height:1.6}


    .latestNews ul li.item{width: calc((100% - 10.1px) / 2);margin-left:10px;margin-bottom:10px}
    .latestNews ul li.item:nth-child(4n) {margin-left: 10px}
    .latestNews ul li.item:nth-child(3n) {margin-left: 10px}
    .latestNews ul li.item:nth-child(2n) {margin-left: 0}
    .latestNews ul li.item:last-child {display:none}
    .latestNews ul li.item .sectionTarget {height: 24px;line-height: 26px;padding: 0 6px;font-size: 13px;}
    .latestNews ul li.item .sectionTarget.icon:before {line-height: 24px;margin-left: 4px;font-size:14px}
    .latestNews ul li.item .desc h3{font-size:16px;line-height:1.6;max-height: 72px;min-height:48px}





    .interestingArticles .cnts li{width: 100%;margin-left:0;margin-bottom:16px;height:110px}
    .interestingArticles .cnts li:nth-child(3n+1) {margin-left: 10px}
    .interestingArticles .cnts li:nth-child(2n+1) {margin-left: 0;}
    .interestingArticles .cnts li:last-child {display:inline-block;margin-bottom:0}
    .interestingArticles .cnts li .imageCntnr{width: 110px;height:110px;padding-bottom:0}
    .interestingArticles .cnts li img{height:100%;width:auto;left:50%;right:auto;transform:translateX(-50%)}
    .interestingArticles .cnts li:first-child img{height:100%;width:100%;left:0;right:0;transform:none}
    .interestingArticles .cnts li .desc{width: calc(100% - 110px);padding:10px;padding-bottom:6px}
    .interestingArticles .cnts li .desc h2{font-size:16px;max-height: 100%;height:68px}
    .interestingArticles ul li.item .sectionTarget{right: 120px;position:absolute}
    .interestingArticles ul li.item .sectionTarget:hover {right: 124px;}

    .interestingArticles .cnts li:first-child .imageCntnr{padding-bottom: 66.6%;display: block;width: 100%}
    .interestingArticles .cnts li:first-child .desc{width: 100%;padding: 10px;}
    .interestingArticles .cnts li:first-child .desc h2{font-size:18px;max-height:100%;margin-bottom:10px;height:auto}
    .interestingArticles .cnts li:first-child .desc p{font-size:14px;height:66px}
    .interestingArticles ul li.item .sectionTarget{line-height: 26px;}
    .interestingArticles ul li.item .sectionTarget.icon:before {line-height: 24px;margin-left: 4px;font-size:14px}
    .interestingArticles ul li:first-child.item .sectionTarget {right: 0;bottom:0;position:relative;float: right;margin-right: 10px;}
    .interestingArticles ul li:first-child.item .sectionTarget:hover {margin-right: 14px}

    .mostRead ul li.item .desc p{font-size:16px}
    .mostRead ul li.item a .num{text-align:center}
    .mostRead ul li.item a .num span{position:relative;top:0;left:0;transform:none;line-height:32px}

    .estesharatClip{padding:10px 14px}
    .estesharatClip .askDocHP {width:100%;padding: 0;border-left:none;border-bottom: 1px solid rgba(255,255,255,0.15);padding-bottom: 20px;}
    .estesharatClip .leftQues{width:100%;margin-top:30px}
    .estesharatClip article .calc.askDoc .cnts .info h3{font-size:12px}
    .estesharatClip .leftQues .userAsk h3{font-size:15px;line-height:1.6;max-height:48px}
    .estesharatClip .leftQues a{font-size:13px}
    .estesharatClip .leftQues .docInfo{margin-top:20px}
    .estesharatClip .leftQues .docInfo span{font-size:13px}
    .estesharatClip .leftQues .docInfo a{font-size:14px}
    .estesharatClip article .calc.askDoc .cnts .calcCnts .form{width: calc((100% - 10.1px) / 2);margin-left: 10px;font-size:13px;line-height:2.8}
    .estesharatClip article .calc.askDoc .cnts .calcCnts .form.dropdownList {margin-left: 0;}
    .estesharatClip article .calc.askDoc .cnts .calcCnts .form.textareaDiv{margin-top:10px;width:100%}
    .estesharatClip article .calc.askDoc .cnts .calcCnts .form textarea{height:120px}
    .estesharatClip article .calc.askDoc .cnts .calcCnts .form .email::-webkit-input-placeholder, .estesharatClip article .calc.askDoc .cnts .calcCnts .form .textarea::-webkit-input-placeholder{font-size:13px}
    .estesharatClip .btn.mob{display: inline-block;float: right;width: 100%;height: 36px;margin: 20px 0 0;background: #37c0be;font-family: TajawalMedium, Arial;font-size: 14px;color: #fff;text-align: center;line-height: 2.6;}

    .entryPoint {margin: 0 calc((100% - 300px) / 2) 40px;}
    .monsterDiv{display:inline-block;margin-bottom:40px}


    .readAlso .cnts li{width: 100%;margin-left:0;margin-bottom:16px;height:110px}
    .readAlso .cnts li:nth-child(2n) {margin-left: 0}
    .readAlso .cnts li .imageCntnr{width: 110px;height:110px;padding-bottom: 0;}
    .readAlso .cnts li img{height:100%;width:auto;left:50%;right:auto;transform:translateX(-50%)}
    .readAlso .cnts li .desc{width: calc(100% - 110px);padding:10px;padding-bottom:6px}
    .readAlso .cnts li .desc h2{font-size:16px;max-height: 100%;height:68px}
    .readAlso ul li.item .sectionTarget{right: 120px;position:absolute}
    .readAlso ul li.item .sectionTarget:hover {right: 124px;}
    .readAlso ul li.item .sectionTarget{line-height: 26px;}
    .readAlso ul li.item .sectionTarget.icon:before {line-height: 24px;margin-left: 4px;font-size:14px}

    .media ul li.item .sectionTarget {height: 24px;line-height: 26px;padding: 0 6px;font-size: 13px;}
    .media ul li.item .sectionTarget.icon:before {line-height: 24px;margin-left: 4px;font-size:14px}


    .listing{margin-bottom:40px}
    .listing ul li.item{width: 100%;margin-left:0;margin-bottom:16px;height:110px;padding-bottom:0;float:right;background:#fff}
    .listing ul li.item:nth-child(3n+1) {margin-left: 10px}
    .listing ul li.item:nth-child(2n+1) {margin-left: 0;}
    .listing ul li.item:last-child {display:inline-block;margin-bottom:0}
    .listing ul li.item .imageCntnr{width: 110px;height:110px;padding-bottom:0;float:right;display:inline-block}
    .listing ul li.item img{height:100%;width:auto;left:50%;right:auto;transform:translateX(-50%)}
    .listing ul li.item:first-child{margin-bottom:40px}
    .listing ul li.item:first-child img{height:100%;width:100%;left:0;right:0;transform:none}
    .listing ul li.item .desc{width: calc(100% - 110px);padding:10px;padding-bottom:6px;float:right;height:110px}
    .listing ul li.item .desc h2{font-size:16px;max-height: 100%;height:68px;line-height:1.4;padding-bottom:0}
    .listing ul li.item .sectionTarget{right: 10px;position:relative}
    .listing ul li.item .sectionTarget:hover {right: 16px;}
    .listing ul li.item:first-child .imageCntnr{padding-bottom: 66.6%;display: block;width: 100%;height:auto}
    .listing ul li.item:first-child .desc{width: 100%;padding: 14px 10px 10px;position: relative;top: 0;transform: none;}
    .listing ul li.item:first-child .desc .descCnts h2{font-size:20px;max-height:100%;min-height: 100%;margin-bottom:10px;height:auto;margin-top:0}
    .listing ul li.item:first-child .desc .descCnts p{font-size:14px;height:66px;margin-bottom: 10px;}
    .listing ul li:first-child.item .sectionTarget {right: 10px;bottom:0}
    .listing ul li:first-child.item .sectionTarget:hover {right: 16px}
    .listing ul li.item:first-child .time{margin-top:0}
    .listing ul li.moreBtn{margin:0}
    .listing ul li.moreBtn a{width:100%}
    .listing ul li.item .time{bottom:0}
    
    .listing ul li.item .icon-time:before{line-height:1.8}
    .listing ul li.item .time span{line-height:2.2}
    .listing ul li.item:first-child .icon-time:before{font-size:15px;line-height:1.8}
    .listing ul li.item:first-child .time span{font-size:14px;line-height:2.2}

    .breadcrumb li a:after{line-height:2.2}
    article .artclCnts{padding:10px}
    article .articleHeader h1{font-size:22px;margin-bottom:20px}
    article .imgDiv {width:100%;max-width: 100%;}
    article .imgDiv .imageCntnr{max-width: 100%;}
    .videoCntnr{max-width: 100%;}
    article .imgDiv .desc p{padding:6px 10px}
    article .details, article .details p, article .details h2{font-size:16px;line-height:2}
    .relatedArticles ul li.item{width: calc((100% - 10px) / 2)}
    .relatedArticles ul li.item a .imageCntnr{display:none}
    .relatedArticles ul li.item .desc{margin-right:30px;width:calc(100% - 30px)}
    .relatedArticles ul li.item:last-child .desc{margin-right:0;margin-left:30px}
    .relatedArticles ul li.item .desc h3{font-size:15px;}
    article .keywordsDiv .item {padding: 0 10px;height: 30px;line-height: 2.2;}

    article .details .showcaseDiv{margin:30px calc((100% - 300px) / 2)}
    article .details .showcaseDiv iframe {height: 250px!important;margin: 0!important;}
    .artclCnts .fwBillboardDiv, .artclCnts .leaderboardDiv{margin: 20px calc((100% - 320px) / 2) 40px;}

    .leaderboardCnts {min-width: 320px;}
    article .leaderboardDiv .leaderboard{background:none}

    .calcPage{padding:20px 10px 10px}
    article .calc{padding:20px 0 0 0;width:100%;}
    .calcDtls .details {padding:10px;position:relative;transform:none;width:100%}
    .showTesting .calcWzDesc, .calcWzDesc{padding: 10px 10px 20px}
    .calcDtls .calcWzDescCnts .details p{font-size:15px}
    article .calc .cnts{height:auto!important}
    article .calc .cnts .calcCnts{margin: 20px 0 0;}
    article.calcDtls .social{margin-top:2px}
    article .calc .cnts .slider{width: calc(100% - 160px);}
    article .calc .cnts .slidecontainer .value{width:80px}
    article .calc .cnts .slidecontainer .value input{width:50px}
    article .calc .cnts .btn{font-size:15px;}
    .article .paging {margin-bottom: 20px;}
    .leftReltdArtcl{margin-bottom:0}
    .leftReltdArtcl ul li.item{display:inline-block}
    .leftReltdArtcl ul, .leftReltdArtcl ol{padding-right:0!important}

    .result .calcPage {padding: 20px 10px 30px;}
    .result .calc .calcResultHeader h3{font-size:17px}
    .result .calc .calcResultHeader p{font-size:14px}
    .result .calc .calcResultHeader p span{font-size:16px}
    .result .calc .calcResultHeader h3 span{font-size:20px}
    .bmiProgressbar{width:100%}
    .bmiProgressbar span{font-size:14px;height: 24px;line-height: 1.8;}

    .calcDtls .personalResult .ttl ,.calcDtls .personalAdvice .ttl{font-size:18px;height: 46px;}
    .calcDtls .personalAdvice .details p, .calcDtls .personalAdvice .details h3{font-size:16px;line-height:2}
    .calcDtls .personalResult .personalTable .dtls .item{font-size:14px;line-height:3.2}
    .calc .cnts .calcCnts .dropdownList, .calc.pregCalc .cnts .calcCnts .dropdownList{line-height:2.8}

    .result .calcResult .btn{margin-top:0}

    .calcDtls.bmr .personalResult.caloriesList .personalTable .title .item{font-size:15px;line-height:3}

    .parentingPage.pregnancy article.mother .calcPage{padding:20px 10px 10px}
    .calc.pregCalc .cnts .calcCnts label{font-size:16px}

    
    .trimester .tabs-nav > li > a{height:70px}
    .trimester .tabs-nav > li > a .trimName{font-size:16px;line-height:1;margin-top: 5px;}
    .trimester .tabs-nav > li > a .month{font-size:13px;line-height: 1;}
    .trimester .tabs-nav > li > a .month span{line-height:1}
    .trimester .viewTabContainer{padding:20px 10px 10px}
    .trimester .trimDesc .trimTtl h3{font-size:20px;line-height:1.8}
    .trimester .trimDesc .trimTtl .month{font-size:14px}
    .trimester .trimDesc .desc{font-size:15px}
    .result .calc.pregCalc .calcResultHeader p span{font-size:18px;line-height:1}

    .calcDtls.preg .personalResult .personalTable .dtls{margin-bottom: 10px;}
    .calcDtls.preg .personalResult .personalTable .dtls .item{width:100%;height:auto;line-height:2.2;border-left:none}

    .eyeTest .testWrapper .panel{margin-bottom:0}
    .eyeTest.calcDtls .calcWzDescCnts .details p:last-child{display:none}
    .eyeTest .screenNote{margin-top:0;margin-bottom:30px;font-size:16px;display:none}
    .eyeTest .dropDownCnt{display:none}
    article .calc.eyeTestCalc .cnts .next-button{margin-top:0}

    .showTesting article .calc{padding:10px 0 0 0}
    .showTesting .eyeTest .testWrapper{padding:0 10px 10px;margin:0!important;}
    .showTesting .eyeTest .warningSide{margin-top:0;padding: 16px 26px 16px 16px;}
    .showTesting .eyeTest .warningSide li{font-size:14px}
    .eyeTest .warningSide span{font-size:16px}
    #chartImg > a{width:40px;height:40px}
    #chartImg > .a-up{margin-right:-20px}
    #chartImg > .a-right{margin-top:-20px}
    #chartImg > .a-left{margin-top:-20px}
    #chartImg > .a-down{margin-right:-20px}
    #chartImg > a.icon-arrow:before{font-size:24px}

    .showTesting .resultCnts h3{font-size:18px}
    .showTesting .resultInfo{font-size:16px;line-height:1.8}
    .showTesting .startOver{font-size:15px;line-height:2.6}

    article.fetal .calcPage .articleHeader{margin:0 10px 10px;width:calc(100% - 20px)}


    .parentHP .parentingHeader .parentingHeaderCnts{padding:30px 0}
    .parentHP .parentingHeader .parentingHeaderCnts .cntnr{width:100%;padding:0 10px}
    .parentHP .parentingHeader .parentingHeaderCnts h1{font-size:22px;margin-bottom: 20px;}
    .parentHP .parentingHeader {height: 140px;margin-bottom:80px;}
    
    .parentHP .parentingHeader .item .itemCnts{border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;height:110px}
    .parentHP .parentingHeader .item .itemImg{max-width: unset;width: auto;height: calc(100% + 20px);position:absolute;right:0}
    .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: 10px;font-size: 16px}
    .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}

    .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;}

    .estQuest .cnts li {width: 100%;margin-bottom: 16px;}
    .estQuest .cnts li .desc a{padding:10px;height:92px}
    .estQuest .cnts li .showAns{margin:20px 0 6px;font-size:16px}
    .estesharatListing ul li.item .time{margin-top:10px}

    .estesharatArtcl .userAsk h3{font-size:15px;line-height:1.8;padding:10px}
    .estesharatArtcl .details .docInfo .docImg{width:60px;height:60px}
    .estesharatArtcl .details .docInfo img{width:100px}
    .estesharatArtcl .details .docInfo .info{right:70px}
    .estesharatArtcl .details .docInfo .info a{font-size:15px}
    
    .leftCalcDiv .askDoc{padding:10px}

    .doctorProfileMain .details .docInfo .info h1{font-size:20px}

    .doctorListing ul li.listItem .docInfo .info h3{font-size:20px}

    article.doctorListing .articleHeader{padding-top:0}

    .searchResult .searchListing{padding:0 10px}
    .searchResult .search{margin: 30px 0 20px;padding-bottom: 30px;}
    .searchResult .search input{height:40px}
    .searchResult .search a{width:40px;height:40px;font-size:20px}
    .searchResult .search a.icon-search:before{line-height:2}
    .searchResult .viewTabContainer{padding:40px 0 0}
    .searchResult .tabs-nav > li{margin-left:40px}
    .searchResult .tabs-nav > li > a .catName{font-size:16px}
    .searchResult .tabs-nav > li > a .catName span{margin-right:6px}
    .searchResult .searchListing ul li.item h2{font-size:16px}
    .searchResult .searchListing ul li.item .url{width: 100%;font-size:15px}
    .searchResult .searchListing ul li.item .desc p{width: calc(100% - 80px);font-size:14px}

    .searchResult .searchListing ul li.moreBtn a{font-size:15px;line-height:2.8}

    .searchResult .search h1, .searchResult .search .tagWord{font-size:20px}

    .encyclopedia .info{font-size:15px;margin:10px 0 20px}
    .encycloHeader{padding:20px 10px 10px}
    .encycloSearch{margin-bottom:30px}
    .encycloSearch .search input {height: 36px}
    .encycloSearch .search a{width:36px;height:36px;font-size:18px}
    .encycloSearch .search a.icon-search:before{line-height:2}
    .encyclopedia .disclaimer p{font-size:13px}
    .encyclopedia .icon-warn:before{font-size:20px}

    .alphaFilter .tabs-nav > li{height:32px}
    .alphaFilter .tabs-nav > li > a{font-size:15px;height:32px}

    .alphaFilter .tabs-container ul{text-align:justify}
    .alphaFilter .tabs-container li{float:none;margin-left:1%;}
    .alphaFilter .tabs-container li a{font-size:14px;height:32px;width:32px}

    .alphaListing li{font-size:15px;margin-bottom:16px}

    .alphaListing h3{line-height:2}
    .alphaListing .more{font-size:15px;height:34px;line-height:2.6}
    .alphaListing .icon-more:before{font-size:11px;line-height:3.2}

    .encyclopediaDtls .dtls h2{font-size:20px}
    .encyclopediaDtls .dtls h3{font-size:17px;margin-top:20px}
    .encyclopediaDtls .dtls p, .encyclopediaDtls .dtls h4, .encyclopediaDtls .dtls h5{font-size:16px}
    .encyclopediaDtls .dtls h4{line-height:2}

    
    .encyclopediaDtls .dtls li{font-size:16px}


    .encyclopediaDtls .dtls .contentBlock{margin-bottom:40px}
    .encyclopediaDtls .pageContent li{font-size:15px}

    .encyclopediaDtls .pageContent{padding:16px 26px}

    .policy{padding:10px}
    .policy .item .head{font-size:16px}
    .policy .item p {font-size: 15px;line-height:2}
    .policy .item .MiniHead{font-size:15px;margin-top:20px;}
    .policy .item ul{margin-right:20px;}
    .policy .item ul li{margin-top:20px;line-height:2}
    .policy .item p strong{font-size: 13px;}

    .ContactUs{padding:10px}
    .ContactUs .item h3{font-size:15px}
    .ContactUs .contactAds .ads .item label{font-size:15px}
    .ContactUs .contactAds .ads .item a, .ContactUs .contactAds .ads .item p{font-size:15px}
    .ContactUs .contact_us h4{font-size:15px}
    .ContactUs .contact_us .C-form .iitem{margin-bottom:20px}
    .ContactUs .contact_us .C-form .iitem .C-label{width:120px}
    .ContactUs .contact_us .C-form .iitem .C-label label{font-size:15px}
    .ContactUs .contact_us .C-form .iitem input, .ContactUs .contact_us .C-form .iitem #txtSMS, .ContactUs .contact_us .C-form .iitem .wrapper-demo {width: calc(100% - 120px)}
    .ContactUs .contact_us .C-form .C_button{font-size:15px;}

    .errorPage .errDtls p{font-size:15px;margin-top:0}
    .errorPage .errDtls h2{font-size:120px;line-height: 0.8;}
    .errorPage .errDtls span{font-size:16px}
    .errorPage .errDtls .btns{margin:10px calc((100% - 404px)/ 2) 0;width:404px}
    .errorPage .errDtls .btns a{width:200px;height:50px;line-height:3}

    .media .cnts li .desc h2, .media .cnts li:first-child .desc h2{font-size:16px;line-height:1.6}

    article .details .mediaBody{width: 100%;margin: 20px 0;padding-bottom:75%;position:relative;height:auto}
    article .details .mediaBody iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}

    .repeatDiv{width:100%}

    .galleryTitle .galleryMasLogo{width:100px;height:26px}

    .demo-gallery > ul > li .showGal{font-size: 13px;line-height: 2.4;height: 30px;}
    .demo-gallery > ul > li .icon-camera:before{font-size:18px;line-height:1.8}

    .lg-toolbar .lg-icon{width:40px}
    .lg-outer #lg-share:after{font-size:18px;line-height:2.2}
    .lg-toolbar .lg-close:after{font-size:18px;line-height:2.2}
    .lg-toolbar .lg-autoplay-button:after{font-size:22px;line-height:1.8}
    #lg-counter{font-size:20px;padding-left:20px}

    .estQuest .form{line-height:2.8}
    .estQuest .cnts li .showAns.icon-more:before{line-height:1.4}
    article .calc.askDoc .cnts .calcCnts .form{line-height:2.8}

    .ContactUs .options{padding:5px 10px}
    .ContactUs .options span{line-height:2}

    .diabetes .f_container.start .hint p{font-size:16px;line-height:2;margin-top:0;margin-bottom:40px}
    .diabetes .riskCalculator .page .title{margin:40px 0 30px;line-height: 1.8;}
    .diabetes .riskCalculator .page .answer{padding:0 10px;font-size:16px;line-height:3.2;width: calc((100% - 20px) / 3);}
    .diabetes .riskCalculator .page .answer:nth-child(3n) {margin-left: 0;}
    .diabetes .riskCalculator .page .navigationbar{margin: 50px calc((100% - 280px) / 2) 0;}
    .diabetes .riskCalculator .page .navigationbar .button{line-height:2.4}

    .diabetes .riskCalculator .page.results .title{font-size:22px}
    .diabetes .riskCalculator .page.results .hint{font-size:17px;line-height:1.8;margin-top:20px}
    .diabetes .riskCalculator .page.results .hint span{font-size:20px}
    .diabetes .riskCalculator .page.results .riskRanges{margin-top:30px}
    .diabetes .riskCalculator .page.results .riskRanges .cols3 .header{padding: 16px 10px;font-size:17px;line-height:1.6}
    .diabetes .riskCalculator .page.results .riskRanges .cols3 .start.description, .diabetes .riskCalculator .page.results .riskRanges .cols3 .end.description{height:90px;font-size:16px;padding:10px}

    .diabetes .riskCalculator .page.results .navigationbar .position{display:none}

    article .calc.diabetes .cnts .btn{line-height:2.8}

    .showOvulationResult .calcWzDesc{padding:20px 0}
    .ovulation-calculator .calendar .title{font-size:24px}
    .ovulation-calculator .calendar table td:before{top:2px}
    .ovulation-calculator .ovulationDetails .item .date .dateInfo .first{top:-30px}
    .calc.ovulation .cnts .btn{line-height:2.8}

    #divMapId{height:300px!important}

    .encyclopediaDtls.activeIng .dtls .activeLevel p{margin-bottom:6px}
    .encyclopediaDtls.activeIng .dtls .activeLevel .levels{width:100%}
    .encyclopediaDtls.activeIng .dtls .activeLevel .levels .level{width:calc((100% - 0px) / 5)}
    .sectionsMenu .allItems{position:static}



    
    .billboardDiv .billboardCnts{min-width:unset}
    .leaderboardDiv .leaderboardCnts{min-width:unset}

    .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper, .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport{width:320px;height:50px!important}
     .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:320px!important}
     .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe{width:320px;height:50px;}


.leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper, .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport{display:inline-block;width:320px;height:50px!important}
.leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:320px!important}
.leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe{width:320px;height:50px}


.leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper, .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport{display:inline-block;width:320px;height:50px!important}
.leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:320px!important}
.leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe{width:320px;height:50px}


.leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper, .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport{display:inline-block;width:320px;height:50px!important}
.leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:320px!important}
.leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe{width:320px;height:50px}


.leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper, .leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper .bx-viewport{display:inline-block;width:320px;height:50px!important}
.leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:320px!important}
.leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe{width:320px;height:50px}


.leaderboardDiv .geminiLB5Ad.showLB5 .bx-wrapper, .leaderboardDiv .geminiLB5Ad.showLB5 .bx-wrapper .bx-viewport{display:inline-block;width:320px;height:50px!important}
.leaderboardDiv .geminiLB5Ad.showLB5 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:320px!important}


.leaderboardDiv .geminiLB6Ad.showLB6 .bx-wrapper, .leaderboardDiv .geminiLB6Ad.showLB6 .bx-wrapper .bx-viewport{display:inline-block;width:320px;height:50px!important}
.leaderboardDiv .geminiLB6Ad.showLB6 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:320px!important}


.leaderboardDiv .geminiLB7Ad.showLB7 .bx-wrapper, .leaderboardDiv .geminiLB7Ad.showLB7 .bx-wrapper .bx-viewport{display:inline-block;width:320px;height:50px!important}
.leaderboardDiv .geminiLB7Ad.showLB7 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:320px!important}


.leaderboardDiv .geminiLB8Ad.showLB8 .bx-wrapper, .leaderboardDiv .geminiLB8Ad.showLB8 .bx-wrapper .bx-viewport{display:inline-block;width:320px;height:50px!important}
.leaderboardDiv .geminiLB8Ad.showLB8 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:320px!important}


.leaderboardDiv .geminiLB9Ad.showLB9 .bx-wrapper, .leaderboardDiv .geminiLB9Ad.showLB9 .bx-wrapper .bx-viewport{display:inline-block;width:320px;height:50px!important}
.leaderboardDiv .geminiLB9Ad.showLB9 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:320px!important}


.leaderboardDiv .geminiLB10Ad.showLB10 .bx-wrapper, .leaderboardDiv .geminiLB10Ad.showLB10 .bx-wrapper .bx-viewport{display:inline-block;width:320px;height:50px!important}
.leaderboardDiv .geminiLB10Ad.showLB10 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:320px!important}

    
    
    .showOverlayMob .cd-main-content{z-index:3}
    body.showOverlayMob{position:fixed}
    
    .showOverlayMob .leaderboardCnts{overflow:visible;height:66px;background:#fff}
    .showOverlayMob .leaderboardDiv .leaderboard.lb1{position:absolute;left:0;width: 100%;background: none;}
    .showOverlayMob .leaderboardDiv .lb1 iframe{width: 100%;height: 100%;display: inline-block;float: right;border: 0;left: 0;margin: 0 auto;margin-left: 0;overflow: visible;position: absolute;bottom: 0;visibility: visible;z-index: 9999;}
    .hideOverlayMob .leaderboardDiv .lb1 iframe{width:320px;height:50px!important;position:relative!important;top:0;left: 0;margin: 0!important;}
    .hideOverlayMob .leaderboardDiv .leaderboard.lb1{width:320px;left:auto}
    
    .showOverlayMob .leaderboardDiv .geminiLB1Ad.showLB1 {display:none!important}
    
    
    .showOverlayMob .billboardCnts{overflow:visible;height:66px;background:#fff}
    .showOverlayMob .billboardDiv .billboard.bb1{position:absolute;left:0;width: 100%;background: none;}
    .showOverlayMob .billboardDiv .bb1 iframe{width: 100%;height: 100%;display: inline-block;float: right;border: 0;left: 0;margin: 0 auto;margin-left: 0;overflow: visible;position: absolute;bottom: 0;visibility: visible;z-index: 9999;}
    .hideOverlayMob .billboardDiv .bb1 iframe{width:320px;height:50px!important;position:relative!important;top:0;left: 0;margin: 0!important;}
    .hideOverlayMob .billboardDiv .billboard.bb1{width:320px;left:auto}
    
    .showOverlayMob .billboardDiv .geminiBB1Ad.showBB1 {display:none!important}
    
    
    .showOTP{overflow:hidden!important}
    .hideOTP{overflow-x: hidden !important;overflow-y: scroll !important;}
    
    .showOTP .billboardDiv{overflow:visible;height:66px}
    .showOTP .billboardDiv .billboard{position:absolute;left:0;width: 100%;background: none;}
    .showOTP .billboardDiv .bb1 iframe{width: 100%;height:100%;display: inline-block;float: right;border: 0;left: 0;margin: 0 auto;overflow: visible;position: fixed;top: 0;visibility: visible;z-index: 9999}
    .showOTP .billboardDiv .billboardCnts{min-width:320px}
    .hideOTP .billboardDiv .bb1 iframe{width: 320px!important;height: 50px!important;left: auto!important;position: relative!important;}
    .hideOTP .billboardDiv .billboard{width:320px;left:auto}
    
    .showOTP .leaderboardDiv{overflow:visible;height:66px}
    .showOTP .leaderboardDiv .leaderboard{position:absolute;left:0;width: 100%;background: none;}
    .showOTP .leaderboardDiv .lb1 iframe{width: 100%;height:100%;display: inline-block;float: right;border: 0;left: 0;margin: 0 auto;overflow: visible;position: fixed;top: 0;visibility: visible;z-index: 9999}
    .showOTP .leaderboardDiv .leaderboardCnts{min-width:320px}
    .hideOTP .leaderboardDiv .lb1 iframe{width: 320px!important;height: 50px!important;left: auto!important;position: relative!important;}
    .hideOTP article .details .leaderboardDiv iframe{height: 250px!important;width: 300px!important}
    .hideOTP .leaderboardDiv .leaderboard{width:320px;left:auto}
    
    .showOTP .showcaseDiv .showcase{position:relative}
    .showOTP .showcaseDiv .sc1 iframe{position:relative;height:250px;z-index:9;top:0;left:0;margin:0!important}
    .showOTP article .details .leaderboardDiv iframe{position:relative}
    
    
    .showOTP .billboardDiv .geminiBB1Ad.showBB1, .showOTP .billboardDiv .geminiBB2Ad.showBB2, .showOTP .billboardDiv .geminiBB3Ad.showBB3,
    .showOTP .billboardDiv .geminiBB4Ad.showBB4, .showOTP .billboardDiv .geminiBB5Ad.showBB5, .showOTP .billboardDiv .geminiBB6Ad.showBB6{display:none!important}
    .showOTP .leaderboardDiv .geminiLB1Ad.showLB1, .showOTP .leaderboardDiv .geminiLB2Ad.showLB2, .showOTP .leaderboardDiv .geminiLB3Ad.showLB3,
    .showOTP .leaderboardDiv .geminiLB4Ad.showLB4, .showOTP .leaderboardDiv .geminiLB5Ad.showLB5, .showOTP .leaderboardDiv .geminiLB6Ad.showLB6{display:none!important}
    .showOTP .showcaseDiv .geminiSC1Ad.showSC1, .showOTP .showcaseDiv .geminiSC2Ad.showSC2, .showOTP .showcaseDiv .geminiSC3Ad.showSC3,
    .showOTP .showcaseDiv .geminiSC4Ad.showSC4, .showOTP .showcaseDiv .geminiSC5Ad.showSC5, .showOTP .showcaseDiv .geminiSC6Ad.showSC6{display:none!important}
    
    .hideOTP .billboardDiv .geminiBB1Ad.showBB1, .hideOTP .billboardDiv .geminiBB2Ad.showBB2, .hideOTP .billboardDiv .geminiBB3Ad.showBB3,
    .hideOTP .billboardDiv .geminiBB4Ad.showBB4, .hideOTP .billboardDiv .geminiBB5Ad.showBB5, .hideOTP .billboardDiv .geminiBB6Ad.showBB6{display:flex!important}
    .hideOTP .leaderboardDiv .geminiLB1Ad.showLB1, .hideOTP .leaderboardDiv .geminiLB2Ad.showLB2, .hideOTP .leaderboardDiv .geminiLB3Ad.showLB3,
    .hideOTP .leaderboardDiv .geminiLB4Ad.showLB4, .hideOTP .leaderboardDiv .geminiLB5Ad.showLB5, .hideOTP .leaderboardDiv .geminiLB6Ad.showLB6{display:flex!important}
    .hideOTP .showcaseDiv .geminiSC1Ad.showSC1, .hideOTP .showcaseDiv .geminiSC2Ad.showSC2, .hideOTP .showcaseDiv .geminiSC3Ad.showSC3,
    .hideOTP .showcaseDiv .geminiSC4Ad.showSC4, .hideOTP .showcaseDiv .geminiSC5Ad.showSC5, .hideOTP .showcaseDiv .geminiSC6Ad.showSC6{display:flex!important}
    
    
    
    
    /** Mobile **/
    
    .showOTP .cd-main-content {position: relative;z-index: 4;}
    .hideOTP .cd-main-content {z-index:2;}
    .showHeader.showSecondOverlay .cd-main-content {position: relative;z-index:4}
    .showOTP .justPremiumDiv {display: none !important}
    .hideOTP .justPremiumDiv {display: block !important}
    .showOTP .sponsorDiv {display: none !important}
    .hideOTP .sponsorDiv {display: block !important}
    .showOTP .morphSearchDiv {display: none}
    .hideOTP .morphSearchDiv {display: block !important}
    .showOTP .sticky {display: none}
    .hideOTP .sticky {display: block !important}
    .showOTP .spnsrSticky {display: none}
    .hideOTP .spnsrSticky {display: block !important}
    .showOTP .lstNwsNtfy {display: none !important}
    .hideOTP .lstNwsNtfy {display: block !important}
    .showOTP .prayerNotification {display: none !important}
    .hideOTP .prayerNotification {display: block !important}
    .showOTP .stickySeries {display: none !important}
    .hideOTP .stickySeries {display: block !important}
    .showOTP .articleSocialMedia {display: none !important}
    .hideOTP .articleSocialMedia {display: block !important}
    .showOTP .sponsorDuplicate {display: none !important}
    .hideOTP .sponsorDuplicate {display: block !important}
    .showHeader.showSecondOverlay .sponsorDuplicate{display: none !important}
    .showHeader.showSecondOverlay.hideOTP .sponsorDuplicate{display: block !important}
    
    
    
    /** Expandable Leaderboard **/
    .ExpandLB .leaderboardDiv{overflow: visible;width: 320px;margin: 0 calc((100% - 320px) / 2) 20px;height: 66px;background: 0 0;transition:all 0.8s ease-in-out 0s;-webkit-transition:all 0.8s ease-in-out 0s;-moz-transition:all 0.8s ease-in-out 0s;-ms-transition:all 0.8s ease-in-out 0s;-o-transition:all 0.8s ease-in-out 0s;}
    .ExpandLB.showExpand .leaderboardDiv{height:336px}
    .ExpandLB .leaderboardDiv .leaderboardCnts{min-width:100%}
    .ExpandLB .leaderboardDiv .leaderboard.lb1{position:relative;left:0;width: 100%;background: none;height:50px;z-index:99;transition:all 0.8s ease-in-out 0s;-webkit-transition:all 0.8s ease-in-out 0s;-moz-transition:all 0.8s ease-in-out 0s;-ms-transition:all 0.8s ease-in-out 0s;-o-transition:all 0.8s ease-in-out 0s;}
    .ExpandLB.showExpand .leaderboardDiv .leaderboard.lb1{height:320px}
    .ExpandLB .leaderboardDiv .leaderboard.lb1 iframe{width: 320px;height:50px;display: inline-block;float: right;border: 0;left: 0px;margin: 0 auto;overflow: visible;position: absolute;top: 0;visibility: visible;z-index: 9999;transition:all 0.8s ease-in-out 0s;-webkit-transition:all 0.8s ease-in-out 0s;-moz-transition:all 0.8s ease-in-out 0s;-ms-transition:all 0.8s ease-in-out 0s;-o-transition:all 0.8s ease-in-out 0s;}
    .ExpandLB.showExpand .leaderboardDiv .leaderboard.lb1 iframe{width:320px;height:320px;z-index:99999}
    .ExpandLB .leaderboardDiv .geminiLB1Ad.showLB1 {display:none!important}
    
    /** Expandable Billboard **/
    .ExpandLB .billboardDiv{overflow: visible;width: 320px;margin: 0 calc((100% - 320px) / 2) 20px;height: 66px;background: 0 0;transition:all 0.8s ease-in-out 0s;-webkit-transition:all 0.8s ease-in-out 0s;-moz-transition:all 0.8s ease-in-out 0s;-ms-transition:all 0.8s ease-in-out 0s;-o-transition:all 0.8s ease-in-out 0s;}
    .ExpandLB.showExpand .billboardDiv{height:336px}
    .ExpandLB .billboardDiv .billboardCnts{min-width:100%}
    .ExpandLB .billboardDiv .billboard.bb1{position:relative;left:0;width: 100%;background: none;height:50px;z-index:99;transition:all 0.8s ease-in-out 0s;-webkit-transition:all 0.8s ease-in-out 0s;-moz-transition:all 0.8s ease-in-out 0s;-ms-transition:all 0.8s ease-in-out 0s;-o-transition:all 0.8s ease-in-out 0s;}
    .ExpandLB.showExpand .billboardDiv .billboard.bb1{height:320px}
    .ExpandLB .billboardDiv .billboard.bb1 iframe{width: 320px;height:50px;display: inline-block;float: right;border: 0;left: 0px;margin: 0 auto;overflow: visible;position: absolute;top: 0;visibility: visible;z-index: 9999;transition:all 0.8s ease-in-out 0s;-webkit-transition:all 0.8s ease-in-out 0s;-moz-transition:all 0.8s ease-in-out 0s;-ms-transition:all 0.8s ease-in-out 0s;-o-transition:all 0.8s ease-in-out 0s;}
    .ExpandLB.showExpand .billboardDiv .billboard.bb1 iframe{width:320px;height:320px;z-index:99999}
    .ExpandLB .billboardDiv .geminiBB1Ad.showBB1 {display:none!important}




    .notification .notiCnts{width: calc(100% - 20px);padding: 24px 15px;margin: 120px 10px;}


}



@media screen and (max-width:767px) and (orientation:landscape) {
    
   .medicalServices ul li {width: calc((100% - 30.1px) / 4);margin-left: 10px;margin-bottom: 10px;}
   .medicalServices ul li:nth-child(2n){margin-left:10px;}
    .medicalServices ul li:nth-child(3n){margin-left:10px;}
    .medicalServices ul li:nth-child(4n){margin-left:0}
    .medicalServices ul li:nth-last-child(-n+3){margin-bottom:10px}
    .medicalServices ul li:nth-last-child(-n+2){margin-bottom:10px}
    .medicalServices ul li:nth-last-child(-n+4){margin-bottom:0}

    aside .medicalServices ul li{width: calc((100% - 20.1px) / 3);}
    aside .medicalServices ul li:nth-child(2n){margin-left:10px;}
    aside .medicalServices ul li:nth-child(3n){margin-left:0;}
    aside .medicalServices ul li:nth-last-child(-n+3){margin-bottom:0}
    aside .medicalServices ul li:nth-last-child(-n+2){margin-bottom:0}

    .matbakh .latestNews ul li.item {width: calc((100% - 10.1px) / 2);margin-left: 10px;margin-bottom: 10px;}
    
    .matbakh .latestNews ul li.item:nth-child(3n) {margin-left: 10px;}
    .matbakh .latestNews ul li.item:nth-child(5n) {margin-left: 10px;}
    .matbakh .latestNews ul li.item:nth-child(2n) {margin-left: 0;}
    .matbakh .latestNews ul li.item:nth-last-child(-n+2){display:inline-block}

    .media .cnts li{margin-left: 16px;margin-bottom:16px;width:calc((100% - 16.1px) / 2)}
    .media .cnts li:nth-child(2n+1){margin-left: 0;}
    .media .cnts li:first-child {width: 100%;margin-left:0;margin-bottom:16px}
    .media .cnts li .desc, .media .cnts li:first-child .desc{padding:10px;height:74px}
    .media .cnts li .desc h2, .media .cnts li:first-child .desc h2{height:48px;max-height:48px;bottom:0;padding:0}



    .trimester .trimCntnr li{margin-left: calc((100% - 300px) / 4);}
    .trimester .trimCntnr li:nth-child(11) {margin-left: calc((100% - 300px) / 4);}
    .trimester .trimCntnr li:nth-child(7n) {margin-left: calc((100% - 300px) / 4);}
    .trimester .trimCntnr li:nth-child(5n) {margin-left: 0;}
    .trimester .trimCntnr li a span{font-size:22px}

    .showTesting #chartImg {padding: 60px 70px;}

    .parentHP .parentingHeader .item {width: calc((100% - 30px) / 4);margin-left: 10px;}

    .doctorListing ul li.listItem {margin-left: 16px;width: calc((100% - 16.1px) / 2);margin-bottom: 16px;padding: 20px 10px;}
    .doctorListing ul li.listItem:nth-child(4n){margin-left:16px}
    .doctorListing ul li.listItem:nth-child(3n) {margin-left: 16px;}
    .doctorListing ul li.listItem:nth-child(2n){margin-left:0}

    .errorPage .errDtls{padding:20px 0}
    .errorPage .errDtls .doctorsImg{width:100px;text-align:center;margin-left: 0;margin-bottom:0}
    .errorPage .errDtls .doctorsImg img {width: 100%}
    .errorPage .errDtls .errorMsg{width:404px}

    .showOvulationResult .calcDtls .ovulationDetails{padding:0;margin-bottom:40px}
    article .calc .cnts .calcCnts .ovulationDetails .item{width: calc((100% - 92.1px) / 6);margin-left:18px;height:126px}
    article .calc .cnts .calcCnts .ovulationDetails .item:after{left:-9px;}
    .ovulation-calculator .ovulationDetails .item .desc p{font-size:13px}

    .article .totalQues{width:calc(100% - 20px);margin-right:10px}
    .article .totalQues h6{font-size:18px}
    .article .totalQues .quesDiv{width:100%;}
    .article .totalQues .question h3{font-size:13px;line-height:3}
    .article .totalQues .answer{width:calc((100% - 10px) /2);margin-left:10px}
    .article .totalQues .question img{padding:0}

    .article .result .resContainer h5{font-size: 16px!important;margin-bottom: 10px}
    .article .result .resContainer h5 span{font-size: 16px!important}
    .article .result .resContainer span.share{font-size: 15px}
    .article .result .resContainer .shareRes a{height: 35px;line-height: 2.2;font-size: 15px!important}
    
}




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

    .featuredArea ul{column-count: unset;column-gap: unset;-moz-column-count:unset;-moz-column-gap: unset;-webkit-column-count: unset;-webkit-column-gap: unset;-o-column-count: unset;-o-column-gap: unset;-ms-column-count: unset;-ms-column-gap: unset;display:inline-block;float:right;width:100%}
    .featuredArea ul li.item {margin-bottom: 8px;}
    .featuredArea ul li.item .imageCntnr {padding-bottom: 66.6%!important;}
    .featuredArea ul li.item .mainLink img{width:100%;height:100%}
    .featuredArea .featuredScroll{white-space: nowrap;overflow-x: auto;overflow-y: hidden;z-index: 0;-webkit-overflow-scrolling: touch;-webkit-transform: translateZ(0);transform: translateZ(0);}
    .featuredArea .featuredScroll li.item{float:none;width:72%;margin: 0 0 0 4px;}
    .featuredArea ul li.item .desc .descCnts h2 {white-space: normal;}
    
    
    .latestNews ul li.item{width: 100%;margin-left:0;margin-bottom:16px}
    .latestNews ul li.item:nth-child(4n) {margin-left: 0}
    .latestNews ul li.item:nth-child(2n) {margin-left: 0}
    .latestNews ul li.item:last-child {display:inline-block;margin-bottom:0}
    .latestNews ul li.item .desc{height:auto;padding:10px}
    .latestNews ul li.item .desc h3{max-height: 76px;min-height:100%}

    .estesharatClip article .calc .cnts .btn{width:100%;margin:20px 0 0;font-size:14px}


    .media .cnts li{margin-left: 0;margin-bottom:16px!important;width:100%}
    .media .cnts li:nth-child(2n+1){margin-left: 0;}
    .media .cnts li:first-child {width: 100%;margin-left:0;margin-bottom:16px}
    .media .cnts li:last-child{margin-bottom:0}
    .media .cnts li .desc, .media .cnts li:first-child .desc{padding:10px;height:auto}
    .media .cnts li .desc h2, .media .cnts li:first-child .desc h2{height:auto;max-height:100%;bottom:0;padding:0}


    .matbakh .latestNews ul li.item {width: 100%;margin-left: 0;margin-bottom: 16px;}
    .matbakh .latestNews ul li.item:nth-child(3n) {margin-left: 0}
    .matbakh .latestNews ul li.item:nth-child(5n) {margin-left: 0}
    .matbakh .latestNews ul li.item:nth-child(2n) {margin-left: 0;}
    .matbakh .latestNews ul li.item:nth-last-child(-n+2){display:inline-block}
    .matbakh .latestNews ul li.item:last-child{margin-bottom:0}

    .readAlso .cnts li:last-child{margin-bottom:0}

    article .keywordsDiv{width:100%;margin-left:0;margin-bottom:20px}
    .relatedArticles ul li.item{width: 100%;margin-bottom:10px;height:100px}
    .relatedArticles ul li.item:last-child{margin-bottom:0}
    .relatedArticles ul li.item a .num{height:100px}
    .relatedArticles ul li.item .desc h3{height:48px}

    .fwBillboardDiv, .leaderboardDiv {margin: 0 calc((100% - 320px) / 2) 40px;width: 320px}
    .listing .fwBillboardDiv, .listing .leaderboardDiv {margin: 24px calc((100% - 320px) / 2) 40px;width: 320px}

    .articlePage .content-wrap{padding:10px 0}
    .articlePage .breadcrumb{padding:0 10px}
    .articlePage .relatedArticles{padding:0 10px}
    .articlePage .speakol{padding:0 10px}
    .articlePage .latestNews{padding:0 10px;position:relative;z-index:1}
    .articlePage aside{padding:0 10px}
    .articlePage .readAlso{padding:0 10px}
    .articlePage .medicalServices{padding:0 10px}
    .articlePage aside .medicalServices{padding:0}
    .articlePage .trimester{padding:0 10px}
    .articlePage .estQuest{padding:0 10px}

    article .articleHeader h1 {margin-bottom:10px;margin-top: 6px;}
    article .articleHeader .icon-time:before {margin-left: 6px;font-size: 16px;line-height: 1.2;}
    article .articleHeader .time span {margin-left: 20px;line-height: 1.6;font-size:13px}
    article .articleHeader .time span:after {left: -10px;top: 3px;height: 14px;}

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


    article .details iframe, article .details img {margin: 20px 0;height: auto;width:100%}

    
    
    .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)}

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


    article.calcDtls .articleHeader h1{width:100%;margin-left:0;margin-bottom:10px}
    article .calc .cnts .btn{font-size:15px;margin:10px 0 0;width:100%;line-height:1.4}
    .result .calcResult .btn{width:100%;margin:10px 0 0 0;font-size:15px;line-height:2.6}
    .result .calc .calcResultHeader{margin-bottom:40px}
    .bmiProgressbar{margin: 30px 0 60px;}

    .bmiProgressbar .bmiPart p {padding-top: 16px;font-size: 11px!important;margin-bottom: 0!important;width: 34px;margin: 0 auto;line-height: 1.4;}
    

    
    .trimester .trimCntnr li{margin-left: calc((100% - 240px) / 3);}
    .trimester .trimCntnr li:nth-child(11) {margin-left: calc((100% - 240px) / 3);}
    .trimester .trimCntnr li:nth-child(7n) {margin-left: calc((100% - 240px) / 3);}
    .trimester .trimCntnr li:nth-child(4n) {margin-left: 0;}
    .trimester .trimCntnr li a span{font-size:22px}

    .showTesting #chartImg {padding: 60px 70px;}

    .showTesting .startOver{margin:20px 0;width:100%;line-height:2.6}

    .parentHP .parentingHeader {height: 260px;}

    .parentHP .parentingHeader .item {width: calc((100% - 10px) / 2);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}

    .estQuest .cnts li {width: 100%;margin-left: 0;margin-bottom: 16px;}
    .estQuest .cnts li:nth-child(3n) {margin-left: 0}
    .estQuest .cnts li:nth-child(2n) {margin-left: 0;}
    .estQuest .cnts li .desc a{height:auto}

    .estQuest ul li.moreBtn{margin-top:10px;padding:0}
    .questulListing ul li.moreBtn a{width:100%;padding:0}

    .leftCalcDiv .askDoc .cnts .calcCnts .form{width: 100%;margin-left: 0}
    .leftCalcDiv .askDoc .cnts .calcCnts .form.dropdownList{width: 100%}

    .leftCalcDiv .leftCalc .cnts .btn{margin:10px 0;width:100%}

    .doctorListing ul li.listItem {margin-left: 0;width: 100%;margin-bottom: 16px;padding: 20px 10px;}
    .doctorListing ul li.listItem:nth-child(4n){margin-left:0}
    .doctorListing ul li.listItem:nth-child(2n){margin-left:0}
    .doctorListing ul li.listItem .doctorsInfo{height:auto}

    .searchResult .tabs-nav > li{margin-left: 0;width: calc(100% / 3);text-align: center;}
    .searchResult .tabs-nav > li > a{max-width:92px;float:none;margin:0 auto}
    .searchResult .tabs-nav > li > a .catName{font-size:14px;text-align:center}
    .searchResult .tabs-nav > li > a .catName span{margin-right:6px}

    .searchResult .searchListing ul li.item .imageCntnr{margin-left:10px;padding-bottom: calc((80px * 78)/ 100);}
    .searchResult .searchListing ul li.item .imageCntnr img{width:auto;height:100%;right:auto;left:50%;transform:translateX(-50%)}
    .searchResult .searchListing ul li.item .desc p{float: none;display:block;padding:0;width:100%}

    .searchResult .searchListing ul li.moreBtn a{width:100%;padding:0}

    .alphaListing ul:after{display:none}
    .alphaListing li {width:100%}

    .encyclopediaDtls .pageContent li{width:100%;margin-left:0;margin-bottom:16px}
    .encyclopediaDtls .pageContent li:nth-child(5), .encyclopediaDtls .pageContent li:nth-child(6) {margin-bottom: 16px;}
    .encyclopediaDtls .pageContent li:last-child{margin-bottom:0}

    .encyclopediaDtls .articleHeader h1 span{font-size:20px}

    .ContactUs .contact_us .C-form .iitem .C-label{width:100%}
    .ContactUs .contact_us .C-form .iitem input, .ContactUs .contact_us .C-form .iitem #txtSMS, .ContactUs .contact_us .C-form .iitem .wrapper-demo {width: 100%}
    .ContactUs .contact_us .C-form .C_button{width:100%}

    .errorPage .errDtls .doctorsImg{width:100%;text-align:center;margin-left: 0;margin-bottom: 10px;}
    .errorPage .errDtls .doctorsImg img{width:70px}
    .errorPage .errDtls .errorMsg{width:100%}
    .errorPage .errDtls .btns{margin:20px 0 0;width:100%}
    .errorPage .errDtls .btns a{width:100%;margin-bottom:10px}

    .paging ul:nth-child(2){display:none}

    article .calc.askDoc .cnts .calcCnts .form{width:100%;margin-left:0;margin-bottom:10px}
    article .calc.askDoc .cnts .calcCnts .form.textareaDiv{margin-top:0}

    .encyclopediaDtls .dtls ul {column-gap:0;column-rule:none;columns: 1}

    /*.sectionsMenu .menuCnts .item ul li{width:100%}*/

    .showTesting .diabetes .top .progress{display:none}
    .diabetes .riskCalculator .page .title{margin:30px 0;text-align:center}
    .diabetes .riskCalculator .page .answer, .diabetes .riskCalculator .page[data-id='start'] .answer{width:100%;margin:10px 0 0}
    .navigationbar .position{display:inline-block;float:right;width: calc(100% - 212px);font-family:TajawalMedium, Arial;color:#fff;font-size: 18px;line-height:2.4;text-align:center;direction:rtl}
    .diabetes .riskCalculator .page .navigationbar {margin: 70px 0 0;width:100%}

    .diabetes .riskCalculator .page.results .riskRanges .cols3 .start.description, .diabetes .riskCalculator .page.results .riskRanges .cols3 .end.description{height:auto}
    .diabetes .riskCalculator .page.results .navigationbar .button.back {padding: 0 20px 0 0;margin-bottom:10px;width:100%;text-align:center}
    .diabetes .riskCalculator .page.results .navigationbar .button .icon-prev {text-align: center;position: absolute;left: 50%;margin-left: 20px;}
    .diabetes .riskCalculator .page.results .navigationbar .button .icon-prev:before{margin-left:0}

    .showOvulationResult .calcDtls .ovulationDetails{padding:0;margin-bottom:30px}
    article .calc .cnts .calcCnts .ovulationDetails .item{width: calc((100% - 60.1px) / 3);margin-left:30px;height:116px;margin-bottom:16px}
    article .calc .cnts .calcCnts .ovulationDetails .item:nth-child(5),article .calc .cnts .calcCnts .ovulationDetails .item:last-child{margin-left:0}
    article .calc .cnts .calcCnts .ovulationDetails .item:nth-child(5):after{display:none}
    article .calc .cnts .calcCnts .ovulationDetails .item:after{left:-15px;}
    .ovulation-calculator .ovulationDetails .item .desc p{font-size:14px}

    .ovulation-calculator .calendar table{border-spacing:10px}
    .ovulation-calculator .calendar .title:after{right:10px;left:10px}
    .ovulation-calculator .calendar .title button{width:30px}
    .ovulation-calculator .calendar table th{font-size:10px}
    .ovulation-calculator .calendar table td:after{width:34px!important;height:34px!important;bottom:4px!important}

     .QEntryPoint{width:100%;margin:0;padding:10px}
    .QEntryPoint .QDetails{width:100%}
    .QEntryPoint .ElconsoltoIcon{position:relative!important;top:auto;right:auto;margin:15px calc((100% - 72px) /2)!important}
    .QEntryPoint .ElconsoltoIcon img{float:right;margin:0 0 0 8px!important;width:16px}
     article .details .QEntryPoint .ElconsoltoIcon span{float: right;font-size: 16px!important;line-height:1.2!important;display:inline-block!important;}
     article .details .QEntryPoint h5 span{display:none!important}
     .QEntryPoint .ElconsoltoIcon span{display:inline-block!important;line-height:1.3!important}
    .QEntryPoint h5{text-align:center;font-size:14px!important}
    .QEntryPoint .Qimg{display:none}
    .QEntryPoint .Begin{width:100%;font-size:15px!important;line-height:2.5;margin:20px 0 15px 0!important}

     .quizListing .listing{width:100%;margin-left:0;padding:0}
     .quizListing .cd-gallery li{width:100%;margin-left:0;background-color:#fff;padding:12px}
     .quizListing .cd-gallery li a .imageCntnr {width: 120px;padding-bottom: calc((120px * 66.6) / 100);margin-left: 0;float: right;}
    .quizListing .cd-gallery li .desc {width: calc(100% - 120px);overflow: hidden;cursor: pointer;display: inline-block;float: right;}
    .quizListing .cd-gallery li .desc p{height:80px;font-size:15px;text-align:right;padding:0 10px 0 0}


    .article .totalQues{width:100%;margin:0}
    .article .totalQues .answer label{font-size:15px;line-height:1.6;}
    .article .totalQues .answer.multi.correct:before, 
    .article .totalQues .answer.imgAns.correct:before,
    .article .totalQues .answer.multi.wrong:before, 
    .article .totalQues .answer.imgAns.wrong:before{top:0;right:5px;font-size:10px}
    .article .totalQues .question img{padding:0}

    .article .totalQues h6{font-size:18px}
    .article .totalQues .quesDiv{width:100%;padding:25px 10px}
    .article .totalQues .question h3{font-size:13px;line-height:3}
    .article .totalQues .answer{width:calc((100% - 10px) /2);margin-left:10px;height:70px}
    .article .totalQues .question h4.pQues{font-size:16px}

    .article .result{padding: 0}
    .article .result .resContainer{width: 100%;margin: 0;padding: 15px 15px 10px 15px;}
    .article .result .resContainer h5{font-size: 16px!important;margin-bottom: 10px}
    .article .result .resContainer h5 span{font-size: 16px!important}
    .article .result .resContainer span.share{font-size: 15px}
    .article .result .resContainer .shareRes{width: 100%;margin: 0}
    .article .result .resContainer .shareRes a{width: calc((100% - 20px) /2);height: 35px;line-height: 2.2;font-size: 15px!important}

}