/*-----------------   Smartphone (iPhone & Android)---------------------*/
	@media screen and (min-width: 360px) and (max-width: 480px) {
		.top-bar {
			padding: 0 60px 30px 50px;
		}

			.top-bar .logo {
				text-align: center;
				overflow: hidden;
			}
			.top-bar .top-bar-right {
				overflow: hidden;
				display: none;
			}
				
				.nav-bar {
			padding: 20px 0px;
		}

			.nav-bar.nav-sticky {
				padding: 10px 60px;
			}

			.nav-bar,
			.nav-bar .navbar {
				background: #2371a6 !important;
			}

				.nav-bar .navbar-brand {
					display: none;
				}

				.nav-bar a.nav-link {
					padding: 8px 15px;
					font-size: 18px;
					text-transform: uppercase;
				}

		.carousel .carousel-caption h1 {
			font-size: 40px;
			font-weight: 700;
		}

		.carousel .carousel-caption p {
			font-size: 20px;
		}

		.carousel .carousel-caption .btn {
			padding: 12px 30px;
			font-size: 18px;
			font-weight: 500;
			letter-spacing: 0;
		}

		.carousel .carousel-item img {
			width: 100%;
			height: 100%;
		}

		.carousel .carousel-caption h1 {
			font-size: 30px;
			font-weight: 500;
		}

		.carousel .carousel-caption p {
			font-size: 16px;
		}

		.carousel .carousel-caption .btn {
			padding: 10px 25px;
			font-size: 16px;
			font-weight: 400;
			letter-spacing: 0;
		}
		.page-header h2 {
			font-size: 35px;
		}

		.page-header a {
			font-size: 18px;
		}

		.section-header h4 {
			font-size: 30px;
		}

		.feature-top .col-md-4:nth-child(1n) {
			border-right: none;
		}

		.feature-top .col-md-4:last-child {
			border-bottom: none;
		}

		.feature-top .col-md-4:nth-child(2n) {
			border-right: none;
		}

		.feature-top .col-md-4:nth-child(3n),
		.feature-top .col-md-4:nth-child(4n) {
			border-bottom: none;
		}

		.about .about-img {
			margin-bottom: 30px;
			height: auto;
		}
		.service .section-header h4 {
			font-size: 24px;
		}
		.service .service-item {
			position: relative;
			width: 50%;
			text-align: center;
			background: #D3D3D3;
			margin-bottom: 30px;
			margin-left: 100px;
			margin-right: 100px;
		}

		.service .service-icon {
			margin-top: 20px;
			height: 100px;
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			background: #D3D3D3;
		}
		.service .col-lg-3 .col-md-4 {
			display: block;
			width: 100%;
			height: auto;
		}
		.service .service-icon i {
			margin-top: 50px;
		}
		.service .service-item:hover .service-icon i {
			margin-top: 5px;
		}
		.feature .feature-item {
			margin-bottom: 30px;
		}

		.feature .feature-icon {
			width: 80px;
			height: 100px;
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			background: #D3D3D3;
		}
		.avatar {
			width: auto;
			height: auto;
			max-width: 120px;
			max-height: 79px !important;
		}
		.contact .contact-item {
			position: relative;
			margin-bottom: 30px;
			margin-right: 10px;
			margin-left: 10px;
			padding: 20px 0 40px 10px;
			display: flex;
			align-items: flex-start;
			flex-direction: row;
			border: 2px solid #2371a6; /*#aa9166*/
		}
		.contact .contact-item i {
			display: inline-block;
			width: 50px;
			height: 50px;
			display: flex;
			padding:10px 10px 10px 10px;
			align-items: center;
			justify-content: center;
			font-size: 30px;
			color: #2371a6; /*#aa9166*/
			border: 2px solid #2371a6; /*#aa9166*/
		}

		.contact .contact-text {
			position: relative;
			width: auto;
			padding-left: 15px;
		}

			.contact .contact-text h2 {
				color: #2371a6; /*#aa9166*/
				font-size: 25px;
				font-weight: 600;
			}

			.contact .contact-text p {
				margin: 0;
				color: #000000;
				font-size: 12px;
			}
		.footer .ex1 {
			width: 100%;
			margin: auto;
		}

		.footer .map iframe {
			margin-left: -90px;
			width: 280px;
			height: 100px;
		}

		.footer .footer-location h2 {
			position: relative;
			margin-bottom: 20px;
			margin-left: -90px;
			font-size: 25px;
			font-weight: 600;
			color: #2371a6; /*#aa9166*/
		}
		.footer .copyright p,
		.footer .copyright .col-md-6:last-child p {
			margin: 5px 0;
			text-align: center;
		}
	}

	/*------------------ Tablet ------------------------------*/
	@media screen and (min-width: 481px) and (max-width: 767px) {
		.top-bar {
			padding: 0 60px 30px 50px;
		}
			.top-bar .logo {
				text-align: center;
				overflow: hidden;
			}

			.top-bar .top-bar-right {
				overflow: hidden;
				display:none;
			}
		.nav-bar {
			padding: 20px 60px;
		}

			.nav-bar.nav-sticky {
				padding: 10px 60px;
			}

			.nav-bar,
			.nav-bar .navbar {
				background: #2371a6 !important;
			}

				.nav-bar .navbar-brand {
					display: none;
				}

				.nav-bar a.nav-link {
					padding: 8px 15px;
					font-size: 18px;
					text-transform: uppercase;
				}
		.carousel .carousel-caption h1 {
			font-size: 40px;
			font-weight: 700;
		}

		.carousel .carousel-caption p {
			font-size: 20px;
		}

		.carousel .carousel-caption .btn {
			padding: 12px 30px;
			font-size: 18px;
			font-weight: 500;
			letter-spacing: 0;
		}

		.carousel .carousel-item img {
			width: 100%;
			height: 100%;
		}
		.carousel .carousel-caption h1 {
			font-size: 30px;
			font-weight: 500;
		}

		.carousel .carousel-caption p {
			font-size: 16px;
		}

		.carousel .carousel-caption .btn {
			padding: 10px 25px;
			font-size: 16px;
			font-weight: 400;
			letter-spacing: 0;
		}
		.page-header h2 {
			font-size: 35px;
		}

		.page-header a {
			font-size: 18px;
		}
		.section-header h4 {
			font-size: 30px;
		}
		.feature-top .col-md-4:nth-child(1n) {
			border-right: none;
		}

		.feature-top .col-md-4:last-child {
			border-bottom: none;
		}
		.feature-top .col-md-4:nth-child(2n) {
			border-right: none;
		}

		.feature-top .col-md-4:nth-child(3n),
		.feature-top .col-md-4:nth-child(4n) {
			border-bottom: none;
		}
		.about .about-img {
			margin-bottom: 30px;
			height: auto;
		}
		.service .service-item {
			position: relative;
			width: 50%;
			text-align: center;
			background: #D3D3D3;
			margin-bottom: 30px;
			margin-left: 100px;
			margin-right: 100px;
		}

		.service .service-icon {
			margin-top: 20px;
			height: 100px;
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			background: #D3D3D3;
		}

			.service .service-icon i {
				margin-top: 50px;
			}
		.service .col-lg-3 .col-md-4 {
			display: block;
			width: 100%;
			height: auto;
		}
		.feature .feature-item {
			margin-bottom: 30px;
		}

		.feature .feature-icon {
			width: 80px;
			height: 100px;
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			background: #D3D3D3;
		}
		.avatar {
			vertical-align: middle;
			margin-right: 250px;
			margin-left: 20px;
			height: 50px;
			border-radius: 50%;
		}
		.contact .contact-item {
			position: relative;
			margin-bottom: 30px;
			margin-right: 10px;
			margin-left: 10px;
			padding: 20px 0 40px 10px;
			display: flex;
			align-items: flex-start;
			flex-direction: row;
			border: 2px solid #2371a6; /*#aa9166*/
		}

			.contact .contact-item i {
				display: inline-block;
				width: 50px;
				height: 50px;
				display: flex;
				padding: 10px 10px 10px 10px;
				align-items: center;
				justify-content: center;
				font-size: 30px;
				color: #2371a6; /*#aa9166*/
				border: 2px solid #2371a6; /*#aa9166*/
			}

		.contact .contact-text {
			position: relative;
			width: auto;
			padding-left: 15px;
		}

			.contact .contact-text h2 {
				color: #2371a6; /*#aa9166*/
				font-size: 25px;
				font-weight: 600;
			}

			.contact .contact-text p {
				margin: 0;
				color: #000000;
				font-size: 16px;
			}
		.footer .ex1 {
			width: 100%;
			margin: auto;
		}

		.footer .map iframe {
			margin-left: -90px;
			width: 400px;
			height: 100px;
		}

		.footer .copyright p,
		.footer .copyright .col-md-6:last-child p {
			margin: 5px 0;
			text-align: center;
		}
		.footer .footer-location h2 {
			position: relative;
			margin-bottom: 20px;
			margin-left: -90px;
			font-size: 25px;
			font-weight: 600;
			color: #2371a6; /*#aa9166*/
		}
	}

	/*----------------- Laptop (Medium)--------------------------*/

	@media screen and (min-width: 768px) and (max-width: 991px) {
		.top-bar .logo {
			text-align: center;
		}

		.top-bar .social {
			display: none;
		}

		.top-bar .text {
			display: none;
		}
		.nav-bar,
		.nav-bar .navbar {
			padding: 3px 0;
			background: #2371a6 !important;
		}

			.nav-bar a.nav-link {
				padding: 5px;
			}

			.nav-bar .dropdown-menu {
				box-shadow: none;
			}

			.nav-bar .btn {
				display: none;
			}
		.feature-top .col-md-3 {
			border-bottom: none;
		}

			.feature-top .col-md-3:nth-child(4n) {
				border-right: none;
			}

		.about .about-img {
			margin-bottom: 30px;
			height: auto;
		}
		.service .service-item {
			position: relative;
			width:70%;
			text-align: center;
			background: #D3D3D3;
			margin-bottom: 30px;
			margin-left: 30px;
			margin-right:10px;
		}

		.service .service-icon {
			margin-top: 20px;
			height: 100px;
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			background: #D3D3D3;
		}

			.service .service-icon i {
				margin-top: 50px;
			}
		.service .service-item:hover .service-icon i {
			margin-top: 5px;
		}
		.service .col-lg-3 .col-md-4 {
			display: block;
			width: 100%;
			height:auto;
		}
		.feature .feature-item {
			margin-bottom: 30px;
			margin-left:30px;
		}

			.feature .feature-item h4 {
				position: relative;
				margin-bottom: 15px;
				margin-left: -35px;
				padding-bottom: 10px;
				font-size: 25px;
				font-weight: 600;
			}
		.feature .feature-icon {
			width: 80px;
			height: 100px;
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			background: #D3D3D3;
		}
		.testimonial .testimonial-item .col-12 {
			margin-top: auto;
			height: 300px;
		}
		.testimonial .testimonial-item .ex {
			margin-top: auto;
			height: 275px;
		}

		.avatar {
			vertical-align: middle;
			margin-right: 250px;
			margin-left: 20px;
			height: 50px;
			border-radius: 50%;
		}
		.footer .ex1 {
			width: 100%;
			margin: auto;
		}

		.footer .map iframe {
			margin-left: -60px;
			width: 650px;
			height: 150px;
		}
		.footer .footer-location h2 {
			position: relative;
			margin-bottom: 20px;
			margin-left: -60px;
			font-size: 25px;
			font-weight: 600;
			color: #2371a6; /*#aa9166*/
		}
	}

