.mobile-menu-toggle{

    background-color: #a2d40a;

    box-sizing: border-box;

    border-radius: 5px;

    cursor: pointer;

    float: right;

    margin-left: 20px;

    padding: 3px 0;

    width: 42px;

    display: none;

}



.mobile-menu-toggle span{

    background-color: #fff;

    box-sizing: border-box;

    display: block;

    height: 3px;

    margin: 6px 8px;

    border-radius: 10px;

}



.menu.show_mobile{

    background-color: #fff;

    display: block !important;

    position: absolute;

    height: auto;

    z-index: 999;

    width: 100%;

    box-shadow: 0 5px 5px -5px #000

}



.menu.show_mobile > li{

    display: block;

    width: 100%;

    float: none;

    margin: 0;

    padding: 8px 15px !important;

    border-bottom: 1px solid #efefef;

}



.menu.show_mobile li a {

    padding: 0;

}



#banner .image > img{

    opacity: 0;

}



#banner .image{

    background-size: cover;

    background-position: center top;

    height: 50vh;

}





.bx-wrapper .bx-pager {

    position: relative;

}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {

    bottom: 0;

    margin-top: 30px;

    position: relative !important;

    width: 100%;

}



table td, table td p {
    line-height: 21px !important;
    word-wrap: break-word;
}


table.contact td a{
    word-break: break-word;
}



.show-on-small-inline-block{

    display: none;

}

.show-on-small-block{

    display: none;

}
@media screen and (max-width: 1600px) {
    .login-right{
        padding-right: 40px;
    }
    .login-left{
        padding-left: 3%;
    }
}
@media screen and (max-width: 1460px) {
    .login-right{
        max-width: 350px;
        padding-right: 35px;
    }
    .login-wrapper h3{font-size: 19px}
    iframe {
        width: 100%;
    }
}
@media screen and (max-width: 1380px) {
    .login-left{
        padding-left: 1.5%;
    }
    .login-right{
        padding-right: 2%
    }
    .login-wrapper h3{font-size: 19px}
    .us-login .login-banner{background-position: 56%}
}


@media screen and (max-width: 1250px) {
    .login-content{
        background: rgba(255,255,255,0.65);
        padding: 25px;
    }
    .login-left{
        width: auto;
        padding-right: 2%;
        max-width: 500px;
    }
    .us-login .login-banner{
        background-position: 70%;
    }
}

@media screen and (max-width: 1200px) {
    .page_nav{
        display: none;
    }
}

@media screen and (max-width: 1140px) {
    .overheader, .main, .footer, #help{
        padding: 10px;
        box-sizing: border-box;
    }
    .banner_content{
        padding: 10px;
    }
    .menu .menu-item {
        width: auto !important;
        /*margin: 20px;*/
        padding-right: 25px;
    }
    .menu > .menu-item:first-child{
        padding-left: 25px;
    }
    .menu{
        text-align: center;
    }
    .menu li{
        display: inline-block;
        text-align: left;
        float: none;
    }
    .question {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 2px solid #a2d40a;
        border-radius: 10px;
        height: auto;
        margin-top: 20px;
        margin-bottom: 20px;
        min-height: 140px;
        padding: 8px;
        width: 28%;
    }
    .question p{
        text-align: left;
    }
    .question br {
        display: none;
    }
    .question:hover, .question.active {
        background: #a2d40a;
        background-image: none;
    }
    .under-banner p{
        font-size: 18px;
    }
    .landing .btns a, .banner h3 a{
        margin: 15px !important;
    }
}

@media screen and (max-width: 1140px){
    #menu-us_menu{
        display: none;
    }
    #menu-us_menu.menu .current-menu-item .sub-menu, #menu-us_menu.menu .current-menu-ancestor .sub-menu{
        display: block !important;
    }
    #menu-us_menu.menu .sub-menu {
        padding-left: 20px;
    }
    #menu-us_menu.menu .sub-menu li {
        display: block;
        padding: 3px;
        border-bottom: 1px solid #efefef;
    }
    #menu-us_menu.menu .sub-menu li.current-menu-item a {
        color: #3fae2a !important;
    }
    #menu-us_menu.menu .sub-menu li:last-child {
        border-bottom: none;
    }
    #menu-us_menu.menu .sub-menu li a {
        color: #4d4d4d !important;
        border: none !important;
    }
    #menu-us_menu.menu .sub-menu {
        position: static;
        background: none;
    }
}

@media screen and (max-width: 1100px){
    .banner_content {
        top: 100px;
        box-sizing: border-box;
    }
    .wellness-awarded-block .right-block, .wellness-awarded-block .left-block { width: 100%;}
}

@media screen and (max-width: 1060px){
    #bx-pager a {margin-left: 45px}
    .intro_slider {display: none !important;}
    .promotion{width: 70%; margin: 10px auto;}
}

@media screen and (max-width: 1000px){
    #login, #us_popup{
        margin: 10px auto;
    }
    .banner_content .slider{
        width: 95%;
    }
    #banner > .image > img{
        display: none;
    }
    #banner .image{
        background-position: center;
        background-size: cover;
    }
    #banner .banner_content{
        position: relative;
        top: 0;
        padding-top: 100px;
    }
    #banner{
        margin-bottom: 25px;
    }
    .home .tiles .tile:hover .overlay {
        top: 65%;
    }
    .home .tiles .tile:hover .overlay .desc {
        display: none;
    }
    .print-button{
        display: none;
    }
    .parent-link{
        position: static;
        margin-bottom: 30px;
    }
    .lang_btn a.oe2018_btn {top: 18px; bottom: auto; right: 76px;}

    #bookmark-this{
        top: -11px;
    }
    #events-category{
        top: -25px;
    }
    .calendar-head .current-month{
        width: 100% !important;
        border: none!important;
        display: table-cell!important;
    }
    .calendar-head .previous{
        width: 20%;
    }
    table td{padding: 15px 8px}
}

@media screen and (max-width: 950px){
    .qr-wrapper .qr.width33, .qr-wrapper .text.width33{ width: 60%;}
    .qr-wrapper .phone-qr img{ position: relative; top: 38px; left: 20px;}
    .contact_box p {

        overflow: hidden;

        text-overflow: ellipsis;

    }

    .under-banner p{

        font-size: 14px;

    }

    .under-banner{

        padding: 20px;

    }
    h3 + ul li:before, .list1 li:before, .content ul li:before, #ecwd-events-content ul li:before{
        top: 21px;
        left: 0;
        width: 20px;
        height: 20px;
    }
    ol li:before{
        left: -5px;
        width: 18px;
        height: 18px;
        line-height: 20px;
        font-size: 12px;
        top: 10px;
    }
}

@media screen and (max-width: 920px){

    table.and td:first-child{

        padding-right: 35px !important;

    }

    table.and td:last-child{

        padding-left: 35px !important;

    }

    .menu{

        display: none;

    }



    .menu .current-menu-item .sub-menu, .menu .current-menu-ancestor .sub-menu{

        display: block !important;

    }



    .menu .sub-menu {

        padding-left: 20px;

    }



    .menu .sub-menu li {

        display: block;

        padding: 8px;

        border-bottom: 1px solid #efefef;

    }

    .menu .sub-menu li.current-menu-item a {

        color: #3fae2a !important;

    }



    .menu .sub-menu li:last-child {

        border-bottom: none;

    }



    .menu .sub-menu li a {

        color: #4d4d4d !important;

        border: none !important;

    }



    .menu .sub-menu {

        position: static;

        background: none;

    }
    .login-pages label{font-size: 18px}

}

