ul li {
     margin: 0;
     padding: 0;
 }

/*footer*/
ul#menu-td-demo-footer-menu a:hover {
    color: #ef3b74;
}
/*end*/

 .title {
     overflow: hidden;
     position: relative;
 }

 .qa-container h1 {
     text-transform: capitalize;
     display: inline-block;
 }

 .breadcrumb {
     padding: 0;
     margin-bottom: 9px;
     list-style: none;
     background-color: #fff;
     border-radius: 0
 }

 .export_share_container {
     width: 10%;
     position: absolute;
     left: 560px;
 }

 .export_share_container .icon {
     width: 50%;
     text-align: right;
     cursor: pointer;
 }

 .share-overlay {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background: transparent;
     text-align: center;
     z-index: 9999;
 }

 .shareBy {
     display: none;
     position: absolute;
     right: 30px;
     padding: 10px;
     text-align: center;
     width: 200px;
     top: -75px;
     border-radius: 3px;
     background: #fff;
     z-index: 100;
     box-shadow: 1px 2px 4px 1px #e0e0e0;
 }

 .shareBy span {
     display: block;
     line-height: 40px;
     cursor: pointer;
 }

 .shareBy span:first-child {
     border-bottom: 1px solid #e0e0e0;
 }

 .sharing-options {
     display: none;
     position: absolute;
     top: -53px;
     right: 25px;
     filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.2));
     width: auto;
     z-index: 10000;
 }

 .sharing_icons {
     -webkit-clip-path: polygon(0 0, 95% 0, 95% 32%, 100% 50%, 95% 68%, 95% 100%, 0 100%);
     clip-path: polygon(0 0, 95% 0, 95% 32%, 100% 50%, 95% 68%, 95% 100%, 0 100%);
     background: #fff;
     width: 128px;
     height: 40px;
 }

 .sharing-options ul {
     width: 100%;
     margin: 0;
 }

 .sharing-options ul li {
     overflow: hidden;
     margin: 5px;
     cursor: pointer;
 }

 .social-share {
     height: 30px;
     width: 30px;
     display: block;
 }

 .whatsapp-share {
     display: none;
 }

 .current_date {
     margin-right: 26px;
     line-height: 30px
 }

 .user_info {
     line-height: 31px;
     clear: both;
     display: inline-block
 }

 .desktop-ads-block {
     display: block;
     margin: 0 auto
 }

 .msite-ads-block {
     display: none
 }

 .alertMsg-overlay {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background: #000;
     text-align: center;
     background: rgba(0, 0, 0, .75);
     z-index: 9999
 }

 .alert-popup {
     width: 200px;
     text-align: center;
     position: static;
     padding: 10px;
     background-color: #fff;
     border-radius: 3px;
     margin: 15% auto 0;
 }

 .loader-overlay-trans {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background: #000;
     background: rgba(0, 0, 0, 0);
     z-index: 9999
 }

 .loader-overlay {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background: #000;
     background: rgba(0, 0, 0, .75);
     z-index: 99999
 }

 .loader-img {
     position: absolute;
     top: 40% !important;
     left: 47% !important
 }

 .half_opacity {
     opacity: .6
 }

 .isActive {
     color: #f56996 !important
 }

 .face_banner {
     position: relative;
     background-color: #fff
 }

 .face_container {
     background-color: #eee;
     margin: 10px 10px 10px 0;
     border-radius: 3px
 }

 .face_container.upload_faces {
     background-color: #fff;
     padding: 15px 0
 }

 .face_list {
     background-color: #fff;
     padding: 0 0 15px
 }

 .upload_href {
     display: block
 }

 .frame_face {
     display: inline-block;
     width: 31.4%;
     margin: 15px 15px 0 0;
     position: relative;
     text-align: center
 }

 .frame_face:nth-child(3n) {
     margin: 15px 0 0 0
 }

 .frame_face img {
     border-radius: 5px;
     width: 100%
 }

 .face_day_container {
     position: absolute;
     bottom: 24px;
     right: 21px
 }

 .face_day_container_uf {
     position: absolute;
     bottom: 51px;
     right: 153px
 }

 .face_date_container {
     position: absolute;
     bottom: 9px;
     left: 20px
 }

 .face_date_container_uf {
     position: absolute;
     bottom: 20px;
     left: 43px
 }

 .add_photo {
     position: absolute;
     top: 38%;
     left: 34%;
     text-align: center
 }

 .add_photo .icon {
     display: block
 }

 .face_dropdown_container {
     background-color: #fff;
     padding: 10px 0 10px 0
 }

 .face_month_dropdown,
 .face_year_dropdown {
     padding: 15px 0 5px 0;
     width: 49.5%;
     display: inline-block;
     position: relative
 }

 .face_month_dropdown {
     padding: 15px 0 5px 15px
 }

 .face_month,
 .face_year {
     width: 100%;
     padding: 5px 10px;
     border: none;
     border-radius: 0;
     border: 1px solid #e0e0e0;
     line-height: 20px;
     height: 34px;
     background: #fff;
     -webkit-appearance: none;
     -moz-appearance: none;
     background-position: 97.5%
 }

 .face_month option {
     line-height: 50px
 }

 .face_container .arrow-icon {
     position: absolute;
     right: 10px;
     top: 25px;
     color: #9e9e9e;
     cursor: pointer;
     font-size: 15px;
     pointer-events: none
 }

 .slideshow_title {
     padding: 20px;
     background: #f5f5f5;
     border: 1px solid #eee;
     text-align: center;
     cursor: pointer
 }

 .slideshow_title.slideshow_page {
     cursor: default;
     border: 0;
     background-color: transparent
 }

 .video-container {
     margin: 0 10px 0 0;
     min-height: 800px;
     position: relative;
 }

 #childDropdown {
     position: relative;
     margin-top: 10px
 }

 .drop-down {
     width: 98.5%;
     height: 55px;
     line-height: 55px;
     padding-left: 20px;
     border: 1px solid #e0e0e0;
     border-radius: 3px
 }

 .drop-down .diet-title {
     line-height: 50px;
     padding-left: 20px
 }

 .diet-title {
     width: 83%;
     display: inline-block
 }

 .dropbtn {
     display: inline-block;
     width: 10%;
     margin-top: 17px;
     text-align: center;
     cursor: pointer;
     font-size: 20px
 }

 .dropdown {
     display: block;
     width: 100%;
     clear: both
 }

 .dropdown-content {
     display: none;
     position: absolute;
     background-color: #fff;
     width: 98.5%;
     border: 1px solid #eee;
     top: 0px;
     z-index: 31;
     max-height: 302px;
     overflow-y: auto;
     border-bottom-left-radius: 3px;
     border-bottom-right-radius: 3px;
     box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .1)
 }

 .show {
     display: block
 }

 .children {
     height: 60px;
     line-height: 60px;
     width: 100%;
     padding: 0 3%;
     border-top: 1px solid #eee;
     cursor: pointer
 }

 .children:first-child {
     border-top: none
 }

 .childPic {
     width: 40px;
     border-radius: 50%;
     height: 40px;
     display: inline-block;
     vertical-align: middle
 }

 .childPic img {
     width: 100%;
     height: 100%;
     border-radius: 100%;
     display: block
 }

 .child_name {
     display: inline-block;
     vertical-align: sub;
     margin-left: 22px
 }

 .current_child {
     color: #99cb64;
     display: inline-block;
     font-size: 33px
 }

 .current_child:before {
     vertical-align: middle
 }

 .date_err {
     color: red;
     line-height: 18px;
     clear: both;
     padding: 0;
     display: none;
     font-size: 11px
 }

 .file_upload_err {
     color: red;
     line-height: 18px;
     visibility: hidden;
     clear: both;
     margin: 10px 15px 0;
     display: none
 }

 .photo_frame .add_photo_lbl {
     position: absolute;
     top: 40%;
     left: 36%;
     text-align: center
 }

 .photo_frame .add_photo_uf .icon {
     display: block;
     font-size: 40px;
     height: 40px
 }

 .photo_frame {
     text-align: center;
     position: relative;
     width: 464px;
     height: 500px;
     margin: 0 auto
 }

 img#main_frame {
     border-radius: 5px
 }

 .content_wrapper {
     background-color: white
 }

 .face-tag {
     padding: 3px 15px 0
 }

 .tell_us_more {
     position: relative;
     margin: 20px 0 0
 }

 .tell_us_more textarea {
     resize: none;
     border-radius: 3px;
     overflow: auto;
     height: 100px;
     min-height: inherit;
     border-color: #e0e0e0 !important
 }

 .tell_us_more textarea::placeholder {
     color: #9e9e9e
 }

 .tell_us_more textarea:-ms-input-placeholder {
     color: #9e9e9e
 }

 .tell_us_more textarea::-ms-input-placeholder {
     color: #9e9e9e
 }

 .tell_us_more input {
     margin: 0;
     background: 0 0;
     border: 1px solid rgba(0, 0, 0, .2);
     border-image: none;
     border-style: none none solid;
     border-width: medium medium 1px;
     font-size: 14px;
     width: 100%;
     height: auto;
     padding: 5px 0
 }

 .tell_us_more .textfield-label {
     top: 5px;
     height: 100%;
     width: 100%;
     z-index: 9999;
     text-align: left;
     display: block;
     color: #a4a4a4;
     font-size: 15px;
     font-weight: 400;
     pointer-events: none;
     position: absolute;
     transition-duration: .2s;
     -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     -moz-transition-timing-function: cubic-bezier(.4, 0, .2, 1)
 }

 .tell_us_more .textfield-label.focus-active {
     top: -15px;
     color: #f56996;
     font-size: 13px
 }

 .tell_us_more #photodesc.focus-active-border {
     border: 2px solid #f56996 !important;
     border-image: none !important;
     border-style: none none solid !important;
     border-width: medium medium 2px !important
 }

 .contest_dropdown {
     text-align: left;
     overflow: hidden;
     margin: 20px 0 0
 }

 .contest_dropdown .drop_down_select {
     width: 100%;
     display: block;
     float: left;
     border-bottom: 1px solid #e0e0e0;
     cursor: pointer;
     margin-top: 10px
 }

 .contest_dropdown .drop_down_select .selected_option {
     width: 75%;
     float: left
 }

 .drop_down_select .icon {
     color: #9e9e9e
 }

 .options_overlay {
     clear: both;
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background: #000;
     background: rgba(0, 0, 0, .75);
     z-index: 9999
 }

 .options_overlay .option_list {
     width: 250px;
     border: 1px solid #e0e0e0;
     padding: 10px;
     background-color: #fff;
     border-radius: 3px;
     margin: 273px auto
 }

 .options_overlay .option_list .M14_42 {
     display: block;
     margin-bottom: 15px
 }

 .options_overlay .option_list ul {
     list-style-type: none
 }

 .options_overlay .option_list ul li {
     margin: 0;
     border-bottom: 1px solid #e0e0e0;
     cursor: pointer;
     padding: 5px 0
 }

 .options_overlay .option_list ul li:last-child {
     border: 0
 }

 .float-field {
     margin: 20px 0 0
 }

 .float-field .icon {
     color: #9e9e9e;
     cursor: pointer;
     margin: 0;
     margin-right: 10px;
     padding: 0
 }

 .viewslide_btns .view_btn {
     padding: 8px 18px
 }

 .viewslide_btns {
     padding: 10px 0 0;
     background: #fff
 }

 .upload_photo_btns .upload_btn {
     margin-right: 10px;
     padding: 8px 18px
 }

 .upload_photo_btns .cancle_btn {
     padding: 8px 18px
 }

 .upload_photo_btns {
     margin: 20px 0 0;
     display: none
 }

 .choose_photo_btns {
     margin: 20px 0 0
 }

 .choose_photo_btns .choose_btn {
     padding: 8px 18px
 }

 .choose_photo_btns .choose_btn .icon {
     vertical-align: sub
 }

 .uploadImg-overlay {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background: #000;
     background: rgba(0, 0, 0, .75);
     z-index: 9999
 }

 .uploadImg-popup {
     width: 715px;
     position: fixed;
     top: 20%;
     left: 20%;
     background-color: #fff;
     border-radius: 3px;
     height: auto
 }

 .uploadImg-header {
     padding-left: 20px;
     height: 45px;
     line-height: 45px
 }

