@media only screen and (max-width: 1650px) {
    .independence_inner_pages .home-section1 .view-events-list {
        width: 90%;
    }
    .view-events-list .view-content .views-row .views-field {
        width: 70%;
    }
    .independence_inner_pages h1.page-header span,
    .independence_inner_pages h1.page-header div.field--name-title {
        font-size: 30px;
    }

    .home-section1 .view-oral-history .view-content {
        gap: 37px;
    }

}

@media only screen and (max-width: 1550px) {
.home-section1 .view-oral-history .view-content .views-row ul li {
    margin: 3px 13px 4px 0;
}


}


@media only screen and (max-width: 1410px) {
    .main-navigation ul li a,
    .main-navigation ul li span {
        font-size: 15px;
    }
    .independence_inner_pages h1.page-header span,
    .independence_inner_pages h1.page-header div.field--name-title {
        font-size: 29px;
    }
}

@media only screen and (max-width: 1366px) {
    .view-empty button.donate_button {
        font-size: 17px;
        padding: 6px 10px;
        margin: 77px 18px;
    }
    .independence_contain_area .right_part .contact-message-request-a-book-form h2 {
        font-size: 33px;
    }
    .newly-added .newly_added_title h3 {
        font-size: 28px;
    }
    .newly-added .newly_added_slider .slick nav.slick__arrow button.slick-prev::before {
        position: relative;
        top: -10px;
    }
    .latest_event_section {
        top: 111px;
    }
    #block-views-block-upcoming-events-block-2 .views-row .event_block_section .event_title {
        padding: 6px 0 0 0;
    }
    #block-views-block-upcoming-events-block-2 .views-row .views-field.views-field-field-event-tickets .field--name-variations .form-actions button.button {
        font-size: 14px;
        padding: 4px 6px;
    }
    #block-views-block-upcoming-events-block-2 .views-row .views-field.views-field-field-event-tickets .field--name-variations .form-actions {
        margin: 0;
    }
    #block-views-block-upcoming-events-block-2 .views-row .event_block_section {
        float: left;
    }
    #block-views-block-upcoming-events-block-2 .views-row .event_block_section .event_date_block {
        margin: 2px 0 5px 0;
    }
    #block-views-block-upcoming-events-block-2 .views-row .event_block_section .event_date_block .event_day {
        line-height: 8px;
    }
    #block-views-block-upcoming-events-block-2 .views-row .views-field.views-field-view-node span.field-content a {
        font-size: 12px;
    }
    .independence_inner_pages h1.page-header span,
    .independence_inner_pages h1.page-header div.field--name-title {
        font-size: 26px;
    }
}

@media only screen and (max-width: 1280px) {
    .layout-container {
        max-width: 94%;
    }
    .main-navigation nav ul li a,
    .main-navigation nav ul li span {
        padding: 18px 19px 18px 0;
    }
    .main-navigation ul li a,
    .main-navigation ul li span {
        padding: 18px 19px 18px 0;
    }
    .time-section ul li {
        padding: 0 7px;
    }
    .staff-pick-left .staff-title {
        margin: 80px 0 0 0px;
        font-size: 40px;
    }
    .staff-pick-left .staff-title strong {
        font-size: 25px;
    }
    .independence_contain_area .right_part .contact-message-request-a-book-form h2 {
        font-size: 24px;
    }
    .independence_inner_pages h1.page-header span,
    .independence_inner_pages h1.page-header div.field--name-title {
        font-size: 24px;
    }
    .staff-pick-left .logo-box .view-staff-pick-of-the-month .views-field-field-staff-images {
        right: -100px;
    }
    .msm_error {
        height: auto;
    }
    .independence_contain_area .right_part {
        padding: 0 0 28px;
    }
    .newly-added .newly_added_slider .slick nav.slick__arrow button.slick-next::before {
        position: relative;
        right: 18px;
    }
    .independence_contain_area .right_part .request_quote_title {
        font-size: 22px;
    }
    .header .float-right #block-righttopheader {
        padding: 10px;
        font-size: 15px;
    }
    .header .float-right #block-catalogsearch form input[type="submit"] {
        padding: 2px 10px;
    }
    .events .left_part .home-section1 .content .field {
        width: 73%;
    }
    .view-events-list .view-content .views-row .views-field {
        width: 65%;
    }
}

