@media (max-width: 575.98px) {  
	p, a, button, h6{
		font-size: 10pt;
	}
	h5{
		font-size: 11pt;
	}
	h4{
		font-size: 12pt;
	}
	h3{
		font-size: 13pt;
	}
	h2{
		font-size: 14pt;
	}
	h1{
		font-size: 15pt;
	}
	#top_header{
		display: none;
	}
	#home_about{
		padding-left: 5%;
		padding-right: 5%;
	}
	.hc_content .passion{
		font-size: 2em;
	}
	.video-overlay .btn_dbrown{
		width: 100%;
	}
	#video_box{
		padding-top: 150px;
	}
	.contactOverlay{
		width: 100%;
		padding: 13px;
	}
	.hc_content h1, #page_header h1, #aboutContent h1{
		font-size: 1.5rem;
	}
	#home_contact{
		padding-bottom: 160px;
	}
	.newsletterForm .form-control{
		width: 80%;
	}
	.historySection .row:before{
		top: 5%;
	}
	.rightHistory i{
		top: 0px;
		left: -20px;
	}
	.leftHistory i{
		right: -20px;
	}
	.historyCard{
		width: 89%;
	}
	#projectAbout{
		margin-top: -40px;
	}
	#page_header .passion{
		left: 46%;
	}
	.blog_sidebar{
		margin-top: 0px;
	}
	#slidersection img{
		height: 400px;
		object-fit: cover;
	}
	.countdown #projectAbout .projectCard, #projectAbout .projectCard{
		height: 155px;
	}
	.workbox:after {
	    left: 46%;
	    top: 140%;
	    transform: rotate(90deg);
	}
	.worknum {
		left: 46%;
	}
	.workCard{
		padding-top: 5%;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {  
	#home_about{
		padding-left: 5%;
		padding-right: 5%;
	}
	.video-overlay .hvr-float{
		display: flex;
	}
	#video_box{
		padding-top: 100px;
	}
	.historySection .row:before{
		top: 5%;
	}
	.rightHistory i{
		top: 22px;
	}
	#projectAbout{
		margin-top: -40px;
	}
	.blog_sidebar{
		margin-top: 0px;
	}
	#slidersection img{
		height: 450px;
		object-fit: cover;
	}
	.secwc .workbox:after {
		content: '';
		position: absolute;
	    left: 100%;
	    top: 50%;
	    color: #e4e4e4;
	    font-size: 45px;
	    margin-top: -10px;
	}
	.workflow .row:after{
		position: absolute;
	    content: url('../images/right-arrow.png');
	    left: 47%;
	    margin-top: 400px;
	    transform: rotate(145deg);
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {  
	#home_about{
		padding-left: 5%;
		padding-right: 5%;
	}
	#video_box{
		padding-top: 100px;
	}
	.contactOverlay h5{
		padding-bottom: 20px;
	}
	.historySection .row:before{
		top: 5%;
	}
	.historyCard{
		width: 92%;
	}
	.blog_sidebar{
		margin-top: 0px;
	}
	#slidersection img{
		height: 450px;
		object-fit: cover;
	}
	.secwc .workbox:after {
		content: '';
		position: absolute;
	    left: 100%;
	    top: 50%;
	    color: #e4e4e4;
	    font-size: 45px;
	    margin-top: -10px;
	}
	.workflow .row:after{
		position: absolute;
	    content: url('../images/right-arrow.png');
	    left: 47%;
	    margin-top: 400px;
	    transform: rotate(145deg);
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {  
	.contactOverlay{
		width: 70%;
	}
	.contactOverlay h5{
		padding-bottom: 15px;
	}
	.historySection .row:before{
		top: 5%;
	}
	#slidersection img{
		height: 450px;
		object-fit: cover;
	}
	.slider-section .carousel-caption{
		left: 75px;
		right: 75px;
	}
}

@media (min-width: 1200px) {  
	.contactOverlay h5{
		padding-bottom: 20px;
	}
	.historySection .row:before{
		top: 100px;
	}
}