/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
  
    
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.date {
		font-size: 16px !important;
	}
	/*=============Menu Logo start ============*/
	.stellarnav > ul > li > a {
		padding: 8px 6px !important;
		font-size: 14px !important;
	} 
	.stellarnav.desktop li.has-sub a {
		font-size: 14px !important;
	}

	/* Section Start */
	.secImage img {
		height: 222px !important;
	}
	.sec_title a {
		font-size: 20px !important;
	}
	.archive_img img {
		height: 222px !important;
	} 
	.archive_title a {
		font-size: 20px !important;
	}
}


/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
    .main-content{
        margin-top: 110px;
    }
    .header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        width: 100%;
        background: #ffffff;
    }
    .section-1 {
        margin-top: 100px;
    }
	.bdReport-m1{
		max-width: 100% !important;
	}
	.bdReport-m2 {
		max-width: 50% !important;
		padding: 8px !important;
	}

	.bdReport-m3{
		max-width: 33.33% !important;
	}

	.bdReport-m4{
		max-width: 25% !important;
	}

	.bdReport-m6{
		max-width: 16.66% !important;
	}


	/*================================
		bdReport col css End
	=================================*/
	.header_click {
		text-align: right !important;
	}

	/*=============Logo Menu & Scroll Start ==================*/

	.logo img {
		display: none !important;
	}

	.mobile_logo {
		display: inline !important;
	}
	.menu-section {
		display: none !important;
	}
	.mobile_logo img {
		width: 42% !important;
		height: auto;
		position: absolute;
		left: 11px !important;
		margin-top: 2px !important;
	}   
	.stellarnav.mobile {
		margin-left: -12px !important;
	}
	.stellarnav.mobile {
		text-align: right !important;
	}
	.stellarnav .menu-toggle span.bars {
		margin-right: -22px !important;
		top: 5px !important;
	}   
	.stellarnav.dark .menu-toggle span.bars span {
		background: #fff;
	}
	.stellarnav.mobile li a {
		color: #fff !important;
	}   
	.stellarnav.mobile.dark ul {
		background: rgb(1, 11, 25) !important;
	}
	.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu {
		color: #fff !important;
	}
	.stellarnav.dark li a:hover {
		color: #c9cae8 !important;
	}       
	.stellarnav .menu-toggle span.bars span {
		width: 23px !important;
		height: 3px !important;
		margin: 0 0 4px !important;
	}
	.search {
		margin: 10px 0 !important;
	}
	.searchBar {
		max-width: 96% !important;
		margin-top: -50px !important;
	}
	.searchBar.showSearch {
		right: 11px !important;
	}
	/* section one start */
	.secImage img {
		height: 200px !important;
	}

	.sec_title a {
		font-size: 20px !important;
	}
	.Privacy {
		text-align: center !important;
		margin-bottom: 10px !important;
	}
	.social {
		text-align: center !important;
	}
	/* Single Page start */
	.gredent_bg {
		padding: 10px !important;
		height: auto !important;
		border-radius: 0 !important;
	}
	.single_page_title {
		font-size: 22px !important;
		margin-bottom: 18px !important;
	}
	.repotar_wrpp {
		margin-bottom: 30px !important;
	}
	.single_Page_image::before {
		display: none !important;
	}
	.single_social {
		text-align: center !important;
		margin-top: 10px !important;
	}
	.single_Page_image img {
		height: auto !important;
		width: 100% !important;
		border-radius: 0 !important;
	}
	.sport-card-img img {
		height: auto !important;
		width: 100% !important;
		border-radius: 0 !important;
	}
	.related_image img {
		height: auto !important;
	}

	.single_social a {
		margin-right: 3px !important;
	}
	.gredent_bg {
		padding: 20px !important;
		height: 300px !important;
	}
	.single_Page_image img {
		height: auto !important;
		width: 100% !important;
	}
	.archive_img img {
		height: 200px !important;
	}
	.archive_title a {
		font-size: 20px !important;
	}
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	.mobile_logo img {
		width: 25% !important;
		height: auto;
		position: absolute;
		left: 11px !important;
		margin-top: 0 !important;
	}
	

	.secImage img {
		height: 260px !important;
	}


}