/* directions.css */
.directions{width: 100%; padding: 0 0 130px;}
.map_area{margin-top: 50px; width: 100%; height: auto; overflow: hidden;}
.map_desc{margin-top: 80px; width: 100%;}
.map_desc_box{width: 100%;}
.map_title{height: 60px; border-bottom: 2px solid #666;}
.map_title .map_icon1{float: left; display: inline-block; margin-right: 10px; width: 30px; height: 100%; background: url(../../img/company/directions_icon01.png); background-size: 20px 20px; background-repeat: no-repeat; background-position: center;}
.map_title h3{float: left; line-height: 60px; color: #333; font-size: 20px;}
.map_list{margin-bottom: 65px; width: 100%;}
.map_item{float: left; width: 100%; border-bottom: 1px solid #999;}
.item_desc{line-height: 60px; color: #666; font-size: 16px;}
.map_item::before{display: inline-block; float: left; margin-right: 26px; content: ""; width: 4px; height: 4px; background: #c71526; border-radius: 50%; margin-top: 28px;}
.map_2list{}
.map_2item{float: left; margin-right: 32px; padding: 15px 0 15px;}
.map_2item .bus_line{display: inline-block; margin-right: 10px; width: 45px; height: 30px; background: #3caa3a; color: #fff; text-align: center; line-height: 30px; border-radius: 5px}
.map_2item .bus_line.blue{background: #358fd4;}
.map_2item .bus_line.yellow{background: #FFE400;}
.map_2item .bus_line.orange{background: #F6AC3C;}
.map_2item .bus_number{display: inline-block; color: #666; font-size: 16px; line-height: 30px;}
.map_item.bus_info .item_desc{margin-left: 30px;}

.sub-content{width:100%; position:relative;}
.sub-content > article{width:100%; display:none;}
.sub-content > article:first-child{display:block;}
.title-style03{display:block; color:#232323; font-size:21px; font-weight:400; margin-bottom:3%; text-align:left; text-transform:capitalize;}
.title-style03:before{display:inline-block; vertical-align:middle; content:""; width:5px; height:19px; background-color:#363996; margin-right:9px;}
#companyViewCon{padding-bottom:40px;}
.map-btn-controls{padding-bottom:36px; text-align:left;}
.map-btn-controls a{
	display:inline-block; border:1px solid #a9a9a9; margin-right:15px; padding:12px 40px; color:#282828; font-size:15px; vertical-align:top; text-align:center;
	-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;-o-transition:background-color 0.3s;-ms-transition:background-color 0.3s;transition:background-color 0.3s
}
.map-btn-controls a:hover,.map-btn-controls a:focus{background-color:#a9a9a9; color:#fff;}
.map-btn-controls a i{vertical-align:middle;}
.company-video-list-con,.company-photo-list-con{position:relative; float:left; width:30%; margin-right:1%;}

@media screen and (max-width:1199px){
    .directions{padding: 0 0 90px;}
    .map_area{margin-top: 20px; height: 300px;}
    .map_desc{margin-top: 60px;}
    .map_title{height: 50px;}
    .map_title .map_icon1{width: 25px;}
    .map_title h3{line-height: 50px; font-size: 18px;}
    .map_list{margin-bottom: 45px;}
    .map_item{padding: 20px 0;}
    .item_desc{float: left; margin-left: 20px; width: 90%; line-height: 20px; font-size: 14px;}
    .map_item::before{margin-top: 8px; margin-right: 0;}
    .map_2list{float: left; margin-left: 20px; width: 90%;}
    .map_2item{margin-right: 25px; padding: 0 0 20px;}
    .map_2item .bus_line{width: 38px; height: 28px; line-height: 28px; font-size: 14px;}
    .map_2item .bus_number{font-size: 14px; line-height: 28px;}
    .map_item.bus_info .item_desc{margin-left: 24px;}
    .map_item.bus_info::before{margin-top: 10px;}
	.map-btn-controls{/* text-align:center; */}
	.map-btn-controls a{margin:0 1%; padding:12px 0; font-size:13px; width:30%; }
	.company-video-list-con, .company-photo-list-con{float:none; width:100%; margin:0; margin-bottom:20px; }
}
@media screen and (max-width: 480px){
    .directions{padding: 0 0 80px;}
    .map_area{margin-top: 10px; height: 250px;}
    .map_desc{margin-top: 50px;}
    .map_title{height: 45px;}
    .map_title .map_icon1{width: 20px; background-size: 18px 18px;}
    .map_title h3{line-height: 45px; font-size: 16px;}
    .map_list{margin-bottom: 30px;}
    .item_desc{width: 90%; line-height: 17px; font-size: 13px;}
    .map_item::before{margin-top: 6px;}
    .map_2list{width: 90%;}
    .map_2item{margin-right: 20px;}
    .map_2item .bus_line{width: 35px; height: 25px; line-height: 25px; font-size: 13px;}
    .map_2item .bus_number{font-size: 13px; line-height: 25px;}
    .map_item.bus_info .item_desc{margin-left: 30px;}
    .map_item.bus_info::before{margin-top: 10px;}
}