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


/*********************center****************/
.nav-tabs .nav-link {
   color:var(--secondry);
    transition: 0.3s;
}
.nav-tabs .nav-link:hover {
    transition: 0.3s;
	 color:var(--primary);
}
.nav-tabs .nav-link:focus {
   box-shadow:none;
}
.nav-tabs .nav-link.active {
   color:var(--primary);
}

.center_h1_right .tab-content{
	border:1px solid var(--border_light_primary);
	border-top:none;
}
/*********************center_end****************/

/*********************blog****************/
blockquote {
    margin: 30px 0 30px;
    font-size: 16px;
    border-left: 5px solid var(--primary);
    font-style: italic;
    padding: 25px 35px 15px;
}
/*********************blog_end****************/




@media screen and (max-width : 767px){
.center_h1_left2 {
	position:static!important;
	height:100%;
	background:var(--secondry);
}
.center_h1_mid{
	margin-top:20px;
	margin-bottom:20px;
}
.trend_1_mid{
	margin-top:20px;
	margin-bottom:20px;
}
.blog_1_left1_inner_left{
	margin-top:10px;
	margin-bottom:10px;
}
.blog_1_right{
	margin-top:20px;
}
.sport_1_right{
	margin-top:20px;
	padding-left:0!important;
}
.blog_dt1_inner_right {
	margin-top:10px;
	text-align:left!important;
}
 }


@media (min-width:576px) and (max-width:767px) {
.blog_dt1_inner_right {
	margin-top:0;
	text-align:right!important;
}
.story_1_inner1 ul img{
	width:50px;
}
.story_1_inner1 ul .fs-4{
	font-size:18px!important;
}
 }
 
@media (min-width:768px) and (max-width:991px) {
.center_h1_mid{
	margin-top:20px;
}
.center_h1_right{
	margin-top:20px;
}
.trend_1_mid ul img{
	width:50px;
}
.trend_1_right ul img{
	width:50px;
}
.blog_1_right1 .fs-3{
	font-size:18px!important;
}
.blog_1_right2 ul img{
	width:50px;
}
.sport_1_right1_inner ul img{
	width:50px;
}
.sport_1_right{
	padding-left:0!important;
}
 }

@media (min-width:992px) and (max-width:1200px) {
.center_h1_left2 .fs-5{
	font-size:16px!important;
}
.story_1_inner1 ul img{
	width:70px;
}
 }

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

 }
@media screen and (min-width : 1400px){
.story_1_inner1 ul .fs-4{
	font-size:23px!important;
}
 }