@media only screen and (max-width: 1199px) {
    .home-section1 .view-oral-history .view-content .views-row {
        width: 28%;
    }
    .home-section1 .view-oral-history .view-content {
        gap: 15px;
        max-width: 100%;
    }

    .layout-container .field--item .field--name-purchased-entity .form-item {
        width: 45.5%;
    }
    .main-navigation ul li a,
    .main-navigation ul li span {
        font-size: 13px;
    }
    .donors_table .views-element-container .form-group {
        padding: 0 40px;
    }
    ul.sf-menu.menu,
    ul.sf-menu.menu ul,
    ul.sf-menu.menu li {
        padding: 4px 0;
    }
    .main-navigation ul li a,
    .main-navigation ul li span {
        padding: 8px 10px 8px 0;
    }
    .independence_inner_pages h1.page-header span,
    .independence_inner_pages h1.page-header div.field--name-title {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1050px) {
    nav#block-contentaccess h2#block-contentaccess-menu {
        font-size: 13px;
    }
    #page {
        position: inherit;
    }
    .latest_event_section {
        margin: 20px auto 0;
        position: inherit;
        width: 100%;
        max-width: 300px;
        float: none;
    }
    .latest_event_section.stickyevent {
        position: inherit;
    }
    .main-page-title {
        clear: both;
    }
    #block-views-block-upcoming-events-block-2 .views-row .views-field.views-field-view-node span.field-content a {
        margin: 12px 0;
        padding: 6px 10px;
    }
    #block-views-block-upcoming-events-block-2 .views-row .views-field.views-field-nothing {
        padding: 0;
        width: 140px;
    }
    #block-views-block-upcoming-events-block-2 .views-row .views-field.views-field-field-event-tickets {
        float: left;
        width: 100%;
    }
    #block-views-block-upcoming-events-block-2 .views-row .views-field.views-field-field-event-tickets .field--name-variations .form-actions button.button {
        font-size: 16px;
        padding: 8px 16px;
    }
    #block-views-block-upcoming-events-block-2 .views-row .event_block_section .event_title {
        font-size: 14px;
    }
    #block-views-block-upcoming-events-block-2 .views-row .views-field.views-field-view-node {
        padding: 0;
        margin: 0;
    }
}

@media only screen and (max-width: 1024px) {
    .layout-container {
        max-width: 92%;
    }
    .main-navigation nav ul li a,
    .main-navigation nav ul li span {
        padding: 18px 7px 18px 0;
    }
    .staff-pick-left .logo-box .view-staff-pick-of-the-month .views-field-field-staff-images {
        background: url(/themes/indcolib/images/bg-arrow.png) no-repeat 0 35px;
        padding: 0 0 20px 35px;
        margin: 93px -84px 0 0;
        background-size: 80% 70px;
    }
    .staff-pick-left .logo-box .view-staff-pick-of-the-month .views-field-field-staff-images img {
        margin: -13px 0 0 30px;
    }
    .independence_contain_area .right_part {
        padding: 0px;
    }
    .independence_contain_area .right_part .contact-message-request-a-book-form form#contact-message-request-a-book-form .form-actions {
        margin: 6px 0;
        width: 100%;
    }
    .independence_contain_area .right_part .request_quote_title {
        margin: 9px 0 0px 31px;
    }
    .independence_contain_area .right_part .contact-message-request-a-book-form form#contact-message-request-a-book-form .form-group {
        margin-bottom: 16px;
    }
    .independence_contain_area .right_part .contact-message-request-a-book-form form#contact-message-request-a-book-form .field--type-list-string {
        width: 100%;
        margin: 0px;
    }
    .newly-added .newly_added_slider .slick nav.slick__arrow {
        top: 59%;
    }
    .independence_contain_area .right_part .contact-message-request-a-book-form form#contact-message-request-a-book-form .field--type-list-string .form-type-select .select-wrapper {
        width: 225px;
    }
    .header .float-right #block-catalogsearch form input[type="text"] {
        padding: 2px;
    }
    .header .float-right #block-catalogsearch form input[type="submit"] {
        padding: 3px 8px;
    }
    .header .float-right #block-catalogsearch {
        width: auto;
    }
    .newly-added .facebook_contain .fb-page.fb_iframe_widget span {
        display: table;
        max-width: 500px !important;
    }
    .iframe_block {
        max-width: 500px;
        margin: 0 auto;
        float: none;
    }
    .events_block {
        max-width: 500px;
        float: none;
        margin: 0px auto 0;
        display: table;
    }
    .upcoming_events {
        margin: 30px 0 0 0;
    }
    .header .float-right #block-righttopheaderaddressinfo .header-right-menu {
        font-size: 15px;
        margin: 16px 0 0 0;
    }
    .independence_inner_pages .home-section1 .view-events-list {
        width: 100%;
    }
}

