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

/*********************blog****************/
.pages li a {
    color: var(--black);
    margin: 0 2px;
    width: 40px;
    height: 40px;
    line-height: 38px;
    border: 1px solid var(--border_light);
    border-radius: 50%;
}
.pages li a:hover {
    background: var(--red);
    border: 1px solid var(--red);
    color: var(--bs-white);
}
.center_blog_1_right2 .social a{
width:40px;
height:40px;
line-height:40px; 
 }
.center_blog_1_right2{
margin-bottom:60px; 
 }
 
.login_1{
width:40%; 
 }
/*********************blog_end****************/


@media screen and (max-width : 767px){
.center_blog_1_left {
padding-left:0!important; 
padding-right:0!important;
border:none!important;
 }
.center_blog_top {
padding-left:0!important; 
padding-right:0!important;
text-align:center; 
 }
.center_blog_1_left_inner_left {
margin-top:8px;
margin-bottom:8px;
 }
.center_blog_1_right .family_1{
text-align:center; 
 }
.center_blog_1_right2{
text-align:center; 
 }
.center_blog_dt1_inner_left ul{
display:block!important; 
 }
.center_blog_dt1_inner_left ul li{
display:inline-block;
margin-top:5px;
margin-bottom:5px; 
 }
.center_blog_dt1_inner_right {
text-align:left!important;
margin-top:15px; 
 }
.center_blog_dt1 {
padding-left:0!important; 
padding-right:0!important;
 }
.center_dt_2_left {
padding-left:0!important; 
padding-right:0!important;
border:none!important; 
 }
.center_dt_2  .family_1{
text-align:center; 
 }
.center_blog_1_right{
margin-top:20px; 
 }
.pages li a{
margin-top:5px;
margin-bottom:5px;  
 }
.popular_1 {
padding-left:0!important; 
padding-right:0!important; 
 }
 
.login_1{
width:100%; 
 }
.login_1  h2{
text-align:center; 
 }
.contact_2l {
padding:30px 20px!important; 
text-align:center;
 }
.contact_2r {
text-align:center; 
 }
 }


@media (min-width:576px) and (max-width:767px) {
.login_1{
width:80%; 
 }
 }
 
@media (min-width:768px) and (max-width:991px) {
.center_blog_1_right1  img{
width:60px; 
 }
.center_blog_1_right2 .social a {
    width: 30px;
    height: 30px;
    line-height: 30px;
	font-size:14px;
}
.login_1{
width:50%; 
 }
 }

@media (min-width:992px) and (max-width:1200px) {

 }

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

 }
@media (min-width:1400px) and (max-width:2000px) {

 }