/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1400px) {}


/* Extra Large Devices */
@media screen and (min-width: 1900px) {}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */

@media only screen and (max-width : 1440px) {}

@media only screen and (min-width : 1200px) and (max-width : 1440px) {}

@media only screen and (max-width : 1200px) {}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .navbar-brand {
        width: 100px;
        margin-top: 22px;
        padding-top: 35px;
    }

    .navbar-nav>li>a {
        font-size: 12px;
    }

    .index-carousel {
        margin-top: -5%
    }

    #index-carousel .carousel-caption img {
        width: 70%
    }

    footer ol li a {
        margin-right: 5px
    }

    .partners h2 {
        text-align: center;
        /* font-family: 'American Purpose'; */
        font-family: 'Lato', sans-serif;
        font-size: 20px;
        color: #282828;
        text-transform: uppercase
    }

    .timer {
        background: transparent;
        /*border: 0;*/
        display: inline-block;
        float: right;
        width: 35%;
        right: 0%;
        top: 0%;
        position: fixed;
        padding: 1.2% 1.2% 0;
        z-index: 9999;
        bottom: auto;
    }

    .time>p {
        color: black;
    }

    .participate {
        padding-bottom: 30%;
    }

    .ptb-5 {
        /* padding-top: 0;*/
    }
}

