@media (max-width: 1700px){
    #sidebar_info {
        width: 25%;
}
}
@media(max-width: 767px) {
    .section_heading h1 span{
        display: inline-block;
    }
    .home_exp_row{
        row-gap: 15px;
    }
    .hide-xs{
        display: none;
    }
    .header{
        min-height: 60px;
        transform: none;
        top: 0;
    }
    .header_sticky{
        /* transform: translateY(100%)!important; */
        /* top: -60px; */
        transform: none;
        transition: 300ms ease all;
    }
    .header_navbar{
        height: 60px;
        padding: 0px 15px;   /* css for custom container */
    }
    .header_menu {
        display: none;
    }
    .mobile_menu {
        display: block;
    }
    .right_side {
        display: none;
    }
    .mobile_menu_button {
        background-color: transparent;
        border-color: transparent;
        padding: 0.25rem;
    }
    .mobile_menu_button svg path {
        fill: #181818;
    }
    .header_content{
        margin-top: 50px;
        padding: 0px 15px;
    }
    .header_banner{
        padding-top: 60px;
        padding-bottom: 70px;
    }
    .banner_heading h1{
        font-size: 25px;
        line-height: 30px;
    }
    .banner_heading p{
        font-size: 15px;
        line-height: 24px;
    }
    .search_wrapper{
        margin-top: 20px;
    }
    .search_item{
        margin-bottom: 12px;
    }
    .search_bottom_action{
        flex-direction: column;
        margin-top: 0.5rem;
    }
    .search_actions{
        flex-direction: column-reverse;
        width: 100%;
    }
    .search_actions .search_btn{
        width: 100%;
        margin-bottom: 14px;
    }
    .search_actions .search_advance{
        width: 100%;
        text-align: left;
    }
    .section_heading{
        padding: 0px 15px;
    }
    .section_heading h1{
        font-size: 48px;
        line-height: 56px;
    }
    .box_wrapper{
        padding: 0px 15px;
        margin-top: 40px;
    }
    .inner_section_space{
        padding-bottom: 90px;
    }
    .section_space{
        padding-top: 70px;
    }
    .image_inner_box .image_wrapper .image_box img{
        /* height: auto; */
        height: 220px;
    }
    .button_group .btn_outline{
        margin-right: 0;
        margin-bottom: 5px;
    }
    .places_box .image_inner_box .image_wrapper .image_box img {
        height: 120px;
    }
    .our_works {
        padding: 50px 0px 80px;
    }
    .section_heading_light h1{
        font-size: 48px;
        line-height: 56px;
    }
    .join_info{
        padding: 0px 15px;
    }
    .join_actions {
        margin-top: 1.5rem;
    }
    .join_actions .btn_theme {
        margin-bottom: 5px;
    }
    .join_actions .btn_black {
        margin-bottom: 5px;
    }
    .footer_block{
        text-align: center;
    }
    .mobile_footer_box{
        border-bottom: 1px dashed rgba(24, 24, 24, 0.1);
        margin-bottom: 30px;
        padding-bottom: 15px;
    }
    .no_border{
        border: 0;
        margin: 0;
        padding: 0;
    }
    .footer_input{
        margin-bottom: 60px;
    }
    .copyright{
        text-align: center;
    }
    .copyright img{
        display: block;
        width: 80px;
        margin: auto auto 25px auto;
    }
    .footer_social{
        margin-top: 40px;
    }
    .footer_social ul li{
        margin-right: 15px;
    }
    .map_container{
        height: auto !important;
    }
    #map{
        height: 80vh;
    }
    #sidebar_box{
        position: static;
        width: 100%;
    }
    #sidebar_box.active{
        transform: none;
    }
    #sidebar_box .toggle-btn{
        display: none;
    }
    .listing_form{
        padding-bottom: 20px;
    }
    .search_listing_actions{
        text-align: center;
    }
    .search_listing_actions a{
        padding: 1.0625em 1.875em;
    }
    .sort_filter label{
        display: none;
    }
    .selectBox {
        width: 150px;
    }
    .product_tabs{
        justify-content: center;
    }
    .product_listing_view{
        margin-top: 15px;
    }
    .product_tab_content{
        margin-top: 15px;
        margin-bottom: 0;
    }
    #sidebar_info{
        width: 80%;
        height: 80vh;
    }
    #sidebar_info.active{
        position: absolute;
    }
    .load_more{
        margin-top: 30px;
    }
    .write_review a:first-child{
        padding-right: 8px;
    }
    .write_review a i {
        margin-right: 3px;
    }
    .about_wrapper{
        padding-top: 4rem;
    }
    .block_data{
        padding-left: 15px;
        padding-right: 15px;
    }
    .about_content_holder p{
        padding: 0px 30px;
    }
    .team_spacer{
        margin-bottom: 40px;
        margin-top: 40px;
    }
    .team_box{
        width: 100%;
    }
    .team_box_small{
        width: 60%;
    }
    .team_row{
        row-gap: 40px;
    }
    .order-2-mobile{
        order: 2;
    }
    .order-1-mobile{
        order: 1;
    }
    .block_section_space{
        padding-bottom: 3.5rem;
        margin-bottom: 3.5rem;
    }
    .contact_map_container {
        height: auto;
    }
    #sidebar_contact{
        position: static;
        margin: 0;
        width: 100%;
        transform: none!important;
        height: 100%;
        opacity: 0;
    }
    #sidebar_contact.active{
        opacity: 1;
    }
    .contact_separator .section_heading{
        padding: 0px;
    }
    .contact_add_map .contact_block_list li:last-child{
        margin-bottom: 16px;
    }
    .contact_card{
        margin-bottom: 40px;
    }
    .contact_inner_box{
        padding: 30px 30px 16px;
    }
    .works_row{
        padding-top: 60px;
    }
    .work_inner_row{
        padding-bottom: 3rem;
        margin-bottom: 3rem;
        row-gap: 30px;
    }
    .visitor_slider .item{
        padding: 0;
    }
    .visitor_slider .owl-nav{
        display: none;
    }
    .package_action{
        margin-top: 40px;
    }
    .active_package{
        margin-top: 0;
    }
    .package_row{
        row-gap: 40px;
    }
    .packages_section {
        padding-top: 4.5rem;
        padding-bottom: 6.5rem;
    }
    .package_wrapper {
        margin-top: 80px;
         padding: 0px 15px;    /*css for custom container */
    }
    .package_info {
        padding: 0px 15px;
    }
    .advantage_box{
        padding-top: 75px;
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    .advantage_content {
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 40px;
    }
    .adv_row{
        row-gap: 40px;
    }
    .right_shift{
        text-align: left;
    }
    .adv_actions{
        display: inline-grid;
    }
    .select_category .select2-selection__rendered{
        margin-top: 2%!important;
    }
    .results_wrapper{
        padding-top: 4rem;
    }
    .visible-in-mobile{
        display: block;
    }
    .banner_row_content{
        row-gap: 20px;
    }
    .same-row{
        margin-top: 0;
    }
    .dropdown_list_mobile{
        position: relative;
    }
    .footer_logo img{
        margin-bottom: 40px;
    }
    .footer_box{
        text-align: left;
    }
    .menu_heading{	
        padding: 0em 0 0em 2em;	
    }	
    .menu_heading h3{	
        color: #fff;	
    }	
    .language_item span{	
        font-size: 14px;	
        color: #fff;	
        display: block;	
        position: relative;	
        font-weight: 700;	
        line-height: 1.1;	
    }
    .language_item:hover{
        background-color: transparent;
    }
}

@media(min-width: 768px) and (max-width: 1023px){
    .header_menu {
        display: none;
    }
    .mobile_menu {
        display: block;
    }
    .mobile_menu_button {
        background-color: transparent;
        border-color: transparent;
        padding: 0.25rem;
    }
    .mobile_menu_button svg path {
        fill: #181818;
    }
    .right_side {
        display: none;
    }
    .header{
        min-height: 60px;
        transform: none;
        top: 0;
    }
    .header_sticky{
        /* transform: translateY(100%)!important; */
        /* top: -60px; */
        transform: none;
        transition: 300ms ease all;
    }
    .header_navbar {
        height: 60px;
        padding: 0px 15px;
    }
    .dropdown_list_mobile {
    position: relative;
}
}