/* Bootstrap breakpoint for XS */
@media screen and (max-width:768px) {
	#bgvid {
		display: none;
	}
	.app-home-1 {
		background: url("../video/video.jpg") 50% 50%;
		background-size: cover;
	}
}



/*override the bootstrap nonsense*/
@media (min-width:768px) {
    .container {
        width: 96%;
    }
}

@media (min-width:992px) {
    .container {
        width: 96%;
    }
}


@media screen and (max-width:1023px) {
	
	.container {
		width: 90%;
	}
	
	.column-heading {
		margin-top: 20px;
	}

	.column-heading .icon {
		display: none;
	}
	.col-md-6 {
		width: 50%;
		float: left;
	}

	img.img-responsive.img-md-left, img.img-responsive.img-md-right {
		margin-top: 40px;
	}

	.app-home-1 .column-heading .icon {
		display: block;
	}
	.app-home-1 .col-md-6 {
		width: 100%;
		float: none;
	}

	.app-feature-1 .col-md-6.pull-right {
		display: none;
	}

	.app-feature-1 .no_show {
		width: 50%;
		float: right;
	}

	.app-feature-1 header.column-heading {
		width: 50%;
		float: left;
	}

	.app-feature-1 .col-md-6, .screenshots .col-md-6, .testimonials .col-md-6 {
		width: 100%;
		float: none;
	}

	.how_it_works p {
	  min-height: 80px;
	}
	.how_it_works h4 {
		display: block;
		height: 60px;
		overflow: hidden;
	}



}


/* tablet portrait */
@media screen and (min-width:480px) and (max-width:768px) {
    .column-heading .icon::before {
		font-size: 40px;
	}

}


/* larger than tablet portrait */
@media screen and (min-width:1024px) {
	.app-feature-1 .extra-image {
		display: none;
	}
	.column-heading .icon {
		display: none;
	}	
	.how_it_works p {
	  min-height: 80px;
	}
	.how_it_works h4 {
		display: block;
		height: 60px;
		overflow: hidden;
	}
}

@media (min-width:1175px) {
	.how_it_works p {
	  min-height: auto;
	}
	.how_it_works h4 {
		height: auto;
	}
	.container {
		width: 1150px;
	}
}

@media screen and (max-width:640px) {
	body {
		font-size: 14px;
	}
	h1 {
		font-size: 3em;
	}
	.multiple-btn .btn + .btn {
		margin-top: 30px;
	}
	.column-heading {
		text-align: center;
	}
	.column-heading h2 {
		font-size: 2.125em;
	}
	.column-heading .title-text {
		margin-top: 20px;
	}
	.column-heading .icon {
		display: block;
	}
	.col-md-6 {
		width: 100%;
		float: none;
	}
	.visible-xs-* {
		display: none;
	}
	.no_show {
		display: none;
	}

	.app-feature-1 header.column-heading {
		width: 100%;
		float: none;
	}
}