@media only screen and (max-width: 991px) {
    .home-section1 .view-oral-history .view-content .views-row {
        width: 44%;
    }
    .header .float-right #block-catalogsearch form input[type="submit"],
    .header .float-right #block-catalogsearch form input[type="text"] {
        height: 38px;
    }
    .view-empty {
        text-align: center;
    }
    .view-empty button.donate_button {
        margin: 77px auto;
    }
    .latest_event_section.stickyevent #block-views-block-upcoming-events-block-2 {
        margin: 5px 0 40px 0;
    }
    .main-navigation .sf-accordion-toggle #superfish-main-toggle::before {
        background: #E63C2E;
        color: #ffffff;
        content: "MENU";
        cursor: pointer;
        float: right;
        font-size: 18px;
        font-style: normal;
        font-weight: normal;
        padding: 6px 11px 6px 10px;
        position: absolute;
        right: 18px;
        top: -19px;
        text-decoration: inherit;
    }
    .main-navigation .block-superfish {
        width: 100%;
    }
    .main-navigation .block-superfish .sf-accordion-toggle.sf-style-none {
        position: relative;
        top: -29px;
        background: #051f46;
        width: auto;
        right: 0;
        float: right;
    }
    #superfish-main-toggle span {
        display: none;
    }
    #block-views-block-upcoming-events-block-2 .views-row .event_block_section .event_title {
        font-size: 14px;
    }
    #block-views-block-upcoming-events-block-2 {
        margin: 10px 0px 0 0px;
    }
    #block-views-block-upcoming-events-block-2 .view-empty button.donate_button {
        font-size: 13px;
        padding: 6px 4px;
    }
    nav#block-contentaccess h2#block-contentaccess-menu {
        font-size: 12px;
        padding: 0 0 0 7px;
    }
    .webform-readonly.form-item-recurring-contribution {
        right: 50px;
        max-width: 230px;
        padding: 20px;
    }
    .webform-readonly.form-item-recurring-contribution label.control-label {
        font-size: 17px;
    }
}

