

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}

@media only screen and (max-width:992px) {
    /*header starts */
    header {
        height: auto;
    }

        header .navbar .navbar-nav li.nav-item:hover,
        header .navbar .navbar-nav li.nav-item.active {
            border: 0;
            margin: 0;
        }

        header .navbar .navbar-nav .nav-link {
            padding-left: 0;
        }

        header .navbar .navbar-nav > li:last-child {
            text-align: center;
        }
    /*header ends*/

    /*==Corp homepage starts==*/
    .feature-photo.new-customer-img img {
        width: 300px;
    }

    .ms-works svg {
        display: none;
    }

    .even-holder .ms-works-inner {
        top: 20%;
    }

    .ms-works {
        min-height: 520px;
    }

    .image-left .feature-photo {
        padding-right: 50px;
    }

    .image-right .feature-text {
        padding-right: 50px;
    }

    .image-left .image-lg .feature-photo {
        padding-right: 50px;
    }

    .feature-photo img {
        max-width: 350px;
    }

    .card-slider-holder .slick-prev, .card-slider-holder .slick-next {
        display: none !important;
    }

    .card-slider-holder.slick-initialized .slick-slide {
        padding-right: 10px;
        padding-left: 0;
    }
    /*==Corp homepage starts==*/

    /*=== Footer Start ===*/
    .footer-desktop {
        display: none;
    }

    .footer-mobile {
        display: block;
    }

        .footer-mobile .primary-footer-holder {
            padding: 20px 15px;
        }

        .footer-mobile .primary-footer-left {
            font-size: 50px;
        }

    .download-app-wrapper {
        text-align: center;
    }
    /*=== Footer End ===*/
}


@media only screen and (max-width: 992px) {
    header {
        height: auto;
    }

        header .navbar .navbar-nav li.nav-item:hover,
        header .navbar .navbar-nav li.nav-item.active {
            border: 0;
            margin: 0;
        }

        header .navbar .navbar-nav .nav-link {
            padding-left: 0;
        }

        header .navbar .navbar-nav > li:last-child {
            text-align: center;
        }

    #navbarNav .top-menu-wrapper {
        display: none;
    }

    #navbarNav .top-menu {
        display: none;
    }

    #navbarNav .navbar-nav > li.resp-li {
        display: block;
    }
    /* Dashboard Charts & Reports Start */
    .dashboard-main-title {
        display: none;
    }

    .trends .competitor-name {
        width: 100px;
    }

    .trends .row > div:first-child {
        border: 0;
    }

    .dashboard-header .mobile-logo-wrapper {
        display: table;
        height: 100%;
        float: left;
    }

    .left-sidebar {
        display: block !important;
        z-index: 1022;
        position: fixed;
        top: 0;
        bottom: 0;
        overflow-y: auto;
        -webkit-transform: translate3d(0,0,0);
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        width: 255px !important;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        left: -300px;
    }

        .left-sidebar.left-sidebar-on {
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            left: 0;
        }

    .left-sidebar-on-overlay {
        cursor: pointer;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        overflow: hidden;
        z-index: 1021;
        background: rgba(0,0,0,.2);
    }

    .dashboard-content {
        margin-left: 0;
    }

    .dashboard-header .ms-logo {
        display: table-cell;
        vertical-align: middle;
    }

    .dashboard-header .sandwich-icon {
        cursor: pointer;
        display: table-cell;
        vertical-align: middle;
        font-size: 24px;
        padding: 0 15px;
        width: 60px;
    }

        .dashboard-header .sandwich-icon img {
            height: 25px;
            position: relative;
            top: 4px;
        }

    .dashboard-title {
        float: none;
    }

    .count-box {
        min-height: 138px;
    }
    /* Dashboard Charts & Reports End */

    /* Competition analysis Start */
    .competitor-input {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px;
    }

    .and-span {
        left: 0;
        top: -22px;
        display: block;
        width: 100%;
        text-align: center;
    }
    /* Competition analysis End */
}

