// Tablet(L) view
@media only screen and (max-width:991px) {
	.Menu a {
		font-size: 15px;
		font-weight: bold;
	}.all_services_list
	.holiday_form_in {
		margin: auto;
		margin-top: 50px;
	}
	.w_100 {
		max-width: 100%;
		flex: 0 0 100%;
	}
	.Filtter_mv {
		display: none;
		position: absolute;
		z-index: 10;
		left: 0;
		right: 0;
		padding: 5px;
		.filtter_box-sub {
			margin-top: 0px;
		}
	}

.hd_mob
{
    display:none!important;
}
	//tag end
}
// Mobile(s) View
@media (max-width:767px) {
    .m_top5{
        margin-top:5px !important;
    }
    .misc_cart_details_sec , .mytrip_details_sec{
        padding:0px !important;
                    position: fixed !important;
                    z-index: 99999;
                    top: 0 !important;
                    left: 0;
                    right: 0;
                    width: 100% !important;
                    margin: 0px !important;
                    bottom: 0px;
                    background: white !important;
                    max-height: unset !important;
                .cart_back_btn{
                        color: #545151;
                        padding-left: 20px;
                        font-size: 16px;
                        box-shadow: 0px 0px 6px #b5b0b0;
                        padding: 10px;
                }
    }
     .mytrip_details_sec
        {

                padding:0px !important;
                position: fixed;
                z-index: 99999;
                top: 0;
                left: 0;
                right: 0;
                width: 100%;
                margin: 0px !important;
                bottom: 0px;
                background: white;
                max-height: unset !important;
                .cart_back_btn{
                        color: #545151;
                        padding-left: 20px;
                        font-size: 16px;
                        box-shadow: 0px 0px 6px #b5b0b0;
                        padding: 10px;
                }
                .row{
                    margin:0px;
                    border-bottom:2px solid #eee;
                    border-radius:0px !important;
                }
                .modify_sec{
                    margin-top:10px;
                }
                .trip_style {
                        margin-top: 20px !important;
                        font-size: 13px !important;
                }
                 .create_trip{
                    /*backgroud:none !important;
                    position: relative;
                    right: 8px;*/
                    margin-left: -15px;
                 }
                /* .my_trip{
                    position: relative;
                    right: 17px;
                    backgroud:none !important;
                 }

                .triplist_mobile_sec
                {
                    position: absolute;
                    outline: none;
                    left: 0px;
                }*/
                .cart_name
                {
                    color: #888181;
                    font-weight: bold;
                    text-transform: capitalize;
                    outline: none;
                }
                .trip_edit
                {
                    margin-top: 0px;
                    text-align: center;
                    padding-top: 14px;
                }

                .tr_close
                {
                    position: inherit!important;
                    float: right!important;
                    top: 0px!important;
                    left: 0px!important;
                }
                .row
                {
                    div:nth-child(1)
                    {
                        span
                        {
                            margin-left: -5px!important;
                        }

                    }

                }
                .btm_trip
                {
                    height: 32px!important;
                    div:nth-child(1)
                    {
                        p
                        {
                            margin-left: 20px!important;
                        }
                    }
                    div:nth-child(2)
                    {
                        p
                        {
                            font-size: 12px;
                            margin-left: 5px!important;
                        }
                    }
                    div:nth-child(3)
                    {
                         a
                         {
                            height: auto!important;
                            width: auto!important;
                            font-size: 10px!important;
                            right:auto !important;
                            text-transform: uppercase;
                            font-weight: 700 !important;
                         }
                    }

                }
        }
        #misc_cart_icon{
            .misc_crt_img{
                    width: 24px;
                    margin-top: 7px;
                    margin-left: 15px;
            }
            .misc_cart_count{
                position: absolute;
                bottom: 20px;
                right: 9px;
            }

        }
        .misc_cart_details_sec{
                z-index: 1!important;
                border-radius: 5px!important;
                overflow: scroll;
                right:0px !important;
                height:auto !important;

                .btm_trip div:nth-child(1) p {
                        margin: auto !important;
                        padding-top:6px;
                    }
                .btm_trip div:nth-child(2) p{
                    margin: auto !important;
                    padding-top:6px;

                }
                .btm_trip div:nth-child(3) a{
                        font-size: 10px;
                        margin-right: 28px;
                        width:auto !important;
                        line-height: 1.1;
                }
                .btm_trip{
                    height: 32px !important;
                }
                .tr_close{
                    position:unset !important;
                }
                .msc_cart{
                    margin-top:10px;
                    padding-left:10px;
                }
                #misc_cart_summery_html{
                    padding-left:10px;
                }

            }


    .cart_count{
        position: relative;
        bottom: 20px;
        left: 28px;
    }
    .ft_select_serv{
        margin-top: 0px !important;
    }
    .hide_mobile{
         display:none;
     }
    .search_message
    {
        margin-bottom: 42px;
    }
        .flight_oneway_round_widthhandling
        {
            display: flex;
            flex-wrap: wrap;
            margin-right: -25px;
            margin-left: -8px;
        }
        .oneway_roundtrip_handling
        {
                display: flex;
            flex-wrap: wrap;
            margin-right: -25px;
            margin-left: -25px;
        }
        .flight_data_rander{
//             top: 24px;
//             left:29px;
            display:none;
        }
        .bottom_design_view{
            border-top: none;
            padding-top: 16px;
                margin: 0px;
        }
        .fade{
            padding: 0px !important;
        }
     #SelectedHotelList, #SelectedActivityList, #SelectedCruiseList, #SelectedTransferList{
        margin-top: 20px;
        .selected_service .row{
            margin: 0px 20px 0px 20px;
            img{
                max-height: 55px;
                width: auto;
            }
        }
    }
    #SelectedFlightList{
         margin-top: -39px;
        .selected_service .row{
            margin: 36px 20px 0px 20px;
            img{
                max-height: 55px;
                width: auto;
            }
        }
    }
    .posbot_rd .earning_points{
        position: relative;
        float: right;
        top: -21px;
    }
    .pkg_sr_rslt {
        .col-6{
            max-width: 47%;
        }
        .custom-checkbox{
            margin-right: 18px;
        }
        .checkbox-flight{
            margin-left:49px;
        }
        .form-control:focus{
            box-shadow:none;
        }
    }

    .posbot{
        position: unset;
        bottom: 0px;
        margin-top: 7px;
    }
    .posbot_tf{
        position: relative;
        bottom: 10px;
        margin-top: 7px;
    }
    .posbot_cr{
        position: relative;
//         bottom: -37px;
        left: 0px;
    }
    .posbot_act{
        position: relative;
        bottom: 0px;
        text-align: center;
        padding: 5px;
    }
    .m_compare_prices{
        padding: 10px;
        box-shadow: 0px 0px 0px 2px #eee;
        border-radius: 5px;
        margin-bottom: 10px;
    }
    .mob_extra_menus a{
        padding: 0px 14px !important;
        background: transparent !important;
        color: rgba(0, 91, 158, 1) !important;
    }
    .mar-t{
        display: block !important;
        margin-bottom:0px !important;
    }

    .circle-icon{
        background: #fff;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        text-align: center;
        line-height: 2.5;
        vertical-align: middle;
        box-shadow: #eee 2px 2px 2px 2px;
        color: rgba(175, 175, 175, 1);
    }
    .ht-str-rt{
        display: inline-flex;
        margin-left: 10px;
        .theme-hotel{
            margin-left: 3px!important;
            font-family: 'Open Sans', arial !important;
            color: #7A7C80 !important;
            font-weight:400!important;
        }
    }
    .given_gogo{
        width:67px;
    }
    .hotl_pad0{
//         position: relative;
//         right: 253px;
//         top: 21px;
        padding-right:0px;
    }
    .m-rom{
        padding: 0px 2px !important;
        border-radius: 6px !important;
        color: #7A7C80 !important;
        text-decoration: none !important;
        border: 1px solid #ABABAB;
        margin-top: 3px;
        font-size:11px !important;
        margin-right:0px !important;

    }
    .m-box-sec{
        border: 1px solid #ced4da;
        float: left;
        margin: 20px;
        border-radius: 6px;
    }
    .m-rd-btn{
        height: 22px;
        font-weight: 100 !important;
        padding: 0px 8px !important;
        margin-top: 3px;
    }
    .m-rm-det .cl-g{
//         left: -16px;
    }
    .m-padl25
    {
        padding-left:25px;
    }
    .m-padl30
    {
        padding-left:30px!important;
    }
    .m-gogo{
        margin-left:5px important;
    }
    .m-rm-ht-gogo{
        margin-left: 7px !important;
        position:relative;
        bottom: 167px;
        padding-right:0px !important;
        .pd-top{
            margin-right: 6px;
            width:73px;
        }
        .mob-dollar{
            width: 7px;
            margin-left: -36px;
            margin-top: -6px;
        }
        .hl_purple{
            left: 4px!important;
        }
    }
    .given-gogo{
        position: relative;
        bottom: 168px;
        right: 0px;
        .m-ht-gogo{
            width: 20px;
            margin-left: 4px;
        }
        .dis-grid{
            position: relative;
            left: 29px;
            bottom: 30px;
            .m-pd-top{
                width: 60px;
                position: relative;
                top: -4px;
                right: 1px !important;
            }
            span{
                color:#0193DD;
                font-weight:bold;
            }
        }
        .hl_purple{
            position: relative;
            bottom: 67px;
            left: 56px;
        }
    }
    .m-deal-ul{
//         position: relative ;
//         top: 20px;
//         right: 241px;
        font-size: 11px;
        text-indent: -1em;
        padding-left: 1em;
    }
    .filter_button_css{
//         border: none !important;
//         margin-top: 10px;
        font-size: 12px !important;
        color: #0CC10C !important;
        background:none !important;
    }
    .Font10{
        font-size: 10px !important;
    }
    .cruis_offer_drpdn .dropdown-menu{
        min-width: 15rem !important;
    }
    .ac_body .more_links{
        padding: 0px 0px 0px 0px;
        height: auto !important;
    }
    .s-float-right{
        margin-top: -6px;
    }
    .details_info .input-design input{
        font-size: 12px;
    }
    .hd_mob
    {
        display:block!important;
    }
    .hl_darkgrey{
        font-size:0px;
    }
    .pas-flat-left{
        .ucase{
            list-style-position: inside;
            text-indent: -1em;
            padding-left: 1em;
        }
    }

    .col-g{
        .hotel_deal{
            font-size:12px !important;
            font-weight:bold !important;
        }
        .ucase{
            color:#7A7C80;
        }
    }
    .pd-rt-none{
        padding:0px !important;
    }
    .m-rm-details{
        padding: 0px 5px !important;
        border-radius: 6px;
        color: #707070 !important;
        font-size: 12px;
        border: 1px solid #707070;
        font-weight: bold;
        margin-left: 9px;
    }
    .pad-lef-bott{
//         left: 239px;
//         bottom: 40px;
            padding-top: 9px;
        .dropdown-toggle::after{
            display: inline-block;
            width: 0px;
            height: 0px;
            margin-left: .255em;
            vertical-align: 0px;
            content: "";
            border-top: .3em solid;
            border-right: .3em solid transparent;
            border-bottom: 0;
            border-left: .3em solid transparent;
            font-size: 18px;

        }
    }
    .hl_purple{
        padding-left:20px;
    }
    .cruise_detail_css{
        .bor-rt{
            padding-left: 32px !important;
            border-right:none !important;
            .txt12{
                font-weight:bold;
            }
            .ucase{
                color: #7a7c80;
            }
        }
        .pd-left{
            padding-left: 32px !important;
            list-style-type: none ;
            .txt12{
                font-weight:bold;
            }
            .ucase{
                color: #7a7c80;
            }
        }
        .fa-circle{
            font-size:7px;
            width:15px;
        }
        .fa-minus{
             font-size:7px;
             color:#bfbfbf;
        }
    }
    .dis-flex{
        margin-top:10px !important;
        clear:both;
        .pd-top{
        height:auto !important;
        width: 76px !important;
        margin-left: 10px;
        margin-top: 0px !important;
        }
        .hl_purple{
            padding-left:68px !important;
            position: absolute;
            bottom: 58px !important;
            }
        .mob-dollar{
                position: relative;
                width: 6px !important;
                left: -32px !important;
                bottom: 3px !important;
        }
        .m-ht-gogo{
            width: 20px;
            margin-left: 8px !important;
        }

        .dis-grid{
            position: relative;
            left: 32px !important;
            bottom: 30px;
            .m-pd-top{
                width: 60px;
                position: relative;
                top: 13px;
                right: 31px;
            }
            span{
                color:#0193DD;
                font-weight:bold;
            }
        }


    }

    .s-float-left{
        line-height:normal !important;
//         margin-top:-4px;
    }
    .hotel_room_details{
            margin-right: 15px;
            margin-left: -15px;
    }
    .mar-tp-lft{
        padding-left: 10px;
        padding-top: 7px;
        .txt13{
//             list-style-position: inside;
            text-indent: -1em;
            padding-left: 1em;
        }
    }

    .dropdown-menu{
        padding:0px !important;
    }
    .pad15{
        min-width: 10rem;
//         height: 80px;
         padding: 3px !important;
    }
    .ac_body .room_image{
        border-radius:6px;
        max-height:200px;
    }
