.left-mobile-menu-toggle,
.right-mobile-menu-toggle,
.slideout-menu{
    display: none;
}
.mobile-hidden{
    display: block;
}
.mobile-visible{
    display: none;
}
@media screen and (max-width: 767px) {
    body{
        width: 100%;
        height: 100%;
        font: 14px/1.45 'PT Sans', Arial, sans-serif;
    }
    body h1,
    body h2,
    body h3,
    body h4 {
        font-family: 'Open Sans', Arial, sans-serif;
    }
    #header-nav{
        display: none;
    }
    /* main style*/
    .mobile-hidden{
        display: none;
    }
    .mobile-visible{
        display: block;
    }
    .content-wrapper {
        margin: 0;
    }
    .jea-wrapper{
        width: 100% !important;
        position: static !important;
        margin: 0;
    }
    .inner-wrapper {
        width: 100%;
        position: static;
    }
    .content-inner {
        padding: 0 0 5px;
    }
    .grid-12col {
        width: 100%;
    }
    .inner {
        width: 100%;
        position: static;
    }
    .support-choice-box {
        width: 43%;
    }
    #pagination {
        font-size: 18px;
    }
    #pagination-links {
        float: none;
    }
    #pagination-select {
        margin: 15px 0 0 0px;
    }
/*    #header-global{
        position: relative;
        float: none;
    }*/
    .left-mobile-menu-toggle{
        display: block;
        position: absolute;
        left: 15px;
        top: calc(50% - 14px);
    }
    .left-mobile-menu-toggle,
    .right-mobile-menu-toggle{
        font-size: 28px;
        color: #005D55;
        line-height: 1;
        cursor: pointer;

    }
    .mobile-menu-trigger.menu-opened{
        color: #D67534;
        text-shadow: 1px 1px 4px rgba(214, 117, 52, 0.4);
    }
    .header-container-left{
        display: none;
    }
    .header-container{
        width: 220px;
        margin: 0 auto;
        padding: 10px;
        box-sizing: border-box;
    }
    .header-container img,
    #header-global .eac-content-wrapper img{
        max-height: 40px;
        display: block;
        width: auto;
        margin: 0 auto;
        max-width: 200px;
        padding: 0 !important;
    }
    #header-global .eac-content-wrapper img{
        margin-top: 10px;
    }
    #header-global .eac-content-wrapper .default-right-logo-img{
        display: none;
    }
    .header-container .header-container-right a{
        max-height: 40px;
        display: block;
        width: auto;
        margin: 0 auto;
        max-width: 200px;
        padding: 0 !important;
        background-position: center;
    }
    .header-container-right{
        margin: 0 !important;
    }
    #header-user{
        display: none;
    }
    body #wrapper{
        width: 100%;
        overflow: hidden;
        min-width: 0 !important;
    }
    #header .top-header-bar{
        display: none !important;
    }
    #wrapper #header #header-global .inner-wrapper {
        width: 79% !important;
    }
    #header-global{
        border-bottom: 1px solid gray;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 20;
        float: none;
        height: 61px !important;
        overflow: hidden;
        box-sizing: border-box;
        padding: 0 !important;
        background-color: rgba(255,255,255, 0.6) !important;
    }
/*    #main-mobile-menu{
        position: fixed;
        height: 100%;
        overflow-y: scroll;
        left: 0;
        top: 0;
        background: #9F9F9F;
    }*/
    .slideout-menu{

    }
