/*min-width*/
@media only screen and (min-width:768px){}
@media only screen and (min-width:992px){}
@media only screen and (min-width:1200px){}
@media only screen and (min-width:1400px){}
@media only screen and (min-width:1500px){}
@media only screen and (min-width:1600px){
    .containerWidth{
        width:50%;
    }
}

/*between*/

@media only screen and (min-width:1400px) and (max-width: 1600px){
    .containerWidth{
        width:60%;
    }
}

/*max-width*/
@media only screen and (max-width:1400px){
    .eventsCharts{width:100%;}
    .actionBoxes{width:100%;margin-right:0;}
    .actionBoxes .innerBox{width:calc(50% - 20px);float:right;}
    .actionBoxes .innerBox + .innerBox{margin-right:40px;    margin-top: 0;}
    body,html{font-size:16px;}
}
@media only screen and (max-width:1200px){
    .eventsCharts{width:100%;}
    .actionBoxes{width:100%;margin-right:0;}

}
@media only screen and (max-width:991px){
    #modal-custom{max-width:670px!important;}
    .actionBoxes .innerBox{width:100%;}
    .actionBoxes .innerBox + .innerBox{margin-right:0px;    }
    .mainContent{width:100%;right:0;}
    .menu_open .mainContent{right:0;width: 100%;}
    .menu_open .mainContent header{right:0;width: 100%;}
    .mainContent header{right:0;width: 100%;}
    .sideMenu{
        right:-270px;
        -webkit-transition: width .5s; /* For Safari 3.1 to 6.0 */
        transition: width .5s;
    }
    .menu_open .sideMenu{
        right:0px;
        -webkit-transition: width .5s; /* For Safari 3.1 to 6.0 */
        transition: width .5s;
    }
}
@media only screen and (max-width:767px){

    #modal-custom{max-width:80%!important;}
    .selectBtn span:not(.profileImg){display: none;}
}
@media only screen and (max-width:599px){
    body,html{font-size:15px;}
    .iziModal .iziModal-content{padding:30px!important;}
}
@media only screen and (max-width:479px){
    body,html{font-size:14px;}
    .inputWrap input, .inputWrap.submitWrap button{height:45px;line-height:45px;}
    .inputWrap + .inputWrap{margin-top: 20px;}
    #modal-custom h2{font-size:1.8rem;line-height:1.8rem;}
}
@media only screen and (max-width:400px){
    #modal-custom h3 svg{display:none;}
    .icon-close{top: -35px;right: -25px;}
    .icon-close svg{width:20px;height:20px;}
}
@media only screen and (max-width:360px){
    .iziModal .iziModal-content{padding:20px!important;}
}