.uploadImg-header .closeButton {
     margin-right: 15px!important;
 }

 .uploadImg-header {
     padding-left: 10px
 }

 .uploadImg-container {
     background-color: #ededee;
     height: auto;
     position: relative;
     padding: 20px;
     overflow: hidden
 }

 .cropContainer {
     width: 675px;
     max-height: 300px;
     overflow: hidden
 }

 .img_cntner {
     width: auto;
     height: auto;
     margin: 0 auto
 }

 .jcrop-holder,
 #cropbox {
     margin: 0 auto
 }

 #cropbox.normalCropbox {
     width: 100% !important;
     height: 100% !important
 }

 #cropbox.landCropbox {
     width: 100% !important;
     height: auto !important
 }

 #cropbox.portCropbox {
     width: auto !important;
     height: 100% !important
 }

 .setImgBtn,
 .shareMileBtn {
     background-color: #f56996;
     font-size: 15px;
     color: #fff;
     font-weight: 500;
     padding: 0 18px;
     height: 35px;
     line-height: 35px;
     width: 115px;
     text-align: center;
     margin: 10px auto 0;
     border-radius: 4px;
     cursor: pointer
 }

 .shareMileBtn {
     width: auto;
     display: inline-block;
     padding: 0 50px;
     margin: 0 auto
 }

 .shareMile-overlay {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background: #000;
     background: rgba(0, 0, 0, .75);
     z-index: 9999
 }

 .shareMile-popup {
     width: 408px;
     position: fixed;
     top: 35%;
     left: 35%;
     background-color: #fff;
     border-radius: 3px;
     height: auto
 }

 .shareMile-container {
     background-color: #ededee;
     height: auto;
     position: relative;
     padding: 25px;
     border-radius: 3px
 }

 .shareImg-container {
     width: 208px;
     margin: 0 75px;
     position: absolute;
     top: -118px
 }

 .shareInfo-container {
     margin-top: 95px;
     text-align: center
 }

 .shareInfo-container span {
     line-height: 24px
 }

 .shareMileIcons {
     margin: 13px 0
 }

 /*.shareMileIcons .icon {
     font-size: 35px;
     line-height: 35px;
     height: 35px;
     margin-right: 5px
 }*/
 .shareMileIcons .icon {
     /*font-size: 35px;
     line-height: 35px;
     height: 35px;*/
     margin-right: 5px;
     height: 30px;
     width: 30px;
     cursor: pointer;
 }

 .shareMileIcons .icon:last-child {
     margin-right: 0;
     display: none
 }

 .left {
     float: left
 }

 .right {
     float: right
 }

 .fetus_video_container {
     min-height: 1000px;
     margin-top: 10px
 }

 .slideshow-container {
     margin-top: 10px
 }

 .video_container {
     position: relative
 }

 .clickhere {
     cursor: pointer;
     overflow: hidden;
     position: absolute;
     bottom: 116px;
     left: 45.5%;
     color: #fff;
     z-index: 1
 }

 .fetus_video_container .icon {
     display: inline-block;
     font-size: 60px;
     width: unset;
     line-height: 32px;
     height: unset
 }

 #custom-seekbar {
     cursor: pointer;
     z-index: 1;
     height: 5px;
     overflow: hidden;
     position: absolute;
     bottom: 63px;
     background: #fff;
     width: 100%
 }

 #custom-seekbar #active-bar {
     background-color: red;
     height: 5px;
     width: 0;
     position: absolute;
     top: 0;
     left: 0
 }

 .custom-timer {
     position: absolute;
     bottom: 82px;
     left: 10px;
     color: #fff;
     z-index: 1
 }

 .as-console-wrapper {
     display: none !important
 }

 .slideshow_page {
     margin: 10px 0 0 0
 }

 .slideshow-container {
     position: relative;
     height: 430px
 }

 .swiper-main {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     padding: 0
 }

 .swiper-wrapper {
     left: 0
 }

 .swiper-container {
     margin: 0 auto;
     overflow: hidden;
     list-style: none;
     padding: 0;
     z-index: 1;
     position: relative;
     width: 100%;
     height: 100%
 }

 .swiper-slide {
     width: 50% !important;
     height: 400px
 }

 .swiper-slide img {
     opacity: 0.3 !important;
     height: 100% !important;
     width: 100% !important;
     border-radius: 5px
 }

 .swiper-slide.swiper-slide-active {
     width: 50% !important
 }

 .swiper-slide.swiper-slide-active img {
     opacity: 1 !important
 }

 .swiper-slide.swiper-slide-prev,
 .swiper-slide.swiper-slide-next {
     width: 50% !important
 }

 .swiper-slide.swiper-slide-prev img,
 .swiper-slide.swiper-slide-next img {
     opacity: 0.5 !important
 }

 .slider_container {
     position: relative;
     height: 100px
 }

 .slider_container .clickhere {
     bottom: 90px
 }

 .slider_container #custom-seekbar {
     background: #e0e0e0;
     overflow: visible;
     height: 3px
 }

 .slider_container .icon {
     color: #9e9e9e;
     display: inline-block;
     font-size: 60px;
     width: unset;
     line-height: 32px;
     height: unset
 }

 .slider_container #custom-seekbar #active-bar {
     background-color: #9e9e9e;
     height: 3px;
     min-width: 11px !important;
     width: 11px
 }

 .slider_container #custom-seekbar #active-bar .active-dot {
     position: absolute;
     right: 0;
     top: -4px;
     width: 11px;
     height: 11px;
     background-color: #e53935;
     border-radius: 50%
 }

 .face_star {
     position: absolute;
     z-index: 1;
     width: 38%;
     top: 11%;
     left: 31%
 }

 .star_body {
     position: absolute;
     top: 40%;
     left: 25%;
     width: 50%;
     text-align: center
 }

 .star_name {
     text-transform: uppercase;
     border-bottom: 1px solid #e0e0e0;
     padding-bottom: 5px;
     margin-bottom: 5px
 }

 .audio-link {
     position: absolute;
     bottom: 35px;
     width: 100%;
     text-align: center
 }

 .face-tag .tag-text {
     text-align: left;
     color: #424242;
     margin: 10px 0;
     display: block
 }

 .face-tag .tag-slider {
     white-space: nowrap;
     overflow-y: hidden;
     overflow-x: auto;
     margin-bottom: 15px
 }

 .face-tag .tag-slider .slide-tag {
     display: inline-block;
     padding: 7px 15px;
     border: 1px solid #dedede;
     border-radius: 3px;
     font-size: 15px;
     font-weight: 700;
     color: #424242;
     margin-right: 5px;
     margin-bottom: 5px;
     cursor: pointer;
     display: none;
     box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .1)
 }

 .face-tag .tag-slider .slide-tag .arrow-icon {
     font-size: 14px;
     position: relative;
     margin-right: 5px;
     top: 2px;
     color: #9e9e9e;
     right: 0
 }

 .face-tag .tag-slider .slide-tag-active {
     border: 1px solid #ef3e77 !important
 }

 .face-tag .tag-slider .slide-tag-active .arrow-icon {
     color: #ef3e77 !important
 }

 .face-tag .tag-slider .slide-tag .child-age {
     font-size: 13px;
     color: #9e9e9e;
     margin-left: 15px
 }

 #banner-slider {
     text-align: center;
     background: #fff;
 }

 /* logged in dropdown */
