@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@100;400;700;900&display=swap');
@import url('http://fonts.cdnfonts.com/css/berlin-sans-fb');
@import url('http://fonts.cdnfonts.com/css/berlin-sans-fb-demi');
@font-face {
    font-family: "df";
    src: url("../fonts/DFHuaZongStd-W5.otf")
  }
  @font-face {
    font-family: "brlsndb";
    src: url("//www.axn-asia.com/specials/axn-asia/microsite/secretsoftheraknusselutrail-test/displays/fonts/BRLNSDB.TTF")
  }
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}
p{
    font-size: 17px !important;
    /*line-height: 1.3;*/
}
span{font-size: 16px;}

/* :root{

} */

.main-div{
    background-color: #e0e0e0;
}
.container {
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
    padding: 30px 15px;
  
}
.background-container {
    background-image: url(//www.axn-asia.com/specials/axn-asia/microsite/secretsoftheraknusselutrail-test/displays/images/bg-2.png);
    background-position: bottom;
    background-repeat: no-repeat;
}
.main-div .header-area {
    background: url('//www.axn-asia.com/specials/axn-asia/microsite/secretsoftheraknusselutrail-test/displays/images/header-tw.jpg') no-repeat center center/cover;
    min-height: 624px;
    width: auto;
    background-color: black;
}
.main-div .header-area {
    position: relative;
}
.main-div .bottom-txt{
    position: absolute;
    right: 5%;
    bottom: 0;
}
.main-div .bottom-txt h3{
    font-size: 28px;
    color: black;
    text-transform: uppercase;
    font-weight: 900;
    text-align: center;
    line-height: 1.2;
}
.main-div .bottom-txt h5{
    color: black;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
    text-align: center;
}
.main-div .bottom-txt p {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 15px;
}
.main-div .bottom-txt .images-div {
    display: flex;
    justify-content: space-evenly;
}

/* Navbar */
.main-div .desktop-navigation{
    background-color: #282828;
    padding: 20px;
}
.main-div .desktop-navigation ul li{
    list-style: none;
}
.main-div .desktop-navigation ul{
    display: flex;
    justify-content: space-between;
}
.main-div .desktop-navigation ul li a{
    color: #fff;
    transition: all 0.4s;
    text-decoration: none;
    font-family: 'df', sans-serif;
    text-transform: uppercase;
}
.main-div .desktop-navigation ul li a:hover,.main-div .desktop-navigation ul li a:active{
    color: #c0212e;
}

/* Text With Video COntainer */
.images-div img{width: 175px;}
.h3_custom{font-size: 24px !important;}
.h5_custom{font-size: 18px !important;}
.score-div img{border-radius: 50%;}
.txt-container {
    text-align: center;
    /*padding: 90px 25px 0;
    background: url('//www.axn-asia.com/specials/axn-asia/microsite/secretsoftheraknusselutrail-test/displays/images/brush-bg-1.png') no-repeat;*/
    background-position:0% 100%;
}
.txt-container .video {
    margin: 0 auto;
    margin-bottom: 22px;
   
}

.txt-container .txt-div{
    padding-bottom: 50px;
}
.txt-container .txt-div h2{
    font-size: 30px;
    color: black;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 30px;
    font-family: 'df', sans-serif;
}
.txt-container .txt-div p{
    color: black;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
}
.txt-container .txt-div p span{
    font-weight: 900;
}
.video-wrapper.iframe-wrapper{
    margin-top: 20px;
    height: 0;
    position: relative;
    padding-bottom:56.25%;
}
.video-wrapper.iframe-wrapper .main-video{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#about{
    background-size: 100% 94%;
    background-repeat: no-repeat;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'df', sans-serif;
}

/*Teams Hosts*/
#teams-hosts .ss-main-contain img{width: 100%;}
#teams-hosts{
    background-image:url("//www.axn-asia.com/specials/axn-asia/microsite/secretsoftheraknusselutrail-test/displays/images/teamshosts_bg.png");
    color:white;
    padding: 90px 35px ;
    background-repeat: no-repeat;
    background-size: cover;
}
#teams-hosts a{color: white;}
.ins-url img{margin-right: 10px;}
.auc-title{
    padding-bottom:50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.auc-title h2{font-size: 32px;}
.auc-title img{margin-right: 15px;}
#teams-hosts .col-wrapper{
    display: flex;
    justify-content: space-between;
}
#teams-hosts .col-wrapper .col{
    width: 32%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.ins-url{
    display: flex;
    align-items: center;
    text-decoration: none;
}
.social-media{
    display: flex;
    justify-content: space-around;
}
.team-host-content{
    padding: 20px;
}
.team-name{padding-top: 20px;}


