/*.r-footer{
		background-color: #0f2540 !important;
	}*/

	.line-running {
	animation-range-start: 3% !important;
	animation-range-end: 25% !important;
	}

	.round-icon-1::after{
		top: 55% !important;
	}
	.round-icon-2::after{
		top: 48.5% !important;
	}	
	.round-icon-3::after{
		top: 49.5% !important;
	}
	.round-icon-4::after{
		top: 41% !important;
	}
	
	
	
	.h-top-image-3 img{
		width: 100%;
		max-width: 60px !important;
	}
	.h-top-image-4 img{
		width: 100%;
		max-width: 50px !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;
	}
		
	.round-icon-1::before{
		left: -2% !important;
	}	
	
	.round-icon-1::after{
		left: -0.6% !important;
        top: 56% !important;
	}
	
	
	
	.round-icon-2::before{
		right: -2% !important;
	}
	
	.round-icon-2::after{
		right: -0.7% !important;
        top: 50% !important;
	}
		
	.round-icon-3::before{
		left: -2% !important;	
		}
		
	.round-icon-3::after{
		left: -0.6% !important;
        top: 49.5% !important;
		}
		
	.round-icon-4::before{
		right: -2% !important;
	}

	.round-icon-4::after{
		right: -0.6% !important;
        top: 42% !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: 105px !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;
		}
		
		.round-icon-1::before{
		left: 0% !important;
		}	

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

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

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

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

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

		.round-icon-4::after{
		right: 1.3% !important;
		top: 42.7% !important;
		}
		
		.h-top-image-3 img{
		max-width: 50px !important;
		}
		
		.h-timeline-left-bg{
			height: 176px;
		}
		
	}
	
	@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-timeline-left-bg{
		height: auto;
	}
		.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;
    }
	.h-timeline-left-bg{
		height: auto;
	}	
}
	
	/*For Line animation responsive End*/