/*
* Used for tablet and mobile devices
*/

@media only screen and (min-width: 768px) {
	#header nav { display:block !important; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width: 1280px) {
	
#home-pioneers { height:432px; }
#home-pioneers .video { display:block; }
#home-pioneers .left-column { display:none; }
	
}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
/*-----------------------------------------------------------------------------------*/
/* 3. = Structure
/*-----------------------------------------------------------------------------------*/

.container { width:100%; margin:0 auto; padding-left:20px; padding-right:20px; }



/*-----------------------------------------------------------------------------------*/
/* 4. = Header styling
/*-----------------------------------------------------------------------------------*/

#header .logo { max-width:200px; }
#header h2 { font-size:14px; margin:0 0 0 15px; width:200px; }



/*-----------------------------------------------------------------------------------*/
/* 5. = Footer styling
/*-----------------------------------------------------------------------------------*/

#footer-top .logo { max-width:320px; }
#footer-top p { margin:17px 0 0 0; }




/*-----------------------------------------------------------------------------------*/
/* 6. = Home Page styling
/*-----------------------------------------------------------------------------------*/

#home-videos ul li { width:30%; margin:0 5% 0 0; }



/*-----------------------------------------------------------------------------------*/
/* 7. = Learn More Page styling
/*-----------------------------------------------------------------------------------*/

#learn-more-top h1 { font-size:40px; }
#learn-more-fact h2 { font-size:40px; }
#learn-more-launch h2 { font-size:75px; }
#learn-more-users h2 { font-size:75px; }
#learn-more-sales h2 { font-size:75px; }
#learn-more-employed h2 { font-size:75px; }
#learn-more-countries h2 { font-size:75px; }

#learn-more-slider .flexslider { padding:0 80px; }
#learn-more-slider .flexslider .slides li br { display:none; }
#learn-more-slider .flexslider .flex-prev { left:0; }
#learn-more-slider .flexslider .flex-next { right:0; }

#learn-more-animate .container { width:100%; }
#learn-more-animate ul { text-align:center; font-size:0; max-width:80%; margin:0 auto 180px auto; }
#learn-more-animate ul li { margin:0 14% 0 0; padding:0 12px; float:none; display:inline-block; vertical-align:middle; }
#learn-more-animate ul li img { width:200px; height:auto; margin-left:-100px; }
#learn-more-animate ul li:first-child img { margin-left:-110px; }
#learn-more-animate ul li:last-child img { margin-left:-95px; }


/*-----------------------------------------------------------------------------------*/
/* 8. = FAQ Page styling
/*-----------------------------------------------------------------------------------*/

#faq-content .faqs-list { width:75%; }



/*-----------------------------------------------------------------------------------*/
/* 9. = Leadership Principles Page styling
/*-----------------------------------------------------------------------------------*/