@media screen and (max-width: 850px){

    table.options tr td:first-child {

        width: auto;

    }



    table td {

        padding: 10px 5px 10px 10px;

    }



    table.drugs tr:first-child td:first-child {

        width: auto;

    }



    table:not(.slider_contact) td br, .image_block br, p br {

        display: none;

    }

    .medical_optical br{

        display: inline;

    }

    .answer p {

        text-align: left;

    }



    .health-advocate .image_block, .asknow-human-capital .image_block {

        padding: 0 3%;

        box-sizing: border-box;

    }

    #bx-pager a {margin-left: 27px}

    #bx-pager a:before {width: 27px}
    .us-login .login-banner{background-image: none}
    .login-content{background: none; padding: 0}
    .login-pages label{padding-left: 10px}
}

@media screen and (max-width: 800px){

    .banner_content{

        top: 75px;

    }



    .tiles .tile{

        margin: 0.5% !important;

        width: 49% !important;

    }

    .tiles.phl .tile:last-child, .tiles.us .tile:last-child{

        width: 100% !important;

    }

    .tiles.inner6 .tile4{

        width: 99% !important;

    }

    .tiles.inner6 .tile4{

        background-color: #3fae2a;

    }

    .tiles.inner6 .tile5{

        background-color: #a2d40a;

    }

    .tiles.inner3 .tile:first-child, .tiles.inner5 .tile:first-child, .tiles.inner9 .tile:first-child, .tiles.inner6 .tile:first-child{

        width: 99% !important;

    }
    .banner h2 {
        font-size: 38px;
        overflow: hidden;
    }
    .search_box input, .search input {
        width: calc(100% - 50px);
        margin: 0 0 10px 0;
    }
    .search button {
        margin: 0 auto;
        display: block;
    }
    .bigger {
        display: block;
    }
    .hra-hsa-fsa_cols, .medical_cols {
        padding-bottom: 5%;
    }
    p.site a, p.mail a, p.site strong, p.mail strong {
        position: relative;
        font-size: 0;
    }
    p.site a:after, p.mail a:after {

        color: #fff;

        content: "Website";

        display: block;

        font-size: 13px;

        /*line-height: 0;*/

        position: absolute;

        top: -11px;
        width: 50px;

    }

    p.mail a:after {

        content: "Email";

    }

    .content p{

        text-align: left;

    }

    .image_block p{

        text-align: center;

        padding-top: 20px;

    }



    .tiles.inner10 .tile1 {

        background-color: #3fae2a;

    }

    .tiles.inner10 .tile2 {

        background-color: #3B3C44;

    }

    .tiles.inner10 .tile3 {

        background-color: #3B3C44;

    }

    .tiles.inner10 .tile4 {

        background-color: #a2d40A;

    }

    .tiles.inner10 .tile5 {

        background-color: #a2d40A;

    }

    .tiles.inner10 .tile6 {

        background-color: #3fae2a;

    }

    .tiles.inner10 .tile7 {

        background-color: #3fae2a;

    }

    .popup {
        padding: 1% 3%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        max-width: 800px;
        transform: translate(-0%,-0%);
        overflow-y: scroll;
    }
    /*.popup_bg{display: none; width: 0; height: 0;}*/

    .registration_form h3 {

        font-size: 16px;

        padding-bottom: 15px

    }

    .registration_form {

        margin-top: 2%;

    }

    .slide_content {padding-left: 57px; padding-right: 57px}

    .slider_bg .bx-wrapper .bx-controls-direction a {width: 35px; height: 35px; background-size: 35px}

    .slide_content h2 {font-size: 30px}



    .featured_posts_slider li {height: 200px}

    .side_text {width: 100%; bottom: 0; height: auto; position: absolute; background: rgba(0,0,0,0.7)}

    .side_text:before {display: none}

    .side_text div:not(.post_title) {display: none}

    .blog .bx-controls-direction {top: 0; bottom: auto}

    .single-post .width65 {width: 100%}

    .single-post .width30 {display: none}

    .single-post .share_this a {width: 120px}

    .post {width: 48%}

    .post:after, .triangle_text {display: none}

    .header_btns {margin-top: 15px}

    .slider_bg .bx-viewport li {

        height: auto;

    }

    .did_you_know_outer {

        position: static;

    }

    .slider_div {padding: 50px 20px}

    .slider_side_image, #slider_side_bg, .prev_title, .next_title {display: none}

    #wellness_overview li .width60, #wellness_overview li .width30 {width: 100%}

    .prev_next_btns {position: absolute; top: 100%; width: 100%}

    .slider_div .bx-controls-direction a {top: -38px}

    .slider_contact td {word-wrap: break-word}

    .slider_div .bx-controls-direction .bx-prev:after {top: -9px}

    .slider_div .bx-controls-direction .bx-next:after {top: -5px; color: #4d4d4d !important}

    .slider_div .bx-controls-direction .bx-next:before {border-right-color: #fff !important}

    .slider_div .bx-controls-direction .bx-next {right: -6px; border-right-color: #4d4d4d !important}

    .tabs a {width: 48.5%}

    #wellness_overview .left h2 {font-size: 32px}

    #wellness_overview h2 + p {font-size: 18px; line-height: 23px}

    .prev_next_btns a {width: 120px; font-size: 13px}

    .tab_holder table td {width: 49%; display: inline-block; padding: 0}
    .login-logo{position: static; margin: 0 !important; padding: 25px 50px; display: block}
    .login-wrapper{display: block; height: auto}
    .login-left{max-width: none}
    .login-right {
        max-width: 350px;
        padding-right: 2%;
        width: auto;
        margin: 30px auto;
    }
    nav .menu.show_mobile li{
        float: none;
        width: 100% !important;
        display: inline-block;
    }
    nav .menu{
        padding: 15px;
        background: #ccc;
        height: auto;
        position: absolute;
        width: 100%;
        left: 0;
        display: none;
    }
    nav .menu.show_mobile{
        display: block;
    }
    .mobile-menu-toggle{
        display: block;
    }
}

@media screen and (max-width: 768px){
    .qr-wrapper .qr.width33, .qr-wrapper .text.width33, .qr-wrapper .phone-qr.width33{ width: 100%;}
    .qr-wrapper .text{    margin-bottom: 240px; text-align: center}
    .qr-wrapper .phone-qr img{ position: absolute; width: 200px; top: 310px; left: 50%; transform: translate(-50%, 0);}
    div.ecwd-page-full table ul.events{
        display: block;
    }
    div.ecwd-page-full table.cal_blue ul.events > li {
        margin-left: 0 !important;
        border-bottom: 1px solid #CFD7DE;
        position: relative;
        padding: 4px !important;
        background-color: green;
        border-radius: 50%;
        top: -10px;
        float: left;
        left: 1px;
    }
    div.ecwd-page-full table.cal_blue ul.events > li[category-slug="benefits "]{
        background-color: #00833f;
    }
    div.ecwd-page-full table.cal_blue ul.events > li[category-slug="wellness "]{
        background-color: #94d60a;
    }
    div.ecwd-page-full table.cal_blue ul.events > li[category-slug="company "]{
        background-color: #3fae2a;
    }
    .cal_blue.ecwd_calendar_container .events li > span, .cal_blue.ecwd_calendar_container .events li > a{
        display: none;
    }
    table.cal_blue.ecwd_calendar_container th.normal-day-heading, table.cal_blue.ecwd_calendar_container .weekend-heading{
        color: #7a7a7a !important;
        background-color: transparent!important;
        font-weight: 700;
        border: none;
    }
    table.cal_blue.ecwd_calendar_container td.day-with-date,
    table.cal_blue.ecwd_calendar_container .day-without-date{
        border: none!important;
    }
    .ecwd-page-full table.cal_blue.ecwd_calendar_container td{
        height: 50px!important;
        vertical-align: middle !important;
    }
    table.cal_blue.ecwd_calendar_container td.day-with-date .day-number{
        position: relative;
        text-align: center;
    }
    .ecwd-page-full table.cal_blue.ecwd_calendar_container .has-events::after{
        display: none;
    }
    .ecwd-page-full table.cal_blue.ecwd_calendar_container .day-number{
        font-size: 21px;
    }
    .ecwd-page-full table.cal_blue.ecwd_calendar_container .normal-day-heading .day-number{
        font-size: 15px;
    }
    .ecwd-page-full table.cal_blue.ecwd_calendar_container .has-events .day-number{
        /*background-color: #94d60a !important;*/
        border-radius: 100%;
        width: 40px;
        height: 40px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 0;
        /*color: #fff !important;*/
        line-height: 39px;
    }
    .calendar-head .previous span:not(.month-name), .calendar-head .next > span:not(.month-name){
        color: green !important;
        font-size: 15px;
        font-weight: 700;
    }
    .calendar-head .next{
        text-align: right;
    }
    .calendar-head .previous{
        text-align: left;
    }
    ol li:before{
        font-size: 8px;
        top: 10px;
        line-height: 15px;
        width: 15px;
        height: 15px;
    }
    .frame_50p{
        float: none;
        min-width: 100%;
        margin-left: 0;
        padding: 25px 0;
    }
    .frame_50p frame{
        height: 100%;
    }
    .promotion{width: 100%;}
}

@media screen and (max-width: 700px), print{

    .header_btns {width: 100%}

    .login_btn a {padding-left: 0; padding-right: 0; width: 100%; text-align: center}

    .lang_btn a {padding-left: 0; padding-right: 0; text-align: center}

    #banner .banner_content {padding-top: 140px}

    .header_btns .clear > div {
        margin-left: 2%;
    }
    .header_btns .clear > div a {
        padding-left: 10px;
	    padding-right: 10px;
        box-sizing: border-box;
    }
    .overheader {width: 100%}



    .landing .btns a, .banner h3 a{

        margin: 15px !important;

        display: inline-block;

        background-color: #a2d40a;

        border-color: #a2d40a;

        color: #ffffff;

    }



    table.big-table-resizing td{

        font-size: 12px;

        padding: 5px;

    }



    table.hra td {

        display: block;

    }

    table.hra tr td:nth-child(2){

        width: auto;

    }

    table.hra tr td{

        border-left: none;

    }



    .faq_box > div {

        width: 100%;

        float: none;

    }

    .question {

        max-width: none;

    }





    /*.bx-controls{*/

        /*display: none;*/

    /*}*/

    .hide-on-small{

        display: none;

    }

    .show-on-small-inline-block{

        display: inline-block;

    }

    .show-on-small-block{

        display: block;

    }

    .question{

        width: 100%;

        margin-left: 0;

        min-height: auto;

    }

    .question.active, .question:hover{

        background-color: #ffffff;

        color: #555759;

        cursor: default;

    }

    table.hra tr td:nth-child(2){

        padding-left: 20px;

    }



    .slider_bg table td {display: block; padding: 0}

    #bx-pager {display: none}

    .contact_box .width48 {

        width: 100%;

        float: none;

        margin-top: 20px;

    }

    .oebanner {padding: 35px 15px}

    .show_landscape tr td:first-child {

        width: 90px;

    }

    .page-id-3486 .contact_box {

    	position: static;

    }

    .page-id-3486 .page_links + div {

    	padding-top: 0;

    }

    .page-id-3486 .page_links + div p:first-child {

        position: static;

    }
.page-id-3466 .tiles.inner3 .tile1, .page-id-3509 .tiles.inner3 .tile1 {
    height: 100px !important;
}
.page-id-3466 .tiles.inner3 .tile2, .page-id-3509 .tiles.inner3 .tile2 {
    background-color: #3b3c44;
    height: 100px;
}
.page-id-3466 .tiles.inner3 .tile3, .page-id-3509 .tiles.inner3 .tile3 {
    background-color: #3fae2a;
    height: 100px;
}
.contact_tab {display: none}
  .header_search_box {
     float: left !important;
     margin-top: 10px;
     margin-left: 0 !important;
  }
	.whats-new-2 table tr td, .page-id-8510 table tr td, .page-id-3479 table tr td {
	    width: 100%;
    	    display: block;
	    box-sizing: border-box;
	}
    .big-table-resizing tr:first-child td {width: 100% !important;}
    .big-table-resizing tr {border-bottom: 2px solid #000;}
    .big-table-resizing tr:last-child {border-bottom: none;}
    .page-id-8502 table.options.big-table-resizing td {font-size: 6px}
    .right_video2 .width45 {width: 100%; float: none}
    .webinar_videos iframe {
        min-height: 0;
    }
    .webinar_videos .width45 {
        width: 100%;
        float: none;
    }
}

@media screen and (max-width: 600px), print{
    table.big-table-resizing td{
        font-size: 10px;
        padding: 7px 1px;
        word-wrap: break-word;
        vertical-align: top;
    }

    .width48.left, .width48.right{
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }

    .content_cols .left, .content_cols .right{

        width: 100%;

        float: none;

        margin-bottom: 10px;

    }

    .banner_content .slider {

        width: 75%;

    }

    #banner {

        margin-bottom: 0;

    }



    .slider p {

        display: none;

    }

    .tiles.clear {

        padding: 0;

        margin-top: -15px;

    }

    .tiles .tile, .tiles.inner .tile:first-child{

        margin: 0.5% 0 !important;

        width: 100% !important;

        float: none;

        background-image: none !important;

        background-color: #a2d40a;

        height: 80px;

    }

    .tiles .tile:nth-child(2n) {

        background-color: #3fae2a;

    }

    .tiles .tile:nth-child(3), .tiles .tile:nth-child(7) {

        background-color: #3B3C44;

    }

    .overlay {

        background: none !important;

        position: static !important;

        padding: 28px 10px 28px 13% !important;

    }

    .tiles .tile {

        background-repeat: no-repeat;

        background-size: 8%;

        background-position: 10px center;

    }

    .tiles .tile1, .tiles.phl .tile3, .tiles.administrative .tile7, .tiles.associates .tile6 {

        background-image: url('../img/enroll_change_benefits_icon.png') !important;

        background-position: 10px center !important;

    }

    .tiles .tile2 {

        background-image: url('../img/health_incentives_icon.png') !important;

    }

    .tiles .tile3, .tiles.phl .tile1, .tiles.administrative .tile1, .tiles.associates .tile1 {

        background-image: url('../img/health_wellbeing_benefits_icon.png') !important;

    }

    .tiles.administrative .tile3, .tiles.associates .tile3 {

        background-image: url('../img/transportation_icon.png') !important;

    }



    .tiles .tile4, .tiles.administrative .tile5, .tiles.associates .tile5 {

        background-image: url('../img/retirement_benefits_icon.png') !important;

    }

    .tiles.administrative .tile4, .tiles.associates .tile4 {

        background-image: url('../img/vacation_icon.png') !important;

    }

    .tiles.us .tile5, .tiles.phl .tile5 {

        background-image: url('../img/life_disability_benefits_icon.png') !important;

        background-position: 10px center;

    }

    .tiles .tile6, .tiles.phl .tile7 {

        background-image: url('../img/voluntary_benefits_icon.png') !important;

    }

    .tiles.us .tile7, .tiles.phl .tile6 {

        background-image: url('../img/enroll_change_new_icon.png') !important;

    }

    .tiles.administrative .tile6 {

        background-image: url('../img/savings_fund_icon.png') !important;

    }

    .tiles .tile8, .tiles.associates .tile7 {

        background-image: url('../img/help_contacts_icon.png') !important;

        background-position: 2% center;

    }

    .tiles.inner .tile {

        background-image: none !important;

        height: 80px;

    }

    .tiles.inner3 .tile2 {

        background: #3B3C44;

    }

    .tiles.inner3 .tile3 {

        background: #3fae2a;

    }

    .tiles.inner6 .tile1 {

        background: #3fae2a;

    }

    .tiles.inner6 .tile2 {

        background: #3B3C44;

    }

    .tiles.inner6 .tile3 {

        background: #a2d40A;

    }

    .tiles.inner6 .tile4 {

        background: #3fae2a;

    }

    .tiles.inner6 .tile5 {

        background-color: #3B3C44;

    }

    .tiles.inner6 .tile6 {

        background-color: #a2d40A;

    }



    #login{

        width: 90%;

        padding: 10px;

        box-sizing: border-box;

        margin: 10px 5%;

    }



    #login > h2 {

        width: 85%;

    }



    .alex_cols .image_list{

        margin-top: 80px;

    }



    .alex_cols h3 a{

        width: 100%;

    }

    .asknow-human-capital .image_block:nth-child(4){

        width: 30%;

    }

    .asknow-human-capital .image_block{

        min-height: 300px;

    }



    .educational-videos .width45 {

        width: 100%;

        float: none;

        margin-top: 5%;

    }



    .footer .left, .footer .right{

        display: block;

        width: 100%;

        text-align: center;

        float: none;

        box-sizing: border-box;

        padding-left: 0;

    }

    .tiles .tile, .tiles.inner .tile:first-child{

        background-color: #3fae2a;

    }

    .tiles.inner5 .tile3{

        background-color: #a2d40a;

    }

    .tiles.inner5 .tile4{

        background-color: #3b3c44;

    }

    .inner2.tiles.inner .tile{

        height: 122px;

    }

    .under-banner{

        margin-top: -20px;

    }



    .tiles.inner10 .tile1 {

        background-color: #3fae2a;

    }

    .tiles.inner10 .tile2 {

        background-color: #3B3C44;

    }

    .tiles.inner10 .tile3 {

        background-color: #a2d40A;

    }

    .tiles.inner10 .tile4 {

        background-color: #3fae2a;

    }

    .tiles.inner10 .tile5 {

        background-color: #a2d40A;

    }

    .tiles.inner10 .tile6 {

        background-color: #3B3C44;

    }

    .tiles.inner10 .tile7 {

        background-color: #3fae2a;

    }

    .tiles.inner6 .tile4 {

        width: 100% !important;

    }

    .slider_image {

        background-position: 75%;

    }

    .search_doc {margin-top: 15px}

    .green_border h3:nth-of-type(2) {margin-left: 0}
    .faq-search .width45{width: 100%}
    .all-cats-filter{width: 100%; margin-top: 20px}
}

@media screen and (max-width: 570px), print{
    .top_line .jumplinks{
        display: none;
    }
    .top_line .right form.search_event{
        /*display: none;*/
    }
}

@media screen and (max-width: 550px), print{
    .lang_btn a.oe2018_btn {bottom: 18px; top: auto; right: 0}
}

@media screen and (max-width: 530px){
    #events-category {
        top: -45px;
    }
    #bookmark-this{
        width: 100%;
        position: relative;
        top: 0;
        margin: 25px 0 15px;
    }
    .calendar-head .current-month{
        float: right;
    }
    /*.ecwd-page-full table.cal_blue.ecwd_calendar_container .normal-day-heading .day-number{*/
        /*font-size: 10px;*/
    /*}*/
    .ecwd-page-full table.cal_blue.ecwd_calendar_container .has-events .day-number {
        /*background-color: #94d60a !important;*/
        border-radius: 100%;
        width: 30px;
        height: 30px;
        top: 0;
        left: 50%;
        transform: translate(-50%,0%);
        z-index: 0;
        /*color: #fff !important;*/
        line-height: 31px;
    }
    .qr-wrapper .phone-qr img{ top: 332px; }
}

