a

/** css for divi page vkagl **/

/** size of icon FB in footer **/
.et_pb_social_media_follow li a.icon::before{
    height: 50px;
    width: 50px;
    line-height: 50px;
}

/** back to the top button color and format **/
.et_divi_100_custom_back_to_top .et_pb_scroll_top.et-visible{
    background-color: #FF7C35;
}
.et_divi_100_custom_back_to_top .et_pb_scroll_top{
    width: 50px;
    height: 50px;
}

/** contact form constraint and error message font color and size**/
.et_contact_bottom_container{
    font-size: 18px;
    color: #ffffff;
}
.et-pb-contact-message{
    font-size: 15px;
    color: #ffffff;
}
/** email was sent message **/
.et-pb-contact-message{
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    color: #008B00;
    background-color: #c5e3b4cc;
    border: 5px #c5e3b4cc;
    padding: 10px;
    border-radius: 10px;
}

/** contact form 7 design **/
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
    background-color: #eee !important;
    border: none !important;
    width: 100% !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    font-size: 14px;
    color: #999 !important;
    padding: 16px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.wpcf7-submit {
    color: #2EA3F2 !important;
    margin: 8px auto 0;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 20px;
    line-height: 1.7em;
    background: transparent;
    border: 2px solid;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.wpcf7-submit:hover {
    background-color: #eee;
    border-color: #eee;
    padding: 6px 20px !important;
}

/** responsive column of bill and contact**/
#left {
    min-height: 50px;
    border: 2px dashed blue;
    width: 500px;
}

#right {
      overflow: hidden;
    float: right;
    width: 500px;
    min-height: 50px;
    margin-left: 0px;
    border: 2px dashed red;
}

@media only screen and (max-width: 600px) {
    #right {
        float: left;
        width: 100%;
    }
    #left {
        float: left;
        width: 100%;
    }
    .wrapper-contact-form{
        width:100%;
        position: absolute;
        float: left;
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
    }
}