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

.round-icon-1::after{
top: 56% !important;
}
.round-icon-2::after{
top: 48.5% !important;
}	
.round-icon-3::after{
top: 48.5% !important;
}
.round-icon-4::after{
top: 40% !important;
}
.h-top-image-3 img{
width: 100%;
max-width: 108px;
}
.h-top-image-4 img{
width: 100%;
max-width: 108px;
}
.h-p-list-div-1, .h-p-list-div-3{
flex: 0 0 calc(41% - 20px);
}

/*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: 58% !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: 57.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: 49.7% !important;
}

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

.round-icon-4::after{
right: 1.3% !important;
top: 41% !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*/