/*
Template Name: Agrigoal
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_1l1 ul li {
display: inline-block;
margin-left: 7px;
margin-right: 7px;
font-size:14px;
}
.blog_1l1 ul li  a{
color:#999;
}
.blog_1l1 ul li i {
margin-right: 5px;
}

.blog_1r1 .form-control {
height: 49px;
font-size: 18px;
border:none;
box-shadow: none;
border-radius: 0;
background:#394336;
color:#ddd;
}
.blog_1r1 .input-group .btn {
background: #394336;
margin-left: 0!important;
padding: 10px 20px;
font-size: 18px;
border-radius: 0;
border-color: #394336;
color: #eddd5e;
}
.blog_1r1  ::placeholder {
  color: #ddd;
}

.blog_1r3 ul li {
display: inline-block;
}
.blog_1r3 ul li a {
color: #333;
display: inline-block;
margin: 0 2px 10px 0;
padding: 6px 15px;
text-align: center;
background: #fff;
border-radius: 5px;
}
.blog_1r3 ul li a:hover {
background:#404a3d;
color:#fff;
}
.blog_1r5 ul li a{
background:#404a3d;
 }
 
.blog_1l1 blockquote {
margin: 20px 0 20px;
border-left: 5px solid #c5b74d;
font-style: italic;
padding:15px 15px 20px 15px;
}
.blog_1l1 img {
float: left;
margin-right: 15px;
}
.blog_1l2 .nav_n {
list-style: disc;
margin-left: 20px;
margin-right: 20px;
}
.blog1l4{
margin-top:300px; 
 }
 
.blog1l4il span {
border: 1px solid #ddd;
width: 45px;
height: 45px;
line-height: 43px;
display: inline-block;
border-radius: 50%;
text-align: center;
font-size: 20px;
}
.blog1l4ir p{
font-size:15px; 
 }
/*********************blog_end****************/

@media screen and (max-width : 767px){
.blog_1r3ir{
margin-top:10px; 
 }
.blog_1l{
margin-top:20px;  
 }
.blog_1l1 img{
height:auto; 
 }
.blog_dl{
margin-top:20px;  
 }
.blog_dli img{
float:none!important;
width:100%;
margin-bottom:10px;
margin-right:0; 
 }
.blog1l4 {
margin-top:20px;
}
.blog1l4ir{
margin-top:15px; 
 }
 }
@media (min-width:768px) and (max-width:991px) {
.blog_1r5  ul li{
margin-bottom:5px; 
 }
.blog1l4 {
margin-top:20px;
}
.blog1l4il span {
width: 30px;
height: 30px;
line-height: 28px;
font-size: 16px;
}
 }
@media (min-width:992px) and (max-width:1200px) {
.blog1l4 {
margin-top:20px;
}
.blog1l4il span {
width: 35px;
height: 35px;
line-height: 33px;
font-size: 18px;
}
 }