@media only screen and (min-width:1280px) {
    .formdivbox { width: 50% !important; }
    .ltrdur { margin-left: 10px !important; width: 10% !important; }
    .w15per { margin-left: 8px !important; width: 70px !important; }
    .leftpart { width: 42%; }
    .rightpart { width: 56.5%; }
    .billdetaildiv { padding: 20px 10px 27px 20px; }
    .w30per { width: 60% !important; }
    .user_img { position: absolute; float: left; padding: 5px; top: 10px; left: 39%; border-radius: 50%; background: url(../images/tr_img.png) repeat 0px 0px; }
    .riSingle .riTextBox { width: 111% !important }
    .pubMsg { color: red; font-size: 10px !important; text-align: right; width: 500px !important; }
    .mandatorytext { font-size: 10px !important; }
    .formtitle { font-size: 11px !important; }
    .pubdate { float: left; width: 125px !important; }
    .pubtime { float: left; width: 125px !important; }
    .duration { float: left; width: 100% !important; margin-top: 5px !important; }
    .textbox_Duration { width: 100% !important; }
    .filddivduration { width: 27% !important; }
    .formdivbinner { width: 100% !important; }
    .memberformleftad { width: 100% !important; }
    .memberformrightad { width: 49% !important; }
    .pubmemberformleft { width: 100% !important; }
    .pubmemberformright { width: 100% !important; }
        .pubmemberformright .formdivbinner:first-child { margin: 10px 0px 0px; }
    .frameschedule { width: 625px; height: 455px; }
}

