.top_logo {padding:20px;}
.box_logo {padding:20px; width: calc(100%-40px)}
.slide_left{ width: 40% }
.slide_main{ width: 68% }
.project_image{ border-radius: 10px; overflow: hidden; }
.login-icon {color:#bbbbbb;}
.project_slides{ margin-top: 10px; margin-left: auto; margin-right: auto; max-width: 590px }
#login input{ color: #000000 }

@media handheld, only screen and (max-width: 800px) {
    .slide_left{ width: 100%; }
    .slide_main{ width: 100%;max-width: 100% }
    .main_content{ width: 100%; max-width: 100% }
    }

@media handheld, only screen and (max-width: 800px) {
.project_slides {
    flex-wrap: wrap !important;
}
}
@media handheld, only screen and (max-width: 700px) {
   .box_logo{ padding-top: 20px;padding-bottom: 20px; width: 95%; padding-left: 0px; padding-right: 0px  }
   }