@media only screen and (max-width: 768px) {

    /* Dashboard Charts & Reports Start */
    /*
        .dashboard-title{
            margin-bottom: 15px;
        }
        */
    .bootstrap-select {
        width: 100% !important;
    }

    .trends {
        padding: 8px 15px;
        margin: -15px -15px 20px;
    }

        .trends .row .move-box > div {
            margin-right: 10px;
        }

    .dashboard-body {
        padding: 15px;
    }

    .selectbox-container {
        width: 100%;
    }

    .count-box-wrapper {
        width: 33.33%;
    }

    .count-box {
        min-height: 120px;
    }

    .selectbox-container {
        margin-top: 15px;
    }

    .date-range-select {
        margin-top: 15px;
    }
    /* Dashboard Charts & Reports End */

    /*==Corp Homepage starts==*/

    .top-section-text {
        padding: 70px 0 40px 0;
    }

    .ms-works-holder .ms-works-inner {
        position: static;
    }

    .ms-works-holder {
        width: 100%;
    }

    .ms-works-holder {
        min-height: 10px;
        padding-bottom: 20px;
    }

    .works-content-info {
        min-height: 10px;
    }

    .image-right .feature-text {
        padding-right: 0px;
        padding-bottom: 20px;
    }

    .ms-works-holder.odd-holder .works-icon-holder {
        position: absolute;
        top: 0px;
        right: 0;
        left: 0;
    }

    .ms-works-holder.odd-holder .works-content {
        position: relative;
        /* top: 85px; */
        right: 0;
        left: 0;
        margin-top: 85px;
    }
    /*==Corp Homepage ends==*/


    /*==Corp features starts==*/
    .main-feature-content .top-section {
        background-image: none;
        background-color: #4b0e5c;
    }

    .review-collection.section-holder {
        padding-top: 30px;
    }

    .review-svg .review-disp-img {
        max-width: 350px;
    }

    .review-svg svg {
        top: 140px;
        height: 908px;
    }

    .connection-section {
        padding-top: 180px !important;
    }

    .connection-photo, .connection-info-holder {
        display: block;
    }

    .photo-right {
        padding-right: 0;
    }

    .photo-left {
        padding-left: 0;
    }

    .feature-section-holder {
        display: block;
    }

        .feature-section-holder .btn {
            float: none !important;
        }

    .feature-photo {
        display: block;
        text-align: center;
    }

    .feature-text {
        display: block;
        text-align: center;
    }

        .feature-text ul {
            text-align: left;
        }

        .feature-text .feature-more-text {
            text-align: center;
        }

    .connection-section .feature-holder {
        min-height: 20px;
    }

    .connection-photo-holder {
        padding-bottom: 20px;
    }

    .image-left .feature-photo {
        width: 100%;
        padding-right: 0;
    }

    .image-left .image-lg .feature-photo {
        width: 100%;
        padding-right: 0;
        padding-bottom: 12px;
    }

    .image-right .image-lg .feature-photo {
        width: 100%;
    }

    .crm-section .crm-image {
        width: 400px;
    }

    .crm-section .feature-holder {
        text-align: center;
    }

    .col-center-align {
        margin: 0;
    }

    .client-section.section-holder {
        padding-top: 185px;
    }

    .seo-holder {
        padding-bottom: 50px;
    }
    /*==Corp features ends==*/

    /*==Corp Clients ends==*/
    .widget-svg .review-disp-img {
        max-width: 350px;
    }

    .widget-svg svg {
        top: 190px;
    }
    /*==Corp Clients ends==*/

}