/*    #main-mobile-menu,*/
    #mobile-filters-area{
        width: 255px;
        z-index: 0;
        -webkit-overflow-scrolling: touch;
    }
    #main-mobile-menu ul li a,
    #main-mobile-menu ul li ul li a:hover{
        color: white !important;
    }
    #main-mobile-menu ul li a.active-link{
        background: orange;
    }
    #main-mobile-menu ul li ul {
        display: block !important;
        background: transparent !important;
    }
    #main-mobile-menu ul li.active ul{
        position: static !important;
        width: 100%;
        box-shadow: none;
    }
    #main-mobile-menu ul li{
        float: none;
        border-bottom: 1px solid white;
        display: block;
    }
    #main-mobile-menu ul li a{
        height: auto;
        text-transform: capitalize;
        font-size: 18px;
        position: relative;
        display: block;
        font-family: 'PT Sans';
        cursor: pointer;
    }
    #main-mobile-menu ul li ul li:first-child{
        margin: 0;
        border-top: 1px solid white;
    }
    #main-mobile-menu ul{
        display: block;
        padding: 0;
        margin: 0;
    }
    #main-mobile-menu ul li ul li:last-child {
        margin-bottom: 0;
        border-bottom: none;
    }
    #main-mobile-menu ul li a:only-child,
    #main-mobile-menu ul li span:only-child{
        padding: 10px 0 10px 15px;
    }
    #main-mobile-menu ul li > span{
        display: block;
        opacity: 0.6;
        font-size: 18px;
    }
    #main-mobile-menu ul li a:only-child:after{
        content: "\f054";
        position: absolute;
        right: 10px;
        top: calc(50% - 7px);
        display: inline-block;
        font: normal normal normal 16px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    #main-mobile-menu ul li a:not(:only-child){
        background: white;
        color: black !important;
        font-weight: bold;
        padding: 9px 0 9px 15px;
        pointer-events: none;
    }
    #header #main-mobile-menu ul li ul li a,
    #header #main-mobile-menu ul li ul li span{
        padding: 10px 25px 10px 25px;
        margin: 0;
    }
    #main-mobile-menu li a.active-link{
        background: orange !important;
    }
    #main-mobile-menu-inner{
        position: static !important;
        width: 100% !important;
    }
    #content{
        padding-top: 61px;
        position: relative;
        background: white;
    }
    #content > h1{
        background: #005D55;
        color: white !important;
        font-size: 20px !important;
        display: block;
        margin: 0;
        padding: 10px !important;
        width: 100%;
        box-sizing: border-box;
        position: relative;
        left: 0;
        top: 0;
        line-height: 1.2;
    }
    .right-mobile-menu-toggle{
        position: absolute;
        right: 15px;
        top: calc(50% - 14px);
        line-height: 1;
    }
    #mobile-filters-area{
        position: fixed;
        height: 100%;
        overflow-y: scroll;
        right: -83%;
        top: 0;
        background: white;
        border: 1px solid black;
        box-sizing: border-box;
        padding: 10px;
        z-index: 60;
        width: 83%;
    }
    #google_translate_element{
        display: none;
    }
    #wrapper, #wrapper-inner, #header, #content, #footer, .outer-wrapper {
        float: none;
    }
    #header-global,
    #content,
    #footer,
    #mobile-filters-area{
        -webkit-transition: -webkit-transform 300ms ease;
        -webkit-transition-duration: 300ms;
        -moz-transition: -moz-transform 300ms ease;
        transition: transform 300ms ease;
    }
    #header-global.shift-right,
    #content.shift-right,
    #footer.shift-right{
        -webkit-transform: translate3d(255px,0,0);
        -moz-transform: translate3d(255px,0,0);
        transform: translate3d(255px,0,0);
    }
    #footer{
        position: relative;
        z-index: 10;
    }
    #header-global.shift-left,
    #footer.shift-left,
    #content.shift-left{
        -webkit-transform: translate3d(-83%,0,0);
        -moz-transform: translate3d(-83%,0,0);
        transform: translate3d(-83%,0,0);
    }
    #mobile-filters-area.shift-left{
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
    #content.shift-right{
        overflow: hidden;
        height: 100%;
    }
    .disable-scroll{
        overflow: hidden;
        height: 100%;
    }
    .form-control-item:after{
        content: "";
        display: block;
        clear: both;
    }
    [data-visually-hidden="false"] {
        /*display: block !important;*/
        position: static;
        box-shadow: none;
    }
    #content + .section{
        z-index: 1;
        position: relative;
        background: #DCDBDB;
    }
    .slideout-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        width: 80%;
        min-height: 100vh;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        z-index: 0;
        display: none;
        background: #9F9F9F;
        -webkit-box-shadow: inset 0px 11px 13px -6px rgba(0,0,0,0.5);
        -moz-box-shadow: inset 0px 11px 13px -6px rgba(0,0,0,0.5);
        box-shadow: inset 0px 11px 13px -6px rgba(0,0,0,0.5);
    }

    .slideout-menu-left {
        left: 0;
    }

    .slideout-menu-right {
        right: 0;
    }

    .slideout-panel {
        position: relative;
        z-index: 1;
        will-change: transform;
        background-color: #FFF;
        /*min-height: 100vh;*/
    }

    .slideout-open,
    .slideout-open body,
    .slideout-open .slideout-panel {
        overflow: hidden;
    }

    .slideout-open .slideout-menu {
        display: block;
    }
    #wrapper{
        -webkit-box-shadow: -7px 3px 10px 2px rgba(0,0,0,0.4);
        -moz-box-shadow: -7px 3px 10px 2px rgba(0,0,0,0.4);
        box-shadow: -7px 3px 10px 2px rgba(0,0,0,0.4);
    }
    #header-nav-inner{
        padding-bottom: 100px;
        position: static !important;
        min-width: 0 !important;
    }
    /* end main*/

    /*--- tos---privacy---*/
    .privacy {
        padding: 15px;
    }
    .tos {
        padding: 0;
    }
    .tos .content p {
        padding: 5px 25px;
    }
    .document-tos-p2 {
        margin-left: 15px;
    }
    .top-section h3{
        padding-left: 10px;
        box-sizing: border-box;
    }
    .document-tos-p1 {
        margin-left: 0px;
    }
    /* euc tos*/
    .tos #page_1{
        width: 100%;
        margin-left: 0 !important;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .ft0{
        text-align: center !important;
        margin-left: 0;
        padding-left: 0 !important;
        display: block;
    }
    .tos #page_1 p{
        padding-right: 0;
        box-sizing: border-box;
    }
    .tos #page_1 .p31,
    .tos #page_1 .p32{
        display: inline;
    }
    .content-wrapper{
        box-shadow: none;
    }
    /*--- end -- tos---privacy---*/
    /*----Home page---*/
    .smeco-slider {
        float: none !important;
        width: 100% !important;
        overflow: hidden;
    }
    .smeco-slider{
        height: 200px !important;
    }
    .slide-hl{
        font-size: 23px !important;
        line-height: 1.1 !important;
        padding-top: 8px !important;
        font-family: 'PT Sans', Arial, sans-serif !important;
    }
    .slide-sl{
        min-height: 40px !important;
        font-size: 16px !important;
        line-height: 1.1 !important;
        font-family: 'PT Sans', Arial, sans-serif !important;
    }
    .slide-test-wrapper{
        padding-left: 10px !important;
        width: 160px !important;
    }
    .slide-yellow-button {
        width: 130px !important;
        height: 40px !important;
        line-height: 40px !important;
    }
    .slide-2 .slide-test-wrapper,
    .slide-4 .slide-test-wrapper{
        margin-right: 10px !important;
        text-align: right;
    }
    .slide-2 .slide-yellow-button,
    .slide-4 .slide-yellow-button{
        float: right;
    }
    .play-video {
        background-size: contain !important;
        width: 75px !important;
        height: 75px !important;
        margin-left: -37.5px !important;
        margin-top: -37.5px !important;
    }
    .sp{
        width: 100% !important;
        float: none !important;
    }
    .sectionArrow {
        position: relative;
        height: 12px;
        width: 60px;
        float: none;
        overflow: hidden;
        left: 0;
        margin: 0 auto;
    }
    .inner-wrapper .green-hl{
        font-size: 20px !important;
    }
    .optionBoxes{
        margin-top: 0 !important;
    }
    .optionBox{
        display: block;
        float: none;
        width: 100% !important;
        box-sizing: border-box;
        margin-right: 0 !important;
        padding: 0 !important;
        border: none !important;
        height: auto !important;
        box-shadow: none !important;
        margin: 0 !important;
    }
    .optionBoxesWrapper{
        margin: 0 !important;
    }
    .optionBox img{
        height: auto !important;
        margin-bottom: 10px !important;
    }
    .optionBox h3,
    .optionBox h4,
    .optionBox .info-description-text,
    .infoThis,
    #footerCTA,
    .learn-more-wrapper{
        padding: 0 10px !important;
        box-sizing: border-box;
    }
    .optionBox .form-button-wrapper {
        margin: 0;
        position: static;
        padding: 0px 0 10px;
    }
    .infoThis h1{
        font-size: 20px;
        padding-top: 15px;
    }
    div#usageOptions,
    div#trackingOptions,
    div#programOptions{
        padding-right: 0;
    }
    div#usageScreenshots {
        margin-left: 0px;
        float: none !important;
        padding-right: 0 !important;
    }
    #usageScreenshots img{
        width: 100% !important;
        display: block;
    }
    .optionBoxes .get-assistance-wrapper {
        display: block !important;
        padding: 0 !important;
    }
