.subscribe-wrapper {
    overflow: hidden;
}



#Email {
width:40%;margin-left:30%;
}
     

   #container {
  position: relative;
  width: 100%;
  overflow: hidden; 
  background-color:#f6f6f6;
  cursor: pointer;
}

    #container:before {
        content: '';
        position: absolute;
        right: 10%;
        top: 30%;
        width: 100%;
        background-color: #a6a6a6;
  
    }




#container {
    display: block;
}
#Email-error, #successMessage1 {

text-align:center;
margin-left:40%;
}
#Email-error {
color:red;}
input:required:focus {
  border: 1px solid red;
  outline: none;
}

#btnSubscribe {
    background-color:rgb(32, 77, 143) ;
}
#btnSubscribe:hover {
    background-color:#4e8ff5;
}
#btnSubscribe[disabled]:hover {
    background: rgb(32, 77, 143) ;
}
@media screen and (min-width: 0px) and (max-width: 1000px) {


    #Email-error, #successMessage1 {

text-align:center;
margin-left:20%;
}
    #Email-error {color:red;}

    #Email {
width:50%;margin-left:25%;
font-size:0.5rem;
}
      .error {
      color: red;
     
   }
          .rc-anchor{
    width:100% !important;
    }
}

@media screen and (min-width: 1001px) and (max-width: 1024px) {
 
   
        #Email-error, #successMessage1 {

text-align:center;
margin-left:40%;
}  

        #Email {
width:40%;margin-left:30%;
}
}