.grid-with-panels, .subnav-grid {
    text-align: left;
}

    .grid-with-panels ul, .subnav-grid ul {
        justify-content: flex-start;
    }

.help-tabs.full-width-tabs {
    padding: 0 100px;
}

@media only screen and (max-width: 1490px) {
    .welcome-panel {
        padding: 40px;
    }
}

@media only screen and (max-width: 1295px) {
    .welcome-panel p.larger {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1250px) {
    header .logo {
        width: 10%;
    }

    header .right {
        width: 90%;
    }

    .welcome-panel p.larger {
        font-size: 14px;
    }

    .welcome-checkboxes li {
        font-size: 18px;
    }

    section.intro-block > img, section.text-block > img {
        width: 10%;
    }
}

@media only screen and (max-width: 1220px) {
    .myeca-subnav + div {
        padding: 20px;
    }
}

@media only screen and (max-width: 1200px) {
    .body-content {
        margin-left: 20px;
    }

    .breadcrumb {
        padding-left: 20px;
    }

    .two-col-layout aside.right-column {
        padding-right: 20px;
    }

    .left-column {
        padding-left: 20px !important;
    }

    .welcome-panel p.larger {
        font-size: 14px;
    }

    .welcome-checkboxes li {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .nav-item {
        font-size: 90%;
    }

        .nav-item h2 {
            font-size: 24px;
        }
}

@media only screen and (max-width: 1080px) {
    .header-buttons .button {
        padding: 10px 20px;
    }

    .button {
        padding: 10px 30px;
    }

    .updates-3col {
        padding: 40px;
    }

    section, .slider-info, .icon-subnav, .help-tabs.full-width-tabs {
        padding: 50px;
    }

    .news-tabs section {
        padding: 0 !important;
    }

    #container footer, #container header {
        padding: 40px;
    }

    .bx-wrapper {
        margin: 0 !important;
    }

    .left-column .grid-with-panels li, .left-column .subnav-grid li {
        width: 50%;
    }

    .left-column .subnav-thumb-item {
        width: 46%;
    }

    .welcome-checkboxes li {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .welcome-panel h2 {
        font-size: 24px;
        margin-top: 0;
    }

    .partner-strip {
        padding: 10px 40px;
    }
}

@media only screen and (max-width: 1024px) {
    .grid-sizer, figure.grid-item {
        width: 30%;
    }

    .welcome-panel {
        width: 100%;
        float: none;
    }

    .welcome-promo {
        width: 100%;
        float: none;
    }

    section.welcome-block {
        display: block;
    }

    .contact-left {
        width: 100%;
        display: block;
    }

    .contact-right {
        width: 100%;
        display: block;
    }

    section.contact-block {
        display: block;
    }
}

@media only screen and (max-width: 960px) {
    .col-container .quarter-col {
        width: 48% !important;
    }

    .header-buttons {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: #eee;
        margin: 0 !important;
    }

    #container header {
        padding: 60px 40px 20px;
    }

    .header-buttons .button {
        border-radius: 0;
        box-shadow: 0 0 transparent;
        font-size: 12px;
        margin: 0 2px 0 0;
    }

    .icon-subnav li i {
        width: 60px;
        height: 60px;
        padding-top: 12px;
        font-size: 36px;
    }

    .social-media {
        float: none;
        width: 100%;
        clear: both;
        padding: 0 10px;
    }

    .news-tabs, .blog-list {
        width: 50%;
        padding: 0 10px;
    }

    .menu-btn span {
        display: none;
    }

    .menu-btn i {
        margin: 0;
    }

    .grid-with-panels li, .subnav-grid li, .subnav-thumb-item {
        width: 33%;
    }

    .grid-with-panels .panel {
        width: 314%;
    }

    .grid-with-panels li:nth-of-type(3n+1) .panel {
        left: 0;
    }

    .grid-with-panels li:nth-of-type(3n+2) .panel {
        left: -107%;
    }

    .grid-with-panels li:nth-of-type(3n+3) .panel {
        left: -215%;
    }

    .grid-sizer, figure.grid-item {
        width: 48%;
    }

    .regions-map {
        margin-left: 0;
        padding-left: 0;
    }

    section.intro-block, section.text-block {
        padding: 80px 50px;
    }

        section.intro-block > img, section.text-block > img {
            width: 15%;
        }
}

@media only screen and (max-height: 800px) {
    .find-a-member-container {
        height: 100%;
        overflow-y: auto;
    }
}

@media only screen and (max-width: 768px) {
    .icon-subnav li {
        width: 23%;
    }

        .icon-subnav li h4 {
            font-size: 14px;
        }

    #container footer {
        font-size: 80%;
    }

    .updates-bar {
        padding: 30px !important;
    }

    .subnav-thumb-item, .detailed-subnav .subnav-thumb-item, .membership-block {
        width: 46%;
    }

    .grid-with-panels li, .subnav-grid li {
        width: 50%;
    }

    .grid-with-panels .panel {
        width: 205%;
    }

        .grid-with-panels .panel img {
            float: none;
            margin: 0;
            max-width: 300px;
            width: 100%;
        }

    .grid-with-panels li:nth-of-type(4n+2) .panel {
        left: -105%;
    }

    .grid-with-panels li:nth-of-type(4n+3) .panel {
        left: 0;
    }

    .grid-with-panels li:nth-of-type(4n+4) .panel {
        left: -105%;
    }

    .regions-map {
        padding: 0;
    }

    #formManageEmployees .row div + div input {
        max-width: 515px;
        width: 100%;
    }

    #formManageEmployees .row div + div a:first-of-type {
        margin-left: 11em;
        margin-top: 8px;
    }

    .FormPanel .pure-form .inline-field {
        width: 100% !important;
    }

    .partner-strip-heading {
        font-size: 14px;
        width: 100px;
    }

    .partner-strip div.partner-carousel {
        width: calc(100% - 110px);
    }
}

