@media only screen and (max-width: 1280px) {
    .contact-r {
    left: 50px;
    }


}




@media only screen and (max-width: 1200px) {
    .intro-about .para-1, .intro-about .para-2 {
        color: #000;
        text-align: justify;
        padding-top: 20px;
        padding-left: 33px;
    }

    .intro-about {
        padding-left: 46px;
        padding-right: 0px;
    }

    .log-img img {
        margin-left: -25px;
        margin-top: -55px;
        height: 110%;
        top: 0;
    }

    .mission-text {
        margin-left: 165px;        
    }

    .mission-text-indented {
        margin-left: 205px;
    }

    .vision-container img {
        margin-top: 0px; 
    }

    .vision-text {
        margin-right: 230px;
        margin-top: 190px;
    }

    .banner-area {
        overflow-x: visible; 
    }

    .events-item-p2 {
         margin-bottom: 48px!important; 
         margin-right: 110px!important;
    }

    .officers-container {
        height: 400px;
    }

    .officer-sixth {
        z-index: 1;
        left: 92%;
        top: 25%;
    }

    .tech h2 {
        margin-left: 150px;
    }
    

    .tech p {
        width: 65%;
        padding: 10px 0px 180px 255px;
    }

    .marketing-2 {
        padding: 100px 0px 0px 0px;
        right: 0px;
    }

    .marketing-2 p {
        left: 190px;
    }

    .academics-2 p {
        top: 270px;
    }

    .advocacy-item p {
        margin-right: 0px; 
    }

    .contact-r {
        left: 0px;
    }

    .contact-l img {
        height: 80%;
    }
    .contact-section {
        width: 1290px;
    }

    .faq-header img {
        width: 116.6%;
        left: -2.4%;
    }
}

@media only screen and (max-width: 1024px) {
    .contact-r {
        top: -30px;
        left: -112px;
    }

    .contact-l {
        left: -188px;
        max-width: 50%;
        top: 50px;
    }

    .contact-l img {
        height: 70%;
    }


}

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

    .poster-details {
        padding: 13px;
        padding-right: 65px;
        padding-left: 36px;
    }

   .banner-title {
        margin-top: 60px;
    }

    .banner-content {
        padding-right: 0px;
    }

    .img-about {
        display: none;
    }

    .about-container {
        max-width: none!important;
        background-color: white;
        border: 1px solid black;
        padding: 10px;
        padding-top: 70px;
    }

    .log-img img {
        margin-left: 0px;
        margin-top: 0px;
        height: auto;
        top: 0;
        width: 100%;
    }

    .mission-text {
        margin-left: 205px;
    }

    .mission-text-indented {
        margin-left: 245px;
    }

    .vision-text {
        margin-right: 270px;
    }

    .advocacy-item {
        margin: 30px;
    }
    
    .advocacy-summary {
        margin-right: 0px;
        background-image: url("images/about/advocacy-background.png");
    }

    .advocacy-background {
        display: none;
    }

    .events-item-p1, .events-item-p2, .events-item-p3, .events-item-p4, .events-item-p5, .events-item-p6  {
         margin-right: 30px!important; 
    }

    .events-item h2 {
        min-height: 129.56px;
    }

    .events-item-p4 {
        min-height: 140px;
    }

    .events-item-p6 {
        min-height: 168px;
    }

    .events-item-p5 {
        margin-top: 0px!important;
    }
    
    .executive-section img {
        width: 100%;
    }

    .tech {
        top: 140px;
        left: 0;
    }
    .tech h2 {
        margin-left: 65px;
        margin-top: -45px;
        margin-bottom: 45px;
    }

    .tech p {
        width: 100%;
        margin-top: -64px;
        margin-bottom: 155px;
        font-size: 13px;
        padding: 11px 110px 0 254px;
    }

    .marketing-image-container {
        width: 100%;
    }

    .marketing-2 h2 {
        left: 25%;
        bottom: -91px;
    }

    .marketing-2 p {
        padding: 20px;
        left: 136px;
        bottom: 93px;
        font-size: 13px;
        /* background-color: white;
        border: 3px black solid; */
    }

    .academics-2 img {
        width: 100%;
    }

    .academic1-line {
        width: auto!important;
    }

    .academics-2 h2 {
        top: 158px;
        left: 115px;
    }

    .academics-2 p {
        width: 100%;
        left: 144px;
        padding: 155px;
        top: 54px;
        font-size: 13px;
    }

    .contact-l {
        display: none;
    }

    .faq-header img {
        width: 118.6%;
        left: -3.4%;
    }

    .faq-question h4 {
        padding: 0 0 0 5%;
    }

    .faq-answer .p1, .faq-answer .p2, .faq-answer .p3, .faq-answer .p4 {
        padding: 10px;
    }

    .officers-desktop {
        display: none;
    }

    .officers-slick {
        display: block;
    }

    .slick-slide img {
      max-height: 250px;
    }
}


