/* Mobile View CSS */

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

    .faqSectionInner-wrap .faq_top_mob .row_content .col-md-4 img {
        max-width: 100% !important;
    }

    .footer .footer__block .vnav--level1 .vnav__item {
        text-align: left !important;
    }

    .footer .footer__block .vnav--level1 .footer__title {
        text-align: left !important;
    }

    .footer__block {
        text-align: left !important;
    }

    .common_questions .cmn_que .faqImg-div .faq_top_mob .faq-container .spacing_bottom_new .col-md-3 {
        text-align: center !important;
    }

    .faqImg-div .faq_top_mob .spacing_bottom .col-md-3 {
        text-align: center;
    }

    .common_questions .cmn_que .faqImg-div .faq_top_mob .row_content .col-md-4 img {
        width: 100% !important;
    }

    #remove_bottom .top_div .col-md-6.feature-box#feature-box {
        margin-bottom: 0px;
    }

    .common_questions .support-page .faqImg-div .faq_top_mob .col-md-4 img {
        max-width: 100% !important;
    }


}



/* Tab View CSS */

@media (min-width:768px) and (max-width:1024px) {


    .heroseg-img {
        display: none !important;
    }

    .banner-content {
        position: unset !important;
        top: unset !important;
        padding: 30px 0 !important;
        transform: unset !important;
    }

    .banner-section .banner-content .nopadding .col-lg-4 {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .heroDesc-img_left_desk {
        text-align: center !important;
    }

    .heroDesc-img img {
        width: 100% !important;
        justify-content: center !important;
        display: flex !important;
        align-items: center !important;
        text-align: center !important;
    }

    .banner-section .banner-content .nopadding .col-xl-6.col-lg-6 {
        margin-left: 13px;
    }


    .banner-section .banner-content .nopadding .row.my-3 {
        flex-direction: column !important;
    }

    .heroDesc-list.row {
        width: 450px;
    }

    .banner-content .bannerBottom-txt .promotion-txt {
        width: 600px !important;
    }

    .banner-content .bannerBottom-txt .callNow-txt {
        width: 700px !important;
    }

    .li_images ul li {
        padding-left: 26px !important;
    }

    .fixed-top .topHeader-content .topHeader-contentTxt {
        font-size: 18px !important;
        width: 335px !important;
    }

    .topHeader-content .microblock-group .h-contact__info .h-contact__tag {
        font-size: 18px !important;
    }

    .topHeader-content .microblock-group .h-contact__info .h-contact__phone {
        font-size: 18px !important;

    }

    .feature-common .feature-segment-div {
        display: none !important;
    }

    .productQuiz-card .productQuiz-txtblock h2.productQuiz-mainHeading {
        font-size: 21px !important;
    }

    .productQuiz-btnDiv .takeProdQuiz-btn {
        width: 344px !important;
        height: 55px;
        font-size: 18px !important;
        margin: 6px 0px;
    }

    .companionAppSection {
        padding-right: 0px !important;
    }

    .page-wrap .companionAppSection .col-md-6.col-12 {
        max-width: 100% !important;
        flex: unset !important;
        padding-right: 0px !important;
        margin-bottom: 15px !important;
    }

    .subscription_option .desktopView-tile img {
        width: 100% !important;
    }

    .howItWorks-section .top-maincntdiv .row_content .col-sm-4 {
        max-width: 100% !important;
        flex: unset !important
    }

    .top-maincntdiv .howitWorksStep-img {
        width: 30% !important;
    }

    .maincntdiv .row_content .col-md-4 {
        max-width: 100% !important;
        flex: unset;
        margin-bottom: 15px;
    }

    .maincntdiv .row_content .col-md-4 img {
        max-width: 50% !important;
    }

    .maincntdiv .row_content .col-md-8 {
        max-width: 100% !important;
        flex: unset;
    }

    div#bottom_space {
        margin-top: 0px !important;
    }

    .mobile_about_new .col-md-7 {
        max-width: 100% !important;
        flex: unset !important;
        margin-bottom: 15px !important;

    }

    .mobile_about_new .col-md-5 {
        max-width: 100% !important;
        flex: unset !important;
    }

    .bottomBanner-wrapper .desktop-logo h2.text_header {
        font-size: 20px !important;
        margin-left: 0px !important;
    }

    .bottomBanner-wrapper-section .bottomBanner-wrapper .desktop-logo .callNow-btn {
        width: 240px !important;
        font-size: 18px !important;
    }


}