.send-email-panel{
    position: relative;
    width: 80%;
    margin-bottom: 10px;
   padding-left: 197px;
    display: inline-block;
    background: #fff;
    border: 1px solid #E6E9ED;
}

.panel-full-body{
      padding: 0 5px 6px;
/*    position: relative;*/
    width: 100%;
    float: left;
    clear: both;
    margin-top: 5px;
}
.form-group{
        margin-top: 23px;
}
.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;
}
.radio-optin{
    margin-left: 138px;
}
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;
}
label.error{
    color: red;
    font-size: 12px;
    padding-left: 2%;
    display: inline-table;
    margin-top: 8px;
}
#display1{
    width: 50%;
    margin-left: 38px;
}

#mail_to{
    display: inline-flex;position: inherit;width: 218%;
}
#display2{
    width: 23%;
}
#mail_type{

    margin-left: 58px;
                                    width: 100%;
}
#display3{
    width: 50%;
    margin-left: 95px;
}
#mail_sub{
  width: 100%;
    height: 45px;
    margin-left: -6px;
    
}
#content{
    margin-top: 20px;
    display: inline-table;
    margin-left: 93px;
}
#area5{
    height: 300px;
}
@media screen and (min-width:320px) and (max-width:480px){
    .send-email-panel{
   padding-left: 41px;
    width: 83%;
    }
    #display1{
        margin-left: 6px;
    }
    #display2{
        width: 65%;
    margin-left: -29px;
    }
    #display3{
        margin-left: 57px;
    width: 129px;
    }
    #content{
       margin-left: 56px;
    }
    #send_email{
        margin-left: -31px;
    width: 104%;
    }
    #mail_sub{
        margin-left: 1px;
    }
}
@media screen and (min-width:360px) and (max-width:640px){
    #mail_type{
        width: 50%;
    }
}
@media screen and (min-width:375px) and (max-width:667px){
    #mail_type{
        width: 50%;
    }
}

@media screen and (min-width:412px) and (max-width:732px){
    #mail_type{
        width: 50%;
    }
}

@media screen and (min-width:414px) and (max-width:736px){
    #send_email{
        width: 64%;
    }
     #mail_type{
            width: 50%;
        }
        
}
@media screen and (min-width:600px) and (max-width:1024px){
    #display2{
        width: 53%;
    }
}
@media screen and (min-width:768px) and (max-width:1024px){
    #mail_type{
        width: 125px;
    }
}