.journey_yearwise a {width: 100%; float: left; padding: 28%;}
.journey_yearwise a img {width: 100%; float: left; z-index: 99999;}
.journey_yearwise .hexagon {width: 68%; height: 81%; background: #fecf0c; font-size: 0; z-index: 99;}
.journey_yearwise .hexagoninner { width: 96%; height: 96%; font-size: 0; transform: translate(-50%,-50%); background: white; z-index: 999;}
.journey_desc {padding-top: 40px; height: 256px;}
.journey_desc h3 {font-family: 'Gotham-Medium'; font-size: 52px; line-height: 62px; color: #fecf0c;}
.journey_desc p {font-family: 'Gotham-Book'; font-size: 15px; line-height: 26px; color: #606060;}
.singleline, .singlelineright {width: 1px; height: 100%; float: left; display: inline-block; font-size: 0; background: #606060; position: absolute; left: -22%; top: 10%; margin: 0 0 0 -10px; z-index: -1;}
.singlelineright {left: auto; right: -22%; margin: 0 -10px 0 0;}


.hiddenimg, .journey_yearwise a:hover img {display: none;}
.journey_yearwise a:hover {transition: 2s;}
.journey_yearwise a:hover .hexagoninner {transition: 2s; background: #fecf0c;}
.journey_yearwise a:hover .hiddenimg{ display: block; transition: 2s;}
.landing_journey_banner .banner01 {background: url(../images/about/journey/bg_a_road_to_success.jpg) no-repeat center center; background-size: cover;}
.landing_journey_banner .banner_msg {margin-top: 0;}
.journey_our {padding:120px 0 36px;}

@media only screen and (max-width: 768px) {

.landing_journey_banner {background: transparent; height: auto; padding-top: 54px;}
.journey_desc {text-align: left;}
.singleline, .singlelineright {right: auto; left: -21.4%; margin: 0 0 0 -10px;}
.journey_yearwise .hexagon {width: 74%; height: 88%;}
.journey_yearwise .hexagoninner {display: none;}
.journey_yearwise a {padding: 23%;}
.journey_yearwise img{display: none;}
.journey_yearwise .hiddenimg {display: block;}
.journey_desc {padding-top: 24px;}
.journey_desc h3 {font-size: 40px; line-height: 55px;}
.journey_our {padding: 50px 0;}
.journey_desc p {font-size: 13px; line-height: 21px;}
.journey_desc {height: 220px; padding-right: 6%;}

}