/*
* Used for tablet and mobile devices
*/

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

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

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



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

#header form { width:44.5%; }
#header form input[type=text] { width:85%; }



/*-----------------------------------------------------------------------------------*/
/* 5. = Navigation styling
/*-----------------------------------------------------------------------------------*/

#nav { padding:0; }
#nav .container > ul { margin:0; text-align:center; }
#nav li { margin:0 10px; display:inline-block; float:none; vertical-align:top; }
#nav .container > ul > li:last-child { margin:0 12px; }
#nav li a { padding:10px 12px 9px 12px; }
#nav li ul { padding:50px 0; text-align:left;  }
#nav li ul li { margin:0 20px 0 0; width:auto; max-width:18%; }
#nav li ul li:last-child { margin:0; }
#nav .sub-nav-bg { height:150px; }


/*-----------------------------------------------------------------------------------*/
/* 6. = Footer styling
/*-----------------------------------------------------------------------------------*/

#footer .footer-widget { width:32%; }
#footer .footer-widget-1 { padding:0 20px 0 0; }



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

#home-slider .slides li { background-position:70% center; }
#home-slider .slides li .caption { bottom:35%; }
#home-slider .slides li .caption h2 { width:50%; margin:0; }
#home-slider .flex-control-nav { bottom:50px; left:20px !important; }

#home-wrapper .main { width:55%; padding-right:10px; }
#home-wrapper aside { width:45%; padding-left:30px; }

#home-portals { text-align:center; padding-left:0; padding-right:0; }
#home-portals .portal { margin:0 15px; display:inline-block; float:none; width:213px; height:213px; padding:7px 5px 6px 8px; }
#home-portals .portal img { width:200px; height:200px; }
#home-portals .portal:hover { width:240px; height:240px; margin:-13px 2px -14px 1px; }
#home-portals .portal3 { margin:0 15px; float:none; }
#home-portals .portal3:hover { margin:-13px 2px -14px 1px; }
#home-portals .purple-circle { width:155px; height:74px; left:50%; margin:0 0 0 -77.5px; background-size:cover; }



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

#page-hero { height:350px; padding-top:140px; }

.page-wrapper .two-third { width:65%; }
.page-wrapper .two-third-last { width:65%; }

.page-wrapper .one-third { width:30%; }
.page-wrapper .one-third-last { width:30%; }

.page-wrapper ul.logos { text-align:center; }
.page-wrapper .logos li { float:none; display:inline-block; vertical-align:top; margin:0 10px 20px 10px; }
.page-wrapper .logos li:last-child { margin:0 10px 20px 10px; }

.page-wrapper .safety-table { width:100%; }

.entry .circle { text-align:center; }
.entry .circle li { display:inline-block; margin:0 10px 20px 10px !important; float:none; vertical-align:middle; }
.entry .circle li:hover { margin:-5px 5px 15px 5px !important; }



.contact-wrapper .one-third { float:left; width:30%; margin-right:5%; }
.contact-wrapper .one-third-last { float:left; width:30%; }



/*-----------------------------------------------------------------------------------*/
/* 9. = About Page styling
/*-----------------------------------------------------------------------------------*/

#about-hero { height:350px; padding-top:140px; }



/*-----------------------------------------------------------------------------------*/
/* 10. = Leadership Page styling
/*-----------------------------------------------------------------------------------*/

#leadership-wrapper aside { width:30%; }
#leadership-wrapper .main { width:65%; }



/*-----------------------------------------------------------------------------------*/
/* 11. = Corporate Ethics Page styling
/*-----------------------------------------------------------------------------------*/

#corporate-ethics-wrapper aside { width:25%; }
#corporate-ethics-wrapper .main { width:70%; }



/*-----------------------------------------------------------------------------------*/
/* 12. = History Page styling
/*-----------------------------------------------------------------------------------*/

#history-wrapper aside { width:30%; }
#history-wrapper aside h1 { padding-right:100px; }
#history-wrapper aside img { right:-30px; top:-466px; }

#history-wrapper .main { width:65%; padding-left:45px; }
.timeline li .timeline-content { max-width:80%; }



/*-----------------------------------------------------------------------------------*/
/* 13. = Business Development Page styling
/*-----------------------------------------------------------------------------------*/