//     .mart10{
//         height:0px;
// //         width:20px;
//     margin-left: -8px;
//     }
    .rd-btn{
        margin-bottom:0px;
    }
    .from_get_details button{
        font-size:12px;
    }
    .total_price span{
        font-size:12px;
    }
//     .sub_book_content{
//         border: 1px solid #707070;
//     }
    .lef-btm{
        bottom:35px;
        padding-left: 67px !important;
        line-height:normal !important;
       .hl_green{
            color:rgba(0, 0, 0, 1) !important;
            font-size:18px;
            font-family: 'Open Sans', arial !important;
            font-weight: 400!important;
       }
       .price_org{
            font-size:12px !important;
       }
       .org_price{
//             font-size:14px;
            padding-bottom:9px!important;
            font-weight:normal !important;
       }
       .s_option{
            font-size:11px !important;
            margin-top: -5px;
       }
    }
    .margin-tp{
        padding-right: 0px;
        padding-left: 0px;
    }
    .ac_hotel_image{
        border-radius:4px;
    }

    .cl-g{
        padding:none!important;
        .ucase{
            color: #7A7C80 !important;
        }
    }

    .mar-top{
        margin-left: 14px;
        padding-top: 5px;
        clear:both;
        .ucase{
            color:#7A7C80 !important;
        }
    }
    .all_services_list{
        padding:0px!important;
        padding-left: 0px!important;
        padding-right: 0px!important;
        }

//     .hotel_room_all_details{
//         margin-top:-60px;
//     }

    .s_price_hotel {
        .mar-lft{
            margin-left: -77px;
        }
        .m-compare{
                text-transform: capitalize !important;
                font-size:12px !important;
                background: none!important;
                padding-left: 5px;
                padding-right: 5px;    .all_services_list a {
//         display:inline !important;

    }
                color:#0093DD !important;
                text-decoration:underline !important;
            }

    }

    .s-float-left{
        .txt13{
            color:#0093DD;
        }
        .dis_flex{
            display:flex;
            margin-left: 25px;
            .price_sort{
                padding-left: 10px;
            }
        }
    }
    .ac_body .price_sort{
        font-size:18px !important;
    }
    .m-more-tp span{
        margin-left: 5px;

        .hl_primary{
            color:#0CC10C !important;
        }
    }
    .mar-t{
        margin-top:5px;
        float:left;
        .ucase{
            color: #7a7c80;
            font-family: 'Open Sans', arial !important;
            font-weight: 300;
        }

    }
    .ac_body .hl_green{
        font-weight:bold;
    }


    .ac_body .ucase{
        text-transform: capitalize !important;
    }

    .pad-box{
        padding: 0px 0px 0px 0px;
    }
    .ac_body .fl_container{
        padding: 0px 0px !important;
//         border-radius:4px;
    }
//     .more_photos,.more_info{
//         display:none !important;
//     }
    .bor-b{
        border-bottom: none!important;
    }
    .bor-bottom{
        border-bottom: 1px solid #BFBFBF;
    }
    .price_filterd_recrd{
        padding-right: 0px !important;
        padding-left: 20px !important;
    }


    .hl_orange{
        font-size:10px;
        padding: 2px;
    }
    .place_icon{
        height: 14px;
        width: 10px;
        margin-right: 5px !important;
    }
    .scase{
        color:#7a7c80;
        font-family: 'Open Sans', arial !important;
        font-weight:400;

    }


	 .all_view_section .all_services_list{
        margin-top: 15%;
        width: 100%;
        text-align: center;
//         padding:10px 0px !important;
    }
    .all_destination_name_for_cruise_resp{
        padding-top: 30px;
    }
    .flight_list{
// 	  margin-top:10px;
	}
  	.flight_cards_new_view{
	  .flight_name_time{
	    text-align: unset;
	    padding-left: 0px;
	    padding-right: 0px;
		.d-time-sp{
		  font-size: 15px;
		  font-weight:bold;
		  float: left;
            padding-left: 14px;
		}
		.d-dep-dt{
		    font-size: 11px;
		     display: none;
		}
	  }
	  .m_line_bottom{
		border-bottom: 1px dotted #dfe2ff;
	  }
	  .deals_inside_view{
		margin-top:-49px;
// 		left: 123px;
	  }
		.deals_inside_view .dropdown {
           display:block;
		   button{
			 text-align: left;
			 width: auto !important;
			 font-family: 'Open Sans', arial !important;
                font-weight:300;
			 background: transparent;
		   }
		}
	  .flight_name_time{
// 		text-align: left;
		font-size: 13px;
		display: flex;
        flex-direction: column-reverse;
		h5{
		    font-size: 13px;
		    margin-bottom: 0px;
		    font-family: 'Open Sans', arial !important;
            font-weight:300;
            margin-left: -32px;
		    }
	  }
	  .mobile_modification{
          padding-left: 47px;
	  }
	  .mobile_city_view_modif{
           padding-left: 37px;
	  }
	  .flight_duration{
	    border-top: 1px dotted #000;
        position: relative;
        top: 12px;
        width: 59px;
        font-size: 9px;
        p{
            font-family: 'Open Sans', arial !important;
            //font-weight:300;
            font-weight: bolder;
            font-size: 12px;
        }
	  }
	  .airline_det{
        display: -webkit-inline-box;
        margin-bottom: 5px;
	  }
	  .inside_details{
		//text-align: left;
		display:block;
		img{
		    height: 30px;
		    width: auto;
		    margin-left: -3px
		}
	  }
	  .plane_name_ds{
	        //font-size: 13px;
            //margin-left: 10px;
            font-family: 'Open Sans' !important;
            //color: #000;
            font-size: 9px;
            margin-left: -2px;
            font-family: 'Open Sans' !important;
            color: #000;
            display: table-caption;
	  }
	  .mar_tp{
// 	        margin-top: -15px;
            padding-top: 7px;
	  }
	  .inside_text{
		justify-content: end !important;
		padding-top:7px;
// 		margin-left:-16px;

		p{
		  padding-left: 0px !important;
		  font-family: 'Open Sans', arial !important;
            font-weight:300;
		}

		span{
		  margin-right: 10px;
		  margin-left: 10px;
		}
	  }
	  .price_view_list{
//          margin-left: 20px;
            text-align: unset!important;
            position: relative;
            top: 23px;
            left: -24px;
         .price_org{
            margin-left: 15px;
         }
         .org_price{
//             margin-left: 10px;
         }
		 h2{
		 font-size: 15px;
//          text-align: end;
		 }
	  }
	  .flight_book_btn{
		    padding: 3px 0px;
			border-radius: 10px;
			font-size: 12px;
			width: 85px;
	  }
	}
	.search_msg_div {
		display: none;
	}
	.ac_body .m_mrtop{
	  margin-top: 10px !important;
	}
  	.ui-widget.ui-widget-content{
	   z-index: 200000 !important;
	}
	.flight_tile:nth-child(1) {
// 		margin-top: 20px;
	}

	.cart_and_dest_details {
		display: flex;
		align-items: center;
		background: #ffffff;
		position: relative;
		left: 0;
		right: 0;
		z-index: 99999;
		padding: 0px 10px;
		align-items: center;
		top: 0;
		position: fixed;
		padding-left: 21px;
		&:after {
			display: block;
			content: "";
			clear: both;
			height: 0px;
		}
		.desti_name_pl {
            position: relative;
            left: 10%;
			flex: 0 0 75%;
			text-align: center;
			div {
				display: block;
				&:nth-child(1) {
				    display: inline-flex;
					text-transform: capitalize;
// 					font-weight: bold;
//                     margin-left: 21px;
					font-size: 14px;
					color: #000;
					font-family: 'Open Sans', arial !important;
//                     font-weight:600;
				}
				&:nth-child(2) {
					font-size: 12px;
					font-weight: 500;
// 					margin-left:-28px;
				}
			}
		}
		.menu_mobile {
            list-style-type: none;
            flex: 0 0 40%;
            margin-bottom: 0px;
            text-align: right;
//             position: relative;
//             left: 47%;
			img {
				width: 22px;
				opacity: 0.6;
				display:none;
			}
			li {
				display: inline-block;
				padding: 10px 9px;
			}
			.m_cart {
				position: relative;
				span {
					height: 4px;
					width: 4px;
					border-radius: 50%;
					background-color: red;
					position: absolute;
					display: block;
					top: 8px;
					right: 8px;
				}
			}
		}
	}
	.menu_and_info li{
	    display: block !important;
	}