@media only screen and (max-width: 767px) {
    #formManageEmployees label {
        display: block;
        text-align: left;
    }

    #formManageEmployees .row div + div a:first-of-type {
        margin-left: 0;
    }

    #formManageEmployees .row div + div input {
        max-width: 99%;
    }

    #formManageEmployees input {
        max-width: 49%;
        width: 100%;
    }

    .owl-theme .owl-nav [class*="owl-"] {
        display: none;
    }
}

@media only screen and (max-width: 700px) {
    .find-a-member-container input[type="text"] {
        width: 40%;
    }

    button.member-overlay-close.overlay-close {
        top: 0;
        right: 0;
    }

    .find-a-member-container {
        margin-top: 0;
    }
}

@media only screen and (max-width: 700px) and (orientation: landscape) {
    .two-col-form-list {
        -webkit-columns: 3 auto;
        -moz-columns: 3 auto;
        columns: 3 auto;
    }

    .search-overlay-container input[type="search"] {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 670px) {
    .region-links {
        margin-right: 0;
        padding: 0 !important;
    }

    .modal > div.login-wrapper {
        display: block;
    }

    .modal div.login-overlay-left,
    .modal div.login-overlay-right {
        width: 100%;
        border: 0 none;
        padding: 20px 0;
        display: block;
    }

    .modal div.login-overlay-left {
        border-bottom: 1px solid #ccc;
        padding-bottom: 50px;
    }
}

@media only screen and (max-width: 650px) {
    .grid-sizer, figure.grid-item {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .fixed-tab {
        display: none;
    }

    .partner-strip li {
        width: 20%;
    }

    p {
        font-size: 14px;
    }

    .larger {
        font-size: 16px;
    }

    h1 {
        font-size: 36px;
    }

    .icon-subnav h1 {
        font-size: 24px;
    }

    .news-tabs, .blog-list {
        float: none;
        width: 100%;
        clear: both;
        padding: 0 10px;
    }

    .social-media {
        padding-top: 20px;
    }

    .promo-slider li > div {
        display: block;
        width: 100% !important;
    }

    .slider-right .bx-wrapper .bx-controls .bx-pager, .slider-left .bx-wrapper .bx-controls .bx-pager {
        width: 100%;
        right: 0;
        left: 0;
    }

    section {
        padding: 40px !important;
    }

        .news-tabs section,
        section.blog-items,
        section.contact-block,
        section.welcome-block,
        section.myeca-tabs,
        section.pub-items,
        .slider-left,
        .slider-right {
            padding: 0 !important;
        }

    .welcome-panel,
    .contact-left,
    .contact-right {
        padding: 40px !important;
    }

    .slider-info h3 {
        margin-top: 0;
    }

    .promo-slider li {
        height: auto;
    }

    .promo-slider .slider-info {
        height: auto;
    }

    .promo-slider .slider-img {
        height: 300px;
    }

    .footer-col, .social-icons {
        width: 100%;
        text-align: left;
    }

    section .buttons .button {
        width: 300px;
        display: block !important;
    }

    .icon-subnav li {
        width: 45%;
    }

    .icon-subnav ul {
        margin: 0;
    }

    .two-col-layout section.left-column {
        width: 100%;
        float: none;
    }

    .two-col-layout aside.right-column {
        width: 100%;
        float: none;
    }

    .left-column {
        padding-left: 40px !important;
    }

        .left-column > section, .right-column > section {
            padding: 0 0 40px !important;
        }

    .body-content {
        margin: 0;
    }

    .two-col-layout aside.right-column {
        padding: 40px;
    }

    .myeca-tabs a {
        font-size: 14px;
    }

    .help-panel-left, .help-panel-right {
        width: 100%;
        float: none;
    }

    .help-panel-left {
        margin-bottom: 25px;
    }

    .member-card > img {
        max-width: 100px;
    }

    .member-detail {
        width: 100%;
    }

        .member-detail h2 {
            padding-right: 130px;
        }

    .member-logo-strip li {
        width: 25%;
    }

    .col-container .quarter-col {
        width: 100% !important;
    }

    .overlay .overlay-close {
        right: -10px;
        top: -10px;
    }

    .find-a-member-container, .search-overlay-container {
        margin-top: 0;
        padding: 30px 20px;
    }

    .two-col-form-list {
        font-size: 12px;
    }

    .find-a-member-container h2, .search-overlay-container h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .find-a-member-container input[type="submit"], .search-overlay-container input[type="submit"] {
        float: none;
        margin: 10px 0 0;
        width: 100%;
    }

    .find-a-member-container label {
        display: block;
        margin: 5px 0;
    }

    .find-a-member-container input[type="text"] {
        width: 100%;
        margin: 0;
    }

    section.intro-block, section.text-block {
        padding: 60px 40px !important;
    }
}

@media only screen and (max-width: 500px) and (orientation: landscape) {
    .two-col-form-list {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    section, .slider-info, .icon-subnav, .updates-3col {
        padding: 40px;
    }

    .news-tabs, .blog-list, .social-media {
        padding: 0;
    }

    .social-media {
        padding-top: 20px;
    }

    #container header {
        display: block;
    }

    .header-buttons .button {
        padding: 10px 8px;
    }

    .menu-btn, .search-btn {
        width: 43px;
        margin-bottom: 10px !important;
    }

        .menu-btn span {
            display: none;
        }

    .header-buttons .button.ghost-btn {
        font-size: 80%;
    }

    .detailed-subnav .subnav-thumb-item {
        width: 100%;
    }

    .subnav-thumb-item, .left-column .subnav-thumb-item {
        width: 100%;
    }

    .grid-with-panels li,
    .subnav-grid li,
    .left-column .grid-with-panels li,
    .left-column .subnav-grid li {
        width: 100%;
    }

    .grid-with-panels .panel {
        width: 100%;
    }

    .grid-with-panels li:nth-of-type(4n+2) .panel {
        left: 0;
    }

    .grid-with-panels li:nth-of-type(4n+3) .panel {
        left: 0;
    }

    .grid-with-panels li:nth-of-type(4n+4) .panel {
        left: 0;
    }

    .membership-block {
        width: 100%;
    }

    .button-bar li, .button-bar li a {
        width: 100%;
    }

    img.listing-thumb {
        display: none;
    }

    section.pub-items {
        padding: 40px 0 !important;
    }

    .member-card-actions .button {
        width: 100%;
        text-align: center;
        margin: 5px 0;
    }

    .member-detail h2 {
        font-size: 22px;
    }

    .member-detail > p {
        font-size: 16px;
    }

    .regions-map {
        display: none;
    }

    .region-links {
        width: 100%;
    }

    #MyDetailsForm input[type="text"] {
        display: inline-block;
    }

    #MyDetailsForm input + input {
        display: inline-block;
        margin: 8px 0 0.3em;
    }

    #formManageEmployees input {
        max-width: 100%;
    }

    #formManageEmployees .row div + div input {
        max-width: 100%;
    }

    section.intro-block > img, section.text-block > img {
        width: 20%;
    }

    .partner-strip {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

    .partner-strip-heading {
        width: 100%;
        text-align: center;
        padding: 0 0 10px;
    }

    .partner-strip div.partner-carousel {
        width: 100%;
    }

    .partner-strip .owl-carousel .owl-stage-outer {
        padding-top: 0px;
    }

    .partner-strip .tooltip:hover .tooltiptext {
        visibility: none;
        opacity: 0;
    }

    .partner-strip div.partner-carousel {
        height: 90px;
    }
}

