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


/*********************import****************/
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
     color: var(--yellow);
    background: none;
    border: none;
}
.import_1_left1 ul .nav-link {
    border: none!important;
    background:none;
    color: var(--bs-black);
    border-radius: 0;
    margin-right: 3px;
    transition: 0.3s;
}
.import_1_left1 ul .nav-link:hover {
    color: var(--yellow);
    background: none;
    border: none;
}
.import_1_left1 .nav-tabs {
    border-bottom: 2px solid var(--yellow);
}
.nav-tabs .active_tab {
    color: var(--bs-white)!important;
    background: var(--yellow)!important;
    border: none;
	padding: 0.5rem 2rem;
}

.import_1_left1_green .nav-link.active {
     color: var(--bs-success);
}

.import_1_left1_green ul .nav-link:hover {
    color: var(--bs-success);
}
.import_1_left1_green .nav-tabs {
    border-bottom: 2px solid var(--bs-success);
}
.import_1_left1_green .nav-tabs .active_tab {
    color: var(--bs-white)!important;
    background: var(--bs-success)!important;
}

.import_1_left1_blue .nav-link.active {
     color: var(--blue);
}
.import_1_left1_blue ul .nav-link:hover {
    color: var(--blue);
}
.import_1_left1_blue .nav-tabs {
    border-bottom: 2px solid var(--blue);
}
.import_1_left1_blue .nav-tabs .active_tab {
    color: var(--bs-white)!important;
    background: var(--blue)!important;
}

.like{
   padding-top:13px;
 }

.news_h1_right1 {
    height: 300px;
    overflow-y: scroll;
}
/*********************import_end****************/

/*********************news****************/
.tags li a:hover {
    transition: 0.3s;
    background: var(--blue);
    color: var(--bs-white);
    border: 1px solid var(--blue);
}
#news_pg p{
   font-size:15px;
 }
 
.video {
    width: 40px;
    height: 40px;
    line-height: 40px;
}
/*********************news_end****************/




@media screen and (max-width : 767px){
.profile1_right{
   margin-top:15px;
 }
.profile1_left{
   margin-top:15px;
 }
.trend_2_inner{
   margin-top:8px;
   margin-bottom:8px;
 }
.import_1_left3 ul img{
  width:100px;
 }
.import_1_left3 ul .fs-5{
  font-size:16px!important;
 }
.import_1_right{
  margin-top:20px;
 }
.import_1_right1 ul li span a{
  margin-top:5px;
  margin-bottom:5px;
 }
.import_1_left4_left{
  margin-top:8px;
  margin-bottom:8px;
 }
.news_h1_right{
   margin-top:15px;
 }
.news_pg_1_right{
  margin-top:15px;
 }
.profile3_inner1{
   margin-top:8px;
  margin-bottom:8px;
 }
.sports_pg1{
   margin-top:15px;
 }
.city_2_left{
   margin-top:15px;
 }
.business_pg1_right{
  margin-top:15px;
 }
.news_1_left2_inner2 {
  position:static!important;
  background:var(--bs-dark)!important;
 }
.news_dt1 ul li a{ 
 margin-top:5px;
}
.small_img img{
   width:120px!important;
   margin-bottom:10px;
 }
.sm_100{
   width:100%!important;
 }
 }


@media (min-width:576px) and (max-width:767px) {
.news_1_left2_inner2  .fs-6{
   font-size:14px!important;
 }
.small_img img{
   width:150px!important;
 }
 }
 
@media (min-width:768px) and (max-width:991px) {
.news_1_left2_inner2  .fs-6{
   font-size:12px!important;
 }
.import_1_left1 ul .nav-link{
     padding: 0.5rem 0.5rem;
 }
.import_1_right1 ul li span a{
  margin-top:5px;
  margin-bottom:5px;
 }
.news_dt1 ul li a{ 
 margin-top:5px;
}
.small_img img{
   width:200px!important;
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.import_1_right1 ul li span a{
  margin-top:5px;
  margin-bottom:5px;
 }
.news_dt1 ul li a{ 
 margin-top:5px;
}
 }

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

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

 }