@media (max-width: 767px) {
	.blue-btn {
		width: 31%;
		font-size: 13px;
		padding: 10px;
		margin-top: -40px;
	}
	.navbar-brand{
		width: 73%;
	}
	.main-title h1 {
		font-size: 30px;
	}
	.box .title{
		font-size: 17px;
		width: 62%;
	}
	.col {
		flex: inherit!important;
		width: 100%;
		max-width: 100%;
	}
	.what-we-supply .infoBox {
		height: auto;
		padding: 20px;
		margin: 13px 0;
	}
	.contact .border-start {
		border-left: 0px solid #dee2e6 !important;
	}
	.contact .border-end {
		border-right: 0px solid #dee2e6 !important;
	}
	
}	
@media (min-width: 768px) and (max-width: 991.98px) {
	.blue-btn{
		width:24%;
	}
	.img-caption figcaption h3 {
		font-size: 28px;
	}
	.main-title h1{
		font-size: 53px;
	}
	h2{
		font-size: 25px;
	}
	p {
		font-size: 14px;
	}
	.box .title {
		font-size: 18px;
	}
	.contact .px-3 {
		padding-right: 5px !important;
		padding-left: 5px !important;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	.blue-btn{
		width:18%;
	}
}

@media (min-width: 1200px) and (max-width: 1400px) {
	.blue-btn {
		min-width: 300px;
	}
	.img-caption figcaption{
		padding:17px 10px;
	}
	.navbar-dark .navbar-nav .nav-link{
		font-size: 16px;
	}
}