
/* 1500 */
@media (max-width: 1500px){
    .rbarticlebox {
        min-height: 470px;
    }		
		
}

/* 1370 */
@media (max-width: 1370px){
	.rbarticlebox {
		min-height: 420px;
	}	
	
	
}

/* 1200 */
@media (max-width: 1200px){
	.main_head .navbar-nav a.nav-link {
		font-size: 17px;
		padding: 11px 14px;
	}	
	
}
		



/* 992px */
@media (max-width: 992px){
	.main_head .collapse:not(.show) {
		display: var(--df);
		flex-basis: auto;
	}
	.main_head .navbar-nav {
		flex-direction: row;
	}
	.main_head button.navbar-toggler {
		display: none;
	}
}




/* 970px */
@media (max-width: 970px){
	.off_970{
		display: none !important;
	}
	.desk_on{
		display: none !important;
	}
	.mobile_on{
		display: block !important;
	}
	.main_head nav.navbar.navbar-expand-lg {
		display: none;
	}
	.ad_box.mobile_on {
		background: #E5E5E5;
		padding: 16px 10px;
	}
	.ad_box span {
		display: block;
		background: var(--adgraybox);
		font-size: 13px;
		text-align: var(--center);
		font-family: arial;
		padding: 3px 0;
		color: var(--adtxt);
	}
	h2 {
		font-size: var(--fs36);
	}
	h3 {
		font-size: var(--fs24);
	}
	.gblbtn {
		padding: 4px 20px;
	}
	p {
		font-size: 16px;
		line-height: 140%;
		margin-top: 5px;
	}
	.mt-24 {
		margin-top: 16px;
	}
	
	
	
	
	/** Mobile header **/
	
		/** after scroll small height sticky header in mobile view **/
		
		#mobile_sticked_header .mlogo,
		#mobile_sticked_header .mb_scroll_logo,
		#mobile_sticked_header .date_time{
			transition: all .65s ease;
		}

		/* Normal */
		#mobile_sticked_header .mlogo{
			opacity:1;
			transform:translateY(0);
		}

		#mobile_sticked_header .mb_scroll_logo{
			opacity:0;
			transform:translateY(-10px);
			position:absolute;
			left:50%;
			transform:translate(-50%, -10px);
		}

		#mobile_sticked_header .date_time{
			opacity:1;
			max-height:40px;
			overflow:hidden;
		}

		/* Sticky */
		#mobile_sticked_header.mbsticky .mlogo {
			opacity: 0;
			transform: translateY(10px);
			pointer-events: none;
			width: 0;
		}

		#mobile_sticked_header.mbsticky .mb_scroll_logo{
			opacity:1;
			transform:translate(-50%,0);
		}

		#mobile_sticked_header.mbsticky .date_time {
			opacity: 0;
			max-height: 0;
			margin: 0;
			width: 0;
		}
		/** // after scroll small height sticky header in mobile view **/
		
		
		
		.mobile_header {
			padding: 30px 16px 10px;
			text-align: center;
			margin: auto;
			position: relative;
			top: 0;
			z-index: 9;
			transition: padding .65s ease;
		}

		#mobile_sticked_header.mbsticky {
			position: sticky;
			padding-bottom: 10px;
			height: 75px;
		}

		.mobile_header .inner {
			display: var(--df);
			align-items: flex-start;
			justify-content: space-between;
		}
		
		.mobile_header .date_time ul {
			display: flex;
			gap: 4px;
			align-items: center;
			justify-content: center;
			margin-top: 7px;
		}
		.mobile_header .date_time li {
			font-size: var(--fs16);
			padding-left: calc(var(--px) - 80px);
			position: relative;
			line-height: 14px;
			color: var(--white);
		}

		.mobile_header .date_time li:after {
			width: 6px;
			height: 6px;
			position: absolute;
			content: "";
			background: var(--white);
			border-radius: 10px;
			top: 4px;
			left: 7px;
		}

		.mobile_header .date_time li:first-child:after {
			content: none;
		}

		.mobile_header .date_time li:first-child {
			padding: 0;
		}
		
		
			/*  Mobile Header search Box */
			.mobile_header .header-search-form {
				position: var(--pabsolute);
				top: -100px;
				right: 0;
				width: 97%;
				OPACITY: 0;
				transition: all 0.3s;
				float: none;
				margin: auto;
				left: 0;
			}
			.mobile_header .open_sbox.header-search-form {
				opacity: 1;
				z-index: 99;
				top: 0;
			}
			.mobile_header .header-search-form div#search {
				display: var(--df);
				border: 1px solid #ddd;
				background: var(--white);
				padding: 12px;
				border-radius: 20px 0 20px 0;
				margin-top: 5px;
			}

			.mobile_header .header-search-form button.form-control-submit {
				width: 50px;
				border: 0;
				border-radius: 0;
			}

			.mobile_header .header-search-form input.form-control {
				border: 0;
				height: 45px;
				font-size: var(--fs15);
				font-family: arial;
			}
			.mobile_header .header-search-form input.form-control:focus, .mobile_header .header-search-form button.form-control-submit:focus {
				box-shadow: none;
			}
			.mobile_header .header-search-form button.form-control-submit i.bi {
				height: 21px;
				display: block;
				font-size: 19px;
			}
			/*  // Mobile Header search Box */
		
	
	/** // Mobile header **/
	
	
	
	
	/** mobile view sidebar menu **/
	#fullpage_black_overlay {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background: rgba(0,0,0,0.5);
		opacity: 0;
		z-index: 999;
		transition: opacity .6s ease;
		-webkit-transition: opacity .6s ease;
		pointer-events: none;
	}

	#fullpage_black_overlay.blackbg_open {
		opacity: 1;
		pointer-events: auto;
	}
	
	/*** when side menu open no scroll ***/
	body.no-scroll {
		overflow: hidden;
		padding-right: 15px;
	}
	
	/*** // when side menu open no scroll ***/
	
	#mobile_sidebar_menu.m_nav_menu::-webkit-scrollbar {
		width: 0px;
		height: 0px;
	}
	#mobile_sidebar_menu.m_nav_menu::-webkit-scrollbar-track {
	  background: #626262;
	}
	#mobile_sidebar_menu.m_nav_menu::-webkit-scrollbar-thumb {
	  background: #ddd;
	}
	#mobile_sidebar_menu.m_nav_menu::-webkit-scrollbar-thumb:hover {
	  background: #ddd;
	}
	#mobile_sidebar_menu.m_nav_menu .topcloseicon_wrap .mbsidebarmenu_closeicon_box {
		padding: 0 10px;
		margin-top: 4px;
		display: block;
	}
	#mobile_sidebar_menu.m_nav_menu .mbsidebarmenu_closeicon_box img {
		filter: invert(1);
	}
	#mobile_sidebar_menu.m_nav_menu {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		bottom: 0;
		text-align: left;
		overflow-y: scroll;

		transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);

		transition: transform .6s cubic-bezier(.77,0,.175,1);
		-webkit-transition: -webkit-transform .6s cubic-bezier(.77,0,.175,1);
		-moz-transition: -moz-transform .6s cubic-bezier(.77,0,.175,1);

		background: #000;

		display: flex;
		flex-direction: column;
		gap: 10px;
		padding: 10px;
		max-width: 440px;

		z-index: 1000; 
	}

	#mobile_sidebar_menu.m_nav_menu.show {
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
	}
	#mobile_sidebar_menu.m_nav_menu .navbar-nav {
		border-radius: 0 10px 0px 0px;
		padding-bottom: 40px;
	}
	#mobile_sidebar_menu.m_nav_menu a.nav-link {
		display: block;
		padding: 12px 15px;
		font-size: 16px;
		color: #fff;
		border-bottom: 1px solid rgba(222, 3, 3, 0.64);
		position: relative;
	}
	#mobile_sidebar_menu.m_nav_menu a.nav-link.active {
		background: linear-gradient(180deg, #FF9900 0%, #DE0303 100%);
		color: var(--white);
	}
	
	#mobile_sidebar_menu.m_nav_menu a.nav-link::after {
		position: absolute;
		right: 10px;
		top: 19px;
		width: 12px;
		height: 8px;
		background-image: url("../images/nav_arrow.png");
		border: none;
		transition: all 0.3s;
	}
	#mobile_sidebar_menu.m_nav_menu a.nav-link.show::after {
		transform: rotate(180deg);
	}
	#mobile_sidebar_menu.m_nav_menu li.nav-item .dropdown-menu a.dropdown-item {
		color: #ffffff;
		font-size: 16px;
		border-bottom: 1px solid rgba(222, 3, 3, 0.30);
		background: rgba(255,255,255,0.1);
	}
	#mobile_sidebar_menu.m_nav_menu li.nav-item .dropdown-menu {
		padding: 0;
		border: 0;
	}
	#mobile_sidebar_menu.m_nav_menu li.nav-item .dropdown-menu.show {
		position: relative !important;
		transform: translate(0px, 0px) !important;
		background: none;
	}
	
		/*** Sidebar Menu Header & Footer Content **/
		#mobile_sidebar_menu .mb_sidebar_logo_area {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 0 15px;
		}
		#mobile_sidebar_menu .header-search-form {
			width: 100%;
		}
		#mobile_sidebar_menu .header-search-form input.form-control {
			color: #930000;
		}
		#mobile_sidebar_menu .header-search-form input::placeholder {
			color: #930000
		}
		#mobile_sidebar_menu .sidebarmenulogo img {
			width: 120px;
		}
		#mobile_sidebar_menu .header-search-form div#search {
			margin-top: 4px;
		}
		#mobile_sidebar_menu .sidebarmenu_footer {
			display: var(--df);
			flex-direction: column;
			gap: 10px;
			align-items: center;
			justify-content: center;
			margin-top: auto;
		}

		#mobile_sidebar_menu .sidebarmenu_footer .splogo {
			width: 125px;
		}
		.sidebarmenu_footer .date_time ul {
			display: flex;
			gap: 4px;
			align-items: center;
			justify-content: center;
			margin-top: 7px;
		}
		.sidebarmenu_footer .date_time li {
			padding-left: calc(var(--px) - 80px);
			position: relative;
			line-height: 14px;
			color: var(--white);
			font-size: 14px;
		}
		.sidebarmenu_footer .date_time li:first-child {
			padding: 0;
		}
		.sidebarmenu_footer .date_time li:first-child::after{
			display: none;
		} 
		.sidebarmenu_footer .date_time li:after {
			width: 6px;
			height: 6px;
			position: absolute;
			content: "";
			background: var(--white);
			border-radius: 10px;
			top: 4px;
			left: 7px;
		}
		.sidebarmenu_footer .social {
			gap: 16px;
			display: var(--df);
			margin-left: 15px;
		}
		.sidebarmenu_footer .social a {
			background: var(--white);
			width: 24px;
			display: flex;
			align-items: center;
			justify-content: center;
			height: 24px;
		}
		.sidebarmenu_footer .social a img {
			width: 15px;
		}
		/*** Sidebar Menu Header & Footer Content **/
		
		
	/* // Mobile Header menu */
	


	

	
	/***---LANDING PAGE ---***/
	.robbar_wrapper {
		padding: 0px 16px 16px;
	}

	.herocol_area {
		gap: 16px;
		padding: 16px 0;
		flex-direction: column;
	}
	.hero_article {
		display: flex;
		flex-direction: column-reverse;
	}
	.hero_article:after {
		display: none;
	}
	.herobar_article .herobar_content p {
		line-height: 150%;
		margin: 0;
	}
	.rbarticlebox {
		min-height: auto;
	}
	.hero_article.rbarticlebox .article_inner {
		position: relative;
		padding: 24px;
		height: auto;
		background: var(--white);
		border-radius: 0 0px 24px 0;
	}
	.hero_article .title h1 {
		color: var(--black);
		margin: 0;
		font-size: var(--fs36);
	}
	.hero_article.rbarticlebox .article_author h5 {
		color: var(--black);
	}
	.hero_article .article_inner p {
		color: var(--black);
		line-height: 140%;
		margin: 13px 0;
		font-weight: 500;
		font-size: 16px;
	}
	.rbarticlebox .articlebox_btm_area, .articlebox_btm_area {
		flex-direction: row-reverse;
	}
	.herocol_area .twogrid, .rbarticlebox_onecol_fourgridwrap, .onecol_twogridwrap {
		gap: 16px;
		flex-direction: column;
	}
	.gray_gradientbg, .red_gradientbg {
		padding: 16px;
	}
	.rbarticlebox .article_inner.mobile_on {
		display: flex !important;
		height: auto;
		flex-direction: row;
		gap: 16px;
		justify-content: flex-start;
	}

	.rbarticlebox .article_inner.mobile_on .article_pic {
		flex: 0 0 160px;
	}
	.rbarticlebox .article_inner.mobile_on .article_detail {
		width: 100%;
	}

	.rbarticlebox .article_inner.mobile_on h3 {
		margin-bottom: 4px;
		font-size: 22px;
		line-height: 29px;
	}
	.rbarticlebox .article_author picture, .article_author picture {
		width: 32px;
		height: 32px;
	}
	.herobar_article {
		display: var(--df);
		border-radius: 16px 0 16px 0;
		overflow: hidden;
		flex-direction: column-reverse;
	}
	.herobar_article .herobar_content {
		padding: 16px;
	}
	.herobar_article .herobar_content .title {
		font-size: 36px;
		line-height: 36px;
	}
	.articleheading_outer {
		margin-bottom: 16px;
	}
	.articleheading_outer .articleheading {
		font-size: var(--gblfs);
		padding: 5px 30px;
	}
	.bigarticle .bigarticle_inner {
		padding: 14px;
	}
	.bigarticle .bigarticle_inner p {
		font-size: 16px;
		line-height: 140%;
	}
	.whitebg_withbdr_radius {
		padding: 14px;
	}
	.vrarticleboxlist {
		gap: 14px;
		flex-direction: row-reverse;
	}
	.colam_area .rb_vrarticlebox_wrap li {
		border-bottom: none;
		padding-bottom: 0;
	}
	.vrarticleboxlist .article_pic {
		max-width: 160px;
	}
	.onecol_twogridwrap.author_goppo_area {
		flex-direction: column-reverse;
	}
	.golgoppobox_wrap .articleheading_outer.plainheading .articleheading {
		font-size: 30px;
	}
	.authors_list_wrap .articleheading_outer.plainheading .articleheading {
		font-size: 30px;
	}
	.authorlist_inner ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.authorlist_inner ul li {
		width: 45%;
	}
	.authors_list_wrap .moreauthor {
		font-size: 30px;
		margin-top: 10px;
		text-align: center;
	}
	.articleheading_outer.plainheading .all_articlelink {
		font-size: 18px;
	}
	.rbarticlebox .article_author h5, .article_author h5 {
		font-size: 14px;
	}
	.rbarticlebox .article_author, .article_author {
		gap: 10px;
	}
	.vrarticleboxlist.whitebg_withbdr_radius {
		position: relative;
		padding-top: 60px;
	}
	.parttaglinks .part {
		padding: 3px 10px;
	}
	.vrarticleboxlist.whitebg_withbdr_radius .parttaglinks {
		position: absolute;
		left: 14px;
		top: 13px;
	}
	.golgoppobox_wrap {
		padding: 16px;
	}
	.golgoppobox_wrap .vrarticleboxlist h3 {
		font-size: 20px;
	}
	.authors_list_wrap.whitebg_withbdr_radius {
		background: none;
		padding: 0;
	}
	.authors_list_wrap .authors_list_whitebgmobile {
		background: var(--white);
		border-radius: 16px 0 16px 0;
		padding: 16px;
	}
	.authorlist_inner ul .author {
		width: 120px;
	}
	.parttaglinks {
		margin-bottom: 10px;
	}
	.golgoppobox_wrap .rb_vrarticlebox_wrap li:nth-child(2n) .vrarticleboxlist {
		flex-direction: row;
	}
	.golgoppobox_wrap .articlebox_btm_area.mobile_on {
		display: flex !important;
	}
	.whitebg_withbdr_radius.rabindrsarani_area {
		padding: 0;
		background: none;
	}
	/***---// LANDING PAGE ---***/
	
	
	/***--- Footer ---***/
	.footer {
		padding-top: 20px;
	}
	.footer .f_elementbox{
        display:grid;
        grid-template-columns:1fr 1fr auto;
        gap:4px 20px;
    }

    .footer .logo_box {
		grid-column: 1 / -1;
		display: flex !important;
		justify-content: center;
		align-items: flex-start;
		gap: 35px;
		margin-bottom: 10px;
	}

    .footer .link_list:nth-of-type(1){
        grid-column:1;
    }

    .footer .link_list:nth-of-type(2){
        grid-column:2;
    }

    .footer .social{
        grid-column:3;
        align-self:start;
    }
	.footer .logo_box a {
		width: 135px;
	}
	.footer .copyright {
		border-top: 1px solid #454545;
		margin-top: 10px;
	}
	/***---// Footer ---***/
	
	
	/***--- inner page  ---***/
	.breadcrum_wrap .breadcrumbs {
		background: #AC0202;
		padding: 4px 22px 4px;
	}
	/***---// inner page  ---***/
	
	
	/***--- Single Article page  ---***/
	.sin_articlepg_top {
		margin: 20px 0;
	}
	.sin_article_hero {
		flex-direction: column;
	}
	.sin_article_hero .sinarticle_contentarea h1 {
		font-size: 40px;
	}
	.sin_article_hero .sinarticle_contentarea p {
		line-height: 25px;
	}
	.sin_article_hero .sinarticle_contentarea .sinarticle_btm {
		align-items: start;
		flex-direction: column;
	}
	.sin_article_hero .sinarticle_contentarea .pubisher .posted {
		line-height: 21px;
		display: block;
	}
	.sin_article_hero .sinarticle_contentarea .pubisher p {
		line-height: 15px;
		margin: 0 0px 7px 0px;
	}
	.sin_article_hero .sinarticle_contentarea .sinarticle_sharebox {
		margin-left: 0;
		margin-top: 20px;
	}
	.twocol_withsidebar_wrapper {
		flex-direction: column;
	}
	.twocol_withsidebar_wrapper .leftcol {
		padding: 16px;
	}
	.twocol_withsidebar_wrapper .sidebar {
		flex: 0 0 auto;
		padding: 16px;
	}
	.twocol_withsidebar_wrapper .sinarticle_detail p {
		font-size: 20px;
		margin-top: 15px;
	}
	.sinarticle_detail .thumb_withpopup {
		margin: 15px 0px;
	}
	.sinarticle_detail quote {
		font-size: 26px;
		padding: 0px 10px 0 16px;
		margin: 30px 16px;
	}
	.hastag_list_box.mobile_on {
		background: var(--graybg);
		margin-left: -16px;
		margin-right: -16px;
		margin-bottom: -16px;
		padding-top: 26px;
	}
	
		/** Popup Modal **/
		.sinarticlepg_picture_popup  .modal-header {
			border: 0;
			padding: 16px;
		}
		.sinarticlepg_picture_popup .modal-body {
			padding: 0 16px 16px 16px;
		}
		.sinarticlepg_picture_popup #modalCaption {
			font-size: 16px;
		}
		/** // Popup Modal **/
		
	/***---// Single Article page  ---***/

	


}




