html, body {
            width: 100%;
            height: 100%;
            padding: 0;
            margin: 0;
        }

#orderform {
    min-width: 320px;
    width: 50%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    background: white;
    float: left;
    display: inline-block;
}


#ordercon {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    min-width: 320px;
    max-width: 375px;
    min-height: 480px;
    background: #ECECEC;
}

input {
    border-radius: 3px;
    border: 1px solid silver;
}

hr {

    color: silver;
}

#order_length {

    position: relative;
    display: inline-block;
}

#order_cost_price {

    position: relative;
    display: inline-block;
}

#showfcomment,#showgcomment,#showdatetime {

    position: absolute;
    display: inline-block;
    border: 1px solid grey;
    padding: 1%;
    width: 5%;
    text-decoration: none;
    left: 10%;
    margin-top: 3%;
    background: blue;
    color: white;
    text-align: center;
    font-weight: bold;

}

#from_adress {
width: 60%;
height: 8%;
position: relative;
display: block;
margin-top: 5%;
left: 30%;  
}

#fromcomment {
width: 60%;
height: 6%;
position: relative;
display: inline-block;
margin-top: 2%;
left: 30%;
visibility: hidden;
}

#goto_adress {
width: 60%;
height: 8%;
position: relative;
display: block;
margin-top: 2%;
left: 30%; 
}

#gotocomment {
width: 60%;
height: 6%;
position: relative;
display: inline-block;
margin-top: 2%;
left: 30%;
visibility: hidden; 
}

#orderdate {
width: 30%;
height: 6%;
position: relative;
display: inline-block;
margin-top: 2%;
left: 30%; 
visibility: hidden;
}

#ordertime {
width: 25%;
height: 6%;
position: relative;
display: inline-block;
margin-top: 2%;
left: 32%; 
visibility: hidden;
}

#client_tel {
width: 30%;
height: 6%;
position: relative;
display: inline-block;
margin-top: 2%;
left: 30%; 
}

#sendsms {
width: 25%;
height: 6%;
position: relative;
display: inline-block;
margin-top: 2%;
left: 32%; 
}


#client_tel_code {
width: 60%;
height: 6%;
position: relative;
display: block;
margin-top: 2%;
left: 30%; 
}

#submit_order {
width: 40%;
height: 6%;
position: relative;
display: block;
margin-top: 2%;
left: 40%; 
}


/*****************/
#map {
    min-width: 320px;
    width: 50%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    background: orange;
    float: right;
    display: inline-block;
}

@media (max-width: 375px) {
  #orderform {
            width: 100%;
            height: 100%;
            
        }

   #map {
            display:none;
            
        }
}