.aboutus { width:100%;30px 0  !important  }
            .logo-contast {width: 30% !important}
            .no-margin-contact {margin: 0 !important}
  
            img.logo-footer.logo-contast { display: none; }
            .logoandtermscontactpage, .social-icons {width: 50%;float: left;padding: 0 10%;}
            .hide-contact {display: none}
                form.join.contact-page {float: none !important}
             form.join.contact-page {background:  #2e5960}
            form.join.contact-page { width: 100%;background: #2e5960; padding: 30px 5% 50px; border-radius: 10px; }
            
            
            
            /* convert form white mode */
          form.join.contact-page { background: #f9f9f9;  }
            
            form.join.contact-page::-webkit-input-placeholder, form.join textarea::-webkit-input-placeholder,
             form.join input::-webkit-input-placeholder{
                color:#2e596069}
            
        form.join.contact-page { border: 1px solid #2e5960; background: #fbfbfb; color: #2e5960; }
            form.join.contact-page .iwant { background: #2e5960; color: #f6f8f9;padding: 5px 10px }
            form.join.contact-page input, form.join.contact-page textarea {color: #2e5960; border: 1px solid #2e596087; padding: 10px; }
            form.join.contact-page .submit { -webkit-transition-duration: .4s;-o-transition-duration: .4s;transition-duration: .4s }
            form.join.contact-page .submit:hover { outline: 1px solid #2e596087;-webkit-transition-duration: .4s;-o-transition-duration: .4s;transition-duration: .4s;background: #f6f8f9; color: #2e5960    }
            
             form.join input#prog {
            width: 20px !important;
            height: 20px;
            margin: 10px 5px 10px 0;
             position: relative;
          top: -5px
        }
   @media (min-width: 992px)   {
         form.join input#prog {
           
          top: 0px
        }
        }
        
              , input#radio {
            width: 20px !important;
            height: 20px;
            margin: 10px 5px 10px 0;
          position: relative;
          top: 5px
        }
  
            .bg2 {background: #febb52 !important}
            .c1 {color: #2e5960 !important}
           .info { width: 100% !important; float: right; }
         .none-in-contact-page {display: none !important}
        
         .info { padding: 20px 30px 0 !important; }
                @media (min-width: 0px) and (max-width: 575px)  {
                    .logoandtermscontactpage, .social-icons {width: 50%;float: left;padding-right: 5px ;}

                        
        .logoandtermscontactpage, .social-icons {padding:0 !important} .info { padding: 10px 20px 0 !important; }
                    }
           form.join input:not(#radio), form.join textarea {color:#2e5960}