/*.r-footer{
		background-color: #0F2540 !important;
	}*/
	
	.line-running {
	animation-range-start: 3% !important;
	animation-range-end: 28% !important;
	}
	
	
	.round-icon-1::after{
		top: 53.5% !important;
	}
	.round-icon-2::after{
		top: 47% !important;
	}	
	.round-icon-3::after{
		top: 46.5% !important;
	}
	.round-icon-4::after{
		top: 39.5% !important;
	}
	
	
	/*For Line animation responsive Start*/
	
	@media only screen and (max-width: 1399px){
		
		.res-1366-width{
			max-width: 1300px;
		}
	
	
	
	}
	
	@media only screen and (max-width: 1366px){
		
		.res-1366-width{
			max-width: 1300px;
		}
	
	
	
	}
	
	@media only screen and (max-width: 1280px) and (min-width: 993px){
		
	.timelinemaindiv{
		max-width: 950px !important;
	}
	
	.h-timeline{
		row-gap: 115px !important;
		max-width: 910px !important;
	}
		
	.border-l-b{
		top: 80px !important;
	}	
		
	.div-width-1, .div-width-2, .div-width-3, .div-width-4{
		width: 100%;
		max-width: 850px !important;
	}
		
	/*.h-timeline-text-box p{
	margin-bottom: 1rem !important;
	}


	.h-timeline-text-box {
	padding-left: 60px !important;
	padding-right: 60px !important;
	}*/	
		
	.round-icon-1::before{
		left: -2% !important;
	}	
	
	.round-icon-1::after{
		left: -0.6% !important;
        top: 55% !important;
	}
	
	
	
	.round-icon-2::before{
		right: -2% !important;
	}
	
	.round-icon-2::after{
		right: -0.7% !important;
        top: 48% !important;
	}
		
	.round-icon-3::before{
		left: -2% !important;	
		}
		
	.round-icon-3::after{
		left: -0.6% !important;
        top: 47.5% !important;
		}
		
	.round-icon-4::before{
		right: -2% !important;
	}

	.round-icon-4::after{
		right: -0.6% !important;
        top: 40.5% !important;
	}	
	
	.h-top-image-1 img{
		max-width: 100px !important;
	}
		
	.h-top-image-2 img{
		max-width: 100px !important;
	}
	
	.h-top-image-3 img{
		max-width: 60px !important;
	}
	
	.h-top-image-4 img{
		max-width: 50px !important;
	}
	
	
	
	}
	
	@media only screen and (max-width: 1024px){
		
		.res-1366-width{
			max-width: 960px;
		}
		
		.timelinemaindiv{
		max-width: 950px !important;
		}

		.h-timeline{
		row-gap: 110px !important;
		max-width: 910px !important;
		}

		.border-l-b{
		top: 80px !important;
		}	

		.div-width-1, .div-width-2, .div-width-3, .div-width-4{
		width: 100%;
		max-width: 830px !important;
		}
		
		.h-timeline-text-box{
			padding-left: 30px !important;
			padding-right: 30px !important;
		}
		
		.h-timeline-text-box p{
		margin-bottom: 1rem !important;
		}
		
		.round-icon-1::before{
		left: 0% !important;
		}	

		.round-icon-1::after{
		left: 1.4% !important;
		top: 54.7% !important;
		}
		
		.round-icon-2::before{
		right: 0% !important;
		}

		.round-icon-2::after{
		right: 1.3% !important;
		top: 48% !important;
		}

		.round-icon-3::before{
		left: 0% !important;	
		}

		.round-icon-3::after{
		left: 1.4% !important;
		top: 48% !important;
		}

		.round-icon-4::before{
		right: 0% !important;
		}

		.round-icon-4::after{
		right: 1.3% !important;
		top: 41% !important;
		}
		
		.h-timeline-left:nth-child(3) .h-timeline-text-box p{
			padding-right: 0px !important;
		}
		
		.res-1024-padding-right{
			padding-right: 90px !important;
		}
		
	}
	
	
	@media only screen and (max-width: 992px) and (min-width: 769px){
		.h-timeline {
		row-gap: 50px !important;
		max-width: 810px !important;
		}
		.h-timeline-text-box p {
        margin-bottom: 1rem !important;
    }
	}
	
	@media only screen and (max-width: 992px) and (min-width: 576px){
		.h-top-image-3{
			width: 100%;
			max-width: 40px;
		}
		.h-top-image-4{
			width: 100%;
			max-width: 30px;
		}
	}
	
	@media only screen and (max-width: 768px) and (min-width: 576px) {
    .h-timeline {
        row-gap: 50px !important;
    }
}
	
	@media only screen and (max-width: 575px) and (min-width: 360px) {
    .h-timeline {
        row-gap: 50px !important;
    }
}
	
	/*For Line animation responsive End*/
	
	
	/*.h-top-image-3 img{
		width: 100%;
		max-width: 60px !important;
	}
	.h-top-image-4 img{
		width: 100%;
		max-width: 50px !important;
	}*/