/*** D.iK.iJ - http://dikij.com/wm/adaptaciya-saytov.php ***/

@media screen and (max-width: 1025px) {
	.right-banner div.subscribe-shadow div#payment.subscribe-form div.payment-img img {
    height: 22px;
}
}
@media screen and (min-width: 961px) {

body {overflow: auto !important;}
#zakr, #hovr {display: none !important;}
#leftcol {display: block !important; left: 0px !important;}
}
@media screen and (min-width: 456px) {
div.telephone {display: block !important;}
}

@media screen and (max-width: 960px) {
	
	html, body {
    font-size: 15px ;
	    line-height: 20px;

}
.right-banner div.subscribe-shadow div#payment.subscribe-form div.payment-img img {
    height: 28px !important;
}
div.cont_txt p {
    margin: 15px 0;
}
div.cont_txt h2 {
    color: #017CAF;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 25px;
    margin-bottom: 15px;
}
div.cont_txt img{
	margin:10px 0
}
.hide_mobile {display:none;}
img {max-width: 100% !important; height: auto !important; box-sizing: border-box;}
iframe, textarea, input, button, submit, select, video, object, embed {max-width: 100% !important; box-sizing: border-box;}
table, span, div, ins {max-width: 100% !important;}

.hidemobile {display: none !important;}
#content h2, #content h1 {overflow: hidden;}
.left-module_booking {
width: 100%;
    padding-left: 0;
    box-sizing: border-box;
    text-align: center;
    margin-right: 0 !important;
    margin-left: 0 !important;
}
#leftcol {
border-radius: 0px 5px 5px 0px;
    float: none !important;
    margin: 0px;
    padding: 0px;
    padding-bottom: 10px;
    width: 270px !important;
    height: 100vh;
    box-sizing: border-box;
    overflow: auto;
    position: fixed;
    display: none;
    background-color: #fff;
    top: 0px;
    left: -100%;
    right: 0px;
    z-index: 30000000000;
    -webkit-transition: left 1s;
    -moz-transition: left 1s;
    -o-transition: left 1s;
    transition: left 1s;
	-webkit-overflow-scrolling: touch;}

#leftcol #leftcol_content{position: absolute;
    top: 0;
    left: 0;
    z-index: 5000000000000;
    display: block;
    width: 100%;
    height: auto;}
#buter {border: 1px solid #dfe6e8; opacity: 0.7; width: 32px; height: 23px; cursor: pointer; background: url('/bitrix/templates/apelsin-tour.com/images/buter.png') center no-repeat; display: block !important; padding: 6px; position: fixed; top: 0px; left: 0px; z-index: 199999999; background-size: 32px 23px !important; background-color: #fff; border-radius: 0 0 3px 0;}
#buter:hover {opacity: 1 !important;}
#zakr {z-index: 999999999 !important; cursor: pointer; color: #ffffff; position: fixed; right: 5px; top: 5px; padding: 0; font-size: 25px; line-height: 25px; width: 25px; text-align: center;}
#zakr:hover {color: #ff0a00 !important;}
#hovr {background: #000000; background: rgba(0, 0, 0, 0.7); position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 1000; opacity: 0; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s;}
#leftcol div.subscribe-form {display: block; padding: 10px !important;}
#leftcol div.subscribe-shadow {display: block; margin-right: 0px !important;}
#leftcol .constructor-box {width: auto; margin-left: 0px !important;}

.maincol, #wrapper {width: 100%; float: none; box-sizing: border-box;}
.maincol {padding: 0px 15px; box-sizing: border-box;}
div#content {margin-right: 0px !important; margin-left: 0px !important; min-width: 100px; padding-right: 0px;}
div.htmlMackup {position: relative; float: none; min-width: 100px;}
#header-div, #header-wrapper {display: none;}
body {background: url(/bitrix/templates/apelsin-tour.com/images/header-mobile.jpg) repeat-x top center;}
div.lstcjs_module_container .sw {min-width: 100px; padding-right: 0px !important; padding-left: 0px !important;}

.tourclient {display: block; overflow: auto;}
.tourclient iframe {width: 100% !important; /*min-width: 654px !important;*/}
.tourclient iframe[width="800px"] {min-width: 717px !important;}
#search_tours {overflow: auto;}

