@media (max-width:1500px) and (min-width:991px){
    .txt-right {text-align: center;}
    .title, .our-services-title {margin-bottom:50px;}
    .our-services-title h2 {left:19%; text-align:center;}
    .royalSlider {height:329px !important;}
    .owl-buttons {display:none !important;}
    .article {margin-bottom: 0;}
    .footer { position:inherit; width: 100%;}
    .magazine { /*background:url(/assets/img/magazine-area-bg.png) top center no-repeat; */ height:inherit; display: block;}
    .our-services {position: relative; background:none !important; padding-bottom: 55px;}
    .language { display:none;}
    .date-controls {margin-top: 18%;}
    .date-controls-area li {width: 25%;}
    .date-controls-area li:last-child {width: 16%;}
    .navbar-toggle {display:block;}
    .date-calendar input {font-size: 10px;}
    .copyright-area p {text-align: center;}
    .social-media-icons {float: inherit; width: 100%; margin: 10px 0; text-align: center;}
    .social-media-icons li {float: inherit; display: inline-block; margin: 0 auto; width: 22%; margin-left: 10px;}
    .social-media-icons li:first-child {margin-left: 0;}
    .social-media-icons li a {padding: 20px 0; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; margin: 0 20px;}
    .footer-content-nav ul li a {font-size: 12px;}
    .u-card-list, .sing-up-area {border-bottom: 1px solid #e3e3e3;  padding-bottom: 20px; border-right: none; min-height: inherit;}
    .u-card-list .customer-service li:nth-child(4) select:last-child {width: 43%; margin-right: 0;}
    .u-card-list .customer-service li .phone-input-last {width: 48%;}
    .service-routes-l {width: 100%; text-align: center;}
    .service-routes-r {width: 100%;}
    .logos-area li {width: 50%;}
    .basinda-biz img {width: 100%;}
    .search-btn-area input {margin-top: 10px; width: 100%; display: block;}
    .search-btn-area {display: block; margin-right: 0;}
    #content_0_liTabOutbound, #content_0_liTabReturn {width: 100%;}
    .date-control .date-calendar {width: 37%;}
    .date-title-area {padding: 45px 20px;}
    #sefertab a {display: block;}
    #sefertab li {float: inherit;}	
    .date-title-area {padding: 15px 20px;}
    .date-title-area h4 {margin: 0 0 0 30px; font-size: 16px;}
    .information-title {display: none;}
    .max-seat-selected {margin-left:-200px;}
    .copyright-area a {float:inherit !important; width:100%; display:block; text-align:center;}
    .popular-title h2 {left: 34%;}
    .popular-img, .popular-link-area ul {max-width: 358px;}
    .popular-img > a > img {width: 100%;}
    .transportation li p {font-size: 14px;}
    .city-bus-link-area ul.maps-link li {width: 100%;}
    .city-bus-link-area > center > .hdwidgetHoriz {width: 100%;}
    .hdwidgetHoriz > .hdwidgetBoxHoriz {width: 48%; float: left; border: 1px solid #ddd; margin: 2px;}
    .city-bus-link-area ul li a {display: block; margin: 5px 0;}
    .date-control .departure, .date-control .arrival, .date-control .date-calendar {width: 100%; margin-bottom: 10px; min-height:47px;}
    .search-btn-area a {width: 100%; text-align: center; margin-right: 0;}
    .footer-fixed-area {height: inherit; background-color: #fff;}
    .footer-content-nav ul li {padding: 0 8px;}  
    .sing-up-area {border-left: none;}
    #sefertab li {width: 100% !important; margin-right: 0;}
    #sefertab .date-title-area {height: inherit;}
    .service-area input {margin-bottom: 10px; display: block;}
    .service-area input {margin: 10px 0; width: 100%;}
    .popular-area {padding: 38px 0 5px;}
}

@media (max-width:1230px) and (min-width:991px){
    .txt-right {text-align: center;}
    .title, .our-services-title {margin-bottom:50px;}
    .our-services-title h2 {left:19%; text-align:center;}
    .royalSlider {height:329px !important;}
    .owl-buttons {display:none !important;}
    .article {margin-bottom: 0;}
    .footer { position:inherit; width: 100%;}
    .magazine { /*background:url(/assets/img/magazine-area-bg.png) top center no-repeat; */ height:inherit; display: block;}
    .our-services {position: relative; background:none !important; padding-bottom: 55px;}
    .language { display:none;}
    .date-controls {margin-top: 18%;}
    .date-controls-area li {width: 25%;}
    .date-controls-area li:last-child {width: 16%;}
    .navbar-toggle {display:block;}
    .date-calendar input {font-size: 10px;}
    .copyright-area p {text-align: center;}
    .social-media-icons {float: inherit; width: 100%; margin: 10px 0; text-align: center;}
    .social-media-icons li {float: inherit; display: inline-block; margin: 0 auto; width: 22%; margin-left: 10px;}
    .social-media-icons li:first-child {margin-left: 0;}
    .social-media-icons li a {padding: 20px 0; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; margin: 0 20px;}
    .footer-content-nav ul li a {font-size: 12px;}
    .u-card-list, .sing-up-area {border-bottom: 1px solid #e3e3e3;  padding-bottom: 20px; border-right: none; min-height: inherit;}
    .u-card-list .customer-service li:nth-child(4) select:last-child {width: 43%; margin-right: 0;}
    .u-card-list .customer-service li .phone-input-last {width: 48%;}
    .service-routes-l {width: 100%; text-align: center;}
    .service-routes-r {width: 100%;}
    .logos-area li {width: 50%;}
    .basinda-biz img {width: 100%;}
    .search-btn-area input {margin-top: 10px; width: 100%; display: block;}
    .search-btn-area {display: block; margin-right: 0;}
    #content_0_liTabOutbound, #content_0_liTabReturn {width: 100%;}
    .date-control .date-calendar {width: 37%;}
    .date-title-area {padding: 45px 20px;}
    #sefertab a {display: block;}
    #sefertab li {float: inherit;}	
    .date-title-area {padding: 15px 20px;}
    .date-title-area h4 {margin: 0 0 0 30px; font-size: 16px;}
    .information-title {display: none;}
    .max-seat-selected {margin-left:-200px;}
    .copyright-area a {float:inherit !important; width:100%; display:block; text-align:center;}
    .popular-title h2 {left: 34%;}
    .popular-img, .popular-link-area ul {max-width: 358px;}
    .popular-img > a > img {width: 100%;}
    .transportation li p {font-size: 14px;}
    .city-bus-link-area ul.maps-link li {width: 100%;}
    .city-bus-link-area > center > .hdwidgetHoriz {width: 100%;}
    .hdwidgetHoriz > .hdwidgetBoxHoriz {width: 48%; float: left; border: 1px solid #ddd; margin: 2px;}
    .city-bus-link-area ul li a {display: block; margin: 5px 0;}
    .date-control .departure, .date-control .arrival, .date-control .date-calendar {width: 100%; margin-bottom: 10px; min-height:47px;}
    .search-btn-area a {width: 100%; text-align: center; margin-right: 0;}
    .footer-fixed-area {height: inherit; background-color: #fff;}
    .footer-content-nav ul li {padding: 0 8px;}  
    .sing-up-area {border-left: none;}
    #sefertab li {width: 100% !important; margin-right: 0;}
    #sefertab .date-title-area {height: inherit;}
    .service-area input {margin-bottom: 10px; display: block;}
    .service-area input {margin: 10px 0; width: 100%;}
    .popular-area {padding: 38px 0 5px;}
}

@media (max-width:1200px){
    .txt-right {text-align: center;}
    .title, .our-services-title {margin-bottom:50px;}
    .our-services-title h2 {left:19%; text-align:center;}
    .royalSlider {height:329px !important;}
    .owl-buttons {display:none !important;}
    .article {margin-bottom: 0;}
    .footer { position:inherit; width: 100%;}
    .magazine { /*background:url(/assets/img/magazine-area-bg.png) top center no-repeat; */ height:inherit; display: block;}
    .our-services {position: relative; background:none !important; padding-bottom: 55px;}
    .language { display:none;}
    .date-controls {margin-top: 18%;}
    .date-controls-area li {width: 25%;}
    .date-controls-area li:last-child {width: 16%;}
    .navbar-toggle {display:block;}
    .date-calendar input {font-size: 10px;}
    .copyright-area p {text-align: center;}
    .social-media-icons {float: inherit; width: 100%; margin: 10px 0; text-align: center;}
    .social-media-icons li {float: inherit; display: inline-block; margin: 0 auto; width: 22%; margin-left: 10px;}
    .social-media-icons li:first-child {margin-left: 0;}
    .social-media-icons li a {padding: 20px 0; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; margin: 0 20px;}
    .footer-content-nav ul li a {font-size: 12px;}
    .u-card-list, .sing-up-area {border-bottom: 1px solid #e3e3e3;  padding-bottom: 20px; border-right: none; min-height: inherit;}
    .u-card-list .customer-service li:nth-child(4) select:last-child {width: 43%; margin-right: 0;}
    .u-card-list .customer-service li .phone-input-last {width: 48%;}
    .service-routes-l {width: 100%; text-align: center;}
    .service-routes-r {width: 100%;}
    .logos-area li {width: 50%;}
    .basinda-biz img {width: 100%;}
    .search-btn-area input {margin-top: 10px; width: 100%; display: block;}
    .search-btn-area {display: block; margin-right: 0;}
    #content_0_liTabOutbound, #content_0_liTabReturn {width: 100%;}
    .date-control .date-calendar {width: 37%;}
    .date-title-area {padding: 45px 20px;}
    #sefertab a {display: block;}
    #sefertab li {float: inherit;}	
    .date-title-area {padding: 15px 20px;}
    .date-title-area h4 {margin: 0 0 0 30px; font-size: 16px;}
    .information-title {display: none;}
    .max-seat-selected {margin-left:-200px;}
    .copyright-area a {float:inherit !important; width:100%; display:block; text-align:center;}
    .popular-title h2 {left: 34%;}
    .popular-img, .popular-link-area ul {max-width: 358px;}
    .popular-img > a > img {width: 100%;}
    .transportation li p {font-size: 14px;}
    .city-bus-link-area ul.maps-link li {width: 100%;}
    .city-bus-link-area > center > .hdwidgetHoriz {width: 100%;}
    .hdwidgetHoriz > .hdwidgetBoxHoriz {width: 48%; float: left; border: 1px solid #ddd; margin: 2px;}
    .city-bus-link-area ul li a {display: block; margin: 5px 0;}
    .date-control .departure, .date-control .arrival, .date-control .date-calendar {width: 100%; margin-bottom: 10px; min-height:47px;}
    .search-btn-area a {width: 100%; text-align: center; margin-right: 0;}
    .footer-fixed-area {height: inherit; background-color: #fff;}
    .footer-content-nav ul li {padding: 0 8px;}  
    .sing-up-area {border-left: none;}
    #sefertab li {width: 100% !important; margin-right: 0;}
    #sefertab .date-title-area {height: inherit;}
    .service-area input {margin-bottom: 10px; display: block;}
    .service-area input {margin: 10px 0; width: 100%;}
    .popular-area {padding: 38px 0 5px;}
}

@media (min-width:1200px){
    .txt-right {text-align: center;}
    .title, .our-services-title {margin-bottom:50px;}
    .our-services-title h2 {left:19%; text-align:center;}
    .royalSlider {height:329px !important;}
    .owl-buttons {display:none !important;}
    .article {margin-bottom: 0;}
    .footer { position:inherit; width: 100%;}
    .magazine { /*background:url(/assets/img/magazine-area-bg.png) top center no-repeat; */ height:inherit; display: block;}
    .our-services {position: relative; background:none !important; padding-bottom: 55px;}
    .language { display:none;}
    .date-controls {margin-top: 18%;}
    .date-controls-area li {width: 25%;}
    .date-controls-area li:last-child {width: 16%;}
    .navbar-toggle {display:block;}
    .date-calendar input {font-size: 10px;}
    .copyright-area p {text-align: center;}
    .social-media-icons {float: inherit; width: 100%; margin: 10px 0; text-align: center;}
    .social-media-icons li {float: inherit; display: inline-block; margin: 0 auto; width: 22%; margin-left: 10px;}
    .social-media-icons li:first-child {margin-left: 0;}
    .social-media-icons li a {padding: 20px 0; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; margin: 0 20px;}
    .footer-content-nav ul li a {font-size: 12px;}
    .u-card-list, .sing-up-area {border-bottom: 1px solid #e3e3e3;  padding-bottom: 20px; border-right: none; min-height: inherit;}
    .u-card-list .customer-service li:nth-child(4) select:last-child {width: 43%; margin-right: 0;}
    .u-card-list .customer-service li .phone-input-last {width: 48%;}
    .service-routes-l {width: 100%; text-align: center;}
    .service-routes-r {width: 100%;}
    .logos-area li {width: 50%;}
    .basinda-biz img {width: 100%;}
    .search-btn-area input {margin-top: 10px; width: 100%; display: block;}
    .search-btn-area {display: block; margin-right: 0;}
    #content_0_liTabOutbound, #content_0_liTabReturn {width: 100%;}
    .date-control .date-calendar {width: 37%;}
    .date-title-area {padding: 45px 20px;}
    #sefertab a {display: block;}
    #sefertab li {float: inherit;}	
    .date-title-area {padding: 15px 20px;}
    .date-title-area h4 {margin: 0 0 0 30px; font-size: 16px;}
    .information-title {display: none;}
    .max-seat-selected {margin-left:-200px;}
    .copyright-area a {float:inherit !important; width:100%; display:block; text-align:center;}
    .popular-title h2 {left: 34%;}
    .popular-img, .popular-link-area ul {max-width: 358px;}
    .popular-img > a > img {width: 100%;}
    .transportation li p {font-size: 14px;}
    .city-bus-link-area ul.maps-link li {width: 100%;}
    .city-bus-link-area > center > .hdwidgetHoriz {width: 100%;}
    .hdwidgetHoriz > .hdwidgetBoxHoriz {width: 48%; float: left; border: 1px solid #ddd; margin: 2px;}
    .city-bus-link-area ul li a {display: block; margin: 5px 0;}
    .date-control .departure, .date-control .arrival, .date-control .date-calendar {width: 100%; margin-bottom: 10px; min-height:47px;}
    .search-btn-area a {width: 100%; text-align: center; margin-right: 0;}
    .footer-fixed-area {height: inherit; background-color: #fff;}
    .footer-content-nav ul li {padding: 0 8px;}  
    .sing-up-area {border-left: none;}
    #sefertab li {width: 100% !important; margin-right: 0;}
    #sefertab .date-title-area {height: inherit;}
    .service-area input {margin-bottom: 10px; display: block;}
    .service-area input {margin: 10px 0; width: 100%;}
    .popular-area {padding: 38px 0 5px;}
}

@media (max-width:1200px) and (min-width: 992px) {
    .txt-right {text-align: center;}
    .title, .our-services-title {margin-bottom:50px;}
    .our-services-title h2 {left:19%; text-align:center;}
    .royalSlider {height:329px !important;}
    .owl-buttons {display:none !important;}
    .article {margin-bottom: 0;}
    .footer { position:inherit; width: 100%;}
    .magazine { /*background:url(/assets/img/magazine-area-bg.png) top center no-repeat; */ height:inherit; display: block;}
    .our-services {position: relative; background:none !important; padding-bottom: 55px;}
    .language { display:none;}
    .date-controls {margin-top: 18%;}
    .date-controls-area li {width: 25%;}
    .date-controls-area li:last-child {width: 16%;}
    .navbar-toggle {display:block;}
    .date-calendar input {font-size: 10px;}
    .copyright-area p {text-align: center;}
    .social-media-icons {float: inherit; width: 100%; margin: 10px 0; text-align: center;}
    .social-media-icons li {float: inherit; display: inline-block; margin: 0 auto; width: 22%; margin-left: 10px;}
    .social-media-icons li:first-child {margin-left: 0;}
    .social-media-icons li a {padding: 20px 0; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; margin: 0 20px;}
    .footer-content-nav ul li a {font-size: 12px;}
    .u-card-list, .sing-up-area {border-bottom: 1px solid #e3e3e3;  padding-bottom: 20px; border-right: none; min-height: inherit;}
    .u-card-list .customer-service li:nth-child(4) select:last-child {width: 43%; margin-right: 0;}
    .u-card-list .customer-service li .phone-input-last {width: 48%;}
    .service-routes-l {width: 100%; text-align: center;}
    .service-routes-r {width: 100%;}
    .logos-area li {width: 50%;}
    .basinda-biz img {width: 100%;}
    .search-btn-area input {margin-top: 10px; width: 100%; display: block;}
    .search-btn-area {display: block; margin-right: 0;}
    #content_0_liTabOutbound, #content_0_liTabReturn {width: 100%;}
    .date-control .date-calendar {width: 37%;}
    .date-title-area {padding: 45px 20px;}
    #sefertab a {display: block;}
    #sefertab li {float: inherit;}	
    .date-title-area {padding: 15px 20px;}
    .date-title-area h4 {margin: 0 0 0 30px; font-size: 16px;}
    .information-title {display: none;}
    .max-seat-selected {margin-left:-200px;}
    .copyright-area a {float:inherit !important; width:100%; display:block; text-align:center;}
    .popular-title h2 {left: 34%;}
    .popular-img, .popular-link-area ul {max-width: 358px;}
    .popular-img > a > img {width: 100%;}
    .transportation li p {font-size: 14px;}
    .city-bus-link-area ul.maps-link li {width: 100%;}
    .city-bus-link-area > center > .hdwidgetHoriz {width: 100%;}
    .hdwidgetHoriz > .hdwidgetBoxHoriz {width: 48%; float: left; border: 1px solid #ddd; margin: 2px;}
    .city-bus-link-area ul li a {display: block; margin: 5px 0;}
    .date-control .departure, .date-control .arrival, .date-control .date-calendar {width: 100%; margin-bottom: 10px; min-height:47px;}
    .search-btn-area a {width: 100%; text-align: center; margin-right: 0;}
    .footer-fixed-area {height: inherit; background-color: #fff;}
    .footer-content-nav ul li {padding: 0 8px;}  
    .sing-up-area {border-left: none;}
    #sefertab li {width: 100% !important; margin-right: 0;}
    #sefertab .date-title-area {height: inherit;}
    .service-area input {margin-bottom: 10px; display: block;}
    .service-area input {margin: 10px 0; width: 100%;}
    .popular-area {padding: 38px 0 5px;}
}

@media (max-width:991px){
    .txt-right {text-align: center;}
    .title, .our-services-title {margin-bottom:50px;}
    .our-services-title h2 {left:19%; text-align:center;}
    .royalSlider {height:329px !important;}
    .owl-buttons {display:none !important;}
    .article {margin-bottom: 0;}
    .footer { position:inherit; width: 100%;}
    .magazine { /*background:url(/assets/img/magazine-area-bg.png) top center no-repeat; */ height:inherit; display: block;}
    .our-services {position: relative; background:none !important; padding-bottom: 55px;}
    .language { display:none;}
    .date-controls {margin-top: 18%;}
    .date-controls-area li {width: 25%;}
    .date-controls-area li:last-child {width: 16%;}
    .navbar-toggle {display:block;}
    .date-calendar input {font-size: 10px;}
    .copyright-area p {text-align: center;}
    .social-media-icons {float: inherit; width: 100%; margin: 10px 0; text-align: center;}
    .social-media-icons li {float: inherit; display: inline-block; margin: 0 auto; width: 22%; margin-left: 10px;}
    .social-media-icons li:first-child {margin-left: 0;}
    .social-media-icons li a {padding: 20px 0; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; margin: 0 20px;}
    .footer-content-nav ul li a {font-size: 12px;}
    .u-card-list, .sing-up-area {border-bottom: 1px solid #e3e3e3;  padding-bottom: 20px; border-right: none; min-height: inherit;}
    .u-card-list .customer-service li:nth-child(4) select:last-child {width: 43%; margin-right: 0;}
    .u-card-list .customer-service li .phone-input-last {width: 48%;}
    .service-routes-l {width: 100%; text-align: center;}
    .service-routes-r {width: 100%;}
    .logos-area li {width: 50%;}
    .basinda-biz img {width: 100%;}
    .search-btn-area input {margin-top: 10px; width: 100%; display: block;}
    .search-btn-area {display: block; margin-right: 0;}
    #content_0_liTabOutbound, #content_0_liTabReturn {width: 100%;}
    .date-control .date-calendar {width: 37%;}
    .date-title-area {padding: 45px 20px;}
    #sefertab a {display: block;}
    #sefertab li {float: inherit;}	
    .date-title-area {padding: 15px 20px;}
    .date-title-area h4 {margin: 0 0 0 30px; font-size: 16px;}
    .information-title {display: none;}
    .max-seat-selected {margin-left:-200px;}
    .copyright-area a {float:inherit !important; width:100%; display:block; text-align:center;}
    .popular-title h2 {left: 34%;}
    .popular-img, .popular-link-area ul {max-width: 358px;}
    .popular-img > a > img {width: 100%;}
    .transportation li p {font-size: 14px;}
    .city-bus-link-area ul.maps-link li {width: 100%;}
    .city-bus-link-area > center > .hdwidgetHoriz {width: 100%;}
    .hdwidgetHoriz > .hdwidgetBoxHoriz {width: 48%; float: left; border: 1px solid #ddd; margin: 2px;}
    .city-bus-link-area ul li a {display: block; margin: 5px 0;}
    .date-control .departure, .date-control .arrival, .date-control .date-calendar {width: 100%; margin-bottom: 10px; min-height:47px;}
    .search-btn-area a {width: 100%; text-align: center; margin-right: 0;}
    .footer-fixed-area {height: inherit; background-color: #fff;}
    .footer-content-nav ul li {padding: 0 8px;}  
    .sing-up-area {border-left: none;}
    #sefertab li {width: 100% !important; margin-right: 0;}
    #sefertab .date-title-area {height: inherit;}
    .service-area input {margin-bottom: 10px; display: block;}
    .service-area input {margin: 10px 0; width: 100%;}
    .popular-area {padding: 38px 0 5px;}
}

@media (max-width: 767px) {
    .date-controls {
	position: relative;
	display: block;
	width: 100%;
	margin-top: 15px;
	z-index: 9;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.18);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.18);
	margin-bottom: 15px;
}
    .date-controls-area	{padding:10px; margin:0 0 15px 0;}
    .date-controls-area li {width: 100%; float:inherit; margin-left: 0 !important; margin-top:0; margin-bottom:10px;}
    .date-controls-area li:last-child {width: inherit; float:right; margin-bottom:0; width:100%;}
    .detail-nav-ul li a {padding: 10px 10px; font-size: 12px;}
    .search-btn-area {margin-right: 0;}
    .title, .our-services-title {margin: 30px 0;}
    .title h2 {top: 18px; width: 70%; left: 15%;}
    .our-services-title h2 {top: 0;}
    .owl-carousel {margin-bottom: 10px;}
    .magazine {height: inherit;}
    .footer-txt {margin-top: 15px;}
    .footer .footer-content-nav-area {min-height: 40px;}
    .footer-fixed-area {height: inherit;}
    .date-calendar input {font-size: 14px;}
    .date-title-area p {margin-bottom: 0px;}
    .tc-no-area .cancel-btn.btn-cancel {position: absolute; right: 0; margin-top: 5px;}
    .contact-information-area em {position: absolute; margin-top: 0px; right: 0; margin-right: 7px; width: 8px; margin-top: 30px;}
    .contact-information-area em.eror-two {margin-top: 95px;}
    .contact-information-area em.eror-one span {position: absolute;}
    .credit-card-area em.eror-one {right: 5px; margin-left: 0; top: 42px;}
    .credit-card-area em.eror-two {margin-top: 100px; width: 10px; height: 10px; right: 2px; margin-left: 0;}
    .date-control {padding: 20px;}
    .search-btn-area input {width: 100%;}
    .date-title-area {padding: 25px;}
    .date-title-area h4 {margin: 0 0 0 25px; font-size:16px;}
    .popular-img, .popular-link-area ul {max-width: 49%; margin-left: 1%; margin-top: 1%;}
    .popular-title h2 {position: inherit; left: 0 !important; border-bottom: 1px solid #d8d8d8; left: 0; text-align: center; margin: 0; padding-bottom: 15px;}
    .popular-title hr {display: none;}
    .popular-link-area {overflow: hidden; margin-bottom: 15px;}
    .overseas-expeditions-phone, .bus-times-area.col-6 {width: 100%; margin: 0 0 15px;}
    .overseas-expeditions p {padding: 0 10px;}
    .btn-orange {position: inherit; width: 100%; margin: 0 auto; right: 0; margin-top: 10px;}
    .magazine-link-txt {padding: 12px;}
}
@media (max-width:667px) {
    .our-services-title h2 {left: 7%;}
    .royalSlider {height:220px !important;}
    .social-media-icons li a {padding: 10px 0;}
    .popular-link-area ul {max-width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 0;}
    .popular-link-area ul li a {display: block;}
    .u-card-list .customer-service li strong, .u-card-list ul li strong {width: 100%; margin-bottom: 10px; display: block;}
    .u-card-list .customer-service li strong span, .u-card-list ul li strong span {display: inline-block;}
    .u-card-list .customer-service li input, .u-card-list .customer-service li select {display: block; width: 98%;}
    .u-card-list > ul > li > * {display: inherit;}
    .u-card-list .customer-service li em {right: 10px;}
    .u-card-list .customer-service li:nth-child(4) select {width: 48%; margin-right: 10px;}
    .u-card-list .customer-service li:nth-child(4) div {width: 48%; margin-right: 0;}
    .login-btn {width: 100% !important; padding: 10px;}
    .u-card-list .customer-service li textarea {width: 98%;}
    .u-card-list .customer-service li:nth-child(8) em {right: 0; max-width: 25px; text-align: center;}
    .copyright-area p {line-height: 10px; padding: 10px 0; font-size:10px;}
    .bus-times-area.col-5 {display: none;}
    .warning-message {padding: 25px;}
    .max-seat-selected {margin-left: 0; left: 10%; max-width: inherit; width: 80%;}
    .return-date-title {float: inherit; display: block; font-size: 14px;}
    input#txtReturnDateChose {display: block; float: inherit !important; width: 100% !important; margin-bottom: 10px;}
    .black-opacity span {margin: 46px auto 0 !important; width: 90%;}
    .black-opacity span img {display: block; margin: 0 auto; float: inherit; margin-bottom: 10px;}
    #slider .owl-controls, .campaing-txt-area {display: none;}
}

@media (max-width:480px){
    .title h2, .our-services-title h2 {width: inherit; text-align: center; left: 0; padding:0; font-size: 16px; width: 100%;}
    .carfare ul li p span {width: 90px; font-size: 12px;}
    .social-media-icons li a {margin: 0 5px;}
    .title, .our-services-title {margin: 0;}
    .selected-time-title input:first-child {position: absolute; left: 10px; top: 60px;}
    .selected-time-title input:last-child {position: absolute; right: 10px; top: 60px;}
    .full-size-loader .center {position: fixed; top: 35%; left: 18%;}
    .email-input {width: 100%;}
    .phone-input {width: 21%;}
    .card-number-input {width: 100%;}
    .expiration-code-input {width: 48%;}
    .code-input {width: 22%;}
    .time-title li:first-child, ul.time-list li:first-child, ul.time-list li:nth-child(3), .time-title li:nth-child(3) {display: none;}
    .time-title li, ul.time-list li {width: 25%;}
    .Outbound select {width: 100%; margin-right: 0; margin-top: 5px;}
    .passenger-information-input {width: 100%; margin-right: 0; margin-top: 40px;}
    .Outbound > .bay, .Outbound > .bayan {background: none;}
    .bay > .seat-numbers {background: url(../img/man-seat.png) no-repeat; width: 34px; height: 31px; padding-top: 5px; position: absolute; top: 0; left: 0;}
    .bayan > .seat-numbers {background: url(../img/woman.html) no-repeat; width: 34px; height: 31px; padding-top: 5px;}
    .tc-no-area .cancel-btn.btn-cancel.cancel-btn {position: absolute; top: -205%; width: 80%; height: 31px;}
    .tc-no-area .passenger-information-input {margin-top: 0;}
    em.eror-two {right: -15px; top: 10px;}
    em.eror-one {right: -15px;  top: 45px;}
    .contact-information-area em {position: absolute; margin-top: 0px; right: 0; margin-right: 7px; width: 8px;}
    .contact-information-area em.eror-two {margin-top: 95px;}
    .contact-information-area em.eror-one span {position: absolute;}
    .phone-warning-title p {width: 85%;}
    .phone-warning-p {width: 85% !important;}
    .come-go-btn, .card-area a, .carfare ul li p strong {font-size: 14px;}
    .travel-insurance-area label label {display: inline-block; width: 91%; vertical-align: middle;}
    .rules p {width: 86%;  vertical-align: middle;}
    .come-go-btn, .card-area a, .carfare ul li p strong {font-size: 14px;}
    .travel-insurance-area label label {display: inline-block; width: 91%; vertical-align: middle;}
    .rules p {width: 86%;  vertical-align: middle;}
    .credit-card-area .card-carrying-input {width: 100%;}
    .credit-card-area em.eror-one {right: 5px; margin-left: 0; top: 42px;}
    .credit-card-area em.eror-two {margin-top: 100px; width: 10px; height: 10px; right: 2px; margin-left: 0;}
    .date-calendar input {font-size: 12px;}
    .detail-nav-ul li {display: block; width: 100%; border-bottom: 1px solid #fff;}
    .detail-nav-ul li:last-child, .detail-nav-ul li.active {border-bottom: none;}
    .detail-nav-ul li.active img {display: none;}
    .detail-title-nav ul li {display: block;}
    .detail-title-nav ul li a {border-right: none;}
    .nav-tabs > li {width: 100%;}
    .u-card-list, .sing-up-area {min-height: inherit; border-right: none; padding: 10px; margin-bottom: 0;}
    .u-card-list ul li * {display: block;}
    .u-card-list .new-members li strong {margin-bottom: 10px;}
    .u-card-list .new-members li input, .u-card-list .new-members li select {width: 100% !important;}
    .u-card-list ul li .phone-warning-title {width: 100%;}
    .u-card-list ul li .phone-input {width: 20% !important; display: inline-block;}
    .u-card-list ul li .phone-input-last {width: 48% !important; display: inline-block;}
    .u-card-list ul li em {right: 10px;}
    .u-card h3 {font-size: 14px;}
    .form-title {font-size: 18px;}
    .u-card-list .travel-insurance li input, .u-card-list .travel-insurance li select {width: 100%;}
    .u-card-list .travel-insurance .date-area select, .cw-area input {display: inline-block; width: 46% !important;}
    .u-card-list .travel-insurance li em {right: 10px;}
    .u-card-list .customer-service li input, .u-card-list .customer-service li select, .u-card-list .customer-service li textarea {width: 100%;}
    .u-card-list .customer-service li .phone-input-last {width: 46% !important;  margin-left: 5px;}
    .u-card-list .customer-service li:nth-child(4) select {width: 48%; display: inline-block;}
    .u-card-list .customer-service li em {right: 10px;}
    .service-btn {width: 100%;}
    .terminal h6, .city h6, .region h6 {margin: 10px 0;}
    .bus-times-area li:first-child strong:first-child, .bus-times-area li p:first-child {padding-left: 10px !important;}
    .terminal-ul li strong, .terminal-ul li p {width: 32% !important; font-size: 12px !important;}
    .overseas-expeditions {padding: 20px 0;}
    .col-6, .col-12 {width: 100% !important;}
    .overseas-expeditions strong {font-size: 12px !important; padding: 0 10px;}
    .bus-times-area li strong {font-size: 12px !important;}
    .service-routes-l div a img {width: 100%; height: 10%;}
    .service-routes-r h4 {font-size: 14px;}
    .maps iframe {height: 200px;}
    .information-title {display:none;}
    .date-title-area {padding: 10px 15px;}
    .date-title-area h4 {display: block; border-right: none; border-bottom: 1px solid #fff; text-align: center; margin-left: 40px; font-size: 14px; padding-bottom: 5px; margin-bottom: 5px;}
    .date-title-area p {display: block; text-align: center; margin-left: 40px; font-size: 12px;}
    #sefertab li:first-child .date-title {margin-top: 16px;}
    #sefertab li.sefer-button.active .date-title {margin-top: 16px;}
    .logos-area li {width: 100%;}
    .seat-numbers {top: 0;}
    .passenger-cancel {position: absolute; right: 0; top: 0; width: 80%;}
    .passenger-information-input[type="text"] {width: 87%; margin-right: 0;}
    .phone-input-last {width: 53% !important;}
}