.details_info .input-design .gender {
    width:100%;
}
.header_sec{
    position: fixed;
    left: 0;
    right: 0;
    top:0px;
}
.top_banner{
    margin-top:68px;
}
header{
	height:68px;
	.open_tab{
	display:block;
	}
}
.Menu{
	padding-top:10px;
	text-align:center;

    li {
    display: block;
    padding: 4px 19px;
    text-align: center;
}

}

.menu_and_info {
	display:block;
    float: inherit;
    background:#ffffff;
    position:fixed;
    z-index:10;
    left: 100%;
    right:0;
    overflow:hidden;
    top:0px;
    bottom:0px;
	    .infosec{
	     display:none;
   }
   	.div_close{
   	background: #f7f6f6;
    padding: 5px 14px;
   	}
    .close_menu{
    height:31px;
    width:31px;
    background-position: -45px -2px;
    border-radius: 23px;
    transition:0.1s;
    float:right;
    }
    .close_menu:hover{
    box-shadow: 0px 0px 1px 4px #f5e4e4;
    background-color:white;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    }
}
.add_cl{
	left:0px;
	transition:1.5s;
}
.remove_cl{
	left:100%;
	transition:0.7s;
	overflow:hidden;
}

.holiday_form{
    .container{
    padding:5px;

    .holiday_form_in{
    max-width:100%;
    margin-top:6px;

    .hd_text{
    text-align: center;
    font-size:16px;}
}
}
}
    .filtter_border:after{
    display: block;
    content: "";
    clear: both;
    height: 0;

}
    .filtter_border{
    padding: 5px 5px;
    background: #f7f7f7;

}
.top_banner h2{
    font-size:17px;
}
.card_v {
    .sc{
    display:none;
    position: absolute;
    /* width: 100%; */
    background: white;
    &:after{
    display:block;
    content:none;
    clear:both;
    height:0px;
    }
    .holi_day_spend,.check_in_out{
    display:inline-block;
    }
    }
    .hide_hover{
    display: block;
    float: right;
    position: initial;
    box-shadow: none;
    height:auto;
    width:auto;
    font-size:15px;

    .phone_view{
    display:inline-block;
    }

    i{
     display:inline-block;
     padding:5px 0px 5px 10px;
     font-size:20px;
    }

    }
}

.select_nationality, .avanced_srch{
    float:inherit;
    width:100%;
}
.select_nationality input{
    width:100%;
}
.avanced_srch{
    padding:2px;
    font-size:14px;
}

.content_head{
    padding-right:50px;
    font-size:16px;
}

.flight_data_rander{
.input_flight_selection, .flt_name{
  float:inherit;
  padding-top:5px;
  text-align:center;
}
.select_box_view{
    margin:auto;
}
}

.all_services_list{
//     text-align: center;
    position: relative;
    left: 0;
    right: 0;
    z-index: 0;
    bottom: 0;
    border-radius: 0px;
    a{
    font-size: 11px;
    margin-right: 0px;
    padding: 3px 5%;
//     border-bottom: 3px solid transparent;
    &:before{
    display: block;
    clear: both;
    height: 30px;
    width: 30px;
    margin: auto;
    background-image: url(/Agentscentric_CART/static/src/img/icons.png);
    background-size: 150px 525px;
    -webkit-background-size: 150px 525px;
    -moz-background-size: 150px 525px;
    font-size: 0;

    }
    }
}


    .m_flight:before{
    background-position: -2px -36px;
}
    .m_hotel:before{
    background-position: -41px -34px;
}
    .m_cruise:before{
    background-position: -68px -34px;
}
    .m_visa:before{
    background-position: 52px -34px;
}
    .m_activities:before{
    background-position: 28px -34px;
}
.all_services_list .active{
    border: none;
    background: transparent;
    color: white;
//     border-bottom: 3px solid white;

}
.peice_and_selection{
    padding:10px;
    div{
     float:left;
     padding:0px !important;
     text-align:left;
    }
     p{
     float:left;
     padding-left:5px;
     margin-bottom:0px !important;
     text-align:left;
     padding-top:6px;
     font-size:12px !important;
    }
     button{
     float:right;
     width:33.33%;
     margin-bottom:0px;
     padding:5px 10px;
     font-size:13px;
    }
}

.all_destination_name a{
    padding: 0px 31px;
    font-size: 12px;
    span{
    font-size:10px;
    }
}

.hotel_all_details{
    .star_of_hotel{
    position: absolute;
    right: 0;
    a{
    bottom: -95px;
    font-size: 14px;
    }
    div{
    display:none;
    }
    }
}
.air_line_name{
    font-size: 14px;
}
.ft_tm_sp_info {
.ft_tm {
    font-size: 12px;
}
.ft_sp{
    font-size:10px;
}
.starting_dest, .end_dest {
    font-size: 14px;
}
.starting_dest .dt_time, .end_dest .dt_time {
    font-size: 11px;
}
}
.sub_content .ht_name {
    font-size: 15px;
}
.sub_content .ht_location {
    font-size: 12px;
}
.sub_content .ht_type {
    font-size: 12px;
}
.choose_room{
    display:block;
}
.choose_room .peice_and_selection{
 position: relative;
 right:0px;
 button{
 width:auto;
 }
}
.choose_room{
display:block;
.Hotel_images, .avtar_image{
display:inline-block;
}
}
.choose_room .sub_content {
max-width:73% ;
width:auto !important;
display: inline-block;
vertical-align: top;
}
    .choose_room .sub_content a {
    bottom: 2px;
    font-size: 13px;
}
.pd-left{
    padding-left:15px;
}
/*===============visa design==============*/
.visa_det_info{
    position: inherit;
}
.visa_det_info table{
    display:none;
    position: absolute;
    z-index: 9;
    background: white;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0;
    padding: 0px;
    border-bottom: 1px solid #d2cbcb;
}
    .bottom_sec {
    padding-top: 0px;
    position: relative;
    text-align:left;
}
    .bottom_sec p {
    display: inline-block;
    float: initial;
}
    .bottom_sec > div {
    float: inherit;
    position: relative;
    padding: 9px 0px;
}
    .bottom_sec > div > .pas_ger {
    margin-left:0px;
    padding: -1px 20px 0px 6px;
}
    .tabel_data{
    display: block;
    height: 25px;
    width: 25px;
    float: right;
    background-position: -70px -4px;
}

    .cart_all_product {
        height: 76px !important;
        width: 76px !important;
        background: #ffdf2a;
        border-radius:50%;
        display: block;
        justify-content: center;
        align-items: center;
        position: fixed;
        right: 3px;
        top: 3px;
        padding-bottom: 3px;
    }
    .inner_circle_cart i{
        display:none;
    }
    .inner_circle_cart .total_price{
        margin-bottom: -5px;
    }
    .inner_circle_cart{
        margin-top: 7px;
    }
.card_of_theme{
   height:auto;
}
.change_btn{
position:relative;
}
.cart_list {
padding-top: 12px;
}