@media only screen and (max-width: 991px) {
    .contact-r {
        left: -219px;
    }

}



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

    .poster-details {
        padding: 16px;
        padding-right: 27px;
        padding-left: 55px;
    }

    .contact-r {
    left: -234px;
    max-width: 100%;
    }

    .faq-header img {
        width: 118.6%;
        left: -3.4%;
        top: -11.9%;
    }


}

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


    .home-image-wrapper .bitline-1 {
        display: none;
    }

    .home-image-wrapper .bitline-2 {
        display: none;
    }

    .mission-container img {
        margin-left: -49%;
    }

    .mission-text {
        margin-left: -5px;
    }


    .mission-text-indented {
        margin-left: 50px;
    }

    .vision-container img {
         margin-right: -50%;
    }

    .vision-text {
        margin-right: 73px;
    }

    .events-item h2 span {
        font-size: 30px;
    }
    .events-item-p1, .events-item-p2, .events-item-p3, .events-item-p4, .events-item-p5, .events-item-p6  {
        margin-right: 29px!important; 
   }
   .events-item {
         margin: 4px!important;
    }

    .events-item-p5 {
        margin-bottom: 10px!important;
        margin-top: -18px!important;
    }
    
    .events-item-p6 {
        min-height: 110px;
    }

    .events-item-p4 {
        min-height: 112px;
    }

    .contact-r {
        left: -257px;
    }

    .faq-header img {
        top: -12%;
    }

    .intro-about {
        padding-left: 0px;
        padding-right: 0px;
    }

    .slick-slide img {
        max-height: 350px;
    }

    .officers-slick {
        padding: 40px;
    }

    .executive-section img {
        display: none;
    }

    .tech-logo {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tech-logo img{
        max-width: 50%;
        display: block!important;
        position: relative;
    }

    .tech h2 {
        margin-top: 50px!important;
        margin-bottom: 15px!important;
        margin-left: auto;
        margin-right: auto;
    }

    .tech p {
        width: 90%!important;
        margin-top: 15px;
        margin-bottom: 212px;
        font-size: 15px;
        padding: 0px;
        margin-left: 15px;
        border: 0px;
        text-align: center;
    }

    .marketing-logo img {
        max-width: 50%;
        display: block!important;
        margin: auto;
    }

    .marketing-image-container {
        display: none;
    }

    .marketing-2 h2 {
        text-align: center;
        margin-top: 50px;        
        margin-bottom: 0px;
        bottom: 0;
        left: 0;
    }

    .marketing-2 p {
        width: 90%;
        text-align: center;
        position: relative;        
        background-color: #242024;
        color: #fff;
        margin: auto;
        bottom: 0;
        left: 0;
    }      

    .academics-logo img {
        max-width: 50%;
        display: block!important;
        position: relative;
        margin: auto;
        left: 0!important;
        top: 0!important;
    }

    .academics-2 {
        padding-top: 65px;
    }

    .academics-2 img {
        display: none;
    }

    .academics-2 h2 {
        top: 0;
        left: 0;
        margin-top: 50px;
        margin-bottom: 15px;
    }

    .academics-2 p {
        left: 0;
        top: 0;
        border: 0px;
        padding: 0px;
        text-align: center;
        font-size: 15px;
        position: relative;
    }
}

