/*

	@media screen and (max-width: 1200px)
	@media screen and (max-width: 991px)
	@media screen and (max-width: 768px)
	@media screen and (max-width: 480px)
	@media screen and (max-width: 320px)

	COLORS
	purple: #390e45, rgb(57,14,69)
	light-purple: #4e2655, rgb(78,38,85)
	very-light-purple: #c1b3c4

*/

@media screen and (max-width: 1200px)
{
	#blog-post-content-wrapper,
	#portfolio-full-item-inner,
	#buy-theme-wrapper
	{
		width: 960px;
	}

	#our-reel-wrapper,
	#parallax-numbers-inner {
		width: 100%;
	}

	.information-inner
	{
		width: 480px;
	}

	.header-slide
	{
		width: 720px;
	}

	.header-full-video {
		width: 100%;
	}

	#sidebar-wrapper
	{
		padding-right: 15px;
		margin-top: 0px;
	}


	/*===================================

				Our Services - lg - 1200px

		===================================*/

	#services-wrapper h2 {
		margin-bottom: 20px !important;
	}

	.service {
		width: 25% !important;
		height: 150px !important;
	}

	.glyphicon {
		font-size: 40px !important;
	}

	#services-wrapper > div > div > div > div > span.glyphicon {
		padding-top: 40px !important;
	}

	.service img {
		width: 40px !important;
		height: 40px !important;
	}

	.services-text {
		margin-top: 50px !important;
		margin-bottom: 30px;
	}

	.service h4 {
		font-size: 12px !important;
	}

	#services-wrapper > div > div > p > .glyphicon {
		color: rgba(156, 39, 176, 0.1);
		position: absolute;
		top: 30%;
		left: 30%;
		font-size: 150px !important;
	}

	#mediabuyingcontent {
		background: url('../images/icons/icon-mediabuying-purple.png');
		background-size: 120px;
		background-repeat: no-repeat;
		background-position-x: 50%;
	}

}

/* Nav Collapses */
@media screen and (max-width: 991px)
{
	#about-wrapper, #parallax-numbers-inner, #services-wrapper, #blog-wrapper, #testimonials-item-holder, .testimonials-item, #blog-post-content-wrapper, #portfolio-full-item-inner, #buy-theme-wrapper
	{
		width: 750px;
	}

	/* ===================================
								Header - md
		 =================================== */

	#header-navigation, #header-menu-wrapper, #navigation-menu-wrapper, #navigation-inner
	{
		width: 100% !important;
	}

	/* Mobile menu icon */
	.mobile-menu-icon
	{
		display: block !important;
		position: relative !important;
		float: right !important;
		right: 5% !important;
	}

	.information-inner
	{
		width: 100%;
	}

	.header-slide
	{
		width: 563px;
	}

	.header-full-video {
		width: 100%;
	}

	#sidebar-wrapper
	{
		margin-top: 100px;
	}

	#header-menu, #navigation-menu
	{
		display: none;
	}

	#navigation-menu {
		margin-top: 17px !important;
	}

	#header-logo, #navigation-logo {
		padding-right: 30px;
		left: 5% !important;
	}

	#header-logo > img, #navigation-logo > img {
		width: 130%;
	}

	#header-menu, #navigation-menu, #header-menu ul, #navigation-menu ul
	{
		position: absolute;
		top: 100%;
		width: 100%;
	}

	#header-menu ul, #navigation-menu ul, #header-menu > li > ul, #navigation-menu > li > ul
	{
		padding: 0px !important;
		height: 0px !important;
		position: relative !important;
		box-sizing: border-box !important;
		top: 1px !important;
		display: block !important;
		padding-top: 0px !important;
	}

	#header-menu li, #navigation-menu li
	{
		float: none !important;
		display: block !important;
		padding: 0px;
		border: 1px solid #1f1f1f !important;
		background-color: #161616 !important;
		text-align: left !important;
	}

	#header-menu li:hover > a, #navigation-menu li:hover > a
	{
		background-color: #000000;
	}

	#header-menu li a, #navigation-menu li a
	{
		padding: 15px !important;
		color: #ffffff;
	}

	#navigation-menu > li > a
	{
		padding: 0px;
		color: #ffffff !important;
	}


	#portfolio-full-item-image
	{
		margin-top: 30px;
	}

	#about-us-wrapper {
		padding: 100px 0px !important;
	}

	/********************************
					Our Lifestyle - md - 991px
	*********************************/
	#our-lifestyle-wrapper {
    padding: 100px 0 !important;
	}

	#our-lifestyle-inner {
		width: 90%;
	}

	.our-lifestyle-inner-video {
		width: 100%;
	}

	#our-lifestyle-inner > .embed-responsive-16by9 {
		padding-bottom: 56.25%;
	}

	.our-lifestyle-inner-text {
		width: 100%;
		padding-left: 0;
		margin-top: 50px;
	}

	/*===================================

				Our Services - md - 991px

		===================================*/
	#services-wrapper {
		padding: 100px 0 !important;
	}

	.services-text {
		margin-top: 0 !important;
		padding-left: 0 !important;
	}

	.services-text h3 {
		text-align: center;
	}

	.services-text p {
		text-align: center;
		height: inherit;
		margin-bottom: 0 !important;
		text-align: center;
	}

	.services {
		margin: 0 auto;
	}

 	.service {
 		width: 25% !important;
 		height: 150px !important;
 	}

 	.glyphicon {
 		font-size: 40px !important;
 	}

 	.service img {
 		width: 40px !important;
 		height: 40px !important;
 	}

	.service h4 {
		font-size: 12px !important;
	}

	#services-wrapper > div > div > p > .glyphicon{
		float: left;
		font-size: 100px !important;
		position: absolute !important;
		top: 25% !important;
		left: 45% !important;
	}


