/* Custom Styles */
.da img{margin-bottom: 2rem;}
.header a.link-list__link{font-weight: 700;}
.header a.btn:hover{border-color: #2cbc9b !important;
    background-color: #2cbc9b !important;}      
.header .hamburger__slice{background: #fff;}
.product-image {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;}
.play_logo{position: absolute;
    width: 50px;
    height: 50px;
    z-index: 1111;
    visibility: hidden;
}
.product-image:hover .play_logo{visibility: visible;}
.discord_icon{padding: 6px;}
.overlay__inner p{width:300px;text-align:center;margin:0 auto;}   
@media screen and ( min-width : 768px )
{
.mobile_cta{display: none !important;}
h3{font-size: 22px !important;}
}

@media screen and ( max-width : 767px )
{
    .logo__image{width: 135px !important;}
    .desktop_only{display: none !important;}
    .header__container > :last-child{margin-left: 0 !important;}
    .mobile_cta .btn{padding: 5.5px 15px !important;}
    .header__content--desktop {padding: 15px 0 !important;}
    .mobile_container .col-8, .mobile_container .col-4{padding: 10px 30px !important;}
    .banner_img, .overlay{border-radius: 0 !important; text-align: center;}
    .mobile_container{padding: 0;}
    .overlay{padding: 20px !important; padding-bottom: 30px !important;}
    h3{font-size: 20px !important;}
}
@media screen and ( max-width : 376px )
{
.overlay__inner p{width: 100% !important;}
p.video_text {line-height: 20px;}
p.video_heading{line-height: 20px;}
}

@media screen and ( max-width : 359px )
{
.hamburger{width: 20px; height: 20px;}
.hamburger__slices{height: 20px;}
.hamburger--slice-3, .hamburger--slice-2{top: 8px;}
.hamburger--slice-4{top: 16px;}
.mobile_cta .btn{font-size: 14px !important;}
.mobile_container .col-8, .mobile_container .col-4{padding: 10px !important;}
.overlay__inner p{width: 100% !important; line-height: 20px;}
.post-video .overlay__inner .btn{font-size: 14px !important;}
h2{font-size: 22px !important;}
h3{font-size: 20px !important;}
.btn{padding-left: 20px !important; padding-right: 20px !important;}
.category-title h4{font-size: 16px;}
}

@media screen and ( max-width : 319px )
{
p.video_text {font-size: 12px !important; line-height: 16px;}
p.video_heading{font-size: 14px !important; line-height: 16px;}
.logo__image{width: 110px !important;}
.search{padding: 12px 10px !important; font-size: 12px !important; padding-left: 35px !important; }
}