.dropdown-arrow{
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #fff;
    margin-left: 10px;
    display: inline-block;
}
.header-top-dropdown{
    list-style: none;
    width: 156px;
    position: absolute;
    display: none;
    right: 0;
    background: #fff!important;
    border: 1px solid #ddd;
    box-shadow: 3px 2px 3px #888!important;
    top: 31px;
}
.header-top-dropdown li{
    margin: 0;
}
.header-top-dropdown li a{
    color: #000;
    display: block;
    padding-left: 10px;
    line-height: unset;
}
.header-top-dropdown li:hover {
    cursor: pointer;
    background: #ececec;
    color: #000;
}
.header-top-dropdown li a:hover {
    color: #000;
}
.td-header-sp-top-menu{
     position: relative;
}

.closeButton{
     width: 12px !important;
     float: right !important;
     margin: 0px !important;
     text-align: center !important;
     color: #9e9e9e !important;
}

 @media (max-width:767px) {
     .desktop-ads-block {
         display: none
     }
     .msite-ads-block {
         display: block;
         margin: 0 auto
     }
     .questionLeft {
         width: 100%
     }
     .face_container {
         margin: 0;
         border: 0
     }
     .face_container.upload_faces {
         padding: 0 0 15px
     }
     .video-container {
         margin: 0;
         min-height: auto;
     }
     .face_list {
         padding: 0 0 15px 10px
     }
     .frame_face {
         width: 46%;
         margin: 11px 8px 0 0
     }
     .frame_face:nth-child(3n) {
         margin: 11px 8px 0 0
     }
     .frame_face:nth-child(2n) {
         margin: 10px 0 0 0
     }
     .frame_face img {
         border-radius: 3px
     }
     .face_day_container {
         bottom: 10%;
         right: 10%
     }
     .face_day_container_uf {
         bottom: 9%;
         right: 10.5%;
         width: 14%;
         height: 18%
     }
     .face_date_container {
         bottom: 4%;
         left: 10%
     }
     .face_date_container_uf {
         bottom: 4%;
         left: 9%
     }
     .date_err {
         padding: 0 0 0 10px
     }
     .add_photo {
         top: 35%;
         left: 24%;
         width: 50%
     }
     .face_container .arrow-icon {
         top: 20px
     }
     .face_dropdown_container {
         padding: 5px 0 0 0
     }
     .face_month_dropdown,
     .face_year_dropdown {
         padding: 10px 0 5px 10px;
         width: 47%
     }
     .photo_frame {
         width: 100%;
         height: auto;
         max-width: 464px
     }
     .photo_frame .add_photo_uf .icon {
         font-size: 30px;
         height: 30px
     }
     .photo_frame .add_photo_lbl {
         top: 37%;
         left: 35%
     }
     .tell_us_more input {
         margin: 0;
         background: 0 0;
         border: 1px solid rgba(0, 0, 0, .2);
         border-image: none;
         border-style: none none solid;
         border-width: medium medium 1px;
         font-size: 14px;
         width: 100%;
         height: auto;
         padding: 5px 0
     }
     .options_overlay .option_list {
         margin: 55% auto
     }
     .float-field {
         text-align: center
     }
     .upload_photo_btns,
     .choose_photo_btns,
     .viewslide_btns {
         text-align: center
     }
     .uploadImg-popup {
         width: 100%;
         height: 100%;
         top: 0;
         left: 0;
         border-radius: 0;
         overflow: auto
     }     
     .uploadImg-header .closeButton {
         margin: 13px 20px 0 0
     }
     .uploadImg-header {
         padding-left: 10px
     }
     .uploadImg-container {
         height: 91%;
         overflow: auto
     }
     .cropContainer {
         width: 100%;
         max-height: unset
     }
     #cropbox {
         height: auto !important
     }
     .shareMile-popup {
         width: 85%;
         left: 25px;
         top: 30%
     }
     .shareImg-container {
         margin: 0;
         left: 25%
     }
     .shareMileIcons .icon:last-child {
         display: inline-block
     }
     .slideshow_title {
         padding: 10px 15px
     }
     .slideshow_title .icon {
         font-size: 14px;
         height: 15px
     }
     #childDropdown {
         box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
         margin: 0
     }
     .drop-down {
         padding-left: 15px;
         width: 100%;
         border: 0;
         border-radius: 0;
         background: #fff;
         height: 50px;
         line-height: 50px;
         box-shadow: none
     }
     .drop-down .diet-title {
         width: 80%;
         display: inline-block;
         padding-left: 12px
     }
     .dropbtn {
         margin-top: 16px;
         font-size: 17px
     }
     .dropdown-content {
         width: 100%;
         position: absolute;
         top: 50px;
         z-index: 31;
         max-height: 252px
     }
     .dropdown_overlay {
         z-index: 31;
         position: relative
     }
     .mydropdown_overlay {
         position: absolute;
         top: 0;
         left: 0;
         height: 340%;
         width: 100%;
         background: #000;
         background: rgba(0, 0, 0, .75);
         z-index: 30
     }
     .children {
         width: 100%;
         padding-left: 15px;
         height: 50px;
         line-height: 50px
     }
     .childPic {
         width: 28px;
         height: 28px
     }
     .child_name {
         margin-left: 11px
     }
     .qa-container {
         width: 100%
     }
     .fetus_video_container {
         min-height: unset;
         margin: 10px
     }
     .slideshow-container {
         margin: 10px 0
     }
     .custom-timer {
         bottom: 22%;
         left: 10px
     }
     .clickhere {
         bottom: 32%
     }
     #custom-seekbar {
         bottom: 17%
     }
     .swiper-slide {
         margin-top: 0
     }
     .swiper-slide.swiper-slide-active {
         margin-top: 0
     }
     .swiper-slide.swiper-slide-prev,
     .swiper-slide.swiper-slide-next {
         margin-top: 0
     }
     .slideshow-container {
         height: 195px
     }
     .slider_container {
         margin: 0 15px 15px
     }
     .slider_container .clickhere {
         bottom: 45%
     }
     .slider_container #custom-seekbar {
         bottom: 28%
     }
     .slider_container .icon {
         font-size: 50px
     }
     .star_body {
         top: 29%
     }
     .star_name {
         padding-bottom: 2px;
         margin-bottom: 2px
     }
     .audio-link {
         bottom: 0
     }
     .viewslide_btns {
         position: fixed;
         bottom: 0;
         height: 40px;
         width: 100%;
         background: #f56996;
         line-height: 40px;
         text-align: center;
         z-index: 2;
         padding: 0;
         text-transform: uppercase
     }
     .qa-container h1 {
         padding: 10px;
         /* background: #f56996; */
         line-height: 10px;
         width: 100%;
     }
     .qa-container h1 a {
         vertical-align: super;
     }
     .qa-container .title {
         padding: 0;
     }
     .breadcrumb {
         padding: 15px 10px 10px;
         margin-bottom: 0px;
     }
     .export_share_container {
         position: absolute;
         right: 10px;
         top: 53px;
         left: auto;
         width: 15%;
         z-index: 50;
     }
     .export_share_container .icon {
         color: #fff;
     }
     .shareBy {
         display: none;
         position: fixed;
         right: 10px;
         padding: 10px;
         text-align: center;
         width: 200px;
         top: 155px;
         border-radius: 3px;
         background: #fff;
         z-index: 9999;
     }
     .sharing-options {
         display: none;
         width: 100%;
         position: fixed;
         top: inherit;
         bottom: 45px;
         left: 0;
         background-color: #fff;
         border-radius: 3px;
         border-bottom-left-radius: 0;
         border-bottom-right-radius: 0;
         padding: 0;
         z-index: 10;
         box-shadow: none;
         z-index: 10000;
     }
     .share-overlay {
         display: none;
         position: fixed;
         top: 0;
         left: 0;
         height: 100%;
         width: 100%;
         background: #000;
         background: rgba(0, 0, 0, .75);
         z-index: 9998
     }
     .sharing-options ul {
         margin: 10px auto;
         width: 240px;
         overflow: hidden;
     }
     .whatsapp-share {
         display: block;
     }
     .alert-popup {
         margin: 75% auto 0;
     }
     .sharing-options ul li {
         margin: 0 15px;
     }
     .shareBy-overlay {
         display: none;
         position: fixed;
         top: 0;
         left: 0;
         height: 100%;
         width: 100%;
         background: #000;
         text-align: center;
         background: rgba(0, 0, 0, .75);
         z-index: 9999;
     }
     .sharing_icons {
         width: 100%;
     }
 }

 @media (max-width:400px) {
     .face_date_container_uf {
         bottom: 2.5%
     }
 }

 @media (max-width:350px) {
     .star_body {
         left: 24%;
         width: 52%
     }
 }

 /* -------------For Mobile side menu */