@media only screen and (max-width: 767px) {
    .advocacy-modal img {
        display: none;
    }


    .poster-details {
        padding: 60px;
        padding-right: 29px;
        padding-left: 42px;
        margin-left: -31px;
    }

    .banner-area .content-padding {
    text-align: center;
    }

    .banner-content .btn{
        margin-right: 0px!important;
    }
    .banner-content .btn {
     margin-right: 0px!important;
     margin-left: 0px!important; 
    }



    .home-image-wrapper .banner-box {
        display: none;
    }

    .events-item-p5 {
        margin-bottom: -28px!important;
        margin-top: -36px!important;
    }

    .mission-text {
        margin-left: 95px;
    }

    .mission-text-indented {
        margin-left: 115px;
    }

    .vision-text {
        margin-right: 156px;
    }

    .faq-header img {
        width: 120.8%;
        left: -4.4%;
    }

}

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

    .poster-details {
        padding: 27px;
        padding-right: 62px;
        padding-left: 84px;
        margin-left: -31px;
    }

    .log-img img {
        margin-top: 130px;
    }

    .contact-r {
        left: -339px;
    }

    .faq-header img {
        width: 120.9%;
        left: -4.6%;
    }
}

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

    .poster-details {
        padding: 39px;
        padding-right: 86px;
        padding-left: 109px;
        margin-left: -31px;
    }

    .vision-container img {
        margin-right: -56%;
    }

}

@media only screen and (max-width: 575px) {
    
    .poster-details {
        padding: 40px;
        padding-right: 105px;
        padding-left: 109px;
        margin-left: -31px;
    }

    .advocacy-modal button {
        padding: 0px 11px;
        border-radius: 50%;
        position: absolute;
        float: right;
        font-size: 30px;
        top: 45%;
        margin-left: 10px;
        margin-right: 10px;
    }

    .advocacy-modal img {
        position: absolute;
        margin-top: -25px;
        max-height: 500px;
        min-height: 500px;
        margin-left: 77px;
    }

    .vision-text {
        margin-right: 111px;
    }

    .contact-r {
        left: 11px;
        max-width: 550px;
    }

    .contact-1 span {
        margin: 0px 0 0px 9px;
        position: relative;
        top: 16px;
        left: 23px;
    }
    .contact-1 p {
        margin: -11px 0 -17px 63px;
    }

    .contact-2 {
        padding: 0px 0 10px 30px;
    }
    .pl-5 {
        padding-left: 1rem!important;
    }

    .log-img img {
        margin-top: -64px;
        margin-left: 23px;
    }

    .banner-title {
        margin-top: 60px;
        text-align: center;
    }

    .banner-content p {
        margin-right: -3px;
        text-align: center;
        padding: 10px 20px;
    }

    .btn-circled {
        margin-left: 202px;
    }


    .events-item-p5 {
        margin-bottom: 0px!important;
    }

    .events-item {
        margin: 12px!important;
    }

    .pr-5{
        padding-right: 1rem!important;
    }

    .contact-submit button {
        margin-left: 0px;
    }

    .slick-slide img {
        max-height: 250px;
    }
}

@media only screen and (max-width: 550px) {   
    .contact-r {
    left: 11px;
    max-width: 525px;
    }
}

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

    .contact-r {
    left: 7px;
    max-width: 522px;
    }
}

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

    .advocacy-modal img {
        position: absolute;
        margin-top: -25px;
        max-height: 500px;
        min-height: 500px;
        margin-left: 41px;
    }

    .btn-circled {
        margin-left: 142px;
    }

    .mission-container img {
        width: 193%;
    }

    .mission-text {
        margin-left: 36px;
        font-size: 12px;
        margin-top: 182px;
    }

    .mission-text-indented {
        margin-left: 75px;
        font-size: 12px;
        margin-top: 297px;
    }

    .vision-container img {
        margin-right: -58%;
        width: 185%;
    }

    .vision-text {
        margin-right: 59px;
        font-size: 12px;
        margin-top: 158px;
    }

    .contact-r {
        max-width: 435px;
    }

    .text-1 p {
        margin-left: 12px;
        white-space: nowrap;
    }

}




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

    .poster-details {
        padding: 17px;
        padding-right: 98px;
        padding-left: 109px;
        margin-left: -46px;
    }

    .advocacy-modal img {
        position: absolute;
        margin-top: -25px;
        max-height: 500px;
        min-height: 500px;
        margin-left: 23px;
    }

    .btn-circled {
        margin-left: 105px;
    }

    .log-img img {
    margin-top: -64px;
    margin-left: 19px;
    width: 88%;
    }

    .mission-text {
        margin-left: 37px;
        font-size: 12px;
        margin-top: 158px;
        width: 81%;
        line-height: 20px;
    }

    .mission-text-indented {
        margin-left: 72px;
        margin-top: 261px;
        width: 81%;
        line-height: 20px;
    }

    .vision-text {
        margin-right: 53px;
        margin-top: 135px;
        width: 84%;
        line-height: 21px;
    }

    .academics-2 img {
    width: 102%;
    left: -19px;
    top: 63px;
    }

    .contact-r {
    max-width: 400px;
    }

    .text-1 p {
    margin-left: 12px;
    white-space: normal;
    text-align: center;
}
    .line-bottom {
    left: 44%;
    }

    .text-2 p {
    white-space: normal;
    }
}

