/******** Member Resources Interface Upgrade ********/
.custom-interface-upgrade-sec {
   position: fixed;
   display: none;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 9999999;
   background-color: rgb(0 0 0 / 50%);
}
.custom-interface-upgrade-wrapper {
   height: 100%;
   width: 100%;
   display: flex;
   padding: 20px 12px;
   overflow-y: auto;
}
.custom-interface-upgrade-div {
   background-image: url(../../images/sgm-popup-bg.png);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   border-radius: 20px;
   overflow: hidden;
   margin: auto;
   width: 100%;
   max-width: 1008px;
   min-height: 470px;
   padding: 60px 80px;
   position: relative;
   text-align: center;
}
.custom-interface-upgrade-div .custom-interface-upgrade-title {
   font-size: 32px;
   color: white;
   margin-bottom: 20px;
   font-family: "noto_sansblack";
   line-height: 1.45;
}
.custom-interface-upgrade-content {
   color: white;
   font-size: 20px;
   line-height: 1.75;
}
.custom-interface-upgrade-content p {
   margin-bottom: 35px;
}
.custom-interface-upgrade-content > *:last-child {
   margin-bottom: 0;
}
.custom-interface-upgrade-div .custom-interface-upgrade-close {
   width: 38px;
   height: 38px;
   position: absolute;
   top: 28px;
   right: 28px;
   z-index: 2;
   transform: rotate(45deg);
}
.custom-interface-upgrade-div .custom-interface-upgrade-close:before, 
.custom-interface-upgrade-div .custom-interface-upgrade-close:after {
   content: "";
   position: absolute;
   background-color: white;
   transition: all .3s ease-in-out;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
}
.custom-interface-upgrade-div .custom-interface-upgrade-close:before {
   height: 2px;
   width: 100%;
}
.custom-interface-upgrade-div .custom-interface-upgrade-close:after {
   height: 100%;
   width: 2px;
}






/******** Member Resources Interface Upgrade end ********/
/************ General ************/
.elementor-element.elementor-widget-heading .elementor-heading-title {
   font-family: 'Noto Sans', sans-serif;
}

.elementor-element.elementor-widget-heading h1.elementor-heading-title {
   font-family: 'noto_sansblack';
}

.elementor-element.elementor-widget-heading h2.elementor-heading-title {
   font-family: 'noto_sansblack';
}

.elementor-element.elementor-widget-heading h4.elementor-heading-title {
   font-family: 'noto_sansblack';
}

.elementor-element.elementor-widget-heading h5.elementor-heading-title {
   font-family: 'noto_sansmedium';
}


body.logged-in.admin-has-been-logged-in-as-a-user.single-media_publications .login-as-user {
   position: relative;
   top: 0 !important;
   z-index: 9;
}

html body .font-extra-bold,
.emag-bfoot-content-div .extra-bold-text,
.emag-hm-inner-div .emag-hm-title {
   font-family: 'Noto Sans', sans-serif;
   font-weight: 900;
   line-height: 1.2;
}

body .blur-text {
   filter: blur(1px);
   pointer-events: none;
}
.emag-bfoot-content-lazy-bg:not(.activated-bg) {
   aspect-ratio: 16 / 9;
   position: relative;
}
.emag-bfoot-content-lazy-bg:not(.activated-bg):before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 2;
   background-color: #f2f2f2;
}
/************ General end ************/
/************ Publications Detail Page ************/
body .mdpr_top {
   position: relative;
}

.mdpr_top .mdpr_navigation {
   position: absolute;
   width: auto;
   top: 5px;
   right: 0;
   z-index: 1;
}

.mdpr_top .mdpr_top_content {
   width: 100%;
}

body .mdpr_top_content .mdpr_date {
   padding-right: 130px;
}

.mdpr_long_title>*:last-child {
   margin-bottom: 0;
}

.mdpr_long_title p {
   margin-bottom: 33px;
}

.mdpr_long_title {
   margin-bottom: 14px;
}

.mdpl_bottom_list_sec .mdpl_bottom_list_div .mdpl_listing_title,
body .mdpl_correction .mdpl_listing_title {
   font-size: 17px;
   color: #0751A2;
   font-weight: 700;
   line-height: 1.41;
   margin-bottom: 4px;
   font-family: 'Noto Sans', sans-serif;
}

.mdpl_bottom_list_sec .mdpl_bottom_list_div .mdpl_listing_content,
body .mdpl_correction .mdpl_listing_content {
   font-size: 15px;
   line-height: 1.45;
}

.mdpr_listing_content {
   line-height: 1.35;
}

.elementor-element.theme_style_inner_link .elementor-button-wrapper {
   display: flex;
}

.new-magazine-div {
   display: flex;
   align-items: center;
   gap: 20px;
   flex-wrap: wrap;
   width: 100%;
}

.magazines_dp_div_left {
   padding-left: 0;
   padding-right: 0;
   width: calc(30% - 42px);
}

.magazines_dp_sec {
   gap: 84px;
}

.magazines_dp_div_left .mdpl_top img {
   max-height: 100%;
}

.magazines_dp_div_right {
   width: calc(70% - 42px);
}

.nmd-title-wrap .mdpr-new-label {
   margin-bottom: 0;
   font-size: 10px;
   line-height: 1.2;
   background-color: #FFD600;
   display: inline-flex;
   padding: 3px 5px;
   border-radius: 5px;
   font-weight: 500;
   text-align: center;
   min-width: 33px;
   align-items: center;
   justify-content: center;
   margin-right: 6px;
}

.nmd-title-wrap {
   display: flex;
   align-items: center;
}

.nmd-title-wrap .mdpr-title {
   font-weight: 800;
   color: white;
}

.new-magazine-head {
   margin-bottom: -20px;
   min-height: 77px;
   display: flex;
   align-items: center;
}

.new-magazine-head .new-magazine-container {
   width: 100%;
}

.new-magazine-left-div,
.new-magazine-right-div {
   width: calc(50% - 10px);
}

.new-magazine-right-div {
   display: flex;
   flex-wrap: wrap;
}

.nmd-action-div {
   margin-left: auto;
   display: flex;
   flex-direction: column;
   gap: 10px;
}

html body .html-dark-blue-btn {
   color: white;
   border: 1px solid #034EA1;
   background-color: #034EA1;
   min-width: 166px;
   text-align: center;
   border-radius: 7px;
   min-height: 42px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 10px 15px;
   line-height: 1.2;
   font-size: 14px;
   font-weight: 600;
}

html body .html-dark-blue-btn:hover,
html body .html-dark-blue-btn:focus {
   border: 1px solid #034EA1;
   background-color: white;
   color: #034EA1;
}

.nmd-action-div .nmld-btn.flipbook-btn {
   font-weight: 600;
   color: white;
   text-decoration: underline !important;
   text-align: center;
   width: 100%;
   font-size: 14px;
   line-height: 1.2;
}

.nmd-action-div .nmld-btn.flipbook-btn:hover,
.nmd-action-div .nmld-btn.flipbook-btn:focus {
   color: #034EA1;
}

body .fb-flip-book-sec {
   min-height: 100vh;
}

body .fb-flip-book-pdf {
   margin-bottom: auto;
}

.fb-no-pdf .fb-no-pdf-text {
   color: white;
   font-weight: 700;
   text-align: center;
   font-size: 18px;
   font-style: italic;
}

.emag-head-sec {
   background-color: #E9E9E9;
   position: fixed;
   width: 100%;
   top: 0;
   left: 0;
   z-index: 100000;
}

.emag-bookmark-pu-wrapper:before,
.emag-bookmark-pu-wrapper:after {
   content: "";
   display: block;
   height: 30px;
   width: 100%;
}


.emag-parent,
.emag-body-wrapper {
   width: 100%;
}

.emag-action-list-sec .emag-action-list-btn {
   width: 30px;
   height: 30px;
   display: inline-flex;
   -webkit-mask-position: center;
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-size: contain;
   mask-position: center;
   mask-repeat: no-repeat;
   mask-size: contain;
   cursor: pointer;
   transition: all .3s ease-in-out;
   position: relative;
   background-color: #313131;
}

.emag-read {
   -webkit-mask-image: url(../../images/sgm-magazine/icon-read.png);
   mask-image: url(../../images/sgm-magazine/icon-read.png);
}

.emag-accessibility {
   -webkit-mask-image: url(../../images/sgm-magazine/icon-accessibility-2.png);
   mask-image: url(../../images/sgm-magazine/icon-accessibility-2.png);
}

.emag-speak {
   -webkit-mask-image: url(../../images/sgm-magazine/icon-speak.png);
   mask-image: url(../../images/sgm-magazine/icon-speak.png);
}

.emag-bookmark {
   -webkit-mask-image: url(../../images/sgm-magazine/icon-bookmark-2.png);
   mask-image: url(../../images/sgm-magazine/icon-bookmark-2.png);
}

.emag-search {
   -webkit-mask-image: url(../../images/sgm-magazine/icon-search.png);
   mask-image: url(../../images/sgm-magazine/icon-search.png);
}

.emag-listing {
   -webkit-mask-image: url(../../images/sgm-magazine/icon-listing.png);
   mask-image: url(../../images/sgm-magazine/icon-listing.png);
}

.emag-listing.active-emag-listing-btn,
.emag-speak.playing {
   -webkit-mask-image: url(../../images/lee-phase3/secl_white_close.png);
   mask-image: url(../../images/lee-phase3/secl_white_close.png);
   -webkit-mask-size: 16px;
   mask-size: 16px;
}


.emag-listing-parent .emag-action-list-btn.emag-listing {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   transition: all .3s ease-in-out;
}

.emag-listing-parent .emag-action-list-btn.emag-listing.default-emag-listing-btn.active,
.emag-listing-parent .emag-action-list-btn.emag-listing.active-emag-listing-btn:not(.active) {
   opacity: 0;
   z-index: -1;
}


.emag-head-sec .emag-head-container.ast-container {
   flex-wrap: wrap;
}

.emag-action-list-sec .emag-action-list-btn.active {
   background-color: #15B1D7;
}

.emag-head-wrapper {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 20px;
   width: 100%;
   padding: 21px 0 20px;
}

.emag-head-left-div,
.emag-head-right-div {
   width: 300px;
}

.emag-head-middle-div {
   width: calc(100% - 640px);
   text-align: center;
}

html body .emag-head-right-div .html-dark-blue-btn {
   min-height: 40px;
   min-width: 120px;
}

.emag-hm-inner-div {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 5px;
   margin-bottom: 5px;
}

.emag-hm-inner-div .emag-hm-new-label {
   margin-bottom: 0;
   font-size: 10px;
   font-weight: 500;
   line-height: 1;
   min-width: 33px;
   height: 18px;
   text-align: center;
   background-color: #FFD600;
   border-radius: 5px;
   padding: 2px 5px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
}

.emag-hm-subtitle .emag-hm-subtitle-text {
   margin-bottom: 0;
   font-size: 12px;
   font-style: italic;
   line-height: 1.35;
}

.emag-action-wrapper {
   position: relative;
   width: 100%;
   padding: 10px 0;
}

.emag-action-list-sec {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 13px;
   width: 100%;
}

.emag-action-wrapper:before {
   content: "";
   position: absolute;
   width: 100vw;
   height: 1px;
   top: 0;
   left: 50%;
   transform: translate(-50%, 0);
   background-color: #C7C7C7;
}

.emag-action-wrapper .sgm-top-accessibility a {
   top: 0;
}

.emag-action-wrapper .sgm-top-accessibility .acc-expand {
   top: 130%;
   right: unset;
   left: -50%;
   transform: translateX(-50%);
}

.emag-action-wrapper .sgm-top-accessibility .acc-expand span.fel-text,
.emag-action-wrapper .sgm-top-accessibility .acc-expand span.fel-contrast {
   background-color: #fff;
}

.emag-action-wrapper .acc-expand span.fel-text.active,
.emag-action-wrapper .acc-expand span.fel-contrast.active {
   background-color: #15B1D7;
   color: #fff;
}

.emag-action-list-sec .emag-action-list-btn:hover,
.emag-action-list-sec .emag-action-list-btn:focus {
   transform: scale(1.1) rotate(-5deg);
}

.emag-bhead-top {
   display: flex;
   align-items: flex-start;
   flex-wrap: wrap;
   gap: 20px;
}

.emag-bhead-top-left {
   width: calc(60% - 10px);
}

.emag-bhead-top-left .emag-bhead-title {
   font-size: 12px;
}

.emag-bhead-top-left .emag-bhead-title,
.emag-bhead-top-right .emag-bhead-date {
   margin-bottom: 0;
}

.emag-bhead-top-right {
   width: calc(40% - 10px);
   text-align: right;
}

.emag-bbody-div {
   width: 100%;
   max-width: 770px;
   margin-right: auto;
   margin-bottom: 10px;
}

.emag-bbody-div .emag-bbody-title {
   line-height: 1.25;
   margin-bottom: 12px;
}

.emag-bbody-info-div .emag-bbody-info-label {
   margin-bottom: 0;
   font-style: italic;
   position: relative;
   display: inline-flex;
   align-items: center;
   line-height: 1.6;
}

.emag-bbody-info {
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
   font-size: 12px;
}

.emag-bbody-info-div:not(:last-child) {
   padding-right: 36px;
}

.emag-bbody-info-div.no-border {
   padding-right: 30px;
}

.emag-bbody-info-div:not(.no-border):not(:last-child):before {
   content: "";
   position: absolute;
   width: 1px;
   height: 12px;
   background-color: #313131;
   /* top: -4px; */
   top: 0;
   bottom: 0;
   margin: auto;
   right: 17px;
}

.emag-bbody-info-div {
   position: relative;
   display: flex;
   align-items: center;
}

.emag-bbody-info-label .emag-bbody-clock {
   background-image: url(../../images/sgm-magazine/icon-clock.png);
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
   width: 20px;
   height: 20px;
   display: inline-flex;
   margin-right: 7px;
}

.emag-bhead-div {
   margin-bottom: 12px;
}

.emag-body-sec {
   padding: 40px 0;
   background-color: #F8F8F8;
}

.emag-bfoot-sec {
   padding: 34px 0;
   position: relative;
}

.emag-bfoot-sec:before {
   content: "";
   background-color: #E0E0E0;
   width: 100%;
   height: 1px;
   position: absolute;
   top: 0;
   left: 0;
}