.summary_list > div button{
    top:13px;
}
//end teg

    // new css changed by dileep //

    .ac_body {
        overflow: hidden;
        .div_detail_sec{
            padding:0px 05px !important;
        }
        .act_tile, .cruise_tile {
            padding-bottom: 20px !important;
            padding: 10px 20px;

             .padl0{
                 padding-left:10px !important;
                 padding-top: 10px !important;
                 padding-right: 10px !important;
             }
        }
        .hotel_tile{
            padding-bottom: 20px !important;
            padding: 0px 20px;
                margin-right: -20px;
                margin-left: -10px;
             .m-p-lft{
                 padding-left:10px !important;
                 padding-right: 0px !important;
                 margin-top:7px;
             }
        }

        .bor-r{
            border-right:none !important;
        }

        .sub_book_tabs a {
            padding: 0px 8px !important;
            border-right: none !important;
        }
        .sub_book_tabs a:first-child{
            border-right: none !important;
        }
        .TabDsgn{
            height: 0px !important;
        }
        .TabDsgn .active{

        }
        .sub_book_tabs{
            margin-top: 00px;
        }
        .pdt7{
            padding-top: 7px !important;
        }
        .vertscroll{
            overflow: scroll;
            height: 400px;
        }
    }

    .all_services_list{
//         margin-left:100px;
        margin-bottom: 0px !important;
//         padding-left: 15px !important;
//         padding-right: 15px !important;
//         background: white !important;
        padding-top: 0px;
//         border-radius: 0px !important;
//         border: 1px solid #0093DD;
//         width: 216;
//         height: 26;
         .active {
            border: none;
            background: #0093DD;
//              border-radius:0px !important;
         }
    }

    .modify_section_css .form_design_css button{
            margin-left: 18px;
    }
    .no_resulte_found{
            padding: 10px;
            margin-bottom: 86px;
    }

    .mr-d{
        margin-bottom:10px;
    }

    .pricing_summary {
            margin-top: 40px;
    }

    .sorting_reqrd_class{
        margin: 14px 10px;
        margin-top:25px;
    }

    .flights_choose_section{
        width:100% !important;
    }
    // filter css  of flight section//
    .filters_sec_dst>div{
        padding: 5px;
    }
    .filters_sec_dst>.col-md-2>p{
            margin-top: 6px !important;
            margin-bottom: 0px !important;
     }
        .ac_body .search_container {
        padding-top: 0px !important;
        box-shadow: 0px 0px 3px #dad8d8;
        margin: 0px 10px;
        margin-bottom: 0px;
        box-shadow: none;
        border-bottom: 1px solid #e7e9ef;
        border-radius:02px !important;
        }

     // sort by css of flight section //
     .sorted_by_design{
            margin: 0px -5px !important;
            background: white;
            padding:0px;

     }
     .sorted_by_design>.col-md-2>p, .sorted_by_design .col-sm-12>.row>.col-md-2>p, .m_sort_by>.col-md-2>p{
            margin-top: 6px !important;
            margin-bottom: 0px !important;
     }
     .m_sort_by{
        background: white;
        margin: 0px -5px;
        }
     .sorted_by_design .col-sm-12>.row>.col-md-2>p{
         margin-left: 14px !important;
     }
     .sorted_by_design .col-sm-12>.row>div>a,  .m_sort_by>.col-md-2>a{
                width: 100% !important;
                padding: 3px 11px !important;
                background: #f2f2ff !important;
                height: auto;
                font-size: 13px !important;
                color: #575863 !important;
    }

    .sorted_by_design>div>a {
		/* margin-left: 15px; */
		height: auto;
	}
    // fligth search card design //
    .flight_search_card{
         .offer_tags{
            padding: 0px !important;
            height: 0px !important;
        }
        .dest_between{
            font-weight: bold;
            color: #2869fe;
        }

        .ft_border_btm{
            border-bottom: 1px solid #e6ebff;
        }
        .air_line_name{
                font-weight: bold;
                font-size:14px;
                text-transform: uppercase;
                color: #626367;
        }
        .refund_text{
            //background: #f4f7fb;
            padding: 2px 10px !important;
            border-radius: 0px;
            font-size: 11px;
            display: inline-block;
            color: #696b77;
            text-transform: uppercase;
            padding-left: 0px !important;
        }
      .departure_flight{
                font-size: 11px;
            font-weight: bold;
            color: #88898c;
        }
        .price_srt{

                h1{
                    margin-bottom: 0px !important;
                    padding:0px 5px !important;
                }
                input{
                    border-radius: 0px !important;
                    padding: 10px;
                }

            .d_flex_setup_rt{
                display:flex;
                justify-content: center;
                align-items: center;

                div:first-child{
                    flex: 0 0 50%;
                    border-right: 2px solid #f0f0f5;
                }
                div:nth-child(2){

                    flex: 0 0 50%;
                }
            }
        }
    }

    // flight search details page design//
    .flight_cards_new_view{
			.backgroud-img{
			  display:none;
			}
            .flight_img img {
                width: 30px;
            }


	}
    .flight_dt_section_view>div>div{
        background-color: white !important;
    }
    .starting_cty, .destion_city {
        display: block;
    }
    .ac_body .airline_s_baggage{
        background: #f9f8f8;
    }
    .ac_body .airline_s_baggage, .ac_body .airline_s_name{
        padding: 5px !important;
        font-size: 12px;
        text-transform: none;
        color: #586573;
//         border-top: 1px solid #e6ebff;
        margin-top: 13px !important;
    }

    .ac_body .airline_s_baggage{
      margin-top: 0px !important;
    }
    .flight_cards_new_view{
        border-radius: 7px;
        padding: 5px 0px;
// 		 .round_trip {
// 			 &:after, &:before {
// 			   top: -54px;
// 			 }
// 		 }
      .earning_points{
            position: absolute;
            margin-bottom: 0px;
            background: #fff;
            display: inline-flex;
            padding: 1px 6px;
            color: #586573 !important;
            font-size: 12px;
            padding-right:30px;
            top: -1px;
      }
      .mmart10{
//         margin-top: 15px;
        margin-bottom: 10px;
      }
      .given_points{
            position: relative;
            margin-left: 20px !important;
            top: 3px;
      }
      .view_details_st{
        margin-left:20px;
            bottom: 30px;
//             position: relative;
            color: #0093dd !important;
            text-decoration: underline;
            right:-5px;
            font-size:11px;
            padding-top: 10px !important;
      }
      .division_set{
          border-bottom: none;
          margin-top: -79px;
      }
      .line_divider{
            border-top: 1px solid #eee;
            margin-bottom: 10px;
            width: 100%;
      }
      .vertical{
            border-right: 1px solid #eee;
//             height: 280px;
            position: absolute;
            left: 70%;
      }
	  .flight_dt_section_view {
    	    padding:2px;
            margin-top: 9px;
            padding-top: 0px;
            background: transparent;
            border-radius: 3px;
            border: 1px solid #eee;
	  }
	  .card_on_side>.w-100{
		padding:10px 0px;
	  }
	  .div_detail_sec{
         padding: 0px 05px !important;

		.starting_cty,.duration_time, .destion_city {
		    flex: 0 0 50%;
    		align-items:left;

		  	p{
			  justify-content: end !important;
			  align-items: center !important;
			  text-align: left !important;
			  font-family: 'Open Sans', arial !important;
                font-weight:600;
			}

		  	.m_left_hight{
			  border-left: 2px dashed #60598e;
			  padding: 10px;
			}
		}
	  }


	}
    .ac_body    .flight_dt_section_view .bor-b {
    border-top: 3px solid #f4f7fb;
    background: #f4f7fb;
    border-bottom: none !important;
    }
    .ac_body{
    .mr_pt_op{
        display: flex;
        justify-content: center;
        align-items: center;

        p{
            padding: 0px 5px !important;
        }

        h1{
            padding: 0px 5px 0px 5px  !important;
        }


    }
    .s_price_cruise{
            padding-top: 13px !important;
            width: 100%;


            &:after{
                display: block;
                content: "";
                clear: both;
                height: 0px;
            }
            .s-float-left{
                float: left;
                width: 50%;
                text-align: left;

                .call_us_sec{
                    position: absolute;
                }

            }
            .LPos{
//                 position: relative;
//                 left: 84px;
                text-align: right;
                p{
                    color: rgba(0, 147, 221, 1);
                }
            }
         .s-float-right{
                float: right;
                 width: 50%;
                 margin-top: 18px;
                   border-left: 2px solid #f0f0f5;
                 a{
                       background-color: #2071C1 !important;
                        border-radius:0px;
                        text-transform: uppercase;
                        font-size: 12px;
                        color: #fff;
                        border: 0px solid #2071C1;
                        padding:10px !important;
//                         font-weight: 600;
                        cursor: pointer;
                        display: inline;
                        text-decoration: none;
                 }
            }
        }
    }

     .ac_body .cruise_tile{

     .ac_ul{
         min-height: auto;
     }
     .more_links{
            padding: 0px 5px !important;
            background: #eceaf9;
            height: auto;
            text-decoration: none;
            font-size: 12px;
            color: #5b5b67;
     }

     }


     .filtter_border{
         padding:17px 5px;
        background: #f7f7f7;
        display: flex;
        position: fixed;
        z-index: 99;
        background: white;
        bottom: 0;
        left: 0r;
        left: 0;
        right: 0;
        box-shadow: 0px 0px 7px #d9d9da;

        .m_filter_btm, .m_sort_btm{
                display: flex;
                justify-content: center;
                align-items: center;
                text-transform: uppercase;
                font-weight: bold;
                color: #6d6c73;
                cursor: pointer;

//             &:nth-child(1){
//                    border-right: 2px solid #bdbbbb;
//             }

            img{
                width: 17px;
                margin-right: 10px;
                opacity: 0.5;
            }
        }

         .m_sort_btm{
             border-right: 2px solid #bdbbbb;
         }
     }
    .m_img_view{
        display: inline-block !important;
    }
     .m_search_filter, .sorted_by_design{
            position: fixed;
        z-index: 99999;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        /* padding: 0px !important; */
        margin: 0px !important;
        bottom: 0px;
        background: white;
         display: none;
         .ftairline_sec .dropdown .dropdown-menu>div>p, .ftstops_sec .dropdown .dropdown-menu>p{
             opacity:0;
             height:3px;
         }

         .actheme_sec .dropdown .dropdown-menu>p{
             opacity:0;
             height:3px;
         }

         .dropdown-menu{
             position: inherit !important;
             width: 100% !important;
             border: none;
//                 margin-top: -48px;
                padding: 0px;
         }
         .ftonwards_sec .dr_hight{
           //max-height:200px;
           //overflow: scroll;
         }
     }
     .m_close_icon{
        display:block;
     }
     .m_price_flter{
         &:after{
         display: block;
         content: "";
         clear: both;
         height: 0px;
         }
          height: 100px !important;
          background: transparent !important;
     }
     .ftairline_sec .rt_mn{
            height: 120px;
            overflow: auto;
            background: transparent;
            padding:10px !important;
//             margin-bottom: 43px;
     }

     .actheme_sec .rt_mn{
            height: 120px;
            overflow: auto;
            background: transparent;
            margin-bottom: 43px;
     }
      .apply_btn{
        position: fixed;
        bottom: 0px;
        background: white;
        padding-bottom: 17px !important;
        /* box-shadow: 0px -2px 1px #eae2e2; */
        padding-top: 15px !important;
     }
    // ------------- hotel card design ------------//
    .ac_body .s_pad_details{
        padding: 0px 15px !important;
    }

    .cruise_more_deals{
        border: 1px solid rgba(0, 147, 221, 1) !important;
        border-radius: 5px !important;
        color: rgba(0, 147, 221, 1) !important;
        background: transparent !important;
        padding: 4px 10px !important;
        font-size: 13px !important;
        display: inline-block;
        margin-right: 17px;
        text-decoration: none;
        margin-top:0px;
        border: none;
//         line-height: 35px;
    }
    .ac_body .cruise_room_all_details .cruise_inner_tab{
        background: white !important;
        border-top: none !important;
        height: auto !important;
        padding: 10px !important;
        text-align: center;
        display: inline-block;
        .inner_tab{
            border: 1px solid #0093dd !important;
            border-radius: 5px !important;
            color: #0093dd;
            padding: 2px 15px !important;
            font-size: 13px !important;
            display: inline-block;
            text-decoration: none;
            margin-top: 0px;
            border: none;
            height: 24px;
        }


        .active{
            background: rgba(0, 147, 221, 1) !important;
            color: #ffffff !important;
        }
    }

    .cruise_room_all_details .ForCruiseButton{
        background: white !important;
        border-top: none !important;
        height: auto !important;
        padding: 10px !important;
        text-align: center;
        display: inline-block;
        .inner_tab{
            border: 1px solid #0093dd !important;
            border-radius: 5px !important;
            color: #0093dd;
            padding: 2px 15px !important;
            font-size: 13px !important;
            display: inline-block;
            text-decoration: none;
            margin-top: 0px;
            border: none;
            height: 24px;
            line-height: 35px;
        }


        .active{
            background: rgba(0, 147, 221, 1) !important;
            color: #ffffff !important;
        }
    }

    .ac_body .hotel_room_all_details .all_destination_name, .ac_body .cruise_room_all_details .all_destination_name{
        background:white !important;
        border-bottom: 1px solid #ebecf1 !important;
        border-top:none !important;
        height: auto !important;
        padding: 6px 6px 0px 6px    !important;
        text-align: center;

            .hl_black{
//                 background: #f4f7fb !important;
//                 font-family: 'Open Sans Semibold', arial !important;
//                 font-weight:bold;
                padding: 0px 10px !important;
                border-radius: 0px;
                font-size: 12px;
                display: inline-block;
                color: #696b77;
                margin-right: 6px;
                text-decoration: none;
                margin-top:0px;
                border: none;
                line-height: 15px;
//                margin-left: 28px;
                margin-right: 20px;
            }


           .active{
                color: #1C1818 !important;
            }
            .active::after{
                content: '';
                height: 3px;
                width: 70px;
                clear:both;
                display:block;
                background:#005B9E;
             }
        }
    .s_hotel_card{
        .ht_name{
            font-size: 15px;
            color: #515151 !important;
//             font-weight: bold
            font-family: 'Open Sans', arial !important;
            font-weight:600;
        }

        .more_photos,.more_info{
                background: #f4f7fb;
            padding: 2px 10px !important;
            border-radius: 0px;
            font-size: 11px;
            display: inline-block;
            color: #696b77;
            text-transform: uppercase;
            margin-right: 6px;
            text-decoration: none;
            margin-top: 6px;
        }
        .star-rating{
            text-align: left;
        }

        .ac_ul{
            margin-bottom: 0px !important;
//              min-height: 43px;
        }
        .s_price_cruise .s-float-left
        {
            text-align: center !important;
        }
        .s_price_hotel, .s_price_activities, .s_price_cruise
        {
//             padding-top: 13px !important;
            width: 100%;
            &:after{
                display: block;
                content: "";
                clear: both;
                height: 0px;
            }

         .s-float-right{
                 a{
                        border-radius:5px;
                        text-transform: capitalize;
                        font-size: 12px;
                        color: #0CC10C;
                        border: 1px solid #0CC10C;
                        padding:2px 8px !important;
                        font-weight: 600;
                        cursor: pointer;
                        display: inline;
                        text-decoration: none;
                 }
            }
        }

        .hotel_loader_img{
          position: absolute;
         left:-8px;
            bottom: 11px;

          img{
              width: 33px !important;
          }
        }
        .theme-hotel
        {
            float:left;
        }
        .dropdown-menu
        {
//             top: -5px !important;
            left: -45px !important;
            line-height: 14px !important;
        }
    }
    .hotel_room_all_details .room_image_div
    {
        padding: 0px !important;
    }
    .hotel_deal
    {
        padding-left:0px;
    }
    .no_resulte_found
    {
        padding:0px !important;

    }
    .ac_body .s_pad_details .ac_ul {
        list-style-type: none;
        min-height: 50px;
        margin-bottom: 0px;
    }
    .s_price_inner_hotel{
        display:flex;
        .s-float-left{
            float:left;
            flex: 0 0 50%;
            display: block;
            justify-content: center;
            align-items: center;
            clear: both;

            h1{
                padding: 0px !important;
            }
            p{
                padding-top: 0px;
            }

        }
        .s-float-right{
            float:right;
            flex: 0 0 50%;
            position: relative;

            .m-sel-btn{
                display: none;
            }

            .s-select-input{
                transform: scale(8, 2.7);
                cursor: pointer;
                position: absolute;
                opacity: 0;

                    &:checked ~ .s-select-btn:after {
                        content: "selected";
                        background-color: #2196F3 !important;
                    }
                }
            .s-select-btn{
                    display:block !important;
                &:after{
                        display: block !important;
                        clear: both;
                        background-color: #2071C1;
                        border-radius: 0px;
                        text-transform: uppercase;
                        font-size: 12px;
                        color: #fff;
                        border: 0px solid #2071C1;
                        padding: 3px !important;
                        font-weight: 600;
                        display: inline;
                        text-decoration: none;
                        width: 100px;
                        content: "select";
                        left: -40px;
                        cursor: pointer;
                        margin: auto;
                }
            }
        }

    }
    .m_view_popup_ds {
		position: fixed;
		z-index: 99991;
		top: 0;
		bottom: 0;
		display: none;
	}
	.m_close_ft {
		padding: 10px 15px;
		background: white;
		img {
			width: 20px;
			opacity: 0.5;
			margin-right: 20px;
			cursor: pointer;
		}
	}
         // sort by css of flight section //

     .filters_sec_dsta{
            padding: 3px;
     }
     .s_filter_design{
         margin:0px !important;
     }

     .filters_sec_dsta .search_container>.row>div, .activities_sec .search_container>.row>div, .s_filter_design>.search_container>.row>div{

        .dropdown{
          margin-top:5px !important;
        }

         p{
             margin-bottom: 5px !important;
             padding-left:22px;
         }
     }
     .filters_sec_dsta>.col-md-2>p{
            margin-top: 6px !important;
            margin-bottom: 0px !important;
     }

    .filters_sec_dsta>div>a{
                width: 100% !important;
                padding: 3px 11px !important;
                background: #f2f2ff !important;
                height: auto;
                font-size: 13px !important;
                color: #575863 !important;
    }

    .ac_body .act_tile{
        .ac_name{
            font-weight: bold;
            font-size: 14px;
            text-transform: uppercase;
            color: #626367;
        }

        .ac_duration{
               display: inline-flex;
                justify-content: flex-end;
                align-items: center;
                width:150px;
                margin-top: 10px;
                padding: 0px 12px !important;
                background: #f4f7fb;

            p{
                padding: 0px !important;
                margin-top: 0px !important;
                font-weight: bold;

                &:nth-child(2){
                padding-left: 5px !important;
            }
        }
        }

        .ac_ul{
            padding-bottom: 0px !important;
            margin-bottom: 0px !important;
        }
        .bottom_sec{
            padding-bottom: 0px !important;
        }
        .activity_details {
            margin-top: 10px;
        }

        .s_price_activities{
            padding-top: 13px ;

            &:after{
                display: block;
                content: "";
                clear: both;
                height: 0px;
            }
            .s-float-left{
                float: left;
                width: 50%;
                text-align: center;

            }

         .s-float-right{
                float: right;
                 width: 50%;
                 margin-top: 0px;
                border-left: 2px solid #f0f0f5;
                position: relative;
                a{
                        padding: 7px;
                        display: block;
                }
                 span{
                     border:none;
                     &:after{
                       display: block;
                        clear: both;
                        background-color: #0093DD;
                        text-transform: uppercase;
                        font-size: 12px;
                        color: #fff;
                        border: 0px solid #0093DD;
                        padding: 3px !important;
                        font-weight: 600;
                        cursor: pointer;
                        display: inline;
                        text-decoration: none;
                        width: 100px;
                        content: "select";
                        position: absolute;
                        left: -40px;
                        cursor: pointer;
                     }
                 }


                  input{
                        position: relative;
                        z-index: 999;
                        opacity:0;
                        /* position: absolute; */
                        left: 5px;
                        transition: scale(49px 40px );
                        right: 0;
                        transform: scale(8, 2.7);
                        cursor: pointer;
                      &:checked ~ .checkmark {
                          background-color: #2196F3;

                          &:after {
                              content: "selected";
                              background-color: #2196F3;
                          }
                      }
                  }
                    .checkmark{
                            right: 0;
                            margin: auto;
                    }
            }
        }
        .hotel_loader_img{
          position: absolute;
          right:2px;
          top:0px;

          img{
              width: 33px !important;
          }
        }
    }
    .hotel_tile{
        .BckgrndPrpty{
            height: 200px !important;
            border-top-right-radius: 5px;
            border-top-left-radius: 5px;
        }
    }
    .ac_body .cruise_tile{
        .cabin_css_for_responsive{
            .padl0{
                padding-left: 0px !important;
            }
            .pad10{
                padding: 0px !important;
            }
        }
        .CrPadL0{
            padding: 0px !important;
        }
        .BckgrndPrpty{
            height: 200px;
            border-top-right-radius: 5px;
            border-top-left-radius: 5px;
        }
        .ss_fc{
            display: inline-flex;
            padding-bottom: 10px;
            background: #fff;
            span{
                text-transform: capitalize;
            }
            .select2{
                width: 155px !important;
            }
        }
        .details_button{
//             left: 155px;
//             position: relative;
            .ship_det_pop-up-btn{
                background: none !important;
                padding: 5px 10px 5px 10px !important;
                border: 1px solid rgba(0, 147, 221, 1);
                margin-right: 10px;
                border-radius: 5px;
                color: rgba(0, 147, 221, 1) !important;
            }
            .view_details_in_crusie{
                background: rgba(0, 147, 221, 1) !important;
                padding: 6px 15px 6px 15px !important;
                border: 1px solid #eee;
                border-radius: 5px;
                color: #fff !important;
            }
        }
        background: transparent !important;
        .cr_padlt0{
            padding: 0px!important;
            width: auto;
        }
        .act_name{
            font-weight: bold;
            font-size: 14px;
            text-transform: uppercase;
            color: #626367;
        }

        .m_star_rating{
            text-align: left !important;
        }
        .ac_hotel_image{
            border-top-right-radius: 5px;
            border-top-left-radius: 5px;
        }
        .lnht1{
            line-height: 1.5;
        }
        .MarTB10{
            margin-bottom: 10px !important;
            margin-top: 10px !important;
        }
        .back_pad{
            background: #fff;
            padding: 10px !important;
        }
        .bor_rad5{
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px;
        }
    }
    .sorted_by_design>div>a{
        border-radius: 0px !important;
        background: #fff !important;
        /* color: #85888a !important; */
        border: none !important;
        width: 100% !important;
        text-transform: uppercase;
        text-align: left;
        padding: 15px 5px 15px 0px !important;
        border-bottom: 1px solid #eee !important;

        &:last-child{
            border-bottom: 1px solid #eee !important;
        }
    }
    .m_search_filter .filter_button_css{
            border-radius: 0px !important;
            background: #fff !important;
            /* color: #85888a !important; */
            border: none !important;
            width: 100% !important;
            text-transform: uppercase;
            text-align: left;
            padding: 15px 5px 15px 10px !important;
            border-bottom: 1px solid #eee !important;

            &:last-child{
                border-bottom: 1px solid #eee !important;
            }
    }

    .m_search_filter .dropdown-toggle::after {
        float: right;
        color: #3889ab;
        margin-top: 12px;
    }
    .m_search_filter>.filters_sec_dst>.col-md-2:nth-child(1), .sorted_by_design .col-md-2:nth-child(1){
        padding:0px !important;

        .in_ft{
            padding: 12px;
            background: #0093dd;
            color: white;
//             padding-left:20px;
        }
    }

    .m_search_filter .filters_sec_dst{
//             margin: 0px -20px;
    }

    .m_btn_icon i{
           position: absolute;
         margin-left: -15px;
          font-size: 9px;
          margin-top: -2px;
          color: #3889ab;
    }

    .m_btn_icon .fa-arrow-up{
          color: #3889ab;
    }

    //Changes By Soumen

    .mob_brd
    {
        border-top: none!important;
    }
