html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
nav ul,
nav li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

a {
	text-decoration: none
}

.txt-rt {
	text-align: right
}

.txt-lt {
	text-align: left
}

.txt-center {
	text-align: center
}

.float-rt {
	float: right
}

.float-lt {
	float: left
}

.clear {
	clear: both
}

.pos-relative {
	position: relative
}

.pos-absolute {
	position: absolute
}

.vertical-base {
	vertical-align: baseline
}

.vertical-top {
	vertical-align: top
}

nav.vertical ul li {
	display: block
}

nav.horizontal ul li {
	display: inline-block
}

img {
	max-width: 100%
}

body {
	font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Oxygen, Ubuntu, Cantarell, open sans, helvetica neue, sans-serif;
	background: #f0efee
}

.maindiv {
	background-color: #fff;
	border-radius: 10px 10px 10px 10px;
	padding: 10px;
	margin-bottom: 10px
}

.gtitle {
	vertical-align: top;
	height: 20px
}

.descri {
	background-color: #fff;
	color: #7f7f7f;
	overflow-wrap: break-word
}

.joinbtn {
	color: #039be5;
	font-weight: 700
}

.btn {
	background-color: #01e675;
	color: #fff;
	padding: 10px;
	border-radius: 5px
}

.icon {
	height: 14px;
	width: 14px;
	vertical-align: middle;
	display: inline-block;
	padding-right: 3px
}

.cate {
	color: #9b9b9b;
	font-size: 12px;
	vertical-align: middle;
	display: inline-block
}

.image {
	height: 70px;
	width: 70px;
	border-radius: 50%;
	float: left;
	margin-right: 15px
}

.wrap {
	width: 80%;
	margin: 0 auto
}

.header {
	padding: 1.5em 0 1.2em;
	border-bottom: 1px solid rgba(214, 213, 212, .64);
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 999;
	background-color: #1ebea5
}

.logo {
	float: left
}

.logo img {
	display: inline-block
}

.nav-icon {
	float: left;
	margin: .6% 2% 0 8%;
	width: 4.55%
}

.nav-icon a span {
	width: 48px;
	height: 34px;
	display: block;
	background: url(../img/nav-icon.png) no-repeat 0 0
}

.top-searchbar {
	float: left;
	width: 45%;
	position: relative;
	margin-left: 2em
}

.top-searchbar input[type=text] {
	margin-top: .55em;
	width: 100%;
	padding: .58em 1em;
	border: 1px solid #e7e7e7;
	transition: border-color .3s all;
	-webkit-transition: border-color .3s all;
	-moz-transition: border-color .3s all;
	-o-transition: border-color .3s all;
	outline: none;
	border-radius: .3em;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	-o-border-radius: .3em;
	-webkit-appearance: none;
	font-family: open sans, sans-serif;
	color: #777;
	position: relative
}

.top-searchbar input[type=text] {
	background: #f7f6f6
}

.top-searchbar input[type=text]:hover {
	border: 1px solid #ddd
}

.top-searchbar input[type=submit] {
	position: absolute;
	background: url(../img/search-icon.png) no-repeat 0 0;
	height: 26px;
	width: 26px;
	display: inline-block;
	border: none;
	top: 12px;
	right: -22px;
	outline: none;
	cursor: pointer
}

.box {
	position: absolute;
	top: -100px;
	width: 100%;
	color: #7f7f7f;
	margin: auto;
	padding: 0;
	z-index: 999999;
	text-align: center;
	left: 0
}

.box_content_center {
	background: rgba(240, 239, 238, .74)
}

a.boxclose {
	cursor: pointer;
	text-align: center;
	display: block;
	position: absolute;
	top: 1.9em;
	right: 15em
}

#activator {}

.menu_box_list {
	display: inline-block;
	padding: 2.1em 0
}

.menu_box_list ul li {
	display: inline-block
}