@media screen and (max-width: 500px), print{

    h1 {

        padding-bottom: 12px;

        margin-bottom: 25px;

    }

    table.big-table-resizing td{

        font-size: 8.5px;

        padding: 7px 5px;

    }
    table td, table td p {
        line-height: 15px !important;
    }
    .contact_box table td p {
        line-height: 21px !important;
    }
    table.and td:first-child:after {
        right: auto;
        top: 68%;
	    left: 46%;
    }
    table.and td:last-child {
	padding-left: 10px !important;
    }
    table.and td {
	padding: 20px 10px !important;
    }

    table.medical_optical td{

        display: block;

        padding-top: 5% !important;

    }



    .asknow-human-capital .image_block {

        width: 100% !important;

        float: none;

        min-height: 0;

        margin-left: 0 !important;

    }



    .logo {

        width: 52%;

    }



    .logo-holder{

        display: block;

        width: 100%;

    }





    .landing .footer {

        position: static;

    }



    .landing .footer .logo {

       position: absolute;

       top: 5px;

       right: 5px;

    }



    .landing .footer .logo + p {

        position: absolute;

        bottom: 5%;

        width: 95%;

        padding: 0;

        text-align: center;

    }



    #login #login-id{

        width: 100%;

        box-sizing: border-box;

        margin-bottom: 10px;

    }



    #login #login-submit{

        width: 100%;

        box-sizing: border-box;

    }



    .olivebg table{

        width: 100%;

    }



    .olivebg .contact_box h4 a {

        width: 120px;

    }

    .banner h3 a{

        width: 150px;

    }

    .image_block img{

        float: left;

        margin-bottom: 30px;

        margin-right: 30px;

        margin-top: 25px;

    }

    .page-id-136 .image_block img{

        float: none;

        margin: 0;

    }

    .image_block p:last-child{

        min-height: 31px;

    }

    .landing .footer .logo img{

        position: absolute;

        right: 5px;

        top: 5px;

    }

    .slide_content iframe, .slide_content video {height: 120px}

    .enrollment-checklist .contact_box table td {

        width: 100%;

        display: block;

        height: auto;

    }

    .contact_box table tr td:last-child {

        padding-left: 0;

        border: none;

    }

    .contact_box .right table tr td:last-child {

        padding-top: 20px;

    }

    .contact_box table tr td:last-child {

        padding-left: 0;

        padding-top: 5px;

    }

    .content .contact_box h3 + p {

        padding-top: 0;

    }

    .slide_content h3 a {width: 100%; box-sizing: border-box}

    body.page-template-enrollment-checklist .bx-wrapper .bx-controls-direction a {

        width: 29px;

        height: 29px;

        background-position: center;

        top: 20px;

    }

    .slider_bg h2 {

        font-size: 24px;

    }

    #bar_view, .view_by .left {

        display: none !important;

    }
    .philcare #bar_view {
        display: block !important;
    }
    .philcare #bar_view .width45 {
        float: none;
        width: 100%;
        margin-top: 5%;
	border: none;
    }

    .view_by {

        padding-top: 0;

    }

    #list_view {

        display: block;

    }

    #list_view .col3 {

        column-count: 2;

        -moz-column-count: 2;

    }

    .view_by .right {

        width: 100%;

    }

    .slider_bg h2 br {

        content: ' ';

    }

    .slider_bg h2 br:after {

        content: ' ';

        display: inline;

    }

    .page-id-3515 .phl_medical1 td {

        line-height: 14px !important;

    }