/* Score Board */
.teams-logo .team{
    grid-row-gap: 5px;
    grid-template-columns: 16% 16% 16% 16% 16% 16%;
    display: grid;
}
.teams-logo .team img{
    max-width: 55px; 
    height: fit-content;
}
.team-1{    direction: rtl;}
.score-container{
    background: url('//www.axn-asia.com/specials/axn-asia/microsite/secretsoftheraknusselutrail-test/displays/images/scores_bg.png') no-repeat;
    padding: 90px 15px;
    text-align: center;
    background-size: 100% 100%;
    margin-top: -26px;
}
.score-container h3{
    font-size: 32px;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 50px;
    font-weight: 900;
}
.score-container .teams-logo{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 30px;
}
.score-container .teams-logo .border-div {
    border-right: 1px solid #333;
}
.score-container .team-1,.score-container .team-2{
    width: 38%;
    text-align: center;
}
.score-container .team-1 img,.score-container .team-2 img {
    margin-right: 5px;
    margin-bottom: 5px;

}
.score-container .score-div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
}
.score-container .score-div h2{
    font-size: 200px;
    color: #c0212e;
    font-weight: 900;
}


/* Episodes */
.slick-arrow{margin-top:-2vw;}
#episodes{

    background-size: 100% 100%;

    position: relative;
}
.episodes-cont{
    text-align: center;
    /*background: url('//www.axn-asia.com/specials/axn-asia/microsite/secretsoftheraknusselutrail-test/displays/images/red-brush.png') no-repeat;*/
    background-position:100% 0%;
    padding: 90px 15px;
    padding-bottom:60px
}
.episodes-cont h3{
    font-size: 35px;
    text-transform: uppercase;
    color: #333;
    font-weight: 900;
}
.more-videos h3 {
    margin-bottom: 50px;
    color: #333;
}
.more-videos #episodes-more-list{
    display: flex;
    justify-content: space-evenly;
}


/* Digital Exclusives */
.digi-episodes{
    padding-bottom: 20px;
    text-align: center;
}

.digi-episodes h3{
    font-size: 35px;
    text-transform: uppercase;
    color: #333;
    font-weight: 900;
}

/*Contests*/
#contests{padding-top:30px;}
.contest .title{padding-top:15px;padding-bottom:15px;}
.two-col.contests{
    display: flex;
    justify-content: space-between;
}
.two-col .col{width: 49%;}
.two-col .img-wrap img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

/* Tweets */

.tweets-container{
    padding: 90px 15px;
    padding-bottom: 45px;
    text-align: center;
    background-image: url(//www.axn-asia.com/specials/axn-asia/microsite/secretsoftheraknusselutrail-test/displays/images/bg-yellow.png);
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
}
.tweets-container h3{
    font-size: 35px;
    text-transform: uppercase;
    color: #333;
    font-weight: 900;
}
.tweets-container iframe #es-footer{
    display: none!important;
}
/*Footer*/
.images-div-footer{
    display: flex;
    justify-content: center;
    padding-top: 70px;
}
.images-div-footer img{width: 170px;}

/* Mobile Nav */
.mobile-nav {
    background-color: #282828;
    padding: 20px 10px;
}
.mobile-nav ul{
    list-style: none;
}
.mobile-nav li a {
    text-decoration: none;
    color: #fff;
    font-family: 'df', sans-serif;
    margin-bottom: 25px;
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    transition: all 0.5s;
}
.mobile-nav li a:hover{
    color: #c0212e;
}
#nav-icon3 span{
    display: block;
    /* position: absolute; */
    height: 5px;
    width: 30px;
    background: #fafafa;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    margin-bottom: 5px;
}
.mobile-nav{
    display: none;
}
.responsive-nav {
    position: relative;
}
.responsive-nav .mobile-menu {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}



/* .episode{width:30%;} */