/*    .grayContentInner{
        background: white;
    }*/
    .grayContentInner{
        padding: 0;
    }
    .learnMore.twoLines {
        height: auto;
    }
    .learnMore h4 {
        float: none;
    }
    .learnOptions {
        margin-top: 10px;
        position: relative;
        left: 0;
    }
    .learnmoreTextLink {
        padding-right: 0;
        display: block;
    }
    .grayContentInner + .sectionArrow{
        display: none;
    }
    #footerCTA form {
        display: block;
    }
    #footerCTA .registerArea {
        display: block;
    }
    .registerArea h4{
        margin-right: 0;
    }
    #footerCTA .registerArea .form-button{
        float: none;
    }
    .form-box-content{
        float: none;
        display: block;
    }
    .registerArea .form-button-inner{
        top: 0;
    }
    .imac-video {
        width: 174px !important;
        height: 133px !important;
        right: 10px !important;
        top: 23px !important;
    }
    .imac-video .play-video{
        top: 52px;
    }
    .imac-video .video-wrapper {
        width: 160px;
        height: 90px;
        display: none;
        margin: 7px 0 0 7px;
    }
    .learn-more-wrapper li {
        display: block !important;
        margin-right: 0 !important;
    }
    .note-orange{
        margin-bottom: 0 !important;
    }
    .smeco-slider .slick-dots li button::before {
        font-size: 14px !important;
        margin: 0 !important;
    }
    .smeco-slider .slick-dots li{
        margin: 0;
    }
    .optionBoxesWrapper {
        padding-left: 0 !important;
    }
    .vid-wrapper {
        float: none;
        width: 100%;
        box-sizing: border-box;
    }
    .content-wrapper .gray-bgr::after,
    .content-wrapper .white-bgr::after{
        margin-left: -13.5px !important;
    }
    .content-inner-block{
        padding: 0 !important;
    }
    .smeco-slider .slick-dots {
        bottom: -14px;
    }
        /*----end Home page--------*/
    /*------- login-box-----------*/
    #login-box{
        position: fixed !important;
        top: 100px !important;
        left: 2% !important;
        width: 96% !important;
        margin-left: 0 !important;
        box-sizing: border-box;
        min-width: 0;
    }
    #login-form-placement{
        width: 100%;
        box-sizing: border-box;
    }
    #mask{
        background: rgba(0,0,0, 0.8);
    }
    #login-form-placement .setup-checkbox {
        margin-left: 0;
    }
    #login-form-placement #form-element-remember{
        display: none !important;
    }
    #popup-login-button{
        float: none;
    }
    .buttons ul{
        margin: 0;
        padding: 0;
    }
    #popup-login-button {
        margin: 0;
    }
    #login-box .setup-checkbox-box{
        float: none;
    }
    #login-box .form-box-content .form-element label,
    #login-box .form-box-content .form-element input[type="text"],
    #login-box .form-box-content .form-element input[type="password"]{
        margin: 0 0 5px !important;
        float: none;
        display: block;
        box-sizing: border-box;
        width: 100% !important;
        text-align: left;
    }
    #login-box .buttons {
        margin: 10px 0;
    }
    .setup-checkbox-box::after {
        content: "";
        display: block;
        clear: both;
    }
    /*---------end login box-------------------*/

    /*---------- euc home page-----------------*/
    .body-top-blue-wrapper{
        display: none;
    }
    body {
        min-width: 320px !important;
    }
    .top-img-wrapper .top-overlay,
    .top-img-wrapper .overlay-wrapper{
        position: static;
    }
    .top-img-wrapper .top-overlay {
        width: auto;
        height: auto;
        margin-top: 0;
        padding: 10px;
        max-width: 100%;
        box-sizing: border-box;
    }
    .wrapper-block .title-center {
        margin-top: 5px;
    }
    .info-wrapper .green-line,
    .info-wrapper .info-block::before{
        left: 0;
    }
    .info-wrapper .left-info-block .text-info-block,
    .info-wrapper .right-info-block .text-info-block{
        padding: 120px 0 0 10px;
        margin-bottom: 60px;

    }
    .info-wrapper .left-info-block,
    .info-wrapper .right-info-block {
        width: 100%;
        padding: 0;
        float: none;
    }
    .info-wrapper .text-info-block{
        background-position: center top;
    }
    .info-wrapper .landing-title{
        text-align: center;
    }
    .info-wrapper .browse-button{
        margin: 20px auto;
    }
    .info-wrapper .second-info-image{
        padding-top: 200px !important;
    }
    .mobile-visible .bottom-btn-container {
        position: static;
        margin: 5px 0 0;
    }
    .mobile-visible .bottom-btn-container:after{
        content: "";
        clear: both;
        display: block;
    }
    .mobile-visible .bottom-btn-container .button-grey{
        float: right;
    }
    .green-wrapper .video-wrapper {
        height: 159px;
        width: 100%;
    }
    .green-wrapper .video-text {
        width: 100%;
    }
    #footer .footerSitemap{
        padding: 10px;
        box-sizing: border-box;
        width: 100%;
    }
    .landing-slider-section .vendors-slider {
        width: 100%;
    }
    .landing-slider-section .vendors-slider .slide-info{
        height: auto;
        display: block;
        padding: 0 30px 0 30px;
    }
    .landing-slider-section .vendors-slider  .slick-slide{
        height: auto !important;
    }
    .landing-slider-section{
        height: auto !important;
        padding-bottom: 60px;
    }
    .landing-slider-section .slide-info > div {
        display: block;
    }
    .landing-slider-section .slide-info-item{
        min-width: 0;
        max-width: none;

    }
    .landing-slider-section .item-v-logo{
        background-position: center !important;
    }
    .landing-slider-section .slide-info-item,
    .landing-slider-section .slide-info-button-wrapper{
        height: auto;
    }
    .landing-slider-section .slide-info-item {
        padding: 10px 0;
        border-left: 0 !important;
        border-top: 2px solid #F2F2F2;
    }
    .landing-slider-section .slide-info-logo {
        padding-right: 0;
        margin-bottom: 40px;
    }
    .slide-info-button-wrapper a {
        width: 100% !important;
        display: block;
        box-sizing: border-box;
    }
    .landing-slider-section .slick-prev{
        left: 0;
        z-index: 2;
    }
    .landing-slider-section  .slick-next {
        right: 0;
        z-index: 2;
    }
    .landing-slider-section .slide-desc{
        font-size: 22px;
        padding: 5px 60px 12px 30px;
    }
    .landing-slider-section .slide-hl{
        margin-top: 0;
    }
    .landing-slider-section .slide-info-button-wrapper{
        padding-bottom: 20px;
    }
    .landing-slider-section .slick-dots{
        bottom: -70px;
    }
    .box-white-left + .wrapper-block{
        padding-top: 20px;
    }
    .right-info-block .browse-button {
        margin-left: auto !important;
    }
    .landing-slider-section .cheef-lender-logo{
        width: 60px;
        top: 70px;
    }
    .landing-slider-section .sponsor-info{
        width: 100%;
        box-sizing: border-box;
    }
    .landing-slider-section .property-types-section {
        position: static;
        width: 100%;
        box-sizing: border-box;
        padding: 0 30px;
        margin-top: 5px;
    }
    .landing-slider-section .property-types-section .property-type-icons li {
        height: 32px ;
        margin-right: 5px;
    }

    /*---------- euc home page-----------------*/
    /* footer*/
    #footer-main{
        padding-bottom: 20px !important;
    }
    .footerSitemap .wrapper{
        width: auto;
    }
    .footerSitemap .blocks_4up > li{
        width: 50%;
    }
    .footerSitemap ul li li {
        display: block;
        text-align: left;
        width: auto;
        float: none;
    }
    #footer{
        overflow: hidden;
    }
    #footer-main .footer-left-logo,
    #footer-main .footer-right-logo{
        display: none;
    }
    #footer-main span {
        padding: 0px 5px;
    }
    /* end footer*/
    #main-mobile-menu #header-nav .nav_li_0.on,
    #main-mobile-menu .nav_li_0_active{
        box-shadow: none;
    }
    /*transition-page*/
    .transition-page .t-page-main-block{
        width: 100%;
    }
    .transition-page .t-header-text {
        font-size: 16px;
        padding: 20px 10px;
    }
    .transition-page .t-page-top-text {
        padding: 5% 1%;
        font-size: 18px;
    }
    .transition-page .block-with-logo > div {
        display: block;
    }
    .transition-page .t-block-title{
        font-size: 14px;
    }
    .transition-page .t-block-li {
        float: left;
        margin: 1% 1% 0;
        width: 48%;
        height: auto;
        padding-top: 45%;
    }
    .transition-page .block-with-text{
        padding: 0 1%;
    }
    .transition-page .contact-big {
        width: 100%;
    }
    .transition-page .banner-text-wrapper{
        width: 100%;
    }
    .transition-page .green-banner{
        background-position: 10px 10px;
        background-size: 50px 48px;
        padding-left: 0;
        padding-right: 0;
        justify-content: center;
    }
    .transition-page .green-banner-hl{
        padding-left: 70px;
        min-height: 60px;
    }
    .transition-page .green-banner-text{
        padding: 5px 5px 5px 14px;
    }
    .transition-page .contact-label{
        padding: 5px 0 15px 10px;
        font-size: 17px;
    }
    /* end transition-page*/
    #ui-datepicker-div{
        display: none;
    }

    /* user-info menu*/
    #user-info{
        height: 61px;
