@media screen and (max-width: 1920px) {
    
}
@media only screen and (min-device-width: 900px) and (max-device-width: 1600px) {

    .last-img figure {margin-bottom: 120px;}
}


@media screen and (max-width: 1366px) {
    .banner figcaption h1 {font-size: 65px;margin:35px 0 50px;}
    .banner figcaption {top: 65%;}
    .last-img figure {margin-bottom: 70px;}
    .modal .modal-body .d-flex .content .logo-img {height: 120px;}
    .modal .modal-body .d-flex .content h4 {font-size: 35px;margin-bottom: 40px;}
    .modal .modal-body .d-flex .form-wrapper form {bottom: -20px;}
    .banner figure {width: 48%;}
    .modal {height: 600px;min-height: 600px;top: 50%;left: 50%;transform: translate(-50%, -50%);overflow-y: hidden;width: 96%;}
    .modal .modal-body {height: 600px;min-height: 600px;}
    .modal .modal-body .d-flex .form-wrapper form h4 {line-height: 40px;margin-bottom: 0;}
    .modal .modal-body .d-flex .form-wrapper .btn-close {right: 3rem;}
    .thankyou-wrapper h4 {font-size: 30px;margin:23px 0 24px;} 
    .thankyou-wrapper h1 {font-size: 90px;}
    .thankyou-wrapper p {margin-bottom: 24px;}
   
    
}
@media screen and (max-width: 1280px) {
    .banner figure {width:58%}
    .banner figcaption h1[data-aos=fade-right] {
        transform: translate3d(0px, 0, 0);opacity:1;
    }
    .banner figcaption h2 {font-size: 48px;}
}

@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 1024px) { 
    .logo {width: 140px;}
    .banner {height: 80vh;}
    .banner figcaption h1 {font-size: 50px;line-height: 55px;margin:35px 0 40px;}
    .banner figcaption {width: 45%;top: 62%;}
    .banner figcaption h2 {font-size: 40px;}
    .about {padding:50px 100px 43px;}
    .video-container {height: 650px;margin-bottom: 20px;}
    .about p {padding:0 100px;}
    .events-list {gap:15px;}
    .events-list li {width: 23%;}
    .founder-note {gap: 50px;}
    .last-img figure {margin-bottom: -60px;}
    footer::before {background-size: contain;}
    .modal-lg, .modal-xl {max-width: 900px;} 
    .modal .modal-body .d-flex .form-wrapper form {bottom: -20px;}
    .thankyou-wrapper h1 {font-size: 70px;}
    .founder-note figure {width: 60%;height: auto;}
    .banner figure {width: 58%;}
    .modal {height: 750px;min-height: 750px;}
    .modal .modal-body {height: 750px;min-height: 750px;}
   
}

@media screen and (max-width: 991px) {  
    .banner figure {width: 100%;top: 660px;height: auto;}
    .banner figcaption {width: 100%;top: 45%;text-align: center;} 
    .about {padding:620px 50px 43px;}
    .about p {padding:0 50px;}
    .video-container {height: 500px;margin-bottom: 0;}
    .why-join-wrapper {gap: 20px;margin-bottom: 40px;}
    .why-join-wrapper .box {padding:15px 20px 15px;width: 350px;}
    .events-list li {width: 48%;}
    .potential-outcomes ul li {padding:20px 15px 15px;}
    .potential-outcomes ul li:nth-child(7) {padding:20px 15px 15px;}
    .potential-outcomes ul li p {font-weight: 500;line-height: 24px;margin-top: 10px;}
    .founder-note {gap: 20px;}
    .potential-outcomes {margin-top: 40px;}
    .last-img figure {margin-bottom: -160px;}
    .founder-note figure {width: 60%;height: auto;}
    .modal .modal-body .d-flex .content h4 {font-size: 28px;}
    .modal .modal-body .d-flex .form-wrapper form {bottom: -20px;width: 320px;}
    .modal .modal-body .d-flex .form-wrapper form h4 {font-size: 22px;line-height: 60px;}
    .modal .modal-body .d-flex .form-wrapper select.form-select.input-group-text {width: 40px;}
}