@media only screen and (max-width: 980px) {
    .donors_table .views-element-container h2.block-title {
        padding: 18px 20px 14px 13%;
        font-size: 26px;
        width: 50%;
    }
    .view-events-list .view-content .views-row .views-field {
        width: 54%;
    }
    .view-events-list .view-content .views-row .views-field.views-field-field-event-image {
        max-width: 270px;
    }
    .page-node-22 .independence_inner_pages h1.page-header span {
        /* font-size: 25px;
        line-height: 24px;
        padding: 10px 20px 14px 13%; */
        font-size: 15px;
        line-height: 24px;
        padding: 10px 20px 14px 13%;
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .newly-added .facebook_contain .fb-page.fb_iframe_widget span {
        position: relative;
    }
    .independence_contain_area .right_part {
        padding: 0;
    }
    .main-navigation nav ul li a,
    .main-navigation nav ul li span {
        padding: 14px 12px 14px 0;
        font-size: 13px;
    }
    .main-navigation nav ul li a.facebook_icon {
        margin: 10px 0;
    }
    .main-navigation nav ul li a.facebook_icon:hover {
        margin: 10px 0;
    }
    .header .float-left .logo-box .field--name-body a img {
        max-width: 100%;
    }
    .staff-pick-left .staff-title {
        font-size: 29px;
    }
    .staff-pick-left .staff-title strong {
        font-size: 17px;
    }
    .independence_contain_area .right_part .contact-message-request-a-book-form h2 {
        font-size: 20px;
        margin: 5px 0 0 0;
    }
    .independence_contain_area .right_part .contact-message-request-a-book-form form#contact-message-request-a-book-form .form-actions {
        width: 100%;
        margin: 0px 0 19px 0;
    }
    .independence_contain_area .right_part .contact-message-request-a-book-form form#contact-message-request-a-book-form .field--type-list-string {
        width: 100%;
    }
    .independence_contain_area .right_part .contact-message-request-a-book-form h2 {
        font-size: 18px;
    }
    .independence_contain_area .right_part .contact-message-request-a-book-form form#contact-message-request-a-book-form .form-group {
        margin-bottom: 15px;
    }
    .independence_contain_area .right_part .contact-message-request-a-book-form {
        padding: 0 0px 0px 34px;
        width: 90%;
    }
    .independence_inner_pages h1.page-header {
        width: 70%;
    }
    .staff-pick-left .logo-box .view-staff-pick-of-the-month .views-field-field-staff-images {
        right: -100px;
    }
    .staff-pick-left .logo-box .view-staff-pick-of-the-month .views-field-field-staff-images img {
        float: left;
        margin: 0 0 0 30px;
        max-width: 104px;
    }
    .time-section ul li {
        padding: 0 5px;
    }
    .newly-added .newly_added_slider {
        background: url(../images/title-arrow-newly-right.png) no-repeat right 44%;
    }
    .is-sticky .header .float-right #block-righttopheaderaddressinfo .header-right-menu {
        margin: 5px 0 0;
    }
    .header .float-right #block-righttopheaderaddressinfo .header-right-menu {
        font-size: 13px;
        margin: 7px 0 0 0;
    }
    .header .float-right #block-righttopheader {
        font-size: 13px;
        line-height: 16px;
    }
    .main-navigation ul li a,
    .main-navigation ul li span {
        font-size: 15px;
    }
    .header .float-right #block-catalogsearch form input[type="text"] {
        width: 64%;
    }
    .newly-added .newly_added_title h3 {
        font-size: 23px;
    }
    .independence_inner_pages h1.page-header span {
        font-size: 24px;
        line-height: 60px;
        /* padding: 20px 20px 14px 13%; */
    }
    .events .left_part .home-section1 .content .field {
        width: 64%;
    }
    #block-views-block-upcoming-events-block-2 .views-row {
        padding: 0;
    }
    #block-views-block-upcoming-events-block-2 .views-row .event_block_section .event_title {
        font-size: 13px;
    }
    #block-views-block-upcoming-events-block-2 .views-row .event_block_section .event_date_block .event_date {
        font-size: 20px;
    }
    #block-views-block-upcoming-events-block-2 .views-row .event_block_section .event_date_block .event_day,
    #block-views-block-upcoming-events-block-2 .views-row .event_block_section .event_date_block .event_month {
        font-size: 14px;
    }
    #block-views-block-upcoming-events-block-2 .views-row .views-field.views-field-nothing {
        width: 130px;
    }
    #block-views-block-upcoming-events-block-2 .views-row .views-field.views-field-view-node span.field-content a {
        padding: 6px 8px;
    }
}

