/*
*
* Iphone
* @media (max-width: 767px) { ... }
*
* Ipad
* @media (min-width:768px) and (max-width: 979px) { ... }
*
* Ipad and Laptop
* @media (min-width: 980px) and (max-width: 1139px) { ... }
*
* @media (min-width: 1140px) and (max-width: 1279px){ ... }
*
* @media (min-width: 1280px) and (max-width: 1439px){ ... }
*
* Laptop and Desktop
* @media (min-width: 1440px) { ... }
*
* Large desktop
* @media (min-width: 1920px) { ... }
*
*/

@media (max-width: 767px) {

	.blue-button {
		padding: 10px 35px;
	}

	/******* BEGIN - BLUE BANNER SECTION ********/

	#banner-section h1 {
		font-size: 33px;
		width: auto !important;
		line-height: 38px;
		max-width: 344px;
		margin: 20px auto 0;
	}

	    #banner-section h1 {
		margin: 9px auto 0;
		line-height: 36px;
	}

	/******* END - BLUE BANNER SECTION ********/

	/******* BEGIN - SUB MENU SECTION ********/

	#sub-menu-section ul li {
		display: block;
		margin-bottom: 5px;
	}

	#sub-menu-section ul li:last-child {
		margin-bottom: 0;
	}

	#sub-menu-section ul.child-dropdown li {
		margin-bottom: 0;
	}

	#sub-menu-section ul.child-dropdown {
		position: relative;
		top: 0;
		margin: 0;
	}

	/******* END - SUB MENU SECTION ********/

	/******* BEGIN - ABOUT US SECTION ********/

	   #about-us-section .span12 {
		width: auto;
		margin: 0 auto;
		max-width: 344px;
	}

	   #about-us-section figure {
		float: none;
		text-align: center;
		margin-bottom: 15px;
	}

	   #about-us-section figure img {
		width: 92%;
	}

	   #about-us-section .founded-in {
		font-size: 15px;
		width: auto !important;
		line-height: 22px;
		padding: 0 10px;
	}

	/******* END - ABOUT US SECTION ********/

	/******* BEGIN - OUR HISTORY SECTION  ********/

	   #our-history-section .our-history-banner {
		background-size: 930px 291px;
		height: 291px;
	}

	   #our-history-section .blue-button {
		margin: 238px 0 0 0;
		padding-left: 30px;
		padding-right: 30px;
	}

	/******* END - OUR HISTORY SECTION  ********/

	/******* BEGIN - MEET THE TEAM SECTION *********/

	   #meet-the-team-section p {
		width: auto;
		max-width: 387px;
		font-size: 22px;
		margin: 0 auto 20px;
	}

	   #meet-the-team-section  figure {
		margin-bottom: 15px;
	}

	   #meet-the-team-section figure img {
		width: 277px;
	}

	/******* END - MEET THE TEAM SECTION *********/

	/******* BEGIN - NEWS & PARTNERS *********/

	   #news-partners-section .span12 .row-fluid {
		margin: 25px 0;
	}

	   #news-partners-section .span12 .span4 {
		width: 90% !important;
		display: block !important;
		margin: 0 auto 30px;
		text-align: center;
	}

	   #news-partners-section .span12 .span4:last-child {
		margin-bottom: 0;
	}

	   #news-partners-section .span12 .span2 {
		display: block !important;
		margin-bottom: 30px;
	}

	   #news-partners-section .span12 .span2:last-child {
		margin-bottom: 0;
	}

	   #news-partners-section .blue-button {

	}

	/******* END - NEWS & PARTNERS *********/

	/******* BEGIN - MEDIA ROOM *******/

	   #media-room-section p {
		margin: 0 auto 25px;
		max-width: 460px;
	}

	/******* END - MEDIA ROOM *******/

	/******* BEGIN - TEAM BIOS SECTION ********/

	#team-bios-section hr {
		width: 90% !important;
	}

	#team-bios-section form {
		margin-bottom: 30px;
	}

	#team-bios-section form input {
		width: auto !important;
		margin: 0 auto;
	}

	#team-bios-section .team-bios-container {
		text-align: center !important;
		width: auto !important;
	}

	/******* END - TEAM BIOS SECTION ********/

	/******** BEGIN - IN THE NEWS SECTION ********/

	    #in-the-news-section .in-the-news-container {
		margin: 30px auto 0;
		width: 303px;
	}

	    #in-the-news-section .in-the-news-container .item-box {
		margin-bottom: 60px;
	}

	    #in-the-news-section .in-the-news-container .item-box > .default {
		width: auto !important;
		height: auto !important;
	}

	    #in-the-news-section .in-the-news-container .item-box > .default figure img {
		max-width: 210px;
		width: 70%;
	}

	    #in-the-news-section .in-the-news-container .item-box > .default .intro {
		font-size: 18px;
		line-height: 22px;
	}

	    #in-the-news-section .in-the-news-container .item-box > .default .company {
		font-size: 15px;
	}

	    #in-the-news-section .in-the-news-container .date {
		font-size: 14px;
	}

	    #in-the-news-section .in-the-news-container .item-box .hover {
		width: auto !important;
		max-width: 320px;
		height: auto !important;
		padding-top: 20px !important;
	}

	    #in-the-news-section .in-the-news-container .item-box .hover > .description {
		font-size: 18px;
	}

	    #in-the-new-section .in-the-news-container .item-box .hover > .read-the-story {
		font-size: 16px;
	}

	/******** END - IN THE NEWS SECTION ********/

	/********* BEGIN - OUR PARTNERS SECTION ***********/

	    #our-partners-section p {
		width: auto;
		max-width: 390px;
		margin: 0 auto 35px;
	}

	    .partners-container {
		width: 303px;
		margin: 0 auto;
	}

	    #our-partners-section .partners-container .item-box {
		width: auto !important;
		padding: 0 0 40px !important;
	}

	    #our-partners-section .partners-container .item-box.hover-state > .default {
		display: none;
	}

	    #our-partners-section .partners-container .item-box > .default {
		width: auto !important;
	}

	    #our-partners-section .partners-container .item-box .default figure img {
		width: 90%;
		max-width: 270px;
	}

	    #our-partners-section .partners-container .item-box > .hover {
		position: inherit !important;
		width: 260px !important;
	}

	    #our-partners-section .partners-container .item-box .hover .title {
		width: auto;
	}

	/********* END - OUR PARTNERS SECTION ***********/

	/******** BEGIN - MEDIA ROOM SECTION (This section is related to the Media Room PAGE)********/

	  #media-room-section.child-media-room .span12 {
		width: 303px;
		margin: 0 auto;
	}

	#media-room-section.child-media-room .span12 > .row-fluid .span6:first-child {
		width: auto !important;
		padding: 0 10px;
	}

	#media-room-section.child-media-room .span6 p {
		margin-bottom: 20px;
		font-size: 15px;
		line-height: 22px;
	}

	#media-room-section.child-media-room .span12 > .row-fluid .span6 figure img {
		width: 270px;
	}

	#media-room-section.child-media-room > div > div > div > div > div:nth-child(2) > a {
		font-size: 17px;
	}

	/******** END - MEDIA ROOM SECTION (This section is related to the Media Room PAGE) ********/

	/********* BEGIN - PRESS RELEASES SECTION **********/

	  #press-releases-section .span12 {
		width: 303px;
		margin: 0 auto;
	}

	  .press-release-container .item-box {
		width: auto !important;
	}

	 .press-release-container .item-box > div {
		padding: 10px;
		width: auto !important;
	}

	 .press-release-container .item-box .date {
		font-size: 14px;
	}

	 .press-release-container .item-box .title {
		font-size: 16px;
	}

	.press-release-container .item-box .description {
		font-size: 14px;
	}

	.press-release-container .item-box:last-child {
		margin-bottom: 15px;
	}

	/********* END - PRESS RELEASES SECTION **********/

	/******** BEGIN - MINDSETWORKS LOGOS SECTION ******/

	  #mindsetworks-logos-section {
		width: 303px;
		margin: 0 auto;
	}

	  #mindsetworks-logos-section {
		margin-top: 0;
	}

	  #mindsetworks-logos-section .span12 > .row-fluid .span6:first-child {
		width: auto !important;
		padding: 10px 15px;
	}

	 #mindsetworks-logos-section .span6 p {
		margin-bottom: 20px !important;
		font-size: 15px !important;
		line-height: 22px !important;
	}

	/******** END - MINDSETWORKS LOGOS SECTION ******/

	/********* BEGIN - OUR HISTORY SECTION (THIS SECTION IS RELATED TO OUR HISTORY PAGE) **********/

	   #our-history-section > .container-fluid > .row-fluid > .span12 > .page-header p {
		width: auto !important;
		max-width: 440px;
		margin-bottom: 50px;
	}

	   #our-history-section .time-line {
		max-width: 450px;
		margin: 0 auto;
	}

	   #our-history-section .time-line .circle {
		width: 70px;
		height: 45px;
		padding-top: 25px;
		font-size: 15px;
		top: inherit !important;
	}

	   #our-history-section .time-line .middle {
		height: auto !important;
		margin: 0 auto !important;
	}

	   #our-history-section .time-line .middle:nth-child(2) {
		padding-top: 34px;
	}

	   #our-history-section .time-line .middle figure {
		position: inherit;
		left: inherit !important;
		top: inherit !important;
		right: inherit !important;
	}

	   #our-history-section .time-line .middle .image {
		top: inherit !important;
		right: inherit !important;
		left: inherit !important;
		bottom: inherit !important;
	}

	   #our-history-section .time-line .middle:nth-child(2) .image {
		right: inherit;
		margin-bottom: 20px;
	}

	   #our-history-section .time-line .middle:nth-child(2) .image .blue-circle {
		right: 125px !important;
		bottom: -15px;
	}

	   #our-history-section .time-line .middle .text {
		margin: 0 !important;
		width: auto !important;
		max-width: 325px;
		right: inherit !important;
		top: inherit !important;
		height: auto !important;
	}

	   #our-history-section .time-line .middle .text h3 {
		text-align: center !important;
		font-size: 20px !important;
	}

	   #our-history-section .time-line .middle .text p {
		text-align: center !important;
		font-size: 18px !important;
		padding: 0 5px !important;
	}

	   #our-history-section .time-line .middle:nth-child(4) {
		padding-top: 20px;
	}

	   #our-history-section .time-line .middle:nth-child(4) .image {
		right: inherit !important;
		margin-bottom: 50px;
		margin-top: 20px;
	}

	   #our-history-section .time-line .middle:nth-child(4) .image .blue-circle {
		right: 105px !important;
		top: -20px !important;
	}

	   #our-history-section .time-line .middle:nth-child(5) {
		padding-bottom: 40px;
	}

	   #our-history-section .time-line .middle:nth-child(5) .image {
		right: inherit;
		margin-bottom: 22px;
		margin-top: 10px;
	}

	   #our-history-section .time-line .middle:nth-child(5) .image .blue-circle {
		right: 90px !important;
		bottom: -20px !important;
	}

	   #our-history-section .time-line .middle:nth-child(6) {
		padding-bottom: 20px;
	}

	   #our-history-section .time-line .middle:nth-child(6) .image {
		right: inherit !important;
		margin-bottom: 22px;
		margin-top: 20px;
	}

	   #our-history-section .time-line .middle:nth-child(6) .image .blue-circle {
		right: 95px !important;
		top: -20px !important;
	}

	   #our-history-section .time-line .middle:nth-child(6) .image .picture img {
		width: 243px;
	}

	   #our-history-section .time-line .middle:nth-child(8) {
		padding: 30px 0 20px;
	}

	   #our-history-section .time-line .middle:nth-child(8) .image {
		right: inherit;
		margin-bottom: 22px;
	}

	   #our-history-section .time-line .middle:nth-child(8) .image .blue-circle {
		right: 85px !important;
		bottom: -20px !important;
	}

	   #our-history-section .time-line .middle:nth-child(9) {
		padding-bottom: 20px;
	}

	   #our-history-section .time-line .middle:nth-child(9) .image {
		right: inherit !important;
		margin-bottom: 22px;
		margin-top: 20px;
	}

	   #our-history-section .time-line .middle:nth-child(9) .image .blue-circle {
		right: 106px !important;
		top: -20px !important;
	}

	   #our-history-section .time-line .middle:nth-child(9) .image .picture img {
		width: 270px;
	}

	   #our-history-section .time-line .middle:nth-child(11) {
		padding-top: 35px;
		padding-bottom: 0;
	}

	   #our-history-section .time-line .middle:nth-child(11) .image {
		right: inherit;
		margin-bottom: 22px;
	}

	   #our-history-section .time-line .middle:nth-child(11) .image .blue-circle {
		right: 127px !important;
		bottom: -20px !important
	}

	   #our-history-section .time-line .middle:nth-child(13) {
		margin-top: 0;
		padding-top: 20px;
	}

	   #our-history-section .time-line .middle:nth-child(13) .image {
		right: inherit !important;
		margin-bottom: 10px;
		margin-top: 20px;
	}

	   #our-history-section .time-line .middle:nth-child(13) .image .blue-circle {
		right: 105px !important;
		top: -20px !important;
	}

	   #our-history-section .time-line .middle:nth-child(15) {
		padding-top: 20px;
		padding-bottom: 10px;
	}

	   #our-history-section .time-line .middle:nth-child(15) .image {
		right: inherit;
		margin-bottom: 20px;
	}

	   #our-history-section .time-line .middle:nth-child(15) .image .blue-circle {
		right: 85px !important;
		bottom: -20px !important;
	}

	   #our-history-section .time-line .middle:nth-child(17) {
		padding-top: 20px;
		padding-bottom: 10px;
	}

	   #our-history-section .time-line .middle:nth-child(17) .image {
		right: inherit !important;
		margin-bottom: 20px;
		margin-top: 20px;
	}

	   #our-history-section .time-line .middle:nth-child(17) .image .blue-circle {
		right: 123px !important;
		top: -20px !important;
	}

	   #our-history-section .time-line .middle:nth-child(17) .image .picture img {
		width: 303px;
	}

	   #our-history-section .time-line .middle:nth-child(18) {
		padding-top: 20px;
		padding-bottom: 10px;
	}

	   #our-history-section .time-line .middle:nth-child(18) .image {
		right: inherit;
		margin-bottom: 20px;
	}

	   #our-history-section .time-line .middle:nth-child(18) .image .blue-circle {
		right: 123px !important;
		bottom: -20px !important;
	}

	   #our-history-section .time-line .middle:nth-child(18) .image .picture img {
		width: 303px;
	}

	   #our-history-section .time-line > p {
		margin-top: 30px;
	}

	/********* END - OUR HISTORY SECTION (THIS SECTION IS RELATED TO OUR HISTORY PAGE) **********/

}

