@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 320px) and (max-width: 359px) {
.mainnav{
	height: auto;
}
.mainnav_logo{
	width: 100%;
	float: none;
}
.mainnav_nav{
	width: 100%;
	float: none;
}
.mainImage{
	display: none;
}
.mainnav_social{
	display: none;
}
.home_container{
	width: 70%;
}
.home_container h1{
	font-size: 745%;
}
.logo{
	width: 19.2%;
}
.seperator_container h1{
	font-size: 180%;
}
.content ul li{
	padding: 10% 5% 11.25% 5%;
}
h1{
	font-size: 200%;
}
h2{
	font-size: 165%;
}
h3{
	font-size: 70%;
}
p{
	font-size: 90%;
	line-height: 130%;
}
.content_body img{
	width: 100%;
	display: block;
	float: none;
}
.info_details p{
	margin: 4% 0;
}
.seperator{
	padding: 10% 0;
}
.info_image{
	width: 100%;
	float: none;
}
	.info_details h2{
		line-height: 30px;
		padding-bottom: 2%;
		padding-top: 5%;
	}
	.info_details h3{
		padding-bottom: 2%;
}
li.article h2{
	padding-bottom: 2%;
	padding-top: 5%;
}
li.article h3{
	padding-bottom: 5%;
}
.footer{
	padding-bottom: 5%;
}
ul.block{
	width: 100%;
	margin: 5% 0;
	padding: 0;
}	
	ul.block:first-child{padding-top: 10%;}
	
ul.list li h1{
	padding-bottom: 0;
}
.zocial.icon {
	width: 35px;
	height: 35px;
}
.copyright p{
	padding: 5% 0;
}
.gallery_widget{
	width: 50%;
	margin: 0 0 5% 0;
}
}

@media only screen and (min-width: 360px) and (max-width: 639px) {
.mainnav{
	height: auto;
}
.home_container{
	width: 60%;
}
.home_container h1{
	font-size: 735%;
}
.mainnav_logo{
	width: 100%;
	float: none;
}
.mainnav_nav{
	width: 100%;
	float: none;
}
.mainImage{
	display: none;
}
.mainnav_social{
	display: none;
}
.logo{
	width: 19.2%;
}
.seperator_container h1{
	font-size: 170%;
}
.content ul li{
	padding: 10% 5% 11.25% 5%;
}
h1{
	font-size: 200%;
}
h2{
	font-size: 165%;
}
h3{
	font-size: 70%;
}
p{
	font-size: 90%;
	line-height: 130%;
	padding-bottom: 5%;
}
.content_body img{
	width: 100%;
	display: block;
	float: none;
}
.info_details p{
	margin: 0;
}
.info_details p:first-child{
	margin: 5% 0 0 0;
}
.seperator{
	padding: 10% 0;
}
.info_image{
	width: 100%;
	float: none;
}
	.info_details h2{
		line-height: 30px;
		padding-bottom: 2%;
		padding-top: 5%;
	}
	.info_details h3{
		padding-bottom: 5%;
}
li.article h2{
	padding-bottom: 2%;
	padding-top: 5%;
}
li.article h3{
	padding-bottom: 5%;
}
.footer{
	padding-bottom: 5%;
}
ul.block{
	width: 100%;
	margin: 5% 0;
	padding: 0;
}	
	ul.block:first-child{padding-top: 10%;}
	
ul.list li h1{
	padding-bottom: 2%;
}
ul.list li p{
	padding-bottom: 0.5%;
}
.zocial.icon {
	width: 35px;
	height: 35px;
}
.copyright p{
	padding: 5% 0;
}
.gallery_widget{
	width: 50%;
	margin: 0 0 5% 0;
}
}