.page-id-3466 .tiles.inner3 .title, .page-id-3509 .tiles.inner3 .title {
    left: 0;
}
.wrapper .post {margin: 0 0 2% 0}
.post:nth-child(2n) {margin-left: 2%}
.team_block {width: 100%; margin-left: 0}
.team_video {height: 200px}
.team_content {position: absolute; width: 100%; top: 0; left: 0; transform: none; -webkit-transform: none; padding: 10px; z-index: 999}
.team_content .bx-viewport {width: 100% !important}
.team_content .bx-controls-direction a {display: none}
.team_content .close {z-index: 999}
#team_slider .width15, #team_slider .width83 {width: 100%; float: none}
#team_slider .align_right {text-align: center}
.align_photo {position: static; transform: none}
.cats .image, .promotion, .promotion > div {width: 100%; float: none; margin-left: 0; margin-bottom: 5%}
.promotion {min-height: 0; background-size: cover; background-position: center; padding: 0}
.promotion .width55 {background: rgba(0,0,0,0.4); box-sizing: border-box; padding: 10px; bottom: 0;} 
.promotion .width55 * {color: #fff;}
.hide_on_mobile {display: none}
.post img {max-height: 110px}

    ol li:before{
        top: 5px;
    }

    .top_line .right {
        float: left;
        width: 100%;
        padding: 15px 0 0;
    }
    .top_line .right .search_event input[type="text"]{
        width: 70%;
        float: left;
        margin: 0 0 0 10%;
    }
    .top_line .jumplinks{
        left: 75%;
    }
}