@media only screen and (max-width: 394px) {
    .poster-details {
        padding: 18px;
        padding-right: 79px;
        padding-left: 92px;
        margin-left: -31px;
    }

    .mission-text {
    margin-left: 32px;
    font-size: 12px;
    margin-top: 155px;
    width: 84%;
    line-height: 20px;
    }

    .mission-text-indented {
    margin-left: 68px;
    margin-top: 257px;
    width: 83%;
    line-height: 18px;
    }

    .vision-text {
    margin-right: 48px;
    margin-top: 123px;
    width: 84%;
    line-height: 23px;
    }

    .contact-r {
    max-width: 383px;
    }
}




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


    .btn-circled {
        margin-left: 78px;
    }

    .about-container {
        margin-top: -205px!important;

    }

    .mission-text {
    margin-left: 38px;
    line-height: 21px;
    margin-top: 148px;
    width: 81%;
    }

    .mission-text-indented {
    line-height: 19px;
    margin-left: 69px;
    margin-top: 250px;
    }

    .vision-text {
    margin-right: 53px;
    margin-top: 123px;
    width: 84%;
    }

    .contact-r {
    max-width: 335px;
    }

    .text-1 p {
    white-space: normal;
    text-align: center;
    }
    .advo{
    font-size: 50px;
    }

}

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

    .btn-circled {
        margin-left: 89px;
    }
    .about-container {
        margin-top: -75px;
    }
    .mission-text {
        margin-top: 149px;
        margin-left: 31px!important;
    }

    .mission-text-indented {
    line-height: 18px!important;
    margin-left: 65px!important;
    margin-top: 254px!important;
    }

    .vision-text {
    margin-right: 45px!important;
    margin-top: 120px!important;
    }

    .academics-2 img {
    width: 105%;
    left: -21px;
    }

    .contact-r {
    max-width: 375px;
    }
    .text-2 p {
    white-space: normal;
    }

    .text-1 p {
    white-space: normal;
    text-align: center;
    }

    .line-bottom {
    left: 43%;
    }

    .advo{
    font-size: 50px;
    }
}


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

    .poster-details {
        padding: 18px;
        padding-right: 56px;
        padding-left: 75px;
        margin-left: -21px;
    }

    .btn-circled {
        margin-left: 99px;
    }

    .log-img img {
        width: 85%;
    }

    .mission-container img {
        width: 213%;
        margin-left: -65%;
    }

    .mission-text {
        margin-left: 0px!important;
        font-size: 12px;
        margin-top: 148px;
        width: 90%;
        line-height: 24px;
    }

    .mission-text-indented {
        margin-left: 33px!important;
        margin-top: 265px!important;
        font-size: 12px;
        width: 91%;
        line-height: 19px!important;
    }

    .vision-container img {
        margin-right: -72%;
        width: 201%;
    }

    .vision-text {
        margin-right: 25px!important;
        margin-top: 125px!important;
        font-size: 12px;
        width: 90%;
        line-height: 24px;
    }

    .advo {
        font-size: 40px;
    }   
    
    .contact-r {
        max-width: 350px;
    }

    .text-2 p {
        white-space: normal;

    }

    .text-1 p {
    margin-left: 66px;
    white-space: normal;
    text-align: left;
    }

    .line-bottom {
        left: 43%;
    }

}


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

    .poster-details {
        padding: 5px;
        padding-right: 47px;
        padding-left: 69px;
        margin-left: -15px;
    }
    .mission-text {
        margin-left: 0px!important;
        font-size: 12px;
        margin-top: 148px;
        width: 90%;
        line-height: 19px;
    }

    .mission-text-indented {
        margin-left: 30px!important;
        margin-top: 247px!important;
        font-size: 12px;
        width: 91%;
        line-height: 19px!important;
    }

    .vision-text {
        margin-right: 25px!important;
        margin-top: 130px!important;
        font-size: 12px;
        width: 88%;
        line-height: 20px;
    }

    .exec1 {
    font-size: 48px;
    }

    .faq-header img {
        width: 121.9%;
        left: -4.6%;
    }

}