@media only screen and (min-width: 1367px) and (max-width: 1920px) {
    .container {
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
    }
    .cause_box {
        width: calc(25% - 11.5px);
    }
}

@media only screen and (min-width: 1251px) and (max-width: 1366px) {
    .container {
        width: 100%;
        max-width: 1180px;
        margin: 0 auto;
    }
    .cause_box {
        width: calc(25% - 11.5px);
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1250px) {
    .container {
        width: auto;
        max-width: 100%;
        margin: 0 30px;
    }
    .sec_gap {
        padding: 80px 0;
    }
    /* header .container {
        width: auto;
    }
    .my_header .container {
        width: auto;
    } */

    /* Fonts */
    h1 {
        font-size: 4.25rem!important;
    }
    h2 {
        font-size: 2.15rem!important;
    }
    h3 {
        font-size: 1.55rem!important;
    }
    h4 {
        font-size: 1.4rem!important;
    }

    /* Hero */
    .hero_text {
        width: 58%;
    }
    .hero_image img {
        width: 100%;
    }

    /* Reviews */
    .action_items {
        margin-left: 40px;
    }

    /* Donatoin */
    #donation .white_btn {
        margin-bottom: 10px;
    }
    .payment_box_items {
        padding: 50px 30px;
    }
    .donation_buttons button {
        padding: 16px 25px;
    }

    /* Reasons */
    .cause_box {
        width: calc(25% - 11.5px);
    }

    /* Footer */
    .chai_life_footer .sec_heading {
        width: 80%;
    }
}

/* Ipad Pro view Landscape */
@media only screen and (min-width: 901px) and (max-width: 1024px) {
    .container {
        max-width: 100%;
        width: auto;
        margin: 0 30px
    }
    /* header .container {
        width: auto;
    }
    .my_header .container {
        width: auto;
    } */

    /* General */
    .row {
        margin: 0 -.8rem;
    }
    .col_gap {
        margin: 0 .8rem;
    }
    .sec_gap {
        padding: 80px 0;
    }

    /* Fonts */
    h1 {
        font-size: 3.6rem!important;
    }
    h2 {
        font-size: 2.05rem!important;
    }
    h3 {
        font-size: 1.55rem!important;
    }
    h4 {
        font-size: 1.325rem!important;
    }
    h5 {
        font-size: 1.2rem!important;
    }
    
    /* Hero */
    .hero_text {
        width: 65%;
    }
    .hero_image img {
        width: 100%;
    }

    /* Join */
    .reason_box {
        min-height: 322px;
    }
    .reason_box_items {
        padding: 40px 30px;
    }

    /* Reviews */
    .action_items {
        margin-left: 40px;
    }
    
    /* Donatoin */
    #donation .white_btn {
        margin-bottom: 10px;
    }
    .payment_box_items {
        padding: 50px 30px;
    }
    .donation_buttons button {
        padding: 16px 20px;
    }
    .package_box:nth-child(2) {
        margin-top: 8px;
    }
    .package_box span:first-child {
        margin-right: 10px;
    }
    .donation_buttons button:nth-child(6) {
        margin-top: 8px;
    }
    .cause_box {
        width: calc(25% - 11.5px);
    }
    .cause_box_items {
        padding: 30px 25px;
    }

    /* Reasons */
    #reasons .sec_heading {
        width: 50%;
    }

    /* Footer */
    .chai_life_footer .sec_heading {
        width: 80%;
    }
}