@media screen and (max-width: 430px){

    .image_block {

        width: 100% !important;

        min-height: 0 !important;

        margin-top: 5% !important;

    }

    .employee-assistance-program .image_block {

        width: 50% !important;

        min-height: 0 !important;

        margin-top: 5% !important;

    }



    .question {

        width: 100%;

        float: none;

        margin: 3% 0 0 0;

        height: auto;

        min-height: 0;

    }

    .answer {

        margin-top: 5%;

    }

    .olivebg .contact_box h4 a {

        width: auto;

        padding: 10px 14px;

    }



    .health-advocate .contact_box h4 a {

        width: 100%;

    }

    .landing .title {

        font-size: 65px;

    }

    .landing .intro {

        font-size: 19px;

    }

    .overheader {

        position: absolute;

        top: 0;

        z-index: 19;

        background-color: #fff;

        padding-bottom: 0;

    }

    .main {

        margin-top: 130px;

    }

    .menu.show_mobile {

        margin-top: 0px;

        position: static;

    }

    #banner .image {
        background-position: 55% 0;
	background-repeat: no-repeat;
	height: 90vh;
    }

    .post_details div {display: none}

    .categories {padding-top: 0}

    .categories select {display: block; height: 35px; width: 120px}

    .categories a {display: none}

    .search_posts input[type="text"] {width: 150px}

    .blog h1, .single-post h1 {font-size: 24px; padding-bottom: 15px}

    .search_posts {display: none}

    .show_form {display: block}

    .show_form.btn_hidden {display: none}

    .search_posts.form_visible {display: block}

    #list_view .col3 {

        column-count: 1;

        -moz-column-count: 1;

    }

    .page-template-enrollment-checklist.slider2 .content.wrapper > * {

        display: none;

    }

    .page-template-enrollment-checklist.slider2 .content.wrapper .slider_image {

        /*height: 100vh;*/

        position: absolute;

        top: -10px;

        z-index: 9999;

        display: block;

        margin-top: 0;

        min-height: 100vh;

    }

    .page-template-enrollment-checklist.slider2 .content.wrapper .slider_image.phl_bg {

        background-position: 550px center;

        background-size: cover;

    }

    .page-template-enrollment-checklist.slider2 .main {

        margin-top: 0;

    }

    .close_slider {

        display: none;

    }

    .slider2 .slider_bg {

        min-height: 100vh;

    }

    .slider2 .slider_inner {

        padding-top: 45px;

        box-sizing: border-box;

    }

    .page-template-enrollment-checklist.slider2 #enrollment li.tobottom {

        min-height: 94vh;

    }

    .page-template-enrollment-checklist.slider2 .tobottom .did_you_know_outer {

        position: absolute;

        bottom: 0;

    }

    .show_landscape {display: none;}

    #vmap {top: 0}
    .landing_text {left: 5%}
    .landing .footer {position: absolute}
    .whats-new-2 table tr td img, .page-id-8510 table tr td img {width: 100%}
    .page-id-8510 .lightbg {background: transparent; padding: 0}
    header .header_search_box form input {width: 170px}
    .page-id-3506 .show_landscape + p, .page-id-3515 .show_landscape + p {margin-top: -65px}
    .nav ul li a {border-left: none; line-height: 31px;}
    .show_mobile br {display: none}
    .menu.show_mobile > li {padding-top: 5px !important; padding-bottom: 5px !important;}
    .page-id-3479 .contact_box .right table tr td:last-child {padding-top: 0}
    .page-id-3479 .contact_box .right table h4 a {margin-top: 0}
    body{position: static !important}
    .stack_on_mobile td {width: 100% !important; display: block; box-sizing: border-box; text-align: left !important}
    .contact_box table td {height: auto}
    .contact_box table td br {display: block}
}