.menu_box_list li a {
	display: block;
	color: #363636;
	font-size: .875em;
	margin: .44em 2em;
	font-weight: 900;
	text-transform: uppercase;
	text-align: left;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.menu_box_list li a:hover {
	color: #b9cb41
}

.menu_box_list li a>i>img {
	vertical-align: middle;
	padding-right: 10px
}

.boxclose span {
	width: 35px;
	height: 35px;
	display: inline-block;
	background: url(../img/close2.png) no-repeat 0 0
}

.boxclose span:hover {
	background: url(../img/close2h.png) no-repeat 0 0
}

.userinfo {
	float: right;
	width: 15%;
	margin-top: .3em
}

.user ul li {
	display: inline-block
}

.user ul li a span {
	vertical-align: middle;
	margin-left: .8em;
	font-size: 1em
}

.user ul li a {
	color: #8c8c8c;
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all
}

.user ul li a:hover {
	color: #b9cb41
}

.user ul li a img {
	border-radius: 30em;
	-webkit-border-radius: 30em;
	-moz-border-radius: 30em;
	-o-border-radius: 30em;
	vertical-align: middle
}

.post-share span {
	background: url(../img/whatsapp.png) no-repeat 0 0;
	height: 26px;
	width: 26px;
	display: inline-block
}

.post-share span:hover {
	background: url(../img/whatsapp1.png) no-repeat 0 0
}

.rateit span {
	height: 18px;
	width: 76px;
	background: url(../img/start-rate.png) no-repeat 0 0;
	display: inline-block
}

.rateit span:hover {
	background: url(../img/start-rateh.png) no-repeat 0 0
}

.post-basic-info {}

.post-basic-info h3 a {
	color: #717171;
	font-size: 1.2em;
	margin-bottom: .2em;
	display: block;
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all
}

.post-basic-info h3 a:hover {
	color: #b9cb41
}

.post-basic-info span a {
	color: #acaaaa;
	font-size: .9em
}

.post-basic-info span a label {
	height: 12px;
	width: 12px;
	display: inline-block;
	margin-right: .4em;
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all
}

.post-basic-info span a:hover {
	color: #b9cb41
}

.post-basic-info p {
	font-size: .875em;
	color: #7f7f7f;
	margin: .6em 0;
	line-height: 1.5em
}

.post-info-rate-share {
	border-top: 1px solid rgba(183, 181, 181, .36);
	padding-top: 2px
}

.rateit {
	float: left;
	margin: .18em 0 0 1em
}

.post-share {
	float: right;
	padding-top: 2px
}

.footer {
	position: fixed;
	bottom: 10px;
	right: 15px
}

.footer p {
	color: #8c8c8c;
	font-size: .9em
}

.footer p a {
	color: #b9cb41;
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all
}

.footer p a:hover {
	color: #8c8c8c
}

.artical-content h3 a {
	font: 400 28px/28px 'Open Sans', sans-serif;
	color: #626262;
	text-align: left;
	font-weight: 400;
	padding: .9em 0 0;
	display: block
}

.artical-content p {
	font: normal 16px/26px 'Open Sans', sans-serif, Helvetica, sans-serif;
	color: #9b9b9b;
	padding: 17px 0;
	font-weight: 400
}

.artical-content img {
	width: 100%
}

.share-artical ul li {
	display: inline-block;
	padding-right: 10px
}

.share-artical ul li img {
	vertical-align: text-top;
	padding-right: 7px
}

.share-artical ul li a {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #cbcbc3;
	padding-left: 20px;
	font-weight: 400
}

.share-artical ul li a:hover {
	color: #b9cb41
}

.single-page {
	margin-top: 8em;
	background: #fff;
	padding: 2%
}

.artical-links {
	padding: 10px 0;
	float: left
}

.share-artical {
	float: right;
	padding: 10px
}

.artical-links ul li {
	display: inline-block
}

.artical-links ul li img {
	vertical-align: middle;
	padding-right: 10px
}

.artical-links ul li a {
	font: 400 14px/22px 'Open Sans', sans-serif;
	color: #cbcbc3;
	padding-left: 20px;
	font-weight: 400
}

.artical-links ul li a:hover {
	color: #b9cb41
}

h4.style1 a {
	font: 400 20px/28px 'Open Sans', sans-serif;
	color: #363636;
	text-transform: uppercase;
	padding: 1em 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

h3.style {
	font: 400 13px/28px 'Open Sans', sans-serif;
	color: #363636;
	text-align: left;
	text-transform: uppercase;
	padding: .8em 0 0
}

p.para {
	font-size: .875em;
	color: #b7b5b5;
	margin: .6em 0;
	line-height: 1.8em;
	font-weight: 400
}

.grids_of_2 h2 {
	font: 400 30px/28px 'Open Sans', sans-serif;
	color: #363636;
	text-align: left;
	padding: 1em 0 .5em
}

.grid1_of_2 {
	margin-top: .8em
}

.grid_img {
	float: left;
	width: 8.33333%;
	margin-right: 2%
}

.grid_text {
	float: left;
	width: 88.33333%
}

.grid_text h3 {
	text-align: left
}

.btn1 {
	display: inline-block;
	text-align: left;
	font-size: .875em;
	color: #363636;
	line-height: 1.8em;
	padding: 2px 0;
	font-family: open sans, sans-serif;
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	font-weight: 400
}

.btn1:before {
	content: url(../img/reply.png);
	float: left
}

.btn1:hover {
	zoom: 1;
	color: #b9cb41
}

.grid1_of_2.left {
	margin-left: 14%
}

.artical-commentbox {
	margin: 1em 0
}

.table-form {
	margin: 0 auto
}

.table-form form input[type=text],
input[type=email] {
	font-family: open sans, sans-serif;
	border: 1px solid rgba(192, 192, 192, .61);
	outline: none;
	padding: 12px;
	color: #333;
	overflow: hidden;
	width: 97.7%;
	display: block;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	transition: border-color .3s;
	-o-transition: border-color .3s;
	-ms-transition: border-color .3s;
	-moz-transition: border-color .3s;
	-webkit-transition: border-color .3s;
	-webkit-appearance: none;
	box-shadow: 0 0 1px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, .05);
	-o-box-shadow: 0 0 1px rgba(0, 0, 0, .05)
}

.table-form textarea {
	font-family: open sans, sans-serif;
	padding: 8px;
	outline: none;
	color: #333;
	border: 1px solid rgba(192, 192, 192, .61);
	width: 60%;
	height: 180px;
	resize: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	transition: border-color .3s;
	-o-transition: border-color .3s;
	-ms-transition: border-color .3s;
	-moz-transition: border-color .3s;
	-webkit-transition: border-color .3s;
	-webkit-appearance: none;
	box-shadow: 0 0 1px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, .05);
	-o-box-shadow: 0 0 1px rgba(0, 0, 0, .05)
}

