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

    .h1 {
             font-size: 44px!important;
             padding-top: 20%!important;
        }

     .navbar-nav .nav-link {
                              margin-left: 15%!important;
                           }

      .Ecological {
                      font-size: 47px!important;
                  }

       .benifit {
                    font-size: 23px!important;
                }

        .ul {
                font-size: 11px!important;
                margin-left: -9%!important;
             }

        .para1 {
                  font-size: 12px!important;
               }
               
       .contract {
                   margin-top: 15%!important;
                 }

       .favorable {
                    font-size: 19px!important;
                  }

       .realiable {
                     font-size: 8px!important;
                 }

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

       .feature {
                     margin-top: 35%!important;
                 }

       .good {
                  padding-top: 48%!important;
              }

       .lorem {
                 margin-left: 11%!important;
             }

       .lorem1 {
                   margin-left: 15%!important;
               }

        .sit {
                  margin-left: 6%!important;
                  font-size: 10px!important;
              }

      .image25 {
                  height: 367px!important;
               }

       .h2 {
                font-size: 34px!important;
                padding-top: 6%!important;
           }

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

       .text17 {
                  font-size: 43px!important;
               }
}