/************************  CSS3 MEDIA QUERIES  ************************/

/* If ! Screen size is less than or equal to 1405px (adaptive layout) */

@media screen and (max-width: 1405px), screen and (max-device-width: 1405px) {
	
/* nav */
		.sh-wrapper.w1400 {
		width: 100%;
		padding: 0;
	}
	.main-navigation-menu a {
	padding: 0.4em 3.5em 0.1em; /* padding for a */
	}	
/* end nav */
}

/* If ! Screen size is less than or equal to 1210px (adaptive layout) */

@media screen and (max-width: 1210px), screen and (max-device-width: 1210px) {
		.sh-wrapper.w1200 {
		width: 96%;
		padding: 0 2%;
	}
	.sh-col-r.mw985 {			
			width: 80%;						
	}
	.sh-col-r.w480 {
		width:100%;
		margin: 0;
	}
	.sh-col-r.w480 {
		padding-bottom: 20px;
	}
	.sh-wrapper.w720 {
		width: 96%;
		padding: 0 2%;
	}
	
/* form comment */
	
		.sh-wrapper.w990{
		width: 96%;
		padding: 0 2%;
	}
	#commentform {
	width: 96%;
	padding: 0 2%;
	}
	
	#avt1, #myl2, #url3, #soob4, #md5, #input {
	width: 100%;
	}
	#submit {
	width: 100%;
	padding: 10px;
		}
	#myl2 {
	margin-bottom: 20px;
	}
	.sh-col-r.w728 {
		width: 70%;		
	}
/* nav */
		.sh-wrapper.w1400 {
		width: 100%;
		padding: 0;
	}
	.main-navigation-menu a {
	padding: 0.4em 2em 0.1em; /* padding for a */
	}	
/* end nav */
	.bg-footer {
	margin: 0 auto;
	text-align: center;
	background-color: #fff;
	background-image: url(../img/footer-img-res1.png);
	background-size: cover;
}
}

/* If ! Screen size is less than or equal to 1000px (adaptive layout) */

@media screen and (max-width: 1000px), screen and (max-device-width: 1000px) {

/* banner */
		.sh-col-r.w728 {
		margin-top: 30px;		
	}
/* ** video * */
		.sh-col-l.w480 {
		float: left;
		margin: 0 auto;
		text-align: center;
		max-width: 100%;		
		width: 100%;		
		width: auto\9;
		padding: 20px 0;
		clear: both;		
	}
		.sh-col-r.w480 {
		float: none;
		margin: 0 auto;
		text-align: center;
		max-width: 100%;		
		width: auto\9;		
	}
		iframe.video-respons {
		max-width: 100%;		
		width: auto\9;		
	}
		.sh-col-l.w1200 {
		width: 96%;
		padding: 30px 2% 0;
	}
		.sh-col-r.mw985 {			
			width: 75%;						
	}	
/* for mob */	
		.main-navigation-menu a {
	padding: 0.8em 2em; /* padding for a */
}	
	.bg-header {
	margin: 0 auto;
	text-align: center;
	background-color: #fff;
	background-image: url(../img/header-img-res1.png);
	background-size: cover;	
}
/* nav */
	.sh-wrapper.w1400 {
		width: 100%;
		padding: 0;
	}
	.main-navigation-menu a {
	padding: 0.4em 2em 0.1em; /* padding for a */
	}	
/* end nav */
}

/* If ! Screen size is less than or equal to 960px (adaptive layout) */
@media screen and (max-width: 960px), screen and (max-device-width: 960px) {
/* nav */
	.main-navigation-menu a {
	padding: 1.2em; /* padding for a */
	}	
/* end nav */	
}

/* If ! Screen size is less than or equal to 850px (adaptive layout) */
@media screen and (max-width: 850px), screen and (max-device-width: 850px) {

	.sh-col-r.mw985 {			
			width: 70%;						
	}	
/* footer */	
	.sh-col-l.w300 {		
		text-align: center;
		margin: 0 auto;
		float: none;
		margin-top: 10px;
	}
		.sh-col-r.w300 {		
		text-align: center;
		margin: 0 auto;
		float: none;
		margin-top: 10px;
	}
		.sh-col-l.w300 p {		
		text-align: center;
		margin: 0 auto;
		float: none;
		margin-top: 10px;
	}
		.sh-col-r.w300 p {		
		text-align: center;
		margin: 0 auto;
		float: none;
		margin-top: 0px;
		padding-top: 0px;
	}
	.sh-wrapper.w720 .sh-wrapper {		
		text-align: center;
		margin: 0 auto;
		float: none;
		margin-top: 10px;
	}
		.sh-wrapper.w720 .sh-wrapper a img {		
		text-align: center;
		margin: 0 auto;
		float: none;
		margin-top: 10px;
	}
	.sh-container.bg-footer {
		padding-top: 0;
	}
}

/* If ! Screen size is less than or equal to 750px (adaptive layout) */
@media screen and (max-width: 750px), screen and (max-device-width: 750px) {
	
		/* header */
	
			.sh-col-l.w170 {
		text-align: center;
		margin: 0 auto;
		float: none;
		margin-top: 10px;
	}
		.sh-col-r.w728 {
		text-align: center;
		margin: 0 auto;
		float: none;
		margin-top: 5px;
		margin-bottom: 5px;
	}

		.sh-col-l.w175 {
		display: none;
	}

		.sh-col-r.mw985 {
		width: 100%;
		text-align: center;
		margin: 0 auto;
		float: none;
		margin-top: 10px;
	}
	.sh-container.padding-t40 {
		padding-top: 20px;
	}

}
/* If ! Screen size is less than or equal to 513px (adaptive layout) */
@media screen and (max-width: 513px), screen and (max-device-width: 513px) {
	.bg-header {
	margin: 0 auto;
	text-align: center;
	background-color: #fff;
	background-image: url(../img/header-img-res2.png);
	background-size: cover;
}
	.bg-footer {
	margin: 0 auto;
	text-align: center;
	background-color: #fff;
	background-image: url(../img/footer-img-res2.png);
	background-size: cover;
}
}