//     .ac_body .hotel_tile {
//             padding-left:0px !important;
//         }
    .hotl_border_lt{
        border-left: solid 1px #f0f0f5;
    }
    .for_mob
    {
        display:none;
        position: fixed;
        left: 0;
        right: 0;
        background: white;
        top: 0;
        bottom: 0;
        z-index: 9999;
        margin: 0px;
        padding: 0px;
    }
    .show_mob
    {
        display:block;
    }
    .close_fa
    {
        margin-left: 218px;
        color: #fff;
    }
    .fa_mob
    {
        display: flex;
        justify-content: center;
    }
    .fa_infomob
    {
        padding-left: 10px!important;
        color: black;
    }
    .mob_drp
    {
        width:100%!important;
    }
    .mob_gnd
    {
        width: 100%;
    }
    .mob_act_dl
    {
        margin-right: 0px;
    }
    .mob_trv
    {
        margin-left: 16px;
    }
    .off_dl_mob
    {
        float: right;
        right: 0px;
        top: 4px;
    }
    .off_dl_mob .dropdown-menu
    {
        transform : translate3d(-300px, 12px, 0px)!important;
    }
    .act_mob_img
    {
        right: -8px!important;
    }
    .act_img_mob_cart
    {
        height: 150px;
        height: 150px;
        width: 304px;
        margin: auto;
//         margin-right: 16px;
        margin-bottom: 13px;
    }
    .mrgn_mob
    {
        margin-bottom: 10px!important;
    }
    .mob_msg
    {
        box-shadow: 0px 1px 6px #d0bbbb;
    }

    .ac_duration_cart
    {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width:150px;
        margin-top: 10px;
        padding: 0px 6px !important;
        background: #f4f7fb;

    }
    .ac_duration_cart .scase
    {
        padding: 0px !important;
        margin-top: 0px !important;
        font-weight: bold;
    }
    .ac_duration_cart .hl_medgrey
    {
        padding-left: 5px !important;
    }
    .ac_body .act_prc_mob
    {
        margin-bottom: -15px!important;
        margin-top: 13px!important;
    }

    .mob_cart_body
    {
        margin-left: 0px!important;
        padding: 0px;
    }
    .act_mob_psg
    {
        width: 190px;
    }
    .mobile_res_css
    {
        background-color: #fff;
        border-radius: 5px;
        margin-right: 9px;
    }
    .multiselect-native-select .btn-group
    {
        border: none !important;
    }
    .multiselect-native-select .btn-group button
    {
        padding-left: 0px !important;
        text-align: left;
    }
    /* .multiselect-selected-text
    {
        font-size: 20px;
        margin-right: 25px;
    } */
    .mobile_label_color
    {
        color: #046380;
    }
    .mobile_res_input_css
    {
        border: none;
        padding: 0px;
    }
    .margin_top_css_mob_res
    {
        margin-top: 5px;
    }
    .margin_bottom_css_mob_res
    {
        margin-bottom: 5px;
    }
    .s-search-d .col-6
    {
        max-width: 47%;
    }
    .center_align{
        text-align: center !important;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .center_align button
    {
        float: none;
    }
//     #ui-id-2
//     {
//         left: 100px !important;
//     }
    #ui-id-1
    {
        left: 10px !important;
    }
    #ui-id-2 li, #ui-id-1 li
    {
        padding: 2px !important;
        font-size: 13px !important;
    }
    .tab_css
    {
        margin-right: 0px;
    }
    .s-search-d .card-body
    {
        padding-bottom: 0px;
        padding-left: 20px;
        padding-right: 0px;
        padding-top: 20px;
    }
    .modify_section_css .form_design_css button
    {
        float: none;
    }
    .modify_section_css .header_div_css
    {
        margin-top: 10px !important;
    }
    .senior_citizen_mob
    {
        margin-right: 55px;
    }
    .last_minute_mob
    {
        margin-right: 40px;
        margin-left: 0px !important;
    }

    .ac_body .mr_pt_op {
		display: block;
	}
	.mob_move_left {
		text-align: left !important;
	}
	.deck_display_sec {
		padding: 0px;
		.sub_book_content {
			display: flex;
			align-items: center;
		}
		.text_8 {
			font-size: 10px!important;
		}
	}
	.ft_text ul li {
		width: 50%;
	}
/*checkout page*/
    .mmarl0
    {
        margin-left:0px!important
    }
    .mpadl0
    {
        padding-left:0px!important;
    }
    .mpadt10
    {
        padding-top:10px!important;
    }
    .mpadb-10
    {
        padding-bottom:10px!important;
    }

	.fttop_sec div
	{
	    margin:0px!important;
	}
    .cart_sideimg
    {
        position:absolute;
        left: 5%!important;
        background: white;
        padding: 6px!important;
        border-radius: 29px!important;
        margin-top: 15px;
        box-shadow: 0px 5px 9px #c3c3c3!important;
        height: 31px!important;
        width: 31px!important;
            img
            {
                height: 20px!important;
                width: 20px!important;
            }
            i
            {
                font-size:20px!important;
            }
    }
    .mwd20
    {
        width:20%;
    }
    .mwd25
    {
        width:25%;
    }
    .mwd40
    {
        width:40%;
    }
    .mpadl15
    {
        padding-left:15px!important;
    }
    .mpadl25
    {
        padding-left:25px!important;
    }

    .flight_cards_new_view .bord_bottom
    {
        &:first-child
        {
            .ft_heading, .fttop_sec
            {
                margin-left: 50px;
            }
        }
    }

    .ht_mobsec
    {
       .fll
       {
            margin-left: 65px;
            margin-top: 12px;
       }
        .hl_grey
        {
            font-size:14px;
            margin-top: -5px;
        }
    }
    .marb15
    {
        margin-bottom:15px;
    }
    .padb10
    {
        padding-bottom:10px;
    }
    .mob_display
    {
        display:inherit!important;

        div
        {
            &:first-child
            {
                .select2
                {
                    margin-left: 9px;
                }
            }
            &:last-child
            {
                padding-top:10px;
                .select2
                {
                    margin-left: -5px;
                }
            }
        }
    }
    .borderb-dot
    {
        border-bottom: 1px dotted #7A7C80!important;
    }
    .font_bold
    {
        font-weight:bold;
    }
    .hide_mob
    {
        display:none!important;
    }
    .mcheckmark
    {
        border: 1px solid #bfbfbf!important;
    }
    .ft_heading, .fttop_sec
    {
        margin-left: 20%;
        div
        {
            &:first-child
            {
                margin-left:50px;
            }
            &:nth-child(2)
            {
               &:after
               {
                    content:"";
               }
               span
               {
                margin-left: -15px!important;
               }
            }
        }

    }

    .footer_sec
    {
        padding: 15px 17px 0px 7px;
        width: 100%;
    }
    .inst_trv
    {
        padding-left:70px!important;
    }
    .booking_date
    {
        display:none;
    }
    .edit_trav_rwd
      {
        margin-left:35%!important;
        margin-bottom: -15px;
        cursor:pointer;
      }

      //.cart_currency
        //{
        //    padding-left:50%;
        //}


/*checkout page end*/
    .ft_mob .convert_gogo div
    {
     &:first-child
     {
        margin-right: 22px;
        margin-left: 22px;
        span
        {
            margin-right: 20px;
        }

        &:after
        {
            content:"|";
        }
     }
    }
    .mob_bord
    {
        margin-bottom: 10px;
        span
        {
            margin-right:15px;
        }
        &:after
        {
            content:"|";
            color: #7A7C80;
            font-weight: bold;
        }
    }

    .rd_menu
    {
        p:nth-child(1)
        {
            padding-left:35px;
        }
        div:nth-child(2) p
        {
            padding-left:75px;
        }
    }
    #convert_more_sec
    {
        padding-left: 15px !important;
        #lp_convert_more
        {
            padding-left: 25px;
        }
    }
    #lp_travel
    {
        .convert_gogo
        {
            padding-left: 10px;
        }
    }
    .gogo_points .badge-1
    {
        height:40px!important;
    }

}
// Custom Mobile(L) View
@media only screen and (max-width:465px) {

    .choose_room .sub_content {
    max-width: 71%;
    }
    .hotel_all_details .star_of_hotel a {
    bottom: -123px;
    }

    .m_padding{
        padding: 10px !important;
    }

}
// Mobile(L) View
@media only screen and (max-width:425px) {
    .ratecode_datastream_loader_div{
        background: #fff;
        img{
            height: 120px;
        }
    }
    .container {
        padding-right:5px !important;
        padding-left:5px !important;
    }
    .overlay_section>.container{
        padding-right:10px !important;
        padding-left:10px !important;
    }
    .ht_tr_photos{
        a{
            font-size: 10px;
        }
    }
}