.table-form form input[type=text],
input[type=email]:hover,
.table-form textarea:hover {
	border: 1px solid #b9cb41
}

.table-form input[type=submit] {
	font-family: open sans, sans-serif;
	color: #5a5a5a;
	padding: .8em 1.5em;
	background: #fff;
	text-decoration: none;
	text-shadow: none;
	border: 1px solid rgba(192, 192, 192, .61);
	display: block;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	cursor: pointer;
	font-size: 1em;
	outline: none
}

.table-form input[type=submit]:hover {
	color: #b9cb41;
	border: 1px solid #b9cb41
}

.table-form label {
	display: block;
	margin: .4em 0 .5em;
	font-family: open sans, sans-serif;
	color: #363636;
	font-weight: 100
}

.table-form div {
	margin: .5em 0
}

.table-form div {
	margin: 1em 0
}

.contact-info {
	margin-top: 8em;
	padding: 2% 2% 3%;
	background: #fff;
	border-radius: 5px
}

.proimg {
	height: 130px;
	width: 130px;
	border-radius: 50%
}

.predesc {
	padding: 10px;
	white-space: pre-wrap;
	text-align: left;
	border: 1px solid #cbcbc3;
	color: #545454;
	border-radius: 5px;
	word-wrap: break-word
}

.innertag {
	background-color: #72cffa;
	color: #fff;
	border-radius: 15px;
	font-size: 14px;
	padding: 0 10px 2px;
	line-height: 25px;
	word-wrap: break-word
}