@media only screen and (max-width: 767px) {
    .header .float-right #block-catalogsearch form {
        padding: 0;
        position: relative;
        width: 100%;
        font-size: 0;
    }
    .header .float-right #block-catalogsearch form input[type="text"] {
        width: 100%;
        max-width: 100%;
        padding: 0 70px 0 10px;
        display: inline-block;
        font-size: 16px;
    }
    .header .float-right #block-catalogsearch form input[type="submit"] {
        height: 38px;
        position: absolute;
        right: 0;
    }
    nav#block-contentaccess h2#block-contentaccess-menu {
        padding: 0px;
        margin: 0;
        text-align: left;
    }
    #block-views-block-upcoming-events-block-2 .view.view-upcoming-events {
        width: 100%;
        text-align: center;
    }
    .main-navigation .block-superfish .sf-accordion-toggle.sf-style-none {
        position: relative;
        top: -29px;
        background: #051f46;
        width: auto;
        right: 0;
        float: right;
    }
    .main-navigation .block-superfish {
        width: 100%;
        padding: 58px 0 0 0;
    }
    .view-events-list .view-content .views-row .views-field.views-field-field-event-image {
        float: none;
        width: 100%;
        max-width: 270px;
        margin: 0 auto;
    }
    .view-events-list .view-content .views-row .views-field {
        width: 100%;
    }
    #block-views-block-upcoming-events-block-2 {
        margin: 0px auto;
        width: 32%;
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    .events .left_part .home-section1 .content .field {
        width: 100%;
    }
    .events .left_part .home-section1 .content .field.field--name-field-event-image {
        margin: 10px 0px 30px 0;
    }
    .independence_contain_area .main_banner_slider .view-home-slider .flexslider ul.slides li .views-field-field-flexslider-example-image img {
        height: 340px;
        width: auto;
        max-width: inherit;
    }
    .header .float-right #block-catalogsearch {
        width: 32%;
        float: none;
        margin: 0 auto;
        text-align: left;
        display: inline-block;
        vertical-align: top;
    }
    nav#block-contentaccess {
        width: 32%;
        text-align: center;
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    nav#block-contentaccess ul.menu.menu--client-menu.nav {
        text-align: left;
        max-width: 130px;
    }
    .header .float-left .logo-box .field--name-body a img {
        width: auto;
    }
    .independence_contain_area .right_part .request_quote_title {
        margin: 20px 0 0;
        text-align: center;
    }
    .independence_contain_area .right_part .contact-message-request-a-book-form form#contact-message-request-a-book-form {
        width: 100%;
    }
    .newly-added .newly_added_slider .slick nav.slick__arrow button.slick-next::before {
        right: 0;
    }
    .newly-added .newly_added_slider .slick nav.slick__arrow {
        width: 100%;
    }
    .newly-added .newly_added_slider .slick .slick-slider {
        padding: 0px 55px 0 55px;
    }
    .layout-container {
        max-width: 88%;
    }
    .header .float-left .logo-box a {
        text-align: center;
        width: 100%;
    }
    .header .float-right #block-righttopheader {
        text-align: center;
    }
    #block-righttopheaderaddressinfo {
        width: 100%;
        float: left;
    }
    .header .float-right #block-righttopheaderaddressinfo .header-right-menu {
        float: none;
        text-align: center;
        margin: 10px 0;
        font-size: 15px;
    }
    .main-navigation {
        padding: 0;
        position: relative;
    }
    .main-navigation .sf-accordion-toggle #superfish-main-toggle::before {
        background: #E63C2E;
        color: #ffffff;
        content: "MENU";
        cursor: pointer;
        float: right;
        font-size: 18px;
        font-style: normal;
        font-weight: normal;
        padding: 6px 11px 6px 10px;
        position: absolute;
        right: 0;
        top: -19px;
        text-decoration: inherit;
    }
    .main-navigation .sf-accordion-toggle #superfish-main-toggle:hover::before {
        background: #d93527;
        color: #fff;
    }
    #superfish-main-toggle span {
        display: none;
    }
    .main-navigation ul li a,
    .main-navigation ul li span {
        padding: 6px 9px 6px 0;
    }
    .main-navigation nav {
        display: none;
        background: #051F46;
        float: right;
        position: absolute;
        right: 16px;
        top: 56px;
        width: 250px;
        z-index: 9;
        padding: 0 20px;
    }
    .main-navigation nav ul {
        margin: 0px;
        padding: 0px;
    }
    .main-navigation nav ul li a,
    .main-navigation nav ul li span {
        font-size: 14px;
        padding: 8px 0;
    }
    .independence_contain_area .right_part .contact-message-request-a-book-form {
        padding: 0 34px 2px 34px;
        width: 370px;
        margin: 0 auto;
    }
    .independence_contain_area .right_part {
        background: url(/themes/indcolib/images/right-bg2.png) repeat 0 0;
    }
    .time-section ul li {
        width: 100%;
        text-align: center;
    }
    .time-section ul li:nth-child(2n) {
        display: none;
    }
    .main-navigation nav {
        right: 0;
        width: 100%;
    }
    .independence_inner_pages h1.page-header span {
        font-size: 22px;
        /*  line-height: 44px;  */
        height: 65px;
    }
    .board-of-directors .independence_inner_pages .home-section1 .view-board-of-directors .view-content .views-view-grid .views-row .views-col {
        width: 100% !important;
    }
    .staff-pick-left .logo-box .view-staff-pick-of-the-month .views-field-field-staff-images {
        margin: 26px 0px 0 0;
        background: url(/themes/indcolib/images/bg-arrow.png) no-repeat 40px 70px;
        right: 0;
    }
    .staff-pick-left .logo-box .view-staff-pick-of-the-month .views-field-field-staff-images img {
        margin: 0 0 0 85px;
        max-width: 100%;
    }
    .staff-pick-left {
        padding-bottom: 50px;
    }
    .staff-pick-left .logo-box .view-staff-pick-of-the-month .views-field-nothing {
        padding: 0 0 0 20px;
    }
    .newly-added .newly_added_title {
        margin: 0 0 20px 0;
        position: relative;
        width: 86%;
    }
    .newly-added .newly_added_slider {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        padding: 4% 0 0;
    }
    .independence_contain_area .right_part .contact-message-request-a-book-form form#contact-message-request-a-book-form .field--type-list-string .form-type-select .select-wrapper {
        width: 300px;
    }
    .newly-added .newly_added_title span.img-arrow {
        height: 81px;
        background-size: contain;
    }
    .newly-added .newly_added_title h3 {
        padding: 20px 0 0 0;
        text-align: center;
        width: 86%;
        font-size: 30px;
    }
    center .region-logo-img img {
        margin: 10px;
    }
    .view-library-staff .views-row {
        width: 44%;
        margin: 0 14px;
    }
    .home-section1 .views-row {
        margin: 0 10px;
    }
    .home-section1 .views-row .board_directors_block {
        font-size: 15px;
    }
    .home-section1 .views-row .board_directors_block span {
        font-size: 12px;
    }
    .home-section1 .views-row .board_directors_block a {
        font-size: 15px;
    }
    .donate_landing_page .independence_inner_pages .left_part .home-section1 section#block-otherwaystodonate,
    .donate_landing_page .independence_inner_pages .left_part .home-section1 section#block-webform {
        width: 100%;
    }
    .our_supporters .view-our-supporters-name #donate .slides li .views-field-title span.field-content {
        font-size: 26px;
    }
    .donate_landing_page a.donate_button {
        padding: 10px 22px;
        font-size: 24px;
    }
    .donate_landing_page section#block-webform .webform-submission-contact-form-friends-foundation-form .form-actions button.form-submit {
        padding: 8px 18px;
        font-size: 16px;
    }
    .donate_landing_page .independence_inner_pages .left_part .home-section1 h2 {
        font-size: 24px;
        line-height: 26px;
    }
    .layout-container .field--item .field--name-purchased-entity .form-item {
        width: 100%;
    }
    .donate_landing_page .main_banner_slider .donate_landing_followus {
        bottom: 10px;
    }
    .site-footer .footer_block .footer-center a.suggest-title {
        margin: 0 0 40px 0;
        display: block;
    }



