/** Youtube Video Post Widget **/
                                                                       
.video-post {
	width: 100%;	
}

/** Frant Page **/

.frant-page {
	height: auto ;
	width: 49%;
	margin:.5%;
	float:left;
	position:relative;
	overflow:hidden;
	box-shadow: 0 0 4px 4px rgba(010, 140, 100, 0.5);
}

.frant-page img {
	float:left ;
	height:407px ;
	width:100%;
	transition:all 1s ease-in;
}
.frant-page:hover img {
	transform:scale(1.1);
	transition:all 1s ease-in;
}
.frant-page h1 {
	background-color: rgba(0,0,0,.8);
	padding: 2%;
	width: 80%;
	height: auto;
	position: absolute;
	bottom: 2%;
	left:10%;
	line-height:22px;
	
}

.frant-page h1 a {
	font-size:16px;
	color:#FFF;	
}

.frant-page .top {
	background-color:rgba(0,0,0,.8);
	color:#FFF;
	padding:1%;
	margin:1%;
	width:auto;
	height:auto;
	position:absolute;
	top:0;
	z-index:22;
	font-size:12px;
}

.frant-page-1 {
	height: auto ;
	width: 24%;
	margin:.5%;
	color: #333;
	float:left;
	position:relative;
	overflow:hidden;
	box-shadow: 0 0 2.5px 2.5px rgba(010, 140, 100, 0.5);
}
.frant-page-1 img {
	float: left ;
	height:200px ;
	width:100% ;	
	transition:all 1s ease-in;
}
.frant-page-1:hover img {
	transform:scale(1.1);
	transition:all 1s ease-in;
	
}
.frant-page-1 h1 {
	background-color: rgba(0,0,0,.8);
	padding: 1%;
	width: 80%;
	height: auto;
	position: absolute;
	bottom: 2%;
	left:5%;
	line-height:20px;
	
}

.frant-page-1 h1 a {
	font-size:14px;
	color:#FFF;
	
}

