@media screen and (min-width:841px) and (max-width:1200px) {
    body {min-width:840px; font-size: 16px; line-height: 24px;} 
    
    .center-box {
    	margin:0 auto;
    	width:840px;
    }

    .header .sitename {
		width:500px;
	}
	    .header .sitename a {
    		display:block;
    		width:500px;
    		height:165px;
    		text-decoration:none;
    	}
    .header .first-nav ul.menu {
		width:550px;
	}
	    .header .first-nav ul.menu li {
			margin:0;
			font-size:21px;
		}
			.header .first-nav ul.menu li a {
				padding:0 10px;
			}
	.header .first-nav .fos-open-btn {
		float:left;
		width:290px;
		height:70px;
		background:#1f538f url(../images/fosopen-bg.png) center repeat-x;
		border-left:1px solid #7896b8;
		border-right:1px solid #7896b8;
		cursor:pointer;
	}
		.header .first-nav .fos-open-btn-text {
			float:left;
			width:230px;
			height:70px;
			color:#e0e3ea;
			line-height:70px;
			font-size:18px;
			text-align:center;
		}
		.header .first-nav .fos-open-btn-icon {
			float:left;
			width:58px;
			height:70px;
			background:url(../images/fosopen-icon.png) center no-repeat;
			border-left:1px solid #7896b8;
		}
	.header .second-nav ul.menu li {
		display:inline-block;
		line-height:70px;
		margin:0 2px;
		font-size:18px;
		font-weight:400;
	}
	
	.header .fos-line {
	    background:#b5c4d7 url(../images/fos-bg.jpg) top center repeat-x;
	    background-size: contain;
	}
    	.header .fos-line .fos-box {
    	    padding:10px;
    	}
	        .header .fos-line .fos-box input[type=text] {
        	    float:none;
        	    width:100%;
        	}
        	.header .fos-line .fos-box textarea {
        	    float:none;
        	    width:100%;
        	}
        	.header .fos-line .fos-box input[type=submit] {
        	    float:none;
        	    width:200px;
        	    margin:0;
        	}
        	.header .fos-line .fos-box .check-blo {
        	    padding-left:0;
        	    position:relative;
        	}
            	.header .fos-line .fos-box .check-blo input[type=checkbox] {
            	    display:block;
            	    float:none;
            	    position:absolute;
            	    left:10px;
            	    top:10px;
            	}
            	.header .fos-line .fos-box .check-blo label {
            	    display:block;
            	    float:none;
            	    width:100%;
            	    padding:10px 0 10px 40px;
            	    box-sizing: border-box;
            	    
            	}
	.content-box {
    	width:840px;
    }	
        .content-box .content {
    		padding:30px;
    	}
	
	    .content-box .news-item .news-image {
			width:300px;
		}
		.content-box .news-item .news-title {
			font-size:21px;
			line-height:28px;
		}
		    .content-box .news-item .news-title h3 {
				font-size: 21px;
                line-height: 28px;

			}
	.content-box .hello-box {
		padding:30px;
	}
	    .content-box .hello-box .left-column {
			float:left;
			width:480px;
			margin-right:15px;
			font-size:21px;
			line-height:28px;
		}
		.content-box .hello-box .right-column {
			float:left;
			width:285px;
		}
	
	.content-box .main-content {
		padding:30px;
	}
	.content-box .news-box {
		padding:0 30px 20px;
	}
	.content-box .foto-box {
		padding:0 30px 30px;
		text-align:center;
	}
	.content-box .slider-box {
		padding:30px;
	}
	    .content-box .slider-box .left-column {
			margin:0 28px 0 30px;
			width:242px;
		}
			.content-box .slider-box .left-column img {
				border:1px solid #fff;
				max-width:240px;
				height:auto;
			}
		.content-box .slider-box .right-column {
			float:left;
			margin:0 30px 0 0;
			width:310px;
		}
		.content-box .slider-box h3 {
			font-size:24px;
			line-height:32px;
			margin:0 0 20px;
		}
	.footer {
    	padding:0 30px 30px;
    }
        .footer-nav .column1 {
			width:130px;
			margin-right:15px;
		}
		    .footer-nav .column1 a {
				font-size:18px;
				line-height:26px;
			}
		.footer-nav .column2 {
			width:200px;
			margin-right:15px;
		}
		    .footer-nav .column2 a {
				font-size:16px;
				line-height:24px;
			}
		.footer-nav .column3 {
			width:100px;
			margin-right:15px;
		}
		    .footer-nav .column3 a {
				font-size:16px;
				line-height:24px;
			}
		.footer-nav .column4 {
			width:305px;
		}
		    .footer-nav .column4 p {
				font-size:16px;
				line-height:24px;
			}
	
}


