/*
Template Name: News Blog
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

/*********************center_home****************/
.center_home1_inner1{
	width:95%;
	left:2.5%;
	bottom:2.5%;
	display:none;
	transition: 0.3s;
}
.center_home1:hover .center_home1_inner1{
	display:block;
	transition: 0.3s;
}

.fav_1_inner  img{
transform: scale(0.90) translateZ(0);
transition: 0.3s; 
 }
.fav_1_inner  img:hover{
transform: scale(1.00) translateZ(0);
transition: 0.3s;
 }
/*********************center_home_end****************/

/*********************blog_pg****************/
.blog_pg_1_left_inner1{
	padding-top:55%;
}
.count {
    counter-reset: posts-counter;
}
.count .list {
    counter-increment: posts-counter;
	position:relative;
}
.count .list:before {
    position: absolute;
    content: counter(posts-counter);
    line-height: 64px;
    width: 64px;
    opacity: .25;
    z-index: 0;
    font-size: 5rem;
    right: 0;
    top: 50%;
    margin-top: -32px;
    text-align: center;
    color: var(--blue_dark);
    font-style: italic;
	font-family: "Dancing Script", cursive;
}
/*********************blog_pg_end****************/

/*********************trend****************/
#trend .center_home1_inner1{
	width:100%;
	left:0;
	bottom:0;
	display:block;
	transition: 0.3s;
}

/*********************trend_end****************/


/*********************latest****************/

.latest_1_left1_left img{
	border:7px solid var(--green_dark);
}
.latest_1_left_main2{
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	border: 2px solid var(--red);
}

.latest_1_right{
	padding:100px 70px;
}
/*********************latest_end****************/

/*********************quick****************/
.pick_1_left h6{
	 top:42%;
}
.ribbon{
	width:100px;
	height:100px;
	line-height:100px;
}
/*********************quick_end****************/

@media screen and (max-width : 767px){
.blog_pg_1_left_inner1 h1{
    font-size:18px;
}
.blog_pg_1_left_inner1 {
    padding-top: 50%;
}
.trend_1_right{
	margin-top:20px;
}

.latest_1_left  {
	margin:15px!important;
}
.latest_1_right {
    padding: 20px 15px;
}
.pick_1_left {
	margin-bottom:10px;
	margin-top:10px;
}
.pick_2_left {
	margin-bottom:10px;
	margin-top:10px;
}
 }


@media (min-width:576px) and (max-width:767px) {
.blog_pg_1_left_inner1 h1{
    font-size:36px;
}
 }
 
@media (min-width:768px) and (max-width:991px) {

.blog_pg_1_right li {
	padding:10px!important;
}
.blog_pg_1_left_inner1 {
    padding-top: 50%;
}
.latest_1_right{
	padding:30px 15px;
}
.pick_1_left h6 {
    top: 36%;
}
 }

@media (min-width:992px) and (max-width:1200px) {
.latest_1_right{
	padding:50px 20px;
}

 }

@media (min-width:1201px) and (max-width:1300px) {

 }
@media screen and (min-width : 1400px){
.blog_pg_1_right li{
	padding-top:32px!important;
	padding-bottom:32px!important;
}
.latest_1_right {
    padding: 150px 70px;
}
 }