/* xxx large desktop view  */
@media only screen and (min-width: 2500px) {
	.polaroid1 {
		width: 25%;
		position: relative;
		left: 375px;
		top: -100px;
	}
	.polaroid2 {
		width: 25%;
		position: relative;
		top: 35px;
		right: 200px;
	}
}

/* xx large desktop view  */
@media (min-width: 2000px) and (max-width: 2499px) {
	.polaroid1 {
		width: 25%;
		position: relative;
		left: 375px;
		top: -100px;
	}
	.polaroid2 {
		width: 25%;
		position: relative;
		top: 35px;
		right: 200px;
	}
}

@media (min-width: 1900px) and (max-width: 1999px) {
	.polaroid1 {
		width: 35%;
		position: relative;
		left: 275px;
		top: -100px;
	}
	.polaroid2 {
		width: 35%;
		position: relative;
		top: 50px;
		right: 275px;
	}

}

/* x large desktop view  */
@media (min-width: 1800px) and (max-width: 1899px) {
	.polaroid1 {
		width: 35%;
		position: relative;
		left: 275px;
		top: -100px;
	}
	.polaroid2 {
		width: 35%;
		position: relative;
		top: 50px;
		right: 275px;
	}
	.mobile-only {
		display: none;
	}
}

@media (min-width: 1700px) and (max-width: 1799px) {
	.polaroid1 {
		width: 40%;
		position: relative;
		left: 275px;
		top: -125px;
	}
	.polaroid2 {
		width: 40%;
		position: relative;
		top: 50px;
		right: 275px;
	}
	.mobile-only {
		display: none;
	}
}

@media (min-width: 1600px) and (max-width: 1699px) {
	.polaroid1 {
		width: 40%;
		position: relative;
		left: 275px;
		top: -100px;
	}
	.polaroid2 {
		width: 40%;
		position: relative;
		top: 50px;
		right: 275px;
	}
	.mobile-only {
		display: none;
	}
}

/* large desktop view */
@media (min-width: 1596px) and (max-width: 1599px) {
	.mobile-only {
		display: none;
	}
}

@media (min-width: 1473px) and (max-width: 1595px) {
	.mobile-only {
		display: none;
	}
}

@media (min-width: 1434px) and (max-width: 1472px) {
	.mobile-only {
		display: none;
	}
}

@media (min-width: 1371px) and (max-width: 1433px) {
	.mobile-only {
		display: none;
	}
}

/* standard desktop view */
@media (min-width: 1288px) and (max-width: 1370px) {
	.mobile-only {
		display: none;
	}
}

@media (min-width: 1200px) and (max-width: 1287px) {
	.mobile-only {
		display: none;
	}
}

/* ipad pro view */
@media (min-width: 1021px) and (max-width: 1199px) {
	.navbar-brand {
		margin-right: -150px;
	}
	.polaroid1 {
		width: 60%;
		position: relative;
		left: 75px;
		top: -25px;
	}
	.polaroid2 {
		width: 60%;
		position: relative;
		top: -125px;
		right: 80px;
	}
	.footer h2 {
		font-size: 28px;
	}
	.mobile-only {
		display: none;
	}
}