.contact form {
	font-family: open sans, sans-serif
}

.map {
	margin-bottom: 30px
}

.list3 li>img {
	float: left;
	margin-right: 10px
}

.extra-wrap {
	overflow: hidden
}

.extra-wrap p {
	color: #626262;
	line-height: 1.8em;
	font-size: .85em;
	margin-bottom: 5px;
	font-family: open sans, sans-serif
}

span.mail a {
	color: #b9cb41
}

span.mail a:hover {
	color: #626262
}

.contact-to input[type=text],
input[type=url],
input[type=email] {
	padding: 10px;
	width: 97.7%;
	font-family: open sans, sans-serif;
	margin: 10px 0;
	border: 1px solid rgba(192, 192, 192, .61);
	color: #626262;
	background: #fff;
	float: left;
	outline: none;
	font-size: .85em;
	transition: border-color .3s;
	-o-transition: border-color .3s;
	-ms-transition: border-color .3s;
	-moz-transition: border-color .3s;
	-webkit-transition: border-color .3s;
	box-shadow: 0 0 1px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, .05);
	-o-box-shadow: 0 0 1px rgba(0, 0, 0, .05);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px
}

.contact-to input[type=text],
input[type=url],
input[type=email]:nth-child(2),
.contact-to input[type=text],
input[type=url],
input[type=email]:nth-child(3) {
	margin-left: 0
}

.text2 input[type=text],
.text2 textarea {
	width: 97.7%;
	margin-top: 10px;
	border: 1px solid rgba(192, 192, 192, .61);
	color: #626262;
	font-family: open sans, sans-serif;
	outline: none;
	height: 100px;
	padding: 10px;
	font-size: .85em;
	transition: border-color .3s;
	-o-transition: border-color .3s;
	-ms-transition: border-color .3s;
	-moz-transition: border-color .3s;
	-webkit-transition: border-color .3s;
	box-shadow: 0 0 1px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, .05);
	-o-box-shadow: 0 0 1px rgba(0, 0, 0, .05);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px
}

.text2 textarea {
	height: 180px
}

.text2 input[type=text],
input[type=url],
input[type=email]:hover,
.text2 textarea:hover,
.contact-to input[type=text],
input[type=url],
input[type=email]:hover {
	border: 1px solid #b9cb41
}

.text3 input[type=text],
.text3 select {
	width: 99.5%;
	margin: 10px 0;
	border: 1px solid rgba(192, 192, 192, .61);
	color: #626262;
	font-family: open sans, sans-serif;
	outline: none;
	padding: 10px;
	font-size: .85em;
	transition: border-color .3s;
	-o-transition: border-color .3s;
	-ms-transition: border-color .3s;
	-moz-transition: border-color .3s;
	-webkit-transition: border-color .3s;
	box-shadow: 0 0 1px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, .05);
	-o-box-shadow: 0 0 1px rgba(0, 0, 0, .05);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px
}

.text3 input[type=text],
input[type=url]:hover,
.text3 select:hover,
.contact-to input[type=text],
input[type=url]:hover {
	border: 1px solid #b9cb41
}

.contact-form input[type=submit] {
	font-family: open sans, sans-serif;
	color: #5a5a5a;
	padding: .8em 1.5em;
	background: #fff;
	text-decoration: none;
	text-shadow: none;
	border: 1px solid rgba(192, 192, 192, .61);
	display: block;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	cursor: pointer;
	font-size: 1em;
	outline: none
}

.contact-form input[type=submit]:hover {
	color: #b9cb41;
	border: 1px solid #b9cb41
}

.span_1_of_first1 h5 {
	color: #363636;
	text-transform: uppercase;
	font-size: 1.2em;
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	font-family: open sans, sans-serif;
	margin-bottom: .6em
}

.span_1_of_first1 {
	width: 29.5%
}

.col_1_of_bottom:first-child {
	margin-left: 0
}

