.php-emailsetting-panel{
   width: 95.5%;
    margin-bottom: 10px;
    padding-left: 215px;
    display: inline-block;
    background: #fff;
    border: 1px solid #E6E9ED;
}

.panel-full-body{
     padding: 5px 5px 6px 0;
    position: relative;
    width: 100%;
    float: left;
    clear: both;
}

#from_email{
    width:50%; 
}
#password{
    width:50%; 
}

input[type="email"]{
    height: 40px;
    width: 86%;
}
input[type="password"]{
    width: 86%;
    height: 40px;
}

.label-optin{
color: black;font-family: 'Helvetica Neue', Roboto, Arial, 'Droid Sans', sans-serif;font-size: 13px;font-weight: bold;
}

.all_display{
    display: inline-flex; position: inherit;
}
   

input[type="submit"] {
    color: #fff;
    background-color: #398439;
    border-color: #2e6da4;
    border-radius: 7px;
    cursor: pointer;
    padding: 9px 23px;
}
label.error{
    color: red;
    font-size: 12px;
   display: inline-table;
    margin-top: 27px;
}

@media screen and (min-width: 320px) and (max-width: 480px){
   input[type="password"]{
margin-top: 0px;
    margin-left: 0px;
    }
    
    
  #from_email {
  width: 98%;
}
input[type="email"]{
        width: 86%;
        margin-left:0px;
       margin-right:0px; 
}
 .php-emailsetting-panel{
/*      width: 100%;*/
margin-left: -220px;
    }

    input[type="submit"]{
             width: 45%;
                 margin-left: -79px;
    }  
    
   .label_email {
    width: 58% !important;
}
 #password{
       width: 65%; 
    }
   
    .time_css1{
      width: 88% !important;  
    }
.timezone_mail{
    width: 96% !important;
    height: 40px;
}


}

@media screen and (min-width: 360px) and (max-width: 640px){
    input[type="email"]{
       margin-left: -4px;
    width: 100%;
    margin-top: -4px;
    }
    input[type="password"]{
 margin-left: -4px;
    width: 100%;
    margin-top: -4px;
    } 
 .time_css2{
      width: 100% !important;  
    }
}

@media screen and (min-width: 360px) and (max-width: 568px){
    input[type="submit"]{
        
    }
}
.label_email{
    float: left;
    line-height: 40px;
    width: 134px;
}


@media screen and (min-width: 360px) and (max-width: 568px){
    input[type="submit"]{
        
    }
}

@media screen and (min-width: 360px) and (max-width: 640px){
    #password{
       width: 65%; 
       display: table-footer-group;
    }



}
@media screen and (min-width: 412px) and (max-width: 732px){
    #password{
       width: 65%; 
       display: table-footer-group;
    }
   input[type="password"] {
   
    width: 100%;
}


}

.time_css{
   width: 43%;
    height: 40px;
}
.timezone_mail{
    width: 100%;
    height: 40px !important;
}
.success_button{
width: 100%;
   margin-top: 20px;margin-left: 149px;
}
@media screen and (min-width: 600px) and (max-width: 1024px){
    #mail1{
        width: 50%;
    margin-left: 129px;
    margin-top: -43px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px){
    #mail1{
        width: 100%;
    margin-top: 0px;
    margin-left: 1px;
    }
}