
@media (min-width: 992px) and (max-width: 1199px) {
	
	.top-content { padding: 140px 0 100px 0; }
	.top-content .text { padding-top: 80px; }
	
	.app-features-container { padding-top: 0; padding-bottom: 100px; }
	
	.img-section-1-container { padding-top: 0; }
	.img-section-1-text { margin-top: 40px; }
	
	.img-section-2-container { padding-top: 0; padding-bottom: 100px; }
	.img-section-2-text { margin-top: 40px; }
	
	.call-to-action-container { padding-top: 0; }
	
	.video-container { padding-top: 100px; padding-bottom: 0; }
	
	.more-features-container { padding-bottom: 80px; }
	.more-features-box-text { margin-top: 30px; padding-left: 0; padding-right: 0; }
	
	.testimonials-container { padding-top: 60px; }
	
	.pricing-container { padding-top: 0; }
	
	.about-us-container { padding-bottom: 80px; }
	.about-us { margin-top: 0; }
	
	.faq-container { padding-top: 0; padding-bottom: 95px; }
	
	.contact-container { padding-top: 80px; padding-bottom: 100px; }
	
	.section-bottom-button { padding-top: 40px; }
	
	.footer-top { padding: 40px 0 20px 0; }
	.footer-bottom { padding: 0 0 40px 0; }
	.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel]{
	    padding-left: 74px!important;}
	
}

@media (min-width: 768px) and (max-width: 991px) {
	
	.top-content { padding: 140px 0 100px 0; }
	.top-content .text { padding-top: 60px; }

	.section-description p { padding: 0; }
	
	.app-features-container { padding-top: 0; padding-bottom: 100px; }
	.app-features-box h3 { font-size: 20px; font-weight: 400; line-height: 34px; }
	.app-features-box-icon { font-size: 40px; line-height: 40px; }
	
	.img-section-1-container { padding-top: 0; }
	.img-section-1-text { margin-top: 0; }
	
	.img-section-2-container { padding-top: 0; padding-bottom: 100px; }
	.img-section-2-text { margin-top: 0; }
	
	.call-to-action-container { padding-top: 0; }
	
	.video-container { padding-top: 100px; padding-bottom: 0; }
	.video-box-text-main h3 { font-size: 20px; font-weight: 400; line-height: 34px; }
	.video-box-icon { text-align: left; }
	.video-box-icon p { font-size: 12px; line-height: 26px; }
	
	.more-features-container { padding-bottom: 80px; }
	.more-features-box-text { margin-top: 30px; padding-left: 0; padding-right: 0; }
	.more-features-box-text:first-child { margin-top: 0; }
	.more-features-box-text-icon { width: 40px; height: 40px; font-size: 24px; line-height: 40px; }
	.more-features-box-text h3 { font-size: 20px; font-weight: 400; line-height: 34px; }
	
	.testimonials-container { padding-top: 60px; }
	
	.pricing-container { padding-top: 0; }
	
	.about-us-container { padding-bottom: 80px; }
	.about-us { margin-top: 0; }
	
	.faq-container { padding-top: 0; padding-bottom: 95px; }
	.faq-number { width: 40px; height: 40px; font-size: 24px; line-height: 40px; }
	.faq-box h3 { font-size: 20px; font-weight: 400; line-height: 34px; }
	
	.contact-container { padding-top: 80px; padding-bottom: 100px; }
	
	.section-bottom-button { padding-top: 40px; }
	
	.footer-top { padding: 40px 0 20px 0; }
	.footer-bottom { padding: 0 0 40px 0; }
	.footer-contact i { padding-right: 5px; }
	.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel]{
	    padding-left: 74px!important;}

}