/* 768px */
@media (max-width: 768px){
	
	.breadcrum_wrap .breadcrumbs {
		flex-wrap: nowrap;
		overflow-x: scroll;
		white-space: nowrap;
	}
	
	h3 {
		font-size: var(--fs22);
	}
	
	.rbarticlebox .article_inner.mobile_on .article_pic, .rbarticlebox .article_inner.mobile_on .article_pic {
		flex: 0 0 150px;
	}
	.vrarticleboxlist .article_pic {
		max-width: 150px;
	}
	.rbarticlebox .articlebox_btm_area .articleoption, .articlebox_btm_area .articleoption {
		gap: 10px;
	}
	.rbarticlebox .articlebox_btm_area .gblbtn, .articlebox_btm_area .gblbtn {
		padding: 4px 15px;
	}
	
	
	/** Inner page & Category page  **/
	.innerpg_heading {
		margin: 20px 0;
	}
	.pagination_wrap {
		margin: 20px 0 15px;
	}
	
	.breadcrumbs li, .breadcrumbs li a {
		font-size: 12px;
	}
	.pagination_wrap .pagination .page-link {
		font-size: 13px;
		padding: 6px 12px;
	}
	.categorypg_top_area .herobar_article h2 {
		font-size: 24px;
		margin: 0;
	}
	.categorypg_top_area  .herocol_area.mobile_on {
		padding-top: 0;
	}

	/** // Inner page & Category page  **/
	
	
	
}



