@media only screen and (max-device-width: 1000px), only screen and (max-width: 1000px) {
  .navbar-nav .dropdown-menu {
    position: absolute;
    float: none;
    width: 250px;
    top: 48px;
    margin-right: -30px;
  }
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {

    .modal-container {
        padding: 20px;
        background-size: auto 50%;
        background-position: left bottom;
        background-image: none;
    }
    .arrow {
        display: none;
    }

    .slider-next-box {
        bottom: auto;
        top: calc(50vh - 40px);
        left: 20px;
    }
    
    .right-slider-div {
        height: auto;
        position: relative;
        float: left;
        padding: 20px;
    }

    .img-st {
        height: 50vh;
    }

    .carousel-item {
        height: auto !important;
    }

    .mea-creative {
        display: none;
    }

    .campaign-details h3 {
        font-size: 1.3rem;
    }

    .yellow-bg-box {
        float: right;
        padding: 10px;
        border-radius: 5px;
        width: 80px;
    }

    .score-tc {
        font-size: 11px;
    }

    .score-tct {
        font-size: 18px;
        margin-top: 2px;
    }

    .yellow-bg-box {
        padding: 7px;
    }

    .bd-agency {
        font-size: .9rem;
        margin-bottom: 20px;
    }

    .chr-lmt-big {
        margin-bottom: 0;
    }

    .start-date {
        font-size: .8rem;
    }


        .ulstyle li {
            font-size: 14px;
        }

        .full-pge p {
            font-size: 14px;
        }
        .press_release-img {
            margin-bottom: 0px !important;
        }
    .hero-banner {
        height: auto;
        margin-top: 65px;
    }

    .carousel-inner {
        float: left;
        height: auto;
    }

        #image_background1.quote-bg {
            height: calc(100vh - 150px);
        }

        #image_background2.quote-bg, #image_background3.quote-bg, #image_background4.quote-bg, #image_background5.quote-bg, #image_background6.quote-bg {
            height: calc(100vh - 100px);
        }

        #image_background1 .quote-box-left, #image_background2 .quote-box-left, #image_background3 .quote-box-left, #image_background4 .quote-box-left, #image_background5 .quote-box-left, #image_background6 .quote-box-left {
            padding: 20px;
        }

        #image_background1 .quote-text, #image_background3 .quote-text {
            font-size: 20px;
            line-height: 30px;
            margin-top: 0px;
        }

        #image_background2 .quote-text {
            font-size: 16px;
            line-height: 22px;
            margin-top: 0px;
        }

        #image_background4 .quote-text {
            font-size: 25px;
            line-height: 30px;
            margin-top: 50px;
        }

        #image_background5 .quote-text {
            font-size: 30px;
            line-height: 38px;
            margin-top: 39px;
        }

        #image_background6 .quote-text {
            font-size: 20px;
            line-height: 28px;
            margin-top: 39px;
        }

        .multiCarousel-arrow {
            display: block;
        }

        .login nav.navbar {
            background: #ffffff !important;
        }

        .ad-library .inner video {
            max-height: 141%
        }

        .img-bx-btn {
            width: 140px;
        }

        .right-dtld-box {
            bottom: 0;
            top: auto;
        }

        .right-txt-box {
            top: 0;
            bottom: auto;
            background-color: #000000;
        }

        .popup-main {
            width: 100%;
            left: 0;
            margin-left: 0;
        }

        .comming-soon {
            font-size: 30px;
        }

        .nav-btn-box {
            float: none;
            position: absolute;
            top: 11px;
            right: 10px;
        }

        .navbar-nav .dropdown-menu {
            position: absolute;
            float: none;
            width: 250px;
            top: 48px;
            margin-right: -30px;
        }

        .left-a-box {
            width: 100%;
            margin-bottom: 30px;
        }

        .left-b-box {
            width: 100%;
            margin-bottom: 30px;
        }

        .left-c-box {
            width: 100%;
            margin-bottom: 30px;
        }

        .right-a-box {
            width: 100%;
            margin-bottom: 30px;
        }

        .right-b-box {
            width: 100%;
            margin-bottom: 30px;
        }

        .right-c-box {
            width: 100%;
            margin-bottom: 30px;
        }

        .left-txt-box {
            font-size: : 26px;
            margin-top: -15px;
            margin-left: 0px;
            width: 100%;
        }

        .menu-main-text {
            font-size: 24px;
            margin-top: 30px;
        }

        .right-txt-box {
            font-size: : 26px;
            margin-bottom: -15px;
            margin-right: 0px;
            width: 100%;
        }

        .ad-rate-box {
            width: 100%;
        }

        .reg-now-txt {
            font-size: 16px;
            margin-bottom: 15px;
            margin-top: 15px;
        }

            .reg-now-txt a {
                font-size: 18px;
            }

        .reas-txt {
            font-size: 1.6rem;
            line-height: normal;
            margin: 0;
        }

            .reas-txt a {
                font-size: 16px;
            }

        .reg-step {
            float: left;
            width: 100%;
            padding-top: 25px;
        }
        /*mission*/
        .congrats-points {
            font-size: 14px;
            margin-top: 5px;
        }

        .congrats-points2 {
            font-size: 24px;
            margin-bottom: 5px;
        }

        .btns-box {
            text-align: center;
            margin-bottom: 20px;
        }
        /* Place the timelime to the left */
        .timeline::after {
            left: 31px;
        }
        /* Full-width containers */
        .container12 {
            width: 100%;
            padding-left: 70px;
            padding-right: 25px;
        }
            /* Make sure that all arrows are pointing leftwards */
            .container12::before {
                left: 60px;
                border: medium solid #fefefe;
                border-width: 10px 10px 10px 0;
                border-right-color: #db2937;
            }
        /* Make sure all circles are at the same spot */
        .left12::after, .right12::after {
            left: 18px;
        }

        .sliding-div {
            width: 320px;
            height: auto;
            left: -320px;
            top: 15%;
            min-height: 350px;
        }

        .pro-pic-leader-board {
            float: none;
            margin: auto;
            width: 90px;
            height: 90px;
        }

        .pro-name {
            font-size: 18px;
            width: 100%;
            text-align: center;
        }

        .brand-perc {
            font-size: 24px;
        }

        .brand-text-box {
            font-size: 14px;
            width: 100%;
            margin-bottom: 20px;
        }

        .dropdown-header {
            margin-left: 0;
        }

        .point-box-div {
            width: 100%;
            padding: 0px 10px;
            padding-bottom: 10px;
        }

        .sliding-div-btn {
            width: 40px;
            height: 400px;
            padding: 10px;
            top: 0;
            margin-right: -40px;
        }

        .champions-text {
            transform: rotate(-90deg);
            width: 225px;
            position: absolute;
            color: #db2937;
            top: 252px;
            left: -94px;
            font-size: 17px;
            font-weight: 900;
        }

        .brand-div {
            font-size: 14px;
            width: 50%;
            padding-top: 10px;
            float: left;
            margin-right: 0;
        }

        .leader-head-text {
            font-size: 14px;
        }

        .leader-board-head {
            padding-left: 0;
            margin-bottom: 20px;
        }

        .first-box {
            width: 100%;
            margin-bottom: 0px;
        }

        .second-box {
            width: 100%;
            margin-bottom: 20px;
        }

        .coin_names-1 {
            font-size: 11px;
            top: 16%;
            left: 0;
        }

        .coin_names-2 {
            font-size: 11px;
            top: 0;
            right: 12%;
        }

        .coin_names-3 {
            font-size: 11px;
            top: 57%;
            left: 23%;
        }

        .coin_names-4 {
            font-size: 11px;
            top: 73%;
            left: 50%;
        }

        .coin_names-5 {
            font-size: 11px;
            top: 35%;
            left: 72%;
        }

        .point-graph {
            height: 200px;
            width: 295px;
        }

        .quiz-question {
            font-size: 1.2rem;
        }

        .quiz-answer {
            margin-top: 10px;
            min-height: 45px;
            line-height: 45px;
            border-radius: 100px;
            font-size: 18px;
        }

        .pro-pic-new {
            width: 90px;
            height: 90px;
            padding: 5px;
        }

        .pro-name-box {
            padding-left: 10px;
            padding-top: 13px;
        }

        .video-box {
            margin: 15px 0;
        }

        .first-box {
            font-size: 13px;
        }

        .second-box {
            font-size: 13px;
        }

        .left-topic {
            margin-top: 5px;
        }

        .next-topic {
            margin-top: 5px;
        }

        .survey-sub {
            font-size: 14px;
            padding: 0 30px;
        }

        #frame .content .message-input .wrap button {
            font-size: 14px;
        }

        table {
            font-size: 14px;
        }

        .point-percentage {
            font-size: 28px;
            width: 100%;
            top: 30%;
            left: 0;
        }

        .point-stage {
            line-height: normal;
            top: 43%;
            left: 0;
            font-size: 11px;
            width: 100%;
        }

        .pnt-txt {
            font-size: 44px;
            padding-bottom: 20px;
            width: 250px;
        }

        .ttl-pnt {
            font-size: 14px;
        }

        .survey-answer-box {
            min-height: auto;
        }

        .border-separation {
            margin-bottom: 30px;
            margin-top: 40px;
        }

        .btn-box {
            width: 250px;
        }

        .prev-btn-bx {
            padding-bottom: 0;
        }

        .next-btn-bx {
            padding-bottom: 0;
        }

        h3 {
            font-size: 21px;
        }

        .fancy-radio input[type="radio"] + span {
            font-size: 15px;
        }

        .thank-you {
            padding-bottom: 0;
            line-height: normal;
            font-size: 22px;
        }

        .thank-you-sub {
            padding-bottom: 0;
            font-size: 14px;
        }

        .app-icn {
            display: none;
        }

        .app-store-box {
            width: 100%;
        }

        h5, .h5 {
            line-height: normal;
            font-size: 16px;
        }

        .panel-subtitle {
            margin-bottom: 0;
            font-size: 14px;
            margin-top: 0;
        }

        .panel-footer {
            font-size: 12px;
        }

        .page-title {
            font-size: 30px;
        }

        .panel .panel-heading {
            height: auto;
        }

        .main {
            padding-bottom: 20px;
            padding-top: 0; /* padding-top: 90px; */
            margin-top: 20px !important;
        }

        .header-box {
            padding: 10px 0;
            background-image: none;
        }

        .page-header {
            padding-top: 70px;
            min-height: calc(100vh - 40px);
            padding-bottom: 20px;
        }

        .register-div {
            display: none;
        }

        .sign-in-box {
            padding-top: 0px;
        }

        .login-footer {
            position: relative;
            bottom: 0;
        }

        h1, .h1 {
            font-size: 2rem;
            margin: 0;
        }

        .date-stl {
            color: #666666;
            font-size: 18px;
        }

        .navbar.navbar-transparent {
            background-color: #ffffff !important;
        }

        .sign-in-box {
            width: 100%;
            float: right;
        }

        .welcome-div {
            padding-top: 20px;
        }

        .poll-box {
            padding-left: 40px;
        }

        .create-account {
            margin-bottom: 10px;
            font-size: 24px;
            padding-top: 0;
        }

        .page-header .title {
            font-size: 32px;
        }

        h5, .h5 {
            font-size: 14px;
        }

        .copyright {
            text-align: center !important;
            padding-top: 0px;
        }

        .footer-menu {
            float: none;
            text-align: center;
        }

        .download-app {
            width: 100%;
            text-align: center;
            margin-top: 10px;
            font-size: 13px;
        }

        .playstore-btn-box {
            width: 260px;
            margin: auto;
            float: none;
        }

        footer ul li a {
            padding-left: 10;
            padding-right: 10px;
            font-size: 13px;
            text-align: left;
        }

        .navbar .navbar-brand {
            width: 130px;
        }

        .logo .navbar-brand {
            width: 130px;
        }

        .reg-btn-box-new {
            margin-top: 0;
        }

        .sign-up-box {
            background-color: #ffffff;
        }

        .navbar.navbar-transparent {
            padding-top: 10px;
        }

        .play-btn {
            height: auto;
            padding: 0 20px;
            border-radius: 100px;
            border: solid 1px #eee;
            display: inline-block;
            text-align: center;
            line-height: 2.8em;
            cursor: pointer;
            font-size: 13px;
            float: left;
        }

        #frame .content .messages ul li p {
            font-size: 13px;
        }

        .discussion-subtitle {
            font-size: 13px;
        }

        .discussion-title {
            font-size: 16px;
            line-height: normal;
        }

        .survey-quest {
            font-size: 16px;
        }

        footer .copyright {
            margin-top: 0;
        }
        /*coupon list page start*/
        .coup-title {
            text-align: center;
        }

        .redeemed-txt {
            font-size: 10px;
            height: 18px;
            padding: 4px 10px;
            margin-top: -12px;
            margin-right: -12px;
            width: 80px;
        }

        .copon-list-heading {
            font-size: 1.2rem;
            padding-top: 8px;
        }

        .selectpicker-filter {
            width: 100px;
        }

        .coupon-small {
            width: 115px;
            height: 60px;
        }

        .couponlist-txt-box {
            padding-left: 125px;
        }

        .list-box-div {
            padding: 10px;
            margin-bottom: 20px;
        }

        .valid-txt-box {
            font-size: 10px;
            margin-bottom: 5px;
        }

        .coupon-head {
            font-size: 16px;
            margin-bottom: 5px;
        }

        .coupon-normal {
            width: 100%;
        }

        .enterpin-bx {
            width: 100%;
        }

        .popup-main canvas {
            width: 100%;
            height: auto;
            left: 0px;
        }

        .thank-you-sub1 {
            font-size: 14px;
        }

        .thankyou-sub-ar {
            font-size: 14px;
        }
        /*coupon list page End*/
        .btn.btn-fab .material-icons, .btn.btn-fab .fa, .btn.btn-just-icon .material-icons, .btn.btn-just-icon .fa {
            line-height: 30px;
            font-size: 16px;
        }

        .btn.btn-fab, .btn.btn-just-icon {
            height: 30px;
            min-width: 30px;
            width: 30px;
            line-height: 30px;
        }

        .menu-icon {
            width: 33px;
        }

        .navbar .navbar-nav .nav-item .nav-link.profile-photo .profile-photo-small {
            height: 30px;
            width: 30px;
        }

        .nav-btn-box {
            float: none;
            position: absolute;
            top: 14px;
            right: 10px;
            width: auto;
        }

        .notification-circle {
            width: 15px;
            height: 15px;
            border-radius: 100px;
            text-align: center;
            font-weight: 400;
            font-size: 10px;
            color: #fff;
            line-height: 1.5;
            position: absolute;
            margin-left: 22px;
            margin-top: -5px;
        }

        .login .navbar-brand img {
            width: 50px;
        }
        /* Home page */
        .hero-banner .content {
            width: 100%;
        }

        .hero-banner h1.title {
            font-size: 2.857em;
        }

        .hero-banner p {
            font-size: 1.143em;
        }

        .search input[type="search"] {
            width: 100%;
        }

        /*header .container {
        flex-direction: column;
        align-items: center;
    }*/

        .menu-management,
        .creative-excellence {
            height: 250px;
        }

        .insights {
            margin-bottom: 30px;
        }

        .home .footer-menu {
            text-align: left;
        }

        .block .cta {
            left: 0;
            right: 0;
            margin: auto;
            text-align: center;
            padding: 0 15px;
        }

        .cta a {
            padding-left: 25px;
            padding-right: 25px;
        }

        .footer-menu li {
            flex-basis: 100%;
        }

        .full-pge-about p {
            font-size: 1rem;
            line-height: 1.5;
        }

        .table-new td {
            font-size: .9rem;
        }

        .table-new th {
            font-size: .9rem;
        }
        /* Home page end */

        .m-text-center {
            text-align: center !important;
        }

        .m-mb-20 {
            margin-bottom: 20px !important;
        }

        .nav-pills .nav-item .nav-link {
            font-size: 1rem;
            padding: 10px 15px
        }

        .cmg-soon {
            font-size: 2.8rem;
        }

        h3 .sub-txt {
            float: left;
            width: 100%;
            font-size: 18px;
            margin-bottom: 30px;
        }

        .full-pge li {
            font-size: 1.1rem;
        }



        .full-pge p {
            font-size: 1.1rem;
        }



        .heading-blog {
            font-size: 1.2rem;
        }

        nav.navbar {
            top: 0px;
        }

        .search {
            margin-bottom: 0;
        }

    .white-bg-box .score-tct {
        font-size: 80px;
        margin-top: 50px;
    }

    .score-wh-100 {
        width: 100%;
        height: 100%;
    }

    .bg-black-5 {
        width: 170%;
    }

    .all-score-box .score-tct {
        font-size: 50px;
    }

    .all-score-box .score-tc {
        font-size: 13px;
    }
    }