#leadership-content .container { padding-left:75px; padding-right:20px; max-width:none; }





}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) { 

/*-----------------------------------------------------------------------------------*/
/* 3. = Structure
/*-----------------------------------------------------------------------------------*/

.container { width:100%; padding-left:20px; padding-right:20px; }
.view-desktop { display:none; }
.view-mobile { display:block; }



/*-----------------------------------------------------------------------------------*/
/* 4. = Header styling
/*-----------------------------------------------------------------------------------*/

#header { height:135px; position:relative; padding:40px 0 0 0; }
#header .logo { max-width:60%; }
#header .menu-icon { float:right; margin:10px 0 0 0; }
#header .menu-icon i { color:#0C2C3D; font-size:36px; }
#header nav { float:none; clear:both; padding:20px; position:absolute; top:135px; width:100%; left:0; background:#FFF; margin:0; z-index:100; }
#header nav li { float:none; margin:0 0 5px 0; }
#header nav li:last-child { margin:0; }



/*-----------------------------------------------------------------------------------*/
/* 5. = Footer styling
/*-----------------------------------------------------------------------------------*/

#footer-top { padding:20px 0; }
#footer-top .logo { max-width:60%; float:none; }
#footer-top .logo img { margin:0 auto 20px auto; }
#footer-top p { margin:0; float:none; text-align:center; }


#footer { padding:20px 0; background:#0C2C3D; }
#footer nav { float:none; margin:0 0 10px 0; }
#footer nav ul { text-align:center; }
#footer nav li { float:none; margin:0 15px 0 0; display:inline-block; }
#footer nav li:last-child { margin:0; }
#footer p { float:none; text-align:center; }



/*-----------------------------------------------------------------------------------*/
/* 6. = Home Page styling
/*-----------------------------------------------------------------------------------*/

#home-pioneers { height:auto; border-bottom:none; }
#home-pioneers .video { float:none; width:100%; height:430px; }
#home-pioneers .video i { width:80px; height:80px; margin:-40px 0 0 -40px; }
#home-pioneers .left-column { float:none; width:100%; height:430px; }
#home-pioneers .right-column { float:none; width:100%; padding:30px 20px; }
#home-pioneers .caption { width:100%; }
#home-pioneers h1 { font-size:40px; }
#home-pioneers p { font-size:18px; }

#home-principles { min-height:0; border-bottom:none; }
#home-principles .left-column { float:none; width:100%; height:auto; padding:80px 20px; text-align:center; }
#home-principles .left-column a { float:none; text-align:left; }
#home-principles .right-column { float:none; width:100%; min-height:0; padding:40px 20px; }

#home-parallax { padding:70px 20px; background-attachment:scroll; background-size:auto auto; background-position:center center !important; }
#home-parallax h2 br { display:none; }

#home-videos { padding:40px 0 0 0; }
#home-videos ul li { float:none; width:100%; margin:0 0 40px 0; }



/*-----------------------------------------------------------------------------------*/
/* 7. = Learn More Page styling
/*-----------------------------------------------------------------------------------*/

#learn-more-top { height:405px; }
#learn-more-top h1 { font-size:40px; }
#learn-more-fact h2 { font-size:40px; }

#learn-more-launch h2 { font-size:70px; }
#learn-more-launch p { font-size:24px; }

#learn-more-users h2 { font-size:70px; }
#learn-more-users p { font-size:24px; }

#learn-more-sales h2 { font-size:50px; }
#learn-more-sales p { font-size:24px; }

#learn-more-employed h2 { font-size:70px; }
#learn-more-employed p { font-size:24px; }

#learn-more-countries h2 { font-size:70px; }
#learn-more-countries p { font-size:24px; }

#learn-more-slider { padding:100px 0; }
#learn-more-slider h2 { font-size:40px; }
#learn-more-slider .flexslider { padding:0 30px; }
#learn-more-slider .flexslider .slides li br { display:none; }
#learn-more-slider .flexslider .flex-control-nav { bottom:-50px; }
#learn-more-slider .flexslider .flex-prev { left:-10px; width:25px; height:40px; }
#learn-more-slider .flexslider .flex-next { right:-10px; width:25px; height:40px; }

#learn-more-animate .container { width:100%; }
#learn-more-animate ul { text-align:center; font-size:0; margin:0 auto 120px auto; height:20px; max-width:90%; }
#learn-more-animate ul li { margin:0 11% 0 0; padding:0 10px; float:none; display:inline-block; vertical-align:middle; }
#learn-more-animate ul li:first-child { padding-left:0; }
#learn-more-animate ul li:last-child { margin-right:0; padding-right:0; }
#learn-more-animate ul li img { width:130px; height:auto; margin-left:-65px; }
#learn-more-animate ul li:first-child img { margin-left:-65px; }
#learn-more-animate ul li i { width:20px; height:20px; border:2px solid #C09AC5; }
#learn-more-animate .caption h2 { font-size:24px; }
#learn-more-animate .content { transition:opacity 0.7s linear; -webkit-transition:opacity 0.7s linear; -moz-transition:opacity 0.7s linear; -ms-transition:opacity 0.7s linear; }



/*-----------------------------------------------------------------------------------*/
/* 8. = FAQ Page styling
/*-----------------------------------------------------------------------------------*/

#faq-top { height:auto; padding:60px 0; }
#faq-top h1 { font-size:40px; }
#faq-top p { padding:0; max-width:none; }

#faq-content { padding:60px 0 20px 0; }
#faq-content .faqs-list { width:100%; float:none; }
#faq-content .faqs-list .faq { margin:0 0 40px 0; }
#faq-content .faqs-list .faq .answer { font-size:12px; padding:0; display:none; }



/*-----------------------------------------------------------------------------------*/
/* 9. = Leadership Principles Page styling
/*-----------------------------------------------------------------------------------*/

#leadership-content .container { padding-left:20px; padding-right:20px; max-width:none; }




}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

/*-----------------------------------------------------------------------------------*/
/* 4. = Header styling
/*-----------------------------------------------------------------------------------*/

#header .logo { max-width:70%; }



/*-----------------------------------------------------------------------------------*/
/* 6. = Home Page styling
/*-----------------------------------------------------------------------------------*/

#home-pioneers .video { height:300px; }
#home-pioneers h1 { font-size:30px; }
#home-pioneers p { font-size:16px; }



/*-----------------------------------------------------------------------------------*/
/* 7. = Learn More Page styling
/*-----------------------------------------------------------------------------------*/

#learn-more-top h1 { font-size:30px; }
#learn-more-fact h2 { font-size:30px; }

#learn-more-launch h2 { font-size:50px; }
#learn-more-launch p { font-size:20px; }

#learn-more-users h2 { font-size:50px; }
#learn-more-users p { font-size:20px; }

#learn-more-sales h2 { font-size:40px; letter-spacing:0; }
#learn-more-sales p { font-size:20px; }

#learn-more-employed h2 { font-size:50px; }
#learn-more-employed p { font-size:20px; }

#learn-more-countries h2 { font-size:50px; }
#learn-more-countries p { font-size:20px; }

#learn-more-animate ul li { margin:0 8% 0 0; padding:0 10px; }
#learn-more-animate .caption h2 { font-size:20px; }
#learn-more-animate .caption p { font-size:14px; }
#learn-more-animate .bottom-bg { background-size:auto auto; }





/*-----------------------------------------------------------------------------------*/
/* 8. = FAQ Page styling
/*-----------------------------------------------------------------------------------*/

#faq-top h1 { font-size:30px; letter-spacing:3px; }
#faq-top p { font-size:16px; }



}