/* ipad */
@media (max-width: 800px) {

    .user-content { width: 100% !important; }

    .align-div { width: 95%; }

    .app-header-logo { float: none; margin: 0 auto; }

    span.logo, div.logo { float: left; margin: 0px 25%; }

    .public-welcome-msg { width: 90% !important; float: none; margin: 0 auto; border-radius: 10px; }

    .reg-form-wrap { width: 90%; float: none; display: block; overflow: hidden; margin: 0 auto; border-radius: 10px; }

    .parent-body { background-size: 100% 208% !important; }

    .zoomProjects .all-projects-list { height: 258px; }

    .login-top { background: none; }

    .l-bottom-center { background: none; }
    
    .header-top-nav { float: left; margin: 0px 0px 20px 18%; }

        .header-top-nav ul { float: left; }

    .app-header-wrapper { width: 95%; }

    #appdiv { width: 100%; }

    #app_content { width: 100%; }

    .new-app-right-side-wrapper { width: 97.5%; background: none; float: left; }

    #top_tabs_buttons a { padding: 6px 16px !important; height: auto; }

    .app_right_top { display: none; }

    #app_rightside { padding: 0 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; width: 96%; }

    .common-sub-menu { top: 27px; }

    #app_rightside_body table.app-common-grid tbody tr.c-grid-header th { width: 200px; }

    .account-search-box { width: 55%; }

    .usageReportFilters { margin: 0px 0px 10px 10px; float: left; }

    .setrate-wrap { width: 83%; }

    .rate-service-wrap { width: 15%; }

    .wallet-wrapper { width: 94%; border-top-left-radius: 10px; border-top-right-radius: 10px; }

    .manage-consumer-tbl-wrap { width: 100%; }

    .getting-start-step ul li b img { width: 100%; }

    #app_rightside #app_rightside_body .parent-main-content { width: 97%; }

    #app_rightside_body .parent-main-content iframe { width: 97% !important; }

    .parent-bg { width: 110%; border-top-left-radius: 10px; border-top-right-radius: 10px;}

        .parent-bg .main-content { width: 96%; margin-bottom: 0px !important; }

    .contactus-block { margin-left: 2%; width: 76%; }

    .reg-video img { width: 100% !important;margin: 0 auto;float : none;}

    .add-teacher-fields-wrap .margin-left { margin-left: 0px; }

    .login-btn-wrapper { width: 77%; }

    .bg-app-login-top { margin-top: 50px !important; }

    .menu.prof-main-menu { width: 100%; margin-right: 0% !important; }

    .prof-main-menu ul.resp_menu { margin: 0 0 20px 0; float: left; background-color: #76c1e9; width: 100%; }

    .shade_divider { display: none; }

    .projects-block-list { width: 84%; padding-left: 15%; }

    .prof-main-menu ul.resp_menu li { float: left; width: 100%; margin: 0; padding: 10px 0; border-bottom: 1px solid #fff; text-align: center; font-size: 14px; font-weight: 800; transition: ease-in 0.5s; }
        .prof-main-menu ul.resp_menu li:hover { opacity: 0.7; background-color: navy; }
        .prof-main-menu ul.resp_menu li:last-child { border-bottom: none; }

        .prof-main-menu ul.resp_menu li ul.sub_menu_resp { display: none; }
        .prof-main-menu ul.resp_menu li ul#sub_menu_resp_help { display: none; }

    .block-seprater { width: 100%; }

    .search-proj-wrapp { width: 73%; }

    .proj-srch-fields-txtbox .search-icon, .proj-other-srch-fields-txtbox .search-icon { margin: 0.5% 0 0 1% !important; }

    .public-bg { margin-left: -110px; }

    .registration-fields-wrapper { height: auto !important; }

    .add-sch-lbl { width: 100%; }

    .teachers-upadates { width: 100%; }

    .sch-grey-seprater { width: 100%; }

    .parent-main-content { width: 96%; }

    #common_heading, .c-common_heading, .c-common_heading-small { padding: 25px 0 18px; }

    .pagin-wrap { width: 100%; }

    .proj-other-srch-fields-txtbox { width: 100%; }

    .width89p { width: 81% !important; }
    .width89pc { width: 100% !important; }
    .width30pc { width: 100% !important; }
    .fm-prf-add-more-lnk { margin: -10px 0 0 -1px; padding: 8px 12px; font-size: 14px; text-align: center; width: auto; }

    .family-profile-seprater { display: none; }
    .resp_menu_btn { display: block; margin-right: 15px; }
    ul.non-resp_menu { display: none; }
    .dpt-registration { height: 16px; }
    .noborderbtm { border-bottom: none !important; }
    #top_tabs_buttons ul.admin_menu { display: none; }
    #top_tabs_buttons ul.admin_menu_resp { display: none; overflow: hidden; width: 98%; }
        #top_tabs_buttons ul.admin_menu_resp li { width: 100%; }
            #top_tabs_buttons ul.admin_menu_resp li a { width: 100%; transition: ease-in 0.5s; }
                #top_tabs_buttons ul.admin_menu_resp li a:hover { background: none; background-color: #fff; opacity: 0.9; }
    .lablebox { padding: 3px 6px 4px 24%; clear: both; }
    .validationbox { clear: both; }
    .event-des-detail-wrapper { margin: 10px 0 34px 0; }
    div#divAddParent div.add-teachers { width: 100%; }
    div#divAddParent div.profile-contact-dtl { width: 100%; }
    div#divAddParent .family-profile-other-dtl > .add-teacher-fields-wrap > .contact-fields-txtbox { width: 100%; }
    .txtarea-right-middle { background: none; }
    . fvt-txtarea-right { background: none; }
    .txtarea-bottom-left { background: none; }
    .txtarea-bottom-right { background: none; }
    .txtarea-top-center { width: 100%; }
    .txtarea-left-middle { background: none; }
    .txtarea-top-right { background: none; }
    .txtarea-bottom-cetner { width: 100%; }
    .txtarea-top-left { background: none; }
    div#divAddParent .family-profile-other-dtl > .add-teacher-fields-wrap > .contact-fields-txtbox textarea.txtarea { width: 100%; }
    .fvt-rtlr-dvdr { display: none; }
    .proj-sm-wrap { width: 100%; margin-bottom: 20px; }
    .proj-sm-icons { width: 30%; float: none; margin: 0 auto; display: block; overflow: hidden; height: 40px; }
    .proj-sch-dtls { width: 100%; }
    .proj-sch-img { margin: 1% 42%; }
    .sm-twitter, .sm-facebook, .sm-pinterest { margin: 5% 0 0 6%; }

    ul.common-sub-menu { width: 100%; }
    .align-div { padding: 0 1%; }
    .proj-status-finished { margin-top: -24%; }
    .proj-view-mode-2 { width: 100% !important; }
    /*.public-wlcm-dtls { color:#fff;}*/
    .public-wlcm-heading { color:#fff;}









    .p-school-dtl .sch-option { color: #A6D6F1; }

    .fvt-cookie-tbl-hdr { background-color: #ccc; float: left; font-size: 18px; font-weight: bold; margin: 0px; width: 100%; padding: 0px 0px 0px 0px; text-align: left; }

    .fvt-map-section { height: 250px; }

    .search-school-map-wrap { height: 100px; }

    .fvt-cookie-wrap { width: 85%; }

    .res-common-error { color: red; margin: 10px 0px 0px 25px; display: inline; float: left; width: 100%; }

    .reg-contact-options-div { display: block; float: left; width: 100%; }

    .new-login-error-msg-div { width: 210px; position: fixed; float: left; min-height: 60px; top: 160px; left: 30px; max-width: 100%; padding: 10px 10px 10px 10px; height: 66px; width: 140px; position: fixed; float: left; font-size: 10px; text-align: left; top: 0px; left: 15%; }

    .fvt-area-divider { display: none; }

    .fvt-offers-bottom-divider, .fvt-area-bottom-divider { display: none; }

    .res-notification-div { z-index: 9999999 !important; font-size: 11px; }

    .user-info-popup-responsive { width: 280px!important; }

    .user-info-popup-res-details { padding: 5%!important; width: 90%!important; }

    .c-pu-popup-wrapper-responsive { width: 100%; padding: 10px 0px; font-size: 14px; text-align: justify; line-height: 20px; }


    .userRegistration-msg-wrapper { width: 96%; font-size: 14px; }

    .sch-proj-stats { float: left; font-size: 19px; width: auto; margin: 27px 0 0px 12px; }

    .gm-style .gm-style-iw { overflow: visible!important; }

    .proj-dtl-about { float: left; width: 100%; text-align: justify; }

    .p-content-box { float: left; width: 100%; min-height: 100px; }
    /*offer details page css starts here*/
    .proj-sch { color: #6D6E70; float: left; font-size: 24px; margin: 1% 0; max-width: 100%; width: 100%; border-top: 1px solid #484848; padding: 10px 0px 10px 0px; font-size: 18px; }

    .fvt-proj-library { float: left; height: auto; margin-right: 1%; min-height: 340px; position: relative; width: 280px; margin-bottom: 50px; float: none; display: block; margin: 0px auto; text-align: center; display: block; overflow: hidden; }

    .proj-details-content .proj-cost-wrap { width: 280px; float: none; display: block; margin: 0px auto; overflow: hidden; }

    .proj-amount-due { float: left; margin: 10px 21.5%; width: 160px; float: left!important; }

    .proj-other-dtls { float: left; margin: 1% 0%; width: 100%; }

    .proj-cont-num { float: left; margin: 0 1% 2%; font-size: 14px; width: 70%; }

    .proj-con-status { background-color: #e6e7e9; border-bottom: 1px solid #e6e7e9; float: left; height: auto; position: relative; width: 100%; margin: 1px 0%; }

    .account-toggle-big-off { float: right; }
    /*offer details page css ends here*/
    /*customer registeration css starts here*/

    .dateLists_container .day_container { width: 32.33%; float: none; display: inline-block; margin: 0px 1% 0px 0%; }

    .dateLists_container .month_container { width: 32.33%; float: none; display: inline-block; margin: 0px 1% 0px 0%; }

    .dateLists_container .year_container { width: 33.33%; float: none; display: inline-block; margin: 0px 0% 0px 0%; }

        .dateLists_container .year_container select { width: 100%!important; }

    .dateLists_container .month_container select { width: 100%!important; }

    .dateLists_container .day_container select { width: 100%!important; }

    .contact-fields-txtbox-small { width: 100%!important; margin: 10px 0px 0px 0px; }

    .responsive-width-contact-t-small { width: 50%!important; margin: 0px 0px 0px 0px; }

    .add-prnt-prof { margin: 2% 0%; }

    .matched-msg-lbl { font-size: 14px; width: 100%; }

    .reg-contact-options-on-off-div span { float: left; margin: 1% 1%; }

    .more-info { float: left; margin: 10px 0% 10px 0%!important; }

    .reg-contact-options-div span { color: #00614C; margin: 1% 0%; }
    /*customer registeration css starts here*/
    .prev-proj-list, .next-proj-list { display: block!important; }

    .fvt-public-cookie-msg { width: 85%; }

    .clos-cookie-box { right: 12px; top: -75px; }

    .fvt-cookie-msg { float: left; font-size: 13px; margin: -80px 0 0 10px; text-align: left; width: 60%; }

    .fvt-spn-or { margin: 0px 0px 10px 0px; }

    .error-star { position: absolute; right: -15px; }

    .sms-info-bg.info-icon { display: none; }

    .hide-responsive { display: none!important; }
    /*header starts  here*/
    .fixed-header { width: 87%; float: left; }

    .slicknav_nav li { display: block; width: 100%; float: left; border-bottom: 2px solid #d2d2d2; }

        .slicknav_nav li:last-child { border-bottom: none; }

    .fvt-ofrs-slider .curnt-proj-img img { float: left; height: 135px!important; /*width: 80%!important;*/ width: 140px!important; }

    .fvt-item-ofrs-dtl { color: #FFFFFF; float: left; margin: 10px 0px 0px 0px; text-align: center; width: 80%; }

    .fxd-header-left { width: 30%; }

    /*.fxd-header-right { position: relative; width: auto !important;}*/

    .fxd-header-menu-public { float: right; width: 200px; position: relative; }

    .fvt-login-form-content { width: 320px; }

    /*.fvt-login-area { float: left;
width: 100%;
top: 17px;
right: 0;}*/

    /*.fvt-login-form-content { float: right; margin: 0px 0px 0px 0px; }*/

    .fxd-header-wrapper .logo { background-size: 100%; width: 130px; margin: 2px 0 0 15px; height: 50px; }

    .fvt-login-form-content { background: url("../images/login-bg.png") no-repeat scroll 100% aliceblue #E2F4FD !important; }

    .fvt-landing-login-field { margin-left: 15px; width: 190px; }

    .fvt-login-form-content:after { content: ""; position: absolute; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent #E2F4FD transparent; top: -20px; left: 88%; }

    .toggle-login-tab:hover { text-decoration: underline; cursor: pointer; }

    .app-layout-wrapper, .login-content-wrapper, .login-content-wrapper, .master-content-wrapper, .app-background-warpper { min-width: 100%!important; }

    .hidden-tab { display: none; }

    /*header starts  here*/


    /*for login user starts here */

    .login-form-wrapper { margin: 0px auto; width: 65%; }

    /*.input-text-box { background: none!important; border: 1px solid #d2d2d2!important; width: 75%; }*/

    .l-c-input { width: 100%; }

    .fvt-slider-list:active, .fvt-slider-list:focus { border-right: 2px solid #5bbd72!important; }

    .login-form-content { width: 100%!important; float: left; margin: 0px 0px!important; border-radius: 10px; padding-bottom: 15px; }

    .login-form-cont-resp { width: 323px!important; float: none; margin: 0px auto!important; }

    .login-table {    
         margin: 0 0%!important;
    width: 88%!important;
    padding: 0px 6%;}

    .fvt-slide-txt { margin: 15px 0 10px 5px; }
    /*for login user ends here */
    /*register form css starts here*/
    .public-regis-wrap { float: left; width: 100%;  }

    .reg-content-wrapper { float: left; margin: 0; width: 100% !important; }

    .reg-video { width: 95% !important; text-align:center; }

    .reg-form-signup-wrap { float: left; width: 96% !important; }
    /*register form css ends here*/
    /*home page css starts here*/
    .content-wrapper { display: block; }

    .fvt-section-wrap { float: left; margin: 0px 0 0 0; width: 100%; }

        .fvt-section-wrap.fvt-retailors-section { margin: -14px 0px 0px 0px; }

    .fvt-slider { height: auto; margin: 0; width: 100%; }

        .fvt-slider img { width: 100%; height: auto; float: left; }

    .fvt-slider-list { max-width: 94%; padding: 18px 3% 19px 3%; width: 94%; }

    .hide-tabs-link-res { display: none; }

    .hidden-web { display: block; }

    .tab-accordian { margin: 0px 0px 0px 0px; }

    .add-teacher-fields-wrap { margin-left: 0px; }

    .add-teacher-fields-txtbox-small { float: left; padding: 4px 0; width: 100%; margin: 0px 10px 0px 0px!important; position: relative; }

    .contact-fields-txtbox { position: relative; }

    .fvt-sml-profile-txtbox { width: 96% !important; padding: 5px 0px 5px 4%; }

    .fvt-signup-wrap { width: 94%; margin: 10px 3% 10px 3%; padding: 0px; }

    .offer-search-txt-area, .profile-txtbox { width: 96% !important; padding: 5px 0px 5px 4%; }

    .res-60-width { width: 60% !important; float: right; }

    .instruction-msg { float: right; margin: 10px 0px 0px 0px; width: 98%; }

    .tab-accordian div { height: auto !important; }

    .full-width-responsive { float: left; width: 100%; }

    .txtbox-right-side { padding: 0px; height: 27px; margin-right: -5px; }

    .more-info { float: left; margin: 10px 0% 0px 0%; /* width: 100%; */ width: 96%; padding: 0px; }

    .fvt-continu-btn { width: 100%; }

    .fvt-signup-divider { background: url("../images/signup-divider.png") repeat scroll 0 10px transparent !important; color: #FFFFFF !important; float: left; height: 2px; margin: 20px 0px 0px 0px; text-align: center; width: 96%; }

    .fvt-reg-btn { float: right; margin: -36px 0px 0 0; }

    .fvt-reg-lbl { font-size: 18px; }

    .fvt-signup-section .fvt-about-head { color: #6D6E70; font-size: 25px; line-height: 45px; }

    .col-seprtr { width: 1%; }

    .fvt-about-wrap { float: left; /* padding: 20px; */ /* width: 100%; */ width: 94%; margin: 10px 3% 10px 2%; padding: 0px; }

    .fvt-fvrt-retailors-section .fvt-about-head { margin: 50px 0 0; text-align: center; width: 96%; }

    .fvt-ofr-dtl { float: left; font-size: 15px; margin: 5px 0% 15px; text-align: center; width: 96%; }

    .fvt-ofrs-slider { float: left; width: 96%; margin: 0px 0%; }

    .fvt-fvrt-retailors-section .fvt-half-wdth-warp .fvt-area-projects-list { max-width: 100%; }

    .fvt-retailr-left-content { display: none; }

    .fvt-retailr-right-content { float: left; width: 100%; }

    .fvt-retailr-head { float: left; font-family: 'gotham_roundedlight'; font-size: 40px; margin: 10px 0 10px 30px; text-align: left; width: 90%; }

    .fvt-rtlr-fltr-optns a { color: #FFFFFF; width: 100%; float: left; }

    .fvt-rtlr-fltr-name { float: left; WIDTH: 50%; margin: 20px 0 0 10px; }

    .fvt-all-projects-list { height: 230px; margin: 0 auto; max-height: 240px; width: 96%; }

    .fvt-area-projects-list { height: 230px; margin: 0 auto; max-height: 320px; width: 96%; }

    .fvt-offers-bottom-divider, .fvt-area-bottom-divider { margin: 0px 0 14px 0!important; }
    /*home page css ends here*/


    /*After Login customer Home Page css starts  here*/
    .fvt-width40 { float: left; width: 100%; }

    .fvt-width60 { float: left; width: 100%; }

    .fvt-user-cart { float: left; color: #727375; font-size: 15px; margin: 15px 0px 5px 0px; text-align: center; width: 100%; }

        .fvt-user-cart:last-child { margin: 15px 0px 20px 0px; }

    .fvt-user-cart-dvdr { border-bottom: 2px groove #FFFFFF; float: left; height: 0px; margin-top: 15px; width: 100%; }

    .fvt-rtlr-icon { background-position: -382px -1360px; height: 30px; margin: 0 0% !important; width: 30px !important; }

    .fvt-offers-icon { background-position: -422px -1360px; height: 30px; margin: 0 0% !important; width: 30px !important; }

    .fvt-msgs-icon { background-position: -466px -1360px; height: 30px; margin: 0 0% !important; width: 30px !important; }

    .fvt-purchases-icon { background-position: -506px -1360px; height: 30px; margin: 0 0% !important; width: 30px !important; }

    .fvt-user-cart span { float: left; margin: 5px 0px 10px 10px; text-align: left; width: 40%; }

        .fvt-user-cart span:last-child { float: right; width: 32px; background-color: #484848; color: #fff; text-align: center; margin: 0px 0px 0px 0px; padding: 8px 0px; border-radius: 20px; height: 16px; }

    .p-left-content { float: left; margin: 2% 0%; width: 100%; }

    .sch-related-dtl { float: left; width: 75%; }

    .p-wrap-heading { font-size: 18px; margin: 4% 0px 3% 8px; width: 100%; }

    .info-msg-wrapper-right { width: 200px; }

    .homepage-col-seprtr { display: none; }

    .p-right-content { float: left; margin: 2% 0%; width: 100%; }

    .fvt-rtlr-wrap { bottom: 0; cursor: pointer; float: left; left: 180px; position: absolute; }

    .p-proj-dtls img { height: 160px; width: 160px; }

    .fvt-user-adrs { /*width: 50%;*/ width: 100%; }

    .p-add-shcool { height: auto; width: 100%; }

    .connected-shcools-box { margin: 0 2%; max-width: 96%; min-width: 96%; width: 96%; float: left; }

    table { overflow-x: auto; display: block; }

    .app-common-grid { overflow: auto; height: 250px; }
    /*After Login customer Home Page css ends  here*/

    /*after login connected reseller starts here*/
    .p-menu-fields-wrap { display: none; }

    .res-connected::before { content: "Status"; float: left; text-align: left; width: 50%; }

    .res-sms::before { content: "SMS"; float: left; text-align: left; width: 50%; }

    .res-email::before { content: "Email"; float: left; text-align: left; width: 50%; }

    .p-menu-fields-dtl span { float: left; text-align: left; width: 100%; margin: 0px 0px 15px 0px; }

    .p-menu-fields span { color: #7B7B7B; margin: 10px 0px 10px 0px; width: 100%; float: left; }

    .p-sch-left { float: left; margin: 0 0%; width: 100%; }

        .p-sch-left img { border: 1px solid #d2d2d2; float: left; height: 100px; width: 100px; margin: 0px 0px; }

    .p-sch-dtls { float: left; height: auto; margin-left: 2%; max-height: 150px; overflow: visible; width: 55%;padding-top:1%; }

    .p-sch-addrs { float: left; height: auto; margin-bottom: 5%; overflow: visible; width: 100%; }

    .dashboard_Messages { width: 100%; /* float: left!important; */ }

        .dashboard_Messages span { width: 100%; /* float: left!important; */ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

    .p-sch-cont { float: left; margin-top: 4%; width: 100%; }

    .dashboard_Messages a { overflow: visible; text-overflow: ellipsis; width: 135px; white-space: nowrap; float: left; }

    .res-pon-website-label { float: left; }

    .p-menu-fields-dtl span { float: left; text-align: left; width: 90%; margin: 0px 0px 15px 0px; }

    .res-sms a { float: right; }

    .res-email a { float: right; }

    .show-hide-cont-dtl { float: left; margin: 1% 0; width: 100%; }

    .info-msg-wrapper { margin: -8px 0 0 -176px; width: 150px; }

    .p-menu-fields { margin: 15px 0px 15px 0px; width: 100%; }
    /*after login connected reseller ends here*/

    /*after login my offers page starts here*/
    .parent-due-paid { width: 130px; margin: 20px 0 0; }

    .search-icon { margin: 4% 0 0 2%; }

    .proj-srch-fields-txtbox { float: left; margin: 1% 0 0; padding: 4px 0 10px; position: relative; width: 180px; }

    .parent-projects-listview { float: left; width: 100%; }

    .parent-proj-list-wrap { width: 100%; }

    .proj-short-dtl-list { width: 160px; }

    .proj-full-listview-dtl { width: 65%; }

    .parent-proj-right { float: right; margin: 2% 0; width: 100%; }

    .proj-other-srch-btn { float: right; margin: 4px 13px 0px 0px; width: 100%; }

    .parent-proj-wrap { width: 180px; }

    .parent-projects { float: left; width: 100%; display: none; }

    .parent-proj-responsive { background-color: #f2f2f2; padding: 60px 20px 30px 20px; width: 180px; position: absolute; top: 244px; left: 6px; z-index: 100; display: none; }

    .sort-proj-heads-responsive { float: right; width: 100%; margin: 0px 0px 10px 0px; }

    .margin-responsive-filter { float: left!important; margin: 0px 0px 0px 15px; }

    .responsive-close-icon { border: 1px solid green; color: green; border-radius: 10px; padding: 2px 5px; position: absolute; top: 7px; left: 1px; font-weight: bold; }

    .proj-sorted-searchs-responsive { float: right; margin: 1% 0; width: 100%; }

    .responsive-offerpage-width-field-select { width: 195px!important; }

    .reponsive-offerpage-filed { width: 100% !important; height: 30px !important; }

    .filter-icon-res-click { background: url(../images/filter-icon.png) no-repeat scroll 0px 0px transparent; /* width: 100px; */ /* height: 100px; */ position: absolute; display: block; background-color: green; border: 1px solid #fff; padding: 20px; background-position: 9px 11px; border-radius: 50px; top: 510px; }

    .proj-view-margin-mobile { margin: 20px 0px 0px 0px; }

    .responsive-close-icon { display: block; }

    .fvt-width40.userWelcomeDtl { border-bottom: 2px solid #d2d2d2; padding: 0px 0px 10px 0px; }
    /*after login my offers page ends here*/

    /*after login search Retailers page starts here*/
    .matched-schools { width: auto; }

    .view-wrapper { width: 165px; float: right; margin: 20px 0px 10px 0px; }

    .projects-listview-wrap { margin: 0px 0px 20px 0px; padding: 1%; width: 98%; }

    .listview-proj-short-dtl { float: left; height: 100%; width: 32%; }

    .listview-more-srch-dtls { color: #6D6E70; float: right; font-size: 11px; height: 100%; margin: 0 1% 1% 0; width: 63%; }

    .projects-gridview { text-align: center; }

    .proj-popup-wrap { float: none; margin: 0; display: inline-block; }

    .registration-fields-wrapper { margin: 52px auto; width: 106% !important; }
    /*after login search Retailers page ends here*/


    /*popup footer starts here*/
    .fancybox-wrap { width: 450px!important; }

    .fancybox-inner { width: 100%!important; height: 370px!important; }

    .t-p-content { float: left; height: 330px; overflow-y: auto; padding: 1%; width: 98%; }

    .fancybox-inner { overflow: hidden!important; }

    .privacy-policies-main-wrap { /*padding: 0px 20px 0px 0px;
		width: 700px;
		float: left;*/ padding: 0px 20px 0px 0px; width: 90%; float: left; }

        .privacy-policies-main-wrap p { margin: 20px 0px !important; width: 100%; }
    /*popup footer Ends here*/

    /*connected retailer page responsive starts here*/
    /*.fvt-half-wdth-warp {
    margin: 0 2%;
    width: 96%;
    min-width: 96%;
    max-width: 96%;
    float: left !important;
}*/
    .fvt-fltr-wrap, .fvt-common-fltr-wrap { height: auto; position: relative; }

    .fvr-search-icon { font-size: 15px; font-weight: bold; height: 35px; margin: 20px 20px 20px 10px !important; width: 35px; /* background-color: #fff; */ border-radius: 40px; background: url(../images/search-icon.png) no-repeat scroll 0px 0px transparent; background-position: 8px 7px; background-color: #fff; }

    .fvt-fltr-srch-flds { margin: 0px 2% 0px 2%; width: 96%; }

    .proj-search-map .proj-txtbox, .proj-search-map .profile-txtbox { width: 94% !important; padding: 10px 3%; }

    .mapButtonMoveTo { position: absolute; right: 0px; top: -3px; }

    .fvt-common-fltr-wrap { float: left; width: 74%; margin: 0px 2% 0px 0%; }

    .profile-dropbox { background: url("../images/txtbox-center.png") repeat scroll 0 -2px transparent; border: medium none; color: #6D6E70; float: left; line-height: 27px !important; padding: 5px 5px 5px 15px; width: 100% !important; height: 31px; border-right: 1px solid #e0e4e6; border-left: 1px solid #e0e4e6; }

    .fvr-search-responsive-msg { float: left; color: #fff; font-size: 20px; margin: 30px 0px 0px -10px; display: block; }

    .fvt-fltr-wrap { border-left: none; border-right: none; }

    .responsive-bottom-line { display: block; height: 2px; background: #87AB2E; width: 100%; margin: -10px 0% 10px 0px; float: left; /* padding: 0% 3%; */ }

    .fvt-fltr-btn-sprtr { display: none; }

    .regis-search-btn { /* float: left; */ margin: 29px 0; width: 99%; margin: 10px 0px 20px 0px; width: 100%; border: none; display: inline-block; text-align: center; /* border: 1px solid #387948; */ }

        .regis-search-btn .fvt-common-light-green { background: url("../images/light-blue.png") repeat-x scroll 0 0 transparent !important; font-size: 17px; padding: 7px 0px 20px 0px !important; width: 260px; height: auto; text-align: center; display: inline-block; float: none!important; /* margin: 0px; */ }

    .project-name { color: #7C7C7C; float: left; font-size: 18px; line-height: 0.9; margin: 2% 0% 0; max-width: 195px; }

    .proj-con-status { background-color: #EFF7FC; border-bottom: 1px solid #76C1E9; float: left; height: auto; position: relative; width: 100%; margin: 1px 0%; }

    p { text-align: justify; }

    .proj-status { color: #7C7879; float: right; font-size: 24px; position: relative; right: 0px; text-align: center; top: 0; width: 100px; margin: 0px 0px 0px 0px; }

    .fvt-rtlr-dvdr { border-left: 2px groove #FFFFFF; float: left; height: 80px; margin: 10px 5px 0px 5px; }

    .sch-status-connect { cursor: pointer; float: left; font-size: 12px; height: 100px; margin: 0; text-decoration: none !important; width: 85px; padding: 0px; text-align: center; display: inline-block; }

    .fvt-sch-proj-stats { float: left; margin: 20% 0 0 0%; font-size: 18px; position: absolute; bottom: 0; right: 7px; top: 46px; }

    .sch-status-connect-icon { background: url("../images/fvt-sts-icon-82.png") !important; background-size: 100% 100% !important; color: #FFFFFF !important; cursor: pointer; float: none; font-size: 12px; height: 15px; margin: 15px 0px 0 0; padding: 18px !important; text-decoration: none !important; text-transform: uppercase; width: 15px; display: inline-block; }

    .proj-search-map { border: none; }

    .clearfix-mobile { clear: both; }

    .fvt-proj-dtl-wrap { float: left; margin-right: 1%; min-height: 340px; position: relative; width: 100%; margin-bottom: 50px; text-align: center; display: inline-block; }

    .proj-library { float: none; height: auto; min-height: 340px; position: relative; width: 260px; display: inline-block; text-align: center; margin: 0 9%; }

    .proj-slctd-img { border: 1px solid #D2D2D2; cursor: pointer; float: left; height: 220px; margin: 1% 0 2%; width: 250px; display: inline-block; }

    .fvt-proj-dtl-wrap .favourit { width: 290px; /* text-align: center; */ display: inline-block; float: none!important; }

    .proj-addr-title { width: 70px; text-align: left; }

    .proj-cont-web a { width: 70%; text-align: left; }
    /*connected retailer page responsive ends here*/

    /*Customer profile page responsive starts here*/
    .profile-img-dtl { float: left; width: 120px; text-align: center; }

    .profile-update-content { /*float: left;
    height: auto;
    width: 60%;*/ float: none; height: auto; width: auto; display: inline-block; }

    .family-profile-dtl-txt-box-wrap { margin: 0px 0px 10px 0px; }

    .PasswordChangedError { width: 240px; }

    .profileDetails .profile-img-dtl .fmly-profile-btn { float: left; margin: 4% 0 0 0px; width: 92%; }

    .family-profile-dtl { float: left; width: 100%; }

    .family-profile-wrapper { float: left; width: 250px; }

    .profile-person-img img { margin-left: 0px; }

    .sch-func { color: #00614C; text-decoration: none; font-size: 12px; display: block; }

    .family-profile-wrapper { float: left; width: 250px; }

    #toast-container { position: fixed; z-index: 99999999!important; }

    .fmly-profile-fields-txtbox-left { float: left; margin-left: 0px; padding: 4px 0; width: 100%; }

    .txtbox-left-side { display: none; }

    .reg-form-right-content .txtbox-left-side { display: none !important; margin-left: -5px; }

    .res-width { width: 28% !important; margin: 0px 0px 10px 0px; }

    .fmly-profile-contact-fields-txtbox { float: right; margin-left: 0px; padding: 0; width: 100%; }

    .sms-info-bg { background: url("../images/info-bg.png") no-repeat scroll 0 0 transparent; display: inline-block; float: left; height: 22px; margin: 0px 0 0 0px!important; width: 18px; text-decoration: none; z-index: 11; top: 30px; right: -20px; }

    .res-mobile-no { width: 65%!important; min-width: 65%; float: right; }
    /*Customer profile page responsive ends here*/

    /*commication starts here*/

    .services-common-col { float: left; width: 90%; /*overflow: auto;*/ max-width: 90%; max-height: 500px; }
    /*.commu-right-contact .icomms-service-shade-big-box {
    float: left;
    width: 100%;
     overflow: auto; 
    max-width: 100%;
}*/
    .commu-cont-hdr { position: relative; margin: 5% 1% 1% 1%; }

    .commu-options { float: right; font-size: 14px; margin: 10px 0 0; width: 100%; }

        .commu-options span { float: left; width: auto; margin: 0px 10px 0px 0px; }

    .commu-left-content { float: left; margin: 0px 0px; width: 100%; }

    .commu-right-contact { float: left; width: 100%; margin-bottom: 5%; overflow: auto; }

    .send-frm { width: auto; }

    .service-comp-row .sms-field-name, .service-row-label { color: #19224F; float: left; max-width: 70px; min-width: 70px; padding: 3px 10px 0 0; text-align: left; width: 130px; font-weight: bold; line-height: 19px; }

    .icomms-service-text-field { background: none; display: inline-block; float: left; height: 30px; width: 100%; border: 1px solid #d2d2d2; border-radius: 4px; }

    .sms-compose-action-wrapper-extra-fields, .services-common-action-wrapper { padding: 36px 0 0 5px; float: left; width: 100%; }
    /*.services-common-col {
    float: left;
    width: 845px;
    overflow: auto;
    max-width: 845px;
    max-height: 350px;
}
.services-common-col {
    float: left;
    width: 845px;
    overflow: auto;
    max-width: 845px;
    max-height: 500px;
}
.commu-right-contact .icomms-service-shade-big-box {
    float: left;
    width: 100%;
    overflow: auto;
    max-width: 250px;
}*/
    /*commication ends here*/

    /*message details page starts here*/
    .event-des-detail-wrapper .e-d-d-field-name, .e-d-d-field-name-r { color: #00614C; float: left; padding: 0 8px 0 0; width: 15%; }

    .event-des-detail-wrapper .e-d-d-field-value { float: left; width: 70%; }

    .send-mail-grid, .send-mail-grid-header { float: left; margin: 1%; width: 600px; }
    /*message details page ends here*/

    /*print css starts here*/
    .rdm-btns .rdm-crd-reader img { float: left; height: auto; width: 100%; }
    /*print css ends here*/
    /* footer css starts here */
    /*.fvt-half-wdth-warp { margin: 0 auto; width: 96%; float: none !important; padding:2% 0px 2%; }*/

    .footer a { color: #808080; line-height: 20px; }
    /* footer css ends here */

}

/*Samsung Galaxy S6*/
@media (max-width: 720px) {
    .account-search-box { width: 60%; }
}

/*Samsung Galaxy S5*/
@media (max-width: 640px) {
    .app-header-logo span.logo, .app-header-logo div.logo { float: left; margin: 0px 17%; }

    #top_tabs_buttons li a { padding: 6px 0px !important; width: 96%; }

    #top_tabs_buttons li { width: 100%; }

    .account-search-box { width: 67%; }

    .header-top-nav { margin: 0px 0px 20px 13%; }

        .header-top-nav ul { padding: 0.8em 0.7em 0; }

    ul.common-sub-menu { width: 100%; }

    .parent-bg .main-content { width: 96% !important; }

    .contactus-block { width: 62%; }

    .prof-main-menu li { margin-right: 7px; line-height: 24px; }

    .block-seprater { width: 100%; }

    .show-hide-cont-dtl { width: 100%; }

    .p-add-shcool { width: 100%; }

    .parent-main-content { width: 96%; }

    .pagin-wrap { width: 100%; }

    .width89p { width: 82% !important; }
    .event-des-detail-wrapper { width: 100%; }
    .proj-sm-wrap { width: 100%; }
    .app-header-logo span.logo, .app-header-logo div.logo { float: none; margin: 0px auto; width: 210px; height: 68px; background-size: 100% 100%; display: block; }
    .wlt-trns-lbl { width: 40%; }
}

/* Nexus 7*/
@media (max-width: 600px) {
    .app-header-logo span.logo, .app-header-logo div.logo { float: none; margin: 0px auto; width: 210px; height: 68px; background-size: 100% 100%; display: block; }
    .account-search-box { width: 73%; }
    .public-bg { margin-left: -15.5%; }
    .proj-view-mode2 { width: 73% !important; }
}

@media (max-width: 550px) {
    .app-header-logo span.logo, .app-header-logo div.logo { float: none; margin: 0px auto; width: 210px; height: 68px; background-size: 100% 100%; display: block; }

    .rate-service-wrap { width: 100% !important; }

        .rate-service-wrap .service-link-wrap a { width: 97%; }

    .setrate-wrap { width: 97%; }

    div.setrate-wrap table tr td select { width: 82%; }

    div.setrate-wrap table tr td input[type="text"] { width: 82%; }

    .account-search-box .a-s-b-search-lable { padding-top: 0px; }

    .Heading { width: 98.6%; }

    .parent-bg .main-content { width: 79%; /*margin-left: 20% !important;*/ }









    /*login popup css starts  here*/
    .ui-dialog { width: auto!important; }

    .login-profile { width: 270px!important; }

    /*.input-text-box { border: 1px solid #d2d2d2!important; background: none!important; border-radius: 3px; width: 95%!important; }*/
    /*login popup css ends here*/
    /*print css starts here*/

    .rdm-itm-wrap { float: left; margin: 0 0 0 0px; width: 100%; text-align: center; }

    .rdm-crd-reader { float: none; margin: 10px 0; width: 100%; /* display: inline-block; */ }

        .rdm-crd-reader img { float: none; height: 100px; width: 100px; display: inline-block; margin: 10px 0px 10px 0px; }

    .rdm-itm-dtls-wrap { float: left; width: auto; min-width: 10px; }

    .proj-cost { float: left; margin: 1% 2%; width: 100%; }

    .project-print-wrap { width: 100%; float: left; text-align: left; }
    /*Print css ends here*/
    /*message details page starts here*/
    .event-des-detail-wrapper .e-d-d-field-value-fixed { float: left; max-height: 210px; overflow-y: auto; width: 50%; /* clear: both; */ }
    /*message details page ends here*/
    div#divAddParent { text-align: center; }

    .add-teachers { width: 300px; display: inline-block; float: none!important; text-align: left; }

    .profile-contact-dtl.float-right { display: inline-block; float: none!important; text-align: left; width: 300px; }

    .add-prnt-prof.float-right.clear { float: none!important; display: inline-block; text-align: center; width: 300px; }

    /*after login search Retailers page starts here*/
    .selected-school-box { float: left; height: auto; }

    .slctd-schl-img { height: auto; }
    /*after login search Retailers page ends here*/
    /*after login my offers page starts here*/
    /*.fvt-fltr-srch-flds {
    float: left;
    margin: 2% 10px 1px 0px;
    padding: 4px 0 10px;
    position: relative;
    width: 160px;
}*/
    .search-icon { margin: 3% 0 0 2%!important; }

    .proj-full-listview-dtl { width: 50%; }
    /*after login my offers page ends here*/
    /*After Login customer Home Page css starts  here*/
    .sch-related-dtl { float: left; width: 60%; }

    .p-wrap-heading { font-size: 18px; margin: 3% 0px 3% 8px; width: 50%; }

    .info-msg-wrapper-right { width: 130px; }

    .slctd-schl-img img { border: 1px solid #d2d2d2; cursor: pointer; float: left; height: 100px; width: 100%; }
    /*After Login customer Home Page css ends  here*/
    /*connected retailer responsive strats here*/
    .fvr-search-responsive-msg { font-size: 16px; }

    .proj-sch-img { border: 1px solid #d2d2d2; float: left; height: 50px; margin: 10px 10px 0px 0px; width: 50px; }

    .project-name { color: #7C7C7C; float: left; font-size: 16px; line-height: 20px; margin: 5% 0% 10px; max-width: 115px; }

    .proj-status { position: relative; }
    /*connected retailer responsive ends here*/

    /*after login connected reseller starts here*/
    .p-sch-left { float: left; margin: 0 0%; width: 100%; }

    .p-menu-fields-dtl { float: left; margin: 10px 0px; width: 160px; display: block; clear: both; }

    .res-sms::before { margin: 5px 0px 0px 0px; }

    .res-email::before { margin: 5px 0px 0px 0px; }

    .show-hide-cont-dtl { float: left; margin: 1% 0; width: 126px; display: block; clear: both; }

    .info-msg-wrapper { margin: -8px 0 0 -164px; width: 140px; }
    /*after login connected reseller ends here*/
    /*login popup starts here*/
    /*.login-table {
		width: 320px;
		margin: 0px auto;
		float: none;
	}*/

    .login-form-content .input-label { width: 100%; }

    .input-text-res { width: 100%; padding: 3px 0px!important; border-right: 1px solid #d2d2d2!important; border-radius: 3px; }

    .a-login { margin: -10px 0 0 5px; }
    /*.input-text-box {
    width: 100%;
}*/
    .login-form-cont-resp { width: 250px!important; float: none; margin: 0px auto!important; }
    /*login popup ends here*/
    /*popup footer starts here*/
    .fancybox-wrap { width: 340px!important; }

    .fancybox-inner { width: 100%!important; height: 340px!important; }

    .t-p-content { float: left; height: 290px; overflow-y: auto; padding: 1%; width: 98%; }

    .fancybox-inner { overflow: hidden!important; }
    /*popup footer Ends here*/
    /*home page css starts here */
    /*.fvt-ofrs-slider .curnt-proj-box {
		float: none;
		margin: 0px auto;
	}*/
    .fvt-ofrs-slider .curnt-proj-img img { float: none; height: 135px!important; /*width: 80%!important;*/ margin: 0px auto; }

    .fvt-item-ofrs-dtl { color: #FFFFFF; float: left; margin: 10px 0px 0px 0px; text-align: center; width: 100%; }

    .fvt-rtlr-fltr-optns ul { float: left; margin-left: 10px; width: 290px; }

    .fvt-rtlr-fltr-optns li { color: #FFFFFF; float: left; height: 60px; text-align: left; width: 140px; }
    /*home page css starts here */
    /*forget password starts here*/
    .forgot-password-pupup { width: 300px; padding: 20px; }

    .txt-forgot-field { width: 100%; border-right: 1px solid #d2d2d2; border-radius: 3px; }

    .l-c-input { width: 100%; }
    /*forget password Ends here*/


}

@media (max-width: 480px) {
    .account-search-box .a-s-b-search-lable { padding-top: 0px; }

    .header-top-nav { margin: 0px 0px 20px 0%; }

    .parent-bg .main-content { width: 100%; margin: 20px 0 0 0% !important; }

    .contactus-block { width: 46%; }

    /*.input-text-box { width: 73% !important; }*/

    .login-btn-wrapper { height: 55px; }

    span.logo, div.logo { margin: 0px 11%; width: 320px; background-size: 100%; }

    .prof-main-menu li { margin-right: 7px; line-height: 24px; width: 100%; text-align: center; }

    .p-left-content { width: 100%; }

    .p-right-content { width: 100%; }

    .p-wrap-heading { width: 100%; }

    .shade_divider { display: none; }

    .parent-bg { margin-left: 0%; background: none; background-color: #fff; }

    .public-bg { margin-left: -17%; width: 134%; margin-top: -44px; }

    .proj-srch-fields-txtbox .search-icon, .proj-other-srch-fields-txtbox .search-icon { margin: 2px 0 0 1% !important; }

    .p-add-shcool { width: 100%; }

    .teachers-upadates { width: 100%; }

    .show-hide-cont-dtl > span.dtl-msg { width: 100%; }

    .show-hide-cont-dtl { width: 100%; }

    .sch-on-off-btn { margin: 0 5% 1% 0% !important; width: 100%; }

    .connected-name { margin: 5px 0 5px 15px; }

    .account-toggle-big-on, .account-toggle-big-off { margin-right: 19%; }

    .parent-main-content { width: 96%; }

    .p-menu-fields-dtl { width: 100%; }

    .div-shared-profile { width: 27%; float: none; margin: 0 auto; }

    .width89p { width: 84% !important; }

    .fm-prf-add-more-lnk { margin: -6px 0 0 -10%; padding: 5px 3px; font-size: 12px; text-align: center; width: auto; }
    .welcome-note { padding-bottom: 15px; }
    .lablebox { padding: 3px 6px 4px 12%; clear: both; }
    .event-des-detail-wrapper { width: 100%; }
        .event-des-detail-wrapper .e-d-d-field-value-fixed { width: 100%; }
    .cmw-right-pannel { padding: 0 0 0 10px; width: 100%; }
    .proj-sch-img { height: 110px; margin: 5% 37%; width: 110px; }
    .proj-sch-addr { margin: 0 1% 10px 1%; width: 100%; text-align: center; }
    #common_heading, .c-common_heading, .c-common_heading-small { font-size: 27px; text-align: center; }
    a.app-action-common { margin-left: 31%; margin-bottom: 20px; }
    .account-search-box { width: 100%; }
    .proj-sm-icons { width: 41%; }
}

/*Nexus 6P*/
@media (max-width: 435px) {
    .signup-lbl { text-align: center; width: 100%; margin: 2% 0; }
    .reg-form-wrap .login-form-content a.common-light-blue { margin: 2% 37.6% 0 !important; }
    .common-app-layer .account-search-box input[type="submit"] { margin: 10px 133px; }
    .diffLi { border-right: none !important; }
    .header-top-nav ul li a { border-right: none !important; width: 93%; margin: 0px 0 !important; }
    .header-top-nav ul li { border-right: none !important; width: 100%; margin: 8px 0; padding: 0; text-align: center; }
    .formtable { width: 58%; margin: 0 auto; float: none; }
    .lablebox { padding-left: 0%; }
    .matched-schools { text-align: center; width: 100%; }
    .view-wrapper-lbl { width: 24%; }
    .view-wrapper { width: 100%; }
}

/*iPhone 6Plus*/
@media (max-width: 414px) {
}

/*LG Optimus L70*/
@media (max-width: 384px) {
    .poc-usageReport { width: auto !important; }

    .rate-service-wrap { width: 100% !important; }

        .rate-service-wrap .service-link-wrap a { width: 97%; }

    .setrate-wrap { width: 97%; }

    div.setrate-wrap table tr td select { width: 82%; }

    div.setrate-wrap table tr td input[type="text"] { width: 82%; }
    .dlt-btn-red { padding: 5px 15px 5px 30px!important; width: 86%; }











    /*message details page starts here*/
    .event-des-detail-wrapper .e-d-d-field-value-fixed { float: left; max-height: 210px; overflow-y: auto; width: 60%; clear: both; }
    /*message details page ends here*/
    /*commication starts here*/
    /*.commu-right-contact .icomms-service-shade-big-box {
    float: left;
    width: 100%;
    overflow: auto;
    max-width: 300px;
    clear: both;
}*/
    .sms-compose-action-wrapper-extra-fields, .services-common-action-wrapper { padding: 36px 0 0 0px; float: left; width: 490px; }
    /*commication ends here*/
    .proj-full-listview-dtl { width: 40%; }
    /*after login my offers page starts here*/

    /*.proj-srch-fields-txtbox {
    float: left;
    margin: 1% 0 0;
    padding: 4px 0 10px;
    position: relative;
    width: 240px;
}*/
    /*.proj-srch-fields-txtbox {
    float: left;
    margin: 1% 0 0;
    padding: 4px 0 10px;
    position: relative;
    width: 240px;
}*/
    .parent-proj-left .proj-srch-fields-txtbox { width: 240px; }
    /*after login my offers page ends here*/

    /*After Login customer Home Page css starts  here*/
    .p-wrap-heading { font-size: 16px; margin: 3% 0px 3% 8px; width: 50%; }

    .info-msg-wrapper-right { width: 120px; }

    .p-proj-dtls img { height: 100px; width: 100px; }

    .fvt-area-items-dtl { color: #FFFFFF; float: left; margin: 0px 0 0; text-align: center; width: 80%; margin: 5px 20%; }

    .p-proj-dtls .fvt-area-items-dtl { margin: 0px 0 0; width: 62%; }

    .sch-name { font-size: 14px; }

        .sch-name span:first-child { width: 70%!important; }

    .sch-related-dtl { float: left; width: 60%; }
    /*Latest offer starts here*/
    .fvt-favourt-item-dtl { color: #6D6E70; float: left; text-align: left; width: 80%; }

    .fvt-ofer-name { float: left; font-size: 14px; font-weight: bold; max-height: 50px; margin: 4px 0; overflow: hidden; width: 100%; }

    .fvt-ofer-type { float: left; overflow: hidden; max-height: 30px; -moz-box-orient: vertical; -webkit-box-orient: vertical; width: 100%; -webkit-line-clamp: 2; -moz-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; /* white-space: nowrap; */ }

    .fvt-rtlr-wrap { bottom: 0; cursor: pointer; float: right; right: 10px; left: -10px; position: relative; }

    .sch-slogan { font-size: 13px; margin: 1%; color: #7B7B7B; overflow: hidden; float: left; max-height: 30px; -webkit-line-clamp: 2; -moz-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; -moz-box-orient: vertical; -webkit-box-orient: vertical; }

    .p-proj-addrs { float: left; height: 75px; margin: 4px 0 2px 27px; max-height: 43px; overflow: hidden; overflow: hidden; text-overflow: ellipsis; width: 50%; white-space: nowrap; }
    /*latest offer ends here*/
    /*After Login customer Home Page css ends  here*/
    /*connected retailer responsive starts here*/
    .map-slide { background-color: #76C1E9; color: #FFFFFF; float: right; font-size: 12px; margin: 23px 5px; padding: 5px 5px; position: relative; text-transform: uppercase; border-radius: 4px; min-width: 90px; cursor: pointer; }

    .fvr-search-responsive-msg { float: left; color: #fff; font-size: 14px; margin: 32px 0px 0px -10px; display: block; width: 42%; }
    /*conneted retailer responsive ends here*/
    /*popup footer starts here*/
    .fancybox-wrap { width: 250px!important; }

    .fancybox-inner { width: 100%!important; height: 300px!important; }

    .t-p-content { float: left; height: 240px; overflow-y: auto; padding: 1%; width: 98%; }

    .fancybox-inner { overflow: hidden!important; }
    /*popup footer Ends here*/

    /*forget password starts here*/
    .forgot-password-pupup { width: 240px; padding: 20px; }

    .txt-forgot-field { width: 100%; border-right: 1px solid #d2d2d2; border-radius: 3px; }

    .l-c-input { width: 100%; }
    /*forget password Ends here*/
    .fvt-fvrt-retailors-section .curnt-proj-box { /*float: none;*/ height: auto; margin: 0px auto; }

    .fvt-login-form-content { float: right; margin: 10px 10px 0px 0px; }

    .toggle-login-tab { float: right!important; margin: 5px 20px 0px 0px; }

    .fvt-login-form-content { width: 292px; }

    .fvt-landing-login-field { margin-left: 8px; width: 180px; }

    .fxd-header-menu-public { float: right; width: 110px; text-align: right; position: relative; margin: -10px 0px 0px 0px; }

    .fxd-header-menu li { padding: 0 8px; width: auto; width: 100%; float: left; }

        .fxd-header-menu li a.dpt-registration { height: 17px; position: relative; }

    .res-notification-div { font-size: 11px; }
    /*mobile verification code css starts here*/
    .resp-wrap-heading { font-size: 16px; margin: 3% 0px 3% 0px; width: 100%; }

    .res-mbl-vri-btn { margin: 20px 0px 0px 0px; width: 200px; float: left; clear: both; display: inline-block; }

    .fvt-area-items-dtl { color: #FFFFFF; float: left; margin: 0px 0 0; text-align: center; width: 80%; margin: 5px 20%; }
    /*message details page starts here*/

}

/*iPhone 6*/
@media (max-width: 375px) {
}

@media (max-width: 360px) {
    app-header-logo span.logo, .app-header-logo div.logo { float: none; margin: 0px auto; width: 150px; background-size: 100% 100%; display: block; }

    .poc-usageReport { width: auto !important; }

    .rate-service-wrap { width: 100% !important; }

        .rate-service-wrap .service-link-wrap a { width: 97%; }

    .setrate-wrap { width: 97%; }

    div.setrate-wrap table tr td select { width: 82%; }

    div.setrate-wrap table tr td input[type="text"] { width: 82%; }

    .signup-lbl { width: 100%; font-size: 17px; text-align: center; margin-left: 0px !important; }

    .signup-seprater { margin: 10% 0px; }

    .login-form-content a.common-light-blue { margin-bottom: 2%; margin-left: 32% !important; }

    .common-app-layer .account-search-box input[type="submit"] { margin: 10px 101px; }

    .account-search-box .a-s-b-search-lable { margin-top: 0px; }

    .wlt-trns-lbl { width: 28%; }

    .proj-cost-grdviw-header-default th, .proj-cost-grdviw-header td { overflow: hidden; text-overflow: ellipsis; }

    .parent-bg .main-content { width: 100%; margin: 20px 0 0 0% !important; }

    .parent-bg { width: 100% !important; }

    .contactus-block { width: 31%; }

    .reg-video img { width: 92%; }

    .reg-video { width: 92% !important; }

    .login-btn-wrapper { height: 55px; }

    .shade_divider { display: none; }

    .p-left-content { width: 100%; }

    .p-right-content { width: 100%; }

    span.logo, div.logo { margin: 0px 4%; width: 260px; background-size: 100%; }

    .prof-main-menu li ul { margin-left: 21% !important; }

    .parent-main-content { width: 96%; }

    .sch-on-off-btn { margin: 0 5% 1% 19% !important; width: 100%; }

    .p-sch-left img { width: 100%; }

    .div-shared-profile { width: 100%; }

    .div-shared-profile { width: 27%; float: none; margin: 0 auto; }

    .pagin-wrap > span { width: 7%; }

    .complt-proj-box { border-bottom: none; }

    .proj-name { width: 55%; }

    .complt-proj-box .proj-name { border-bottom: 8px solid #55bb0e; }

    .header-top-nav { margin: 0 0 20px 0; }

        .header-top-nav ul { padding: 0px; }

            .header-top-nav ul li a { padding: 0px 5px 0px 0px; line-height: 1.8em; border-right: none !important; }

    .getting-started { border-right: none !important; }

    a.app-action-common { margin-left: 31%; }

    .account-search-box { width: 100%; padding-top: 20px; }

    #common_heading, .c-common_heading, .c-common_heading-small { text-align: center; }

    .connected-name { width: 100%; }

    .public-bg { margin-left: -46px; }

    .listview-proj-short-dtl { width: 100%; }

    .listview-more-srch-dtls { width: 100%; }

    .projects-listview-wrap { max-height: 348px; }

    .slctd-srch-cont-dtls { margin: 1% 5px; }

    .width89p { width: 88% !important; }

    .proj-view-mode { float: left; float: left; width:115% !important; margin: 5px -10%; }

    .fm-prf-add-more-lnk { margin: -3px 0 0 -2px; padding: 2px 0px; font-size: 10px; text-align: center; width: auto; }
    .prof-main-menu ul.resp_menu { width: 100%; }
    .resp_menu_btn { margin-right: 5px; }
    .welcome-note { padding-bottom: 15px; }
    .lablebox { padding: 3px 6px 4px 0%; clear: both; }
    .event-des-detail-wrapper { width: 100%; }
        .event-des-detail-wrapper .e-d-d-field-name, .e-d-d-field-name-r { width: 26%; }
    .service-comp-row { font-size: 14px; }
    .event-des-detail-wrapper .e-d-d-field-value-fixed { width: 97%; }
    .dlt-btn-red { padding: 5px 15px 5px 30px!important; width: 86%; }
    .cmw-rp-bw-r-label { width: 100%; }
    .cmw-right-pannel { padding: 0 0 0 0px; width: 100%; }
    .comn-t-wrap-281 { padding: 3px 3px; background-position: -82px -1px; }
    .proj-sm-icons { width: 49%; }
    .sch-status-connected-icon { right: 40px; top: 37px; }
    .sch-proj-stats { margin: 15px 0 0px 12px; }
    .sch-status-connected { width: 118px; }
    .proj-slctd-img { width: 180px; }
}

@media (max-width: 320px) {
    .signup-lbl { width: 100%; font-size: 17px; text-align: center; margin-left: 0px !important; }

    .signup-seprater { margin: 10% 0px; }

    .login-form-content a.common-light-blue { margin-bottom: 2%; margin-left: 32% !important; }

    .header-top-nav { margin: 0 0 20px 0; }

        .header-top-nav ul { padding: 0px; }

            .header-top-nav ul li a { padding: 0px 21px 0px 23px; }

    a.app-action-common { margin-left: 31%; }

    .account-search-box { width: 100%; padding-top: 20px; }

    #common_heading, .c-common_heading, .c-common_heading-small { text-align: center; }

    .poc-usageReport { width: auto !important; }

    .rate-service-wrap { width: 100% !important; }

        .rate-service-wrap .service-link-wrap a { width: 97%; }

    .setrate-wrap { width: 97%; }

    div.setrate-wrap table tr td select { width: 82%; }

    div.setrate-wrap table tr td input[type="text"] { width: 82%; }

    .wlt-trns-lbl { width: 28%; }

    .proj-cost-grdviw-header-default th, .proj-cost-grdviw-header td { overflow: hidden; text-overflow: ellipsis; }

    .header-top-nav ul li a { padding: 0px 5px 0px 0px; line-height: 1.8em; border-right: none !important; }

    .getting-started { border-right: none !important; }

    .parent-bg .main-content { width: 100%; margin: 20px 0 0 0 !important; }

    .parent-bg { margin-left: 0; width: 100%; }

    .contactus-block { width: 28%; }

    .reg-video img { width: 92%; }

    .login-btn-wrapper { height: 55px; }

    .shade_divider { display: none; }

    span.logo, div.logo { margin: 0px 4%; width: 260px; background-size: 100%; }

    .block-seprater { margin-left: 0; width: 239px; }

    .prof-main-menu li ul { margin-left: 21% !important; }

    .sch-on-off-btn { margin: 0 5% 1% 0 !important; width: 100%; }

    .regis-search-btn .fvt-common-light-green { width: 222px; }

    .div-shared-profile { width: 27%; float: none; margin: 0 auto; }

    .public-bg { margin-left: -17%; }

    .width89p { width: 89% !important; }

    .proj-view-mode2 { width: 37%; float: none; display: block; overflow: hidden; border: 1px solid red; margin: 5px 0 5px 19%; }

    .fm-prf-add-more-lnk { margin: -3px 0 0 -5px; padding: 2px 0px; font-size: 10px; text-align: center; width: auto; }
    .prof-main-menu ul.resp_menu { width: 92%; }
    .resp_menu_btn { margin-right: 25px; }
    .welcome-note { padding-bottom: 15px; }
    .parent-proj-left .proj-srch-fields-txtbox { width: 226px; }
    .lablebox { padding: 3px 6px 4px 0%; clear: both; }
    .dlt-btn-red { padding: 5px 15px 5px 30px !important; width: 86%; }
    .comn-t-wrap-281 { padding: 3px 3px; background-position: -82px -1px; }
    .sch-status-connected-icon { right: 40px; top: 37px; }
    .sch-proj-stats { margin: 15px 0 0px 12px; }
    .sch-status-connected { width: 118px; }
    .proj-details-content .proj-cost-wrap { width: 240px; }
    .reg-form-wrap .login-form-content a.common-light-blue { margin: 2% 33.6% 0 !important; }
    .proj-view-mode { float: left; float: left; width:115% !important; margin: 5px -10%; }
}

.slicknav_menu { display: none; }
/*this for navigation slider*/
@media screen and (max-width: 50em) {

    .js #menu { display: none; }

    .js .slicknav_menu { display: block; position: fixed; z-index: 999999; float: right; right: 0; width: 100%; top: 0px; padding: 24px 0px; }


    /*!
 * SlickNav Responsive Mobile Menu v1.0.6
 * (c) 2015 Josh Cope
 * licensed under MIT
 */
    .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }

        .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em; }

    .slicknav_menu { *zoom: 1; }

        .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }

        .slicknav_menu .slicknav_icon { float: left; width: 1.125em; height: 0.875em; margin: 0.188em 0 0 0.438em; }

            .slicknav_menu .slicknav_icon:before { background: transparent; width: 1.125em; height: 0.875em; display: block; content: ""; position: absolute; }

        .slicknav_menu .slicknav_no-text { margin: 0; }

        .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }

        .slicknav_menu:before { content: " "; display: table; }

        .slicknav_menu:after { content: " "; display: table; clear: both; }

    .slicknav_nav { clear: both; }

        .slicknav_nav ul { display: block; }

        .slicknav_nav li { display: block; width: 100%; float: left; }

            .slicknav_nav li:last-child { margin: 10px 0px 20px 0px; }

        .slicknav_nav a:last-child { float: none; text-align: left; }

    a.common-light-blue.fvr-logout { text-align: center; }

    .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }

    .slicknav_nav .slicknav_item { cursor: pointer; }

        .slicknav_nav .slicknav_item a { display: inline; }

    .slicknav_nav .slicknav_row { display: block; }

    .slicknav_nav a { display: block; }

    .slicknav_nav .slicknav_parent-link a { display: inline; }

    .slicknav_brand { float: left; }

    .slicknav_menu { font-size: 16px; box-sizing: border-box; background: #fff; padding: 5px; }

        .slicknav_menu * { box-sizing: border-box; }

        .slicknav_menu .slicknav_menutxt { color: #484848; font-weight: bold; text-shadow: 0 1px 3px #000; }

        .slicknav_menu .slicknav_icon-bar { background-color: #A1C443; }

    .slicknav_btn { margin: 5px 5px 6px; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; }

    .slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: 0.875em; list-style: none; overflow: hidden; background-color: #f2f2f2; top: 80px; position: absolute; width: 100%; }

        .slicknav_nav ul { list-style: none; overflow: hidden; padding: 0; margin: 0 0 0 20px; }

        .slicknav_nav .slicknav_row { padding: 5px 10px; margin: 2px 5px; }

            .slicknav_nav .slicknav_row:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #ccc; color: #fff; }

        .slicknav_nav a { padding: 5px 10px; margin: 2px 5px; text-decoration: none; color: #484848; height: auto; }

            .slicknav_nav a:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #ccc; color: #222; }

        .slicknav_nav .slicknav_txtnode { margin-left: 15px; }

        .slicknav_nav .slicknav_item a { padding: 0; margin: 0; background: none; }

        .slicknav_nav .slicknav_parent-link a { padding: 0; margin: 0; }

    .slicknav_brand { color: #fff; font-size: 18px; line-height: 30px; padding: 7px 12px; height: 44px; }
}