/*@font-face {*/
/*    font-family: ESBold;*/
/*    src: url(../fonts/ESRebondGrotesqueTRIAL-Bold.otf);*/
/*}*/
/*@font-face {*/
/*    font-family: ESSemiBold;*/
/*    src: url(../fonts/ESRebondGrotesqueTRIAL-Semibold.otf);*/
/*}*/
/*@font-face {*/
/*    font-family: ESMedium;*/
/*    src: url(../fonts/ESRebondGrotesqueTRIAL-Medium.otf);*/
/*}*/
/*@font-face {*/
/*    font-family: ESRegular;*/
/*    src: url(../fonts/ESRebondGrotesqueTRIAL-Regular.otf);*/
/*}*/

@font-face {
    font-family: ESBold;
    src: url(../fonts/eot/ESRebondGrotesque-Bold.eot) format("eot"),
    url(../fonts/woff/ESRebondGrotesque-Bold.woff) format("woff"),
    url(../fonts/woff2/ESRebondGrotesque-Bold.woff2) format("woff2");
}
@font-face {
    font-family: ESSemiBold;
    src: url(../fonts/ESRebondGrotesqueTRIAL-Semibold.otf);
}
@font-face {
    font-family: ESMedium;
    src: url(../fonts/eot/ESRebondGrotesque-Medium.eot) format("eot"),
    url(../fonts/woff/ESRebondGrotesque-Medium.woff) format("woff"),
    url(../fonts/woff2/ESRebondGrotesque-Medium.woff2) format("woff2");
}
@font-face {
    font-family: ESRegular;
    src: url(../fonts/eot/ESRebondGrotesque-Regular.eot) format("eot"),
    url(../fonts/woff/ESRebondGrotesque-Regular.woff) format("woff"),
    url(../fonts/woff2/ESRebondGrotesque-Regular.woff2) format("woff2");
}

@font-face {
    font-family: BasicBold;
    src: url(../fonts/BasisGrotesquePro-Bold.ttf);
}
@font-face {
    font-family: BasicRegular;
    src: url(../fonts/BasisGrotesquePro-Regular.ttf);
}

@font-face {
    font-family: OutfitRegular;
    src: url(../fonts/Outfit-Regular.otf);
}
@font-face {
    font-family: OutfitSemibold;
    src: url(../fonts/Outfit-SemiBold.otf);
}

* {
    font-weight: 400 !important;
}