@media screen and (max-width: 360px){
    .qr-wrapper .phone-qr img{     top: 354px;    }
}



/*
** Redesign 2019
*/

@media screen and (max-width: 1656px){
    .three-column > .new-tile {
        /*min-height: 523px;*/
    }
    .us.home .login-pages .image-block{
        padding: 5% 5% 0 5%;
    }
}
@media screen and (max-width: 1426px){
    .three-column > .new-tile {
        /*min-height: 545px;*/
    }
}
@media screen and (max-width: 1404px){
    .three-column > .new-tile {
        /*min-height: 568px;*/
    }
}
/*@media screen and (max-width: 1353px){*/
    /*.three-column > .new-tile {*/
        /*min-height: 568px;*/
    /*}*/
/*}*/
@media screen and (max-width: 1120px){
    .us.home .header_btns{
        top: 60px;
    }
}
@media screen and (max-width: 1370px){
    /*.us.home .new-landing .content-block*/
    .us.home #banner .new-landing .content-block.image{
        width: 30%;
        padding: 13% 2% 5% 2%;
        height: 100%;
        min-height: 100vh;
    }
    .us.home #banner .new-landing .image-block{
        width: 70%;
    }
    .new-landing .login-logo{
        width: 190px;
    }
    .landing-btns a,
    .landing-btns.odd a:last-child{
        margin: 15px 5%;
        width: 100%;
    }

    .us.home .login-pages .image-block {
        padding: 3% 3% 0 3%;
    }
    .content-block .new-reset-password,
    .content-block .temp-setup,
    .content-block .new-hire-registration-confirm,
    .content-block .forgot-password,
    .content-block .forgot-new-hire-pass-username{
        padding-top: 18%;
    }
    .new-reset-password, .temp-setup, .new-hire-registration-confirm, .forgot-password, .forgot-new-hire-pass-username{
        padding-top: 33%;
    }
    .toggle-forms{
        margin-bottom: 15px;
    }
    .login-pages .group{
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .form-parts .btn{
        padding: 15px;
    }
    .create-account-block{
        padding: 10px 20px;
        margin-top: 15px;
    }
    body:not(.page-template-landing) .us.home .wrapper {
        padding-left: 25px;
        padding-right: 25px;
    }
    body:not(.page-template-landing) .us.home nav.wrapper {
        padding-left: 0;
    }
    .header_search_box.redesign.move-left{
        left: 8%;
    }
    .us.home .slider .bx-controls.bx-has-pager{
        bottom: 19%;
    }
    .us.home #slide-counter{
        top: 77%;
    }
    /*.page-template-blog .us.home #slide-counter{*/
    /*    top: 79%;*/
    /*}*/

    .orange-menu-holder{
        padding: 10px 0 0 10px;
    }
    .menu-ask-now, .menu-download-app{
        font-size: 21px;
    }
    /*.three-column > .new-tile{*/
        /*min-height: 547px;*/
    /*}*/
    .us.home .content-block{
        padding: 10% 10% 0 25px;
    }
    .new-tile.qr .show-more-link.web, .new-tile.qr .show-more-link.phone{
        margin: 0 10px 0 0;
    }
    .qr-blocks .new-tile.qr{
        min-height: 200px;
    }

    .us.home #menu-us_menu{
        display: block;
    }
    .orange-menu-holder .width60, .orange-menu-holder .width30{
        width: 100%;
        border: none;
        margin: 15px 0;
    }
    .us.home .banner_content {
        padding: 0;
    }
    .us.home .menu-icon-button.active {
        right: 0;
        position: fixed;
        transition: right 0.3s;
        left: 0;
        z-index: 30;
        top: 0;
        z-index: 1010;
    }
    .us.home .orange-menu-holder{
        /*top: -130px;*/
        /*left: 0;*/
        /*right: 0;*/
        /*bottom: 0;*/
        /*height: 100%;*/
        /*z-index: 9;*/
        /*padding: 70px 25px;*/




        /*background-color: #CE6038;*/
        /*color: #fff;*/
        /*height: 100vh;*/
        z-index: 1000;
        /*position: absolute;*/
        padding: 8% 3% 0;
        /*top: 0;*/
        /*!* width: 0; *!*/
        /*width: 68%;*/
        /*!* right: 0; *!*/
        /*box-sizing: border-box;*/
        /*right: 0;*/
        /*!* display: none; *!*/
        /*transition: 800ms;*/
        /*transform: translateX(100%);*/
    }
    .us.home .orange-menu-holder.show {
        /*display: block;*/
        width: 100%;
        /*position: relative;*/
        /*transition: width 0.4s;*/
        overflow-y: scroll;
    }
    .bottom-menu-copyright {
        position: relative;
        bottom: 0;
        right: 0;
    }
    .us.home .orange-menu-holder .qr-blocks .qr .width65{
        width: 100%;
        margin: 0 auto;
    }
    .us.home .orange-menu-holder .qr-blocks .qr .width30{
        width: 100%;
    }
    .us.home .orange-menu-holder .qr-blocks{
        padding-left: 0;
        text-align: center;
    }
    .us.home .orange-menu-holder .qr-blocks p, .us.home .orange-menu-holder .qr p{
        width: 100%;
        text-align: center;
    }
    .orange-menu-holder .qr-blocks p a{
        width: 100%;
        text-align: center;
    }
    .us.home .orange-menu-holder .menu-ask-now, .us.home .orange-menu-holder .menu-download-app{
        display: inline-block;
    }
    .orange-menu-holder .show-more-link:before{
        float: none;
        margin: 0 auto;
    }
    .orange-menu-holder .qr{
        margin: 0 auto 40px;
        float: left;
        width: 100%;
    }
    .orange-menu-holder .qr img{
        width: 200px;
    }
    .us.home .overheader, .us.home  .main, .us.home  .footer, .us.home #help{
        padding: 0;
    }
    .us.home .orange-menu-holder .qr-blocks .left{
        margin-left: 5%;
        width: 30%;
        text-align: center;
    }
    .us.home .orange-menu-holder .qr-blocks .left:first-child{
        margin-left: 0;
    }
    .image-right-photo{
        top: -275px;
    }
    .orange-menu-holder > .width30.qr-blocks{
        width: 100%;
    }
    .qr-links-responsive{
        width: 80%;
        margin: 0 auto;
    }
    .home.us .orange-menu-holder .qr-blocks p.qr-phone,
    .home.us .orange-menu-holder .qr-blocks p.qr-website{
        display: block;
        width: 50%;
    }
    .qr-blocks .qr .margin-top-35{
        margin-top: 0;
    }
    .ask-now-qr-img{}
    .download-app-qr-img{
        margin-top: 75px!important;
    }
    /*.home.us .orange-menu-holder .qr-blocks p.qr-phone a{*/
        /*text-align: left;*/
        /*padding-left: 10px;*/
    /*}*/
    /*.home.us .orange-menu-holder .qr-blocks p.qr-website a{*/
        /*text-align: right;*/
        /*padding-right: 10px;*/
        /*padding-left: 0;*/
    /*}*/

    .us.home .banner h2{
        font-size: 32px;
    }
    /*.page-top-info{
        min-height: 50vh;
    }*/
    .tabs-links a{
        letter-spacing: 0.5px;
    }
    .us.home .banner p{font-size: 16px; line-height: 22px;}
}
/*@media screen and (max-width: 1180px){*/
    /*.orange-menu-holder{    padding: 1% 1% 0;}*/