@media (min-width: 768px) and (max-width: 990px) {
    
}
@media screen and (max-width: 767px) {
    
    .desktop-purpose{display: none !important;}
    .tab-purpose{display:block !important}
    .mobile-purpose{display: none !important;}
}
@media screen and (max-width: 599px) {
    .desktop-purpose{display: none !important;}
    .tab-purpose{display:none !important}
    .mobile-purpose{display: block !important;}

    header {display: flex;justify-content: center;align-items: center;width: 100%;}
    .logo {width: 120px;}
    .banner figcaption h2 {font-size: 32px;}
    .banner figcaption h3 {font-weight: 400;}
    .banner figcaption {top: 50%;position: static;transform: none;height: 350px;}
    .banner figure {top: 560px;position: static;}
    .banner {height: 100%;display: flex;flex-direction: column-reverse;padding-top: 170px;}
    .banner figcaption h1 {font-size: 40px;line-height: 45px;}
    .banner figcaption h3 {font-size: 18px;}
    .about {padding: 0px 20px 15px;}
    .homepage .container {padding-left: 15px;} 
    .about h4 {font-size: 24px;line-height: 35px;}
    .about p {padding:0;}
    .video-container {height: 280px;}
    .about p {font-size: 17px;line-height: 30px;}
    .events-list li {width: 100%;}
    h2 {line-height: 50px;}
    .founder-note {flex-direction: column;}
    .founder-note figure {width: 100%;height: auto;}
    .founder-note .content {width: 100%;}
    .potential-outcomes ul li {width: 48%;}
    .potential-outcomes ul li:nth-child(3) {background-color: #AD595A;}
    .potential-outcomes ul li:nth-child(4) {background-color: #F58780;}
    .potential-outcomes ul li:nth-child(5) {background-color: #F58780}
    .potential-outcomes ul li:nth-child(6) {background-color: #AD595A}
    .homepage footer .container {padding:82px 20px 10px;}
    footer::before {top: -130px;}
    footer .copyright {flex-direction: column;}
    footer .copyright p {margin-bottom: 20px;}
    footer .copyright p span {display: inline-block;}
    .last-img figure {margin-bottom: -360px;}
    footer h4 {font-size: 22px;line-height: normal;margin-bottom: 30px;}
    footer h5 {font-size: 26px;}
    footer .btn-secondary {margin-bottom: 30px;}
    ul.socialMediaIcon {margin-bottom: 20px;}
    .modal .modal-body .d-flex {flex-direction: column;}
    .modal .modal-body .d-flex .form-wrapper {width: 100%;}
    .modal .modal-body .d-flex {flex-direction: column-reverse;}
    .modal .modal-body .d-flex .form-wrapper form {position: relative;width: 100%;bottom: inherit;top: 8rem;}
    .modal .modal-body .d-flex .content .logo-img {height: 100px;position: absolute;top: 50px;}
    .modal .modal-body .d-flex .form-wrapper .btn-close {right: 2rem;top: 40px;}
    .modal .modal-body .d-flex .content .logo-img {position: absolute;top:50px;}
    .modal .modal-body {height: auto;}
    .modal .modal-body .d-flex .content h5 {font-size: 25px;margin-bottom: 26px;}
    .modal .modal-body .d-flex .content h4 {font-size: 20px;line-height: 32px;margin-bottom: 20px;}
    .modal .modal-body .d-flex .content p {font-size: 20px;}
    .modal .modal-body .d-flex .content {width: 100%;padding:0;margin-top: 12rem;}
    .thankyou-wrapper h1 {font-size: 35px;margin-top: 1rem;}
    .modal {overflow-y: scroll;}
    .why-join-wrapper .box {height: auto;}
    .modal .modal-body .d-flex .form-wrapper form h4 {font-size: 20px;}
    #ThankyouModal {height: 700px;min-height: 700px;}   
}