@media (min-width: 300px) and (max-width: 600px) {
	header {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	#ads-top{
		margin: 0 auto;
		width: 300px;
	}

	.ads-post{
		margin: 0 auto;
		width: 300px;
	}
	h3 {
	font-size: 26px;
	}

	h2 {
		font-size: 18px;
	}
	a {
		background-color: transparent;	
	}

	.home-block{
		float:left; 
		width:100%; 
		margin-right:0%;
	}
	.home-block img{
		width: 100%;
	}
	.home-block-text{
	 	width: 90%;
	 	padding: 10px;
	}

	.avtori-block{
		float:left; 
		width:100%; 
		margin-right:0%;
	}
	.avtori-block img{
		width: 100%;
	}
	.avtori-block-text{
	 	width: 90%;
	 	padding: 10px;
	}

	#article-image {
		width: 100%;
		margin: 0 auto;
	}
	.image-big {
		display: none;
	}
	.image-small {
		width: 100%;
		display: inherit;
	}
	.article-inside {
		width: 90%;
		//padding: 0 20px;
	}
	.in-center {
		margin: 0px !important;
		padding-top:35px !important;
	}
	.column440{
		width: 100%;
		margin-right: 0px;
	}
	.column640{
		width: 100%;
	}
	.column300{
		width: 100%;
		padding: 0px;
		margin-right: 0px;
	}
	.column230{
		width: 100%;
	}
	.last {
		margin-top: 35px;
	}
	.in-left, .in-right{
		margin: 0 auto !important;
		float:none !important;
	}

	.data{
		width: 120px;
		padding-left:20px;
		font-size: 12px;
		float: right;
		z-index:9999;
	}
	.marginLeft-35 { 
		margin: 0 auto !important;
		float: none !important;
	}
	.marginTop, .marginTop-70, .marginTop-140, .marginTop-210, .marginTop-350 , .marginTop-450 ,.marginTop-500,.marginTop-900 {
		margin-top:35px !important;
	}
	.marginTopMinus-35, .marginTopMinus-70, .marginTopMinus-140, .marginTopMinus-210, .marginTopMinus-270,.marginTopMinus-350 , .marginTopMinus-500 {
		margin-top:35px !important;
	}
	.paddingTop, .paddingTop-15, .paddingTop-70, .paddingTop-140, .paddingTop-210 {
		padding-top:35px !important;
	}
	.image300, .image230, .image600{
		width: 100%;
	}
	.article-middle {
		width: 100%;
		background-size: 1px 1px;
		//padding: 35px 0;
		padding-bottom: 35px;
		height: auto;
	}
	.article-middle .image-copy{
		display: none;
	}

	

	.article-middle .inside {
		width: 90%;
	}
	#footer{
		width: 90%;
		height: 560px;
	}

	#footer-facebook {
		display: inline;
	}
	.subscription-button{
		width: 96% !important;
	}
	.button {
		width: 100%;
		height: 70px;
		font-size: 18px;
	}
	.button-left {
		display: none;
	}
	.button-right {
		margin-left:0;
		padding-top:10px;
	    height: 60px;
	}
	#fb-page-id1{
		display: none;
	}
	#fb-page-id2{
		display: inline;
	}
	#top-right {
	    bottom: 0;
	    top: auto;
	}
	.desktop {
		display: none !important;
	}
	.mobile {
		display: inline-block;
	}
	#bottom-left.corner {
	    padding: 0;
	    position: fixed;
	    z-index: 10000;
	    width: 100%;
	}
	#bottom-left .facebook-like {
	    padding: 8px;
	    background-color: #fff;
	    border-radius: none;
	    -moz-border-radius: none;
	    -webkit-border-radius: none;
	    border: 0px solid #000000;
	    width: 100%;
	}
	#bottom-left .fb-share-button {
	    float: right !important;
	    width: 140px !important;
	    margin-top: 4px !important;
	}
	#bottom-center{
		width: 300px;
	}
	#bottom-navi{
		width: 222px;
		height: 400px;
		margin: 0 auto;
	}
	.bottom-navi-element{
		width: 200px;
		height: 200px;
	}
}