@media only screen and (max-device-width: 500px), only screen and (max-width: 500px) {

    .my-account a:after {
        display: none;
    }

    .box {
        height: 50px;
    }
    .bullet-nmbr {
        width: 45px;
        padding-right: 10px;
    }

    .point-txt-dv {
        width: calc(100% - 55px);
        font-size: 1rem;
        padding-top: 6px;
    }
    .audio-bx button {
        margin-left: 0px;
    }
    .hero-banner-txt {
        font-size: 1.2em;
    }
    .campaign-btn {
        padding: 0 17px;
        margin-top: 8px;
        font-size: .7rem;
        height: 34px;
        margin-right: 0px;
    }

    .heading-creative-scale {
        font-size: 1.8em;
        margin: 0;
    }

    .heading-new-div {
        font-size: 1.6em !important;
    }

    .number-box {
        width: 40px;
        height: 40px;
    }

    .scale-heading {
        font-size: 1em;
    }

    .scale-sub-text {
        font-size: 1.05em;
    }

    .scale-boxes {
        width: 110px;
    }

    .chart-box-div {
        margin-bottom: 30px;
    }

    .scale-main-box {
        width: 440px;
    }

    .scale-sub-text {
        min-height: 180px;
    }

    .heading-new-div i img {
        width: 35px;
    }

    .table-box {
        margin-bottom: 20px;
    }
}