.col_1_of_bottom {
	display: block;
	float: left;
	margin: 1% 0 1% 3.6%
}

.contact-grids {
	margin-bottom: 1em
}

@media only screen and (max-width:1440px) and (min-width:1366px) {
	.wrap {
		width: 85%
	}
}

@media only screen and (max-width:1366px) and (min-width:1280px) {
	.wrap {
		width: 90%
	}
	.footer {
		bottom: 0;
		right: 0;
		background: #fff;
		padding: 10px
	}
}

@media only screen and (max-width:1280px) and (min-width:1024px) {
	.wrap {
		width: 80%
	}
	.footer {
		bottom: 0;
		right: 0;
		background: #fff;
		padding: 10px
	}
	.contact-to input[type=text],
	input[type=url],
	input[type=email] {
		width: 97.7%
	}
}

@media only screen and (max-width:1024px) and (min-width:768px) {
	.wrap {
		width: 90%
	}
	.footer {
		bottom: 0;
		right: 0;
		background: #fff;
		padding: 10px
	}
	.contact-to input[type=text],
	input[type=url] {
		width: 97.7%
	}
	.text2 input[type=text],
	.text2 textarea {
		width: 97.7%
	}
	.text3 input[type=text],
	.text3 select {
		width: 99.5%
	}
	.top-searchbar {
		width: 40%
	}
	a.boxclose {
		right: 6em;
		top: 2em
	}
}

@media only screen and (max-width:768px) and (min-width:640px) {
	.wrap {
		width: 90%
	}
	.footer {
		bottom: 0;
		right: 0;
		background: #fff;
		padding: 10px
	}
	.contact-to input[type=text],
	input[type=url] {
		width: 96%
	}
	.text2 input[type=text],
	.text2 textarea {
		width: 96%;
		resize: none
	}
	.text3 input[type=text],
	.text3 select {
		width: 99.5%;
		resize: none
	}
	.contact-form input[type=submit] {
		padding: .6em 1.2em
	}
	.top-searchbar {
		width: 29%
	}
	a.boxclose {
		right: 1em;
		top: 2em
	}
	.para1 {
		display: none
	}
	.nav-icon {
		margin: 1.2% 2% 0 6%
	}
	.artical-content h3 a {
		font: 400 24px/36px 'Open Sans', sans-serif;
		padding: .5em 0 0
	}
	.artical-content p:nth-child(1) {
		display: none
	}
	.userinfo {
		width: 17%
	}
	.artical-content p {
		font: normal 14px/22px 'Open Sans', sans-serif, Helvetica, sans-serif;
		padding: 8px 0
	}
	.artical-links {
		float: none
	}
	.share-artical {
		float: none;
		margin: 0 0 0;
		padding: 0
	}
	.share-artical ul li a,
	.artical-links ul li a {
		padding-right: 20px;
		padding-left: 0
	}
	.grids_of_2 h2 {
		font: 400 26px/28px 'Open Sans', sans-serif;
		padding: .8em 0 .5em
	}
	h4.style1 a {
		font: 400 17px/14px 'Open Sans', sans-serif
	}
	.grids_of_2 h2 {
		font: 400 24px/14px 'Open Sans', sans-serif;
		padding: .5em 0 .2em
	}
	.table-form form input[type=text],
	input[type=email] {
		width: 95%;
		padding: 10px
	}
	.table-form textarea {
		width: 85%;
		padding: 10px
	}
	.table-form input[type=submit] {
		padding: .6em 1.2em
	}
	.menu_box_list li a {
		margin: .44em 1.5em
	}
}

