/* http://sampleweb.ru/articles/usloviya-css-dlya-ekrana/ */

/* iPad in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
}

/* iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}

/* iPad in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}

/* Retina iPad in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Retina iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {}

/* Retina iPad in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {}

/* iPad 1 & 2 in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1){}

/* iPad 1 & 2 in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1)  {}

/* iPad 1 & 2 in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) {}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.line_1 p.mob-hide { display: none; }
	.line_1 { padding: 45px; height: calc(100vh - 100px - 45px - 45px); }
	.line_1 .col2:first-child { height: calc(100vh - 100px - 100px - 45px - 45px); }
} 

@media only screen and (max-width: 768px) {
/*@media only screen and (max-width: 768px) {*/
	h1, h2, h3, h4 { text-align: center; }
	h1 { font-size: 30px; line-height: 34px; }
	h2 { font-size: 28px; line-height: 32px; }
	h3 { font-size: 24px; line-height: 28px; }
	.col2, .col3, .col4, .col5 {
		width: 100% !important;
		margin: 0 !important;
		padding-top: 20px;
		padding-bottom: 10px;
	}
	.col6 { width: calc((100% - 20px)/2); }
	.nth-col6 .col6:nth-child(2n) { margin-right: 0; }


	.no-bottom-border { border-bottom: none; }
	/*.div_content { width: 96% !important; max-width: 1100px; }*/
	.div_content { padding: 0 15px; }
	p.btn_more { line-height: 3; text-align: center !important; }
	p.btn_more a { font-size: 18px !important; }
	p.btn_more a { margin-right: 0; }
	td.slogan, td.call, td.tdmenu { display: none; }
	td.slogan-hidden, td.tdmenu-hidden { display: table-cell;  line-height: 28px; text-align: center; }

	.reveal-modal {
		top: 50px;
		left: 0;
		left: calc(10%/2) !important;
		margin: 0 auto !important;
		max-width: 90% !important;
		padding: 20px !important;
	}
	input, textarea { width: 100%; }
	select, input[type="submit"] { width: 100%; }
	.tdmenu { text-align: center; }
	.line_header { position: relative; padding: 10px; height: auto; }
	#sddm, #sddm div, .line_warning, td.logo .fa, .show-menu { display: none !important; }
	table.menu td.logo { text-align: left; }
	td.logo img { max-width: 100px; height: auto; margin-right: 0; }
	.tdmenu { text-transform: none !important; font-size: 16px !important; }
	.link_phone { text-decoration: underline !important; }
	.line_custom { padding-top: 150px; }
	.line_custom_nopadding { /*background: none !important;*/ padding-top: 0 !important; padding-bottom: 0 !important; }
	.line_custom_bgwhite { 	padding-top: 40px !important; padding-bottom: 30px !important; /*background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgba(255, 255, 255, 1)) !important;*/ }
	#process .line_custom_bgwhite { padding: 0 0 40px 0; }
	.hidden-text { display: inline; }
	.hidden-menu { display: block; margin-top: 10px; }
	.hidden-menu a { text-decoration: none; margin-right: 10px; }
	
	
	.line_footer_menu { display: block; }
	.fa-5x { font-size: 4em; }
	p.btn_more_small { line-height: 2.5; }
	.imgmob { max-width: 160px !important; }
	
	* {
		box-sizing: border-box;
	}
	td.phone span.call { display: inline; font-size: 16px !important; }
	.line_dark form { margin-top: 15px; }
	.line_dark form input { width: 100%; }
	.line_dark form input[type="text"] { margin-bottom: 0; }
	table.footer td { text-align: center; }
	.col3 ul { text-align: left; }

	#process.line_custom_nopadding { background-image: linear-gradient(to top, rgb(255, 255, 255), rgba(0, 84, 96, 0.05)) !important; }
	#process.line_custom_nopadding .line_custom_bgwhite { background-image: none !important; background-color: transparent; }
	.mob-hide { display: none; }
	.mob-show { display: block; }
	
	
	/**************************************************************/
	
		.line_1 { padding-top: 0; padding-bottom: 15px; border-bottom: none; }
		/*.line_1 .div_content:first-child { width: 100% !important; }*/
		.line_1 .line_custom_bgwhite .div_content p:nth-child(1) { margin-bottom: 30px; }
		.slick-slide img { max-width: 150px; height: auto; }
		.slick-prev { left: 0 !important; z-index: 1; }
		.slick-next { right: 0 !important; }
		p.btn_more a { display: inline-block; line-height: 1.3; margin-bottom: 10px; max-width: 380px; }
		#steps .col5 img { max-width: 40%; }
		.line_custom { padding: 40px 0 30px 0; }
		h1 { font-size: 30px; line-height: 34px; margin-bottom: 15px; }
		h2 { font-size: 30px; line-height: 34px; }
		td, input, select, textarea, div { font-size: 17px; line-height: 1.6; }
		/*#about img { max-width: 120px; height: auto; margin: 0 0 10px 10px; }*/
		.parts_logo { max-width: 180px; height: auto; margin: 0 0 10px 10px; }
		#steps .line_custom_bgwhite { padding-top: 0; }
		#steps h3 { font-size: 20px; }
		.first_p { margin-bottom: 20px; }
		.tech .col6 { margin-bottom: 30px; }
		.tech .col6 img { margin-bottom: 5px; }
		.reveal-modal form input[type="submit"] { margin-top: 10px; }


