@media (max-width: 390px) {
    .box-15day-offer {
        height: 85px !important;
        width: 85px !important;
    }
    .item_15days .pt-4 {
        padding-top: 15px !important;
    }
    .item_15days .font_Size14 {
        font-size: 13px !important;
    }
    .nav_new_line {
        margin-top: 0 !important;
    }
    .box-15day-offer-cheapest-price {
        padding-top: 22px !important;
        font-size: 1rem !important;
    }
}
@media (max-width: 414px) {
    .nav_new_line {
        margin-top: 36px;
    }
    .list-hotel-ho, .ho_not_found, ho_target_area {
        margin-top: 100px !important;
    }
    .suggest-title, .suggest-opposite {
        flex: 2 !important;
    }
}
@media (max-width: 575.98px) {
    .d-xs-none {
        display: none !important;
    }
    .Font-20-mobile{
        font-size: 20px;

    }
    .pb-4-Mobile{
        padding-bottom: 1.5rem!important;
    }
    .SingUp-SingIn:hover {
        color: rgba(0, 0, 0, .7);
    }
    .Namad ul li {
        display: inline-block;
        border-radius: 4px !important;
        padding: 6px 0;
        height: 65px;
        width: 65px;
    }
    .Namad ul li img {
        height: 55px;
    }

    span.New {
        width: 30px;
        height: 30px;
        background-color: #802c50;
        border-radius: 26px;
        font-size: 10px;
        line-height: 28px;
        text-align: center;
        color: #fff;
        margin-top: -21px;
        margin-right: 0;
    }

    .Namad {
        margin-top: 2px;
    }
    .Namad-item-Footer li {
        display: inline-block;
        margin: 13px 1px 1px 24px;
    }

    .Namad-item-Footer li img {
        max-width: 94px;

    }
    .Namad-item-Footer {
        padding-left: 0px;
    }
    #select_register_type {
        display: block;
    }
    #passenger_register_form, #agency_register_form {
        display: none;
    }

    .SingUp-SingIn {
        cursor: pointer;
        position: absolute;
        top: 7px;
        left: 57px;
        color: rgba(0, 0, 0, .5);
        font-size: 13px;
        font-family: IRANSans_Medium;
    }
    #register_modal .modal-content {
        width: 100% !important;
    }
    #register_modal .modal-dialog {
        width: 91% !important;
    }
    #register_modal .auth-box-border {
        padding-right: 0 !important;
    }
    #user_register_table .row, #manage_area2 .inputs .row {
        padding: 0 10px;
    }
    .modal-dialog {
        top: 12px !important;
    }

    #Content-SingUp-SingIn-mobile {
        height: auto;
        width: 272px;
        background: #ffffff;
        display: none;
        position: absolute;
        left: 25px;
        top: 50px;
        border: 1px solid #ccc;
        border-radius: 4px;
        z-index: 777;
    }

    .subTopHeader a {
        color: #FFFFFF;
        font-size: 12px;
    }

    .subTopHeader a:focus {
        color: #fb882a;
        font-size: 15px;
        text-decoration: none;
    }

    .subTopHeader {
        text-align: center;
        color: #FFFFFF;
    }

    .subTopHeader li {
        display: inline-block;
        color: #FFFFFF;
    }

    .subTopHeaderArea {
        display: none;
    }

    .SubHeaderTop-so {
        text-align: center;
        padding-top: 10px;
    }

    .SubHeaderTop-so li {
        display: inline-block;
        margin-left: 15px;
    }

    .SubHeaderTop-so li a {
        color: white;

    }

    .SubHeaderTop-so a:focus {
        color: #fb882a;
        font-size: 15px;
        text-decoration: none;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-linkMyStyle.active:hover {
        color: #FFFFFF;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-linkMyStyle.active span.iconAirplane {
        filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(63deg) brightness(112%) contrast(107%);


    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-linkMyStyle.active span.iconHotelSearch {
        filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(63deg) brightness(112%) contrast(107%);


    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-linkMyStyle.active {
        border-color: #dee2e6 #dee2e6 #fff;
        background-color: #fff;
        background: rgba(253, 188, 84, 1);
        background: -moz-linear-gradient(left, rgba(253, 188, 84, 1) 0%, rgba(251, 136, 42, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(253, 188, 84, 1)), color-stop(100%, rgba(251, 136, 42, 1)));
        background: -webkit-linear-gradient(left, rgba(253, 188, 84, 1) 0%, rgba(251, 136, 42, 1) 100%);
        background: -o-linear-gradient(left, rgba(253, 188, 84, 1) 0%, rgba(251, 136, 42, 1) 100%);
        background: -ms-linear-gradient(left, rgba(253, 188, 84, 1) 0%, rgba(251, 136, 42, 1) 100%);
        background: linear-gradient(to right, rgba(253, 188, 84, 1) 0%, rgba(251, 136, 42, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdbc54', endColorstr='#fb882a', GradientType=1);
        padding: 10px 14px;
        color: #fff;
        border-radius: 4px;
        margin: 0 5px 0px 5px;
        text-decoration: none;
        font-size: 12px;
    }

    .nav-linkMyStyle:hover {
        text-decoration: none;
        color: #1b1e21;

    }

    .nav-linkMyStyle {
        border-color: #dee2e6 #dee2e6 #fff;
        background-color: #FFFFFF;
        padding: 10px 14px;
        color: #4d4d4d;
        border-radius: 4px;
        margin: 0 5px 0px 5px;
        text-decoration: none;
        font-size: 12px;
    }

    .color-Purple {
        color: #853055;

    }

    span.icon-arrowDownHeader {
        background-image: url("../../images/index4/down-arrow2.svg");
        content: "";
        display: inline-block;
        height: 15px;
        width: 24px;
        margin-left: -11px;
        vertical-align: middle;
        filter: invert(27%) sepia(5%) saturate(2%) hue-rotate(27deg) brightness(105%) contrast(91%);
        background-size: 18px;
        background-repeat: no-repeat;
        margin-top: -2px;
    }

    .padding-left-4 {
        /* margin-left: -13px; */
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: #bfbfbf !important;
        opacity: 1;
    }

    .Add-revers:after {
        display: inline-block;
        content: ' ';
        height: 13px;
        width: 14px;
        background-size: 14px;
        padding: 15px;
        border-radius: 100%;
        background: #dedede url("../../images/index4/revercFlight.svg") no-repeat center;
        position: relative;
        z-index: 22;
        border: 1px solid #ababab;
        transform: rotate(90deg);
        float: left;
        margin-top: 22px;
        margin-bottom: -22px;
        margin-left: 15px;
    }

    .margin-top-27 {
        padding-bottom: 18px;
    }

    .Box-Slider {
        box-shadow: 0 4px 20px -12px #000000ba;
        padding-top: 25px;
        background: #ccc url("../../images/index4/back_mobile.jpg") center;
        background-size: cover;
        /* border-bottom-left-radius: 50px; */
        /* border-bottom-right-radius: 50px; */
    }
    .Box-Slider-new {
        height: 410px !important;
        background-position: 0 !important;
        overflow: hidden !important;
    }
    .Box-Slider-new .margin-top-27 {
        margin-top: 0 !important;
    }

    .div-m {
        margin: 8px 0;
    }

    .modal-dialog {
        margin-left: 18px;
        margin-right: 18px;
    }
    .bg-svg-gray {
        background-image: url(../../images/index4/col-services-sgv.svg);
        width: 77px;
        background-repeat: no-repeat;
        height: 80px;
        margin: 9px auto;
        background-size: 74px;

    }

    .bg-svg-gray img {
        max-width: 50px;
    }

    .services-item-index figcaption p:first-child {
        font-size: 12px;
        white-space: nowrap;

    }

    .services-item-index figcaption p:last-child {
        font-size: 11px;
    }

    .owl-nav button {
        position: absolute;
        top: 50%;
        background-color: #000;
        color: #fff;
        margin: 0;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
    }

    .owl-nav button.owl-prev {
        left: 0;
    }

    .owl-nav button.owl-next {
        right: 0;
    }

    #carousel-tour .owl-dots {
        text-align: center;
        padding-top: 15px;
    }

    #carousel-tour .owl-dots button.owl-dot {
        display: inline-block;
        margin: 0 3px;
        border: none;
        width: 43px;
        height: 8px;
        border-radius: 2px !important;

    }

    #carousel-tour .owl-dots button.owl-dot.active {
        background-color: #fc872b;
        border: none;
        width: 43px;
        height: 8px;
        border-radius: 2px !important;
    }

    #carousel-tour .owl-dots button.owl-dot:focus {
        outline: none;
    }

    .owl-nav button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: rgba(255, 255, 255, 0.38) !important;
    }

    span {
        font-size: 14px;
        position: relative;
    }
    .auth-box-border .title {
        border-radius: 0 !important;
    }

    .owl-nav button:focus {
        outline: none;
    }

    .item-tour:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
        border-radius: 9px;
    }

    .flight-Offer-index header:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #1b1e21;
        opacity: 0.5;
        height: 12%;
        border-radius: 5px;
    }

    .flight-Offer-index header p {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1221212;
        padding: 12px 9px;
        font-size: 15px;
    }

    #FlightOffer {
        padding-bottom: 20px;
    }

    .flight-Offer-index {
        width: 100%;
        height: 308px;
        background-color: #FFFFFF;
        border-radius: 4px !important;
        /* border: 4px solid #d0cccc; */
        box-shadow: 0px 2px 6px 0px hsla(0,0%,0%,0.2);
        padding: 0px 0px 0px 0px;
    }

    .box-city-flight-offer {
        background-color: #e4e4e4;
        color: #4d4d4d;
        padding: 5px;
        border-radius: 4px;
        font-size: 14px;
    }

    .items-flights-offer {
        overflow: scroll;
        overflow-x: hidden;
        height: 239px;

    }

    .items-flights-offer::-webkit-scrollbar {
        width: 7px;
    }
    .form-check-inline .form-check-input {
        margin-right: 0 !important;
    }

    /* Track */
    .items-flights-offer::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .items-flights-offer::-webkit-scrollbar-thumb {
        background: #888;
    }

    /* Handle on hover */
    .items-flights-offer::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    .item-flighr-Offer {
        position: relative;
        z-index: 4444444444;
        width: 100%;
        padding: 9px 11px;
        height: 43px;
    }

    .paddingb-5 {
        padding-bottom: 3rem;
    }

    .item-tour-slider .item-tour img {
        object-fit: cover;
        height: 350px;
        position: relative;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;


    }

    .item-tour {
        position: relative;
        overflow: hidden;
        border-radius: 9px;
        box-shadow: 0px 2px 6px 0px hsla(0,0%,0%,0.2);
    }

    .item-tour-slider .item-tour img {
        object-fit: cover;
        height: 350px;
        position: relative;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
    }

    .item-tour figcaption {
        position: absolute;
        bottom: 0;
        z-index: 5555555;
        right: 3px;
        width: 100%;
        padding: 0px 14px;
    }

    .footer-Round {
        width: 100%;
        height: auto;
        background-color: #4d4d4d;
        padding: 19px 0px;
        padding-top: 39px;
        z-index: -2;
        position: relative;
    }

    .footer-Round-cerve::before {
        /* background-color: red; */
        content: "";
        background-image: url(../../images/index4/13.svg);
        background-size: 100% 100%;
        display: block;
        background-repeat: no-repeat;
        position: absolute;
        height: 105px;
        width: 100%;
        margin-top: -44px;
        z-index: 1;
        transform: initial;
    }

    .Footer-Col {
        /* padding-top: 187px; */
    }

    .Link-item-Footer li a {
        color: #fff;
        text-decoration: none;
    }

    .Link-item-Footer li {
        text-align: right;
        list-style: circle;
        margin: 9px 21px 0px 0px;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
    }

    .Link-item-Footer li a:hover, .Link-item-Footer li:hover {
        color: #FB882A;
    }

    .Adress-item-Footer li p {
        text-align: right;
        font-size: 14px;
        direction: ltr;
    }

    .Adress-item-Footer li span {
        float: right;

    }

    .App-item-Footer li {
        display: inline-block;


    }

    .media-item-Footer li {
        display: inline-block;


    }

    .Namad-item-Footer li {
        display: inline-block;
        margin: 13px 1px 1px 24px;
    }

    .Namad-item-Footer li img {
        max-width: 94px;

    }

    #Newsletters {
        position: relative;
        z-index: 2;
    }

    #Newsletters:before {
        content: "";
        background-image: url("../../images/index4/Email-news.svg");
        width: 200px;
        height: 290px;
        display: block;
        background-size: 200px;
        right: 19%;
        position: absolute;
        background-repeat: no-repeat;
        top: -67px;
        filter: invert(97%) sepia(0%) saturate(2148%) hue-rotate(201deg) brightness(117%) contrast(74%);
        opacity: 0.2;
    }

    .btn-Newsletters {
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        padding: 0px 15px;
        font-size: 18px;
        min-width: 71px;
    }

    .input-Newsletters:focus {
        background-color: #f3f3f3 !important;
        border: 1px solid #d0d0d0 !important;
    }

    .input-Newsletters {
        height: 47px;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        font-size: 14px;
        padding-top: 2px;
        text-align: center !important;
    }

    .footer-Round-cerve {
        position: relative;
        z-index: 1;
    }

    span.iconAparat {
        background-image: url(../../images/index4/Aparat.svg);
        display: inline-block;
        content: ' ';
        height: 43px;
        width: 43px;
        margin-left: 10px;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-size: 42px;
    }

    span.iconIstageram {
        background-image: url(../../images/index4/instagram.svg);
        display: inline-block;
        content: ' ';
        height: 43px;
        width: 43px;
        margin-left: 10px;
        vertical-align: middle;
    }

    span.iconTelegram {
        background-image: url(../../images/index4/telegram.svg);
        display: inline-block;
        content: ' ';
        height: 43px;
        width: 43px;
        margin-left: 10px;
        vertical-align: middle;
        background-repeat: no-repeat;
    }

    .Namad-item-Footer {
        padding-left: 0px;
        text-align: center;
        padding-right: 14px;
    }

    .w-50-lg {
        width: 80%
    }

    .img-logo {
        max-width: 159px;
    }

    .sidenav {
        height: 100%; /* 100% Full-height */
        width: 0; /* 0 width - change this with JavaScript */
        position: fixed; /* Stay in place */
        top: 0; /* Stay at the top */
        left: 0;
        background-color: #333; /* Black*/
        overflow-x: hidden; /* Disable horizontal scroll */
        padding-top: 62px; /* Place content 60px from the top */
        transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
        z-index: 88888;
        overflow: scroll;
    }


    /* When you mouse over the navigation links, change their color */
    .sidenav a:hover {
        color: #f1f1f1;
    }

    /* Position and style the close button (top right corner) */
    .sidenav .closebtn {
        position: absolute;
        top: 6px;
        right: 15px;
        font-size: 26px;
        margin-left: 50px;
        color: white;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        padding: 20px;
    }


    .menu-hamberger {
        font-size: 24px;
        margin-top: 2px;
    }

    span.ICON-passenger {
        content: "";
        background-image: url(../../images/index4/user.svg);
        display: inline-block;
        height: 19px;
        width: 33px;
        margin-left: 10px;
        vertical-align: middle;
        filter: invert(27%) sepia(5%) saturate(2%) hue-rotate(27deg) brightness(105%) contrast(91%);
        background-size: 18px;
        background-repeat: no-repeat;
        margin: 0 0 -4px 0px;
    }

    .fixed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1039;
        width: 100%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .hide_links {
        top: -79px;
    }
    #close_limits {
        display: block !important;
    }

    #Slider-Show {
        /*margin-top: 134px;*/
        margin-top: 57px;
    }

    .border-bottom-custom-style {
        border-bottom: 4px solid #802C4F;
        box-shadow: 0 2px 21px -7px #000000a1;
    }

    .list-link-menu-hamberger {
        background: #333;
        width: 100%;
        list-style-type: none;
        height: 63%;
        transition:all .3s ease;
        float:right;
        overflow: auto;
    }

    .list-link-menu-hamberger li {
        padding:11px 10px 0;
        margin:0;
        text-align:right;
        height:45px;
        overflow:hidden;
        border-bottom:1px dashed #555;
        line-height: 16px;
        transition:all 0.6s ease;
    }
    .list-link-menu-hamberger li:hover{
        background-color:#6c6c6c
    }
    .list-link-menu-hamberger li i{
        float:right;
        line-height:20px;
        font-size:0;
        margin-left:5px;
        transition:all 2s ease;
        opacity:0;
    }
    .list-link-menu-hamberger a{
        color:#fff;
        text-decoration:none;
        width: 100% !important;
        display: inline-block !important;
        font-size: 14px;
    }

    .list-link-menu-hamberger li a {
        color: #FFFFFF;
    }

    .link-register button {
        color: #4d4d4d;
    }

    .link-register button:focus {
        color: #4d4d4d;
    }

    .mySidenav.closebtn a {
        color: #FFFFFF;
    }

    #suggested_modal .modal-dialog {
        max-width: 100%;
    }
    #suggested_modal .modal-body {
        padding: 15px 0;
    }
    .box-15day-offer {
        display: block;
        height: 95px;
        width: 95px;
        background-color: #fff;
        border: 1px solid #e6e6e6;
        color: #585858;
        border-radius: 7px;
        box-shadow: 0px 2px 6px 0px  hsla(0,0%,0%,0.2);
    }
    .box-15day-date-area {
        width: 95px !important;
    }
    .item_15days {
        width: 30%;
    }
    .item_15days .pt-4 {
        padding-top: 21px;
    }
    .box-15day-offer .colo_orange {
        margin-bottom: 10px !important;
        font-size: 13px;
        white-space: nowrap;
    }
    .box-15day-offer .font_Size14 img {
        /*margin-top: -8px !important;*/
        width: 40px;
    }
    .search-btn {
        margin-top: 8px;
    }


    /* Start Fullscreen select city */
    .safartik-select-box .flight_in_content:not(.not_fullscreen), .safartik-select-box .flight_out_content:not(.not_fullscreen), .safartik-select-box .hotel_in_content:not(.not_fullscreen), .safartik-select-box .hotel_out_content:not(.not_fullscreen), #search_result_content, #city_search_result {
        width: 100% !important;
        height: 100% !important;
        position: fixed !important;
        top: 0;
        right: 0;
        z-index: 9999999 !important;
        background-color: #ffffff !important;
    }
    .safartik-select-box .lists li {
        height: 33px;
        padding-top: 4px;
    }
    .safartik-select-box .lists li .airport-name {
        font-size: 15px;
    }
    #fo_from_content .lists, #fo_to_content .lists {
        margin-top: 105px !important;
    }
    #hi_search_result, #ho_search_result {
        margin-top: 115px !important;
    }
    #fo_from_content .lists li .airport-name, #fo_to_content .lists li .airport-name {
        font-size: 13px;
        width: 40%;
    }
    .flight_out_content .all-airports {
        font-size: 10px;
    }
    li.search_loading i {
        font-size: 24px;
    }
    .airport-code {
        font-size: 15px;
        padding-top: 2px;
    }
    .safartik-select-box .active_search_city {
        position: fixed;
        top: 55px;
        z-index: 99999999;
        overflow: hidden;
        right: 14%;
        width: 70% !important;
        margin: 0 auto !important;
        height: 38px;
        border: 1px solid #b9b9b9 !important;
        border-radius: 50px !important;
        padding-right: 10px !important;
        background-color: #ffffff !important;
    }
    .safartik-select-box .active_search_city .search {
        width: 73%;
        height: 36px !important;
        float: right !important;
        margin: 0 !important;
        padding-top: 2px;
    }
    .safartik-select-box .list-title:first-child {
        padding-top: 114px !important;
    }
    .safartik-select-box .lists {
        padding: 6px 0 !important;
    }
    .popular_airports_title {
        padding-top: 114px !important;
    }
    .safartik-select-box .list-title {
        margin: 0 15px;
    }
    .not_fullscreen {
        position: relative !important;
        top: 5px !important;
    }
    #city_search_result {
        top: 110px;
        z-index: 9999999;
    }
    #hi_loader {
        z-index: 99999999 !important;
        position: absolute !important;
        left: 47% !important;
        width: 31px !important;
    }
    .arrival_city .active_search_city {
        position: fixed;
        top: 55px;
        transition: 0s !important;
        z-index: 99999999;
        overflow: hidden;
        right: 5%;
        width: 90% !important;
        margin: 0 auto !important;
        height: 38px !important;
        border: 1px solid #b9b9b9 !important;
        border-radius: 50px !important;
        padding-right: 10px !important;
        background-color: #ffffff !important;
        font-size: 13px !important;
        padding-top: 5px !important;
    }
    .hi_box .arrival_city .search_city_btn {
        position: fixed;
        top: 55px;
        transition: 0s !important;
        z-index: 99999999;
        overflow: hidden;
        left: 5%;
        margin: 0 auto !important;
        height: 38px;
        width: 100px;
        padding-top: 5px;
    }
    #search_result_content {
        top: 85px;
    }
    /* Finish Fullscreen select city */

    /* Start Fullscreen select date */
    .datepicker-container {
        position: fixed !important;
        width: 100% !important;
        height: 100%;
        top: 37px !important;
        right: 0 !important;
        z-index: 9999 !important;
        left: 0 !important;
    }
    .datepicker-plot-area {
        width: 100% !important;
        height: 100%;
        top: 0 !important;
        left: 0 !important;
    }
    .datepicker-plot-area .datepicker-navigator {
        width: 100% !important;
    }
    /* Finish Fullscreen select date */

    .search_history {
        margin-top: 2px !important;
        color: #ee0;
    }

    .hi_search_history {
        margin-top: -21px !important;
        left: 32px;
    }

    .rubber_stamp {
        font-size: 19px !important;
        line-height: 24px !important;
        border: 3px solid #dc3545 !important;
        top: 106px !important;
    }

    .content-dropdown {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 37px;
        z-index: 99999;
        margin: 0;
        left: 0;
        box-shadow: none;
    }
    .content-dropdown::after {
        display: none;
    }
    .ho_confirm_counts {
        display: block;
        margin-top: 7px !important;
    }
    .ho_confirm_counts .bg-orange {
        background-color: #11ae29 !important;
    }
    .border-dark {
        display: none;
    }
    #room-area {
        height: 70%;
        overflow: auto;
        margin-bottom: 94px;
    }
    .ho_rooms_btn_area {
        position: fixed;
        width: 100%;
        bottom: 5px;
        right: 0;
        border-top: 1px dashed
        #000;
        padding-top: 10px;
        background-color: #fff;
        height: 94px;
    }

    .big_loading_first_row {
        padding: 0 15px;
    }
    .big_loading_first_row .rounded:not(.ho-single) {
        display: none;
    }
    .img-bg-loading {
        background-image: none !important;
        padding: 0 !important;
    }
    .mobile_loading_desc {
        display: block;
        font-size: 14px;
        margin: 0 0 21px 0;
    }
    .container_logo_safartik {
        margin-top: -10px !important;
    }
    .text-Loading {
        margin-left: 0 !important;
    }
    .mobile_loading_edit {
        display: block;
    }
    #EX-bg {
        background-image: none;
        height: 100%;
        background-color: #62c2d0;
        z-index: 0;
    }
    .app_bottom_area {
        display: block;
    }
    #limits_area {
        display: none !important;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .Namad {
        top: 16rem;
    }
    .Namad ul li {
        display: inline-block;
        border-radius: 4px !important;

    }
    .Namad-item-Footer li {
        display: inline-block;
        margin: 0 23px 0 0;
    }

    .Namad-item-Footer li img {
        max-width: 94px;

    }
    .Font-20-mobile{
        font-size: 20px;

    }
    .pb-4-Mobile{
        padding-bottom: 1.5rem!important;
    }
    .SingUp-SingIn:hover {
        color: rgba(0, 0, 0, .7);
    }

    .SingUp-SingIn {
        cursor: pointer;
        position: absolute;
        top: 5px;
        left: 57px;
        color: rgba(0, 0, 0, .5);
        font-size: 13px;
        font-family: IRANSans_Medium;
    }

    #Content-SingUp-SingIn-mobile {
        height: auto;
        width: 272px;
        background: #ffffff;
        display: none;
        position: absolute;
        left: 24px;
        top: 50px;
        border: 1px solid #ccc;
        border-radius: 4px;
        z-index: 777;
    }
    #select_register_type {
        display: block;
    }
    #passenger_register_form, #agency_register_form {
        display: none;
    }

    .w-50-lg {
        width: 100%
    }

    .img-logo {
        max-width: 200px;

    }

    .sidenav {
        height: 100%; /* 100% Full-height */
        width: 0; /* 0 width - change this with JavaScript */
        position: fixed; /* Stay in place */
        z-index: 1; /* Stay on top */
        top: 0; /* Stay at the top */
        left: 0;
        background-color: #333; /* Black*/
        overflow-x: hidden; /* Disable horizontal scroll */
        padding-top: 60px; /* Place content 60px from the top */
        transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
        z-index: 88888;
        overflow: scroll;
    }

    .div-m {
        margin: 8px 0;
    }
    #register_modal .modal-content {
        width: 100% !important;
    }

    #city_search_result {
        width: 100%;
        position: absolute;
        margin-top: 12px !important;
    }

    .subTopHeaderArea {
        display: none;
    }
    /* When you mouse over the navigation links, change their color */
    .sidenav a:hover {
        color: #f1f1f1;
    }

    /* Position and style the close button (top right corner) */
    .sidenav .closebtn {
        position: absolute;
        top: 6px;
        right: 15px;
        font-size: 26px;
        margin-left: 50px;
        color: white;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        padding: 20px;
    }

    .search_btn_area {
        margin-top: 8px;
    }

    .menu-hamberger {
        font-size: 24px;

    }

    span.ICON-passenger {
        content: "";
        background-image: url(../../images/index4/user.svg);
        display: inline-block;
        height: 19px;
        width: 21px;
        margin-left: 10px;
        vertical-align: middle;
        filter: invert(27%) sepia(5%) saturate(2%) hue-rotate(27deg) brightness(105%) contrast(91%);
        background-size: 18px;
        background-repeat: no-repeat;
    }

    .fixed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%;
    }

    .border-bottom-custom-style {
        border-bottom: 4px solid #802C4F;
        box-shadow: 0 2px 21px -7px #000000a1;
    }

    .list-link-menu-hamberger {
        background: #333;
        width: 100%;
        list-style-type: none;
        height: 63%;
        transition:all .3s ease;
        float:right;
        overflow: auto;
    }

    .list-link-menu-hamberger li {
        padding:11px 10px 0;
        margin:0;
        text-align:right;
        height:45px;
        overflow:hidden;
        border-bottom:1px dashed #555;
        line-height: 16px;
        transition:all 0.6s ease;
    }
    .list-link-menu-hamberger li:hover{
        background-color:#6c6c6c
    }
    .list-link-menu-hamberger li i{
        float:right;
        line-height:20px;
        font-size:0;
        margin-left:5px;
        transition:all 2s ease;
        opacity:0;
    }
    .list-link-menu-hamberger a{
        color:#fff;
        text-decoration:none;
        width: 100% !important;
        display: inline-block !important;
        font-size: 14px;
    }

    .list-link-menu-hamberger li a {
        color: #FFFFFF;
    }

    .link-register button {
        color: #4d4d4d;
    }

    .link-register button:focus {
        color: #4d4d4d;
    }

    .mySidenav.closebtn a {
        color: #FFFFFF;
    }

    .messages {
        width: 100%;
        padding-right: 0 !important;
        position: inherit;
        top: 0;
        margin: -10px 0 24px 0 !important;
    }
    .alert {
        text-align: right;
        padding: 5px 15px 10px 15px;
        font-size: 14px;
        font-family: IRANSans_Medium;
    }

    .paddingb-5 {
        padding-bottom: 3rem;
    }

    .margin-top-27 {
        margin-top: 21%;
    }

    .Box-Slider {
        width: 100%;
        height: 600px;
        background-color: #ccc;
        background-image: url("../../images/index4/254383.jpg");
        background-size: cover;
        background-position: center;
    }
    .Box-Slider-inner {
        height: 600px;
    }
    .Box-Slider-new {
        height: 572px !important;
    }
    .Box-Slider-new-inner {
        height: 587px !important;
    }

    .Box-Slider:after {
        content: "";
        background-image: url(../../images/index4/cerve-slider-svg.svg);
        background-size: 100% auto;
        display: block;
        background-repeat: no-repeat;
        position: absolute;
        height: 30px;
        width: 100%;
        z-index: 1;
        margin-top: -25px;
    }
    .Box-Slider-new:after {
        display: none !important;
    }

    .fo_search_btn {
        margin-top: 8px;
    }

    .Box-Slider-have-error {
        height: 575px;
    }

    .Box-Slider-have-error:after {
        bottom: 55px;
    }

    .footer-Round {
        width: 100%;
        height: auto;
        background-color: #4d4d4d;
        padding: 19px 0px;
        padding-top: 39px;
        z-index: -2;
        position: relative;
    }

    .footer-Round-cerve::before {
        /* background-color: red; */
        content: "";
        background-image: url(../../images/index4/13.svg);
        background-size: 100% 100%;
        display: block;
        background-repeat: no-repeat;
        position: absolute;
        height: 105px;
        width: 100%;
        margin-top: -44px;
        z-index: 1;
        transform: initial;
    }

    .Footer-Col {
        /* padding-top: 187px; */
    }

    .Link-item-Footer li a {
        color: #fff;
        text-decoration: none;
    }

    .Link-item-Footer li {
        text-align: right;
        list-style: circle;
        margin: 9px 21px 0px 0px;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
    }

    .Link-item-Footer li a:hover, .Link-item-Footer li:hover {
        color: #FB882A;
    }

    .Adress-item-Footer li p {
        text-align: right;
        font-size: 14px;
        direction: ltr;
    }

    .Adress-item-Footer li span {
        float: right;

    }

    .App-item-Footer li {
        display: inline-block;


    }

    .media-item-Footer li {
        display: inline-block;


    }

    .Namad-item-Footer li {
        display: inline-block;
        margin: 10px 23px 0 0;
    }

    .Namad-item-Footer li img {
        max-width: 94px;

    }

    #Newsletters {
        position: relative;
        z-index: 2;
    }

    #Newsletters:before {
        content: "";
        background-image: url("../../images/index4/Email-news.svg");
        width: 265px;
        height: 290px;
        display: block;
        background-size: 265px;
        right: 24%;
        position: absolute;
        background-repeat: no-repeat;
        top: -89px;
        filter: invert(97%) sepia(0%) saturate(2148%) hue-rotate(201deg) brightness(117%) contrast(74%);
        opacity: 0.2;
    }

    .btn-Newsletters {
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        padding: 0px 15px;
        font-size: 18px;
        min-width: 71px;
    }

    .input-Newsletters:focus {
        background-color: #f3f3f3 !important;
        border: 1px solid #d0d0d0 !important;
    }

    .input-Newsletters {
        height: 47px;
        font-size: 18px;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
    }

    .footer-Round-cerve {
        position: relative;
        z-index: 1;
    }

    .blog-item-A:after, .blog-item-B:after, .blog-item-C:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
        border-radius: 3px;
    }

    .blog-item-A figcaption h5 {
        position: absolute;
        bottom: 13px;
        z-index: 2;
        padding: 16px 22px;
        transition: all ease-in;
        transition-duration: 300ms;
        -webkit-transition: all ease-in;
        -webkit-transition-duration: 300ms;
        -moz-transition: all ease-in;
        -moz-transition-duration: 300ms;
        -o-transition: all ease-in;
        -o-transition-duration: 300ms;
    }

    .blog-item-A figcaption p {
        bottom: -60px;
        position: absolute;
        color: white;
        z-index: 333;
        font-size: 14px;
        padding: 14px 21px;
        transition: all ease-in;
        -webkit-transition: all ease-in;
        -moz-transition: all ease-in;
        -o-transition: all ease-in;
        opacity: 0;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
    }

    .blog-item-A:hover figcaption h5 {
        position: absolute;
        bottom: 79px;
        z-index: 2;
        padding: 0px 22px;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
    }

    .blog-item-A:hover figcaption p {
        bottom: -3px;
        position: absolute;
        color: white;
        z-index: 333;
        font-size: 14px;
        padding: 18px 21px;
        opacity: 1;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
    }

    .blog-item-C figcaption h5 {
        position: absolute;
        bottom: 13px;
        z-index: 2;
        padding: 16px 22px;
        transition: all ease-in;
        transition-duration: 300ms;
        -webkit-transition: all ease-in;
        -webkit-transition-duration: 300ms;
        -moz-transition: all ease-in;
        -moz-transition-duration: 300ms;
        -o-transition: all ease-in;
        -o-transition-duration: 300ms;
        text-align: right;
    }

    .blog-item-C figcaption p {
        bottom: -60px;
        position: absolute;
        color: white;
        z-index: 333;
        font-size: 14px;
        padding: 14px 21px;
        transition: all ease-in;
        -webkit-transition: all ease-in;
        -moz-transition: all ease-in;
        -o-transition: all ease-in;
        opacity: 0;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
        transition-duration: 300ms;
    }

    .blog-item-C:hover figcaption h5 {
        position: absolute;
        bottom: 79px;
        z-index: 2;
        padding: 0px 22px;
        transition-duration: 300ms;
        -o-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
    }

    .blog-item-C:hover figcaption p {
        bottom: -3px;
        position: absolute;
        color: white;
        z-index: 333;
        font-size: 14px;
        padding: 18px 21px;
        opacity: 1;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
    }


    .blog-item-B figcaption h5 {
        position: absolute;
        bottom: 13px;
        z-index: 2;
        padding: 0px 22px;
        transition: all ease-in;
        transition-duration: 300ms;
        -webkit-transition: all ease-in;
        -webkit-transition-duration: 300ms;
    }

    .blog-item-B:hover figcaption h5 {
        position: absolute;
        bottom: 40px;
        z-index: 2;
        padding: 6px 22px;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -o-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
    }

    .blog-item-B figcaption p {
        bottom: -36px;
        position: absolute;
        color: white;
        z-index: 333;
        font-size: 14px;
        padding: 14px 21px;
        transition: all ease-in;
        opacity: 0;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
    }


    .blog-item-B:hover figcaption p {
        bottom: 0px;
        position: absolute;
        color: white;
        z-index: 333;
        font-size: 14px;
        padding: 0px 21px;
        opacity: 1;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
    }

    .item-blog-photo_A {
        object-fit: cover;
        background-position: center;
        background-size: 27px;
        height: 500px;
        width: auto;
    }

    .item-blog-photo_B {
        object-fit: cover;
        background-position: center;
        background-size: 27px;
        height: 250px;
        width: 100%;
    }

    .item-blog-photo_C {
        object-fit: cover;
        background-position: center;
        background-size: 27px;
        height: 225px;
        width: 100%;
    }

    #Blog {
        position: relative;
        z-index: 4;
    }

    .blog-item-B:hover img, .blog-item-A:hover img, .blog-item-C:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        transition-duration: 2000ms;
        -webkit-transition-duration: 2000ms;
        -moz-transition-duration: 2000ms;
        -o-transition-duration: 2000ms;
    }

    .blog-item-B img, .blog-item-A img, .blog-item-C img {
        transition: ease-in all;
        transition-duration: 400ms;
        -webkit-transition: ease-in all;
        -webkit-transition-duration: 400ms;
        -moz-transition: ease-in all;
        -moz-transition-duration: 400ms;
        -o-transition: ease-in all;
        -o-transition-duration: 400ms;

    }

    .blog-item-B, .blog-item-A, .blog-item-C {
        position: relative;
        display: inline-block;
        overflow: hidden;
        box-shadow: 0px 2px 10px 0px hsla(0, 0%, 0%, 0.37);
        border-radius: 4px;
    }

    .color-Purple {
        color: #853055;

    }

    .owl-nav button {
        position: absolute;
        top: 50%;
        background-color: #000;
        color: #fff;
        margin: 0;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
    }

    .owl-nav button.owl-prev {
        left: 0;
    }

    .owl-nav button.owl-next {
        right: 0;
    }

    #carousel-tour .owl-dots {
        text-align: center;
        padding-top: 15px;
    }

    #carousel-tour .owl-dots button.owl-dot {
        display: inline-block;
        margin: 0 3px;
        border: none;
        width: 43px;
        height: 8px;
        border-radius: 2px !important;

    }

    #carousel-tour .owl-dots button.owl-dot.active {
        background-color: #fc872b;
        border: none;
        width: 43px;
        height: 8px;
        border-radius: 2px !important;
    }

    #carousel-tour .owl-dots button.owl-dot:focus {
        outline: none;
    }

    .owl-nav button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: rgba(255, 255, 255, 0.38) !important;
    }

    span {
        font-size: 14px;
        position: relative;
    }

    .owl-nav button:focus {
        outline: none;
    }

    .item-tour-slider .item-tour img {
        object-fit: cover;
        height: 350px;
        position: relative;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;


    }

    .item-tour:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
        border-radius: 9px;
    }

    .flight-Offer-index header:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #1b1e21;
        opacity: 0.5;
        height: 13%;
        border-radius: 5px;
    }

    .flight-Offer-index header p {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1221212;
        padding: 12px 9px;
        font-size: 15px;
    }

    .item-tour {
        position: relative;
        overflow: hidden;
        border-radius: 9px;
        box-shadow: 0 2px 19px -3px #000000b8;
    }

    .item-tour figcaption {
        position: absolute;
        bottom: 0;
        z-index: 5555555;
        right: 3px;
        width: 100%;
        padding: 0px 14px;
    }

    .flight-Offer-index {
        width: 100%;
        height: 308px;
        background-color: #FFFFFF;
        border-radius: 4px !important;
        /* border: 4px solid #d0cccc; */
        box-shadow: 0 0px 26px -10px #00000094;
        padding: 0px 0px 0px 0px;
    }

    .box-city-flight-offer {
        background-color: #e4e4e4;
        color: #4d4d4d;
        padding: 5px;
        border-radius: 4px;
        font-size: 14px;
    }

    .items-flights-offer {
        overflow: scroll;
        overflow-x: hidden;
        height: 239px;

    }

    .items-flights-offer::-webkit-scrollbar {
        width: 7px;
    }

    /* Track */
    .items-flights-offer::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .items-flights-offer::-webkit-scrollbar-thumb {
        background: #888;
    }

    /* Handle on hover */
    .items-flights-offer::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    .item-flighr-Offer {
        position: relative;
        z-index: 4444444444;
        width: 100%;
        padding: 9px 11px;
        height: 43px;
    }

    .bg-svg-gray {
        background-image: url(../../images/index4/col-services-sgv.svg);
        width: 108px;
        background-repeat: no-repeat;
        height: 102px;
        margin: 13px auto;
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none;
        border-radius: 9px !important;
    }

    .owl-stage-outer .owl-height {
        height: 354px !important;
    }

    .custom-style {
        background-color: #00000094;
        border-radius: 4px;
        padding: 23px;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-linkMyStyle.active:hover {
        color: #FFFFFF;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-linkMyStyle.active span.iconAirplane {
        filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(63deg) brightness(112%) contrast(107%);


    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-linkMyStyle.active span.iconHotelSearch {
        filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(63deg) brightness(112%) contrast(107%);


    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-linkMyStyle.active {
        border-color: #dee2e6 #dee2e6 #fff;
        background-color: #fff;
        background: rgba(253, 188, 84, 1);
        background: -moz-linear-gradient(left, rgba(253, 188, 84, 1) 0%, rgba(251, 136, 42, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(253, 188, 84, 1)), color-stop(100%, rgba(251, 136, 42, 1)));
        background: -webkit-linear-gradient(left, rgba(253, 188, 84, 1) 0%, rgba(251, 136, 42, 1) 100%);
        background: -o-linear-gradient(left, rgba(253, 188, 84, 1) 0%, rgba(251, 136, 42, 1) 100%);
        background: -ms-linear-gradient(left, rgba(253, 188, 84, 1) 0%, rgba(251, 136, 42, 1) 100%);
        background: linear-gradient(to right, rgba(253, 188, 84, 1) 0%, rgba(251, 136, 42, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdbc54', endColorstr='#fb882a', GradientType=1);
        padding: 10px 14px;
        color: #fff;
        border-radius: 4px;
        margin: 0 8px 0px 8px;
        text-decoration: none;

    }

    .nav-linkMyStyle:hover {
        text-decoration: none;
        color: #1b1e21;

    }

    .nav-linkMyStyle {
        border-color: #dee2e6 #dee2e6 #fff;
        background-color: #FFFFFF;
        padding: 10px 14px;
        color: #4d4d4d;
        border-radius: 4px;
        margin: 0 8px 0px 8px;
        text-decoration: none;


    }

    span.iconAirplane {
        background-image: url("../../images/index4/airplan-search.svg");
        display: inline-block;
        content: ' ';
        height: 27px;
        width: 39px;
        /* margin-left: 10px; */
        vertical-align: top;
        background-repeat: no-repeat;
        background-size: 37px;
        margin: 4px 0px 0 5px;

    }

    span.iconHotelSearch {
        background-image: url("../../images/index4/hotel-search-index.svg");
        display: inline-block;
        content: ' ';
        height: 27px;
        width: 39px;
        /* margin-left: 10px; */
        vertical-align: top;
        background-repeat: no-repeat;
        background-size: 30px;
        margin: 2px 0px 0 5px;
    }

    span.iconInsuranceSearch {
        background-image: url("../../img/umbrella.svg");
        display: inline-block;
        content: ' ';
        height: 31px;
        width: 29px;
        /* margin-left: 10px; */
        vertical-align: top;
        background-repeat: no-repeat;
        background-size: 30px;
        margin: -2px 0px 0 5px;
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: #bfbfbf !important;
        opacity: 1;
    }

    .Add-revers:after {
        background-image: url("../../images/index4/revercFlight.svg");
        display: inline-block;
        content: ' ';
        height: 13px;
        width: 14px;
        background-repeat: no-repeat;
        background-size: 14px;
        background-color: #dedede;
        padding: 15px;
        border-radius: 100%;
        background-position: center;
        position: absolute;
        z-index: 22;
        left: 10px;
        top: 37px;
        border: 1px solid #ababab;
        transform: rotate(90deg);
    }

    .fixed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%;
    }

    .img-logo {
        max-width: 200px;
    }

    .navbar-nav li {
        margin-left: 10px;
        padding: 1px;

    }

    .border-bottom-custom-style {
        border-bottom: 4px solid #802C4F;
        box-shadow: 0 2px 21px -7px #000000a1;
    }

    .dropdown {
        text-align: center;
    !important;
    }

    .button, .dropdown-menu {
        margin: 3px auto !important;
        box-shadow: 0 2px 7px -4px black;
    }

    .dropdown-menu {
        width: auto;
        left: 50% !important;
        margin-left: -85px !important;
    }

    span.icon-arrowDownHeader {
        background-image: url("../../images/index4/down-arrow2.svg");
        content: "";
        display: inline-block;
        height: 15px;
        width: 27px;
        margin-left: -4px;
        vertical-align: middle;
        filter: invert(27%) sepia(5%) saturate(2%) hue-rotate(27deg) brightness(105%) contrast(91%);
        background-size: 18px;
        background-repeat: no-repeat;
    }

    .SingUp-SingIn {
        cursor: pointer;
    }

    #Content-SingUp-SingIn {
        height: auto;
        width: 272px;
        background: #ffffff;
        display: none;
        position: absolute;
        left: 18%;
        top: 100%;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .subTopHeader li, .SubHeaderTop-so li {
        display: inline-block;
        color: #FFFFFF;
        font-size: 12px;
        margin-left: 15px;

    }

    .subTopHeader li a:hover, .SubHeaderTop-so li a:hover {
        color: #FB882A;
    }

    .subTopHeader li a, .SubHeaderTop-so li a {
        color: #FFFFFF;
        text-decoration: none;
    }

    .w-50-lg {
        width: 100%
    }

    #suggested_modal .modal-dialog {
        max-width: 545px;
    }
    .box-15day-offer {
        display: block;
        height: 90px;
        width: 90px;
        background-color: #fff;
        border: 1px solid #e6e6e6;
        color: #585858;
        border-radius: 7px;
        box-shadow: 0px 2px 6px 0px  hsla(0,0%,0%,0.2);
    }
    .item_15days {
        width: 20%;
    }
    .item_15days .pt-4 {
        padding-top: 17px !important;
    }
    .box-15day-offer .colo_orange {
        margin-bottom: 9px !important;
        font-size: 13px;
        white-space: nowrap;
    }
    .box-15day-offer .font_Size14 img {
        margin-top: -8px !important;
        width: 40px;
    }
    .img-Header {
        width: 100%;
    }
    .rubber_stamp {
        font-size: 20px !important;
        line-height: 25px !important;
        border: 3px solid #dc3545 !important;
        top: 111px !important;
    }
}
@media (max-width: 768px) {
    .modal-dialog {
        min-height: calc(100vh - 20px);
    }
    .messages {
        width: 100%;
        padding-right: 30px;
        position: inherit;
        top: 0;
        margin: -10px 0 24px 15px;
    }
    .alert {
        text-align: right;
        padding: 5px 15px 10px 15px;
        font-size: 14px;
        font-family: IRANSans_Medium;
    }
    #hi_input_city {
        float: right;
        margin-bottom: 0;
        margin-top: 0;
    }
    #hotel-in .arrival_city >img, #hotel-out .arrival_city >img  {
        top: 14px;
    }
    #hotel-in .arrival_city, #hotel-out .arrival_city {
        margin-left: 0;
        background-color: #fff;
        height: 38px;
    }
    .hi_marker {
        padding-top: 9px !important;
        padding-right: 16px !important;
        right: -5px !important;
    }
    #myTab li {
        width: 30%;
        padding: 0 0 5px 5px;
        text-align: center;
        white-space: nowrap;
    }
    #myTab li a {
        display: block;
        width: 100%;
        padding: 7px 14px 13px 14px;
        white-space: nowrap;
    }
    .nav-item-new {
        width: auto !important;
    }
    .nav-item-new a {
        padding: 7px 5px 13px 5px !important;
    }
    .search_btn_area-new {
        margin-bottom: 10px !important;
    }
    .flight-offer-new {
        margin-top: 23px !important;
    }
    .flight-offer-item {
        padding: 0 4px !important;
    }
    .flight-offer-item .cheapest-box {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .box-15day-date-area {
        width: 95px !important;
        font-size: 0.7rem !important;
        padding: 0 10px !important;
    }
    .box-15day-no-offer span, .box-15day-no-offer span img {
        margin: 0 !important;
    }
    #register_modal .modal-content {
        width: 100% !important;
    }
    #select_register_type {
        display: block;
    }
    #passenger_register_form, #agency_register_form {
        display: none;
    }
    /*
    #downloadApp {
        display: none !important;
    }
    */
    .download_app_big_image {
        max-width: 100% !important;
        height: auto !important;
    }
    .big_download_app {
        width: 100% !important;
        height: auto !important;
        margin: 10px 0 20px 0 !important;
    }
    #yalda_img {
        display: none !important;
    }
}
@media (max-width: 992px) {
    #panel_massage_modal img {
        max-width: 100% !important;
        height: auto !important;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .nav_new_line {
        margin-top: 36px;
    }
    .Namad {
        top: 27rem !important;
        left: 21rem;
    }
    #register_modal .modal-content {
        width: 100% !important;
    }
    #select_register_type {
        display: block;
    }
    #passenger_register_form, #agency_register_form {
        display: none;
    }

    .Namad ul li {
        display: inline-block !important;
        border-radius: 4px !important;

    }
    .Namad-item-Footer li {
        display: inline-block;
        margin: 1px 13px;
    }

    .Namad-item-Footer li img {
        max-width: 57px;
    }
    .d-xs-none {
        display: none !important;
    }
    .Font-20-mobile{
        font-size: 20px;

    }
    .SingUp-SingIn:hover {
        color: rgba(0, 0, 0, .7);
    }

    .SingUp-SingIn {
        cursor: pointer;
        position: absolute;
        top: 5px;
        left: 57px;
        color: rgba(0, 0, 0, .5);
        font-size: 13px;
        font-family: IRANSans_Medium;
    }

    #Content-SingUp-SingIn-mobile {
        height: auto;
        width: 272px;
        background: #ffffff;
        display: none;
        position: absolute;
        left: 24px;
        top: 50px;
        border: 1px solid #ccc;
        border-radius: 4px;
        z-index: 777;
    }

    .w-50-lg {
        width: 100%
    }

    .img-logo {
        max-width: 200px;

    }

    .sidenav {
        height: 100%; /* 100% Full-height */
        width: 0; /* 0 width - change this with JavaScript */
        position: fixed; /* Stay in place */
        z-index: 1; /* Stay on top */
        top: 0; /* Stay at the top */
        left: 0;
        background-color: #333; /* Black*/
        overflow-x: hidden; /* Disable horizontal scroll */
        padding-top: 60px; /* Place content 60px from the top */
        transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
        z-index: 88888;
        overflow: scroll;
    }
    #Tour-index {
        margin-top: 50px;
    }

    .subTopHeaderArea {
        display: none;
    }

    /* When you mouse over the navigation links, change their color */
    .sidenav a:hover {
        color: #f1f1f1;
    }

    /* Position and style the close button (top right corner) */
    .sidenav .closebtn {
        position: absolute;
        top: 6px;
        right: 15px;
        font-size: 26px;
        margin-left: 50px;
        color: white;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        padding: 20px;
    }


    .menu-hamberger {
        font-size: 24px;

    }

    span.ICON-passenger {
        content: "";
        background-image: url(../../images/index4/user.svg);
        display: inline-block;
        height: 19px;
        width: 21px;
        margin-left: 10px;
        vertical-align: middle;
        filter: invert(27%) sepia(5%) saturate(2%) hue-rotate(27deg) brightness(105%) contrast(91%);
        background-size: 18px;
        background-repeat: no-repeat;
    }

    .fixed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%;
    }

    .border-bottom-custom-style {
        border-bottom: 4px solid #802C4F;
        box-shadow: 0 2px 21px -7px #000000a1;
    }

    .list-link-menu-hamberger {
        background: #333;
        width: 100%;
        list-style-type: none;
        height: 63%;
        transition:all .3s ease;
        float:right;
        overflow: auto;
    }

    .list-link-menu-hamberger li {
        padding:11px 10px 0;
        margin:0;
        text-align:right;
        height:45px;
        overflow:hidden;
        border-bottom:1px dashed #555;
        line-height: 16px;
        transition:all 0.6s ease;
    }
    .list-link-menu-hamberger li:hover{
        background-color:#6c6c6c
    }
    .list-link-menu-hamberger li i{
        float:right;
        line-height:20px;
        font-size:0;
        margin-left:5px;
        transition:all 2s ease;
        opacity:0;
    }
    .list-link-menu-hamberger a{
        color:#fff;
        text-decoration:none;
        width: 100% !important;
        display: inline-block !important;
        font-size: 14px;
    }

    .list-link-menu-hamberger li a {
        color: #FFFFFF;
    }

    .link-register button {
        color: #4d4d4d;
    }

    .link-register button:focus {
        color: #4d4d4d;
    }

    .mySidenav.closebtn a {
        color: #FFFFFF;
    }


    .paddingb-5 {
        padding-bottom: 3rem;
    }

    .margin-top-27 {
        margin-top: 105px;
    }

    .Box-Slider {
        width: 100%;
        height: 520px;
        background-color: #ccc;
        background-image: url("../../images/index4/254383.jpg");
        background-size: cover;
        background-position: center;
    }
    .Box-Slider-new {
        height: 475px !important;
    }
    .Box-Slider-inner {
        height: 520px;
    }

    .Box-Slider:after {
        content: "";
        background-image: url(../../images/index4/cerve-slider-svg.svg);
        background-size: 101% auto;
        display: block;
        background-repeat: no-repeat;
        position: absolute;
        height: 105px;
        width: 100%;
        margin-top: -40px;
        z-index: 1;
    }
    .Box-Slider-new:after {
        display: none !important;
    }

    .Box-Slider-have-error {
        height: 490px;
    }

    .Box-Slider-have-error:after {
        bottom: 80px;
    }

    .footer-Round {
        width: 100%;
        height: auto;
        background-color: #4d4d4d;
        padding: 19px 0px;
        padding-top: 39px;
        z-index: -2;
        position: relative;
    }

    .footer-Round-cerve::before {
        /* background-color: red; */
        content: "";
        background-image: url(../../images/index4/13.svg);
        background-size: 100% 100%;
        display: block;
        background-repeat: no-repeat;
        position: absolute;
        height: 105px;
        width: 100%;
        margin-top: -44px;
        z-index: 1;
        transform: initial;
    }

    .Footer-Col {
        /* padding-top: 187px; */
    }

    .Link-item-Footer li a {
        color: #fff;
        text-decoration: none;
    }

    .Link-item-Footer li {
        text-align: right;
        list-style: circle;
        margin: 9px 21px 0px 0px;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
    }

    .Link-item-Footer li a:hover, .Link-item-Footer li:hover {
        color: #FB882A;
    }

    .Adress-item-Footer li p {
        text-align: right;
        font-size: 14px;
        direction: ltr;
    }

    .Adress-item-Footer li span {
        float: right;

    }

    .App-item-Footer li {
        display: inline-block;


    }

    .media-item-Footer li {
        display: inline-block;


    }

    .Namad-item-Footer li {
        display: inline-block;
        margin: 1px 13px;
    }

    .Namad-item-Footer li img {
        max-width: 57px;
    }

    #Newsletters {
        position: relative;
        z-index: 2;
    }

    #Newsletters:before {
        content: "";
        background-image: url("../../images/index4/Email-news.svg");
        width: 265px;
        height: 290px;
        display: block;
        background-size: 265px;
        right: 24%;
        position: absolute;
        background-repeat: no-repeat;
        top: -89px;
        filter: invert(97%) sepia(0%) saturate(2148%) hue-rotate(201deg) brightness(117%) contrast(74%);
        opacity: 0.2;
    }

    .btn-Newsletters {
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        padding: 0px 15px;
        font-size: 18px;
        min-width: 71px;
    }

    .input-Newsletters:focus {
        background-color: #f3f3f3 !important;
        border: 1px solid #d0d0d0 !important;
    }

    .input-Newsletters {
        height: 47px;
        font-size: 18px;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
    }

    .footer-Round-cerve {
        position: relative;
        z-index: 1;
    }

    .blog-item-A:after, .blog-item-B:after, .blog-item-C:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
        border-radius: 3px;
    }

    .blog-item-A figcaption h5 {
        position: absolute;
        bottom: 5px;
        z-index: 2;
        padding: 16px 22px;
        transition: all ease-in;
        transition-duration: 300ms;
        -webkit-transition: all ease-in;
        -webkit-transition-duration: 300ms;
        -moz-transition: all ease-in;
        -moz-transition-duration: 300ms;
        -o-transition: all ease-in;
        -o-transition-duration: 300ms;
        font-size: 16px;
    }

    .blog-item-A figcaption p {
        bottom: -60px;
        position: absolute;
        color: white;
        z-index: 333;
        font-size: 14px;
        padding: 14px 21px;
        transition: all ease-in;
        -webkit-transition: all ease-in;
        -moz-transition: all ease-in;
        -o-transition: all ease-in;
        opacity: 0;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
    }

    .blog-item-A:hover figcaption h5 {
        position: absolute;
        bottom: 120px;
        z-index: 2;
        padding: 0px 22px;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
    }

    .blog-item-A:hover figcaption p {
        bottom: -3px;
        position: absolute;
        color: white;
        z-index: 333;
        font-size: 14px;
        padding: 18px 21px;
        opacity: 1;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
    }

    .blog-item-C figcaption h5 {
        position: absolute;
        bottom: 13px;
        z-index: 2;
        padding: 16px 22px;
        transition: all ease-in;
        transition-duration: 300ms;
        -webkit-transition: all ease-in;
        -webkit-transition-duration: 300ms;
        -moz-transition: all ease-in;
        -moz-transition-duration: 300ms;
        -o-transition: all ease-in;
        -o-transition-duration: 300ms;
        font-size: 13px;
        text-align: right;
    }

    .blog-item-C figcaption p {
        bottom: -60px;
        position: absolute;
        color: white;
        z-index: 333;
        font-size: 14px;
        padding: 14px 21px;
        transition: all ease-in;
        -webkit-transition: all ease-in;
        -moz-transition: all ease-in;
        -o-transition: all ease-in;
        opacity: 0;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
        transition-duration: 300ms;
    }

    .blog-item-C:hover figcaption h5 {
        position: absolute;
        bottom: 119px;
        z-index: 2;
        padding: 0px 22px;
        transition-duration: 300ms;
        -o-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        font-size: 17px;
    }

    .blog-item-C:hover figcaption p {
        bottom: -3px;
        position: absolute;
        color: white;
        z-index: 333;
        font-size: 14px;
        padding: 18px 21px;
        opacity: 1;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
    }


    .blog-item-B figcaption h5 {
        position: absolute;
        bottom: 13px;
        z-index: 2;
        padding: 0px 22px;
        transition: all ease-in;
        transition-duration: 300ms;
        -webkit-transition: all ease-in;
        -webkit-transition-duration: 300ms;
    }

    .blog-item-B:hover figcaption h5 {
        position: absolute;
        bottom: 55px;
        z-index: 2;
        padding: 6px 22px;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -o-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
    }

    .blog-item-B figcaption p {
        bottom: -36px;
        position: absolute;
        color: white;
        z-index: 333;
        font-size: 14px;
        padding: 14px 21px;
        transition: all ease-in;
        opacity: 0;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
    }


    .blog-item-B:hover figcaption p {
        bottom: 0px;
        position: absolute;
        color: white;
        z-index: 333;
        font-size: 14px;
        padding: 0px 21px;
        opacity: 1;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
    }

    .item-blog-photo_A {
        object-fit: cover;
        background-position: center;
        background-size: 27px;
        height: 500px;
        width: auto;
    }

    .item-blog-photo_B {
        object-fit: cover;
        background-position: center;
        background-size: 27px;
        height: 250px;
        width: 100%;
    }

    .item-blog-photo_C {
        object-fit: cover;
        background-position: center;
        background-size: 27px;
        height: 225px;
        width: 100%;
    }

    #Blog {
        position: relative;
        z-index: 4;
    }

    .blog-item-B:hover img, .blog-item-A:hover img, .blog-item-C:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        transition-duration: 2000ms;
        -webkit-transition-duration: 2000ms;
        -moz-transition-duration: 2000ms;
        -o-transition-duration: 2000ms;
    }

    .blog-item-B img, .blog-item-A img, .blog-item-C img {
        transition: ease-in all;
        transition-duration: 400ms;
        -webkit-transition: ease-in all;
        -webkit-transition-duration: 400ms;
        -moz-transition: ease-in all;
        -moz-transition-duration: 400ms;
        -o-transition: ease-in all;
        -o-transition-duration: 400ms;

    }

    .blog-item-B, .blog-item-A, .blog-item-C {
        position: relative;
        display: inline-block;
        overflow: hidden;
        box-shadow: 0px 2px 10px 0px hsla(0, 0%, 0%, 0.37);
        border-radius: 4px;
    }

    .color-Purple {
        color: #853055;

    }

    .owl-nav button {
        position: absolute;
        top: 50%;
        background-color: #000;
        color: #fff;
        margin: 0;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
    }

    .owl-nav button.owl-prev {
        left: 0;
    }

    .owl-nav button.owl-next {
        right: 0;
    }

    #carousel-tour .owl-dots {
        text-align: center;
        padding-top: 15px;
    }

    #carousel-tour .owl-dots button.owl-dot {
        display: inline-block;
        margin: 0 3px;
        border: none;
        width: 43px;
        height: 8px;
        border-radius: 2px !important;

    }

    #carousel-tour .owl-dots button.owl-dot.active {
        background-color: #fc872b;
        border: none;
        width: 43px;
        height: 8px;
        border-radius: 2px !important;
    }

    #carousel-tour .owl-dots button.owl-dot:focus {
        outline: none;
    }

    .owl-nav button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: rgba(255, 255, 255, 0.38) !important;
    }

    span {
        font-size: 14px;
        position: relative;
    }

    .owl-nav button:focus {
        outline: none;
    }

    .item-tour-slider .item-tour img {
        object-fit: cover;
        height: 350px;
        position: relative;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;


    }

    .item-tour:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
        border-radius: 9px;
    }

    .flight-Offer-index header:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #1b1e21;
        opacity: 0.5;
        height: 10%;
        border-radius: 5px;
    }

    .flight-Offer-index header p {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1221212;
        padding: 12px 9px;
        font-size: 15px;
    }

    .item-tour {
        position: relative;
        overflow: hidden;
        border-radius: 9px;
        box-shadow: 0 2px 19px -3px #000000b8;
    }

    .item-tour figcaption {
        position: absolute;
        bottom: 0;
        z-index: 5555555;
        right: 3px;
        width: 100%;
        padding: 0px 14px;
    }

    .flight-Offer-index {
        width: 100%;
        height: 308px;
        background-color: #FFFFFF;
        border-radius: 4px !important;
        /* border: 4px solid #d0cccc; */
        box-shadow: 0 0px 26px -10px #00000094;
        padding: 0px 0px 0px 0px;
    }

    .box-city-flight-offer {
        background-color: #e4e4e4;
        color: #4d4d4d;
        padding: 5px;
        border-radius: 4px;
        font-size: 14px;
    }

    .items-flights-offer {
        overflow: scroll;
        overflow-x: hidden;
        height: 239px;

    }

    .items-flights-offer::-webkit-scrollbar {
        width: 7px;
    }

    /* Track */
    .items-flights-offer::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .items-flights-offer::-webkit-scrollbar-thumb {
        background: #888;
    }

    /* Handle on hover */
    .items-flights-offer::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    .item-flighr-Offer {
        position: relative;
        z-index: 4444444444;
        width: 100%;
        padding: 9px 11px;
        height: 43px;
    }

    .bg-svg-gray {
        background-image: url(../../images/index4/col-services-sgv.svg);
        width: 108px;
        background-repeat: no-repeat;
        height: 102px;
        margin: 13px auto;
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none;
        border-radius: 9px !important;
    }

    .owl-stage-outer .owl-height {
        height: 354px !important;
    }

    .custom-style {
        background-color: #00000094;
        border-radius: 4px;
        padding: 23px;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-linkMyStyle.active:hover {
        color: #FFFFFF;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-linkMyStyle.active span.iconAirplane {
        filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(63deg) brightness(112%) contrast(107%);


    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-linkMyStyle.active span.iconHotelSearch {
        filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(63deg) brightness(112%) contrast(107%);


    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-linkMyStyle.active {
        border-color: #dee2e6 #dee2e6 #fff;
        background-color: #fff;
        background: rgba(253, 188, 84, 1);
        background: -moz-linear-gradient(left, rgba(253, 188, 84, 1) 0%, rgba(251, 136, 42, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(253, 188, 84, 1)), color-stop(100%, rgba(251, 136, 42, 1)));
        background: -webkit-linear-gradient(left, rgba(253, 188, 84, 1) 0%, rgba(251, 136, 42, 1) 100%);
        background: -o-linear-gradient(left, rgba(253, 188, 84, 1) 0%, rgba(251, 136, 42, 1) 100%);
        background: -ms-linear-gradient(left, rgba(253, 188, 84, 1) 0%, rgba(251, 136, 42, 1) 100%);
        background: linear-gradient(to right, rgba(253, 188, 84, 1) 0%, rgba(251, 136, 42, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdbc54', endColorstr='#fb882a', GradientType=1);
        padding: 10px 14px;
        color: #fff;
        border-radius: 4px;
        margin: 0 8px 0px 8px;
        text-decoration: none;

    }

    .nav-linkMyStyle:hover {
        text-decoration: none;
        color: #1b1e21;

    }

    .nav-linkMyStyle {
        border-color: #dee2e6 #dee2e6 #fff;
        background-color: #FFFFFF;
        padding: 10px 14px;
        color: #4d4d4d;
        border-radius: 4px;
        margin: 0 8px 0px 8px;
        text-decoration: none;


    }

    .messages {
        width: 100%;
        padding-right: 0;
        position: inherit;
        top: 0;
        margin: -25px 0 24px 0;
    }
    .alert {
        text-align: right;
        padding: 5px 15px 10px 15px;
        font-size: 14px;
        font-family: IRANSans_Medium;
    }

    span.iconAirplane {
        background-image: url("../../images/index4/airplan-search.svg");
        display: inline-block;
        content: ' ';
        height: 27px;
        width: 39px;
        /* margin-left: 10px; */
        vertical-align: top;
        background-repeat: no-repeat;
        background-size: 37px;
        margin: 4px 0px 0 5px;

    }

    span.iconHotelSearch {
        background-image: url("../../images/index4/hotel-search-index.svg");
        display: inline-block;
        content: ' ';
        height: 27px;
        width: 39px;
        /* margin-left: 10px; */
        vertical-align: top;
        background-repeat: no-repeat;
        background-size: 30px;
        margin: 2px 0px 0 5px;
    }

    span.iconInsuranceSearch {
        background-image: url("../../img/umbrella.svg");
        display: inline-block;
        content: ' ';
        height: 31px;
        width: 29px;
        /* margin-left: 10px; */
        vertical-align: top;
        background-repeat: no-repeat;
        background-size: 30px;
        margin: -2px 0px 0 5px;
    }

    .padding-left-4 {
        margin-left: -13px;
    }

    #hi_input_city {
        float: right;
        margin-bottom: 0;
    }
    #hotel-in .arrival_city >img, #hotel-out .arrival_city >img  {
        top: 14px;
    }

    .hi_marker {
        padding-top: 16px !important;
        padding-right: 16px !important;
    }

    .hi_box {
        padding-right: 6px;
        margin-bottom: 0;
    }

    #city_search_result {
        width: 98%;
        position: absolute;
        margin-top: 20px !important;
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: #bfbfbf !important;
        opacity: 1;
    }

    .Add-revers:after {
        background-image: url("../../images/index4/revercFlight.svg");
        display: inline-block;
        content: ' ';
        height: 13px;
        width: 14px;
        background-repeat: no-repeat;
        background-size: 14px;
        background-color: #dedede;
        padding: 15px;
        border-radius: 100%;
        background-position: center;
        position: absolute;
        z-index: 22;
        left: -25px;
        top: 14px;
        border: 1px solid #ababab;
    }

    .fixed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%;
    }

    .img-logo {
        max-width: 200px;
        float: right;
    }

    .navbar-nav li {
        margin-left: 10px;
        padding: 1px;

    }

    .border-bottom-custom-style {
        border-bottom: 4px solid #802C4F;
        box-shadow: 0 2px 21px -7px #000000a1;
    }

    .dropdown {
        text-align: center;
    !important;
    }

    .button, .dropdown-menu {
        margin: 3px auto !important;
        box-shadow: 0 2px 7px -4px black;
    }

    .dropdown-menu {
        width: auto;
        left: 50% !important;
        margin-left: -85px !important;
    }

    span.icon-arrowDownHeader {
        background-image: url("../../images/index4/down-arrow2.svg");
        content: "";
        display: inline-block;
        height: 15px;
        width: 24px;
        margin-left: -4px;
        vertical-align: middle;
        filter: invert(27%) sepia(5%) saturate(2%) hue-rotate(27deg) brightness(105%) contrast(91%);
        background-size: 18px;
        background-repeat: no-repeat;
    }

    .SingUp-SingIn {
        cursor: pointer;
    }

    #Content-SingUp-SingIn {
        height: auto;
        width: 272px;
        background: #ffffff;
        display: none;
        position: absolute;
        left: 18%;
        top: 100%;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .subTopHeader li, .SubHeaderTop-so li {
        display: inline-block;
        color: #FFFFFF;
        font-size: 12px;
        margin-left: 8px;
    }

    .subTopHeader li a:hover, .SubHeaderTop-so li a:hover {
        color: #FB882A;
    }

    .subTopHeader li a, .SubHeaderTop-so li a {
        color: #FFFFFF;
        text-decoration: none;
    }

    .w-50-lg {
        width: 50%
    }

    span.iconAparat {
        background-image: url(../../images/index4/Aparat.svg);
        display: inline-block;
        content: ' ';
        height: 43px;
        width: 43px;
        margin-left: 10px;
        vertical-align: middle;
        background-repeat: no-repeat;
    }

    span.iconIstageram {
        background-image: url(../../images/index4/instagram.svg);
        display: inline-block;
        content: ' ';
        height: 43px;
        width: 43px;
        margin-left: 10px;
        vertical-align: middle;
    }

    span.iconTelegram {
        background-image: url(../../images/index4/telegram.svg);
        display: inline-block;
        content: ' ';
        height: 43px;
        width: 43px;
        margin-left: 10px;
        vertical-align: middle;
    }

    span.iconMap2-fff {
        background-image: url(../../images/index4/placeholder.svg);
        display: inline-block;
        content: ' ';
        height: 28px;
        width: 28px;
        margin-left: 10px;
        vertical-align: middle;
        filter: invert(98%) sepia(13%) saturate(2%) hue-rotate(307deg) brightness(115%) contrast(100%);
    }

    span.tele-fff {
        background-image: url(../../images/index4/14.svg);
        display: inline-block;
        content: ' ';
        height: 69px;
        width: 28px;
        margin-left: 10px;
        vertical-align: middle;
        /* filter: invert(98%) sepia(13%) saturate(2%) hue-rotate(307deg) brightness(115%) contrast(100%); */
        background-repeat: no-repeat;
    }
    #suggested_modal .modal-dialog {
        max-width: 700px;
    }
    .box-15day-offer {
        display: block;
        height: 100px;
        width: 100px;
        background-color: #fff;
        border: 1px solid #e6e6e6;
        color: #585858;
        border-radius: 7px;
        box-shadow: 0px 2px 6px 0px  hsla(0,0%,0%,0.2);
    }
    .item_15days {
        width: 20%;
    }
    .img-Header {
        width: 100%;
    }
    .rubber_stamp {
        font-size: 24px !important;
        line-height: 37px !important;
        border: 3px solid #dc3545 !important;
        top: 123px !important;
    }
    .big_download_app {
        float: none;
        margin: 0 auto;
    }
    #yalda_img {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .Namad {
        top: 9rem !important;
    }
    .Namad-item-Footer li {
        display: inline-block;
        margin: 0 23px 0 0;
    }

    .Namad-item-Footer li img {
        max-width: 94px;

    }
    .SingUp-SingIn:hover {
        color: rgba(0, 0, 0, .7);
    }

    .SingUp-SingIn {
        cursor: pointer;
        color: rgba(0, 0, 0, .5);;
    }

    #select_register_type {
        display: none;
    }
    #passenger_register_form, #agency_register_form {
        display: block;
    }
    #Content-SingUp-SingIn-mobile {
        height: auto;
        width: 272px;
        background: #ffffff;
        display: none;
        position: absolute;
        left: 18%;
        top: 50px;
        border: 1px solid #ccc;
        border-radius: 4px;
        z-index: 777;
    }

    span.tele-000 {
        background-image: url(../../images/index4/14.svg);
        display: inline-block;
        content: ' ';
        height: 24px;
        width: 39px;
        margin-left: 0px;
        vertical-align: middle;
        filter: invert(98%) sepia(13%) saturate(2%) hue-rotate(307deg) brightness(115%) contrast(100%);
        background-repeat: no-repeat;
        background-size: 23px;
    }

    span.ICON-passenger {
        content: "";
        background-image: url(../../images/index4/user.svg);
        display: inline-block;
        height: 19px;
        width: 21px;
        margin-left: 10px;
        vertical-align: middle;
        filter: invert(27%) sepia(5%) saturate(2%) hue-rotate(27deg) brightness(105%) contrast(91%);
        background-size: 18px;
        background-repeat: no-repeat;
    }

    .paddingb-5 {
        padding-bottom: 3rem;
    }

    .margin-top-27 {
        margin-top: 27%;
    }

    .Box-Slider {
        width: 100%;
        height: 520px;
        background-color: #ccc;
        background-image: url("../../images/index4/254383.jpg");
        background-size: cover;
        background-position: center;
    }
    .Box-Slider-inner {
        height: 520px;
    }

    .Box-Slider:after {
        content: "";
        background-image: url(../../images/index4/cerve-slider-svg.svg);
        background-size: 100% auto;
        display: block;
        background-repeat: no-repeat;
        position: absolute;
        height: 105px;
        width: 100%;
        margin-top: -50px;
    }
    #Tour-index {
        margin-top: 50px;
    }

    .footer-Round {
        width: 100%;
        height: auto;
        background-color: #4d4d4d;
        padding: 19px 0px;
        padding-top: 39px;
        z-index: -2;
        position: relative;
    }

    .footer-Round-cerve::before {
        /* background-color: red; */
        content: "";
        background-image: url(../../images/index4/13.svg);
        background-size: 100% 100%;
        display: block;
        background-repeat: no-repeat;
        position: absolute;
        height: 105px;
        width: 100%;
        margin-top: -44px;
        z-index: 1;
        transform: initial;
    }

    .Footer-Col {
        /* padding-top: 187px; */
    }

    .Link-item-Footer li a {
        color: #fff;
        text-decoration: none;
    }

    .Link-item-Footer li {
        text-align: right;
        list-style: circle;
        margin: 9px 21px 0px 0px;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
    }

    .Link-item-Footer li a:hover, .Link-item-Footer li:hover {
        color: #FB882A;
    }

    .Adress-item-Footer li p {
        text-align: right;
        font-size: 14px;
        direction: ltr;
    }

    .Adress-item-Footer li span {
        float: right;

    }

    .App-item-Footer li {
        display: inline-block;


    }

    .media-item-Footer li {
        display: inline-block;


    }

    .Namad-item-Footer li {
        display: inline-block;
        margin: 0 23px 0 0;
    }

    .Namad-item-Footer li img {
        max-width: 94px;

    }

    #Newsletters {
        position: relative;
        z-index: 2;
    }

    #Newsletters:before {
        content: "";
        background-image: url("../../images/index4/Email-news.svg");
        width: 265px;
        height: 290px;
        display: block;
        background-size: 265px;
        right: 24%;
        position: absolute;
        background-repeat: no-repeat;
        top: -89px;
        filter: invert(97%) sepia(0%) saturate(2148%) hue-rotate(201deg) brightness(117%) contrast(74%);
        opacity: 0.2;
    }

    .btn-Newsletters {
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        padding: 0px 15px;
        font-size: 18px;
        min-width: 71px;
    }

    .input-Newsletters:focus {
        background-color: #f3f3f3 !important;
        border: 1px solid #d0d0d0 !important;
    }

    .input-Newsletters {
        height: 47px;
        font-size: 18px;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
    }

    .footer-Round-cerve {
        position: relative;
        z-index: 1;
    }

    .blog-item-A:after, .blog-item-B:after, .blog-item-C:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
        border-radius: 3px;
    }

    .blog-item-A figcaption h5 {
        position: absolute;
        bottom: 13px;
        z-index: 2;
        padding: 16px 22px;
        transition: all ease-in;
        transition-duration: 300ms;
        -webkit-transition: all ease-in;
        -webkit-transition-duration: 300ms;
        -moz-transition: all ease-in;
        -moz-transition-duration: 300ms;
        -o-transition: all ease-in;
        -o-transition-duration: 300ms;
    }

    .blog-item-A figcaption p {
        bottom: -60px;
        position: absolute;
        color: white;
        z-index: 333;
        font-size: 14px;
        padding: 14px 21px;
        transition: all ease-in;
        -webkit-transition: all ease-in;
        -moz-transition: all ease-in;
        -o-transition: all ease-in;
        opacity: 0;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
        max-height: 85px;
        overflow: hidden;
    }

    .blog-item-A:hover figcaption h5 {
        position: absolute;
        bottom: 79px;
        z-index: 2;
        padding: 0px 22px;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
    }

    .blog-item-A:hover figcaption p {
        bottom: -3px;
        position: absolute;
        color: white;
        z-index: 333;
        font-size: 14px;
        padding: 18px 21px;
        opacity: 1;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
    }

    .blog-item-C figcaption h5 {
        position: absolute;
        bottom: 13px;
        z-index: 2;
        padding: 16px 22px;
        transition: all ease-in;
        transition-duration: 300ms;
        -webkit-transition: all ease-in;
        -webkit-transition-duration: 300ms;
        -moz-transition: all ease-in;
        -moz-transition-duration: 300ms;
        -o-transition: all ease-in;
        -o-transition-duration: 300ms;
        text-align: right;
    }

    .blog-item-C figcaption p {
        bottom: -60px;
        position: absolute;
        color: white;
        z-index: 333;
        font-size: 14px;
        padding: 14px 21px;
        transition: all ease-in;
        -webkit-transition: all ease-in;
        -moz-transition: all ease-in;
        -o-transition: all ease-in;
        opacity: 0;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
        transition-duration: 300ms;
        max-height: 85px;
        overflow: hidden;
    }

    .blog-item-C:hover figcaption h5 {
        position: absolute;
        bottom: 79px;
        z-index: 2;
        padding: 0px 22px;
        transition-duration: 300ms;
        -o-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
    }

    .blog-item-C:hover figcaption p {
        bottom: -3px;
        position: absolute;
        color: white;
        z-index: 333;
        font-size: 14px;
        padding: 18px 21px;
        opacity: 1;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
    }


    .blog-item-B figcaption h5 {
        position: absolute;
        bottom: 13px;
        z-index: 2;
        padding: 0px 22px;
        transition: all ease-in;
        transition-duration: 300ms;
        -webkit-transition: all ease-in;
        -webkit-transition-duration: 300ms;
    }

    .blog-item-B:hover figcaption h5 {
        position: absolute;
        bottom: 50px;
        z-index: 2;
        padding: 6px 22px;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -o-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
    }

    .blog-item-B figcaption p {
        bottom: -36px;
        position: absolute;
        color: white;
        z-index: 333;
        font-size: 14px;
        padding: 14px 21px;
        transition: all ease-in;
        opacity: 0;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
    }


    .blog-item-B, .blog-item-A, .blog-item-C {
        position: relative;
        /*display: inline-block;*/
        overflow: hidden;
        box-shadow: 0px 2px 10px 0px hsla(0, 0%, 0%, 0.37);
        border-radius: 4px;
    }

    .blog-item-B:hover figcaption p {
        bottom: 0px;
        position: absolute;
        color: white;
        z-index: 333;
        font-size: 14px;
        padding: 0px 21px;
        opacity: 1;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
    }

    .item-blog-photo_A {
        object-fit: cover;
        background-position: center;
        background-size: 27px;
        height: 500px;
        width: auto;
    }

    .item-blog-photo_B {
        object-fit: cover;
        background-position: center;
        background-size: 27px;
        height: 250px;
        width: 100%;
    }

    .item-blog-photo_C {
        object-fit: cover;
        background-position: center;
        background-size: 27px;
        height: 225px;
        width: 100%;
    }

    #Blog {
        position: relative;
        z-index: 4;
    }

    .blog-item-B:hover img, .blog-item-A:hover img, .blog-item-C:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        transition-duration: 2000ms;
        -webkit-transition-duration: 2000ms;
        -moz-transition-duration: 2000ms;
        -o-transition-duration: 2000ms;
    }

    .blog-item-B img, .blog-item-A img, .blog-item-C img {
        transition: ease-in all;
        transition-duration: 400ms;
        -webkit-transition: ease-in all;
        -webkit-transition-duration: 400ms;
        -moz-transition: ease-in all;
        -moz-transition-duration: 400ms;
        -o-transition: ease-in all;
        -o-transition-duration: 400ms;

    }

    .blog-item-B, .blog-item-A, .blog-item-C {
        position: relative;
        box-shadow: 0px 2px 10px 0px hsla(0, 0%, 0%, 0.37);
        border-radius: 4px;
    }

    .color-Purple {
        color: #853055;

    }

    .owl-nav button {
        position: absolute;
        top: 50%;
        background-color: #000;
        color: #fff;
        margin: 0;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
    }

    .owl-nav button.owl-prev {
        left: 0;
    }

    .owl-nav button.owl-next {
        right: 0;
    }

    #carousel-tour .owl-dots {
        text-align: center;
        padding-top: 15px;
    }

    #carousel-tour .owl-dots button.owl-dot {
        display: inline-block;
        margin: 0 3px;
        border: none;
        width: 43px;
        height: 8px;
        border-radius: 2px !important;

    }

    #carousel-tour .owl-dots button.owl-dot.active {
        background-color: #fc872b;
        border: none;
        width: 43px;
        height: 8px;
        border-radius: 2px !important;
    }

    #carousel-tour .owl-dots button.owl-dot:focus {
        outline: none;
    }

    .owl-nav button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: rgba(255, 255, 255, 0.38) !important;
    }

    .owl-nav button:focus {
        outline: none;
    }

    .item-tour-slider .item-tour img {
        object-fit: cover;
        height: 350px;
        position: relative;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;


    }

    .item-tour:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
        border-radius: 9px;
    }

    .flight-Offer-index header:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #1b1e21;
        opacity: 0.5;
        height: 13%;
        border-radius: 5px;
    }

    .flight-Offer-index header p {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1221212;
        padding: 12px 9px;
        font-size: 15px;
    }

    .item-tour {
        position: relative;
        overflow: hidden;
        border-radius: 9px;
        box-shadow: 0 2px 19px -3px #000000b8;
    }

    .item-tour figcaption {
        position: absolute;
        bottom: 0;
        z-index: 5555555;
        right: 3px;
        width: 100%;
        padding: 0px 14px;
    }

    .flight-Offer-index {
        width: 100%;
        height: 308px;
        background-color: #FFFFFF;
        border-radius: 4px !important;
        /* border: 4px solid #d0cccc; */
        box-shadow: 0 0px 26px -10px #00000094;
        padding: 0px 0px 0px 0px;
    }

    .box-city-flight-offer {
        background-color: #e4e4e4;
        color: #4d4d4d;
        padding: 5px;
        border-radius: 4px;
        font-size: 14px;
    }

    .items-flights-offer {
        overflow: scroll;
        overflow-x: hidden;
        height: 239px;

    }

    .items-flights-offer::-webkit-scrollbar {
        width: 7px;
    }

    /* Track */
    .items-flights-offer::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .items-flights-offer::-webkit-scrollbar-thumb {
        background: #888;
    }

    /* Handle on hover */
    .items-flights-offer::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    .item-flighr-Offer {
        position: relative;
        z-index: 4444444444;
        width: 100%;
        padding: 9px 11px;
        height: 43px;
    }

    .bg-svg-gray {
        background-image: url(../../images/index4/col-services-sgv.svg);
        width: 108px;
        background-repeat: no-repeat;
        height: 102px;
        margin: 13px auto;
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none;
        border-radius: 9px !important;
    }

    .owl-stage-outer .owl-height {
        height: 354px !important;
    }

    .custom-style {
        background-color: #00000094;
        border-radius: 4px;
        padding: 23px;
    }

    #fo_passengers_area .name {
        font-size: 12px;
        height: 30px;
        overflow: hidden;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-linkMyStyle.active:hover {
        color: #FFFFFF;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-linkMyStyle.active span.iconAirplane {
        filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(63deg) brightness(112%) contrast(107%);


    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-linkMyStyle.active span.iconHotelSearch {
        filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(63deg) brightness(112%) contrast(107%);


    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-linkMyStyle.active {
        border-color: #dee2e6 #dee2e6 #fff;
        background-color: #fff;
        background: rgba(253, 188, 84, 1);
        background: -moz-linear-gradient(left, rgba(253, 188, 84, 1) 0%, rgba(251, 136, 42, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(253, 188, 84, 1)), color-stop(100%, rgba(251, 136, 42, 1)));
        background: -webkit-linear-gradient(left, rgba(253, 188, 84, 1) 0%, rgba(251, 136, 42, 1) 100%);
        background: -o-linear-gradient(left, rgba(253, 188, 84, 1) 0%, rgba(251, 136, 42, 1) 100%);
        background: -ms-linear-gradient(left, rgba(253, 188, 84, 1) 0%, rgba(251, 136, 42, 1) 100%);
        background: linear-gradient(to right, rgba(253, 188, 84, 1) 0%, rgba(251, 136, 42, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdbc54', endColorstr='#fb882a', GradientType=1);
        padding: 10px 14px;
        color: #fff;
        border-radius: 4px;
        margin: 0 8px 0px 8px;
        text-decoration: none;

    }

    .nav-linkMyStyle:hover {
        text-decoration: none;
        color: #1b1e21;

    }

    .nav-linkMyStyle {
        border-color: #dee2e6 #dee2e6 #fff;
        background-color: #FFFFFF;
        padding: 10px 14px;
        color: #4d4d4d;
        border-radius: 4px;
        margin: 0 8px 0px 8px;
        text-decoration: none;


    }

    span.iconAirplane {
        background-image: url("../../images/index4/airplan-search.svg");
        display: inline-block;
        content: ' ';
        height: 27px;
        width: 39px;
        /* margin-left: 10px; */
        vertical-align: top;
        background-repeat: no-repeat;
        background-size: 37px;
        margin: 4px 0px 0 5px;

    }

    span.iconHotelSearch {
        background-image: url("../../images/index4/hotel-search-index.svg");
        display: inline-block;
        content: ' ';
        height: 27px;
        width: 39px;
        /* margin-left: 10px; */
        vertical-align: top;
        background-repeat: no-repeat;
        background-size: 30px;
        margin: 2px 0px 0 5px;
    }

    span.iconInsuranceSearch {
        background-image: url("../../img/umbrella.svg");
        display: inline-block;
        content: ' ';
        height: 31px;
        width: 29px;
        /* margin-left: 10px; */
        vertical-align: top;
        background-repeat: no-repeat;
        background-size: 30px;
        margin: -2px 0px 0 5px;
    }

    .padding-left-4 {
        margin-left: -5px;
        padding: 0 7px 0 7px;
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: #bfbfbf !important;
        opacity: 1;
    }

    .Add-revers:after {
        background-image: url("../../images/index4/revercFlight.svg");
        display: inline-block;
        content: ' ';
        height: 13px;
        width: 14px;
        background-repeat: no-repeat;
        background-size: 14px;
        background-color: #dedede;
        padding: 15px;
        border-radius: 100%;
        background-position: center;
        position: absolute;
        z-index: 22;
        left: -19px;
        top: 2px;
        border: 1px solid #ababab;
    }

    .safartik-select-box .count-passengers li .counter-name {
        font-size: 11px !important;
    }

    .inputWithIcon i {
        padding-right: 13px;
    }

    .fixed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%;
    }

    .img-logo {
        max-width: 200px;
    }

    .navbar-nav li {
        margin-left: 1px;
        padding: 1px;
    }

    .border-bottom-custom-style {
        border-bottom: 4px solid #802C4F;
        box-shadow: 0 2px 21px -7px #000000a1;
    }

    .dropdown {
        text-align: center;
    !important;
    }

    .button, .dropdown-menu {
        margin: 3px auto !important;
        box-shadow: 0 2px 7px -4px black;
    }

    .dropdown-menu {
        width: auto;
        left: 50% !important;
        margin-left: -85px !important;
    }

    span.icon-arrowDownHeader {
        background-image: url("../../images/index4/down-arrow2.svg");
        content: "";
        display: inline-block;
        height: 15px;
        width: 22px;
        margin-left: 10px;
        vertical-align: middle;
        filter: invert(27%) sepia(5%) saturate(2%) hue-rotate(27deg) brightness(105%) contrast(91%);
        background-size: 18px;
        background-repeat: no-repeat;
    }

    .SingUp-SingIn {
        cursor: pointer;
    }

    #Content-SingUp-SingIn {
        height: auto;
        width: 272px;
        background: #ffffff;
        display: none;
        position: absolute;
        left: 18%;
        top: 100%;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .subTopHeader li, .SubHeaderTop-so li {
        display: inline-block;
        color: #FFFFFF;
        font-size: 12px;
        margin-left: 15px;

    }

    .subTopHeader li a:hover, .SubHeaderTop-so li a:hover {
        color: #FB882A;
    }

    .subTopHeader li a, .SubHeaderTop-so li a {
        color: #FFFFFF;
        text-decoration: none;
    }

    .w-50-lg {
        width: 50%
    }

    section#services-index {
        margin-top: -54px;
    }

    .box-15day-offer {
        display: block;
        height: 109px;
        width: 109px;
        background-color: #fff;
        /* box-shadow: 0 0px 25px -7px #000000d9; */
        border: 1px solid #e6e6e6;
        color: #585858;
        border-radius: 7px;
        box-shadow: 0px 2px 6px 0px  hsla(0,0%,0%,0.2);
    }

    .download_app_big_image {
        height: 265px !important;
    }
    .big_download_app {
        margin-top: 18px;
    }
    #yalda_img {
        right: 88px;
        width: 175px;
    }
}
@media (min-width: 1200px) {

    .Namad-item-Footer li {
        display: inline-block;
        margin: 0 23px 0 0;

    }

    .Namad-item-Footer li:hover {


    }

    .Namad-item-Footer li img:hover {
        -webkit-transition-duration: 400ms;
        -moz-transition-duration: 400ms;
        -o-transition-duration: 400ms;
        transition-duration: 400ms;
        margin-top: -10px;
        box-shadow: 0 11px 15px 4px black;
    }

    .Namad-item-Footer li img {
        box-shadow: 0 5px 10px -2px black;
        max-width: 94px;
        -webkit-transition: all ease-in;
        -moz-transition: all ease-in;
        -o-transition: all ease-in;
        transition: all ease-in;
        -webkit-transition-duration: 400ms;
        -moz-transition-duration: 400ms;
        -o-transition-duration: 400ms;
        transition-duration: 400ms;
    }
    .item-tour-slider:hover img,
    .item-tour-slider.hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    .item-tour-slider * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
        font-weight: normal !important;
    }

    #select_register_type {
        display: none;
    }
    #passenger_register_form, #agency_register_form {
        display: block;
    }
    section#services-index {
        margin-top: -68px;
        z-index: 8888888888;
    }
    .SingUp-SingIn:hover {
        color: rgba(0, 0, 0, .7);
    }

    .paddingb-5 {
        padding-bottom: 3rem;
    }

    .margin-top-27 {
        margin-top: 27%;
    }

    .Box-Slider {
        width: 100%;
        height: 609px;
        background-color: #ccc;
        background-image: url("../../images/index4/254383.jpg");
        background-size: cover;
        background-position: bottom;
        margin-top: 85px;
    }
    .Box-Slider-inner {
        height: 609px;
    }

    .Box-Slider:after {
        content: "";
        background-image: url(../../images/index4/cerve-slider-svg.svg);
        background-size: 100% auto;
        display: block;
        background-repeat: no-repeat;
        position: absolute;
        height: 105px;
        width: 100%;
        margin-top: -70px;
        z-index: 0;
    }
    .Box-Slider-open-jaw2 {
        height: 662px;
    }
    .Box-Slider-open-jaw2:after {
        margin-top: -17px !important;
    }
    .insurance_up7 {
        height: 662px;
    }
    .insurance_up7:after {
        margin-top: -17px !important;
    }
    .Box-Slider-open-jaw3 {
        height: 715px;
    }
    .Box-Slider-open-jaw3:after {
        margin-top: 36px !important;
    }
    .Box-Slider-open-jaw4 {
        height: 768px;
    }
    .Box-Slider-open-jaw4:after {
        margin-top: 89px !important;
    }
    .Box-Slider-open-jaw5 {
        height: 821px;
    }
    .Box-Slider-open-jaw5:after {
        margin-top: 142px !important;
    }
    .remove_open_jaw_icons {
        cursor: pointer;
        color: #fff;
        position: absolute;
        left: -6px;
        top: 16px;
        font-size: 20px;
    }

    .footer-Round {
        width: 100%;
        height: auto;
        background-color: #4d4d4d;
        padding: 19px 0px;
        padding-top: 39px;
        z-index: -2;
        position: relative;
    }

    .footer-Round-cerve::before {
        /* background-color: red; */
        content: "";
        background-image: url(../../images/index4/13.svg);
        background-size: 100% 100%;
        display: block;
        background-repeat: no-repeat;
        position: absolute;
        height: 105px;
        width: 100%;
        margin-top: -22px;
        z-index: 1;
        transform: initial;
    }

    .Footer-Col {
        /* padding-top: 187px; */
    }

    .discount ul, .discount ul li {
        list-style: none;
        padding: 0;
        text-align: center;
        margin: 0;
        color: white;
        font-size: 16px;
        font-weight: 500;
    }

    .Link-item-Footer li a {
        color: #fff;
        text-decoration: none;
    }

    .Link-item-Footer li {
        text-align: right;
        list-style: circle;
        margin: 9px 21px 0px 0px;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
    }

    .Link-item-Footer li a:hover, .Link-item-Footer li:hover {
        color: #FB882A;
    }

    .Adress-item-Footer li p {
        text-align: right;
        font-size: 14px;
        direction: ltr;
    }

    .Adress-item-Footer li span {
        float: right;

    }

    .App-item-Footer li {
        display: inline-block;


    }

    .media-item-Footer li {
        display: inline-block;


    }

    .Namad-item-Footer li {
        display: inline-block;
        margin: 0 23px 0 0;

    }

    .Namad-item-Footer li:hover {


    }

    .Namad-item-Footer li img:hover {
        -webkit-transition-duration: 400ms;
        -moz-transition-duration: 400ms;
        -o-transition-duration: 400ms;
        transition-duration: 400ms;
        margin-top: -10px;
        box-shadow: 0 11px 15px 4px black;
    }

    .Namad-item-Footer li img {
        box-shadow: 0 5px 10px -2px black;
        max-width: 94px;
        -webkit-transition: all ease-in;
        -moz-transition: all ease-in;
        -o-transition: all ease-in;
        transition: all ease-in;
        -webkit-transition-duration: 400ms;
        -moz-transition-duration: 400ms;
        -o-transition-duration: 400ms;
        transition-duration: 400ms;
    }

    #Newsletters {
        position: relative;
        z-index: 2;
    }

    #Newsletters:before {
        content: "";
        background-image: url("../../images/index4/Email-news.svg");
        width: 265px;
        height: 290px;
        display: block;
        background-size: 265px;
        right: 24%;
        position: absolute;
        background-repeat: no-repeat;
        top: -89px;
        filter: invert(97%) sepia(0%) saturate(2148%) hue-rotate(201deg) brightness(117%) contrast(74%);
        opacity: 0.2;
    }

    .btn-Newsletters {
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        padding: 0px 15px;
        font-size: 18px;
        min-width: 71px;
    }

    .input-Newsletters:focus {
        background-color: #f3f3f3 !important;
        border: 1px solid #d0d0d0 !important;
    }

    .input-Newsletters {
        height: 47px;
        font-size: 18px;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
    }

    .footer-Round-cerve {
        position: relative;
        z-index: 1;
    }

    .blog-item-A:after, .blog-item-B:after, .blog-item-C:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
        border-radius: 3px;
    }

    .blog-item-A figcaption h5 {
        position: absolute;
        bottom: 13px;
        z-index: 2;
        padding: 16px 22px;
        transition: all ease-in;
        transition-duration: 300ms;
        -webkit-transition: all ease-in;
        -webkit-transition-duration: 300ms;
        -moz-transition: all ease-in;
        -moz-transition-duration: 300ms;
        -o-transition: all ease-in;
        -o-transition-duration: 300ms;
    }

    .blog-item-A figcaption p {
        bottom: -60px;
        position: absolute;
        color: white;
        z-index: 333;
        font-size: 14px;
        padding: 14px 21px;
        transition: all ease-in;
        -webkit-transition: all ease-in;
        -moz-transition: all ease-in;
        -o-transition: all ease-in;
        opacity: 0;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
        max-height: 85px;
        overflow: hidden;
    }

    .blog-item-A:hover figcaption h5 {
        position: absolute;
        bottom: 79px;
        z-index: 2;
        padding: 0px 22px;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
    }

    .blog-item-A:hover figcaption p {
        bottom: -3px;
        position: absolute;
        color: white;
        z-index: 333;
        font-size: 14px;
        padding: 18px 21px;
        opacity: 1;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
    }

    .blog-item-C figcaption h5 {
        position: absolute;
        bottom: 13px;
        z-index: 2;
        padding: 16px 22px;
        transition: all ease-in;
        transition-duration: 300ms;
        -webkit-transition: all ease-in;
        -webkit-transition-duration: 300ms;
        -moz-transition: all ease-in;
        -moz-transition-duration: 300ms;
        -o-transition: all ease-in;
        -o-transition-duration: 300ms;
        text-align: right;
    }

    .blog-item-C figcaption p {
        bottom: -60px;
        position: absolute;
        color: white;
        z-index: 333;
        font-size: 14px;
        padding: 14px 21px;
        transition: all ease-in;
        -webkit-transition: all ease-in;
        -moz-transition: all ease-in;
        -o-transition: all ease-in;
        opacity: 0;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
        transition-duration: 300ms;
        max-height: 85px;
        overflow: hidden;
    }

    .blog-item-C:hover figcaption h5 {
        position: absolute;
        bottom: 79px;
        z-index: 2;
        padding: 0px 22px;
        transition-duration: 300ms;
        -o-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
    }

    .blog-item-C:hover figcaption p {
        bottom: -3px;
        position: absolute;
        color: white;
        z-index: 333;
        font-size: 14px;
        padding: 18px 21px;
        opacity: 1;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
    }


    .blog-item-B figcaption h5 {
        position: absolute;
        bottom: 13px;
        z-index: 2;
        padding: 0px 22px;
        transition: all ease-in;
        transition-duration: 300ms;
        -webkit-transition: all ease-in;
        -webkit-transition-duration: 300ms;
    }

    .blog-item-B:hover figcaption h5 {
        position: absolute;
        bottom: 50px;
        z-index: 2;
        padding: 6px 22px;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -o-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
    }

    .blog-item-B figcaption p {
        bottom: -36px;
        position: absolute;
        color: white;
        z-index: 333;
        font-size: 14px;
        padding: 14px 21px;
        transition: all ease-in;
        opacity: 0;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
    }


    .blog-item-B:hover figcaption p {
        bottom: 0px;
        position: absolute;
        color: white;
        z-index: 333;
        font-size: 14px;
        padding: 0px 21px;
        opacity: 1;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
    }

    .item-blog-photo_A {
        object-fit: cover;
        background-position: center;
        background-size: 27px;
        height: 500px;
        width: auto;
    }

    .item-blog-photo_B {
        object-fit: cover;
        background-position: center;
        background-size: 27px;
        height: 250px;
        width: 100%;
    }

    .item-blog-photo_C {
        object-fit: cover;
        background-position: center;
        background-size: 27px;
        height: 225px;
        width: 100%;
    }

    #Blog {
        position: relative;
        z-index: 4;
    }

    .blog-item-B:hover img, .blog-item-A:hover img, .blog-item-C:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        transition-duration: 2000ms;
        -webkit-transition-duration: 2000ms;
        -moz-transition-duration: 2000ms;
        -o-transition-duration: 2000ms;
    }

    .blog-item-B img, .blog-item-A img, .blog-item-C img {
        transition: ease-in all;
        transition-duration: 400ms;
        -webkit-transition: ease-in all;
        -webkit-transition-duration: 400ms;
        -moz-transition: ease-in all;
        -moz-transition-duration: 400ms;
        -o-transition: ease-in all;
        -o-transition-duration: 400ms;

    }

    .blog-item-B, .blog-item-A, .blog-item-C {
        position: relative;
        /*display: inline-block;*/
        overflow: hidden;
        box-shadow: 0px 2px 10px 0px hsla(0, 0%, 0%, 0.37);
        border-radius: 4px;
    }

    .color-Purple {
        color: #853055;

    }

    .owl-nav button {
        position: absolute;
        top: 50%;
        background-color: #000;
        color: #fff;
        margin: 0;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
    }

    .owl-nav button.owl-prev {
        left: 0;
    }

    .owl-nav button.owl-next {
        right: 0;
    }

    #carousel-tour .owl-dots {
        text-align: center;
        padding-top: 15px;
    }

    #carousel-tour .owl-dots button.owl-dot {
        display: inline-block;
        margin: 0 3px;
        border: none;
        width: 43px;
        height: 8px;
        border-radius: 2px !important;

    }

    #carousel-tour .owl-dots button.owl-dot.active {
        background-color: #fc872b;
        border: none;
        width: 43px;
        height: 8px;
        border-radius: 2px !important;
    }

    #carousel-tour .owl-dots button.owl-dot:focus {
        outline: none;
    }

    .owl-nav button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: rgba(255, 255, 255, 0.38) !important;
    }



    .owl-nav button:focus {
        outline: none;
    }

    .item-tour-slider .item-tour img {
        object-fit: cover;
        height: 350px;
        position: relative;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;


    }

    .item-tour:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
        border-radius: 9px;
    }

    .flight-Offer-index header:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 7px;
        right: -7px;
        background-color: #1b1e21;
        opacity: 0.5;
        height: 13.5%;
        border-radius: 5px;
    }

    .flight-Offer-index header p {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1221212;
        padding: 12px 9px;
        font-size: 15px;
    }

    .item-tour {
        position: relative;
        overflow: hidden;
        border-radius: 9px;
        box-shadow: 0 2px 19px -3px #000000b8;
    }

    .item-tour figcaption {
        position: absolute;
        bottom: 0;
        z-index: 5555555;
        right: 3px;
        width: 100%;
        padding: 0px 14px;
    }

    .flight-Offer-index {
        width: 100%;
        height: 235px;
        background-color: #FFFFFF;
        border-radius: 4px !important;
        /* border: 4px solid #d0cccc; */
        box-shadow: 0 0px 26px -10px #00000094;
        padding: 0px 0px 0px 0px;
        margin: 0px -7px 0 0;
    }

    .box-city-flight-offer {
        background-color: #e4e4e4;
        color: #4d4d4d;
        padding: 5px;
        border-radius: 4px;
        font-size: 14px;
    }

    .items-flights-offer {
        overflow: scroll;
        overflow-x: hidden;
        height: 182px;
    }

    .items-flights-offer::-webkit-scrollbar {
        width: 6px;
    }

    /* Track */
    .items-flights-offer::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 21px;
    }

    /* Handle */
    .items-flights-offer::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 21px;
    }

    /* Handle on hover */
    .items-flights-offer::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    .item-flighr-Offer {
        position: relative;
        z-index: 4444444444;
        width: 100%;
        padding: 9px 11px;
        height: 43px;
    }

    .bg-svg-gray {
        background-image: url(../../images/index4/col-services-sgv.svg);
        width: 108px;
        background-repeat: no-repeat;
        height: 102px;
        margin: 13px auto;
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none;
        border-radius: 9px !important;
    }

    .owl-stage-outer .owl-height {
        height: 354px !important;
    }

    .custom-style {
        background-color: rgba(0, 0, 0, 0.58);
        border-radius: 4px;
        padding: 23px;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-linkMyStyle.active:hover {
        color: #FFFFFF;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-linkMyStyle.active span.iconAirplane {
        filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(63deg) brightness(112%) contrast(107%);


    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-linkMyStyle.active span.iconHotelSearch {
        filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(63deg) brightness(112%) contrast(107%);


    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-linkMyStyle.active {
        border-color: #dee2e6 #dee2e6 #fff;
        background-color: #fff;
        background: rgba(253, 188, 84, 1);
        background: -moz-linear-gradient(left, rgba(253, 188, 84, 1) 0%, rgba(251, 136, 42, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(253, 188, 84, 1)), color-stop(100%, rgba(251, 136, 42, 1)));
        background: -webkit-linear-gradient(left, rgba(253, 188, 84, 1) 0%, rgba(251, 136, 42, 1) 100%);
        background: -o-linear-gradient(left, rgba(253, 188, 84, 1) 0%, rgba(251, 136, 42, 1) 100%);
        background: -ms-linear-gradient(left, rgba(253, 188, 84, 1) 0%, rgba(251, 136, 42, 1) 100%);
        background: linear-gradient(to right, rgba(253, 188, 84, 1) 0%, rgba(251, 136, 42, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdbc54', endColorstr='#fb882a', GradientType=1);
        padding: 10px 14px;
        color: #fff;
        border-radius: 4px;
        margin: 0 8px 0px 8px;
        text-decoration: none;

    }

    .nav-linkMyStyle:hover {
        text-decoration: none;
        color: #1b1e21;

    }

    .nav-linkMyStyle {
        border-color: #dee2e6 #dee2e6 #fff;
        background-color: #FFFFFF;
        padding: 10px 14px;
        color: #4d4d4d;
        border-radius: 4px;
        margin: 0 8px 0px 8px;
        text-decoration: none;


    }

    span.iconAirplane {
        background-image: url("../../images/index4/airplan-search.svg");
        display: inline-block;
        content: ' ';
        height: 27px;
        width: 39px;
        /* margin-left: 10px; */
        vertical-align: top;
        background-repeat: no-repeat;
        background-size: 37px;
        margin: 4px 0px 0 5px;

    }

    span.iconHotelSearch {
        background-image: url("../../images/index4/hotel-search-index.svg");
        display: inline-block;
        content: ' ';
        height: 27px;
        width: 39px;
        /* margin-left: 10px; */
        vertical-align: top;
        background-repeat: no-repeat;
        background-size: 30px;
        margin: 2px 0px 0 5px;
    }

    span.iconInsuranceSearch {
        background-image: url("../../img/umbrella.svg");
        display: inline-block;
        content: ' ';
        height: 31px;
        width: 29px;
        /* margin-left: 10px; */
        vertical-align: top;
        background-repeat: no-repeat;
        background-size: 30px;
        margin: -2px 0px 0 5px;
    }

    .padding-left-4 {
        margin-left: -13px;
    }
    .padding-left-5 {
        padding-left: 5px;
        padding-right: 10px;
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: #bfbfbf !important;
        opacity: 1;
    }

    .Add-revers:after {
        background-image: url("../../images/index4/revercFlight.svg");
        display: inline-block;
        content: ' ';
        height: 13px;
        width: 14px;
        background-repeat: no-repeat;
        background-size: 14px;
        background-color: #dedede;
        padding: 15px;
        border-radius: 100%;
        background-position: center;
        position: absolute;
        z-index: 22;
        left: -25px;
        top: 2px;
        border: 1px solid #ababab;
    }

    .fixed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .hide_links {
        top: 0 !important;
    }

    .img-logo {
        max-width: 200px;
    }

    .navbar-nav li {
        margin-left: 6px;
        padding: 1px;

    }

    .border-bottom-custom-style {
        border-bottom: 3px solid #802C4F;
        box-shadow: 0 2px 21px -7px #000000a1;
    }

    .dropdown {
        text-align: center;
    !important;
    }

    .button, .dropdown-menu {
        margin: 3px auto !important;
        box-shadow: 0 2px 7px -4px black;
    }

    .dropdown-menu {
        width: auto;
        left: 50% !important;
        margin-left: -85px !important;
    }

    span.icon-arrowDownHeader {
        background-image: url("../../images/index4/down-arrow2.svg");
        content: "";
        display: inline-block;
        height: 15px;
        width: 23px;
        margin-left: 10px;
        vertical-align: middle;
        filter: invert(27%) sepia(5%) saturate(2%) hue-rotate(27deg) brightness(105%) contrast(91%);
        background-size: 18px;
        background-repeat: no-repeat;
    }

    .SingUp-SingIn {
        cursor: pointer;
        color: rgba(0, 0, 0, .5);
    }

    #Content-SingUp-SingIn {
        height: auto;
        width: 272px;
        background: #ffffff;
        display: none;
        position: absolute;
        left: auto;
        top: 100%;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .subTopHeader li, .SubHeaderTop-so li {
        display: inline-block;
        color: #FFFFFF;
        font-size: 12px !important;
        margin-left: 15px;
    }
    .subTopHeader li a, .SubHeaderTop-so li a {
        font-size: 12px !important;
    }

    .subTopHeader li a:hover, .SubHeaderTop-so li a:hover {
        color: #FB882A;
    }

    .subTopHeader li a, .SubHeaderTop-so li a {
        color: #FFFFFF;
        text-decoration: none;
    }

    .w-50-lg {
        width: 50%
    }

    .Icon-world:after {
        background-image: url(../../images/index4/world.svg);
        display: inline-block;
        content: ' ';
        height: 27px;
        width: 27px;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-size: 23px;
        background-position: center;
        margin: -14px -11px 0px 0px;
        position: absolute;
        opacity: .7;
    }

    .box-15day-offer {
        display: block;
        height: 109px;
        width: 109px;
        background-color: #fdfdfd;
        /* box-shadow: 0 0px 25px -7px #000000d9; */
        border: 1px solid #e6e6e6;
        color: #585858;
        border-radius: 7px;
        box-shadow: 0px 2px 6px 0px  hsla(0,0%,0%,0.2);
    }
}