/**************************media responsive*********************************/
 @media (min-width: 1200px) {
	.container { width: 970px; }
}
@media (max-width: 768px) {
	.caption { text-align:center; margin-top:50px; }
	.caption h1 { font-size: 42px; }
	.caption h2 { font-size: 36px; }
	.caption p { font-size: 20px; }
	#banner img { width:33%; margin:0px auto 15px; }
	#about .text-left { text-align:center; }
	#about img { margin:15px auto; width:33%; display:block; }
	#features img { margin:15px auto; width:33%; display:block; }
	.bgParallax h4 { font-size: 42px; }
	.bgParallax h2.heading { font-size: 26px; padding: 18px; }
	.bgParallax #numbers li h4 { font-size: 24px; }
	.bgParallax #numbers li span { font-size: 18px; }
	.members-grid .thumbnail { background:none; }
	.gallery-grid .thumbnail img { height:280px; }
	.gallery-grid .hide-none { height:280px !important; }
	.gallery-grid .hover-text { padding-top:70px; width:100% !important; }
	.gallery-grid .hover-text h5 { font-size:28px; line-height:30px; }
	.gallery-grid .hover-text p { font-size:18px; line-height:24px; }
	#plans .popular .price p { font-size: 70px; }
}
@media (max-width: 480px) {
	.caption { padding:15px; margin-top: 50px; }
	.caption h1 { font-size: 36px; }
	.caption h2 { font-size: 30px; }
	.caption p { font-size: 16px; }
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 500px; }
	.form-date input[data-date="year"], .form-date select { width:100px; }
	.navbar-toggle { padding:15px 10px; }
	.navbar-default { background:#363636; min-height:60px; }
	.navbar-default .navbar-toggle { border:none; }
	.navbar-default .navbar-toggle .icon-bar { background-color: var(--main-color); }
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background:none; }
	.white-line-btn { padding:6px 12px; }
	#numbers li { padding: 0px 25px; }
	#numbers li span { font-size:42px; }
	#plans .popular { transform:none; }
	#plans .item:hover { transform:none; }
	.bgParallax h4 { font-size:42px; }
	.bgParallax h2.heading { font-size: 26px; padding: 18px; }
	.bgParallax #numbers li h4 { font-size: 24px; }
	.bgParallax #numbers li span { font-size: 18px; }
}
@media (max-width: 340px) {
	#banner img { width: 45%; margin: 35px auto 15px; }
	#about img { width: 45%; margin: 25px auto 15px; }
	#features img { width: 45%; margin: 25px auto 15px; display: block; }
	.caption { padding:0px; margin-top: 50px; }
	.caption h3 { font-size:30px; }
	.caption h1 { font-size: 30px; }
	.caption h2 { font-size: 24px; }
	.caption p { font-size: 14px; }
	.white-line-btn { margin-bottom:15px; }
	#numbers li { margin-bottom:15px; }
	.bgParallax h2.heading { font-size: 26px; padding: 10px; }
	.bgParallax #numbers li h4 { font-size: 24px; }
	.bgParallax #numbers li span { font-size: 18px; }
	.bgParallax p { font-size: 14px; }
}