@media only screen and (min-width: 768px) and (max-width: 979px) {

.mainnav_nav > ul {
	font-size: 85%;
	line-height: 100px;
}
.mainnav_nav > ul li a {
  padding: 0 20px;
}
.logo{
	width: 19.2%;
}
.seperator_container h1{
	font-size: 180%;
}
.home_container{
	width: 35%;
}
h1{
	font-size: 200%;
}
h2{
	font-size: 165%;
}
h3{
	font-size: 70%;
}
p{
	font-size: 90%;
	line-height: 130%;
}
ul.list li h1{
	font-size: 110%;
}
ul.list li p{
	font-size: 70%;
	line-height: 170%;
}
.subscribe {
	width: 70%;
}
.btn {
	font-size: 70%;
	padding: 4px 5px 4px 5px;
}
.btn_more{
	font-size: 60%;
	padding: 4px 9px;
}
.btn_less{
	font-size: 60%;
	padding: 4px 13px 4px 9px;
}
.zocial.icon {
	width: 35px;
	height: 35px;
}
.copyright p{
	font-size: 60%;
}
}

@media only screen and (min-width: 800px) and (max-width: 979px) {

.mainnav_nav > ul {
	font-size: 85%;
	line-height: 100px;
}
.mainnav_nav > ul li a {
  padding: 0 20px;
}
.logo{
	width: 19.2%;
}
.seperator_container h1{
	font-size: 180%;
}
.home_container{
	width: 33%;
}
h1{
	font-size: 200%;
}
h2{
	font-size: 165%;
}
h3{
	font-size: 70%;
}
p{
	font-size: 90%;
	line-height: 130%;
}
ul.list li h1{
	font-size: 110%;
}
ul.list li p{
	font-size: 70%;
	line-height: 170%;
}
.subscribe {
	width: 70%;
}
.btn {
	font-size: 70%;
	padding: 4px 5px 4px 5px;
}
.btn_more{
	font-size: 60%;
	padding: 4px 9px;
}
.btn_less{
	font-size: 60%;
	padding: 4px 13px 4px 9px;
}
.zocial.icon {
	width: 35px;
	height: 35px;
}
.copyright p{
	font-size: 60%;
}
}
}

@media only screen and (min-width: 980px) and (max-width: 1023px) {

.mainnav_nav > ul {
	font-size: 95%;
	line-height: 100px;
}
.logo{
	width: 19.2%;
}
.mainImage_container p{
	width: 34.8%;
}
.seperator_container h1{
	font-size: 180%;
}
.home_container{
	width: 27%;
}
h1{
	font-size: 255%;
}
h2{
	font-size: 145%;
}
h3{
	font-size: 70%;
}
p{
	font-size: 90%;
	line-height: 130%;
}
ul.list li h1{
	font-size: 140%;
}
ul.list li p{
	font-size: 80%;
	line-height: 170%;
}
.subscribe {
	width: 70%;
}
.zocial.icon {
	width: 35px;
	height: 35px;
}
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
nav#header > ul {
	line-height: 90px;
}
.logo{
	width: 19.2%;
}
.mainImage_container p{
	width: 34.8%;
}
.home_container{
	width: 25%;
}
.seperator_container h1{
	font-size: 180%;
}
h1{
	font-size: 265%;
}
h2{
	font-size: 155%;
}
h3{
	font-size: 70%;
}
p{
	font-size: 90%;
	line-height: 130%;
}
ul.list li h1{
	font-size: 140%;
}
ul.list li p{
	font-size: 80%;
	line-height: 170%;
}
.subscribe {
	width: 70%;
}
.zocial.icon {
	width: 40px;
	height: 40px;
}
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {

.mainImage_container p{
	width: 27%;
}
nav#header > ul {
	line-height: 94px;
}
p{
	font-size: 95%;
	line-height: 130%;
}
.zocial.icon {
	width: 40px;
	height: 40px;
	padding-left: 3%;
	padding-right: 3%;
}
.subscribe{
	width: 70%;
}
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
.zocial.icon {
	width: 40px;
	height: 40px;
}
}