#business-development-hero h1 { margin:0; }
#business-development-wrapper .main { width:65%; }
#business-development-wrapper aside { width:30%; }

.timeline li p { max-width:80%; }
.timeline li .date { margin:0 10px 0 0; }



/*-----------------------------------------------------------------------------------*/
/* 14. = Directors Board Page styling
/*-----------------------------------------------------------------------------------*/

#directors-board-wrapper aside { width:30%; }
#directors-board-wrapper .tabs { width:65%; }
#directors-board-wrapper .tabs article .title p { width:90%; }

#directors-board-bottom .one-third { width:35%; padding-right:0; }
#directors-board-bottom .two-third { width:60%; }


/*-----------------------------------------------------------------------------------*/
/* 15.= Sponsorships Page styling
/*-----------------------------------------------------------------------------------*/

#sponsorships-wrapper aside { width:30%; }
#sponsorships-wrapper .tabs { width:65%; }



/*-----------------------------------------------------------------------------------*/
/* 16.= News Page styling
/*-----------------------------------------------------------------------------------*/

#news-wrapper .main { width:65%; }
#news-wrapper aside { width:30%; }
.news-list li .title { width:65%; }



/*-----------------------------------------------------------------------------------*/
/* 17.= Careers Page styling
/*-----------------------------------------------------------------------------------*/

#careers-content .two-third { padding-top:50px; padding-right:30px; width:60%; }
#careers-content .one-third { font-size:14px; width:35%; }
#careers-content .one-third-last { font-size:14px; width:35%; }

.careers-tabs .tabs { text-align:center; }

.careers-tabs .tabs li { margin:0 2%; display:inline-block; vertical-align:top; float:none; }
.careers-tabs .tabs li:first-child { margin-left:0; }
.careers-tabs .tabs li:last-child { margin-right:0; }



/*-----------------------------------------------------------------------------------*/
/* 18.= Popup styling
/*-----------------------------------------------------------------------------------*/

.popup .btn-content { max-width:80%; margin:20% auto 0 auto; }



/*-----------------------------------------------------------------------------------*/
/* 19.= Template Pieces styling
/*-----------------------------------------------------------------------------------*/

.tab-button-content .tabs { width:65%; }
.tab-button-content .tabs article .title p { width:90%; }


}

@media only screen and (min-width: 640px) and (max-width: 767px) {

}


/* 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 { padding-top:0; padding-bottom:0; }
#header .logo { float:left; margin:13px 0; }
#header .menu { float:right; margin:26px 0 0 0; display:block; transition:background 0.3s ease 0s; -webkit-transition:background 0.3s ease 0s; -moz-transition:background 0.3s ease 0s; -ms-transition:background 0.3s ease 0s; }
#header .menu i { width:38px; height:34px; background:url(../images/icon-menu.png) no-repeat; display:block; }
#header .menu.active { background:#880063; width:84px; height:84px; margin:0 -20px 0 0; position:relative; }
#header .menu.active i { width:35px; height:34px; background-position:0 -34px; margin:-17px 0 0 -17px; position:absolute; top:50%; left:50%; }



/*-----------------------------------------------------------------------------------*/
/* 5. = Navigation styling
/*-----------------------------------------------------------------------------------*/

#mobile-nav { display:none; background:#880063; border-top:2px solid #880063; border-bottom:2px solid #880063; }
#mobile-nav .container { border-top:5px solid #A60081; border-bottom:5px solid #A60081; padding:15px 0; }
#mobile-nav li { margin:0 0 3px 0; }
#mobile-nav li a { text-transform:uppercase; padding:3px 20px; font-size:16px; color:#FFF; display:block; letter-spacing:2px; font-weight:300; font-family: 'Raleway', sans-serif; }
#mobile-nav li.current_page_item > a, #mobile-nav li.current-page-ancestor > a, #mobile-nav li a:hover { background:#FFF; color:#880063; }

