/* Common CSS */

.container {
    max-width: 1250px;
}
.three_boxes p {
	font-size: 17px;
}
.navbar-brand img {
	width: 200px;
}
.nav-link {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 15px;
}
#navbarSupportedContent {
	margin-left: 140px;
}
.link-fancy::before {
	display: none;
}
.nav-item {
	margin-right: 10px;
}
.link-fancy {
	text-transform: uppercase;
	color: #fff !important;
	background: #06A3DA;
	text-align: center;
	padding: 10px 15px 11px 15px !important;
	font-size: 15px;
}

#top {
	padding-bottom: 60px;
}
#top h1 {
	text-align: center;
	line-height: 66px;
	padding-top: 130px;
	margin-bottom: 10px;
	font-size: 60px;
}
#top h1 span {
	font-weight: 300;
	color: #06A3DA;
}
#top p {
	text-align: center;
	margin-bottom: 50px;
}
.btn.btn-dark {
	padding: 14px;
	margin: 0 auto;
	text-align: center;
	width: 180px;
	display: block;
}

#services {
	padding-top: 8vh;
}
#services img {
	max-width: 100%;
}

.display-6 {
	text-align: center;
	font-size: 2rem;
	line-height: 40px;
}
.h3, h3 {
	font-weight: 300;
}

.three_boxes {
	padding-top: 50px;
}
#aboutus h3 {
    height: 120px;
}
#aboutus .three_boxes p {
	height: 260px;
}

#services {
	padding-top: 90px;
}
#services h3 {
	margin-bottom: 10px;
}
#services p {
	margin-bottom: 30px;
}

#workwithus {
	margin-top: 60px;
}
#workwithus h2 {
	font-size: 1.7rem;
	line-height: 36px;
}

#contact {
	padding-top: 80px;
	padding-bottom: 50px;
}
#contact h3 {
	padding-bottom: 20px;
}
#contact .bg-light {
	padding: 40px 50px !important;
}
#contact form {
	width: 840px;
}

#workwithus .btn {
	background: #06A3DA;
	border: 0;
	color: #fff;
	padding: 14px 30px;
}
#workwithus .lead {
	font-size: 1.7rem;
	color: #06A3DA !important;
}

#aboutus span {
	color: #06A3DA;
	margin-bottom: 10px;
	display: block;
	font-size: 24px;
}

/* Footer CSS */

footer img {
	width: 200px;
	display: block;
}
footer address {
	float: left;
	margin-right: 25px;
	font-size: 18px;
}
footer address strong {
	color: #343a40;
}
footer .border-top {
	padding-top: 15px;
}
footer address a {
	text-decoration: none;
}
footer#contact {
	padding-top: 30px;
	padding-bottom: 0;
}
.copyright {
	padding-left: 10px;
	padding-bottom: 20px;
	font-size: 14px;
}

/* Responsive CSS */

@media only screen and (max-width: 850px) {
#navbarSupportedContent {
	margin-left: 0;
}
.container {
	width: 96%;
}
#top h1 {
	line-height: 40px;
	padding-top: 100px;
	font-size: 36px;
}
#top p {
	text-align: center;
	margin-bottom: 50px;
	font-size: 18px;
}
.display-6 {
	font-size: 1.6rem;
	line-height: 36px;
}
#top h1 {
	font-size: 30px;
}
.py-vh-5 {
	padding-top: 7vh;
	padding-bottom: 7vh;
}
.three_boxes p {
	height: auto;
}
#aboutus span {
	margin-top: 30px;
}
#services img {
	margin-bottom: 30px;
}
#services {
	padding-top: 60px;
	padding-bottom: 10px;
}
.small.w-100.overflow-hidden {
	margin-top: 10px;
}
#workwithus h2 {
	font-size: 1.5rem;
	line-height: 32px;
}
#contact {
	padding-top: 60px;
	padding-bottom: 20px;
}
#contact form {
	width: 100%;
}
#contact .bg-light {
	padding: 40px 30px !important;
}
footer address {
	float: none;
	margin-right: 0;
	font-size: 16px;
}

}

@media only screen and (max-width: 767px) {
br{display:none;}
#aboutus .three_boxes p, #aboutus h3 {
    height: auto;
}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
#aboutus h3 {
    height: 170px;
}
#aboutus .three_boxes p {
    height: 470px;
}
._boxes h3 {
    height: 130px;
}
#software-development h2 {
    font-size: 30px !important;
}


}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
.nav-link {
	text-transform: capitalize;
}
.link-fancy {
	padding: 8px 14px 9px 13px !important;
	font-size: 14px;
}
#aboutus .three_boxes p {
    height: 320px;
}
._boxes h3 {
    height: auto;
}
#software-development h2 {
    font-size: 30px !important;
}

}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {

}