#block-webform-7 form .form-item .panel-body .form-item-recurring-contribution input {
    display: block;
}



.webform-readonly.form-item-recurring-contribution{
    right: inherit;
    padding: 20px;
    max-width: 100%;
    position: initial;
    top: initial;
}








}

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

    .home-section1 .view-oral-history .view-content {
        gap: 0;
    }
    .home-section1 .view-oral-history .view-content .views-row {
        width: 100%;
        margin: 0 0 20px 0;
    }

    #page header.header .sticky_header .float-left {
        width: 100%;
    }
    .logo-box {
        width: 100%;
        text-align: center;
        display: inline-block;
    }
    .header .float-left .logo-box .field--name-body a {
        float: none;
        padding: 0;
        outline: none;
        margin: 20px auto;
        text-align: center;
        max-width: 300px;
        display: inline-block;
    }
    #page header.header .sticky_header .float-right {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
        float: none;
    }
    .header .float-right #block-catalogsearch,
    #block-views-block-upcoming-events-block-2,
    nav#block-contentaccess {
        width: 100%;
        float: none;
        margin: 0 auto 6px;
        text-align: center;
    }
    nav#block-contentaccess h2#block-contentaccess-menu {
        text-align: center;
    }
    nav#block-contentaccess ul.menu.menu--client-menu.nav {
        text-align: center;
        max-width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    #block-webform-6, #block-webform-4, #block-webform-3, #block-webform-7 {
        padding: 20px;
    }
    .form-type-datelist {
        max-width: 100%;
    }
    .form-item.form-type-datelist .container-inline .form-item {
        max-width: 49%;
        margin: 0;
    }
    .form-item-cvv label.control-label {
        display: none;
    }
    .time-section .field--name-body ul li strong {
        display: block;
        margin: 16px 0 0 0;
    }
    .time-section .field--name-body ul {
        margin: 0 0 15px 0;
        padding: 0;
        display: inline-block;
    }
    .donate_landing_page .main_banner_slider .field--name-field-banner-image img {
        width: 100%;
        height: 180px;
        object-fit: cover;
    }
    .independence_inner_pages .donors_table {
        padding: 0 20px 0 0;
    }
    .donors_table .views-element-container .form-group .view-donors-table .view-content .views-row {
        width: 100%;
        text-align: center;
    }
    .donors_table .views-element-container h2.block-title {
        width: 60%;
    }
    .home-section1 .region.region-content .contant_left,
    .home-section1 .region.region-content .form_right {
        width: 100%;
    }
    .events .left_part .home-section1 .content .field.field--name-field-event-tickets .field.field--name-price {
        max-width: 140px;
    }
    .independence_contain_area .banner_events .skin-default .main_slider {
        padding: 35px;
    }
    .independence_contain_area .banner_events .skin-default .main_slider .slider_title {
        font-size: 19px;
        word-break: break-all;
    }
    .our_supporters .view-our-supporters-name #donate .slides li .views-field-title span.field-content {
        font-size: 20px;
    }
    .home-section1 .views-row {
        width: 100%;
        margin: 0;
    }
    .home-section1 .views-row .board_directors_block {
        margin: 0 0 14px;
    }
    .view-library-staff .views-row {
        width: 100%;
        margin: 14px 0;
    }
    .view-library-staff .board_directors_block {
        margin: 0;
    }
    .header .float-right #block-catalogsearch form {
        padding: 0;
    }
    .header .float-right #block-righttopheader {
        width: 100%;
        text-align: center;
    }
    .layout-container {
        max-width: 87%;
    }
    .independence_contain_area .flexslider ul.slides li .views-field.views-field-body .field-content .main_slider .slider_title {
        left: 7px;
        width: 94%;
        background: url(/themes/indcolib/images/banner-text-bg.png) no-repeat 0 0;
        background-size: 100% 100%;
        padding: 40px 30px 30px 30px;
    }
    .staff-pick-left .logo-box .view-staff-pick-of-the-month .views-field-nothing {
        width: 100%;
        text-align: center;
        margin: 0 0 20px 0;
    }
    .staff-pick-left .staff-title {
        margin: 30px 0 0 0px;
    }
    .independence_inner_pages h1.page-header {
        width: 90%;
    }
    .staff-pick-left .logo-box .view-staff-pick-of-the-month .views-field-field-staff-images {
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0px 0 0 178px;
        background-position: right 85px;
    }
    .staff-pick-left .logo-box .view-staff-pick-of-the-month .views-field-field-staff-images img {
        float: left;
        margin: 0 0 0 40px;
    }
    .newly-added .newly_added_title span.img-arrow {
        background: url(../images/title-arrow-newly-left.png) no-repeat scroll right 0 / 76px auto;
        height: 84px;
        margin: 0 -75px 0 0;
    }
    .newly-added .newly_added_title {
        width: 82%;
        height: 81px;
    }
    .newly-added .newly_added_title span.img-arrow {
        margin: 0 -75px 0 0;
    }
    .newly-added .newly_added_title h3 {
        font-size: 16px;
        padding: 32px 0 32px 18px;
        text-align: left;
        width: 83%;
    }
    .events .left_part .home-section1 .content .field.field--name-field-event-image {
        max-width: 100%;
    }
    .events .left_part .home-section1 .content .field.field--name-field-event-image img {
        margin: 0 auto;
    }
    .captcha{
        padding: 10px;
        margin: 0px;
        flex-direction: column;
        align-items: flex-start;
    }
    .donate_landing_page .independence_inner_pages .left_part .home-section1 section#block-webform .captcha .form-item.js-form-item.form-type-textfield.js-form-type-textfield.form-item-captcha-response.js-form-item-captcha-response.form-group{
        width: 100%;
        order: 3;
        margin-bottom: 0px;
        margin-top: 10px;
    }
    .captcha .reload-captcha-wrapper{
        order: 2;
    }
}

