.mobile-filters {
    display: none;
}

.general-popup-area {
    display: none;
}

@media all and (max-width:950px) {

    .col-xs-8 {
        width: 100%;
        padding: 0px;
    }

    .col-xs-4 {
        width: 100%;
        padding: 10px 0;
    }

    .col-xs-3{
        width: 100%;
        padding: 10px 0;
    }
    #turlarListe {
        padding: 0px;
    }

    .list-sort-area {
        display: none;
    }

    .hide-mobile {
        display: none;
    }

    .list-filter-area {
        display: none;
    }

    .col-xs-9 {
        width: 100%;
    }

    .tour-product-card .tour-product-info {
        padding-right: 0;
    }

    .overseas-product-card .tour-product-info .top figure {
        width: calc(100% - 30px);
        height: auto;
    }

    .overseas-product-card .tour-product-info .top .content {
        padding-left: 0px;
        padding-top: 190px;
    }

    /* .tour-product-card .tour-product-summary div:first-child {
        padding-top: 190px;

    }

    .tour-product-card .tour-product-summary div:last-child {
        margin-bottom: -8px;

    }*/

    .tour-product-card .tour-product-summary div:last-child a {
        margin-top: 10px;

    }

    .container-fluid {
        max-width: 1024px;
        width: 97%;
        padding: 0 8px
    }

    .sort-list {
        display: inline-block;
        width: 100%;
        background: #fff;
        padding: 2px 0;
        border-top: 1px solid #e9ecf2;
        box-shadow: 0 2px 4px 0 rgba(108, 108, 108, 0.1);
        position: relative;
        z-index: 99
    }

    .sort-list .filterContentBox {
        padding: 7px 0px;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -5px
    }

    .sort-list .filterContentBox a {
        border-radius: 6px;
        border: solid 1px #d5d7e5;
        color: #122264;
        font-size: 16px;
        font-size: 1rem;
        padding: 8px;
        width: 100%;
        margin: 0 6px;
        text-align: center;
        position: relative
    }

    .sort-list .filterContentBox a i {
        font-size: 13px;
        font-size: .8125rem
    }

    .sort-list .filterContentBox a i:before {
        color: #0065ff
    }

    .sort-list .sort-listing {
        overflow: hidden
    }

    .sort-list .sort-listing.listPageSortct .item {
        width: 100% !important;
        margin-bottom: 6px !important;
        margin-right: 0px !important
    }

    .sort-list .sort-listing.listPageSortct .sort-list-content {
        white-space: inherit !important;
        overflow: inherit !important
    }

    .sort-list-content {
        width: 100%;
        font-size: 0px;
        font-size: 0rem;
        text-align: center;
        padding: 10px;
        white-space: nowrap;
        overflow: auto
    }

    .sort-list-content .sort-button {
        display: block;
        vertical-align: middle;
        cursor: pointer;
        width: 100%
    }

    .sort-list-content .sort-button .item {
        height: 32px;
        line-height: 30px;
        font-size: 16px;
        font-size: 1rem;
        border: solid 2px transparent;
        display: inline-block;
        padding: 0 10px;
        margin-right: 8px;
        cursor: pointer;
        color: #505162;
        font-weight: 500;
        cursor: pointer;
        border-radius: 6px;
        border: 1px solid #d5d7e5;
        margin-bottom: 10px;
        width: calc(100% - 45px);
    }

    .sort-list-content .sort-button input:checked+.item {
        border: 2px solid #0065ff;
        color: #122264
    }

    input::-ms-clear {
        display: none;
        width: 0;
        height: 0
    }


    .general-popup-area {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 100%;
        left: 0;
        background: #f1f3f7;
        z-index: 720;
        opacity: 0;
        transition: opacity 200ms ease-out
    }

    .general-popup-area .action-button-area {
        width: 100%;
        background: white;
        text-align: left;
        border-bottom: 2px solid #e9ecf2;
        position: relative
    }

    .general-popup-area .action-button-area .action-button-filter {
        width: 100%;
        height: 54px;
        line-height: 54px;
        position: relative;
        display: inline-block;
        color: #122264;
        cursor: pointer;
        z-index: 1;
        font-size: 20px;
        font-size: 1.25rem;
        font-weight: bold;
        padding-left: 50px
    }

    .general-popup-area .action-button-area .action-button:before {
        content: '';
        position: absolute;
        z-index: -1;
        background: #000;
        opacity: 0;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transition: all 150ms ease-in-out;
        border-radius: 0
    }

    .general-popup-area .action-button-area .action-button:active:before {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: .04;
        z-index: 1
    }

    .general-popup-area .action-button-area .action-button-filter .icon {
        position: absolute;
        left: 16px;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 16px;
        font-size: 1rem
    }

    .general-popup-area .action-button-area .action-button-filter .icon:before {
        color: #0065ff
    }

    .general-popup-area .action-button-area .action-button-filter .filterTitle {
        width: 100%;
        display: block;
        position: relative;
        z-index: 9
    }

    .icon-ic-filter:before {
        content: "\e95f";
        color: #0065ff
    }

    .icon-ic-sort:before {
        content: "\e960";
        color: #0065ff
    }

    .icon-line-close:before {
        content: "\e95c";
        color: #0065ff
    }


    .date-room-detail {
        display: inline-block;
        width: 100%
    }

    .date-room-detail .date-room {
        text-align: left;
        position: relative;
        padding: 6px 40px 6px 10px;
        background-color: white;
        border: 1px solid #d5d7e5;
        border-radius: 6px
    }

    .date-room-detail .date-room .title {
        all: revert;
        color: #0065ff;
        line-height: 19px;
        display: inline-block;
        width: 100%;
        margin-bottom: 3px;
        font-size: 16px;
        font-size: 1rem;
        font-weight: normal
    }

    .date-room-detail .date-room .date-room-set {
        color: #505162;
        line-height: 17px;
        display: inline-block;
        width: 100%;
        font-size: 14px;
        font-size: .875rem
    }

    .date-room-detail .date-room .search {
        position: absolute;
        right: 7px;
        top: 11px;
        cursor: pointer
    }

    .date-room-detail .date-room .search .icon {
        font-size: 29px;
        font-size: 1.8125rem
    }

    .date-room-detail .date-room .search .icon:before {
        color: #0065ff
    }

    .date-room-detail .container-fluid {
        width: 100%;
        padding: 0px;
        padding-top: 10px;
    }

    .icon {
        display: inline-block;
        font-style: normal !important
    }

    .mobile-filters {
        display: block;
    }


    .tour-product-card .tour-product-summary {
        all: revert;
        position: relative;
        margin-top: -45px;

    }

    .tour-product-card .tour-product-summary div:last-child span {
        display: flex;
        padding-right: 5px;
        justify-content: end;
        align-items: end;
    }

    .general-popup-area.popup-sub.active {
        top: 0;
        opacity: 1;
        z-index: 99999;
        -ms-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
    }

    .hide {
        display: none !important
    }

    .icon-directions_bus:before {
        content: "\e9b1"
    }

    .icon-delete-icon:before {
        content: "\e9a8"
    }

    .icon-line-close:before {
        content: "\e95c";
        color: #0065ff
    }

    .icon-airplane:before {
        content: "\e901";
        color: #9696b4
    }

    .icon-arrow:before {
        content: "\e903";
        color: #9696b4
    }

    .icon-location-footer:before {
        content: "\e92f";
        color: #9696b4
    }

    .icon-train:before {
        content: "\e955";
        color: #9696b4
    }


    .primary-checkbox {
        display: inline-block;
        position: relative;
        line-height: 24px
    }

    .primary-checkbox input {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0
    }

    .primary-checkbox input:checked+.checkbox-item:before {
        background: #2fa252;
        border: 1px solid #2fa252
    }

    .primary-checkbox input:checked+.checkbox-item:after {
        content: '\e91c'
    }

    .primary-checkbox .checkbox-item {
        display: inline-block;
        padding-left: 32px;
        line-height: normal;
        vertical-align: middle;
        font-size: 14px;
        font-size: .875rem;
        color: #505162
    }

    .primary-checkbox .checkbox-item:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 22px;
        height: 22px;
        background: #fff;
        border: 1px solid #9696b4;
        border-radius: 4px
    }

    .primary-checkbox .checkbox-item:after {
        content: '';
        font-family: 'icomoon' !important;
        font-size: 14px;
        color: white;
        position: absolute;
        left: 5px;
        top: 5px;
        transition: all 150ms ease-in-out
    }

    .icon {
        display: inline-block;
        font-style: normal !important
    }

    .form-label {
        position: relative;
        display: inline-block;
        width: 100%
    }

    .form-label:after {
        content: none;
        opacity: 0
    }

    .general-popup-area {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 100%;
        left: 0;
        background: #f1f3f7;
        z-index: 720;
        opacity: 0;
        transition: opacity 200ms ease-out
    }

    .general-popup-area .all-link {
        width: 100%;
        text-align: center;
        padding: 8px;
        background: transparent;
        position: fixed;
        left: 0;
        bottom: -200px;
        transition: all 350ms ease-in-out;
        z-index: 9999
    }

    .general-popup-area .all-link a {
        display: inline-block;
        width: 100%;
        height: 56px;
        line-height: 56px;
        border-radius: 6px;
        max-width: 1024px;
        background: #0065ff;
        font-size: 20px;
        color: white;
        font-weight: 600;
        position: relative;
        z-index: 1
    }

    .general-popup-area .all-link a:before {
        content: "";
        position: absolute;
        z-index: -1;
        background: #000;
        opacity: 0;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transition: all 150ms ease-in-out;
        border-radius: 0
    }

    .general-popup-area.active {
        top: 0;
        opacity: 1;
        -ms-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px)
    }

    .general-popup-area.active .all-link {
        bottom: 0
    }

    .general-popup-area .action-button-area {
        width: 100%;
        background: white;
        text-align: left;
        border-bottom: 2px solid #e9ecf2;
        position: relative
    }

    .general-popup-area .action-button-area .action-button {
        width: 100%;
        height: 54px;
        line-height: 54px;
        position: relative;
        display: inline-block;
        color: #122264;
        cursor: pointer;
        z-index: 1;
        font-size: 20px;
        font-size: 1.25rem;
        font-weight: bold;
        padding-left: 50px
    }

    .general-popup-area .action-button-area .action-button:before {
        content: '';
        position: absolute;
        z-index: -1;
        background: #000;
        opacity: 0;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transition: all 150ms ease-in-out;
        border-radius: 0
    }

    .general-popup-area .action-button-area .action-button:active:before {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: .04;
        z-index: 1
    }

    .general-popup-area .action-button-area .action-button .icon {
        position: absolute;
        left: 16px;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 16px;
        font-size: 1rem
    }

    .general-popup-area .action-button-area .action-button .icon:before {
        color: #0065ff
    }

    .general-popup-area .action-button-area .clear-button {
        position: absolute;
        right: 0;
        padding: 0 16px;
        top: 0;
        color: #e94343;
        height: 54px;
        line-height: 54px;
        z-index: 1;
        display: none;
        cursor: pointer
    }

    .general-popup-area .action-button-area .clear-button .icon {
        font-size: 18px;
        vertical-align: sub
    }

    .menu-container {
        width: 100%;
        max-width: 1024px;
        margin: 0 auto
    }

    .filter-list-container {
        width: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
        height: calc(100% - 58px);
        -webkit-overflow-scrolling: touch;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .filter-list-container .primary-checkbox {
        padding: 0 16px 0 5px !important
    }

    .filter-list-container .primary-checkbox .checkbox-item:before {
        background-color: #f9f9f9
    }

    .form-label.simple {
        height: 56px;
        line-height: 56px;
        border-bottom: 1px solid #d5d7e7
    }

    .form-label.simple .primary-checkbox {
        padding: 0 16px
    }

    .form-label.simple .primary-checkbox .checkbox-item {
        color: #1f1c1c;
        font-size: 16px;
        font-size: 1rem;
        width: 100%
    }

    .form-label.simple .primary-checkbox .checkbox-item .master-logo:after,
    .form-label.simple .primary-checkbox .checkbox-item .master-logo:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        border-radius: 100%
    }

    .form-label.simple .primary-checkbox .checkbox-item .master-logo:before {
        width: 16px;
        height: 16px;
        background-color: #eb001b
    }

    .form-label.simple .primary-checkbox .checkbox-item .master-logo:after {
        width: 16px;
        height: 16px;
        background-color: #f79e1b;
        position: relative;
        right: 6px;
        opacity: 0.8
    }

    .form-label.simple:last-child {
        border-bottom: none
    }

    .result-filter-list {
        text-align: left;
        font-size: 0px;
        font-size: 0rem;
        background: white;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        border: solid 1px #e9ecf2;
        padding: 16px 8px;
        margin-bottom: 16px;
        position: relative;
        display: inline-block;
        cursor: pointer;
        width: 100%
    }

    .result-filter-list.simple {
        padding: 0 8px;
        margin-top: 10px;
        width: 100%
    }

    .result-filter-list.simple .filter-item {
        margin-top: 0px !important;
        padding-top: 0px !important
    }

    .result-filter-list .title {
        display: inline-block;
        font-size: 16px;
        font-size: 1rem;
        color: #122264;
        font-weight: 500;
        line-height: 22px;
        padding: 0 8px;
        margin-bottom: 15px
    }

    .result-filter-list .filter-item {
        display: inline-block;
        width: 100%
    }

    .result-filter-list .arrow {
        position: absolute;
        font-size: 12px;
        font-size: .75rem;
        right: 16px;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .result-filter-list .arrow:before {
        color: #9696b4
    }

    .result-filter-list .text-scroll {
        overflow: hidden;
        display: inline-block;
        width: 100%;
        padding-left: 8px;
        padding-right: 30px;
        position: relative
    }

    .result-filter-list .text-scroll .selected-filter {
        font-size: 16px;
        font-size: 1rem;
        color: #9696b4;
        line-height: 19px;
        white-space: nowrap;
        overflow: auto;
        display: block;
        margin-bottom: -30px;
        padding-bottom: 30px
    }

    .result-filter-list .text-scroll:after {
        content: '';
        width: 29px;
        height: 28px;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
        position: absolute;
        right: 27px;
        top: -3px
    }

    .result-filter-list .text-scroll:last-child {
        margin-bottom: 0
    }

    .result-filter-list .filter-list-detail {
        display: inline-block;
        font-size: 14px;
        font-size: .875rem;
        color: #9696b4
    }

    .result-filter-list .list {
        display: inline-block;
        vertical-align: top;
        text-align: left;
        margin: 5px;
        position: relative;
        cursor: pointer
    }

    .result-filter-list .list input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        opacity: 0
    }

    .result-filter-list .list input:checked+span.item {
        background: #0065ff;
        box-shadow: 0 0 10px 0 rgba(0, 101, 255, 0.24);
        color: white;
        border: 1px solid #0065ff
    }

    .result-filter-list .list input:checked+span.item .icon:before {
        color: white
    }

    .result-filter-list .list input:checked+span.item .count {
        color: white
    }

    .result-filter-list .list input:active+span.item {
        box-shadow: 0 0 0 white
    }

    .result-filter-list .list span.item {
        display: inline-block;
        padding: 8px 15px 6px 15px;
        background: white;
        border: 1px solid #d5d7e7;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        border-radius: 6px;
        font-size: 16px;
        font-size: 1rem;
        color: #505162;
        transition: all 150ms ease-in-out;
        line-height: 20px
    }

    .result-filter-list .list span.item span.count {
        color: #9696b4
    }

    .result-filter-list .list span.item .icon {
        vertical-align: text-bottom;
        font-size: 18px;
        margin-right: 8px
    }

    .result-filter-list .list span.item .icon:before {
        color: #0065ff
    }

    .result-filter-list:last-child {
        margin-bottom: 0
    }

    .filtering-selections {
        border: solid 1px #e9ecf2;
        background: white;
        margin-bottom: 16px
    }

    .filtering-selections .result-filter-list {
        box-shadow: none;
        background: transparent;
        border: none;
        border-bottom: solid 1px #e9ecf2;
        margin-bottom: 0
    }

    .filtering-selections .result-filter-list:last-child {
        border: none
    }


    .container {
        padding: 0px;
    }


    .info-tab-area .info-tab .tab-header .etabs {
        display: flex;
        flex-direction: column;
    }

    .tab-header{
        margin-left: -15px;
        margin-right: -15px;
        padding-right: 15px;
        padding-left: 15px;
    }

    #detailSliderGallery{
        display: none;
    }
    .hotel-room-detail-table-mobile{
        display: block;
    }

}