@media (min-width: 0) {
    .countryMenuBtmList li, .cabinet-documents-list li { width: 100%; }
}

@media (min-width: 480px) {
    .countryMenuBtmList li { width: 50%; }
}

@media (min-width: 768px) {
    .countryMenuBtmList li { width: 33.33333%; }

    .custom-navbar-secondary .nav li.userMenuLink a { max-width: 189px; }

    .cabinet-documents-list li {width:50%;}

    #servicesDialog .service-container {
        max-height: calc(100vh - 300px);
    }
}

@media (min-width: 992px) {
    .countryMenuBtmList li { width: 25%; }

    .compact-search-wrap > div {
        padding:0 !important;
        margin-right:-2px;
    }
    .compact-search-wrap .btn-primary {
        border-top-left-radius:0;
        border-bottom-left-radius:0;
        margin-top:0 !important;
    }
    .compact-search-wrap .datepicker-wrap:hover, .compact-search-wrap .datepicker-wrap.focus {
        z-index:3;
    }
    .compact-search_field-separator {
        width: 1px;
        background: #d5d5d5;
        margin-top: 4px;
        margin-bottom: 4px;
        position: absolute;
        right: 0;
        top: 0;
        height: 29px;
        z-index: 2;
    }
    .bootstrap-select.open ~ .compact-search_field-separator, .bootstrap-select:hover ~ .compact-search_field-separator {
        display:none;
    }
    .registerFormRightCol {
        position:absolute;
        left:50%;
        top:0;
        padding-left:15px;
        padding-right:15px;
    }
    .cabinet-documents-list li {width:33%;}
}

@media (min-width: 1280px) {
    .countryMenuBtmList li { width: 20%; }
}


@media (max-width:1200px) {

    .advertiseWrap {padding:20px 20px 0 20px;}

}

@media (max-width:992px) {
    .text-center-md-done { text-align: center; }

    #touriststable {table-layout:initial}

    .touristNameCol {min-width:200px;}

    .advertiseWrap {padding:20px 20px 0 20px;}
    
}