@media only screen and (max-width:900px) and (max-height:1600px) {
    body{
        overflow-x: hidden;
        max-width: 100%;
        cursor: none;
    }
    .kioskNavIcon{
        max-width:200px;
        width:auto;
        max-height:150px;
        height:auto;
    }
    .kioskArrivalStatus{
        position: absolute;
        left: 0;
        width: 25vw;
        background-color: #fff;
        height: 140px;
        bottom: 10vh;
        border-top: 1px solid #88a5a0;
        border-right: 1px solid #88a5a0;
        margin-bottom: -1px;
        font-size: 32px;
        z-index: 10;
    }
    .kioskArrivalStatus ul li+li{
        border-top: 1px solid rgba(136, 165, 160, 0.47);
    }

    main.kioskComp {
        background: url("../images/kiosk_innerBg.png") center center no-repeat;
        background-size: cover;
        min-height: 100%;
        text-align: center;
        position: relative;
    }
    .kioskComp .topFlo{
        margin-top: -54px;
        background: url(../images/flo_top.png) center center no-repeat;
        width: 475px;
        height: 172px;
        display: inline-block;
    }
    .kioskComp h1{
        font-size: 85px;
        color:#474747;
        font-weight: 700;
        font-style: italic;
        margin-top: 10px;
    }
    .kioskComp .mainImgWrap{
        margin-top: 50px;
        position: relative;
    }
    .kioskComp .mainImgWrap:before{
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: url(../images/frame.svg) center 35% no-repeat;
        background-size: 83%;

    }
    .kioskComp .mainImgWrap:after{
        content: "";
        position: absolute;
        bottom: -75px;
        right: 50%;
        transform: translate(50%,0);
        width: 586px;
        height: 350px;
        background: url(../images/flo_bottom.png) center center no-repeat;

    }
    .kioskComp .mainImgWrap img{
        height: 44vh;
        max-width: 100vw;
    }
    .kioskComp .actionsWrap{
        text-align: center;
        margin-top: 23%;
    }
    .kioskComp .actionsWrap a{
        display: inline-block;
    }
    .kioskComp .actionsWrap a span{
        display: block;
        text-align: center;
        margin-top: 15px;
    }
    .kioskComp .actionsWrap a+a{
        margin-right: 135px;
    }
    .kioskComp .actionsWrap a.myPlace svg{
        margin-right: -70px;
    }
    .kioskComp .actionsWrap a.tableOrder svg{
        margin-left: -70px;
    }
    .kioskComp .bottomMenuWrap{
        background: #fff;
        border-top:1px solid #88a5a0;
        position: absolute;
        bottom:0;
        right:0;
        width: 100%;
        padding: 15px 30px;
    }
    .kioskComp .actionsWrap a span{
        font-weight: 700;
        font-size: 26px;
        color:#464646;
    }
    .kioskComp .bottomMenuWrap svg{
        margin: 10px;
        display: inline-block;
        vertical-align: middle;
    }
    .kioskComp .adminEnt svg{
        width: 45px;
        height:59px;
        fill:#9bbca7;

    }
    .kioskComp .changeLang svg{
        width:52px;
        height:52px;
        fill:#e5a1a8;
    }
    .kioskComp .bottomMenuWrap span{
        color:#353535;
        font-size: 23px;
        display: inline-block;
        vertical-align: middle;
    }

    .kioskComp .bottomLogo img{
        width: 131px;
        display: inline-block;
    }
    .kioskComp .bottomMenuWrap button{
        display: inline-block;
        vertical-align: middle;
        margin-right: -4px;
    }
    .kioskComp .changeLang{
        width: 25%;
        text-align: right;
    }
    .kioskComp .bottomLogo{
        width: 50%;
        text-align: center;
    }
    .kioskComp .adminEnt{
        width: 25%;
        text-align: left;
    }
    .kioskComp a:hover, .kioskComp a:focus{
        text-decoration: none;
    }
}


