@charset "utf-8";
/* CSS Document */
/*********************************************************************************
  Project   : Way out of Line - Design
  Copyright : © 2013 by Way out of Line - www.wayoutofline.net
**********************************************************************************/
@media only screen and (min-width:1440px) {
  .frame,.bottom footer{margin-left:50px;}
  #map-wallpaper{display:block;}
  .bottom-banner .frame{width:1150px;margin-left:0px;}
}
@media only screen and (min-width:767px) and (max-width:830px){
  .frame,.bottom footer{width:730px;}
  .header div#login-box{right:17px;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .frame,.bottom footer{width:770px;}
  #sign-up-today{display:none}
  .header div#login-box{right:7px;}
  #location-indicator{top:34px;left:460px;}
  .slider{height:309px;}
  .slider-container,.slider-map,.slider-yt-video,.slider-media-div{width:518px;height:306px;}
  #slider-controls-bg{top:269px;}
  .slider .frame ul li img{display:block;max-width:518px;}
  body .bx-wrapper ul li img{width:518px;height:306px;}
  body .bx-wrapper ul li iframe{width:518px;height:306px;}
  body .bx-wrapper .bx-prev{right:107px;bottom:0px;}
  body .bx-wrapper .bx-next{right:70px;bottom:0px;}
  .navi-panel{height:309px;}
  .bx-wrapper{width:518px;height:306px;}
  div.texte h3.slider-texte-headline{font-size:1.4em;}
  div.texte p.slider-texte-text{font-size:1.2em;line-height:1.2em;}
  .slider-infoslide-bg{min-height:306px;background-size:100% 306px;}
  .content_tris{width:521px;}
  .tri_width_1{width:100%;}
  .tri_width_2{width:100%;}
  .tAbox_style_1,.tAbox_style_2,.tAbox_style_3{min-height:280px;}
  .tAbox_style_3{float:left;}
  .tBbox_style_3{float:left;}
  .title-banner-content{width:521px;}
  .title-banner h3{font-size:17px;margin-top:16px;}
  /*#pin-button-rad-card{width:176px;height:154px;background:url("../img/pin-rad-card.png") no-repeat scroll 0% 0% transparent;display:block;position:absolute;top:-20px;right:-20px;z-index:200;}*/
  .bottom-banner ul li a, .bottom-banner ul li a:visited {padding:0 5px 0 30px;}
  .bottom-banner ul li a:before {left:5px;}
  .bottom footer .footer-box-one, .bottom footer .footer-box-two, .bottom footer .footer-box-three, .bottom footer .footer-box-four {width:165px;}
  .bottom footer .footer-box-one p img {width:100%;}
  .bottom footer .footer-box-four p input {width:143px;}
  .credits p.copyrights-text{width:72%;}
  .credits{height:122px;}
  #footer-menu ul{width:100%;}
  .bottom-banner .partner-logos{width:100%;left: 18px;}
  span.sm_text{display:block;margin:7px 0px 10px 3px;float:left;font-size:10px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .frame,.bottom footer{width:480px;}
  #logo-title{top:70px;left:5px;/*font-size:9px;*/}
  .header-mobile{display:block;}
  .header div#navi-box{display:none;}
  .navi-panel{display:none;}
  header.header.nav-absolute{display:none;}
  div#login-box{top:40px;}
  #sign-up-today{display:none}
  #social-media-box{top:21px;right:-36px;width: 300px;}
  #location-indicator{top:17px;/*left:243px;*/min-width:73px;width:73px;left:233px;/*271px;*/}
  .globe-image{background:url(../img/ilovenextbike.png) no-repeat top center transparent;}
  #iluvnextbikefont.city-name{padding:33px 0px 0px 0px;width:73px;font-size:14px;}
  #navi.mobile .language-selector{display:block;margin-bottom: 2em;}
  .language-selector{top:8px;left:0px;width:226px;}
  .slider{height:286px;}
  .slider-container, .bx-wrapper,.slider-map,.slider-yt-video,.slider-media-div{width:480px;height:283px;/*background:none;*/}
  #slider-controls-bg{top:246px;left: 312px;}
  img.replaced-slider{max-width:478px;}
  body .bx-wrapper ul li img{width:480px;height:283px;}
  body .bx-wrapper ul li iframe{width:480px;height:283px;}
  body .bx-wrapper .bx-prev{right:109px;bottom:0px;}
  body .bx-wrapper .bx-next{right:72px;bottom:0px;}
  div.texte h3.slider-texte-headline{font-size:1.3em;}
  div.texte p.slider-texte-text{font-size:1.1em;line-height:1.1em;}
  .slider-infoslide-bg{min-height:283px;background-size:100% 283px;}
  .navi-panel{display:none;height:286px;}
  .content_tris{width:100%;margin-left:0px;}
  .content .frame,.title-banner .frame{background:none;}
  .content-2 .frame{background:#fff;}
  .tri_width_1{width:100%;}
  .tri_width_2{width:100%;}
  .tAbox_style_1, .tAbox_style_2, .tAbox_style_3{min-height:280px;}
  .title-banner-content{width:100%;margin-left:0px;}
  .title-banner h3{font-size:17px;margin-top:16px;}
  #pin-button-rad-card{width:113px;height:99px;/*background:url(../img/pin-rad-card-small.png) no-repeat;*/top:-48px;right:6px;}
  #pin-button-rad-card img{width:113px;height:99px;}
  /*.bottom-banner p {display:none;}*/
  .bottom-banner ul li {font-size:12px;}
  .bottom-banner ul li a, .bottom-banner ul li a:visited {padding:0 10px 0 30px;}
  .bottom-banner ul li a:before {left:5px;}
  .bottom footer .footer-box-one, .bottom footer .footer-box-two, .bottom footer .footer-box-three, .bottom footer .footer-box-four {width:240px;}
  .bottom footer .footer-box-one {width:200px;}
  .bottom footer .footer-box-one p img {width:100%;}
  .bottom footer .footer-box-three {clear:both;padding-left:0;width:200px;}
  .bottom footer .footer-box-four p input {width:215px;}
  .bottom-banner .partner-logos{width:90%;padding-bottom:8em;}
  .bottom-banner a#mrr{margin-left:26px;}
  #footer-menu{margin-top:10px;}
  #footer-menu ul{width:100%;}
  .credits{height:162px;}
  .mobile-navi { height: 40px; }
  #mobile-navi-button,#mobile-menu{display:block;}
  #selectors{width:100%;float:none;text-align:center;top:0px;margin-top:10px;right:0px;}
}
@media only screen and (max-width: 479px) {
  iframe{max-width:100%;}
  .frame,.bottom footer{width:100%;}
  #logo-title{top:70px;left:5px;/*font-size:9px;*/}
  .header-mobile{display:block;height:298px;}
  .header div#navi-box{display:none;}
  .navi-panel{display:none;}
  header.header.nav-absolute{display:none;}
  #sign-up-today{display:none}
  .header-holder{height:263px;}
  div#login-box{top:170px;left:50%;margin-left:-152.5px;width:305px;height:171px;background:url("../img/login-box-bottom-2.png") no-repeat scroll 0px 100% transparent;}
  div#login-box .login-box-content{width:230px;}
  input#tel,input#pin{width:214px;}
  div#login-box .login-box-content span.input-question{left:200px;}
  #social-media-box{top:21px;right:-38px;}
  #location-indicator{top:123px;/*147px*/left:50%;margin-left:-49.5px;min-width:73px;width:73px;}
  .globe-image{background:url(../img/ilovenextbike.png) no-repeat top center transparent;}
  #iluvnextbikefont.city-name{padding:33px 0px 0px 0px;width:73px;font-size:14px;}
  .header-mobile .logo,.header-mobile .logo:visited{top:75px;left:50%;margin-left:-117.5px;}
  #navi.mobile .language-selector{display:block;margin-bottom: 2em;}
  .language-selector{top:8px;left:0px;width:226px;}
  .slider{height:286px;}
  .slider-container, .bx-wrapper,.slider-map,.slider-yt-video,.slider-media-div{width:480px;height:283px;}
  #slider-controls-bg{top:246px;left: 170px;}
  body .bx-wrapper ul li img{width:480px;height:283px;}
  body .bx-wrapper ul li iframe{width:480px;height:283px;}
  body .bx-wrapper .bx-prev{right:109px;bottom:0px;}
  body .bx-wrapper .bx-next{right:72px;bottom:0px;}
  div.texte h3.slider-texte-headline{font-size:0.9em;}
  div.texte p.slider-texte-text{font-size:0.8em;line-height:0.9em;width:60%;}
  .slider-infoslide-bg{min-height:283px;background-size:100% 283px;}
  .bx-controls-direction{left:-141px;position:relative;}
  /*#navi.mobile .language-selector{display:block;margin-bottom: 2em;}
  .language-selector{top:8px;left:0px;width:226px;}*/
  img.replaced-slider{max-width:299px;}
  .bx-wrapper .bx-pager {display:none;}
  /*#logo-title{display:none;}*/
  #logo-title{top:70px;left:5px;/*font-size:9px;*/}
  .title-banner ul {/*top:82px;*/display:none;}
  .title-banner h1 span {display:none;}
  .content_tris{width:100%;margin-left:0px;}
  .content .frame,.title-banner .frame{background:none;}
  .content-2 .frame{background:#fff;}
  .tri_width_1{width:100%;}
  .tri_width_2{width:100%;}
  .tAbox_style_1, .tAbox_style_2, .tAbox_style_3{min-height:280px;}
  .what-is-nextbike-heading h4,.what-is-nextbike-heading h2{font-size:20px;}
  .what-is-nextbike-text{float:left;}
  .title-banner-content{width:100%;margin-left:0px;}
  .title-banner h3{font-size:17px;margin-top:16px;}
  #pin-button-rad-card{width:113px;height:99px;/*background:url("../img/pin-rad-card-small.png") no-repeat scroll 0% 0% transparent;*/top:92px;right:-14px;}
  #pin-button-rad-card img{width:113px;height:99px;}
  #footer-menu ul{width:87%;margin:0px auto;padding-bottom:1em;}
  .bottom-banner .partner-logos{width:60%;padding-bottom:19em;}
  .bottom-banner a#bb{margin-left:25px;}
  .bottom-banner a#pr{margin-left:26px;}
  .bottom-banner p {display:none;}
  .bottom-banner ul li {font-size:12px;}
  .bottom-banner ul li a, .bottom-banner ul li a:visited {padding:0 5px 0 4px;}
  .bottom-banner ul li a:before {display:none;}
  .bottom-banner ul li a:after {background:none;}
  .bottom footer .footer-box-one, .bottom footer .footer-box-two, .bottom footer .footer-box-three, .bottom footer .footer-box-four {width:280px;padding:0 10px 10px 10px;float:none;}
  .bottom footer .footer-box-four p input {width:255px;}
  .bottom p{padding:0px 0px 21px;}
  .credits{height:192px;}
  .credits p,.credits .ui-btn-inner{font-size:9px;}
  .mobile-navi { height: 40px; }
  #mobile-navi-button,#mobile-menu{display:block;}
  #selectors{width:100%;float:none;text-align:center;top:0px;margin-top:10px;right:0px;}
  .content-media-image{max-width:100%;}
  .inline{max-width:100%;}
}
@media only screen and (max-width: 403px) {
  .slider{height:237px;}
  .slider-container, .bx-wrapper,.slider-map,.slider-yt-video,.slider-media-div{width:400px;height:235px;}
  #slider-controls-bg{top: 198px;left: 103px;}
  body .bx-wrapper ul li img{width:400px;height:235px;}
  body .bx-wrapper ul li iframe{width:400px;height:235px;}
  body .bx-wrapper .bx-prev{right:109px;bottom:0px;}
  body .bx-wrapper .bx-next{right:72px;bottom:0px;}
  div.texte h3.slider-texte-headline{font-size:0.9em;margin-top: -5px;}
  div.texte p.slider-texte-text{font-size:0.8em;line-height:0.9em;width:60%;}
  div.texte h3.slider-texte-headline.align-right, div.texte p.slider-texte-text.align-right{margin-left: -56px}
  div.texte h3.slider-texte-headline.align-left, div.texte p.slider-texte-text.align-left{margin-left: 56px}
  .slider-infoslide-bg{min-height:235px;background-size:100% 235px;}
  .bx-controls-direction{left:-127px;position:relative;}
  .bx-wrapper .bx-pager {display:none;}
}
@media only screen and (min-width: 480px) and (max-width: 520px) {
  #location-indicator{display:none;}
}