/* =================================
					Our Reel - md - 991px
   =================================*/
	 #our-reel-wrapper {
		 padding: 100px 0 !important;
	 }

/* =================================
							Additional
	 ================================= */
	.hide-md {
		display: none !important;
	}

}

@media screen and (max-width: 768px)
{
	#navigation-inner, #about-wrapper, #parallax-numbers-inner, #services-wrapper, #blog-wrapper, #testimonials-item-holder, #about-us-wrapper,
	#blog-post-content-wrapper, #portfolio-full-item-inner, #buy-theme-wrapper, .information-inner
	{
		width: 100%;
	}

	/********************************
						Header - sm
	*********************************/
	.header-slide
	{
		width: 38em !important;
	}

	#sidebar-wrapper
	{
		margin-top: 100px;
	}

  .row {
    width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
  }

	/********************************
				Our Lifestyle - sm
	*********************************/
	#our-lifestyle-wrapper {
		height: 100% !important;
	}

	#our-lifestyle-inner {
		width: 90% !important;
		margin: 0 auto !important;
	}

	/********************************
				Our Services - sm
	*********************************/
	#services-wrapper {
		padding: 100px 40px;
	}

	.services-text {
		margin-top: 0 !important;
		margin-bottom: 20px;
	}

	.service {
		width: 25% !important;
		height: 200px !important;
		padding: 20px !important;
	}

	.glyphicon {
		font-size: 60px !important;
	}

	#services-wrapper > div > div > div > div > span.glyphicon {
		padding-top: 37px !important;
	}

	.service img {
		width: 70px !important;
		height: 70px !important;
	}

	.service h4 {
		margin-bottom: 7px !important;
	}

	#services-wrapper > div > div > div > div > p {
		font-family: "Roboto";
		font-weight: 300;
		font-size: 12px !important;
		color: #ffffff !important;
		text-align: center !important;
		line-height: 14px;
	}



	/********************************
					Newletter - sm
	*********************************/
	.parallax-numbers-item {
		padding-left: 40px !important;
		padding-right: 40px !important;
	}

	#parallax-numbers-inner > div:nth-child(2) > input[type="email"] {
		max-width: 500px !important;
	}


	/********************************
						Additional
	*********************************/
	.hide-sm {
		display: none !important;
	}

	/* Arrows */
	.up-arrow {
		margin-top: 10px !important;
		margin-bottom: 0px !important;
	}
}


@media screen and (max-width: 480px){
	/********************************
						Header - xs
	*********************************/
	.header-slide > img {
		width: 200px !important;
		margin-bottom: 15px !important;
	}

	.case-study-logo {
		width: 250px !important;
	}

	.header-subtitle {
		font-size: 15px !important;
	}

  #navigation-wrapper, #footer-wrapper, #footer-logo-wrapper {
    width: 100%;
  }

	.filter-button
	{
		display: block;
		float: none;
		margin: 15px 0px;
	}

	#portfolio-full-item-text
	{
		margin-top: 30px;
	}

	.header-background-mobile {
		background-color: #666666;
		width: 100%;
		height: 100%;
		background-image: url('../images/backgrounds/bg-header.jpg');
		background-size: cover;
		background-repeat: no-repeat;
		background-position-x: 25%;
	}


	/********************************
						Our Services
	*********************************/
	#services-wrapper {
		padding: 100px 20px;
	}

	.service {
		width: 50% !important;
		padding: 20px !important;
	}

	/********************************
							Our Reel
	*********************************/
	#our-reel-inner > iframe {
		width: 100%;
	}




	/********************************
							Newletter
	*********************************/
	#parallax-numbers-wrapper {
		padding-right: 0;
		padding-left: 0;
	}

	#parallax-numbers-holder {
		width: 100% !important;
	}

	.parallax-numbers-item {
		padding: 0 !important;
	}

	#parallax-numbers-inner > div:nth-child(2) > input[type="email"] {
		max-width: 300px !important;
	}

	/* 5.3 Filter */
	.filter-button {
      margin: 0 !important;
  }

	/*5.4 Case Studies Holder */
	.case-study-overlay {
		padding: 0;
	}

	/* 5.7 Small Logos */
	#small-logos img {
    width: 25%;
  }


	/********************************
						Blog - xs
	*********************************/
	#blog-wrapper {
		width: 100% !important;
	}

	.newsletter-text h3 {
		margin-bottom: 30px !important;
	}
	/********************************
						Additional
	*********************************/
	.hide-xs {
		display: none !important;
	}
	.show-xs {
		display: block !important;
	}
}

@media screen and (max-width: 320px){
	.service {
		padding: 10px !important;
	}
}