.emag-bfoot-div {
   width: 100%;
   max-width: 760px;
   margin-left: auto;
   margin-right: auto;
}

.emag-bfoot-img-div .emag-bfoot-img {
   width: 100%;
   max-width: 630px;
   margin-left: auto;
   margin-right: auto;
   display: block;
}

.emag-bfoot-img-div {
   margin-bottom: 57px;
}

.emag-pagination-div.emag-pagi-disabled .elementor-element.theme_style_inner_link {
   cursor: not-allowed;
}

.emag-pagination-div.emag-pagi-disabled .elementor-element.theme_style_inner_link .elementor-button {
   pointer-events: none;
}

body .emag-pagination-div.emag-pagi-disabled .theme_style_inner_link .theme_style_circle {
   background-color: #D6D6D6;
}

body .emag-pagination-div.emag-pagi-disabled .theme_style_inner_link span.elementor-button-text {
   color: #B0B0B0;
}

body .emag-pagination-div.emag-pagi-disabled .theme_style_inner_link.tsil_with_arrows .theme_style_circle:after {
   background-color: #7F7F7F;
}

.emag-pagination-sec {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 60px;
   margin-top: 60px;
   margin-bottom: 10px;
}

.emag-pagination-div {
   position: relative;
}

.emag-pagination-div:not(:last-child):before {
   content: "";
   position: absolute;
   height: 100%;
   width: 1px;
   background-color: #E3E3E3;
   top: 0;
   left: calc(100% + 30px);
}

.emag-bfoot-content-div .emag-chapter-hash-tag {
   font-weight: 900;
   color: #15b2d7;
}

.emag-bfoot-content-div .emag-chapter-hash-tag a+a {
   margin-left: 10px;
}

.chapter_overview_div_top {
   height: 157px;
   box-shadow: 0px 3px 7px 0px #00000040;
   border-radius: 10px;
   overflow: hidden;
   margin-bottom: 18px;
   position: relative;
}

.chapter_overview_div_top .chapter-discover-more-bg {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   transition: all .3s ease-in-out;
}
.chapter_overview_div_top .chapter-discover-more-bg.no-thumbnial-exist {
   background-size: 80%;
   background-color: #fcfcfc;
}

.chapter-discover-more .chapter_overview_link {
   color: #313131;
   text-align: center;
}

.chapter_overview_div_bottom .chapter_title {
   margin-bottom: 3px;
   transition: all .3s ease-in-out;
}

.chapter_overview_div_bottom .chapter_sub_title {
   margin-bottom: 0;
   font-size: 14px;
   line-height: 1.5;
   font-style: italic;
   font-weight: 400;
}

.emag-foot-sec .magazines_discover_more_sec_wrapper {
   width: 100%;
   margin-top: 0;
   background-color: white;
}

.emag-foot-sec .magazines_discover_more_sec.cosmic_overview_sec {
   padding: 18px 0 87px;
   width: calc(100% + 52px);
   margin-left: -26px;
   margin-right: -26px;
}

.emag-foot-sec .magazines_discover_more_sec.cosmic_overview_sec .cosmic_overview_div {
   padding: 21px 26px 12px;
}

.chapter-discover-more .chapter_overview_link:hover .chapter-discover-more-bg,
.chapter-discover-more .chapter_overview_link:focus .chapter-discover-more-bg {
   transform: scale(1.05);
}

.chapter-discover-more .chapter_overview_link:hover .chapter_title,
.chapter-discover-more .chapter_overview_link:focus .chapter_title {
   color: #15b2d7;
}

.free-trail-notification-sec {
   position: relative;
   display: flex;
   align-items: center;
}

.ftn-left-div,
.ftn-right-div {
   min-height: 305px;
}

.free-trail-notification-sec .ftn-container {
   width: 100%;
   z-index: 1;
   position: relative;
}