/* Ipad view Landscape */
@media only screen and (min-width: 768px) and (max-width: 900px) {
    .container {
        max-width: 100%;
        width: auto;
        margin: 0 30px
    }
    .my_menu ul li {
        margin-right: 35px;
    }
    /* header .container {
        width: auto;
    }
    .my_header .container {
        width: auto;
    } */

    /* General */
    .row {
        margin: 0 -.8rem;
    }
    .col_gap {
        margin: 0 .8rem;
    }
    .sec_gap {
        padding: 80px 0;
    }

    /* Fonts */
    h1 {
        font-size: 3.05rem!important;
    }
    h2 {
        font-size: 1.8rem!important;
    }
    h3 {
        font-size: 1.525rem!important;
    }
    h4 {
        font-size: 1.3rem!important;
    }
    h5 {
        font-size: 1.2rem!important;
    }
    
    /* Hero */
    .hero_text {
        width: 75%;
    }
    .hero_image img {
        width: 100%;
    }

    /* Join */
    .reason_box {
        min-height: 340px;
    }
    .reason_box_items {
        padding: 40px 30px;
    }
    .rsn_text p {
        font-size: .925rem;
    }

    /* Reviews */
    .action_items {
        margin-left: 40px;
    }
    
    /* Donatoin */
    #donation .white_btn {
        margin-bottom: 10px;
    }
    .payment_box_items {
        padding: 50px 30px;
    }
    .donation_buttons button {
        padding: 16px 20px;
    }
    .package_box:nth-child(2) {
        margin-top: 8px;
    }
    .package_box span:first-child {
        margin-right: 10px;
    }
    .donation_buttons button:nth-child(6) {
        margin-top: 8px;
    }
    .cause_box {
        width: calc(50% - 7.5px);
    }
    .cause_box_items {
        padding: 30px 25px;
    }
    .com_button a {
        margin-right: 0;
    }

    /* Reasons */
    #reasons .sec_heading {
        width: 50%;
    }

    /* FAQ */
    .faq_question {
        display: flex;
        align-items: center!important;
    }
    .faq_question h5 {
        width: 75%;
    }

    /* Footer */
    .chai_life_footer .sec_heading {
        width: 85%;
    }
}

/* Portrait : Ipad Pro */
@media only screen and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) and (min-device-width : 901px) and (max-device-width : 1024px) {
    h1 {
        font-size: 3.75rem!important;
    }
    h2 {
        font-size: 2.2rem!important;
    }

    .reason_box {
        min-height: 100%;
    }
}

@media only screen and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) and (min-device-width : 768px) and (max-device-width : 900px) {
    h1 {
        font-size: 3rem!important;
    }
    h2 {
        font-size: 1.925rem!important;
    }

    .sec_heading {
        width: 75%;
    }

    #reasons .flex_box {
        flex-direction: column;
        align-items: flex-start;
    }
    #reasons .sec_heading {
        width: 75%;
    }
    #reasons .sec_text {
        width: 65%;
        margin-top: 30px;
    }
}