/*------------------ DESKTOP -------------------------------*/
@media (min-width: 992px) and (max-width:1199px) {
	.nav-bar {
		padding: 20px 60px;
	}

		.nav-bar.nav-sticky {
			padding: 10px 60px;
		}

		.nav-bar,
		.nav-bar .navbar {
			background: #2371a6 !important;
		}

			.nav-bar .navbar-brand {
				display: none;
			}

			.nav-bar a.nav-link {
				padding: 8px 15px;
				font-size: 18px;
				text-transform: uppercase;
			}
	.service .service-item {
		position: relative;
		width: 100%;
		text-align: center;
		background: #D3D3D3;
		margin-bottom: 30px;
		height:200px;
	}

	.service .service-icon {
		margin-top: 20px;
		height: 100px;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #D3D3D3;
	}

		.service .service-icon i {
			margin-top: 50px;
		}
	.testimonial .testimonial-item .col-12 {
		margin-top: auto;
		height: 300px;
	}

	.testimonial .testimonial-item .ex {
		margin-top: auto;
		height: 275px;
	}
	.footer .ex1 {
		width: 100%;
		margin: auto;
	}

	.footer .map iframe {
		margin-left: -90px;
		width: 900px;
		height: 100px;
	}
	.footer .footer-location h2 {
		position: relative;
		margin-bottom: 20px;
		margin-left: -90px;
		font-size: 25px;
		font-weight: 600;
		color: #2371a6; /*#aa9166*/
	}
}

/*----------------------- Desktop (Widescreen HD/Retina Display)-----------------------------*/
@media screen and (min-width:1200px){
	.nav-bar {
		padding: 20px 60px;
	}

		.nav-bar.nav-sticky {
			padding: 10px 60px;
		}

		.nav-bar,
		.nav-bar .navbar {
			background: #2371a6 !important;
		}

			.nav-bar .navbar-brand {
				display: none;
			}

			.nav-bar a.nav-link {
				padding: 8px 15px;
				font-size: 18px;
				text-transform: uppercase;
			}
	
}