@media only screen and (min-width: 766px) and (max-width: 1280px) {
    .tabletHide {
        display: none !important;
    }
    #gmail-create-account,
    #loginMe {
        display: inline-block;
        float: left;
    }
    a,
    body {
        font-size: 0.94em;
    }
    .beeta,
    .tagline {
        font-size: 10px;
    }
    #logo_M img.logo_img {
        width: 120px !important;
    }
    .beeta {
        width: 25px !important;
    }
    #topCmnSearchBar input[type="text"],
    .rspnsvSrchSelect,
    .rspnsvSrchSelect select,
    .topSearchBtn {
        font-size: 0.94em;
    }
    #logo_M {
        width: 23% !important;
    }
    .dmnDrpDwn {
        font-size: 1.1em;
        line-height: 2.2;
    }
    .facebookBtn,
    .googleBtn,
    .twitterBtn {
        height: 16px;
        line-height: 1.5em;
        width: 16px;
    }
    .facebookBtn i,
    .googleBtn i,
    .twitterBtn i {
        font-size: 1.3em;
    }
    #social-header {
        margin-top: 5px;
        width: 11.5% !important;
    }
    .topBarBtn {
        font-size: 0.8em;
        line-height: 1.52em;
        padding: 5px 10px;
        margin: 0;
    }
    .logSgnup {
        min-height: 30px;
        padding: 0;
        text-align: right;
        width: 27%;
    }
    .topSearchBtn {
        padding: 7.5px 0.4em;
    }
    #gmail-create-account {
        width: 105px;
    }
    #loginMe {
        margin: 0 auto;
        width: 25%;
    }
    #userLogoutMenu {
        float: right;
        margin-left: 5px;
        margin-top: 5px;
        min-width: 135px;
        padding: 0 5px;
        text-align: right;
        width: auto;
    }
    #usrImg,
    #usrNmTxt {
        display: inline-block;
        width: auto !important;
    }
    #usrNmTxt {
        text-align: left;
    }
    .iconStack {
        font-size: 12pt;
    }
    .mediumUsrIcn {
        font-size: 14px !important;
        margin-top: 8px;
    }
    #appendUserName {
        margin: 0 auto;
    }
    #menu-v li a {
        font-size: 12px;
        line-height: 1em;
        padding: 10px 0 10px 18px;
    }
    #proZ_nav > li > a span.prozT {
        font-size: 0.86em !important;
    }
    #proZ_nav > li {
        width: 100px !important;
    }
    .eventsCalendar-list li a.eventTitle,
    .last70 {
        font-size: 0.86em;
    }
    #profileImage {
        height: 30px;
        margin: 0 0 0 5px;
        width: 30px;
    }
    .gridEvntBookMark {
        float: right;
        margin: 0 auto;
        padding: 0 1%;
        width: 16% !important;
    }
    .gridEvntDesc,
    .gridEvntDiv {
        padding: 0 1%;
        width: 98% !important;
    }
    .gridEvntDiv {
        margin: 5px auto;
    }
    .gridEvntDesc {
        clear: both;
        float: left;
        margin: 8px auto;
    }
    .dtSocialDiv,
    .przDaysDiv {
        width: 50%;
        float: left;
    }
    .durationDiv {
        width: 76% !important;
    }
    .gridEvntFullDiv {
        background-color: #fff;
        padding: 2%;
        width: 96% !important;
    }
    .socialIcnDiv {
        float: left;
        padding: 0 1% 0 0;
        width: 20% !important;
    }
    .deadLineDiv {
        float: left;
        padding: 0 0 0 1%;
        width: 76% !important;
    }
    .mobMr10 {
        margin-right: 10px;
    }
    #container {
        font-size: 0.94em;
    }
    .eventsCalendar-currentTitle .monthTitle,
    .eventsCalendar-day-header {
        font-size: 11px;
    }
    .eventCalendar-wrap .arrow {
        padding: 8px 2px;
    }
    .loginBox .box-heading {
        font-size: 22px;
    }
    #login_div {
        margin: 8px auto;
        padding: 1%;
        width: 95%;
        max-width: 720px;
    }
    .loginBox .box-footer {
        font-size: 1em !important;
        padding: 10px 0 2px;
    }
    .loginBox h4 {
        font-size: 14px;
    }
    .loginBox .manage-fields-wrapper input[type="text"],
    .loginBox .manage-fields-wrapper input[type="password"] {
        font-size: 1em;
    }
    .loginBox .submit-row > button,
    .loginBox .submit-row > input {
        font-size: 14px;
    }
    #forgotpassword,
    .submit-row label {
        font-size: 0.96em;
        margin: 0 auto;
    }
    .loginBox .socialBtn .social-icon {
        font-size: 14px;
    }
    .loginBox .socialBtn .btn-text {
        font-size: 12px;
    }
    .abcRioButtonSvg {
        height: 14px !important;
        width: 14px !important;
    }
    .abcRioButtonContents {
        float: left !important;
        font-size: 12px !important;
        padding-left: 5px;
    }
    .abcRioButtonIcon {
        margin: 18px 0 0 26px !important;
    }
    .logBtnDiv1,
    .logBtnDiv2 {
        width: 44% !important;
    }
    .homeRightDiv {
        padding: 8px 8px 8px 4px;
    }
    .centerCont {
        width: 90%;
    }
    .create_box {
        height: 70px;
        width: 100px;
    }
    .three_boxes {
        margin-right: 40px;
    }
    .box_heading {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 8px;
    }
    .list_1 li {
        font-size: 12px;
    }
    .projTitle {
        width: 82% !important;
    }
    .listDesc {
        font-size: 0.9em;
    }
    .timDiv {
        margin: 0 5% 0 auto;
        text-align: center;
        width: 24% !important;
    }
    .timDiv span {
        display: block;
        width: 100%;
    }
    .deadLinDiv {
        width: 50% !important;
    }
    .dtEnd,
    .dtStart {
        width: 55px !important;
    }
    .dtCol1,
    .dtCol2 {
        width: 50px !important;
    }
    .social-icon {
        width: 21% !important;
    }
    .homeLeftDiv {
        padding: 8px 5px;
    }
}
@media only screen and (max-width: 1280px) and and (orientation: landscape) {
    #topCmnSearchBar {
        margin: 0 auto;
        width: 46% !important;
    }
    #logo_M {
        width: 20% !important;
    }
}
@media only screen and (min-width: 240px) and (max-width: 765px) {
    .mobHide {
        display: none !important;
    }
    .mobileShow {
        display: block !important;
    }
    .home_left,
    .home_right {
        clear: both;
        display: none;
        float: none;
        width: 0;
    }
    #loginMe,
    #social-header > a {
        display: inline-block;
    }
    .fullDiv {
        padding: 0 !important;
    }
    .home_center {
        clear: both;
        float: none;
        margin: 10px auto;
        padding: 0 2%;
        width: 96%;
    }
    #logo_M {
        float: right;
        margin: 0 auto 10px;
        text-align: left;
        width: 82% !important;
    }
    #loginMe,
    #srcByDate,
    #srcByLoc,
    #srcByName {
        float: left;
    }
    #logo_M img.logo_img {
        width: 175px !important;
    }
    .logSgnup {
        margin-top: 10px;
    }
    a,
    body {
        font-size: 0.86em;
    }
    #topCmnSearchBar input[type="text"],
    .rspnsvSrchSelect,
    .rspnsvSrchSelect select,
    .topSearchBtn {
        font-size: 0.8em;
    }
    #topCmnSearchBar {
        margin: 0 auto;
        width: 100% !important;
    }
    .topSearchBar {
        width: 78%;
        padding: 0 1%;
    }
    #srcByName {
        width: 40% !important;
    }
    #srcByDate,
    #srcByLoc {
        width: 25%;
    }
    #srcBtn {
        width: 15%;
    }
    .topSearchBtn {
        width: 100%;
    }
    .facebookBtn,
    .googleBtn,
    .twitterBtn {
        height: 16px;
        line-height: 1.5em;
        width: 16px;
    }
    .facebookBtn i,
    .googleBtn i,
    .twitterBtn i {
        font-size: 1.3em;
    }
    .logSgnup {
        min-height: 30px;
        text-align: right;
        width: 190px;
    }
    .topBarBtn {
        font-size: 0.8em;
        line-height: 1.52em;
        padding: 5px 10px;
        margin: 0;
    }
    .topSearchBtn {
        padding: 7.5px 0.4em;
    }
    #gmail-create-account {
        display: inline-block;
        float: left;
        width: 105px;
    }
    #loginMe {
        margin: 0 auto;
        width: 40px;
    }
    #social-header {
        width: 30% !important;
        margin-top: 5px !important;
    }
    .header--clone {
        display: none !important;
    }
    #userLogoutMenu {
        float: right;
        margin-left: 5px;
        margin-top: 5px;
        min-width: 135px;
        padding: 0 5px;
        text-align: right;
        width: auto;
    }
    #usrImg,
    #usrNmTxt {
        display: inline-block;
        width: auto !important;
    }
    #usrNmTxt {
        text-align: left;
    }
    .iconStack {
        font-size: 12pt;
    }
    .mediumUsrIcn {
        font-size: 14px !important;
        margin-top: 8px;
    }
    #proZ_nav > li > a,
    #proZ_nav > li > a span.prozT {
        font-size: 0.89em;
    }
    #appendUserName {
        margin: 0 auto;
    }
    #copyright p,
    #copyright > div {
        margin: 0 auto 5px !important;
        padding: 0 !important;
        text-align: center;
        width: 100%;
        word-wrap: break-word;
    }
    #copyright > div {
        margin: 5px auto !important;
    }
    .proZ_navInner,
    ul#proZ_nav {
        width: 100%;
    }
    #proZ_nav > li {
        width: 20%;
    }
    #proZ_nav > li > a {
        line-height: 1.5;
        padding: 5px 0 8px;
    }
    .last70 {
        font-size: 0.86em;
    }
    #profileImage {
        height: 30px;
        margin: 0 0 0 5px;
        width: 30px;
    }
    .gridEvntBookMark {
        float: left;
        margin: 2px auto 0;
        padding: 0 1%;
        width: 20% !important;
    }
    .gridEvntDesc,
    .gridEvntDiv {
        padding: 0 1%;
        width: 98% !important;
    }
    .gridEvntDiv {
        margin: 5px auto;
    }
    .gridEvntDesc {
        clear: both;
        float: left;
        margin: 8px auto;
    }
    .durationDiv,
    .gridEvntFullDiv {
        width: 100% !important;
    }
    .listThumb {
        font-size: 8.5pt;
    }
    .gridEvntFullDiv {
        background-color: #fff;
    }
    .socialIcnDiv {
        float: left;
        padding: 0 1% 0 0;
        width: 20% !important;
    }
    .deadLineDiv {
        float: left;
        padding: 0 0 0 1%;
        width: 76% !important;
    }
    .mobMr10 {
        margin-right: 10px;
    }
    #container {
        font-size: 0.86em;
    }
    .postByDiv,
    .solResDiv a {
        font-size: 14px;
    }
    .last70 {
        height: auto;
    }
    .label.bold.width18.mobMr10 {
        width: 29%;
    }
    .actvLstBtmLft,
    .postByDiv {
        float: left;
        width: 100% !important;
    }
    .postByDiv {
        margin: 1% 0.5% 0 3.6%;
        text-align: left;
    }
    .defaultBtn.hand {
        display: inline-block;
        float: none;
    }
    .loginBox .box-heading {
        font-size: 18px;
    }
    #login_div {
        margin: 8px auto;
        padding: 1%;
        width: 95%;
    }
    .loginBox .box-footer {
        font-size: 1em !important;
        padding: 10px 0 2px !important;
    }
    .loginBox h4 {
        font-size: 14px;
    }
    .loginBox .manage-fields-wrapper input[type="text"],
    .loginBox .manage-fields-wrapper input[type="password"] {
        font-size: 1em;
    }
    .loginBox .submit-row > button,
    .loginBox .submit-row > input {
        font-size: 14px;
    }
    #forgotpassword,
    .submit-row label {
        font-size: 0.96em;
        margin: 0 auto;
    }
    .loginBox .socialBtn .social-icon {
        font-size: 14px;
    }
    .loginBox .socialBtn .btn-text {
        font-size: 12px;
    }
    .abcRioButtonSvg {
        height: 14px !important;
        width: 14px !important;
    }
    .abcRioButtonContents {
        float: left !important;
        font-size: 12px !important;
        padding-left: 5px;
    }
    .abcRioButtonIcon {
        margin: 18px 0 0 26px !important;
    }
    .logBtnDiv1,
    .logBtnDiv2 {
        clear: both;
        float: none !important;
        margin: 0 auto;
        text-align: center;
        width: 70% !important;
    }
    .logBtnDiv1 {
        border-bottom: 1px solid #d3d3d3;
        padding-bottom: 34px !important;
    }
    #recaptcha_image > img {
        float: left !important;
        max-width: 70% !important;
    }
    .recaptchatable #recaptcha_response_field {
        font-size: 12px !important;
        width: 120px !important;
    }
    #recaptcha_area,
    #recaptcha_table {
        margin: 10px auto;
        overflow-x: hidden !important;
        width: 210px !important;
    }
    .icnOutrSpan {
        height: 60px;
        margin-top: 8px;
    }
    .icnOutrSpan span i {
        font-size: 34pt;
        padding-top: 5pt;
    }
    .logBtnDiv2 {
        border-left: none !important;
    }
    .submit-row {
        margin: 10px auto;
    }
    #regForm,
    #signUpPage,
    .mobW100 {
        width: 95%;
    }
    .mobFileUpldReg {
        margin: 6px auto;
        padding: 0 0 0 3%;
        text-align: left;
        width: 100% !important;
    }
    .howWorkDiv {
        float: none;
        max-width: 92%;
        padding: 2% 4%;
    }
    .works {
        margin: 10px auto 30px;
        text-align: justify;
        width: 98%;
    }
    .three_boxes {
        clear: both;
        float: none;
        height: auto;
        margin: 5px auto;
        width: 100%;
    }
    .create_box {
        float: left;
        height: 60px;
        margin: 5px 1%;
        width: 31%;
    }
    .font_awesome {
        font-size: 15px;
    }
    .deploy {
        font-size: 0.86em;
        text-align: center;
    }
    .assessment {
        float: none;
        height: auto;
        text-align: left;
        width: 100%;
    }
    .box_heading {
        font-size: 18px;
        text-align: left;
    }
    #corporate_box {
        margin: 0 0 20px;
    }
    .list_1 li {
        font-size: 12px;
        text-align: justify;
    }
    .list_1 li i {
        margin-right: 2px;
    }
    .listDesc {
        width: 78%;
        font-size: 0.9em;
    }
    .projTitle {
        width: 76% !important;
    }
    .timDiv {
        margin: 0 auto;
        text-align: left;
        width: 100% !important;
    }
    .timDiv span {
        display: inline;
    }
    .deadLinDiv {
        width: 50% !important;
    }
    .dtSocialDiv,
    .przDaysDiv {
        width: 100%;
        float: left;
    }
    .dtEnd,
    .dtStart {
        width: 55px !important;
    }
    .dtCol1,
    .dtCol2 {
        width: 50px !important;
    }
    .social-icon {
        width: 100% !important;
    }
    #editCPIJE {
        display: none;
    }
}