@media only screen and (max-width:900px) and (max-height:1600px) {
    body{
        overflow-x: hidden;
        max-width: 100%;
        cursor: none;
    }
    .kioskMyPlace main{
        background: url("../images/kiosk_innerBg.png") center center no-repeat;
        background-size: cover;
        min-height: 100%;
        text-align: center;
        position: relative;
    }
    .kioskMyPlace .topFlo{
        margin-top: -54px;
        background: url(../images/flo_top.png) center center no-repeat;
        width: 475px;
        height: 172px;
        display: inline-block;
    }
    .kioskMyPlace h1{
        font-size: 54px;
        color:#474747;
        font-weight: 700;
        font-style: italic;
        letter-spacing: 7px;
        margin-top: -10px;
        margin-bottom: 30px;
    }
    .kioskMyPlace .mainImgWrap {
        margin-top: 45px;
        position: relative;
        height: 48vh;
        text-align: center;
        padding: 77px 50px;
    }
    .kioskMyPlace.kioskGuest .mainImgWrap {
        margin-top: 45px;
        position: relative;
        height: 53vh;
        text-align: center;
        padding: 77px 50px;
    }
    /* .mainImgWrap *{
         position: relative;
         z-index: 2;
     }*/

    .kioskMyPlace .mainImgWrap:before{
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: url(../images/frame_2.svg) center 35% no-repeat;
        z-index: 0;
    }
    .kioskMyPlace .mainImgWrap h2{
        color:#4c4c4c;
        font-size: 63px;
        margin: 10px auto;
    }
    .kioskMyPlace .mainImgWrap h3{
        font-size: 42px;
        color:#c67074;
        font-weight: 700;
    }
    .kioskMyPlace .mainImgWrap .peopleAmount{
        margin: 20px 0 30px;
    }
    .kioskMyPlace .mainImgWrap .peopleAmount span{
        color:#8b8b8b;
        font-size: 23px;
        font-weight: 300;
        display: inline-block;
        vertical-align: middle;
    }
    .kioskMyPlace .mainImgWrap .peopleAmount svg{
        width:25px;
        height:28px;
        fill:#8b8b8b;
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }
    .kioskMyPlace .mainImgWrap h4{
        font-size: 30px;
        font-weight: 700;
        color:#4c4c4c;
    }
    .kioskMyPlace .mainImgWrap .tableNumber{
        color:#769490;
        font-size: 113px;
        letter-spacing: -12px;
        padding-right: 5px;
    }
    .kioskMyPlace .mainImgWrap .decorate_1:before{
        content: "";
        width: 416px;
        height: 248px;
        background: url(../images/flo_bottom.png) center center no-repeat;
        display: block;
        margin: -131px auto 40px;
    }
    .kioskMyPlace .mainImgWrap .printBtn{
        width: 380px;
        height: 76px;
        border-radius: 38px;
        background: #fff;
        border:2px solid #f5bec6;
        text-align: center;
        line-height: 72px;
        display: block;
        margin: 0 auto;
    }
    .kioskMyPlace .mainImgWrap .printBtn span{
        display: inline-block;
        vertical-align: middle;
        font-size: 28px;
        font-weight: bold;
        color:#4d4d4d;
    }
    .kioskMyPlace .mainImgWrap .printBtn svg{
        display: inline-block;
        vertical-align: middle;
        width: 48px;
        height:41px;
        fill:#4d4d4d;
        margin-left: 15px;

    }
    .kioskMyPlace .mainImgWrap .bottomLink{
        font-style: italic;
        color:#6e6e6e;
        text-decoration: underline;
        font-size: 23px;
        padding: 20px;
        display: inline-block;
    }
    .kioskMyPlace .dottedCircle{
        width: 147px;
        height:147px;
        border-radius: 50%;
        border:2px dotted #f5bec6;
        background: #fff;
        margin: 0 auto;
    }
    .kioskMyPlace .actionsWrap{
        text-align: center;
        margin-top: 40px;
    }
    .kioskMyPlace .actionsWrap a{
        display: inline-block;
    }
    .kioskMyPlace .actionsWrap a span{
        display: block;
        text-align: center;
        margin-top: 15px;
    }
    .kioskMyPlace .actionsWrap a+a{
        margin-right: 135px;
    }
    .kioskMyPlace .actionsWrap a.myPlace svg{
        margin-right: -70px;
    }
    .kioskMyPlace .actionsWrap a.tableOrder svg{
        margin-left: -70px;
    }
    .kioskMyPlace .bottomMenuWrap{
        background: #fff;
        border-top:1px solid #88a5a0;
        position: absolute;
        bottom:0;
        right:0;
        width: 100%;
        padding: 15px 30px;
    }
    .kioskMyPlace .actionsWrap a span{
        font-weight: 700;
        font-size: 26px;
        color:#464646;
    }
    .kioskMyPlace .bottomMenuWrap svg{
        margin: 10px;
        display: inline-block;
        vertical-align: middle;
    }
    .kioskMyPlace .adminEnt svg{
        width: 45px;
        height:59px;
        fill:#9bbca7;

    }
    .kioskMyPlace .changeLang svg{
        width:52px;
        height:52px;
        fill:#e5a1a8;
    }
    .kioskMyPlace .bottomMenuWrap span{
        color:#353535;
        font-size: 23px;
        display: inline-block;
        vertical-align: middle;
    }

    .kioskMyPlace .bottomLogo img{
        width: 131px;
        display: inline-block;
    }
    .kioskMyPlace .bottomMenuWrap button{
        display: inline-block;
        vertical-align: middle;
        margin-right: -4px;
    }
    .kioskMyPlace .changeLang{
        width: 25%;
        text-align: right;
    }
    .kioskMyPlace .bottomLogo{
        width: 50%;
        text-align: center;
    }
    .kioskMyPlace .adminEnt{
        width: 25%;
        text-align: left;
    }
    .kioskMyPlace .backBtn{
        width:100%;
        padding:27px;
        background: #fff;
        text-align: center;
        margin-top: 25px;
    }
    .kioskMyPlace .backBtn span{
        color:#769490;
        font-size: 35px;
        font-weight: 700;
        display: inline-block;
        vertical-align: middle;
    }
    .kioskMyPlace .backBtn svg{
        width:60px;
        height:39px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 20px;
    }
    .kioskMyPlace .dottedCircle svg.i_table{
        width: 79px;
        height:143px;
        fill:#646464;
    }
    .kioskMyPlace .dottedCircle svg.i_home{
        width: 63px;
        height:143px;
        fill:#929292;
    }
    .kioskMyPlace .dottedCircle svg.i_myplace{
        width: 74px;
        height:143px;
        fill:#929292;
    }
    .kioskMyPlace a.active .dottedCircle{
        background:#e5a1a8;
    }
    .kioskMyPlace a.active .dottedCircle svg{
        fill:#fff;
    }
    .kioskMyPlace .inputWrap.searchWrapper{
        width:90%;
        margin:0 auto;
    }
    .kioskMyPlace .inputWrap.searchWrapper input{
        padding-left: 100px;
        padding-right: 30px;
        height: 100px;
        line-height: 96px;
        border-radius: 51px;
        border: 2px solid #e5a1a8;
        background: #FFF;
        color:#8b8b8b;
        font-weight: 700;
        font-style: italic;
        font-size: 28px;
        font-weight: 700;
    }
    .kioskMyPlace .inputWrap.searchWrapper input::-webkit-input-placeholder{color:#8b8b8b;}
    .kioskMyPlace .inputWrap.searchWrapper input:-moz-placeholder{color:#8b8b8b;}
    .kioskMyPlace .inputWrap.searchWrapper .searchEvent{
        position: absolute;
        top: calc(50% - 20px);
        left: 30px;
    }
    .kioskMyPlace .inputWrap.searchWrapper .searchEvent svg{
        fill: #293b5a;
        width: 50px;
        height: 50px;
        display: block;
    }
    .kioskMyPlace .listWrap.scrollerWrap{
        height: 39vh;
    }

    .kioskMyPlace .listWrap ul{
        padding:0 40px;
    }
    .kioskMyPlace .listWrap ul li + li{
        border-top:1px solid #bebebe;
    }
    .kioskMyPlace .listWrap ul li{
        padding: 25px 30px;
        font-size: 28px;
        color:#6d6c6c;
        font-weight: 700;
        text-align: right;
    }
    .kioskMyPlace .listWrap ul li.active{
        color:#fff;
        background: #f4a9ae;
    }
    .kioskMyPlace .mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools, .kioskMyPlace .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{
        right:45px;
        left:auto;
    }
    .kioskMyPlace .mCS-dir-rtl:not(.mCS_no_scrollbar)>.mCSB_inside>.mCSB_container{
        margin-right: 60px;
        margin-left: 0px;
    }
    .kioskMyPlace .mCSB_scrollTools .mCSB_draggerRail{
        width: 12px;
        background-color: #dddddd;
    }
    .kioskMyPlace .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
        width: 12px;
        background-color: #809c96;
    }
    .kioskMyPlace .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .kioskMyPlace .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .kioskMyPlace .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
        background-color: #809c96;
    }
    .kioskMyPlace #keyboard{
        width: 100%;
        position: fixed;
        bottom:0;
        right:0;
        background: rgba(118,117,117,0.83);
        /*padding: 10px 0 20px;*/
        height: 0;
    }
    .kioskMyPlace .jkeyboard .jline ul li{
        border-color: #ededed!important;
        background-color: #ededed!important;
        color:#676767;
    }
    .kioskMyPlace .jkeyboard .jline .return{
        background-color: #f0999f!important;
        border-color: #f0999f!important;
        color:#fff;
        font-weight: 700;
        font-size: 28px;
    }
    .kioskMyPlace .jkeyboard .jline ul li.backspace{
        background: url(../images/shift_w.png) no-repeat center center;
        background-size: 45px;
        background-color: #f0999f!important;
        border-color: #f0999f!important;
    }
    .kioskMyPlace .jkeyboard .jline .space{
        color:#f0999f;
        font-size: 28px;
        font-weight: 700;
    }
    .kioskMyPlace .jkeyboard .jline .character_switch, .kioskMyPlace .jkeyboard .jline .numeric_switch{
        background-color: #7f9b95!important;
        border-color: #7f9b95!important;
        color:#fff;
    }
    .kioskMyPlace .jkeyboard .jline .layout_switch{
        background: url(../images/locale_w.png) no-repeat center center;
        background-size: 43px;
        border-color: #7f9b95!important;
        background-color: #7f9b95!important;
    }

    .kioskMyPlace .scrollerWrap{
        width: 88.5% !important;
        position: absolute!important;
    }

}

