@media (min-width: 2500px) and (max-width: 2640px) and (orientation: landscape) {
.left-side-text{
    flex:0 0 38%;
}
.left-side-text {
        font-size: 39px;
} 
.right-image img{
    width:60%;
} 
.box h3 {
    font-size: 23px;
}
.box p {
    font-size: 19px;
} 
}
@media (min-width: 2100px) and (max-width: 2500px) and (orientation: landscape) {
 .left-side-text{
    flex:0 0 38%;
}
.left-side-text {
        font-size: 39px;
} 
.right-image img{
    width:60%;
} 
.box h3 {
    font-size: 23px;
}
.box p {
    font-size: 19px;
}    
}
@media (min-width: 1900px) and (max-width: 2100px) and (orientation: landscape) {
 .left-side-text{
    flex:0 0 38%;
}
.left-side-text {
        font-size: 39px;
} 
.right-image img{
    width:60%;
} 
.box h3 {
    font-size: 23px;
}
.box p {
    font-size: 19px;
}   
}
@media (min-width: 1740px) and (max-width: 1900px) and (orientation: landscape) {
.left-side-text{
    flex:0 0 38%;
}
.left-side-text {
        font-size: 32px;
} 
.right-image img{
    width:40%;
} 
.box h3 {
    font-size: 23px;
}
.box p {
    font-size: 19px;
}
}
@media (min-width: 1300px) and (max-width: 1740px) and (orientation: landscape) {
 .left-side-text{
    flex:0 0 38%;
}
.left-side-text {
        font-size: 25px;
} 
.right-image img{
    width:40%;
}  
}
@media (min-width: 1200px) and (max-width: 1300px) and (orientation: landscape) {
.left-side-text{
    flex:0 0 38%;
}
}
@media (min-width: 1030px) and (max-width: 1200px) and (orientation: landscape) {
 .why{
margin-top: 40%;
}
.why h2 {
font-size: 42px;
}
.boxs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin: 4%;
}
.bridge-left p span {
display:inline;
    }
.text-image {
flex-direction: column;
gap:0;
padding-top:13%;
}
.left-side-text {
font-size: 21px;
}         
}
@media (min-width: 900px) and (max-width: 1030px) and (orientation: landscape) {
   .why{
margin-top: 40%;
}
.why h2 {
font-size: 32px;
}
.boxs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin: 4%;
}
.bridge-left p span {
display:inline;
    }
.text-image {
flex-direction: column;
gap:0;
padding-top:13%;
}
.left-side-text {
font-size: 21px;
}      
}
@media (min-width: 768px) and (max-width: 900px) and (orientation: landscape) {
   .why{
margin-top: 40%;
}
.why h2 {
font-size: 32px;
}
.boxs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin: 4%;
}
.bridge-left p span {
display:inline;
    }