.overlay-bg,
.video-container{
	display:none;
}
.overlay-bg{
	background-color:rgba(0, 0, 0, 0.95);
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:9998;
}
.video-container{
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:9999;
}
.video-content{
	position:absolute;
}
.video-btn-close{
	position:absolute;
	right:0px;
	top:-30px;
	z-index:1;
}
.video-btn-close button{
	background:none;
	border:0;
	cursor:pointer;
	margin:0;
	padding:0;
	color:#ffffff;
	font-size:20px;
}
.video-btn-close img{
	padding:10px;
}

.episode .project-go-video-link>img {
    width: 100%;
}

.resp-container {
    padding-top: 0!important;
}
.resp-content #episodes-list {
    padding: 5px 15px;
    align-items: center;
}
.resp-content .episode {
    padding: 5px 20px;
}
.resp-content .episode a{
    display: block;
    position: relative;
}




/* Video Listing Page */
.episode-play-button {
    position: relative;
    justify-content: center;
    display: flex;
    align-items: center;
}
.thumbnail{width: 100%;}
.img-play-button.resp-img-playbtn{position:absolute;}
.project-go-video-link{text-decoration: none;}
.ytb-title {
    text-align: left;
    color: black;
    text-decoration: none;
    padding-top: 20px;
    font-family: 'df', sans-serif;
    text-align: center;
}

.slick-arrow{
    font-size: 40px;
    transform: scaleY(1.9);
    cursor: pointer;
}
.slick-slider{
    display: flex;
    align-items: center;
}

.video-listing .video-heading {
    display: flex;
    justify-content: center;
    align-items: center;
}
.video-listing h2 {
    text-transform: uppercase;
    color: #fff;
}
.video-list {
    padding-bottom: 30px;
}



@media (max-width:375px) {
    .single-list .list-heading h2 {
        font-size: 1rem;
    } 
    .posts-heading h2 {
        font-size: 1.2rem;
    }
}
.navigation .nav-mhtig a:active {
    color: #a71d13;
}


.sticky + div{
    padding-top:100px;
}
#wraper-menu{
    width: 1150px;
    /*max-width: 96%;*/
    z-index: 2;
    background-color: white;
}
#wraper-menu.sticky{max-width: calc(100% - 20px) !important;}
.resp-container .main-contain{
    padding-bottom: 100px;
}
.video-yt.resp-iframe{width: 100%;}

@media(max-width:767px){
    .desktop-only{display: none;}
}

#episodes-list .slick-arrow{
    height: fit-content;
    cursor: pointer;
}
#episodes-more-list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}



@media(max-width:1100px) {
    .score-container img {
        max-width: 100%;
    }
    .main-div .bottom-txt{
        right: 1%;
    }
    .main-div .bottom-txt h3{
        font-size: 2.6vw;
    }
    .main-div .bottom-txt h5{
        font-size: 2vw;
    }
    .main-div .bottom-txt .images-div img{
        /*max-width: 80%;*/
    }
}
@media(max-width:1000px) {
    .score-container img{
        max-width: 80%;
    }
    .score-container .score-div h2 {
        font-size: 140px;
    }
    .more-videos #episodes-more-list .episode{
        max-width: 30%;
    }
}
@media(max-width:992px){
    .main-div .bottom-txt .images-div img{
        /*max-width: 60%;*/
    }
    .menu-bar li{
        font-size: 12px;
    }
}