@media (max-width: 767px) {
    .firstcryImg img {
        max-width: 180px;
        margin: auto;
        padding: 0;
        vertical-align: middle;
        max-height: 48px;
    }
    .login_user,
    .logout_user,
    .td-mobile-close,
    .td-menu-background {
        display: none !important;
    }

    .td-mob-header{
        background-color: #ef3e77 !important;
    } 


    .td-mobile-content .user-name {
        width: auto;
    }
    .td-mobile-content .user-profile {
        display: block;
        overflow: hidden;
        position: relative;
    }
    .td-mobile-content ul li,
    .td-mobile-content ol li {
        margin-left: 0px;
        list-style: none;
    }
    .td-mobile-content .td-mobile-main-menu ul {
        float: left;
        width: 100%;
    }
    .td-mobile-content .td-mobile-main-menu ul,
    .td-mobile-content .td-mobile-main-menu li {
        list-style: none;
        overflow: hidden;
    }
    .td-mobile-content .user-profile .user_pro {
        overflow: hidden;
        float: left;
        position: absolute;
        width: 100%;
        height: 55px;
        bottom: 0;
    }
    .td-mobile-content .user-profile .user_pro .user_pro_img {
        width: 42px;
        height: 42px;
        border-radius: 100%;
        overflow: hidden;
        float: left;
        margin-left: 10px;
        border: 1px solid #fff;
        cursor: pointer;
        background-color: #ff6c00;
        text-align: center;
    }
    .td-mobile-content .user-profile .user_pro .user_pro_img .icon {
        vertical-align: unset;
    }
    .td-mobile-content .user-profile .user_pro .arrow_link {
        color: #fff;
        float: right;
        font-size: 20px;
        margin: 10px 9px 0 0;
    }
    .td-mobile-content .user-profile .user_back_img {
        position: relative;
        width: 100%;
    }
    .td-mobile-content .user-profile .user_back_img img {
        width: 100%;
        height: 100%;
    }
    .td-mobile-content .user-profile .user_pro .user-name {
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 15px;
        float: left;
        margin: 9px 0 0 10px;
        font-style: italic;
    }
    .td-mobile-content .shop_menucat {
        overflow: hidden;
        padding: 10px 0;
    }
    .td-mobile-content .sublist {
        margin-top: 15px;
    }
    .td-mobile-content .sublist .shop_item {
        padding-left: 65px;
        margin-bottom: 19px;
    }
    .td-mobile-content .sublist a:last-child .shop_item {
        margin-bottom: 0;
    }
    .td-mobile-content .shop_menucat .menu_icon_txt {
        line-height: 20px;
    }
    .td-mobile-content .shop_menucat .menu_icon {
        height: 20px;
        width: 20px;
        display: inline-block;
        margin-right: 11px;
        margin-left: 15px;
        color: #9e9e9e;
    }
    .td-mobile-content .shop_menucat .dash_link {
        display: inline-block;
        font-size: 16px;
        color: #9e9e9e;
        margin-right: 15px;
        height: 16px;
        line-height: 24px;
    }
    .td-mobile-content img {
        width: 100%;
        height: 100%;
    }
    .td-mobile-content .user-name a {
        color: #fff;
    }
    .td-mobile-content .td-menu-background:before {
        background: #fff;
    }
    .td-mobile-content .td-mobile-close .td-icon-close-mobile,
    .td-mobile-content .td-search-close .td-icon-close-mobile {
        color: #424242;
        height: 15px;
        width: 15px;
        line-height: 15px;
        font-size: 10px;
        margin: 5px 5px 0 0;
    }
    #td-mobile-nav .td-menu-socials {
        padding: 0;
        height: 0;
    }
    .td-mobile-content {
        padding: 0;
    }
    .td-mobile-content li.left {
        float: left;
    }
    .td-mobile-content li.right {
        float: right;
    }
    .td-mobile-content li a {
        padding: 0px;
    }
    .td-mobile-content #user_name a {
        display: inline;
        font-size: 15px;
        cursor: pointer;
    }
    .td-mobile-container {
        width: 79%;
        background: #fff;
        overflow: hidden;
        float: left;
    }
    #td-mobile-nav .closingdiv {
        height: 100%;
        width: 21%;
        background-color: #000;
        opacity: 0.5;
        z-index: 0;
        float: right;
    }
    .td-mobile-content .user_pro_img .icon {
        display: inline-block;
        margin: 9px 10px 0;
    }
    #menu-td-demo-header-menu {
        padding: 0 0 45px 0;
        background: #fff;
    }
    #td-mobile-nav {
        visibility: hidden;
        position: fixed;
        bottom: 0;
        height: 1px;
        overflow: hidden;
        padding: 0;
        width: 100%;
        top: 0;
        z-index: 9999;
        visibility: hidden;
        transform: translate3d(-99%, 0, 0);
        -webkit-transform: translate3d(-99%, 0, 0);
        -moz-transform: translate3d(-99%, 0, 0);
        -ms-transform: translate3d(-99%, 0, 0);
        -o-transform: translate3d(-99%, 0, 0);
        left: -1%;
        visibility: visible;
        -webkit-transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
        -moz-transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
        -o-transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
        transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
    }
    /* #td-mobile-nav.active {
        height: auto;
        overflow: auto;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        left: 0;
    } */

    #td-mobile-nav.active {
        height: auto;
        overflow: auto;
        position: fixed;
        top: 0;
        visibility: visible;
        height: 100%;
        display: block;
        transform: translate3d(1%, 0, 0);
    }


    .td-mobile-content li a {
        color: #fff;
    }
    .toggle-main {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        height: 45px;
        width: 100%;
        background: #fff;
        line-height: 45px;
        z-index: 9999;
        border: 1px solid #eee;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 500;
        color: #9e9e9e
    }
    .toggle-shopping {
        width: 40%;
        float: left;
        text-align: right;
        color: #424242
    }
    .toggle-btn {
        width: 20%;
        text-align: center;
        float: left;
        padding: 10px 0
    }
    .toggle-parenting {
        width: 40%;
        float: left
    }
    .toggle-btn .switch {
        position: relative;
        display: inline-block;
        width: 40px;
        height: 23px
    }
    .toggle-btn .switch input {
        opacity: 0;
        width: 0;
        height: 0
    }
    .toggle-btn .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .2s;
        transition: .2s
    }
    .toggle-btn .slider:before {
        position: absolute;
        content: "";
        height: 19px;
        width: 19px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .2s;
        transition: .2s
    }
    .toggle-btn input:checked+.slider {
        background-color: #ef3e77
    }
    .toggle-btn input:checked+.slider:before {
        -webkit-transform: translateX(17px);
        -ms-transform: translateX(17px);
        transform: translateX(17px)
    }
    .toggle-btn .slider.round {
        border-radius: 34px
    }
    .toggle-btn .slider.round:before {
        border-radius: 50%
    }
    .qa-container .page-nav {
        margin-right: auto !important;
        margin-left: auto !important;
        display: table !important;
        width: auto !important;
        padding-top: 25px !important
    }
}