@media screen and (max-width: 1600px) {
    .gila-main-banner {
        height: 569px;
    }

    .gila-main-banner-heading {
        z-index: -1;
        display: flex;
        justify-content: center;
        align-items: end;
        height: 564px;
        color: white;
        padding-bottom: 8%;
    }

    .gila-main-banner::after {
        content: "";
        background-color: rgba(77, 12, 53, 0.506);
        width: 100%;
        height: 307px;
        position: absolute;
        top: calc(50% - 153px);
        left: 0%;
        z-index: -1;
    }
}

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

    /* navbar */
    .dropdown:hover .res_left_move {
        left: -6px;
    }

    /* banner section  */
    .banner_hope {
        width: 37%;
    }

    .gila-main-banner {
        height: 485px;
    }

    .gila-main-banner::after {
        height: 212px;
        top: calc(50% - 107px);
    }

    .banner_pera::after {
        height: 18px;
        width: 26px;
    }

    .gila-main-banner {
        height: 483px;
    }

    /* drugs basics section */
    .drug_basics_secion {
        padding-top: 13%;
    }

    /* gila-main banner */
    .gila-main-banner .banner-heading {
        font-size: 48px;
    }

    .gila-main-banner-heading .banner-text {
        margin-left: 0px;

    }

    .gila-main-banner-heading {
        height: 415px;
        padding-bottom: 5%;
    }

    /* drop-system-banner-card */
    .drop-system-banner-card .row .drop-system-banner-cards h2 {
        font-size: 1.7rem;
    }

    .drop-system-banner-card {
        width: 90%;
    }


    /* ****************** fentanyl page ******************** */
    .oarline_box_phone {
        padding: 0px !important;
    }

    .oarline_box_body {
        text-align: center;
    }

    .oarline_box_body img {
        width: 70%;
    }

    .navbar {
        height: 68px;
    }

    /* banner */

    /* custom_clases */
    .pera_font_14 {
        font-size: 14px;
    }

    .ul_font_14 {
        font-size: 14px;
    }

    .heading_font_20 {
        font-size: 20px;
    }

    /* fentanyl banner section */
    .fenta_banner_back {
        height: 420px;
    }

    /* did you know */
    .did_know_text {
        height: 325px;
    }

    /* Save me */
    .save_me {
        padding: 0px;
        padding: 20px 0px;
        height: 430px;
    }

    .save_me_img .same_me_img_p {
        position: absolute;
        top: calc(50% - 250px);
        left: 0px;
        height: 500px;
    }

    .save_me_text {
        height: 400px;
        overflow: auto;
    }
}

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

    /* navbar */
    .dropdown:hover .res_left_move {
        left: 25px;
    }

    /* banner section */
    .gila-main-banner-heading {
        height: 402px;
    }

    .banner_hope {
        width: 35%;
    }

    .banner-text>p {
        margin-bottom: 0px;
    }

    .banner_pera::after {
        height: 19px;
        width: 26px;
    }

    .gila-main-banner::after {
        height: 215px;
    }

    .gila-main-banner::after {
        top: calc(50% - 119px);
    }

    /* ****************** fentanyl page *************** */
    .oarline_box {
        left: calc(42%);
        width: 18%;
        margin-top: -2px;
    }

    .oarline_box_body img {
        width: 60%;
    }

    .clip_path_font_12 {
        font-size: 14px;
    }

    .what_fenta_text_p {
        height: 197px;
    }

    /* ***************** narcan page ********************************** */
    .nar_nInfo_with {
        top: calc(50% - 66px);
        left: calc(0% - 50px);
        width: 126px;
    }

    .nar_nInfo_with_2 {
        top: calc(50% - 66px);
        right: calc(0% - 50px);
        width: 126px;
    }
}

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

    /* navbar */
    .dropdown:hover .res_left_move {
        left: 15px;
    }

    /* fentanyl banner section */
    .fenta_banner_back {
        height: 380px;
    }
}

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

    /* navbar */
    .dropdown:hover .res_left_move {
        left: -33px;
    }

    /* banner section */
    .gila-main-banner-heading {
        height: 397px;
        font-size: 36px;
    }

    .gila-main-banner::after {
        height: 205px;
        position: absolute;
        top: calc(50% - 114px);
    }

    .gila-main-banner {
        height: 500px;
    }

    .banner-text>p {
        font-size: 1.5vw;
        font-weight: 500;
    }

    .banner_pera::after {
        height: 15px;
        width: 22px;
    }

    .drop-system-banner-card {
        width: 95%;
    }

    .prescribed_legal_skin_patch {
        padding: 0px 25px;
    }

    /* ********************* misuse and addiction ******************** */
    .depre_sec_text {
        height: 225px;
    }

    /* .did_you_text>p {
        height: 436px;
    }
    .testing_text>p {
        height: 436px;
    } */
}

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

    /* navbar */
    .dropdown:hover .res_left_move {
        left: 24px;
    }

    .oarline_box {
        left: calc(29% - 0px);
    }

    /* fentanyl page */
    .fenta_law_did_you_know_text,
    .testing_strips_text {
        top: calc(50% - 194px);
        height: 401px;
    }

    .fenta_law_did_you_know_text .did_you_text>ul {
        height: 312px;
    }

    .testing_strips_text .testing_text>ul {
        height: 312px;
    }

    .what_fenta_text_p {
        height: 154px;
    }

    /* opioid dashboard page */
    .dash_card_4 {
        margin-top: 30px;
    }
}

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

    /* navbar */
    .dropdown:hover .res_left_move {
        left: -32px;
    }

    /* gila-main banner */
    .gila-main-banner {
        height: 454px;
    }

    .gila-main-banner-heading {
        height: 347px;
    }

    .banner_hope {
        width: 30%;
    }

    .banner-text>.Samuel-span {
        font-size: 0.8rem;
        margin-top: 10px !important;
    }

    .gila-main-banner::after {
        height: 173px;
        top: calc(50% - 100px);
    }

    /* drugs basics section */
    .drug_basics_secion {
        padding-top: 20%;
    }

    /* topics_box section */
    .card_meth-img {
        width: 95%;
    }

    /* fentanyl page ************************************************* */
    /* navbar */
    .navbar {
        height: 65px;
    }

    .oarline_box {
        left: calc(30%);
        width: 18%;
    }

    .oarline_box_phone {
        padding: 0px !important;
        font-size: 12px;
        margin: 0px;
        margin-top: 10px;
    }

    .oarline_box_body {
        text-align: center;
        padding: 12px 0px;
    }

    .oarline_box_body img {
        width: 70%;
    }

    /* fentanyl banner section */
    .fenta_banner_back {
        height: 380px;
    }

    /* Who's really using Meth? section */
    .danger_of_fent_text_p>span {
        overflow: auto;
        height: 120px;
    }

    .what_fenta_text_p {
        height: 150px;
    }

    /* fentanyl banner section */
    .fenta_banner_back {
        height: 300px;
    }

    /* Danger of fentanyl section */
    .row .danger_of_fent_image {
        height: 215px;
    }

    .danger_of_fent_image .tab_img {
        height: 222px;
        width: 100%;
    }

    .danger_of_fent_text_p {
        height: 140px;
        padding-left: 15px;
        padding-right: 4px;
    }

    .dange_of_fentanyl_row {
        border-bottom: 1px dashed black;
    }

    /* what ia fentanyl section */
    span.fenta-content {
        position: absolute;
        top: 30%;
        background-color: rgba(0, 0, 0, 0.348);
    }

    /* Prescribed Legal Forms section */
    .prescribed_legal_skin_patch {
        padding: 0px 20px;
    }

    .prescribed_legal {
        margin-bottom: 50px;
    }

    .the_high_back_img {
        margin-top: 0px;
    }

    .prescribed_legal_row_2 {
        padding-top: 0px;
    }
    /* fentanyl +body */
    /* .fentanyl_body {
        height: 290px;
        overflow: auto;
        margin-bottom: 20px;
    } */

    /* fenta_law_did_you_know */
    .fenta_law_did_you_know_text {
        position: static;
        height: 475px;
        width: 50%;
    }

    .fenta_law_did_you_know_text .did_you_text>ul {
        height: 385px;
        overflow: auto;
    }

    .did_you_text>p {
        height: 389px;
        overflow: auto;
    }

    .testing_text>p {
        height: 389px;
        overflow: auto;
    }

    .fenta_law_did_you_know_btn {
        font-weight: 500;
        padding: 10px 30px;
        font-size: 14px;
    }

    /* testing strips */
    .testing_strips_text {
        height: 475px;
        position: static;
        width: 50%;
    }

    .testing_strips_text .testing_text>ul {
        height: 385px;
        overflow: auto;
    }

    .res-d-none {
        display: none;
    }

    .did_know_section {
        margin-bottom: 130px;
    }

    .did_know_section_2 {
        margin-bottom: 130px;
    }

    /* Save me */
    .save_me {
        padding: 0px;
        margin-top: 80px;
        padding: 20px 0px;
    }

    .save_me_img .same_me_img_p {
        position: absolute;
        top: calc(50% - 250px);
        left: 0px;
        height: 500px;
    }

    .save_me_text {
        height: 360px;
        overflow: auto;
        padding-left: 20px;
    }

    /* carosel section */
    .slick_slider_cont {
        margin-top: 60px !important;
    }

    /* ****************************************** depression page ***************** */
    .did_know_section_2_depre {
        margin-bottom: 212px;
    }

    /* ********************** misuse and addiction *********************** */
    .misuse_look_for {
        height: 267px;
    }

    /* ************************ grief page ************************************* */
    .outlets_card_text {
        height: 179px;
    }

    .outlets_card::after {
        width: 61%;
        height: 498px;
        right: -17%;
    }

    .outlets_card_row {
        margin: 25px 0px;
    }

    /* *************************** opioid dashboard ************** */
    .dash_overdose_span {
        font-size: 20px;
    }

    .year_dash_btn {
        padding: 5px 15px;
    }

    .dash_label {
        padding-right: 10px !important;
    }

    .drug_addiction {
        margin-top: 162px;
    }
}

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

    /* navbar */
    .dropdown:hover .res_left_move {
        left: -58px;
    }

    /* banner */
    .fenta_banner_back {
        height: 334px;
    }

    .ul_font_14 {
        font-size: 12px !important;
        font-weight: 100 !important;
    }

    .heading_font_20 {
        font-size: 16px;
    }

    .clip_path_font_12 {
        font-size: 12px;
    }

    /* gila-main banner */
    .gila-main-banner {
        height: 318px;
    }

    .gila-main-banner .banner-heading {
        font-size: 48px;
        margin: auto;
        height: 380px;
    }

    .gila-main-banner-heading .banner-text {
        margin-left: 0px;
    }

    .banner-text>h1 {
        font-weight: 500;
        line-height: 3rem;
        font-size: 1.6rem !important;
    }

    .banner-text>.Samuel-span {
        font-size: 0.8rem;
        font-weight: 400;
    }

    .gila-main-banner::after {
        height: 175px;
        top: calc(50% - 52px);
    }

    .gila-main-banner-heading {
        height: 328px;
    }

    .gila-main-banner-heading .banner-heading {
        padding-top: 15%;
    }

    .banner_pera::after {
        height: 13px;
        width: 18px;
    }

    /* drop-system-banner-card */
    .drop-system-banner-card {
        position: static;
    }

    .wheather-flash-text .opioid-prevantion-text>h2 {
        font-size: 28px;
    }

    /* drugs basics section */
    .drug_basics_secion {
        padding-top: 25%;
    }

    /* topics_box section */
    /* .drug_basics .card .card-body > h6{font-size: 12px;} */
    .card-2-row {
        margin-top: 0px;
    }

    .drug_basics .card {
        margin-top: 15px;
    }

    .card_meth-img {
        width: 62%;
    }

    /* footer */
    .main_footer {
        margin-top: 6rem;
    }

    .foot-center {
        background: transparent;
        text-align: start;
    }

    .contact-section1 {
        width: 95%;
    }

    /* fentanyl page *************************** */
    /* navbar */
    .oarline_box_phone {
        margin: 0px;
    }

    .oarline_box {
        left: calc(39%);
    }

    .navbar {
        height: 54px;
    }

    /* banner */
    .fenta_banner_back {
        height: 334px;
    }

    /* custom_clases */
    .pera_font_14 {
        font-size: 12px;
    }

    .ul_font_14 {
        font-size: 12px !important;
        font-weight: 100 !important;
    }

    .heading_font_20 {
        font-size: 16px;
    }

    .clip_path_font_12 {
        font-size: 12px;
    }

    /* navbar */

    .navbar>.container {
        height: inherit !important;
    }

    .navbar-brand {
        width: 15%;
    }

    #navbarNavDropdown {
        display: block;
        display: flex;
        height: inherit;
    }

    .navbar-nav {
        flex-direction: row;
    }

    .navbar_nowrap {
        flex-wrap: nowrap;
    }

    .navbar-collapse {
        flex-basis: 0%;
    }

    .navbar-nav .nav-item .nav-link {
        color: var(--white-color);
        font-size: 14px;
    }

    /* offcanvas */
    .nav-item_posi {
        position: relative;
    }

    .dropdown_h:hover .dropdown-menu {
        display: block;
    }

    .nav-item_posi_as {
        position: absolute !important;
        bottom: 0px;
        left: 0px;
    }

    /* what is fenta */
    span.fenta-content {
        position: absolute;
        top: 4%;
        background-color: rgba(0, 0, 0, 0.348);
    }

    .using_Per_text_div-2 {
        height: 190px;
        overflow: auto;
    }

    .using_Per_text_div-1 {
        height: 190px;
        overflow: auto;
    }

    /* the high section */
    .the_high_back_img {
        height: auto;
        padding: 20px;
        margin-top: 30px;
    }

    /* Prescribed Legal Forms section */
    .prescribed_legal_skin_patch {
        padding: 0px 10px;
    }

    /*********drug_additions*****/
    .drug_addiction {
        background-color: #f0f4f9;
        margin-top: 30px;
    }

    .naloxone_body_back {
        height: 253px;
    }

    /* fentanyl +body section 2 */
    .did_know_section {
        margin-bottom: 110px;
    }

    .naloxone_works_iframe {
        height: 252px;
    }

    .did_know_section_2 {
        margin-top: 0px;
        margin-bottom: 138px;
    }

    /* .fentanyl_body {
        height: 290px;
        overflow: auto;
    } */

    .did_know_text {
        height: 236px;
    }

    /* fentanyl and the law */
    .fentanyl_law_back_img {
        margin-top: 50px;
        margin-bottom: 0px;
        padding: 30px;
    }

    /* fenta_law_did_you_know */
    .fenta_law_did_you_know_text {
        height: 462px;
        width: 50%;
    }

    .fenta_law_did_you_know_text .did_you_text>ul {
        height: 380px;
        overflow: auto;
    }

    .did_you_text>p {
        height: 385px;
    }

    .testing_text>p {
        height: 385px;
    }

    .fenta_law_did_you_know_btn {
        font-weight: 500;
        padding: 10px 30px;
        font-size: 12px;
    }

    .did_know_text_rev {
        padding-right: 0px !important;
    }

    /* testing strips */
    .testing_strips_text {
        height: 462px;
        width: 50%;
    }

    .testing_strips_text .testing_text>ul {
        height: 380px;
        overflow: auto;
    }

    /* Save me */
    .save_me_img img {
        width: 100%;
    }

    .save_me {
        padding: 0px;
        margin-top: 50px;
        padding: 20px 0px;
    }

    .save_me_img .same_me_img_p {
        height: 370px;
        position: static;
    }

    .save_me_text {
        height: 350px;
        overflow: auto;
    }

    /* footer */
    .main_footer {
        margin-top: 6rem;
    }

    .foot-center {
        background: transparent;
        text-align: start;
    }

    .contact-section1 {
        width: 95%;
    }

    /* ****************************************** depression page ***************** */
    .did_know_section_2_depre {
        margin-bottom: 212px;
    }

    /* ************************** misuse and addiction ******************** */
    .depre_sec_text {
        height: 240px;
        overflow: auto;
    }

    /* **************************** narcan information ************************ */
    .narcan_info_did_know {
        margin-bottom: 138px;
    }

    /* ************************ grief page ************************************* */
    .outlets_card_text {
        height: 126px;
    }

    .grief_quote {
        font-size: 0.7rem;
    }

    /* opioid dashboard page */
    .dash_card_text {
        height: 70px;
    }

    .contact-content {
        margin: auto;
    }
}

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

    /* navbar */
    .oarline_box_phone {
        margin: 5px;
    }

    .oarline_box {
        left: calc(30%);
    }

    .navbar-brand {
        margin-top: 0%;
        width: 17% !important;
    }

    .dropdown:hover .res_left_move {
        left: -65px;
    }

    /* Banner section */
    .gila-main-banner-heading {
        height: 291px;
    }

    .gila-main-banner::after {
        height: 145px;
        top: calc(50% - 46px);
    }

    .banner-text>.Samuel-span {
        font-size: 0.7rem;
        font-weight: 400;
    }

    .what_fenta_text_p {
        height: 117px;
    }

    /* footer */
    .contact-section1 {
        width: 92%;
    }
    .main_footer {
        height: 160px;
    }
    .banner-text>.Samuel-span {
        margin-top: 0px !important;
    }

    /* fentanyl page ************************ */
    /* banner */
    .fenta_banner_back {
        height: 247px;
    }

    .danger_of_fent_image .tab_img {
        height: 187px;
    }

    .row .danger_of_fent_image {
        height: 160px;
    }

    /* footer */
    .contact-section1 {
        width: 92%;
    }

    .did_know_text {
        height: 214px;
        margin-bottom: 20px;
        overflow: auto;
    }

    .fenta_law_did_you_know_text {
        height: 343px;
    }

    .fenta_law_did_you_know_text .did_you_text>ul {
        height: 250px;
    }

    .did_you_text>p {
        height: 268px;
    }

    .testing_text>p {
        height: 268px;
    }

    .testing_strips_text {
        height: 348px;
    }

    .testing_strips_text .testing_text>ul {
        height: 270px;
    }

    .prescribed_legal_row_1 {
        padding-top: 0px !important;
    }

    /* ******************* narcan information *************** */
    .visit {
        background-position: right;
    }

    .visit-content {
        width: 70%;
    }

    .about-content {
        height: 240px;
        overflow: auto;
    }

    .work-in-the-body-content {
        height: 244px;
        overflow: auto;
    }

    .narcan_info_did_know {
        margin-bottom: 100px;
    }

    /* ************************ grief page ************************************* */
    .outlets_card_text {
        height: 155px;
    }

    .outlet_img {
        margin-bottom: 20px;
    }

    .outlets_card::after {
        width: 62%;
        height: 515px;
        right: -2%;
        top: -10%;
    }

    /* ***************** opioid dashboard ******************** */
    .dash_card_3 {
        margin-top: 30px;
    }

    .sex_pie_chart {
        padding: 30px;
        margin-top: 30px;
    }

    .dash_num_overdose_row {
        margin-top: 30px;
        margin-bottom: 0px;
    }

    .drink_medi_img {
        width: 60px;
    }

    .dash_overdose_span {
        padding-left: 15px;
    }

    .dash_num_over {
        padding-left: 15px;
    }

    .dash_num_overdose {
        padding: 8px;
        border-radius: 5px;
    }

    .dash_renge_text {
        font-size: 10px;
    }

    .dash_card_sec {
        margin-top: 30px !important;
        margin: auto;
    }

    .dash_ct {
        height: 70px;
    }

    .dash_card_back_color img {
        width: 22%;
    }

    .dash_card_per {
        top: calc(40% - 42px);
    }

    /* ***************** narcan page ********************************** */
    .nar_nInfo_with {
        top: calc(50% - 45px);
        left: calc(0% - 25px);
        width: 90px;
    }

    .nar_nInfo_with_2 {
        top: calc(50% - 45px);
        right: calc(0% - 25px);
        width: 90px;
    }
}

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


    /* gila-main banner */
    .gila-main-banner-heading {
        padding: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 3rem;
        height: 238px;
    }

    .banner-text>p {
        font-size: 3.5vw;
        font-weight: 500;
    }

    .banner-text>.Samuel-span {
        font-size: 0.6rem;
        font-weight: 400;
        margin-top: 10px !important;
    }

    .banner_pera::after {
        height: 8px;
        width: 11px;
    }

    .gila-main-banner::after {
        height: 122px;
        top: calc(50% - 52px);
    }

    /* drop-system-banner-card */
    .row .drop-system-banner-cards .drop-system-banner-card-body {
        width: 99%;
        height: 250px !important;
    }

    /* drugs basics section */
    .drug_basics_secion {
        padding-top: 850px;
    }

    /* topics_box section */
    .meth_card_img {
        width: 55%;
    }

    /* footer */
    /* fentanyl page ********************************* */
    /* navbar */
    .navbar-brand {
        margin-left: 15%;
    }

    .navbar-brand {
        width: 30% !important;
    }

    .navbar {
        height: 58px;
    }

    #navbarNavDropdown {
        display: none;
    }

    /* offcanvas-start */
    .offcanvas-btn {
        background-color: white;
        color: #370625;
        position: absolute;
        top: 1.2%;
        left: 2%;
        z-index: 2;
    }

    .offcanvas-body {
        background-color: #370625;
        padding-top: 0px;
    }

    .offcanvas-btn {
        display: block;
    }

    .btn-close {
        padding: 5px 10px !important;
        background-color: white;
    }

    .navbar-nav .nav-item .nav-link {
        color: var(--white-color);
        font-size: 14px;
    }

    .offcanvas-start {
        width: 200px;
        background-color: rgb(170, 170, 170);
    }

    .navbar-nav .nav-item .nav-link i {
        padding-right: 10px;
    }

    .offcanvas-header {
        background-color: #370625;
    }

    .offcanvas-header .offcanvas-title {
        font-size: 18px;
        color: var(--main-color);
    }

    #offcanvasWithBothOptionsLabel img {
        width: 70%;
    }

    .d_noflex_sm {
        flex-direction: column;
    }

    .icon_toggle {
        color: white;
        font-size: 14px;
        padding-right: 10px !important;
    }

    .icon_menu {
        padding: 0px;
        margin: 0px;
        width: 180px;
    }

    .off_list_pm>ul {
        padding: 0px;
        margin: 0px;
    }

    .icon_toggle:hover {
        color: white;
    }

    #dropdownMenuButton {
        padding-left: 0px;
        margin-left: 0px;
    }

    #dropdownMenuButton>i {
        font-size: 16px;
        margin-right: 10px;
    }

    #dropdownMenuButton_2 {
        padding-left: 0px;
        margin-left: 0px;
    }

    #dropdownMenuButton_2>i {
        font-size: 16px;
        margin-right: 10px;
    }

    #dropdownMenuButton_3 {
        padding-left: 0px;
        margin-left: 0px;
    }

    #dropdownMenuButton_3>i {
        font-size: 16px;
        margin-right: 10px;
    }

    #dropdownMenuButton_4 {
        padding-left: 0px;
        margin-left: 0px;
    }

    #dropdownMenuButton_4>i {
        font-size: 16px;
        margin-right: 10px;
    }

    .offcanvas_ul>li {
        padding: 0px 0px !important;
    }

    .offcanvas_ul>li:hover {
        background-color: #ffffff30;
    }

    .dropdown-item {
        padding: 10px 7px;
    }

    .icon_menu>li:hover {
        background-color: #209f8418;
    }

    .dropdown-item:hover {
        background-color: transparent;
    }


    /* oarline partner */
    .oarline_box {
        display: none;
    }

    .oarline_box_576 {
        display: block;
        position: static !important;
        margin-bottom: 10px;
        width: 100%;
    }

    .oarline_box_card {
        border-radius: 0px 0px 0px 0px;
    }

    .oarline_box_body {
        padding: 5px 0px;
        text-align: center;
    }

    .oarline_box_body img {
        width: 70%;
    }

    .oarline_box_576 {
        display: block;
        position: static !important;
        margin-bottom: 10px;
        width: 100%;
    }

    /* banner_head */
    .fenta_banner_back {
        height: 258px;
    }

    .navbar-brand {
        width: 30%;
    }

    .banner_head {
        width: 80%;
    }

    .banner_head {
        width: 80%;

    }

    .meth_banner_head {
        width: 50%;
    }

    .esc_banner_head {
        width: 80%;

    }

    .hero_banner_head {
        width: 80%;

    }

    .pre_opi_banner_head {
        width: 95%;

    }

    .drug_banner_head {
        width: 80%;

    }

    .get_nar_banner_head {
        width: 90%;

    }

    /* Danger of fentanyl section */
    .row .danger_of_fent_image {
        height: 196px;
    }

    .danger_of_fent_image .tab_img {
        height: 194px;
        width: 100%;
        background-size: 39%;
    }

    .danger_of_bor_end {
        border-right: none;
    }

    .tab_img img {
        width: 30%;
    }

    .danger_of_fent_text_p {
        height: 166px;
    }

    /* what ia fentanyl section */
    .what_fenta_text {
        padding-top: 10px;
    }


    span.fenta-content {
        position: absolute;
        top: 6%;
        right: 20%;
        background-color: rgba(0, 0, 0, 0.342);
    }

    /* Who's Really using? Percentage */
    .using_Per_text_div-1 {
        padding-right: 0px;
        border-top: 1px dashed black;
        padding: 15px;
        height: 258px;
    }

    .using_Per_text_div-2 {
        margin-bottom: 30px;
    }

    .fenta_law_did_you_know_img img {
        border-radius: 10px;
    }

    .using_Per_text_div {
        margin-top: -35px;
    }

    /* Prescribed Legal Forms section */
    .prescribed_legal {
        border-bottom: 1px dashed black;
        padding-bottom: 20px;
    }

    .prescribed_legal_row_1 {
        padding-bottom: 0px;
    }

    .prescribed_legal_text {
        margin-top: 30px;
    }

    .clip_box_1 {
        position: static;
        height: 200px;
    }

    .prescribed_legal_skin_patch {
        padding: 0px 10px;
    }

    /* clip_box_2_second */
    .clip_box_1_second {
        position: static;
        height: 200px;
    }

    .prescribed_legal_row_2 {
        padding-bottom: 0px;
        display: flex;
        /* flex-direction: column-reverse; */
    }

    /* Did you know? section */
    .did_know_section {
        margin-bottom: 0px;
        padding-top: 20px !important;
    }

    .depressed-lonely_woman {
        display: none;
    }

    .did_star_back {
        display: none;
    }

    /* drug_additions */
    .drug_addiction_content .heading_font_20 {
        padding-top: 30px;
        padding-bottom: 7px;
    }

    /* fentanyl +body section 2 */
    .did_know_section_2 {
        margin-top: 0px;
        margin-bottom: 0px;
        background-color: var(--grey-color);
        padding-bottom: 20px;
        padding-top: 20px !important;
    }

    .did_know_section_2_sm_col_rev {
        display: flex;
        flex-direction: column-reverse;
    }

    .depressed-lonely_woman_2 {
        display: none;
    }

    .did_star_back_2 {
        display: none;
    }

    .fentanyl_body {
        padding-left: 15px;
        padding-top: 20px;
    }

    .fentanyl_body_row ul li {
        padding: 5px 0px;
    }

    /* fenta_law_did_you_know */
    .fenta_law_did_you_know {
        margin-top: 30px;
    }

    .fenta_law_did_you_know_img {
        padding: 0px;
    }

    .fenta_law_did_you_know_text {
        position: static;
        height: 370px;
        width: 100%;
    }

    .fenta_law_did_you_know_text .did_you_text {
        padding-top: 20px;
    }

    .fenta_law_did_you_know_text .did_you_text>ul {
        height: 276px;
        overflow: auto;
    }

    .did_you_text>p {
        height: 286px;
    }

    .testing_text>p {
        height: 286px;
    }

    /* testing strips */
    .testing_strips_sm_col_rev {
        display: flex;
        flex-direction: column-reverse;
    }

    .testing_strips_img {
        padding: 0px;
    }

    .testing_strips_img img {
        width: 100%;
    }

    .testing_strips_text {
        height: 370px;
        position: static;
        width: 100%;
    }

    .testing_strips_text .testing_text>ul {
        height: 276px;
        overflow: auto;
    }

    /* Naloxone (aka) Narcan */
    .save_me_text {
        padding: 0px 15px;
        padding-top: 20px;
    }

    /* save me */
    .save_me {
        height: 790px;
    }

    /* carosel section */
    .slick_slider_cont {
        width: 80%;
        margin-top: 30px !important;
    }

    /* footer */
    .contact-section1 {
        display: unset;
    }
    .main_footer {
        height: 220px;
    }
    /* ******************* fentanyl ***************************** */
    .clip_box_1 {
        clip-path: none;
        position: static;
    }


    .clip_box_2 {
        clip-path: none;
        position: static;

    }

    .clip_box_3 {
        clip-path: none;
        position: static;
    }

    .clip_box_1_second {
        clip-path: none;
        position: static;
    }

    .clip_box_2_second {
        clip-path: none;
        position: static;
    }

    /* ************************** meth page ****************************** */
    .prescribed_legal_hover {
        margin-bottom: 20px;
    }

    .meth_clip_box_1 {
        clip-path: none;
        position: static;

    }

    .meth_clip_box_2 {
        clip-path: none;
        position: static;

    }

    .meth_clip_box_3 {
        clip-path: none;
        position: static;

    }

    .meth_clip_box_4 {
        clip-path: none;
        position: static;

    }

    .meth_clip_box_1_second {
        clip-path: none;
        position: static;

    }

    .meth_clip_box_2_second {
        clip-path: none;
        position: static;

    }

    .meth_clip_box_3_second {
        clip-path: none;
        position: static;

    }

    .meth_clip_box_4_second {
        clip-path: none;
        position: static;

    }

    /* ******************* prescription opioids ******************************** */
    .pres_opi_clip_box_1 {
        clip-path: none;
        position: static;
    }

    .pres_opi_clip_box_2 {
        clip-path: none;
        position: static;
    }

    .pres_opi_clip_box_3 {
        clip-path: none;
        position: static;

    }

    .pres_opi_clip_box_1_second {
        clip-path: none;
        position: static;
    }

    .pres_opi_clip_box_2_second {
        clip-path: none;
        position: static;
    }

    .pres_opi_clip_box_3_second {
        clip-path: none;
        position: static;
    }

    .pres_opi_clip_box_4_second {
        clip-path: none;
        position: static;
    }

    /* ********************** prescription stimultants ******************************* */
    .pre_stimu_clip_box_1 {
        clip-path: none;
        position: static;
    }

    .pre_stimu_clip_box_2 {
        clip-path: none;
        position: static;
    }

    /* ********************* esctasy ***************************** */
    .esc_clip_box_1 {
        clip-path: none;
        position: static;
    }

    .esc_clip_box_2 {
        clip-path: none;
        position: static;
    }

    .esc_clip_box_3 {
        clip-path: none;
        position: static;
    }

    .esc_clip_box_1_second {
        clip-path: none;
        position: static;
    }

    .esc_clip_box_2_second {
        clip-path: none;
        position: static;
    }

    .esc_clip_box_3_second {
        clip-path: none;
        position: static;
    }

    .esc_clip_box_4_second {
        clip-path: none;
        position: static;
    }

    /* *************************** prescription sedtives **************************** */
    .pre_sed_clip_box_1 {
        clip-path: none;
        position: static;
    }

    .pre_sed_clip_box_2 {
        clip-path: none;
        position: static;
    }

    .pre_sed_clip_box_1_second {
        clip-path: none;
        position: static;
    }

    .pre_sed_clip_box_2_second {
        clip-path: none;
        position: static;
    }

    /* *************************** heroin ****************************** */
    .prescribed_legal_skin_patch {
        width: 100% !important;
    }

    .hero_clip_box_1 {
        clip-path: none;
        position: static;
    }

    .hero_clip_box_2 {
        clip-path: none;
        position: static;
    }

    .hero_clip_box_3 {
        clip-path: none;
        position: static;
    }

    .hero_clip_box_1_second {
        clip-path: none;
        position: static;
    }

    .hero_clip_box_2_second {
        clip-path: none;
        position: static;
    }

    /* ********************* misuse and addiction ********************** */
    .depre_sec_text {
        height: 235px;
    }

    .what_misuse {
        display: flex;
        flex-direction: column-reverse;
    }

    /* ***************************************** narcan information ***************** */
    .about-content {
        height: 196px;
        overflow: auto;
        margin-top: 10px;
    }

    .visit-content {
        padding-left: 0px;
        padding: 20px;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.925);
    }

    .naloxone_inbody_2 {
        padding: 0px;
        margin: auto;
        margin-top: 30px;
        display: flex;
        flex-direction: column-reverse;
    }

    .work-in-the-body-content {
        margin-bottom: 20px;
    }

    .narcan_info_did_know {
        margin-bottom: 30px;
    }

    .get-narcan-content {
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .narcan_info_btn {
        margin-top: 20px;
    }

    /* ************************ grief page ************************************* */
    .outlets_card {
        margin-top: 20px;
        margin-left: -15px;
        margin-right: -15px;
    }

    .outlets_card_row {
        margin: 0px 0px;
    }

    .outlets_card::after {
        width: 51%;
    }

    /* ********************************* opioid dashboard ***************** */
    .sex_pie_chart {
        padding: 30px 10px;
    }

    .dash_num_overdose_row {
        margin-top: 0px;
        margin-bottom: 0px;
        margin: auto;
    }

    .dash_num_overdose {
        margin-top: 30px;
    }

    .dash_card_2 {
        margin-top: 30px;
    }

    /* **************************************** get narcan page ***************** */
    .get_narcan_map {
        height: 400px;
    }

    /* ***************** narcan page ********************************** */
    .nar_nInfo_with,
    .nar_nInfo_with_2 {
        display: none;
    }

    .res_col_rev {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 30px;
    }
}

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


    /* topics_box section */
    .card_meth-img {
        width: 70%;
    }
}