@CHARSET "UTF-8"; @media screen and (max-width: 1250px) { #mainMenu > ul > li > a {padding:0 10px; font-size:16px;} #mainMenu > ul > li.isExpandtrue > a {padding-right:25px; } #mainMenu > ul > li.isExpandtrue > a .arrow {right:6px;} } @media screen and (max-width: 1200px) { #headerMainSlogan table.vertical td br {display:block;} #phoneData {top:24px;} #phoneData .phone {font-size:22px; } } @media screen and (max-width: 1100px) { #headerContent {height:70px;} #headerMainLogo {width:260px; top:12px; } #headerMainSlogan {left:280px; top:10px; height:50px; } #phoneData {top:10px; } #favoriteData {top:10px; height:50px; padding-top:0;} #usersData {top:10px; height:50px; padding-top:0;} #mainMenu > ul > li > a {font-size:14px;} .isFixHeader #headerFixedHeight {height:120px;} #searchFormData .styleSelect .selected .info {font-size:14px; right:7px; } #searchFormData .styleSelect .selected .data {font-size:14px;} #resultFoundList .hotelData .header .td {font-size:15px;} #resultFoundList .hotelData .hotel .td.name .link {font-size:15px;} #resultFoundList .hotelData .hotel .minPrice span {font-size:20px;} #resultFoundList .groupOne .showButton {font-size:15px;} #resultFoundList .hotelData .td {font-size:15px; padding:5px;} #resultFoundList .hotelData .hotel .td.country {width:120px;} #resultFoundList .hotelData .hotel .td.region {width:170px;} #resultFoundList .tourData.header .td {font-size:15px;} #resultFoundList .tourData .td {font-size:15px;} #resultFoundList .tourData .td.params span {font-size:13px;} #resultFoundList .tourData .td.params .room span {display:block;} #resultFoundList .tourData.header .td.number {display:none;} #resultFoundList .tourData .td.number {display:none;} #resultFoundList .tourData .operator div {font-size:13px;} #resultFoundList .tourData .full .dateD {font-size:13px;} #resultFoundList .tourData .operator span {font-size:14px;} #resultFoundList .tourData .operator div {font-size:13px;} #managerCoomand .item {width:25%;} #calendarControlData .calendarMonth {width:50%;} } @media screen and (max-width: 970px) { .maxWidth {padding-left:10px; padding-right:10px; } #searchFromNumber {right:10px; } #header {background:#0056a3; padding-top:45px; position:fixed; left:0; top:0; width:100%; z-index:100;} .changeCitytrue #header {padding-top:55px; } #headerContent {height:45px;} #headerFixedHeight {height:90px;} .changeCitytrue #headerFixedHeight {height:100px;} #headerData {background:#1475ba; } #headerMainLogo {width:150px; top:-36px;} .changeCitytrue #headerMainLogo {top:-41px;} #headerMainSlogan {display:none;} #phoneData {right:0; top:-35px; text-align:right; } .changeCitytrue #phoneData {top:-51px; } #phoneData .city {display:none; } #phoneData .city.change {display:inline-block; color:#fbe805; border-bottom:1px dotted #fbe805; font-size:13px; margin-bottom:5px;} #phoneData .phone {color:#fff; font-size:16px; } #phoneData .phone:hover {color:#fbe805; } #usersData {border-left:none; padding:0; width:auto; height:auto; top:6px; right:0;} #usersData a .icon {color:#fff; } #usersData a .caption {display:none;} #favoriteData {border-left:none; padding:0; width:auto; height:auto; top:6px; right:40px;} #favoriteData .link .icon {color:#0056a3; } #favoriteData a.link .icon {color:#fff; } #favoriteData a.link .icon i {height:14px; line-height:14px; font-size:10px; font-weight:normal; left:-10px; background:#de4756; color:#fff; border-radius:2px;} #favoriteData .link .caption {display:none;} #searchFromNumber input {border-radius:2px 0 0 2px; } #searchFromNumber a {border-radius:0 2px 2px 0;} #mobileOpenBtn {display:block;} #mainMenuData {display:none; position:fixed; left:0; top:0; height:100%; width:100%; background:transparent; transition:background 0.3s; } body.menuOpen {overflow:hidden;} .menuOpen #mainMenuData {display:block;} .menuAni #mainMenuData {background:rgba(0,0,0,0.7);} #mainMenuContent {background:#1475ba; position:absolute; left:0; top:0; height:100%; width:90%; max-width:500px; margin-left:-100%; opacity:0; transition:margin 0.4s, opacity 0.4s; } .menuAni #mainMenuContent {margin-left:0%; opacity:1; } .menuAni #mobileCloseBtn {display:block;} #mainMenuContent {padding:50px 10px 10px 10px; } #searchFromNumber {right:auto; left:10px; width:200px; } #mainMenuScroll {height:100%; width:100%; } #mainMenu {padding:0; overflow-x:hidden; overflow-y:auto; padding:5px 0 10px 0; border-top:1px solid #0056a3; } #mainMenu > ul {height:auto;} #mainMenu > ul > li {float:none; display:block; margin-top:5px;} #mainMenu > ul > li > a {border-left:none; padding-left:10px; display:block; font-size:20px; line-height:34px; height:38px; border-radius:2px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #mainMenu > ul > li > a.active {padding-left:10px; } #mainMenu > ul > li.isExpandtrue {position:relative;} #mainMenu > ul > li.isExpandtrue > a {padding-right:35px;} #mainMenu > ul > li.isExpandtrue > a .arrow {display:none; } #mainMenu > ul > li.isExpandtrue .collapse {display:block; top:7px; right:6px; width:24px; height:24px; background:#0056a3; line-height:24px; border-radius:2px; text-align:center; position:absolute; color:#fff; } #mainMenu > ul > li.isExpandtrue.isHover .collapse {top:7px; line-height:24px; transform:rotate(-180deg); } #mainMenu > ul > li.isExpandtrue.active .collapse {background:#c13d4a;} #mainMenu > ul > li > ul {background:transparent; border:none; border-radius:0; } #mainMenu > ul > li.isHover > ul {position:relative; left:auto; top:auto; padding:5px 0 0 0; border:none; border-radius:0; } #mainMenu > ul > li > ul > li > a {padding:9px 10px 9px 20px; margin-bottom:5px; border-radius:2px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #mainMenu > ul > li.onlyMob {display:block;} #mainMenu > ul > li > ul > li.onlyMob {display:block;} #hotelsFavoriteList .country {width:50%;} #searchMiniForm .searchMiniFormData .formHeader .mainHeader {font-size:30px; line-height:34px; } #searchMiniForm .searchMiniFormData .formHeader .mainText {font-size:16px; } #searchFormData .styleSelect .selected .info {font-size:16px; right:12px; } #searchFormData .styleSelect .selected .data {font-size:16px;} #searchFormData .formBlock1 {width:100%; float:none; } #searchFormData .formBlock2 {float:none; width:100%;} #searchMiniForm .formBlock2 {border-top:1px solid #d0d0d0;} #searchFormCalendar {top:110px;} #countrySelect {border-right:none;} #searchFormData.crossChange #citySelect {border-right:none; } #searchFormData.crossChange #countrySelect {border-right:1px solid #d0d0d0;} #searchMiniForm #searchFormData {padding-right:0; margin-bottom:70px; } #searchMiniForm a.runSearch {display:block; width:140px; margin:20px 0 0 -70px; right:auto; top:100%; left:50%; } #searchFullFormData #citySelect .changeCrossBtn i {text-align:center;} #searchFullFormData #countrySelect {padding-left:0;} #searchFormData.crossChange #countrySelect {border-right:none;} #searchFullFormData #searchFormData .formBlock1 {margin-bottom:10px;} #searchFullFormData #dateSelectBlock {padding-left:0; } .diplomsGalleryData .data {width:16.66%;} #officesContent #mobileOfficeId {display:block; margin-bottom:10px;} #officesMenu {display:none;} #officesData {padding-left:0;} #officesData .officeManagersList .item {width:25%;} #officeMapsContainer.list {display:none; } #officeWriteContent .dayOne .timeList .item {width:12.5%;} .hotelsCountryList {column-count:3;} .hotelsResortList {column-count:3;} body.tourfilterOpen {overflow:hidden; } #tourFilterMobileBtn {display:block;} #tourfilterColSide {display:block;} #tourfilterLeftSide {display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:1000; background:rgba(0,0,0,0.7);} #tourfilterContentSide {display:block; width:100%; padding-left:0; } .isOpenTourFilter #tourfilterLeftSide {display:block; } .isOpenTourFilter #tourFilterCloseBtn {display:block; } #tourfilterForm {padding-top:55px; padding-bottom:65px; width:80%; max-width:290px; height:100%; background:#fff; position:relative; } #tourfilterFormScroll {overflow-y:auto; overflow-x:hidden; padding:0 15px 0 15px; height:100%;} #tourFilterTotal {display:block; } .toursearchAnonData .item {width:50%;} #bonusControlData {padding:100px 120px 0 0px; } #bonusControlData a {top:auto; bottom:0;} #bonusControlData .number {left:0; top:60px;} #bonusControlData .order {left:50px; top:50px; width:175px;} /* IN STYLE */ #pageContent {} .textstyle h1, .textstyle .h1 {font-size:23px; line-height:27px; padding-bottom:10px; font-weight:600;} .textstyle h2, .textstyle .h2 {font-size:21px; line-height:25px; padding-bottom:10px; font-weight:600;} .textstyle h3, .textstyle .h3 {font-size:21px; line-height:25px; padding-top:10px; padding-bottom:7px; font-weight:600; } .textstyle h4, .textstyle .h4 {font-size:18px; line-height:24px; padding-top:8px; font-weight:600; padding-bottom:7px; } .textstyle h5, .textstyle .h5, .textstyle h6, .textstyle .h6 {font-size:17px; line-height:23px; font-weight:600; padding-top:6px; padding-bottom:5px; } } @media screen and (max-width: 920px) { #searchFullFormData .formCaption {font-size:22px; line-height:27px;} #searchFullFormData .formBlockExtend {width:100%;} #searchFullFormData .formBlockHotels {padding-left:0; width:100%;} #hotelsSelectList .hotelName input {font-size:17px;} #searchFullFormData .formBlockHotels .caption {position:relative; margin-top:5px; height:25px;} #searchFullFormData .formBlockHotels .caption span {font-size:14px;} #searchFullFormData .formBlockHotels .caption .clear {right:0;} #searchFullFormData .formBlockHotels .caption .selected {right:80px;} #searchFullFormData .formBlockHotels .caption .all {right:230px;} #hotelsList .container .item {font-size:17px;} #resortList .container .item {font-size:17px;} #priceSelectBlock {width:35%;} #checkSelectBlock {width:65%;} #hotelsList {height:210px;} .imageMenu .imageMenuData .item {width:33.33%;} } @media screen and (max-width: 830px) { #resultFoundList .hotelData .table {display:block;} #resultFoundList .hotelData .header {display:none;} #resultFoundList .hotelData .hotel {display:block; position:relative; padding:25px 0 10px 80px; min-height:115px;} #resultFoundList .hotelData .td {display:block; padding:0; border:none; text-align:left; } #resultFoundList .hotelData .hotel .td.image {display:block;} #resultFoundList .hotelData .hotel .td.name .link {position:absolute; padding-left:80px; top:-2px; left:0px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; } #resultFoundList .hotelData .hotel .td.name .star {position:absolute; left:0; top:0; } #resultFoundList .hotelData .hotel .td.name .star span {margin-right:1px;} #resultFoundList .hotelData .hotel .td.country {width:auto; text-align:left; } #resultFoundList .hotelData .hotel .td.region {width:auto; text-align:left; } #resultFoundList .hotelData .hotel .td.name {width:auto; text-align:left; } #resultFoundList .hotelData .hotel .td.rating {width:auto; text-align:left;} #resultFoundList .hotelData .hotel .td.rating .num {display:inline-block;} #resultFoundList .hotelData .hotel .td.rating .text {display:inline-block; padding-left:10px;} #resultFoundList .hotelData .hotel .td.distance {width:auto; text-align:left; } #resultFoundList .hotelData .hotel .td.distance span {display:inline;} #resultFoundList .hotelData .hotel .td.price {width:auto; text-align:left; position:absolute; right:0; top:25px; text-align:right;} #resultFoundList .hotelData .hotel .minChashback span {display:inline;} #resultFoundList .groupOne .stageText {margin-bottom:10px;} #resultFoundList .tourData.header .td.dates {display:table-cell;} #resultFoundList .tourData .td.dates {display:table-cell;} #resultFoundList .tourData.header .td.depart {display:none; } #resultFoundList .tourData .td.depart {display:none; } #resultFoundList .tourData.header .td.return {display:none; } #resultFoundList .tourData .td.return {display:none; } #spoListData .tourListData {display:block;} #spoListData .tourData.header {display:none;} #spoListData .tourData {display:block; padding:10px; margin:0 -10px; position:relative; } #spoListData .tourData .td {display:block; border:none; padding:0; text-align:left; } #spoListData .tourData .city {font-size:15px;} #spoListData .tourData .td.price {width:auto; padding:0; position:absolute; right:10px; top:10px; text-align:right; } #spoListData .tourData .td .main {display:inline-block; vertical-align:middle; padding-right:5px;} #spoListData .tourData .td.hotel .main {display:block; padding-right:0px; padding-top:5px;} #spoListData .tourData .td .param {display:inline-block; vertical-align:middle;} #spoListData .tourData .td.night .param {font-size:15px; color:#333; padding-top:0;} #spoListData .tourData .td.office {text-align:left; padding:3px 7px; border:2px solid #de4756; margin-top:6px;} #spoListData .tourData .td.office .caption {display:block;} #officeWriteContent .dayOne .timeList .item {width:16.66%;} .stdFormData .rowLine {padding-bottom:10px;} .stdFormData .rowLine .caption {float:none; padding-bottom:5px; font-weight:600; width:auto;} .stdFormData .rowLine .input {margin-left:0; } #cabinetColSide {display:block;} #cabinetLeftSide {display:block; width:100%; padding-bottom:15px;} #cabinetLeftMenu {width:100%;} #cabinetContentSide {display:block; width:100%; padding:0;} #managerCoomand .item {width:33.33%;} #tourOrderForm .cols4 > div {width:50%;} } @media screen and (max-width: 800px) { #tourCard .hotelData .image img {width:160px;} #tourCard .hotelData .image .gallery span i {font-size:10px;} #tourCard .hotelData .control .showButton {width:120px; font-size:13px;} #detailsData {padding:15px; } .isCollapsedtrue #detailsDataOver {padding-left:0;} #hotelCardDescription .block {width:50%;} .textBlockVideo3 .data {margin:0 -5px;} .textBlockVideo3 .cols {padding:5px 5px 10px 5px; box-sizing:border-box; } #officesData .dayOfferList .item {padding-bottom:10px; font-size:18px; } #officesData .dayOfferList .item.isFlagtrue a {padding-left:35px;} #officesData .dayOfferList .item.isFlagtrue a img {left:0; top:1px; width:25px;} #cabinetInfoMessageWin {font-size:16px; font-weight:normal;} #footerSocial a.image {height:32px;} #payFormDatas.stdFormData .documentControl .data.isRus0 {padding-right:0;} #payFormDatas.stdFormData .documentControl .zagranData .item1 {width:calc(33.33% - 20px);} #payFormDatas.stdFormData .documentControl .zagranData .item2 {width:calc(33.33% - 20px);} #payFormDatas.stdFormData .documentControl .zagranData .item3 {width:33.33%;} #payFormDatas.stdFormData .documentControl .zagranData .item4 {width:calc(33.33% - 20px); margin-top:10px;} #payFormDatas.stdFormData .documentControl .zagranData .item5 {width:calc(33.33% - 20px); margin-top:10px;} #payFormDatas.stdFormData .documentControl .zagranData .item6 {width:calc(33.33% + 40px); margin-top:10px; padding-right:0;} #payFormDatas.stdFormData .documentControl .russData .item1 {width:33.33%;} #payFormDatas.stdFormData .documentControl .russData .item2 {width:33.33%;} #payFormDatas.stdFormData .documentControl .russData .item3 {width:33.33%;} #payFormDatas.stdFormData .documentControl .russData .item4 {width:33.33%; padding-top:10px;} #payFormDatas.stdFormData .documentControl .russData .item5 {width:33.33%; } #payFormDatas.stdFormData .documentControl .russData .item6 {width:calc(33.33% + 40px); padding-top:10px; padding-right:0; margin-right:-40px; } #payFormDatas.stdFormData .documentControl .russData .item8 {width:calc(100% + 40px); } } @media screen and (max-width: 750px) { #answersList .item .recomendInfo {position:relative; right:auto; top:auto; } #answersList .item .recomendInfo .recomend {margin:0 10px 5px 0; font-size:13px;} #answersList .item .recomendInfo .recomend:last-child {margin-right:0;} #answerControl.isHotel .answerSelect {width:100%;} #answerMonth {margin-top:10px;} #answerHotel {margin-top:10px;} .diplomsGalleryData .data {width:20%;} #tourCard .hotelDescription .block {width:50%;} } @media screen and (max-width: 700px) { #resultFoundList .tourListData {display:block;} #resultFoundList .tourData.header {display:none;} #resultFoundList .tourData {display:block; padding:10px 130px 10px 10px; margin:0 -10px; position:relative; } #resultFoundList .tourData .td {display:block; border:none; padding:0; text-align:left; } #resultFoundList .tourData .td.dates {display:block;} #resultFoundList .tourData .city {padding-bottom:0;} #resultFoundList .tourData .td.night {text-align:left;} #resultFoundList .tourData .td.params span {display:inline-block; padding-left:5px; color:#555;} #resultFoundList .tourData .td.params .meal {text-align:left;} #resultFoundList .tourData .td.params .room {text-align:left;} #resultFoundList .tourData .td.params .room span {display:inline-block; padding-left:5px; color:#555;} #resultFoundList .tourData .td.params .places {text-align:left;} #resultFoundList .tourData .operator {text-align:left;} #resultFoundList .tourData .operator div {color:#555; } #resultFoundList .tourData .td.price {width:auto; padding:0; position:absolute; right:10px; top:10px; text-align:right; } #resultFoundList .tourData .td.price .chashback span {display:inline; white-space:nowrap;} #resultFoundList .isManager .td.price .cardButton {display:inline-block;} #officesData .officeManagersList .item {width:33.33%;} .hotelsCountryList {column-count:2;} .hotelsResortList {column-count:2;} #hotelsItemList {column-count:1;} #hotelsItemList .hotelItem {padding-right:45px;} #hotelsItemList .hotelItem .rating {width:30px;} #hotelsItemList .hotelItem .name {font-size:14px;} #hotelsItemList .hotelItem .region {font-size:13px;} .useMille .whatCashback span {display:inline-block; width:4px;} #searchTourFilter .tourItem {position:relative; padding-left:115px;} #searchTourFilter .tourItem .col1 {position:absolute; left:0px; top:0px; width:100px; height:80px; } #searchTourFilter .tourItem .col2 {width:100%; padding-left:0; min-height:146px; padding-bottom:0; } #searchTourFilter .tourItem .col5 {width:90px; padding:0; position:absolute; top:80px; left:10px; } #searchTourFilter .tourItem .col5 .price {font-size:12px;} #searchTourFilter .tourItem .col5 .price span {font-size:13px; } #searchTourFilter .tourItem .col3 {width:50%; padding:0 10px 10px 0; } #searchTourFilter .tourItem .col4 {width:50%; padding:0 10px 10px 10px;} .imageMenu .imageMenuData {margin:0 -5px;} .imageMenu .imageMenuData .item {width:50%; padding:0 5px 20px 5px;} .imageMenu .imageMenuData .item .data .name {font-size:15px; padding-top:8px;} .imageMenu .imageMenuData .item .data .text {font-size:13px;} #spoControl {padding-bottom:0; margin-bottom:20px;} #spoControl .spoSelect {width:100%; margin-bottom:10px;} #newsListData .newsItem {padding-left:100px; min-height:80px; margin-bottom:10px; padding-bottom:10px;} #newsListData .newsItem .image img {width:80px;} } @media screen and (max-width: 650px) { .onlyMob {visibility:visible; overflow:auto; width:auto; height:auto;} .onlyDesk {visibility:hidden; overflow:hidden; width:0; height:0;} #searchMiniForm .searchMiniFormData .formHeader .mainHeader {font-size:24px; line-height:28px; } #checkSelectList {padding-top:0;} #checkSelectBlock .checkbox {height:auto; line-height:17px; font-size:14px;} #checkSelectBlock .checkbox i {display:block;} #checkSelectBlock .checkbox::before {top:1px;} .authFormWidth {padding:15px; } .diplomsGalleryData .data {width:25%;} #tourCard .hotelData {display:block;} #tourCard .hotelData .td {display:block;} #tourCard .hotelData .info {padding-right:10px;} #tourCard .hotelData .image .data {display:block; max-width:420px; margin:0 auto;} #tourCard .hotelData .image img {width:100%;} #tourCard .hotelData .image .gallery div {width:25%;} #tourCard .hotelData .image .gallery .num4 span i {display:none;} #tourCard .hotelData .image .gallery .num5 span i {display:inline-block;} #tourCard .hotelData .image .gallery div.num5 {display:inline-block;} #tourCard .hotelData .control {padding-top:10px; padding-left:10px; } #detailsActualizeProcess div {top:50px; transform:translateX(-50%); } #detailsData {padding:15px 10px;} #detailsData .item {padding:10px 10px 60px 10px; } #detailsData .item .price {top:auto; bottom:10px; } #detailsData .item .price .cost {display:inline-block; position:absolute; right:100px; bottom:3px; width:120px; padding:0; text-align:right; } #detailsData .item .price .button {position:absolute; right:0; bottom:0; width:90px; } #hotelsListFilter .cols {padding-top:10px;} #hotelsListFilter .starList {float:none; width:100%; } #hotelsListFilter .starList .checkbox {padding:5px 5px 5px 24px; width:55px;} #hotelsListFilter .starList .checkbox::before {left:5px;} #hotelsListFilter .starList .checkbox span {right:5px; top:8px;} #hotelsListFilter .ratingList {margin-left:0; padding-top:10px;} .toursearchAnonData .item {width:100%;} .toursearchAnonData .item .data .overlay {background:linear-gradient(to bottom, #1475ba 0%, transparent 50%);} .toursearchAnonData .item .data .header {top:15px; } .toursearchAnonData .item .data .text {top:55px;} .toursearchAnonData .item .data .cost {top:85px; opacity:0; } .toursearchAnonData .item .data .tourList {transform:translateY(0%);} #hotelsFavoriteList .country {width:100%;} #contactsAccordion {bottom:60px; z-index:1;} #contactsAccordion .showButton {width:60px; height:60px; border:3px solid rgba(255,255,255, 0.3);} #contactsAccordion .showButton span.open {line-height:54px; } #contactsAccordion .showButton span.close {line-height:54px; } #contactsAccordion.open .showButton {background:#fff; border:3px solid #4c8bf8;} #contactsAccordion .contacts {left:-5px;} html {height:auto;} body {height:auto;} #pageFrames {min-height:none; margin:0 auto;} #footerProtect {height:30px;} #footer {height:auto; margin-top:0; } #footerData {padding:80px 0 80px 110px; min-height:170px; } #counterInformer {top:85px; left:10px;} #footerSocial {right:auto; top:0px; left:10px; } #footerSocial a {margin-left:0; margin-right:10px; } #counterInformer img {width:70px;} #footerCopyright {width:100px; text-align:right; } #managerCoomand .item {width:50%;} #payFormDatas.stdFormData .documentControl .miniCap {font-size:13px;} #payFormDatas.stdFormData .documentControl .zagranData .item1 {width:50%;} #payFormDatas.stdFormData .documentControl .zagranData .item2 {width:calc(50% - 40px);} #payFormDatas.stdFormData .documentControl .zagranData .item3 {width:50%; margin-top:10px;} #payFormDatas.stdFormData .documentControl .zagranData .item4 {width:50%; padding-right:0;} #payFormDatas.stdFormData .documentControl .zagranData .item5 {width:50%;} #payFormDatas.stdFormData .documentControl .zagranData .item6 {width:50%;} #payFormDatas.stdFormData .documentControl .russData .item1 {width:50%;} #payFormDatas.stdFormData .documentControl .russData .item2 {width:50%;} #payFormDatas.stdFormData .documentControl .russData .item3 {width:50%; padding-top:10px;} #payFormDatas.stdFormData .documentControl .russData .item4 {width:calc(50% + 40px); padding-right:0; margin-right:-40px;} #payFormDatas.stdFormData .documentControl .russData .item5 {width:50%; } #payFormDatas.stdFormData .documentControl .russData .item6 {width:calc(50% + 40px); margin-right:-40px; } #payFormDatas.stdFormData .documentControl .russData .item8 {width:calc(100% + 40px); } #payFormDatas.stdFormData .documentControl .data.isRus1.ischild .item7 {top:71px;} #payFormDatas.stdFormData .documentControl .svidetData .item1 {width:50%; padding-right:5px;} #payFormDatas.stdFormData .documentControl .svidetData .item2 {width:50%; } #payFormDatas.stdFormData .documentControl .svidetData .item3 {width:50%; padding-top:10px;} #payFormDatas.stdFormData .documentControl .svidetData .item4 {width:calc(50% + 40px); padding-right:0; margin-right:-40px;} #payFormDatas.stdFormData .documentControl .svidetData .item5 {width:calc(100% + 40px); } } @media screen and (max-width: 590px) { #dateSelectBlock {width:50%;} #nightSelectBlock {width:50%;} #nightSelect {border-right:none;} #searchMiniForm #turistSelectBlock {width:100%; border-top:1px solid #d0d0d0; } #searchFormData .formBlock2 {height:auto; } #searchFormData #cityList .expandList {min-width:280px; } #searchFormData #countryList .expandList {min-width:280px; left:auto; right:0;} #searchFormData.crossChange #cityList .expandList {left:auto; right:0;} #searchFormData.crossChange #countryList .expandList {left:0; right:auto;} #nightSelect .expandList {left:auto; right:0;} #dateSelect .expandList {width:300px;} #searchFullFormData #turistSelectBlock {width:100%; padding-left:0; margin-top:10px; } .diplomsGalleryData .data {width:33.33%;} #tourOrderForm .cols2 > div {width:100%;} #tourOrderForm .cols3 > div {width:100%;} #tourOrderForm .cols4 > div {width:100%;} #privateMainAction .param .cap {float:none; width:auto;} #privateMainAction .param .val {padding-left:0;} #userOrderListData .order .param .cap {float:none; width:auto;} #userOrderListData .order .param .val {margin-left:0;} #userOrderListData .order .price {position:relative; right:auto; top:auto; font-weight:600; padding-bottom:5px;} #userOrderListData .order .tour .control {position:relative; right:auto; top:auto; text-align:left; } #bonusListData {display:block;} #bonusListData .tr {display:block;} #bonusListData .tr.head {display:none; } #bonusListData .tr.line {border-bottom:2px solid #1475ba; padding-bottom:10px; margin-bottom:10px; } #bonusListData .td {display:block; border:none; text-align:left; padding:0; } #bonusListData .td.bonuses {font-weight:bold; padding-top:2px;} #bonusListData .td .mob {display:inline;} } @media screen and (max-width: 520px) { #searchFullFormData .formBlock3 {float:none; width:100%; padding-left:0;} #searchFullFormData .formBlock4 {float:none; width:100%;} #searchFullFormData .formBlock5 {height:auto;} #priceSelectBlock {width:100%; float:none; } #checkSelectBlock {width:100%; margin-top:10px; float:none; } #checkSelectList {padding-left:0;} #checkSelectBlock .checkbox {font-size:15px;} #checkSelectBlock .checkbox i {display:none;} #checkSelectBlock .checkbox::before {top:2px;} #searchFullFormData a.runSearch {position:relative; right:auto; top:auto; margin:20px auto 0 auto;} #searchFullFormData span.copySearchLink {top:auto; bottom:10px; left:50%; margin-left:-120px; } .diplomsGalleryData .data {width:50%;} #officesData .officeManagersList .item {width:50%;} #officeWriteContent .dayOne .timeList .item {width:25%;} #officeWriteContent .dayOne .timeList .item span {font-size:15px;} .textBlockVideo3 .data {margin:0;} .textBlockVideo3 .cols {float:none; width:100%; padding:5px 0px 20px 0px; } /* #resultFoundList .hotelData .hotel .td.name .booking {display:none;} #resultFoundList .hotelData .hotel .td.name .tripadvisor {display:none;} #tourCard .hotelData .info .booking {display:none;} #tourCard .hotelData .info .tripadvisor {display:none;} #tourCard .hotelData .info .maps {display:none;} */ #hotelsFavoriteList .hotel .mobile {display:block;} #hotelsFavoriteList .hotel .desktop {display:none;} } @media screen and (max-width: 480px) { #tourCard .hotelDescription .block {width:100%;} .hotelsCountryList {column-count:1;} .hotelsResortList {column-count:1;} #hotelCardDescription .block {width:100%; padding-right:0;} #searchTourFilter .tourItem .col2 { min-height:auto; } #searchTourFilter .tourItem .col3 {width:100%; padding-bottom:0;} #searchTourFilter .tourItem .col4 {width:100%; padding-left:0;} .logoSlider {margin-bottom:10px;} .logoSliderData table { /* height:40px; */} #calendarControlData .calendarMonth {width:100%; } #onlinePayTabs .tab {width:calc(50% - 25px); text-align:center;} #onlinePayTabs .tab i {display:block;} #onlinePayTabs .sep {width:50px; text-align:center;} } @media screen and (max-width: 390px) { #answersList .item .recomendInfo .recomend {margin-right:0; width:100%;} #resultFoundList .hotelData .hotel .td.price {position:relative; top:auto; right:auto; text-align:left; } #officesData .officeManagersList .item {width:100%;} .useMille.hotels {text-align:left;} .useMille.hotels span {font-size:14px; display:inline-block; padding-left:4px;} #resultFoundList .hotelData .hotel .subscribe {text-align:left; font-size:18px;} #newsListData .newsItem {padding-left:0px; min-height:auto; margin-bottom:15px; padding-bottom:15px; } #newsListData .newsItem .image {position:relative; left:auto; top:auto; } #newsListData .newsItem .image img {width:100%;} #newsListData .newsItem .name {margin-top:10px;} } @media screen and (max-width: 360px) { #headerMainLogo {width:140px; top:-35px;} #mainMenuContent {width:100%; } #searchFormData .styleSelect .selected .info {font-size:14px; right:7px; } #searchFormData .styleSelect .selected .data {font-size:14px;} .imageMenu .imageMenuData .item {width:100%;} #managerCoomand .item {width:100%;} }