/*        background-image: -ms-linear-gradient(top, #717171 0%, #303030 100%);
        background-image: -moz-linear-gradient(top, #717171 0%, #303030 100%);
        background-image: -o-linear-gradient(top, #717171 0%, #303030 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #717171), color-stop(100, #303030));
        background-image: -webkit-linear-gradient(top, #717171 0%, #303030 100%);
        background-image: linear-gradient(to bottom, #717171 0%, #303030 100%);*/
        background: #303030;
        border-bottom: 1px solid white;
    }
    #user-info .username:before{
        content: "\f007";
        display: block;
        font: normal normal normal 14px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        box-sizing: border-box;
        font-size: 28px;
        background: white;
        border-radius: 100%;
        width: 40px;
        text-align: center;
        height: 40px;
        line-height: 40px;
        margin-right: 10px;
        color: #9F9F9F;
    }
    #user-info .username:after{
        content: "\f078";
        display: block;
        font: normal normal normal 14px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        box-sizing: border-box;
        color: white;
        margin-left: 10px;
    }
    #user-info .username{
        height: 100%;
        width: 100%;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        box-sizing: border-box;
        padding: 0 10px;
        font-size: 18px;
        color: white;
        cursor: pointer;
    }
    #user-info .user-info-container{
        display: none;
        width: 100%;
        height: calc(100% - 61px);
        position: absolute;
        left: 0;
        top: 61px;
        z-index: 20;
        background: rgba(0,0,0, 0.6);
        box-sizing: border-box;
        padding: 10px;
    }
    .js-nav-system{
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
        transition: 0.3s filter linear;
    }
    .user-menu-open .js-nav-system{
        -webkit-filter: blur(5px);
        -moz-filter: blur(5px);
        -o-filter: blur(5px);
        -ms-filter: blur(5px);
        filter: blur(5px);
        transition: 0.3s filter linear;
    }
    .user-menu-open #user-info .username:before,
    .user-menu-open #user-info .username:after{
        color: orange;
    }
    .user-menu-open{
        overflow: hidden;
    }
    .user-info-container #user-wrapper-username{
        display: none;
    }
    .user-info-container span{
        display: block !important;
        float: none !important;
        font-size: 18px;
        word-wrap: break-word;
        color: white;
    }
    .user-info-container > div > span:first-child{
        color: #3998b5 !important;
    }
    #user-account{
        padding: 0 4px 0 0;
        color: #3998b5;
        font-style: italic;
    }
    .user-info-container a{
        display: block !important;
        float: none !important;
        box-sizing: border-box;
        width: 100% !important;
        height: auto !important;
        padding: 10px !important;
        background: #69b8c4 !important;
        text-align: center;
        color: white;
        margin: 10px auto !important;
        font-weight: normal !important;
    }
    .user-info-container a, .user-info-container a span{
        font-size: 16px;
    }
    #user-address-edit:before{
        content: 'Edit Address';
    }
    #user-accountnumber,
    #user-address + span{
        padding: 5px 10px;
    }
    h1.mobile-visible .login-window{
        font-size: 12px;
        float: right;
        line-height: 20px;
    }

    /* end user-info menu*/
    /* fir page, pace page*/
    .fir-col {
        float: none !important;
        width: 100% !important;
    }
    .fir-col-inner,
    .resource-list{
        width: 100% !important;
    }
    .li-content{
        z-index: 15 !important;
    }
    .resource-list{
        margin: 0 !important;
    }
    .fir-section h2{
        padding: 0 0 0 10px !important;
    }
    .file-icon{
        margin-top: 20px !important;
    }
    #le-container{
        float: none;
        margin: 10px auto 0;
    }
    #le-container .highcharts-container{
        margin: 0;
    }
    /* end fir page*/

    /* jea joba fix*/
    #header{
        display: block !important;
    }
    .left-side-menu, .absoluted{
        display: none !important;
    }
    .jea-wrapper .inner-wrapper .inner .content-wrapper .content-inner {
        margin-top: 0 !important;
    }
    /* end jea joba fix*/

    /* ui-popup*/
    .ui-dialog{
        width: 90% !important;
        left: 5% !important;
        box-sizing: border-box;
        top: 5%;
        transform: none;
    }
    .ui-dialog .form-element input[type="text"],
    .ui-dialog .form-element input[type="password"],
    .ui-dialog .form-element select,
    .ui-dialog-content .form-element textarea,
    .ui-dialog .signup_message,
    .ui-dialog form > div{
        width: 100% !important;
        box-sizing: border-box;
    }
    .ui-dialog #form-signup{
        float: none;
    }
    .ui-dialog .form-element{
        display: block;
    }
    .ui-dialog .form-element{
        margin: 10px auto;
    }
    .ui-dialog .form-element-label {
        float: none;
        width: auto;
        margin-right: 0;
    }
    .ui-dialog .hint{
        text-align: left;
    }
    .ui-dialog .ui-dialog-buttonpane{
        padding: .5em 1em;
    }
    .ui-dialog .ui-dialog-buttonpane button {
        float: none;
        margin: 0 0 10px;
        cursor: pointer;
        padding: 0;
        display: block;
        width: 100%;
        box-sizing: border-box;
        height: 40px;
    }
    .proceed-popup-wrapper{
        width: 100%;
        box-sizing: border-box;
    }
    .ui-dialog .form-element.checkbox input[type='checkbox'],
    .ui-dialog .form-element.checkbox label{
        float: left;
    }
    .ui-dialog .form-element.checkbox label{
        width: 90% !important;
    }
    .ui-dialog .form-element.checkbox:after{
        content: '';
        display: block;
        clear: both;
    }
    /* end ui-popup*/
    /* contractors, rebates buttons*/
    .find-prod a.button,
    .grid .company-buttons a.button{
        display: block;
        float: none;
        width: auto;
        margin: 0 0 10px !important;
    }
    .find-prod,
    .grid .company-buttons {
        display: block;
        width: 100%;
        box-sizing: border-box;
        float: none;
        clear: left;
    }
    .grid .company-buttons{
        margin: 36px 0 0 0 !important;
    }
    #results .company-box .rebate-content,
    #results .company-box .list-item-body,
    #results .company-box > .col-left,
    #results .company-box > .col-right,
    #results .company-box .list-item-body2{
        padding: 5px 10px;
        box-sizing: border-box;
        width: 100% !important;
    }
    #results .company-box{
        padding: 0;
        width: 100%!important;
        box-sizing: border-box;
    }
    /* end contractors, rebates buttons*/

    .hide{
        display: none;
    }
    .depth_1 .smeco-slider {
        margin-top: 0 !important;
    }
    .overlay-restriction{
        background: rgba(255,255,255, 0.9);
        opacity: 1;
    }
    .overlay-restriction .restriction-message {
        width: 90%;
        background: white;
        margin-top: 120px;
        padding: 5%;
        box-sizing: border-box;
    }
    #content-main > .user-info-section{
        display: none !important;
    }
    #user-wrapper-address span div.form #form-element-premises_and_meters{
        margin: 0 !important;
    }
    /* support bar*/
    .support-bar.bar-green-thick{
        padding: 0 10px;
    }
    .support-bar .support-box-wrapper{
        display: block;
        margin: 10px auto;
    }
    .support-bar .support-choice-box {
        width: 100%;
        float: none;
        margin: 5px 0;
    }
    .support-bar .support-choice-box a{
        height: 40px;
    }
    .support-bar .support-choice-box a br{
        display: none;
    }
    #main-mobile-menu .custom-logout-wrapper.logout_mobile{
        position: static;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }
    #main-mobile-menu .custom-logout-wrapper.logout_mobile a{
        background: url("/images/LogOut.gif") no-repeat !important;
    }
    #dashboard .wide .grid #mysavingsplan-health .form-box-inner, #dashboard .wide .grid #mysavingsplan-carbon .form-box-inner{
        width: 305px !important;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 320px) {
    .top-block-wrapper .slide-2, .top-block-wrapper .slide-4 {
        background-size: calc(100% + 20px) 100%;
        background-position: -20px 0;
    }
    .top-block-wrapper .slide-2 .slide-test-wrapper,
    .top-block-wrapper .slide-4 .slide-test-wrapper{
        margin-right: 5px !important;
        width: 148px !important;
    }
}

@media screen and (max-width: 940px) {
    #mysavings-breakdown-table h4 {
        font-size: 14px !important;
        margin-top: 13px;
    }
    #mysavings-breakdown-table thead .col-main h4{
        padding-top: 6px;
    }
    #mysavings-breakdown-table thead .icon-more-info img{
        margin-top: 6px
    }
}