@media all and (min-width:700px) {
	.contact-section {
		background-size: cover
	}
}

#all_section {
	padding-top: 35px;
}

@media all and (min-width:768px) {
	.navbar-brand img {
		width: auto;
		height: 50px;
	}

	#all_section {
		padding-top: 78px;
	}

	#all_section.with-ticker {
		padding-top: 126px;
	}


	.navbar>.container .charter .navbar-brand,
	.navbar>.container-fluid .charter .navbar-brand {
		margin: 0;
		padding: 0;
		height: auto
	}

	.navbar-header.charter {
		display: none
	}

	.navbar-collapse.charter {
		display: flex;
		justify-content: space-between;
		align-items: center;
		overflow: hidden !important;
		min-height: 86px
	}

	.time-block {
		text-align: left
	}

	.time-wrap {
		justify-content: space-between
	}

	.time-content:nth-child(2) {
		display: flex
	}

	.time-content:nth-child(3) {
		display: flex
	}

	.time-content .icon-clock {
		width: 30px;
		height: 22px;
		margin-top: -1px
	}

	.time-content .times {
		font-size: 1.8rem
	}

	.travel input {
		height: 38px;
		padding: 13px 10px 7px 40px
	}

	.time input {
		height: 38px;
		padding: 13px 10px 11px 40px
	}

	.bus-charter {
		padding: 51px 0 20px;
	}

	.bus-charter .container {
		padding: 0 21px
	}

	.icon-rating {
		display: inline-block;
		width: 116px;
		height: 24px;
		vertical-align: bottom;
		margin-right: 17px
	}

	.rating-content h1 {
		font-size: 3.25rem;
		margin-bottom: 15px
	}

	.btn-wrap .tel {
		font-size: 2rem
	}

	.btn-wrap .discount {
		font-size: 1.8rem
	}

	.list-wrap li {
		font-size: 1.8rem
	}

	.list-wrap span {
		font-size: 1.8rem
	}

	.contact-info h2 {
		font-size: 2.4rem
	}

	.contact-info input {
		font-size: 1.6rem;
		padding-left: 40px
	}

	.phone-wrap,
	.email-wrap,
	.origin,
	.location,
	.travel,
	.time,
	.passenger,
	.check-wrap {
		display: inline-block;
		width: 45%
	}

	.email-wrap,
	.location,
	.time,
	.check-wrap {
		margin-left: 65px
	}

	.check-wrap {
		top: -7px
	}

	.icon-user {
		width: 16px;
		height: 16px
	}

	.phone-wrap .icon-phone {
		width: 9px;
		height: 15px
	}

	.icon-email {
		width: 21px
	}

	.icon-origin {
		width: 16px;
		height: 20px
	}

	.icon-location {
		width: 15px
	}

	.icon-date {
		width: 20px
	}

	.icon-passenger {
		width: 24px;
		height: 14px
	}

	.check-wrap .check-box {
		margin-left: 8px;
		margin-top: 26px;
		vertical-align: top
	}

	.icon-apps {
		right: 115px
	}

	.form-wrapper .btn {
		padding: 11px 25px
	}

	.our-services {
		padding: 20px 0
	}

	.contact-inform .tel {
		padding: 16px 28px;
		font-size: 2.4rem;
		font-family: "Söhne-Halbfett", Sans-serif;
		font-weight: bold;
		color: #4f4f4f;
		border-radius: 50px;
		background: #f6b21a;
		display: flex;
		justify-content: center;
		margin-bottom: 12px;
		max-width: 387px
	}

	.contact-inform .discounts {
		display: block;
		font-family: "Sohne-Kraftig", Sans-serif;
		color: #bd8406;
		font-size: 1.8rem;
		transition: all .5s;
		text-align: center
	}

	.contact-inform .icon-tels {
		width: 27px;
		height: 27px;
		margin-right: 5px;
		background: url(https://stg.ourbus.com/web_assets/charter/phone-icon.svg) no-repeat
	}

	.our-services .left-side {
		max-width: 45%
	}

	.trip-info {
		justify-content: center;
		align-items: flex-start
	}

	.checkmark {
		top: 11px;
		left: 17%
	}

	.icon-check {
		top: -8px
	}

	.our-services .right-side {
		max-width: 45%
	}

	.left-side h2 {
		text-align: left;
		font-size: 4rem
	}

	.left-side .contact-inform {
		display: block;
		max-width: 387px
	}

	.content-wrap .content-icon {
		height: 56px;
		width: 56px;
		margin-bottom: 24px
	}

	.content-details h3 {
		font-size: 2.2rem;
		margin-bottom: 15px
	}

	.content-details p {
		font-size: 1.6rem;
		line-height: 1.4
	}

	.right-side .btn-wrap {
		display: none
	}

	.form-wrap .icon-check {
		position: relative;
		right: -3px;
		margin-top: -5px
	}

	.contact-section {
		padding: 67px 0 60px;
		background-image: linear-gradient(to right, #434141 0, #434141 33%, #434141 70%, rgba(55, 182, 60, 0.3) 77.08%, rgba(26, 174, 32, 0) 100%), url(https://stg.ourbus.com/web_assets/charter/contact-img.png);
		background-position: bottom right;
		background-repeat: no-repeat;
		background-size: contain
	}

	.contact-section h2 {
		text-align: left;
	}
}

@media all and (min-width:1024px) {
	.bus-charter {
		padding: 46px 0
	}

	.img-wrap {
		display: flex
	}

	.charter-wrapper {
		width: 50%;
	}

	.charter-wrap {
		padding-top: 26px;
		grid-template-areas: "one" "three" "two";

	}

	.icon-rating {
		margin-right: 15px
	}

	.phone-wrap,
	.email-wrap,
	.origin,
	.location,
	.travel,
	.time,
	.passenger,
	.check-wrap {
		display: inline-block;
		width: 100%
	}

	.email-wrap,
	.location,
	.time,
	.check-wrap {
		margin-left: 0
	}

	.icon-apps {
		right: 15px
	}

	.form-wrapper .btn {
		padding: 11px 30px
	}

	.phone-wrap .icon-phone {
		left: 13px;
		top: 52% !important
	}

	.icon-time {
		width: 21px
	}

	.our-journey {
		padding: 72px 0 39px;
		margin-bottom: 18px
	}

	.sm-text.mobile-text {
		display: none
	}

	.our-journey h2 {
		font-size: 3.6rem;
		letter-spacing: 1.1px;
		margin-bottom: 7px
	}

	.all-details span {
		width: 64px;
		height: 64px;
		margin-right: 23px;
		display: flex;
		justify-content: center;
		align-items: center
	}

	.symbol {
		margin-top: 4px;
		margin-left: 4px
	}

	.sm-text {
		display: block;
		margin-bottom: 52px
	}

	.journey-wrap {
		display: flex;
		justify-content: space-between
	}

	.mini-bus {
		width: 46%;
		padding-top: 49px
	}

	.rating-content h2 {
		font-size: 2.8rem;
		max-width: 407px;
		line-height: 1;
		word-spacing: 1.4px;
		margin-bottom: 31px;
		font-family: "Söhne-Halbfett", Sans-serif
	}

	.rating-content p {
		font-size: 2rem;
		max-width: 450px;
		line-height: 1.2
	}

	.bus-img img {
		width: 100%
	}

	.all-details {
		padding: 22px 23px;
		margin-bottom: 27px
	}

	.all-details a {
		padding: 18px 22px;
		margin-right: 23px
	}

	.journey-details {
		width: 46%;
		margin-right: 19px;
		margin-top: 27px
	}

	.mini-bus h4 {
		font-size: 2rem;
		margin-bottom: 13px;
		margin-right: 24px;
		letter-spacing: 1px
	}

	.seats-info {
		font-size: 2rem;
		letter-spacing: .7px;
		margin-right: 27px
	}

	.details h4 {
		font-size: 2rem;
		margin-bottom: 9px;
		letter-spacing: .7px
	}

	.details h5 {
		font-size: 1.6rem
	}

	.slick-dots button {
		width: 15px;
		height: 7.5px;
		border-radius: 12px;
		margin-right: 9px
	}

	.mini-bus::after {
		left: 85px;
		top: 0;
		height: 107%;
		width: 68.5%
	}

	.query-block h2 {
		text-align: left;
		font-size: 3.6rem
	}

	.accordion-wrap h3 {
		font-size: 2.4rem;
		max-width: 100%
	}

	.accordion-wrap li,
	.accordion-wrap p {
		max-width: 277px;
		max-width: 100%;
		font-size: 1.6rem
	}

	.toggle-wrap {
		right: 5px;
		top: -5px
	}



	.contact-section h2 {
		text-align: left;
		font-size: 4.23rem;
		margin-bottom: 36px
	}

	.contact-text {
		font-size: 1.829rem;
		margin-top: 6px
	}

	.contact-section .btn-wrap .tel {
		margin-bottom: 13px
	}

	.trip-info {
		margin-left: 20px
	}

	.checkmark {
		top: 3px;
		left: 25%
	}

	.rally::after {
		top: 28px
	}

	.one-stop {
		padding-top: 88px
	}
}

@media all and (min-width:1200px) {


	.time-block {
		padding: 19px 0
	}

	.icon-phone {
		width: 11px;
		height: 24px
	}

	.time-content .icon-clock {
		margin-left: -14px
	}

	.time-content .icon-people {
		margin-right: 6px
	}

	.time-content .times:nth-child(2) {
		margin-left: 7px !important
	}

	.time-content .times:last-child {
		font-size: 1.8rem;
		margin-left: 12px;
		margin-right: -15px
	}

	.contact-info label {
		margin-bottom: 5px
	}

	.checkmark {
		top: 3px;
		left: 26px
	}

	.form-wrap.return-schedule.return-time {
		display: flex
	}

	.btn-wrap .tel {
		font-size: 2.4rem;
		padding: 19px 60px 13px;
		margin-bottom: 13px;
		font-weight: 600
	}

	.list-wrap span {
		margin-bottom: 21px
	}

	.btn-wrap {
		max-width: 389px
	}

	.rating-content p {
		max-width: 576px;
		margin-bottom: 60px
	}

	.contact-info {
		padding: 0 32px
	}

	.contact-info h2 {
		text-align: left;
		margin-bottom: 36px
	}

	.icon-user {
		left: 13px;
		top: 41px;
		width: 20px;
		height: 22px
	}

	.form-wrap .icon-email {
		left: 15px;
		top: 41px;
		width: 20px;
		height: 17px;
		top: 57% !important
	}

	.icon-origin {
		left: 15px;
		top: 38px;
		width: 20px;
		height: 20px
	}

	.icon-location {
		left: 15px;
		top: 41px;
		width: 20px;
		height: 20px
	}

	.icon-date {
		left: 12px;
		top: 37px;
		width: 22px;
		height: 22px
	}

	.icon-time {
		left: 15px;
		top: 37px;
		width: 22px;
		height: 22px
	}

	.icon-passenger {
		left: 15px;
		top: 41px;
		width: 24px;
		height: 20px
	}

	.phone-wrap .icon-phone {
		width: 20px;
		height: 20px
	}

	.contact-info input {
		padding: 13px 13px 13px 40px;
		height: 48px
	}

	.phone-wrap input {
		padding: 14px 13px 12px 40px
	}

	.email-wrap input {
		padding: 16px 13px 10px 40px
	}

	.origin input {
		padding: 16px 13px 10px 40px
	}

	.travel input {
		padding: 11px 13px 10px 40px
	}

	.icon-apps {
		right: 55px;
		top: 36px
	}

	.phone-wrap,
	.email-wrap,
	.origin,
	.location,
	.travel,
	.time,
	.passenger,
	.check-wrap {
		display: inline-block;
		width: 48%
	}

	.form-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}

	.form-wrap.bottom-wrap {
		display: block
	}

	.check-wrap {
		margin-bottom: 13px
	}

	.form-wrapper .btn {
		padding: 14px 160px;
		font-size: 2.4rem;
		margin-top: 10px
	}

	.passenger input {
		padding-left: 47px
	}

	.query-block {
		padding: 19px 0
	}

	.query-block .container {
		padding: 0 43px
	}

	.accordion-wrap {
		margin-bottom: 61px
	}

	.query-block h2 {
		margin-left: -20px;
		margin-bottom: 62px
	}

	.accordion-wrap h3 {
		margin-bottom: 15px
	}

	.accordion-wrap p {
		max-width: 277px;
		max-width: 100%
	}

	.toggle-wrap {
		right: 4px;
		top: -2px;
		height: 27px;
		width: 27px
	}

	.one-stop .slick-list {
		overflow: hidden !important;
		margin: 0 -20px
	}

	.one-stop h2 {
		font-size: 3.6rem;
		line-height: 42px;
		margin-bottom: 61px
	}

	.one-stop h4 {
		font-size: 2.4rem;
		line-height: 32px;
		margin-bottom: 16px
	}

	.one-stop p {
		font-size: 1.8rem;
		line-height: 21px;
		margin-bottom: 24px
	}

	.one-stop .read-more {
		font-size: 1.6rem;
		line-height: 19px;
		margin-bottom: 25px
	}

	.one-stop .read-more:focus {
		outline: 0
	}

	.travel-card {
		box-shadow: -8px 8px 0 #f6b21a;
		border-radius: 18px;
		margin-bottom: 0px
	}

	.travel-show img {
		width: 100%
	}

	.travel-details {
		padding: 26px 22px 0 22px
	}

	.one-stop .slick-slide>div {
		margin: 0 20px
	}

	.one-stop .container {
		max-width: 1200px
	}

	.icon-tel {
		width: 27px;
		height: 27px
	}

	.owl-carousel .owl-nav .owl-next,
	.one-stop .slick-arrow {
		right: -82px;
		top: 50%;
		left: auto
	}

	.owl-carousel .owl-nav .owl-prev,
	.one-stop .slick-prev.slick-arrow {
		right: auto;
		top: 50%;
		left: -82px
	}

	.our-services {
		padding: 72px 0 5px
	}

	.contact-info .tel {
		margin-bottom: 10px
	}

	.contact-inform .icon-tels {
		width: 27px;
		height: 27px
	}

	.our-services .left-side {
		max-width: 35%
	}

	.our-services .right-side {
		padding-top: 10px;
		max-width: 55%;
		display: flex;
		padding-right: 12px;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	.left-side h2 {
		font-size: 6.4rem;
		line-height: 1.3;
		margin-bottom: 69px
	}

	.right-side .content-wrap {
		display: flex;
		flex-direction: column;
		margin-bottom: 72px;
		padding: 0 3px;
		width: 334px
	}

	.mini-bus h4 {
		font-size: 3.2rem
	}
}
@media all and (max-width: 991px) {
	.navbar-collapse.charter {
		padding: 25px 21px 20px;
	}
	.navbar>.container .charter .navbar-brand, .navbar>.container-fluid .charter .navbar-brand {
		margin: 4px 0 0;
		padding: 0;
		height: auto;
	}
	.navbar-brand img {
		width: auto;
		height: 33px;
	}
}
@media all and (max-width:767px) {
	.navbar-collapse.charter {
		text-align: center
	}

	#all_section.with-ticker {
		padding-top: 94px;
	}

	.navbar-brand img {
		width: auto;
		height: 27px;
	}

	.charter .navbar-brand {
		float: none;
		display: inline-block;
		padding: 0;
		height: auto;
		margin-right: 13px;
		margin-top: 3px
	}

	.charter .navbar-nav {
		text-align: center;
		margin: 0
	}

	.charter .navbar-nav li+li {
		margin: 25px 0 0 !important
	}

	.navbar .btn-wrap .tel {
		min-width: 100px
	}

	.navbar-header.charter {
		justify-content: space-between
	}

	.navbar-header.charter::before,
	.navbar-header.charter::after {
		display: none
	}
}

.time-content .icon-expert {
	background: url("https://stg.ourbus.com/web_assets/charter/expert-grey.svg") no-repeat;
	width: 28px;
	height: 28px;
	margin-top: -1px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle
}

.time-content .icon-people {
	background: url("https://stg.ourbus.com/web_assets/charter/people-grey.svg") no-repeat;
	width: 28px;
	height: 21px;
	margin-top: -1px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	background-position: 0 -4px
}

@media all and (min-width:1024px) {
	.trip-info {
		margin-left: -23px !important
	}
}

@media all and (min-width:768px) {
	.checkmark {
		top: 4px
	}
}

@media all and (max-width:767px) {
	.checkmark {
		top: -12px
	}
}

@media all and (max-width:767px) {
	.travel-details {
		padding: 8px 10px 8px 10px
	}

	.navbar-brand {
		max-width: 52%;
	}
}

@media all and (min-width: 768px) {
	.charter .navbar-nav {
		display: flex;
	}
}

@media all and (max-width: 1023px) and (min-width: 768px) {
	.navbar .btn-wrap .tel {
		min-width: 195px;
	}
}