@media (max-width: 375.98px){
    .services-sec {
    background: #6d4df2;
    padding: 13px 59px!important;
    width: 368px;
    color: #fff;
    border-radius: 10px;
}
.res-bn-flex{    flex-direction: column!important;}

.bn-btn{
        font-size: 18px !important;
    margin-left: 9px;
    width: 88%;
}
.bn-btn-2{
        font-size: 18px!important;
    margin-left: 12px!important;
    width: 85%;
}
}





@media only screen and (max-width: 600px) {
   
   iframe{
           border: 0;
    border-radius: 7px;
    width: 177px;
    height: 179px;
   }
   
   
   
    .res-row{
            flex-direction: column;
        
    }
    
    
    .display-nn{display:none;}
    .res-col-banner{
        display:none;
    }
    
    .add-class-col-1{
            width: 94%;
    margin-left: 12px;
    }
    
    .add-class-col-2{
        width:100%;
    }
    
    .banner-text{margin-left: 0px;width: 100%;}
    
    .res-flex-direction{
        
          
    gap: 12px;
    width: 113%;
    margin-left: -23px;
    }
    .res-mt-10{margin-top:10px;}
    .res-mb-16{margin-bottom:16px;}
    .padding-added{padding:27px 0px;}
    .f0nt-size{font-size: 40px !important;}
    .res-flex{display: flex; gap: 12px;}
    .mission-res{width: 100%;}

    
    .res-bg-rectangle-color{display:none;}
    
    .banner-form{    margin-right: 17px;
    margin-top: 10px;
    margin-left: 17px;}
    
    
    
    .added-extra{margin-left:auto;width: 100%; margin: 0px 6px;}

    .res-col-service{width:100%;}
    .res-container-service{ margin:0px!important;}
    .res-li{ margin-bottom: 35px;}
    
    .res-bn-flex{    flex-direction: column!important;}

.bn-btn{
        font-size: 18px !important;
    margin-left: 9px;
    width: 88%;
}
.bn-btn-2{
        font-size: 18px!important;
    margin-left: 12px!important;
    width: 85%;
}
    
    
}

.res-container-service{ margin: 50px 123px;}
.bn-btn{font-size:10px;}
.bn-btn-2{
        font-size: 10px;
    margin-left: 26px;}