/* >> Csatolt map CSS
----------------------------------------------------*/
.m-attach_map{margin-top: 2em;}
.m-attach_map .modul-title{border-bottom: 1px solid #dedede; line-height: 1.43; font-weight: bold; margin-bottom: 1em; text-transform: uppercase; padding: 8px; color: #cd1719;}
.m-attach_map .modul-title span{text-transform: none; font-weight: 300; color: #626262;}
.m-attach_map li{margin-bottom: 1em; line-height: 1.43;}

.m-attach_map li a{background: url(../images/icon-map.png) no-repeat left center; padding-left: 24px; color: #626262; font-weight: bold; display: block;}
.m-attach_map li span.address_map{background: url(../images/icon-map.png) no-repeat left center; padding-left: 24px; color: #626262; font-weight: bold; display: block;}
.m-attach_map li a:hover{color: #CD1719;}
.m-attach_map li span{padding-left: 24px;}

.m-attach_map li span.img_map{padding: 0; background: url(../images/placeholder-map.png) no-repeat center center; display:block; height:0; overflow:hidden; padding-bottom:60%; position: relative;}
.m-attach_map li span.img_map iframe{position: absolute; left:0; top:0; width:100%; height:100%;}

.m-attach_map li .grid_2{width: 100%; margin-bottom: 0.5em;}

/* >> PC
--------------------------------------------*/
@media only screen and (min-width: 520px){

    .m-attach_map li .grid_2{float: left; width: 30%;}
    .m-attach_map li .grid_2:last-child{padding-left: 24px; width: 70%;}
    
}