#mobile-nav li ul { padding-top:5px; }
#mobile-nav li li a { font-size:14px; padding:5px 20px 5px 40px; letter-spacing:1px; background:url(../images/nav-arrow.png) no-repeat 20px center / auto 14px; }
#mobile-nav li li.current_page_item > a, #mobile-nav li li a:hover { background:#640050 url(../images/nav-arrow.png) no-repeat 20px center / auto 14px; color:#FFF; }



/*-----------------------------------------------------------------------------------*/
/* 6. = Footer styling
/*-----------------------------------------------------------------------------------*/

#footer .footer-widget { border:none !important; width:100%; margin:0 0 30px 0; text-align:center; padding:0 !important; }
#footer .footer-widget-1 img { margin:0 auto; }
#footer .footer-widget-2 { min-height:0; }
#footer .footer-widget-2 h2 { padding:0 20px 15px 20px; text-align:center; }
#footer .footer-widget-2 h3 { padding:0 20px 15px 20px; text-align:center; }
#footer .footer-widget-2 li.linkedin { position:static; margin:7px auto 0 auto; display:inline-block; }

#footer .footer-widget-3 { margin:0; min-height:0; }
#footer .footer-widget-3 li { margin:0 0 5px 0; }

#footer .mobile-footer-widget { display:block; }



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

#home-mobile-slider { position:relative; }
#home-mobile-slider .slides li { position:relative; }
#home-mobile-slider .slides li .image-container { position:relative; }
#home-mobile-slider .slides li .image { height:500px; width:100%; background-repeat:no-repeat; background-size:cover; margin:0; }
#home-mobile-slider .slides li .caption { padding:25px 20px; background:#FFF; }
#home-mobile-slider .slides li .caption h2 { font-size:20px; color:#880063; line-height:1.5; font-weight:400; margin:0; }
#home-mobile-slider .flex-direction-nav { display:none; }
#home-mobile-slider .flex-control-nav { position:absolute; top:72%; left:20px; z-index:100; }
#home-mobile-slider .flex-control-nav li { float:left; margin:0 12px 0 0; }
#home-mobile-slider .flex-control-nav li a { display:block; width:12px; height:12px; text-indent:-9999px; cursor:pointer; background:url(../images/slider-dots.png) no-repeat -24px 0; transition:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; }
#home-mobile-slider .flex-control-nav li .flex-active { background-position:0 0; }
#home-mobile-slider .scroll { position:absolute; left:50%; margin:0 0 0 -24px; bottom:20px; z-index:100; }

#home-wrapper { padding-top:30px; padding-bottom:50px; background:#F9F6EF; }
#home-wrapper .main { width:100%; float:none; padding:0; margin:0 0 50px 0; border:none; }
#home-wrapper aside { width:100%; float:none; padding:0; border:none; }

#home-portals { padding-top:70px; }
#home-portals .portal { float:none; margin:0 auto 50px auto; width:263px; }
#home-portals .portal3 { margin:0 auto; float:none; }
#home-portals .portal:hover { width:290px; margin:-13px auto 36px auto; }
#home-portals .portal3:hover { margin:-13px auto -14px auto; }



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

.fullwidth .main { max-width:none; }
.entry { padding-top:30px; padding-bottom:30px; }
.entry .one-second { float:none; width:100%; padding-right:0; margin-bottom:50px; }
.entry .one-second-last { float:none; width:100%; padding-left:0; margin-bottom:50px; }

.entry .headquarter-map-list { margin:0 0 20px 0; }
.entry .map-list li { width:48%; margin:0 0 30px 0; float:left; }
.entry .map-list li:nth-child(2n) { float:right; }
.entry .map-list li:nth-child(2n+1) { clear:both; }
.entry .map-list li img { width:100%; }

#breadcrumb { padding:50px 0; }
#breadcrumb li { float:none; margin:0 0 15px 0; }

#page-hero { height:800px; padding-top:0; background-position:center center; position:relative; }
#page-hero h1 { font-size:22px; position:absolute; left:60px; bottom:120px; line-height:1.5; }
#page-hero .arrow { bottom:20px; }

