@media only screen and (min-width : 240px) and (max-width : 319px) {
  .wrapper{width:85%;}
    .wrapper2{width:85%;}
    
    .header{flex-direction: column;}
    .main-nav{display: none;}
    .cd-header{display: block!important;}
    
    .banner h2{font-size: 14px;margin-bottom: 10px;}
    .banner h3{font-size: 14px;margin-bottom: 10px;padding: 5px 5px;}
    .banner p{display: none;}
    
    .main-quote-wrapper{padding: 30px 0;}
    .main-quote{width:85%;}
    .main-quote ul{flex-direction: column;gap: 10px;}
    .main-quote ul li:first-child br{display: none;}
    .main-quote ul li:nth-child(2){font-size: 50px;}
    .main-quote ul li:nth-child(3){display: none;}
    .main-quote ul li{font-size: 16px;line-height: 24px;}

    .habout-wrapper{width:85%;padding: 40px 0;}
    .habout h2{font-size: 16px;margin-bottom: 10px;}
    .habout h3{font-size: 20px;margin-bottom: 15px;}
    .habout ul{flex-direction: column;gap: 20px;}
    .habout ul li{width: auto;}
    .habout ul li h4{font-size: 16px;}
    
    .what-we ul{grid-template-columns: 1fr;}
    .hbacked{width:85%;}
    .what-we-wrapper{padding: 40px 0;}
    .what-we h2{font-size: 20px;}
    .what-we ul li{padding: 20px 20px;flex-direction: column;text-align: center;align-items: center;}
    .what-we ul li h3{font-size: 16px;margin-bottom: 15px;}
    
    .visionaries-wrapper{padding: 40px 0;}
    .hbacked h2{font-size: 20px;}
	.investors{padding: 30px 30px;}
    .investors ul{display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
    
    footer{padding: 40px 0;}
    .foot-logos .foot-logo img{width: 250px;}
    .copyright{width:85%;}
    .copyright p{line-height: 24px;}
    .copyright p br{display: none;}
    
    .inner-banner img{height: 100px;}
    .inner-banner h2{font-size: 20px;}
    
    .career-page{padding: 40px 0;}
    .career-page h2{font-size: 20px;}
    .career-page ul{grid-template-columns: 1fr; gap: 20px;}
    .career-page ul li h3{font-size: 16px;}
    
    .career-detail{padding: 40px 0;flex-direction: column;}
    .career-detail-left h2{font-size: 20px;}
    
    .contact{width:85%;padding: 40px 0 20px 0;}
    .contact h2{font-size: 20px;}
    .contact-wrap{grid-template-columns: 1fr;}
    .contact-right h2{flex-direction: column;line-height: 26px;align-items: flex-start;}
    .contact-right p{line-height: 20px;}
  
}
@media only screen and (min-width : 320px) and (max-width : 480px) {
    .wrapper{width:85%;}
    .wrapper2{width:85%;}
    
    .header{flex-direction: column;}
    .main-nav{display: none;}
    .cd-header{display: block!important;}
    
    .banner h2{font-size: 14px;margin-bottom: 10px;}
    .banner h3{font-size: 14px;margin-bottom: 10px;padding: 5px 5px;}
    .banner p{display: none;}
    
    .main-quote-wrapper{padding: 30px 0;}
    .main-quote{width:85%;}
    .main-quote ul{flex-direction: column;gap: 10px;}
    .main-quote ul li:first-child br{display: none;}
    .main-quote ul li:nth-child(2){font-size: 50px;}
    .main-quote ul li:nth-child(3){display: none;}
    .main-quote ul li{font-size: 16px;line-height: 24px;}

    .habout-wrapper{width:85%;padding: 40px 0;}
    .habout h2{font-size: 16px;margin-bottom: 10px;}
    .habout h3{font-size: 20px;margin-bottom: 15px;}
    .habout ul{flex-direction: column;gap: 20px;}
    .habout ul li{width: auto;}
    .habout ul li h4{font-size: 16px;}
    
    .what-we ul{grid-template-columns: 1fr;}
    .hbacked{width:85%;}
    .what-we-wrapper{padding: 40px 0;}
    .what-we h2{font-size: 20px;}
    .what-we ul li{padding: 20px 20px;flex-direction: column;text-align: center;align-items: center;}
    .what-we ul li h3{font-size: 16px;margin-bottom: 15px;}
    
    .visionaries-wrapper{padding: 40px 0;}
    .hbacked h2{font-size: 20px;}
	.investors{padding: 30px 30px;}
    .investors ul{display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
    
    footer{padding: 40px 0;}
    .foot-logos .foot-logo img{width: 250px;}
    .copyright{width:85%;}
    .copyright p{line-height: 24px;}
    .copyright p br{display: none;}
    
    .inner-banner img{height: 100px;}
    .inner-banner h2{font-size: 20px;}
    
    .career-page{padding: 40px 0;}
    .career-page h2{font-size: 20px;}
    .career-page ul{grid-template-columns: 1fr; gap: 20px;}
    .career-page ul li h3{font-size: 16px;}
    
    .career-detail{padding: 40px 0;flex-direction: column;}
    .career-detail-left h2{font-size: 20px;}
    
    .contact{width:85%;padding: 40px 0 20px 0;}
    .contact h2{font-size: 20px;}
    .contact-wrap{grid-template-columns: 1fr;}
    .contact-right h2{flex-direction: column;line-height: 26px;align-items: flex-start;}
    .contact-right p{line-height: 20px;}
}
@media only screen and (min-width : 360px) and (max-width : 640px) {
    .wrapper{width:85%;}
    .wrapper2{width:85%;}
    
    .header{flex-direction: column;}
    .main-nav{display: none;}
    .cd-header{display: block!important;}
    
    .banner h2{font-size: 14px;margin-bottom: 10px;}
    .banner h3{font-size: 14px;margin-bottom: 10px;padding: 5px 5px;}
    
    .main-quote-wrapper{padding: 30px 0;}
    .main-quote{width:85%;}
    .main-quote ul{flex-direction: column;gap: 10px;}
    .main-quote ul li:first-child br{display: none;}
    .main-quote ul li:nth-child(2){font-size: 50px;}
    .main-quote ul li:nth-child(3){display: none;}
    .main-quote ul li{font-size: 16px;line-height: 24px;}

    .habout-wrapper{width:85%;padding: 40px 0;}
    .habout h2{font-size: 16px;margin-bottom: 10px;}
    .habout h3{font-size: 20px;margin-bottom: 15px;}
    .habout ul{flex-direction: column;gap: 20px;}
    .habout ul li{width: auto;}
    .habout ul li h4{font-size: 16px;}
    
    .what-we ul{grid-template-columns: 1fr;}
    .hbacked{width:85%;}
    .what-we-wrapper{padding: 40px 0;}
    .what-we h2{font-size: 20px;}
    .what-we ul li{padding: 20px 20px;flex-direction: column;text-align: center;align-items: center;}
    .what-we ul li h3{font-size: 16px;margin-bottom: 15px;}
    
    .visionaries-wrapper{padding: 40px 0;}
    .hbacked h2{font-size: 20px;}
	.investors{padding: 30px 30px;}
    .investors ul{display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
    
    footer{padding: 40px 0;}
    .foot-logos .foot-logo img{width: 250px;}
    .copyright{width:85%;}
    .copyright p{line-height: 24px;}
    .copyright p br{display: none;}
    
    .inner-banner img{height: 100px;}
    .inner-banner h2{font-size: 20px;}
    
    .career-page{padding: 40px 0;}
    .career-page h2{font-size: 20px;}
    .career-page ul{grid-template-columns: 1fr; gap: 20px;}
    .career-page ul li h3{font-size: 16px;}
    
    .career-detail{padding: 40px 0;flex-direction: column;}
    .career-detail-left h2{font-size: 20px;}
    
    .contact{width:85%;padding: 40px 0 20px 0;}
    .contact h2{font-size: 20px;}
    .contact-wrap{grid-template-columns: 1fr;}
    .contact-right h2{flex-direction: column;line-height: 26px;align-items: flex-start;}
    .contact-right p{line-height: 20px;}
}
@media only screen and (min-width : 414px) and (max-width : 767px) {
    .wrapper{width:85%;}
    .wrapper2{width:85%;}
    
    .header{flex-direction: column;}
    .main-nav{display: none;}
    .cd-header{display: block!important;}
    
    .banner h2{font-size: 14px;margin-bottom: 10px;}
    .banner h3{font-size: 14px;margin-bottom: 10px;padding: 5px 5px;}
    .banner p{display:none;}
    
    .main-quote-wrapper{padding: 30px 0;}
    .main-quote{width:85%;}
    .main-quote ul{flex-direction: column;gap: 10px;}
    .main-quote ul li:first-child br{display: none;}
    .main-quote ul li:nth-child(2){font-size: 50px;}
    .main-quote ul li:nth-child(3){display: none;}
    .main-quote ul li{font-size: 16px;line-height: 24px;}

    .habout-wrapper{width:85%;padding: 40px 0;}
    .habout h2{font-size: 16px;margin-bottom: 10px;}
    .habout h3{font-size: 20px;margin-bottom: 15px;}
    .habout ul{flex-direction: column;gap: 20px;align-items: center;}
    .habout ul li{width: 240px;}
    .habout ul li h4{font-size: 16px;}
    
    .what-we ul{grid-template-columns: 1fr;}
    .hbacked{width:85%;}
    .what-we-wrapper{padding: 40px 0;}
    .what-we h2{font-size: 20px;}
    .what-we ul li{padding: 20px 20px;flex-direction: column;text-align: center;align-items: center;}
    .what-we ul li h3{font-size: 16px;margin-bottom: 15px;}
    
    .visionaries-wrapper{padding: 40px 0;}
    .hbacked h2{font-size: 20px;}
	.investors{padding: 30px 30px;}
    .investors ul{display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
    
    footer{padding: 40px 0;}
    .foot-logos .foot-logo img{width: 250px;}
    .copyright{width:85%;}
    .copyright p{line-height: 24px;}
    .copyright p br{display: none;}
    
    .inner-banner img{height: 100px;}
    .inner-banner h2{font-size: 20px;}
    
    .career-page{padding: 40px 0;}
    .career-page h2{font-size: 20px;}
    .career-page ul{grid-template-columns: 1fr; gap: 20px;}
    .career-page ul li h3{font-size: 16px;}
    
    .career-detail{padding: 40px 0;flex-direction: column;}
    .career-detail-left h2{font-size: 20px;}
    
    .contact{width:85%;padding: 40px 0 20px 0;}
    .contact h2{font-size: 20px;}
    .contact-wrap{grid-template-columns: 1fr;}
    .contact-right h2{flex-direction: column;line-height: 26px;align-items: flex-start;}
    .contact-right p{line-height: 20px;}  
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .wrapper{width:85%;}
    .wrapper2{width:85%;}
    
    .banner h2{font-size: 14px;margin-bottom: 10px;}
    .banner h3{font-size: 14px;margin-bottom: 10px;padding: 5px 5px;}
    .banner p{width: 80%;font-size: 14px;line-height: 20px;}
    
    .main-quote-wrapper{padding: 30px 0;}
    .main-quote{width:85%;}
    .main-quote ul{gap: 10px;}
    .main-quote ul li:first-child br{display: none;}
    .main-quote ul li:nth-child(2){font-size: 50px;}
    .main-quote ul li{font-size: 16px;line-height: 24px;}
    .main-quote ul li img{height: 50px;}

    .habout-wrapper{width:85%;padding: 40px 0;}
    .habout ul{gap: 20px;}
    .habout ul li{width: 240px;}
    .habout ul li h4{font-size: 16px;}
    
    .hbacked{width:85%;}
    .what-we-wrapper{padding: 40px 0;}
    .what-we ul li{padding: 20px 20px;}
    .what-we ul li h3{font-size: 16px;margin-bottom: 15px;}
    
    .visionaries-wrapper{padding: 40px 0;}
	.investors{padding: 30px 30px;}
    .investors ul{gap: 40px;}
    
    footer{padding: 40px 0;}
    .foot-logos .foot-logo img{width: 250px;}
    .copyright{width:85%;}
    .copyright p{line-height: 24px;}
    .copyright p br{display: none;}
    
    .inner-banner img{height: 100px;}ß
    
    .career-page{padding: 40px 0;}
    .career-page ul{grid-template-columns: 1fr 1fr; gap: 20px;}
    .career-page ul li h3{font-size: 16px;}
    
    .career-detail{padding: 40px 0;flex-direction: column;}
    
    .contact{width:85%;padding: 40px 0 20px 0;}
    .contact h2{font-size: 20px;}
    .contact-wrap{grid-template-columns: 1fr;}
    .contact-right p{line-height: 20px;}
}
@media only screen and (min-width : 1025px) and (max-width : 1280px) {
    .wrapper{width:85%;}
    .wrapper2{width:85%;}
    .banner p{width: 80%;}
}
@media only screen and (min-width : 1281px) and (max-width : 1432px) {
  

}