/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .main_banner img{
        height: 36vh;
    }
    .main_banner_content h2{
        font-size: 53px;
    }
    .prioritie_card{
        padding: 1.5rem 2rem 1.5rem;
        height: 440px;
    }
    .meet{
        height: 505px;
    }
    .meet_body{
        top: 25px;
        left: 0;
    }
    .working{
        height: 504px;
        background-attachment: unset;
    }
    .working_body h3{
        font-size: 53px;
    }
    .working_body{
        left: 12%;
    }
    .story_heading h3{
        font-size: 53px;
    }
    .stories_values p{
        font-size: 14px;
    }
    .stories_body p{
        font-size: 16px;
    }
    .thankyou_body{
        bottom: 18%;
    }
    .thankyou_body h3{
        font-size: 63px;
    }
    .thankyou_body p{
        font-size: 22px;
    }
}

@media only screen and (max-width: 820px){
    .logo{
        order: 0 !important;
    }
    .navbar-toggler{
        order: 0 !important;
    }
    .home_header .navbar-collapse{
        background: rgb(0 0 0 / 50%);
        padding: 6px 12px;
    }
    .header .navbar-collapse{
        background: rgb(0 0 0 / 50%);
        padding: 6px 12px;
    }
    .social_media {
        font-size: 27px;
        flex-direction: row;
        gap: 21px;
    }
    .logo img{
        margin-left: 0;
    }
    .social_media a {
        padding: 0;
    }
    .main_banner img{
        height: 34vh;
    }
    .main_banner_content h2{
        font-size: 45px;
    }
    .support_contect h3{
        font-size: 22px;
    }
    .support_price li{
        padding: 0 13px;
        font-size: 16px;
    }
    .heading h2{
        font-size: 40px;
    }
    .meet_body{
        top: 120px;
        left: 0;
    }
    .meet_body h3{
        font-size: 40px;
    }
    .meet_body h4{
        font-size: 19px;
    }
    .meet_body p{
        font-size: 16px;
    }
    .working{
        height: 70vh;
        background-attachment: unset;
    }
    .working_body h3{
        font-size: 53px;
        border-bottom: 10px solid var(--red);
        margin-bottom: 1rem;
    }
    .join_team{
        padding: 50px 0;
    }
    .join_team h3{
        font-size: 53px;
        margin-bottom: 1rem;
    }
    .join_body p{
        font-size: 20px;
    }
    .footer_logo img{
        width: 250px;
    }
    .thankyou_body h3{
        font-size: 53px;
        border-bottom: 8px solid var(--red);
    }
    .thankyou_body p{
        margin-top: 1rem;
        font-size: 16px;
    }
    .thankyou_body{
        bottom: 10%;
    }
    .story_heading p{
        font-size: 14px;
    }
    .story_heading h3{
        font-size: 40px;
    }
    .stories_heading h4{
        font-size: 12px;
    }
    .stories_values h3{
        font-size: 14px;
    }
    .stories_values p{
        font-size: 12px;
    }
    .stories_body p{
        font-size: 16px;
    }
    .stories_body h3{
        font-size: 20px;
    }
    .issue_heading span{
        font-size: 22px;
    }
    .issue_heading h2{
        font-size: 53px;
    }
    .issues_body p{
        font-size: 17px;
    }
    .issues_body{
        margin-top: 55px;
    }
    .issue_card_body p{
        font-size: 16px;
    }
    .prioritie_card{
        height: 330px;
    }
    .social_links{
        display: none;
    }
    .home_header .nav_link{
        border-bottom: 1px solid #fff;
        color: #fff !important;
    }   
    .header .nav_link{
        border-bottom: 1px solid #fff;
    }   
    .donate_btn{
        border: 0 !important;
    }
    .header .navbar-collapse{
        background: rgb(0 0 0 / 50%);
        padding: 6px 12px;
    }
    .header a {
        color: #fff;
    }    
    .header a:hover {
        color: #fff;
    }
    .footer_link{
        margin-bottom: 3rem;
    }
    .footer_head{
        margin-bottom: 1.5rem;
    }
}
@media only screen and (max-width: 767px){
    .logo img {
        width: 100px;
    }
    .main_banner img{
        height: 50vh;
    }
    .story_img img{
        margin-bottom: 2rem;
    }
    .border_light{
        border-left: 0;
    }
    .stories_values h3{
        font-size: 20px;
    }
    .stories_values p{
        font-size: 16px;
    }
    .main_banner_content h2{
        font-size: 30px;
    }
    .support_contect h3{
        font-size: 22px;
        text-align: center;
        margin-bottom: 1rem;
    }
    .heading h2{
        font-size: 30px;
    }
    .prioritie_card{
        padding: 1rem; 
        height: 500px;
    }
    .support_price{
        margin-left: 0;
        text-align: center;
    }
    .meet{
        background-position: 19%;
        height: 509px;
    }
    .meet_body{
        top: 35px;
        left: 0;
    }
    .social_media {
        font-size: 27px;
        flex-direction: row;
        gap: 21px;
    }
    .home_header .navbar-collapse{
        background: rgb(0 0 0 / 50%);
        padding: 6px 12px;
    }
    .social_media a{
        padding: 0;
    }
    .working{
        /*height: 184px;*/
        background-attachment: unset;
    }
    .working_body h3{
        font-size: 24px;
        border-bottom: 5px solid var(--red);
        margin-bottom: 3px;
    }
    .wlink_btn{
        font-size: 12px;
    }
    .meet_body p{
        font-size: 16px;
    }
    .working_body{

    }
    .join_team{
        padding: 50px 0;
    }
    .join_team h3{
        font-size: 40px;
        margin-bottom: 1rem;
    }
    .join_body p{
        font-size: 19px;
    }
    .footer{
        padding: 60px 0;
    }
    .footer_logo img{
        width: 220px;
        margin: 0 auto 3rem;
        display: block;
    }
    .paid_btn{
        width: 90%;
        margin: 5px auto !important;
    }
    .logo img{
        margin-right: auto;
    }
    .thankyou_body h3 {
        font-size: 23px;
        line-height: 22px;
        border-bottom: 6px solid var(--red);
    }
    .issue_heading h2{
        font-size: 35px;
    }
    .issue_heading span{
        font-size: 17px;
    }
    .issue_card_body{
        padding: 1rem;
    }
    .main_banner_content{
        bottom: 8%;
    }
    .social_links{
        display: none;
    }
    .home_header .nav_link{
        border-bottom: 1px solid #fff;
    } 
    .header .nav_link{
        border-bottom: 1px solid #fff;
    }   
    .donate_btn{
        border: 0 !important;
    }
    .header .navbar-collapse{
        background: rgb(0 0 0 / 50%);
        padding: 6px 12px;
    }
    .header a {
        color: #fff;
    }
    .header a:hover {
        color: #fff;
    }
    .footer_head::after{
        bottom: -34%;
    }
    .footer_link{
        margin-bottom: 3rem;
    }
    .footer_head{
        margin-bottom: 1.5rem;
    }
}