@media (min-width: 992px) and (max-width: 1199px) {
	
	.more-features-box-text { margin-top: 30px; padding-left: 0; }
	.more-features-box-text:first-child { margin-top: 0; }
	.more-features-container .items-bg{
		padding-left: 0;
	}
	
	.great-support-box-text-left {
		padding-right: 0;
		background-size: 500px auto;
	}
	.great-support-box-text-left:first-child { margin-top: 0; }
	
}

@media (min-width: 768px) and (max-width: 991px) {

	h1, h2{
		line-height: 35px;
		font-size: 28px;
	}

	.top-content .text h1{
		line-height: 70px;
		font-size: 40px;
	}

	.section-description p { padding: 0; }

	.features-box h3{
		font-size: 22px;
	}
	
	.more-features-box { float: none; width: auto; }
	.more-features-box-text { margin-top: 30px; padding-left: 0; text-align: center; }
	.more-features-box-text:first-child { margin-top: 50px; }
	.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; }

	.more-features-container .items-bg .items{
		width: calc( 50% - 20px );
	}
	
	.great-support-box { float: none; width: auto; }
	.great-support-box-text { margin-top: 30px; padding-left: 0; text-align: center; }
	.great-support-box-text-left {
		padding-right: 0;
		padding-bottom: 650px;
		background-position: center bottom;
		background-size: 600px auto;
	}

}

@media (max-width: 767px) {

	h1, h2{
		line-height: 35px;
		font-size: 20px;
	}

	.pc-view{
		display: none;
	}

	.sp-view{
		display: block;
	}

	.top-content .text h1{
		line-height: 40px;
		font-size: 24px;
	}

	.navbar-collapse.collapse{
		display: block !important;
	}
	
	.navbar.navbar-no-bg { background: #444; }
	/* .navbar-brand { margin-left: 15px; } */
	.navbar-collapse { border: 0; }
	.navbar-inverse ul.navbar-nav li a { padding-top: 10px; padding-bottom: 10px; }
	
	.inner-bg { padding: 140px 0; }
	.top-content .top-big-link { margin-top: 25px; }
	.top-content .top-big-link a.btn { margin-top: 10px; }
	
	.section-description p { padding: 0; }
    
    .more-features-box-text { margin-top: 30px; padding-left: 0; text-align: center; }
	.more-features-box-text:first-child { margin-top: 50px; }	
	.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; }
	
	.great-support-box-text { margin-top: 30px; padding-left: 0; text-align: center; }
	.great-support-box-text-left {
		padding-right: 0;
		padding-bottom: 340px;
		background-size: 290px auto;
		background-position: center bottom;
	}
	
	.footer-social a { margin: 5px; }

	.features-box h3{
		font-size: 18px;
	}

	.more-features-container .items-bg{
		padding-left: 0;
	}
	.more-features-container .items-bg .items{
		width: calc( 50% - 20px );
	}

	.how-it-works-text img{
		margin-top: 30px;
	}

	.contact-container .form-container table,
	.contact-container .form-container table tbody,
	.contact-container .form-container table tr,
	.contact-container .form-container table th,
	.contact-container .form-container table td{
		display: block;
		width: 100%;
	}

	.contact-container .form-container table th{
		text-align: left;
	}
	.contact-container .form-container table tr:not(:last-of-type) th{
		padding: 0;
	}

	.contact-container .form-container table tr:not(:last-of-type) td{
		padding-bottom: 20px;
	}

	.contact-container .form-container input[type="submit"]{
		height: 50px;
		font-size: 16px;
		background-size: 9px auto;
	}

}

@media (max-width: 415px) {
	
	/* h1, h2 { font-size: 32px; } */

	h1, h2{
		line-height: 30px;
		font-size: 20px;
	}

	.top-content .text h1{
		line-height: 35px;
		font-size: 24px;
	}

}


/* 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@2x.png) !important; background-repeat: no-repeat !important; background-size: 72px 43px !important;
    } */
	
}