/* monitors and laptops */
@media screen and (min-width: 1901px) {
	.start_photo_block {
		margin: 0px auto;
		margin-top: 200px;
		width: auto;
	}
		.start_photo {
			height: 320px;
			margin: 4px 6px;
		}
			.start_photo img {
				height: 320px;
				width: auto;
			}
}
@media screen and (min-width: 1366px) and (max-width: 1900px){
	.start-block {
		padding-right: 100px;
	}
	.start_photo_block {
		margin: 0px auto;
		margin-top: 150px;
		width: auto;
	}
		.start_photo {
			height: 200px;
			margin: 4px 6px;
		}
			.start_photo img {
				height: 200px;
				width: auto;
			}
}
@media screen and (min-width: 1240px) and (max-width: 1365px){
	.start_photo_block {
		margin: 0px auto;
		margin-top: 200px;
		width: auto;
	}
		.start_photo {
			height: 200px;
			margin: 4px 6px;
		}
			.start_photo img {
				height: 200px;
				width: auto;
			}
}
/* tablet */
@media screen and (min-width: 1024px) and (max-width: 1240px) {
	.head_left .head_h1 {
		font-size: 110%;
	}
	.head_left .head_h2 {
		font-size: 90%;
	}
}
@media screen and (max-width: 1024px) {
	.main_left {
		width: 150px;
	}
	.start_block {
		padding-right: 0px;
		padding: 0px;
	}
	.start_photo_block {
		margin-top: 100px;
	}
	.fotter_block {
		margin-top: 20px;
		margin-left: 20px;
		margin-bottom: 5px;
	}
	.work_el {
		font-size: 100%;
	}
	.main_photo_big {
		max-width: 600px;
		max-height: 600px;
	}
	.main_pub_photo {
		width: 100px;
		margin: 9px;
		max-height: 136px;
	}
	.portfolio_title {
		padding: 0px 30px 0px 0px;
	}
	.portfolio_name {
		font-size: 110%;
		text-align: right;
	}
	.main_top_menu {
		margin-top: 0px;
		font-size: 80%;
	}
	.main_top_name {
		font-size: 110%;
	}
	.main_top_year {
		font-size: 90%;
	}
	.portfolio_image {
		padding-right: 5px;
		width: 150px;
	}
		.portfolio_image img {
			width: 150px;
		}
	.main_photo {
		width: 70px;
		height: 95px;
		margin: 7px;
	}
		.main_photo img {
			max-height: 95px;
			overflow: hidden;
		}
	.main_gallery_2 {
		padding: 0px;
	}
	.main_center_about {
		font-size: 80%;
		font-weight: normal;
	}
	.pub_name {
		font-size: 100%;
		font-weight: normal;
	}
	.pub_name_dop {
		font-size: 100%;
		font-weight: normal;
	}
	.pub_intro {
		font-size: 80%;
		font-weight: normal;
		padding: 4px 0px;
	}
	.pub_more {
		font-size: 80%;
		font-weight: normal;
		    width: 70px;
	}
	.main_pub_name {
		font-size: 90%;
		font-weight: normal;
	}
}
/* mobile */
@media screen and (max-width: 768px) {
	.head_left .head_h1 {
		font-size: 110%;
	}
	.head_left .head_h2 {
		font-size: 90%;
	}
	.head_line {
		height: 30px;
	}
	.body {
		font-size: 10px;
	}
	.fotter_block {
		margin-top: 10px;
		font-size: 70%;
	}
		.fotter_left {
			padding-right: 10px;
		}
		.fotter_right {
			padding-left: 10px;
		}
	.head_menu {
		display: none;
	}
	.head_menu_mini {
		display: block;
		margin-right: 5px;
	}
	.main_left {
		display: none;
	}
	.start_photo_block {
		margin-top: 40px;
		width: auto;
		max-width: 400px;
	}
	.pub_text {
		text-align: left;
	}
	.pub_more {
		float: left;
	}
	.window_form {
		width: auto;
		min-width: 480px;
		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'], .window_text textarea {
				width: auto;
				min-width: 400px;
			}
			.window_text input[type='button'] {
				width: auto;
			}
		.window_text_message {
			width: auto;
			padding: 10px;
			padding-bottom: 20px;
		}
	.main_photo_big {
		max-width: 400px;
		max-height: 400px;
	}
	.main_pub_photo {
		width: 100px;
		margin: 9px;
		max-height: 136px;
	}
	.portfolio_name {
		font-size: 100%;
		text-align: right;
	}
	.main_top_name {
		font-size: 100%;
	}
	.main_top_year {
		font-size: 90%;
	}
	.main_top_menu {
		margin-top: 0px;
		font-size: 80%;
		padding-left: 0px;
	}
	.button_img_block {
		font-size: 80%;
		margin: 2px 0px 6px;
	}
	.main_photo {
		width: 55px;
		height: 74px;
		margin: 7px;
	}
		.main_photo img {
			max-height: 74px;
			overflow: hidden;
		}
}
/* iPad in landscape */
@media only screen and (max-device-width : 1024px) and (orientation : landscape) {
	.head_left .head_h1 {
		font-size: 90%;
	}
	.head_left .head_h2 {
		font-size: 80%;
	}
	.head_left {
		padding: 3px;
		width: 95px;
	}
		.head_title {
			width: 90px;
		}
	.head_center {
		padding: 3px;
	}
	.head_right {
		padding: 3px;
		padding-right: 20px;
	}
	.main_center {
		margin: 0px;
	}
	.start_block {
		margin: 0px auto;
		padding: 0px;
	}
	.start_photo_block {
		width: auto;
		margin-top: 0px;
	}
		.start_photo, .main_pub_photo {
			height: 70px;
			width: auto;
			overflow: hidden;
			display: inline-block;
			margin: 1px;
		}
			.start_photo img, .main_pub_photo img {
				height: 70px;
				width: auto;
			}
	.main_photo_big {
		margin: 0px auto;
		max-width: 180px;
		max-height: 130px;
	}
}
/* iPad in portrait */
@media only screen and (max-device-width : 1024px) and (orientation : portrait) {
	.head_left .head_h1 {
		font-size: 90%;
	}
	.head_left .head_h2 {
		font-size: 80%;
	}
	.head_left {
		padding: 3px;
		width: 95px;
	}
		.head_title {
			width: 90px;
		}
	.head_right {
		padding: 3px;
		padding-right: 20px;
	}
	.head_center {
		padding: 3px;
	}
	.main_center {
		margin: 0px;
	}
	.start_block {
		margin: 0px auto;
		padding: 0px;
	}
	.start_photo_block {
		width: 220px;
		margin-top: 0px;
	}
		.start_photo {
			height: 90px;
			width: auto;
			overflow: hidden;
			display: inline-block;
			margin: 1px 2px;
		}
			.start_photo img {
				height: 90px;
				width: auto;
			}
		.main_pub_photo {
			height: 90px;
			width: auto;
			overflow: hidden;
			display: inline-block;
			margin: 1px 2px;
		}
			.main_pub_photo img {
				height: 90px;
				width: auto;
			}
	.main_photo_big {
		margin: 0px auto;
		max-width: 300px;
		max-height: 300px;
	}
}
/* iPhone 5 in landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
	.start_block {
		margin: 0px auto;
		padding: 0px;
	}
	.start_photo_block {
		margin-top: 0px;
	}
		.start_photo, .main_pub_photo {
			height: 70px;
			width: auto;
			overflow: hidden;
			display: inline-block;
			margin: 1px 2px;
		}
			.start_photo img, .main_pub_photo img {
				height: 70px;
				width: auto;
			}
}
/* iPhone 5 in portrait */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
	.start_photo_block {
		width: 280px;
		margin-top: 0px;
	}
		.start_photo {
			height: 120px;
			width: auto;
			overflow: hidden;
			display: inline-block;
			margin: 1px 2px;
		}
			.start_photo img {
				height: 120px;
				width: auto;
			}
}
/*iPhone 6 Portrait*/
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation : portrait) {
		.start_photo_block {
			width: 280px;
			margin-top: 0px;
		}
			.start_photo {
				height: 120px;
				width: auto;
				overflow: hidden;
				display: inline-block;
				margin: 1px 2px;
			}
				.start_photo img {
					height: 120px;
					width: auto;
				}
}
/*iPhone 6 landscape*/
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation : landscape) {
	.start_photo_block {
		margin-top: 0px;
	}
		.start_photo, .main_pub_photo {
			height: 50px;
			margin: 1px 2px;
		}
			.start_photo img, .main_pub_photo img {
				height: 50px;
				width: auto;
			}
	.main_top_menu {
		padding-left: 8px;
	}
	.main_top_title {
		padding-left: 8px;
	}
	.main_center_about {
		padding-left: 8px;
	}
	.button_img_block {
		padding-left: 8px;
	}
	.main_pub_name {
		padding-left: 8px;
	}
}
/*iPhone 6+ Portrait*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) {
	.main_right {
		padding: 0px 5px;
	}
	.start_photo_block {
		width: 330px;
		margin: 0px auto;
	}
		.start_photo {
			height: 120px;
			width: auto;
			overflow: hidden;
			display: inline-block;
			margin: 1px 2px;
		}
			.start_photo img {
				height: 120px;
				width: auto;
			}
	.main_top_menu {
		padding-left: 8px;
	}
	.main_top_title {
		padding-left: 8px;
	}
	.main_center_about {
		padding-left: 8px;
	}
	.button_img_block {
		padding-left: 8px;
	}
	.main_pub_name {
		padding-left: 8px;
	}
	.main_photo_big {
		margin: 0px auto;
		max-width: 300px;
		max-height: 380px;
	}
}
/*iPhone 6+ landscape*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) {
	.main_right {
		padding: 0px 5px;
	}
	.start_photo_block {
		width: auto;
		margin: 0px auto;
	}
}
@media screen and (max-width: 400px) {
	.div_br {
		display: block;
	}
	.window_form {
		width: auto;
		min-width: 350px;
		min-height: 80px;
		padding-bottom: 10px;
	}
		.window_text input[type='text'], .window_text input[type='password'], .window_text textarea {
			width: auto;
			min-width: 320px;
		}
		.window_text input[type='button'] {
			width: auto;
		}
		.window_text_message {
			width: auto;
			padding: 5px;
			padding-bottom: 10px;
		}
}