.promo-wrapper-text { width: 100%; margin-right: 0; margin-bottom: 20px; }
.promo-wrapper-text .morebutton-p { display: inline-block; }
.promo-wrapper-form { display: none; }

.menu { display: none; }
.menu_mob { display: table; }

td.logo, td.phone { text-align: left; }
td.logo a { display: block; font-size: 30px; line-height: 1.3; }
td.phone { padding: 10px 0; }
td.tdmenu_mob { width: 45px; }
.nivo-caption p.morebutton-p { margin-top: 20px; }
.nivo-caption p.morebutton-p a { font-size: 18px; }
.promo-wrapper-text h2 { margin-bottom: 0; }
.nivo-content.light-caption .promo-wrapper-text h2, .nivo-content.dark-caption .promo-wrapper-text h2 { font-size: 34px; line-height: 1.2; }
#reviews, #works, #profili, #clinic { border-bottom: none; }
#clinic .col2:last-child, #proizvodstro .col2:last-child { padding-left: 0; }
#clinic .col2 h2, #proizvodstro .col2 h2, #proizvodstro .col2 p { text-align: center; }
#proizvodstro form input, #proizvodstro form textarea, #link_top form input, #link_top form textarea { width: 100%; }
.mob_grey { background-color: rgba(28, 72, 133, 0.1); }
.nivo-content.light-caption .promo-wrapper-text p.morebutton-p, .nivo-content.dark-caption .promo-wrapper-text p.morebutton-p { display: none; }
.theme-default .nivo-controlNav { display: none; }
.nivo-directionNav a { top: 38%; }

.img_w250, .img_w300, .img_w350, .img_w400, .img_w500 { max-width: 100%; }

.img_w250 { max-width: 30%; }
.fright { margin: 10px 0 10px 10px; }
.img_w400 { margin: 0 0 20px 0; }

#contacts .col2:last-child { padding-left: 0; }
#contacts form input, #contacts form textarea { width: 100%; }

#contacts .nth-col2 { display: flex; flex-flow: wrap; }
#contacts .col2:first-child { order: 2; }
#contacts .col2:last-child { order: 1; }

#clinic .col2:last-child { padding-left: 0; }
#clinic .nth-col2 { display: flex; flex-flow: wrap; }
#clinic .col2:first-child { order: 2; }
#clinic .col2:last-child { order: 1; }

td.phone a { color: #fff; }
td.phone a:hover { color: #fff; }

#about .nth-col2 .col2:first-child { padding-bottom: 0; padding-top: 0; }
#about .nth-col2 .col2:last-child { padding-top: 0; }
#about .nth-col2 .col2:last-child p:first-child { margin-top: 0; }

#operations .col3 { padding-top: 0; }

#operations .nth-col2 .col2:first-child { padding-bottom: 0; padding-top: 0; }
#operations .nth-col2 .col2:last-child { padding-top: 0; }
#operations .nth-col2 .col2:last-child p:first-child { margin-top: 0; }

.line_footer td { display: block; width: 100%; text-align: center; }
.line_footer td:first-child { margin-bottom: 10px; }

/*.myslick { height: auto; }*/
.myslick { height: 220px; }

.age { top: 134px; }

.age2 { bottom: 20px; top: auto; }

.line_1 .col2:first-child h1 { font-size: 40px; line-height: 44px; }
.line_1 { height: auto; padding-top: 15px; padding-left: 0; padding-right: 0; }
.line_1 .col2:first-child { padding: 20px; text-align: center; font-size: 20px; line-height: 1.5; display: block; height: auto; background-color: rgba(0, 0, 0, 0.6); }
.inner { padding: 20px; font-size: 20px; }

.info { display: block; width: 100%; max-width: 100%; overflow: auto; }

#spec .col2, #plans .col3, #about .col3, #contacts .col2 { padding-top: 0; padding-bottom: 0; }
#spec .col2:first-child p:first-child, #plans .col3:first-child p:first-child, #about .col3:first-child p:first-child, #contacts h3 { margin-top: 0; }
#spec .col2 p:last-child, #plans .col3 p:last-child, #about .col3 p:last-child , #contacts .col2 p:last-child { margin-bottom: 0; }
#about .col3 p { margin: 5px 0 20px 0 !important; }
#about .col3:last-child p { margin-bottom: 0 !important; }
#contacts form { margin-bottom: 30px; }

/* Это для флажков в header в моб. версии */
.tdmenu_mob { font-size: 1rem; line-height: 1; }
.languages .language_img { margin: 0; /*margin-left: -13px;*/ /*margin-left: 2px;*/ margin-left: 3px; margin-top: 3px; }
.languages .language_img:first-child { margin-top: 5px; }
.languages .language_img:last-child { margin-bottom: 0; }
.line_header .div_content { padding: 0 5px; }

/*#zakaz-ok .line_1 { height: calc(100vh - 114px); }*/

	.col2-container, .col3-container { display: block; margin-bottom: 20px; }
	.col2-container a, .col3-container a { display: block; margin-bottom: 20px; }
	.col2-container a:last-child { margin-bottom: 0; }

}