@media (max-width: 768px) {
    h1 {
        font-size:36px;
        line-height:40px;
    }
    .loginPopoverWrap .popover {
        position:relative;
        right:auto;
        top:0 !important;
        margin-left:15px;
        margin-right:15px;
    }
    .loginPopoverWrap .form-group {
        width:100%;
    }
    .loginPopoverWrap .popover > .arrow {
        left:25px !important;
    }

    .custom-navbar-primary .nav li { margin: 0 23px; }

    .custom-navbar-primary .nav li a { padding: 7px 0; }

    .cart-section-rightCol {margin:0 !important;}

    .cart-section-title {max-width:100%;}

    .cart-section-leftCol {float:none !important;}

    p.servicesHint {padding-top:0 !important;}

    .tour-parameters {padding:0 !important;}

    .loginForm-leftCol, .loginForm-rightCol {
        float:none;
        width:100%;
        margin:0;
    }
    #loginForm, #forgotPasswordForm, #registerForm {
        margin-top:10px;
    }
    .checkbox-special-row_register .loginForm-leftCol {
        margin-left:29px;
    }
    .input-group .form-control:first-child.btn-primary {
        padding: 0 10px;
        min-width:0;
    }
    .cabinet-download-document #docDownload {
        float:none;
    }
    .cabinet-download-document > * {
        margin-right:0;
    }
    .cabinet-download-document > div {
        max-width:none;
        width:100%;
        margin-left:0;
    }
    .chat-item {
        float:none !important;
        max-width:none;
        margin:11px 0 22px 0;
    }
    .margin-top-39.maxWidth586 {max-width:none}
    
    .footer .pull-left {
        display: none;
    }
	.margin-top-43,
	.footer .pull-right.margin-top-43	{
		margin-top: 0px!important;
	}
    .footer-phone {
        font-size: 18px;
    }
    .footer-soc li {
        margin: 10px 5px 0 0; 
    }
    .footer .pull-right.margin-right-43 {
        margin-right: 0px!important;
        padding-right: 30px;
        padding-top: 20px;
    }
    .footer .footer-btm-text {
        text-align: center;
        margin-bottom: 20px;
        margin-top: 258px;
        width: 100%;
    }
	.footer-adress {
		padding-top: 20px;
	}
    
    .daterangepicker .calendar table tr:nth-child(2) th {
        line-height: 20px;
    }
    .calendar-table .month,
    .calendar-table .prev.available,
    .calendar-table .next.available {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .daterangepicker_input .input-mini.form-control {
        margin-bottom: 0px;
    }
    .daterangepicker.dropdown-menu.ltr.show-calendar.opensleft {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        left: 14%!important;
    }
    .daterangepicker .calendar-table {
        padding-bottom: 0px;
    }
    
    /*.cabinet-top-row .col-sm-offset-1{
        padding-right: 15px;
        padding-left: 15px;
    }
    .cabinet-top-row .cabinet-top-row_hint-text {
        position: absolute;
    }
    .cabinet-top-row .col-sm-offset-1.col-sm-5 .cabinet-top-row_hint-text {
        position: static;
    }
    .cabinet-top-row {
        padding-top: 16px;
        padding-bottom: 78px;
    }
    .cabinet-top-row .col-sm-5.col-sm-offset-1 .cabinet-pay-row_hint-text {
        margin-top: -94px;
    }
    .cabinet-top-row_order-annul .btn-primary {
        margin-top: 50px;
    }*/

    .cabinet-pay-order-row {
        display: flex;
        flex-direction: column;
    }

    .cabinet-pay-order-row div:last-child {
        order: -1;
    }

    .cabinet-pay-order-row .cabinet-top-row_hint-text {
        margin: 0;
    }

    .cabinet-pay-order-row .btn-primary {
        margin: 12px 0 6px 0;
    }

    .search-form_bg .bg-white {
        height: 170px;
    }
    .search-form_bg .bg-white .custom-checkbox-group {
        height: 170px!important;
    }
    .search-form_bg .clearfix.bg-white {
        height: auto;
    }
    
    .adultsearch {
        width: 50%;
    }
    .childsearch {
        width: 50%;
        position: absolute;
        left: 50%;
        margin-top: -90px;
    }
    .search-form_bg .col-lg-4.col-md-4.col-sm-4.margin-bottom-22 {
        width: 33%;
    }
    .search-form_bg .col-lg-4.col-md-4.col-sm-4.margin-bottom-22:nth-child(2) {
        position: absolute;
        margin-left: 33%;
        margin-top: -59px;
    }
    .search-form_bg .col-lg-4.col-md-4.col-sm-4.margin-bottom-22:nth-child(3) {
        position: absolute;
        margin-left: 66%;
        margin-top: -59px;
    }
    .search-form_bg .col-lg-6.col-md-6.col-sm-6.form-group:first-child {
        width: 45%;
        height: 88px;
    }
    .search-form_bg .col-lg-6.col-md-6.col-sm-6.form-group:nth-child(2) {
        width: 55%;
        height: 88px;
        position: absolute;
        left: 45%;
        margin-top: -115px;
    }
    .search-form_bg .form-group .btn-primary {
        width: 80%;
    }
    
    .dropdown-menu.open {width:100%;}
    .messaging {
        margin-top: -20px;
        padding-bottom: 30px;
    }
    
    /* Cart: tourists */
    .cart-tourist-header {
        background: #f0f0f0;
        color: #505050;
        padding: 8px 4px;
    }
    .cart-tourist-field-header {
        display: block;
        margin-top: 0.5rem;
    }
    .cart-tourist-fields {
        grid-template-columns: 60px 1fr 1fr 1fr;
        grid-template-areas:
        "gender lstname fstname midname"
        ". dob . ."
        ". docheader docheader docheader"
        ". doctype doctype doctype"
        ". docserial docnumber docaux"
        ". citizenheader citizenheader citizenheader"
        ". citizenship citizenship citizenship";
    }

    .cart-tourist-fields.no-middlename {
        grid-template-areas:
        "gender lstname fstname dob"
        ". docheader docheader docheader"
        ". doctype doctype doctype"
        ". docserial docnumber docaux"
        ". citizenheader citizenheader citizenheader"
        ". citizenship citizenship citizenship";
    }
}

@media (max-width: 576px) {
    /* Cart: tourists */
    .cart-tourist-fields {
        grid-template-columns: 60px 1fr 1fr 1fr;
        grid-template-areas:
        "lstname lstname lstname lstname"
        "fstname fstname fstname fstname"
        "midname midname midname midname"
        "dob dob gender ."
        "docheader docheader docheader docheader"
        "doctype doctype doctype doctype"
        "docserial docserial docnumber docnumber"
        "docaux docaux . ."
        "citizenheader citizenheader citizenheader citizenheader"
        "citizenship citizenship citizenship citizenship";
    }
    .cart-tourist-fields.no-middlename {
        grid-template-areas:
        "lstname lstname lstname lstname"
        "fstname fstname fstname fstname"
        "dob dob gender ."
        "docheader docheader docheader docheader"
        "doctype doctype doctype doctype"
        "docserial docserial docnumber docnumber"
        "docaux docaux docaux docaux"
        "citizenheader citizenheader citizenheader citizenheader"
        "citizenship citizenship citizenship citizenship";
    }
}