@media only screen and (min-width:1200px) and (max-width:1280px) {
    .formdivbox { width: 50% !important; }
    .textbox_Duration { box-sizing: border-box !important; color: #696969 !important; font-size: 13px !important; float: none !important; padding: 5px 8px !important; height: 33px !important; margin-right: 94px !important; margin-top: 5px !important; width: 65px !important; }
    .ltrdur { margin-left: 10px !important; width: 10% !important; }
    .w15per { margin-left: 8px !important; width: 70px !important; }
    .leftpart { width: 42%; }
    .rightpart { width: 56.5%; }
    .billdetaildiv { padding: 20px 10px 27px 20px; }
    .w30per { width: 60% !important; }
    .user_img { position: absolute; float: left; padding: 5px; top: 10px; left: 38%; border-radius: 50%; background: url(../images/tr_img.png) repeat 0px 0px; }
    .riSingle .riTextBox { width: 111% !important }
    .formdivboxlogin { width: 100% !important; }
    .formdivbox { width: 49% !important; }
    .pubMsg { color: red; font-size: 10px !important; text-align: right; width: 500px !important; }
    .mandatorytext { font-size: 10px !important; }
    .formtitle { font-size: 11px !important; }
    .pubdate { float: left; width: 125px !important; }
    .pubtime { float: left; width: 125px !important; }
    .duration { float: left; width: 100% !important; margin-top: 5px !important; margin-bottom: 10px !important; }
    .textbox_Duration { width: 100% !important; }
    .filddivduration { width: 27% !important; }
    .formdivbinner { width: 100% !important; }
    .memberformleftad { width: 100% !important; }
    .memberformrightad { width: 49% !important; }
    .frameschedule { width: 625px; height: 455px; }
}


@media only screen and (min-width:960px) and (max-width:1200px) {
    .formdivbox { width: 100% !important; }
    .textbox_Duration { box-sizing: border-box !important; color: #696969 !important; font-size: 13px !important; float: none !important; padding: 5px 8px !important; height: 33px !important; margin-right: 94px !important; margin-top: 5px !important; width: 65px !important; }
    .ltrdur { margin-left: 25px !important; width: 10% !important; }
    .w15per { margin-left: 8px !important; width: 70px !important; }
    .homediv { margin-right: 5px !important; }
    .leftpart { width: 100%; }
    .userprofleft { width: 12%; }
    .userrightdiv { width: 88%; }
    .userprofilediv { height: 235px; }
    .rightpart { width: 100%; margin: 20px 0px 0px 0px; }
    .headerdiv { min-height: 85px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .headdtemaldiv { width: 100%; margin: 13px 0px 0px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .addressdiv { background-position: 0px 3px; padding: 6px 10px 5px 23px; color: #575757; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .companylogo { border: none; max-width: 50%; font-size: 25px; }
    .memberleftdiv { width: 100%; }
    .memberrightdiv { width: 100%; margin: 10px 0px 0px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .memberformleft { width: 50%; }
    .memberformright { width: 40%; }
    .user_img { position: absolute; float: left; padding: 5px; top: 10px; left: 43%; border-radius: 50%; background: url(../images/tr_img.png) repeat 0px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .w30per { width: 60% !important; }
    .login_wrapper { position: static; width: 400px; }
    .formtitleright { float: right; width: 29%; }
    .width50n { width: 37%; margin-left: 10px; }
    .searchbutdiv { float: left; width: 20%; }
        .searchbutdiv div.btnpadlonly { padding-right: 10px; float: right; position: relative; margin-top: -1px; }
    .schleft { width: 45%; }
        .schleft:first-child { width: 55%; }
    .devrightbox11 { margin-top: 0px; margin-left: 0px; }
    .marleft40px { margin-left: 5%; }
    .schleft div.searchbtnrht { margin-left: 3%; }
    .btndivser { margin-top: 0px; }
    .devrightbox10h1L968r { width: 49.7%; }
    .reportbuttons { width: 728px; }
    .formtitleconthead { width: 55%; }
    .schright { min-width: 39%; }

    .upcomingtabwm table thead { display: block; float: left; }
        .upcomingtabwm table thead tr { display: block; }
            .upcomingtabwm table thead tr th { display: block; border-top: 1px solid #A1CA58; border-right: 1px solid #A1CA58; padding: 17px 10px; }
                .upcomingtabwm table thead tr th:first-child { border-top: none; }
                .upcomingtabwm table thead tr th.qty { border-bottom: 1px solid #A1CA58; }
    .upcomingtabwm table tbody { display: block; font-size: 0; letter-spacing: 0; overflow-x: auto; position: relative; background: #B2E160; white-space: nowrap; width: auto; word-spacing: 0; }
        .upcomingtabwm table tbody tr { display: inline-block; vertical-align: top; }
            .upcomingtabwm table tbody tr td { display: block; margin: 0; vertical-align: top; padding: 17px 10px; }
                .upcomingtabwm table tbody tr td:first-child { border-top: none; }
    .upcomingtabwm table { display: block; }
        .upcomingtabwm table thead tr th.qty { text-align: left; }
        .upcomingtabwm table thead tr th.price { text-align: left; }
        .upcomingtabwm table thead tr th.total { text-align: left; }
        .upcomingtabwm table tbody tr td.qty { text-align: left; }
        .upcomingtabwm table tbody tr td.price { text-align: left; }
        .upcomingtabwm table tbody tr td.total { text-align: left; }
        .upcomingtabwm table tbody tr td.tax { text-align: right; }
        .upcomingtabwm table tbody tr td input.bluebutt { float: left; }

    .pubMsg { color: red; font-size: 10px !important; text-align: right; width: 500px !important; }
    .mandatorytext { font-size: 10px !important; }
    .formtitle { font-size: 11px !important; }
    .pubdate { float: left; width: 125px !important; }
    .pubtime { float: left; width: 125px !important; }
    .duration { float: left; width: 100% !important; }
    .textbox_Duration { width: 100% !important; }
    .filddivduration { width: 27% !important; margin-top: 5px; }
    .formdivbinner { width: 100% !important; }
    .memberformleftad { width: 100% !important; }
    .memberformrightad { width: 100% !important; }
    .frameschedule { width: 625px; height: 455px; }
}

@media only screen and (min-width:768px) and (max-width:959px) {
    .welcomediv { display: none; }
    .user_img { left: 60%; width: 78%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .singoutdiv { text-indent: -9999px; margin: 0px 0px 0px 40px; }
        .singoutdiv a { background: url(../images/loginbut.png) no-repeat 0px 0px; text-indent: -9999px; width: 31px; height: 26px; padding: 0px; float: right; background-size: 100% auto; }
    .homediv { text-indent: -9999px; margin: 0px; }
        .homediv a { background: url("../images/home-icon.png") no-repeat scroll 7px 3px #FF6C60; text-indent: -9999px; width: 31px; height: 26px; padding: 0px; float: right; }
    .FreeTrialdiv { margin: 0px; }
        .FreeTrialdiv a { background: #ff6c60 url("../images/cald_icon.png") no-repeat scroll 8px 5px / 16px 16px; text-indent: -9999px; width: 31px; height: 26px; padding: 0px; margin-right: 40px; float: right; }
    .filddiv { width: 30% !important; }
    .select_box { width: 98%; }
    .required { color: red; margin-left: 3px; font-size: 12px }
    .devrightbox10h1L968r { margin-top: 10px !important }
    .textbox_Duration { box-sizing: border-box; color: #696969; font-size: 13px; padding: 5px 8px; float: right; height: 33px; margin-right: 94px; margin-top: 0px !important; width: 65px; }
    .RadCalendar_Default .rcMain a { color: #fff !important; }
    .ltrdur { margin-left: 25px !important; width: 10% !important; }
    .w15per { margin-left: 8px !important; width: 70px !important; }
    .aspNetDisabled.textbox_Duration { float: left; -webkit-text-fill-color: #880000; -webkit-opacity: .6; cursor: not-allowed; }
    .RadCalendar_Default .rcMain a { color: #fff !important; }
    .fs10 { font-size: 10px !important }
    .ui-widget-header, .ui-state-default, ui-button { background: #b9cd6d; border: 1px solid #b9cd6d; color: #FFFFFF; font-weight: bold; }
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable { width: 500px !important; }
    #loading { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; display: block; opacity: 0.7; background-color: #fff; z-index: 99; text-align: center; }
    .leftpart { width: 100%; }
    .userprofleft { width: 16%; }
    .userrightdiv { width: 84%; }
    .userprofilediv { height: 235px; }
    .rightpart { width: 100%; margin: 20px 0px 0px 0px; }
    .headerdiv { min-height: 85px; }
    .headdtemaldiv { width: 100%; margin: 13px 0px 0px 0px; }
    .addressdiv { background-position: 0px 3px; padding: 6px 10px 5px 23px; color: #575757; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .companylogo { border: none; max-width: 40%; font-size: 20px; }
    .phonediv { padding: 3px 10px 5px 40px; }
    .maildiv a { padding: 3px 10px 5px 31px; }
    .memberleftdiv { width: 100%; }
    .memberrightdiv { width: 100%; margin: 10px 0px 0px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .filetext_box { width: 59%; }
    .rightbox8infocont1 { width: 18%; height: 127px; }
    .rightbox8infocont2 { width: 72%; border-right: none; height: 127px; }
    .rightbox8infocont { height: auto; overflow: visible; }
    .rightbox8infocont3 { width: 50%; height: 127px; border-top: 1px solid #E0DDDD; }
    .rightbox8infocont4 { width: 50%; height: 127px; border-top: 1px solid #E0DDDD; }
    .rightbox8infocont5 { width: 100%; border-top: 1px solid #e0dddd; border-right: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .memberformleft { width: 50%; }
    .memberformright { width: 45%; margin-left: 5%; }
    #ptxtNameOnAccount, #pcmbCCType, #ptxtAccountNumber, #ptxtCVV, #pcmbExp, #ptxtAmountTotal { width: 50%; float: left; padding-top: 10px; }
        #ptxtNameOnAccount span, #pcmbCCType span, #ptxtAccountNumber span, #ptxtCVV span, #pcmbExp span, #ptxtAmountTotal span { color: #333333; }
    .rightbox13contentbug { padding-left: 0px; padding-right: 0px; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .widgetLabelLeft { float: left; width: 40%; padding-top: 5px; }
    #inputtxtAmountTotal.widgetTextBoxRight, #inputtxtCVV.widgetTextBoxRight { width: 15%; }
    .widgetTextBoxRight { width: 35%; }
    .widgetSelectRight { width: 55%; }
    .widgetSelectRight { width: 35%; }
    #selectMcmbExp.widgetSelectRight { width: 15%; }
    #selectYcmbExp.widgetSelectRight { width: 15%; }
    .widgetInvalidMessage { padding-left: 30%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .rightbox20rightIframe { min-height: 400px; }
    .widgetLabelLeft { width: 30%; }
    .formtitle { width: 35%; margin-bottom: 3px; }
    .login_wrapper { position: static; width: 400px; }
    .user_img { left: 46%; }

    .devrightbox10h1L968 { float: left; width: 50%; }
    .devrightbox10h1L48 { float: left; width: 47%; }
    .devrightbox10h1L48r10 { float: left; width: 47%; }
    .devrightbox10h1L968r { float: left; width: 50%; text-align: right; margin-right: 10px; margin-top: 3px; }
    .formtitleright { float: right; width: 29%; }
    .formtitlesecs { width: 20%; }
    .width50n { width: 37%; }

    .searchbutdiv { float: left; width: 26%; }
        .searchbutdiv div.btnpadlonly { padding-right: 10px; float: right; position: relative; margin-top: -1px; }
    #pbtnSubmit { width: 89%; float: left; border: 0; color: #fff; padding-top: 10px; }
    .greenbut { float: right; padding-top: 10px; margin-right: 10px; }
    .upcomingtabthr table thead { display: block; float: left; }
        .upcomingtabthr table thead tr { display: block; }
            .upcomingtabthr table thead tr th { display: block; border-top: 1px solid #A1CA58; border-right: 1px solid #A1CA58; padding: 17px 10px; }
                .upcomingtabthr table thead tr th.qty { border-bottom: 1px solid #A1CA58; }
                .upcomingtabthr table thead tr th.price { text-align: left; }
    .upcomingtabthr table tbody { display: block; font-size: 0; letter-spacing: 0; overflow-x: auto; position: relative; background: #B2E160; white-space: nowrap; width: auto; word-spacing: 0; }
        .upcomingtabthr table tbody tr { display: inline-block; vertical-align: top; }
            .upcomingtabthr table tbody tr td { display: block; margin: 0; vertical-align: top; padding: 17px 10px; }
    .upcomingtabthr table { display: block; }
        .upcomingtabthr table tbody tr td:first-child { border-top: 0; }
        .upcomingtabthr table thead tr th:first-child { border-top: 0; }
    .filddivnewcenterhead { width: 220px; }
    .filddivnewcenter { width: 185px; }
    .filddivnewright { width: 140px; }
    .schright { min-width: 55%; }
    .devrightbox11 { margin-top: 0px; }
    .marleft40px { margin-left: 10px; margin-top: 10px; }
    .schleft div.searchbtnrht { float: right; }
    .schleft { width: 50%; }
    .btndivser { margin-top: 6px; }
    .reportbuttons { min-width: 690px; max-width: 728px; width: 100%; }
    .rightbox19mid { width: 100%; }
    .pagingdiv { float: left; padding-left: 0px; padding-right: 5px; padding-top: 5px; }
        .pagingdiv a { margin-left: 13px; }

    .upcomingtabwm table thead { display: block; float: left; }
        .upcomingtabwm table thead tr { display: block; }
            .upcomingtabwm table thead tr th { display: block; border-top: 1px solid #A1CA58; border-right: 1px solid #A1CA58; padding: 17px 10px; }
                .upcomingtabwm table thead tr th:first-child { border-top: none; }
                .upcomingtabwm table thead tr th.qty { border-bottom: 1px solid #A1CA58; }
    .upcomingtabwm table tbody { display: block; font-size: 0; letter-spacing: 0; overflow-x: auto; position: relative; background: #B2E160; white-space: nowrap; width: auto; word-spacing: 0; }
        .upcomingtabwm table tbody tr { display: inline-block; vertical-align: top; }
            .upcomingtabwm table tbody tr td { display: block; margin: 0; vertical-align: top; padding: 17px 10px; }
                .upcomingtabwm table tbody tr td:first-child { border-top: none; }
    .upcomingtabwm table { display: block; }
        .upcomingtabwm table thead tr th.qty { text-align: left; }
        .upcomingtabwm table thead tr th.price { text-align: left; }
        .upcomingtabwm table thead tr th.total { text-align: left; }
        .upcomingtabwm table tbody tr td.qty { text-align: left; }
        .upcomingtabwm table tbody tr td.price { text-align: left; }
        .upcomingtabwm table tbody tr td.total { text-align: left; }
        .upcomingtabwm table tbody tr td.tax { text-align: right; }
        .upcomingtabwm table tbody tr td input.bluebutt { float: left; }
    .upcomingtab table thead tr th.freq { width: auto; }
    .upcomingtab table thead tr th.date { width: auto; }
    .upcomingtab table thead tr th.time { width: auto; }
    .upcomingtab table thead tr th.edit { width: auto; text-align: left; }
    .upcomingtabsec table thead tr th.price { width: 65px; }

    .pubMsg { color: red; font-size: 10px !important; margin-bottom: 10px; text-align: right; width: 500px !important; }
    .mandatorytext { font-size: 10px !important; }
    .formtitle { font-size: 11px !important; }
    .pubdate { float: left; width: 125px !important; margin-bottom: 10px !important; }
    .pubtime { float: left; width: 125px !important; }
    .duration { float: left; width: 100% !important; }
    .textbox_Duration { width: 100% !important; }
    .filddivduration { width: 27% !important; }
    .formdivbinner { width: 100% !important; }
    .filddiv { width: 60% !important; }
    .memberformleftad { width: 100% !important; }
    .memberformrightad { width: 100% !important; }
    .pubmemberformright { width: 100% !important; }
    .pubmemberformleft { width: 100% !important; }
    .pubmemberformright .formdivbinner:first-child { margin: 10px 0px 0px; }
    .frameschedule { width: 625px; height: 455px; }
    .w50per { width: 100% !important; }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default { border: medium none !important; color: #696969 !important; font-family: "Open Sans",sans-serif !important; font-size: 11px !important; }
    .maindiv { padding: 10px; }
    .leftpart { width: 100%; }
    .userprofleft { width: 21%; }
    .userrightdiv { width: 79%; }
    .rightpart { width: 100%; margin: 20px 0px 0px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .headerdiv { padding: 0px 10px; }
    .headerdiv { min-height: 100px; padding: 0px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .headdtemaldiv { width: 100%; margin: 13px 0px 0px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .companylogo { border: none; font-size: 20px; width: 60%; }
    .addressdiv { max-width: 90%; width: 90%; color: #575757; border: none; background-position: 4px 0px; padding: 2px 10px 6px 30px; color: #575757; }
    .phonediv { border: none; background-position: 0px 0px; padding: 2px 10px 5px 30px; max-width: 40%; width: 40%; margin-top: 10px; margin-bottom: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
        .phonediv a { font-size: 11px; }
    .maildiv { max-width: 50%; width: 50%; font-size: 11px; margin-top: 9px; margin-bottom: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
        .maildiv a { font-size: 11px; }
    .ltrdur { margin-left: 0px !important; width: 35% !important; }
    .w15per { margin-left: 0px !important; }
    .martop10.marleft10.fld { margin-left: 0px !important; text-align: right !important; }
    .welcomediv { display: none; }
    .user_img { left: 60%; width: 78%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .singoutdiv { text-indent: -9999px; margin: 0px 0px 0px 40px; }
        .singoutdiv a { background: url(../images/loginbut.png) no-repeat 0px 0px; text-indent: -9999px; width: 31px; height: 26px; padding: 0px; float: right; background-size: 100% auto; }
    .homediv { text-indent: -9999px; margin: 0px; }
        .homediv a { background: url("../images/home-icon.png") no-repeat scroll 7px 3px #FF6C60; text-indent: -9999px; width: 31px; height: 26px; padding: 0px; float: right; }
    .FreeTrialdiv { margin: 0px; }
        .FreeTrialdiv a { background: #ff6c60 url("../images/cald_icon.png") no-repeat scroll 8px 5px / 16px 16px; text-indent: -9999px; width: 31px; height: 26px; padding: 0px; margin-right: 40px; float: right; }
    .upcomingtab table tr td, .upcomingtab table tr th { padding: 17px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-size: 100% auto; }
    .inerbox2 table tr td, .inerbox2 table tr th { padding: 17px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-size: 100% auto; }
    .currdiv { width: 60%; }
    .invohistory a { padding: 12px 77px 12px 20px; line-height: 21px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .paymentmeth a { padding: 12px 77px 12px 20px; line-height: 21px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .user_img img { width: 93%; height: 41%; padding-left: 3%; }

    .memberleftdiv { width: 100%; }
    .memberrightdiv { width: 100%; margin: 10px 0px 0px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .memberformleft { width: 100%; }
    .memberformright { width: 100%; }
        .memberformright .formdivbinner:first-child { margin: 10px 0px 0px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .filetext_box { width: 66%; }

    .formdivbox { padding: 10px; }
    .plandiv { padding: 20px 10px; }
    .memberdetaildiv { padding: 20px 10px; }
    .memberbutdiv { padding: 7px 10px; }

    .login_wrapper { position: static; width: 400px; }
    /********************************* member page css ********************/
    .rightbox8infocont1 { text-align: center; border-right: none; width: 24%; }
    .rightbox8infocont { overflow: visible; height: auto; }
    .membertabdiv { padding: 10px; }
    .rightbox8infocont2 { width: 75%; border-top: 1px solid #E0DDDD; border-right: none; padding-bottom: 12px; border-left: 1px solid #E0DDDD; border-top: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .rightbox8infocont3 { width: 50%; border-right: none; border-top: 1px solid #E0DDDD; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .rightbox8infocont4 { width: 50%; border-top: 1px solid #E0DDDD; border-left: 1px solid #E0DDDD; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .rightbox8infocont5 { width: 50%; border-top: 1px solid #E0DDDD; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .rightbox19mid { padding: 0; width: 100%; }
    .filddivnew { width: 60%; }
    .memberformleft .formdivbinner:first-child { margin: 0px; }
    .membertab ul li:first-child { margin: 0px 10px 8px 0px; }
    .membertab ul li { margin: 0px 10px 8px 0px; }
    .memberformleft75 { width: 100%; }
    .formtitle { width: 35%; }
    .browsebluebutt { padding-left: 4px; padding-right: 4px; }
    .formdivhead .mandatorytext { width: 50%; }
    .formdivhead .formtitle { width: 70%; }
    .formdivhead .formtitlesecs { width: 100%; }
    .upcomingtabsec table thead { display: block; float: left; }
        .upcomingtabsec table thead tr { display: block; }
            .upcomingtabsec table thead tr th { display: block; border-top: 1px solid #A1CA58; border-right: 1px solid #A1CA58; padding: 17px 10px; }
                .upcomingtabsec table thead tr th.qty { border-bottom: 1px solid #A1CA58; }
    .upcomingtabsec table tbody { display: block; font-size: 0; letter-spacing: 0; overflow-x: auto; position: relative; background: #B2E160; white-space: nowrap; width: auto; word-spacing: 0; }
        .upcomingtabsec table tbody tr { display: inline-block; vertical-align: top; }
            .upcomingtabsec table tbody tr td { display: block !important; margin: 0 !important; vertical-align: top !important; padding: 17px 10px !important; }
        .upcomingtabsec table tbody::-webkit-scrollbar { height: 5px !important; }



    .inerbox2 table tbody::-webkit-scrollbar { height: 5px !important; }
    .inerbox2 table tbody::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #C3C3C3; }

    .upcomingtabsec table tbody::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #C3C3C3; }
    .upcomingtabsec table { display: block; }
        .upcomingtabsec table thead tr th.qty { text-align: left; }
        .upcomingtabsec table thead tr th.price { text-align: left; }
        .upcomingtabsec table thead tr th.total { text-align: left; }
        .upcomingtabsec table tbody tr td.qty { text-align: left; }
        .upcomingtabsec table tbody tr td.price { text-align: left; }
        .upcomingtabsec table tbody tr td.total { text-align: left; }
        .upcomingtabsec table tbody tr td.tax { text-align: right; }
        .upcomingtabsec table tbody tr td input.bluebutt { float: left; }
    .formdivhead .bluebut { margin-top: 10px; }
    .userrightcont { padding: 10px 20px 0 65px; }
    .userprofilediv { height: 235px; }
    #ptxtNameOnAccount, #pcmbCCType, #ptxtAccountNumber, #ptxtCVV, #pcmbExp, #ptxtAmountTotal, #ptxtRoutingNumber, #ptxtBankName { width: 100%; float: left; padding-top: 10px; }
    #ptxtBillingStreetAddress1, #ptxtBillingStreetAddress2, #ptxtBillingStreetAddress3, #pcmbBillingState, #ptxtBillingCity, #ptxtBillingPostalCode, #ptxtBillingOptionalField, #ptxtWorkPhone1, #ptxtWorkPhone2, #ptxtCellPhone1, #ptxtCellPhone2, #ptxtOtherPhone { width: 100%; float: left; height: 45px; }
    #pcmbBillingCountry { width: 100%; float: left; height: 45px; clear: both; }
    #ptxtNameOnAccount span, #pcmbCCType span, #ptxtAccountNumber span, #ptxtCVV span, #pcmbExp span, #ptxtAmountTotal span { color: #333333; }
    .rightbox13contentbug { padding-left: 0px; padding-right: 0px; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .widgetLabelLeft { float: left; width: 40%; padding-top: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    #inputtxtAmountTotal.widgetTextBoxRight, #inputtxtCVV.widgetTextBoxRight { width: 15%; }
    .widgetTextBoxRight { width: 55%; margin-left: 23px; }
    .widgetSelectRight { width: 55%; margin-left: 23px; }
    .paymethodmar { width: 55% !important; margin-left: 0; }
    .widgetInvalidMessage { padding-left: 30%; margin-left: 23px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    #selectMcmbExp.widgetSelectRight { width: 15%; }
    #selectYcmbExp.widgetSelectRight { width: 15%; }
    .rightbox20rightIframe { min-height: 400px; }
    .widgetLabelLeft { width: 30%; }
    .admin_logo { padding-top: 10%; }
    .btndivleft { float: left; }
    .pagingdiv { float: left; padding: 10 0; width: 215px; }
    .recordpage { float: left; padding: 5px 0px 0px 12px; }
    .devrightbox10h1L968 { float: left; width: 50%; }
    .devrightbox10h1L48 { float: left; width: 48%; }
    .devrightbox10h1L48r10 { float: left; width: 98%; margin-top: 5px; }
    .devrightbox10h1L968r { float: left; width: 90%; margin-right: 10px; text-align: left; }
    .formtitleright { float: right; width: 26%; }
    .cancelbluebutt { margin-top: 0px; float: none; margin-right: 0px; margin-left: 6px; }
    .searchbutdiv { margin-top: 10px; float: left; text-align: right; width: 100%; }
        .searchbutdiv div.btnpadlonly { padding-right: 10px; float: right; position: relative; margin-top: -1px; }
    .width50n { width: 37%; margin-left: 10px; }
    .devpadright10, devpadrightLeft10 { padding-left: 0px; }
    .width50n div.devpadrightLeft10 { padding-left: 0px; }
    #pbtnSubmit { width: 81%; float: left; border: 0; color: #fff; padding-top: 10px; }
    .greenbut { float: right; padding-top: 10px; margin-right: 10px; }
    .billinglefttab { width: 50%; border-right: #e0dddd; }
    .billingrighttab { width: 50%; border-left: #e0dddd; }
    .billuserbattdiv { width: 96%; }
    .billuserbattdiv2 { width: 100%; }
    .upcomingtabsec table { border-left: none; }
    .norecorddiv1 { padding-top: 74px; height: 61px; }
    .norecorddiv2 { padding-top: 175px; height: 232px; }
    .norecorddiv3 { padding-top: 45px; height: 57px; }
    .norecorddiv4 { padding-top: 73px; height: 79px; }
    .upcomingtabthr table thead { display: block; float: left; }
        .upcomingtabthr table thead tr { display: block; }
            .upcomingtabthr table thead tr th { display: block; border-top: 1px solid #A1CA58; border-right: 1px solid #A1CA58; padding: 17px 10px; }
                .upcomingtabthr table thead tr th.qty { border-bottom: 1px solid #A1CA58; }
    .upcomingtabthr table tbody { display: block; font-size: 0; letter-spacing: 0; overflow-x: auto; position: relative; background: #B2E160; white-space: nowrap; width: auto; word-spacing: 0; }
        .upcomingtabthr table tbody tr { display: inline-block; vertical-align: top; }
            .upcomingtabthr table tbody tr td { display: block; margin: 0; vertical-align: top; padding: 17px 10px; }
    .upcomingtabthr table { display: block; }
        .upcomingtabthr table tbody tr td:first-child { border-top: 0; }
        .upcomingtabthr table thead tr th:first-child { border-top: 0; }
        .upcomingtabthr table thead tr th.price { text-align: left; }
    .upcomingtabsec table tbody tr td:first-child { border-top: 0; }
    .upcomingtabsec table thead tr th:first-child { border-top: 0; }
    .schright { width: 54%; margin-bottom: 10px; }
    .filddivnewcenterhead { width: 200px; }
    .filddivnewcenter { width: 175px; }
    .filddivnewright { min-width: 42%; margin-left: 2px; }
    .filddivnewrighthead { display: none; }
    .schleft { width: 42%; }
        .schleft div.star { padding-top: 4px; }
    .devrightbox11 { margin-top: 0px; }
    .marleft40px { margin-left: 4%; margin-top: 10px; }
    .schleft div.searchbtnrht { float: right; margin-left: 0px; margin-top: 10px; }
    .lightblackfont12 { color: #292929; float: left; margin-top: 5px; }
    .pagingdiv .pagingleft { margin-left: 0; }
    .reportbuttons { width: 100%; }
    .filddivsec { width: 61%; }
    .schright { margin-bottom: 10px; width: 50%; }
    .schleft { width: 50%; }
    .attdatebox { width: 117px; }
    .devrightbox11 { margin-left: 30px; padding: 0px; }
        .devrightbox11 .attdhitel { width: 63px; }


    .upcomingtabwm table thead { display: block; float: left; }
        .upcomingtabwm table thead tr { display: block; }
            .upcomingtabwm table thead tr th { display: block; border-top: 1px solid #A1CA58; border-right: 1px solid #A1CA58; padding: 17px 10px; }
                .upcomingtabwm table thead tr th:first-child { border-top: none; }
                .upcomingtabwm table thead tr th.qty { border-bottom: 1px solid #A1CA58; }
    .upcomingtabwm table tbody { display: block; font-size: 0; letter-spacing: 0; overflow-x: auto; position: relative; background: #B2E160; white-space: nowrap; width: auto; word-spacing: 0; }
        .upcomingtabwm table tbody tr { display: inline-block; vertical-align: top; }
            .upcomingtabwm table tbody tr td { display: block; margin: 0; vertical-align: top; padding: 17px 10px; }
                .upcomingtabwm table tbody tr td:first-child { border-top: none; }
    .upcomingtabwm table { display: block; }
        .upcomingtabwm table thead tr th.qty { text-align: left; }
        .upcomingtabwm table thead tr th.price { text-align: left; }
        .upcomingtabwm table thead tr th.total { text-align: left; }
        .upcomingtabwm table tbody tr td.qty { text-align: left; }
        .upcomingtabwm table tbody tr td.price { text-align: left; }
        .upcomingtabwm table tbody tr td.total { text-align: left; }
        .upcomingtabwm table tbody tr td.tax { text-align: right; }
        .upcomingtabwm table tbody tr td input.bluebutt { float: left; }
    .upcomingtab table thead tr th.freq { width: auto; }
    .upcomingtab table thead tr th.date { width: auto; }
    .upcomingtab table thead tr th.time { width: auto; }
    .upcomingtab table thead tr th.edit { width: auto; text-align: left; }
    .upcomingtabsec table thead tr th.price { width: auto; }
    .betslip_box_mid .nav_div ul li.current a.ptservices div.sess { text-align: left; width: 100%; }
    .betslip_box_mid .nav_div ul li.current a.addservices div.sess { text-align: left; width: 100%; }
    .betslip_box_mid .nav_div ul li.current a.clubservices div.sess { text-align: left; width: 100%; }
    .betslip_box_mid .nav_div ul li.current a.ptservices { padding: 14px 20px 25px; }
    .betslip_box_mid .nav_div ul li.current a.addservices { padding: 14px 20px 25px; }
    .betslip_box_mid .nav_div ul li.current a.clubservices { padding: 14px 20px 25px; }

    .pubMsg { color: red; font-size: 10px !important; }
    .mandatorytext { font-size: 10px !important; }
    .formtitle { font-size: 11px !important; }
    .pubdate { float: left; width: 125px !important; margin-right: 10px; }
    .pubtime { float: left; width: 116px !important; }
    .duration { float: left; width: 100% !important; }
    .textbox_Duration { width: 100% !important; }
    .filddivduration { width: 27% !important; margin-top: 5px; }
    .memberformrightad { width: 100% !important; }
    .memberformleftad { width: 100% !important; }
    .pubmemberformright { width: 100% !important; }
    .pubmemberformleft { width: 100% !important; }
    .pubmemberformright .formdivbinner:first-child { margin: 10px 0px 0px; }
    .pubfilddiv { width: 90% !important; float: none !important; }
    .pubstardis { float: left !important; margin-left: 0 !important; }
    .frameschedule { width: 425px; height: 455px; }
    .w50per { width: 100% !important; }
}

@media only screen and (max-width:479px) {
    html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default { border: medium none !important; color: #696969 !important; font-family: "Open Sans",sans-serif !important; font-size: 11px !important; }
    .norecorddiv1 { background: none repeat scroll 0 0 #B2E160; padding: 0; padding-top: 20px; vertical-align: middle; text-align: center; border-top: 1px solid #A1CA58; color: #DD2C28; font-family: 'Open Sans',sans-serif; font-size: 13px; height: 132px; text-align: center; }
    .norecorddiv2 { background: none repeat scroll 0 0 #B2E160; padding: 0; padding-top: 20px; vertical-align: middle; text-align: center; border-top: 1px solid #A1CA58; color: #DD2C28; font-family: 'Open Sans',sans-serif; font-size: 13px; height: 132px; text-align: center; }
    .norecorddiv3 { background: none repeat scroll 0 0 #B2E160; padding: 0; padding-top: 20px; vertical-align: middle; text-align: center; border-top: 1px solid #A1CA58; color: #DD2C28; font-family: 'Open Sans',sans-serif; font-size: 13px; height: 132px; text-align: center; }
    .norecorddiv4 { background: none repeat scroll 0 0 #B2E160; padding: 0; padding-top: 20px; vertical-align: middle; text-align: center; border-top: 1px solid #A1CA58; color: #DD2C28; font-family: 'Open Sans',sans-serif; font-size: 13px; height: 132px; text-align: center; }
    .maindiv { padding: 10px; }
    .norecorddiv { background: none repeat scroll 0 0 #B2E160; padding: 0; padding-top: 120px; vertical-align: middle; text-align: center; border-top: 1px solid #A1CA58; color: #DD2C28; font-family: 'Open Sans',sans-serif; font-size: 13px; height: 132px; text-align: center; }
    .companylogo { font-size: 18px; border-right: none; width: 50%; }
    .welcomediv { display: none; }
    .ltrdur { margin-left: 0px !important; width: 40% !important; }
    .w15per { margin-left: 0px !important; }
    .filddiv { width: 90% !important; }
    .martop10.marleft10.fld { margin-left: 0px !important; text-align: right !important; }
    .singoutdiv { margin: 0px 0px 0px 5px; }
    .homediv { margin: 0px; }
    .singoutdiv a { background: url(../images/loginbut.png) no-repeat 0px 0px #FF6C60; text-indent: -9999px; width: 31px; height: 26px; padding: 0px; background-size: 100% auto; float: right; }
    .homediv a { background: url("../images/home-icon.png") no-repeat scroll 7px 3px #FF6C60; text-indent: -9999px; width: 31px; height: 26px; padding: 0px; float: right; }
    .FreeTrialdiv { margin: 0px; }
        .FreeTrialdiv a { background: #ff6c60 url("../images/cald_icon.png") no-repeat scroll 8px 5px / 16px 16px; text-indent: -9999px; width: 31px; height: 26px; padding: 0px; margin-right: 5px; float: right; }
    .leftpart { width: 100%; }
    .userprofleft { width: 100%; height: 67px; }
    .userrightdiv { width: 100%; height: 80.7%; }
    .user_img { left: 0; margin: auto; padding: 5px; position: absolute; right: 0; top: 10px; max-width: 100px; overflow: hidden; height: 100px; }
        .user_img img { width: 100%; height: 100%; border-radius: 50px; }
    .rightpart { width: 100%; margin: 20px 0px 0px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .headerdiv { min-height: 100px; padding: 0px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .headdtemaldiv { width: 100%; margin: 13px 0px 0px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .addressdiv { max-width: 90%; width: 90%; color: #575757; border: none; background-position: 4px 0px; padding: 2px 10px 6px 30px; color: #575757; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .phonediv { border: none; background-position: 0px 0px; padding: 2px 10px 5px 30px; max-width: 100%; width: 100%; margin-top: 10px; margin-bottom: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
        .phonediv a { width: 100%; font-size: 11px; margin: 0; }
    .maildiv { border: none; background-position: 0px 0px; padding: 0px 10px 5px 0px; max-width: 100%; width: 100%; margin-top: 10px; margin-bottom: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
        .maildiv a { width: 100%; font-size: 11px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .userrightcont { padding: 64px 10px 0px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
        .userrightcont h1 { text-align: center; }
    .subtitel { text-align: center; }
    .userprofilediv { height: 347px; }
    .invohistory a { padding: 12px 77px 12px 10px; line-height: 21px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .paymentmeth a { padding: 12px 77px 12px 10px; line-height: 21px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .inerbox { padding: 20px 10px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .billdetaildiv { padding: 20px 10px 27px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .paynowbut a { width: 78px; }

    .billdivhead { width: 100%; }
    .invohistory_icon { right: 10px; }
    .paymentmeth_icon { right: 8px; background-size: 100% auto; width: 41px; height: 31px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .schedulediv { border: none; border-bottom: 1px solid #DA564B; padding: 0 0px 10px 0; width: 100%; }
    .schedulediv2 { border: none; border-bottom: 1px solid #DA564B; padding: 10px 0px; width: 100%; }
    .schedulediv3 { border: none; border-bottom: 1px solid #DA564B; padding: 10px 0px; width: 100%; }
    .schedulediv4 { border: none; padding: 10px 0px 0px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    #contenty2 .schedulediv { border: none; border-bottom: 1px solid #1992b4; }
    #contenty2 .schedulediv2 { border: none; border-bottom: 1px solid #1992b4; }
    #contenty2 .schedulediv3 { border: none; border-bottom: 1px solid #1992b4; }
    #contenty2 .schedulediv4 { border: none; }
    .betslip_box_mid .nav_div ul li a.ptservices { width: 100%; }
    .betslip_box_mid .nav_div ul li a.addservices { width: 100%; }
    .betslip_box_mid .nav_div ul li a.clubservices { width: 100%; }
    .betslip_box_mid .nav_div ul li.current a.ptservices { padding: 14px 10px 5px; }
    .betslip_box_mid .nav_div ul li.current a.addservices { padding: 14px 10px 20px; }
    .betslip_box_mid .nav_div ul li.current a.clubservices { padding: 14px 5px 20px; }
    .betslip_box_mid .nav_div ul li a.ptservices { margin: 0; padding: 14px 10px 30px; }
    .betslip_box_mid .nav_div ul li a.addservices { margin: 0; padding: 14px 10px 30px; }
    .betslip_box_mid .nav_div ul li a.clubservices { margin: 0; padding: 14px 5px 30px; }
    .upcomingtab table tbody tr td { text-align: left; }
    .accordion-section-title { font-size: 1em !important; }
    #contenty1 .schedulebutdiv .bluebut { margin-right: 10px; width: 45%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
        #contenty1 .schedulebutdiv .bluebut a { width: 100%; text-align: center; padding: 7px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    table { max-width: 100%; }
    .upcomingtab table thead { display: block; float: left; }
        .upcomingtab table thead tr { display: block; }
            .upcomingtab table thead tr th { display: block; border-top: 1px solid #A1CA58; border-right: 1px solid #A1CA58; padding: 17px 10px; }
                .upcomingtab table thead tr th.price { text-align: left !important; }
    .upcomingtab table tbody { display: block; font-size: 0; letter-spacing: 0; overflow-x: auto; position: relative; white-space: nowrap; width: auto; word-spacing: 0; }
        .upcomingtab table tbody tr { display: inline-block; vertical-align: top; }
            .upcomingtab table tbody tr td { display: block; margin: 0; vertical-align: top; padding: 17px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
                .upcomingtab table tbody tr td.price { text-align: left !important; }
    .upcomebutdiv { margin: -3px 0px 0px 0px; padding: 10px 0 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .upcomingtab table { display: block; }

    .inerbox2 table thead { display: block; float: left; }
        .inerbox2 table thead tr { display: block; }
            .inerbox2 table thead tr th { display: block; border-top: 1px solid #0099C4; border-right: 1px solid #0099C4; padding: 17px 10px; }
    .inerbox2 table tbody { display: block; font-size: 0; letter-spacing: 0; overflow-x: auto; position: relative; white-space: nowrap; width: auto; word-spacing: 0; }
        .inerbox2 table tbody tr { display: inline-block; vertical-align: top; }
            .inerbox2 table tbody tr td { display: block; margin: 0; vertical-align: top; padding: 17px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .inerbox2 table { display: block; }

        .inerbox2 table tbody::-webkit-scrollbar { height: 5px !important; }
        .inerbox2 table tbody::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #C3C3C3; }
    .betslip_box_mid .nav_div ul li a.addservices { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    #contenty2 { margin: 0px; }
        #contenty2 .schedulebutdiv .bluebut { margin-right: 10px; width: 45%; }
            #contenty2 .schedulebutdiv .bluebut a { width: 100%; text-align: center; padding: 7px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .paynowbut a { margin: 0px; }
    .billdivhead .bluebut { margin-right: 0px; }
    .betslip_box_mid .nav_div ul li.current a.ptservices div.sess { text-align: left; width: 100%; }
    .betslip_box_mid .nav_div ul li.current a.addservices div.sess { text-align: left; width: 100%; }
    .betslip_box_mid .nav_div ul li.current a.clubservices div.sess { text-align: left; width: 100%; }

    .memberleftdiv { width: 100%; }
    .pubmemberformleft { width: 100%; }
    .pubmemberformright { width: 100%; }
    .memberformright .formdivbinner:first-child { margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .filetext_box { width: 56%; }
    .browsbut { padding: 4px 8px; }
    .memberrightdiv { width: 100%; margin: 10px 0px 0px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

    .formdivbox { padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .plandiv { padding: 20px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .memberdetaildiv { padding: 20px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .memberbutdiv { padding: 7px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

    /***************login css***********/
    .formtitle { width: 40%; font-size: 12px; }
    .filddiv { float: left; position: relative; margin: 5px 0; }
    .mandatorytext { width: 100%; padding: 0px; }
    .formdivbinnertitle { margin: 0px 0px 10px 0px; }
    .memberformleft .formdivbinner:first-child { margin: 0px; }
    .changfulldiv { width: 90%; margin: 10px 0px 0px 0px; }
    .star1 { padding: 10px 0 0 5px; }
    /********************************* member page css ********************/
    .rightbox8infocont1 { width: 35%; text-align: center; border-right: none; }
    .rightbox8infocont { overflow: visible; height: auto; }
    .membertabdiv { padding: 10px; }
    .rightbox8infocont2 { width: 65%; border-right: none; }
    .rightbox8infocont3 { width: 100%; border-top: 1px solid #e0dddd; border-right: none; }
    .rightbox8infocont4 { width: 100%; border-top: 1px solid #e0dddd; border-right: none; }
    .rightbox8infocont5 { height: 50%; width: 100%; border-top: 1px solid #e0dddd; border-right: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .memberformleft .formdivbinner, .memberformright .formdivbinner { margin: 0px; }
    .membertab ul li:first-child { margin: 0px 10px 8px 0px; }
    .membertab ul li { margin: 0px 10px 8px 0px; }
    .upcomingtab table tbody tr.blanktr { display: inline-block; }
    .inerbox2 table tbody tr.blanktr { display: inline-block; }
    .upcomingtabsec table thead { display: block; float: left; }
        .upcomingtabsec table thead tr { display: block; }
            .upcomingtabsec table thead tr th { display: block; border-top: 1px solid #A1CA58; border-right: 1px solid #A1CA58; padding: 17px 10px; }
    .upcomingtabsec table tbody { display: block; font-size: 0; letter-spacing: 0; overflow-x: auto; position: relative; background: #B2E160; white-space: nowrap; width: auto; word-spacing: 0; }
        .upcomingtabsec table tbody::-webkit-scrollbar { height: 5px; }


    .inerbox2 table tbody::-webkit-scrollbar { height: 5px !important; }
    .inerbox2 table tbody::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #C3C3C3; }

    .upcomingtabsec table tbody::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #C3C3C3; }
    .upcomingtabsec table tbody tr { display: inline-block; vertical-align: top; }
        .upcomingtabsec table tbody tr td { display: block; margin: 0; vertical-align: top; padding: 17px 10px; width: 100%; }
            .upcomingtabsec table tbody tr td span { display: block; width: 100%; padding-left: 5px; }
    .upcomingtabsec table { display: block; }

    .upcomingtabwm table thead { display: block; float: left; }
        .upcomingtabwm table thead tr { display: block; }
            .upcomingtabwm table thead tr th { display: block; border-top: 1px solid #A1CA58; border-right: 1px solid #A1CA58; padding: 17px 10px; }
    .upcomingtabwm table tbody { display: block; font-size: 0; letter-spacing: 0; overflow-x: auto; position: relative; background: #B2E160; white-space: nowrap; width: auto; word-spacing: 0; }
        .upcomingtabwm table tbody tr { display: inline-block; vertical-align: top; }
            .upcomingtabwm table tbody tr td { display: block; margin: 0; vertical-align: top; padding: 17px 10px; width: 100%; }
                .upcomingtabwm table tbody tr td span { display: block; width: 100%; padding-left: 5px; }
    .upcomingtabwm table { display: block; }

    .formdivhead .formtitle { width: 100%; }
    .formtitlesec { width: 100%; margin-top: 5px; }
    .changfulldiv .label { padding: 0 !important; }
    .personaldivbroad h2 { width: 100% !important; line-height: 20px !important; }
    .memberformleft75 { width: 100%; }
    .formdivhead .mandatorytext { width: 100%; }
    .formtitle2, .formtitleright { visibility: hidden; }
    .filddivnew, .formtitle { width: 100% !important; }
    .printrec, .printrec { width: 50% !important; padding-bottom: 10px; }
    .filddivnew .label { padding: 0 0 10px !important; }
    .formdivhead .formtitlesecs, .filddiv { width: 90% !important; }
    .formtitlesecs2.formtitleconthead { width: 100% !important; }
    .errormessage { word-wrap: break-word !important; }
    .blueprintbut { float: left; text-align: center; }
    .edit.width20:last-child { margin-bottom: 10px; }
    .RadCalendarPopup.RadCalendarPopupShadows { left: 75px !important; }
    .dynamic_logo { width: 100% !important; }
    #hlkimg > #imgImage { width: 100% !important; height: auto !important; }
    .upcomingtabsec table thead tr th.qty { text-align: left; }
    .upcomingtabsec table thead tr th.price { text-align: left; }
    .upcomingtabsec table thead tr th.total { text-align: left; }
    .upcomingtabsec table tbody tr td.qty { text-align: left; }
    .upcomingtabsec table tbody tr td.price { text-align: left; }
    .upcomingtabsec table tbody tr td.total { text-align: left; }
    .upcomingtabsec table tbody tr td.tax { text-align: right; }
    .upcomingtabsec table tbody tr td input.bluebutt { float: left; }

    .upcomingtabwm table thead tr th.qty { text-align: left; }
    .upcomingtabwm table thead tr th.price { text-align: left; }
    .upcomingtabwm table thead tr th.total { text-align: left; }
    .upcomingtabwm table tbody tr td.qty { text-align: left; }
    .upcomingtabwm table tbody tr td.price { text-align: left; }
    .upcomingtabwm table tbody tr td.total { text-align: left; }
    .upcomingtabwm table tbody tr td.tax { text-align: right; }
    .upcomingtabwm table tbody tr td input.bluebutt { float: left; }
    .formdivhead .formtitlesecs { width: 100%; }
    .formdivhead .bluebut { margin-top: 10px; }
    .userbattdiv { position: absolute; float: none; }
    .invohistory a { line-height: 21px; font-size: 14px; padding: 12px 80px 12px 20px; }
    .paymentmeth a { line-height: 21px; font-size: 14px; padding: 12px 80px 12px 20px; }
    .upcomingtab table { border-top: none; }
    .inerbox2 table { border-top: none; }

    #ptxtNameOnAccount, #pcmbCCType, #ptxtAccountNumber, #ptxtCVV, #pcmbExp, #ptxtAmountTotal, #ptxtRoutingNumber, #ptxtBankName { width: 100%; float: left; padding-top: 10px; height: auto; padding-top: 0; }
    #ptxtBillingStreetAddress1, #ptxtBillingStreetAddress2, #ptxtBillingStreetAddress3, #pcmbBillingState, #ptxtBillingCity, #ptxtBillingPostalCode, #ptxtBillingOptionalField, #ptxtWorkPhone1, #ptxtWorkPhone2, #ptxtCellPhone1, #ptxtCellPhone2, #ptxtOtherPhone { width: 100%; float: left; height: 45px; padding-top: 0; margin-top: 7px; margin-bottom: 3px; }
    #pcmbBillingCountry { width: 100%; float: left; margin-top: 7px; }
    #ptxtNameOnAccount span, #pcmbCCType span, #ptxtAccountNumber span, #ptxtCVV span, #pcmbExp span, #ptxtAmountTotal span { color: #333333; width: 100%; }
    #pcmbBillingCountry span, #ptxtNameOnAccount span, #pcmbCCType span, #ptxtAccountNumber span, #ptxtCVV span, #pcmbExp span, #ptxtAmountTotal span, #ptxtRoutingNumber span, #ptxtBankName span, #ptxtBillingStreetAddress1 span, #ptxtBillingStreetAddress2 span, #ptxtBillingStreetAddress3 span, #pcmbBillingState span, #ptxtBillingCity span, #ptxtBillingPostalCode span, #ptxtBillingOptionalField span, #ptxtWorkPhone1 span, #ptxtWorkPhone2 span, #ptxtCellPhone1 span, #ptxtCellPhone2 span, #ptxtOtherPhone span { margin-top: 7px; margin-bottom: 3px; }
    .rightbox13contentbug { padding-left: 0px; padding-right: 0px; font-size: 12px; }
    .widgetLabelLeft { float: left; width: 100%; padding-top: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    #inputtxtAmountTotal.widgetTextBoxRight, #inputtxtCVV.widgetTextBoxRight { width: 15%; }
    .widgetTextBoxRight { width: 85% !important; }
    .widgetSelectRight { width: 85% !important; }
    .widgetRequiredStar { width: 5px !important; }
    #ptxtRoutingNumber input.widgetTextBoxRight { width: 65% !important; }
    .paymethodmar { width: 55% !important; margin-left: 0; }
    .widgetValidateButton { padding: 6px 5px; margin-left: 13px; }
    .widgetInvalidMessage { width: 95% !important; padding-left: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    #selectMcmbExp.widgetSelectRight { width: 22%; }
    #selectYcmbExp.widgetSelectRight { width: 28%; }
    #selectcmbCCType.widgetSelectRight { width: 54%; }
    #inputtxtCVV.widgetTextBoxRight { width: 35%; }
    .widgetTextBoxRight { width: 50%; }
    .widgetInvalidMessage { padding-left: 40%; }
    .rightbox20rightIframe { min-height: 442px; }
    .admin_logo { padding-top: 10%; }
    .login_wrapper { width: 95%; }
    .admin_logo_wrapper { width: 90%; float: left; margin-left: 5%; }
    .admin_form { width: 100%; }
    .bluebut a { padding: 7px 9px; }
    .rightbox8infocontnh { height: 265px; }
    .currdivtext { width: 57%; }
    .currdiv { width: 100%; margin-bottom: 5px; }
    .curdulab { width: 20%; float: left; }
    .billdeinerdiv { text-align: right; }
    .devrightbox19 { padding: 11px 1px; }
    #MainContent_divDateControls .datemartop10 { margin-top: 10px; }
    .btnpadlonly { padding: 11px 0px 0px 0px; }
    .billinglefttab { width: 100%; height: auto; }
    .billingrighttab { width: 100%; height: auto; border-top: 1px solid #E0DDDD; }
    .rightbox8infocontnh { height: auto; }
    .page_number { padding: 5px 10px 10px 1px; }
    .pagingdiv { clear: both; float: left; padding: 5px 5px 10px 0px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .recordpage { float: right; padding: 0px 0px 0px 25px; }
    .btndivleft { float: left; }
    .rightbox19mid { float: left; padding: 6px 7px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .lightblackfont12 { color: #292929; float: left; }
    .pagingdiv .pagingleft { margin-left: 0; }
    .billingrighttab p { }
    .devrightbox10h1L968r { float: left; width: 100%; text-align: left; }
    .devrightbox10h1L968 { float: left; width: 100%; padding: 4px 0; }
    .devrightbox10h1L48 { float: left; width: 98%; }
    .devrightbox10h1L48r10 { float: left; width: 98%; margin-right: 10px; margin-top: 3px; }
    .star12 { padding: 0px 0px 0px 0px; float: none; }
    .formtitle2 { width: 33%; }
    .formtitleright { width: 16%; float: right; }
    .select_boxdd { padding-left: 0; padding-right: 0; width: 40%; }
    .select_boxMM { padding-left: 0; padding-right: 0; width: 32%; }
    .select_boxday { width: 26%; }
    .setuploadcont { width: 167px; top: 0px; position: static; }
    .setuploaderror { float: left; }
    .text_boxbrowse { width: 100px; }
    .cancelbluebutt { float: right; padding-left: 5px; padding-right: 5px; }
    .searchbutdiv { float: left; text-align: right; width: 100%; }
        .searchbutdiv div.btnpadlonly { padding-right: 10px; float: right; position: relative; margin-top: -1px; }
    .width50n { width: 100%; float: left; margin-top: 10px; }
        .width50n div.devpadrightLeft10 { padding-left: 10px; }
    #pbtnSubmit { width: 69%; float: left; border: 0; color: #fff; padding-top: 10px; }
    .greenbut { float: right; padding-top: 10px; margin-right: 10px; }
    .billuserbattdiv { width: 96%; }
    .billuserbattdiv2 { width: 100%; }
    .norecorddiv1 { padding-top: 74px; height: 78px; border-top: none; }
    .norecorddiv2 { padding-top: 175px; height: 232px; border-top: none; }
    .norecorddiv3 { padding-top: 45px; height: 57px; border-top: none; }
    .norecorddiv4 { padding-top: 73px; height: 79px; border-top: none; }
    .upcomingtabthr table thead { display: block; float: left; }
        .upcomingtabthr table thead tr { display: block; }
            .upcomingtabthr table thead tr th { display: block; border-top: 1px solid #A1CA58; border-right: 1px solid #A1CA58; padding: 17px 10px; }
                .upcomingtabthr table thead tr th.qty { border-bottom: 1px solid #A1CA58; }
    .upcomingtabthr table tbody { display: block; font-size: 0; letter-spacing: 0; overflow-x: auto; position: relative; background: #B2E160; white-space: nowrap; width: auto; word-spacing: 0; }
        .upcomingtabthr table tbody tr { display: inline-block; vertical-align: top; }
            .upcomingtabthr table tbody tr td { display: block; margin: 0; vertical-align: top; padding: 17px 10px; }
    .upcomingtabthr table { display: block; }
        .upcomingtabthr table tbody tr td:first-child { border-top: 0; }
        .upcomingtabthr table thead tr th:first-child { border-top: 0; }
        .upcomingtabthr table thead tr th.price { text-align: left; }
    .upcomingtabsec table tbody tr td:first-child { border-top: 0; }
    .upcomingtabsec table thead tr th:first-child { border-top: 0; }
    .upcomingtabsec table tbody tr td:first-child { border-top: 0; }
    .upcomingtabsec table thead tr th:first-child { border-top: 0; }

    .upcomingtabwm table tbody tr td:first-child { border-top: 0; }
    .upcomingtabwm table thead tr th:first-child { border-top: 0; }
    .upcomingtabwm table tbody tr td:first-child { border-top: 0; }
    .upcomingtabwm table thead tr th:first-child { border-top: 0; }
    .userbattdiv .bluebut { margin-right: 1%; }
        .userbattdiv .bluebut:first-child { margin-right: 1.5%; }
    .logodiv { width: 45px; }
    .usersecgrid { width: 68%; }
    #ptxtNameOnAccount, #pcmbCCType, #ptxtAccountNumber, #ptxtCVV, #pcmbExp, #ptxtAmountTotal, #pcmbBillingCountry { max-height: 74px; height: auto; }
    .schleft { width: 100%; }
    .devrightbox11 { margin-top: 10px; margin-left: 10px; }
    .marleft40px { margin-left: 10px; margin-top: 10px; }
    .searchbtnrht { margin-top: 10px; }
    .usergridhead, .usergridheadsec { font-size: 14px; }
    .reportbuttons { width: 100%; }
    .schright { width: 88%; max-width: 95%; margin-top: 5px; margin-bottom: 15px; }
    .filddivnewright { margin-left: 2px; }
    .schleft div.searchbtnrht { float: right; }
    .formtitlecont .bluebutt { margin-bottom: 15px; }
    .delet_icon { margin-top: 8px; }
    .filddivnewrighthead, .filddivnewcenterhead { display: none; }
    .filddivsec { width: 54%; }
    .threecolum30 { margin: 3px 0 0 0px; }
    .memberformleft .martop10 { margin-top: 10px; }
    .schleft .formtitlecont { width: 94.4%; }
    .fldImage { width: 156px; }
        .fldImage img { width: 49%; }
    .calloutbrowse { width: 225px; }
        .calloutbrowse:after { left: 80px; }
    .uploadbtn { height: 30px; opacity: 0; position: absolute; width: 166px; z-index: 99; left: 0; }
    .setuploaderror { float: left; top: 0; }
    .browsebluebutt { margin-bottom: 5px; padding-left: 4px; padding-right: 4px; }
    .upcomingtab table thead tr th.freq { width: auto; }
    .upcomingtab table thead tr th.date { width: auto; }
    .upcomingtab table thead tr th.time { width: auto; }
    .upcomingtab table thead tr th.edit { width: auto; text-align: left; }
    .upcomingtabsec table thead tr th.price { width: auto; }

    .memberformleftad { width: 100% !important; }
    .memberformrightad { width: 100% !important; }
    .pubmemberformleft { width: 100% !important; }
    .pubmemberformright { width: 100% !important; }

    .pubMsg { color: red; font-size: 10px !important; }
    .mandatorytext { font-size: 10px !important; }
    .formtitle { font-size: 11px !important; padding: 6px 0px !important; }
    .pubdate { float: left; width: 125px !important; }
    .pubtime { float: left; width: 125px !important; margin-top: 0px !important; }
    .duration { float: left; width: 100% !important; }
    .textbox_Duration { width: 100% !important; margin-top: 0 !important; }
    .filddivduration { width: 50% !important; float: none !important; margin-top: 5px; margin-bottom: 5px; }
    .auto526 { width: 100% !important; }
    .select_box { width: 100% !important; }
    .setbutton1 { float: right !important; padding-left: 0; }
    #slides { width: 100% !important; }
    #img_wrp cycle-slide { float: left; width: 100% !important; }
    .mdlsignin { width: 100% !important; }
    #MainContent_Panel1 > iframe { width: 321px !important; }
    .memberformleft { width: 100% !important; }
    .memberformright { width: 100% !important; }
    .pubfilddiv { width: 90% !important }
    .pubstardis { float: left !important; margin-left: 0 !important; }
    .frameschedule { width: 325px; height: 455px; }
    .w50per { width: 100% !important; }
}

@media only screen and (max-width:991px) {
    .paynowmain .memberleftdiv1 > .membertabdiv { max-width: 80%; }
}
@media only screen and (max-width:479px) {
    .paynow-sec { overflow-x: auto }
    .paynow-sec.upcomingtabsec table tbody tr td { display: inherit; width: inherit }
    .widget-wrapbx #ptxtBillingPostalCode { height: auto !important }
    .check-bx-wrap { align-items: flex-start;}
        .check-bx-wrap label { line-height: 1.4; padding-left: 10px; }
    .check-bx-wrap input { padding: 0px 10px 0px 0px; }
    .formdivbinner .printrec { width: 100% !important; padding-left: 0; }
    .formdivbinner .printrec .padleft10 { padding-left: 0 }
    .widget-wrapbx #selectYcmbExp { margin-left: 0; margin-top: 10px }
    .widget-wrapbx #pcmbExp { height: auto; max-height: inherit; }
    .widget-wrapbx span:empty { display: none }
    .paynowmain .memberleftdiv1 > .membertabdiv { max-width: 100%; margin-top: 0 !important; padding-top: 15px; }    
    .pay-amtdue { max-width: 80px; text-align: right !important; white-space: nowrap; }
}

@media(max-width:480px) {
#MaindivAmountdue * {box-sizing: border-box;}
    #MaindivAmountdue .widgetTextBoxRight {
        width: calc(100% - 15px) !important;
        height: 30px;
        padding: 5px 10px !important;
    }
    #MaindivAmountdue #selectcmbCCType.widgetSelectRight {
        width: calc(100% - 15px) !important;height:30px;padding:5px 10px !important;
    }
    #MaindivAmountdue #selectMcmbExp.widgetSelectRight {
        width: calc(100% - 15px) !important;
        height: 30px;
        padding: 5px 10px !important;
    }
    #MaindivAmountdue .widget-wrapbx #selectYcmbExp {
        width: calc(100% - 15px) !important;
        height: 30px;
        padding: 5px 10px !important;
    }
    #selectcmbCCType.widgetSelectRight{width:100%;}
    #MaindivAmountdue select {
        background-color: #fff;
        border-radius: 2px;
        line-height: 22px;
        height: 30px;
        padding: 5px 10px !important;
    }
    .pay-now-name, .pay-now-amt{font-size:12px;}
}