/* Mobile Devices */
@media only screen and (min-device-width : 100px) and (max-device-width : 767px) {
    .container {
        max-width: 100%;
        width: auto;
        margin: 0 1rem!important;
    }
    /* header .container {
        width: auto!important;
    }
    .my_header .container {
        width: auto!important;
    } */
    .col_4, .col_5, .col_6, .col_7, .col_8 {
        width: 100%;
    }
    body {
        font-size: .925rem!important;
    }
    .sec_heading {
        width: 100%;
    }
    .sec_gap {
        padding: 80px 0;
    }
    [data-load-container] {
        position: relative!important;
    }
    body {
        overflow-y: hidden!important;
        overflow: visible!important;
    }

    /* Fonts */
    h1 {
        font-size: 2.75rem!important;
    }
    h2 {
        font-size: 2.05rem!important;
    }
    h3 {
        font-size: 1.7rem!important;
    }
    h4 {
        font-size: 1.55rem!important;
    }
    h5 {
        font-size: 1.15rem!important;
    }

    /* Header */
    .topbar_logo {
        margin-right: 15px;
    }
    .t_text span {
        font-size: .9rem;
    }
    .t_text p {
        font-size: .65rem!important;
        line-height: 1.25!important;
        width: 95%;
    }
    .hamburger {
        position: relative;
        display: block;
        z-index: 999;
        cursor: pointer;
    }
    .hamburger div {
        height: 2.5px;
        width: 25px;
        background-color: #1e1e1e;
        margin: 4px 0;
        transition: 0.5s ease;
    }
    .logo, .topbar {
        z-index: 999;
        position: relative;
    }
    .logo img {
        width: 150px;
    }
    .my_menu {
        position: fixed;
        min-height: 100vh;
        height: 100%;
        width: 100%;
        background: #FBF4E1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        z-index: 9;
        transform: translateX(-1000%);
        display: flex;
        flex-direction: column!important;
        align-items: flex-start!important;
        transition: transform 0.3s ease;
        opacity: 1;
        justify-content: center;
    }
    .nav_active {
        transform: translateX(0%)!important;
        transition: transform 0.3s ease;
    }
    .togglemenu .line1 {
        transform: rotate(-45deg) translate(1px,-1px);
        background-color: #1e1e1e;
    }
    .togglemenu .line2 {
        transform: rotate(45deg) translate(-6px, -6px);
        background-color: #1e1e1e;
    }
    .my_menu ul {
        position: absolute;
        height: auto;
        top: 0px;
        width: 100%;
        height: 100vh;
        justify-content: center;
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        overflow: hidden!important;
        margin-top: 40px;
    }
    .my_menu ul li {
        margin-left: 15px!important;
        margin-right: 15px!important;
        margin: 10px 0;
        width: 100%;
    }
    .my_menu_button {
        margin: 15px;
    }
    .my_menu ul li a {
        background: none;
        border: none;
        font-size: 2rem;
        padding: 0;
        line-height: 1;
    }
    .no_overflow {
        overflow: hidden!important;
    }

    /* Hero */
    .hero_contents {
        width: 100%;
    }
    .hero_sub_heading.flex_box {
        flex-direction: row!important;
    }
    .sub_text {
        font-size: .825rem;
    }
    .hero_heading {
        width: 98%;
    }
    .hero_text {
        width: 100%;
    }
    .hero_image img {
        width: 100%;
        min-height: 350px;
        object-fit: cover!important;
    }

    /* Join */
    .review_box {
        width: 100%;
    }
    .reason_box {
        min-height: 100%;
    }
    .reason_box_items {
        padding: 40px 30px;
    }

    /* Reviews */
    .action_items {
        margin-left: 0;
        margin-top: 40px;
    }
    .action_items br {
        display: none;
    }

    /* Donation */
    #donation .col_5, #donation .col_7 {
        width: 100%!important;
    }
    .community_box {
        margin-bottom: 30px;
    }
    .community_box .sec_heading {
        margin-bottom: 50px!important;
    }
    .com_button .white_btn:first-child {
        margin-bottom: 10px;
    }
    .payment_box_items {
        padding: 50px 30px;
    }
    .donate_text {
        width: 100%;
    }
    .package_box:nth-child(2), .package_box:last-child {
        margin-top: 10px!important;
    }
    .donation_buttons button {
        padding: 16px 22px;
        margin-bottom: 10px;
    }
    .membership_info {
        font-size: 1rem;
    }
    .donation_input {
        min-width: 180px;
        width: calc(100% - 56px);
    }
    input {
        width: 100%;
    }

    /* Rabbies */
    .glide__track {
        overflow: hidden!important;
    }
    .pr_box {
        width: calc(100% - 1px)!important
    }
    .pr_box_items {
        width: calc(100% - 10px);
        padding: 25px 5px!important;
        display: flex;
        align-items: center;
        text-align: center;
    }

    /* reason */
    #reasons .flex_box {
        flex-flow: wrap!important;
    }
    #reasons .sec_heading, #reasons .sec_text {
        width: 100%;
    }
    #reasons .sec_heading {
        margin-bottom: 30px!important;
    }
    .reasons_container {
        height: auto!important;
        display: flex;
        flex-direction: column;
    }
    .cause_box {
        width: 100%!important;
        position: relative!important;
    }
    .accordion_heading .accordion_icon {
        display: flex;
    }
    .cause_heading {
        width: 80%;
    }
    .accordion_heading {
        cursor: pointer;
        margin-bottom: 15px;
    }
    .accordion_heading.acc_active .arrow {
        transform: rotate(-90deg)!important;
    }
    .accordion_heading.acc_active + .accordion_text {
        max-height: 200px!important;
        opacity: 1!important;
        transition: max-height 0.2s ease-in, opacity 0.2s ease-in;
        margin-top: 20px;
    }
    .faq_question.faq_active + .faq_answer {
        max-height: 200px;
        opacity: 1;
        transition: max-height 0.2s ease-in, opacity 0.2s ease-in;
        margin-bottom: 20px!important;
        margin-top: 20px;
    }
    .accordion_text {
        max-height: 0!important;
        overflow: hidden;
        opacity: 0!important;
        transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
    }

    /* FAQ */
    .faq_question h5 {
        width: 80%;
    }

    /* Footer */
    .chai_life_footer .sec_heading {
        width: 100%;
    }
    .footer_buttons a {
        margin-bottom: 10px;
    }
    .footer_buttons a:last-child {
        margin-bottom: 0!important;
    }
    .footer_text_chabad {
        width: 100%;
    }
    .copyright_info, .copyright_info a {
        font-size: .8rem;
    }
}