@media only screen and (max-width : 480px) {
    body {
        text-align: center;
        font-size: 14px
    }

    .index-carousel {
        margin-top: -5%;
    }

    .m-header-top {
        width: 100% !important;
        height: 35px;
    }

    .navbar-brand {
        width: auto;
        margin-top: 0px;
        padding-top: 15px;
    }

    #index-carousel .carousel-caption img {
        width: 100%
    }

    footer ol li a {
        margin-right: 5px
    }

    .nav-bg {
        background: transparent;
        margin-top: 5px;
        width: 100%;
    }

    .cup {
        display: flex;
        float: none;
        bottom: 0px;
        position: absolute;
    }

    footer ol {
        padding-left: 28%
    }

    .m-d-none {
        display: none
    }

    .m-d-black {
        display: block;
    }

    #m-partners-carousel ul {
        padding-left: 0
    }

    #m-partners-carousel .carousel-control.left,
    #m-partners-carousel .carousel-control.right {
        background: none
    }

    #m-partners-carousel .carousel-control .glyphicon-chevron-left,
    #m-partners-carousel .carousel-control .glyphicon-chevron-right,
    #m-partners-carousel .carousel-control .icon-next,
    #m-partners-carousel .carousel-control .icon-prev {
        color: #282828
    }

    #m-partners-carousel .carousel-control .glyphicon-chevron-left,
    #m-partners-carousel.carousel-control .icon-prev {
        left: 0
    }

    #m-partners-carousel .carousel-control .glyphicon-chevron-right,
    #m-partners-carousel .carousel-control .icon-next {
        right: 0
    }

    .index-bg-yellow {
        min-height: 480px;
    }

    #index-carousel .carousel-control .glyphicon-chevron-left,
    #index-carousel .carousel-control .glyphicon-chevron-right,
    #index-carousel .carousel-control .icon-next,
    #index-carousel .carousel-control .icon-prev {
        /*margin-top:-15%;*/
    }

    .navbar {
        background: #ffd512;
        background: -moz-linear-gradient(left, #ffd512 0%, #ffd400 50%);
        background: -webkit-linear-gradient(left, #ffd512 0%, #ffd100 50%);
        background: linear-gradient(to right, #ffd512 0%, #ffd400 50%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adcff', endColorstr='#3bc0f8', GradientType=1);
        margin-bottom: 0;
        border: none
    }

    .navbar-nav {
        text-align: left
    }

    .navbar-nav>li>a {
        color: #fff
    }

    .navbar-right {
        margin-left: -3%;
    }

    .navbar-header button {
        z-index: 99999;
        margin-top: -3px;
        /*margin-right:27%; position:absolute; background:url(../images/btn_menu.png) no-repeat; width:89px; height:42px; right:15px*/
    }

    .social-media-top {
        width: 100%
    }

    .navbar-toggle .icon-bar {
        background: #000;
    }

    .navbar-collapse.in {
        width: 100%;
        margin-top: 30px
    }

    .navbar-header {
        height: 35px
    }

    .nav .open>a,
    .nav .open>a:focus,
    .nav .open>a:hover {
        background-color: transparent;
    }

    .dropdown-menu>li>a {
        color: #fff
    }

    .dropdown-menu {
        background: transparent;
    }

    .navbar-nav>li {
        margin-top: 0
    }

    .navbar-brand>img {
        margin-top: -15px;
        margin-left: -15px;
    }

    .m-top-link p a {
        color: #000;
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        margin-right: 5px;
        margin-left: 5px;
    }

    .inner-carousel {
        margin-top: 0
    }

    #inner-carousel .carousel-caption {
        bottom: 0;
        padding-bottom: 0px
    }

    #inner-carousel .carousel-caption h2 {
        font-size: 20px;
        margin-bottom: 0
    }

    #inner-carousel .carousel-caption h3 {
        font-size: 15px;
        margin-top: 0
    }

    .bg-register {
        background: url(../images/bg_register_m.png) no-repeat center top;
    }

    .bg-register form {
        padding: 9% 10% 5% 11%;
        display: inline-block
    }

    .bg-register h2 {
        text-align: center;
        color: black;
        font-family: 'Lato', sans-serif;
        padding: 4% 0% 0% 2%;
        font-size: 20px;
    }

    .reg-submit {
        padding-top: 15%;
        padding-bottom: 15%;
    }

    .login-holder {
        background: url(../images/bg_login_m.png) no-repeat center top;
    }

    .login-holder form {
        padding: 9% 10% 5% 11%;
        display: inline-block
    }

    .login-holder h2 {
        text-align: center;
        font-family: 'Lato', sans-serif;
        padding: 4% 0% 0% 2%;
        font-size: 20px;
    }

    .reg-submit {
        padding-top: 15%;
        padding-bottom: 15%;
    }

    .bg-instructions {
        background: #ffffff
    }

    .bg-participate {
        background: #fff;
        padding: 2%;
    }

    #participate-carousel.inner-carousel {
        margin-top: 10%;
    }

    .bg-instructions h2 {
        padding-top: 10%;
        color: white;
        font-size: 15px
    }

    #participate-carousel .carousel-control.right {
        right: 0
    }

    #participate-carousel .carousel-control.left {
        left: 0;
    }

    .question-holder ul {
        padding-left: 0
    }

    .question-holder ul li a {
        width: 100%;
        margin-right: 0%
    }

    #participate-carousel .carousel-control.left,
    #participate-carousel .carousel-control.right {
        padding: 50% 0
    }

    .rules-holder .nav>li>a {
        padding: 10px 13px
    }

    .price-holder {
        padding: 3% 0% 10% 5%
    }

    .partners-holder .nav>li>a {
        padding: 6px 5px;
        font-size: 1.6rem;
    }

    .partners-holder .tab-content {
        background: #fff;
        padding: 3% 4% 1% 3%;
        margin-top: -1%;
    }

    .partners-holder .tab-content img {
        margin: 0 auto;
    }

    .comming-holder h2 {
        padding: 8% 1% 2% 10%;
    }

    #fun-hup-carousel .carousel-inner .item .audio-holder {
        margin-top: 0;
        padding: 0;
        margin-left: -8%
    }

    #fun-hup-carousel .carousel-control.left,
    #fun-hup-carousel .carousel-control.right {
        width: 0;
        padding: 63% 0% 0% 0%;
    }

    #fun-hup-carousel .carousel-inner .item .question-holder {
        margin-top: 3%;
        margin-bottom: 38%;
    }

    #fun-hup-carousel .carousel-control.left {
        left: 2%;
    }

    #fun-hup-carousel .carousel-control.right {
        right: 7%;
    }

    #champions {
        background: #fff
    }

    #champions .carousel-inner .item {
        padding: 0 8% 0 8%
    }

    #champions .carousel-inner .item .photo-holder {
        margin: 13%
    }

    #champions .carousel-control.left,
    #champions .carousel-control.right {
        padding: 45% 0% 0% 0%
    }

    .m-d-hide {
        display: none
    }

    .gallery-holder .tab-content {
        min-height: auto;
        margin-top: -6%;
    }

    #gallery_m .carousel-control.left,
    #gallery_m .carousel-control.right {
        padding: 27% 0% 0% 0%
    }

    #videos_m .carousel-control.left {
        left: 0%;
    }

    #videos_m .carousel-inner .item {
        padding: 0 8% 0 6%;
    }

    #gallery_m .carousel-inner .item {
        padding: 3% 8% 0 14%;
    }

    .d-mobile {
        display: block
    }

    .d-desk {
        display: none
    }

    .m-top-link {
        margin-top: 8px
    }

    .bg-register,
    .bg_participate_thankyou,
    .login-holder,
    .bg-paid-test {
        background: #fff
    }

    .purchased-list h4 {
        display: block;
        width: 100%;
    }

    .login-holder p {
        margin-top: 5%;
        margin-left: 5%;
        width: 90%;
    }

    .question-holder ul li {
        width: 100%;
    }

    .question-holder ul li .form-check {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 2%;
        text-align: left;
        padding-left: 5%;
    }


    .bg-participate h2 {
        padding-top: 10%;
        color: black;
        font-size: 20px
    }

    .m-header-top {

        min-height: 119px;
    }

    .back_white_clr {
        background-color: white !important;
        background: white !important;
        ;
    }

    .navbar-collapse.back_gar_clr {
        background: unset !important;
        background-image: linear-gradient(to right, #D21C55, #341F74) !important;
    }

    .navbar-brand {
        padding-bottom: 0px;
    }

    .m-top-link {
        margin-top: 40px !important;
    }

    .navbar-header button {
        margin-top: 10px !important;
    }

    .bg-register,
    .bg_participate_thankyou,
    .login-holder,
    .bg-paid-test {
        /*background: unset!important;
        background-image: linear-gradient(to right, #D21C55, #341F74)!important;*/
    }

    .small,
    small {
        color: black;
    }

    .bg-register form input {
        color: black !important;
    }

    .res_mobile_clr label {
        color: black !important;
    }

    .navbar-nav .open .dropdown-menu {
        background: white;
    }

    #champions {
        /* background: unset!important;
         background-image: linear-gradient(to right, #D21C55, #341F74)!important;*/
    }

    .clr_whi_res p {
        color: black;
    }

    .clr_whi_res h4 {
        color: black;
    }

    .clr_whi_res h3 {
        color: black;
        font-size: 15px;
    }

    .clr_whi_res h2 {
        color: black;
    }

    .bg-champions h2 {
        color: black;
        font-size: 20px;
        text-transform: uppercase;
    }

    .bg-instructions {
        /*background: unset!important;
        background-image: linear-gradient(to right, #D21C55, #341F74)!important;*/
    }

    .styl_line_start ol li {
        color: black;
    }

    .login-holder form input {
        padding: 6px 12px;
    }

    .login-holder h2 {
        color: black;
    }

    .bg-instructions ul li {
        color: black;
    }

    .bg-instructions h2 {
        color: black;
    }

    .bg-instructions p {
        color: black;
    }

    .bg-participate {
        /*background: unset!important;
        background-image: linear-gradient(to right, #D21C55, #341F74)!important;*/
    }

    .partners-holder .tab-content {
        /*background: unset!important;
        background-image: linear-gradient(to right, #D21C55, #341F74)!important;*/
    }

    .div_full_viewmobile {
        width: 100%;
    }

    .moblile_res_tab {
        display: flex;
    }

    .rules-holder .tab-content {
        /*background: unset!important;
        background-image: linear-gradient(to right, #D21C55, #341F74)!important;*/
        padding: 3% 4% 1% 3%;
    }

    .rules-holder .tab-content h3 {
        color: black;
    }

    th,
    td {
        color: black !important;
    }

    #champions.inner-carousel {
        border: 1px solid #EAF4FF;
        border-radius: 0;
    }

    .navbar-nav>li>.active {
        color: #ffd512;
        font-weight: bolder;
    }

    .policy p {
        color: black;
        margin: 2%;
    }

    .test-complete h2 {
        color: black;
    }

    .participate_thankyou .carousel .carousel-inner p {
        color: black;
    }

    .question-holder ul li .form-check label {
        margin: 0;
    }

    .bg-prize h2 {
        font-size: 20px;
    }

    .scroller p a {
        color: #fff;
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0;
        line-height: 50px;
        text-align: center;
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -moz-animation: scroller-text 10s linear infinite;
        -webkit-animation: scroller-text 10s linear infinite;
        animation: scroller-text 10s linear infinite;

    }

    .scroller p a:hover {
        -webkit-animation-play-state: paused;
        -moz-animation-play-state: paused;
        -o-animation-play-state: paused;
        animation-play-state: paused;
        cursor: pointer;
    }

    @-moz-keyframes scroller-text {
        0% {
            -moz-transform: translateX(100%);
        }

        100% {
            -moz-transform: translateX(-100%);
        }
    }

    @-webkit-keyframes scroller-text {
        0% {
            -webkit-transform: translateX(100%);
        }

        100% {
            -webkit-transform: translateX(-100%);
        }
    }

    @keyframes scroller-text {
        0% {
            -moz-transform: translateX(100%);
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
        }

        100% {
            -moz-transform: translateX(-100%);
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        }
    }

    .padding-100 {
        padding: 0;
    }

    .funnel-wrap h3 {
        font-size: 14px;
    }

    /*.btn-header {
        font-size: 12px;
         padding: 5px 15px 5px 8px !important;
    }*/
    .footer-arn {
        margin-right: 0;
        float: none;
        text-align: center;
    }

    .navbar-brand {
        float: left;
        height: 50px;
        padding: 15px 15px;
        font-size: 18px;
        line-height: 20px;
    }

    .logo_front img {
        max-width: 90px;
    }
}