/* ipad view */
@media (min-width: 760px) and (max-width: 1020px) {
	.nav-line {
		margin: 0px 25px;
		display: none;
	}
	.navbar-nav {
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.card {
		word-wrap: normal;
		width: 115%;
		margin-left: -5px;
	}
	.section-2-text {
		padding: 50px;
	}
	.section-3-text {
		padding: 50px;
	}
	.polaroid1 {
		width: 65%;
		position: relative;
		left: 50px;
		top: -25px;
	}
	.polaroid2 {
		width: 65%;
		position: relative;
		top: -100px;
		right: 50px;
	}
	.page-header-title h1 {
		padding: 0px 50px;
	}
	.services-text {
		padding: 0px 15px;
	}
	.services img {
		width: 100%;
		margin-top: 25px;
	}
	.footer h2 {
		font-size: 18px;
	}
	.footer-services {
		margin-left: -25px;
	}
	h5 {
		font-size: 14px;
	}
	.mobile-only {
		display: none;
	}
}

/* mobile responsive */
@media only screen and (max-width: 415px) {
	.nav-line {
		margin: 0px 25px;
		display: none;
	}
	.navbar-brand img {
		width: 65%;
	}
	.navbar-toggler {
		margin-top: -75px;
		margin-left: 325px;
	}
	.carousel {
		margin-top: 100px;
	}
	.page-header-title {
		margin-top: 100px;
		padding: 75px 25px;
	}
	.carousel-inner {
		position: relative;
		width: 200%;
		margin-left: -200px;
		overflow: hidden;
	}
	.section-1 {
		padding: 50px 0px;
	}
	.card {
		padding: 25px 25px;
		margin-bottom: 25px;
		margin-left: 10px;
	}
	.header-title {
		padding: 75px 0px;
	}
	.header-title h2 {
		padding: 0px 25px;
		margin-bottom: 25px;
	}
	.header-title p {
		margin: 10px 25px;
		line-height: 30px;
	}
	.section-2-text {
		text-align: center;
		padding: 75px 50px;
	}
	.section-3-text {
		text-align: center;
		padding: 75px 50px;
	}
	.section-2-bg {
		height: 400px;
		background-attachment: fixed;
	}
	.footer-services {
		margin-left: 0px;
	}
	.footer h2 {
		font-size: 26px;
	}
	h5 {
		font-size: 18px;
	}
	.contact-us {
		padding: 0px 75px;
		margin-top: -50px;
	}
	.page-section-1 {
		padding: 100px 25px 200px 25px;
	}
	.page-section-1 p {
		padding: 0px;
	}

	.page-section-2 {
		padding: 75px 25px;
	}
	.page-section-2 p {
		padding: 0px;
	}
	.services-section {
		padding: 0px 0px;
	}
	.desktop-only {
		display: none;
	}
	.services-text {
		padding: 50px;
		text-align: center;
	}
	.service-cta p {
		padding: 25px 0px;
	}
	.service-cta {
		padding: 100px 50px;
	}
	.service-text {
		padding: 50px 25px 100px 25px;
	}
	.service-img img {
		width: 100%;
		margin-top: 50px;
	}
	.service-cta h1 {
		font-size: 32px;
	}
	.contact-info .border-lines {
		border-left: 0px solid #5b989a;
		border-right: 0px solid #5b989a;
		margin: 25px 0px;
	}
	.contact-form {
		padding: 0px;
		margin-bottom: 100px;
	}
	.footer-service {
		padding: 0px 50px;
	}
	.contact-us {
		padding: 0px 50px;
	}
	.footer .copyright {
		bottom: -200px;
		position: relative;
	}
	.copyright img {
		position: absolute;
		z-index: 1;
		width: 75%;
		top: -475px;
		left: 150px;
	}
	.navbar-nav li {
		border-right: 0px solid #0b2e6d;
		margin-top: 1rem;
	}
}

/* iphone */
@media only screen and (max-width: 375px) {
	.navbar-toggler {
		margin-top: -65px;
		margin-left: 300px;
		position: relative;
		z-index: 100;
	}
	.navbar-brand img {
		width: 125%;
	}
	.footer .copyright {
		position: relative;
		bottom: -245px;
	}
	.section-3-text {
		text-align: center;
		padding: 75px 50px 100px 50px;
	}
	.service-cta h1 {
		font-size: 28px;
	}
	.service-cta p {
		font-size: 21px;
	}
	.btn-outline-secondary {
		border: 2px solid #fff;
		font-size: 21px;
	}
	.services-text {
		padding: 50px 50px 0px 50px;
	}
	.footer .copyright {
		position: relative;
		bottom: -200px;
	}
	.copyright img {
		position: absolute;
		z-index: 1;
		width: 75%;
		top: -450px;
		left: 150px;
	}
}

/* galaxy s5 */
@media only screen and (max-width: 360px) {
	.service-cta h1 {
		font-size: 26px;
	}
	.polaroid1 {
		width: 60%;
		position: relative;
		left: 75px;
		top: -95px;
	}
	.polaroid2 {
		width: 60%;
		position: relative;
		top: -300px;
		right: 75px;
	}
	.footer .copyright {
		position: relative;
		bottom: -220px;
	}
}

/* iphone 5 */
@media only screen and (max-width: 320px) {
	.service-cta h1 {
		font-size: 26px;
	}
	.service-cta p {
		line-height: 30px;
	}
	.btn-outline-secondary {
		font-size: 14px;
	}
	.navbar-toggler {
		margin-top: -55px;
		margin-left: 220px;
		position: relative;
		z-index: 100;
	}
	.carousel {
		margin-top: 75px;
	}
	.page-header-title {
		margin-top: 75px;
	}
	.footer .copyright {
		position: relative;
		bottom: -240px;
	}
	.footer h5 {
		font-size: 16px;
	}
}