@media (min-width: 992px) and (max-width: 1199px) {
	
	.top-content { padding: 70px 0 80px 0; }
	.top-content .list-box { padding-left: 0; margin-top: 20px; }
	.top-content .list-box-icon { font-size: 40px; line-height: 40px; }
	.top-content .list-box h3, .top-content .list-box-description { width: 86%; }
	.top-content .list-box h3 { margin-bottom: 5px; }
	.top-content .btn-container {
		position: absolute;
		bottom: 3%;
		width: 45%;
		justify-content: center;
		gap: 30px;
		transform: translate(35%);
	}	
}

@media (min-width: 768px) and (max-width: 991px) {
	
	.top-content { padding: 40px 0 80px 0; }
	.top-content .video, .top-content .list { float: none; width: auto; padding-left: 60px; padding-right: 60px; }
	.top-content .list-box { margin-top: 30px; padding-left: 0; text-align: center; }
	.top-content .list-box:first-child { margin-top: 50px; }
	.top-content .list-box-icon { float: none; display: inline-block; }
	.top-content .list-box h3 { float: none; width: auto; margin-top: 20px; }
	.top-content .list-box-description { float: none; width: auto; }
	.top-content .btn-container {
		position: absolute;
		bottom: 3%;
		width: 50%;
		justify-content: center;
		gap: 30px;
		transform: translate(20%);
	}

	.section-description p { padding: 0; }
	
	.footer-contact-info i { padding-right: 5px; }
	.footer-social a { margin-right: 15px; }
	.footer-social i { font-size: 22px; }
	.footer-menu li { margin-left: 15px; }

}

@media (max-width: 767px) {
	
	.navbar { padding-top: 0; background: #4ca6f4; }
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 15px; }
	.navbar-collapse { border: 0; }
	.navbar-inverse .navbar-toggle { border-color: transparent; }
	.navbar-inverse ul.navbar-nav li a.btn-link-3 { margin: 10px; }
	
	.section-description p { padding: 0; }
	
	.top-content { padding: 40px 0 80px 0; min-height: 640px;}
	.top-content .list-box { margin-top: 30px; padding-left: 0; text-align: center; }
	.top-content .list-box:first-child { margin-top: 50px; }
	.top-content .list-box-icon { float: none; display: inline-block; }
	.top-content .list-box h3 { float: none; width: auto; margin-top: 20px; }
	.top-content .list-box-description { float: none; width: auto; }
	.top-content .top-buttons { margin-top: 50px; }
	.top-content .btn-container {
		position: absolute;
		bottom: 3%;
		width: 70%;
		justify-content: center;
		gap: 30px;
		transform: translate(0);
	}	
	  
    footer { text-align: center; }
    .footer-contact-info, .footer-social { padding-top: 30px; }
    .footer-contact-info i { padding-right: 5px; }
    .footer-social a { margin: 0 10px; }
    .footer-copyright { margin-top: 40px; }
    .footer-menu { margin-top: 0; padding-top: 20px; border: 0; text-align: center; }
    .footer-menu li { margin: 0 10px; }

}

@media (max-width: 415px) {
	
	h1, h2 { font-size: 32px; }	
	.c-form-1-top-right { font-size: 40px; line-height: 90px; }
}


/* Retina-ize images/icons */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	
	/* logo */
    .navbar-brand {
    	background-image: url(../img/logo.png) !important; background-repeat: no-repeat !important; background-size: 90px 90px !important;
    }	
}