@media only screen and (min-height:1350px) and (max-height:1370px) {
    body{
        overflow-x: hidden;
        max-width: 100%;
        cursor: none;
    }
    .kioskComp .actionsWrap{
        text-align: center !important;
        margin-top: 18% !important;
    }
    .actionsWrap svg {
        height: 200px;
    }
    .kioskMyPlace.kioskGuest .mainImgWrap {
        height:47vh;
    }
    .kioskMyPlace.kioskGuest .mainImgWrap .decorate_1:before{
        display: none;
    }
    .kioskMyPlace.kioskGuest .mainImgWrap .decorate_1{
        margin-top:-51px
    }
    .kioskMyPlace .mainImgWrap .tableNumber{
        font-size: 67pt;
        margin-bottom: 33px;
    }
    .kioskMyPlace .mainImgWrap .peopleAmount{
        margin-bottom: 6px;
    }
    .kioskPrintTable .listSum{
        margin-top: 27vh !important;
    }
    .kioskMyPlace.kioskPrintTable .listWrap.scrollerWrap{
        height: 26vh !important;
    }
    .kioskMyPlace.kioskTablesPreset .mainImgWrap{
        height: 58vh !important;
    }
}

.kioskMyPlace .actionsWrap{
    margin-top: 4%!important;
}