@media only screen and (max-width: 480px) {
    .form-item.form-type-datelist .container-inline .form-item {
        max-width: 100%;
    }
    .header .float-right #block-catalogsearch {
        width: 100%;
        text-align: center;
    }
    #block-views-block-upcoming-events-block-2 {
        margin: 10px auto;
        width: 100%;
        float: none;
        display: inline-block;
        text-align: center;
    }
    #block-views-block-upcoming-events-block-2 .view.view-upcoming-events {
        float: none;
        display: inline-block;
    }
    .events .left_part .home-section1 .content .field>.field--label {
        max-width: 100%;
    }
    .events .left_part .home-section1 .content .field.field--name-field-event-tickets .field--name-variations {
        width: 100%;
        margin: 0;
    }
    .independence_contain_area .banner_events .skin-default .main_slider {
        width: 420px;
    }
    .independence_inner_pages .board_of_directors_chairman .board_of_directors_content ul li {
        list-style: none;
        display: inline-block;
    }
    .board-of-directors .independence_inner_pages .home-section1 .view-board-of-directors .view-content .views-view-grid .views-row .views-col ul li .board_of_directors_dash {
        display: none;
    }
    .staff-pick-left .logo-box .view-staff-pick-of-the-month .views-field-field-staff-images {
        padding: 22px 0 0 64px;
        background-position: 0 85px;
    }
    .staff-pick-left .logo-box .view-staff-pick-of-the-month .views-field-field-staff-images img {
        margin: 0 0 0 7px;
    }
    .layout-container {
        max-width: 80%;
    }
    .independence_contain_area .right_part .contact-message-request-a-book-form {
        width: 100%;
    }
    .independence_contain_area .flexslider ul.slides li .views-field.views-field-body .field-content .main_slider .slider_title {
        font-size: 18px;
    }
    .independence_contain_area .flexslider ul.slides li .views-field.views-field-body .field-content .main_slider {
        padding: 50px 20px 20px 20px;
    }
    .independence_contain_area .right_part .contact-message-request-a-book-form h2 {
        font-size: 26px;
    }
    .independence_contain_area .right_part .contact-message-request-a-book-form form#contact-message-request-a-book-form .field--type-list-string {
        width: 100%;
    }
    .independence_contain_area .right_part .contact-message-request-a-book-form form#contact-message-request-a-book-form .form-actions {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .independence_contain_area .right_part .contact-message-request-a-book-form form#contact-message-request-a-book-form .field--type-list-string .form-type-select .select-wrapper {
        width: 246px;
    }
    .header .float-right #block-righttopheader {
        padding: 10px;
        font-size: 14px;
    }
    .independence_inner_pages h1.page-header {
        width: 96%;
    }
    .independence_inner_pages h1.page-header span {
        font-size: 14px;
        /* padding: 18px 20px 14px 13%; */
    }
    .user-login .independence_inner_pages .user-login-form-block {
        width: 88%;
    }
    .login_user {
        width: 88%;
    }
    .board-directors .board_directors_block a {
        font-size: 16px;
    }
    .site-footer .footer_block .footer-center #amznCharityBanner {
        width: 100% !important;
        margin: 0px 0 30px 0 !important;
    }
    .site-footer .footer_block .footer-center #amznCharityBanner iframe {
        width: 100%;
    }
    .donate_landing_page .main_banner_slider .donate_landing_followus h1 {
        background-size: 30px;
        padding: 0 0 0 26px;
    }
    .donate_landing_page .main_banner_slider .donate_landing_followus h1 a i {
        font-size: 36px;
        margin: 0px 0 0 10px;
    }
    .donate_landing_page .main_banner_slider .donate_landing_followus h1 span {
        padding: 8px 20px 8px 20px;
        font-size: 20px;
    }
}

@media (min-width: 981px) {
    #superfish-main {
        display: -webkit-inline-box;
    }
}



/*--------------------------------------------------------------------*/

@media screen and (min-width: 320px) and (max-width: 480px) {
   .independence_inner_pages .main-page-title .region-page-title .page-header .field--name-title {
     font-size: 15px !important ;
       line-height: 1.2;
        withd: 100px;
   }

   button#edit-submit {
    margin: 5px 0px;
}
    button#edit-preview {
        margin: 5px 3px;
    }

}


@media screen and (min-width: 481px) and (max-width: 768px) {
   .independence_inner_pages .main-page-title .region-page-title .page-header .field--name-title {
     font-size: 20px !important ;
   }
   button#edit-submit {
    margin: 5px 0px;
}
    button#edit-preview {
        margin: 5px 3px;
    }

}


@media screen and (min-width: 769px) and (max-width: 1024px) {
   .independence_inner_pages .main-page-title .region-page-title .page-header .field--name-title {
     font-size: 18px !important ;
   }
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    .page-node-22 .independence_inner_pages h1.page-header span {
        font-size: 11px;
        line-height: 18px;
        padding: 10px 20px 14px 13%;
        align-items: center;
        display: flex;
        justify-content: center;
    }
}