.frant-page-1 .top {
	background-color:rgba(0,0,0,.8);
	color:#FFF;
	padding:1%;
	margin:1%;
	width:auto;
	height:auto;
	position:absolute;
	top:0;
	z-index:1;
	font-size:12px;
}
/** ------------------- **/
.post {
	margin-bottom:5%;
	clear:both;
}
.post-artical {
	width:48%;
	height:auto;
	float:left;
	margin-right:2%;
	font-size:16px;
	color:#333;
	padding:1%;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.post-artical:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.post-artical img {
	width:100%;
	margin-bottom:5%;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.post-artical img:hover {
	opacity:.8;
}
.post-artical h2  {
	font-size:16px;
	line-height:26px;
	padding:0;
	margin:2px 0;
}
.post-artical h2 a {
	color: #333;
	font-size:16px;	
}
.post-artical small {
	color: #666;
	font-size:14px;
}
/** ------------------- **/
.post-artical-1 {
	width:50%;
	height:auto;
	float:left;
	padding:1%;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.post-artical-1:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.post-artical-1 img {
	width:40%;
	height:100px;
	margin-right:2%;
	margin-bottom:4%;
	vertical-align: text-top;
	float:left;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.post-artical-1 img:hover {
	opacity:.8;
}
.post-artical-1 h2 {
	font-size:14px;
	line-height:20px;
	padding:0;
	margin:1px 0;
}
.post-artical-1 h2 a {
	color: #333;
	font-size:14px;
	line-height:8px;
}
.post-artical-1 small {
	color: #666;
	font-size:12px;
}
/** Grid Post Widget **/
.grid-post {
	width: 100%;	
}
.grid-post .item{
	display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 25px;
	padding:0;
	margin:0;
}
.grid-post .item img {
	width:100%;
	height:180px;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.grid-post .item img:hover {
	opacity:.8;
}
.grid-post .item h1 {
	line-height:18px;
}
.grid-post .item h1 a {
	font-size:14px;
	color:#333;
}
.grid-post .item small {
	font-size:12px;
	color:#666;
}
/** Two Post Widget **/
.two-post{
	width:100%;
}
.post1 {
	width:100%;
	height:auto;
	color:#333;
	position: relative;
	margin-bottom:3%;
	padding:1%;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.post1:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.post1 img{
	width: 100%;
	height:410px;
	float:left;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.post1 img:hover {
	opacity:.8;
}
.post1 .post-top {
	position:absolute;
	padding:2%;
	margin:0;
	background-color:rgba(255,255,255,.81);
	bottom:2%;
}
.post1 .post-top h2{
	line-height:24px;
	margin:0;
}
.post1 .post-top h2 a{
	font-size:18px;
	color: #000;
	font-weight:600;
}
.post1 .post-top h2 a:hover{
	color: #333;
}
.post1 .post-top small {
	font-size:12px;
	color:#333;
}
.post2 {
	width:48%;
	margin-right:2%;
	margin-bottom:2%;
	float: left;
	padding:1%;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.post2:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.post2 img {
	width:40%;
	height:120px;
	margin-bottom:2%;
	margin-right:2%;
	vertical-align:text-top;
	float: left;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.post2 img:hover {
	opacity:.8;
}
.post2 h2 {
	line-height:18px;
	margin:0;
}
.post2 h2 a {
	font-size:14px;
	color:#333;
}
.post2 small {
	font-size:12px;
	color:#666;
}
/** Double Post Widget **/
.dual-left {
	width:48%;
	float:left;
	margin:1%;
}
.dl {
	margin-bottom:5%;
	padding:1.5%;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.dl:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.dl img{
	width:100%;
	height:200px;
	margin-bottom: 2%;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.dl img:hover {
	opacity:.8;
}
.dl h2 {
	margin:0;
	line-height:22px;
}
.dl h2 a{
	font-size:16px;
	color:#333;
}
.dl small {
	font-size:12px;
	color:#666;
}
/** ----------------------- **/
.dl1 {
	margin-bottom:5%;
	padding:1.5%;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.dl1:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.dl1 img{
	width:40%;
	height:100px;
	margin-bottom: 2%;
	margin-right:1%;
	vertical-align:top;
	float:left;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.dl1 img:hover {
	opacity:.8;
}
.dl1 h2 {
	margin:0;
	line-height:18px;
}
.dl1 h2 a{
	font-size:14px;
	color:#333;
}
.dl1 small {
	font-size:12px;
	color:#666;
}
/** Double Post Widget **/
.dual-right {
	width:48%;
	float:left;
	margin:1%;
}
.dr {
	margin-bottom:3%;
	padding:1.5%;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.dr:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.dr img{
	width:100%;
	height:200px;
	margin-bottom: 2%;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.dr img:hover {
	opacity:.8;
}
.dr h2 {
	margin:0;
	line-height:22px;
}
.dr h2 a{
	font-size:16px;
	color:#333;
}
.dr small {
	font-size:12px;
	color:#666;
}
/** ----------------------- **/
.dr1 {
	margin-bottom:5%;
	padding:1.5%;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.dr1:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.dr1 img{
	width:40%;
	height:100px;
	margin-bottom: 2%;
	margin-right:1%;
	vertical-align:top;
	float:left;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.dr1 img:hover {
	opacity:.8;
}
.dr1 h2 {
	margin:0;
	line-height:18px;
}
.dr1 h2 a{
	font-size:14px;
	color:#333;
}
.dr1 small {
	font-size:12px;
	color:#666;
}

/** ----------------------- **/
.side-post {

}
.side-post ul {
	margin:0;
	padding:0;
}
.side-post li {
	text-align: left;
	list-style-type: none;
	margin-bottom:0;
	padding:1%;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.side-post li:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.side-post li img{
	width:100px;
	height:80px;
	margin-bottom:1% ;
	margin-right:2%;
	margin-top:0;
	vertical-align:top;
	float:left;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.side-post li img:hover {
	opacity:.6;
}
.side-post li h2 {
	margin:0;
	line-height:18px;
}
.side-post li h2 a{
	font-size:14px;
	color:#333;
}


/** SIDE POST **/

/** Slider Double Post Widget **/
.dual-left1 {
	width:58%;
	float:left;
	margin:1%;
}
/** Slider Right Side Double Post Widget **/
.dual-right1 {
	width:38%;
	float:left;
	margin:1%;
}
/** Grid 5 Post Widget **/
.grid-post-4 {
	width: 100%;
	
}
.grid-post-4 .item{
	display: grid;
    grid-template-columns: auto auto auto auto auto;
    grid-gap: 25px;
	padding:0;
	margin:0;
	
}
.grid-post-4 .item img {
	width:100%;
	height:180px;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.grid-post-4 .item img:hover {
	opacity:.8;
}
.grid-post-4 .item h1 {
	line-height:18px;
}
.grid-post-4 .item h1 a {
	font-size:14px;
	color:#333;
}
.grid-post-4 .item small {
	font-size:12px;
	color:#666;
}
/**  Left Slider Right Post Widget **/
.dual-left2 {
	width:44%;
	float:left;
	margin:1%;
}

.dual-right2 {
	width:25%;
	float:left;
	margin:1%;
}
.dual-right3 {
	width:31.3%;
	float:left;
	margin:1%;
}
/** ------------------------------ tablet layout --------------------- **/

@media screen and (max-width:768px){
/** Youtube Video Post Widget **/

.video-post {
	width:100%;
}

	
.frant-page {
	height: auto ;
	width: 99%;
	margin:.5%;
	float:left;
	position:relative;
	overflow:hidden;
	box-shadow: 0 0 4px 4px rgba(010, 140, 100, 0.5);
}
.frant-page img {
	float: left ;
	height:300px ;
	width:100%;
	transition:all 1s ease-in;
}
.frant-page:hover img {
	transform:scale(1.1);
	transition:all 1s ease-in;
}
.frant-page h1 {
	background-color: rgba(0,0,0,.8);
	padding: 1%;
	width: 80%;
	height: auto;
	position: absolute;
	bottom: 2%;
	left:5%;
	line-height:28px;
}

.frant-page h1 a {
	font-size:18px;
	color:#FFF;	
}

.frant-page .top {
	background-color:rgba(255,0,0,.81);
	color:#FFF;
	padding:1%;
	margin:1%;
	width:auto;
	height:auto;
	position:absolute;
	top:0;
	z-index:22;
}

.frant-page-1 {
	height: auto ;
	width: 49%;
	margin:.5%;
	color: #333;
	float:left;
	position:relative;
	overflow:hidden;
	box-shadow: 0 0 2.5px 2.5px rgba(010, 140, 100, 0.5);
}
.frant-page-1 img {
	float: left ;
	height:200px ;
	width:100% ;	
	transition:all 1s ease-in;
}
.frant-page-1:hover img {
	transform:scale(1.1);
	transition:all 1s ease-in;
}
.frant-page-1 h1 {
	background-color: rgba(0,0,0,.8);
	padding: 1%;
	width: 80%;
	height: auto;
	position: absolute;
	bottom: 2%;
	left:5%;
	line-height:24px;
	
}

.frant-page-1 h1 a {
	font-size:16px;
	color:#FFF;
	
}

.frant-page-1 .top {
	background-color:rgba(255,0,0,.81);
	color:#FFF;
	padding:1%;
	margin:1%;
	width:auto;
	height:auto;
	position:absolute;
	top:0;
	z-index:1;
}
	
/** ------------------- **/
.post {
	margin-bottom:5%;
	clear:both;
}
.post-artical {
	width:48%;
	height:auto;
	float:left;
	margin-right:2%;
	font-size:16px;
	color:#666;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.post-artical:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.post-artical img {
	width:100%;
	margin-bottom:5%;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.post-artical img:hover {
	opacity:.8;
}
.post-artical h2  {
	font-size:16px;
	line-height:26px;
	padding:0;
	margin:2px 0;
}
.post-artical h2 a {
	color: #333;
	font-size:16px;	
}
.post-artical h2 a:hover {
	color:#000;
}
.post-artical small {
	color: #666;
	font-size:14px;
}
/** ------------------- **/
.post-artical-1 {
	width:50%;
	height:auto;
	float:left;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.post-artical-1:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.post-artical-1 img {
	width:40%;
	height:100px;
	margin-right:2%;
	margin-bottom:4%;
	vertical-align: text-top;
	float:left;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.post-artical-1 img:hover {
	opacity:.8;
}
.post-artical-1 h2 {
	font-size:14px;
	line-height:20px;
	padding:0;
	margin:1px 0;
}
.post-artical-1 h2 a {
	color: #333;
	font-size:14px;
	line-height:8px;
}
.post-artical-1 h2 a:hover {
	color:#000;
}
.post-artical-1 small {
	color: #666;
	font-size:12px;
}
/** Grid Post Widget **/
.grid-post {
	width: 100%;	
}
.grid-post .item{
	display: grid;
    grid-template-columns:auto auto auto;
    grid-gap: 25px;
	padding:0;
	margin:0;
}
.grid-post img {
	width:100%;
	height:180px;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.grid-post img:hover {
	opacity:.8;
}
.grid-post h1 {
	line-height:18px;
}
.grid-post h1 a {
	font-size:14px;
	color:#333;
}
.grid-post h1 a:hover {
	color:#000;
}
.grid-post small {
	font-size:12px;
	color:#666;
}
/** Two Post Widget **/
.two-post{
	width:100%;
}

.post1 {
	width:100%;
	height:auto;
	color:#333;
	position: relative;
	margin-bottom:3%;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.post1:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.post1 img{
	width: 100%;
	height:350px;
	float:left;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding:.5%; /* Some padding */
}
.post1 img:hover {
	opacity:.8;
}
.post1 .post-top {
	position:absolute;
	padding:2%;
	margin:0;
	background-color:rgba(255,255,255,.81);
	bottom:2%;
	max-height:60%;
	overflow:hidden;
}
.post1 .post-top h2{
	line-height:24px;
	margin:0;
}
.post1 .post-top h2 a{
	font-size:18px;
	color: #000;
	font-weight:600;
}
.post1 .post-top h2 a:hover{
	color: #333;
}
.post1 .post-top small {
	font-size:11px;
	color:#333;
}
.post2 {
	width:48%;
	padding:1%;
	margin-right:2%;
	margin-bottom:2%;
	float: left;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.post2:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.post2 img {
	width:40%;
	height:100px;
	margin-bottom:2%;
	margin-right:2%;
	vertical-align:text-top;
	float: left;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.post2 img:hover {
	opacity:.8;
}
.post2 h2 {
	line-height:18px;
	margin:0;
}
.post2 h2 a {
	font-size:14px;
	color:#333;
}
.post2 h2 a:hover {
	color:#000;
}
.post2 small {
	font-size:12px;
	color:#666;
}
/** Double Post Widget **/
.dual-left {
	width:48%;
	float:left;
	margin:1%;
}
.dl {
	margin-bottom:5%;
	color:#666;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.dl:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.dl img{
	width:100%;
	height:200px;
	margin-bottom: 2%;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.dl img:hover {
	opacity:.8;
}
.dl h2 {
	margin:0;
	line-height:22px;
}
.dl h2 a{
	font-size:16px;
	color:#333;
}
.dl h2 a:hover {
	color:#000;
}
.dl small {
	font-size:12px;
	color:#666;
}
/** ----------------------- **/
.dl1 {
	margin-bottom:5%;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.dl1:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.dl1 img{
	width:40%;
	height:80px;
	margin-bottom: 2%;
	margin-right:2%;
	vertical-align:top;
	float:left;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.dl1 img:hover {
	opacity:.8;
}
.dl1 h2 {
	margin:0;
	line-height:18px;
}
.dl1 h2 a{
	font-size:14px;
	color:#333;
}
.dl1 h2 a:hover {
	color:#000;
}
.dl1 small {
	font-size:12px;
	color:#666;
}

/** Double Post Widget **/
.dual-right {
	width:48%;
	float:left;
	margin:1%;
}
.dr {
	margin-bottom:3%;
	color:#666;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.dr:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.dr img{
	width:100%;
	height:200px;
	margin-bottom: 2%;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.dr img:hover {
	opacity:.8;
}
.dr h2 {
	margin:0;
	line-height:22px;
}
.dr h2 a{
	font-size:16px;
	color:#333;
}
.dr h2 a:hover {
	color:#000;
}
.dr small {
	font-size:12px;
	color:#666;
}
/** ----------------------- **/
.dr1 {
	margin-bottom:5%;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.dr1:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.dr1 img{
	width:40%;
	height:80px;
	margin-bottom: 2%;
	margin-right:2%;
	vertical-align:top;
	float:left;border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.dr1 img:hover {
	opacity:.8;
}
.dr1 h2 {
	margin:0;
	line-height:18px;
}
.dr1 h2 a{
	font-size:14px;
	color:#333;
}
.dr1 h2 a:hover {
	color:#000;
}
.dr1 small {
	font-size:12px;
	color:#666;
}

/** ----------------------- **/
.side-post {
}
.side-post ul {
	margin:0;
	padding:0;
}
.side-post li {
	text-align: left;
	list-style-type: none;
	margin-bottom:2%;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.side-post li:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.side-post li img{
	width:100px;
	height:80px;
	margin-bottom:1% ;
	margin-right:2%;
	margin-top:0;
	vertical-align:top;
	float:left;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.side-post li img:hover {
	opacity:.8;
}
.side-post li h2 {
	margin:0;
	line-height:18px;
}
.side-post li h2 a{
	font-size:14px;
	color:#333;
}
.side-post li h2 a:hover {
	color:#000;
}

/** Slider Double Post Widget **/
.dual-left1 {
	width:58%;
	float:left;
	margin:1%;
}
/** Slider Right Side Double Post Widget **/
.dual-right1 {
	width:38%;
	float:left;
	margin:1%;
}
/** Grid 5 Post Widget **/
.grid-post-4 {
	width: 100%;	
}
.grid-post-4 .item{
	display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 25px;
	padding:0;
	margin:0;
}
.grid-post-4 .item img {
	width:100%;
	height:180px;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.grid-post-4 .item img:hover {
	opacity:.8;
}
.grid-post-4 .item h1 {
	line-height:18px;
}
.grid-post-4 .item h1 a {
	font-size:14px;
	color:#333;
}
.grid-post-4 .item small {
	font-size:12px;
	color:#666;
}
/**  Left Slider Right Post Widget **/
.dual-left2 {
	width:98%;
	float:left;
	margin:1%;
}

.dual-right2 {
	width:98%;
	float:left;
	margin:1%;
}
.dual-right3 {
	width:31%;
	float:left;
	margin:1%;
}
}

/** ------------------------ Mobile Landscap Layout ------------------------- **/
@media screen and (max-width:480px){
/** Youtube Video Post Widget **/

.video-post {
	width: 100%;
	
}

.frant-page {
	height: auto ;
	width: 99%;
	margin:.5%;
	float:left;
	position:relative;
	overflow:hidden;
	box-shadow: 0 0 4px 4px rgba(010, 140, 100, 0.5);
}
.frant-page img {
	float: left ;
	height:250px ;
	width:100%;
	transition:all 1s ease-in;
}
.frant-page:hover img {
	transform:scale(1.1);
	transition:all 1s ease-in;
}
.frant-page h1 {
	background-color: rgba(0,0,0,.8);
	padding: 1%;
	width: 80%;
	height: auto;
	position: absolute;
	bottom: 2%;
	left:5%;
	line-height:20px;
}

.frant-page h1 a {
	font-size:12px;
	color:#FFF;	
}

.frant-page .top {
	background-color:rgba(255,0,0,.81);
	color:#FFF;
	padding:1%;
	margin:1%;
	width:auto;
	height:auto;
	position:absolute;
	top:0;
	z-index:22;
	font-size: 10px;
}

.frant-page-1 {
	height: auto ;
	width: 49%;
	margin:.5%;
	color: #333;
	float:left;
	position:relative;
	overflow:hidden;
	box-shadow: 0 0 2.5px 2.5px rgba(010, 140, 100, 0.5);
}
.frant-page-1 img {
	float: left ;
	height:150px ;
	width:100% ;	
	transition:all 1s ease-in;
}
.frant-page-1:hover img {
	transform:scale(1.1);
	transition:all 1s ease-in;
}
.frant-page-1 h1 {
	background-color: rgba(0,0,0,.8);
	padding: 1%;
	width: 90%;
	height: auto;
	position: absolute;
	bottom: 1%;
	left:5%;
	line-height:20px;
	
}

.frant-page-1 h1 a {
	font-size:12px;
	color:#FFF;
	
}

.frant-page-1 .top {
	background-color:rgba(255,0,0,.81);
	color:#FFF;
	padding:1%;
	margin:1%;
	width:auto;
	height:auto;
	position:absolute;
	top:0;
	z-index:1;
	font-size: 10px;
}
/** ------------------- **/
.post {
	margin-bottom:5%;
	clear:both;
}
.post-artical {
	width:100%;
	height:auto;
	float:left;
	font-size:12px;
	color:#666;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.post-artical:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.post-artical img {
	width:100%;
	margin-bottom:3%;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.post-artical img:hover {
	opacity:.8;
}
.post-artical h2  {
	line-height:20px;
	padding:0;
}
.post-artical h2 a {
	color: #333;
	font-size:14px;	
}
.post-artical h2 a:hover {
	color:#000;
}
.post-artical small {
	font-size:10px;
	color:#666;
}

/** ------------------- **/
.post-artical-1 {
	width:100%;
	height:auto;
	float:left;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
	margin-top:2%;
}
.post-artical-1:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.post-artical-1 small {
	font-size:10px;
	color:#333;
}
.post-artical-1 img {
	width:30%;
	height:80px;
	margin-right:2%;
	margin-bottom:2%;
	vertical-align: text-top;
	float:left;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.post-artical-1 img:hover {
	opacity:.8;
}
.post-artical-1 h2 {
	line-height:20px;
	padding:0;
	margin:1px 0;
}
.post-artical-1 h2 a {
	color: #333;
	font-size:12px;
}
.post-artical-1 h2 a:hover {
	color:#000;
}
.post-artical-1 small {
	font-size:10px;
	color:#666;
}
/** Grid Post Widget **/
.grid-post {
	width: 100%;	
}
.grid-post .item{
	display: grid;
    grid-template-columns:auto auto;
    grid-gap:15px;
	padding:0;
	margin:0;
}
.grid-post img {
	width:100%;
	height:150px;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.grid-post img:hover {
	opacity:.8;
}
.grid-post h1 {
	line-height:18px;
}
.grid-post h1 a {
	font-size:14px;
	color:#333;
}
.grid-post h1 a:hover {
	color:#000;
}
.grid-post small {
	font-size:10px;
	color:#666;
}
/** Two Post Widget **/
.two-post{
	width:100%;
}

.post1 {
	width:100%;
	height: auto;
	color:#333;
	position: relative;
	margin-bottom:3%;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.post1:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.post1 img{
	width: 100%;
	height:200px;
	float:left;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.post1 img:hover {
	opacity:.8;
}
.post1 .post-top {
	position:absolute;
	padding:2%;
	margin:2%;
	background-color:rgba(255,255,255,.81);
	bottom:2%;
	max-height:80%;
	overflow:hidden;
}
.post1 .post-top h2{
	line-height:20px;
	margin:0;
}
.post1 .post-top h2 a{
	font-size:14px;
	color: #000;
	font-weight:600;
}
.post1 .post-top h2 a:hover{
	color: #333;
}
.post1 .post-top small {
	font-size:10px;
	color:#333;
}
.post2 {
	width:100%;
	padding:0px;
	margin-top:2%;
	margin-bottom:2%;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.post2:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.post2 img {
	width:30%;
	height:80px;
	margin-bottom:2%;
	margin-right:2%;
	vertical-align:text-top;
	float: left;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.post2 img:hover {
	opacity: 0.8;
}
.post2 h2 {
	line-height:16px;
	margin:0;
}
.post2 h2 a {
	font-size:12px;
	color:#333;
}
.post2 h2 a:hover {
	color:#000;
}
.post2 small {
	font-size:10px;
	color:#666;
}
/** Double Post Widget **/
.dual-left {
	width:100%;
	float:left;
}
.dl {
	margin-bottom:2%;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.dl:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.dl img{
	width:100%;
	height:200px;
	margin-bottom: 2%;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.dl img:hover {
	opacity:.8;
}
.dl h2 {
	margin:0;
	line-height:20px;
}
.dl h2 a{
	font-size:14px;
	color:#333;
}
.dl h2 a:hover {
	color:#000;
}
.dl small {
	font-size:11px;
	color:#666;
}
/** ----------------------- **/
.dl1 {
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.dl1:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.dl1 img{
	width:30%;
	height:80px;
	margin-bottom: 2%;
	margin-right:2%;
	vertical-align:top;
	float:left;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.dl1 img:hover {
	opacity:.8;
}
.dl1 h2 {
	margin:0;
	line-height:18px;
}
.dl1 h2 a{
	font-size:12px;
	color:#333;
}
.dl1 h2 a:hover {
	color:#000;
}
.dl1 small {
	font-size:10px;
	color:#666;
}

/** Double Post Widget **/
.dual-right {
	width:100%;
	float:left;
}
.dr {
	margin-bottom:3%;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.dr:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.dr img{
	width:100%;
	height:200px;
	margin-bottom: 2%;border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.dr img:hover {
	opacity:.8;
}
.dr h2 {
	margin:0;
	line-height:20px;
}
.dr h2 a{
	font-size:14px;
	color:#333;
}
.dr h2 a:hover {
	color:#000;
}
/** ----------------------- **/
.dr1 {
	margin-bottom:2%;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.dr1:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.dr1 img{
	width:30%;
	height:80px;
	margin-bottom: 2%;
	margin-right:2%;
	vertical-align:top;
	float:left;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.dr1 img:hover {
	opacity:.8;
}
.dr1 h2 {
	margin:0;
	line-height:18px;
}
.dr1 h2 a{
	font-size:12px;
	color:#333;
}
.dr1 h2 a:hover {
	color:#000;
}
.dr1 small {
	font-size:10px;
	color:#666;
}


/** ----------------------- **/
.side-post {
}
.side-post ul {
	margin:0;
	padding:0;
}
.side-post li {
	text-align: left;
	list-style-type: none;
	margin-bottom:2%;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.side-post li:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.side-post li img{
	width:100px;
	height:80px;
	margin-bottom:1% ;
	margin-right:2%;
	margin-top:0;
	vertical-align:top;
	float:left;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.side-post li img:hover {
	opacity:.8;
}
.side-post li h2 {
	margin:0;
	line-height:18px;
}
.side-post li h2 a{
	font-size:14px;
	color:#333;
}
.side-post li h2 a:hover {
	color:#000;
}

/** Slider Double Post Widget **/
.dual-left1 {
	width:98%;
	float:left;
	margin:1%;
}
/** Slider Right Side Double Post Widget **/
.dual-right1 {
	width:98%;
	float:left;
	margin:1%;
}
/** Grid 5 Post Widget **/
.grid-post-4 {
	width: 100%;	
}
.grid-post-4 .item{
	display: grid;
    grid-template-columns:auto auto;
    grid-gap:15px;
	padding:0;
	margin:0;
}
.grid-post-4 img {
	width:100%;
	height:150px;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.grid-post-4 img:hover {
	opacity:.8;
}
.grid-post-4 h1 {
	line-height:18px;
}
.grid-post-4 h1 a {
	font-size:14px;
	color:#333;
}
.grid-post-4 h1 a:hover {
	color:#000;
}
.grid-post-4 small {
	font-size:10px;
	color:#666;
}
/**  Left Slider Right Post Widget **/
.dual-left2 {
	width:98%;
	float:left;
	margin:1%;
}

.dual-right2 {
	width:98%;
	float:left;
	margin:1%;
}
.dual-right3 {
	width:98%;
	float:left;
	margin:1%;
}
}

/** ------------------------ Mobile 320 Layout ------------------------- **/
@media screen and (max-width:320px){
/** Youtube Video Post Widget **/

.video-post {
	width: 100%;
}

.frant-page {
	height: auto ;
	width: 100%;
	margin-bottom:5%;
	float:left !important;
	position:relative;
	overflow:hidden;
	box-shadow: 0 0 4px 4px rgba(010, 140, 100, 0.5);
}
.frant-page img {
	float: left ;
	height:150px ;
	width:100%;
	transition:all 1s ease-in;
}
.frant-page:hover img {
	transform:scale(1.1);
	transition:all 1s ease-in;
}
.frant-page h1 {
	background-color: rgba(0,0,0,.8);
	padding: 1%;
	width: 80%;
	height: auto;
	position: absolute;
	bottom: 2%;
	left:5%;
	line-height:20px;
}

.frant-page h1 a {
	font-size:12px;
	color:#FFF;	
}

.frant-page .top {
	background-color:rgba(255,0,0,.81);
	color:#FFF;
	padding:1%;
	margin:1%;
	width:auto;
	height:auto;
	position:absolute;
	top:0;
	z-index:22;
	font-size: 10px;
}

.frant-page-1 {
	height: auto ;
	width: 100%;
	margin-bottom:5%;
	color: #333;
	float:left !important;
	position:relative;
	overflow:hidden;
	box-shadow: 0 0 2.5px 2.5px rgba(010, 140, 100, 0.5);
}
.frant-page-1 img {
	float: left ;
	height:150px ;
	width:100% ;	
	transition:all 1s ease-in;
}
.frant-page-1:hover img {
	transform:scale(1.1);
	transition:all 1s ease-in;
}
.frant-page-1 h1 {
	background-color: rgba(0,0,0,.8);
	padding: 1%;
	width: 90%;
	height: auto;
	position: absolute;
	bottom: 1%;
	left:5%;
	line-height:20px;
	
}

.frant-page-1 h1 a {
	font-size:12px;
	color:#FFF;
	
}

.frant-page-1 .top {
	background-color:rgba(255,0,0,.81);
	color:#FFF;
	padding:1%;
	margin:1%;
	width:auto;
	height:auto;
	position:absolute;
	top:0;
	z-index:1;
	font-size: 10px;
}

/** ------------------- **/
.post {
	margin-bottom:5%;
	clear:both;
	
}
.post-artical {
	width:100%;
	height:auto;
	float:left;
	font-size:12px;
	color:#666;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.post-artical:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.post-artical img {
	width:100%;
	margin-bottom:3%;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.post-artical img:hover {
	opacity:.8;
}
.post-artical h2  {
	line-height:20px;
	padding:0;
}
.post-artical h2 a {
	color: #333;
	font-size:14px;	
}
.post-artical h2 a:hover {
	color:#000;
}

/** ------------------- **/
.post-artical-1 {
	width:100%;
	height:auto;
	float:left;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
	margin-top:2%;
}
.post-artical-1:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.post-artical-1 small {
	font-size:10px;
	color:#666;
}
.post-artical-1 img {
	width:30%;
	height:60px;
	margin-right:2%;
	margin-bottom:2%;
	vertical-align: text-top;
	float:left;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.post-artical-1 img:hover {
	opacity:.8;
}
.post-artical-1 h2 {
	line-height:20px;
	padding:0;
	margin:1px 0;
}
.post-artical-1 h2 a {
	color: #333;
	font-size:12px;
}
.post-artical-1 h2 a:hover {
	color:#000;
}
/** Grid Post Widget **/
.grid-post {
	width: 100%;	
}
.grid-post .item{
	display: grid;
    grid-template-columns:auto;
    grid-gap:0;
	padding:0;
	margin:0;
}
.grid-post img {
	width:100%;
	height:180px;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.grid-post img:hover {
	opacity:.8;
}
.grid-post h1 {
	line-height:18px;
}
.grid-post h1 a {
	font-size:14px;
	color:#333;
}
.grid-post h1 a:hover {
	color:#000;
}
.grid-post small {
	font-size:10px;
	color:#666;
}
/** Two Post Widget **/
.two-post{
	width:100%;
}

.post1 {
	width:100%;
	height: auto;
	color:#333;
	position: relative;
	margin-bottom:3%;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.post1:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.post1 img{
	width: 100%;
	height:180px;
	float:left;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.post1 img:hover {
	opacity:.8;
}
.post1 .post-top {
	position:absolute;
	padding:2%;
	margin:2%;
	background-color:rgba(255,255,255,.81);
	bottom:2%;
	overflow:hidden;
	max-height:80%;
}
.post1 .post-top h2{
	line-height:20px;
	margin:0;
}
.post1 .post-top h2 a{
	font-size:14px;
	color: #000;
	font-weight:600;
}
.post1 .post-top h2 a:hover{
	color: #333;
}
.post1 .post-top small {
	font-size:10px;
	color:#333;
}
.post2 {
	width:100%;
	padding:0;
	margin-top:2%;
	margin-bottom:2%;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.post2:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.post2 img {
	width:30%;
	height:60px;
	margin-bottom:2%;
	margin-right:2%;
	vertical-align:text-top;
	float: left;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.post2 img:hover {
	opacity: 0.8;
}
.post2 h2 {
	line-height:16px;
	margin:0;
}
.post2 h2 a {
	font-size:12px;
	color:#333;
}
.post2 h2 a:hover {
	color:#000;
}
.post2 small {
	font-size:10px;
	color:#333;
}
/** Double Post Widget **/
.dual-left {
	width:100%;
	float:left;
}
.dl {
	margin-bottom:2%;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.dl:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.dl img{
	width:100%;
	height:180px;
	margin-bottom: 2%;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.dl img:hover {
	opacity:.8;
}
.dl h2 {
	margin:0;
	line-height:20px;
}
.dl h2 a{
	font-size:14px;
	color:#333;
}
.dl h2 a:hover {
	color:#000;
}
.dl small {
	font-size:11px;
	color:#666;
}
/** ----------------------- **/
.dl1 {
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.dl1:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.dl1 img{
	width:30%;
	height:60px;
	margin-bottom: 2%;
	margin-right:2%;
	vertical-align:top;
	float:left;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.dl1 img:hover {
	opacity:.8;
}
.dl1 h2 {
	margin:0;
	line-height:18px;
}
.dl1 h2 a{
	font-size:12px;
	color:#333;
}
.dl1 h2 a:hover {
	color:#000;
}
.dl1 small {
	font-size:10px;
}

/** Double Post Widget **/
.dual-right {
	width:100%;
	float:left;
}
.dr {
	margin-bottom:3%;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.dr:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.dr img{
	width:100%;
	height:180px;
	margin-bottom: 2%;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.dr img:hover {
	opacity:.8;
}
.dr h2 {
	margin:0;
	line-height:20px;
}
.dr h2 a{
	font-size:14px;
	color:#333;
}
.dr h2 a:hover {
	color:#000;
}
.dr small {
	font-size:10px;
	color:#666;
}
/** ----------------------- **/
.dr1 {
	margin-bottom:2%;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.dr1:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.dr1 img{
	width:30%;
	height:60px;
	margin-bottom: 2%;
	margin-right:2%;
	vertical-align:top;
	float:left;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.dr1 img:hover {
	opacity:.8;
}
.dr1 h2 {
	margin:0;
	line-height:18px;
}
.dr1 h2 a{
	font-size:12px;
	color:#333;
}
.dr1 h2 a:hover {
	color:#000;
}
.dr1 small {
	font-size:10px;
	color:#666;
}

/** ----------------------- **/
.side-post {
}
.side-post ul {
	margin:0;
	padding:0;
}
.side-post li {
	text-align: left;
	list-style-type: none;
	margin-bottom:3%;
	border-radius: 4px;  /* Rounded border */
	box-shadow: 0 0 10px  rgba(0,0,0,0.2);
	transition: 0.3s;
}
.side-post li:hover {
	box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.side-post li img{
	width:80px;
	height:60px;
	margin-bottom:1% ;
	margin-right:2%;
	margin-top:0;
	vertical-align:top;
	float:left;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.side-post li img:hover {
	opacity:.8;
}
.side-post li h2 {
	margin:0;
	line-height:18px;
}
.side-post li h2 a{
	font-size:12px;
	color:#333;
}
.side-post li h2 a:hover {
	color:#000;
}
.side-post li small {
	font-size:10px;
	color:#666;
}

/** Slider Double Post Widget **/
.dual-left1 {
	width:98%;
	float:left;
	margin:1%;
}
/** Slider Right Side Double Post Widget **/
.dual-right1 {
	width:98%;
	float:left;
	margin:1%;
}
/** Grid Post Widget **/
.grid-post-4 {
	width: 100%;	
}
.grid-post-4 .item{
	display: grid;
    grid-template-columns:auto;
    grid-gap:0;
	padding:0;
	margin:0;
}
.grid-post-4 img {
	width:100%;
	height:180px;
	border: 2px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	padding: 5px; /* Some padding */
}
.grid-post-4 img:hover {
	opacity:.8;
}
.grid-post-4 h1 {
	line-height:18px;
}
.grid-post-4 h1 a {
	font-size:14px;
	color:#333;
}
.grid-post-4 h1 a:hover {
	color:#000;
}
.grid-post-4 small {
	font-size:10px;
	color:#666;
}
/**  Left Slider Right Post Widget **/
.dual-left2 {
	width:98%;
	float:left;
	margin:1%;
}

.dual-right2 {
	width:98%;
	float:left;
	margin:1%;
}
.dual-right3 {
	width:98%;
	float:left;
	margin:1%;
}
}