@media only screen and (max-width:640px) and (min-width:480px) {
	.wrap {
		width: 90%
	}
	.footer {
		bottom: 0;
		right: 0;
		background: #fff;
		padding: 10px
	}
	.contact-to input[type=text],
	input[type=url] {
		width: 95%;
		resize: none
	}
	.text2 input[type=text],
	.text2 textarea {
		width: 95%;
		resize: none
	}
	.text3 input[type=text],
	.text3 select {
		width: 100%;
		resize: none
	}
	.contact-form input[type=submit] {
		padding: .6em 1.2em
	}
	.top-searchbar {
		width: 47%
	}
	a.boxclose {
		right: 1em;
		top: 2em
	}
	.para1 {
		display: none
	}
	.nav-icon {
		margin: 1.2% 2% 0 6%
	}
	.artical-content h3 a {
		font: 400 24px/36px 'Open Sans', sans-serif;
		padding: .5em 0 0
	}
	.artical-content p:nth-child(1) {
		display: none
	}
	.userinfo {
		display: none
	}
	.artical-content p {
		font: normal 14px/22px 'Open Sans', sans-serif, Helvetica, sans-serif;
		padding: 8px 0
	}
	.artical-links {
		float: none
	}
	.share-artical {
		float: none;
		margin: 0 0 0;
		padding: 0
	}
	.share-artical ul li a,
	.artical-links ul li a {
		padding-right: 20px;
		padding-left: 0
	}
	.grids_of_2 h2 {
		font: 400 26px/28px 'Open Sans', sans-serif;
		padding: .8em 0 .5em
	}
	h4.style1 a {
		font: 400 17px/14px 'Open Sans', sans-serif
	}
	.grids_of_2 h2 {
		font: 400 24px/14px 'Open Sans', sans-serif;
		padding: .5em 0 .2em
	}
	.table-form form input[type=text],
	input[type=email] {
		width: 95%;
		padding: 10px
	}
	.table-form textarea {
		width: 85%;
		padding: 10px
	}
	.table-form input[type=submit] {
		padding: .6em 1.2em
	}
	.menu_box_list li a {
		margin: .44em 1.5em
	}
	.header {
		padding: 1em 0 .6em
	}
	.menu_box_list ul li {
		display: block
	}
	.box {
		top: -12px
	}
	.map {
		display: none
	}
	.col_1_of_bottom {
		float: none;
		margin: 1% 0 1% 0%
	}
	.span_1_of_first1 {
		width: 100%
	}
	.single-page,
	.contact-info {
		margin-top: 7em;
		padding: 4% 4% 5%
	}
}

@media only screen and (max-width:480px) and (min-width:320px) {
	.wrap {
		width: 90%
	}
	.footer {
		bottom: 0;
		right: 0;
		background: #fff;
		padding: 10px
	}
	.contact-to input[type=text],
	input[type=url] {
		width: 93%;
		resize: none
	}
	.text2 input[type=text],
	.text2 textarea {
		width: 93%;
		resize: none
	}
	.text3 input[type=text],
	.text3 select {
		width: 99.5%;
		resize: none
	}
	.contact-form input[type=submit] {
		padding: .6em 1.2em
	}
	.top-searchbar {
		width: 94%;
		float: none;
		margin: 0;
		clear: both
	}
	a.boxclose {
		right: 1em;
		top: 2em
	}
	.para1,
	.para2 {
		display: none
	}
	.nav-icon {
		margin: 2.5% 6.8% 0 0%;
		float: right
	}
	.artical-content h3 a {
		font: 400 20px/31px 'Open Sans', sans-serif;
		padding: .5em 0 0
	}
	.artical-links ul li {
		display: block
	}
	.share-artical ul li {
		display: block
	}
	.artical-content p:nth-child(1) {
		display: none
	}
	.userinfo {
		display: none
	}
	.artical-content p {
		font: normal 14px/22px 'Open Sans', sans-serif, Helvetica, sans-serif;
		padding: 8px 0
	}
	.artical-links {
		float: none
	}
	.share-artical {
		float: none;
		margin: 0 0 0;
		padding: 0
	}
	.share-artical ul li a,
	.artical-links ul li a {
		padding-right: 20px;
		padding-left: 0
	}
	.grids_of_2 h2 {
		font: 400 26px/28px 'Open Sans', sans-serif;
		padding: .8em 0 .5em
	}
	h4.style1 a {
		font: 400 17px/14px 'Open Sans', sans-serif
	}
	.grids_of_2 h2 {
		font: 400 24px/14px 'Open Sans', sans-serif;
		padding: .5em 0 .2em
	}
	.table-form form input[type=text],
	input[type=email] {
		width: 94.8%;
		padding: 10px
	}
	.table-form textarea {
		width: 97.7%;
		padding: 10px
	}
	.table-form input[type=submit] {
		padding: .6em 1.2em
	}
	.menu_box_list li a {
		margin: .44em 1.5em
	}
	.header {
		padding: 1em 0 .6em
	}
	.menu_box_list ul li {
		display: block
	}
	.box {
		top: -12px
	}
	.map {
		display: none
	}
	.col_1_of_bottom {
		float: none;
		margin: 1% 0 1% 0%
	}
	.span_1_of_first1 {
		width: 100%
	}
	.single-page,
	.contact-info {
		margin-top: 9.5em;
		padding: 4% 4% 5%
	}
	.span_1_of_first1 h5 {
		font-size: 1em
	}
}

