/** Grid Post Widget **/
.grid-cat {
	width: 100%;
	
}
.grid-cat .co{
	display: grid;
    grid-template-columns:48% 48%;
    grid-gap: 25px;
	padding:0;
	margin:0;
}
.grid-cat p{
	margin:0;
	font-size:16px;
	color:#333;
	text-align:justify;
}
.grid-cat img {
	width:100%;
	height:220px;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.grid-cat img:hover {
	opacity:.8;
}
.grid-cat h1 {
	line-height:20px;
	margin:5px;
}
.grid-cat h1 a {
	font-size:18px;
	color:#000;
	text-align:justify;
}
.grid-cat h1 a:hover {
	color:#F00;
}
.grid-cat small {
	font-size:12px;
}
/** Single Post **/

.single-post {
	clear: both ;
	width: 100%;
	font-size: 18px;
	color: #333;
	text-align:justify;
}
.single-post .heading {
	color: #000;
	font-size: 26px;
	padding:0 ;
	margin:0;
	font-weight: bold;
}
.single-post .img img {
	width:100% ;
	display:block;
	margin-top:3%;
	margin-bottom:3%;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */	
}
.single-post .qr img{
	vertical-align:top;
	margin-right:2%;
	margin-bottom:1%;
	float:left;
}
.single-post img.alignright {
	float:right;
	margin:.5em 0 1em 1em;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.single-post img.alignleft {
	float:left;
	margin:.5em 1em 1em 0;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.single-post img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.single-post p iframe {
	width:100%;
	height:400px;
}
.single-post small {
	font-size:12px;
}



/** Single Social Link **/
.single-social {
	font-size:16px;
}
.single-social ul {
	margin:0;
	padding:0;
}
.single-social ul li {
	list-style: none;
	display: inline-block;
	padding:0;
	margin:0;	
}
.single-social ul li a {
	font-family:Social;
	font-size:50px;
	font-weight:500;
	color: #fff;
	display:block;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:5%;
	line-height:80%;
	border:2px solid #00F;
	border-radius:3px;
	background-color:#00F;
}
.single-social ul li a:hover {
	color:#f00 ;
	background-color:#fff;
	border:2px solid #f00;
	border-radius:3px;
}

/** Related Posts **/
.related-posts h2{
	height: auto;
	color: #000;
	font-size: 22px;
	font-weight: bold;
	float:left;
}

.rel-post {
	width:31%;
	margin-left:1%;
	margin-right:1%;
	float:left;
}
.rel-post img {
	width:100%;
	height:180px;
	margin-bottom:2%;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.rel-post img:hover {
	opacity:.5;
}
.rel-post h2 {
	line-height:22px;
	padding:0;
	margin:0;
}
.rel-post h2 a {
	font-size:16px;
	color:#333;
}
.rel-post h2 a:hover {
	color:#F00;
}
/** ------------------------------ tablet layout --------------------- **/

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

.grid-cat {
	width: 100%;	
}
.grid-cat .co{
	display: grid;
    grid-template-columns:48% 48%;
    grid-gap: 25px;
	padding:0;
	margin:0;
}
.grid-cat p{
	margin:0;
	font-size:16px;
	color:#333;
	text-align:justify;
}
.grid-cat img {
	width:100%;
	height:160px;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.grid-cat img:hover {
	opacity:.8;
}
.grid-cat h1 {
	line-height:20px;
	margin:0;
}
.grid-cat h1 a {
	font-size:18px;
	color:#000;
	text-align:justify;
}
.grid-cat h1 a:hover {
	color:#F00;
}
.grid-cat small {
	font-size:10px;
}
/** Single Post **/
.single-post h1 .heading {
	height: auto;
	color: #000;
	font-size: 20px;
	padding: 0;
	margin:0;
	font-weight: bold;
}
.single-post {
	clear: both ;
	width: 100%;
	font-size: 16px;
	color: #333;
	text-align:justify;
}
.single-post .img img {
	height: auto ;
	width:100% ;
	display:block;
	margin-top:3%;
	margin-bottom:3%;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.single-post .qr img{
	vertical-align:top;
	margin-right:2%;
	margin-bottom:1%;
	float:left;
}
.single-post img.alignright {
	float:right;
	margin:.5em 0 1em 1em;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.single-post img.alignleft {
	float:left;
	margin:.5em 1em 1em 0;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.single-post img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.single-post p iframe {
	width:100%;
	height:350px;
}
.single-post small {
	font-size:12px;
}
/** Single Social Link **/
.single-social {
	font-size:16px;
}
.single-social ul {
	margin:0;
	padding:0;
}
.single-social ul li {
	list-style: none;
	display: inline-block;
	padding:0;
	margin:0;	
}
.single-social ul li a {
	font-family:Social;
	font-size:50px;
	font-weight:500;
	color: #fff;
	display:block;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:5%;
	line-height:80%;
	border:2px solid #00f;
	border-radius:3px;
	background-color:#00f;
}
.single-social ul li a:hover {
	color: #f00;
	background-color:#fff;
	border:2px solid #f00;
	border-radius:3px;
}
/** Related Posts **/
.related-posts h2{
	height: auto;
	color: #000;
	font-size: 22px;
	font-weight: bold;
	float:left;
}

.rel-post {
	width:31%;
	margin-left:1%;
	margin-right:1%;
	float:left;
}
.rel-post img {
	width:100%;
	height:180px;
	margin-bottom:2%;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.rel-post img:hover {
	opacity:.5;
}
.rel-post h2 {
	line-height:22px;
	padding:0;
	margin:0;
}
.rel-post h2 a {
	font-size:18px;
	color:#000;
}
.rel-post h2 a:hover {
	color:#F00;
}
}

/** ------------------------ Mobile Landscap Layout ------------------------- **/
@media screen and (max-width:480px){
/** Grid Post Widget **/
.grid-cat {
	width: 100%;
	
}
.grid-cat .co{
	display: grid;
    grid-template-columns:48% 48%;
    grid-gap: 25px;
	padding:0;
	margin:0;
}
.grid-cat p{
	margin:0;
	font-size:16px;
	color:#333;
	text-align:justify;
}
.grid-cat img {
	width:100%;
	height:150px;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.grid-cat img:hover {
	opacity:.8;
}
.grid-cat h1 {
	line-height:18px;
	margin:0;
}
.grid-cat h1 a {
	font-size:16px;
	color:#000;
	text-align:justify;
}
.grid-cat h1 a:hover {
	color:#F00;
}
.grid-cat small {
	font-size:10px;
}
/** Single Post **/
.single-post h1 .heading {
	height: auto;
	color: #000;
	font-size: 18px;
	padding: 0;
	margin:0;
	font-weight: bold;
}
.single-post {
	clear: both ;
	width: 100%;
	font-size: 16px;
	color: #333;
	text-align:justify;
}
.single-post .img img {
	height: auto ;
	width:100% ;
	display:block;
	margin-top:3%;
	margin-bottom:3%;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */	
}
.single-post .qr img{
	vertical-align:top;
	margin-right:2%;
	margin-bottom:1%;
	float:left;
}
.single-post img.alignright {
	height: auto ;
	width:100% ;
	display:block;
	margin-top:3%;
	margin-bottom:3%;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.single-post img.alignleft {
	height: auto ;
	width:100% ;
	display:block;
	margin-top:3%;
	margin-bottom:3%;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.single-post img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.single-post p iframe {
	width:100%;
	height:350px;
}
.single-post small {
	font-size:10px;
}
/** Single Social Link **/
.single-social {
	font-size:16px;
}
.single-social ul {
	margin:0;
	padding:0;
}
.single-social ul li {
	list-style: none;
	display: inline-block;
	padding:0;
	margin:0;	
}
.single-social ul li a {
	font-family:Social;
	font-size:40px;
	font-weight:500;
	color: #fff;
	display:block;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:5%;
	line-height:80%;
	border:2px solid #00f;
	border-radius:3px;
	background-color:#00F;
}
.single-social ul li a:hover {
	color: #f00;
	background-color:#fff;
	border:2px solid #f00;
	border-radius:3px;
}
/** Related Posts **/
.related-posts h2{
	height: auto;
	color: #000;
	font-size: 22px;
	font-weight: bold;
	float:left;
}

.rel-post {
	width:100%;
}
.rel-post img {
	width:100%;
	height:250px;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.rel-post img:hover {
	opacity:.5;
}
.rel-post h2 {
	line-height:22px;
	padding:0;
	margin:0;
}
.rel-post h2 a {
	font-size:16px;
	color:#333;
}
.rel-post h2 a:hover {
	color:#F00;
}
}

/** ------------------------ Mobile 320 Layout ------------------------- **/
@media screen and (max-width:320px){
/** Grid Post Widget **/
.grid-cat {
	width: 100%;	
}
.grid-cat .co{
	display: grid;
    grid-template-columns:100%;
    grid-gap: 25px;
	padding:0;
	margin:0;
}
.grid-cat p{
	margin:0;
	font-size:14px;
	color:#333;
}
.grid-cat img {
	width:100%;
	height:180px;border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.grid-cat h1 {
	line-height:18px;
	margin:0;
}
.grid-cat h1 a {
	font-size:16px;
	color:#000;
}
.grid-cat h1 a:hover {
	color:#F00;
}
.grid-cat small {
	font-size:10px;
}
/** Single Post **/
.single-post h1 .heading {
	height: auto;
	color: #000;
	font-size: 16px;
	padding: 0;
	font-weight: bold;
	margin:0;
	text-align:justify;
}
.single-post {
	clear: both ;
	width: 100%;
	font-size: 12px;
	color: #666;
	text-align:justify;
}
.single-post .img img {
	height: auto ;
	width:100% ;
	display:block;
	margin-bottom:3%;
	margin-top:3%;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */;	
}
.single-post .qr img{
	vertical-align:top;
	margin-right:2%;
	margin-bottom:1%;
	float:left;
}
.single-post img.alignright {
	height: auto ;
	width:100% ;
	display:block;
	margin-bottom:3%;
	margin-top:3%;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */;	
}
.single-post img.alignleft {
	height: auto ;
	width:100% ;
	display:block;
	margin-bottom:3%;
	margin-top:3%;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */;	
}
.single-post img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.single-post p iframe {
	width:100%;
	height:250px;
}
.single-post small {
	font-size:10px;
}
/** Single Social Link **/
.single-social {
	font-size:16px;
}
.single-social ul {
	margin:0;
	padding:0;
}
.single-social ul li {
	list-style: none;
	display: inline-block;
	padding:0;
	margin:0;	
}
.single-social ul li a {
	font-family:Social;
	font-size:35px;
	font-weight:500;
	color: #fff;
	display:block;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:5%;
	line-height:80%;
	border:2px solid #00f;
	border-radius:3px;
	background-color:#00F;
}
.single-social ul li a:hover {
	color: #f00;
	background-color:#fff;
	border:2px solid #f00;
	border-radius:3px;
}
/** Related Posts **/
.related-posts h2{
	height: auto;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	float:left;
}

.rel-post {
	width:100%;
	margin-bottom:2%;
}
.rel-post img {
	width:100%;
	height:200px;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.rel-post img:hover {
	opacity:.5;
}
.rel-post h2 {
	line-height:22px;
	padding:0;
	margin:0;
}
.rel-post h2 a {
	font-size:18px;
	color:#000;
}
.rel-post h2 a:hover {
	color:#F00;
}
}