.text-image {
flex-direction: column;
gap:0;
padding:8%;
}
.left-side-text {
font-size: 21px;
}    
}
@media (min-width: 1200px) and (max-width: 1500px) and (orientation: portrait) {
   .why{
margin-top: 40%;
}
.why h2 {
font-size: 32px;
}
.boxs {
    display: flex;
    gap: 30px;
    margin: 4%;
    flex-direction: column;
}
.bridge-left p span {
display:inline;
    }
.text-image {
flex-direction: column;
gap:0;
padding-top:15%;
}
.left-side-text {
font-size: 21px;
}  
}
@media (min-width: 900px) and (max-width: 1200px) and (orientation: portrait) {
.why h2 {
font-size: 32px;
}
    .boxs {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        margin: 4%;
    }

.bridge-left p span {
display:inline;
    }
.text-image {
flex-direction: column;
gap:0;
padding-top:15%;
}
.left-side-text {
font-size: 21px;
}   
}
@media (min-width: 800px) and (max-width: 900px) and (orientation: portrait) {
 .why{
margin-top: 40%;
}
.why h2 {
font-size: 32px;
}
.boxs {
    display: flex;
    gap: 30px;
    margin: 4%;
    flex-direction: column;
}
.bridge-left p span {
display:inline;
    }
.text-image {
flex-direction: column;
gap:0;
padding-top:15%;
}
.left-side-text {
font-size: 21px;
}              
}
@media (min-width: 638px) and (max-width: 768px) and (orientation: landscape) {
  .why{
margin-top: 40%;
}
.why h2 {
font-size: 32px;
}
.boxs {
    display: flex;
    gap: 30px;
    margin: 4%;
    flex-direction: column;
}
.bridge-left p span {
display:inline;
    }
.text-image {
flex-direction: column;
gap:0;
padding-top:15%;
}
.left-side-text {
font-size: 21px;
}            
}
@media (min-width: 638px) and (max-width: 800px) and (orientation: portrait) {
  .why{
margin-top: 40%;
}
.why h2 {
font-size: 32px;
}
.boxs {
    display: flex;
    gap: 30px;
    margin: 4%;
    flex-direction: column;
}
.bridge-left p span {
display:inline;
    }
.text-image {
flex-direction: column;
gap:0;
padding-top:15%;
}
.left-side-text {
font-size: 21px;
}        
}
@media (min-width: 526px) and (max-width: 638px) and (orientation: portrait) {
 .why{
margin-top: 40%;
}
.why h2 {
font-size: 32px;
}
.boxs {
    display: flex;
    gap: 30px;
    margin: 4%;
    flex-direction: column;
}
.bridge-left p span {
display:inline;
    }
.text-image {
flex-direction: column;
gap:0;
padding-top:15%;
}
.left-side-text {
font-size: 16px;
}     
}
@media (min-width: 423px) and (max-width: 526px) and (orientation: portrait) {
  .btn-demo2 {
     padding: 11px 25px;
    font-size: 16px;
}
.btn-team2 {
     padding: 10px 11px;
    font-size: 15px;
}
.why{
margin-top: 40%;
}
.why h2 {
font-size: 32px;
}
.boxs {
    display: flex;
    gap: 30px;
    margin: 4%;
    flex-direction: column;
}
.bridge-left p span {
display:inline;
    }
.text-image {
flex-direction: column;
gap:0;
padding-top:15%;
}
.left-side-text {
font-size: 16px;
}  
}
/* 425px */
@media (max-width: 426px){
.btn-demo2 {
     padding: 11px 25px;
    font-size: 16px;
}
.btn-team2 {
     padding: 10px 11px;
    font-size: 15px;
}
.why{
margin-top: 40%;
}
.why h2 {
font-size: 32px;
}
.boxs {
    display: flex;
    gap: 30px;
    margin: 4%;
    flex-direction: column;
}
.bridge-left p span {
display:inline;
    }
.text-image {
flex-direction: column;
gap:0;
padding-top:15%;
}
.left-side-text {
font-size: 16px;
}
}
/* 375px */
@media (max-width: 376px){
.btn-demo2 {
     padding: 10px 20px;
    font-size: 14px;
}
.btn-team2 {
     padding: 10px 11px;
    font-size: 12px;
}
.why{
margin-top: 40%;
}
.why h2 {
font-size: 28px;
}
.boxs {
    display: flex;
    gap: 30px;
    margin: 4%;
    flex-direction: column;
}
.bridge-left p span {
display:inline;
    }
.text-image {
flex-direction: column;
gap:0;
padding-top:15%;
}
.left-side-text {
font-size: 16px;
}
}
/* 320px */
@media (max-width: 321px){
.btn-demo2 {
     padding: 10px 20px;
    font-size: 12px;
}
.btn-team2 {
     padding: 10px 11px;
    font-size: 12px;
}
.why{
margin-top: 40%;
}
.why h2 {
font-size: 23px;
}
.boxs {
    display: flex;
    gap: 30px;
    margin: 4%;
    flex-direction: column;
}
.bridge-left p span {
display:inline;
    }
.text-image {
flex-direction: column;
gap:0;
padding-top:15%;
}
.left-side-text {
font-size: 16px;
}
.right-image img {
    width: 20%;
    object-fit: contain;
}
    .btn-global, .btn-automated, .btn-real {
        padding: 7px 20px;
        font-size: 12px;
    }
}