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

    .block-field-blocknodeexperience-itfield-home-city-state,
    .block-field-blocknodeexperience-itbody {
        max-width: 100%;
        padding-left: unset;
    }

    .block-field-blocknodeexperience-itfield-image {
        max-width: 100%;
    }

    .page-node-type-experience-it article .field--type-image img {
        max-width: 100%;
    }

    .field__items>.field__item {
        margin-right: 0;
    }

    article p img {
        max-width: 100% !important;
    }

    article iframe {
        width: 100%;
        max-width: 450px;
    }

    article table:not(.tablesaw) {
        width: 100% !important;
    }
}

@media only screen and (min-width: 500px) and (max-width: 992px) {
    div#header-inner {
        display: flex;
        padding: 0;
    }

    #highlighted-inner .view-features .views-col {
        width: 50% !important;
        float: left;
    }

    #main-container-inner .second-sidebar {
        background-color: #fff;
    }

    #main-container-inner .second-sidebar .w3-sidebar-second {
        width: 50% !important;
    }

    .bottom-container-inner .view-my-experience .views-row>div {
        width: 70% !important;
    }

    #header-inner #search-block-form {
        justify-content: end !important;
    }

    .highlighted-inner .view-features .views-col img {
        width: 100%;
    }

    .main-navigation-wrapper ul.sf-menu .sf-sub-indicator:not(.sf-depth-3 .sf-sub-indicator) {
        top: 23px;
    }

    .main-navigation-wrapper ul.sf-menu .sf-sub-indicator {
        left: 6px;
    }
}

@media only screen and (min-width: 767px) and (max-width: 992px) {
    .main-navigation-wrapper ul a {
        font-size: 10px;
        padding: 15px 15px !important;
    }
}

@media only screen and (max-width: 767px) {
    .site-name-slogan {
        display: none;
    }

    .block-system-branding-block {
        width: 100%;
        margin: 0 !important;
    }

    #header {
        padding: 0 20px;
    }

    .highlighted-inner ul.menu {
        flex-wrap: wrap;
    }

    section p iframe {
        max-width: 560px;
        width: 100%;
    }

    div.main-navigation-inner-h {
        padding: 0;
    }

    .main-navigation-wrapper ul li {
        border: none;
    }

    div.main-navigation-inner-h .sf-accordion-toggle a {
        background: url(../images/icons/menu.png) no-repeat;
        background-size: contain;
        width: 36px;
        height: 36px;
        display: inline-block !important;
        margin: 5px 15px 7px;
        float: right;
        transition: none !important;
        animation: none !important;
    }

    div.main-navigation-inner-h .sf-accordion-toggle a.sf-expanded {
        background: url(../images/icons/close.png) no-repeat;
        background-size: contain;
        width: 28px;
        height: 36px;
        margin: 9px 18px 5px;
    }

    div.main-navigation-inner-h .sf-accordion-toggle a span {
        display: none;
    }

    div.main-navigation-inner-h .sf-accordion-toggle {
        text-align: center;
    }

    #main-navigation-h .mobile-nav {
        display: none;
    }

    .header-inner {
        display: revert;
    }

    .site-logo {
        margin: 0 !important;
    }

    .site-logo img {
        float: left !important;
        max-width: 100% !important;
        margin: 20px 0 20px 0 !important;
    }

    #header-inner #search-block-form {
        float: left;
        justify-content: unset;
        margin: 10px 0;
    }

    #header-inner .js-form-type-search {
        width: 193px !important;
    }

    #edit-keys {
        width: 193px;
    }

    .main-navigation-wrapper ul.sf-menu .sf-sub-indicator {
        display: none;
    }

    ul#superfish-main-accordion,
    ul.sf-has-clone-parent,
    .active-trail ul.sf-has-clone-parent a {
        background-color: #10151c !important;
    }

    .main-navigation-wrapper ul a {
        border-bottom: 1px solid #2B2C2E;
    }

    ul.sf-has-clone-parent li a {
        padding-left: 30px !important;
    }

    ul.ul-2.sf-has-clone-parent a {
        padding-left: 50px !important;
    }

    ul.ul-3.sf-has-clone-parent a {
        padding-left: 70px !important;
    }

    .highlighted-inner .view-features .views-col {
        float: unset;
        width: 100% !important;
        padding: 0 5px !important;
        margin-bottom: 20px;
    }

    .highlighted-inner .view-features .views-col img {
        width: 100%;
    }

    .view-latest-news .views-field-field-news-image {
        width: unset;
    }

    .view-latest-news .views-field-field-news-image img {
        width: 138px;
    }

    .view-latest-news .views-field:not(.views-field-field-news-image) {
        width: unset;
        float: unset;
    }

    ul.pager__items.js-pager__items {
        padding: 0;
        margin-bottom: 3px;
    }

    .pager__items li a {
        margin-top: 5px;
    }

    .bottom-container-inner .view-my-experience .views-row .views-field-field-image {
        width: unset;
    }

    .bottom-container-inner .view-my-experience .views-row>div {
        width: 58%;
        float: right;
    }

    .bottom-container-inner .view-my-experience .views-row>div p {
        padding: 0 !important;
    }

    #footer-menu {
        border-bottom: unset;
    }

    .page-title-inner h1.page-title {
        font-size: 20px;
        font-weight: bold;
        padding: 0 8px;
    }

    ul.breadcrumb {
        padding: 8px;
    }

    .block-field-blocknodeexperience-itfield-home-city-state,
    .block-field-blocknodeexperience-itbody {
        max-width: 100%;
        padding-left: unset;
    }

    .main-navigation-wrapper ul a:hover {
        background-color: transparent;
    }

    li.menuparent:after {
        content: '';
        width: 9px;
        height: 9px;
        display: block;
        position: absolute;
        right: 15px;
        top: 35%;
        transform: rotate(-45deg);
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;
        z-index: -1;
        transition: transform .3s;
    }

    li.sf-expanded.menuparent:after {
        top: 19px;
        transform: rotate(135deg);
    }

    .slideshow-group-fields {
        /* font-size: 13px;
        left: -5px;
        width: max-content; */
        display: none;
    }

    .second-sidebar span.dropdown-arrow {
        padding: 0 !important;
    }

    .second-sidebar span.dropdown-arrow:hover {
        background-color: transparent !important;
    }
}

@media only screen and (min-width: 768px) {
    #main-navigation-h .mobile-nav {
        display: none;
    }

    #block-youtubeplaylist p iframe {
        max-width: 480px;
    }
}