#keyboard.open{
    padding: 10px 0 20px;
    height: auto;
}

.kioskComp .mainContent{
    padding-top: 0!important;
}
.kioskGuest .mainImgWrap:after{
    background: none;
}

.kioskMyPlace .mainImgWrap::after{
    display: none;
}

.kioskPrintTable h1{
    font-size: 36px !important;
    color:#c67074 !important;
    font-weight: 700 !important;
    margin-top: 20px !important;
    margin-bottom: 0px !important;
    font-style: normal !important;
    letter-spacing: unset !important;
}
.kioskPrintTable h1 span{
    display: inline-block !important;
    vertical-align: middle !important;
}
.kioskPrintTable h1 span + span{
    color:#4c4c4c !important;
    font-weight: 400 !important;
    letter-spacing: 7px !important;
    font-size: 54px !important;
    margin-right: 10px !important;
}

.kioskPrintTable .listSum{
    width: 92%;
    background: #fff;
    padding: 15px;
    margin-top: 30vh;
    margin-right: 4%;
}
.kioskPrintTable .listSum ul{
    text-align: center;
}
.kioskPrintTable .listSum ul li{
    width: 32%;
    display: inline-block;
    vertical-align: middle;
}
.kioskPrintTable .listSum ul li + li{
    border-right: 1px solid #c9c9c9;
}
.kioskPrintTable .listSum ul li .topLabel{
    color:#f4a9ae;
    font-weight: 700;
    font-size: 28px;
}
.kioskPrintTable .listSum ul li .bottomLabel{
    color:#4e4e4e;
    font-style: italic;
    font-size: 28px;
}
.kioskPrintTable .printBtn{
    margin-top: 6px !important;
}
.kioskMyPlace.kioskPrintTable .listWrap.scrollerWrap{
    height: 29vh;
}