.place_icon{
        height: 14px;
        width: 10px;
        margin-right: 8px;
    }


.dis-flex{
    .hl_purple{
    padding-left:58px;
    position: absolute;
    bottom: 0px;
    }
    .pd-top{
        width: 73px;
        margin-top: 3px;
    }
    .mob-dollar{
        width: 6px;
        left: -28px;
        bottom: 1px;
        position:relative;
    }
    .m-ht-gogo{
            width: 20px;
            margin-left: 27px;
        }

        .dis-grid{
            position: relative;
            left: 50px;
            bottom: 30px;
            .m-pd-top{
                width: 60px;
                position: relative;
                top: 13px;
                right: 31px;
            }
            span{
                color:#0193DD;
                font-weight:bold;
            }
        }
}

.ht_reward_multiple{
    .hl_purple{
        padding-left:20px;
        position: absolute;
    }
}
.grt_icon{
        height:13px;
        width:13px;
    }
.m-rm-info{
    height:7px;
    width:7px;
}

    .rd-btn{
        padding: 2px 8px ;
        border-radius: 7px !important;
        color: white !important;
        background: #0093DD !important;
        text-decoration: none !important;
        font-weight: bold;
        margin-left: 5px;

    }
    .cruise_detail_css{
        .bor-rt{
            padding-left: 29px;
            border-right: 1px solid #BFBFBF;
        }
        .pd-left{
            padding-left: 39px;
            list-style-type: none;
        }
    }
    .hotl_pad0{
        .dropdown-menu{
            min-width:15rem;
        }
    }
    .ft-wt{
        font-weight: 200;
        color: #0CC10C;
        font-size: 13px;
        margin-left: 15px;
    }
    .m-rm-ht-gogo{
        display: flex;
        margin-left: 32px;
        margin-top:10px;
        .pd-top{
            margin-right: 6px;
            width:73px;
        }
        .mob-dollar{
            width: 7px;
            margin-left: -34px;
            margin-top: -6px;
        }
        .hl_purple{
            position: relative;
            bottom: 3px;
            left:7px;
        }

    }
    .m-gogo{
        padding-left: 4px !important;
    }
    .ftprice_sec , .ftairline_sec , .ftonwards_sec , .ftstops_sec , .ftproms_sec{
        .btn-secondary:hover{
            color:black!important;
        }
    }
    .given_gogo{
        width: 48px;
        margin-right: 5px;
    }
    .given_points{
        //margin-left: 50px;
        //margin-bottom: -23px;
        //position: relative;
        top: 3px;
        .given_gogo{
            width:20px;
            }
            .dis-grid{
            position: relative;
            left: 25px;
            bottom: 26px;
            .m-pd-top{
                width: 60px;
                position: relative;
                top: 13px;
                right: 31px;
            }
            span{
                color:#0193DD;
                font-weight:bold;
            }
        }

    }
    .lef-btm{
       .s_option{
            padding: 0px 5px;
            border: none;
            color: white;
            font-size: 12px;
            background: #0093DD;
            font-weight: lighter;
            cursor: pointer;
            border-radius: 6px;
       }
    }
    .m-rom{
       margin-right:148px;

    }
    .mar-t{
        display: inline-flex;
        margin-bottom: -24px;
    }
    .given-gogo{
        margin-right: 53px;
        margin-top: 5px;
        margin-bottom: -56px;
        .m-ht-gogo{
            width: 20px;
            margin-left: 4px;
        }
        .dis-grid{
            position: relative;
            left: 29px;
            bottom: 30px;
            .m-pd-top{
                width: 60px;
                position: relative;
                top: -4px;
                right: -15px;
            }
            span{
                color:#0193DD;
                font-weight:bold;
            }
        }
        .hl_purple{
            position: relative;
            bottom: 67px;
            left: 56px;
        }
    }
    .filters_sec_dsta{
        .flight_book_btn{
            padding: 3px 7px;
            border: none;
            color: white;
            font-size: 14px;
            background: #0093DD;
            font-weight: bold;
            cursor: pointer;
            border-radius: 10px;
        }
//         .more_links{
//             padding: 0px;
//         }


    }
    .tr-tab{
        position: absolute;
         bottom: 0px;
         left: 41px;
         align-self: center;

    }
