@media (min-width: 320px) and (max-width: 480px) {

    body{
        font-family: 'Poppins', sans-serif;
        overflow-x: hidden !important;
    }
.info{

}
.copyright ul{
    padding-left: 4rem;
}
    .masthead img {
        width: 170px;
        margin-top: 0em;
        margin-left: 10px;
    }
.ftimg img{
    display: block;
}
    .socail-nav img {
        width: 34px;
        margin-bottom: 10px;
        margin-right: 4px;
    }
    copyright {
        background-color: #8000ff;
        padding: 0px;
        text-align: center;
    }
    .dsnone {
        display: block;
    }
    .socail-nav {
        padding-left: 10px;
    }
    .mobilenone {
        display: none !important;
    }
    #mainNav {
        box-shadow: none;
        background-color: #fff;
        margin-top: 0px;
        transition: background-color 0.4s ease-out;
    }
    .open-menu {
        position: absolute;
        top: -48px;

        width: 170px !important;
        height: 170px !important;
        display: inline-block;
        line-height: 6.3em;
        font-size: 2em !important;
        text-align: left;
        padding-left: 45px !important;
    }
    .overlay {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(51, 51, 51, 0.7);
        z-index: 9996;
        opacity: 0;
        transition: all .5s ease-in-out;
        top: 0px;
    }
    header.masthead {
        padding-top: 7rem;
        padding-bottom: calc(10rem - 4.5rem);
        background: url("../img/bg-masthead-mob.jpg");
        background-repeat: repeat;
        background-attachment: scroll;
        background-size: auto;
        height: 112vh;
        margin-top:40px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: 100%;
    }
    a.btn-customized {
        margin-left: 0px;
        margin-right: 0px;
        font-size: 16px;
        font-weight: 300;
        color: #000;
        box-shadow: none;
    }
    header.masthead h1, header.masthead .h1 {
        font-size: 44px;
        color: #8000ff;
        margin-top: 10px;
        font-weight: bold;
        margin-bottom: 0px;
        padding: 0px;
        text-transform: uppercase;
        line-height: 1;
    }
    .masthead h3 {
        margin-top: 2px;
        margin-left: 5px;
        margin-bottom: 6px;
        font-size: 26px;

    }
    .masthead ul {
        padding-left: 20px !important;
        margin-left: 0px;
        margin-top: 16px;
    }
    .masthead ul li {
        font-size: 16px;
        margin-bottom: 4px;
    }
    header.masthead p {
        font-size: 2em;
        margin-top: 0em;
        font-weight: 600;
        margin-bottom: 0px;
        line-height: 1;
    }
    .getit1 img {
        width: 100% !important;
        margin-left: 0px !important;
    }
    section{
        padding-left: 20px;
        padding-right:20px;
    }
    .navbar-shrink a.btn-customized {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 10px;
    }
    .getit h2 {
        font-size: 2em;
    }
    .getit p {
        font-size: 18px;
        font-weight: 600;
        margin-top: 15px;
        margin-right: 0px;
        margin-left: 4px;
        color: #404040;
        margin-bottom: 30px;
    }
    .getit span {
        color: #7f7f7f;
        display: block;
        font-weight: 500;
        margin-left: 5px;
        font-size: 16px;
        margin-top: 38px;

    }
    .down img {
        margin-left: 0px !important;
        width: 100% !important;
        margin-top: 5px;
    }
    .getit img {
        width: 200px;
        margin-left:0px;
    }
    .super {
        background-image: url("../img/super.png");
        height: 37vh;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        position: relative;
    }
    .downgo {
        background: #fff;
        padding: 5px;
        border-radius: 50%;
        height: 50px;
        width: 50px;
        margin-top: 0px;
        position: absolute;
        left: 11em;
        top: 19em;
    }
    .super h2 {
        color: #fff;
        font-size: 21px;
        padding-top: 2em;
        font-weight: 500;
        margin-bottom: 10px;
    }
    .quiz {
        padding-top: 3em;
        padding-bottom: 2em;
    }
    .quiz img {
        width: 100%;
        margin-bottom: 20px;
    }
    .quiz h2 {
        margin-top: 1em;
        font-size: 2em;
        font-weight: bold;
    }
    .super h3 {
        color: #fff72a;
        font-size: 3em;
        font-weight: bold;
        margin-top: 0px;
        line-height: 1;
        margin-bottom: 0em;
        text-align: center;
    }
    .super p {
        color: #fff;
        font-size: 22px;
        font-weight: bold;
        margin-top: 14px;
    }
    .section-1 {
        padding-top: 2em;
        padding-bottom: 5em;
        background-color: #f1f5f9;
    }
    .section-1 h3 {
        color: #290b87;
        font-weight: bold;
        margin-left: 0px;
        font-size: 2em;
        margin-right: 2em;
        margin-top:40px;
    }
    .section-1 p {
        font-weight: 600;
        font-size: 1.5em;
        margin-top: 1em;
        margin-left: 0px;
        margin-right: 0em;
    }
    .section-1 p {
        font-weight: 500;
        font-size: 1.2em;
        margin-top: 1em;
        margin-left: 0px;
        margin-bottom: 60px;
        margin-right: 0em;
    }
    .section-2 {
        padding-top: 2em;
        padding-bottom: 5em;
        background-color: #d8eeeb;
    }
    .section-2 h3 {
        color: #290b87;
        font-weight: bold;
        font-size: 2em;
        margin-right: 0em;
        margin-top: 1em;
    }
    .section-2 p {
        margin-top: 0.50em;
        font-size: 1em;
        margin-right: 0em;
        font-weight: 500;
    }
    .section-3 {
        padding-top: 2em;
        padding-bottom: 5em;
        background-color: #f1f5f9;
    }
    .section-3 h3 {
        color: #290b87;
        font-weight: bold;
        font-size: 2em;
        margin-left: 0em;
        margin-right: 0em;
        margin-top: 1em;
    }
    .section-3 p {
        margin-top: 0.50em;
        margin-left: 0px;
        font-size: 1em;
        font-weight: 500;
    }
    .section-4 {
        padding-top: 2em;
        padding-bottom: 5em;
        background-color: #d8eeeb;
    }
    .section-4 h3 {
        color: #290b87;
        font-weight: bold;
        font-size: 2em;
        margin-right: 2em;
        margin-top: 1em;
    }
    .section-4 p {
        margin-top: 0.50em;
        font-size: 1em;
        margin-right: 0em;
        font-weight: 500;
    }
    .section-5 {
        padding-top: 2em;
        padding-bottom: 5em;
        background-color: #f1f5f9;
    }
    .ftimg img{
        width: 100%;
        margin-top: 4em;
    }
    .section-5 h3 {
        color: #290b87;
        font-weight: bold;
        font-size: 2em;
        margin-top: 1em;
        margin-left: 0em;
    }
    .section-5 p {
        margin-top: 0.50em;
        font-size: 1em;
        font-weight: 500;
        margin-left: 0em;
    }
    .section-6 {
        padding-top: 2em;
        padding-bottom: 5em;
        background-color: #d8eeeb;
    }
    .section-6 h3 {
        color: #290b87;
        font-weight: bold;
        font-size: 2em;
        margin-right: 0em;
        margin-top: 1em;
    }
    .section-6 p {
        margin-top: 0.50em;
        font-size: 1em;
        margin-right: 0em;
        font-weight: 500;
    }
    .takes h2 {
        padding-top: 2em;
        font-size: 1.8em;
        padding-left: 0em;
        padding-right: 0em;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .takes p {
        color: #8000ff;
        font-size: 20px;
        font-weight: 400;
    }
    .takes img {
        width: 100%;
    }
    .play img {
        width: 180px;
        margin-top: 30px;
    }
    .board h3 {
        color: #8000ff;
        margin-top: 1em;
        line-height: 47px;
        font-size: 3em;
        font-weight: bold;
    }
    .board p {
        font-size: 20px;
        font-weight: 500;
        margin-right: 0px;
        margin-top: 20px;
        margin-bottom: 31px;
    }
    .board span {
        font-size: 17px;
        margin-bottom: 2em;
        display: block;
        color: #8000ff;
        font-weight: 600;
    }
    .board h2 {
        text-align: left;
        margin-bottom: 9px;
        font-size: 14px;
        margin-left: 5px;
    }
    .foot {
        background-image: url("../img/line.jpg");
        background-size: 100%;
        background-repeat: repeat-y;
        margin-top: -7em;


    }
    .foot1 {
        background-image: none;
        height: auto;
        background-size: 100%;
        background-repeat: repeat-y;
        margin-top: 3em;
        padding: 0px;

    }
    .info p {
        color: #fff;
        margin-left: 2px;
        font-size: 16px;
        font-weight: 600;
        margin-top: 3px;
    }
    .info img {
        width: 170px;
    }
    .links {
        margin-top: 1em;
        padding-left: 1em;
    }
    .links li a {
        text-decoration: none;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
    }

    .links li a:hover {
        text-decoration: none;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
    }
    .info h3 {
        font-size: 2em;
        font-weight: bold;
        margin-top: 4em;
        color: #fff;
    }
    .copyright {
        background-color: #8000ff;
        padding: 0px;
        text-align: center;
    }
    .copyright p {
        color: #fff;
        font-size: 12px;
    }
    .board img {
        width: 100%;
        margin-bottom: 23px;
    }
    header.privacy {
        padding-top: 10rem;
        padding-bottom: calc(10rem - 4.5rem);
        background: url("../img/privacy-mob.jpg");
        background-repeat: repeat;
        background-attachment: scroll;
        background-size: auto;
        background-repeat: repeat;
        background-attachment: scroll;
        background-size: auto;
        height: 138vh;
        margin-top: 22px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: 100%;
    }
    .privacy p {
        line-height: 0;
        font-size: 2em;
        font-weight: 600;
        margin-top: 1em;
        margin-left: 5px;
    }
    .privacy span {
        margin-bottom: 8px;
        display: block;
        color: #000;
        margin-top:39em;
    }
    .social-fut p {
        color: #fff;
        font-size: 14px;
    }
    .privacy h1 {
        font-size: 4em;
        color: #8000ff;
        line-height: 1;
        font-weight: bold;
        text-transform: uppercase;
    }
    .privacy-ft ul {
        display: inline;
    }
    .privacy-ft ul {
        display: initial;
    }
    .privacy-ft ul li {
        float: left;
        padding-right: 12px;
        list-style: none;
        padding-top: 20px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .privacy-ft ul li a {
        color: #000;
        font-size: 14px;
        font-weight: 500;
        margin: 0px;
        line-height: 5px;

    }
    .privacy-text h3 {
        color: #8000ff;
        font-size: 18px;
        margin-bottom: 10px;
    }
    .privacy-ft {
        background-color: #ffed18;
        text-align: -webkit-center;
        padding-bottom: 20px;
    }
    header.terms {
        padding-top: 6rem;
        padding-bottom: calc(10rem - 4.5rem);
        background: url("../img/mob-terms.jpg");
        background-repeat: repeat;
        background-attachment: scroll;
        background-size: auto;
        background-repeat: repeat;
        background-attachment: scroll;
        background-size: auto;
        height: 138vh;
        margin-top: 22px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: 100%;
    }
    .terms p {
        line-height: 0;
        font-size: 1.4em;
        font-weight: 600;
        margin-top:0em;
        margin-left: 5px;
    }
    .terms span {
        margin-bottom: 8px;
        display: block;
        color: #000;
        margin-top: 38em;
    }
    .terms-text h3 {
        color: #8000ff;
        font-size: 16px;
        margin-bottom: 10px;
    }
    .terms h1 {
        font-size: 4em;
        color: #8000ff;
        line-height: 1;
        margin-top: 2em;
        font-weight: bold;
        text-transform: uppercase;
    }
}



@media (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
    .lgleft {
        margin-left:-50px;
    }

}

@media only screen and (max-width:736px) and (orientation: landscape) {
    #mainNav {
        box-shadow: none;
        background-color: #fff;
        transition: background-color 0.2s ease;
    }
    .ftimg img{
        display: none;
    }
    .getit img {
        width: 100%;
        margin-left: 0px;
    }
    body{
        font-family: 'Poppins', sans-serif;
        overflow-x: hidden !important;
    }

    .dsnone {
        display: block;
    }
    .mobilenone {
        display: none !important;
    }
    #mainNav.navbar-shrink {
        box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 15%);
        background-color: #fff;
        margin-top: 0px;
    }
    #mainNav {
        box-shadow: none;
        background-color: transparent;
        margin-top: 0px;
        transition: background-color 0.4s ease-out;
    }
    .open-menu {
        position: absolute;
        top: -48px;

        width: 170px !important;
        height: 170px !important;
        display: inline-block;
        line-height: 6.3em;
        font-size: 2em !important;
        text-align: left;
        padding-left: 45px !important;
    }
    .overlay {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(51, 51, 51, 0.7);
        z-index: 9996;
        opacity: 0;
        transition: all .5s ease-in-out;
        top: 0px;
    }
    header.masthead {
        padding-top: 10rem;
        padding-bottom: calc(10rem - 4.5rem);
        background: url("../img/bg-masthead.jpg");
        background-repeat: repeat;
        background-attachment: scroll;
        background-size: auto;
        height: 117vh;
        margin-top: 0px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: 100%;
    }
    a.btn-customized {
        margin-left: 0px;
        margin-right: 0px;
        font-size: 16px;
        font-weight: 300;
        color: #000;
        box-shadow: none;
    }
    header.masthead h1, header.masthead .h1 {
        font-size: 4em;
        color: #8000ff;
        font-weight: bold;
        margin-bottom: 0px;
        padding: 0px;
        text-transform: uppercase;
    }
    header.masthead p {
        font-size: 2em;
        margin-top: 0em;
        font-weight: 600;
        margin-bottom: 0px;
        line-height: 1;
    }
    .getit1 img {
        width: 100% !important;
        margin-left: 0px !important;
    }
    section{
        padding-left: 20px;
        padding-right:20px;
    }
    .navbar-shrink a.btn-customized {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 10px;
    }
    .getit h2 {
        font-size: 2em;
    }
    .getit p {
        font-size: 18px;
        font-weight: 600;
        margin-top: 15px;
        margin-right: 0px;
        margin-left: 4px;
        color: #404040;
        margin-bottom: 30px;
    }
    .getit span {
        color: #7f7f7f;
        display: block;
        font-weight: 500;
        margin-left: 5px;
        font-size: 16px;
        margin-top: 38px;

    }
    .down img {
        margin-left: 0px !important;
        width: 100% !important;
        margin-top: 5px;
    }
    .getit img {
        width: 200px;
        margin-left:0px;
    }
    .super {
        background-image: url("../img/super.png");
        height: 75vh;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .super h2 {
        color: #fff;
        font-size: 2em;
        padding-top: 2.3em;
        font-weight: bold;
    }
    .dsnone {
        display: block;
    }
    .mobilenone {
        display: none !important;
    }
    .super h3 {
        color: #fff72a;
        font-size: 4em;
        font-weight: bold;
        margin-top: 0px;
        line-height: 1;
        margin-bottom: 0em;
        text-align: center;
    }
    .super p {
        color: #fff;
        font-size: 22px;
        font-weight: bold;
        margin-top: 14px;
    }
    .section-1 {
        padding-top: 2em;
        padding-bottom: 5em;
        background-color: #f1f5f9;
    }
    .section-1 h3 {
        color: #290b87;
        font-weight: bold;
        margin-left: 0px;
        font-size: 2em;
        margin-right: 2em;
        margin-top:40px;
    }
    .section-1 p {
        font-weight: 600;
        font-size: 1.5em;
        margin-top: 1em;
        margin-left: 0px;
        margin-right: 0em;
    }
    .section-1 p {
        font-weight: 500;
        font-size: 1.2em;
        margin-top: 1em;
        margin-left: 0px;
        margin-bottom: 60px;
        margin-right: 0em;
    }
    .section-2 {
        padding-top: 2em;
        padding-bottom: 5em;
        background-color: #d8eeeb;
    }
    .section-2 h3 {
        color: #290b87;
        font-weight: bold;
        font-size: 2em;
        margin-right: 0em;
        margin-top: 1em;
    }
    .section-2 p {
        margin-top: 0.50em;
        font-size: 1em;
        margin-right: 0em;
        font-weight: 500;
    }
    .section-3 {
        padding-top: 2em;
        padding-bottom: 5em;
        background-color: #f1f5f9;
    }
    .section-3 h3 {
        color: #290b87;
        font-weight: bold;
        font-size: 2em;
        margin-left: 0em;
        margin-right: 0em;
        margin-top: 1em;
    }
    .section-3 p {
        margin-top: 0.50em;
        margin-left: 0px;
        font-size: 1em;
        font-weight: 500;
    }
    .section-4 {
        padding-top: 2em;
        padding-bottom: 5em;
        background-color: #d8eeeb;
    }
    .section-4 h3 {
        color: #290b87;
        font-weight: bold;
        font-size: 2em;
        margin-right: 2em;
        margin-top: 1em;
    }
    .section-4 p {
        margin-top: 0.50em;
        font-size: 1em;
        margin-right: 0em;
        font-weight: 500;
    }
    .section-5 {
        padding-top: 2em;
        padding-bottom: 5em;
        background-color: #f1f5f9;
    }
    .section-5 h3 {
        color: #290b87;
        font-weight: bold;
        font-size: 2em;
        margin-top: 1em;
        margin-left: 0em;
    }
    .section-5 p {
        margin-top: 0.50em;
        font-size: 1em;
        font-weight: 500;
        margin-left: 0em;
    }
    .section-6 {
        padding-top: 2em;
        padding-bottom: 5em;
        background-color: #d8eeeb;
    }
    .section-6 h3 {
        color: #290b87;
        font-weight: bold;
        font-size: 2em;
        margin-right: 0em;
        margin-top: 1em;
    }
    .section-6 p {
        margin-top: 0.50em;
        font-size: 1em;
        margin-right: 0em;
        font-weight: 500;
    }
    .takes h2 {
        padding-top: 2em;
        font-size: 1.8em;
        padding-left: 0em;
        padding-right: 0em;
        font-weight: 500;
    }
    .takes img {
        width: 100%;
    }
    .play img {
        width: 180px;
        margin-top: 30px;
    }
    .board h3 {
        color: #8000ff;
        margin-top: 1em;
        line-height: 47px;
        font-size: 3em;
        font-weight: bold;
    }
    .board p {
        font-size: 20px;
        font-weight: 500;
        margin-right: 0px;
        margin-top: 20px;
        margin-bottom: 31px;
    }
    .board span {
        font-size: 17px;
        margin-bottom: 2em;
        display: block;
        color: #8000ff;
        font-weight: 600;
    }
    .board h2 {
        text-align: left;
        margin-bottom: 9px;
        font-size: 14px;
        margin-left: 5px;
    }
    .foot {
        background-image: url("../img/bg.png");
         background-repeat: no-repeat;
        margin-top: 3em;
        padding: 0px;
        height: 100vh;
    }
    .info p {
        margin-left: 0px;
        font-size: 11px;
        font-weight: 600;
        margin-top: 0px;
    }
    .info img {
        width: 148px;
    }.links li {
         padding-bottom: 4px;
         list-style: none;
     }

    .links {
        margin-top: 10px;
        padding-left: 17em;
    }
    .links li a {
        text-decoration: none;
        font-size: 12px;
        font-weight: 600;
    }
    .socail-nav{
        display: none;
    }
    .links li a:hover {
        text-decoration: none;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
    }
    .info h3 {
        font-size: 20px;
        font-weight: bold;
        margin-top: 67px;
        color: #000;
    }
    .info{
        margin-left: 262px;
    }
    .copyright {
        background-color: #8000ff;
        padding: 20px 60px 1px 39px;
        text-align: center;
    }
    .copyright p {
        color: #fff;
        font-size: 14px;
    }
    .board img {
        width: 100%;
        margin-bottom: 23px;
    }
    header.privacy {
        padding-top: 10rem;
        padding-bottom: calc(10rem - 4.5rem);
        background: url(../img/privacy.jpg);
        background-repeat: repeat;
        background-attachment: scroll;
        background-size: auto;
        background-repeat: repeat;
        background-attachment: scroll;
        background-size: auto;
        height: 0vh;
        margin-top: 0px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: 100%;
    }
    .privacy p {
        line-height: 0;
        font-size: 2em;
        font-weight: 600;
        margin-top: 1em;
        margin-left: 5px;
    }
    .privacy span {
        margin-bottom: 8px;
        display: block;
        color: #000;
        margin-top:39em;
    }
    .social-fut p {
        color: #fff;
        font-size: 14px;
    }
    .privacy h1 {
        font-size: 4em;
        color: #8000ff;
        line-height: 1;
        font-weight: bold;
        text-transform: uppercase;
    }
    .privacy-ft ul {
        display: inline;
    }
    .privacy-ft ul {
        display: initial;
    }
    .privacy-ft ul li {
        float: left;
        padding-right: 12px;
        list-style: none;
        padding-top: 20px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .privacy-ft ul li a {
        color: #000;
        font-size: 12px;
        font-weight: 500;
        margin: 0px;
        line-height: 5px;
        display: inherit;
    }
    .privacy-text h3 {
        color: #8000ff;
        font-size: 18px;
        margin-bottom: 10px;
    }
    .privacy-ft {
        background-color: #ffed18;
        text-align: -webkit-center;
        padding-bottom: 20px;
    }
    header.terms {
        padding-top: 6rem;
        padding-bottom: calc(10rem - 4.5rem);
        background: url(../img/terms.jpg);
        background-repeat: repeat;
        background-attachment: scroll;
        background-size: auto;
        background-repeat: repeat;
        background-attachment: scroll;
        background-size: auto;
        height: 0px;
        margin-top: 0px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: 100%;
    }
    .terms p {
        line-height: 0;
        font-size: 1.4em;
        font-weight: 600;
        margin-top:0em;
        margin-left: 5px;
    }
    .terms span {
        margin-bottom: 8px;
        display: block;
        color: #000;
        margin-top: 38em;
    }
    .terms-text h3 {
        color: #8000ff;
        font-size: 16px;
        margin-bottom: 10px;
    }
    .terms h1 {
        font-size: 4em;
        color: #8000ff;
        line-height: 1;
        margin-top: 2em;
        font-weight: bold;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 360px) {
    .super h2 {
        color: #fff;
        font-size: 1.3em;
        font-weight: bold;
        padding-top: 22px;
    }
    .copyright ul{
        padding-left: 2.5rem;
    }
    header.masthead h1, header.masthead .h1 {
        font-size: 38px;
        color: #8000ff;
        font-weight: bold;
        margin-bottom: 0px;
        padding: 0px;
        text-transform: uppercase;
    }
    header.masthead {
        padding-top:5.5rem;
        padding-bottom: calc(10rem - 4.5rem);
        background: url("../img/bg-masthead-mob.jpg");
        background-repeat: repeat;
        background-attachment: scroll;
        background-size: auto;
        background-repeat: repeat;
        background-attachment: scroll;
        background-size: auto;
        height: 120vh;
        margin-top: 40px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: 100%;
    }
    header.masthead p {
        font-size: 23px;
        margin-top: 0em;
        font-weight: 600;
        margin-bottom: 3px;
        line-height: 1;
    }
    .masthead h3 {
        margin-top: 2px;
        margin-left: 5px;
        margin-bottom: 6px;
        font-size: 22px;
    }
    .masthead ul li {
        font-size: 14px;
    }
    .foot {

        background-size: cover;
        background-repeat: no-repeat;
        margin-top: -5em;
        padding: 0px;
    }
    .board h3 {
        color: #8000ff;
        margin-top: 1em;
        line-height: 47px;
        font-size: 2em;
        font-weight: bold;
    }
    .info h3 {
        font-size: 1.8em;
        font-weight: bold;
        margin-top: 80px;
        color: #fff;
        margin-bottom: 0px;
    }
    .info p {
        color: #fff;
        margin-left: 3px;
        font-size: 16px;
        font-weight: 600;
        margin-top: 6px;
    }
    .info img {
        width: 150px;
    }
    .takes h2 {
        padding-top: 2em;
        font-size: 1em;
        padding-left: 0em;
        padding-right: 0em;
        font-weight: 500;
    }
    .socail-nav img {
        width: 30px;
        margin-bottom: 10px;
    }
    .getit {
        padding-top: 0em;
        padding-bottom: 5em;
    }.getit p {
         font-size: 18px;
         font-weight: 400;
         margin-top: 15px;
         margin-right: 0px;
         margin-left: 4px;
         color: #404040;
         margin-bottom: 30px;
     }
    .socail-nav {
        padding-left: 10px;
    }
    .section-1 h3 {
        color: #290b87;
        font-weight: bold;
        margin-left: 0px;
        font-size: 26px;
        margin-right: 2em;
        margin-top: 21px;
    }
    .section-2 h3 {
        color: #290b87;
        font-weight: bold;
        font-size: 26px;
        margin-right: 0em;
        margin-top: 1em;
    }
    .section-3 h3 {
        color: #290b87;
        font-weight: bold;
        font-size: 26px;
        margin-left: 0em;
        margin-right: 0em;
        margin-top: 1em;
    }
    .section-4 h3 {
        color: #290b87;
        font-weight: bold;
        font-size: 26px;
        margin-right: 2em;
        margin-top: 1em;
    }
    .section-5 h3 {
        color: #290b87;
        font-weight: bold;
        font-size: 26px;
        margin-top: 1em;
        margin-left: 0em;
    }
    .section-6 h3 {
        color: #290b87;
        font-weight: bold;
        font-size: 26px;
        margin-right: 0em;
        margin-top: 1em;
    }
    header.privacy{
        height: 138vh;
    }
    .super p {
        color: #fff;
        font-size: 21px;
        font-weight: bold;
        margin-top: 14px;
    }
    .super h3 {
        color: #fff72a;
        font-size: 3em;
        font-weight: bold;
        margin-top: 0px;

        line-height: 1;
        margin-bottom: 0em;
        text-align: center;
    }
    .privacy span {
        margin-bottom: 8px;
        display: block;
        color: #000;
        margin-top: 30em;
    }
    .terms span {
        margin-bottom: 8px;
        display: block;
        color: #000;
        margin-top: 29em;
    }
}
@media only screen and (max-width: 320px) {

}
@media (min-width: 411px) and (max-width: 767px) {

}
@media (min-width: 361px) and (max-width: 400px){

    body{
        font-family: 'Poppins', sans-serif;
        overflow-x: hidden !important;
    }
    .copyright ul{
        padding-left: 2.5rem;
    }
    .dsnone {
        display: block;

    }
    .mobilenone {
        display: none !important;
    }
    #mainNav {
        box-shadow: none;
        background-color: #fff;
        margin-top: 0px;
        transition: background-color 0.4s ease-out;
    }
    .open-menu {
        position: absolute;
        top: -48px;

        width: 170px !important;
        height: 170px !important;
        display: inline-block;
        line-height: 6.3em;
        font-size: 2em !important;
        text-align: left;
        padding-left: 45px !important;
    }
    .overlay {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(51, 51, 51, 0.7);
        z-index: 9996;
        opacity: 0;
        transition: all .5s ease-in-out;
        top: 0px;
    }
    header.masthead {
        padding-top: 6rem;
        padding-bottom: calc(13rem - 8.5rem);
        background: url("../img/bg-masthead-mob.jpg");
        background-repeat: repeat;
        background-attachment: scroll;
        background-size: auto;
        background-repeat: repeat;
        background-attachment: scroll;
        background-size: auto;
        height: 123vh;
        margin-top: 22px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: cover;
    }
    a.btn-customized {
        margin-left: 0px;
        margin-right: 0px;
        font-size: 16px;
        font-weight: 300;
        color: #000;
        box-shadow: none;
    }
    header.masthead h1, header.masthead .h1 {
        font-size: 42px;
        color: #8000ff;
        font-weight: bold;
        margin-bottom: 0px;
        padding: 0px;
        text-transform: uppercase;
    }
    header.masthead p {
        font-size: 24px;
        margin-top: 0em;
        font-weight: 600;
        margin-bottom: 5px;
        line-height: 1;
    }
    .getit1 img {
        width: 100% !important;
        margin-left: 0px !important;
    }
    section{
        padding-left: 20px;
        padding-right:20px;
    }
    .navbar-shrink a.btn-customized {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 10px;
    }
    .getit h2 {
        font-size: 2em;
    }
    .getit p {
        font-size: 18px;
        font-weight: 600;
        margin-top: 15px;
        margin-right: 0px;
        margin-left: 4px;
        color: #404040;
        margin-bottom: 30px;
    }
    .getit span {
        color: #7f7f7f;
        display: block;
        font-weight: 500;
        margin-left: 5px;
        font-size: 16px;
        margin-top: 38px;

    }
    .down img {
        margin-left: 0px !important;
        width: 100% !important;
        margin-top: 5px;
    }
    .getit img {
        width: 200px;
        margin-left:0px;
    }

    .super {
        background-image: url("../img/super.png");
        height: 42vh;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .super h2 {
        color: #fff;
        font-size: 1.5em;
        padding-top: 1.4em;
        font-weight: 500;
    }
    .super h3 {
        color: #fff72a;
        font-size: 3em;
        font-weight: bold;
        margin-top: 0px;
        line-height: 1;
        margin-bottom: 0em;
        text-align: center;

    }
    .super p {
        color: #fff;
        font-size: 22px;
        font-weight: bold;
        margin-top: 14px;
    }
    .section-1 {
        padding-top: 2em;
        padding-bottom: 5em;
        background-color: #f1f5f9;
    }
    .section-1 h3 {
        color: #290b87;
        font-weight: bold;
        margin-left: 0px;
        font-size: 2em;
        margin-right: 2em;
        margin-top:40px;
    }
    .section-1 p {
        font-weight: 600;
        font-size: 1.5em;
        margin-top: 1em;
        margin-left: 0px;
        margin-right: 0em;
    }
    .section-1 p {
        font-weight: 500;
        font-size: 1.2em;
        margin-top: 1em;
        margin-left: 0px;
        margin-bottom: 60px;
        margin-right: 0em;
    }
    .section-2 {
        padding-top: 2em;
        padding-bottom: 5em;
        background-color: #d8eeeb;
    }
    .section-2 h3 {
        color: #290b87;
        font-weight: bold;
        font-size: 2em;
        margin-right: 0em;
        margin-top: 1em;
    }
    .section-2 p {
        margin-top: 0.50em;
        font-size: 1em;
        margin-right: 0em;
        font-weight: 500;
    }
    .section-3 {
        padding-top: 2em;
        padding-bottom: 5em;
        background-color: #f1f5f9;
    }
    .section-3 h3 {
        color: #290b87;
        font-weight: bold;
        font-size: 2em;
        margin-left: 0em;
        margin-right: 0em;
        margin-top: 1em;
    }
    .section-3 p {
        margin-top: 0.50em;
        margin-left: 0px;
        font-size: 1em;
        font-weight: 500;
    }
    .section-4 {
        padding-top: 2em;
        padding-bottom: 5em;
        background-color: #d8eeeb;
    }
    .section-4 h3 {
        color: #290b87;
        font-weight: bold;
        font-size: 2em;
        margin-right: 2em;
        margin-top: 1em;
    }
    .section-4 p {
        margin-top: 0.50em;
        font-size: 1em;
        margin-right: 0em;
        font-weight: 500;
    }
    .section-5 {
        padding-top: 2em;
        padding-bottom: 5em;
        background-color: #f1f5f9;
    }
    .section-5 h3 {
        color: #290b87;
        font-weight: bold;
        font-size: 2em;
        margin-top: 1em;
        margin-left: 0em;
    }
    .section-5 p {
        margin-top: 0.50em;
        font-size: 1em;
        font-weight: 500;
        margin-left: 0em;
    }
    .section-6 {
        padding-top: 2em;
        padding-bottom: 5em;
        background-color: #d8eeeb;
    }
    .section-6 h3 {
        color: #290b87;
        font-weight: bold;
        font-size: 2em;
        margin-right: 0em;
        margin-top: 1em;
    }
    .section-6 p {
        margin-top: 0.50em;
        font-size: 1em;
        margin-right: 0em;
        font-weight: 500;
    }
    .takes h2 {
        padding-top: 2em;
        font-size: 1.8em;
        padding-left: 0em;
        padding-right: 0em;
        font-weight: 500;
    }
    .takes img {
        width: 100%;
    }
    .play img {
        width: 180px;
        margin-top: 30px;
    }
    .board h3 {
        color: #8000ff;
        margin-top: 1em;
        line-height: 47px;
        font-size: 3em;
        font-weight: bold;
    }
    .board p {

        font-weight: 500;
        margin-right: 0px;
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 31px;
    }
    .board span {
        font-size: 17px;
        margin-bottom: 2em;
        display: block;
        color: #8000ff;
        font-weight: 600;
    }
    .board h2 {
        text-align: left;
        margin-bottom: 9px;
        font-size: 14px;
        margin-left: 5px;
    }
    .foot {

    }
    .info p {
        color: #fff;
        margin-left: 4px;
        font-size: 16px;
        font-weight: 600;
        margin-top: 14px;
    }
    .info img {
        width: 170px;
    }
    .socail-nav {
        padding-left: 6px;
    }
    .links {
        margin-top: 1em;
        padding-left: 20px;
    }
    .links li a {
        text-decoration: none;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
    }

    .links li a:hover {
        text-decoration: none;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
    }
    .info h3 {
        font-size: 2em;
        font-weight: bold;
        margin-top: 3.5em;
        color: #fff;
    }
    .copyright {
        background-color: #8000ff;
        padding: 0px;
        text-align: center;
    }
    .copyright p {
        color: #fff;
        font-size: 11px;
    }
    .board img {
        width: 100%;
        margin-bottom: 23px;
    }
    .socail-nav img {
        width: 34px;
        margin-bottom: 10px;
        margin-right: 0px;
    }
    header.privacy {
        padding-top: 10rem;
        padding-bottom: calc(10rem - 4.5rem);
        background: url("../img/privacy-mob.jpg");
        background-repeat: repeat;
        background-attachment: scroll;
        background-size: auto;
        background-repeat: repeat;
        background-attachment: scroll;
        background-size: auto;
        height: 132vh;
        margin-top: 22px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: 100%;
    }
    .privacy p {
        line-height: 0;
        font-size: 2em;
        font-weight: 600;
        margin-top: 0em;
        margin-left: 5px;
    }
    .privacy span {
        margin-bottom: 8px;
        display: block;
        color: #000;
        margin-top:33em;
    }
    .privacy h1 {
        font-size: 4em;
        color: #8000ff;
        line-height: 1;
        font-weight: bold;
        text-transform: uppercase;
    }
    .privacy-ft ul {
        display: inline;
    }
    .privacy-ft ul {
        display: initial;
    }
    .privacy-ft ul li {
        float: left;
        padding-right: 12px;
        list-style: none;
        padding-top: 20px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .privacy-ft ul li a {
        color: #000;
        font-size: 13px;
        font-weight: 500;
        margin: 0px;
        line-height: 5px;
        display: inherit;
    }
    .privacy-text h3 {
        color: #8000ff;
        font-size: 18px;
        margin-bottom: 10px;
    }
    .privacy-ft {
        background-color: #ffed18;
        text-align: -webkit-center;
        padding-bottom: 20px;
    }
    header.terms {
        padding-top: 6rem;
        padding-bottom: calc(10rem - 4.5rem);
        background: url("../img/mob-terms.jpg");
        background-repeat: repeat;
        background-attachment: scroll;
        background-size: auto;
        background-repeat: repeat;
        background-attachment: scroll;
        background-size: auto;
        height: 132vh;
        margin-top: 22px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: 100%;
    }
    .terms p {
        line-height: 0;
        font-size: 1.4em;
        font-weight: 600;
        margin-top:0em;
        margin-left: 5px;
    }
    .terms span {
        margin-bottom: 8px;
        display: block;
        color: #000;
        margin-top:33em;
    }
    .terms-text h3 {
        color: #8000ff;
        font-size: 16px;
        margin-bottom: 10px;
    }
    .terms h1 {
        font-size: 4em;
        color: #8000ff;
        line-height: 1;
        margin-top: 39px;
        font-weight: bold;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 320px) and (min-width: 0px){}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    .section-6 h3 {
        color: #290b87;
        font-weight: bold;
        font-size: 2em;
        margin-right: 0em;
        margin-top: 3em;
    }
    .section-6 p {
        margin-top: 0.50em;
        font-size: 1em;
        margin-right: 0px;
        font-weight: 600;
    }
    .takes h2 {
        padding-top: 2em;
        font-size: 2em;
        padding-left: 0em;
        padding-right: 0em;
        font-weight: bold;
    }
    .info h3 {
        font-size: 2em;
        font-weight: bold;
        margin-top: 0em;
    }
    .links {
        margin-top: 1em;
        padding-left: 0px;
    }
    .links li a {
        text-decoration: none;
        color: #000;
        font-size: 14px;
        font-weight: 600;
    }
    .info p {
        color: #8000ff;
        margin-left: 3px;
        font-size: 14px;
        font-weight: 600;
        margin-top: 6px;
        margin-bottom: 4px;
    }
    .info img {
        width: 157px;
    }
    #mainNav {
        box-shadow: none;
        background-color: #fff;
        margin-top: 0px;
        transition: background-color 0.4s ease-out;
    }
    .socail-nav img {
        width: 25px;
        margin-bottom: 6px;
        margin-right: 16px;
    }
    a.btn-customized {
        margin-left: 0px;
        margin-right: 0em;
        font-size: 16px;
        font-weight: 300;
        color: #000;
        box-shadow: none;
    }
    .navbar-shrink a.btn-customized {
        margin-left: 5px;
        margin-right: 0em;
        margin-top: 10px;
    }
    .board p {
        font-size: 20px;
        font-weight: 600;
        margin-right: 0em;
        margin-top: 20px;
        margin-bottom: 31px;
    }
    .foot {
        background-image: url("../img/bg.png");
        height: 42vh;
        background-size: 100%;
        background-repeat: no-repeat;
        margin-top: 3em;
    }
    .open-menu {
        position: absolute;
        top: -48px;
        right: 0px;
        width: 170px !important;
        height: 170px !important;
        display: inline-block;
        line-height: 6.3em;
        font-size: 2em !important;
        text-align: left;
        padding-left: 0px;
    }
    header.masthead {
        height: auto;
        min-height: 40rem;
        padding-top: 4.5rem;
        padding-bottom: 0;
    }
    .getit img {
        width: 100%;
        margin-left: 0px;
    }
    .getit h2 {
        font-size: 2em;
        font-weight: bold;
        margin-top: 30px;
    }
    .getit p {
        font-size: 16px;
        font-weight: 400;
        margin-top: 8px;
        margin-right: 0px;
        margin-left: 3px;
        color: #404040;
        margin-bottom: 30px;
    }
    .down img {
        margin-left: 5px;
        width: 200px !important;
    }
    .super h2 {
        color: #fff;
        font-size: 2.5em;
        padding-top: 28px;
        font-weight: bold;
    }
    .super h3 {
        color: #fff72a;
        font-size: 5em;
        font-weight: bold;
        margin-top: 27px;
        line-height: 0;
        margin-bottom: 48px;
    }
    .super {
        background-image: url("../img/super.png");
        height: 22vh;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .section-1 h3 {
        color: #290b87;
        font-weight: bold;
        margin-left: 0em;
        font-size: 30px;
        margin-right: 2em;
        margin-top: 55px;
    }
    .section-1 p {
        font-weight: 600;
        font-size: 16px;
        margin-top: 13px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .section-2 h3 {
        color: #290b87;
        font-weight: bold;
        font-size: 2em;
        margin-right: 0px;
        margin-top: 3em;
    }
    .section-3 h3 {
        color: #290b87;
        font-weight: bold;
        font-size: 2em;
        margin-left: 0em;
        margin-right: 0em;
        margin-top: 2em;
    }
    .section-3 p {
        margin-top: 0.50em;
        margin-left: 0px;
        font-size: 1em;
        font-weight: 600;
    }
    .section-4 h3 {
        color: #290b87;
        font-weight: bold;
        font-size: 2em;
        margin-right: 0px;
        margin-top: 3em;
    }
    .section-4 p {
        margin-top: 0.50em;
        font-size: 1em;
        margin-right: 0px;
        font-weight: 600;
    }
    .section-5 h3 {
        color: #290b87;
        font-weight: bold;
        font-size: 2em;
        margin-top: 3em;
        margin-left: 0px;
    }
    .section-5 p {
        margin-top: 0.50em;
        font-size: 1em;
        font-weight: 600;
        margin-left: 0em;
    }
    .section-2 p {
        margin-top: 0.50em;
        font-size: 1.5em;
        margin-right: 0px;
        font-weight: 600;
    }
    header.masthead {
        padding-top:6rem;
        padding-bottom: calc(10rem - 4.5rem);
        background: url(../img/bg-masthead.jpg);
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: 100%;
        margin-top: 110px;
    }
    header.masthead p {
        font-size: 2em;
        margin-top:5em;
        font-weight: 600;
        margin-bottom: 20px;
        line-height: 0;
    }
    header.masthead h1, header.masthead .h1 {
        font-size: 5em;
        color: #8000ff;
        font-weight: bold;
        margin-bottom: 0px;
        padding: 0px;
        text-transform: uppercase;
    }
}


@media (min-width: 320px) and (max-width: 360px) and (orientation: landscape){

    body{
        font-family: 'Poppins', sans-serif;
        overflow-x: hidden !important;
    }

}