@import url(https://fonts.googleapis.com/css?family=Lato:400,300italic,300,400italic,700,700italic,900,900italic&subset=latin,latin-ext);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; line-height: normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {height: 100%; margin: 0;}
blockquote, q {quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
html, body {margin: 0; padding: 0; font-family: 'Lato', sans-serif; font-weight: normal; font-size: 14px; color: #666; }
body {background: #fff;}
a, p, li, span, h1, h2, h3 {color: #666; text-decoration: none; font-weight: normal; font-family: 'Lato', sans-serif; line-height: 160%;}
.clear {clear: both; float: none;}
strong {font-weight: 600;}
sup {font-size: 10px; vertical-align: top; display: inline-block;}
body {position: relative;}
.wrapper {max-width: 98%; padding: 0 1%; width: 1170px; margin: 0 auto;}
.col-left {float: left;}
.col-right {float: right;}

.footer {background: #666666; margin-top: 40px;}
.footer p {color: #fff; font-style: italic; font-size: 12px; text-align: center; padding: 25px 0; line-height: 170%;}
.footer p a {color: #fff; font-style: italic; font-size: 12px;}

.header {background: #fff;}
.header .menu li {display: inline-block; width: 12.9%; margin-left: 1%; min-width: 120px; text-align: center;  list-style: none;}
.header .menu li a {font-size: 13px; text-transform: uppercase; color: #2e3192; border-bottom: 2px solid #2e3192; display: block; padding-bottom: 15px; font-weight: 700;}
.header .menu li a:hover {color: #ed1c24; border-color: #ed1c24;}
.header .col-left img {width: 180px; height: auto; max-width: 100%; vertical-align: middle;}
.header .col-left {width: 18%; height: 120px; line-height: 120px;}
.header .col-right {width: 82%;}
.header .size {margin: 20px 0 33px 0; text-align: right; display: block;}
.header .size span {display: inline-block; color: #9e9e9e; border: 2px solid #9e9e9e; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 30px; font-weight: 700; cursor: pointer;}
.header .size span sup {font-size: 13px; vertical-align: middle; margin-top: -10px;}

.grey-box {background: #ebebeb;}
h3 {color: #2e3192; font-size: 24px; font-weight: 700; margin-bottom: 5px;}
p.black {color: #000; font-size: 16px;}
p.italic {font-style: italic;}
.black {color: #000;}

.content .slider {height: 600px; width: 100%; background: url('/images/topBg.jpg') center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin-bottom: 40px;}
.content .slider .wrapper {position: relative; top: 0; left: 0; height: 600px;}
.content .slider .lines {position: absolute; bottom: 0; left: 1%; right: 1%;}
.content .slider .lines a {float: left; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 20px; font-weight: 700; width: 24%; margin: 0.5% 0.5% 0 0.5%; background: rgba(46,49,146,0.9);}
.content .slider .lines a.red {background: rgba(237,28,36,1);}
.content .news {width: 64%;}
.content .news .news-header {background: #fff; border: 3px solid #ed1c24; height: 54px; line-height: 60px; margin-bottom: 20px;}
.content .news .news-header a {float: right;  background: #ed1c24; color: #fff; height: 54px; line-height: 54px; padding: 0 40px; font-size: 18px; font-weight: bold}
.content .news .news-header a img {padding-left: 10px; vertical-align: middle; margin-top: -3px;}
.content .news .news-header h2 {color: #ed1c24; font-size: 24px; text-transform: uppercase; font-weight: 900; padding: 0 30px; display: inline-block;}
.news-single {border: 3px solid #b8b8b8;}
.news-content {padding: 20px 20px 40px 90px; background: #fff url('/images/busBlueIcon.png') no-repeat 43px 29px;}
.news-content p a {color: #000; font-style: italic; font-weight: bold; display: inline-block; padding: 2px 0;}
.news-meta {background: #b8b8b8;}
.news-meta p {color: #000; height: 40px; line-height: 40px; padding-left: 70px;}
.content .contact {width: 33%;}
.content .contact p {padding-bottom: 7px;}
.content .contact .box {padding: 30px 50px 68px 50px; border: 0;}
.content .contact h2 {color: #ffffff; font-size: 24px; text-transform: uppercase; font-weight: 900; background: #ed1c24 url('/images/contactWhiteIcon.png') no-repeat 93% center; padding: 0 30px; height: 60px; line-height: 60px;}

.news-page .box-content {padding: 0;}
.content .box-content .news-single {border-width: 0;}

.content .box {border: 3px solid #b8b8b8;}
.box-content {padding: 30px 90px 50px 90px;}
.box-content ul {padding-top: 10px;}
.box-content ul li {list-style: none; margin-left: 30px;}
.box-content ul li span {padding-left: 50px; display: inline-block;}
.box-content ul li:before {background: #ed1c24; width: 6px; height: 6px; border-radius: 10px; content: ''; display: inline-block; margin-right: 15px; margin-top: -1px; vertical-align: middle;}
.box-header {background: #b8b8b8; height: 40px; line-height: 40px; padding: 0 20px;}
.box-header ul {text-align: right;}
.box-header ul li {list-style: none; vertical-align: middle; display: inline-block; padding-left: 17px; height: 40px; line-height: 32px;}
.box-header ul li img {vertical-align: middle;}

.page-header {background: url('/images/pageHeaderBg.jpg') no-repeat top center; background-size: 100% auto; height: 180px; margin-bottom: 40px;}
.page-header .wrapper {position: relative; top: 0; left: 0; height: 180px;}
.page-header h1 {background: #2e3192; color: #ffffff; font-size: 36px; font-weight: bold; height: 80px; line-height: 80px; padding: 0 60px; position: absolute; bottom: 0; left: 1.5%; right: 1.5%;}


.columns .sidebar {width: 33%;}
.columns .box {width: 64%;}
.columns .box .box-content {padding: 20px 30px;}
.columns .box .box-header {height: 60px; padding: 0 30px;}
.columns .box .box-header h3 { line-height: 60px; display: inline-block; width: 60%; vertical-align: middle;}
.columns .box .box-header ul {display: inline-block; width: 39%; vertical-align: middle;}

.columns .sidebar h2 {color: #ffffff; font-size: 24px; text-transform: uppercase; font-weight: 900; background: #ed1c24 url('/images/busBlueIcon.png') no-repeat 93% center; padding: 0 30px; height: 60px; line-height: 60px;}
.columns .sidebar ul {background: #ebebeb;}
.columns .sidebar ul li {border-top: 1px solid #b8b8b8; height: 51px; line-height: 51px; list-style: none; padding-left: 30px;}
.columns .sidebar ul li:first-child {border-top: 0;}
.columns .sidebar ul li a {color: #2e3192; font-size: 18px; display: inline-block; padding-left: 35px;}
.columns .sidebar ul li a:hover, .columns .sidebar ul li.active a {background: url('/images/bluePointer.png') no-repeat left center;}


.box-content ul.timetables li::before {display: none;}
.box-content ul.timetables li p {display: inline-block; vertical-align: middle; width: 350px; color: #000; text-transform: uppercase; font-size: 16px; font-style: italic;}
.box-content ul.timetables li p span {padding: 0; color: #000; text-transform: none;}
.box-content ul.timetables li img {vertical-align: middle; display: inline-block}
.box-content ul.timetables li {list-style: none; margin: 20px 0;}


.box-content .single-bus ul li {list-style: none; display: inline-block; margin-left: 0; margin-right: 5px; margin-bottom: 8px; vertical-align: top;}
.box-content .single-bus ul li::before {display: none;}
.box-content .single-bus ul li a {border: 1px solid #ed1c24; width: 315px; height: 170px; overflow: hidden; display: block; position: relative; top: 0; left: 0;}
.box-content .single-bus ul li a img {width: 100%; height: auto;}
.box-content .single-bus ul li a .overlay {position: absolute; opacity: 0; top: 0; bottom: 0; left: 0; right: 0; background: rgba(237,28,36,0.5) url('/images/zoomIcon.png') no-repeat center center; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.box-content .single-bus ul li:hover a .overlay {opacity: 1;}
.box-content .single-bus p.details > img {margin-left: -35px; margin-right: 14px; vertical-align: middle;}
.box-content .single-bus p.details {line-height: 30px; margin: 20px 0;}
.box-content .single-bus {margin-bottom: 25px; padding-bottom: 30px; position: relative; top: 0; left: 0;}
.box-content .single-bus:after {height: 3px; background: #b8b8b8; position: absolute; left: -90px; right: -90px; bottom: 0; content: ''; display: block;}
.box-content .single-bus:last-child {margin-bottom: 0; padding-bottom: 0;}
.box-content .single-bus:last-child:after {display: none;}

.contact-page .columns .sidebar h2 {text-transform: none; background: #ed1c24 url('/images/earthBlueIcon.png') no-repeat 93% center;}
.contact-page .columns .sidebar {background: #ebebeb;}
.contact-page .columns .sidebar table {width: 80%; margin: 20px auto;}
.contact-page .columns .sidebar table tr td {padding: 10px; vertical-align: middle;}
.contact-page .columns .sidebar table tr td:first-child {text-align: center;}
.contact-page .columns .sidebar table tr td img {vertical-align: top;}
.contact-page .columns .sidebar table tr td p, .contact-page .columns .sidebar table tr td p a {color: #2e3192; font-weight: bold; font-size: 16px;}
.contact-page .columns .sidebar table tr td p span {font-weight: bold;}

.contact-page .page-header {height: 400px;}
.contact-page .page-header h1 {background: rgba(46,49,146,0.7);}
.contact-page .page-header h1 span {position: absolute; right: 0; top: 0; background: #ed1c24; height: 80px; width: 80px; text-align: center; line-height: 85px;}
.contact-page #map {width: 100%; height: 400px;}
.contact-page .page-header .wrapper {position: relative; margin-top: -80px; height: 80px;}

.contact-page .box {border: 0; padding: 0;}
.contact-page .box .box-content {border: 3px solid #b8b8b8}
.contact-page form input[type=text], .contact-page form input[type=email] {border: 0; border-bottom: 2px solid #b8b8b8; background: #fff; height: 45px; line-height: 45px; color: #7b7b7b; font-size: 24px; display: block; width: 80%; margin-bottom: 10px;}
.contact-page form textarea {border: 0; background: #fff; height: 145px; line-height: 26px; color: #7b7b7b; font-size: 24px; display: block; width: 80%; margin-bottom: 10px; font-family: 'Lato';}
.contact-page form label {color: #666666; display: block; margin: 0 10px 10px 10px;}
.contact-page form img {margin: 20px 10px 5px 10px;}
.contact-page form input#captcha {border: 2px solid #b8b8b8; width: 130px; height: 30px; margin-left: 10px; font-size: 15px; padding: 0 1%; display: inline-block;}
.contact-page form button {border: 0; background: #ed1c24; color: #fff; font-size: 18px; font-weight: bold; font-family: 'Lato'; padding: 15px 30px; float: right; margin-top: -70px; cursor: pointer;}
.contact-page form button img {vertical-align: middle; margin: 0; margin-left: 10px; display: inline-block; margin-top: -3px;}
.contact-page form .wrong-captcha {color: #ed1c24; padding-left: 10px; display: none;}


.booking-page form {margin-top: 30px; max-width: 550px;}
.booking-page form input[type=text], .booking-page form input[type=email] {border: 0; border: 0; background: #f4f4f4; height: 30px; line-height: 30px; color: #7b7b7b; font-size: 16px; font-family: 'Lato'; display: block; width: 96%; margin-bottom: 10px; padding-left: 2%; padding-right: 2%;}
.booking-page form textarea {border: 0; background: #f4f4f4; height: 100px; line-height: normal; color: #7b7b7b; font-size: 16px; display: block; width: 96%; margin-bottom: 10px; font-family: 'Lato'; padding: 10px 2%;}
.booking-page form label {color: #666666; display: block; margin: 0 10px 10px 0;}
.booking-page form img {margin: 20px 10px 5px 0;}
.booking-page form input#captcha {border: 2px solid #b8b8b8; width: 130px; height: 30px; margin-left: 0; font-size: 15px; padding: 0 1%; display: inline-block;}
.booking-page form button {border: 0; background: #ed1c24; color: #fff; font-size: 18px; font-weight: bold; font-family: 'Lato'; padding: 15px 30px; float: right; margin-top: -70px; cursor: pointer;}
.booking-page form button img {vertical-align: middle; margin: 0; margin-left: 10px; display: inline-block; margin-top: -3px;}
.booking-page form .wrong-captcha {color: #ed1c24; padding-left: 0; display: none;}


.rules-page .box-content p {padding-bottom: 10px;}

.box iframe {width: 100%; margin-top: 20px; border: 1px solid #ed1c24;}

.timetable-page strong, .timetable-page strong span {font-weight: bold; color: #000;}
.timetable-page table {width: 100%; margin: 10px 0;}
.timetable-page td {padding: 2px !important;}
.timetable-page td img {vertical-align: middle; padding-left: 10px;}
.timetable-page.columns .box .box-content {padding: 20px 10px;}

.message-send, .menu-button {display: none;}


.popup {position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: scroll; background: rgba(255,255,255,0.6);}
.popup-wrapper {position: absolute; top: 100px; left: 48%; width: 600px; max-width: 90%; height: auto; border: 3px solid #ED1C24; padding: 20px 2%; margin-left: -300px; background: #fff;}
.popup-wrapper h1 {color: #2E3192; font-size: 20px; font-weight: 700; margin-top: 10px; text-align: center;}
.popup-wrapper h2 {color: #2E3192; font-size: 18px; font-weight: 700; margin-bottom: 5px; text-align: center;}
.popup-wrapper p {padding: 5px 0; text-align: justify;}
.popup-wrapper a, .pdf, .news-content p a.pdf {background: #ED1C24 none repeat scroll 0% 0%; color: #FFF; padding: 10px 20px; font-size: 15px; font-weight: bold; display: block; margin: 10px auto; max-width: 340px; text-align: center;}
.popup-wrapper span#close {position: absolute; right: 5px; top: 3px; font-weight: bold; text-transform: uppercase; color: #ED1C24; font-size: 12px; letter-spacing: 1px; cursor: pointer;}


.cookies-wrapper {z-index: 999;position: relative;top: 0;left: 0;right: 0;bottom: 0;vertical-align: middle;width: 100%;height: 100%;line-height: 100%;display: block;opacity: 1;}
.cookies-message {position: fixed; bottom: 0; left: 0; right: 0;width: 98%;padding: 5px 1% 10px 1%; background: #f1f1f1; text-align: center;}
.cookies-message p {font-size: 13px;line-height: normal;display: inline;}
.cookies-message p strong, .cookies-message p a {font-weight: 700;}
.cookies-message #accept-cookies-checkbox  {cursor: pointer;margin: 0;display: inline-block;text-align: center;font-size: 13px;text-transform: none;font-weight: 400;border-radius: 0;border: 0;width: auto;height: auto;line-height: normal;border-bottom: 1px solid #122e4c;margin-left: 5px;padding: 0;text-decoration: none;}

.timetable tr td {padding: 5px 8px; white-space: nowrap; font-size: 12px; text-align: center;}
.timetable tr td:first-child, .timetable tr.header td:first-child {white-space: normal; text-align: left;}
.timetable tr td.highlighted {font-weight: bold;}
.timetable {max-width: 100%;}
.timetable tr.header td {background-color: #2e3192; color: #fff; font-weight: bold; padding: 5px 2px !important; text-align: center;}
.timetable tr.odd td {background-color: #f5f5f5;}

.legend { margin-top: 5px;}
.legend ul {padding: 0;}
.legend ul li { margin: 0;}


.content .slider .search-box {position: absolute; bottom: 0; left: 1%; right: 1%; background: rgba(46,49,146,0.7);}
.content .slider .search-forms {display: none; position: absolute; bottom: 0; left: 0; right: 0; background: rgba(46,49,146,0.7);}
.content .slider .search-box .search-button {color: #ffffff; font-size: 36px; font-weight: bold; line-height: 80px; padding-left: 3%; background: url('/images/searchOpen.png') no-repeat top right; height: 80px; width: 97%; display: block; cursor: pointer;}
.content .slider .search-forms span.close {width: 80px; height: 80px; position: absolute; right: 0; top: 0; background: url('/images/searchClose.png') no-repeat top right;  cursor: pointer;}
.content .slider .search-forms .col {float: left; width: 50%;}
.content .slider .search-forms .col h2 {text-align: center; color: #fff; font-size: 24px; font-weight:  bold; line-height: 80px;}
.content .slider .search-forms .col form {background: #2e3192; padding: 15px 0; min-height: 250px; position: relative; left: 0; top: 0;}
.content .slider .search-forms .col:nth-child(2) form:after {position: absolute; right: 0; top: 15px; bottom: 15px; background: #fff; width: 1px; content: '';}
.content .slider .search-forms .col:nth-child(2) form button {margin-top: 55px;}
.content .slider .search-forms .col form .input-line {max-width: 320px; margin: 7px auto;}
.content .slider .search-forms .col form .input-line label {display: inline-block; vertical-align: middle; width: 25%; padding-right: 2%; text-align: right; font-size: 16px; font-style: italic; color: #fff;}
.content .slider .search-forms .col form .input-line input, .content .slider .search-forms .col form .input-line .select-wrapper {display: inline-block; vertical-align: middle; width: 67%; background: #f3f4f5; border: 1px solid #8589ff; height: 38px; padding: 0 2%; font-size: 14px; font-family: 'Lato'; font-weight: 400;}
.content .slider .search-forms .col form .input-line input.datepicker {background: #f3f4f5 url('/images/calendarIcon.png') no-repeat 97% center;}
.content .slider .search-forms .col form .input-line .select-wrapper select {background: transparent; width: 115%; padding: 0; line-height: 1; border: 0; border-radius: 0; height: 38px;-webkit-appearance: none; font-size: 14px; font-family: 'Lato'; font-weight: 400;}
.content .slider .search-forms .col form .input-line .select-wrapper {overflow: hidden; background: #f3f4f5 url(/images/selectArrow.png) no-repeat 96% center; padding: 0 1%; width: 69%;}
.content .slider .search-forms .col form button {border: 2px solid #ed1c24; color: #ed1c24; letter-spacing: 2px; font-size: 14px; font-weight: 500; background: transparent; font-family: 'Lato'; font-weight: bold; padding: 8px 25px; float: right; text-transform: uppercase; margin-top: 10px; cursor: pointer;}

.search-results {width: 100%;}
.search-results .current {border: 4px solid rgb(46, 49, 146);}
.search-results td { vertical-align: middle; padding: 10px 20px;}
.search-results td:last-child {  padding: 10px 15px;}
.search-results th:last-child {  padding: 10px 10px 0px;}
.search-results tr:first-child th:last-child {  padding: 10px 10px 5px 0px;}
.search-results td.legend span { color: #000; font-size: 110%; line-height: 35px;}
.search-results .hidden {display: none;}

.search-table-results {width: 100%;}
.search-table-results td { vertical-align: middle; padding: 5px 2px;}
.search-table-results th {background-color: #2e3192; color: #fff; font-weight: bold; padding: 5px 2px; }
td.rotate > div {transform:  translate(0, 71px) rotate(270deg); width: 30px;}
td.rotate > div > span {background: #ccc; padding: 5px 10px; font-size: 16px; color: #666;}

.search-table-results td {background: #fff; border: 1px solid #f4f4f4; text-align: center;}
.search-table-results td.rotate {height: 182px; white-space: nowrap; background: #ccc; width: 30px;}

.search-table-results {margin-bottom: 30px;}
.columns .sidebar-legend ul li {
	height: auto;
	line-height: 16px;
	list-style: none;
	padding: 15px 30px;
}

.columns .sidebar-legend .legend {
	margin-top: 0;
}

.single-bus .icons {
	position: absolute;
	height: 200px;
	width: 24px;
	margin-left: -34px;
	margin-top: 10px;
}

.select-wrapper.error, .error input {
	background-color: red !important;
}

.search-results {
	margin-top: 20px;
}

.search-results .prices {
	padding: 0;
}
.search-results sup { font-size: 120%;}
.search-results tfoot td { text-align: right;}
.search-results .prices span, .search-results .line span {
	white-space: nowrap;
}

@media screen and (max-width: 1160px){
	.header .menu li {width: auto; min-width: 0;}
	.header .menu li a {padding: 0 3px 15px 3px;}
	.header .menu ul {text-align: right;}
    
    .search-results td {padding: 10px 5px;}
}

@media screen and (max-width: 960px){
	.box-content .single-bus ul li a {width: 230px; height: 125px;}
	.timetable-page .columns .sidebar, .timetable-page .columns .box {margin: 10px auto; display: block; width: 98.5%; float: none;}
	.timetable-page .columns .sidebar {margin: 0 auto;}
	.page-header {background-size: auto 100%; margin-bottom: 20px;}
	.page-header h1 {font-size: 28px; height: 60px; line-height: 60px; padding: 0 30px; left: 1%; right: 1%;}
	.box-content {padding: 30px;}
	.box-content .single-bus p.details > img {margin-left: 0;}
	.box-content .single-bus::after {left: -30px; right: -30px;}
	.news-content {padding-left: 20px; background: #fff;}
	.content .contact .box {padding: 20px 25px;}
	.columns .sidebar h2, .content .contact h2, .content .news .news-header h2 {font-size: 20px;}
	.columns .sidebar ul li a {font-size: 16px;}
	.content .slider .lines a {font-size: 16px; height: 40px; line-height: 40px;}
	h3 {font-size: 18px;}
	
	.contact-page form textarea, .contact-page form input[type="text"], .contact-page form input[type="email"] {font-size: 18px; width: 100%;}
	.columns .box {width: 60%;}
	.columns .sidebar {width: 38%;}
	.contact-page .columns .sidebar table {margin: 10px auto; width: 96%;}
	.contact-page .page-header h1 span {height: 60px; width: 60px; line-height: 70px;}
	.contact-page .page-header h1 span img {width: 40px;}
	
	.content .slider .wrapper, .content .slider {height: 400px;}
	
    .menu-button {float: right; width: 77px; text-align: right; display: block; color: #2e3192; font-size: 14px; text-transform: uppercase; cursor: pointer; font-weight: bold; background: url('/images/menuOpen.png') no-repeat left center; line-height: 25px; margin-right: 5px; height: 30px;}
    .menu-button.shown {background: url('/images/menuClose.png') no-repeat left center; }
    .header .menu ul {display: none; position: absolute; top: 110px; left: 0; right: 0; background: #fff; z-index: 99;}
    .header .menu li {display: block; width: 100%; margin: 0; padding: 0;}
    .header .menu ul li a {padding: 5px 0; border-bottom: 1px solid #f4f4f4;}
    .header .size {margin-bottom: 20px;}
    
    .header .col-left {width: 65%;}
    .header .col-right {width: 35%;}
    
    .search-results .line span {white-space: normal;}
    .search-results td.arrow img {max-width: 18px; height: auto;}
}


@media screen and (max-width: 800px){
        .columns .sidebar-legend ul li {padding: 2px 30px;}
	.content .news, .content .contact, .columns .sidebar, .columns .box {margin: 10px auto; display: block; width: 100%; float: none;}
	.columns .box {width: 98.5%;}
	.columns .sidebar {margin: 0 auto;}
	.columns .sidebar ul li {height: 40px; line-height: 40px;}
	.content .contact h2, .columns .sidebar h2 {height: 50px; line-height: 50px; padding: 0 15px; background-position: 97% center;}
	.columns .box .box-header h3 {line-height: 50px;}
	.columns .box .box-header {height: 50px; padding: 0 15px;}
	.content .news .news-header {height: 44px; line-height: 46px; margin-bottom: 10px;}
	.content .news .news-header h2 {padding: 0 15px;}
	.content .news .news-header a {height: 44px; line-height: 44px;}
	.news-meta p {padding: 0; text-align: center;}
	.page-header h1 {padding: 0 15px; font-size: 16px; white-space: nowrap;}
	.columns .box .box-content, .box-content {padding: 15px;}
	.page-header {margin-bottom: 10px;}
	.columns .sidebar ul li {padding-left: 15px;}
	.popup-wrapper {position: absolute; top: 20px; left: 2%; right: 2%; width: 92%; margin: 0;}
	.popup-wrapper h1 {font-size: 18px;}
	.popup-wrapper h2 {font-size: 15px;}
        
        .search-results .line span {white-space: nowrap;}
}

@media screen and (max-width: 700px){
	p span.desktop-div {display: none;}
	.timetable2-page .columns .sidebar {display: none;}
	.timetable-page .columns .sidebar {display: none;}
}

@media screen and (max-width: 600px){
	.content .slider .lines a {width: 100%; margin: 2px auto; float: none; height: 35px; line-height: 35px; font-size: 14px; display: block;}
	.content .slider .wrapper, .content .slider {height: 300px;}
	.content .news .news-header a {font-size: 14px; padding: 0 5px 0 10px;}
	.content .news .news-header a img {padding-left: 5px;}
	.content .slider {margin-bottom: 10px;}
	.footer {margin-top: 10px;}
	.footer p {padding: 10px 5px;}
	.columns .box .box-header ul {display: none;}
	.columns .box .box-header h3 {width: 100%;}
	.box-content ul.timetables li img {display: block; margin: 5px auto;}
	.box-content ul.timetables li p {width: 100%;}
	.box-content .single-bus ul li a, .box-content .single-bus ul li {margin-left: auto; margin-right: auto; display: block;}
	.page-header h1 {font-size: 15px;}
	.contact-page .page-header h1 span {display: none;}
	.contact-page form button {margin-left: 10px; float: none; display: block; margin-top: 0;}
	.contact-page .columns .sidebar table tr td p, .contact-page .columns .sidebar table tr td p a {font-size: 14px;}
	.booking-page form button {margin-left: 10px; float: none; display: block; margin-top: 0;}
}