.container {
      color: #292929;
    }

    .grid h5 {
      margin: 0 20px;
    }

    .grid article {
      margin: 0 2%;
    }

    .grid-two {
      padding: 10px 30px;
    }

    /* Tracking Info Detail */

.tracking-info-detail{
	position:relative;
	margin-top:40px;
	margin-bottom:45px;
}

.tracking-info-detail .tracking-box{
	position:relative;
}

.tracking-info-detail .tracking-box .tracking-time-box{
	position:relative;
	margin-right:30px;
	display:inline-block;
}

.tracking-info-detail .tracking-box .tracking-time{
	position:relative;
	color:#222222;
	font-size:18px;
	font-weight:400;
	font-family: 'Montserrat', sans-serif;
}

.tracking-info-detail .tracking-box span{
	position:relative;
	font-size:14px;
	color:#777777;
}

.tracking-info-detail .tracking-box .tracking-location{
	position:relative;
	font-size:14px;
	color:#777777;
	padding-left:70px;
	padding-bottom:40px;
	display:inline-block;
}

.tracking-info-detail .tracking-box .tracking-location:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:1px;
	height:100%;
	background-color:#d6d6d6;
}

.tracking-info-detail .tracking-box .tracking-location strong{
	position:relative;
	color:#222222;
	font-size:16px;
	font-weight:400;
	display:block;
	font-family: 'Montserrat', sans-serif;
}

.tracking-info-detail .tracking-box .tracking-location:after{
	position:absolute;
	content:'';
	left:-16px;
	top:-2px;
	width:34px;
	height:34px;
	border-radius:50%;
	background-color:#01a95a;
	display:inline-block;
}

.tracking-info-detail .tracking-box .tracking-location.style-two::after{
	background-color:#0BA704;
}

.tracking-info-detail .tracking-box .tracking-location.style-2::after{
	background-color:#C7BEC2;
}

.tracking-info-detail .tracking-box .tracking-location.style-2::after{
	background-color:#C7BEC2;
}

.tracking-info-detail .tracking-box .tracking-location.style-3::after{
	background-color:#6F0939;
}

.tracking-info-detail .tracking-box .tracking-location.style-4::after{
	background-color:#096F14;
}

.tracking-info-detail .tracking-box .tracking-location.style-5::after{
	background-color:#4dcefe;
}

.tracking-info-detail .tracking-box .tracking-location.style-6::after{
	background-color:#1433CF;
}

.tracking-info-detail .tracking-box .tracking-location.style-7::after{
	background-color:#CF1430;
}

.tracking-info-detail .tracking-box .tracking-location.style-three::after{
	background:#ffffff;
	border:1px solid #d6d6d6;
}

.tracking-info-detail .tracking-box .tracking-location .dott{
	position:absolute;
	content:'';
    left: -3px;
    top: 11px;
	width:9px;
	height:9px;
	z-index:1;
	border-radius:50%;
	background-color:#d6d6d6;
}

.tracking-info-detail .tracking-box:last-child .tracking-location{
	padding-bottom:0px;
}

.tracking-info-detail .tracking-box:last-child .tracking-location:before{
	display:none;
}

.map-data{
	text-align:center;
	font-size:14px;
	font-weight:400;
	line-height:1.8em;
}

.map-data h6{
	font-size:16px;
	font-weight:700;
	text-align:center;
	margin-bottom:5px;
	color:#121212;
}

.map-canvas{
	height:360px;
}

    @media screen and (min-width: 768px) {
      .grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
      }

      .grid-two {
        display: grid;
        grid-template-columns: 1fr 1fr;
      }

    }
    @media screen and (min-width: 1200px) {
      .grid-two {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
      }
    }