@media screen and (max-width: 1280px) {
.hp-image-structure {
padding: 0px 0 15px;
}
.leftsearch, .rightsearch, .centersearch {
left: 0;
transform: translate(0%, 0%);
}
.leftsearch .moduletable, .rightsearch .moduletable, .centersearch .moduletable {
width: 60% !important;
}
.h-search {
position: relative;
}
.vbo-search-submit {
margin-left: 0;
} #menumob-btn-ico {
display: block;
}
.menumob-btn {
display: block;
float: right;
display: inline-block;
margin: 25px 15px 0;
padding: 10px;
background:#fff;
border:1px solid #222;
}   
#head-top-part .menumob-btn {
background-color:rgba(0,0,0,.8); 
border:0;
}
#menutitlemob {
cursor: pointer;
display: inline-block;
padding: 5px 10px 5px 10px;
color: #fff;
width: 21px;
height: 18px;
margin: 0 35px 0 25px;
border:0;
}
#tbar-logo {
margin-left: 10px;
}
#mainmenu, #tbar-user {
display: none;
float: none;
text-align: left;
background: #414141;
}
#form-login-remember label {
float: none;
padding-left: 0;
}
.vikcs-link {
display: none;
}
.menumobile .mainmenu-items .l-inline li > .l-block {
top: 34px;
}
.menumobile .mainmenu-items .moduletable ul > li > a,
.menumobile .mainmenu-items .moduletable ul > li > span {
color: #fff !important;
}
#mainmenu .menumobile > .mainmenu-items > .spt-menu {
margin: 15px 0 0 !important;
}
.menumobile .loginmenu {
display: block;
float: none;
}
.menumobile .loginmenu h3 {
padding: 5px;
margin: 10px 0 10px 0;
}
.menumobile .loginmenu #login-form {
top: 30px;
}
.fx-menu-slide {
animation: none !important;
-webkit-animation: none !important;
border-bottom: 0;
height: auto;
position: inherit;
top: 0;
z-index: 100000;
}
.fx-menu-slide #tbar-logo .moduletable img {
width: auto;
} }
@media screen and (max-width: 1160px) {
.search-horizontal h3 {
margin: 0;
padding: 0;
}
}
@media screen and (max-width: 1080px) { 
.vbo-horizsearch-dpicker-cont {
width: 100%;
right: 0;
}
}
@media screen and (max-width: 1024px) { 
.vikicons-item {
width: 50%;
float: left;
}
.vbmodhorsearchcategoriesblock {
width: 100%;
}
.vbsearchinputmodhors {
margin-left: 0;
}
.vbo-rdet-info-room .vbo-rdet-descprice-block, .vbo-rdet-info-room .room_carats {
width: 100%;
}
.vbo-rdet-info-room .room_carats h3 {
margin:13px 20px 10px 0;
}
}
@media screen and (max-width: 980px) {
.vbrdetboxtop .room_carats, .vbrdetboxtop .vbo-rdet-descprice-block {
width: 100% !important;
}
.vbrdetboxtop .room_carats h3 {
margin: 7px 10px 0 0 !important;
}
.vbo-results-head > div {
flex: 1;
}
}
@media screen and (max-width: 900px) {
.vbo-promotion-bottom-block {
width: 60%;
}
.vbo-promotion-inn-info {
width: 38%;
}
.vbo-promotion-room-block {
width: 49%;
}
.offline-cc-overlay-inner {
width: 80%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
}
@media screen and (max-width: 860px) {
.vbo-room-details-booking-wrapper .vbo-search-submit {
margin-left: 0;
}
.vbo-room-details-booking-wrapper .vbo-search-num-aduchild-block {
margin-right: 20px;
}
.vbdialog-left, .vbdialog-right  {
width: 100%;
}
.vbdialogrimage img {
text-align: center;
}
#vbdialogrimage {
max-width: 50%;
}
.vbo-showprc-option-entry-name {
width: 50%;
}
.vbo-promotion-room-block {
flex: 0 0 49%;
}
.vblist .room_result .vbcontdivtot, .room_item .vbcontdivtot {
width: 100% !important;
}
}
@media screen and (max-width: 800px) {
#mainmenu .loginmenu h3 {
padding: 6px 5px !important;
}
#mainmenu .e4jsign h3 {
background-position: left top;
}
#mainmenu .l-inline li .l-block > div {
background: transparent !important;
margin: 0 !important;
}
.contact-address > dl {
width: 100%;
}
.contact-address dd {
margin-left: 30px;
padding: 5px 0;
}
.vikthumbnail-grid figure {
width: 50%;
}
.e4j-newslett .e4j-float-left {
margin-right: 2em;
}
.vbo-sel span {
width: 90%;
}
.vb-search-inner .vbo-sel {
width: 55px;
}
.vbvordroominfo {
width: 50%;
}
.vbo-room-details-booking-wrapper .vbo-sel span {
width: 51%;
}
.vbo-search-mainview .vbo-search-roomnum {
text-align: left;
}
.vbo-availability-controls .vbo-sel span {
width: 80%;
}
.vbo-search-mainview .vbo-sel span {
width: 51%;
}
select, select option {
background-color: transparent;
}
.vbo-results-head > div > i {
text-align: center;
width: 100%;
margin: 5px 0 7px;
}
.vbo-results-head > div > .vbo-results-head-det {
width: 100%;
text-align: center;
}
.vbo-search-num-aduchild-entry {
margin: 0 0 10px 10px;
}
.vbo-booking-roomphoto {
flex: 0 0 100%;
}
.vbo-booking-rooms-wrapper .vbordroomdet {
margin: 10px 0 0;
}
.vbo-booking-rooms-wrapper .vbordroomdetpeople {
padding-bottom: 5px;
}
.cnt-flex {
flex-wrap: wrap;
}
#sidebar-footer .cnt-flex > .widget {
flex: 40%;
}
#sidebar-footer .nwidg-one > .widget {
flex-basis: 100%;
}
}
@media screen and (max-width: 715px) {
#tbar-logo {
width: auto;
}
#tbar-logo img {
max-width: 300px !important;
}
#main, .slide-text {
float: none;
width: 100% !important;
left: 0 !important;
}
aside {
float: none;
width: 100% !important;
}
.grid-box {
float: none;
}
.sidebar {
width: 100%;
}
.sidebar .grid-module,
#module-box1 .grid-module,
footer .grid-module,
#subcontent .grid-module,
#upcontent .grid-module,
#module-box2 .grid-module {
width: 100% !important;
float: left;
}
#sidebar-left {
left: 0 !important;
}
#sidebar-right {
left: 0 !important;
}
#tbar-logo,
#tbar-logo-center {
display: inline-block;
position: relative;
}
#tbar-user .moduletable,
#tbar-user .moduletable_menu {
float: none;
width: 100%;
}
#tbar-user .moduletable:last-child,
#tbar-user .moduletable_menu:last-child {
margin: 0;
}
#mainmenu {
width: 100%;
}
#mainmenu .l-inline {
margin: 5px 0 0;
}
.blog .cols-3 .items-div-blog {
width: 96%;
}
.slogan-content .slogan-dx,
.slogan-content .slogan-sx {
display: none;
}
.slogan-content .slogan-mdl {
width: 100%;
}
.hor-search .vrisfentrymod {
border:0;
padding-left: 10px;
}
.vikicons-item {
width: 100%;
float: none;
}
.vikcnt_left .vikgm_cnt_container, .vikcnt_right .vikgm_cnt_container {
width: 100%;
position: relative;
top: 0 !important;
left: 0 !important;
transform: translate(0, 0) !important;
height: auto !important;
}
.vbo-showprc-option-entry-name {
width: 92%;
}
.vbo-booking-details-midcontainer > .vbo-booking-details-actions {
flex: 50%;
}
}
@media screen and (max-width: 690px) {
.vbo-sel span {
width: 80%;
}
.full-featured .featured-container-img {
background-attachment: initial;
}
}
@media screen and (max-width: 660px) {
.vikwallimage-inner {
height: auto;
padding-bottom:20px;
}
.e4j-newslett .e4j-float-left {
width: 100%;
text-align: center;
}
.custom-newsletter input[type^="text"] {
margin:0 auto 5px;
}
.e4j-newslett .e4j-float-right {
width: 100%;
}
.vbroomimgdesc .vikfx-thumbslide-container {
width: 100% !important;
max-width: inherit;
margin-bottom:20px;
}
.vbroomimgdesc .vbo-showprc-info-room > * {
width: 100%;
margin-left: 0;
}   
.vbo-promotion-room-block {
width: 100%;
}
.room_description_box, .vbo-showprc-room-block .room_description_box {
margin-left: 0 !important;
width: 100%;
}
.vbo-promotion-dates-right i {
display: none;
}
.vbo-promotion-room-block {
flex: 0 0 100% !important;
}
.vbdivsearch select {
width: 100% !important;
}
.bloglist-layout > div {
flex: 100%;
}
.bloglist-layout > .img-thumbnail {
max-width: 100%;
}
.vbo-showprc-roomname {
float: none;
width: 100%;
}
}
@media screen and (max-width: 580px) {
.vbo-horizsearch-humanformat-wrap .hasDatepicker {
left: 0;
}
.vbo-results-head > div {
flex: 100%;
}
.vikqt_box .vikqt_desc {
padding: 0;
}
.vikqt-quotes {
display: none;
}
.homepage-page-img img {
padding: 0px 0 15px;
}
.wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-textarea {
width: 100%;
}
#sidebar-footer .cnt-flex > .widget {
flex: 0 0 100%;
}
}
@media screen and (max-width: 550px) {
.vbo-room-details-booking-wrapper .vbo-search-num-aduchild-block {
margin-right: 0;
}
.vbo-search-num-aduchild-block {
margin-right: 0;
margin-top: 15px;
}
.vbo-search-num-aduchild-block .vbo-search-roomnum {
text-align: left;
}
.group-contact-left, .group-contact-right {
width: 100%;
}
.vikthumbnail-grid figure {
width: 100%;
}
.category-module li {
width: 100%;
}
.pull-left, .pull-right {
float: none;
display: table;
margin: 15px auto;
}
.vbimglistdiv {
width: 100%;
}
.roomlist_carats .vbulcarats {
position: relative;
}
.vbo-results-head > .vbo-results-numadults {
margin-left: 0;
}
.vbo-showprc-option-entry-name {
text-align: center;
width: 100%;
}
.vbo-showprc-option-entry-cost {
width: 100%;
}
.vbo-showprc-option-entry-input {
width: 100%;
text-align: center;
}
.vbo-showprc-option-entry-input > * {
float: none;
}
.vbo-showprc-option-entry-img {
text-align: center;
}
.vbo-showprc-optionstable .vbo-showprc-option-entry {
padding: 0 0 20px;
}
.vbo-showprc-optionstable .vbo-showprc-option-entry > div {
text-align: center;
margin:5px 0;
}
.vbo-sel span {
width: 78%;
}
.vbo-search-num-racblock .vbo-sel span {
width: 50%;
}
.vbvordroominfo {
width: 100%;
}
.vbo-promotion-bottom-block, .vbo-promotion-inn-info {
width: 100%;
}
.vbo-showprc-optionstable .vbo-showprc-option-entry {
flex: 0 0 100%;
}
.vbo-promotion-dates {
flex: 0 0 100% !important;
order: 0 !important;
}
.vbo-booking-details-midcontainer > div {
flex: 0 0 100%;
}
.vbvordroominfo {
flex: 0 0 100%;
}
.vbdialog-inner {
top: 5%;
width: 90%;
}
.vbo-stepbar li {
width: 50%;
}
.vbmodhorsearchmaindiv form > div {
width: 100%;
display: inline-block;
margin-right: 0 !important;
}
.vbmodhorsearchrac .vbmodhorsearchroomsel {
width: 100%;
}
.vbmodhorsearch_selfield {
width: 100%;
}
.vbmodhorsearchrac .horsanumsel, .vbmodhorsearchrac .horscnumsel, .vbhsrnselsp, .vbhsrcselsp {
flex: 1;
}
.vbmodhorsearchcategoriesblock .vbhsrcselsp, .vbmodhorsearchroomsel .vbhsrcselsp {
width: 90%;
}
.vbmodhorsearchrac .horsanumsel select, .vbmodhorsearchrac .horscnumsel select, .vbhsrnselsp select, .vbhsrcselsp select {
width: 100%;
max-width: 100%;
padding: 5px 0 5px 7px !important;
}
.vbmodhorsearchrac .vbmodhorsearchroomdentr {
width: 100%;
margin-top: 10px;
}
.vbmodhorsearchrac > .vbmodhorsearchroomdentr > * {
display: flex;
}
.vbmodhorsearchroomdentr .horsanumdiv, .vbmodhorsearchroomdentr .horscnumdiv {
flex: 1;
}
.vbmoreroomscontmod > div {
width: 100%;
}
.vbmoreroomscontmod > div .vbmodhorsearchroomdentr {
display: flex;
}
.vbmoreroomscontmod > div .vbmodhorsearchroomdentr .horsanumdiv {
display: flex;
}
.vbmoreroomscontmod > div .vbmodhorsearchroomdentr .horsanumdiv .vbmodhorsearch_selfield {
flex: 1;
}
.vbmodhorsearchtotnights {
padding-top: 10px;
}
.vbsearchinputmodhors {
width: 100%;
}
.vbo-horizsearch-standardformat-wrap.vbmodhorsearchmaindiv  form > div {
margin: 0 0 10px 0 !important;
}
.vbo-horizsearch-standardformat-wrap .vbmodhorsearchrac {
flex-wrap: wrap;
}
.vbo-horizsearch-standardformat-wrap .vbo-horizsearch-numnights-inner {
margin-top: 0 !important;
}
.vbmodhorsearchmaindiv .vbsearchinputmodhors {
margin-left: 0 !important;
}
.vbmoreroomscontmod .horscnumdiv {
margin-right: 12px !important;
}
.vbmodhorsearchmaindiv .input-group {
display: flex;
}
.vbmodhorsearchmaindiv .input-group input {
flex: 1;
}
.vbmodhorsearchmaindiv .input-group i {
width: 32px;
}
.vbmodhorsearchrac .vbmodhorsearchroomsel {
margin-right: 0;
}
.vbmodhorsearchrac .horscnumdiv {
margin-right: 0;
}
.vbmoreroomscontmod > div .vbmodhorsearchroomdentr .horsanumdiv {
margin-right: 0 !important;
}
.vbmoreroomscontmod > div .vbmodhorsearchroomdentr .horsanumdiv > .horscnumdiv {
margin-right: 0 !important;
margin-left: 12px !important;
}
.bottomsearch .vbo-horizsearch-standardformat-wrap.vbmodhorsearchmaindiv form > div {
margin-right: 0 !important;
}
.vbmodhorsearchrac > .vbmodhorsearchroomdentr > * {
flex-wrap: wrap;
}
.vbo-horizsearch-standardformat-wrap.vbmodhorsearchmaindiv form > .vbmodhorsearchbookdiv {
margin-top: 8px !important;
}
#fullbox .vikwp_qt-box .vikwp_qt-desc {
font-size: 18px;
line-height: 1.2em;
}
.entry-header {
width: 100%;
word-wrap: break-word !important;
}
}
@media screen and (max-width: 500px) {
.ui-datepicker.ui-datepicker-multi {
left: 0 !important;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 100% !important;
}    
}
@media screen and (max-width: 400px) {
.sidebar .grid-module,
#module-box1 .grid-module,
footer .grid-module,
#subcontent .grid-module,
#upcontent .grid-module,
#module-box2 .grid-module {
width: 100% !important;
float: left;
}
.logorounded {
background: transparent;
}
#sidebar-footer .widget {
flex: 0 0 100%;
}
} @media only screen and (min-width: 1224px) {
.loginmenu .e4jaccountmanagercont {
left: auto;
right: 0;
}
}
} .vikcs-slide h2 {
font-size: 2em;
top: 9%;
}
/*****
@media screen and (max-width: 1400px) {
.leftsearch, .rightsearch, .centersearch {
top: 1vw;
}
}
@media screen and (max-width: 1024px) { .upmenu-content, .slide-text, #upfullbox .moduletable, .ext-main-desc-innerm, main, #subcontent .grid-block .moduletable,
.vikwallimage-desc .moduletable, #foot-cont, #subfoot-cont, #lmpart, #submenu, .module-fullwidth-cont, .module-centered, .h-search .grid-block,
#mainmenu, #mainmenu .l-inline {
width: 100%;
}
#tbar-logo .moduletable {
text-align: center;
}
#tbar-logo .moduletable .custom {
text-align: center;
}
#contain-slider, .leftsearch, .rightsearch, .centersearch {
width: 100% !important;
}
.leftsearch .moduletable, .rightsearch .moduletable, .centersearch .moduletable {
width: 100% !important;
}
footer .grid-module .moduletable img {
width: auto;
}
.h-search {
position: relative;
}
.v-search {
top: 5px;
position: relative;
}
.h-search .moduletable,
.v-search .moduletable {
width: 100%;
float: left !important;
}
.logorounded {
min-height: inherit !important;
}
.menumobile {
position: relative;
}
footer form.email textarea {
width:93%;
}
.vbmodhorsearchmaindiv form .vbmodhorsearchbookdiv {
float: left !important;
}
}