@media only screen and (max-width: 380px) {
    section, .slider-info, .icon-subnav, .updates-3col {
        padding: 25px;
    }

        section .buttons .button {
            width: 250px;
            display: block !important;
        }

    .header-buttons .button.ghost-btn {
        font-size: 68%;
        padding: 10px 8px;
    }
}

@media only screen and (max-width: 960px) {
    .thumbnail-grid-with-panels.grid-with-panels li:nth-of-type(4n+3) .panel,
    .thumbnail-grid-with-panels.grid-with-panels li:nth-of-type(4n+4) .panel {
        left: 0;
    }

    .thumbnail-grid-with-panels.grid-with-panels li:nth-of-type(3n+2) .panel {
        left: -107%;
    }

    .thumbnail-grid-with-panels.grid-with-panels li:nth-of-type(3n+3) .panel {
        left: -215%;
    }
}

@media only screen and (max-width: 768px) {
    .thumbnail-grid-with-panels.grid-with-panels li:nth-of-type(3n+2) .panel {
        left: 0;
    }

    .thumbnail-grid-with-panels.grid-with-panels li:nth-of-type(3n+3) .panel {
        left: 0;
    }

    .thumbnail-grid-with-panels.grid-with-panels li:nth-of-type(odd) .panel {
        left: 0;
    }

    .thumbnail-grid-with-panels.grid-with-panels li:nth-of-type(even) .panel {
        left: -107%;
    }
}

@media only screen and (max-width: 480px) {
    .thumbnail-grid-with-panels.grid-with-panels li:nth-of-type(even) .panel {
        left: 0;
    }

    .thumbnail-grid-with-panels.grid-with-panels li .nav-item {
        height: auto !important;
    }
}

@media (max-width: 767px) {
    .microsite-carousel.owl-theme .owl-nav [class*="owl-"] {
        display: block;
    }

    .multi-carousel {
        overflow: hidden;
    }
}

@media (max-width: 600px) {
    .microsite-carousel.owl-theme .owl-next {
        right: -50px;
    }

    .microsite-carousel.owl-theme .owl-prev {
        left: -50px;
    }
}