@media screen and (max-width:1309px) {
.inner, .blogsC{width: 100%;}
.lftC{width: 35%;}
.rytC{width: 60%;}
.moreVid li{width: 31%;}
.blgS{width: 96%;margin: 18px 2%;}
}
@media screen and (max-width:1200px) {
.welC p{margin: 50px 10%}
i.forum-login, i.forum-signup{margin-right: 2px}
.vidTtl, .dlC{width: 100%;text-align: center}
.dlC a{margin:0 5px;}
.dlOpt a{padding: 13px 15px;margin: 5px;font-size: 15px;}
.disc-box{width: 29%}
.forum-benefits h3{font-size: 38px;top: -24px}
.resourcesC li{padding: 20px;}
.bTtl{font-size: 20px}
}
@media screen and (max-width:1010px) {
html, body{overflow: hidden;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.searchtop{width: 200px;}
.topTtl{font-size: 40px;line-height: 40px;}
.vidTtl{font-size: 30px;line-height: 30px;}
.moreVid li{width: 45%}
.blgE{width: 80%;}
.blgS{padding: 20px 20px 30px;}
.site-list li{width: 46.5%;margin:1.5% 1%;}
.disc-box{width: 42%}
}
@media screen and (max-width:900px) {
.logo{margin: 20px;}
.logo img, .wel-top img{max-width: 80%;height: auto}
.toptxt{width: 40%;top: 27px}
.toptxt img{max-width: 100%;height: auto}
.welC p{margin: 50px 5%}
.lftC{width: 90%;}
.rytC{width: 90%;margin: 20px 0 0;text-align: center;padding: 25px 15px 0;}
.rytC p{word-wrap: break-word;}
.deTtl, .moreT{font-size: 7vw}
.rytC h5{font-size: 5vw}
.btmTxt p{margin: 0 5% 25px;}
.dlC a{margin:5px auto; width: 96%;text-align: center;display: block}
.topTtl{font-size: 8vw;line-height: 8vw;}
.vidTtl{font-size: 7vw;line-height: 7vw;}
.moreVid li{width:100%; margin: 10px 0;}
.blogsC{margin:10px auto;}
.blgE{width:47%;}
.blgE ul, .blgS ul{padding: 0;}
.blgE ul li, .blgS ul li{display:block;border: 0;border-bottom:1px solid #fff;padding: 10px 0;text-align: center;}
.blgS{text-align: center}
.blgS .bTtl{font-size: 26px;}
.resourcesC li{width: 46%;}
.joinC{padding: 50px 20px;}


footer p{margin: 40px 5% 0}

}
@media screen and (max-width:680px) {
.logo{width: 100%;text-align: center;margin: 20px 0}
.toptxt{position: relative;top: auto;right: auto;width: 100%;padding: 0 20px 20px}
.other-site span, .menu span{display: block;text-align: center;}
.disc-box{width: 83%}
.disc-ttl{font-size: 5vw;line-height: 6vw;}
.disc-box p{font-size: 3.5vw;line-height: 5.5vw;}
a.disc-btn{font-size: 3.5vw;line-height: 4.3vw;}
.blgE{width:94%;margin: 10px 3%;text-align: center}
.discountC{padding: 10px 20px 10px;}
.discountC h3, .default-post h3{font-size: 40px;line-height: 36px}
.discountC ul{margin: 40px 10px}
}
@media screen and (max-width:490px) {
.welC p, .default-post p{font-size: 4vw;line-height: 6vw}
.bTtl, .blgS .bTtl{font-size:6vw }
.dlOpt{margin: 13px 0;}
.dlOpt a{font-size: 4vw;padding: 13px 15px;margin: 5px 0;width: 100%;}
a.backBtn{width: 90%;padding:12px 10px;margin: 10px auto 30px;font-size: 4vw;}
.counterC h3{font-size: 5vw}
.countdown .separator{font-size: 10vw;line-height: 10vw;margin:0 10px;	}
.countdown .item{font-size: 10vw;line-height: 10vw;padding: 10px 0;width: 23%;}
.countdown .label {bottom: -30px;font-size: 3vw;}
h1.page-title{font-size: 7vw;line-height: 8.5vw;margin-top: 20px}
.searchC{width: 90%;}
.site-list li{width: 90%;margin:10px 0;}
.sl-ttl{margin: 0 20px 10px;}
.sl-ttl h5{font-size: 6.5vw;padding: 0 10px;line-height: 6.5vw;}
a.ylw-btn{padding: 15px 30px 15px 70px;font-size: 5vw;line-height: 5vw;margin:20px;}
.gal-ttl, .scr-ttl{font-size: 8vw;line-height: 9vw;}
.default-post p{font-size: 4vw;line-height: 6vw;}
.default-post li{font-size: 4vw}
.forum-box{margin: 20px 10px;}
.forum-box p{font-size: 4vw;line-height: 6vw;margin: 20px 10px;}
.forum-benefits{margin: 30px 10px 20px;padding: 0 15px 20px;}
.forum-benefits h3{font-size: 6vw;padding: 0 10px;}
.forum-benefits ul{margin: 0 0 10px;}
.forum-benefits li{padding: 15px 10px 15px 50px;}
.forum-btm{margin: 30px 10px;}
.resourcesC li{width: 90%;margin: 10px 0}
.resourcesC li p{font-size: 3.8vw;line-height: 5.5vw;margin: 10px 0 0}
.faqC ol li:before{width: 35px;	height: 35px;padding-top:1px;font-size: 24px;}
.faqQ{width: 83%;margin-left: 15px}
.faqQ:after{margin-top: 0;}
.faqQ h4{font-size: 5vw;margin-top: 3px;width: 90%}
.faqA{padding: 0 5% 0 15%;margin: 0}
.faqA p{font-size: 4vw;line-height: 6vw;}
.joinC{padding: 20px 15px;}
.joinC h3{font-size: 8vw;line-height: 9vw;}
.joinC h4{font-size: 4vw; line-height: 6vw; margin: 30px 0}
a.join-btn{font-size: 4vw;padding: 10px 30px}
.major-card{margin: 40px 0;padding: 10px 20px 30px;}
.poweredby p{width: 100%;text-align: center}


}
@media screen and (max-width:390px) {
.countdown .label {bottom: -28px;}
}

@media screen and (max-width:330px) {
footer p{font-size: 4vw}
.newTxt{font-size: 16px;}
.countdown .label {bottom: -25px;}
}

@media only screen and (min-width: 300px) and (max-width: 740px) and (orientation:landscape) {

}


/*** Rich - new mobile menu stuff ***/
@media (min-width: 576px) {
    .sm {display: none;}
}

@media (max-width: 575px) {

    .mainC, .blogsC {margin-top: 80px!important;}

    .md {display: none;}

    .top-nav {height: 60px;display: flex;background: #000;position: fixed;}

    #menu__toggle {
        display: none;
    }
    #menu__toggle:checked + .menu__btn > span {
        transform: rotate(45deg);
    }
    #menu__toggle:checked + .menu__btn > span::before {
        top: 0;
        transform: rotate(0deg);
    }
    #menu__toggle:checked + .menu__btn > span::after {
        top: 0;
        transform: rotate(90deg);
    }
    #menu__toggle:checked ~ .menu__box {
        left: 0 !important;
    }
    .menu__btn {
        position: fixed;
        top: 24px;
        right: 15px;
        width: 26px;
        height: 26px;
        cursor: pointer;
        z-index: 6;
        padding-top: 5px;
    }
    .menu__btn > span,
    .menu__btn > span::before,
    .menu__btn > span::after {
        display: block;
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #fd7;
        transition-duration: .25s;
    }
    .menu__btn > span::before {
        content: '';
        top: -8px;
    }
    .menu__btn > span::after {
        content: '';
        top: 8px;
    }
    .menu__box {
        display: block;
        position: fixed;
        top: 60px;
        left: -100%;
        width: 250px;
        height: 100%;
        margin: 0;
        padding-top: 1rem;
        padding-left: 1rem;
        list-style: none;
        background-color: #000;
        opacity: 0.9;
        z-index: 4;
        box-shadow: 2px 2px 10px rgba(102, 102, 102, .7);
        transition-duration: .25s;
    }
    .menu__box > li {
        margin-bottom: 8px;
    }
    .menu__item {
        display: block;
        color: #fd7;
        text-decoration: none;
        transition-duration: .25s;
    }
    .menu__item:hover {
        background-color: #f99;
        text-decoration: none;
    }
    .sm-logo {
        padding-top: 18px;
        padding-left: 1rem;
        width: 60%;
    }
    .sm-but-div {
        width: 13%;
        text-align: center;
        padding-top: 18px;
    }
    .sm-but {
        color: #fff;
        background: #FF6500 linear-gradient(180deg, #fb7822, #FF6500) repeat-x;
        border-color: #FF6500;
        text-align: center;
        border: 1px solid transparent;
        padding: 0.375rem 0.75rem;
        font-size: 0.9rem;
        line-height: 1.6;
        border-radius: 0.25rem;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
    .hamburger-menu {
        width: 12%;
    }
    li.menu-divider {
        color: #fff;
    }
    .menu-alpha-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
        gap: 5px 18px;
        padding: 5px;
        padding-bottom: 20px;
    }
}

@media (max-width: 375px) {

    .sm-logo {
        width: 55%;
    }

    .sm-logo img {
        width: 90%;
    }

    .sm-but-div {
       margin-right: 2px;
    }

    li.menu-divider > hr {
        margin-top: 10px!important;
        margin-bottom: 10px!important;
    }

    .menu__box > li {
        margin-bottom: 6px;
    }

    .menu-alpha-container {
        gap: 10px;
    }

}