﻿

/* 28 RESPONSIVENESS */

@media only screen and (min-width: 320px) and (max-width: 767px) {        

/* 01 HEADER START */
header .menu {float: right; margin-top:0px; width: 100%;}
header .menu-strip{background:#fff;}

.menu-strip #divmenu > ul li > a span {border-right:0px solid #000; padding:0 15px;}
.menu-strip #divmenu > ul li:nth-child(2) a span{padding-left:15px !important;}
.menu-strip #divmenu > ul li.last  a span{ border-right:0px solid #000 !important;}


/* 02 BANNER START */
.banner{width:100%; height:auto; float:left; background:none; margin-top:-50px;}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{height:auto !important;}
.tab-full-contaner {width:100%; margin-left:0%; }
.tab-full{width:100%; float:left;  color:#fff; font-size:13px; font-weight:normal; margin-top:0px; }

.tab-full ul {padding: 0 0px; margin-top:10px;}
.tab-full .tab-content {padding: 0 0px;}


/* NEW BANNER */
.new-tab-full ul li {font-size: 14px; padding: 7px 4px; border-radius: 5px 5px 0 0; margin-right: 2px;}
.banner-new {height:100%; background: url(../images/banner/tab-banner1.jpg) no-repeat; background-size:100% 100%; padding-bottom:30px;}
.banner-new .new-tab-full {margin-top: 10px;}
.banner-new .new-tab-full .flight-tab .destination-to{width:100%; float:left;}
.banner-new .new-tab-full .flight-tab .departure-to-class{width:100%; float:left;}
.banner-new .new-tab-full .flight-tab .departure-to-class .departure-to-return{width:100%; float:left;}
.banner-new .new-tab-full .flight-tab .departure-to-class .adult-to-infants{width:100%; float:left;}
.banner-new .new-tab-full .flight-tab .departure-to-class .class{width:100%; float:left;}

.banner-new .new-tab-full .hotel-tab .destination{width:100%; float:left;}
.banner-new .new-tab-full .hotel-tab .all-other{width:50%; float:left;}

.banner-new .new-tab-full .flight-hotel-tab .destination{width:50%; float:left;}
.banner-new .new-tab-full .flight-hotel-tab .all-other{width:50%; float:left;}

.banner-new .new-tab-full .form-group label.position-relative  .border-radius-first{border-radius:0px 0px 0px 0px;}
.banner-new .new-tab-full .form-group label.position-relative  .border-radius-last{border-radius:0px 0px 0px 0px;}

.banner-new .new-tab-full .input-btn-full {margin-top:0px;}



/* POPULAR DESTINATION START */
.popular-destination {padding: 0 0 10px 0;}
.popular-destination .heading {font-size:20px;}
.popular-destination .head-text{font-size:14px;}
.popular-destination .package1{width:100%; height:350px;}
.popular-destination .package1.package2 {width:100%; height:350px;}
.popular-destination .package1.package-upcom-deal {width:100%; height:350px;}

.popular-destination .heading{margin-top:10px;}

.services-full{margin-top:0px; padding-bottom:0px;}

.whyus-full{padding-bottom:10px;}
.whyus-full .heading{margin-top:10px; font-size:20px;}
.whyus-full p{font-size:14px;}

.internation-flights .heading{margin-top:10px; font-size:20px;}

/*--FOOTER--*/
.footer1{padding-top:0px;}
footer .footer2 {padding:0px 0;}
footer .footer2 .topline{margin:0px 0;}
footer .footer-link ul { margin-top:5px; margin-bottom:0px;}
footer .footer-link ul li a{padding-top:3px;}
footer .footer2 .social {margin-top:0px;}
footer .footer2 .newsletters{margin-top:5px;}
footer .copy {color: #727171; padding:0px 0; margin-top: 0px; margin-bottom:0px;}
footer .footer2 .address{margin-top:0px;}
footer .footer2 .follow-us {margin-top:0px;}
footer3 {padding-bottom:0px; padding-top:0px;}
footer .images-line {margin:5px 0 10px 0;}

}

@media only screen and (min-width: 320px) and (max-width: 450px) {
.tab-full ul li{width:100%; float:left; margin-bottom:5px;}

}



@media only screen and (min-width: 768px) and (max-width: 991px) {
/* 02 HEADER START */

footer .f-payment .f-logo img{width:100%; height:auto;}
.slider-full .carousel .carousel-inner>.item img{height:300px; float:left; width:100%;}
.tab-full-contaner {width:100%; margin-left:0%;}

/* POPULAR DESTINATION START */
.popular-destination .package1{width:33.3333%; height: 280px;}
.popular-destination .package1.package2 {width:33.3333%; height: 280px;}
.popular-destination .package1.package-upcom-deal {width: 33.3333%; height: 280px;}
.popular-destination .package1 .bottom-detail {padding: 20px 5px 10px 5px;}
.popular-destination .package1 .bottom-detail .price {font-size:16px;}
.popular-destination .package1 .bottom-detail .location {font-size: 11px;}
}

@media only screen and (min-width:992px) and (max-width:1199px) {


/* 06 WHY BOOK US START */
.why-bookus h2.heading:before{position:absolute; content:\"\"; width:30%; height:2px; background:#333; top:50%; left:0px;}
.why-bookus h2.heading:after{position:absolute; content:\"\"; width:30%; height:2px; background:#333; top:50%; right:0px;}
}


@media only screen and (min-width:768px) and (max-width:1500px) {
/*.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {left: 15% !important; margin-left: -10px;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {right: 15% !important; margin-right: -10px;}*/
.slider-full .carousel-control {position: absolute; top: 0; bottom: 0; left: 0; width: 5%;}

}



/* COMMON PAGE */

@media only screen and (min-width: 320px) and (max-width: 767px) {
.top_line{display:none;}
.padding0>div {padding-left: 15px; padding-right: 15px;}
.padding0-advance-search{margin-left: -15px !important; margin-right: -15px !important;}
.padding0-advance-search>.padding-center {padding-left: 15px !important; padding-right: 15px !important;}
.padding0-advance-search>.padding-right {padding-right: 15px !important;}
.padding0-advance-search>.padding-left {padding-left: 15px !important;}

.AutoExtender {width:90% !important; }

/*  progress popup css*/
.popup_block{padding:15px 5px; position:fixed; top:20%; width:100%;}
.popup_block .progress{width:90%; height: 280px; margin:0 auto; }

/*  hotel result css*/

.results .result .border:after {content: ''; position: absolute; display: none;}
.results .result .from {margin-top: 5px;}
.results .result .hotelname {margin-top: 10px !important;}

.Accommodation-results .results .header p{font-size:16px; margin-bottom:0px;}
.Accommodation-results .results .result .hotelname{margin-bottom:0px;}
.Accommodation-results .results .result .star-rating{margin-bottom:0px;}
.Accommodation-results .results .result .address{margin-bottom:0px;}
.Accommodation-results .results .result .available{margin-top:0px; margin-bottom:0px;}
.Accommodation-results .results .result .from{margin-bottom:0px;}
.Accommodation-results .results .result .price{margin-bottom:0px;}


/*  hotel confirmation css*/
.hotel-confirmation .header .status {font-size: 24px;}
.hotel-confirmation .header .thanks {font-size: 20px;}
.hotel-confirmation .header p {font-size: 14px;}
.hotel-confirmation .confirmation-detail .row3 ul.contact li span {float: right; width: auto;}
.hotel-confirmation .confirmation-detail .row3 ul li span {padding-left: 5px;}
.hotel-confirmation .confirmation-detail .row3 .price {font-size: 20px; padding-right: 10px;}
.hotel-confirmation .confirmation-detail .row3 .price span {font-size: 22px; padding-left: 5px;}
.hotel-confirmation .confirmation-detail .row2 .checkin span {padding-left: 10px;}

.hotel-confirmation .confirmation-detail .row3 ul li {font-size: 14px;}
.hotel-confirmation .confirmation-detail .row3 ul li i {padding: 0 5px;}
.hotel-confirmation .confirmation-detail .row3 ul li span {float: right; font-size: 13px; font-weight: 600; text-align: left; width: auto;}

/*  hotel booking css*/
.hotel-booking .booking-detail .passenger ul.name li label {font-size: 11px; width: 100%; margin-top: 5px; text-align: center;}
.hotel-booking .booking-detail .passenger ul.name li select {width: 100%; margin-left: 0%; margin-top: 5px;}
.hotel-booking .booking-detail .passenger ul.name li input { width: 100%; margin-left: 0%; margin-top: 5px;}
.hotel-booking .booking-detail .passenger ul.contact li label {width: 100%; float: left; margin-top: 5px; text-align: center;}
.hotel-booking .booking-detail .passenger ul.contact li input {width: 100%; margin-left: 0%; margin-top: 5px;}

.hotel-booking .header p{font-size:16px;}
.hotel-booking .booking-detail .room p{font-size:11px;}
.hotel-booking .booking-detail .room p.heading{font-size:11px;}
.hotel-booking .booking-detail .room p.highlight{font-size:11px;}
.hotel-booking .booking-detail .room .accommodation-booking{font-size:12px;}
.hotel-booking .booking-detail .passenger ul.contact{margin-top:0px;}
.hotel-booking .booking-detail .passenger ul.contact li{padding-top:0px; padding-bottom:0px;}
.hotel-booking .booking-detail .payment p input[type=checkbox], .hotel-booking .booking-detail .payment p input[type=radio] {float: left; margin: 4px 0px 0 0;}
.hotel-booking .booking-detail .passenger ul.contact li label{text-align:left;}

.hotel-booking .summary .address{margin-bottom:5px;}
.hotel-booking .summary .row{margin-top:0px;}
.hotel-booking .summary div div p{margin-top:0px; margin-bottom:5px;}
.hotel-booking .summary .price{margin-top:0px;}
.hotel-booking .summary input[type=submit]{margin-bottom:0px;}
.hotel-booking .summary hr{margin-top:5px; margin-bottom:5px;}

.hotel-booking .booking-detail .room .padding0a {margin-left: -2px !important; margin-right: -2px !important;}
.hotel-booking .booking-detail .room .padding0a>div {padding-left: 2px !important; padding-right: 2px !important;}
.hotel-booking .booking-detail .room .padding0a>table>tbody>tr>td>div {padding-left: 2px !important; padding-right: 2px !important;}



/*  hotel detail css */

.hotel-detail .location .hotelname {font-size:20px !important;}
.hotel-detail .location .address {font-size: 14px;}
.hotel-detail .tab .abouthotel {width: 100%;}
.hotel-detail .tab .abouthotel table tbody tr td{width:100%; float:left;}
.hotel-detail .room p.heading {margin: 5px 0 0 0;}
.hotel-detail .room p.heading.text-right, .hotel-detail .room p.price.black.text-right {text-align: left;}
.hotel-detail .header table tr td {width: 100%; float: left;}
.hotel-detail .header table tr td:last-child {width: 100%;}
.hotel-detail .header a {padding: 9px 10px; width: 100%;}
.hotel-detail .tab .abouthotel li {width: 100%; float: left; padding: 2px 0;}
.hotel-detail .room table tbody>tr{margin-top:20px !important; float:left; width:100%;}

.hotel-detail .location .hotelname{font-size:16px;}
.hotel-detail.Accommodation-detail .header a.backtosearch{padding: 5px 20px; margin-bottom:5px;}
.hotel-detail.Accommodation-detail .location .product .product-img .lSSlideWrapper.usingCss ul{height:auto !important;}
.hotel-detail.Accommodation-detail .location .product .product-img .lSSlideWrapper.usingCss ul li{height:auto;}
.hotel-detail.Accommodation-detail .location .product .product-img .lSPager.lSGallery li {height: auto;}

.hotel-detail.Accommodation-detail .room h3{margin-top:0px;}
.hotel-detail.Accommodation-detail .room table tbody>tr{margin-top:5px !important; float:left; width:100%;}
.hotel-detail.Accommodation-detail .room{overflow:auto;}
.hotel-detail.Accommodation-detail .room table.room-table tbody>tr td{width:550px; float:left; }
.hotel-detail.Accommodation-detail .room table.room-table tbody>tr td p{font-size:11px !important;}


/*  flight booking css*/

.flight-booking .booking-detail .confirm .iconimg {margin-left: 25%; margin-right: 4%;}
.flight-booking .booking-detail .confirm .class {float: left; width: 50%;}
.flight-booking .booking-detail .confirm .class {float: left;width: 55%;}
.flight-booking .booking-detail .passenger ul.name li label {font-size: 11px; width: 100%; margin-top: 5px; text-align: center;}
.flight-booking .booking-detail .passenger ul.name li select {width: 100%; margin-left: 0%; margin-top: 5px; }
.flight-booking .booking-detail .passenger ul.name li input {width: 100%; margin-left: 0%; margin-top: 5px;}
.flight-booking .booking-detail .passenger ul.contact li label {width: 100%; float: left; margin-top: 5px; text-align: center;}
.flight-booking .booking-detail .passenger ul.contact li input {width: 100%; margin-left: 0%; margin-top: 5px;}
.flight-booking .booking-detail .passenger ul.name li span {float: left !important; text-align: left;}

.flight-booking .booking-detail .passenger ul.contact li label.label2{padding-left:0px; width:100%;}
.flight-booking .booking-detail .passenger ul.contact li input {width:100%; }
.flight-booking .booking-detail .passenger ul.contact li input.input2{width:100%;}
.flight-booking .booking-detail .passenger ul.contact li .country-select {width:100%; margin-left:0%;}

/*  flight result oneway css */
.flight-results .results .header-new{width:100%; overflow:auto;}
.flight-results .results .header-new .header-new-inner{width:500px !important; float:left;}
.flight-results .results .header-new .header-new-inner .col-1{width:100px !important; float:left;}
.flight-results .results .header-new .header-new-inner .col-2{width:300px !important; float:left;}
.flight-results .results .header-new .header-new-inner .col-3{width:100px !important; float:left;}
.flight-results .results .header-new .city-details li{display:inline-block; min-width:initial;}

.flight-results .results .header-new .found-flight{font-size: 11px;}
.flight-results .results .header-new .travel-detail{font-size: 11px;}
.flight-results .results .header-new .travel-info{font-size: 11px; }
.flight-results .results .header-new .travel-info .icon{float:left; width:10px;}
.flight-results .results .header-new .travel-info .number{float:left; margin-right:2px;}
.flight-results .results .header-new .city-details{width:100%; float:left;}
.flight-results .results .header-new .city-details li .city-name{font-size:12px;}
.flight-results .results .header-new .city-details li .date{font-size:11px;}


.flight-results .results .header ul li.place {width: 100%; margin-top: 10px;}
.flight-results .results .header ul li.departure {width: 100%; margin-top: 10px;}
.flight-results .results .header ul li.family {width: 100%; margin-top: 10px;}
.flight-results .results .header ul li.class {width: 100%; margin-top: 10px;}
.flight-results .results .header ul li.modify {width: 100%; padding: 0px; background: #00d227; margin-top: 10px;}
.flight-results .results .header ul li a {margin-top: 0px; padding: 26px 10px;}
.flight-results .results .header ul li { border-right: 1px solid #ccc;}


.flight-results .results .result.travel-port p {font-size: 10px; overflow:hidden;}
.flight-results .results .result.travel-port .arrival-city {margin-left:0px; font-size: 10px;}
.flight-results .results .result.travel-port .radio_top{font-size:10px;}
.flight-results .results .result.travel-port .flight-duration{font-size:10px !important;}
.flight-results .results .result.travel-port .stop1{font-size:9px;}
.flight-results .results .result.travel-port .from{margin-top:0px; font-size:14px !important;}
.flight-results .results .result.travel-port .price{font-size:14px !important; margin-top:10px;}
.flight-results .results .result.travel-port .mt10.margin{margin-top:0 !important;}
.flight-results .results .result.travel-port {padding: 5px;}
.flight-results .results .result.travel-port h4.heading{padding:5px 10px; font-size: 14px !important; margin-top:5px;}
.flight-results .results .result.travel-port center.flight-logo img{width:50px;}

.flight-results .results .result.travel-port .radio_top .city-name{font-size:12px;}
.flight-results .results .result.travel-port .radio_top .time{font-size:12px;}
.flight-results .results .result.travel-port .arrival-city .city-name{font-size:12px;}
.flight-results .results .result.travel-port .arrival-city .time{font-size:12px;}


.flight-results .results .result.travel-port .padding0a {margin-left: -2px !important; margin-right: -2px !important;}
.flight-results .results .result.travel-port .padding0a>div {padding-left: 2px !important; padding-right: 2px !important;}
.flight-results .results .result.travel-port .padding0a>table>tbody>tr>td>div {padding-left: 2px !important; padding-right: 2px !important;}



/*  flight booking confirmation css */
.flight-confirmation .confirmation-detail .row2 .departure .iconimg {margin-left: 25%; margin-right: 4%;}
.flight-confirmation .confirmation-detail .row2 .departure .class {float: left; width: 50%;}
.flight-confirmation .confirmation-detail .row2 .departure .class {float: left; width: 55%;}



/*  flight booking css */
.hotel-confirmation .confirmation-detail{padding: 5px;}
.hotel-confirmation .confirmation-detail .row2 {padding: 5px;}
.flight-confirmation .confirmation-detail .row2{margin-top:10px;}
.flight-confirmation .confirmation-detail .row2 .departure p {font-size: 12px; overflow:hidden;}
.flight-confirmation .confirmation-detail .row2 .departure .mt30.margin{margin-top:0 !important;}
.flight-confirmation .confirmation-detail .row2 .departure .class{width:100%;}
.flight-confirmation .confirmation-detail .row2 .departure .class label{font-size:10px;}
.flight-confirmation .confirmation-detail .row2 .departure .iconimg {margin-left:0%; margin-right:0%;}
.flight-confirmation .confirmation-detail .row2 .departure .depart{font-size:10px !important;}
.flight-confirmation .confirmation-detail .row2 .departure .time{font-size:10px !important;}
.flight-confirmation .confirmation-detail .row2 .departure .date{font-size:10px !important;}
.flight-confirmation .confirmation-detail .row2 .departure .depart{font-size:10px !important;}
.flight-confirmation .confirmation-detail .row2 .departure .farebaggage{font-size:12px;}
.flight-confirmation .confirmation-detail .row2 .departure span.icon{font-size:16px;}

.flight-confirmation .confirmation-detail .row2 .departure .padding0a {margin-left: -2px !important; margin-right: -2px !important;}
.flight-confirmation .confirmation-detail .row2 .departure .padding0a>div {padding-left: 2px !important; padding-right: 2px !important;}
.flight-confirmation .confirmation-detail .row2 .departure .padding0a>table>tbody>tr>td>div {padding-left: 2px !important; padding-right: 2px !important;}

.flight-booking .booking-detail .passenger ul.name{margin-top:0px;}
.flight-booking .booking-detail .passenger ul.name li{padding-top:0px; padding-bottom:0px;}
.flight-booking .booking-detail .passenger ul.name li label{margin-top:0px; text-align:left;}
.flight-booking .booking-detail .passenger ul.contact{margin-top:0px;}
.flight-booking .booking-detail .passenger ul.contact li{padding-top:0px; padding-bottom:0px;}
.flight-booking .booking-detail .passenger ul.contact li label{margin-top:0px; text-align:left;}

.flight-booking .summary{margin-bottom:10px;}
.flight-booking .summary h3{margin-top:0px;}
.flight-booking .summary p{margin-top:5px; font-size:12px;}
.flight-booking .summary .widthfull hr{margin-top:0px; margin-bottom:5px;}
.flight-booking .summary .confirm-btn{margin-bottom:0px;}


/*  hotel package css */
.hotels-package .tab{width:100%; float:left;}
.hotels-package .tab .nav-tabs>li{ width:100%; float:left;}


/*  FH Booking css */
.hotel-booking.Accommodation-booking .header p{font-size:16px;}
.hotel-booking.Accommodation-booking .flight-booking .flight-booking .booking-detail .departure{margin-bottom:20px; border-bottom:1px solid #ccc; padding-bottom:10px;}
.hotel-booking.Accommodation-booking .flight-booking .flight-booking .booking-detail .departure p {font-size: 12px; overflow:hidden; margin-bottom:0px;}
.hotel-booking.Accommodation-booking .flight-booking .flight-booking .booking-detail .departure .mt30.margin{margin-top:0 !important;}
.hotel-booking.Accommodation-booking .flight-booking .flight-booking .booking-detail .departure .class{width:100%;}
.hotel-booking.Accommodation-booking .flight-booking .flight-booking .booking-detail .departure .class label{font-size:10px;}
.hotel-booking.Accommodation-booking .flight-booking .flight-booking .booking-detail .departure .iconimg {margin-left:0%; margin-right:0%; width:60px;}
.hotel-booking.Accommodation-booking .flight-booking .flight-booking .booking-detail .departure .iconimg img{width:100%; float:left;}
.hotel-booking.Accommodation-booking .flight-booking .flight-booking .booking-detail .departure .depart{font-size:10px !important;}
.hotel-booking.Accommodation-booking .flight-booking .flight-booking .booking-detail .departure .time{font-size:10px !important;}
.hotel-booking.Accommodation-booking .flight-booking .flight-booking .booking-detail .departure .date{font-size:10px !important;}
.hotel-booking.Accommodation-booking .flight-booking .flight-booking .booking-detail .departure .depart{font-size:10px !important;}
.hotel-booking.Accommodation-booking .flight-booking .flight-booking .booking-detail .departure .farebaggage{font-size:12px;}
.hotel-booking.Accommodation-booking .flight-booking .flight-booking .booking-detail .departure span.icon{font-size:16px;}

.hotel-booking.Accommodation-booking .flight-booking .flight-booking .booking-detail .booking-detail .room{overflow:auto;}
.hotel-booking.Accommodation-booking .flight-booking .flight-booking .booking-detail .booking-detail .room table>tbody>tr>td>div span{font-size:11px;}

.hotel-booking.Accommodation-booking .flight-booking .flight-booking .booking-detail .departure .padding0a {margin-left: -2px !important; margin-right: -2px !important;}
.hotel-booking.Accommodation-booking .flight-booking .flight-booking .booking-detail .departure .padding0a>div {padding-left: 2px !important; padding-right: 2px !important;}
.hotel-booking.Accommodation-booking .flight-booking .flight-booking .booking-detail .departure .padding0a>table>tbody>tr>td>div {padding-left: 2px !important; padding-right: 2px !important;}

}

@media only screen and (min-width: 320px) and (max-width: 450px) {

/*  flight result twoway css */
.flight-results .product-img .content-slider p {color: #666; float: left; font-size: 13px; font-weight: 600; margin-top: 0px; width: 70%;}
.flight-results .product-img .content-slider img {float: left; margin-top: 1px;width: 60%;}
}





@media only screen and (min-width: 768px) and (max-width: 991px) {
.container{width:100% !important;}
.padding0-advance-search>.padding-center {padding-left: 15px !important; padding-right: 15px !important;}
.padding0-advance-search>.padding-right {padding-right: 15px !important;}
.padding0-advance-search>.padding-left {padding-left: 15px !important;}

/*  progress popup css*/
.popup_block{ padding:15px 5px; position:fixed; top:20%; width:70%;}
.popup_block .progress{width:90%; height: 280px; margin:0 auto; }

/*  hotel result css*/
.filter ul.services li span {margin-left:-5px; font-weight: normal !important;}

/*  hotel detail css*/
.hotel-detail .header a {padding: 11px 10px;}
.hotel-detail .tab .abouthotel table tbody tr td{width:100%; float:left;}

/*  flight booking css*/
.flight-booking .booking-detail .passenger ul.name li span {float: left !important; text-align: left;}
.flight-booking .summary p {font-size: 12px;}
.flight-booking .summary .confirm-btn {padding: 8px 2px; font-size: 10px;}

.flight-booking .summary .confirm-btn {padding: 8px 2px; font-size: 10px;}
.hotel-booking .summary input[type=submit]{padding: 8px 2px; font-size: 10px;}

.flight-booking .booking-detail .passenger ul.contact li label.label2{padding-left:15px; width: 15%;}
.flight-booking .booking-detail .passenger ul.contact li input {width: 34%; }
.flight-booking .booking-detail .passenger ul.contact li input.input2{width:34%;}
.flight-booking .booking-detail .passenger ul.contact li .country-select {width:9%;}

/*  flight result oneway css*/
.flight-results .results .header-new{width:100%; overflow:auto;}
.flight-results .results .header-new .header-new-inner{width:620px !important; float:left;}
.flight-results .results .header-new .header-new-inner .col-1{width:150px !important; float:left;}
.flight-results .results .header-new .header-new-inner .col-2{width:320px !important; float:left;}
.flight-results .results .header-new .header-new-inner .col-3{width:150px !important; float:left;}
.flight-results .results .header-new .city-details li{display:inline-block; min-width:30px;}

.flight-results .filter ul.departure li {display: inline-block; float: left; width: 50%;}
.flight-results .results .header ul li.place {width: 40%;}
.flight-results .results .header ul li.departure {width: 30%;}
.flight-results .results .header ul li:nth-child(3n+0) {border-right: 1px solid #ccc;}
.flight-results .results .header ul li.family {width: 40%; border-top: 0px;}
.flight-results .results .header ul li.class {width: 30%; border-top: 0px;}
.flight-results .results .header ul li.modify {width: 30%; border-top: 0px; padding: 0px; background: #00d227;}
.flight-results .results .header ul li a {padding: 27px 10px;}
.flight-results-twoway .results .result .price {font-size: 16px;}
.flight-results-twoway .results .result .border {padding-left: 5px; padding-right: 8px;}
.flight-results .results .result a.book {padding: 8px 5px;}

.flight-results .results .result.travel-port .padding0a {margin-left: -2px !important; margin-right: -2px !important;}
.flight-results .results .result.travel-port .padding0a>div {padding-left: 2px !important; padding-right: 2px !important;}
.flight-results .results .result.travel-port .padding0a>table>tbody>tr>td>div {padding-left: 2px !important; padding-right: 2px !important;}


/*  flight result twoway css */
.flight-results .product-img .content-slider p {margin-top: 8px;}

/*  flight booking confirmation css*/
.flight-confirmation .confirmation-detail .row2 .departure .farebaggage {color: #666; font-size: 14px; font-weight: 600;}
.hotel-confirmation .confirmation-detail .row3 ul.contact li {font-size: 14px;}
.hotel-confirmation .confirmation-detail .row3 ul.contact li span {font-size: 14px;}
.hotel-confirmation .confirmation-detail .row3 ul li {font-size: 14px;}
.hotel-confirmation .confirmation-detail .row3 ul li span {font-size: 12px;}

/*  flight hotel result css*/
.flight-hotel-result.hotel-detail .header a {padding: 23px 10px;}

/*  flight hotel detail css*/
.flight-hotel-detail.hotel-detail .header a {padding: 23px 10px;}
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {

/*  flight booking css*/
.flight-booking .booking-detail .passenger ul.name li span {float: left !important; text-align: left;}
.flight-booking .summary .confirm-btn {padding: 8px 2px; font-size: 13px;}
.hotel-booking .summary input[type=submit]{padding: 8px 2px; font-size: 13px;}
.flight-booking .summary p.price span { margin-right: 5px;}

/*  flight result oneway css*/

.flight-results .results .header ul li.place {width: 22%;}
.flight-results .results .header ul li.departure {width: 16%;}
.flight-results .results .header ul li.family {width: 24%;}
.flight-results .results .header ul li.class {width: 12%;}
.flight-results .results .header ul li.modify {width: 10%;padding: 0px;background: #00d227;}
.flight-results .results .header ul li.place p {margin-top: 0px;}

/*  hotel flight result css*/
.flight-hotel-result.hotel-detail .header a {padding: 14px 10px;}
}

@media (min-width: 768px) {
.modal-dialog {width: 410px !important; margin: 15px auto !important;}
}











/*========NEW PAGES CSS========*/

@media only screen and (min-width: 320px) and (max-width: 767px) {
.attraction-result .attraction-result-panel .attrac-result .detail-panel .im{width:100%;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content {width:100%; float: left; padding-left:0px;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel{width:100%;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel{width:100%;}

.attraction-result .header-new .header-new-inner .att-header-title{width:30%; float:left; font-size:14px;}
.attraction-result .header-new .header-new-inner .att-header-sortyby{width:70%;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .mapdiscount .discoutn{margin-right:0px;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .bottom-strip .ul-bot-strip{padding-right:0px;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .bottom-strip .ul-bot-strip li{width:33.3333%;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .mapdiscount .discoutn{font-size:14px;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .service-type{margin-bottom:5px;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .reviews{text-align:center; width:100%;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .regprice-outer {width: 100%; float: left; position:static; margin-bottom:5px;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .regprice {position:static; right: -25px; top: 0px; text-align: center;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .regprice p:after{display:none;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .ourprice-outer {width: 100%; float: left; position:static; margin-bottom:5px;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .ourprice {position:static; right: -25px; top: 0px; text-align: center;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .ourprice p:after{display:none;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .ppperson {color: #cccccc; float: right; font-size: 14px; text-align: center; width: 100%;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .booknow {float: right; right: 14px; width: 100%; text-align: center; margin-bottom:10px;}

/* ATTARACTION DETAIL PAGE */
.attraction-detail-pg .att-det-header h3 {font-size: 18px;}
.attraction-detail-pg .left-panel .content .product-slider-img .lSSlideWrapper.usingCss ul li{height:150px;}
.attraction-detail-pg .left-panel .content .detail-info h3 {font-size:20px;}

/* ATTARACTION PAYMENT PAGE */
.attraction-payment-pg .content .product-info .heading {width:100%; font-size:20px; margin-top:10px;}
.attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel .detail .starrating-full .starrating {width: 100px !important; float: left;}
.attraction-payment-pg .att-payment-header .ul-social li {width:100%; margin-right:0px; margin-bottom:5px;}
.attraction-payment-pg .att-payment-header .continue{width:100%;}

}
@media only screen and (min-width:320px) and (max-width:460px) {
.attraction-detail-pg .left-panel .content .ul-slider-tab li {display: inline-block; width:100%;}
.attraction-detail-pg .att-det-header .backto-result {display:none;}

/* ATTARACTION PAYMENT PAGE */

.attraction-payment-pg .content .passenger-info .pass-form {width: 100%; float: left; position:static;padding-left:0px;}
.attraction-payment-pg .content .passenger-info .pass-form .form-title {width:100%; float: left; position: static; top: 6px; left: 0px; font-weight: normal;}
.attraction-payment-pg .content .passenger-info .heading .text2{display:none;}

}


@media only screen and (min-width:768px) and (max-width:991px) {
.attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content {width: 70%; float: left; padding-left:5px;}
.attraction-result .sidebar ul li a {font-size: 14px;}
.attraction-result .sidebar ul li.active a{font-size: 14px;}
.attraction-result .attraction-result-panel .attrac-result .att-result-heading .text1{font-size: 14px;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .cancellation{font-size:14px;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .service-type .text1 {width: 95px; float: left;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .bottom-strip .ul-bot-strip {padding-right:0px; margin-top:10px;}
.attraction-result .header-new .header-new-inner .att-header-title {width: 40%; color: #336699; font-size:16px; font-weight: 700; margin-top:5px;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .mapdiscount .discoutn {font-size: 12px; margin-right:0px;}

/* ATTARACTION DETAIL PAGE */
.attraction-detail-pg .att-det-header .ul-country {margin-top: 40px;}
.attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .starrating-full .starrating {width: 100%; float: left;}

/* ATTARACTION PAYMENT PAGE */
.attraction-payment-pg .content .passenger-info .pass-form .form-group.dob .dobinput{width:30%; margin-right:5%;}
.attraction-payment-pg .content .passenger-info .pass-form .form-group.dob .dobinput:nth-child(3){margin-right:0px !important; margin-right:0% !important;}
.attraction-payment-pg .content .passenger-info .pass-form .form-group.dob .age-text{margin-top:10px;}
.attraction-payment-pg .content .passenger-info .pass-form .form-group.dob .ageinput{width:60px; margin-top:10px;}
.attraction-payment-pg .payment-sidebar .ticket-panel .servie-panel .servie .text2 {line-height: 14px;}
.attraction-payment-pg .payment-sidebar .nearby-attractions .header {font-size: 16px;}
.attraction-payment-pg .content .payment-info .payment-icon img{width:100%;}

}


@media only screen and (min-width:992px) and (max-width:1199px) {
.attraction-result .header-new .header-new-inner .att-header-title {width: 40%; color: #336699; font-size:16px; font-weight: 700; margin-top:5px;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .mapdiscount .discoutn {font-size: 16px; margin-right:0px;}

/* ATTARACTION DETAIL PAGE */
.attraction-detail-pg .att-det-header .ul-country {margin-top: 40px;}

/* ATTARACTION PAYMENT PAGE */
.attraction-payment-pg .payment-sidebar .ticket-panel .servie-panel .servie .text2 {line-height: 14px;}
.attraction-payment-pg .content .passenger-info .pass-form .form-group.dob .dobinput,
.attraction-payment-pg .content .passenger-info .pass-form .form-group.dob .ageinput{width:40px;}
}


@media only screen and (min-width:1200px) and (max-width:1600px) {
}



