/* Greater than 940px
---------------------------------------------------*/

.flexslider .slides img.flexslider_small, .flexslider .slides h4 { display: none }

.flexslider .slides li { padding:0 }


/*  Desktop View: 940px
---------------------------------------------------*/

@media (max-width: 1200px) {
	.navbar .nav {
		height:57px;
		float:right;
		display:block;
		position:relative;
		margin:6px 59px 0 0;
	}
	
  	.navbar .nav > li > a {
		font:normal 16px/20px "proxima_nova_cn_rgbold", helvetica, sans-serif;
		letter-spacing:0.5px;
		text-transform:uppercase;
		float:none;
		color:#45545f;
		text-decoration:none;
		text-shadow:none;
		padding:10px 20px;
	}
	
	.navbar .nav > li.jobopportunities {
		height:auto;
		float:none;
		position:absolute;
		top:-40px;
		right:265px;
	}
	
	.search {
		height:34px;
		position:absolute;
		top:-39px;
		right:10px;
	}
	
	#search_header {
		position:absolute;
		top:-35px;
		right:10px;
	}
	
	
	/*--- Home Slideshow ---*/
	
	#slider_nav {
		width:103px;
		position:absolute;
		top:6px;
		right:0;
		z-index:999;
	}

	#slider_nav ul {
		list-style:none;
		padding:0;
		margin:0;
	}

	#slider_nav ul li {
		margin:0;
	}

	#slider_nav ul li a {
		width:103px;
		height:70px;
		display:block;
		text-indent:-999999px;
		outline:none;
	}

	#slider_nav ul li a.button_icon_ourstory {
		background:url("../img/button_icon_ourstory_small.png") 0 0 no-repeat;
		margin:0 0 10px 0;
	}

	#slider_nav ul li a.button_icon_ourstory.flex-active {
		background:url("../img/button_icon_ourstory_small.png") 0 -140px no-repeat;
	}

	#slider_nav ul li a.button_icon_ourpeople {
		background:url("../img/button_icon_ourpeople_small.png") 0 0 no-repeat;
		margin:0 0 10px 0;
	}

	#slider_nav ul li a.button_icon_ourpeople.flex-active {
		background:url("../img/button_icon_ourpeople_small.png") 0 -140px no-repeat;
	}

	#slider_nav ul li a.button_icon_ouroperations {
		background:url("../img/button_icon_ouroperations_small.png") 0 0 no-repeat;
		margin:0 0 10px 0;
	}

	#slider_nav ul li a.button_icon_ouroperations.flex-active {
		background:url("../img/button_icon_ouroperations_small.png") 0 -140px no-repeat;
	}

	#slider_nav ul li a.button_icon_ourplanet {
		background:url("../img/button_icon_ourplanet_small.png") 0 0 no-repeat;
		margin:0 0 10px 0;
	}

	#slider_nav ul li a.button_icon_ourplanet.flex-active {
		background:url("../img/button_icon_ourplanet_small.png") 0 -140px no-repeat;
	}

	#slider_nav ul li a.button_icon_ourcommunity {
		background:url("../img/button_icon_ourcommunity_small.png") 0 0 no-repeat;
	}

	#slider_nav ul li a.button_icon_ourcommunity.flex-active {
		background:url("../img/button_icon_ourcommunity_small.png") 0 -140px no-repeat;
	}

	#slider_nav ul li a:hover {
		background-position:0 -70px;
	}
	
	
	/*--- Media Center ---*/
	
	#mediacenter h2 {
		font:24px/24px "proxima_nova_rgbold",helvetica,sans-serif;
	}
	
	#mediacenter p, #mediacenter .date, #mediacenter br  {
		
	}
	
	
	/*--- Side Navigation ---*/
	
	#side_navigation {
		width:182px;
	}
	
	#side_navigation li a {
		letter-spacing:0;
	}
	
	
	/*--- Our Story ---*/
	
	#timeline_container .caption {
		height:145px;
		background:#FF0A33;
		padding:15px 80px;
	}
	
	#timeline_container .flex-direction-nav .flex-prev, #timeline_container .flex-direction-nav .flex-next {
		top:-100px;
	}
	
	
	/*--- Our Team ---*/
		
	.diversity_photo {
		position:absolute;
		bottom:-90px;
		right:-180px;
	}
	
	
	/*--- Our Operations ---*/
	
	#facilities_container .flex-direction-nav {
		top:292px;
	}
	
	#facilities_container .caption {
		width:auto;
	}
	
	.flexslider .slides img.facilities_location {
		display:none;
	}

	.product, .product2 {
		float:none;
		width:100%;
	}
	
	
	/*--- Our Planet ---*/
	
	.theme-our-planet .products_headline {
		background: url("../img/products_headline.png") no-repeat scroll 125px 0 transparent;
	}
	
	
	/*--- Our Community ---*/
	
	#hondaheroes_container .caption {
		min-height:69px;
	}
	
	#hondaheroes_container .flex-direction-nav .flex-next {
		top:auto;
	    bottom:50px;
	}
	
	#hondaheroes_container .flex-direction-nav .flex-prev {
		top:auto;
	    bottom:50px;
	}
}