/* 574px */
@media (max-width: 574px){
	
	
}

/* 400px */
@media (max-width: 400px){
	#mobile_sticked_header .mlogo {
		max-width: 170px;
	}
	.mobile_header .date_time li {
		font-size: 14px;
	}
	.mobile_header .header-search-form div#search {
		padding: 8px;
	}	
	.mobile_header .header-search-form input.form-control {
		font-size: 16px;
	}
	
		
	
	.hero_article .title h1 {
		font-size: 30px;
	}
	.hero_article .article_inner p {
		margin: 10px 0;
	}
	.bigarticle_inner h2{
		font-size: 30px;
	}
	.authors_list_wrap .articleheading_outer.plainheading .articleheading {
		font-size: 22px;
	}
	.articleheading_outer.plainheading .all_articlelink {
		font-size: 16px;
	}
	.authors_list_wrap .moreauthor {
		font-size: 24px;
	}
	.rbarticlebox .article_inner.mobile_on .article_pic, .rbarticlebox .article_inner.mobile_on .article_pic {
		flex: 0 0 130px;
	}
	.vrarticleboxlist .article_pic {
		max-width: 130px;
	}
	.rbarticlebox .article_inner.mobile_on h3 {
		font-size: 18px;
		line-height: 25px;
	}
	.golgoppobox_wrap .vrarticleboxlist h3 {
		font-size: 18px;
		margin-bottom: 5px;
	}
	.articleheading_outer .articleheading {
		font-size: 18px;
	}
	.articleheading_outer .all_articlelink {
		font-size: 16px;
	}
	.golgoppobox_wrap .articleheading_outer.plainheading .articleheading {
		font-size: 25px;
	}
	.herobar_article .herobar_content .inner_content {
		gap: 10px;
	}
	.herobar_article .herobar_content .title {
		font-size: 30px;
		line-height: 30px;
	}
	
	.rbarticlebox .article_author, .article_author {
		gap: 7px;
	}
	.parttaglinks a {
		font-size: 13px;
	}
	.articlebox_btm_area .articleoption svg, .articlebox_btm_area .articleoption a {
		width: 20px;
	}
	.rbarticlebox .articlebox_btm_area, .articlebox_btm_area {
		margin-top: 7px;
	}
	.rbarticlebox .articlebox_btm_area .gblbtn, .articlebox_btm_area .gblbtn {
		font-size: 14px;
	}
	.authorlist_inner ul .author h6 {
		font-size: 14px;
	}
	.editor_list_wrap .authorlist_inner  .author span {
		font-size: 14px;
	}
}
















