﻿/* Smartphones (вертикальная и горизонтальная ориентация) ----------- */
@media only screen and (max-width : 320px) {
html,body {
	font-size: 16px;
}
.user_fon_2 {
	background-position: 50% 100%!important;
}
.user_fon_3 {
	background-position: 50% 100%!important;
}
.user_fon_4 {
	background-position: 50% 100%!important;
}
/*Стили для мобильной и полной версии*/
.s_full {
	display: none!important;
}
.s_mobile {
	display: block!important;
}
.s_mobile_block {
	display: inline-block!important;
}
/*Тексты*/
.s_h0 {
	display: inline-block;
	font-size: 280%;
}
.s_h1 {
	display: inline-block;
	font-size: 200%;
}
.s_h2 {
	display: inline-block;
	font-size: 170%;
}
.s_h3 {
	display: inline-block;
	font-size: 140%;
}
.s_h3 {
	display: inline-block;
	font-size: 120%;
}
.s_text {
	display: inline-block;
}
.s_text_mini {
	display: inline-block;
	font-size: 90%;
}
.s_text_micro {
	display: inline-block;
	font-size: 80%;
}
.s_text_nano {
	display: inline-block;
	font-size: 60%;
}
.s_font_vk {
	font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;
}
/*Стиль для блоков*/
.s_button_mini {
	font-size: 16px;
	padding: 2px 12px;
}
.s_button {
	font-size: 20px;
	padding: 4px 24px;
}
/*Максимальная ширина и высота элементов*/
.s_w_300 {
	width: auto;
}
.s_w_350 {
	width: auto;
}
.s_w_400 {
	width: auto;
}
.s_w_450 {
	width: auto;
}
.s_w_600 {
	width: auto;
}
.s_mw_300 {
	max-width: 250px;
}
.s_mw_350 {
	max-width: 250px;
}
.s_mw_400 {
	max-width: 250px;
}
.s_mw_500 {
	max-width: 250px;
}
.s_mw_600 {
	max-width: 280px;
}
.s_mw_700 {
	max-width: 300px;
}
.s_mw_800 {
	max-width: 300px;
}
.s_mw_900 {
	max-width: 300px;
}
.s_mw_1000 {
	max-width: 300px;
}
.s_mw_1100 {
	max-width: 300px;
}
.s_mw_1200 {
	max-width: 300px;
}
/*Отступы*/
.s_padding_5 {
	padding: 1px;
}
.s_padding_10 {
	padding: 3px;
}
.s_padding_20 {
	padding: 5px;
}
.s_padding_top_20 {
	padding-top: 5px;
}
.s_padding_bottom_20 {
	padding-bottom: 5px;
}
.s_padding_5_10 {
	padding: 1px;
}
.s_padding_5_20 {
	padding: 1px 5px;
}
.s_margin_5 {
	margin: 1px;
}
.s_margin_10 {
	margin: 3px;
}
.s_margin_5_10 {
	margin: 1px;
}
.s_margin_top_10 {
	margin-top: 3px;
}
.s_margin_left_20 {
	margin-left: 5px;
}
.s_margin_bottom_5 {
	margin-bottom: 1px;
}
.s_margin_bottom_10 {
	margin-bottom: 3px;
}
.s_margin_bottom_20 {
	margin-bottom: 5px;
}
.s_margin_bottom_30 {
	margin-bottom: 8px;
}
.s_margin_bottom_40 {
	margin-bottom: 10px;
}
.s_margin_bottom_60 {
	margin-bottom: 20px;
}
.s_margin_bottom_80 {
	margin-bottom: 30px;
}
.s_margin_bottom_160 {
	margin-bottom: 40px;
}
}
@media only screen and (min-width : 321px) and (max-width: 767px) {	
html,body {
	font-size: 16px;
}
.user_fon_2 {
	background-position: 50% 100%!important;
}
.user_fon_3 {
	background-position: 50% 100%!important;
}
.user_fon_4 {
	background-position: 50% 100%!important;
}
/*Тексты*/
.s_h0 {
	display: inline-block;
	font-size: 280%;
}
.s_h1 {
	display: inline-block;
	font-size: 200%;
}
.s_h2 {
	display: inline-block;
	font-size: 170%;
}
.s_h3 {
	display: inline-block;
	font-size: 140%;
}
.s_h3 {
	display: inline-block;
	font-size: 120%;
}
.s_text {
	display: inline-block;
}
.s_text_mini {
	display: inline-block;
	font-size: 90%;
}
.s_text_micro {
	display: inline-block;
	font-size: 80%;
}
.s_text_nano {
	display: inline-block;
	font-size: 60%;
}
.s_font_vk {
	font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;
}
/*Стили для мобильной и полной версии*/
.s_full {
	display: none!important;
}
.s_mobile {
	display: block!important;
}
/*Стиль для блоков*/
.s_button_mini {
	font-size: 18px;
	padding: 2px 15px;
}
.s_button {
	font-size: 22px;
	padding: 7px 30px;
}
/*Максимальная ширина и высота элементов*/
.s_w_300 {
	width: auto;
}
.s_w_350 {
	width: auto;
}
.s_w_400 {
	width: auto;
}
.s_w_450 {
	width: auto;
}
.s_w_600 {
	width: auto;
}
.s_h_350_full {
	height: auto;
}
.s_h_400_full {
	height: auto;
}
.s_mw_300 {
	max-width: 250px;
}
.s_mw_350 {
	max-width: 280px;
}
.s_mw_400 {
	max-width: 350px;
}
.s_mw_500 {
	max-width: 400px;
}
.s_mw_600 {
	max-width: 500px;
}
.s_mw_700 {
	max-width: 600px;
}
.s_mw_800 {
	max-width: 600px;
}
.s_mw_900 {
	max-width: 600px;
}
.s_mw_1000 {
	max-width: 600px;
}
.s_mw_1100 {
	max-width: 600px;
}
.s_mw_1200 {
	max-width: 600px;
}
/*Отступы*/
.s_padding_5 {
	padding: 3px;
}
.s_padding_10 {
	padding: 5px;
}
.s_padding_20 {
	padding: 10px;
}
.s_padding_top_20 {
	padding-top: 10px;
}
.s_padding_bottom_20 {
	padding-bottom: 10px;
}
.s_padding_5_10 {
	padding: 3px 5px;
}
.s_padding_5_20 {
	padding: 3px 10px;
}
.s_margin_5 {
	margin: 3px;
}
.s_margin_10 {
	margin: 5px;
}
.s_margin_5_10 {
	margin: 3px 5px;
}
.s_margin_top_10 {
	margin-top: 5px;
}
.s_margin_left_20 {
	margin-left: 10px;
}
.s_margin_bottom_5 {
	margin-bottom: 3px;
}
.s_margin_bottom_10 {
	margin-bottom: 5px;
}
.s_margin_bottom_20 {
	margin-bottom: 10px;
}
.s_margin_bottom_30 {
	margin-bottom: 15px;
}
.s_margin_bottom_40 {
	margin-bottom: 30px;
}
.s_margin_bottom_60 {
	margin-bottom: 40px;
}
.s_margin_bottom_80 {
	margin-bottom: 40px;
}
.s_margin_bottom_160 {
	margin-bottom: 100px;
}
/*Всплывающее окно*/
.window_form {
	width: auto;
	min-width: 360px;
	min-height: 100px;
	padding-bottom: 10px;
}
	.window_close {
		position: absolute;
		width: 40px;
		height: 40px;
		right: 10px;
	}
		.window_close:hover {
			color: red;
		}
	.window_text {
		width: auto;
		padding: 5px;
	}
		.window_text input[type='text'], .window_text input[type='password'] {
			width: auto;
		}
		.window_text input[type='button'] {
			width: auto;
		}
	.window_text_message {
		width: auto;
		padding: 10px;
		padding-bottom: 20px;
	}
	.window_td_left {
		padding: 5px;
		width: 30%;
	}
	.window_td_right {
		padding: 5px;
	}
	.button_vk_enter {
		max-width: 240px;
		width: auto;
		padding: 7px 8px 8px;
	}
	.window_enter_small {
		display: block;
	}
	.window_enter_big {
		display: none;
	}
}
/* iPhone 4 ----------- */
@media only screen and (min-width: 320px) and (max-width: 480px) {
.user_fon_2 {
	background-position: 50% 100%!important;
}
.user_fon_3 {
	background-position: 50% 100%!important;
}
.user_fon_4 {
	background-position: 50% 100%!important;
}
.s_mobile_block {
	display: inline-block!important;
}
.s_w_300 {
	width: auto;
}
.s_w_350 {
	width: auto;
}
.s_w_400 {
	width: auto;
}
.s_w_450 {
	width: auto;
}
.s_w_600 {
	width: auto;
}
.s_h_350_full {
	height: auto;
}
.s_h_400_full {
	height: auto;
}
.s_mw_300 {
	max-width: 250px;
}
.s_mw_350 {
	max-width: 280px;
}
.s_mw_400 {
	max-width: 320px;
}
.s_mw_500 {
	max-width: 320px;
}
.s_mw_600 {
	max-width: 320px;
}
.s_mw_700 {
	max-width: 320px;
}
.s_mw_800 {
	max-width: 320px;
}
.s_mw_900 {
	max-width: 320px;
}
.s_mw_1000 {
	max-width: 320px;
}
.s_mw_1100 {
	max-width: 320px;
}
.s_mw_1200 {
	max-width: 320px;
}
}

