/*********************************/
/*map*/
/*********************************/
.component.map img { max-width: none; }
.component.map .button {cursor:pointer;background-color: #9BCC35;color: #ffffff;border: 0;display: inline-block;text-align: center;border-radius: 2px;font-size: 16px;font-weight: bold;height: 30px;line-height: 30px;padding: 0 20px;text-decoration: none}
.component.map .button:hover{background-color:#000000}
.component.map .map-content div.way input[type="text"]{border-radius: 3px;border: 1px solid #376379;font: 15px arial;padding: 16px 19px;}


/************************
        MAP ROUTE
************************/
.component.map .map-content div.way .way_start{width:72%}
.component.map .map-content div.way .way_end{width:72%}
.component.map .map-content div.way input[type="text"]{width:65%}


@media  screen and (max-width:768px){
    .component.map .map-content div.way .way_start{width:100%}
    .component.map .map-content div.way .way_end{width:100%}
    .component.map .map-content div.way input[type="text"]{width:100%}
    .component.map .map-content div.way .way-buttons{position:static;padding-top:10px}
    .component.map .map-content div.line .button{float:none;width:100%;margin-top:10px}
}

@media  screen and (max-width:480px){
	.component.map .map_mode{float:none;text-align:center;margin-bottom:10px}
}