@media (max-width: 767px) {
	
	.navbar { padding-top: 0; background: #fff; }
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 15px; }
	.navbar-collapse { border: 0; }
	.navbar-toggle { border-color: transparent; }
	ul.navbar-nav li a.btn-link-3 { margin: 10px; }
	
	.navbar-no-bg {
		-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
	}
	.navbar-no-bg .navbar-brand { background-image: url(../img/logo-dark.png); }
	
	.navbar-no-bg ul.navbar-nav { color: #888; }
	.navbar-no-bg ul.navbar-nav li a { color: #888; }
	.navbar-no-bg ul.navbar-nav li a:hover { color: #aaa; }
	.navbar-no-bg ul.navbar-nav li a:focus { color: #aaa; }
	
	.navbar-no-bg ul.navbar-nav li a.btn-link-3 { color: #fff; }
	.navbar-no-bg ul.navbar-nav li a.btn-link-3:hover,
	.navbar-no-bg ul.navbar-nav li a.btn-link-3:focus,
	.navbar-no-bg ul.navbar-nav li a.btn-link-3:active,
	.navbar-no-bg ul.navbar-nav li a.btn-link-3:active:focus { color: #fff; }
	
	/* end navbar */
	
	.section-description p { padding: 0; }
	
	.top-content { padding: 50px 0 80px 0; }
	.top-content .phone { padding-top: 60px; }
	.top-content .text { padding-top: 40px; text-align: center; }
	.top-content .top-buttons a { margin: 5px; }
	.top-content .versions a { margin: 0 10px; }
	
	.app-features-container { padding-top: 10px; padding-bottom: 65px; }
	.app-features { padding-bottom: 25px; }
	.app-features-wrapper, .app-features-image { padding-top: 30px; }
	.app-features-image { padding-bottom: 15px; }
	.app-features-wrapper:first-child { padding-top: 0; }
	.app-features-box h3 { margin-top: 20px; }
	
	.img-section-1-container { padding-top: 0; text-align: center; }
	.img-section-1-text { margin-top: 40px; }
	.img-section-1-text .divider-1 .line { margin: 0 auto; }
	
	.img-section-2-container { padding-top: 0; padding-bottom: 100px; text-align: center; }
	.img-section-2-text { margin-top: 0; }
	.img-section-2-text .divider-1 .line { margin: 0 auto; }
	.img-section-2 { margin-top: 50px; }
	
	.call-to-action-container { padding-top: 10px; }
	
	.video-container { padding-top: 100px; padding-bottom: 0; }
	.video-box { padding-top: 0; padding-bottom: 0; border: 0; }
	.video-box-text { margin-top: 40px; }
	.video-box-text-main { padding-bottom: 0; text-align: center; }
	.video-box-icon { margin: 20px 0 0 0; }
	
	.more-features-container { padding-bottom: 80px; }
	.more-features-box { margin-top: 30px; }
	.more-features-box:last-child { margin-top: 50px; }
	.more-features-box-text { margin-top: 30px; padding-left: 0; padding-right: 0; text-align: center; }
	.more-features-box-text:first-child { margin-top: 0; }
	.more-features-box-text-icon { float: none; display: inline-block; }
	.more-features-box-text h3 { float: none; width: auto; margin-top: 20px; }
	.more-features-box-text-description { float: none; width: auto; }
	
	.testimonials-container { padding-top: 60px; text-align: center; }
	.testimonials .divider-1 .line { margin: 0 auto; }
	.testimonial-list { margin-top: 50px; }
	.testimonial-list .nav-tabs { text-align: center; }
	
	.pricing-container { padding-top: 10px; }
	.pricing-box:first-child { padding-top: 30px; }
	.pricing-box:last-child { padding-bottom: 0; }
	.pricing-box-inner { margin-top: 0; }
	
	.about-us-container { padding-bottom: 80px; }
	.about-us { margin-top: 0; }
	.about-us-box:first-child { padding-top: 30px; }
	
	.faq-container { padding-top: 10px; padding-bottom: 95px; }
	.faq { padding-bottom: 10px; }
	.faq-box { text-align: center; }
	.faq-box:first-child { margin-top: 30px; }
	.faq-number { float: none; display: inline-block; }
	.faq-box h3 { float: none; width: auto; margin-top: 20px; }
	.faq-description { float: none; width: auto; }
	
	.contact-container { padding-top: 80px; padding-bottom: 100px; }
	
	.section-bottom-button { padding-top: 40px; }
	
	.footer-top { padding: 40px 0 20px 0; text-align: center; }
	.footer-bottom { padding: 0 0 40px 0; }
	.footer-contact i { padding-right: 5px; }

}

@media (max-width: 415px) {
	
	h1, h2 { font-size: 36px; }
	
	.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-dark@2x.png) !important; background-repeat: no-repeat !important; background-size: 71px 22px !important;
    }
    
    .navbar-no-bg .navbar-brand { background-image: url(../img/logo-dark@2x.png); }
	
}