@media (max-width: 480px) {
    .cabinet-top-row_order-annul .btn-primary {
        width: 100%;
    }
    .cabinet-top-row-table tr td:first-child {
        width: 60%;
    }
}

/* Flight search UI */
@media screen and (max-width: 1650px) {
    #flight-search-ui {
        padding: 0 !important;
    }
    #flight-search-ui > div {
        padding: 0;
        width: 100%;
        max-width: unset;
        margin: 0;
    }
    #flight-search-ui .modal-content {
        margin: 0;
        padding: 20px;
        min-height: 100vh;
    }
    #flight-search-ui .not-found .floater {
        padding-top: 5%;
    }
}
@media screen and (max-width: 1500px) {
    #flight-search-ui .flight-result .additional-variants .alt-variants-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}
@media screen and (max-width: 1350px) {
    #flight-search-ui .flight-result .additional-variants .alt-variants-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
@media screen and (max-width: 1100px) {
    #flight-search-ui .flight-result .additional-variants .alt-variants-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media screen and (max-width: 1000px) {
    #flight-search-ui .flight-result .additional-variants .alt-variants-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}
@media screen and (max-width: 767px) {
    #flight-search-ui .flight-result .additional-variants .alt-variants-grid {
        grid-template-columns: 1fr 1fr;
    }
}
/* Search result */
@media screen and (max-width: 1230px) {
    #flight-search-ui .cost {
        flex-basis: 100%;
        flex-flow: row nowrap;
        justify-content: space-between;
        padding-top: 0;
        align-items: center;
    }
    #flight-search-ui .cost-info {
        flex-flow: row;
        justify-content: start;
    }
    #flight-search-ui .cost .money {
        margin: 0;
        margin-right: 4rem;
    }
    #flight-search-additional-filters {
        width: 300px;
    }
    #flight-search-additional-filters .airlines .header .toolbar {
        font-size: 11px;
    }
}
@media screen and (max-width: 767px) {
    #flight-search-filters {
        padding-left: 14px;
        padding-right: 14px;
    }
    #flight-search-ui .custom-modal-content-title {
        font-size: 24px;
    }
    #flight-search-ui .custom-modal-content-title .dismisser {
        font-size: 32px;
    }
    #flight-search-ui .flight-result {
        border: 0;
        border-top: 4px solid orange;
        padding-bottom: 20px;
    }
    #flight-search-ui .flight-result .indicator {
        /*display: none;*/
    }
    #flight-search-ui .oneway {
        flex-flow: row wrap;
    }
    #flight-search-ui .info {
        flex-basis: 100%;
    }
    #flight-search-ui .main-container {
        padding: 24px 14px 12px 14px;
        flex-basis: 100%;
        margin: 0;
    }
    #flight-search-ui .flight-result .alt-variants {
        padding: 0 6px 12px 6px;
        flex-basis: 100%;
    }
    #flight-search-ui .cost {
        flex-flow: row;
        align-items: center;
        padding: 0 14px 12px 14px;
        width: 100%;
    }
    #flight-search-ui .money {
        display: block;
    }
    #flight-search-ui .cost button {
        min-width: unset;
        padding: 0 20px;
    }
    #flight-search-ui .primary .endpoints {
        display: flex;
    }
    #flight-search-ui .primary .visual {
        flex-basis: 100%;
        order: 9;
    }
    #flight-search-ui .primary .from.clock {
        order: 10;
    }
    #flight-search-ui .primary .to.clock {
        order: 11;
    }
    #flight-search-ui .primary .time {
        font-size: 23px;
        font-weight: normal;
        line-height: 1em;
        letter-spacing: -0.5px;
        color: #3e5969;
    }
    #flight-search-ui .primary .timedate {
        display: none;
    }
    #flight-search-ui .labels {
        margin: 20px 0 0 0;
        display: flex;
        flex-flow: row wrap;
        width: unset;
    }
    #flight-search-ui .labels .reiberu {
        padding-left: 0;
    }
    #flight-search-ui .secondary {
        display: none;
    }
    #flight-search-ui .primary .visual {
        margin: 0;
    }
    #flight-search-ui .primary .visual svg {
        height: 25px;
    }
    #flight-search-ui .primary .visual svg .outer,
    #flight-search-ui .primary .visual svg .top {
        display: none;
    }
    #flight-search-ui .primary .visual svg .marker text {
        display: none;
    }
    #flight-search-ui .primary .visual svg .marker:not(.first):not(.last) {
        display: none;
    }
    #flight-search-ui .primary .visual svg .marker.first circle {
        cx: 4% !important;
    }
    #flight-search-ui .primary .visual svg .marker.last circle {
        cx: 96% !important;
    }
    #flight-search-ui .primary .visual svg .ts-route {
        display: block;
    }
    #flight-search-ui .primary .visual svg .ws-route {
        display: none;
    }
    #flight-search-ui .flight-result .details {
        padding: 12px 14px 24px 14px;
    }
    #flight-search-ui .flight-result .details-container .direction {
        margin-left: 12px;
        margin-right: 12px;
    }
    #flight-search-ui .flight-result .details .vertical {
        position: relative;
        width: 16px;
        margin-right: 12px;
    }
    
    /* Flight search details */
    #flight-search-ui .flight-result .details-container .direction h3 {
        font-size: 16px;
    }
    #flight-search-ui .flight-result .details-container .direction .overall {
        font-size: 16px;
    }

    /* Fetch more button */
    #flight-search-ui .fetch-more button {
        width: 100%;
        box-shadow: 0 2px 0 #bf4704;
    }
}
@media screen and (max-width: 400px) {
    #flight-search-ui .primary .endpoints .chevron .clarify {
        display: none;
    }
    #flight-search-ui .not-found .fa {
        font-size: 192px;
    }
    #flight-search-ui .not-found h5 {
        font-size: 14px;
    }
}