body{padding: 0px;margin: 0px; font-size: 16px; font-family: 'ESRegular'; background: #fff;}
html.activeMenu{overflow: hidden;}
/* width */
::-webkit-scrollbar {width: 10px;}
/* Track */
::-webkit-scrollbar-track {background: #f1f1f1;}
/* Handle */
::-webkit-scrollbar-thumb {background: #888; border-radius: 8px;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #555;}
a{color:#2956A1; text-decoration: none !important;}
a:hover{ text-decoration: none;}
ul{list-style: none; margin: 0px; padding: 0px;}
small{font-size: 14px;}

/* Featured Post Custom Module Only */
div#app{position:absolute; top:0; left:0; width: 100%; height: 100%;}
div#app > div {width:100%; height: 100%}
html{ overflow-x: hidden;}
/* end */

b, strong{ font-weight: bold !important; } 

.container{max-width: 1594px; width: calc(100% - 30px); margin: 0px auto; padding: 0px 15px;}
.container_footer{max-width: 1300px; width: calc(100% - 30px); margin: 0px auto; padding: 0px 15px;}

.d-block {display: block;}
.d-flex {display: flex;}
.flex-align-center{align-items: center;}
.flex-align-start{align-items: flex-start;}
.flex-justified-space-between{justify-content: space-between;}
.flex-justified-center{justify-content: center;}

.theme-btn{border-radius: 30px; border:1px solid transparent; background: transparent; font-size: 16px; padding: 8px 25px; font-family: 'ESBold'; min-width: 92px; transition: all 0.3s ease-in-out; text-align:center;}
.orangeBgBtn{border:1px solid #F2685E; background: #F2685E; color:#fff; display: inline-block;}
.orangeBgBtn:hover{border:1px solid #F2685E; background: transparent; color:#F2685E;}
.purpleBgBtn{border:1px solid #893168; background: #893168; color:#fff; display: inline-block; text-align: center;}
.purpleBgBtn:hover{border:1px solid #893168; background: transparent; color:#893168; display: inline-block;}
.onlyBorderBtn{border:1px solid #C4C4C4; background: none;}
.onlyBorderBtn:hover{border:1px solid #C4C4C4; background: #C4C4C4; color:#722256}
.onlyBorderWhiteBtn{border:1px solid #fff; background: none; color:#fff; text-align:center;}
.onlyBorderWhiteBtn:hover{border:1px solid #fff; background: #fff; color:#000;}
.onlyBorderBlackBtn{border:1px solid #000; background: none; color:#000; display: inline-block;}
.onlyBorderBlackBtn:hover{border:1px solid #000; background: #000; color:#fff; display: inline-block;}
.purpleColor{color:#722256;}
.withIcon{display: flex; align-items: center;}
.withIcon.iconLeft img{margin-right: 8px;}
.withIcon.iconRight img{margin-left: 8px;}

.h1fullwidth{font-size: 62px; color:#262625; line-height: 20px; font-family:'ESMedium'; white-space: nowrap;margin-left: -2vw !important; font-weight: 400;}
.h1Title{font-size: 100px; color:#262625; line-height: 98px; font-family:'ESMedium'; font-weight: 400;}
.h2Title{font-size: 62px; color:#262625; line-height: 68px; font-family:'ESMedium'; font-weight: 400;}
.h3Title{font-size: 40px; color:#182038; line-height: 44px; font-family:'ESMedium'; font-weight: 400;}
.h3LTitle{font-size: 48px; color:#182038; line-height: 52px; font-family:'ESMedium'; font-weight: 400;}
.h4Title{font-size: 36px; color:#182038; line-height: 40px; font-family:'ESMedium'; font-weight: 400;}
.h5Title{font-size: 30px; color:#182038; line-height: 34px; font-family:'ESMedium'; font-weight: 400;}
.h6Title{font-size: 24px; color:#182038; line-height: 28px; font-family:'ESMedium'; font-weight: 400;}
.h6STitle{font-size: 20px; color:#182038; line-height: initial; font-family:'ESSemiBold'; font-weight: 400;}
.smallTxt{font-size: 16px; font-family: 'ESBold';}
.pTxt, p{font-size: 20px; color:#535352; font-family: 'ESRegular'; line-height: 28px;}
.p2Txt{font-size: 18px; color:#383837; font-family: 'ESRegular'; line-height: 26px;}
.atozTitleFontSize{font-size: 12.2vw;white-space: nowrap;margin-left: -2vw !important;}
html[lang='cy'] .atozTitleFontSize {
    font-size: 11.5vw;
    white-space: nowrap;
    margin-left: -1vw !important;
}

/* Tag Links */
ul.hwb-tag-links {
    display: flex;
    margin: 10px auto;
    justify-content: center;
    color: #262625 !important;
    font-family: 'ESMedium';
    margin-bottom: 120px;
    column-gap: 64px;
    row-gap: 18px;
    flex-wrap: wrap;
}

ul.hwb-tag-links a {
    color: #262625;
    border-bottom: solid 1.5px #EAEAEA;
    padding-bottom: 3px;
}

ul.hwb-tag-links a:hover, ul.hwb-tag-links a:active, 
ul.hwb-tag-links a.active {
    border-bottom: solid 2px #182038;
}


/* End  */

.noMt{ margin-top: 0 !important;}

.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}

.haveUnderline{position: relative; transition: all 0.3s ease-in-out;}
.haveUnderline:hover{color:#000;}
.haveUnderline:before{content: ''; position: absolute; width: 100%; height: 1px; background:#EAEAEA; bottom: -2px; display: block;}
a.haveUnderline:hover:before{ background: #893168;}

.centerLink{font-size: 18px; color: #383837;  font-family:'ESMedium'; text-decoration: none !important; text-align: center;}

hr{background: #EAEAEA; height: 1px; display: block;width: 100%; max-width: 1594px; border:none;}

.noBg{background: none !important;}

/* External */
.form-item{ margin: 0 !important; }

.p-0{padding: 0px !important;}



.mobile_menu{position: relative;}
.mobile_menu_icon {display: none; width: 13px;height: 13px;flex-direction: column;position: absolute;top: -6px;right: 2px;z-index: 10;-webkit-user-select: none;user-select: none; border:1px solid #D9D9D9; border-radius: 40px; padding: 12px;}
.mobile_menu_icon input{display: flex;width: 37px;height: 37px;position: absolute;cursor: pointer;opacity: 0;z-index: 2; top:0px; left:0px; margin: 0px;}
.mobile_menu_icon span{display: flex;width: 18px;height: 2px;margin-top: 4px; border-radius:3px; margin-left: -2px;position: relative;background: #383837 ;border-radius: 3px;z-index: 1;transform-origin: 5px 1px;transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease;}
.mobile_menu_icon span:first-child{transform-origin: 0% 0%; }
.mobile_menu_icon span:nth-last-child(2){transform-origin: 0% 100%; margin-top: 2px;}
.mobile_menu_icon input:checked ~ span{opacity: 1;transform: rotate(-45deg) translate(1px, 0px); background: #36383F;}
.mobile_menu_icon input:checked ~ span:nth-last-child(2){transform:rotate(45deg) translate(-1px, -4px)}

.maskMenu{clip-path: circle(18px at center);position: absolute;right: 22px;top: 11px;z-index: 9; transition: all 0.8s ease-in-out;}
.maskMenu.active{clip-path: circle(1600px at center); transition: all 0.8s ease-in-out;}
.maskMenu.active .mobile_main_menu{background: #fff;}
.mobile_main_menu{position: fixed; overflow:hidden; width: calc(100% - 74px);height: calc(100% - 44px);background: #FFFEFA; left: 0px;right: 0px;top: 0px;bottom: 0px;z-index: 9;padding: 22px 37px;}
.mobile_main_menu .topLinks{display: flex; align-items: center; justify-content: space-between; padding-right: 60px; height: 40px; margin-bottom: 36px;}
.mobile_main_menu .topLinks a{font-size: 16px; color:#000;}
.mobile_main_menu .topLinks a.backLink{opacity:0; position: relative; left: -100%; transition: all 0.6s ease-in-out; width: 37px; height: 37px; text-align: center; line-height: 40px; background: #EAEAEA;border-radius: 100px; margin-top:16px}
.mobile_main_menu .searchBox{position: relative; margin-bottom: 0; opacity: 1; top:0px; transition: all 0.6s ease-in-out;}
.mobile_main_menu .searchBox input{border:1px solid #707070; padding: 18px; font-size: 16px; color:#383837; display: block; width:calc(100% - 36px);}
.mobile_main_menu .searchBox a{position: absolute; right: 18px; top:16px;}
.mobile_main_menu > ul > li{position:relative; transition: all 0.6s ease-in-out; top:0px; height: 96px;}
.mobile_main_menu > ul > li > a{position: absolute !important; width: 100%;}
.mobile_main_menu ul li a{position:relative; font-size: 30px; color:#262625; padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #EAEAEA; display: block;}
.mobile_main_menu ul li .main_sub_menu{display: block; opacity: 0; left:130%; transition: all 0.6s ease-in-out !important; width: 100%; }
.mobile_main_menu ul li .main_sub_menu ul{padding: 12px 0px; width: 100%; box-shadow: none;}
.mobile_main_menu ul li .main_sub_menu ul li a{border:none}
.mobile_main_menu ul li .main_sub_menu ul:before{display: none;}
.mobile_main_menu ul li a img{float: right; margin-top: 7px;}
.mobile_main_menu .fixedMobileBtn{background: #F5BD63; color:#000; font-size: 13px; font-family: 'ESBold'; padding: 13px 20px; position: absolute; bottom: 22px; box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.5);}
.mobile_main_menu .fixedMobileBtn img{width: 17px; height: 17px;}

.mobile_main_menu.active .topLinks a.backLink{opacity: 1; left:0px; transition: all 0.6s ease-in-out;}
.mobile_main_menu.active .searchBox{opacity: 0; top:-50px; transition: all 0.6s ease-in-out;}
.mobile_main_menu.active ul li.activeMenu{top:-50px; transition: all 0.6s ease-in-out !important; opacity: 1 !important; display: block !important;}
.mobile_main_menu.active ul li.activeMenu a img{transition: all 0.6s ease-in-out !important; opacity: 0 !important;}
.mobile_main_menu.active ul li.activeMenu .main_sub_menu {
    transition: all 0.6s ease-in-out !important; opacity: 1 !important; left:0px;
    /* overflow-y: scroll;
    height: 150px;
    padding-top: 0;
    margin-top: 42px; */
}
.mobile_main_menu.active > ul > li{ display:none;}

/* Language Switcher */
div#block-languageswitchercontent {
    position: absolute;
    right: 35px;
    background: white;
    padding: 5px;
    text-align: center;
    transform: scaleY(0);
    transition: .1s;
    z-index: 100;
}

div#block-languageswitchercontent li a {
    color: #722256;
    font-family: 'ESBold';
    font-size: 16px;
}

div#block-languageswitchercontent li a:hover {
    color: #000;
}

a.langSwitchMobile {
    padding-top: 15px;
}
/* End - Language Switcher*/

.homepage header{background: #FFFEFA; border-bottom: none;}
header{padding: 35px 0px; background: #fff; border-bottom: 1px solid #E8E8E8;}
header .header_left > ul{ margin-left: 25px;}
header .header_left > ul li{padding: 0px 23px;}
header .header_left > ul li a{color:#000; font-size: 16px; font-family: 'ESBold'; transition: all 0.3s ease-in-out;}
header .header_left > ul li a:hover, header .header_left > ul li a.active{color:#893168; transition: all 0.3s ease-in-out;}
header .header_left > ul li.hasSubMenu{position: relative;}
header .header_left > ul li.hasSubMenu a img{display: inline-block; vertical-align: middle; margin-top: -1px; width: 18px; height: 18px;}

header .header_right li a{margin: 0px 8px; font-family: 'ESBold'; font-size:16px;}

.main_sub_menu{position: absolute; top:18px; padding-top: 42px; display: none;}
header .header_left ul li.hasSubMenu:hover{cursor: pointer; color: #722256;}
header .header_left ul li.hasSubMenu:hover .main_sub_menu{display: block;}
.main_sub_menu > ul{padding: 28px 20px; border-radius: 12px; background: #fff; width: 248px; box-shadow: 1px 1px 30px 5px #e7e7e7}
.main_sub_menu > ul:before{content: '';position: absolute;left: 26px;top: 12px;height: 18px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 12px solid #fff;}
.main_sub_menu > ul li{padding: 0px !important; transition: all 0.4s ease-in-out;}
.main_sub_menu > ul li.active, .main_sub_menu > ul li:hover{background: #FDEFD9; border-radius: 5px;}
.main_sub_menu > ul li a{font-size: 15px !important; font-weight: normal !important; padding: 10px !important; margin: 7px 0px; display: block;}

.search_icon{margin: 0px 16px !important;}
.search_icon img{margin-top: 3px;}

footer{background: #722256;padding: 80px 0px 48px 0px;}
.footer_top{padding-bottom: 72px; border-bottom: 1px solid rgba(255, 255, 255, 0.25); margin-bottom: 40px;}
.footer_link_box:first-child{margin-left: 0px;}
.footer_link_box{margin-left: 72px; flex: 1 1 20%; max-width: 20%;}
.footer_link_box:last-child{ flex: 1 1 275px; max-width: 275px;}
.footer_link_box h3{color:#fff; font-size: 20px; font-family: 'ESSemiBold'; margin: 0px 0px 14px 0px;}
.footer_link_box ul li a{color:#fff; font-size: 16px;margin-bottom: 16px; display: block; font-family: 'OutfitRegular';}

.footer_link_box .hc-logo{ margin-top:20px; max-width:100% }

.footer_bottom{text-align: center;}
.footer_bottom p{color:#fff; font-size: 16px; font-family: 'OutfitRegular'; display: inline-block; vertical-align: middle; margin: 0px;}
.footer_bottom p:first-child{float: left;}
.footer_bottom p:last-child{float: right;}
.footer_bottom a{color:#fff; font-size: 16px; margin: 0px 8px; font-family: 'OutfitRegular'; display: inline-block; vertical-align: middle;}

.footer_bottom .theme-btn{font-family: 'OutfitSemibold';}

.banner_section{padding-bottom: 150px; padding-top: 60px; background: #FFFEFA}
.banner_left_content{flex: 1 1 50%; max-width: 50%;}
.banner_left_content h1{ margin: 0px 0px 15px 0px;}
.banner_left_content p{ margin: 0px 0px 40px 0px; max-width: 490px; width: 100%;}
.banner_right_content{flex: 1 1 50%; max-width: calc(50% - 100px); text-align: right; position: relative; }
.banner_right_content > img{width: 100%}
.banner_right_content .banner_right_content_detail{position: absolute; left: 72px; top:92px; text-align: left; width: calc(100% - 184px); display: flex; justify-content: space-between; flex-direction: column; height: calc(100% - 180px);}
.banner_right_content .banner_right_content_detail > img{width: 160px; border-radius: 100px;}
.banner_right_content .banner_right_content_detail .inner_content_detail h3{margin: 12px 0px 21px 0px; font-size: 2.3vw; line-height: initial;}

.muf_left_section.yellow_muf, .muf_left_section.yellow_muf .container{background-color: #F5BD63;}
.muf_left_section.green_muf, .muf_left_section.green_muf .container{background-color: #5FC2A0;}
.muf_left_section.right_muf{margin-left: auto;}
.muf_left_section{position: relative;max-width: calc((100% + 1594px) / 2);}
.muf_left_section .container{
    margin-left: auto;
    margin-right: 0px;
    background-image: url('../img/muf.svg');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100%;
}
.muf_left_section .container .muf_content{padding: 152px 0px 233px 0px; width: 100%; max-width: 712px;}
.muf_left_section .container .muf_content h2{margin: 0px 0px 30px 0px;}
.muf_left_section .container .muf_content p{width: 70%; margin-bottom: 40px;}

.clear{clear: both;}

.title_half_section{max-width: 880px; width:100%; margin: 0px auto;}
.title_half_section h1{margin: 20px 0px;}
.title_half_section .p2Txt{max-width: 700px; width: 100%; margin: 0px auto; color:#535352;}
.title_half_section .d-flex{margin: 30px auto 30px;}

/* Title Left New */
.title-left h1.h1Title {
    text-align: left;
    padding-left: 0;
}

.title-left .h1-wrapper{ margin: 125px 0 70px 0; }


/* .resource_list{margin-top: 70px;column-count: 3; column-gap: 6%;} */
.resource_list{margin-top: 70px; clear: both; column-gap: 100px; display: flex;}

.resource_box{  
    float: left; width: 100%;  margin-right:20px; margin-bottom: 45px; 
    padding:10px 0px 45px 0px; transition: all 0.3s ease-in-out; border-bottom: 1px solid #C1C1C1;
    min-width: 30%;}
.resource_box:nth-of-type(3n+1) {
    clear: left;
}
.resource_box:last-child{
        border-bottom: none;
        margin-bottom: 0;
    }
.resource_box:nth-of-type(3n) {
    margin-right: 0;
}

.gutter-sizer{ width: 8%; }

.clearfix:before, .clearfix:after {
    display: table;
    content: '';
}

.section-rule .container{ border-bottom: 1px solid #EAEAEA; padding: 0;}

.section-rule-override .container {
    border-bottom: 1px solid #EAEAEA;
    padding: 0;
    padding-bottom: 140px;
    margin-bottom: 0;
}

/* .resource_box{margin-bottom: 45px; padding:10px 10px 45px 10px; transition: all 0.3s ease-in-out; border-bottom: 1px solid #C1C1C1; display: inline-block;} */
/* .resource_box:hover{background: #f6f6f6; transition: all 0.3s ease-in-out;} */
.resource_box img{width: 100%;}
.resource_box h4{margin: 22px 0px 15px 0px; text-decoration: underline; text-decoration-thickness: 1.5px; text-decoration-color: #EAEAEA;}
.resource_box:hover h4{text-decoration-color: #262625;}
.resource_box .tag,
.page-tag-wrapper .tag{padding: 5px 12px; background: rgba(125, 197, 237, 0.2); border-radius: 4px; margin-right: 12px; font-size:16px; color:#0095E8;}
.resource_box .tag + span{color:#767676;  line-height: 30px;}
.resource_box .p2Txt{margin: 13px 0px 0px 0px;}
.resource_section .exploreLink{margin: 0px auto 0px auto; width: 100%;}

.podCastSection{padding: 50px 0px 50px 0px; background: #FEF8EF; margin-bottom: 0px; overflow: hidden;}
.podCastSection h1{margin: 0px 0px 50px 0px;}

.podcast-no-mb .podCastSection{ margin-bottom: 0; }
.podcast-line-bottom .podCastSection{ border-bottom: 1px solid #C1C1C1; }

.podcast_slide{position: relative; margin: 0px 0px 0px 0px; overflow: hidden; white-space: nowrap;}
.podcast_slide .podcastBox{display: inline-block; width: 70%; margin: 0px 90px;}
.podcast_slide .podcastBox h5{margin: 0px 72px 0px 0px; display: inline-block; vertical-align: top; width: 25%; white-space: normal; line-height: 38px;}
.podcast_slide .podcastBox .imgContent{display: inline-block;vertical-align: top; width: calc(75% - 72px); position: relative;}
.podcast_slide .podcastBox .imgContent > img{width:70%;}
.podcast_slide .podcastBox .imgContent a{position: absolute; width: 56px; height: 56px; left: 30px; bottom: 30px;}
.podcast_slide .podcastBox .imgContent a img{width: 70%;}

.slick-arrow{position: absolute; top:0px; bottom: 0px; margin: auto;height: 40px;width: 40px;border-radius: 100px;background: rgba(255, 255, 255, 0.5);border: 1px solid #999; z-index: 999; padding-top: 8px;}
.slick-arrow:hover{cursor: pointer;}
.slick-arrow.arrow-right{right: 10px;}
.slick-arrow.arrow-left{left: 10px;}
.slick-arrow.slick-disabled{opacity: 0.4;}

.twitlist .slick-arrow.arrow-right{right: -30px;}
.twitlist .slick-arrow.arrow-left{left: -30px;}

.atozlist{margin: 60px 0px 60px 0px; display: flex; flex-wrap: wrap; gap: 30px; justify-content: space-between;}
.atozBox{flex: 1 1 calc(25% - 90px); max-width: calc(25% - 90px); background: #F5BD63; padding: 30px; border-radius: 8px; margin: 0; display: flex; flex-direction: column; justify-content: space-between;}
.atozBox h4{margin: 0px 0px 14px 0px;}

.twitSection h4{margin: 0px 0px 30px 0px;}
.twitlist{margin: 60px 0px 90px 0px; display: flex; flex-wrap: wrap;}
.twitBox{flex: 1 1 calc(33.33% - 105px); max-width: calc(33.33% - 105px); background: #fff; padding: 30px; border-radius: 8px; margin: 20px; border:2px solid #EFF3F6;  border-radius: 12px; position: relative;}
.twitBox .twitIcon{position: absolute; right: 30px; top:30px;}
.twitBox .profileInfo{display: flex; align-items: center; margin-bottom: 32px;}
.twitBox .profileInfo .twitProfile{width: 64px; margin-right: 10px; border-radius: 50px;}
.twitBox .profileInfo .usernameInfo p{font-size: 21px; line-height: 26px; font-family: 'BasicBold'; margin: 0px;}
.twitBox .profileInfo .usernameInfo span{font-size: 18px; line-height: 26px; font-family: 'BasicBold'; color:#7A8993;}
.twitBox .twitContent{font-size: 19px; line-height:26px; color:#1E1B4B; font-family: 'ESRegular';}
.twitBox .twitContent a{font-size: 19px; line-height:26px; color:#0093F7; font-family: 'BasicBold';}

.fixedPageBtn, .showTab{display: none;}

.blog-section .title_half_section{margin: 125px auto 70px auto;}
.blogMainImg{max-width: 1280px;margin: 0px auto 88px; padding: 37px; width: calc(100% - 74px); background: url(../img/blogImgBg.png) no-repeat;background-size: calc(100% - 114px);background-position: calc(100% - 37px) bottom;}
.blogMainImg img{width: calc(100% - 37px);}

/* Hwb Myf Page */
.blog-section .title-hwb-myf {
    margin: 93px auto 65px auto;
}
.view-hwb-myf .resource_section .container {
    padding: 0;
    width: 100%;
}
.view-hwb-myf .resource_section .container .resource_list {
    margin: 0;
    column-gap: 100px;
    justify-content: space-between;
    width: 100%;
}
.view-hwb-myf .inline-search-container{
    display: none;
}
/* End */



.blogContent{max-width: 1074px; margin: 0px auto; width: calc(100% - 74px); padding: 0px 37px;}
.blogContent .pTxt{color:#383837;}
.blogContent .h5Title, .blogContent .h6Title{margin: 88px 0px 30px 0px; color:#262625;}

.quoteMsg{max-width: 1226px; width: calc(100% - 74px);padding: 0px 37px; margin: 88px auto 100px auto;}
.quoteMsg h3{font-size: 56px; line-height: 62px;}

.bulletList{max-width: 1074px; margin: 0px auto; width: calc(100% - 74px); padding: 0px 37px;}
.bulletList .h5Title {margin: 88px 0px 30px 0px; color:#262625;}
.bulletList ul {list-style: none; margin-left: 23px;}
.bulletList ul li{margin-bottom: 36px;}
.bulletList ul li:before {content: "\2022";color: #7DC5ED;font-weight: bold;display: inline-block; width: 1em;height:1em;margin-left: -1em;}

.numberList{max-width: 1074px; margin: 0px auto;width: calc(100% - 74px); padding: 0px 37px;}
.numberList .h5Title {margin: 88px 0px 30px 0px; color:#262625;}
.numberList ol {list-style: none; counter-reset: item;padding-left: 23px; margin: 0;}
.numberList ol li{margin-bottom: 36px; counter-increment: item; position: relative;}
.numberList ol li:before{content: counter(item)"."; color: #7DC5ED; position: absolute; left: -23px;}


/* START - For General Long Text */

.block-inline-blockdetail-text .quoteMsg{max-width: 1226px; width: calc(100% - 74px);padding: 0px 37px; margin: 88px auto 100px auto;}
.block-inline-blockdetail-text .quoteMsg h3{font-size: 56px; line-height: 62px;}

.block-inline-blockdetail-text .bulletList{max-width: 1074px; margin: 0px auto; width: calc(100% - 74px); padding: 0px 37px;}
.block-inline-blockdetail-text .h5Title {margin: 88px 0px 30px 0px; color:#262625;}
.block-inline-blockdetail-text  ul {list-style: none; margin-left: 23px;}
.block-inline-blockdetail-text ul li{margin-bottom: 30px; font-size: 20px; color:#535352; font-family: 'ESRegular'; line-height: 28px;}
.block-inline-blockdetail-text ul li:before {content: "\2022";color: #7DC5ED;font-weight: bold;display: inline-block; width: 1em;height:1em;margin-left: -1em;}

.block-inline-blockdetail-text .numberList{max-width: 1074px; margin: 0px auto;width: calc(100% - 74px); padding: 0px 37px;}
.block-inline-blockdetail-text .h5Title {margin: 88px 0px 30px 0px; color:#262625;}
.block-inline-blockdetail-text  ol {list-style: none; counter-reset: item;padding-left: 23px; margin: 0;}
.block-inline-blockdetail-text ol li{margin-bottom: 36px; counter-increment: item; position: relative; font-size: 20px; color:#535352; font-family: 'ESRegular'; line-height: 28px;}
.block-inline-blockdetail-text ol li:before{content: counter(item)"."; color: #7DC5ED; position: absolute; left: -23px;}



ul.generalBullet li{margin-bottom: 0px; font-size: 20px; color:#535352; font-family: 'ESRegular'; line-height: 28px;}
ul.generalBullet li:before {content: "\2022";color: #7DC5ED;font-weight: bold;display: inline-block; width: 1em;height:1em;margin-left: -1em;}

ol.generalNumber {list-style: none; counter-reset: item;padding-left: 23px; margin: 0;}
ol.generalNumber li{margin-bottom: 0px; counter-increment: item; position: relative; font-size: 20px; color:#535352; font-family: 'ESRegular'; line-height: 28px;}
ol.generalNumber li:before{content: counter(item)"."; color: #7DC5ED; position: absolute; left: -23px;}


/* END - For General Long Text */

/* START - Section Margins */
.section-mb-0{ margin-bottom: 0;}
.section-mb-20{ margin-bottom: 20px;}
.section-mb-40{ margin-bottom: 40px;}
.section-mb-60{ margin-bottom: 60px;}
.section-mb-80{ margin-bottom: 80px;}
.section-mb-100{ margin-bottom: 100px;}
.section-mb-120{ margin-bottom: 120px;}
.section-mb-140{ margin-bottom: 140px;}
.section-mb-160{ margin-bottom: 160px;}

/* END - Section Margins */

.onlyImgInConetent{max-width: 1074px; margin: 85px auto 120px; width: calc(100% - 74px); padding: 0px 37px;}
.onlyImgInConetent img{width:100%;}

.CTA_section .container{display: flex; align-items: center; margin-bottom: 140px;}
.CTA_section.rightImg .container{flex-direction: row-reverse;}
.CTA_section.rightImg .container .CTA_content{padding-left: 0px; padding-right: 5%;}
.CTA_section .container .CTA_img{flex: 1 1 50%; max-width: 50%;}
.CTA_section .container .CTA_img img{width: 100%;}
.CTA_section .container .CTA_content{flex: 1 1 50%; max-width: 40%; padding-left: 5%;}
.CTA_section .container .CTA_content h3{margin: 0px 0px 30px 0px;}
.CTA_section .container .CTA_content p{margin: 0px 0px 20px 0px;}
.CTA_section .container .CTA_content a{font-size: 16px; font-family: 'ESBold'; color:#7DC5ED; display: block; margin-top: 20px;}
.CTA_section .container .CTA_content a:before{content: ''; background: url(../img/icons/arrow-right-blue.svg) no-repeat center center; display: inline-block; vertical-align: middle; margin-top: -2px; width: 30px; height: 30px;}

.user_section .atozBox > img{max-width: 178px;}
.user_section .atozBox .content_part h6:first-child{margin: 36px 0px 7px 0px; }
.user_section .atozBox .content_part h6:last-child{margin: 0px 0px 25px 0px; }
.user_section .atozBox .link_part a{display: block; text-align: center; font-size: 16px;}

.atozFilterLinks{display: flex; align-items: center; flex-wrap: wrap; justify-content: center;}
.atozFilterLinks a{width: 34px; height: 34px; border-radius: 6px; text-align: center; color:#182038; background: #FDF2E0; line-height: 34px; margin: 5px; font-family: 'ESBold'; transition: all 0.05s ease-in-out;}
.atozFilterLinks a:hover{background: #FBE1B8; transition: all 0.3s ease-in-out;}

.atozFilter_section{max-width: 1694px; margin: 0px auto; width: calc(100% - 74px); padding: 0px 37px;}
.atozFilter_section .title_half_section{margin: 60px auto; max-width: 650px; width: 100%;}
.atozFilter_section .title_half_section h1{height: auto;}

.filter_list_box{margin-bottom: 82px; }
.filter_list_box .h3Title{margin: 0px 0px 22px 0px;}
.filter_list_box .atozlist{margin: 36px 0px 0px 0px; justify-content: flex-start;}
.filter_list_box .atozBox:first-child{margin-left: 0px;}
.filter_list_box .atozBox .h5Title{margin: 0px 0px 14px 0px;}
.filter_list_box .atozBox .p2Txt{font-size: 16px; line-height: initial;}

.contact_section .title_half_section{width: 100%; margin: 125px 0px 100px 0px;}
.contact_section .title_half_section h1{height: auto; text-align: left;}

.contact_content {display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 124px;}
.contact_content .contact_content_info{flex: 1 1 36%; max-width: 36%;}
.contact_content .contact_content_info .h5Title{margin: 0px 0px 24px 0px;}
.contact_content .contact_content_info .h6STitle{margin: 42px 0px 24px 0px;}
.contact_content .contact_content_info .pTxt{margin: 0px;}
.contact_content .contact_content_info a{color:#0074DE;}
.contact_content .contact_content_form {flex: 1 1 54%; max-width: 54%;}
.contact_content .contact_content_form .d-flex {margin-bottom: 36px;}
.contact_content .contact_content_form .d-flex  .flex-50{margin: 0px 8px; flex: 1 1 calc(50% - 8px); max-width: calc(50% - 8px);}
.contact_content .contact_content_form .d-flex  .flex{flex: 1 1 100%; max-width: 100%;}
.contact_content .contact_content_form .d-flex  .flex-50:first-child{margin-left: 0px;}
.contact_content .contact_content_form .d-flex  .flex-50:last-child{margin-right: 0px;}
.contact_content .contact_content_form label {display: block; font-size: 16px; font-family: 'ESSemiBold'; margin-bottom: 13px;}
.contact_content .contact_content_form .theme-input input,
.contact_content .contact_content_form .theme-textarea textarea {font-family: 'ESMedium'; color: #383837; width:100%; padding: 15px 37px 15px 18px; border:1px solid #C4C4C4; border-radius: 5px; background: none;}
.contact_content .contact_content_form .theme-input input::placeholder,
.contact_content .contact_content_form .theme-textarea textarea::placeholder{ color: #969696;}
.contact_content .contact_content_form .theme-select select {
    width:100%;
    padding: 15px 37px 15px 18px;
    border:1px solid #C4C4C4;
    border-radius: 5px;
    background: url("../img/icons/chevron-down.svg") no-repeat;
    background-position: calc(100% - 0.75rem) center !important;
    -moz-appearance:none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    padding-right: 2rem !important;
    background-size: 15px;
    font-family: 'ESMedium';
    font-size: 16px;
    line-height: 24px;
    color: #969696;
}
.contact-section .blogContent,
.contact_content .blogContent{
    max-width: 100%;
    margin: 0;
    padding: 0;
}
.contact_content .phone input{ 
    /* padding-left: 50px !important;  */
    width: 100% !important; 
}
.form-select {
    padding: 12px 37px 12px 18px !important;
}
.iti{ display:block !important;}

/* Pager */
nav.pager {
    margin-bottom: 90px;
}
.pager__items{
    margin:0;
    display: flex;
    justify-content: space-between;
}
li.pager__item.pager__item--previous {
    float: left;
}
li.pager__item.pager__item--next {
    float: right;
}

.pager__item--next a, .pager__item--previous a
{
    color: #383837;
    padding: 0 0 4px 0;
    border-bottom: solid 2px #182038;
    color: #383837;
}
.pager__item--next a:hover, 
.pager__item--next a:active, 
.pager__item--next a:visited,
.pager__item--previous a:hover,
.pager__item--previous a:active,
.pager__item--previous a:visited{
    border-bottom: solid 2px #182038;
    color: #383837;
}

.view-hwb-myf .label-desktop{
    display: block;
}
.view-hwb-myf .label-mobile{
    display: none;
}
/* End  */

/* Spotify */
.video-embed-field-provider-spotify {
    margin: 140px 175px 0;
    max-height: 340px;
}

/* Team Page */
.team-section .block.block-views {
    margin-top: 100px;
}

/* Search Bar */
.search-bar.container {
    position: absolute;
    height: 100px;
    background: white;
    border-bottom: 2px solid #616161;
    padding: 0;
    top: -100%;
    transition: all .3s;
}
img.search-icon-inner {
    width: 20px;
    height: 20px;
    margin-right: 18px;
}
img.close-icon-search {
    margin-left: auto;
    width: 12px;
    height: 12px;
    cursor: pointer;
}
.search-bar .upper-guide {
    padding: 0;
    margin: 0;
    width: 100%;
    padding-top: 45px;
}
input.search-input {
    line-height: 24px;
    border: none;
    width: 100%;
}
input.search-input:focus{
    outline: none;
}
.search-bar .inline-search-container .search-icon-inner {
    display: none;
}


/* Block */
.search-bar form #edit-actions,
.search-bar form #edit-actions--2,
.search-bar form label {
    display: none;
}
.search-bar form , 
.search-bar form .inline-search-container, 
.search-bar form .js-form-type-search {
    width: 100%;
}
.search-bar form input.form-text {
    width: 100%;
    border: none;
    box-shadow: none;
    background: none;
    font-size: 18px;
    color: #383837;
    font-family: 'ESMedium';
    line-height: 24px;
}
.search-bar form input.form-search:focus{
    outline: none;
}

/* End  */

/* Search Results */
.search-result-list ul li a {
    display: flex;
    width: 100%;
    justify-content: space-between;
    border-top: 1px solid #EAEAEA;
    padding: 30px 0;
}
.search-result-list .h3Title {
    margin-bottom: 12px;
}
.search-result-list .result-title {
    max-width: 70%;
}
.result-type {
    margin-bottom: 80px;
}
.blog-section .no-results{
    margin-top: 0 !important;
}
.result-type ul li a{
    color:#535352;
}

.view-search form input.form-text {
    height: 71px;
    border: 1px solid #707070;
    box-shadow: none;
    background: none;
    padding: 20px 40px 20px 24px;
    margin-bottom: 64px;

    font-size: 18px;
    color: #383837;
    font-family: 'ESMedium';
    line-height: 24px;
}

.view-search .inline-search-container,
.view-search .views-exposed-form,
.view-search form .js-form-item,
.view-search form, 
.view-search form input.form-text {
    width: 100%;
}
.view-search form label, .view-search form .form-actions {
    display: none;
}
.view-search .inline-search-container{
    position: relative;
}
.view-search img.search-icon-inner {
    position: absolute;
    top: 23px;
    margin-right: 0;
    right: 26px;
}
/* End */

/* Page Tag Fields */
.page-tag-fields {
    display: flex;
    justify-content: center;
    gap: 10px;
    position: relative;
    top: 50px;
}
/* End  */

@media(max-width:1590px){
    .container{padding: 0px 35px; width:calc(100% - 70px);}
}
@media(max-width:1624px){
    .resource_box{ width: 100%;}
    .resource_list {
        width: 1280px;
        margin: 70px auto 0px;
    }
}
@media(max-width:1440px){
    .resource_list {
        column-gap: 50px;
    }
    header .header_left > ul li a {
        font-size: 14px;
    }
}
@media(min-width:1355px){
    /*.resource_box:nth-last-child(-n+3){*/
    /*    border-bottom: none;*/
    /*}*/
}
@media(max-width:1355px){
    /*.resource_box{ width: 372px;}*/
    .resource_list {
        width: 100%;
        margin: 70px auto 0px;
    }

    .team-section .block.block-views {
        margin-top: 0;
    }
}
@media(min-width:830px){
    /*.resource_box:nth-last-child(-n+2){*/
    /*    border-bottom: none;*/
    /*}*/
}
@media(max-width:830px){
    .resource_box{ width: 100%;}
    .resource_list {
        width: 100%;
        margin: 70px auto 0px;
    }
    .resource_box:last-child{
        border-bottom: none;
        margin-bottom: 0;
    }
}
@media(max-width:1366px){
    .container_footer{padding: 0px 35px; width:calc(100% - 70px);}
    .footer_link_box {margin-left: 20px;}
    .h1Title {font-size: 62px;line-height: 68px;}

    .blog-section .title_half_section{margin:48px auto 25px auto;}
    .blog-section .title_half_section h1{height: auto;}
    
    .title_half_section .p2Txt{width: 50%;}
    .muf_left_section .container .muf_content p{ line-height: 22px; }
    .muf_left_section .container .muf_content h2{ max-width:70%; font-size: 40px; line-height: 48px;}
    
    .banner_right_content .banner_right_content_detail > img{width: 120px;}
    .banner-right-content .banner_right_content_detail .smallTxt{ font-size:14px; }
    .banner-right-content .bg_box {     position: relative; left: -10px }
    .twitBox .profileInfo .usernameInfo p{font-size:20px; line-height: 26px;}
    .twitBox .profileInfo .usernameInfo span{font-size:18px; line-height: 24px;}
    .twitBox .twitContent { font-size: 16px; line-height: 24px;}
    
    .atozlist{ gap: 24px; } 
    .atozBox{ max-width: 25%;}
    .view-hwb-myf .resource_section .container .resource_list{
        column-gap: 70px;
    }

    .page-tag-fields{
        top:20px;
    }

    header .header_left > ul li a {
        font-size: 13px;
    }
}

@media(max-width:1320px){
    header .header_left > ul li{padding: 0px 7px;}
    .search_icon {margin: 0px 5px !important;}
    .hideMiniLaptop{display: none;}
    .fixedPageBtn{display: block;
        position: fixed;
        right: 30px;
        bottom: 30px;
        width: 56px;
        z-index: 8;
        background: #F5BD63;
        box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.15);
        height: 56px;
        border-radius: 60px;
        padding: 0px !important;
        text-align: center;
        line-height: 70px; border:none;min-width: auto;}
    .fixedPageBtn img{margin: 0px !important;}
}

@media(max-width:1280px){
    .banner_right_content .banner_right_content_detail {left: 60px;top: 60px;width: calc(100% - 100px);height: calc(100% - 140px);}
    .atozBox{flex: 1 1 calc(33.33% - 90px); max-width: calc(33.33% - 90px);}
    .twitBox {flex: 1 1 calc(50% - 105px);max-width: calc(50% - 105px);}

    
}

@media(max-width:1160px){
    .footer_top{flex-wrap: wrap; padding-bottom: 10px;}
    .footer_link_box {margin-left: 0px;flex: 1 1 25%;max-width: 25%; margin-bottom: 30px;}
    .footer_link_box:last-child {max-width: 100%;}
    .footer_link_box .theme-btn{margin-top: 0px; text-align: center; background: #fff; color:#722256;}
}
@media(max-width:1024px){
    
    .hideTab{display: none;}
    .showTab{display: block;}
    header {padding: 20px 0px; background: #FFFEFA;}
    .logo_area img{height: 38px;}
    .banner_section{padding-bottom: 0px; padding-top: 28px;}
    .banner_section > .d-flex{flex-direction: column; align-items: flex-start;}
    .banner_left_content{max-width: 100%;}
    .banner_right_content {max-width: 580px; width: 100%; margin: 0 auto; margin-top: 50px;}

    .h1Title{font-size: 40px;line-height: initial;}
    .h2Title{font-size: 36px;line-height: initial;}
    .h3Title{font-size: 30px !important;line-height: initial !important;}
    .h3LTitle{font-size:30px;line-height: initial;}
    .h4Title{font-size: 24px;line-height: initial;}
    .h5Title{font-size: 30px; color:#182038; line-height: 34px; font-family:'ESMedium';}
    .smallTxt{font-size: 16px; line-height: initial;}
    .pTxt, ul.generalBullet li, ol.generalNumber li, .block-inline-blockdetail-text ul li, .block-inline-blockdetail-text ol li{font-size: 16px;line-height: 22px; margin-bottom: 26px !important;}
    .p2Txt{font-size: 16px;line-height: 22px; margin-bottom: 26px !important;}
    
    .theme-btn{font-size: 13px !important; padding: 8px 20px; text-align: center;}

    /* .muf_left_section{margin-top: 62px; margin-bottom: 68px;} */
    .muf_left_section .container .muf_content{padding: 56px 0px 233px 0px;}

    .section-mb-80{ margin-bottom: 20px;}
    .section-mb-100{ margin-bottom: 30px;}
    .section-mb-120{ margin-bottom: 40px;}
    .section-mb-140{ margin-bottom: 50px;}
    .section-mb-160{ margin-bottom: 68px;}

    .title_half_section h1{height: auto;}

    /* .resource_list{margin-top: 46px; column-count: 2;} */
    .title-left .h1-wrapper{ margin: 100px 0 60px 0; }


    .podCastSection{padding: 40px 0px; margin-bottom: 56px;}
    .podCastSection h1{line-height: initial;}
    .podcast_slide{margin: 52px 0px 64px 0px;}
    .podcast_slide .podcastBox {
        display: flex !important;
        flex-direction: column-reverse;
    }
    .podcast_slide .podcastBox h5 {
        margin: 0px;
        width: 100%;
        font-size: 20px;
        margin-top: 20px;
        line-height: 26px;
    }
    .podcast_slide .podcastBox a {
        width: 100%;
    }

    .resource_section .exploreLink {
        margin: 10px auto 56px auto;
    }
    
    .resource_list {
        column-gap: 40px;
    }
    
    .resource_box .d-flex{
        flex-wrap: wrap;
    }

    .twitlist{margin: 30px 0px 60px 0px;}

    .mobile_menu{padding-right: 40px;}

    .atozFilter_section .title_half_section{margin: 50px auto 50px auto;}
    .filter_list_box {
        margin-bottom: 36px;
    }
    .filter_list_box .atozlist{margin: 25px 0px 0px 0px;}
    .filter_list_box .h3Title {
        margin: 0px 0px 10px 0px;
        font-size: 30px !important;
    }
    
    .podcast_slide .podcastBox .imgContent{ width: calc(100%); }
    
    .onlyBorderBlackBtn{ font-size: 14px !important; font-family: ESSemiBold;}
    .muf_left_section .container .muf_content h2{ max-width:100%;}
    
    .banner_left_content h1{ font-size: 56px; line-height: 64px;}
    
    .banner_right_content .banner_right_content_detail .inner_content_detail h3{ padding-right: 20px;}
    
    /*Switcher*/
    div#block-languageswitchercontent li a{ font-family:'ESRegular'; color: #000;}

    .view-hwb-myf .resource_section .container .resource_list{
        column-gap: 48px;
    }

    .video-embed-field-provider-spotify {
        margin: 80px 175px 0;
        max-height: 200px;
    }
    
    /* Tablet Padding */
    .block-inline-blockdetail-text .h5Title {margin: 88px 0px 30px 0px; color:#262625;}

    
}

@media screen and (orientation:landscape)
{
    ul.mobile-menu-list {
        max-height: -webkit-fill-available;
        overflow-y: scroll;
        overflow-x: hidden;
        margin-bottom: 200px;
        height: 150px;
    }

    .mobile_main_menu.active ul.mobile-menu-list {
        overflow: unset;
        max-height: max-content !important;
        margin-bottom: 0 !important;
    }

    .mobile_main_menu.active ul li.activeMenu .main_sub_menu {
        overflow-y: scroll;
        height: 150px;
        padding-top: 0;
        margin-top: 42px;
    }
}

@media(max-width:991px){
    .atozBox{flex: 1 1 calc(50% - 90px); max-width: calc(50% - 90px);}
}

@media(max-width:860px){
    
    .footer_link_box {
        margin-left: 0px;
        flex: 1 1 100%;
        max-width: 100%;
    }

    .CTA_section .container{flex-direction: column !important; margin-bottom: 48px;}
    .CTA_section .container .CTA_img{flex: 1 1 100%;max-width: 100%;}
    .CTA_section .container .CTA_content {flex: 1 1 100%; max-width: 100%; padding-left: 0px; margin-top: 24px;}

    .contact_section .title_half_section {
        margin: 50px 0px 42px 0px;
    }
    .contact_content{flex-direction: column; margin-bottom: 35px;}
    .contact_content .contact_content_info {
        flex: 1 1 100%;
        max-width: 100%;
        margin-bottom: 45px;
    }
    .contact_content .contact_content_form {
        flex: 1 1 100%;
        max-width: 100%;
        width: 100%;
    }
    .contact_content .contact_content_info .h5Title {
        margin: 0px 0px 18px 0px;
        font-size: 24px;
        line-height: 32px;
    }
    .contact_content .contact_content_info .h6STitle {
        margin: 32px 0px 14px 0px;
        line-height: 28px;
    }
    .contact_content .contact_content_form label{margin-bottom: 9px;}
    .contact_content .contact_content_form .d-flex {
        margin-bottom: 26px;
    }
    
    .contact_section .title_half_section h1 { font-size: 36px; line-height: 42px; }
    
    .contact_content .contact_content_info .pTxt{ font-size: 18px; line-height: 26px; margin-bottom: 0 !important;}
    
    .section-rule-override .container{ padding-bottom: 48px; }
    
}

@media (min-width:767px) and (max-width:1024px){
    
    .pTxt, .blogContent .h5Title, .blogContent .h6Title,
    .bulletList .h5Title, .numberList .h5Title{
        max-width: 720px;
        margin: 0 auto;
    }
    /* Tablet Padding */
    .block-inline-blockdetail-text .h5Title,
    .block-inline-blockdetail-text .h6Title {
        margin: 88px 0px 30px 0px; color:#262625;
    }
}

@media(max-width:767px){
    .pTxt, ul.generalBullet li, ol.generalNumber li, .block-inline-blockdetail-text ul li, .block-inline-blockdetail-text ol li{line-height: 24px;}
    .pTxt, .p2Txt{width: 100% !important;}
    .muf_left_section .container{background-size: 160%;}
    .muf_left_section .container .muf_content{padding: 56px 0px 90% 0px;}
    .twitBox {flex: 1 1 calc(50% - 105px);max-width: calc(50% - 105);}
    .footer_bottom{text-align: center; width: 300px; margin: 0px auto;}
    .footer_bottom p,  .footer_bottom a{display: inline-block; vertical-align: middle; font-size: 15px; margin: 4px 15px; float: none !important;}
    .podcast_slide .podcastBox{margin: 0px 20px;}

    .blogMainImg {
        margin: 0px auto 48px;
        padding: 15px 37px;
        background-size: calc(100% - 84px);
        background-position: calc(100% - 37px) bottom;
    }
    .blogMainImg img {
        width: calc(100% - 15px);
    }

    .blogContent .h5Title{margin-top: 55px;margin-bottom: 18px; font-size: 24px;}
    .blogContent .h6Title {margin-top: 0; margin-bottom: 18px; font-size: 20px;}

    .twitBox .profileInfo .twitProfile{width: 48px;}
    .twitBox .profileInfo .usernameInfo p{font-size: 19px; line-height: 22px;}
    .twitBox .profileInfo .usernameInfo span {font-size: 16px;line-height: 20px;}
    .twitBox .twitContent , .twitBox .twitContent a{font-size: 18px; line-height: 22px;}

    .atozlist{margin: 25px 0px !important;}
    .atozBox{ padding: 20px; }

    .podCastSection{padding: 40px 0px !important;}
    
    .quoteMsg{margin: 0;}
    
    .bulletList .h5Title{ margin: 30px 0px 18px 0px; }
    .numberList .h5Title{ margin: 25px 0px 18px 0px; }
    .onlyImgInConetent{ margin: 0 auto 50px; }
    .resource_box .p2Txt{margin-bottom: 0 !important; }
    
    .h3Title{font-size: 20px !important;}
    .smallTxt{font-size: 12px;}
    /*.resource_box{ padding: 0; }*/
    
    .banner_right_content .banner_right_content_detail > img{width: 100px;}

    .title-left .h1-wrapper{ margin: 47px 0 30px 0; }
    
    .podcast_slide .podcastBox .imgContent{ width: 100%; }
    
    .podcast_slide .podcastBox .imgContent a {
        position: absolute;
        width: 40px;
        height: 40px;
        left: 20px;
        bottom: 20px;
    }
    
    .theme-btn.withIcon{ padding: 8px 20px;}
    .resource_list { margin: 48px auto 0px; }
    
    .muf_left_section .container .muf_content p{ line-height: 24px; }
    
    .banner_right_content .banner_right_content_detail .inner_content_detail h3{ padding-right: 0;}
    
    .title_half_section .p2Txt{ line-height: 24px; }

    .video-embed-field-provider-spotify {
        margin: 40px auto;
        max-height: 200px;
    }

    /* Search form */

    .view-search form input.form-text{
        font-size: 16px;
        height: 56px;
        margin-bottom: 36px;
    }
    .view-search img.search-icon-inner{
        top: 18px;
        right: 18px;
    }
    /* End */

    ul.hwb-tag-links a{
        font-size: 15px;
        line-height: 28px;
    }
    ul.hwb-tag-links{
        column-gap: 32px;
    }

    .user_section .atozBox .h6Title{
        font-size: 20px;
    }

}

@media (min-width: 600px) {
    .newsletter-btn{display:inline-block; padding: 5px 25px;}
    .newsletter-btn-in-page{display:none}
    .view-hwb-myf .resource_box {
        border: none;
    }
}
@media(max-width:600px){
    .newsletter-btn{display:none}
    .newsletter-btn-in-page{display:inline-block}
    .atozBox{flex: 1 1 100%; max-width: 100%; margin: 0px;}
    .twitBox {flex: 1 1 100%;max-width: 100%; margin: 25px 0px; margin-right: 20px;}
    /* .resource_list{column-count: 1;} */
    .resource_box{width:100%;}
    .footer_link_box {
        margin-left: 0px;
        flex: 1 1 100%;
        margin-bottom: 30px;
    }

    .contact_content .contact_content_form .d-flex {
        flex-direction: column;
    }
    .contact_content .contact_content_form .d-flex .flex-50:nth-child(2) {margin-top: 24px;
    }
        .contact_content .contact_content_form .d-flex .flex-50 {
        margin: 0px;
        flex: 1 1 100%;
        max-width: 100%;
    }
    
    .banner_left_content h1{ font-size: 40px; line-height: 48px;}

    .view-hwb-myf .label-desktop{
        display: none;
    }
    .view-hwb-myf .label-mobile{
        display: block;
    }
    .header_right .theme-btn{padding: 12px 6px; font-size: 9px !important;}

    
}

/*@media(max-width:420px){*/
/*    .muf_content .theme-btn{ font-size: 8px !important; }*/
/*}*/

@media(max-width:420px){
    .banner_right_content_detail > img{width: 70px !important;}
    .banner_right_content_detail .inner_content_detail .h3Title{font-size: 20px !important; margin-bottom: 12px !important;}
    .banner_right_content_detail .inner_content_detail .theme-btn{padding: 7px; text-align: center; font-size:12px !important;}
    
    .podcast_slide .podcastBox .imgContent a{
        
        width: 30px;
        height: 30px;
        left: 20px;
        bottom: 10px;
    }
    
    .banner-right-content .bg_box{ left: 0;}
    .banner_right_content .banner_right_content_detail {
        left: 50px;
        top: 40px;
        width: calc(100% - 100px);
        height: calc(100% - 95px);
    }
    .banner_right_content .banner_right_content_detail > img{
        width: 70px;
        height: 70px;
    }
    .banner-right-content .banner_right_content_detail .smallTxt{ font-size: 12px; }
    .banner_right_content .banner_right_content_detail .inner_content_detail h3{
        margin: 5px 0px 11px 0px;
        line-height: 26px !important;
    }
    
    header .header_right li a{ margin: 0px 12px 0px 0px; font-size: 12px !important; padding: 10px }

    
}

@media(max-width: 390px)
{
    .banner_right_content .banner_right_content_detail .inner_content_detail h3{ line-height: 22px !important;}
    .header_right .theme-btn{padding: 12px 6px; font-size: 8px !important;}
    .newsletter-btn-in-page{margin-top:5px}
}

@media(max-width:360px){
    .header_right .theme-btn{padding: 12px 6px; font-size: 8px !important;}
    /*header .header_right li a{margin: 0px 12px 0px 0px;}*/
    .banner_right_content .banner_right_content_detail {
        left: 30px;
        top: 30px;
        width: calc(100% - 60px);
        height: calc(100% - 70px);
    }
    .banner_right_content_detail .inner_content_detail .theme-btn{padding: 0; text-align: center;}
    a.nav-item.nav-link.pl-0 {width: 72px;}

    .footer_bottom{
        width:250px
    }
    /* Search form */

    .view-search form input.form-text{
        font-size: 14px;
    }
    /* End */
}

/* For prioiority, keep at end alwyas */

.pt-0{padding-top: 0 !important;}

/* -- For prioiority, keep at end alwyas */