@media (min-width:768px) and (max-width: 979px) {

	/******* BEGIN - BLUE BANNER SECTION ********/

	#banner-section h1 {
		font-size: 47px;
		width: auto;
		line-height: 50px;
		max-width: 711px;
		margin: 40px auto 0;
	}

	    #banner-section.child-news-partners h1 {
		font-size: 42px;
	}

	/******* END - BLUE BANNER SECTION ********/

	/******* BEGIN - BLUE BANNER SECTION ********/

	#sub-menu-section ul li {
		display: block;
		margin-bottom: 5px;
	}

	#sub-menu-section ul li:last-child {
		margin-bottom: 0;
	}

	#sub-menu-section ul.child-dropdown li {
		margin-bottom: 0;
	}

	#sub-menu-section ul.child-dropdown {
		position: relative;
		top: 0;
		margin: 0;
	}

	/******* END - BLUE BANNER SECTION ********/

	/******* BEGIN - SUB MENU SECTION ********/

	#sub-menu-section ul li:last-child {
		margin-bottom: 0;
	}

	#sub-menu-section ul li {
		display: block;
		margin-bottom: 5px;
	}

	/******* END - SUB MENU SECTION ********/

	/******* BEGIN - ABOUT US SECTION ********/

	   #about-us-section .span12 {
		width: auto;
	}

	   #about-us-section figure {
		float: none;
		margin-bottom: 20px;
		text-align: center;
	}

	   #about-us-section .founded-in {
		width: 711px !important;
		margin: 0 auto;
		float: none !important;
	}

	/******* END - ABOUT US SECTION ********/

	/********* BEGIN - OUR HISTORY SECTION (THIS SECTION IS RELATED TO OUR HISTORY PAGE) **********/

	   #our-history-section > .container-fluid > .row-fluid > .span12 > .page-header p {
		width: auto;
	}

	   #our-history-section .time-line .middle:nth-child(6) .image {
		right: -43px;
		top: -25px;
	}

	   #our-history-section .time-line .middle:nth-child(6) .image .blue-circle {
		left: -22px;
		top: 141px;
	}
	   #our-history-section .time-line .middle:nth-child(6) .image .picture img {
		width: 336px;
	}

	   #our-history-section .time-line .middle:nth-child(18) .image {
		right: 40px;
		top: -26px;
	}

	   #our-history-section .time-line .middle:nth-child(18) .image .blue-circle {
		right: -15px;
		top: 148px;
	}

	   #our-history-section .time-line .middle:nth-child(18) .image .picture img {
		width: 336px;
	}

	   #our-history-section .time-line .middle:nth-child(18) .text {
		right: -5px;
		top: 0;
	}

	/********* END - OUR HISTORY SECTION (THIS SECTION IS RELATED TO OUR HISTORY PAGE) **********/

	/********* BEGIN - TEAM BIOS SECTION **********/

	#team-bios-section .team-bios-container {
		width: 630px !important;
	}

	/********* END - TEAM BIOS SECTION **********/

	/********* BEGIN - IN THE NEWS SECTION ***********/

	    #in-the-news-section .in-the-news-container {
		max-width: 830px;
		margin: 50px auto 0;
	}

	/********* END - IN THE NEWS SECTION ***********/

	/********* BEGIN - MEDIA ROOM SECTION *************/

	 .child-media-room #media-room-section .span12 > .row-fluid .span6:first-child {
		margin-bottom: 25px;
	}

	/********* END - MEDIA ROOM SECTION *************/


	/********* BEGIN - PRESS RELEASES SECTION **********/

	 .child-media-room #press-releases-section .press-release-container .item-box,
     .child-media-room #press-releases-section .press-release-container .item-box > div {
		width: auto;
	}

	/********* BEGIN - PRESS RELEASES SECTION **********/

}

@media (min-width: 980px) and (max-width: 1139px) {

	/******** BEGIN - TEAM BIOS SECTION ********/

	#team-bios-section .team-bios-container {
		width: 845px !important;
	}

	/******** END - TEAM BIOS SECTION **********/

	/******* BEGIN - SUB MENU SECTION ********/

	#sub-menu-section ul li:last-child {
		margin-bottom: 0;
	}

	#sub-menu-section ul li {
		display: block;
		margin-bottom: 5px;
	}

	#sub-menu-section ul.child-dropdown li {
		margin-bottom: 0;
	}

	#sub-menu-section ul.child-dropdown {
		position: relative;
		top: 0;
		margin: 0;
	}

	/******* END - SUB MENU SECTION ********/

}