/*
Template Name: Expert Ad
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************blog****************/
#blog{
padding-top:40px;
padding-bottom:40px; 
 }
.blog_1li h6 a {
margin-left: 5px;
margin-right: 5px;
}
.blog_1li h6 a i {
margin-right: 5px;
}
.blog_1li{
margin-top:30px; 
 }
.blog_1r1 .input-group .form-control{
background:#17213f;
border: 1px solid #17213f;
height:51px;
font-size:16px;
color:#eee;
border-radius:18px 0 0 18px;
 }
.blog_1r1 .input-group .btn{
background:linear-gradient(135deg, #1fb89f 0%, #0fa7c7 100%);
border: 1px solid transparent;
padding:11.7px 18px;
font-size:18px;
border-radius:0 18px 18px 0;
 }
.blog_1r2 {
padding: 15px 15px 18px 15px;
background:rgba(255,255,255,0.86);
margin-top:20px;
border: 1px solid rgba(168, 221, 214, 0.55);
}
.blog_1r2.gallery_box{
padding:0;
}
.blog_1r2.gallery_box #myCarousel_2{
margin:0;
}
.blog_1r2.gallery_box #myCarousel_2 .carousel-inner{
margin:0;
}
.blog_1r2 #myCarousel_2 .carousel-inner{
height:220px;
}
.blog_1r2 #myCarousel_2 .item{
height:220px;
}
.blog_1r2 #myCarousel_2 .item img{
width:100%;
height:220px;
object-fit:cover;
display:block;
}
.blog_1r2 h6 {
border-bottom: 1px solid #fff;
padding-bottom: 15px;
font-size: 14px;
}
.blog_1r2 h6 i {
font-size: 8px;
vertical-align: middle;
margin-right: 5px;
}
.blog_1r3 {
padding: 15px 15px 18px 15px;
background:rgba(255,255,255,0.86);
margin-top:20px;
border: 1px solid rgba(168, 221, 214, 0.55);
}
.blog_1r3 img{
margin-right:10px;
width:60px;
height:60px; 
 }
.blog_1r3 h6{
margin-top:10px; 
 }
.blog_1r4{
background:linear-gradient(135deg, #1b2559 0%, #243574 100%);
padding:30px 20px 40px 20px;
margin-top:20px;
border-radius:28px;
 }
.blog_1r3 ul li {
display: inline-block;
margin-top: 5px;
}
.blog_1r3 ul li a {
padding: 8px 12px 8px 12px;
display: block;
background: rgba(232, 247, 245, 0.9);
border-radius:999px;
}
.blog_1r3 ul li a:hover {
background:linear-gradient(135deg, #1fb89f 0%, #0fa7c7 100%);
color:#fff;
}

.blog_dt_1 blockquote {
margin-bottom: 0;
border-color: #1fb89f;
margin-top: 20px;
background: rgba(255,255,255,0.88);
padding: 30px;
}
.blog_dt_2l ul li {
display: inline-block;
margin-bottom: 5px;
}
.blog_dt_2l ul li a {
display: block;
border: 1px solid rgba(168, 221, 214, 0.7);
padding: 8px;
border-radius:12px;
}
.blog_dt_2l ul li a:hover {
background:linear-gradient(135deg, #1fb89f 0%, #0fa7c7 100%);
color:#fff;
}
.blog_dt_2r .social-network a {
background:linear-gradient(135deg, #243574 0%, #1b2559 100%);
}
.blog_dt_3 {
padding: 30px 15px;
border: 1px solid rgba(168, 221, 214, 0.7);
margin-top:20px;
}
.blog_dt_3 .social-network a {
background:linear-gradient(135deg, #243574 0%, #1b2559 100%);
}

.blog_detail_l2{
padding:25px 15px 30px 15px;
border:1px solid rgba(168, 221, 214, 0.7);
margin-top:30px; 
 }
.blog_detail_l2i1 h4 a{
font-size:16px; 
 }
.blog_detail_l2i1{
margin-top:30px; 
border-bottom:1px solid rgba(168, 221, 214, 0.7);
padding-bottom:30px; 
 }
.blog_detail_l3{
padding:25px 15px 30px 15px;
border:1px solid rgba(168, 221, 214, 0.7);
margin-top:30px; 
 }
.blog_detail_l3i .form-control{
height:50px;
font-size:18px;
margin-top:20px;
border-radius:18px; 
border-color:rgba(168, 221, 214, 0.7);
box-shadow:none;
 }
.blog_detail_l3i .form_1{
height:150px;
 }
.blog_1li .col_3{
color:#e3f3fc!important;
 }
.blog_1li h6 a{
color:#1fb89f!important;
 }
/*********************blog_end****************/


@media screen and (max-width : 767px){
#blog{
text-align:center; 
 }
.blog_1r2 h6{
text-align:left; 
 }
.blog_1li img{
height:auto; 
 }
.blog_1rm {
margin-top:15px; 
 }
.blog_dt_2r {
text-align:center;  
 }
.blog_detail_l2i1 h4 a{
float:none!important; 
 }
.blog_detail_l2i1  img{
margin-bottom:15px; 
 }
.blog_detail_l2i1 h4{
font-size:20px; 
 }
}

@media (min-width:768px) and (max-width:991px) {
.testim_2i{
padding:10px; 
 }
 }
@media (min-width:992px) and (max-width:1200px) {

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

 }