.dis_flex{
    display:flex;
}
//     for mobile view of transfer
@media (max-width:768px){
        #review_booking_loader img{
            width: 20% !important;
        }
        .from_get_details button {
            font-size: 12px !important;
            padding: 6px 6px !important;
            top: 0px !important;
//             right: 10%;
         }
         #trv_adt_sec .fttop_sec ,#trv_chd_sec .fttop_sec,#trv_inf_sec .fttop_sec ,#trv_ins_sec .fttop_sec{
            margin-left: 0;
            margin-right:0;
         }
         #trv_adt_sec .checkmark, #trv_chd_sec .checkmark ,#trv_inf_sec .checkmark, #trv_ins_sec .checkmark{
            border: 1px solid #887f7f !important;
         }
         .gst_dtl {
             .chkout_trav{
                padding: 0px;
                .mobile_view_c{
                    width:50%;
                }
                .checkout_mobile{
                    padding:0px !important;
                }
             }
         }
         .mob-d-flex{
                display:flex;
                left:3% !important;
            }
            .mytrip_details_sec .create_trip {
                background: none!important;
            }

        .multi_service_sec{
            margin-left:0% !important;
            a{
                bottom: 0px !important;
                margin: 4px;
                margin-right: 5px !important;
                padding: 5px 10px !important;
            }
            ul{
                margin-top: 5px;
            }
            .m_hotel , .m_flight{
                    width: 25% !important;
                    height: 4%;
            }
        }
        .flight_price_slde {
               padding: 10px;
            .slidecontainer {
                margin-bottom: 25px;
                 padding-left: 0px !important;
            }
        }
        .time_filter{
            transform: none !important;
        }
        .ft-tr{
            padding: 10px !important;
            transform: none !important;
        }

        .ft_filter_sec{
            padding: 5px 5px;
        }
        .prom_sec{
                height: 71px;
                overflow: auto;
            .chec_design{
                margin-left: 10px;
                margin-bottom: 6px;
            }
        }
        .pkg_lst{
            padding: 2px;
            a{
                margin-top: 5px;
            }
        }
        .m_price_flter{
            transform: none !important;
            .price_padd{
                padding:15px;
            }
        }
        .ftairline_sec{
            .rt_mn{
                transform: none !important;
            }
        }
        #load_more_hotel input ,#load_more_flight input{
            position: relative;
            bottom: 35px;
        }
        .cruse_arrows
        {
            display:none !important;
        }
        .anc_list
        {
            //color: #fff !important;
             font-weight: bold
        }

        .ul_mobile_view
        {
            display: flex;
            flex-flow: row;
            flex-wrap: wrap;
            width: fit-content;
            flex: 1;
        }
        .li_mobile_changes
        {
            flex: 1;
        }

       .viewdetails_mobile
       {
            padding: 0;
            background: #efeff3;
            display: flex;
            flex-direction: row;
            flex: 1;
            width: fit-content;
       }
       #ui-id-2, #ui-id-1, #ui-id-4, #ui-id-5, #ui-id-6,#ui-id-3,
        {
            width: auto !important;
        }
        .min_height_align {
        min-height: auto !important;
        text-align: center;
    }
    .min_height_align_m{
        min-height: 75px !important;
        text-align: center;
    }
    .ht_tr_photos{
            padding: 15px;
            justify-content:center;
        a{
            font-size: 12px;
            font-weight: 500;
            padding:3px;
            margin-right: 5px;
            text-transform:capitalize !important;
        }
    }
    #list-transfer {
        margin-top: 30px !important;
        .all_services_list{
            border:none!important;
        }
    }

    .rm_fac{
        li{
            float:left;
            margin: 5px;
        }
    }
    .transfer_tile{
        .s_hotel_card{
            margin-left: 11px;
            margin-right: 30px;
        }
    }

    .filters_sec_dsta{

        .m-left{
            margin-left: 15px;
        }
        .tr-gogo{
            padding-left: 0px;
        }
        .pd-lft{
            padding-left: 15px;
        }
        .s_price_transfer{
            padding-left: 48px;
            margin-top: -22px;
            margin-bottom: 7px;
        }
        .flight_book_btn{
                padding: 1px 6px;
                border-radius: 10px;
                font-size: 12px;
                width: 95px;
        }
        .select_room{
            text-transform:capitalize;
//             padding: 3px 7px;
            border: none;
            color: white;
            font-size: 12px;
//             background: #2071C1;
            font-weight: bold;
            cursor: pointer;
            border-radius: 5px;
        }
        .ac_hotel_image{
            height:auto;
            border-bottom: 1px solid #eee;
            margin-bottom: 16px;
        }
        .pd-rt{
            padding-right: 15px;
        }
    }
    .tr-tab{
         bottom: 0px;
         left: 41px;
         align-self: center;
         position: static;
    }
    .transfer_details{
        .hl_black{
            margin-right:0px !important;
        }
    }
    .checkmark{
        border: none;
    }
    //     for mobile view of activity

    .activities_sec{
        .m_act_list{
            padding: 0px 8px;
        }
        .pd-lft-rt-none{
            padding-right: 0px;
            padding-left: 0px;
        }
        .ac_activity_image{
            border-radius: 4px;
        }
        .ac_name{
            font-size: 15px !important;
            color: rgba(81, 81, 81, 1) !important;
            font-family: 'Open Sans', arial !important;
            text-transform: capitalize !important;
            font-weight:600!important;
        }

        .ac_duration{
            position: relative;
            left: 184px;
            bottom: 36px;
            background: none !important;
        }
        .ac-pgf{
            padding-top: 3px;
        }
        .pax_adult{
            padding: 0px 5px !important;
            border: none;
            color: white !important;
            font-size: 12px !important;
            background: #0093DD !important;
            font-weight: lighter;
            cursor: pointer !important;
            border-radius: 6px !important;
        }
        .activity_seleted_date{
            padding: 0px 5px !important;
            border: none;
            color: white !important;
            font-size: 12px !important;
            background: #0093DD !important;
            font-weight: lighter;
            cursor: pointer !important;
            border-radius: 6px !important;
            margin-top: 3px;
            margin-left: 3px;
        }
        .s-float-right span{
            &::after{
            clear: both;
                padding: 5px 10px;
                border-radius: 10px;
                font-size: 12px;
                width: 85px;
    }
        }
        .bor-r{
            border-right: 0px solid !important;
            margin-top: -38px;
        }
        .select_acti{
                bottom: 30px;
                color: #0093dd !important;
                text-decoration: underline;
                margin-top: 17px;
                padding:0px !important;
        }
        .s-float-left{
            position: relative;
            top: -43px;
            left: 70px;
        }
        .s-float-right{
            border-left: none !important;
        }
        .hotel_loader_img{
            left: -158px;
        }
        .ac-pgf{
            padding-right: 0px;
            padding-left: 19px;
            text-indent: -1em;
            line-height: 1.8;
        }
        .s_price_activities{
            padding-top:0px !important;
        }


    }


}.pkg_sr_rslt

.bor-rad{
    border-radius:10px;
}
.bor-bottom{
    border-bottom:1px solid #eee !important;
}
.content_new_css{
     border-radius:14px;
}
.select_acti{
            padding:0px !important;
            .fa-chevron-right{
                margin-left:3px;
            }
        }
.transfer_tile{
        .select_transfer{
            margin-left: 3px;
            bottom: 30px;
            color: #0093dd !important;
            text-decoration: underline;
            right: -5px;
            text-transform: capitalize;
             .fa-chevron-right{
                margin-left: 2px;
            }
        }
    }