.page-wrapper .two-third { width:auto;  float:none; border:none; margin:0 0 30px 0; padding:0; }
.page-wrapper .two-third-last { width:100%; float:none; border:none; margin:0 -20px; padding:30px 20px 0 20px; border-top:1px solid #FFCE00; }

.page-wrapper .one-third { width:auto; float:none; border:none; padding:0; margin:0 0 30px 0; }
.page-wrapper .one-third-last { width:100%; float:none; border:none; margin:0 -20px; padding:30px 20px 0 20px; border-top:1px solid #FFCE00; }

.page-wrapper .two-third.yes-border,
.page-wrapper .two-third-last.yes-border { border:none; }

.page-wrapper ul.logos { text-align:center; }
.page-wrapper .logos li { float:none; display:inline-block; vertical-align:top; margin:0 10px 20px 10px; }
.page-wrapper .logos li:last-child { margin:0 10px 20px 10px; }

.page-wrapper .tablepress-table-name { padding:0 0 15px 0; }
.page-wrapper .tablepress-table-description { padding:0; }
.page-wrapper .product-table td { padding:3px 0; }
.page-wrapper .product-table tfoot th { padding:4px 0; }

.page-wrapper .safety-table { width:100%; }
.page-wrapper .safety-table td { padding:8px 2px 8px 0; }
.page-wrapper .safety-table tr > td:last-child { padding:8px 0; }
.page-wrapper .safety-table td h2 { margin:0; float:none; }

.page-wrapper .pipeline-table { font-size:12px; }
.page-wrapper .pipeline-table td { padding:10px 15px 10px 10px; }
.page-wrapper .pipeline-table thead th { padding:8px 15px 8px 10px; }
.page-wrapper .pipeline-table thead th:nth-child(3), 
.page-wrapper .pipeline-table thead th:nth-child(4), 
.page-wrapper .pipeline-table thead th:nth-child(5), 
.page-wrapper .pipeline-table thead th:nth-child(6), 
.page-wrapper .pipeline-table thead th:nth-child(7) { writing-mode:tb-rl; word-wrap:break-word; layout-flow:vertical-ideographic; }

.entry .circle { text-align:center; }
.entry .circle li { display:inline-block; margin:0 10px 20px 10px !important; float:none; vertical-align:middle; }
.entry .circle li:hover { margin:-5px 5px 15px 5px !important; }

.entry .logo-text { display:none; }
.entry .logo { text-align:center; }
.entry .logo li { display:inline-block; margin:0 10px 20px 10px !important; float:none; vertical-align:middle; padding:0 !important; border:none !important; width:auto; }
.entry .logo li:hover { margin:-5px 5px 15px 5px !important; }

.entry .product-logo li { width:100%; float:none; }
.entry .product-logo li:last-child { padding-left:0; }


.contact-wrapper .one-third { float:none; width:100%; margin-right:0; margin-bottom:30px; }
.contact-wrapper .one-third-last { float:none; width:100%; }

/*
body.page-id-19 #page-hero h1 { bottom:auto; top:120px; }
body.page-id-19 #page-hero .arrow { width:48px; height:22px; margin:0 0 0 -24px; background:url(../images/slider-down-arrow.png) no-repeat; }
body.page-id-26 #page-hero h1 { bottom:75px; }

body.page-id-124 #page-hero { height:600px; padding:0; } 
body.page-id-21 #page-hero { background:none; height:auto; padding:40px 0 0 0; } 
body.page-id-21 #page-hero .arrow { display:none; }
body.page-id-21 #page-hero h1 { position:static; color:#880063; }

body.page-id-26 #page-hero h1 { color:#231f20; }
body.page-id-106 #page-hero h1 { top:160px; bottom:auto; color:#FFF; }
body.page-id-108 #page-hero h1 { top:160px; bottom:auto; color:#FFF; }
body.page-id-142 #page-hero h1 { color:#FFF; }
*/

body.page-id-21 #header { border-bottom:1px solid #880164; }
body.page-id-21 #breadcrumb { border-top:1px solid #ffce00; }




/*-----------------------------------------------------------------------------------*/
/* 9. = About Page styling
/*-----------------------------------------------------------------------------------*/

#about-hero { height:800px; padding-top:0; border-bottom:1px solid #851C66; background-position:center center; position:relative; }
#about-hero h1 { font-size:22px; position:absolute; left:60px; bottom:120px; width:30%; line-height:1.5; }

#about-content .one-second img { position:static; width:95%; margin-left:-20px; }

#about-wrapper { padding-top:0; border-top:1px solid #FFCE00; }
#about-wrapper .entry { padding-bottom:0; }
#about-wrapper .main { width:100%; padding:0 0 30px 0; border-left:none; float:none; min-height:0; }
#about-wrapper aside { width:auto; padding:50px 20px; border-left:none; float:none; min-height:0; margin:0 -20px; background:#F9F6EF; }

.page-hero { position:relative; }
.page-hero .arrow { display:block; position:absolute; width:62px; height:28px; left:50%; bottom:30px; margin:0 0 0 -31px; background:url(../images/down-arrow.png) no-repeat; }


/*-----------------------------------------------------------------------------------*/
/* 10. = Leadership Page styling
/*-----------------------------------------------------------------------------------*/

#leadership-hero { background:none !important; height:auto; padding:40px 0 0 0; border-top:1px solid #851C66;  border-bottom:none; }
#leadership-hero p { max-width:none; }

#leadership-wrapper { padding-top:0; padding-bottom:0; }
#leadership-wrapper .image-container { padding:0; display:block; position:static; margin:0 auto 40px auto; overflow:inherit; border-radius:0; }
#leadership-wrapper .image-container .image { width:381px; height:372px; padding:15px 15px 15px 24px; margin:0 auto; }
#leadership-wrapper .image-container .image img { width:342px; height:342px; }

#leadership-wrapper article { padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #CBC5B6; }
#leadership-wrapper article:last-child { margin-bottom:0; border-bottom:none; }
#leadership-wrapper .title { padding:20px 0; text-align:center; background:none; border-radius:0; margin:0 0 20px 0; }
#leadership-wrapper .title p { margin:0; float:none; line-height:1.2; width:100%; }
#leadership-wrapper .title p strong { display:block; }
#leadership-wrapper .title .icon { display:none; }
#leadership-wrapper .mobile-icon { float:none; width:64px; height:64px; margin:0 auto; display:block; color:#FFF; background:#A99F86; border-radius:50%; position:relative; padding:16px 0 0 0; transition:background 0.3s ease 0s; -webkit-transition:background 0.3s ease 0s; -moz-transition:background 0.3s ease 0s; -ms-transition:background 0.3s ease 0s; } 
#leadership-wrapper .mobile-icon i { margin:0 0 0 17px; color:#FFF; width:29px; height:29px; display:block; background:url(../images/leadership-mobile-plus-minus.png) no-repeat 0 0; }
#leadership-wrapper .content { padding:0; margin:0 0 40px 0; }

#leadership-wrapper article.active .title { background:none; }
#leadership-wrapper article.active .mobile-icon { background:#FECC0D; padding:30px 0 0 0; }
#leadership-wrapper article.active .mobile-icon i { background-position:0 -29px; }

#leadership-wrapper aside { width:100%; float:none; }
#leadership-wrapper .main { width:100%; float:none; }


/*-----------------------------------------------------------------------------------*/
/* 11. = Corporate Ethics Page styling
/*-----------------------------------------------------------------------------------*/

#corporate-ethics-hero { height:700px; padding-top:160px; background-position:center center; position:relative; }
#corporate-ethics-hero h1 { padding:0 40px; }
#corporate-ethics-hero .content { position:absolute; padding:0 60px; bottom:120px; width:100%; left:0; font-size:18px; font-family: 'Raleway', sans-serif; letter-spacing:1px; font-weight:300; color:#861C66; }
#corporate-ethics-hero .content p:last-child { margin:0; }

#corporate-ethics-wrapper aside { width:100%; float:none; }
#corporate-ethics-wrapper .main { width:100%; float:none; }
#corporate-ethics-wrapper .main article { padding-left:0; padding-right:0; }
#corporate-ethics-wrapper .main article .title { padding-right:0; }
#corporate-ethics-wrapper .main article .title h2 { margin-top:17px; max-width:none; float:none; text-align:center; }
#corporate-ethics-wrapper .main article .icon { display:none; }
#corporate-ethics-wrapper .main article .mobile-icon { width:64px; height:64px; padding:16px 0 0 0; margin:30px auto 0 auto; background:#A89F87; border-radius:50%; }
#corporate-ethics-wrapper .main article .mobile-icon i { margin:0 0 0 17px; width:29px; height:29px; display:block; background:url(../images/leadership-mobile-plus-minus.png) no-repeat 0 0; margin:0 0 0 17px; }
#corporate-ethics-wrapper .main article.active .mobile-icon { padding:30px 0 0 0; }
#corporate-ethics-wrapper .main article.active .mobile-icon i { background-position:0 -29px; margin:0 0 0 17px; }


/*-----------------------------------------------------------------------------------*/
/* 12. = History Page styling
/*-----------------------------------------------------------------------------------*/

#history-hero { height:auto; padding:40px 0; background-position:center center; position:relative; }
#history-hero h1 { color:#880063; margin:0 0 20px 0; }
#history-hero .content { position:static; bottom:150px; left:0; width;100%; padding:0; font-family: 'Raleway', sans-serif; letter-spacing:1px; }
#history-hero .content p:last-child { margin:0; color:#880063; font-weight:700; }
#history-hero .arrow { display:none; }
#history-wrapper aside { width:100%; float:none; }
#history-wrapper .main { width:auto; float:none; margin-left:20px; }
#history-wrapper .main .top-content { margin-left:-20px; }
#history-bottom .one-second img { position:static; width:95%; margin-left:-20px; }



/*-----------------------------------------------------------------------------------*/
/* 13. = Business Development Page styling
/*-----------------------------------------------------------------------------------*/

#business-development-hero { height:800px; padding:0; position:relative; }
#business-development-hero h1 { position:absolute; left:20px; bottom:200px; margin:0; }

#business-development-wrapper .main { width:100%; float:none; }
#business-development-wrapper aside { width:100%; float:none; }
.timeline { width:100%; float:none; }
.timeline li .timeline-content { max-width:75%; }



/*-----------------------------------------------------------------------------------*/
/* 14. = Directors Board Page styling
/*-----------------------------------------------------------------------------------*/

#directors-board-hero { height:800px; padding:50px 0 0 0; }
#directors-board-hero p { width:60%; color:#880063; font-family: 'Raleway', sans-serif; letter-spacing:1px; font-size:18px; }

#directors-board-wrapper aside { width:100%; float:none; border-bottom:1px solid #a89f87; margin:0 0 20px 0; padding:0 0 5px 0; } 
#directors-board-wrapper .tabs { width:100%; float:none; }
#directors-board-wrapper .tabs article { padding-left:0; padding-right:0; }
#directors-board-wrapper .tabs article .title { padding-right:0; }
#directors-board-wrapper .tabs article .title p { width:75%; }
article .title:hover strong { text-decoration:none !important; }
article .title:hover h2 { text-decoration:none !important; }

#directors-board-bottom .one-third { width:100%; float:none; margin:0 0 40px 0; }
#directors-board-bottom .two-third { width:100%; float:none; }



/*-----------------------------------------------------------------------------------*/
/* 15. = Sponsorships Page styling
/*-----------------------------------------------------------------------------------*/

#sponsorships-hero { height:600px; padding:50px 0 0 0; }
#sponsorships-hero p { width:60%; color:#FFF; font-family: 'Raleway', sans-serif; letter-spacing:1px; font-size:18px; }
#sponsorships-wrapper { padding-top:30px; padding-bottom:30px; }
#sponsorships-wrapper aside { width:100%; float:none; }
#sponsorships-wrapper .tabs { width:100%; float:none; }
#sponsorships-wrapper .tabs article { padding-left:0; padding-right:0; }
#sponsorships-wrapper .tabs article .title { padding-right:0; }
#sponsorships-wrapper .tabs article .title p { width:75%; }
#sponsorships-wrapper .tabs article .title h2 { float:none; text-align:center; }
#sponsorships-wrapper .tabs article .title .icon { display:none; }
#sponsorships-wrapper .tabs article .mobile-icon { width:64px; height:64px; padding:16px 0 0 0; margin:30px auto 0 auto; background:#A89F87; border-radius:50%; }
#sponsorships-wrapper .tabs article .mobile-icon i { margin:0 0 0 17px; width:29px; height:29px; display:block; background:url(../images/leadership-mobile-plus-minus.png) no-repeat 0 0; margin:0 0 0 17px; }
#sponsorships-wrapper .tabs article.active .mobile-icon { padding:30px 0 0 0; }
#sponsorships-wrapper .tabs article.active .mobile-icon i { background-position:0 -29px; margin:0 0 0 17px; }



/*-----------------------------------------------------------------------------------*/
/* 16.= News Page styling
/*-----------------------------------------------------------------------------------*/

#news-hero { height:800px; padding:0; position:relative; }
#news-hero h1 { position:absolute; left:20px; bottom:200px; margin:0; }
#news-wrapper .main { width:100%; float:none; }
#news-wrapper aside { width:100%; float:none; margin:0 0 40px 0; border-top:none; }
body.page-id-10 #news-wrapper aside { border-top:none; padding-top:0; margin:0 0 40px 0; }
.news-list li .title { width:60%; }



/*-----------------------------------------------------------------------------------*/
/* 17.= Careers Page styling
/*-----------------------------------------------------------------------------------*/

#careers-hero { height:800px; padding:0; position:relative; }
#careers-hero h1 { position:absolute; left:60px; top:50px; margin:0; }

#careers-content .two-third { padding-top:30px; padding-right:0; margin-bottom:50px; width:100%; }
#careers-content .one-third { text-align:center; padding:200px 50px; width:auto; margin:0 -20px 40px -20px; background:url(../images/careers-mobile-rings.png) no-repeat center center; background-size:cover; }
#careers-content .one-third-last { text-align:center; padding:200px 50px; width:auto; margin:0 -20px 40px -20px; background:url(../images/careers-mobile-rings.png) no-repeat center center; background-size:cover; }

.careers-tabs .tabs { text-align:center; width:160px; display:inline-block; padding-left:50px; padding-bottom:0; margin-left:50px; border-left:1px solid #880063; border-bottom:none; margin-bottom:50px; }
.careers-tabs .tabs li { float:none; margin:0 auto 30px auto; display:block; width:112px; height:112px; }
.careers-tabs .tabs li:last-child { margin:0 auto; }
.careers-tabs .tabs li i { left:-51px; top:50%; margin:-18px 0 0 0 ; width:16px; height:36px; background:url(../images/careers-right-arrow.png) no-repeat; }
.careers-tabs .tab-content { text-align:left; }

/*
.careers-tabs { text-align:center; }
.careers-tabs .tabs li { width:70px; height:70px; margin:0 5px; float:none; display:inline-block; vertical-align:middle; }
.careers-tabs .tabs li i { bottom:-40px; }
*/

.careers-mobile-tabs ul { margin:0; padding:0; }
.careers-mobile-tabs ul li { margin:0 0 60px 0 !important; list-style:none !important; padding:0; }
.careers-mobile-tabs img { margin:0 auto 20px auto; }
.careers-mobile-tabs h2 { text-align:center; }


.careers-bottom .one-second img { position:static; width:95%; margin-left:-20px; }



/*-----------------------------------------------------------------------------------*/
/* 18.= Popup styling
/*-----------------------------------------------------------------------------------*/

.popup .btn-content { max-width:90%; margin:30% auto 0 auto; padding:50px 20px; }
.popup .btn-content h2 br { display:none; }
.popup .btn-content .btn { margin:0 10px; width:180px; }
#cookie-law-info-bar { padding:10px 20px !important; }



/*-----------------------------------------------------------------------------------*/
/* 19.= Template Pieces styling
/*-----------------------------------------------------------------------------------*/

.tab-buttons li.one-forth { width:100%; display:table; border:none; border-bottom:1px solid #FFF; }
.tab-buttons li.one-forth a { display:table-cell; vertical-align:middle; height:40px; }
.tab-buttons li.one-forth br { display:none; }
.tab-buttons li:nth-child(2){ border-right:none; }
.tab-button-content form .field.left-half { float:none; width:100%; }
.tab-button-content form .field.right-half { float:none; width:100%; }

.tab-button-content .tabs { width:100%; float:none; }
.tab-button-content .tabs article { padding-left:0; padding-right:0; }
.tab-button-content .tabs article .title { padding-right:0; }
.tab-button-content .tabs article .title p { width:75%; }



}


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

}

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

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

#header { height:80px; }
#header .logo { width:70%; margin:18px 0 0 0; }
#header .menu { margin:24px 0 0 0; }
#header .menu.active { width:80px; height:80px; }

#page-hero { height:700px; }
#page-hero h1 { left:40px; bottom:120px; }



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

#home-mobile-slider .slides li .image { height:375px; }
#home-mobile-slider .flex-control-nav { top:60%; }
.testimonial-circle p { font-size:14px; }



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

.entry .map-list li { width:100%; float:none; }
.entry .map-list li:nth-child(2n) { float:none; }



/*-----------------------------------------------------------------------------------*/
/* 9. = About Page styling
/*-----------------------------------------------------------------------------------*/

#about-hero { height:700px; }
#about-hero h1 { left:40px; bottom:120px; width:40%; }

.testimonial-circle { width:300px; height:292px; background-size:100% 100%; padding:70px 50px 0 50px; }



/*-----------------------------------------------------------------------------------*/
/* 10. = Leadership Page styling
/*-----------------------------------------------------------------------------------*/


#leadership-wrapper .image-container .image { width:236px; height:230px; padding:10px 10px 10px 13px; }
#leadership-wrapper .image-container .image img { width:210px; height:210px; }
#leadership-wrapper aside p br { display:block; }


/*-----------------------------------------------------------------------------------*/
/* 11. = Corporate Ethics Page styling
/*-----------------------------------------------------------------------------------*/

#corporate-ethics-hero { height:750px; }
#corporate-ethics-hero .container { padding-left:40px; padding-right:40px; }
#corporate-ethics-hero h1 { padding:0; }
#corporate-ethics-hero .content { padding:0 40px; bottom:180px; }
#corporate-ethics-wrapper .main article h2 { margin-top:5px; }



/*-----------------------------------------------------------------------------------*/
/* 12. = History Page styling
/*-----------------------------------------------------------------------------------*/

#history-hero { padding:80px 0; }
#history-hero .content { padding:0 40px; bottom:200px; }



/*-----------------------------------------------------------------------------------*/
/* 13. = Business Development Page styling
/*-----------------------------------------------------------------------------------*/

.timeline li .timeline-content { max-width:65%; }



/*-----------------------------------------------------------------------------------*/
/* 14. = Directors Board Page styling
/*-----------------------------------------------------------------------------------*/

#directors-board-bottom .tablepress { font-size:11px; }
#directors-board-bottom .tablepress thead th { padding-left:0; padding-right:0; }
#directors-board-bottom .tablepress tbody td { padding-left:0; padding-right:0; }



/*-----------------------------------------------------------------------------------*/
/* 15.= Sponsorships Page styling
/*-----------------------------------------------------------------------------------*/

#sponsorships-wrapper .tabs article .title h2 { line-height:1.2; }
#tablepress-9 tr td { padding:5px 2px; vertical-align:middle; }

body.page-id-108 .tablepress tr td { font-size:8px; padding:2px; }
body.page-id-108 .tablepress tr td:first-child { font-size:8px; }
body.page-id-108 .tablepress tr td:nth-child(4) { font-size:8px; }
body.page-id-108 .tablepress tr td .download.pdf { background-size:15px auto; padding-left:20px; background-repeat:0 center; }



/*-----------------------------------------------------------------------------------*/
/* 16.= News Page styling
/*-----------------------------------------------------------------------------------*/

.news-list li .title { width:100%; clear:both; margin:5px 0 10px 0; }



/*-----------------------------------------------------------------------------------*/
/* 17.= Careers Page styling
/*-----------------------------------------------------------------------------------*/

#careers-hero { height:700px; }
#careers-hero h1 { left:20px; }

#careers-content .one-third { padding:150px 50px; }
#careers-content .one-third-last { padding:150px 50px; }



/*-----------------------------------------------------------------------------------*/
/* 18.= Popup styling
/*-----------------------------------------------------------------------------------*/

.popup .btn-content .btn { margin:0 auto 20px auto; }
.popup .btn-content h2 { font-size:12px; }








}