.ftn-bg {
   background-image: url(../../images/sgm-magazine/free-trail-bg-pattern-2.png);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   background-color: #313131;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}

.ftn-wrapper {
   display: flex;
   gap: 20px;
   align-items: center;
   flex-wrap: wrap;
   width: 100%;
}

.ftn-right-div {
   /* width: calc(39.5% - 10px); */
   width: 411px;
   height: calc(100% + 99px);
   margin-top: -99px;
   position: relative;
}

.ftn-right-div .ftn-img {
   width: 100%;
   height: auto;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   object-fit: contain;
   object-position: bottom center;
}

.ftn-left-div {
   width: calc(100% - 431px);
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.ftn-left-div .ftn-title,
.ftn-left-div .ftn-subtitle {
   color: white;
}

.ftn-left-div .ftn-title span {
   color: #F9A604;
}

i.icon-tooltip.ftn-tooltip:before {
   background-image: url(../../images/sgm-magazine/icon-tooltip-white.svg);
}

.ftn-left-div .ftn-title {
   margin-bottom: 12px;
   position: relative;
}

.ftn-left-div .ftn-subtitle {
   margin-bottom: 32px;
}

.ftn-action-div {
   display: flex;
   align-items: center;
   gap: 7px;
}

.locked-content-sec>*:not(:first-child) {
   filter: blur(2px);
}

.unlock-unlimited-access-head-div .uua-text {
   margin-bottom: 10px;
   text-align: center;
}

.uua-text a {
   font-weight: 900;
   padding-left: 5px;
   text-decoration: underline !important;
}

.unlock-unlimited-access-div {
   background-color: #034EA1;
   border-radius: 20px;
   box-shadow: 5px 10px 10px rgb(0 0 0 / 10%);
   min-height: 274px;
   padding: 45px 20px;
   text-align: center;
}

.unlock-unlimited-access-div .uuad-title,
.unlock-unlimited-access-div .uuad-subtitle {
   color: white;
}

.unlock-unlimited-access-div .uuad-title {
   margin-bottom: 10px;
}

.unlock-unlimited-access-div .uuad-subscribe-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
}

.locked-content-sec {
   margin-bottom: 46px;
}

.emag-column-sec .emag-column-title-sec,
.emag-column-sec .emag-column-subtitle-sec {
   margin-bottom: 0;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   line-height: 1.2;
   font-size: 12px;
}

.emag-column-sec {
   display: flex;
   align-items: stretch;
}

.emag-column-sec .emag-column-title-sec {
   background-color: #313131;
   color: white;
   font-weight: 900;
   padding: 6px 9px 6px 12px;
   min-height: 30px;
   border-radius: 50px 0 0 50px;
}

.emag-column-sec .emag-column-subtitle-sec {
   border: 1px solid #D9D9D9;
   border-radius: 0 50px 50px 0;
   padding: 5px 14px 5px 9px;
}

.emag-action-list-dropdown {
   position: absolute;
   min-width: 171px;
   width: auto;
   top: 100%;
   left: -13px;
   z-index: 1;
   transition: all .3s ease-in-out;
   padding-top: 8px;
}

.emag-action-list-dropdown.emag-listing-dropdown {
   min-width: 415px;
   left: 50%;
   transform: translate(-50%, 0);
   /* padding: 20px; */
}

.emag-action-list-dropdown.emag-listing-dropdown:before {
   display: none;
}

.emag-action-list-dropdown.emag-listing-dropdown .emag-action-list-dropdown-wrapper {
   max-height: calc(100vh - 160px);
   overflow-y: auto;
}

.emag-parent:not(.show-overlay):before {
   opacity: 0;
   pointer-events: none;
   visibility: hidden;
}

.emag-parent:before {
   content: "";
   position: fixed;
   width: 100vw;
   height: 100vh;
   background-color: black;
   opacity: 0.5;
   transition: all .3s ease-in-out;
   z-index: 100000;
   top: 0;
   left: 0;
}
.emag-parent.show-overlay .emag-head-sec,
.emag-parent.show-overlay:before {
   z-index: 100000;
}
.emag-listing-head-sec .emag-listing-main-title {
   font-size: 23px;
   color: #0751A2;
   display: flex;
   align-items: center;
   gap: 5px;
   padding-bottom: 10px;
   margin-bottom: 12px;
   border-bottom: 1px solid #E0E0E0;
}

.emag-listing-main-title .emag-listing-main-title-total {
   margin-bottom: 0;
   font-size: 17px;
   font-weight: 400;
   color: #313131;
   margin-left: auto;
}

.emag-listing-main-title .emag-listing-main-title-total strong {
   color: #0751A2;
   font-size: 23px;
}

.emag-listing-main-title .emag-listing-main-title-icon {
   width: 100%;
   max-width: 20px;
   height: auto;
}

.emag-listing-inner-sec {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.emag-listing-inner-div {
   display: flex;
   flex-wrap: wrap;
   gap: 11px 17px;
   align-items: stretch;
}

.emag-listing-inner-top-div {
   width: 100%;
}

.emag-listing-inner-top-div .emag-lid-title {
   color: #0751A2;
   font-weight: 600;
   margin-bottom: 0;
   transition: all .3s ease-in-out;
}

.emag-listing-inner-left-div {
   width: 78px;
   min-height: 52px;
}

.emag-listing-inner-right-div {
   width: calc(100% - 95px);
}

.emag-listing-inner-right-div .emag-lid-subtitle {
   margin-bottom: 0;
}

.emag-lid-thumbnail {
   width: 100%;
   height: 100%;
   position: relative;
   background-color: #C3C3C3;
}

.emag-lid-thumbnail-inner {
   width: 100%;
   height: 100%;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   transition: all .3s ease-in-out;
}

.emag-lid-thumbnail-inner.no-lid-thumgnail {
   background-size: 90%;
}

.emag-listing-inner-div.locked-emag-chapter .emag-lid-title,
.emag-listing-inner-div.locked-emag-chapter .emag-lid-subtitle {
   color: #919191;
}

.emag-listing-inner-div.locked-emag-chapter .emag-lid-thumbnail:before {
   content: "";
   background-color: black;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   opacity: 0.7;
}

.emag-listing-inner-div.locked-emag-chapter .emag-lid-thumbnail:after {
   content: "";
   background-image: url(../../images/sgm-magazine/icon-lock.png);
   background-position: center;
   background-size: 17px;
   background-repeat: no-repeat;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
}

.emag-listing-inner-div.locked-emag-chapter {
   pointer-events: none;
}

.emag-listing-inner-sec .emag-listing-inner-div {
   color: #313131;
}

.emag-listing-inner-sec .emag-listing-inner-div:hover .emag-lid-thumbnail-inner {
   transform: scale(1.05);
}

.emag-listing-inner-div.current-emag-listing .emag-listing-inner-top-div .emag-lid-title,
.emag-listing-inner-sec .emag-listing-inner-div:hover .emag-listing-inner-top-div .emag-lid-title {
   color: #15b1d7;
}

.emag-listing-inner-right-div .emag-lid-subtitle {
   margin-bottom: 0;
   max-height: 50px;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}






.emag-action-list-dropdown-parent {
   position: relative;
   height: 30px;
   width: 30px;
}

.emag-action-list-dropdown-wrapper {
   padding: 17px 15px;
   background-color: #F8F8F8;
   border-radius: 10px;
   box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.emag-action-list-dropdown:before {
   content: "";
   width: 12px;
   height: 8px;
   position: absolute;
   left: 20px;
   top: 0;
   -webkit-mask-image: url(../../images/sgm-magazine/triangle-polygon-large.png);
   -webkit-mask-position: center;
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-size: contain;
   mask-image: url(../../images/sgm-magazine/triangle-polygon-large.png);
   mask-position: center;
   mask-repeat: no-repeat;
   mask-size: contain;
   background-color: #F8F8F8;
}

.emag-add-bookmark .emag-ald-icon {
   background-image: url(../../images/sgm-magazine/icon-add-bookmark.png);
}

.emag-ald-div .emag-ald-link.emag-add-bookmark[data-status="delete"] .emag-ald-icon {
   background-image: url(../../images/sgm-magazine/icon-delete-bookmark.png);
   background-size: 70%;
}

.emag-show-bookmark .emag-ald-icon {
   background-image: url(../../images/sgm-magazine/icon-show-bookmark.png);
}

.emag-ald-div .emag-ald-link {
   display: flex;
   align-items: center;
   gap: 6px;
   line-height: 1.2;
   cursor: pointer;
   transition: all .3s ease-in-out;
}

.emag-ald-link .emag-ald-icon {
   width: 20px;
   height: 20px;
   min-width: 20px;
   min-height: 20px;
   background-color: #2D2D2D;
   border-radius: 50px;
   transition: all .3s ease-in-out;
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   position: relative;
}

.emag-ald-div:not(:last-child) {
   margin-bottom: 16px;
}

.emag-ald-div .emag-ald-link:hover .emag-ald-icon,
.emag-ald-div .emag-ald-link:focus .emag-ald-icon {
   background-color: #15B1D7;
   transform: scale(1.05) rotate(-5deg);
}

.emag-action-list-btn:not(.active)+.emag-action-list-dropdown {
   top: calc(100% + 10px);
   pointer-events: none;
   opacity: 0;
   visibility: hidden;
}

.emag-progress-bar {
   background: linear-gradient(90deg, #15B1D7 0%, #034EA1 100%);
   position: fixed;
   height: 10px;
   width: 0;
   transition: border-radius .3s ease-in-out;
   top: 141px;
   left: 0;
   border-radius: 0 50px 50px 0;
   z-index: 99998;
}

.emag-replacement-header-space {
   transition: all .3s ease-in-out;
   min-height: 151px;
}

.emag-progress-bar[style*="width: 100%"] {
   border-radius: 0;
}

.emag-progress-bar.mobile-progress-bar {
   position: absolute;
   top: 100%;
}

.emag-head-sec.mobile-stick .emag-action-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   background-color: #E9E9E9;
}
html[lang="zh-hans"] .emag-ald-div .emag-ald-link.emag-add-bookmark .emag-ald-text {
   display: flex;
   flex-wrap: wrap;
}
.emag-ald-div .emag-ald-link.emag-add-bookmark[data-status="add"] .emag-ald-delete-label,
.emag-ald-div .emag-ald-link.emag-add-bookmark[data-status="delete"] .emag-ald-add-label {
   display: none;
}

.emag-ald-div .emag-ald-link.emag-add-bookmark {
   white-space: nowrap;
}

.emag-ald-div .emag-ald-link.emag-add-bookmark.loading .emag-ald-icon:before,
.emag-ald-div .emag-ald-link.emag-show-bookmark.loading .emag-ald-icon:before {
   content: "";
   background-position: center;
   background-size: 60%;
   background-repeat: no-repeat;
   background-image: url(../../images/loading_icon.png);
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   animation-name: rotate_circle;
   animation-duration: 1s;
   animation-iteration-count: infinite;
}

.emag-ald-div .emag-ald-link.emag-add-bookmark.loading,
.emag-ald-div .emag-ald-link.emag-show-bookmark.loading {
   pointer-events: none;
   opacity: 0.8;
}

.emag-ald-div .emag-ald-link.emag-add-bookmark.loading .emag-ald-icon,
.emag-ald-div .emag-ald-link.emag-show-bookmark.loading .emag-ald-icon {
   background-image: none;
}

.emag-bml-img-div.no-thumbnail-img .emag-bml-img {
   background-size: 90%;
}

.emag-bml-img-div {
   overflow: hidden;
}

.emag-bookmark-list-div .emag-bml-link {
   color: #313131;
}

.emag-bookmark-list-div .emag-bml-link:hover .emag-bml-img,
.emag-bookmark-list-div .emag-bml-link:focus .emag-bml-img {
   transform: scale(1.05);
}

.emag-bookmark-form {
   display: none;
}

.emag-bookmark-list-div.no-result {
   border: 0;
}

.emag-bookmark-list-div.no-result .no-found-text,
body .no-found-text {
   margin-bottom: 0;
   text-align: center;
   width: 100%;
   padding-top: 10px;
   font-weight: 700;
   font-style: italic;
}

.search-result-content-div .no-found-text {
   font-size: 18px;
}

.search-result-content-div {
   position: relative;
}

.search-result-content-inner-div {
   min-height: 300px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
}
.emag-action-list-sec .emag-mini-icon-div {
   margin-left: -3px;
   margin-right: -3px;
}
.emag-action-list-sec .emag-small-icon-div {
   margin-left: -5px;
   margin-right: -5px;
}
.search-result-content,
.search-result-content-div {
   width: 100%;
}
.mdpr_inform_list_div.no_top_mag_title:nth-child(1),
.mdpr_inform_list_div.no_top_mag_title:nth-child(2) {
   border-top-color: #ffffff00;
}











.emag-ald-div .emag-ald-link.emag-add-bookmark .emag-ald-icon:after,
{
content: '';
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
border-radius: 50%;
margin: -0.1875rem;
width: 0.375rem;
height: 0.375rem;
opacity: 0;
/* transform: scale(0); */
/* box-shadow: 0.32476rem -3rem 0 -0.1875rem #ff8080, -0.32476rem -2.625rem 0 -0.1875rem #ffed80, 2.54798rem -1.61656rem 0 -0.1875rem #ffed80, 1.84982rem -1.89057rem 0 -0.1875rem #a4ff80, 2.85252rem 0.98418rem 0 -0.1875rem #a4ff80, 2.63145rem 0.2675rem 0 -0.1875rem #80ffc8, 1.00905rem 2.84381rem 0 -0.1875rem #80ffc8, 1.43154rem 2.22414rem 0 -0.1875rem #80c8ff, -1.59425rem 2.562rem 0 -0.1875rem #80c8ff, -0.84635rem 2.50595rem 0 -0.1875rem #a480ff, -2.99705rem 0.35095rem 0 -0.1875rem #a480ff, -2.48692rem 0.90073rem 0 -0.1875rem #ff80ed, -2.14301rem -2.12438rem 0 -0.1875rem #ff80ed, -2.25479rem -1.38275rem 0 -0.1875rem #ff8080; */
box-shadow: 0.32476rem -3rem 0 -0.1875rem #ff8080, -0.32476rem -2.625rem 0 -0.1875rem #ffed80, 2.54798rem -1.61656rem 0 -0.1875rem #ffed80, 1.84982rem -1.89057rem 0 -0.1875rem #a4ff80, 2.85252rem 0.98418rem 0 -0.1875rem #a4ff80, 2.63145rem 0.2675rem 0 -0.1875rem #80ffc8, 1.00905rem 2.84381rem 0 -0.1875rem #80ffc8, 1.43154rem 2.22414rem 0 -0.1875rem #80c8ff, -1.59425rem 2.562rem 0 -0.1875rem #80c8ff, -0.84635rem 2.50595rem 0 -0.1875rem #a480ff, -2.99705rem 0.35095rem 0 -0.1875rem #a480ff, -2.48692rem 0.90073rem 0 -0.1875rem #ff80ed, -2.14301rem -2.12438rem 0 -0.1875rem #ff80ed, -2.25479rem -1.38275rem 0 -0.1875rem #ff8080;
}

.emag-ald-div .emag-ald-link.emag-add-bookmark.bookmark-btn-animation .emag-ald-icon:after {
   animation: sparkles .5s linear;
}

@keyframes sparkles {
   0% {
      opacity: 0;
      transform: scale(0);
   }

   35%,
   50% {
      opacity: 1;
      transform: scale(0.4);
      /* box-shadow: 0.32476rem -2.4375rem 0 0rem #ff8080, -0.32476rem -2.0625rem 0 0rem #ffed80, 2.1082rem -1.26585rem 0 0rem #ffed80, 1.41004rem -1.53985rem 0 0rem #a4ff80, 2.30412rem 0.85901rem 0 0rem #a4ff80, 2.08305rem 0.14233rem 0 0rem #80ffc8, 0.76499rem 2.33702rem 0 0rem #80ffc8, 1.18748rem 1.71734rem 0 0rem #80c8ff, -1.35019rem 2.0552rem 0 0rem #80c8ff, -0.60229rem 1.99916rem 0 0rem #a480ff, -2.44865rem 0.22578rem 0 0rem #a480ff, -1.93852rem 0.77557rem 0 0rem #ff80ed, -1.70323rem -1.77366rem 0 0rem #ff80ed, -1.81501rem -1.03204rem 0 0rem #ff8080; */
      box-shadow: 0.32476rem -2.4375rem 0 0rem #ff8080, -0.32476rem -2.0625rem 0 0rem #ffed80, 2.1082rem -1.26585rem 0 0rem #ffed80, 1.41004rem -1.53985rem 0 0rem #a4ff80, 2.30412rem 0.85901rem 0 0rem #a4ff80, 2.08305rem 0.14233rem 0 0rem #80ffc8, 0.76499rem 2.33702rem 0 0rem #80ffc8, 1.18748rem 1.71734rem 0 0rem #80c8ff, -1.35019rem 2.0552rem 0 0rem #80c8ff, -0.60229rem 1.99916rem 0 0rem #a480ff, -2.44865rem 0.22578rem 0 0rem #a480ff, -1.93852rem 0.77557rem 0 0rem #ff80ed, -1.70323rem -1.77366rem 0 0rem #ff80ed, -1.81501rem -1.03204rem 0 0rem #ff8080;
   }

   70% {
      opacity: 0;
      transform: scale(0.4);
   }
}

/************ Publications Detail Page end ************/
/************ Magazine Overview ************/
.flip-book-cover-image .flip-book-img {
   padding-top: 134%;
   background-position: center;
   background-repeat: no-repeat;
   background-size: 100%;
   background-color: #d6d6d6;
}

.flip-book-cover-image {
   transition: all .3s ease-in-out;
}


/************ Magazine Overview end ************/
/************ Screen Limit ************/
.screen-limit-sec {
   position: relative;
   min-height: 100vh;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 40px 0;
}

.screen-limit-bg {
   background-color: #023D67;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}

.screen-limit-bg:before {
   content: "";
   position: absolute;
   width: 4700px;
   min-width: 4700px;
   height: 90vh;
   max-height: 658px;
   top: 0;
   left: 50%;
   transform: translate(-50%, 0);
   background-image: url(../../images/sgm-magazine/screen-limit-pattern-bg-2.png), url(../../images/sgm-magazine/screen-limit-pattern-bg-2.png), url(../../images/sgm-magazine/screen-limit-pattern-bg-2.png);
   background-position: 0 100%, 50% 100%, 100% 100%;
   background-repeat: no-repeat;
   background-size: 1650px;
}

.screen-limit-sec .screen-limit-container {
   position: relative;
   z-index: 1;
   width: 100%;
}

.screen-limit-sec .screen-limit-img {
   width: 100%;
   max-width: 720px;
   display: block;
   margin: auto;
}

.screen-limit-wrapper {
   width: 100%;
   text-align: center;
}

.screen-limit-img-div {
   margin-bottom: 20px;
   padding-right: 50px;
}

.screen-limit-div .screen-limit-title,
.screen-limit-div .screen-limit-subtitle,
.screen-limit-div .screen-limit-desc {
   color: white;
}

.screen-limit-div .screen-limit-title {
   margin-bottom: 10px;
}

.screen-limit-div .screen-limit-subtitle {
   margin-bottom: 20px;
}

.screen-limit-div .screen-limit-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
}

.screen-limit-div .screen-limit-desc {
   font-style: italic;
   margin-top: 10px;
}




/************ Screen Limit end ************/
/************ Bookmark Popup ************/
.emag-bookmark-popup {
   position: fixed;
   width: 100%;
   height: calc(100% - 140px);
   bottom: 0;
   left: 0;
   z-index: 999999;
   background-color: rgb(0 0 0 / 50%);
   display: none;
   overflow-y: auto;
   overflow-x: hidden;
}

.emag-bookmark-pu-wrapper {
   width: 100%;
   height: 100%;
   display: flex;
   flex-wrap: wrap;
}

.emag-bookmark-pu-div {
   width: calc(100% - 30px);
   max-width: 961px;
   background-color: #EFEFEF;
   height: auto;
   margin: auto;
   border-radius: 10px;
   box-shadow: 0 4px 20px rgb(0 0 0 / 40%);
   padding: 38px 40px 50px;
   position: relative;
   min-height: 300px;
}

.emag-bookmark-pu-div .emag-bookmark-pu-close {
   height: 40px;
   width: 40px;
   position: absolute;
   top: 35px;
   right: 35px;
   z-index: 2;
   transform: rotate(45deg);
}

.emag-bookmark-pu-div .emag-bookmark-pu-close:before,
.emag-bookmark-pu-div .emag-bookmark-pu-close:after {
   content: "";
   background-color: #313131;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   transition: all .3s ease-in-out;
   position: absolute;
}

.emag-bookmark-pu-div .emag-bookmark-pu-close:before {
   width: 30px;
   height: 3px;
}

.emag-bookmark-pu-div .emag-bookmark-pu-close:after {
   width: 3px;
   height: 30px;
}

.emag-bookmark-pu-title-div {
   color: #313131;
   display: flex;
   align-items: center;
   gap: 5px;
   margin-bottom: 27px;
}

.emag-bookmark-pu-title-div .emag-bookmark-pu-title {
   color: #0751A2;
   margin-bottom: 0;
}

.emag-bookmark-pu-title-div .emag-bookmark-pu-count {
   margin-bottom: 0;
}

.emag-bookmark-list-sec {
   background-color: white;
   border-radius: 20px;
   padding: 25px 20px 30px;
   position: relative;
}

.emag-bookmark-list-sec:after {
   content: "";
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
   background-image: url(../../images/loading_icon.png);
   position: absolute;
   width: 65px;
   height: 65px;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   animation-name: rotate_circle;
   animation-duration: 1s;
   animation-iteration-count: infinite;
   transition: opacity .3s ease-in-out;
}

.emag-bookmark-list-sec:before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-color: white;
   border-radius: 20px;
   opacity: 0.5;
   z-index: 1;
   cursor: progress;
   transition: opacity .3s ease-in-out;
}

.emag-bookmark-list-sec:not(.loading):before,
.emag-bookmark-list-sec:not(.loading):after {
   opacity: 0;
   pointer-events: none;
   animation: none;
   visibility: hidden;
}


.emag-bookmark-list-div {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
   padding: 0 10px 15px 0;
   border-bottom: 1px solid #E0E0E0;
   gap: 17px;
}

.emag-bookmark-list-div .emag-bml-delete {
   -webkit-mask-image: url(../../images/sgm-magazine/icon-delete-bookmark.png);
   -webkit-mask-position: center;
   -webkit-mask-size: 30px;
   -webkit-mask-repeat: no-repeat;
   mask-image: url(../../images/sgm-magazine/icon-delete-bookmark.png);
   mask-position: center;
   mask-size: 30px;
   mask-repeat: no-repeat;
   background-color: #15B1D7;
   width: 100%;
   height: 52px;
   display: inline-flex;
}

.emag-bml-left-div {
   width: 78px;
}

.emag-bml-img-div .emag-bml-img {
   height: 52px;
   width: 100%;
   background-color: #EFEFEF;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   transition: all .3s ease-in-out;
}

.emag-bml-middle-div {
   width: calc(100% - 142px);
}

.emag-bml-right-div {
   width: 30px;
   display: flex;
}

.emag-bookmark-list-div:not(:last-child) {
   margin-bottom: 15px;
}

.emag-bml-middle-div .emag-bml-title {
   margin-bottom: 0;
}

.emag-bookmark-list-div .emag-bml-link:hover,
.emag-bookmark-list-div .emag-bml-link:focus {
   color: #006f8a;
}

.emag-bookmark-list-div .emag-bml-delete:hover,
.emag-bookmark-list-div .emag-bml-delete:focus {
   background-color: #313131;
}

.emag-bookmark-pu-div .emag-bookmark-pu-close:hover:before,
.emag-bookmark-pu-div .emag-bookmark-pu-close:hover:after,
.emag-bookmark-pu-div .emag-bookmark-pu-close:focus:before,
.emag-bookmark-pu-div .emag-bookmark-pu-close:focus:after {
   background-color: #15b1d7;
}

.emag-head-right-mobile i.icon-tooltip::before {
   background-image: url(../../images/icon-tooltip2.svg);
}

.emag-head-right-div .emag-account-btn-mobile {
   -webkit-mask-image: url(../../images/login_icon.png);
   -webkit-mask-position: center;
   -webkit-mask-size: contain;
   -webkit-mask-repeat: no-repeat;
   mask-image: url(../../images/login_icon.png);
   mask-position: center;
   mask-size: contain;
   mask-repeat: no-repeat;
   width: 30px;
   height: 22px;
   display: inline-block;
   background-color: #034EA1;
   transition: all .3s ease-in-out;
}

.emag-head-right-div .emag-account-btn-mobile:hover,
.emag-head-right-div .emag-account-btn-mobile:focus {
   background-color: #15b1d7;
}

body .emag-head-right-div a.emag-mobile-subscribe-btn {
   padding: 6px 8px;
   font-size: 12px;
   min-height: 25px;
   min-width: 103px;
}

.emag-head-right-div i.icon-tooltip {
   width: 12px;
   height: 12px;
}

.emag-head-right-mobile {
   display: flex;
   align-items: center;
   gap: 5px;
   justify-content: flex-end;
}

.emag-action-replacement-space {
   height: 48px;
}

/************ Bookmark Popup end ************/
/************ Magazine Search Result ************/
.search-result-div {
   margin-bottom: 30px;
}

.search-result-div>*:last-child {
   padding-bottom: 0;
}

.search-result-content-div:not(.loading):before {
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
}

.search-result-content-div:before {
   content: "";
   position: absolute;
   background-image: url(../../images/sgm-magazine/icon-refresh.png);
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   width: 60px;
   height: 60px;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   z-index: 1;
   transition: all .3s ease-in-out;
   animation: 2s rotate_circle linear infinite;
}

.search-result-content-div>* {
   transition: opacity .3s ease-in-out;
}

.search-result-content-div.loading {
   cursor: progress;
}

.search-result-content-div.loading>* {
   opacity: 0.4;
   pointer-events: none;
}

.search-result-content-div .mdpr_new {
   margin-bottom: 0;
}

.search-result-book-cover-image img.no-book-cover {
   object-fit: contain;
   background-color: inherit;
   max-width: 200px;
}

.search-result-book-cover-image.no-book-cover-div {
   background-color: #efefef;
   padding: 0 10px;
}

.search-result-book-cover-image {
   min-width: 220px;
   max-width: 220px;
}

body .custom-simple-pagi-style {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
   gap: 10px 12px;
   padding: 30px 0;
}

body .custom-simple-pagi-style .current,
body .custom-simple-pagi-style .page-link {
   margin: 0;
   background: #ffffff00;
   background-color: #ffffff00;
   color: #313131;
   width: 35px;
   height: 35px;
   display: inline-flex;
   border-radius: 50%;
   text-align: center;
   align-items: center;
   justify-content: center;
   font-size: 14px;
   transition: all .3s ease-in-out;
   border: 0;
   box-shadow: 0 0 0;
   line-height: 1;
   padding: 0;
}

body .custom-simple-pagi-style .current,
body .custom-simple-pagi-style .page-link:hover,
body .custom-simple-pagi-style .page-link:focus {
   background-color: #15B1D7;
   color: #ffffff;
   font-weight: 700;
}

.nmd-action-div.nmd-non-subscript {
   flex-direction: unset;
   flex-wrap: wrap;
   align-items: center;
}

html body .html-full-white-btn {
   color: #034EA1;
   border: 1px solid #ffffff;
   background-color: #ffffff;
   min-width: 166px;
   text-align: center;
   border-radius: 7px;
   min-height: 42px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 10px 15px;
   line-height: 1.2;
   font-size: 14px;
   font-weight: 600;
}

html body .html-full-white-btn:hover,
html body .html-full-white-btn:focus {
   color: #ffffff;
   border: 1px solid #034EA1;
   background-color: #034EA1;
}

.emag-head-right-desktop {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   justify-content: flex-end;
   gap: 5px;
}

body .html-login-with-icon {
   border-radius: 7px;
   border: 1px solid #034EA1;
   min-height: 40px;
   min-width: 96px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   color: #034EA1;
   transition: all .3s ease-in-out;
   font-size: 14px;
   font-weight: 600;
   padding: 8px 10px;
   line-height: 1;
}

body .html-login-with-icon .hlwi-icon {
   -webkit-mask-image: url(../../images/login_icon.png);
   -webkit-mask-position: center;
   -webkit-mask-size: contain;
   -webkit-mask-repeat: no-repeat;
   mask-image: url(../../images/login_icon.png);
   mask-position: center;
   mask-size: contain;
   mask-repeat: no-repeat;
   width: 14px;
   min-width: 14px;
   height: 14px;
   display: inline-block;
   background-color: #034EA1;
   transition: all .3s ease-in-out;
}


.emag-listing-bot {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-top: 30px;
   margin-bottom: 10px;
}

.emag-listing-bot .emag-listing-bot-btn {
   font-size: 14px;
   background-color: #15B1D7;
   border: 1px solid #15B1D7;
   width: 100%;
   min-height: 56px;
   border-radius: 20px;
   transition: all .3s ease-in-out;
   color: white;
   font-weight: 600;
   text-align: center;
   padding: 10px 15px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.emag-listing-bot .emag-listing-bot-btn:hover,
.emag-listing-bot .emag-listing-bot-btn:focus {
   background-color: #034fa1;
   border: 1px solid #034fa1;
   color: white;
}

.emag-head-right-desktop .emag-account-btn.html-login-with-icon {
   margin-right: 10px;
}




/************ Magazine Search Result end ************/
/************ Cosmic News ************/
html body[class*="id"] .subscribe-cosmic-news-element {
   transition: opacity .3s ease-in-out;
}
html body[class*="id"] .subscribe-cosmic-news-element,
html body[class*="id"]  *:not(.wp-pagenavi) > *[href*="/cosmic-news"],
html body[class*="id"] .site section li.menu-item a.menu-link[href*="/cosmic-news"],
body:not(.elementor-editor-active) .subscribe-cosmic-news-sec {
   /* display: none; */
}
.cosmic-news-slider.swiper-container {
   padding-top: 22px;
   padding-bottom: 30px;
   padding-left: 10px;
   padding-right: 10px;
   width: calc(100% + 20px);
   margin-left: -10px;
   margin-right: -10px;
}
.cosmic-news-slider.swiper-container .swiper-scrollbar {
   width: calc(100% - 20px);
}
.cosmic-news-slider.swiper-container .cosmic-news-slider-div.swiper-slide {
   width: calc(25% - 15px);
   height: auto;
   /* min-width: 260px; */
   min-width: 250px;
}

.cosmic-news-slider-div.swiper-slide .cns-inner-div {
   display: flex;
   flex-direction: column;
   height: 100%;
   border-radius: 12px;
   box-shadow: 0px 2px 4px 0px #00000026;
   overflow: hidden;
   background-color: white;
}

.cosmic-news-slider-div.swiper-slide .cns-inner-div:hover {
   box-shadow: 0px 2px 10px 0px #00000059;
}

.cosmic-news-slider-div.swiper-slide .cns-inner-div:hover .cns-bg {
   transform: scale(1.05);
}

.cosmic-news-slider.swiper-container .cosmic-news-slider-div.swiper-slide:not(:last-child) {
   margin-right: 20px;
}

.cns-bg-div {
   height: 171px;
   overflow: hidden;
}

.cns-bg-div .cns-bg {
   height: 100%;
   width: 100%;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   transition: all .3s ease-in-out;
}

.cns-content-div {
   padding: 20px 20px 25px;
   min-height: 129px;
}

.cns-content-div .cns-title {
   color: #313131;
   font-size: 15px;
   font-weight: 700;
   line-height: 1.5;
}

.cns-content-div .cns-date {
   margin-bottom: 0;
   font-size: 13px;
   color: #959595;
   line-height: 1.3;
}

.news-pcc-sec {
   gap: 46px 28px;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: stretch;
}

.news-pcc-div {
   width: calc(33.33% - 18.66px);
}

.news-pcc-div .news-pcc-inner-div {
   display: block;
   height: 100%;
   border-radius: 22px;
   border: 1px solid #A8A8A8;
   overflow: hidden;
}

.news-pcc-bg-div {
   min-height: 61px;
   position: relative;
   padding: 10px 15px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
}

.news-pcc-bg-div .news-pcc-title {
   margin-bottom: 0;
   color: white;
   position: relative;
   z-index: 3;
}

.news-pcc-bg-div .news-pcc-bg {
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 2;
}

.news-pcc-photo-div {
   padding: 39px 15px 53px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.news-pcc-photo-div .news-pcc-photo {
   width: auto;
   height: auto;
   margin: auto;
   box-shadow: 0px 3px 7px 0px #00000040;
   transition: all .3s ease-in-out;
   max-height: 350px;
}

.news-pcc-div .news-pcc-inner-div:hover .news-pcc-photo {
   transform: rotate(-1deg) scale(1.03);
}

.cosmic-news-filter-div {
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
   align-items: stretch;
}

.cosmic-news-filter-div .cosmic-news-slider-div.swiper-slide {
   width: calc(33.33% - 13.33px);
   height: auto;
}

.cosmic-news-filter-div .cns-bg-div {
   height: 227px;
}

.cosmic-news-filter-div .cns-content-div {
   min-height: 156px;
}

.cosmic-new-sf-head-sec {
   display: flex;
   align-items: flex-start;
   gap: 20px;
   margin-bottom: 27px;
}

.cosmic-new-sf-head-sec .cosmic-new-sf-lhead-div {
   width: calc(30% - 10px);
}

.cosmic-new-sf-head-sec .cosmic-new-sf-rhead-div {
   width: calc(70% - 10px);
}

.cosmic-new-sf-sec {
   padding-top: 40px;
}

.cosmic-new-sf-rhead-div form.searchandfilter ul {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 20px;
   margin-left: 0;
}

.cosmic-new-sf-rhead-div form.searchandfilter ul>li {
   display: flex;
   align-items: center;
   gap: 13px;
   padding: 0;
}

.cosmic-new-sf-rhead-div form.searchandfilter ul>li h4 {
   color: #313131;
   font-size: 14px;
   font-weight: 400;
   font-family: 'Noto Sans', sans-serif;
   padding: 8px 0;
}

.cosmic-new-sf-rhead-div form.searchandfilter ul>li select.sf-input-select {
   border: 1px solid #E0E0E0;
   border-radius: 7px;
   background-color: white;
   min-height: 40px;
   padding: 7px 24px 7px 15px;
   font-size: 14px;
   color: #313131;
   appearance: none;
   background-image: url(../../images/arrow_down_black.png);
   background-repeat: no-repeat;
   background-size: 10px;
   background-position: calc(100% - 9px) 50%;
}

.cosmic-new-sf-lhead-div .cosmic-new-sf-lhead-title {
   margin-bottom: 0;
}



/************ Cosmic News end ************/
/************ Cosmic News Detail ************/
.single-cns-banner-sec {
   position: relative;
   overflow: hidden;
}

.single-cns-banner-sec .single-cns-banner-bg {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.single-cns-banner-sec .single-cns-banner-bg-cover {
   position: absolute;
   z-index: 2;
   background: linear-gradient(356.56deg, #000000 14.88%, rgba(0, 0, 0, 0) 62.79%);
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   opacity: 0.5;
}

.single-cns-banner-sec .single-cns-banner-container.ast-container {
   position: relative;
   z-index: 3;
}

.single-cns-banner-div {
   padding: 30px 0 53px;
   min-height: 350px;
   display: flex;
   align-items: flex-start;
   justify-content: flex-end;
   width: 100%;
   flex-direction: column;
}

.single-cns-banner-wrapper {
   width: 100%;
}

.single-cns-banner-div .pei_title {
   color: white;
}

.single-cns-content-wrapper {
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
   width: 100%;
}

.single-cns-lcontent-div {
   width: 25.5%;
   background-color: #15b2d7;
   position: relative;
   padding: 47px 15px 30px 0;
}

.single-cns-lcontent-div:before {
   content: "";
   position: absolute;
   width: 100vw;
   height: 100%;
   top: 0;
   right: 100%;
   background-color: inherit;
}

.single-cns-rcontent-div {
   width: 74.5%;
   padding: 26px 0 60px 40px;
}

.single-cns-discover-more-div .pep_sw_bottom {
   box-shadow: 0 0 10px #0000001a;
}

.single-cns-rcontent-div .single-cns-content-separator {
   margin: 30px 0;
}

.single-cns-discover-sec .dms_sec {
   width: 100%;
}

.single-cns-banner-sec .single-cns-banner-bg.no-cns-banenr-bg {
   background-size: 650px;
   background-color: white;
}

.single-cns-discover-sec .cosmic-news-slider.swiper-container {
   position: relative;
   overflow: hidden;
}

.single-cns-banner-share {
   margin-left: auto;
   display: flex;
   align-items: flex-start;
   position: absolute;
   bottom: 18px;
   right: 15px;
}

.single-cns-banner-share .peis_label {
   padding-top: 3px;
   color: white;
   margin-right: 9px;
   margin-bottom: 0;
}

.single-cns-discover-more-div .pep_sw_date {
   font-size: 12px;
   line-height: 1.45;
}
.single-cns-content-div > h1, 
.single-cns-content-div > h2, 
.single-cns-content-div > h3, 
.single-cns-content-div > h4, 
.single-cns-content-div > h5, 
.single-cns-content-div > h6 {
   margin-bottom: 12px;
}


/************ Cosmic News Detail end ************/
/************ Magazine Subscription ************/
.new-mpd-inner-sec {
   display: flex;
   flex-wrap: wrap;
   gap: 60px;
   align-items: stretch;
   padding: 22px 0 30px;
}

.new-mpd-inner-lsec {
   width: 200px;
   border-right: 1px solid #CACACA;
}

.new-mpd-sidebar-div .nmpd-sidebar-link {
   display: flex;
   align-items: baseline;
   gap: 5px;
   position: relative;
}

.nmpd-sidebar-link .nmpd-sidebar-count {
   font-size: 14px;
   min-width: 22px;
   width: 22px;
   height: 22px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   transition: all .3s ease-in-out;
   border-radius: 50px;
   border: 1px solid #DEDEDE;
   background-color: #DEDEDE;
   color: #969696;
   padding: 2px 4px 3px;
   z-index: 2;
}

.nmpd-sidebar-link.nmpd-active .nmpd-sidebar-count {
   border: 1px solid #15B1D7;
   background-color: #15B1D7;
   color: #FFFFFF;
}

.nmpd-sidebar-link.nmpd-prev-active .nmpd-sidebar-count {
   border: 1px solid #15B1D7;
   background-color: #FFFFFF;
   color: #15B1D7;
}

.new-mpd-sidebar-div:not(:last-child) .nmpd-sidebar-link:before {
   content: "";
   position: absolute;
   top: 10px;
   left: 10.5px;
   width: 1px;
   height: 100%;
   background-color: #DEDEDE;
   transition: all .3s ease-in-out;
}

.new-mpd-sidebar-div .nmpd-sidebar-link.nmpd-prev-active:before {
   background-color: #15B1D7;
}

.nmpd-sidebar-link .nmpd-sidebar-text-div {
   font-size: 14px;
   color: #313131;
   line-height: 1.25;
   transition: all .3s ease-in-out;
}

.new-mpd-sidebar-div:not(:last-child) .nmpd-sidebar-link {
   padding-bottom: 28px;
}

.nmpd-sidebar-link .nmpd-sidebar-text-div .nmpd-sidebar-text {
   display: block;
   width: 100%;
}

.nmpd-sidebar-text-div .nmpd-duration-label {
   font-size: 14px;
   color: #15B1D7;
   display: inline-flex;
   background-color: #DEF8FF;
   min-height: 26px;
   padding: 2px 9px;
   border-radius: 50px;
   align-items: center;
   justify-content: center;
   text-align: center;
   margin-top: 3px;
}

.new-mpd-sidebar-div .nmpd-sidebar-link:hover .nmpd-sidebar-text-div,
.new-mpd-sidebar-div .nmpd-sidebar-link:focus .nmpd-sidebar-text-div {
   color: #15B1D7;
}

.nmpd-step-div .nmpd-step-title {
   margin-bottom: 16px;
}

.nmpd-radio-form .nmpd-radio-btn-sec {
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
   gap: 20px;
}

.nmpd-radio-btn-div .nmpd-radio-btn-inner {
   transition: all .3s ease-in-out;
   background-color: #F8F8F8;
   padding: 15px 23px 15px 21px;
   min-height: 70px;
   width: 160px;
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
   border-radius: 7px;
   overflow: hidden;
   position: relative;
   color: #313131;
}

.nmpd-radio-btn-div .nmpd-radio-btn-inner:before {
   content: "";
   border-radius: 7px;
   border: 1px solid #A7A7A7;
   transition: all .3s ease-in-out;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
}

.nmpd-radio-btn-div .nmpd-radio-btn-inner:after {
   content: "";
   border-radius: 7px;
   border: 3px solid #15B1D7;
   transition: all .3s ease-in-out;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   z-index: 2;
}

.nmpd-radio-btn-div input.nmpd-radio:checked+.nmpd-radio-btn-inner:before,
.nmpd-radio-btn-div input.nmpd-radio:not(:checked)+.nmpd-radio-btn-inner:after {
   opacity: 0;
}

.nmpd-radio-btn-div {
   position: relative;
}

.nmpd-radio-btn-div input.nmpd-radio {
   position: absolute;
   width: 100%;
   height: 100%;
   z-index: 5;
   cursor: pointer;
   opacity: 0;
}

.nmpd-radio-btn-inner .nmpd-radio-btn-icon {
   width: 30px;
   height: 30px;
   border-radius: 50px;
   border: 1px solid #C4C4C4;
   transition: all .3s ease-in-out;
   background-color: white;
   position: relative;
}

.nmpd-radio-btn-inner .nmpd-radio-btn-icon .nmpd-radio-btn-icon-tick,
.nmpd-ml-checkbox .nmpd-ml-checkbox-tick {
   width: 8px;
   height: 14px;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   transform: rotate(45deg) translate(-1px, -1px);
}

.nmpd-radio-btn-inner .nmpd-radio-btn-icon .nmpd-radio-btn-icon-tick:before,
.nmpd-radio-btn-inner .nmpd-radio-btn-icon .nmpd-radio-btn-icon-tick:after,
.nmpd-ml-checkbox .nmpd-ml-checkbox-tick:before,
.nmpd-ml-checkbox .nmpd-ml-checkbox-tick:after {
   content: "";
   position: absolute;
   background-color: #FFFFFF;
   border-radius: 50px;
   transition: all .3s ease-in-out;
}

.nmpd-radio-btn-inner .nmpd-radio-btn-icon .nmpd-radio-btn-icon-tick:before,
.nmpd-ml-checkbox .nmpd-ml-checkbox-tick:before {
   height: 2px;
   width: 100%;
   bottom: 0;
   left: 0;
}

.nmpd-radio-btn-inner .nmpd-radio-btn-icon .nmpd-radio-btn-icon-tick:after,
.nmpd-ml-checkbox .nmpd-ml-checkbox-tick:after {
   width: 2px;
   height: 100%;
   right: 0;
   top: 0;
}

.nmpd-radio-btn-div input.nmpd-radio:checked+.nmpd-radio-btn-inner .nmpd-radio-btn-icon {
   border: 1px solid #15B1D7;
   background-color: #15B1D7;
}

.nmpd-radio-btn-div input.nmpd-radio:hover+.nmpd-radio-btn-inner:before {
   border-color: #15B1D7;
}

.nmpd-radio-btn-div input.nmpd-radio:hover+.nmpd-radio-btn-inner {
   box-shadow: 0 0 6px rgb(0 0 0 / 20%);
}

.mag-order-button.nmpd-mag-btn-div {
   padding-top: 40px;
}

.nmpd-step-div .nmpd-step-label {
   margin-bottom: 3px;
   font-size: 14px;
}

.mag-duration-popup-sec {
   position: fixed;
   width: 100%;
   height: 100%;
   z-index: 99999;
   background-color: rgb(0 0 0 / 50%);
   top: 0;
   left: 0;
   display: none;
}

.mag-duration-popup-wrapper {
   width: 100%;
   height: 100%;
   display: flex;
   padding: 30px 15px;
   overflow-y: auto;
   overflow-x: hidden;
}

.mag-duration-popup-div {
   border-radius: 30px;
   overflow: hidden;
   background-color: white;
   width: 100%;
   max-width: 680px;
   margin: auto;
}

.mag-duration-pu-head {
   min-height: 105px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 15px 50px;
   text-align: center;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   background-image: url(../../images/mag-pattern/pattern-dark-blue.jpg);
   position: relative;
}

.mag-duration-pu-head .mag-duration-pu-title {
   margin-bottom: 0;
   color: white;
}

.mag-duration-pu-head .mag-duration-pu-close {
   width: 30px;
   height: 30px;
   position: absolute;
   right: 21px;
   top: 18px;
   transition: all .3s ease-in-out;
   cursor: pointer;
   z-index: 2;
   transform: rotate(45deg);
}

.mag-duration-pu-head .mag-duration-pu-close:before,
.mag-duration-pu-head .mag-duration-pu-close:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   background-color: white;
   transition: all .3s ease-in-out;
}

.mag-duration-pu-head .mag-duration-pu-close:before {
   width: 100%;
   height: 2px;
}

.mag-duration-pu-head .mag-duration-pu-close:after {
   height: 100%;
   width: 2px;
}

.mag-duration-pu-body {
   min-height: 264px;
   padding: 30px;
   text-align: center;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}
body.woocommerce-checkout #customer_details .woocommerce-billing-fields,
body.woocommerce-checkout #content #order_review {
   padding-top: 16px;
}
body form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review) {
   border-width: 1px;
}
.mag-duration-pu-body .mag-duration-pu-subtitle {
   font-weight: 700;
   line-height: 1.5;
   display: block;
   margin-bottom: 30px;
}
.mag-duration-popup-sec .mag-duration-pu-body .mag-duration-3y-btn {
   margin-bottom: 5px;
}
.mag-duration-pu-body .mag-duration-3y-btn {
   margin-bottom: 10px;
}

.mag-duration-pu-body .mag-duration-1y-btn {
   font-weight: 600;
   color: #15B1D7;
   font-size: 14px;
}

.mag-duration-pu-body .mag-duration-1y-btn:hover,
.mag-duration-pu-body .mag-duration-1y-btn:focus {
   color: #313131;
}

.mag-duration-pu-head .mag-duration-pu-close:hover:before,
.mag-duration-pu-head .mag-duration-pu-close:hover:after {
   background-color: #15B1D7;
}

.new-mpd-inner-rsec {
   width: calc(100% - 260px);
}

.nmpd-step-div hr.nmpd-separator {
   margin-bottom: 60px;
   background-color: #CACACA;
   opacity: 1;
}

.nmpd-ml-head {
   padding: 15px 20px 12px;
   background-color: #034EA1;
   color: white;
   font-size: 20px;
   min-height: 57px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
}

.nmpd-ml-head .nmpd-ml-title {
   transition: all .3s ease-in-out;
}

.nmpd-mag-list-sec {
   display: flex;
   flex-wrap: wrap;
   gap: 14px;
}

.nmpd-mag-list-lwrap,
.nmpd-mag-list-rwrap {
   width: calc(50% - 7px);
}

.nmpd-mag-list-div {
   position: relative;
   overflow: hidden;
   border-radius: 10px 10px 0 0;
   transition: all .3s ease-in-out;
   border-radius: 10px;
}

.nmpd-mag-list-div:hover {
   box-shadow: 0 0 6px rgb(0 0 0 / 50%);
}

.nmpd-mag-list-div input.nmpd-ml-checkbox {
   position: absolute;
   width: 100%;
   height: 57px;
   top: 0;
   left: 0;
   z-index: 2;
   opacity: 0;
   cursor: pointer;
}

.nmpd-ml-body {
   position: relative;
   overflow: hidden;
   padding: 0 20px 20px;
   border-radius: 0 0 10px 10px;
   transition: all .3s ease-in-out;
}

.nmpd-ml-body .nmpd-mlb-bg {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.nmpd-ml-body .nmpd-mlb-bg[data-id="cosmic"] {
   background-image: url(../../images/mag-pattern/ms-bg-cosmic.jpg);
}

.nmpd-ml-body .nmpd-mlb-bg[data-id="yu-zhou"] {
   background-image: url(../../images/mag-pattern/ms-bg-yu-zhou.jpg);
}

.nmpd-ml-body .nmpd-mlb-bg[data-id="treasure"] {
   background-image: url(../../images/mag-pattern/ms-bg-treasure.jpg);
}

.nmpd-ml-body .nmpd-mlb-bg[data-id="flow"] {
   background-image: url(../../images/mag-pattern/ms-bg-flow.jpg);
}

.nmpd-ml-body .nmpd-mlb-bg[data-id="liu"] {
   background-image: url(../../images/mag-pattern/ms-bg-liu.jpg);
}

.nmpd-ml-body .nmpd-mlb-bg[data-id="cosmic-online"] {
   background-image: url(../../images/mag-pattern/ms-bg-cosmic-combo.jpg);
}

.nmpd-mlb-foot {
   padding-top: 6px;
   color: white;
   font-style: italic;
   font-size: 12px;
   line-height: 1.3;
   border-top: 1px solid rgb(255 255 255 / 60%);
   transition: all .3s ease-in-out;
   max-height: 250px;
}

.nmpd-mlb-foot .nmpd-mlbf-title {
   margin-bottom: 0;
   width: 100%;
   max-width: 290px;
}

.nmpd-mlb-head-top .nmpd-mlb-head-title,
.nmpd-mlb-head-top .nmpd-mlb-head-subtitle {
   color: white;
   margin-bottom: 0;
   line-height: 1.4;
}

.nmpd-mlb-head-top {
   display: flex;
   align-items: center;
   justify-content: space-between;
   color: white;
   padding-top: 30px;
   padding-bottom: 30px;
   transition: all .3s ease-in-out;
   gap: 10px;
}

.nmpd-mlb-head-top.force-combo-active-mag {
   padding-top: 30px !important;
   padding-bottom: 30px !important;
}

.nmpd-mlb-head,
.nmpd-mlb-foot {
   position: relative;
   z-index: 1;
}

.nmpd-mlb-head-bottom {
   transition: all .3s ease-in-out;
   display: flex;
   justify-content: flex-end;
   align-items: center;
   padding-bottom: 38px;
   max-height: 300px;
}

.publication-mag-quantity-sec {
   height: 28px;
   width: auto;
   border-radius: 50px;
   overflow: hidden;
   display: flex;
   align-items: stretch;
   background-color: white;
}

.publication-mag-quantity-sec .negative,
.publication-mag-quantity-sec .plus {
   display: flex;
   width: 24px;
   height: 100%;
   padding: 2px;
   position: relative;
   cursor: pointer;
}

.nmpd-mag-list-div:not(:last-child) {
   margin-bottom: 14px;
}

.publication-mag-quantity-sec input.publication-mag-quantity-input {
   width: 42px;
   padding: 2px;
   text-align: center;
   appearance: none;
   font-weight: 600;
   font-size: 15px;
   border-radius: 0;
   border: 0;
   background-color: white;
   transition: all .3s ease-in-out;
   -moz-appearance: textfield;
}

.publication-mag-quantity-sec input.publication-mag-quantity-input::-webkit-outer-spin-button,
.publication-mag-quantity-sec input.publication-mag-quantity-input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

.publication-mag-quantity-sec .negative {
   border-right: 1px solid rgb(195 195 195 / 50%);
}

.publication-mag-quantity-sec .plus {
   border-left: 1px solid rgb(195 195 195 / 50%);
}

.publication-mag-quantity-sec input.publication-mag-quantity-input:focus {
   box-shadow: 0 0 0 transparent !important;
}

.publication-mag-quantity-sec .negative:before,
.publication-mag-quantity-sec .plus:before,
.publication-mag-quantity-sec .plus:after {
   content: "";
   position: absolute;
   background-color: #313131;
   margin: auto;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   transition: all .3s ease-in-out;
}

.publication-mag-quantity-sec .negative:before,
.publication-mag-quantity-sec .plus:before {
   width: 7px;
   height: 2px;
}

.publication-mag-quantity-sec .plus:after {
   width: 2px;
   height: 7px;
}

.publication-mag-quantity-sec .negative:hover:before,
.publication-mag-quantity-sec .plus:hover:before,
.publication-mag-quantity-sec .plus:hover:after {
   background-color: #15B1D7;
}

.nmpd-mag-list-div.treasure .nmpd-mlb-head-top,
.nmpd-mag-list-div.treasure .nmpd-mlb-head-top .nmpd-mlb-head-title,
.nmpd-mag-list-div.treasure .nmpd-mlb-head-top .nmpd-mlb-head-subtitle,
.nmpd-mag-list-div.treasure .nmpd-mlb-foot {
   color: black;
}

.nmpd-mag-list-div.treasure .nmpd-mlb-foot {
   border-top: 1px solid rgb(0 0 0 / 60%);
}

.nmpd-ml-head .nmpd-ml-checkbox {
   width: 30px;
   height: 30px;
   min-width: 30px;
   background-color: white;
   border-radius: 50px;
   position: relative;
   transition: all .3s ease-in-out;
}

.nmpd-ml-checkbox .nmpd-ml-checkbox-tick:before,
.nmpd-ml-checkbox .nmpd-ml-checkbox-tick:after {
   background-color: #034EA1;
}

.nmpd-ml-checkbox .nmpd-ml-checkbox-tick {
   transition: all .3s ease-in-out;
   opacity: 0;
}

.nmpd-mag-list-div input.nmpd-ml-checkbox:checked~.nmpd-ml-head .nmpd-ml-checkbox-tick {
   opacity: 1;
}

.nmpd-mag-list-div input.nmpd-ml-checkbox:hover~.nmpd-ml-head .nmpd-ml-title {
   transform: translate(10px, 0);
}

.nmpd-mag-list-div input.nmpd-ml-checkbox:checked~.nmpd-ml-body .nmpd-mlb-head-top {
   padding-bottom: 5px;
}

.nmpd-mag-list-div input.nmpd-ml-checkbox:checked~.nmpd-ml-body:before {
   border: 3px solid #034fa1;
   border-top: 0;
}

.nmpd-ml-body:before {
   content: "";
   transition: all .3s ease-in-out;
   position: absolute;
   width: 100%;
   height: 100%;
   pointer-events: none;
   top: 0;
   left: 0;
   z-index: 1;
   border-radius: 0 0 10px 10px;
   border: 0 solid #034fa1;
}

.nmpd-mag-list-div input.nmpd-ml-checkbox:not(:checked)~.nmpd-ml-body .nmpd-mlb-head-bottom,
.nmpd-mag-list-div input.nmpd-ml-checkbox:not(:checked)~.nmpd-ml-body .nmpd-mlb-foot {
   max-height: 0;
   padding-top: 0;
   padding-bottom: 0;
   margin-top: 0;
   margin-bottom: 0;
   pointer-events: none;
   opacity: 0;
   visibility: hidden;
}

.nmpd-mlb-head-top .nmpd-mlb-head-subtitle {
   font-size: 13px;
   white-space: nowrap;
   display: flex;
   flex-direction: column;
}

.nmpd-mlb-head-top .nmpd-mlb-head-subtitle strong {
   font-size: 14px;
}

.nmpd-mag-list-div.full-width {
   width: 100%;
}

.nmpd-mag-list-div.full-width .nmpd-mlb-foot .nmpd-mlbf-title {
   max-width: 100%;
}

.nmpd-mag-list-div.full-width .nmpd-mlb-foot {
   padding-top: 10px;
}

.nmpd-mag-list-div.only-one-product .nmpd-mlb-head-bottom {
   pointer-events: none !important;
   opacity: 0 !important;
   visibility: hidden;
}

.nmpd-mag-list-div.only-one-product .nmpd-ml-body:before {
   opacity: 0;
}

.nmpd-mag-list-sec:not(:last-child) {
   margin-bottom: 60px;
}

.nmpd-mag-list-div.prevent-change input.nmpd-ml-checkbox {
   pointer-events: none;
}

.nmpd-mag-list-div.prevent-change .nmpd-ml-head .nmpd-ml-checkbox {
   background-color: #518BCB;
}

.nmpd-mlb-head .subtitle-with-discount {
   padding-bottom: 18px;
   position: relative;
   display: inline-block;
}

.nmpd-mlb-head-subtitle .ori-price {
   max-width: 100%;
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translate(-50%, 0);
   text-align: center;
   font-size: 14px;
}

.nmpd-mlb-head-subtitle .ori-price:before {
   content: "";
   width: 100%;
   height: 1px;
   background-color: white;
   bottom: 0;
   top: 0;
   left: 0;
   right: 0;
   margin: auto;
   position: absolute;
}

.nmpd-mag-list-div.treasure .nmpd-mlb-head-subtitle .ori-price:before {
   background-color: black;
}

.nmpd-step-div .last-nmpd-mag-sec {
   margin-bottom: 15px;
}

.ns-mag-sec .ns-mag-div {
   margin-top: 14px;
   border-top: 1px solid rgb(167 167 167 / 50%);
   padding-top: 20px;
   max-width: 874px;
   margin-left: auto;
   margin-right: auto;
}

.ns-mag-cl-div {
   display: flex;
   flex-wrap: wrap;
   gap: 5px;
   align-items: flex-start;
}

.ns-mag-cl-div .ns-mag-cl-duration-div,
.ns-mag-cl-div .ns-mag-cl-type-div,
.ns-mag-cl-div .ns-mag-cl-price-div {
   width: 125px;
   text-align: center;
   padding: 0 5px;
}

.ns-mag-cl-div .ns-mag-cl-title-div {
   width: calc(100% - 390px);
   text-align: left;
   padding: 0 5px 0 48px;
}

.ns-mag-head-div .ns-mag-cl-div {
   font-size: 14px;
   color: #9E9E9E;
}

.ns-mag-head-div {
   margin-bottom: 10px;
   padding-right: 15px;
}

.ns-mag-body-div {
   padding: 25px 0 30px;
   border: 1px solid #A7A7A7;
   border-radius: 7px;
   background-color: #F8F8F8;
}

.ns-mag-content-list .ns-mag-cl-div {
   font-size: 14px;
}

.ns-mag-body-div .ns-mag-cl-div {
   padding-bottom: 36px;
   position: relative;
   padding-right: 15px;
}

.ns-mag-body-div .ns-mag-cl-div:before {
   content: "";
   background-color: #A7A7A7;
   position: absolute;
   width: calc(100% - 94px);
   height: 1px;
   bottom: 25px;
   left: 0;
   right: 0;
   margin: auto;
   opacity: 0.5;
}

.ns-mag-cl-title-div .ns-mag-cl-title,
.ns-mag-cl-title-div .ns-mag-cl-title-note,
.ns-mag-cl-duration-div .ns-mag-cl-duration,
.ns-mag-cl-type-div .ns-mag-cl-type,
.ns-mag-cl-price-div .ns-mag-cl-price {
   margin-bottom: 0;
}

.ns-mag-cl-title-div .ns-mag-cl-title-note {
   margin-top: 35px;
   font-size: 12px;
}

.ns-mag-cl-title-div .ns-mag-cl-title strong {
   font-size: 17px;
   font-weight: 900;
}

.ns-mag-foot-ldiv .ns-mag-foot-label,
.ns-mag-foot-rdiv .ns-mag-foot-label {
   margin-bottom: 0;
}

.ns-mag-foot-div {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 20px;
   padding: 0 47px;
}

.ns-mag-foot-ldiv .ns-mag-foot-label {
   font-size: 20px;
   font-weight: 700;
}

.ns-mag-foot-rdiv .ns-mag-foot-label {
   font-size: 23px;
   font-weight: 900;
}

.ns-mag-body-div .ns-mag-mobile-label {
   font-weight: 700;
}

.nmpd-step-div .nmpd-step-red-label {
   line-height: 1.5;
}

.nmpd-step-sec {
   position: relative;
   overflow: hidden;
}

.nmpd-step-div {
   position: absolute;
   transition: all .3s ease-in-out;
   top: 20px;
   left: 0;
   width: 100%;
   opacity: 0;
   pointer-events: none;
   z-index: -1;
   visibility: hidden;
}

.nmpd-step-div.nmpd-active {
   position: relative;
   z-index: 1;
   opacity: 1;
   pointer-events: all;
   visibility: visible;
   top: 0;
}

body .dum-mag-duration-next {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-color: #15b1d7;
   background-color: #15b1d7;
}

body .dum-mag-duration-next:hover,
body .dum-mag-duration-next:focus {
   color: white;
}

body .nmpd-inner-type-wrapper {
   display: none;
   position: relative;
   overflow: hidden;
}

body *[data-mag] {
   transition: all .3s ease-in-out, max-width 0s ease-in-out;
   z-index: 1;
   position: relative;
   opacity: 1;
   visibility: visible;
   pointer-events: all;
   max-height: 2000px;
   margin-left: auto;
   margin-right: auto;
}

body *[data-mag]:not(.active-mag-div) {
   z-index: -1;
   max-height: 0;
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
   padding-top: 0;
   padding-bottom: 0;
   margin-top: 0;
   margin-bottom: 0;
   /* max-width: 0; */
}
body #content .plain-btn-style {
   padding: 0;
   background-color: #ffffff00;
   font-weight: 600;
   color: #15B1D7;
   font-size: 14px;
   margin-top: 5px;
}
body #content .plain-btn-style:hover,
body #content .plain-btn-style:focus {
   color: #313131;
}
body .emag_renewal_title {
   margin-top: 5px;
}
body .gift-pop-wp {
   align-items: center;
}
body .gift-pop-wp button {
   white-space: nowrap;
}




.cns-content-div .cns-title,
.nmpd-radio-form .nmpd-radio-btn-sec,
.nmpd-step-div .nmpd-step-red-label {
   margin-bottom: 20px;
}

/************ Magazine Subscription end ************/
/************ Amy ************/
.flip-book-sidebar {
   transition: transform 0.3s ease-in-out;
}

body .flip-book-content {
   padding-right: 0;
}

body .flip-book-year-select {
   margin-right: 0;
}

.fbb-fb-sidebar-toggle-arrow {
   transition: transform 0.3s ease-in-out;
}

body .fb-flip-book-title {
   display: flex;
   align-items: center;
   /* padding: 0 130px 0 0; */
   padding: 0 190px 0 0;
}

body .fb-flip-book-title h3 {
   padding-left: 10px;
   width: 100%;
}

body .fb-flip-book-title .theme_style_inner_link {
   white-space: nowrap;
   /* min-width: 120px; */
   min-width: 180px;
}

body .fb-flip-book-top {
   padding-left: 15px;
   padding-right: 15px;
}

.fb-flip-book-top .fb-flip-book-content {
   padding-left: 0;
   padding-right: 0;
}
body .emag-form {
   margin-bottom: 0;
}

/************ Amy end ************/
/************ E-Contribution ************/
.dash-ec-tab-sec .dash-ec-tab-link:before,
.dash-ec-tab-sec .dash-ec-tab-link:after {
   display: block;
   content: " ";
   position: absolute;
   top: 0;
   height: 100%;
   width: 44px;
   background-color: inherit;
   transition: all .3s ease;
}

.dash-ec-tab-sec .dash-ec-tab-link:before {
   right: -24px;
   transform: skew(30deg, 0deg);
   box-shadow: rgba(0, 0, 0, .1) 4px 1px 4px, inset rgba(255, 255, 255, 0) 0 0;
   border-radius: 0 8px 0 0;
}

.dash-ec-tab-sec .dash-ec-tab-link:after {
   left: -24px;
   transform: skew(-30deg, 0deg);
   box-shadow: rgba(0, 0, 0, .1) -6px 1px 4px, inset rgba(255, 255, 255, 0) 0 0;
   border-radius: 8px 0 0 0;
}

.dash-ec-tab-sec .dash-ec-tab-link {
   display: inline-flex;
   padding: 10px 24px 8px;
   background-color: #FFF;
   margin-right: 46px;
   z-index: 2;
   position: relative;
   cursor: pointer;
   color: #313131;
   transition: all .3s ease;
   border-radius: 8px 8px 0 0;
   box-shadow: 0 0 5px rgb(0 0 0 / 10%);
   font-family: 'noto_sanssemibold';
}

.dash-ec-tab-sec {
   padding-left: 48px;
   /* padding-right: 48px; */
   border-bottom: 4px solid #034fa1;
   padding-top: 5px;
   margin: 10px 0 20px;
   position: relative;
}

.dash-ec-tab-sec .dash-ec-tab-link.active,
.dash-ec-tab-sec .dash-ec-tab-link.active:hover,
.dash-ec-tab-sec .dash-ec-tab-link.active:focus {
   z-index: 5;
   background-color: #034fa1;
   color: white;
}

.dash-ec-tab-sec .dash-ec-tab-link:hover,
.dash-ec-tab-sec .dash-ec-tab-link:focus {
   color: #034fa1;
}

.dash-ec-tab-sec:before {
   content: "";
   position: absolute;
   height: 4px;
   width: 100vw;
   background-color: #034fa1;
   bottom: -4px;
   left: 50%;
   transform: translate(-50%, 0);
}


/************ E-Contribution end ************/
/************ E-Contribution (NEW) ************/
.dash-ec-simple-tab-sec {
   border-style: solid;
   border-width: 0px 0px 1px 0px;
   border-color: #E5E5E5;
   display: inline-flex;
   flex-wrap: wrap;
   justify-content: center;
   position: relative;
   z-index: 2;
   margin: 25px auto 20px;
   /* transform: translate(-50%, 0);
   left: 50%; */
}

.dash-ec-simple-tab-sec .dash-ec-simple-tab-link {
   padding: 13px 8px;
   line-height: 20px;
   display: flex;
   align-items: center;
   text-align: center;
   color: #979797;
   font-family: 'noto_sanssemibold' !important;
   margin: 0 10px;
   position: relative;
   font-size: 16px;
}

.dash-ec-simple-tab-sec .dash-ec-simple-tab-link:first-child {
   margin-left: 0;
}

.dash-ec-simple-tab-sec .dash-ec-simple-tab-link:last-child {
   margin-right: 0;
}

.dash-ec-simple-tab-sec .dash-ec-simple-tab-link:before {
   content: "";
   position: absolute;
   height: 4px;
   width: 100%;
   bottom: 0;
   left: 0;
   transition: all .3s ease-in-out;
   background-color: #15B1D7;
   opacity: 0;
}

.dash-ec-simple-tab-sec .dash-ec-simple-tab-link.active:before,
.dash-ec-simple-tab-sec .dash-ec-simple-tab-link:hover:before {
   opacity: 1;
}

/************ E-Contribution (NEW) end ************/
/************ Amendments ************/
.emag-bfoot-content-div .wp-caption .wp-caption-text {
   text-align: left;
   font-size: 12px;
}
body #content .single-cns-content-sec .single-cns-content-container.ast-container {
   padding-left: 15px;
   padding-right: 15px;
}
body .emag-content-remove-space>*,
.emag-bfoot-content-div.emag-content-remove-space>* {
   margin-bottom: 0;
}
body .emag-content-add-tab-space>*:not(iframe):not(video):not(:has(img)):not(.emag-chapter-hash-tag),
.emag-bfoot-content-div.emag-content-add-tab-space>*:not(iframe):not(video):not(:has(img)):not(.emag-chapter-hash-tag) {
   text-indent: 30px;
}


body .close-flip-book-div {
   position: absolute;
   right: 0;
   top: 50%;
   transform: translate(0, -50%);
   font-size: 15px;
   color: #313131;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
   gap: 5px;
   line-height: 1.35;
   max-width: 160px;
}
body .close-flip-book-div:hover {
   color: #15b1d7;
}
.fb-flip-book-title .elementor-element.theme_style_inner_link .elementor-button {
   text-align: left;
   line-height: 1.35;
}
body .close-flip-book-div .close-flip-book {
   transition: all .3s ease-in-out;
}
body .close-flip-book-div:hover .close-flip-book {
   transform: rotate(45deg) scale(1.05);
}
.fb-flip-book-embed > div,
.fb-flip-book-embed > div > a,
.fb-flip-book-embed > div > div {
   min-height: inherit!important;
}
.code-error.error-mobile-exist {
   padding-right: 10px;
}



.code-error.error-mobile-exist {
   margin-top: 0;
}

/************ Amendments end ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************  ************/
/************ min-width 992px ************/
@media (min-width: 992px) {

   .tablet-element,
   .ftn-mobile-img {
      display: none !important;
   }
}

/************ min-width 992px ************/
/************ min-width 768px ************/
@media (min-width: 768px) {

   .emag-head-right-mobile,
   .mobile-progress-bar,
   .emag-action-replacement-space,
   .single-cns-banner-share,
   .ns-mag-mobile-label {
      display: none !important;
   }
}

/************ min-width 768px ************/
/************ min-width 578px ************/
@media (min-width: 578px) {
   .desktop-ftn-tooltip {
      display: none !important;
   }
}

/************ min-width 578px ************/
/************ max-width 1199px ************/
@media (max-width: 1199px) {
   .magazines_dp_sec {
      gap: 40px;
   }

   .magazines_dp_div_left {
      width: calc(30% - 20px);
   }

   .magazines_dp_div_right {
      width: calc(70% - 20px);
   }


}

/************ max-width 1199px ************/
/************ max-width 1024px ************/
@media (max-width: 1024px) {
   .emag-foot-sec .magazines_discover_more_sec.cosmic_overview_sec .cosmic_overview_div {
      padding: 18px 18px 12px;
   }

   .emag-action-list-sec .sgm-top-accessibility {
      display: block;
   }

   .emag-action-wrapper .sgm-top-accessibility .acc-expand {
      left: 0;
      transform: translateX(-31%);
   }

   .emag-foot-sec .magazines_discover_more_sec.cosmic_overview_sec {
      padding: 18px 0 65px;
      width: calc(100% + 36px);
      margin-left: -18px;
      margin-right: -18px;
   }

   .new-magazine-head {
      margin-bottom: -15px;
   }

   html body .html-dark-blue-btn,
   html body .html-full-white-btn {
      min-width: 130px;
      min-height: 40px;
      font-size: 13px;
      white-space: nowrap;
   }

   .nmd-action-div .nmld-btn.flipbook-btn {
      font-size: 13px;
   }

   body .html-login-with-icon {
      min-width: 88px;
      font-size: 13px;
   }

   .emag-head-left-div,
   .emag-head-right-div {
      width: 250px;
   }

   .emag-head-middle-div {
      width: calc(100% - 520px);
   }

   .emag-head-wrapper {
      gap: 10px;
   }

   .emag-head-right-desktop .emag-account-btn.html-login-with-icon {
      margin-right: 0;
   }

   .news-pcc-sec {
      gap: 20px;
   }

   .news-pcc-div {
      width: calc(33.33% - 13.33px);
   }

   .news-pcc-photo-div {
      padding: 25px 15px 30px;
   }

   .news-pcc-photo-div .news-pcc-photo {
      max-height: 250px;
   }

   .news-pcc-bg-div {
      min-height: 54px;
   }

   .cosmic-news-slider.swiper-container {
      padding-top: 18px;
      padding-bottom: 24px;
   }

   .cosmic-news-filter-div .cns-bg-div {
      height: 180px;
   }

   .cosmic-news-filter-div .cns-content-div {
      min-height: 130px;
   }

   .single-cns-rcontent-div {
      padding: 25px 0 30px 20px;
   }

   .single-cns-lcontent-div {
      padding: 25px 15px 30px 0;
   }








}

/************ max-width 1024px ************/
/************ max-width 991px ************/
@media (max-width: 991px) {

   .emag-bhead-top-right,
   .ftn-desktop-img {
      display: none;
   }

   .emag-bhead-top-left {
      width: 100%;
   }

   .emag-bbody-info-div:not(:last-child) {
      padding-right: 32px;
   }

   .emag-bbody-info-div .emag-bbody-info-label {
      font-size: 13px;
   }

   .emag-bbody-info-div:not(:last-child):before {
      content: "";
      position: absolute;
      width: 1px;
      height: 16px;
      background-color: #313131;
      top: 0;
      bottom: 0;
      margin: auto;
      right: 17px;
   }

   .emag-bbody-div {
      margin-bottom: 15px;
   }

   .ftn-right-div {
      position: absolute;
      width: 100%;
      height: 100%;
      margin-top: 0;
      bottom: 0;
      right: 0;
      min-height: 1px;
   }

   .ftn-right-div .ftn-img {
      max-width: 210px;
      left: auto;
   }

   .ftn-left-div {
      width: calc(100% - 115px);
      min-height: 240px;
      z-index: 1;
      position: relative;
   }

   .ftn-left-div .ftn-title {
      display: flex;
      flex-direction: column;
      font-size: 30px;
      margin-bottom: 10px;
   }

   .ftn-left-div .ftn-subtitle {
      margin-bottom: 15px;
   }

   .emag-foot-sec .magazines_discover_more_sec.cosmic_overview_sec {
      padding: 15px 0 35px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
   }

   .ftn-title i.icon-tooltip {
      position: absolute;
      top: 3px;
      left: 150px;
   }

   .cns-content-div {
      padding: 12px 15px 20px;
      min-height: 100px;
   }

   .cosmic-new-sf-sec {
      padding-top: 25px;
   }

   .cosmic-news-filter-div {
      gap: 12px;
   }

   .cosmic-news-filter-div .cosmic-news-slider-div.swiper-slide {
      width: calc(33.33% - 8px);
   }

   body .flip-book-sidebar {
      width: 236px;
      padding: 50px 15px;
   }

   .fbb-sidebar-flip-book-categories .flip-book-cat-list:before {
      width: 30px;
      max-width: 30px;
   }

   .flip-book-sidebar .flip-book-cat-list .flip-book-cat-name {
      width: calc(100% - 41px);
   }

   .new-mpd-inner-sec {
      gap: 20px;
      padding: 20px 0 25px;
   }

   .new-mpd-inner-rsec {
      width: 100%;
   }

   .new-mpd-sidebar-div:not(:last-child) .nmpd-sidebar-link {
      padding-bottom: 0;
   }

   .nmpd-step-div .nmpd-step-title {
      margin-bottom: 10px;
   }

   .cns-content-div .cns-title,
   .nmpd-radio-form .nmpd-radio-btn-sec,
   .nmpd-step-div .nmpd-step-red-label {
      margin-bottom: 12px;
   }

   .nmpd-step-div hr.nmpd-separator {
      margin-bottom: 30px;
   }

   .new-mpd-inner-lsec {
      width: 100%;
      border-right: 0;
   }

   .new-mpd-sidebar-list {
      display: flex;
      align-items: baseline;
      gap: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #cacaca;
   }

   .new-mpd-sidebar-list .new-mpd-sidebar-div:first-child {
      margin-left: auto;
   }

   .new-mpd-sidebar-list .new-mpd-sidebar-div:last-child {
      margin-right: auto;
   }

   .new-mpd-sidebar-div .nmpd-sidebar-link {
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
   }

   .new-mpd-sidebar-div:not(:last-child) .nmpd-sidebar-link:before {
      width: 50%;
      height: 1px;
      right: 0;
      left: auto;
   }

   .new-mpd-sidebar-div:not(:first-child) .nmpd-sidebar-link:after {
      content: "";
      position: absolute;
      width: calc(50% + 20px);
      height: 1px;
      left: -20px;
      top: 10px;
      background-color: #DEDEDE;
   }

   .new-mpd-sidebar-div .nmpd-sidebar-link.nmpd-active:after {
      background-color: #15B1D7;
   }

   .nmpd-mag-list-sec:not(:last-child) {
      margin-bottom: 35px;
   }

   .dash-ec-tab-sec .dash-ec-tab-link {
      padding: 7px 25px 5px;
      margin-right: 21px;
   }

   .dash-ec-tab-sec .dash-ec-tab-link:before,
   .dash-ec-tab-sec .dash-ec-tab-link:after {
      width: 25px;
   }

   .dash-ec-tab-sec .dash-ec-tab-link:before {
      right: -10px;
   }

   .dash-ec-tab-sec .dash-ec-tab-link:after {
      left: -10px;
   }

   .dash-ec-tab-sec {
      padding-left: 21px;
      width: calc(100% + 10px);
      margin-left: -5px;
      margin-right: -5px;
   }
   .custom-interface-upgrade-div {
      padding: 60px 35px 70px;
      min-height: 300px;
      max-width: 700px;
   }
   .custom-interface-upgrade-div .custom-interface-upgrade-close {
      top: 20px;
      right: 20px;
      width: 32px;
      height: 32px;
   }
   .custom-interface-upgrade-div .custom-interface-upgrade-title {
      font-size: 28px;
   }
   .custom-interface-upgrade-content {
      font-size: 16px;
   }
   .custom-interface-upgrade-content p {
      margin-bottom: 20px;
   }






}

/************ max-width 991px ************/
/************ max width 922px ************/
@media (max-width: 922px) {
   .mdpr_inform_list_div.no_top_mag_title:nth-child(2) {
      border-top-color: #E0E0E0;
   }
}
/************ max width 922px end ************/
/************ max-width 767px ************/
@media (max-width: 767px) {

   .emag-head-right-desktop,
   .desktop-progress-bar {
      display: none;
   }

   .mdpl_bottom_list_sec .mdpl_bottom_list_div .mdpl_listing_title,
   body .mdpl_correction .mdpl_listing_title {
      font-size: 15px;
   }

   .mdpl_bottom_list_sec .mdpl_bottom_list_div .mdpl_listing_content,
   body .mdpl_correction .mdpl_listing_content {
      font-size: 14px;
   }

   .emag-head-left-div {
      order: 1;
      width: 111px;
   }

   .emag-head-right-div {
      order: 2;
      width: calc(100% - 125px);
   }

   .emag-head-middle-div {
      order: 3;
      width: 100%;
   }

   .emag-head-wrapper {
      padding: 12px 0 15px;
      gap: 14px;
   }

   .emag-head-left-div .theme_style_inner_link span.elementor-button-text {
      font-size: 13px;
   }

   body .emag-head-left-div .theme_style_inner_link.bigger_theme_style_inner_link .theme_style_circle {
      width: 45px;
      height: 45px;
   }

   body .emag-head-sec .emag-hm-title {
      font-size: 20px;
   }

   .emag-hm-subtitle .emag-hm-subtitle-text {
      font-size: 11px;
      line-height: 22px;
   }

   .emag-action-wrapper {
      padding: 9px 0;
   }

   .emag-action-list-sec {
      gap: 12px;
   }

   .emag-head-sec {
      position: relative;
   }

   .emag-action-wrapper {
      width: 100vw;
      position: absolute;
      left: 0;
      top: calc(100% - 48px);
      z-index: 99;
   }

   .emag-replacement-header-space {
      /* min-height: 48px; */
      min-height: 0;
   }

   .emag-body-sec {
      padding: 26px 0 15px;
   }

   .emag-bfoot-sec {
      padding: 0 0 20px;
   }

   .emag-bfoot-sec:before,
   .emag-pagination-div:not(:last-child):before {
      display: none;
   }

   .emag-bfoot-img-div {
      margin-bottom: 18px;
   }

   .emag-pagination-sec {
      margin-top: 20px;
      gap: 25px;
   }

   .emag-pagination-div .elementor-button-content-wrapper {
      display: none;
   }

   .emag-pagination-div .theme_style_circle {
      margin: 0 !important;
   }

   body .emag-pagination-div .theme_style_inner_link.bigger_theme_style_inner_link .theme_style_circle {
      width: 35px;
      height: 35px;
      min-width: 35px;
      min-height: 35px;
   }

   .emag-pagination-sec {
      position: relative;
      padding: 8px 10px;
   }

   .emag-pagination-sec:before {
      content: "";
      position: absolute;
      width: 115px;
      height: 50px;
      background-color: rgb(0 0 0 / 20%);
      border-radius: 50px;
   }

   .ftn-left-div .ftn-subtitle {
      font-size: 13px;
      line-height: 1.4;
   }

   .emag-action-list-dropdown.emag-listing-dropdown .emag-action-list-dropdown-wrapper {
      max-height: calc(100vh - 210px);
   }

   .search-result-book-cover-image img.no-book-cover {
      max-width: 300px;
   }

   .search-result-book-cover-image.no-book-cover-div {
      width: 100%;
      height: 200px;
      display: flex;
      align-items: center;
      justify-content: center;
   }

   .emag-action-list-dropdown-parent.emag-listing-parent {
      position: inherit;
      display: flex;
      flex-direction: column;
   }

   .emag-listing-parent .emag-action-list-btn.emag-listing {
      position: relative;
      width: 30px;
      height: 30px;
      min-width: 30px;
      min-height: 30px;
   }

   .emag-listing-parent .emag-action-list-btn.emag-listing.active-emag-listing-btn {
      transform: translate(0, -30px);
   }

   .emag-action-list-dropdown.emag-listing-dropdown {
      min-width: 1px;
      width: 100%;
      padding: 0;
   }

   .emag-action-list-dropdown.emag-listing-dropdown .emag-action-list-dropdown-wrapper {
      max-height: 100%;
      border-radius: 0;
   }

   .emag-progress-bar.mobile-progress-bar {
      z-index: 0;
   }

   .emag-listing-head-sec .emag-listing-main-title {
      font-size: 18px;
      font-family: 'noto_sansextrabold';
   }

   .emag-listing-main-title .emag-listing-main-title-icon {
      max-width: 15px;
   }

   .emag-listing-main-title .emag-listing-main-title-total {
      font-size: 15px;
   }

   .emag-listing-main-title .emag-listing-main-title-total strong {
      font-size: 18px;
   }

   .emag-listing-inner-top-div .emag-lid-title,
   .emag-listing-inner-right-div .emag-lid-subtitle {
      font-size: 13px;
      line-height: 1.5;
   }

   .emag-listing-inner-left-div {
      width: 66px;
      min-height: 44px;
   }

   .emag-listing-inner-div {
      gap: 8px 10px;
   }

   .emag-bookmark-pu-wrapper:before,
   .emag-bookmark-pu-wrapper:after {
      display: none;
   }

   .emag-bookmark-pu-div {
      padding: 20px 15px;
      width: 100%;
      border-radius: 0;
   }

   .emag-bookmark-popup {
      position: fixed;
      height: 100% !important;
   }

   .emag-ald-div .emag-ald-link {
      font-size: 14px;
   }

   .emag-ald-div:not(:last-child) {
      margin-bottom: 12px;
   }

   .emag-action-list-dropdown-wrapper {
      padding: 13px;
   }

   .emag-action-list-dropdown {
      min-width: 160px;
   }

   .emag-bookmark-pu-title-div {
      margin-bottom: 12px;
   }

   .emag-bookmark-pu-div .emag-bookmark-pu-close {
      width: 30px;
      height: 30px;
      top: 8px;
      right: 8px;
   }

   .emag-bookmark-pu-div .emag-bookmark-pu-close:before {
      width: 24px;
   }

   .emag-bookmark-pu-div .emag-bookmark-pu-close:after {
      height: 24px;
   }

   .emag-bml-left-div {
      width: 100%;
   }

   .emag-bookmark-list-div {
      gap: 10px;
   }

   .emag-bml-middle-div {
      width: calc(100% - 40px);
   }

   .emag-bml-img-div .emag-bml-img {
      height: auto;
      padding-top: 60%;
   }

   .emag-bml-middle-div .emag-bml-title {
      font-size: 13px;
      line-height: 1.5;
   }

   .emag-bookmark-list-div .emag-bml-delete {
      -webkit-mask-size: 24px;
      mask-size: 24px;
      height: 30px;
   }

   .emag-bookmark-list-sec {
      padding: 20px 15px;
   }

   .new-magazine-left-div,
   .new-magazine-right-div {
      width: 100%;
   }

   .new-magazine-div {
      gap: 12px;
   }

   .nmd-title-wrap {
      justify-content: center;
      padding-top: 10px;
   }

   .nmd-action-div {
      margin: auto;
      flex-direction: unset;
      align-items: center;
   }

   .new-magazine-head {
      margin-bottom: -10px;
   }

   .magazines_dp_div_left,
   .magazines_dp_div_right {
      width: 100%;
   }

   .magazines_dp_div_left .mdpl_top {
      margin-bottom: 0;
   }

   .magazines_dp_div_left {
      margin-bottom: 0;
   }

   .magazines_dp_sec {
      gap: 30px;
   }

   .news-pcc-div {
      width: calc(50% - 10px);
   }

   .news-pcc-bg-div {
      min-height: 46px;
   }

   .cns-bg-div {
      height: 155px;
   }

   .cosmic-news-slider.swiper-container .cosmic-news-slider-div.swiper-slide:not(:last-child) {
      margin-right: 15px;
   }

   .cosmic-news-slider.swiper-container .cosmic-news-slider-div.swiper-slide {
      width: 260px;
   }

   .cosmic-new-sf-head-sec {
      flex-direction: column;
      gap: 15px;
   }

   .cosmic-new-sf-head-sec .cosmic-new-sf-lhead-div,
   .cosmic-new-sf-head-sec .cosmic-new-sf-rhead-div {
      width: 100%;
   }

   .cosmic-new-sf-rhead-div form.searchandfilter ul {
      justify-content: space-between;
   }

   .cosmic-news-filter-div .cns-content-div .cns-title {
      font-size: 14px;
   }

   .cosmic-news-filter-div .cns-content-div {
      padding: 10px 12px 16px;
      min-height: 100px;
   }

   .cosmic-news-filter-div .cns-bg-div {
      height: 150px;
   }

   .single-cns-banner-div .pei_title {
      margin-bottom: 34px;
      font-size: 25px;
      line-height: 1.3;
      text-align: center;
   }

   .single-cns-lcontent-div,
   .single-cns-rcontent-div {
      width: 100%;
   }

   .single-cns-lcontent-div:before {
      right: -15px;
   }

   .single-cns-rcontent-div {
      padding: 25px 0px 30px 0px;
   }

   .single-cns-lcontent-div {
      padding: 25px 0;
   }

   .single-cns-banner-sec .single-cns-banner-bg.no-cns-banenr-bg {
      background-size: 280px;
   }

   .flip-book-bar-sec .fbb-inner-div {
      padding: 10px 15px 10px 15px;
   }

   .flip-book-bar-sec .fbb-left-div,
   .flip-book-bar-sec .fbb-right-div {
      width: 120px;
   }

   .flip-book-bar-sec .fbb-center-div {
      margin-left: auto;
      margin-right: auto;
   }

   html body .flip-book-pagination {
      padding: 20px 0;
   }

   .ns-mag-head-div {
      display: none;
   }

   .ns-mag-sec .ns-mag-div {
      margin-top: 0;
      padding-top: 0;
      border-top: 0;
   }

   .ns-mag-cl-div .ns-mag-cl-title-div,
   .ns-mag-cl-div .ns-mag-cl-duration-div,
   .ns-mag-cl-div .ns-mag-cl-type-div,
   .ns-mag-cl-div .ns-mag-cl-price-div {
      padding: 0;
      width: 100%;
      text-align: left;
   }

   .ns-mag-body-div .ns-mag-cl-div {
      padding-right: 0;
      padding-bottom: 26px;
   }

   .ns-mag-body-div .ns-mag-cl-div:before {
      width: 100%;
      bottom: 15px;
   }

   .ns-mag-body-div {
      padding: 15px 15px 20px;
   }

   .ns-mag-cl-title-div .ns-mag-cl-title strong {
      font-size: 15px;
   }

   .ns-mag-cl-title-div .ns-mag-cl-title-note {
      margin-top: 10px;
   }
   .ns-mag-foot-div {
      padding: 0;
   }
   .ns-mag-foot-ldiv .ns-mag-foot-label,
   .ns-mag-foot-rdiv .ns-mag-foot-label {
      font-size: 18px;
   }
   .mag-duration-pu-head .mag-duration-pu-close {
      width: 26px;
      height: 26px;
      right: 15px;
      top: 13px;
   }
   .mag-duration-pu-head {
      padding: 40px 15px 25px;
      min-height: 1px;
   }
   .mag-duration-pu-body {
      min-height: 220px;
      padding: 30px 15px 35px;
   }
   .nmpd-radio-form .nmpd-radio-btn-sec {
      gap: 10px;
   }
   .nmpd-radio-btn-div .nmpd-radio-btn-inner {
      min-height: 60px;
      width: 140px;
      gap: 10px;
      padding: 10px 12px;
   }
   .nmpd-radio-btn-inner .nmpd-radio-btn-icon {
      width: 26px;
      height: 26px;
   }
   .nmpd-step-div .nmpd-step-title {
      margin-bottom: 10px !important;
   }
   .nmpd-mag-list-sec {
      gap: 10px;
   }
   .nmpd-mag-list-lwrap,
   .nmpd-mag-list-rwrap {
      width: 100%;
   }
   .nmpd-mag-list-div:not(:last-child) {
      margin-bottom: 10px;
   }
   .nmpd-ml-body {
      padding: 0 15px 15px;
   }
   .nmpd-mlb-head-top {
      padding-top: 25px;
      padding-bottom: 15px;
   }
   .nmpd-mlb-head-bottom {
      padding-bottom: 25px;
   }
   .nmpd-mlb-foot .nmpd-mlbf-title {
      max-width: 100%;
   }
   .nmpd-mlb-foot {
      padding-top: 10px;
   }
   .nmpd-ml-head {
      padding: 12px 15px;
      min-height: 54px;
      font-size: 16px;
   }
   .new-mpd-sidebar-list {
      gap: 15px;
   }
   .nmpd-sidebar-link .nmpd-sidebar-text-div {
      font-size: 13px;
   }
   .nmpd-mag-list-div.only-one-product .nmpd-mlb-head-bottom {
      padding-bottom: 5px;
   }
   body .fb-flip-book-title {
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
      padding: 0;
   }
   body .fb-flip-book-top .fb-flip-book-title .close-flip-book {
      top: 20px;
      right: 0;
   }
   .dash-ec-simple-tab-sec .dash-ec-simple-tab-link:before {
      display: none;
   }
   .dash-ec-simple-tab-sec .dash-ec-simple-tab-link.active,
   .dash-ec-simple-tab-sec .dash-ec-simple-tab-link:hover {
      color: #15b1d7;
   }
   .dash-ec-simple-tab-sec .dash-ec-simple-tab-link {
      margin: 0 5px;
      white-space: nowrap;
   }
   .dash-ec-simple-tab-sec {
      border: 0;
      overflow-x: scroll;
      width: 100%;
      flex-wrap: nowrap;
      margin: 15px auto;
      justify-content: flex-start;
   }
   .dash-ec-simple-tab-sec .dash-ec-simple-tab-link:first-child {
      margin-left: auto;
   }
   .dash-ec-simple-tab-sec .dash-ec-simple-tab-link:last-child {
      margin-right: auto;
   }
   .mdpr_inform_list_div.no_top_mag_title:nth-child(1) {
      border-top-color: #E0E0E0;
   }
   /* .single-cns-content-wrapper .single-cns-share {
      display: none;
   }
   .single-cns-content-wrapper .niti_top_sec > div {
      margin-bottom: 5px;
   } */

   body .close-flip-book-div {
      transform: translate(0, 0);
      top: 0;
      font-size: 12px;
   }
   body .close-flip-book {
      width: 18px;
      height: 18px;
   }
   .fb-flip-book-title .elementor-element.theme_style_inner_link .elementor-button .elementor-button-text {
      font-size: 12px;
   }
   .fb-flip-book-title .elementor-element.theme_style_inner_link .elementor-button .theme_style_circle {
      margin-right: 10px;
   }
   body .fb-flip-book-title h3 {
      padding-left: 0;
   }
   .custom-interface-upgrade-div .custom-interface-upgrade-title {
      font-size: 23px;
   }
   .custom-interface-upgrade-div .custom-interface-upgrade-close {
      top: 15px;
      right: 18px;
      width: 30px;
      height: 30px;
   }
   .custom-interface-upgrade-div {
      padding: 54px 15px;
      max-width: 460px;
   }
   .custom-interface-upgrade-content {
      font-size: 15px;
   }
   .custom-interface-upgrade-content p {
      margin-bottom: 15px;
   }



}
/************ max-width 767px ************/
/************ max-width 576px ************/
@media (max-width: 576px) {
   .desktop-ftn-tooltip {
      display: none !important;
   }

   .ftn-left-div .ftn-title {
      font-size: 20px;
   }

   .nmd-action-div {
      gap: 8px;
   }

   html body .html-dark-blue-btn,
   html body .html-full-white-btn {
      font-size: 12px;
      min-width: 125px;
   }

   .emag-column-sec {
      flex-direction: column;
   }

   .emag-column-sec .emag-column-title-sec {
      border-radius: 10px 10px 0 0;
   }

   .emag-column-sec .emag-column-subtitle-sec {
      border-radius: 0 0 10px 10px;
   }

   .emag-column-sec .emag-column-title-sec,
   .emag-column-sec .emag-column-subtitle-sec {
      justify-content: flex-start;
      padding-left: 15px;
   }

   .news-pcc-sec {
      gap: 10px;
   }

   .news-pcc-photo-div .news-pcc-photo {
      max-height: 200px;
   }

   .news-pcc-photo-div {
      padding: 15px 12px 20px;
   }

   .news-pcc-div {
      width: calc(50% - 5px);
   }

   .cosmic-news-filter-div {
      gap: 10px;
   }

   .cosmic-news-filter-div .cosmic-news-slider-div.swiper-slide {
      width: calc(50% - 5px);
   }

   .cosmic-new-sf-rhead-div form.searchandfilter ul>li {
      flex-direction: column;
      align-items: flex-start;
      gap: 0;
   }

   .cosmic-new-sf-rhead-div form.searchandfilter ul>li select.sf-input-select {
      min-width: 125px;
   }

   .cosmic-new-sf-rhead-div form.searchandfilter ul>li h4 {
      font-weight: 700;
   }

   .fbb-left-div .elementor-button .elementor-button-content-wrapper {
      display: none;
   }

   .fbb-left-div .elementor-button .theme_style_circle {
      margin-left: 0 !important;
      margin-right: 0 !important;
   }

   .flip-book-bar-sec .fbb-left-div,
   .flip-book-bar-sec .fbb-right-div {
      width: auto;
   }

   .flip-book-bar-sec .fbb-center-div {
      margin-left: 15px;
      margin-right: auto;
   }
   body .flip-book-top {
      padding: 30px 0 25px;
   }
   body .flip-book-sidebar {
      padding: 32px 15px;
   }
   .dash-ec-simple-tab-sec .dash-ec-simple-tab-link {
      font-size: 13px;
   }











}

/************ max-width 576px ************/