div#info {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

div#formaddpub {
    display: inline-block;
    max-width: 49%;
    vertical-align: top;
}

div#namephone > div {
    display: block;
    width: 49%;
    margin: 5px 0;
}

div#namephone input {
    width: 100%;
    height: 30px;
    text-align: center;
}

textarea#coment {
    width: 99.5%;
    display: inline-block;
}

div#gmap {
    height: 400px;
    border-bottom: 4px solid red;
}

div#submitbtn {
    background-color: red;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    margin: 10px 0;
    cursor: pointer;
    color: #fff;
    border-radius:5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: .3s linear;
}

div#submitbtn:hover {
     box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}


div#coment {
    display: inline-block;
    position: relative;
    width: 100%;;
}



div#name {;
    float: left;
}




div#mail {
    float: right;
}





div#phone {
    float: left;
}

#r {
    width: 73%;
}




div#subj {
    float: right;
}

@media screen and (min-width: 320px) and (max-width: 479px){
    div#info {
        width: 100%;
        text-align: center;
    }
    div#formaddpub {
        max-width: 100%;
    }
}    
@media screen and (min-width: 480px) and (max-width: 767px){
    div#info {
        width: 100%;
        text-align: center;
    }
    div#formaddpub {
        max-width: 100%;
        text-align: center;
    }
    div#namephone input {
        width: 64%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px){
    div#submitbtn {
        width: 73%;
    }
}