@media(max-width:900px){
    .bottom-txt{
        /*visibility: hidden;*/
    }
    .score-container img{
        max-width: 70%;
    }
    .score-container .score-div h2{
        font-size: 80px;
    }
    .score-container .team-1 img, .score-container .team-2 img{
       /* max-width: 12%;*/
    }
    .score-container .score-div .team-a, .score-container .score-div .team-b{
        flex: 1;
    }
    .score-container .score-div .score{
        flex: 2;
    }
    
    .main-div .header-area{
        min-height: 50vh;
    }
    
}
@media(min-width:769px){
    .mb-only{display: none;}
}
@media(min-width:800px){
    .txt-container .video iframe{
        min-width: 670px;
        min-height: 380px;
    }
}
@media(max-width:768px) {
    .txt-container .txt-div h2{
        margin-bottom: 10px;
    }
    .score-container{margin-top: -45px;}
    .score-container .score-div{align-items: flex-end;}
    .score-div div.team-a,.score-div div.team-b{margin-bottom: 40px;}
    .score-container .score-div .score{
        flex: none;
        margin-left: 20px;
        margin-right: 20px;
    }
    .teams-logo .team img{max-width: 90%;}
    .score-container .teams-logo{align-items: flex-start;}
    .score-container img{
        max-width: 100%;
    }
    .teams-logo .team{
        grid-template-columns: 33% 33% 33%;
    }
    .wraper-score{
        display: flex;
        flex-direction: column-reverse;
    }
    .main-div .desktop-navigation{
        display: none;
    }
    .mobile-nav{
        display: block;
        min-height: 50px;
        
    }
    .responsive-nav .mobile-menu{
        top: -8px;
    }
    h3{
        font-size: 30px!important;
    }
   
    .resp-content .episode .resp-play-button img{
        top: 22%;
        left: 31%;
    }
    .multiple-acc {
        flex-wrap: wrap;
    }
    .resp-content #episodes-list{display: flex;}
    #episodes-more-list .episode{width:49%;}
    #teams-hosts .col-wrapper{
        flex-direction: column;
    }
    #teams-hosts{
        background-size: cover;
        background-position: center;
        padding-left:20px;
        padding-right: 20px;
        padding-bottom: 60px;
    }
    #teams-hosts .ss-main-contain img{width: 100%;}
    #teams-hosts .col-wrapper .col{
        width: 100%;
        margin-bottom: 50px;
    }
    .team-name{padding-top:10px;}
    .auc-title h2{font-size: 5vw;}
    .team-host-content{padding-left: 0;padding-right: 0;}

    #about{background-size: contain;}
    .slick-arrow{font-size: 20px;}
    .arrow-prev{margin-right: 10px;}
    .arrow-next{margin-left: 10px;}
    .main-div .header-area{
        background: url(//www.axn-asia.com/specials/axn-asia/microsite/secretsoftheraknusselutrail-test/displays/images/header-tw-mb.jpg);
        min-height: 131vw;
        align-items: flex-end;
        display: flex;
        justify-content: center;
        background-size: cover;
    background-repeat: no-repeat;
    }
    .main-div .header-area .bottom-txt{position:relative;}
    .hashtag{
        color: white;
        position:absolute;
        z-index: 2;
        padding-left:10px;
        padding-top: 10px;
        font-size: 2.3vw;
    }
}
@media(max-width:500px){
    #about{
        padding-right:0px;
        padding-left: 0px;
    }
    .ins-url img{width: 20px;}
    .two-col.contests .col{width: 100%;}
    .two-col.contests{flex-direction: column;row-gap: 50px;}
    .score-div div.team-a, .score-div div.team-b{margin-bottom: 15px;}
    .slick-arrow{margin-top:-8vw;}
    .txt-container .txt-div h2{font-size: 6vw;}
    h3 {
        font-size: 20px!important;
    }
    .score-container .score-div h2 {
        font-size: 11vw;
    }
  
    .main-div .header-area{
        /*min-height: 117vw;*/
    }
    .main-div .bottom-txt h3{font-size: 3.2vw !important;}
    .main-div .bottom-txt h5{font-size: 3vw !important;}
    .main-div .bottom-txt .images-div img{max-width: 80%;}
    .images-div > div{text-align: center;}
}
@media(max-width:414px) {
   
    .mobile-nav li a{
        font-size: 13px;
    }
    #nav-icon3 span{
        height: 4px;
        width: 27px;
    }
    h3 {
        font-size: 16px!important;
    }
    .more-videos #episodes-more-list{
        flex-direction: column;
        justify-content: center;
    }
    .more-videos #episodes-more-list .episode{
        max-width: 100%!important;
    }
    #episodes-more-list .episode{
        width: 100%;
    }
   
    .resp-content .episode .resp-play-button img{
       top: 32%;
       left: 36%; 
    }
}