/*  Tablet View: 724px
---------------------------------------------------*/

@media (max-width: 979px) {
	
	.container {
		padding:0 20px;
	}
	
	#logo {
		margin-top:-15px;
	}
	
	/*--- Navigation ---*/
	
	.navbar .btn, .navbar .btn-group {
	    margin-top:20px;
	}
	
	.navbar .btn-navbar {
		box-shadow:none;
	}
	
	.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
		margin:0;
	}
	
	.navbar-inverse .btn-navbar {
	    background-color:#00BAE2 !important;
	    background-image:none;
	    border-color:#00BAE2;
	    color:#FFFFFF;
	    text-shadow:none;
	}
	
	.btn {
	    border-color:#00BAE2;
	    border-radius: 4px 4px 4px 4px;
	    border-style: solid;
	    border-width: 1px;
	    box-shadow:none;
	}
	
	.navbar .btn-navbar .icon-bar {
	    background-color: #F5F5F5;
	    border-radius: 1px 1px 1px 1px;
	    box-shadow:none;
	    display: block;
	    height: 2px;
	    width: 18px;
	}
	
	
	/*--- Home Slideshow ---*/
	
	#slider_nav {
		display:none;
	}
	
	.flexslider .slides img.flexslider_large { 
		display:none; 
	}
	
	.flexslider .slides img.flexslider_small { 
		display:block;
	}
	
	.flexslider .slides h4 {
		color:#fff;
		display:block;
		text-transform:uppercase;
		text-align:center;
		margin:10px 0 0 0;
	}
	
	#slider_container .flex-direction-nav .flex-prev {
		width:28px;
		height:27px;
		background:url("../img/timeline_arrow_prev.png") 0 0 no-repeat;
		display:block;
		top:auto;
		bottom:14px;
		left:20px;
		padding:0;
		margin:0;
	}
	
	#slider_container .flex-direction-nav .flex-next {
		width:28px;
		height:27px;
		background:url("../img/timeline_arrow_next.png") 0 0 no-repeat;
		display:block;
		top:auto;
		bottom:14px;
		right:20px;
		padding:0;
		margin:0;
	}
	
	.flexslider .slides li.ourstory {
		background:#ff0a33;
		padding-bottom:10px;
	}
	
	.flexslider .slides li.ourteam {
		background:#9e1f8b;
		padding-bottom:10px;
	}
	
	.flexslider .slides li.ouroperations {
		background:#00b1a1;
		padding-bottom:10px;
	}
	
	.flexslider .slides li.ourplanet {
		background:#5ab506;
		padding-bottom:10px;
	}
	
	.flexslider .slides li.ourcommunity {
		background:#ffa600;
		padding-bottom:10px;
	}
	
	
	/*--- Media Center ---*/
	
	#mediacenter h2 {
		font:24px/24px "proxima_nova_rgbold",helvetica,sans-serif;
	}
	
	#mediacenter p, #mediacenter .date, #mediacenter br  {
		
	}
	
	
	/*--- Twitter Feed ---*/
	
	.tweet li:last-child {
		display:none;
	}
	
	/*--- Side Navigation ---*/
	
	#side_navigation {
		width:150px;
		padding:0;
		margin:0;
	}
	
	
	/*--- Subpage ---*/
	
	h1 {
	    color: #50575F;
	    font: 38px/36px "proxima_nova_rgbold",helvetica,sans-serif;
	    letter-spacing: 0.5px;
	    margin:0 0 30px 0;
	    text-transform: uppercase;
	}
	
	.subhead {
		font:normal 30px/30px "proxima_nova_semibold", helvetica, sans-serif;
		width:auto;
		float:none;
		text-align:left;
	}
	
	.subhead br {
		display:none;
	}
	
	
	/*--- Our Story ---*/
	
	.theme-our-story h1 {
	    padding: 20px 0 15px 120px;
	}
	
	
	/*--- Our Team ---*/
	
	.theme-our-team h1 {
		padding: 20px 0 15px 120px;
	}
	
	.diversity_photo {
		position:absolute;
		bottom:-40px;
		right:-284px;
	}
	
	.ourpeople_infographic1 {
		margin:0 auto 30px auto;
	}
	
	#racingspirit_header h2 span {
		display:none;
	}
	
	
	/*--- Our Planet ---*/
	
	.theme-our-planet h1 {
		padding:20px 0 15px 120px;
	}
	
	.theme-our-planet .products_headline {
		background:none;
	}
	
	
	/*--- Our Operations ---*/
	
	.theme-our-operations h1 {
	    padding:20px 0 15px 120px;
	}
	
	#facilities_container .flex-direction-nav {
		top:226px;
	}

	
		
	
	/*--- Our Community ---*/
	
	.theme-our-community h1 {
	    padding:20px 0 15px 120px;
	}
	
	#hondaheroes_container .caption {
		min-height:115px;
	}
	
	#hondaheroes_container .flex-direction-nav .flex-next {
		top:auto;
	    bottom:70px;
	}
	
	#hondaheroes_container .flex-direction-nav .flex-prev {
		top:auto;
	    bottom:70px;
	}
	
	
	/*--- Media Center ---*/
	
	.theme-media-center h1 {
	    padding:12px 0 10px 70px;
	}
	
	.media_subhead {
		font:normal 14px/15px "novecento_wide_bookbold", helvetica, sans-serif;
		padding:15px 0 0 0;
	}
	
	
	/*--- Job Opportunities ---*/
	
	#jobopportunities_headline {
	    padding:12px 0 10px 70px;
	}
	
	
	/*--- Search ---*/
	
	#search_headline {
		padding:12px 0 10px 70px;
	}
	
	
	/*--- Footer ---*/
	
	footer p {
	    font:normal 13px/17px "Helvetica Neue", helvetica, sans-serif;
	    letter-spacing: 0.5px;
	}
	
	footer ul li a {
	    font: 13px/17px "Helvetica Neue",helvetica,sans-serif;
	    letter-spacing: 0;
	}
	
	#socialmedia {
		width:126px;
		margin:20px auto 0 auto;
	}
}

	
/*  Mobile View: Auto Width
---------------------------------------------------*/

