@media only screen and (min-width:300px) and (max-width:600px)
{
    .bg {
          height: 173px!important;
        }

    .navbar-nav .nav-link {
                             padding-left: 3px;
                          }
     .logo1{width:48px;}  

     .h1 {
           font-size: 26px!important;
           padding-top: 24%!important;
         }

     .navbar-toggler {
                        margin-right: 10%;
                     }

      .Ecological {
                        font-size: 34px!important;
                        margin-top: 11%!important;
                    } 

      .benifit {
                        font-size: 21px!important;
               }
               
       .ul {
                font-size: 11px!important;
            }       

      .para1 {
                font-size: 11px!important;
            }

     .feature {
                font-size: 41px!important;
                margin-left: 6%!important;
                margin-top: 14%!important;
            }

      .good {
                margin-left: 10%!important;
                padding-top: 11%!important;
                width: 20%!important;
            }

      .favorable {
                    margin-top: 10%!important;
                }

        .sit {
                 margin-left: 11%!important;
                 font-size: 12px!important;
             }

        .lorem1 {
                   margin-left: 22%!important;
                }    
                
         .image25 {
                    height: 178px!important; 
                  }   
                  
         .h2 {
                font-size: 19px!important;
                padding-top: 7%!important;
             }

        .para5 {
                 font-size: 5px!important;
               }

         .btn1 {
                 font-size: 9px!important;
                 margin-top: 0%!important;
               }

         .logo {
                   width: 33%!important;
               }

        .text20 {
                   font-size: 14px!important;
               }

        .text19 {
                   padding-left: 19%!important;
               }
}