/*}*/
@media screen and (max-width: 1220px){
    .tabs-links a{
        font-size: 12px;
    }
}
@media screen and (max-width: 1180px){
    .left-column-tiles .new-tile:last-child{
        margin-bottom: 15px;
    }
    .two-special-col{
        display: block;
        width: 100%;
    }
    .two-special-col > div, .two-special-col > div:last-child{
        width: 70%;
        float: none;
        margin: 0 auto;
    }
    .new-tile.orange{ text-align: center; }
    .three-column > .new-tile {
        /*min-height: 455px;*/
    }
    .us.home .login-pages .image-block{
    padding: 5% 5% 0 3%;
    }
}
@media screen and (max-width: 1100px){
    .us.home header{ padding: 0;}
    .us.home #banner .banner_content{ padding: 0;}
    .us.home .banner_content{ padding: 0; }
    .us.home header .logo.logo-holder img {
        max-width: 200px;
    }
    /*.us.home .header_btns{top: 50px; right: 30%;}*/
    .us.home .header_btns{top: 0; margin-left: 0;}
    .us.home .content-block { padding: 15% 10% 0 10%; }
    .us.home .logo{width: 100%;}
    .us.home #slide-counter{left: 35%;}
    .three-special-col{
        display: block;
        width: 100%;
    }
    .three-special-col > div, .three-special-col > div:nth-child(2), .three-special-col > div:last-child,
    .two-column.qr-blocks > div, .two-column.qr-blocks > div:last-child{
        width: 70%;
        float: none;
        margin: 0 auto;
    }
    .two-column.qr-blocks > div, .two-column.qr-blocks > div:last-child{ margin-bottom: 15px; }
    .us.home .scroll-home-section img { width: 35px; }
    .us.home .scroll-home-section span{
        font-size: 18px;
        top: -11px;
    }
    .image-right-photo {
        position: relative;
        top: 0;
        min-height: 200px;
        margin-bottom: 25px;
    }
    .page-top-info .width60{
        width: 100%;
    }
    .page-top-info{
        height: 100%;
    }
    .bottom-hidden-info.open .tabs-links, .bottom-hidden-info .tabs-links{
        border-bottom: none;
    }
    .tabs-links div {
        margin: 0;
        padding: 0;
        width: 100%;
        display: block;
        float: left;
        text-align: center;
    }
    .tabs-links div a {
        padding: 5px 0 5px;
        font-size: 14px;
        letter-spacing: 1.5px;
    }
}
@media screen and (max-width: 1000px){
    .us.home #banner{
        margin-bottom: 0;
    }
    .orange-menu-holder > .width30.qr-blocks{
        width: 100%;
        margin: 0;
    }
    .login-pages .form-help-block a{
        display: block;
        margin: 0;
    }
    .login-pages .form-help-block a:after{
        display: none;
    }
}
@media screen and (max-width: 900px){
    .new-popup{
        width: 100%;
        height: 80vh;
    }
    .two-special-col > div, .two-special-col > div:last-child{
        width: 100%;
    }
    .new-reset-password, .temp-setup, .new-hire-registration-confirm{
        padding-top: 20%;
    }
    .content-block .new-reset-password,
    .content-block .temp-setup,
    .content-block .new-hire-registration-confirm,
    .content-block .forgot-password,
    .content-block .forgot-new-hire-pass-username{
        padding-top: 12%;
    }
}
@media screen and (max-width: 800px){
    .us.home .banner.login-pages,
    .us.home #banner.login-pages .image{
        height: 100%;
    }
    .us.home .login-pages .center-content{
        padding-right: 0;
    }
    body:not(.page-template-landing) .us.home .wrapper{
        padding-top: 5px;
    }
    .us .logo.logo-holder img{
        width: 250px;
        /*margin-left: 25px;*/
    }
    .bottom-info-blocks p.site a:after, .bottom-info-blocks p.mail a:after{
        color: #3fae2a;
    }
    .us.home .login-pages .content-block,
    .us.home .login-pages .image-block{
        width: 100%;
    }
    #banner.login-pages .image,
    .us.home .login-pages .image-block,
    .us.home .login-pages.banner{
        height: 100%;
    }
    .us.home .login-pages .center-content{
        position: relative;
    }
    .us.home .login-pages .image-block {
        padding: 10% 7% 5% 5%;
    }
    .us.home .login-pages .content-block {
         padding: 20% 5% 10% 5%;
    }
    .us.home .search_div form.search{
       height: 45px;
    }
    .us.home .search_div input{
        float: left;
        border-radius: 5px;
        border: 1px solid #cfcfcf;
        width: 65%;
        height: 41px;
        padding-left: 10px;
        box-sizing: border-box;
        margin-right: 20px;
    }
    .us.home .search_div button{
        float: right;
        background-size: contain;
        margin-left: 10px;
        background-image: url(../img/new_design2019/search.png);
    }
    .new-tile.team_block{
        width: 100%;
        margin: 90px 0 15px;
    }
}
@media screen and (max-width: 768px){
    .pop-up-content { padding: 40px 10px; }
    .three-special-col > div, .three-special-col > div:nth-child(2), .three-special-col > div:last-child,
    .two-column.qr-blocks > div, .two-column.qr-blocks > div:last-child{
        width: 100%;
    }
    .us.home #slide-counter, .us.home .scroll-home-section span{ display: none; }
    .us.home .banner h2{ font-size: 28px; }
    .us.home .banner h3 a{
        padding: 10px 0;
        min-width: 200px;
        font-size: 16px;
    }
    .us.home .banner p{ font-size: 14px; }
    .us.home .slider .bx-controls.bx-has-pager{ bottom: 20%; }
    .medical-tile > div:first-child, .medical-tile > div:last-child {
        width: 100%;
    }
    .medical-tile > div{
        margin-bottom: 40px;
        float: left;
    }
    .medical-tile > div:first-child{
        margin-right: 0;
        border-right: 0;
        border-bottom: 1px solid #eaecec;
    }
    .bottom-hidden-info{
        padding: 45px 10px 50px;
    }
    .info-image-toolkit{
        top: 10px;
        left: 10px;
    }
    .plan-details p strong, .plan-details p em{
        display: inline-block;
        width: 100%;
    }
}
@media screen and (max-width: 700px){
    .us.home .header_btns {
        top: -10px;
        right: 48%;}
    .new-popup .width50{ width: 100%; }
    .pop-up-image { height: 25%; }
    .us.home header.not-home .header_btns{
        top: 0;
    }
    .us.home .content-block {
        padding: 15% 0% 0 5%;
    }
}
@media screen and (max-width: 610px){
    .two-column > div{
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .us.home .image-block{ display: none; }
    .us.home #banner .new-landing .image-block{
        width: 100%;
        display: block;
    }
    .us.home #banner .new-landing .content-block.image {
        width: 100%;
        padding: 13% 2% 55px 2%;
        margin-bottom: 25px;
    }
    .us.home .content-block{
        width: 100%;
        padding: 195px 40px 0 40px;
    }
    .us.home .center-content{ max-width: 80%; }
    .us.home header.wrapper{ text-align: center; }
    .us.home header.wrapper .logo{
        float: none;
        width: 100%;
    }
    .us.home .header_btns{ right: 18%; }
    .us.home .search button{
        background-image: url('../img/new_design2019/search_white.png');
    }
    .us.home .search button:hover{
        background-image: url('../img/new_design2019/search_white_hover.png');
    }
    .us.home .menu-icon-button{
        background-color: #2d3a41;
        width: 50px;
        height: 50px;
        top: 0;
        left: 0;
        z-index: 1000;
    }
    .us.home .menu-icon-button.active.bg-faq{
        background: transparent;
    }
    .us.home .menu-icon-button.active.bg-menu{
        background-color: #CE6038;
    }
    .us.home .header_search_box.redesign{
        top: 10px;
        right: 0;
    }
    .us.home .search button{
        float: right;
        margin-left: 15px;
        width: 45px;
        height: 36px;
    }
    .us.home .header_search_box.redesign form input{ height: 35px; }
    .network-details th, .network-details td{ display: block; }
    .us.home .orange-menu-holder .qr-blocks .left{
        float: none;
        width: 100%;
        text-align: center;
    }
    .download-app-qr-img {
        margin-top: 20px!important;
    }
    .us_menu li a{
        line-height: 24px;
    }
    .us.home .login-pages .image-block {
        display: block;
    }
}
@media screen and (max-width: 600px){
    .slider .slide-content.slider-item p{
        display: block;
        line-height: 18px;
        font-size: 13px;
    }
}
@media screen and (max-width: 570px){
    .three-column > div{
        width: 100%;
        margin-right: 0;
    }
    .login-logo {
        margin: 10px 50px;
        width: 190px;
    }
    .bottom-hidden-info.open{
        max-height: 80vh;
    }
    .bottom-hidden-info {
        padding: 40px 10px 50px;
    }
    .info-image-toolkit{
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
    }
    .image-down, .image-up{
        top: 20px;
    }
    .bottom-hidden-info.open .tabs-links, .bottom-hidden-info .tabs-links {
        width: 100%;
    }
}
@media screen and (max-width: 510px){
    .three-column > div{ width: 100%; }
    .us.home .orange-menu-holder .qr-blocks .qr .width65{ width: 100%; }
    .bottom-menu-copyright span {
        width: 100%;
        float: left;
        line-height: 25px;
        text-align: center;
        margin: 0;
    }
    .bottom-menu-copyright {
        position: relative;
        bottom: 0;
        right: 0;
    }
    .us.home .orange-menu-holder{ padding: 70px 25px 120px; }
    .toggle-forms a{
        font-size: 15px;
        letter-spacing: 0.7px;
    }
    .us.home .new-landing .center-content{
        padding-bottom: 60px;
        padding-right: 0;
    }
    .landing-btns a, .landing-btns.odd a:last-child{
        margin: 15px 0;
    }
    #login, #verify, #create-password, #reset-password, #finish{
        width: 320px;
    }
    .us.home .logo-slide-img{
        display: none;
    }
    .us.home .slider.slider-holder.slider-blog .slide-content .center-content{
        max-width: 100%;
        padding-right: 20px;
    }
    .us.home .slider .bx-wrapper .bx-pager.bx-default-pager a, .slider-controls .circle{
        width: 25px;
    }
}
@media screen and (max-width: 440px){

    .tabs-content .site {
        padding: 15px 0 40px 50px !important;
    }
    .menu-ask-now, .menu-download-app{ font-size: 25px; }
    .us.home nav > ul{ column-count: 1; max-height: 100%; }
    .us.home header.not-home{height: 180px;}
    .us.home .header_btns {right: 0;}
    .us.home .header_btns .header_btns_div > div{width: 100%;}
    .us.home .header_btns_div div:after{display: none;}
    .new-reset-password, .temp-setup, .new-hire-registration-confirm, .content-block .new-reset-password,
    .content-block .temp-setup,
    .content-block .new-hire-registration-confirm,
    .content-block .forgot-password,
    .content-block .forgot-new-hire-pass-username{
        padding-top: 0;
    }
    .two-column.qr-blocks .new-tile.qr .width80,
    .two-column.qr-blocks .new-tile.qr .width20,
    .two-column.qr-blocks .new-tile.qr .width50{
        width: 100%;
    }
    .calendar-head .current-month div{
        width: 30px;
    }
    .lightbg{
        padding: 10px 5px;
    }
    .us.home .banner h2 {
        font-size: 21px;
        line-height: 24px;
    }
    .content ul li ul li {
        margin-left: -10px;
    }
    body.page-template-blog .post h3{
        font-size: 14px;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        line-height: 20px;
    }
    body.page-template-blog .post img{
        display: none;
    }
    .wellness-awarded-block .right-block, .wellness-awarded-block .left-block{
        padding: 5px;
        box-sizing: border-box;
    }
    .wellness-awarded-block .right-block img{
        margin: 5%;
        width: 40%;
        height: 125px;
    }
    h3 + ul, .list1, .content ul, #ecwd-events-content ul {
        margin: 1% 0 0 10px;
    }
    ol{
        margin-left: 5px;
    }
    .prev_next_btns a{
        width: 105px;
    }
    .slider_div .bx-controls-direction .bx-next:after{
        top: -7px;
    }
    .new-landing .login-logo{
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .new-landing .login-logo img{width: 150px;}
    table.user_activity tr td .completed{
        background-size: 12px;
    }
    .activity_summary_top .big_text{
        font-size: 16px;
    }
    .orange-menu-holder .qr-blocks .show-more-link.phone, .orange-menu-holder .qr-blocks .show-more-link.web{
        font-size: 12px;
    }
    p.site a, p.mail a, p.site strong, p.mail strong{
        width: 100%;
        float: left;
    }
    .cats .text{
        top: 210px;
    }
    ol li:before {
        top: 7px;
    }
    .tabs a:nth-child(3n+1){
        margin-left: 5px;
    }
    .slider_div .tabs a{
        font-size: 12px;
    }
    ol li::before {
        top: 10px;
    }
    p.site a::after{
        font-size: 16px;
        line-height: 30px;
        position: relative;
        top: -5px;
        width: auto;
        float: left;
    }
    .tabs-content .site{
        background-size: 38px;
    }
    .us.home .header_search_box.redesign{top: 160px; position: absolute; margin-right: 0;}
    .us.home .content-block{padding-top: 240px}
}
@media screen and (max-height: 770px) and (max-width: 1400px) and (min-width: 1250px){
    .login-content hr{margin: 20px 0}
    .login-left{width: 35%}
    .login-wrapper h2{padding-top: 25px}
}
@media screen and (max-width: 400px){
    .page-bottom-info .width30, .page-bottom-info .width60{ width: 100%; }
}
@media screen and (max-width: 370px){
    /*.us.home .orange-menu-holder { top: -15px; }*/
}