@media only screen and (max-width:320px) and (min-width:240px) {
	.wrap {
		width: 90%
	}
	.footer {
		bottom: 0;
		right: 0;
		background: #fff;
		padding: 5px 10px
	}
	.contact-to input[type=text],
	input[type=url] {
		width: 90%;
		resize: none;
		-webkit-appearance: none
	}
	.text2 input[type=text],
	.text2 textarea {
		width: 90%;
		resize: none;
		-webkit-appearance: none
	}
	.text2 textarea {
		height: 100px;
		resize: none;
		-webkit-appearance: none
	}
	.text3 input[type=text],
	.text3 select {
		width: 99.5%;
		resize: none;
		-webkit-appearance: none
	}
	.contact-form input[type=submit] {
		padding: .6em 1.2em
	}
	.top-searchbar {
		width: 90%;
		float: none;
		margin: 0;
		clear: both
	}
	a.boxclose {
		right: 1em;
		top: 2em
	}
	.para1,
	.para2 {
		display: none
	}
	.nav-icon {
		margin: 2.5% 12.8% 0 0%;
		float: right
	}
	.artical-content h3 a {
		font: 400 16px/23px 'Open Sans', sans-serif;
		padding: .5em 0 0
	}
	.artical-links ul li {
		display: block
	}
	.share-artical ul li {
		display: block
	}
	.artical-content p:nth-child(1) {
		display: none
	}
	.userinfo {
		display: none
	}
	.artical-content p {
		font: normal 14px/22px 'Open Sans', sans-serif, Helvetica, sans-serif;
		padding: 8px 0
	}
	.artical-links {
		float: none
	}
	.share-artical {
		float: none;
		margin: 0 0 0;
		padding: 0
	}
	.share-artical ul li a,
	.artical-links ul li a {
		padding-right: 20px;
		padding-left: 0
	}
	.grids_of_2 h2 {
		font: 400 26px/28px 'Open Sans', sans-serif;
		padding: .8em 0 .5em
	}
	h4.style1 a {
		font: 400 17px/14px 'Open Sans', sans-serif
	}
	.grids_of_2 h2 {
		font: 400 24px/14px 'Open Sans', sans-serif;
		padding: .5em 0 .2em
	}
	.table-form form input[type=text],
	input[type=email] {
		width: 91.8%;
		padding: 10px
	}
	.table-form textarea {
		width: 92%;
		padding: 10px;
		height: 100px
	}
	.table-form input[type=submit] {
		padding: .6em 1.2em
	}
	.menu_box_list li a {
		margin: .44em 1.5em
	}
	.header {
		padding: 1em 0 .6em
	}
	.menu_box_list ul li {
		display: block
	}
	.box {
		top: -12px
	}
	.map {
		display: none
	}
	.col_1_of_bottom {
		float: none;
		margin: 1% 0 1% 0%
	}
	.span_1_of_first1 {
		width: 100%
	}
	.single-page,
	.contact-info {
		margin-top: 9em;
		padding: 4% 4% 5%
	}
	.span_1_of_first1 h5 {
		font-size: 1em
	}
}