/*--------- iPad Landscape and Desktops ---------*/
@media(min-width:1200px) {
#mobishownav, .mobi-phone .slimScrollDiv, .header-section .slimScrollDiv {display:none!important}
#leftnavigation>ul {display:block!important}
}

@media all and (min-width:992px) {
body#talented-people #box-5{width:32%;}
#box-5 img {width:auto; height:100%;}
#box-5{width:66%;}
}


@media all and (min-width:992px) and (max-width:1199px) {
#mobishownav, .mobi-phone .slimScrollDiv, .header-section .slimScrollDiv {display:none!important}
#leftnavigation>ul {display:block!important}
.threecolright {padding-left:10px;padding-right:10px}
#breadcrumb {padding-left:10px;padding-right:10px}
.mainrightContent {padding-left:10px;padding-right:15px}
#no-left-col {padding-left:10px}
.leftcol {padding-left:15px}
.header-section .logo-section {float:left;padding-left:10px}
.bod-image:hover .bod-hover-effect {display:none}
.news-item {padding:10px}
.video{min-height:510px;}
.header-section .navigation ul.left-nav li a{padding:0 4px;}
}



/*--------- iPad Portrait and large Tablets Portrait ---------*/
@media all and (min-width:768px) and (max-width:991px) {
.main-tab-content {margin-left:15px;}
.navigation, .header-wrapper .top-header ul {display:none}
.header-wrapper {padding:30px 15px 0}
.mobishow {display:block}
.leftcol {float:left;padding-left:10px;width:100%;padding-right:10px}
.page-title, .page-intro-text, .page-content {padding-left:10px}
#breadcrumb {padding-left:10px;padding-right:10px}
.mainrightContent {padding-left:0;padding-right:15px}
#leftnavigation>ul {display:none;float:left;width:100%;background-color:#fff;position:absolute;z-index:99;border:2px solid;border-top:0 solid}
.leftnavigation {float:right;width:30%;position:relative}
p#sectionheader {float:left}
.in-this-section {border:2px solid;background:url('/~/media/Images/A/Arriva-Corporate-V2/icons/in-this-section.gif') no-repeat right center;cursor:pointer;font-size:2.4em;color:#000;padding:8px 15px;
margin-bottom:0;line-height:30px}
.level2 a, .level2.current>span, .level3 a, .level3.current>span {padding-left:15px}
#footerlinks {float:right;padding-top:3px}
#footerlinks>ul {float:left}
#footerlinks ul li {float:none;padding:0 5px 10px 20px}
#auto-top-link {margin-left:10px}
.related-links li {background-position:9% center}
.threecolright {padding-left:0;padding-right:10px}
.mainrightContent.col-sm-12 {padding-right:0}
.leftnavigation {width:36%}
.color-box-sp>a, .sp-download-box>a {padding:67px 15px 15px}
.info-sp {padding:25px 15px 15px}
.regions, .contact-us-container, .news-filter {padding-left:10px}
.contact-add {width:45%}
.bod-image:hover .bod-hover-effect {display:none}
.news-container {padding-left:10px;padding-right:10px}
.news-item {padding:10px}
p#sectionheader {margin-top:25px;margin-bottom:30px}
.centreContent.row {padding-top:20px}
.searchresultpage {padding-left:10px;padding-right:10px}
.download-bottom {padding-left:10px}
.video{min-height:370px;}
#sign-up-box .creditsContainer { display: block;padding-bottom: 0;padding-top: 30px;float: left;}
.creditsContainer > a {display: block;text-align: left;float: left;}
.search-phone{top:30%;}
.snapdown-container .snapdown-main-content{padding: 0 10px;}
#page-iframe-container {padding:0 10px;}

body#photo-competition .image-cat-filter ul {height:485px !important; overflow:scroll !important;}
body#photo-competition .image-filter .filter-cat-text {padding:15px 11px 15px 10px !important;}
#expologo {float: right;padding-bottom: 10px;padding-left: 20px;}
}
/*--------- All Small Tablets and Large Phones Global CSS ---------*/
@media(max-width:767px) {

#box-5 img {width:100%; height:auto;}
 .mobi-phone-img.active {
    background-position: 50% -18px;}
.bannerInnerLink > a{font-size: 1.8em;}
#page-iframe-container {padding:0 10px;}
.sp-download-box{background-position:90% 50%;}
.snapdown-container .snapdown-main-content{padding: 0 10px;}
.page-content.right-image{float:left;width:100%}
.page-intro-text.right-image{float:left;width:100%}
.image-right{float:left;padding-left:10px}
#footerlinks {float:right;padding-top:3px}
#footerlinks>ul {float:left}
#footerlinks ul li {float:none;padding:0 5px 10px 0px}
.secondWord{padding-left:0 !important}
.w2h1 .category, .w2h2 .category, .element.w1h2-r .category{float: right;width:100%}
#contentwrapper{padding-left: 10px;padding-right: 10px;}
.video{min-height:370px;}
.navigation, .header-wrapper .top-header ul, .search-phone {display:none}
.header-wrapper {padding:30px 15px 0}
.mobishow {display:block}
.mobi-search-phone {display:block}
#Homepage #bannerwrapper {display:none}
.leftcol {float:left;padding-left:10px;width:100%;padding-right:10px}
.page-title, .page-intro-text, .page-content, .download-bottom {padding-left:10px;padding-right:10px}
#breadcrumb {padding-left:10px;padding-right:10px}
.mainrightContent {padding-left:0;padding-right:0}
#leftnavigation640>ul {display:none;float:left;width:100%;background-color:#fff;position:absolute;z-index:99;border:2px solid;border-top:0 solid}
.leftnavigation640 {float:right;width:100%;position:relative;margin-bottom:20px}
p#sectionheader {float:left;width:100%}
.in-this-section {border:2px solid;background:url('/~/media/Images/A/Arriva-Corporate-V2/icons/in-this-section.gif') no-repeat right center;cursor:pointer;font-size:2.4em;color:#000;padding:8px 15px;margin-bottom:0;line-height:30px}
.level2 a, .level2.current span, .level3 a, .level3.current span {padding-left:15px}
.tl-box {width:49%}
#box-2, #box-4 {margin:0 0 0 2%}
#box-4 {clear:none}
#box-3 {clear:left}
#box-5 {width:100%;margin:0}
.filter-input-box, .filter-input2, .filter-input1 {width:49%;margin-left:0;margin-bottom:10px;margin-right:1%}
.threecolright {padding-left:10px;padding-right:10px}
.related-links li {background-position:3% center}
.image-filter {float:right;padding-top:10px;width:100%}
.image-filter>p {display:none}
.image-cat-filter {width:100%}
.image-filter .filter-cat-text {background-position:94% center}
.image-filter li {padding-left:10px}
.history-upper p, .history-image {float:left;width:100%}
.history-content>p, .history-content>h2 {padding-left:0}
.history-content {float:left;padding-top:20px;width:100%}
.history-journeys {width:100%!important}
.history-upper.active {background-position:97% -17%}
.history-upper {background-position:97% 112%}
#awards-container .history-upper .history-employees {width:100%}
.history-title {padding-left:0}
#awards-container .history-upper {background-position:97% 1550%}
#awards-container .history-upper.active {background-position:97% -1376%}
#footerlinks>ul {float:left}
#footerlinks {float:right;padding-top:30px;padding-left:10px}
#sign-up-box {padding-left:10px}
.regions, .contact-us-container {padding-left:10px}
.contact-add {width:100%}
.news-date, .news-title {width:100%}
#error-page #sectionheader {display:none!important}
.bod-image:hover .bod-hover-effect {display:none}
.centreContent.row {padding-top:20px}
.ui-menu {position:absolute!important;top:143px!important;width:100%!important;z-index:99999!important}
#bottom-extra-links {padding-top:30px;padding-left:10px}
.searchresultpage {padding:0 10px}
#sign-up-box .creditsContainer { display: block;padding-bottom: 0;padding-top: 30px;}
.creditsContainer > a {display: block;text-align: left;}
.news-filter{padding: 40px 10px 30px;}
.main-news-container{padding: 0px 10px 0px;}
.header-wrapper{min-height: 75px;}
.mobi-bod-desig{clear: left;}
.mobi-bod-title{background-position: 94% -90%;}
.mobi-bod-title.current{background-position: 94% 220%;}
#awards-container .history-upper.active, .history-upper.active {background-position: 97% 350%;}
#awards-container .history-upper, .history-upper {background-position: 97% -185%;}
#our-history .history-upper.active{background-position:97% -28px !important;}
#our-history .history-upper{background-position:97% 28px !important;}
.history-bottom{padding-left:10px;padding-right:10px;}
.awards-top-item{width: 100%;}
#awards-top-item-2{margin: 0 0%;}
.history-year{width:100% !important}
#container .content{padding-right:20px !important;}
.isotope .title{padding-right:20px;}
.social-media-links {float:left}

body#photo-competition .image-cat-filter ul {height:540px !important; overflow:scroll !important;}
body#photo-competition .image-filter .filter-cat-text {padding:15px 11px 15px 10px !important;}
#jobs-list {padding:0 10px}
body#talented-people #box-5 {margin-left:0px!important;}
}

/*--------- All Mobiles Portrait and Landscape Global CSS ---------*/

@media all and (min-width: 0px) and (max-width: 320px) {
body#together-we-are-arriva .iframeWrap {width:100%; height:200px}
.together-img {width:100%!important;padding-bottom:15px!important}
body#talented-people #box-5 {margin-left:0px!important;}
}


@media(min-width:320px) and (max-width:639px) {
.header-wrapper.fixed {padding-bottom:15px;}
.mobi-bod-cat {cursor:pointer;float:left;margin-bottom:10px;padding:15px 10px;width:100%;background:url("/~/media/Images/A/Arriva-Corporate-V2/icons/bod-up-down.png") no-repeat scroll 94% -35% #414042}
.mobi-bod-cat>p {color:#fff;font-family:arial;font-size:1.2em;font-weight:bold;line-height:12px;margin-bottom:0;text-transform:uppercase}
.mobi-bod-title {background-color:#fff;border-bottom:1px solid #e4e4e4;cursor:pointer;float:left;padding:15px 0 15px 20px;width:100%;background:url("/~/media/Images/A/Arriva-Corporate-V2/icons/bod-item-up-down.png") no-repeat scroll 94% -90% #f7f8fa}
.mobi-bod-title > p {color:#018091;float:left;margin-bottom:0;padding-right:10px;font-size:1.2em;line-height:12px;}
.mobi-bod-bio > p {color:#414042;font-size:1.2em;line-height:18px}
.mobi-bod-cat.current {margin-bottom:0;background-position:94% 160%;border-bottom:2px solid #000}
.mobi-bod-title.current {background-color:#018091;background-position:94% 220%}
.mobi-bod-desig {color:#333 !important;font-size:.9em !important}
.mobi-bod-title.current .mobi-bod-desig {color:#fff !important;font-size:.9em !important}
.mobi-phone {margin-left:10px;margin-right:10px}
#mobi-searchTextboxContainer, #mobi-SearchButtonContainer {height:43px}
#mobi-searchTextboxContainer input {font-size:1.3em}
#mobi-SearchButtonContainer>input {border:0 none;color:#fff;font-size:1.8em;height:100%;width:100%;background-color:#008091}
.header-wrapper {padding:15px 15px 0}
.main-mobi-search, .mobi-phone-dropdwn, #mobishownav {top:80px}
.mobishow {top:15px}
.image-gallery-slider .bx-viewport li {width:150px !important}
.history-upper p {font-size:1.6em}
.tl-box {width:100%;margin-top:20px;}
.tl-box .tl-box-img {height:auto!important}
#box-2, #box-4 {margin:0}
#box-5 {width:100%;margin-top:20px}
.sign-up {width:226px}
.filter-input-box, .filter-input2, .filter-input1 {width:100%;margin-left:0;margin-bottom:10px;margin-right:0}
.main-mobi-search, .mobi-phone-dropdwn, #mobishownav {top:75px}
.mobi-search-img.active {margin-top:-49px}
.mobi-phone-img, .mobi-search-img {height:38px;width:39px;background-size:cover}
.mobi-search-phone {margin-right:4%}
.mobi-phone-img.active {margin-top:-44px}
.mobi-phone {height:auto}
.mobinav span.navbg {height:20px;width:25px;background-size:cover}
#mobishownav {height:447px}
#mobishownav .showmore, #mobishownav .showmore1 {right:9px}
.region-text {width:100%;padding-left:0;padding-top:20px}
.region-drpdwn {width:60%}
.slimScrollDiv {top:75px}
.mobi-phone .slimScrollDiv {top:75px}
.page-left-content.page-content, .page-right-content.page-content {width:100%}
.video{min-height:219px;}
.bannerText{width: 80%;}
.download-ans span{font-size:1.1em !important;}
.countries-content .page-left-content, .countries-content .page-center-content, .countries-content .page-right-content{width:100% !important;}
.snapdown-main-content {float: left;margin-top: 20px;width: 100%;}
#meet-our-people .snapdown-container .snapdown-image, #meet-our-graduates .snapdown-container .snapdown-image {float: left;padding-left: 0;width: 100%; margin-bottom:15px}

.bannerLink{top: 63%;}
#sitemapcontainer {float: left;padding: 0 10px;width: 100%;}
.creditsContainer > a{float:left}
.intro > p{width:95%}
.image > img {width: auto;max-width: 100%;height: auto;}
 .mobi-phone-img.active {
    background-position: 50% -6px;}
.bannerInnerLink > a {
    font-size: 1.2em;line-height: 14px;
    padding: 5px;
}
.bannerLink img {
    height: 8px;
    margin-right: 3px;
    margin-top: -3px;
    width: 7px;
}

body#photo-competition .image-cat-filter ul {height:450px !important; overflow:scroll !important;}
body#photo-competition .image-filter .filter-cat-text {padding:15px 11px 15px 10px !important;}
#expologo {float: left;padding-left:0px; padding-bottom:10px;}
}

@media all and (min-width: 321px) and (max-width: 420px) {
body#together-we-are-arriva .iframeWrap {width:100%; height:230px}
.together-img {width:100%!important;padding-bottom:15px!important; padding-left: 10px!important;}
}

@media (max-width:360px){
#driving-innovation .history-upper p, #driving-innovation .history-upper.active p{font-size:1.3em;}
#expologo {float: left;padding-left:0px; padding-bottom:10px;}
#footerlinks ul li {padding:0 !important;}
}

@media all and (min-width: 521px) and (max-width: 640px) {
body#talented-people #box-5 {clear:left!important; width:49%!important;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { body#photo-competition .image-cat-filter ul {height:485px !important; overflow:scroll !important;} }