@media (max-width: 767px) {
	
	.js-video {
		padding-top:0;
	}
	
	h1 br {
		display:none;
	}
	
	#side_navigation {
		width:auto;
		border-right:0;
		border-bottom:1px solid #d9d9d9;
		position:static !important;
		padding:0 0 20px 0;
		margin:0 0 30px 0;
	}
	
	.intro img {
		margin:0 0 20px 0;
	}
	
	.navbar-inner {
		min-height:80px;
	}
	
	
	/*--- Home Slideshow ---*/
	
	#slider_container {
	    margin-top:0;
	    position: relative;
	}
	
	
	/*--- Media Center ---*/
	
	#mediacenter p, #mediacenter .date  {
		display:block;
	}
	
	
	/*--- Twitter Feed ---*/
	
	.tweet {
		margin:0 0 25px 0;
	}
	
	.tweet li:last-child {
		display:block;
	}
	
	
	/*--- Our Story ---*/
	
	.theme-our-story h1 {
	    background:none;
	    padding:0;
		color:#ff0a33;
	}
	
	#timeline_container .caption {
		height:auto;
		background:#FF0A33;
		padding:15px 80px;
	}
	
	#timeline_container .caption h4 {
	    display:block;
		text-align:center;
	    margin:0;
	}
	
	#timeline_container .caption p {
		display:none;
	}
	
	#timeline_container .flex-direction-nav .flex-prev, #timeline_container .flex-direction-nav .flex-next {
		top:-41px;
	}
	
	
	/*--- Our Team ---*/
	
	.theme-our-team h1 {
	    background:none;
	    padding:0;
		color:#9e1f8b;
	}
	
	.diversity_photo {
		display:none;
	}
	
	#racingspirit_header h2 span {
		display:block;
	}
	
	
	/*--- Our Operations---*/
	
	.theme-our-operations h1 {
	    background:none;
	    padding:0;
		color:#00b1a1;
	}
	
	#facilities_container ul.slides {
		height:570px;
	}
	
	#facilities_container {
		height:570px;
	}
	
	#facilities h3 {
	    float:none;
	}
	
	#facilities_nav {
		float:none;
	    list-style:none;
	    margin:0 0 5px 0;
	}
	
	#facilities_container .caption {
	    padding:40px 0 0 0;
	}
	
	#facilities_nav li {
	    color:#D7D7D9;
		display:inline;
	    float:none;
	    margin:0 10px 0 0;
	}
	
	#facilities_container .flex-direction-nav {
		top:auto;
		bottom:40px;
	}
	
	
	/*--- Our Planet ---*/
	
	.theme-our-planet h1 {
	    background:none;
	    padding:0;
		color:#5ab506;
	}
	
	.blueskies_logo {
		margin:0 auto 20px auto;
	}
	
	.theme-our-planet .products_headline br {
		display:none;
	}
	
	
	/*--- Our Community ---*/
	
	.theme-our-community h1 {
	    background:none;
	    padding:0;
		color:#ffa400;
	}
	
	#hondaheroes_container .caption {
		min-height:200px;
	    padding:15px 20px;
	}
	
	#hondaheroes_container .flex-direction-nav .flex-next {
		top:auto;
	    bottom:20px;
	}
	
	#hondaheroes_container .flex-direction-nav .flex-prev {
		top:auto;
	    bottom:20px;
	}
	
	
	/*--- Media Center ---*/
	
	#mediacenter img {
		margin:0 0 20px 0;
	}
	
	.theme-media-center h1 {
	    background:none;
	    padding:0;
	}
	
	.media_subhead {
		margin:0;
		padding:10px 0 0 0;
	}
	
	.media_subhead br {
		display:none;
	}
	
	#topstories h3 {
		float:none;
	}
	
	#topstories a.readmore {
		float:none;
		background: url("../img/icon_arrow.png") no-repeat scroll 0 4px transparent;
		display:block;
		margin:0 0 10px 0;
	}
	
	.topstories_description {
		margin:0 0 20px 0;
	}
	
	
	/*--- Job Opportunities ---*/
	
	#jobopportunities_headline {
	    background:none;
	    padding:0;
		color:#00bae6;
	}
			
	.production_photo {
		display:none;		
	}
	
	
	/*--- Footer ---*/
	
	footer p {
		font:normal 14px/18px "Helvetica Neue", helvetica, sans-serif;
		text-align:center;
	}
	
	footer ul li a {
		font:normal 14px/18px "Helvetica Neue", helvetica, sans-serif;
		display:block;
		text-align:center;
		margin:0 0 3px 0;
	}
	
	#socialmedia {
		width:126px;
		margin:20px auto 0 auto;
	}
}


/*  Mobile View: Portrait
---------------------------------------------------*/

@media (max-width: 480px) {
	
	#search_header {
		display:none;
	}
	
	/*--- Our Story ---*/
	
	#timeline h3 {
		float:none;
	}
	
	#timeline_years {
		width:100%;
		height:30px;
		float:none;
	}
	
	/*--- Our Community ---*/
	
	#hondaheroes_container .caption {
		min-height:230px;
	    padding:15px 20px;
	}
	
	#hondaheroes_container .flex-direction-nav .flex-next {
		top:auto;
	    bottom:20px;
	}
	
	#hondaheroes_container .flex-direction-nav .flex-prev {
		top:auto;
	    bottom:20px;
	}
	
	
	/*--- Search ---*/
	
	#search_header {
		position:absolute;
		top:-35px;
		right:0px;
	}
	
	#form1_search .search_input input {
		display:none;
	    width:200px;
	}
	
	#form2_search .search_input input {
		width:auto;
	}
}