.kioskMyPlace.kioskPrintTable .peopleAmount{
    float: left;
}
.kioskMyPlace.kioskPrintTable .mainImgWrap .peopleAmount{
    margin: unset!important;
}

.kioskMyPlace.kioskPrintTable .actionsWrap{
    margin-top: 2%!important;
}

.kioskMyPlace.kioskTablesPreset .mainImgWrap{
    height: 61vh;
}
.kioskMyPlace.kioskTablesPreset .mainImgWrap:before{
    display: none;
}
@media only screen and (max-width:769px) and (max-height: 1025px) {
    .kioskComp h1{
        font-size: 85px;
    }
    .kioskMyPlace h1{
        font-size: 45px !important;
    }
    .kioskComp .mainImgWrap{
        margin-top: 13px;
    }
    .kioskComp .mainImgWrap img{
        height: 41vh;
        background-size: contain;
    }
    .kioskComp .actionsWrap{
        margin-top: 5%;
    }
    .kioskComp .actionsWrap a svg{
        height:120px;
        width:190px;
    }
    .kioskComp .actionsWrap a span{
        font-size: 18px;
    }
    .kioskMyPlace .inputWrap.searchWrapper input{
        height:66px;
        line-height: unset;
        vertical-align: middle;
    }
    .kioskMyPlace .listWrap.scrollerWrap{
        width: 62.5% !important;
        margin-right: 102px;
        margin-top: -43px;
    }
    .kioskMyPlace .mainImgWrap{
        height: 46vh;
    }
    .kioskMyPlace .actionsWrap a svg{
        height: 30px !important;
        margin-top: 20px !important;
    }
    .kioskMyPlace .actionsWrap a span{
        font-size: 18px;
    }
    .kioskMyPlace .dottedCircle{
        height:75px !important;
        width:75px !important;
    }
    .kioskMyPlace .dottedCircle svg.i_table{
        margin-right: -3px!important;
    }
    .kioskMyPlace .backBtn span{
        font-size: 25px!important;
    }
    .kioskMyPlace .backBtn svg{
        width: 45px!important;
        height: 28px!important;
    }
    .kioskMyPlace .backBtn{
        margin-top: 0px
    }
    .kioskMyPlace.kioskGuest .mainImgWrap{
        margin-top: 8px;
        height: 45vh !important;
    }
    .kioskMyPlace.kioskGuest .mainImgWrap{
        padding-top: 4px !important;
    }
    .kioskMyPlace .mainImgWrap h2{
        font-size: 40px!important;
        margin-bottom: 3px!important;
    }
    .kioskMyPlace .mainImgWrap h3{
        line-height: 20px;
    }
    .kioskMyPlace .decorate_1{
        display: none;
    }
    .kioskMyPlace .mainImgWrap .tableNumber{
        font-size: 70px !important;
    }
    .kioskMyPlace.kioskPrintTable h1{
        font-size: 30px!important;
            line-height: 30px;
    }
    .kioskPrintTable h1 span + span{
        font-size: 30px!important;
            line-height: 30px;
    }
    .kioskPrintTable .mainImgWrap{
        height: 38vh !important;
    }
    .kioskPrintTable .listSum{
        margin-top: 32vh!important;
        padding: 2px!important;
    }
    .kioskPrintTable .listSum ul li .bottomLabel{
        font-size: 20px !important;
    }
    .kioskMyPlace .mainImgWrap .printBtn{
        display: none!important;
    }
    .kioskMyPlace.kioskPrintTable .actionsWrap{
        padding-top: 13%!important;
    }
    .kioskTablesPreset .ulamLayoutWrapper{
        margin-top: -102px;
    }
    .kioskTablesPreset .actionsWrap{
        z-index: 999999999;
        position: absolute;
        text-align: center;
        width: 100%;
        padding-top: 43px;
    }
    .kioskMyPlace .mainImgWrap h3{
        font-size: 35px;
    }
}