@media only screen and (max-device-width: 320px), only screen and (max-width: 320px) {

    .hero-banner {
        height: auto;
        margin-top: 83px;
    }

    #image_background1.quote-bg, #image_background2.quote-bg, #image_background3.quote-bg, #image_background4.quote-bg, #image_background5.quote-bg, #image_background6.quote-bg {
        height: calc(100vh - 115px);
    }

    #image_background1 .quote-text {
        font-size: 16px;
        line-height: 26px;
        margin-top: 0px;
    }

    #image_background2 .quote-text {
        font-size: 13px;
        line-height: 18px;
        margin-top: 0px;
    }

    #image_background5 .quote-text {
        font-size: 25px;
        line-height: 30px;
        margin-top: 0px;
    }

    #image_background6 .quote-text {
        font-size: 20px;
        line-height: 28px;
        margin-top: 20px;
    }
}



@media only screen and (max-device-width: 500px), only screen and (max-width: 500px) {
    .ad-library .inner video {
        max-height: 105%
    }

    .campaign h2 {
        font-size: 1.3em;
    }

    .location {
        font-size: 1rem;
    }

    .campaign-details .date {
        font-size: 1rem;
        margin-bottom: 2px;
    }

    .campaign-details h3 {
        margin: 0;
        font-size: 1.4rem;
    }

    .reas-txt {
        font-size: 1.4rem;
        line-height: normal;
        margin: 0;
    }

    #btnsubmit {
        width: 100%;
    }

    #btncancel {
        width: 100%;
    }

    #btnSubmitCamp {
        width: 100%;
    }

    .camp-lib-main {
        margin-top: 70px;
    }

    .top-banner-text {
        font-size: 20px;
    }
}

@media only screen and (max-device-width: 991px), only screen and (max-width: 991px) {

    /*Judging Criteria start*/
    .box-head-div {
        min-height: auto;
    }

    .box-head-div-btn-bx {
        min-height: auto;
    }
    /*Judging Criteria end*/

    #Insight {
        padding-top: 0px;
    }

    #creative-scale {
        padding-top: 75px;
    }

    #Brand-Impact {
        padding-top: 75px;
    }
}

@media (max-width: 575px) {
    .camp-fltr-lbl {
        margin-top: 20px;
    }
}