/*
Template Name: Consultip
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

/*********************blog****************/
.center_blog {
background-image: url(../img/18.jpg);
background-position: center;
}
.tags li a {
padding: 7px 12px;
background: #f9f9f9;
display: block;
margin: 3px 2px 3px 0;
border-radius: 5px;
font-size: 15px;
transition: 0.3s;
}
.tags li a:hover {
background:#cadf74; 
color:#000;
}
.icon li a {
display: block;
background: #f9f9f9;
color: #000;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
text-align: center;
margin-left: 2px;
margin-right: 2px;
transition: 0.3s;
}
.icon li a:hover {
background:#cadf74; 
color:#000; 
 }
.center_blog_dt {
background-image: url(../img/23.jpg);
background-position: center;
}
.blog_1dt1i{
border-left:5px solid #033f47; 
 }
/*********************blog_end****************/


@media screen and (max-width : 767px){
.blog_1r{
margin-top:15px; 
 }
.blog_1r2 h4{
text-align:center;
 }
.icon li a {
width: 30px;
height: 30px;
line-height: 30px;
font-size:12px;
}
.blog_1dt1i1l{
text-align:center; 
 }
.blog_1dt1i1r {
text-align:center!important;
margin-top:15px; 
 }
.blog_1dt1i1r{
text-align:center; 
 }
.blog_1dt2  h3{
text-align:center;  
 }
.blog_dt5rir {
text-align:left!important; 
 }
.blog_1dt2il{
margin-top:10px;  
 }
 }

@media (min-width:576px) and (max-width:767px) {
.blog_1dt2il{
margin-top:0; 
 }
.blog_dt5rir .button_2{
padding-left:10px!important;
padding-right:10px!important; 
 }
.blog_1dt2il h6{
margin-top:10px; 
 }
 }
@media (min-width:768px) and (max-width:991px) {
.icon li a {
width: 30px;
height: 30px;
line-height: 30px;
font-size:14px;
}
.blog_dt5rir .button_2{
padding-left:5px!important;
padding-right:5px!important;
font-size:12px; 
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.blog_dt5rir .button_2{
padding-left:5px!important;
padding-right:5px!important;
font-size:12px; 
 }
 }
@media (min-width:1201px) and (max-width:1360px) {

 }



