/*
Template Name: Art Web
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************blog****************/
.bg_border{
border:1px solid #323131;  
 }
.blog_1l1 ul li a{
font-size:14px;
padding: 7px 12px 6px;
background:#252525;
margin: 0px 2px 6px 0px;
 }
.blog_1l1 ul li a:hover{
background:#a81c51; 
color:#fff;
 }
.blog_1ril2 span{
width:75px;
height:75px;
line-height:77px;
text-align:center;
border:2px solid #000; 
 }
.blog_1ril:hover .blog_1ril2 span{
background:#a81c51!important;
color:#fff;
border-color:#a81c51;
 }
.blog_1ril2{
top:35px;
left:35px; 
 }
 
.blog_1dt1 .blog_1ril2{
left:0; 
 }
.blockquote {
border-left: 5px solid #a81c51;
}
.blog_1dt2r .social-circle li a{
background:#252525; 
 }
.blog_1dt5l .form-control{
background:#252525!important;
color:#ddd;
height:50px; 
 }
.blog_1dt5l .form_text{
height:120px; 
 }
/*********************blog_end****************/


@media screen and (max-width : 767px){
.blog_1l1  h5{
text-align:center; 
 }
.blog_1l{
margin-bottom:15px; 
 }
.blog_1ril2 {
left:0;
}
.blog_1rir {
padding:15px!important;
text-align:center; 
 }
.blog_1rir p{
text-align:left; 
 }
.blog_1ril1  img{
height:auto; 
 }
.blog_1dt2r h5{
text-align:center; 
 }
.blog_1dt2r{
margin-top:15px;
 }
.blog_1dt3  {
text-align:center; 
 }
.blog_1dt5l h6{
text-align:center; 
margin-bottom:15px!important; 
 }
.blog_1dt2r .social-circle {
text-align:center; 
 }
 }


@media (min-width:576px) and (max-width:767px) {

 }
@media (min-width:768px) and (max-width:991px) {
.blog_1ril1 img{
min-height:420px; 
 }
.blog_1l1 h6{
font-size:12px; 
 }

 }

@media (min-width:992px) and (max-width:1200px) {
.blog_1ril1 img{
min-height:350px; 
 }

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

 }