@media only screen and (max-width : 375px) {
    footer ol {
        padding-left: 36%
    }

    .navbar-header button {
        z-index: 99999;
        margin-top: -3px;
        margin-right: 2%
    }

    .partners-holder .nav>li>a {
        font-size: 1.3rem
    }

    #fun-hup-carousel .carousel-inner .item .audio-holder {
        margin-top: 0;
        padding: 0;
        margin-left: -18%
    }

    #fun-hup-carousel .carousel-control.left,
    #fun-hup-carousel .carousel-control.right {
        width: 0;
        padding: 70% 0% 0% 0%;
    }

    #fun-hup-carousel .carousel-inner .item .question-holder {
        margin-top: 3%;
        margin-bottom: 38%;
    }

    #fun-hup-carousel .carousel-control.left {
        left: 2%;
    }

    #fun-hup-carousel .carousel-control.right {
        right: 8%;
    }

    #videos_m .carousel-inner .item {
        padding: 0
    }

    #videos_m .carousel-control.left {
        left: -3%;
        margin-top: 8%;
    }

    #videos_m .carousel-control.right {
        right: -3%;
        margin-top: 8%;
    }

    #videos_m .carousel-control.left img,
    #videos_m .carousel-control.right img {
        width: 15px;
        height: 26px
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    .partners-holder .nav>li>a {
        font-size: 1.1rem;
    }

    #fun-hup-carousel .carousel-inner .item .audio-holder {
        margin-top: 0;
        padding: 0;
        margin-left: -25%
    }

    #fun-hup-carousel .carousel-inner .item .audio-holder audio {
        width: 270px;
    }

    #fun-hup-carousel .carousel-control.left,
    #fun-hup-carousel .carousel-control.right {
        width: 0;
        padding: 106% 0% 0% 0%;
    }

    #fun-hup-carousel .carousel-inner .item .question-holder {
        margin-top: 3%;
        margin-bottom: 38%;
    }

    #fun-hup-carousel .carousel-control.left {
        left: 2%;
    }

    #fun-hup-carousel .carousel-control.right {
        right: 10%;
    }

    #fun-hup-carousel .carousel-inner .item .question-holder ul li a {
        width: 98%;
    }

    .gallery-holder .nav-pills li a {
        padding: 10px 40px
    }

    #videos_m .carousel-inner .item {
        padding: 0
    }

    #videos_m .carousel-inner .item video {
        width: 80%;
    }

    #videos_m .carousel-control.left {
        left: 0%;
        margin-top: 1%;
    }

    #videos_m .carousel-control.right {
        right: -1%;
        margin-top: 1%;
    }

    #videos_m .carousel-control.left img,
    #videos_m .carousel-control.right img {
        width: 15px;
        height: 26px
    }

    .btn-header {
        font-size: 12px;
        padding: 5px 15px 5px 10px !important
    }
}

