@media only screen and (max-width:767px){
    .banner .biz2ai-bg {background-size: 100% auto; }

.banner logo img{width: 283px;}
.banner p br{display: none;}
.banner p {color: #FFF; font-size: 16px; font-weight: 400; line-height: 28px;}
.banner{padding: 20px 0px 40px}
.joinus .card {text-align: center}
.joinus .card h3 { font-size: 24px; line-height: 30px;} 
.joinus .card h3 br{display: none}
.joinus .card{padding: 30px 20px}
.joinus .card p {font-size: 14px; line-height:26px;}
.joinus .getInvolved {margin-top: 6px;}
 .joinus .partnership {margin-top:30px;} 
.joinus .getInvolved .card.blackgra{ padding: 40px 20px 6px;}
.joinus .partnership .card.blackdark{ padding: 40px 20px 40px; text-align: center}
.deploybtn{margin:32px auto 0px;}
.joinus .partnership .input-group .btn { padding: 0px 25px;}
footer p{text-align: center}
footer .text-end{text-align: center!important}
.banner h2{font-size: 24px;    font-weight: 500;    line-height: 31px;    padding: 40px 0px 20px; }
.banner h1 {        font-size: 26px; line-height: 39px; padding-top: 93px;}
.banner {background-position: center top 0px;}
.banner .logo img{width:180px;}
#apply .modal-content {padding:20px 14px 10px;}
#apply .mt-4{margin-top: 0px!important}
#apply .form-control {padding: 12px 18px; border-radius: 20px;}
#apply .mb-3.butright{margin-bottom: 10px!important}
.joinus .biz2xlogo{margin-top: 33px;}
footer{ margin-top:40px;}
section {padding-bottom: 200px;}
.accectall p br{ display: none;}
.accectall{ width: 100%;  padding: 15px; border-radius: 0;}
.accectall p { font-size: 12px;}
.accepetbtn {    font-size: 12px;    font-weight: 500;    line-height: 30px;    padding: 0px 15px;    margin-top: 15px;}
}