/* Flight search block */
@media screen and (max-width: 1000px) {
    #flight-search-ui .mobile-toolbar {
        display: flex;
    }
    #flight-search-filters .primary-filters {
        flex-flow: row wrap;
        justify-content: space-between;
    }
    #flight-search-filters .direction-group {
        flex-flow: row wrap;
    }
    #flight-search-filters .direction-group > * {
        flex-basis: 49.5%;
    }
    #flight-search-filters .primary-filters .from input {
        border-radius: 0;
    }
    #flight-search-filters .passengers, #flight-search-filters .date {
        flex-basis: 100%;
        margin-top: 8px;
    }
    #flight-search-filters .primary-filters .search {
        display: none;
    }
    #flight-search-filters .secondary-filters .search {
        display: block;
        margin-top: 20px;
    }
    #flight-search-filters .search {
        flex-basis: 100%;
        order: 100;
    }
    #flight-search-filters .search button {
        border-radius: 4px !important;
        width: 100%;
    }
    #flight-search-filters .search label {
        display: none;
    }
    #flight-search-additional-filters-container.open {
        background: #434c585e;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 9998;
        overflow: hidden;
        position: fixed;
        /* transform: translate(100px, 0); */
    }
    #flight-search-additional-filters-container.open .dismisser {
        display: block;
    }
    #flight-search-additional-filters {
        display: none;
    }
    #flight-search-additional-filters-container.open #flight-search-additional-filters {
        display: block;
        background: #fff;
        box-shadow: 4px 0 12px rgba(0, 0, 0, .1);
        padding: 32px 48px;
        width: 400px;
        margin: 0;
        min-height: 100vh;
        max-height: 100vh;
        overflow: auto;
    }
    #flight-search-additional-filters .apply {
        display: block;
    }
}
@media screen and (max-width: 400px) {
    #flight-search-additional-filters {
        padding-left: 30px !important;
        padding-right: 30px !important;
        padding-top: 50px !important;
    }
    #flight-search-ui .cost-info {
        flex-flow: column;
        justify-content: start;
        align-items: start;
        color: #3e5969;
    }
    #flight-search-ui .cost .money {
        margin-right: 1rem;
    }
    #flight-search-ui .cost .money > * {
        font-size: 23px;
        font-weight: bold;
    }
    #flight-search-ui .cost .payment-deadline {
        font-size: 13px;
        margin-top: 4px;
        border-bottom: 1px dashed #9a9a9a;
    }
    #flight-search-ui .cost .payment-deadline img {
        width: 13px;
    }
}
@media screen and (max-width: 599px) {
    #flight-search-filters .direction-group > * {
        flex-basis: 100%;
    }
    #flight-search-filters .to {
        margin-top: 8px;
    }
    #flight-search-ui .flight-result .details .vertical {
        display: none;
    }
    #flight-search-ui .flight-result .details .box {
        padding: 24px 20px
    }
    #flight-search-ui .flight-result .details .class .code {
        display: none;
    }
    #flight-search-additional-filters {
        width: 100% !important;
    }
}