@media screen and (max-width:840px) {

    body {min-width:320px; }
    
    .center-box {
    	width:auto;
    }
    /*шапка*/
    .header .gerb {
    	float:none;
    	width:100%;
    	margin-left:0;
    }
        .header .gerb a {
        	display:block;
        	margin:auto;
        }
    .header .sitename {
    	float:none;
    	width:100%;
    	height:auto;
    	padding:5px;
    	text-align:center;
    	
    }
    	.header .sitename a {
    		width:100%;
    		height:auto;
    	}
            .header .sitename1 {
            	font-size:36px;
            	line-height:42px;
            }
            .header .sitename2 {
            	font-size:21px;
            	line-height:26px;
            }
    
    .header .search-box {
    	float:none;
    	width:100%;
    	height:auto;
    	margin:0px 0 10px;
    	padding-left:0;
    	border-left:0;
    	text-align:center;
    }
    .header .search-box .search-block input[type=search] {
    	display:none;
    }

    /*навигация*/
    .header .first-nav {
		height:auto;
		background:#1d3d64;
	}
	    .header .first-nav ul.menu {
			float:none;
			height:auto;
			width:100%;
		}
		    .header .first-nav ul.menu li {
				display:block;
				line-height:50px;
				margin:auto;
				font-size:24px;
				border-top:1px solid #fff;
			}
			    .header .first-nav ul.menu li a {
					display:block;
					height:50px;
					padding:0;
				}
        .header .first-nav .fos-open-btn {
            display:none;
        }
        .header .second-nav .fos-open-btn {
			display:block;
			float:none;
			position:relative;
			width:100%;
			height:50px;
			background:#1f538f url(../images/fosopen-bg.png) center repeat-x;
			border-left:0;
			border-right:0;
			
		}
			.header .second-nav .fos-open-btn-text {
				float:none;
				width:100%;
				height:50px;
				line-height:50px;
				font-size:21px;
				padding-right:80px;
			}
			.header .second-nav .fos-open-btn-icon {
				float:none;
				position:absolute;
				right:0;
				top:0;
				width:78px;
				height:50px;
				background:url(../images/fosopen-icon.png) center no-repeat;
				border-left:1px solid #7896b8;
			}
    .header .second-nav {
		height:auto;
	}
		.header .second-nav ul.menu {
			height:auto;
		}
		    .header .second-nav ul.menu li {
				display:block;
				line-height:50px;
				margin:0;
				border-bottom:1px solid #1e446b;
			}
			    .header .second-nav ul.menu li a {
					display:block;
					height:50px;
				}
    
    /*фос*/
    .header .fos-line {
	    background:#b5c4d7 url(../images/fos-bg.jpg) top center repeat-x;
	    background-size: contain;
	}
    	.header .fos-line .fos-box {
    	    padding:10px;
    	}
	        .header .fos-line .fos-box input[type=text] {
        	    float:none;
        	    width:100%;
        	}
        	.header .fos-line .fos-box textarea {
        	    float:none;
        	    width:100%;
        	}
        	.header .fos-line .fos-box input[type=submit] {
        	    float:none;
        	    width:200px;
        	    margin:auto;
        	}
        	.header .fos-line .fos-box .check-blo {
        	    padding-left:0;
        	    position:relative;
        	}
            	.header .fos-line .fos-box .check-blo input[type=checkbox] {
            	    display:block;
            	    float:none;
            	    position:absolute;
            	    left:10px;
            	    top:10px;
            	}
            	.header .fos-line .fos-box .check-blo label {
            	    display:block;
            	    float:none;
            	    width:100%;
            	    padding:10px 0 10px 40px;
            	    box-sizing: border-box;
            	    
            	}
        	
    /*контент*/
    .content-box {
    	position:relative;
    	width:auto;
    }
        .content-box .content {
    		padding:10px;
    	}
    
    /*новости*/
    .content-box .news-item {
		margin-bottom:15px;
		padding-bottom:10px;
	}
	    .content-box .news-item .news-image {
			float:none;
			width:100%;
			margin-right:0;
			margin-bottom:10px;
		}
	/*поиск*/
	/*faq*/	
	
	/*приветствие*/
	.content-box .hello-box {
		padding:10px;
	}
	    .content-box .hello-box .left-column {
			float:none;
			width:100%;
			margin-right:0;
			font-size:21px;
			line-height:28px;
		}
		.content-box .hello-box .right-column {
			float:none;
			width:100%;
			margin-top:20px;
		}
    /*основной контент*/
    .content-box .main-content {
		padding:10px;
	}
	.content-box .news-box {
		padding:10px;
	}
	.content-box .foto-box {
		padding:10px;
		text-align:center;
	}
	    .content-box .foto-box .foto-item {
			display:block;
			float:left;
			width:300px;
			height:215px;
			margin:5px;
			background:#666;
			overflow:hidden;
		}
    .content-box .slider-box {
		padding:10px;
		background:#ccd3d9;
	}
	    .content-box .slider-box .left-column {
			float:none;
			margin:10px 0;
			width:100%;
		}
		    .content-box .slider-box .left-column img {
				border:1px solid #fff;
				max-width:100%;
				height:auto;
			}
        .content-box .slider-box .right-column {
			float:none;
			margin:0;
			width:100%;
		}
	
	/*галерея оформление*/
    .gallery-box .foto-item {
    	width:300px;
    	height:215px;
    	margin:5px;
    }
        .gallery-box .foto-item img {

        	max-width:300px;
        	width:auto;
        	max-height:215px;
        	height:auto;
        	background:#fff;
        }
        .gallery-box .foto-item > a {
        	width:300px;
        	height:215px;
        }
            .gallery-box .foto-item .foto-title {
            	width:300px;
            }
                .gallery-box .foto-item .foto-title a {
                	width:300px;
                	padding:5px;
                	background:rgba(0,0,0,0.6);
                	opacity:0.8;
                }
                .gallery-box .foto-item:hover .foto-title a {
                	width:300px;
                	padding:5px;
                }
                
    /* Подвал*/
    .footer {
    	padding:0 10px 10px;
    }
        .footer-nav .column1 {
			float:none;
			width:100%;
			margin-right:0;
			margin-bottom:10px;
		}
		.footer-nav .column2 {
			float:none;
			width:100%;
			margin-right:0;
			margin-bottom:10px;
		}
		.footer-nav .column3 {
			float:none;
			width:100%;
			margin-right:0;
			margin-bottom:10px;
		}
		.footer-nav .column4 {
			float:none;
			width:100%;
			margin-bottom:10px;
		}
		.footer-nav a {
		    text-decoration:underline;
		}
	    .footer-link .column1 {
			float:none;
			width:100%;
			margin-right:0;
			margin-bottom:10px;
			text-align:center;
		}
		.footer-link .column2 {
			float:none;
			width:100%;
		}
		.footer-link .fos-open-btn {
			float:none;
			display:block;
			margin:auto;
			width:320px;
			height:45px;
		}
		    .footer-link .fos-open-btn-text {

				width:260px;
				line-height:45px;
				font-size:18px;
			}
			.footer-link .fos-open-btn-icon {

			}
    
    
    
    
}