@media(max-width:991px){
    .container {
        max-width: 991px!important;
    }
    .navbar-menu{
        display: none !important;  
    }
    
   
    .trops-6 {
        top: 58%;
        left: 86%;
        animation: zigZag 50s alternate infinite;
        
    }
    .column2 img {
        height: 445px;
    }
    .colum {
        padding-right: 47px;
    }
    .minimal-feature-image{
        padding-left: 5px;
    }
    .app-mockup {
        height: auto;
        max-width: 76%;
    }
    .dropdown1 {
        position: absolute;
        display: block;
        right: 0.4em;
        margin-top: 129px;
    }
    .button.roundedd {
        margin: 16px;
    }


    .app {
        width: 10vw;
        margin-top: 35px;
        margin-left: -25%;
    }
    .is-vcentered{align-items: center;

    }
    
    .left-img {
        background: linear-gradient(45deg, #ff808b, #f79099) !important;
        width: 80px;
        height: 80px;
        border-radius: 80px;
        position: absolute;
        margin-left: 32%;
        z-index: 1;
        font-size: 60px;
        padding-top: 8px;
    }
    .right-img {
        background: linear-gradient(45deg, #ff808b, #f79099) !important;
        width: 80px;
        height: 80px;
        border-radius: 80px;
        position: absolute;
        padding-top: 8px;
        margin-left: -9%;
        z-index: 1;
        font-size: 60px;
    }
    .title {
        font-size: 23px;
        padding: 23px 0px;
    }

}

@media (max-width:767px) {
    .container {
        max-width: 752px!important;
    }
   
    .colum {
         padding-right: 0px; 
    }
    
    .navbar-menu{
        display: none !important;  
    }
    .trops-6 {
        top: 58%;
        left: 68%;
        animation: zigZag 50s alternate infinite;
        
    }
    .trops-7 {
        top: 40%;
        left: 92%;
        animation: rev-rotate 30s alternate infinite;
        -webkit-animation: rev-rotate 30s alternate infinite;
    }
    .right-img{
        display: none;
    }
    .left-img{
        display: none;
    }
    .why-img8 {
        height: auto;
        max-width: 356px;
    }
    .columns1 {
         display:block; 
    }
    .columns{
        display: block;
    }
    
    .navbar-start{
        display: none;
    }
    .floating-avatars {
        display: none;
    }
    .app-mockup {
        height: auto;
        max-width: 100%;
    }
    .app {
        width: 12vw;
        margin-top: 38px;
        margin-left: -28%;
    }
    .why-img4 {
         height: auto; 
        max-width: 100%;
    }
    .why-img5 {
        height: auto; 
        max-width: 100%;
    }

    .column7 {
        display:block; 
        margin-top: calc(6.5rem - .75rem);
    }
    .why-img6 {
        height: auto;
        width: auto;
        padding-left: 80px;
        max-width: 100%;
    }  
    .why-img8 {
         height:auto; 
        max-width: 100%;
    }
    .main-img {
        height: auto;
        max-width: 250%;
    }
    .column-singal {
         width: 100%; 
    }
    .column6 {
        flex: none;
         width: 100%; 
        margin-left:0px;
    }
    .why-img7 {
        height: auto;
        width: auto;
        max-width: 100%;
    }
    .is-vcentered{
        text-align: center;

    }
    .grid-clients.five-grid .column:nth-child(2), .grid-clients.five-grid .column:nth-child(3), .grid-clients.five-grid .column:nth-child(4), .grid-clients.five-grid .column:nth-child(5) {
        border-right: none;
    }
    .client {
        max-width: 150px;
    }
    .form-coium {
        display: block; 
        padding: 16px;
        gap: 12px;
    }
    .column.is-6, .column.is-6-tablet {
        
        width: 100%; 
    }
    .textarea {
        width: 100%;
        border-radius: 12px;
    }
    .social-links {
        gap: 19px;
        display: flex;
        justify-content: start;
       
       
        align-items: center;
    }
    .d-none {
         display: block !important; 
    }
    .minimal-feature-image{
        padding-top: 30px;
    }
   .taj-img img{
    width: 100%;
    height: auto;
   }
   .column ul{
    padding-left: 0px!important;
   }
   .address{
    width: 100%!important;
}
}
    
    
@media(max-width:576px){
    .employees img {
        height: auto;
        margin-left: 2%;
        max-width: 100%;
    }
    .taj-img img {
        width: 100%;
        height: auto;
    }
    .left-img {
        display: block;
    }
    .left-img {
        background: linear-gradient(45deg, #ff808b, #f79099) !important;
        width: 69px;
        height: 71px;
        border-radius: 80px;
        position:relative;
        margin-left: 43%;
        z-index: 1;
        font-size: 46px;
        padding-top: 12px;
    }
    .feature-content.light-text{
        text-align: justify;

    }
    
    .address{
        width: 100%!important;
    }
    .contact-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 13px;
        height: 40px;
        border-radius: 37%;
    }
    .bg-m-blue7 {
        background: linear-gradient(45deg, #0f5ef7, #0f5ef7) !important;
        padding: 12px 37px;
    }
    .column-item a img {
        height: 44px;
        width: 151px;
    }
    .grid-clients.five-grid .is-separator {
        border-top:none;
    }
    .client {
        
        max-width: 160px;
    }
   

}