/*Adaptiv*/
/*Containers*/

	#wrapper {min-width:0px;}

	#about-slider .block {max-width:100%;}
	.contacts h2 {text-align: right;}


	@media all and (max-width: 1040px) {
		.block {width:auto;padding:0 20px;}
		#panel {display:none;}
		#wrapper {padding:0 35px;}
		#wrapper:before {width:35px;left:0;margin:0!important;}
		#wrapper:after {width:35px;right:0;left:auto;margin:0!important;}
		.catalog-detail-area{width:100%; }
		.catalog-detail-area-price{padding-right:5px;}
		.material{display:block; height:70px;}
		.catalog-text{display:none;}
	}

	@media all and (max-width: 480px) {
		#wrapper {padding:0;}
			#wrapper:before, #wrapper:after {display:none;}
		.block {padding:0 15px;}
		.jcarousel-skin-tango  .jcarousel-prev-horizontal .jcarousel-next-horizontal{ display:none !important;}
	}


/*Header*/
	@media all and (max-width: 1040px) {
		.logo_h a {left:20px;width:251px;}
		.header-menu {right:0px;}
		.header-menu li {padding:0 20px 0 0; }
		.header-address {right:20px;}
		.header-address {width:255px;}
	}

	@media all and (max-width: 1040px) {
		#header {padding-top:30px;}

		.header-menu {position:fixed;top:0;left:0;height:auto;padding:5px 0 5px 35px;background:#000;}
			.header-menu li a {color:#fff;}
			.header-menu li a:hover, .header-menu li a.selected {color:#006ab3;}

		.header-phone, .header-address {top:55px;}
		.header-phone {right:275px;padding-right:30px;}
		.line_content{background-position: center;}
			.about .block{padding-left: 15px; padding-right: 15px;}
				.services{max-height: none; text-align: center;}
				.services .item{width: 45%; padding-bottom: 20px; margin: 5px !important; }
				.footer-block .news{width: auto;}
				#footer{ position: static;}
				.contacts{top: 0px;}
				.company_img{width:591px;}
				.product-list{width: 100%; text-align: center;}
				.row{width: 100%; text-align: center;}
	}

	@media all and (max-width: 860px) {
		.header-phone {padding:0;right:20px;top:20px;border:0;}
		.header-address {top:115px;padding:0;}
			.header-address p {font-size:12px;padding-bottom:0;background:none;}
			.header-address a {font-size:12px;}
				.about .block{padding-left: 15px; padding-right: 15px;}
				.services{max-height: none; text-align: center;}
				.services .item{width: auto; padding-bottom: 20px; margin: 5px !important; }
				.footer-block .news{width: auto;}
				#footer{ position: static;}
				.contacts{top: 0px;}
				.company_img{width:100%;}  
				
	}

	@media all and (max-width: 740px) {
		.header-menu {height:30px;background:#000 url('../tireos_start_copy/images/menu.png') 35px center no-repeat;background-size:15px;}
		.header-menu:after {content:'Меню';position:absolute;top:5px;left:55px;display:block;font:400 20px/30px "PT Sans";color:#fff;}
			.header-menu ul {display:block;background:#000;max-height:0px;overflow:hidden;position:relative;top:35px;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;}
			.header-menu ul.open {max-height:400px;padding-bottom:15px;}
				.header-menu ul li {display:block;float:none;}
				.header-menu ul li a {display:block;padding:5px 0 5px 20px;border:0;}
				
				.header-menu ul li a:hover, .header-menu ul li a.selected {background:#fff;color:#fff;border:0;color:#000;}
				.header-menu:hover {cursor: pointer;}
				.about .block{padding-left: 15px; padding-right: 15px;}
				.services{max-height: none; text-align: center;}
				.services .item{width: auto; padding-bottom: 20px; margin: 5px !important; }
				.footer-block .news{width: auto;}
				#footer{ position: static;}
				.contacts{top: 0px;}
				.company_img{width:100%;}  
				.left .contacts{padding-left: 11%;}
				
	}
    

	@media all and (max-width:640px) {
		.header-address {width:135px;top:100px;}
		.header-address a {padding-left:0;}
		.company_img{width:100%;}
		.logo_h a {text-align:left; left:2px;}
		.logo_h img {width:190px;}
	}
	
	@media all and (max-width: 480px) {
		#header, #header .block {height:auto; width: 95%;}
		#header .block {padding-bottom:10px;}		  
		.header-logo, .logo_h a  {height:142px;/* padding-left: 3%;*/}
		.logo_h h3{ padding-top: 35px;text-align: center; padding-left: 0px;}
		.logo_h p{padding-left: 30px;text-align: center;padding-left: 0px; }
		.logo_h a {display:block;position:relative;top:0;left:0;width:100%;margin-top:10px;background-position:center center;float:none; text-align:center;}
		.logo_h img {width:190px; padding-top:5px;}
		.about .block{padding-left: 15px; padding-right: 15px;}
		.about-text{width: 100%;}
		.about-img{display:none;}
		.about h1 span{font-size: 35px;}
		.about h1{font-size: 25px; line-height: 30px;}	
		.product .item{ margin-left: 23%;}	
		.product .carousel-items{overflow: visible  !important;}
		.product{border-bottom: none;}
		.services{max-height: none; text-align: center;}
		.services .item{width: auto; padding-bottom: 20px;}
		.footer-block .news{width: auto;}
		#footer{ position: static;}
		#footer .block{height: 380px;}
		.contacts{top: 0px;}
		
		#header:after, #header .block:after {content:"";display:block;clear:both;}

		.header-menu {padding-left:0;background-position:15px center;}
		.header-menu:after {left:40px;}

		.header-phone {position:relative;float:left;top:5px;left:0;right:0;width:100%;text-align:left;}
			.header-phone-number {font-size:18px;line-height:30px;float:left;}
			.header-phone-number span {font-size:20px;}
			.header-phone-call {float:right;}
		.header-address {display:none;}
		
	}
	
/*Body*/
	/*All*/
		@media all and (max-width:480px) {			
			.news-list .news-item-img{ padding-right: 15px;}		
			.contacts_img_p { padding: 0; position: relative; right: 55px; }
			.contacts.shadow h2 {padding-right:15%;}
		}
		@media all and (max-width:320px) {
			.content h1 {letter-spacing:0;}
				#header, #header .block {height:auto;}
		#header .block {padding-bottom:10px;}
		.header-logo, .logo_h a  {height:142px; /*padding-left: 3%;*/}
		.logo_h h3{ padding-top: 35px;text-align: center; padding-left: 0px;}
		.logo_h p{padding-left: 30px;text-align: center;padding-left: 0px;}
		.logo_h a {display:block;position:relative;top:0;left:0;width:100%;margin-top:10px;background-position:center center;float:none;}
		.about .block{padding-left: 15px; padding-right: 15px;}
		.about-text{width: 100%;}
		.about-img{display:none;}
		.about h1 span{font-size: 35px;}
		.about h1{font-size: 25px; line-height: 30px;}	
		.product .item{ margin-left: 20%;}	
		/*.product .jcarousel-skin-tango .jcarousel-item-horizontal { padding: 0px 50px; }*/
		.footer-block .contacts h2 { text-align: center; }
		.contacts_img_p { padding: 0; position: relative; right: 55px; }
		.product .carousel-items{overflow: visible  !important;}
		.product{border-bottom: none;}
		.services{max-height: none; text-align: center;}
		.services .item{width: auto; padding-bottom: 20px;}
		.footer-title{position: none;}
		/*.product-list .item{display: block; padding-left: 9%;}*/
		
		
		
		
		#header:after, #header .block:after {content:"";display:block;clear:both;}

		.header-menu {padding-left:0;background-position:15px center;}
		.header-menu:after {left:40px;}

		.header-phone {position:relative;float:left;top:5px;left:0;right:0;width:100%;text-align:left; padding-left: 22%;}
			.header-phone-number {font-size:18px;line-height:30px;float:left;}
			.header-phone-number span {font-size:20px;}
			.header-phone-call {float:left;}
		.header-address {display:none;}
		
		}
		@media all and (max-width:620px) {
			/*.news-list .news-item-params{overflow: visible;}*/
			.news-detail p{float:left;}
			.pagenav li a{letter-spacing: 0px;}
			.services .item-name{ width: auto;}
			.pagenav li.my_b{padding-right: 4px;}
			.pagenav li a{padding-right: 5px;}
			.content h1{/*font-size: 28px;letter-spacing: 2px; */ font-size: 24px;letter-spacing: 2px; line-height: 30px;}
			.product h2, .services h2 {/*letter-spacing:2px;line-height: 35px; font-size: 28px; */ text-align:center; font-size: 24px;letter-spacing: 2px; line-height: 30px;}
		}
		    
	/*Main*/
		@media all and (max-width: 1040px) {
			.services .carousel-items {text-align:center;}
				.services .item, .services .item:last-child {float:none;margin:0;display:inline-block;}
				.services .item:nth-child(2) {margin:0 20px 20px;}		
				.product h2{text-align:center;}
				.services h2{text-align:center;}	
				.catalog-item:nth-child(3n){float:none !important; margin-right: 17px;}
				.catalog_list{text-align:center;}
				.catalog-item{float: none;}
		}

		@media all and (max-width: 480px) {
			.services .item:nth-child(2) {margin:0 0px 20px;}
			.catalog.catalog_list{}
		}
		/*Slider*/
			@media all and (max-width: 1040px) {
				#about-slider {height:auto;}
				#about-slider .block {height:auto;}
					#about-slider .about-tb {top:50%;margin-top:-115px;}
						#about-slider .about-tb > li {height:200px;}
						.rooms-main .cat_list {width: auto;	}
						.product .carousel-items{ padding: 15px 0px 0px!important; top:0px !important;}
						.all_rooms{ padding-top: 20px; }
						.rooms-paging{display: none;}
											
			}
			
			@media all and (max-width: 550px) {
				.el_count{float:left; width: 100%; }
				.el_count form{  margin: 0 auto; width: 125px; }
				.mc_sort{margin-bottom:10px;}
				
			}
			@media all and (max-width: 740px) {
				#about-slider  h1 {font-size:30px;}
				#about-slider  h1 span {font-size:35px;}
				#about-slider .about-text {width:100%;}
				.news-list .news-item-params{float:left;}
				/*.news-list .news-item{ border-bottom: rgba(160, 160, 160, 0.48) solid 3px;}
				.news-list .news-item:hover{ border-bottom: rgba(160, 160, 160, 0.48) solid 3px;}*/
			}
			
			@media all and (max-width: 620px) {
				#about-slider  h1 {font-size:15px;}
				#about-slider  h1 span {font-size:20px;}
				#about-slider .about-text {width:100%;}
				/*.cat_list .ri-wrap{padding: 11px 10px; }*/
				#about-slider .about-tb > li {height:170px;;}
				.catalog-detail-img{ width: calc(100% - 25px) !important; height: auto; margin-bottom: 10px;}
				.catalog-detail-order-slider{width: calc(100% - 16px);float: none; clear: both;}
				#detail-carousel-vertical{ height: auto;  margin: 0 5px; overflow: hidden;}
				#detail-carousel-vertical li{ float: none; margin: 0 5px 0 0; clear: none; display: inline; white-space: nowrap;}
				.catalog-detail-order-slider{left:0;}
				.jcarousel-prev-vertical.inactive, .jcarousel-next-vertical.inactive{display:none;}
			}
			
			@media screen and (max-width: 480px) {
				/*.jcarousel-prev, .jcarousel-next { display:none !important; }*/
				.carousel-items{width: 100% !important;}
				.jcarousel-item{ height: 170px !important;}
				.product .jcarousel-skin-tango .jcarousel-item-horizontal{ margin-left: 28%;}
			}
			@media screen and (max-width: 400px) {
				.product .jcarousel-skin-tango .jcarousel-item-horizontal{ margin-left: 23%;}
			}
			@media all and (max-width: 460px) {
				#about-slider {overflow:hidden;}
				#about-slider .about-text {display:none;}
				#about-slider .about-tb {top:0;margin-top:0;}
				#about-slider .about-tb > li {height:auto;}
			}


			@media all and (max-width: 320px) {
				#about-slider {overflow:hidden;}
				#about-slider .about-text {display:none;}
				#about-slider .about-tb {top:0;margin-top:0;}
				#about-slider .about-tb > li {height:auto;}
			}

		/*Slider Bottom */
			@media all and (max-width: 1040px) {
				.rooms-main-wrap {width:100%;}
					.cat_list > li {}
						.cat_list .ri-show-btn, .ri-reserve {display:block;margin:0;padding:0;width:100%;margin-bottom:5px;}
						.cat_list > li:hover:before {border-radius:0;top:14px;}
						.cat_list > li:hover:after {border-radius:0;bottom:14px;}
			}			
		/*Other*/
			@media all and (max-width: 1040px) { 
				.content {width:calc(100% - 270px);}
				.gallery .gallery-item {clear:both;float:left!important;}
				.cat_list > li {width:48%;}
			}

			@media all and (max-width: 820px) {
				.cat_list > li {width:100%;}
				.view_mode {margin-right:10px;}
				.about-text { float:none; width:auto; margin-bottom:20px; }
				.about-img { float:none; width:auto; }
				.about-text a { float:none; }
			}

			@media all and (max-width: 740px) { 
				.content {width:100%;}
				.left {width:100%;padding-bottom:0;   top: 0;}
				.cat_list > li {width:50%;}
				/*.cat_list .ri-wrap{border: #D0D0D0 solid 3px;}*/
				.cat_list > li:hover .ri-wrap{
				    padding: 11px 12px;
					border: 0;
					border-left: #44204e solid 3px;
					border-right: #44204e solid 3px;
				}
				.news-list .news-date-time{float: left;}
				.news-list .news-item-name{ width: 100%;}
				.news-detail .news-date-time{text-align: left;}
			}
			@media all and (max-width: 620px) { 
				.cat_list > li {width:100%;margin:0;}
				.std-table {width:calc(100% + 40px);margin-left:-20px;}
				.std-table td {padding:5px 2.5px;}
				.contact_r {clear:both;float:left;}
				.cat_list .ri-wrap{  padding: 8px 12px; border: #A0A0A0 solid 3px;}
				
			}
						
			@media all and (max-width:619px) {				
					.cb_form {padding:15px;}
						.cb_form h2 {padding:0;font-size:24px;line-height:35px;height:35px;margin-top:-65px;padding-bottom:30px;}
						.cb_form input[type="text"], .cb_form textarea {max-width:calc(100% - 26px);}
						img.calendar-icon{display: none;}
						.mc_date #date_2{margin-left: 4px;}
					.cb_form input[type="submit"] {height:35px;line-height:35px;font-size:14px;}
					/*.news-item-name{width: auto !important;}*/					
			}
			
			@media all and (max-width:320px) {
				.services .item {width:100%;}
				.services .item:nth-child(2) {margin-left:0;}

				/*PopUp*/
					.fancybox-wrap, .fancybox-inner {width:100%!important;left:0!important;}
					.fancybox-outer:before {height:35px;}
					.fancybox-close {top:4px;/*height:25px;background-size:100%;*/}

					.cb_form {padding:15px;}
						.cb_form h2 {padding:0;font-size:24px;line-height:35px;height:35px;margin-top:-50px;padding-bottom:15px;}
						.cb_form input[type="text"], .cb_form textarea {max-width:calc(100% - 12px);}
					.cb_form input[type="submit"] {height:35px;line-height:35px;font-size:14px;}

				.gallery div {max-width:100%;}
				.gallery .gallery-item:hover:before, .gallery .gallery-item:hover:after {display:none;}
				.gallery .gallery-item > div {padding:0;}

				.lb-prev, .lb-next {opacity:0.1}

				#wrapper .std-table tbody {display:none;}
				#wrapper .std-table:after {content:"Посмотреть таблицу";display:block;font-size:14px;padding-left:15px;font-weight:600;text-decoration:underline;}
			
				.fancybox-wrap.table {width:auto!important;}
				.fancybox-wrap.table .fancybox-inner {height:auto!important;}
					.fancybox-wrap.table .fancybox-outer:before {display:none;}
					.fancybox-wrap.table .std-table {width:600px;margin-left:0;}

				.news-list .news-item-params {clear:both;}
					.news-list .news-item-top {margin-bottom:0;}
					.news-list .news-item-img {height:auto;}
				.news-list .news-item-wrap {border-bottom:1px solid #000;padding-bottom:10px;}
				.news-list .news-item:hover {border-color:transparent;}
			}

	/*Catalog*/
		@media all and (max-width: 1040px) {
			.catalog-detail-img {width:calc(100% - 155px);}
				.catalog-detail-img img {max-width:100%;height:auto;}

			.catalog-text {border-radius:0;width:100%;height:100px;margin-bottom:20px;}
			.catalog-detail-text > div {float:left!important;clear:both;margin-bottom:20px;}

			.catalog-detail-price, .catalog-detail .catalog-detail-props {margin-left:0;width:100%;}
			.catalog-detail-price-a {width:auto;}
			.catalog-detail-price span {letter-spacing:2px;padding:0;}
		}

		@media all and (max-width:320px) {
			.mc_sort {margin-bottom:0;}
			.mc_sort .sortbtn {float:right;clear:both;}
			.view_mode {display:none;}
			.el_count {top:-25px;float:left;position:relative;}
			.mc_sort .sbHolder {float:right;}
			.fancybox-wrap, .fancybox-inner {height:auto!important;}
			.mc_date {width:auto;}
				.mc_date input[type="text"] {width:35%;}
			.catalog-detail {overflow:visible;}
			.catalog-detail-img {width:calc(100% - 22px);height:auto;margin-bottom:15px;}
			.catalog-detail-order-slider {width:calc(100% - 16px);float:none;clear:both;}
			#detail-carousel-vertical {height:auto;margin:0 40px;overflow:hidden;}
				#detail-carousel-vertical li {float:none;margin:0 5px 0 0;clear:none;display:inline;white-space:nowrap;}
			.jcarousel-prev-vertical {width:50px;transform:rotate(-90deg);
				-webkit-transform:rotate(-90deg);
				-moz-transform:rotate(-90deg);top:40px;left:-3px;}
			.jcarousel-next-vertical {width:50px;transform:rotate(-90deg);
				-webkit-transform:rotate(-90deg);
				-moz-transform:rotate(-90deg);top:40px;right:-3px;left:auto;}
			.catalog-detail-preview {width:auto;}

			.catalog-detail-price-text {text-transform:none;width:auto;padding-right:0;}
			.catalog-detail-price span {letter-spacing:0;font-size:18px;}
		}