.boxAbout {
        display: flex;
        flex-wrap: wrap;
      }

      .one {
        /*flex: 1 1 auto;*/
        background-color:#fff; width:580px; 
      }

      .two {
        /*flex: 1 1 auto;*/
        background-color:#fff;
        width:540px; 
      }




.ArRgihtText {
      margin:5px 10px 30px 30px;
}
   

  
        @media (max-width: 800px) {
           .two {
                    visibility:hidden;
                    display:none;
                     width:0px;
              }
            
            .one {
                    background-color:#fff; width:330px; height:auto;
              }

            .ArRgihtText {
                  margin: 0px 20px 0px 0px;
            }

         }

@media screen and (max-width: 1024px) {
    .one {
        background-color: #fff;
        width: auto;
        height: auto;
    }

    .two {
        visibility: hidden;
        display: none;
        width: 0px;
    }

}

    @media screen and (min-width : 0px) and (max-width : 567px) {
        .one {
            background-color: #fff;
            width: 360px;
            height: auto;
        }
    }