@media screen and (min-width: 1900px) {}

/*Development */
@media (min-width:481px) and (max-width: 760px) {
    .index-carousel {
        margin-top: -5%;
    }

    .m-header-top {
        width: 100% !important;
        height: 35px;
    }

    .navbar-brand {
        width: auto;
        margin-top: 0px;
        padding-top: 15px;
    }

    #index-carousel .carousel-caption img {
        width: 100%
    }

    footer ol li a {
        margin-right: 5px
    }

    .nav-bg {
        background: transparent;
        margin-top: 5px;
        width: 100%;
    }

    .cup {
        display: flex;
        float: none;
        bottom: 0px;
        position: absolute;
    }

    footer ol {
        padding-left: 28%
    }

    .m-d-none {
        display: none
    }

    .m-d-black {
        display: block;
    }

    #m-partners-carousel ul {
        padding-left: 0
    }

    #m-partners-carousel .carousel-control.left,
    #m-partners-carousel .carousel-control.right {
        background: none
    }

    #m-partners-carousel .carousel-control .glyphicon-chevron-left,
    #m-partners-carousel .carousel-control .glyphicon-chevron-right,
    #m-partners-carousel .carousel-control .icon-next,
    #m-partners-carousel .carousel-control .icon-prev {
        color: #282828
    }

    #m-partners-carousel .carousel-control .glyphicon-chevron-left,
    #m-partners-carousel.carousel-control .icon-prev {
        left: 0
    }

    #m-partners-carousel .carousel-control .glyphicon-chevron-right,
    #m-partners-carousel .carousel-control .icon-next {
        right: 0
    }

    .index-bg-yellow {
        min-height: 480px;
    }

    #index-carousel .carousel-control .glyphicon-chevron-left,
    #index-carousel .carousel-control .glyphicon-chevron-right,
    #index-carousel .carousel-control .icon-next,
    #index-carousel .carousel-control .icon-prev {
        /*margin-top:-15%;*/
    }

    .navbar {
        background: #ffd512;
        background: -moz-linear-gradient(left, #ffd512 0%, #ffd400 50%);
        background: -webkit-linear-gradient(left, #ffd512 0%, #ffd100 50%);
        background: linear-gradient(to right, #ffd512 0%, #ffd400 50%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adcff', endColorstr='#3bc0f8', GradientType=1);
        margin-bottom: 0;
        border: none
    }

    .navbar-nav {
        text-align: left
    }

    .navbar-nav>li>a {
        color: #fff
    }

    .navbar-right {
        margin-left: -3%;
    }

    .navbar-header button {
        z-index: 99999;
        margin-top: -3px;
        /*margin-right:27%; position:absolute; background:url(../images/btn_menu.png) no-repeat; width:89px; height:42px; right:15px*/
    }

    .social-media-top {
        width: 100%
    }

    .navbar-toggle .icon-bar {
        background: #000;
    }

    .navbar-collapse.in {
        width: 100%;
        margin-top: 30px
    }

    .navbar-header {
        height: 35px
    }

    .nav .open>a,
    .nav .open>a:focus,
    .nav .open>a:hover {
        background-color: transparent;
    }

    .dropdown-menu>li>a {
        color: #fff
    }

    .dropdown-menu {
        background: transparent;
    }

    .navbar-nav>li {
        margin-top: 0
    }

    .navbar-brand>img {
        margin-top: -15px;
        margin-left: -15px;
    }

    .m-top-link p a {
        color: #000;
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        margin-right: 5px;
        margin-left: 5px;
    }

    .inner-carousel {
        margin-top: 0
    }

    #inner-carousel .carousel-caption {
        bottom: 0;
        padding-bottom: 0px
    }

    #inner-carousel .carousel-caption h2 {
        font-size: 20px;
        margin-bottom: 0
    }

    #inner-carousel .carousel-caption h3 {
        font-size: 15px;
        margin-top: 0
    }

    .bg-register {
        background: url(../images/bg_register_m.png) no-repeat center top;
    }

    .bg-register form {
        padding: 9% 10% 5% 11%;
        display: inline-block
    }

    .bg-register h2 {
        text-align: center;
        color: black;
        font-family: 'Lato', sans-serif;
        padding: 4% 0% 0% 2%;
        font-size: 20px;
    }

    .reg-submit {
        padding-top: 15%;
        padding-bottom: 15%;
    }

    .login-holder {
        background: url(../images/bg_login_m.png) no-repeat center top;
    }

    .login-holder form {
        padding: 9% 10% 5% 11%;
        display: inline-block
    }

    .login-holder h2 {
        text-align: center;
        font-family: 'Lato', sans-serif;
        padding: 4% 0% 0% 2%;
        font-size: 20px;
    }

    .reg-submit {
        padding-top: 15%;
        padding-bottom: 15%;
    }

    .bg-instructions {
        background: #ffffff
    }

    .bg-participate {
        background: #fff;
        padding: 2%;
    }

    #participate-carousel.inner-carousel {
        margin-top: 10%;
    }

    .bg-instructions h2 {
        padding-top: 10%;
        color: white;
        font-size: 15px
    }

    #participate-carousel .carousel-control.right {
        right: 0
    }

    #participate-carousel .carousel-control.left {
        left: 0;
    }

    .question-holder ul {
        padding-left: 0
    }

    .question-holder ul li a {
        width: 100%;
        margin-right: 0%
    }

    #participate-carousel .carousel-control.left,
    #participate-carousel .carousel-control.right {
        padding: 50% 0
    }

    .rules-holder .nav>li>a {
        padding: 10px 13px
    }

    .price-holder {
        padding: 3% 0% 10% 5%
    }

    .partners-holder .nav>li>a {
        padding: 6px 5px;
        font-size: 1.6rem;
    }

    .partners-holder .tab-content {
        background: #fff;
        padding: 3% 4% 1% 3%;
        margin-top: -1%;
    }

    .partners-holder .tab-content img {
        margin: 0 auto;
    }

    .comming-holder h2 {
        padding: 8% 1% 2% 10%;
    }

    #fun-hup-carousel .carousel-inner .item .audio-holder {
        margin-top: 0;
        padding: 0;
        margin-left: -8%
    }

    #fun-hup-carousel .carousel-control.left,
    #fun-hup-carousel .carousel-control.right {
        width: 0;
        padding: 63% 0% 0% 0%;
    }

    #fun-hup-carousel .carousel-inner .item .question-holder {
        margin-top: 3%;
        margin-bottom: 38%;
    }

    #fun-hup-carousel .carousel-control.left {
        left: 2%;
    }

    #fun-hup-carousel .carousel-control.right {
        right: 7%;
    }

    #champions {
        background: #fff
    }

    #champions .carousel-inner .item {
        padding: 0 8% 0 8%
    }

    #champions .carousel-inner .item .photo-holder {
        margin: 13%
    }

    #champions .carousel-control.left,
    #champions .carousel-control.right {
        padding: 45% 0% 0% 0%
    }

    .m-d-hide {
        display: none
    }

    .gallery-holder .tab-content {
        min-height: auto;
        margin-top: -6%;
    }

    #gallery_m .carousel-control.left,
    #gallery_m .carousel-control.right {
        padding: 27% 0% 0% 0%
    }

    #videos_m .carousel-control.left {
        left: 0%;
    }

    #videos_m .carousel-inner .item {
        padding: 0 8% 0 6%;
    }

    #gallery_m .carousel-inner .item {
        padding: 3% 8% 0 14%;
    }

    .d-mobile {
        display: block
    }

    .d-desk {
        display: none
    }

    .m-top-link {
        margin-top: 8px
    }

    .bg-register,
    .bg_participate_thankyou,
    .login-holder,
    .bg-paid-test {
        background: #fff
    }

    .purchased-list h4 {
        display: block;
        width: 100%;
    }

    .login-holder p {
        margin-top: 5%;
        margin-left: 5%;
        width: 90%;
    }

    .question-holder ul li {
        width: 100%;
    }

    .question-holder ul li .form-check {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 2%;
        text-align: left;
        padding-left: 5%;
    }


    .bg-participate h2 {
        padding-top: 10%;
        color: black;
        font-size: 20px
    }

    .m-header-top {

        min-height: 119px;
    }

    .back_white_clr {
        background-color: white !important;
        background: white !important;
        ;
    }

    .navbar-collapse.back_gar_clr {
        background: unset !important;
        background-image: linear-gradient(to right, #D21C55, #341F74) !important;
    }

    .navbar-brand {
        padding-bottom: 0px;
    }

    .m-top-link {
        margin-top: 40px !important;
    }

    .navbar-header button {
        margin-top: 10px !important;
    }

    .bg-register,
    .bg_participate_thankyou,
    .login-holder,
    .bg-paid-test {
        /*background: unset!important;
        background-image: linear-gradient(to right, #D21C55, #341F74)!important;*/
    }

    .small,
    small {
        color: black;
    }

    .bg-register form input {
        color: black !important;
    }

    .res_mobile_clr label {
        color: black !important;
    }

    .navbar-nav .open .dropdown-menu {
        background: white;
    }

    #champions {
        /* background: unset!important;
         background-image: linear-gradient(to right, #D21C55, #341F74)!important;*/
    }

    .clr_whi_res p {
        color: black;
    }

    .clr_whi_res h4 {
        color: black;
    }

    .clr_whi_res h3 {
        color: black;
        font-size: 15px;
    }

    .clr_whi_res h2 {
        color: black;
    }

    .bg-champions h2 {
        color: black;
        font-size: 20px;
        text-transform: uppercase;
    }

    .bg-instructions {
        /*background: unset!important;
        background-image: linear-gradient(to right, #D21C55, #341F74)!important;*/
    }

    .styl_line_start ol li {
        color: black;
    }

    .login-holder form input {
        padding: 6px 12px;
    }

    .login-holder h2 {
        color: black;
    }

    .bg-instructions ul li {
        color: black;
    }

    .bg-instructions h2 {
        color: black;
    }

    .bg-instructions p {
        color: black;
    }

    .bg-participate {
        /*background: unset!important;
        background-image: linear-gradient(to right, #D21C55, #341F74)!important;*/
    }

    .partners-holder .tab-content {
        /*background: unset!important;
        background-image: linear-gradient(to right, #D21C55, #341F74)!important;*/
    }

    .div_full_viewmobile {
        width: 100%;
    }

    .moblile_res_tab {
        display: flex;
    }

    .rules-holder .tab-content {
        /*background: unset!important;
        background-image: linear-gradient(to right, #D21C55, #341F74)!important;*/
        padding: 3% 4% 1% 3%;
    }

    .rules-holder .tab-content h3 {
        color: black;
    }

    th,
    td {
        color: black !important;
    }

    #champions.inner-carousel {
        border: 1px solid #EAF4FF;
        border-radius: 0;
    }

    .navbar-nav>li>.active {
        color: #ffd512;
        font-weight: bolder;
    }

    .policy p {
        color: black;
        margin: 2%;
    }

    .test-complete h2 {
        color: black;
    }

    .participate_thankyou .carousel .carousel-inner p {
        color: black;
    }

    .question-holder ul li .form-check label {
        margin: 0;
    }

    .bg-prize h2 {
        font-size: 20px;
    }

    .navbar-brand {
        float: left;
        height: 50px;
        padding: 15px 15px;
        font-size: 18px;
        line-height: 20px;
    }

    .logo_front img {
        max-width: 90px;
    }
}

/*phone-only */
@media (min-width:300px) and (max-width: 600px) {}

/*tablet portrait only */
@media (min-width: 600px) and (max-width: 899px) {
    .inner-carousel {
        margin-top: 0%;
    }

    .navbar-right {
        /*display: none;*/
    }

    .nav>li>a {
        padding: 10px 10px;
        font-size: 15px;
    }
}

/*tablet portrait up */
@media (min-width: 600px) {}

/*tablet landscape only */
@media (min-width: 900px) and (max-width: 1199px) {
    .inner-carousel {
        margin-top: 0%;
    }
}

/*tablet landscape up */
@media (min-width: 900px) and (max-width: 1200px) {}


/*desktop only */
@media (min-width: 1200px) and (max-width: 1799px) {}



/*big desktop up  */
@media (min-width: 1800px) {}

@media only screen and (min-device-width: 1900px) and (max-device-width: 2560px) {}

@media screen and (-webkit-min-device-pixel-ratio:0) {}