/* iPads (вертикальная и горизонтальная) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

}


/* Smartphones (горизонтальная) ----------- */
@media only screen and (min-width: 321px) {
/* стили */
}

/* iPads (горизонтальная) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
/* стили */
}

/* iPads (вертикальная) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
/* стили */
}

/* iPad 3**********/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
/* стили */
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
/* стили */
}

/* Настольные компьютеры и ноутбуки ----------- */
@media only screen  and (min-width: 1224px) {
/* стили */
}

/* Большие экраны ----------- */
@media only screen  and (min-width: 1824px) {
/* стили */
}

/* iPhone 4 ----------- */
@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	
/* стили */
}
@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	
/* стили */
}

/* iPhone 5 ----------- */
@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2){
/* стили */
}
@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2){
/* стили */
}

/* iPhone 6 ----------- */
@media only screen and (min-width: 375px) and (max-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2){
/* стили */
}
@media only screen and (min-width: 375px) and (max-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2){
/* стили */
}

/* iPhone 6+ ----------- */
@media only screen and (min-width: 414px) and (max-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2){
/* стили */
}
@media only screen and (min-width: 414px) and (max-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2){
/* стили */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-width: 320px) and (max-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2){
/* стили */
}
@media only screen and (min-width: 320px) and (max-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2){
/* стили */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-width: 320px) and (max-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3){
/* стили */
}
@media only screen and (min-width: 320px) and (max-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3){
/* стили */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-width: 360px) and (max-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3){
/* стили */
}
@media only screen and (min-width: 360px) and (max-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3){
/* стили */
}

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 800px) {
}
