@media only screen and (max-width: 479px) {

	hgroup h3 { font-size: 20px; }

	/*================BANNER==================*/
	#banner {
		height: 465px;
		background-position: bottom;
	}

	#banner-detail h1 { font-size: 70px; }
	#banner-detail h6 { font-size: 11px; }

	#banner-detail p { font-size: 14px; }

	#banner-detail {
		width: 70%;
		min-width: 312px;
	}

	#banner-detail img {
		width: 62px;
		height: 62px;
		top: 135px;
		left: 50%;
		margin-left: -31px;
		/*
		height: auto;
		left: 129px;
		*/
	}
	/*=========================================*/



	/*================HEADER====================*/
	#head1 .trapezoid { width: auto; }

	#header,
	#home { margin-bottom: 30px; }
	/*=========================================*/



	/*================HOME=====================*/
	hgroup h2 { font-size: 36px; }
	/*=========================================*/



	/*=================OFFER=====================*/
	#offer { margin-bottom: 50px; }

	#offer article:nth-child(2) i { top: 55%; }
	#offer .hexagon i {
		/*
		top: 66px;
		left: 56px;
		*/
		width: 78px;
		left: 48%;
		margin-left: -36px;
		height: 76px;
		top: 48%;
		margin-top: -33px;
	}

	#offer figcaption h4 { padding: 0; }
	/*=========================================*/



	/*=================WORKS====================*/
	ul#filters li { width: 29%; }

	ul#filters a { font-size: 16px; }
	/*=========================================*/




	/*================PRICES====================*/
	#prices article {
		width: 70%;
		height: 180px;
		margin: 20px auto;
	}

	.prices-monthly-plan { padding: 35px 43px; }

	.prices-monthly-details { padding: 35px 25px; }

	.plan-details { width: 100%; }

	.plan-details .arrow-down {
		right: 50%;
		margin-right: -45px;
	}
	/*=========================================*/



	.purchase-hgroup { padding: 45px 0 60px; }

	#purchase h6 { font-size: 18px; }

	#purchase hgroup h2 { font-size: 35px; }

	#purchase article a {
			font-size: 14px;
			padding: 20px 35px;
		}

	#purchase article span { display: block; }

	.purchase-button-wrapper {
		padding: 11px 0 50px;
		line-height: 70px;
	}





	.mobile-family-pic-holder .col-md-7 { padding: 30px 0 10px 15px; }

	.mobile-family-pic-holder figure { padding: 0 5px; }

	.mobile-family-pic-holder { margin: 10px 0; }

	.mobile-family-pic-holder h5 {
		font-size: 15px;
		margin-bottom: 30px;
	}

	.hovered { right: -355px!important; }

	.move-left { left: -10px!important; }

}