.send-emaillist-panel{
    width: 80%;
    margin-bottom: 10px;
    padding-left: 215px;
    display: inline-block;
    background: #fff;
    border: 1px solid #E6E9ED;height: 672px;
    
}

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


.form-group
{
    margin-top: 30px;
}

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

#c_b{
    width:50%; margin-left: 152px; margin-top: -20px;
}

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

}

#send_email_by{
    width: 23%;
}

#subject{
   width: 50%;margin-left: 95px; 
}

.content{
    margin-top: 20px; display: inline-table; margin-left: 93px;
}

.form-control1{
        margin-left: 59px; width: 100%;
    }
    
    .form-control2{
        width: 105%;height: 45px; border-radius: 4px;margin-left: -2px;
    }  

    
.radio-optin{
    margin-left: 115px;
}
input[type="submit"] {
    color: #fff;
    background-color: #398439;
    border-color: #2e6da4;
    border-radius: 7px;
    padding: 6px 10px 6px 10px;
    cursor: pointer;
    padding: 9px 23px;
}

.btn-optin{
color: #fff;
    background: #0073aa;
    border-color: #2e6da4;
    padding: 9px 23px;
    border-radius: 5px;
    margin-left: 11px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    
    .panel-full-body {
        margin-left:-100px;
       
    }
    .send-emaillist-panel  {
        width: 180%;    
      
    }
    
    #send_email_by{
        width: 40%;
    } 
    #c_b{
            width: 100%;
    }
}

@media screen and (min-width: 600px) and (max-width: 1024px){
    .panel-full-body{
        width: 100%;
    }
     .send-emaillist-panel  {
        width: 120%;        
    }
    #send_email_by{
        width: 35%;
    } 
    #c_b{
            width: 100%;
    }
}
#mail_sub1{
    width: 100%;
    height: 40px;
}
label.error{
    color: red;
    font-size: 12px;
    padding-left: 2%;
    display: inline-table;
    margin-top: 8px;
}