/*new*/
.first-obj {
    display: flex;
    margin-top: 30px;
    width: 70%;
    justify-content: center;
}
.title-trails {
    background-image: url('//www.axn-asia.com/specials/axn-asia/microsite/secretsoftheraknusselutrail-test/displays/images/obj2.png');
    padding: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.title-trails > p {
    font-weight: bold !important;
    font-family: 'df';
} 
.txt-container .txt-div > p {
    margin-top: 20px;
}

/*host*/
.third-obj {
    display: flex;
    margin-top: 20px;
    width: 50%;
    justify-content: center;
}
/* .host-title::before {
    content: '';
    background-image: url('//www.axn-asia.com/specials/axn-asia/microsite/secretsoftheraknusselutrail-test/displays/images/host1-obj.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    font-weight: bold !important;
    font-family: 'brlnsr';
} */
.row img {
    width: 100%;
}
.host1-div {
    text-align: left;
    padding-left: 0px !important;
}
.host-obj {
    width: 60% !important;
}
.host-title {
    margin-left: -50px;
    margin-top: 50px;
}
.host1-info {
    margin-top: 30px;
}
.host1-info > p{
    font-family: 'df', sans-serif;
    line-height: 1.3;
}

.host1-contact {
    margin-top: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.host1-contact >img {
    width: 40px;
}
.host1-contact p {
    font-family: 'Berlin Sans FB', sans-serif;
    padding-left: 10px;
}
.sun-obj {
    position: absolute;
    right: 0;
    top: -50px;
}

.host2-div {
    text-align: right;
    padding-right: 0px !important;
}
.host-obj {
    width: 60% !important;
}
.host2-title {
    margin-right: -50px;
    margin-top: 50px;
}
.host2-info {
    text-align: left;
    margin-left: 30px;
    line-height: 1.3;
}
.host2-info {
    margin-top: 30px;
}
.host2-info > p{
    font-family: 'df', sans-serif;
    text-align: right;
}
.host2-contact {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.host2-contact >img {
    width: 40px;
}
.host2-contact  p {
    font-family: 'Berlin Sans FB', sans-serif;
    padding-left: 10px;
}
.host2-obj {
    margin-right: -8vw;
    margin-top: -2vh;
}
.host2-obj img {
    width: 25%;
}












/**/
.image-gallery {
    /* Mobile first */
    display: flex;
    flex-direction: row;
    gap: 10px;
  }
  
  .image-gallery .column {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  
  .image-item img {
    width: 100%;
    max-width: 1000px;
    height: 100%;
    object-fit: cover;
  }
  
  @media only screen and (min-width: 768px) {
    .image-gallery {
      flex-direction: row;
    }
  }
  
  /* overlay styles */
  
  .image-item {
    position: relative;
    cursor: pointer;
  }
  
  .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(57, 57, 57, 0.502);
    top: 0;
    left: 0;
    transform: scale(0);
    transition: all 0.2s 0.1s ease-in-out;
    color: #fff;
    /* center overlay content */
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  /* hover */
  .image-item:hover .overlay {
    transform: scale(1);
  }
.hip-pagination {
    margin-top: 30px;
}
.hip-pagination > a {
    display: inline-flex;
    font-family: 'df';
}
.chris-reverse {
    flex-flow: row-reverse;
}

.cpwrite {
    text-align: center;
    margin-top: 50px;
    font-family: 'df', sans-serif;
}
.photo-album {
    padding-top: 0px;
}
.photo-row {
    justify-content: flex-end;
    position: relative;
    width: 85%;
    bottom: -35px;
}
.photo-obj img {
    width: 50%;
}
#album {
    padding-top: 0px !important;
}
/* .dig-bg {
    background-image: url(//www.axn-asia.com/specials/axn-asia/microsite/secretsoftheraknusselutrail-test/displays/images/dig-bg.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
} */
.fc-bg {
    background-image: url(//www.axn-asia.com/specials/axn-asia/microsite/secretsoftheraknusselutrail-test/displays/images/fc-bg.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
}
.PC-bg {
    background-image: url(//www.axn-asia.com/specials/axn-asia/microsite/secretsoftheraknusselutrail-test/displays/images/pc-bg.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
}
.fc-bg > p {
    font-family: 'df'; font-weight: 100 !important; width: 65%; margin: auto;
}
.fc-vid {
    margin-bottom:-10px;
}
.fc-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#podcast > p {
    font-family: 'df'; font-weight: 100 !important; width: 80%; margin: auto;
}
.podcast-vid {
    margin-top: 20px;
}
.listen-on {
    justify-content: center;
    align-items: center;
    width: 80%;
    margin: auto;
    padding-top: 30px;
    font-family: 'Berlin Sans FB'; font-weight: 100; width: 95%; margin: auto;
}
.lto img{
    width: auto;
}
.lto {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.apple a {
    padding-left: 15px;
    margin-right: -15px;
}
.lto::before {
    content: url(//www.axn-asia.com/specials/axn-asia/microsite/secretsoftheraknusselutrail-test/displays/images/slash.png);
}
.lto-first::before {
    content: '' !important;
}
.lto-first {
    padding-left: 0px;
    padding-right: 20px;
}
.apple {
    padding-right: 0px;
    padding-left: 0px;
}
.awedio {
    padding-right: 0px;
    padding-left: 30px
;
}
.syok {
    padding-right: 0px;
}
.icrt {
    padding-left: 0px;
}






















@media(max-width:768px) {
    .host2-info {
        margin-left: 0px;
    }
    
    .empty-col {
        display: none !important;
    }
    .digi-episodes .txt-div {
        padding-top: 60px !important;
    }
    .photo-row {
        width: 90%;
        bottom: -35px;
    }
    .first-obj {
        margin-top: 20px;
    }
    .photo-album {
        padding-top: 0px !important;
    }
    .danny-host {
        margin-top:30px;
    }
    .chris-reverse {
       margin-top: 30px;
       margin-bottom: 15px;
       flex-flow: column;
    }
    .host1-div {
        padding-left: 15px !important;
    }
    .host-title {
        margin-top: 10px;
        margin-left: 0px;
    }
    .host2-title {
        margin-top: 10px;
        margin-right: 0px;
    }
    .cpwrite {
        text-align: center;
        margin-top: 20px;
    }
 }
 @media (max-width:568px) {
    .fc-bg >p {
        width: 100% !important;
    }
    .PC-bg {
        padding-top: 60px !important;
    }
    .listen-on {
        width: 100%;
    }
    .apple {
        padding-right: 0px;
        padding-left: 0px;
    }
    .awedio {
        margin-right: unset;
    }
    #podcast > p {
       width: 100%;
    }
    .dig-bg {
        padding-bottom: 15px !important;
    }
    .fc-bg {
        padding-bottom: 15px !important;
    }
    .photo-album {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .photo-row {
        width: 95%;
        bottom: -35px;
    }
    .icrt {
        padding-left: 0px;
    }
 }
 @media (max-width:480px) {
    .slick-slider {
        display: flex !important;
        align-items: center;
    }
}
@media (max-width:450px) {
    .photo-row {
        width: 100%;
        bottom: -35px;
    }
    .photo-obj img {
        width: 65%;
    }
}






/*podcast*/


.spotify-item-des p {
    font-size: 15px !important;
    letter-spacing: 1px !important;
    margin-top: 10px !important;
}

.spotify-item-des .date {
    font-size: 13px;
    letter-spacing: 1px;
    display: block;
    margin-top: 5px;
}


.spotify h2 {
    text-transform: uppercase;
}

.spotify-item {
    width: 100%;
    display: inline-block;
    margin-bottom: 0px;
}

.spotify-item-des h3 {
    text-align: left;
    font-size: 21px;
    font-family: "helvetica-bold", sans-serif;
    letter-spacing: 1px;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 0;
    line-height: 20px;
    text-transform: uppercase;
}
.spotify-item-des p {
    font-size: 15px;
    letter-spacing: 1px;
    margin-top: 10px;
    text-align: left;
    font-family: "helvetica", sans-serif;
    margin-bottom: 10px;
}
.tanlents-subcriber .social {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.subcriber .social {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.subcriber p {
    color: #fff;
}

.tanlents-subcriber .social li:last-child,
.subcriber .social li:last-child {
    margin-right: 0 !important;
}

.tanlents-subcriber .social li,
.subcriber .social li {
    float: left;
    list-style: none;
    color: #fff;
    text-transform: uppercase;
    margin-right: 10px;
    font-size: 13px;
    font-family: "BEBASNEUE", sans-serif;
    letter-spacing: 3px;
    font-weight: 500;
}
.social li img {
    width: 70%;
}

.spotify-items {
    margin-top: 30px;
}