#header, #header-intro {float: none; height: auto; display: block;}
#header table, #header-intro table {float: none; display: block; height: auto;}
#header tbody, #header-intro tbody, #header tr, #header-intro tr, #header td, #header-intro td {display: block; width: auto; height: auto;}
#header td br, #header-intro td br {display: none;}
.logo {left: 15px;}
.top-icons, #header-intro .top-icons {margin-left: 0px; position: absolute; left: 50px; top: 136px;}
.top-icons li:first-child, #header-intro .top-icons li:first-child {display: none;}
.telephone {position: absolute; right: 50px; top: 0px;}
.mainmenu {width: auto; padding-top: 210px;}
.mainmenu ul {text-align: center;}
.mainmenu li {border-radius: 5px; float: none; display: inline-block; vertical-align: top;}
.mainmenu li a:hover span, .mainmenu li.act a span {border-radius: 5px; background-size: 100% 100% !important;}
.mainmenu li a {border-radius: 5px; padding-right: 0px;}
.mainmenu li a span {border-radius: 5px;}

.slogan {top: 25px; left: 26%;}

#header-intro .search-box, .search-box {padding: 0px 15px; position: relative; top: 0px; right: 0px;}
.search-box .text {width: 100%; width: calc(100% - 63px); float: none; margin-right: 0px; display: inline-block; padding: 2px; height: 20px; border-radius: 4px; background: #fff; box-sizing: border-box;}
.search-box .button {border-radius: 4px; float: none; position: absolute; right: 15px; bottom: 0px;}
.search-box .h4 {margin-left: 0px;}

div.htmlMackup > table {table-layout: fixed;}

.stock li {width: 23%; margin: 0 1% 20px 1%;}
.search-page input[type="text"] {width: calc(100% - 57px);}

div#banner-vea {min-width: 100px; width: 100% !important; overflow: hidden;}
#partners {text-align: center;}
#partners img {margin: 7px !important; vertical-align: middle;}

.bx-yandex-map > ymaps {width: 100% !important;}
#content h2 {width: auto !important;}
.table-visa {float: none; margin-left: 0px !important; margin-right: 0px !important; width: 100%; box-sizing: border-box;}

.news table td img[width="180"] {max-width: 150px !important;}
#ces_container {min-width: 0px !important;}
#ces_container .cruise_timetable {float: none !important;}
#ces_container #cruise_timetable {width: 100% !important; box-sizing: border-box;}
#ces_container .cruise_map {text-align: center; position: static !important; width: auto !important; height: auto !important; float: none !important; background: none !important; border: 2px solid #8a8a8a; box-shadow: 0px 0px 3px 1px #b3b3b3; border-radius: 5px;}
#ces_container .cruise_map A {position: static !important;}
#ces_container .cruise_map IMG {width: auto !important; left: 0px !important; top: 0px !important;}

#ces_booking_form textarea {width: 100% !important; box-sizing: border-box;}
#ces_booking_form input[type="text"] {width: 100% !important; box-sizing: border-box;}
#content table[border="2"], #content table[border="1"] {width: 100% !important; box-sizing: border-box;}
#content div[id^="bx_flv_player_"] img {height: 24px !important;}

#gallery {float: none; text-align: center;}
#gallery li {width: 19% !important; float: none !important; display: inline-block; vertical-align: top; box-sizing: border-box;}

div#content > ul > li[style*="width: 40%;"] {width: 49% !important; box-sizing: border-box; vertical-align: top;}
div#content > ul > li[style*="width: 30%;"] div {background-size: cover !important; background-repeat: no-repeat !important;}

.countries {text-align: center;}
.countries > div {margin: 0px !important; padding-right: 15px; padding-bottom: 15px; box-sizing: border-box; width: 24% !important;}
.countries img {width: 100% !important;}

.news-detail {overflow: hidden;}
.news-detail > div > p img#bxid_996215 {margin-left: -54px;}
.news-detail .il_text_usual .il_text_usual[style="width: 750px;"] {width: auto !important;}
.news-detail > div > table > tbody > tr > td > div > h1 {break-word; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}

#rightcol {float: none; width: auto; margin-left: 0px; padding-top: 40px; clear: both;}
#rightcol .module {padding: 0px 0px 40px 0px;}
.right-banner {text-align: center;}
.right-banner img {width: auto;}
.news_r img {margin-right: 0px;}
#vk_groups {width: 100% !important; box-sizing: border-box;}

.bottom-menu {min-width: 100px; text-align: center; float: none;}
.bottom-menu ul {float: none; display: block; width: auto; margin-bottom: 0px;}
.bottom-menu li {float: none; display: inline-block; vertical-align: top; padding: 0px; padding-bottom: 7px;}

#footer {min-width: 100px; height: auto;}
.news-bottom {text-align: center;}
.copyright, .scores {width: auto; float: none; display: block;}
.copyright {padding: 5px 15px 0 15px; text-align: center;}
.scores {padding: 20px 15px 15px 15px; text-align: center;}
.author {display: none; float: none; text-align: center; padding-top: 0px; margin-right: 0px; padding: 15px 0px;}
.author img {margin: 1px 15px -11px -35px; display: inline-block; float: none; vertical-align: top;}
.our-offices {display: none; padding: 15px 15px 0 15px; float: none; text-align: center; width: auto;}
}
@media screen and (max-width: 900px) {
.stock li {width: 31.333%;}
}
@media screen and (max-width: 850px) {
	
.right-banner div.subscribe-shadow div#payment.subscribe-form div.payment-img img {
    height: 36px !important;
}
.slogan {left: 21%;}
#ces_container .csf_main {float: none !important;}
#ces_container .csf_extra {float: none !important; width: auto !important;}
#ces_container #cruises_schedule_filter input[type="text"], #ces_container #cruises_schedule_filter select {width: 100%; box-sizing: border-box;}
#ces_container #cruises_schedule_filter label {display: inline-block; float: none; height: auto; width: auto;}
#ces_container #ces_menu_container {position: static !important;}
#ces_container .ces_backward, #ces_container .ces_menu {float: none;}
#ces_container .ces_menu {float: none !important; margin-right: 2% !important; margin-left: 2% !important; display: inline-block; vertical-align: top; width: 45%; box-sizing: border-box;}
#ces_container #ces_menu_spacer {height: 10px !important;}
}
@media screen and (max-width: 760px) {
	.tourclient iframe{
		width: 240px !important;
		margin: 0 auto;
		float: none;
		display: block;
	}
	    
	
	
.slogan {left: 20%;}
}
@media screen and (max-width: 750px) {
.slogan {display: none;}
#gallery li {width: 24% !important;}
#ces_container .cruise_name {padding-left: 0px !important;}
}
@media screen and (max-width: 670px) {
div.contacts div.photo[style^="width: 50%;"] {width: 320px !important; display: block !important; margin-right: auto; margin-left: auto;}
.countries > div {width: 32% !important;}
}
@media screen and (max-width: 660px) {
.stock li {width: 48%;}
div#content > ul > li[style^="display: inline-block; width: 30%;"] {width: 49% !important; box-sizing: border-box; vertical-align: top;}
#ces_container .cruise_name {width: auto !important; float: none !important;}
#ces_container .cruise_data {padding-top: 0px !important;}
#ces_container #cabin_description > tbody > tr > td {display: block; width: auto;}
#ces_container .cabin_scheme {border-right: none !important; border-bottom: 1px solid #9BA2C1; padding-right: 0px !important; text-align: center; padding-bottom: 15px; margin-bottom: 15px;}
#ces_container .cabin_description {padding-left: 0px !important;}
#ces_container .decks_list {width: 100%; box-sizing: border-box;}
#ces_container .decks_list th {height: auto !important; white-space: normal; background-size: cover !important;  -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.module-booking {overflow: auto;}
.module-booking iframe {min-width: 500px !important;}
}
@media screen and (max-width: 560px) {
.question input[type="text"], .question textarea {width: 100% !important; box-sizing: border-box;}
.question .tour form div {width: auto !important;}
.question .tour div img[width="180"] {display: block; margin: 5px auto !important; float: none !important;}
.question div.button {text-align: center;}
#content table[border="2"], #content table[border="1"] {display: block; overflow: auto; box-sizing: border-box;}
#content table[border="2"]:before, #content table[border="1"]:before {content: ""; display: table-cell !important; overflow: auto !important; width: 1% !important;}
#ces_container .ces_offers_table td {display: block; width: auto; overflow: hidden;}
#ces_container .cruise_price_table {display: block; overflow: auto;}
#ces_container .cruise_price_table:before {content: ""; display: table-cell !important; overflow: auto !important; width: 1% !important;}
#gallery li {width: 32% !important;}
.cities_list ul.left {float: none; padding-left: 0px !important;}
}
@media screen and (max-width: 530px) {
.telephone {right: 15px;}
.question .tour-b {position: relative;}
.question .tour {background: none;}
.question .inner {margin-right: 0px;}
.question .tour-b .right {position: absolute; right: 0px; top: 0px; z-index: 1; width: 50%; background-size: contain; background-repeat: no-repeat;}
.question .tour-b .left {width: 50%; background-size: contain; background-repeat: no-repeat;}
#content #st_e .st_f LI.st_c {word-break: break-all;}
}
@media screen and (max-width: 500px) {
.right-banner img {width: 100%;}
#fon_zat {z-index: 999;}
#zvonok {z-index: 9999; width: auto; margin: 0px; left: 15px; right: 15px; top: 15px; max-height: 90% !important; max-height: calc(100% - 30px) !important; overflow: auto;}
ul#zakaz_content {margin-left: 0px; padding-left: 15px; padding-right: 15px; margin-top: 15px;}
.field_name {text-align: left; width: auto;}
.field_input {margin-left: 0px; margin-top: 5px;}
#zakaz_content li {margin-top: 10px;}
.zakaz_in_t, .zakaz_area {width: 100%; box-sizing: border-box;}
.consent {width: auto; margin: 15px;}
#zakaz_comment {margin-left: 15px; margin-right: 15px;}
.zakaz_button {margin-left: auto; margin-right: auto; display: block;}
#zakaz_h1 {margin-right: 50px; position: static;}
#zakaz_close {position: absolute; right: 0px; top: 0px;}
table.gismeteo {display: block; overflow: auto; box-sizing: border-box;}
.table-visa {display: block; overflow: auto; padding: 0px;}
#content LI[style$="width: 50%;"], #content LI[style$="width: 30%;"] {width: 100% !important; margin-top: 5px;}
div#snippet_searchpanel .widgetreplacement_container {width: 100% !important;}
.modalDialog > div {margin-left: 15px; margin-right: 15px; width: auto;}
#send {margin-left: auto; margin-right: auto;}
}
@media screen and (max-width: 480px) {
.countries > div {width: 49% !important;}
#ces_container .cruise_map IMG {width: 100% !important;}
}
@media screen and (max-width: 445px) {
.stock li {width: 98%; height: auto;}
table.responses td {display: block; width: auto; height: auto;}
table.responses tr:first-child {display: none;}
.question .tour .inner font.text {display: block; text-align: center;}
.question .tour .inner font.text a, .question .tour .inner font.text b {display: inline-block; margin: 3px;}
.news-list font.text {display: block; text-align: center;}
.news-list font.text a, .news-list font.text b {display: inline-block; margin: 3px;}
table.responses td > b + br {display: none;}
table.responses td img {vertical-align: bottom;}
.pagination {display: block; text-align: center;}
a.paginationPrevNext, a.paginationPage, span.paginationCurrent {display: inline-block; margin: 3px;}
}
@media screen and (max-width: 455px) {
body {background-position: 100% 0px;}
.mainmenu {padding-top: 400px;}
.logo {left: 50%; margin-left: -68px;}
.top-icons, #header-intro .top-icons {left: 50%; margin-left: -34px;}
.telephone {left: 50%; margin-left: -127px; top: 185px;}
div.telephone {display: none;}
.mainmenu {padding-top: 185px; -webkit-transition: padding 0.3s; -moz-transition: padding 0.3s; -o-transition: padding 0.3s; transition: padding 0.3s;}
.mainmenu.razv {padding-top: 400px;}
#tel {display: block !important; width: 32px; height: 32px; cursor: pointer; background: url('/bitrix/templates/apelsin-tour.com/images/tel.png') center no-repeat; position: absolute; padding: 6px; top: 0px; right: 0px; z-index: 199; background-size: 32px 32px !important;}
div.contacts div.photo[style^="width: 50%;"] {width: auto !important;}
.search-page input[type="text"] {width: 200px; width: calc(100% - 57px);}
}
@media screen and (max-width: 411px) {
div#content img[align="left"], div.contacts div.photo .new_photo, img.float_left, div.news-list img.preview_picture, .news img[align="right"], .news img[align="left"], div#content img[align="right"] {display: block; margin-left: auto !important; margin-right: auto !important; float: none !important;}
div.news-list img.preview_picture {margin-top: 5px;}
.news-list .news-item {padding-bottom: 20px;}
div.contacts div.desc {text-align: center; display: block; margin-left: 0px;}
#content .news LI {padding-bottom: 20px;}
.news img {margin-bottom: 5px;}
.news + font.text, .news + font.text + font.text {text-align: center; display: block;}
.news + font.text + font.text a, .news + font.text + font.text b {display: inline-block; margin: 3px;}
div#content > table td[width="250px"] {width: auto;}
div#content > table td[width="150px"] {width: 10px;}
#gallery li {width: 49% !important;}
div#content > ul > li[style*="width: 40%;"] {width: 100% !important;}
div#content > ul > li[style*="width: 30%;"] {width: 100% !important;}
#tours_page_body div.cathegory_cell_text {padding-left: 0px !important;}
#tours_page_body .cathegory_cell_text span.price {float: none !important; display: inline-block !important;}
#ship_description > table > tbody > tr > td {display: block; width: auto;}
#ces_container .ship_gallery_button {width: 100%; box-sizing: border-box; text-align: center;}
#ces_container .ship_description {padding-right: 0px !important;}
}
@media screen and (max-width: 370px) {
#ces_container .ces_menu {display: block; width: auto;}
}