@media only screen and (max-width: 767px) {

    /* Header static pages Start */

    /* Header static pages End */
    .sign-up-section, .ms-score-section {
        height: auto;
    }

    .sign-up-left-content, .sign-up-right-content {
        padding: 0 15px;
        top: 0;
        max-width: 100%;
        width: 100%;
    }

    /* MOUTHSUT SCORE Start */
    .ms-score-section .container {
        height: fit-content: auto;
        position: relative;
    }

    .ms-score-section .content-row .section-subtitle {
        text-align: center;
    }

    .content-row > div:nth-child(2) {
        margin-top: 40px;
    }

    .promotion-section {
        padding: 10px;
        height: 300px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 60px;
        margin-top: 60px;
    }

    .grid-container {
        display: grid;
        grid-template-columns: auto auto auto auto auto;
        grid-template-rows: auto auto;
        padding: 10px;
        width: 70%;
        height: 300px;
    }

        .grid-container > div {
            text-align: center;
            padding: 0 0;
            font-size: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    .bdr-btm {
        border-bottom: 2px solid #D8D8D8;
    }

    .bdr-rgt {
        border-right: 2px solid #D8D8D8;
    }

    .bdr-wht {
        border: 3px solid #fff0;
        height: 60px;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .item:hover {
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        transform: scale(1.01);
        transition: box-shadow 400ms cubic-bezier(0.29, 0.05, 0, 0.07),transform 400ms cubic-bezier(0.29, 0.05, 0, 0.07),-webkit-box-shadow 400ms cubic-bezier(0.29, 0.05, 0, 0.07),-webkit-transform 400ms cubic-bezier(0.29, 0.05, 0, 0.07);
    }

        .item:hover img {
            transform: scale(1.25);
        }

    .item img {
        height: 60px;
        transition: transform 400ms cubic-bezier(0.29, 0.05, 0, 0.07),transform 400ms cubic-bezier(0.29, 0.05, 0, 0.07),-webkit-box-shadow 400ms cubic-bezier(0.29, 0.05, 0, 0.07),-webkit-transform 400ms cubic-bezier(0.29, 0.05, 0, 0.07);
    }

    /* PRICING START */
    .ms-pricing-wrapper .plans > div:not(:last-child) {
        margin-bottom: 25px;
    }
}

/* Small devices (landscape phones, 576px and up)*/
@media only screen and (min-width: 576px) and (max-width: 1024px) {
    .container {
        max-width: 100%;
    }
}

@media only screen and (max-width: 576px) {
    /* Dashboard Charts & Reports Start */

    .ms-logo img {
        width: 138px;
        height: 32px;
    }

    .left-sidebar .ms-logo {
        padding: 10px 0;
    }

    .sidebar-menu li a {
        font-size: 15px;
    }

    .date-range-select {
        width: 100%;
    }

    .dashboard-title {
        font-size: 20px;
    }

    .dashboard-header {
        height: auto;
    }

        .dashboard-header .mobile-logo-wrapper {
            float: none;
            width: 100%;
            height: 50px;
        }

        .dashboard-header .top-menu-wrapper {
            float: none;
            width: 100%;
            height: 50px;
            border-top: 1px solid #ccc;
        }

        .dashboard-header .top-menu {
            padding-right: 0;
        }

            .dashboard-header .top-menu .profile-img img {
                width: 40px;
                height: 40px;
            }

            .dashboard-header .top-menu > li .badge {
                font-size: 9px;
            }

            .dashboard-header .top-menu > li i {
                font-size: 20px;
            }

    .colorbox {
        margin-top: 20px;
    }

    .colorbox-3 .count-info i {
        font-size: 32px;
    }

    .colorbox-3 .count {
        font-size: 30px;
    }
    /*
    .colorbox .txt{
        font-size: 15px;
    }
*/
    .count-box {
        margin-top: 20px;
    }

    .count-box-wrapper {
        width: 100%;
    }

    .charts-reports-btn-div {
        margin: 20px 0 0;
    }

    .upload-verified-btn, .export-excel-btn {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
    /* Dashboard Charts & Reports End */
    /*==Corp Homepage starts==*/
    .section-holder {
        padding-top: 20px;
    }

    .ms-intro-holder {
        padding-top: 80px;
    }

    .feature-section-holder {
        min-height: 320px;
    }

    .image-left .feature-photo {
        padding-right: 0px;
        padding-bottom: 12px;
    }

    .ms-business .req-trial-btn {
        margin-left: 10px;
    }

    .section-title {
        font-size: 30px;
    }

    .section-subtitle {
        font-size: 20px;
    }
    /*==Corp Homepage ends==*/


    /*==Corp features starts==*/
    .feature-holder {
        padding-bottom: 20px;
    }

    .review-collection .feature-holder {
        text-align: center;
    }

    .image-right .connection-photo {
        /*        padding-right: 0;*/
        padding-bottom: 0px;
    }

    .image-left .connection-photo {
        padding-right: 0;
        padding-bottom: 20px;
    }

    .review-display.section-holder .col-sm-6:last-child .feature-holder, .review-collection.section-holder .col-sm-6:last-child .feature-holder {
        padding-bottom: 20px;
    }
    /*==Corp features ends==*/

    /*==Client Start==*/
    .main-client-content .top-section {
        min-height: 450px;
    }

    .brands-say {
        padding-bottom: 75px;
    }

    .review-display {
        padding-top: 50px;
    }

    .ms-business {
        padding-top: 50px;
    }
    /*==Client Start==*/


    /*==footer starts==*/
    .primary-footer-left {
        font-size: 40px !important;
        display: table-cell;
        vertical-align: middle;
    }

    .primary-footer-left {
        display: table-cell;
        vertical-align: middle;
    }

    .primary-footer-right {
        padding-left: 10px;
        display: table-cell;
        vertical-align: middle;
    }

        .primary-footer-right div {
            font-size: 13px;
        }

    .primary-footer-content {
        display: table-cell;
        vertical-align: middle;
    }

    .primary-footer-holder .primary-footer-content:nth-child(1), .primary-footer-holder .primary-footer-content:nth-child(2) {
        display: table-cell;
        width: initial;
    }

    .primary-footer-holder .primary-footer-content:nth-child(1) {
        padding-bottom: 0;
        width: 32%;
    }

    .primary-footer-holder .primary-footer-content:nth-child(2) {
        padding-left: 12px;
    }
    /*==footer ends==*/

    /*==== Int Crm Starts === */
    #readReviewSection .review-section-holder {
        padding: 15px;
    }

    .review-detail div {
        display: block;
        margin-top: 5px;
    }

    .rating-line > span {
        width: 15%;
        height: 6px;
    }

    #reviewVideo {
        width: 100%;
        height: 250px;
    }

    .review-btn-holder button {
        display: block;
        width: 100%;
    }

        .review-btn-holder button:first-child {
            margin-bottom: 10px;
        }
    /*==== Int Crm End === */

}

@media only screen and (max-width:480px) {
    .btn-primary {
        font-size: 15px;
    }

    .btn-secondary {
        font-size: 15px;
    }
    /*==Corp Homepage starts==*/
    .ms-business .req-trial-btn {
        margin-left: 0px;
        margin-top: 10px;
    }

    .negative-rev-holder, .lead-section-holder {
        /*        padding-top: 70px;*/
        text-align: center;
    }

    .ms-intro-holder {
        padding-top: 50px;
    }

    .feature-section-holder {
        min-height: 350px;
    }

        .feature-section-holder .feature-photo img {
            max-width: 100%;
        }
    /*==Corp Homepage ends==*/


    /*==Corp features starts==*/
    .top-section-text {
        padding: 30px 0 30px 0;
    }

    .review-svg {
        padding-bottom: 0;
    }

        .review-svg .review-disp-img {
            max-width: 270px;
        }

        .review-svg svg {
            top: 110px;
        }

    .crm-section .crm-image {
        width: 100%;
    }

    .connection-photo-holder img {
        max-width: 100%;
    }
    /*==Corp features ends==*/

    /*==Corp Clients ends==*/
    .widget-svg .review-disp-img {
        max-width: 270px;
    }

    .widget-svg svg {
        top: 142px;
    }
    /*==Corp Clients ends==*/

    /*=== Footer Start ===*/
    .footer-mobile .download-app-img img {
        width: 108px;
        height: 38px;
    }

    /*=== Footer End ===*/
}


@media only screen and (max-width:345px) {
    .download-app-img a:last-child {
        margin-left: 0px;
    }
}