@media (min-width: 600px) and (max-width: 1020px) {
	header {
		width: 100%;
	}

	#ads-top{
		margin: 0 auto;
		width: 336px;
	}

	.ads-post{
		margin: 0 auto;
		width: 336px;
	}
	#article-image {
		width: 100%;
		margin: 0 auto;
	}
	.image-big {
		width: 100%;
		display: inherit;
	}
	.image-small {
		width: 100%;
		display: none;
	}
	.article-inside {
		width: 90%;
	}
	.left , .right{
		margin: 0 auto !important;
		float:none !important;
	}
	.in-center {
		//margin: 0px !important;
		padding-top:35px !important;
	}
	.column440{
		width: 400px;
		margin: 0 auto;
	}
	.column640{
		width: 400px;
		margin: 0 auto;
	}
	.column300{
		width: 400px;
		padding: 0px;
		margin: 0 auto;
	}
	.column230{
		width: 400px;
	}
	.last {
		margin-top: 35px;
	}
	.in-left, .in-right{
		margin: 0 auto !important;
		float:none !important;
	}
	.data{
		width: 180px;
		padding-left:20px;
	}
	.marginLeft-35 { 
		margin: 0 auto !important;
		float: none !important;
	}
	.marginTop, .marginTop-70, .marginTop-140, .marginTop-210, .marginTop-350, .marginTop-450 ,.marginTop-500,.marginTop-900 {
		margin-top:35px !important;
	}
	.marginTopMinus-35, .marginTopMinus-70, .marginTopMinus-140, .marginTopMinus-210, .marginTopMinus-270, .marginTopMinus-350 , .marginTopMinus-500 {
		margin-top:35px !important;
	}
	.paddingTop, .paddingTop-15, .paddingTop-70, .paddingTop-140, .paddingTop-210 {
		padding-top:35px !important;
	}
	.image300, .image230, .image600{
		width: 400px;
	}
	.article-middle {
		width: 100%;
		//background-size: 1px 1px;
		//padding: 35px 0;
		//padding-bottom: 35px;
		//height: auto;
	}
	.article-middle .inside {
		width: 400px
	}
	#footer{
		width: 90%;
	}
	#footer-facebook {
		display: inline;
	}
	.subscription-button{
		width: 96% !important;
	}
	.button{
		width: 26%;
		height: 60px;
		padding: 10px 2% 0 2%;

		line-height: 22px;
		font-size: 18px;
		color: #fff;
	}	
	.button-left {
	width: 13%;
	margin-right:2%;
	padding-top:7px;
	height: 63px;
}
	.button-right {
		width: 13%;
		margin-left:2%;
		padding-top:10px;
		height: 60px;
	}
	#top-right {
	    bottom: 0;
	    top: auto;
	}
	#bottom-center{
		width: 650px;
	}
	#bottom-navi{
		width: 650px;
		height: 400px;
	}
	.bottom-navi-element{
		height: 250px;
		height: 200px;
	}
}


@media (min-width: 1020px) and (max-width: 1300px) {
	header {
		width: 100%;
		margin: 0 auto;
	}
	#article-image {
		width: 100%;
		margin: 0 auto;
	}
	.image-big {
		width: 100%;
		display: inherit;
	}
	.image-small {
		display: none;
	}
	#footer{
			width: 96%;
	}
	.logo-footer {
		//padding: 35px 0px 55px 0px;
	}	

	#ads-top{
		margin: 0 auto;
		width: 728px;
	}

	.ads-post{
		margin: 0 auto;
		width: 728px;
	}
	#bottom-center{
		width: 650px;
	}
	#bottom-navi{
		width: 650px;
		height: 400px;
	}
	.bottom-navi-element{
		height: 250px;
		height: 200px;
	}

}

@media (min-width: 1020px) and (max-width: 1070px) {

	#ads-top{
		margin: 0 auto;
		width: 336px;
	}

	.ads-post{
		margin: 0 auto;
		width: 336px;
	}
}


@media (min-width: 1300px) {
	.logo-footer {
		//padding: 35px 0px 55px 0px;
	}

	#ads-top{
		margin: 0 auto;
		width: 980px;
	}

	.ads-post{
		margin: 0 auto;
		width: 980px;
	}
}


@media (min-width: 450px) and (max-width: 730px) {
	#bottom-center{
		width: 100%;
	}
	#bottom-navi{
		width: 430px;
		height: 600px;
		margin: 0 auto;
	}
	.bottom-navi-element{
		width: 200px;
		height: 200px;
	}
}