.carrental_tile{
    .pad0{padding: 0px !important}
    .padb10{padding-bottom: 10px !important}
    .padt15{padding-top: 15px !important}
    .padt40{padding-top: 40px !important}
    .padt60{padding-top: 60px !important}
    .mar0{margin: 0px}
    .mart3{margin-top: 3px}
    .marl5{margin-left: 5px}
    .marl10{margin-left: 10px}
    .marl15{margin-left: 15px}
    .car_category{color: #262626 !important;}
    .carrental_book_btn{padding:5px 15px}
    .car_image{
        text-align: center;
        height: 90px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .vendor_name{border-bottom: 3px solid yellow;padding: 0px 5px;}
    .carrental_more_deals{
        margin-top: 32px;
        border-top: 1px solid #eee;
        padding-top: 10px;
    }
    .mob_act_dl{
        padding-bottom: 15px;
    }
    .moredetails_loader{
        width: 44px; display: none;
    }
    .loyality_wrapper{
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 10px;
    }
    .carrental_details{

        border: 1px solid #d3d3d3;
        border-radius: 10px;
        box-shadow: 1px 1px 3px #dad8d8;
        max-height: 380px;
        overflow-y: hidden;

        /* 2.8. Toggle & Accordion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
        .toggle-container {
          background: #fff;
          max-height: 300px;
          overflow-y: scroll;
          /* 2.8.3. Accordion with image */
        }
        .toggle-container .panel {
          margin-bottom: 0;
          box-shadow: none;
          -webkit-border-radius: 0 0 0 0;
          -moz-border-radius: 0 0 0 0;
          -ms-border-radius: 0 0 0 0;
          border-radius: 0 0 0 0;
          border: none;
          border-bottom: 2px solid #f5f5f5;
          position: relative;
        }
        .toggle-container .panel:last-child {
          border: none;
        }
        .toggle-container .panel .panel-title {
          padding: 0;
          color: #2d3e52;
          font-size: 1.1667em;
          position: relative;
        }
        .toggle-container .panel .panel-title a {
          white-space: normal;
          display: block;
          padding: 5px;
        }
        .toggle-container .panel h1.panel-title {
          font-size: 2em;
        }
        .toggle-container .panel h2.panel-title {
          font-size: 1.6667em;
        }
        .toggle-container .panel h3.panel-title {
          font-size: 1.5em;
        }
        .toggle-container .panel h4.panel-title {
          font-size: 1.3333em;
        }
        .toggle-container .panel h5.panel-title {
          font-size: 1.1667em;
        }
        .toggle-container .panel h6.panel-title {
          font-size: 1em;
        }
        .toggle-container .panel.style1 .panel-title > a {
          line-height: 24px;
          color: #404040;;
          font-size: 13px;
        }
        .toggle-container .panel.style1 .panel-title > a:before {
          display: block;
          content: "\f068";
          font-family: FontAwesome;
          margin-right: 16px;
          line-height: 24px;
          font-size: 10px;
          float: left;
          width: 24px;
          height: 24px;
          text-align: center;
          color: #9e9e9e;
          background: #f5f5f5;
          -webkit-border-radius: 50% 50% 50% 50%;
          -moz-border-radius: 50% 50% 50% 50%;
          -ms-border-radius: 50% 50% 50% 50%;
          border-radius: 50% 50% 50% 50%;
        }
        .toggle-container .panel.style1 .panel-title > a.collapsed:before {
          content: "\f067";
          color: #fff;
          background: #01b7f2;
        }
        .toggle-container .panel.style1 .panel-content {
          padding: 0px 15px 15px 55px;
        }
        .toggle-container .panel.style1.arrow-right .panel-title {
          position: relative;
        }
        .toggle-container .panel.style1.arrow-right .panel-title > a {
          padding-right: 36px;
        }
        .toggle-container .panel.style1.arrow-right .panel-title > a:before {
          float: none;
          position: absolute;
          right: 0;
          height: 16px;
          line-height: 17px;
          width: 16px;
          font-size: 9px;
          border: none;
          margin-top: -8px;
          top: 50%;
        }
        .toggle-container .panel.style1.arrow-right .panel-content {
          padding: 10px 15px;
        }
        .toggle-container .panel.style2 .panel-title {
          padding: 0;
        }
        .toggle-container .panel.style2 .panel-title > a {
          display: block;
          line-height: normal;
          padding: 15px 20px;
          color: #12a0c3;
        }
        .toggle-container .panel.style2 .panel-title > a.collapsed {
          color: inherit;
          position: relative;
        }
        .toggle-container .panel.style2 .panel-title > a.collapsed:hover {
          color: #12a0c3;
        }
        .toggle-container .panel.style2 .panel-title > a:after {
          content: "\f068";
          font-family: FontAwesome;
          font-size: 10px;
          width: 30px;
          height: 30px;
          display: block;
          position: absolute;
          right: 15px;
          bottom: 0;
          color: #9e9e9e;
          background: #f5f5f5;
          text-align: center;
          line-height: 30px;
        }
        .toggle-container .panel.style2 .panel-title > a.collapsed:after {
          content: "\f067";
          color: #fff;
          background: #12a0c3;
        }
        .toggle-container .panel.style2 .panel-content {
          padding: 0 15px 30px 20px;
        }
        .toggle-container.with-image > .image-container {
          background: #ff6000;
        }
        .toggle-container.with-image > .image-container > img {
          width: 100%;
          height: auto;
        }
        .toggle-container.with-image .panel > img {
          display: none;
        }
        .toggle-container.with-image .panel-title > a {
          color: #01b7f2;
        }
        .toggle-container.with-image .panel-title > a.collapsed {
          color: inherit;
        }
        .toggle-container.with-image .panel-title > a.collapsed:hover {
          color: #01b7f2;
        }
    }
}
@media only screen and (max-width: 600px) {
  .carrental_tile{
    .mob_act_dl{padding-top: 30px;padding-bottom:0px}
    .car_image{background-size: auto;}
  }
  .price_details{padding-top: 10px;}
}
.s_price_transfer{
        .more_links{
            padding:0px !important;
        }
    }
@media (max-width:375px){
    .flight_cards_new_view .flight_name_time .d-time-sp{
        padding-left: 10px;
    }
    .mob_crt_trp{
        padding:0px 10px;
    }
    .mob-d-flex a{
        font-size:11px;
    }
    .left7{
        left:7px;
    }
    .activities_sec {
        .pax_adult,.activity_seleted_date{
            font-size:10px !important;
        }
        .act_price{
            font-size:16px;
        }
    }
    .s_price_activities .s-float-right span:after{
        font-size: 11px !important;
    }
    .s_hotel_card .hotel_loader_img {
        left: -19px;
    }
    .ht_tr_photos {
        a{
            font-size: 11px;
        }
    }
    .s-float-left .dis_flex .price_sort{
        padding-left: 0px;
    }
    .posbot_rd .earning_points {
        left: 10px;
        top: -21px;
    }


    #SelectedFlightList .selected_service .row{
        margin-top: 36px;
    }
    .date_img{
        font-size:11px;
    }
    .from_get_details button{
        font-size:10px;
    }

    .pad-lef-bott{
        .deal_ul{
            font-size: 10px;
        }
    }
    .ratecode_datastream_loader_div{
        background: #fff;
        img{
            height: 120px;
        }
    }
}
@media only screen and (max-width: 320px){
         .multi_service_sec{
            margin-left:0% !important;
            a{
                margin-right: -3px !important;
            }
            ul{
                margin-right:2px;

            }
            .m_hotel , .m_flight{
                width: 30% !important;
                height: 5% !important;
            }
        }
        .s_price_hotel, .s_price_activities, .s_price_cruise{
            .s-float-right{
                 a{
                        padding:3px !important;
                 }
            }

        }


        .ratecode_datastream_loader_div{
            background: #fff;
            img{
                height: 120px;
            }
        }
        .posbot_rd .earning_points {
            left: 22px;
        }
        .s-float-left .dis_flex{
            margin-left: -11px;
        }
        .ht_tr_photos{
                padding: 7px !important;
        }
        .s-float-left .dis_flex .price_sort{
            padding-left: 27px;
        }
        .ServiceSelected ,.selected_name{
            margin-left: 19px;
        }
        .lef-btm {
        .org_price{
            font-size: 15px;
        }
        .s_option{
            margin-left: -11px;
        }
    }
//      .flight_data_rander{
//             top: 24px;
//             left:27px;
//             max-width: 267px;
//         }
        .table_design_flight{
            padding: 2px;
        }

        .mar-tp-lft{
            .txt13{
                font-size: 12px;
            }
        }
        .s_price_hotel .dis_flex{
            .price_org{
                font-size: 12px;
            }
            .price_sort{
                font-size: 16px !important;
            }
        }
        .s_hotel_card {
            .more_photos{
                    padding: 2px 5px !important;
                    font-size: 10px;
                }
                .more_info{
                    padding: 2px 5px !important;
                    font-size: 10px;
                }
        }
        .mar-tp-lft{
            padding-top: 0px;
        }
   .flight_cards_new_view {
        .price_view_list h2{
            font-size: 15px;
        }
        .flight_book_btn{
            padding: 3px 4px;
            width: 71px;
        }
        .view_details_st{
            font-size: 11px;
        }
        .flight_name_time {
            h5{
                margin-left: -25px;
            }
            .d-time-sp{
                padding-left: 11px;
                font-size: 11px;
            }
            .d-dep-dt{
                font-size: 10px;
                margin-left: 10px;
            }
        }
        .flight_duration{
                top: 4px;
             p {
                font-size: 10px;
            }
        }
   }
   .activities_sec {
    .ac_duration{
        left: 154px;
        }
        .activity_seleted_date{
            margin-left: -1px;
        }
        .s-float-left{
            left: 62px;
        }
        .s_price_activities .s-float-right .checkmark{
            left: -18px;
        }
        .select_acti{
            margin-left: -13px;
        }
   }



}
.viewdetails_mobile{
    li a{
            //font-weight: lighter !important;
            background-color: #f5f5f5;
            color: #333 !important;
            Font-size: 11px;
            border-right: 1px solid #e3e3e3;
            padding: 10px 19px !important;
            text-decoration: underline !important;
    }

}

.ul_mobile_view
{
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    flex: 1;
    width: fit-content;
}
.li_mobile_changes
{
    flex: 1;
}
.anc_list
{
    text-align: center !important;
    font-weight: lighter !important;
    background: #f5f5f5 !important;
    font-size: 12px !important;
    text-decoration: underline !important;
}

@media (max-width:767px) {
    .flght_main
    {
        display: flex !important;
        flex-direction: column;
        margin-left: -4px;
        margin-right: -6px;
        border-radius: 8px;
    }
    .flight_entire_detls
    {
        display: flex;
        //width: 100%;
        width: max-content !important;
        border-bottom: 1px solid black;
    }
    .flgt_spn_styls
    {
        font-size: 10px;
        text-align: center;
        font-weight: bold;
    }
    .flght_amunts
    {
            width: 100% !important;
            margin-top: 5px;
    }
    .flight_oprtd_by
    {
        width: 50%;
    }
    .flight_too_tip
    {
        border-bottom: none;
    }
}

@media (max-width:767px) {
    .cruse_buttons {
            font-size: 10px !important;
            padding: 5px 6px !important;
    }
    .cruse_arrows
    {
        display: none !important;
    }
    .cruse_pricelist
    {
        margin-left: -17px;
    }
    .flight_cards_new_view .card_on_side {
      background: white;
      padding: 5px 0px;
      border-radius: 2px;
      margin: 10px 0px;
    }
}