@media screen and (max-width:480px)
{
	.mynavigation-box .logo
	{
		margin-top: 0;
	}
	.navigation .right-sidetext
	{
		display: none;
	}
	.toggle-btn-for-mobile span
	{
		float: right;
		display: inline-block;
		padding: 5px 0;
		font-size: 15px;
		cursor: pointer;
		font-family: var(--droid2);
		letter-spacing: 0;
		color: var(--color2);
	}

	.navbars
	{
		display: none;
		margin-bottom: 10px;
	}

	.navbars ul.main-ul .main-li
	{
		float: none;
	}
	.navbars ul.main-ul .main-li a
	{
		display: block;
		padding: 5px 30px;
	}
	.navbars .row
	{
		width: auto;
	}
	.navbars ul.main-ul
	{
		display: block;
	}
	.no-padding
	{
		padding-left: 0;
		padding-right: 0;
	}
	.whiteBox
	{
		margin-bottom: 25px;
	}
	.whiteBox .story-box
	{
		margin:0 10px;
        padding:20px 20px 20px;
        position: static;
	}
	.story-box .title
	{
		font-size: 20px;
	}
	.story-box .description p
	{
		font-size: 15px;
		letter-spacing: 0;
		line-height: 1.4;
	}
	.story-box .user-date-info .user .images
	{
		width: 25px;
		height: 25px;
	}
	.story-box .user-date-info .user .name {
		font-size: 13px;
		vertical-align: top;
	}
	.story-box .user-date-info .date
	{
		border-left: 0;
		font-size: 13px;
		margin:0 !important;
		margin-left: 0;
	}
	.col-xl-12.pt-30
	{
		padding-top: 10px !important;
	}


	/*====================*/

	.active-class-box .article-row .news-box > .images
	{
	    display: table-cell;
	    vertical-align: top;
	}
	.active-class-box .article-row .news-box .images a
	{
	    width: 70px;
	}

	.news-box .title
	{
		padding-top: 0;
	}

	.news-box
	{
		margin-bottom: 20px;
	}

	.active-class-box .article-row .news-box .content-area
	{
	    display: table-cell;
	    vertical-align: middle;
	    padding-left: 10px;
	}
	.active-class-box .article-row .news-box .content-area .description
	{
	    padding-right: 20px;
	}
	.news-box .content-area .description p
	{
		font-size: 15px;
		text-align:left;
		line-height: 1.2;
	}
	.active-class-box .article-row .news-box .content-area .description p
	{	line-height: 1.4;
	    height: 40px;
	    overflow: hidden;
	    text-align: left;
	    margin-bottom: 7px;
	}
	.active-class-box .article-row .news-box .content-area .title h4
	{
	    font-size: 16px;
	    line-height: 1.4;
	}
	.news-box .user-date-info .user .images
	{
		width: 20px;
		height: 20px;
	}
	.news-box .user-date-info .user .name
	{
		font-size: 13px;
	}
	.news-box .user-date-info .date
	{
		margin:0;
		margin-left: 0;
		border-left: 0;
		padding-left: 0px;
		font-size: 13px;

	}
	footer .footer-logo
	{
		padding:0 0 20px;
	}
	footer .ft-box.box1 ul
	{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	.blog-detail-page .whiteBox
	{
		width: 100%;
	}
	.blog-detail-page .whiteBox .story-box
	{
		padding:20px 15px;
		padding-left: 15px;
	}
	.blog-detail-page .whiteBox .story-box p:last-child
	{
		margin-bottom: 0;
	}
	.blog-detail-page .news-sidebar
	{
		margin-left: 0;
		width: 100%;
	}
	.users-comment .icon .image-user img
	{
		border-radius: 0;
		border:0;
		height: auto;
	}
	.users-comment .comment-text p
	{
		margin-top: 5px;
	}
	.capatcha-image
	{
		margin-top: 0;
		text-align: center;
	}
	.info-area
	{
		width: 100%;
		float: none;
	}
	.title2
	{
		line-height: 25px;
	}
	.small-heading-span
	{
		padding-top: 5px;
		line-height: 1.4;
	}
	.input-margin-right input[type="radio"]
	{
		float: none;
	}
	.input-margin-right span
	{
		display: block;
	}
	.input-margin-right label
	{
		margin-top: 0px;
	}
	.title2.lh
	{
		font-size: 20px;
	}
	.table.bank-table tfoot tr th
	{
		padding-left: 0;
	}
	.blog-detail-page .social-media-icon
	{
		left: 0;
	}
	.blog-detail-page .whiteBox .story-box.article-full-page
	{
		padding-left: 40px;
	}
	/*====================*/
.mynavigation-box .logo
{
	text-align: center;
	display: block;
}

}


@media screen and (min-width: 358px) and  (max-width: 480px)
{
	.news-box .user-date-info .date
	{
		padding-left: 7px;
	}
}

@media screen and (min-width:481px) and (max-width:576px)
{
	.w_481_576_logo
	{
		width: 80%;
		float: left;
	}
	.w_481_576_toggle_btn
	{
		width: 20%;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	.navigation .right-sidetext
	{
		display: none;
	}
	.toggle-btn-for-mobile span
	{
		float: right;
		display: inline-block;
		font-size: 15px;
		cursor: pointer;
		font-family: var(--droid2);
		letter-spacing: 0;
		color: var(--color2);
		padding:27px 0;
	}

	.navbars
	{
		display: none;
		margin-bottom: 10px;
		margin-left: 10px;
		margin-right: 10px;
	}

	.navbars ul.main-ul .main-li
	{
		float: none;
	}
	.navbars ul.main-ul .main-li a
	{
		display: block;
		padding: 5px 30px;
	}
	.width_481_576_HotNew_heading
	{
		width: 30%;
		float: left;
	}
	.width_481_576_HotNew_content
	{
		width: 70%;
	}
	.navbars .row
	{
		width: auto;
	}
	.navbars ul.main-ul
	{
		display: block;
	}
	.no-padding
	{
		padding-left: 0;
		padding-right: 0;
	}
	.whiteBox
	{
		margin-bottom: 25px;
	}
	.whiteBox .story-box
	{
		margin:0 10px;
        padding:20px 20px 20px;
        position: static;
	}
	.story-box .title
	{
		font-size: 20px;
	}
	.story-box .description p
	{
		font-size: 13px;
		letter-spacing: 0;
		line-height: 1.4;
	}
	.story-box .user-date-info .user .images
	{
		width: 25px;
		height: 25px;
	}
	.story-box .user-date-info .user .name {
		font-size: 13px;
		vertical-align: top;
	}
	.story-box .user-date-info .date
	{
		border-left: 0;
		font-size: 13px;
		margin:0 !important;
		margin-left: 0;
	}
	.col-xl-12.pt-30
	{
		padding-top: 10px !important;
	}


	/*====================*/

	.active-class-box .article-row .news-box > .images
	{
	    display: table-cell;
	    vertical-align: top;
	}
	.active-class-box .article-row .news-box .images a
	{
	    width: 70px;
	}

	.news-box .title
	{
		padding-top: 0;
	}

	.news-box
	{
		margin-bottom: 20px;
	}

	.active-class-box .article-row .news-box .content-area
	{
	    display: table-cell;
	    vertical-align: middle;
	    padding-left: 10px;
	}
	.active-class-box .article-row .news-box .content-area .description
	{
	    padding-right: 20px;
	}
	.news-box .content-area .description p
	{
		font-size: 13px;
		text-align:left;
		line-height: 1.2;
	}
	.active-class-box .article-row .news-box .content-area .description p
	{	line-height: 1.4;
	    height: 40px;
	    overflow: hidden;
	    text-align: left;
	    margin-bottom: 7px;
	}
	.active-class-box .article-row .news-box .content-area .title h4
	{
	    font-size: 16px;
	    line-height: 1.4;
	}
	.news-box .user-date-info .user .images
	{
		width: 20px;
		height: 20px;
	}
	.news-box .user-date-info .user .name
	{
		font-size: 13px;
	}
	.news-box .user-date-info .date
	{
		margin:0;
		margin-left: 0;
		border-left: 0;
		padding-left: 0px;
		font-size: 13px;

	}
	footer
	{
		padding:30px 20px 20px;
	}
	footer .footer-logo
	{
		padding:0 0 20px;
	}
	footer .ft-box.box1 ul
	{
	      -webkit-column-count: 2; 
	        -moz-column-count: 2;  
	        column-count: 2;
	}

	.blog-detail-page .whiteBox
	{
		width: 100%;
	}
	.blog-detail-page .whiteBox .story-box
	{
		padding:20px 15px;
		padding-left: 15px;
	}
	.blog-detail-page .whiteBox .story-box p:last-child
	{
		margin-bottom: 0;
	}
	.blog-detail-page .news-sidebar
	{
		margin-left: 0;
		width: 100%;
	}
	.users-comment .icon .image-user img
	{
		border-radius: 0;
		border:0;
		height: auto;
	}
	.users-comment .comment-text p
	{
		margin-top: 5px;
	}
	.capatcha-image
	{
		margin-top: 0;
		text-align: center;
	}
	.info-area
	{
		width: 100%;
		float: none;
	}
	.title2
	{
		line-height: 25px;
	}
	.small-heading-span
	{
		padding-top: 5px;
		line-height: 1.4;
	}
	.input-margin-right input[type="radio"]
	{
		float: none;
	}
	.input-margin-right span
	{
		display: block;
	}
	.input-margin-right label
	{
		margin-top: 0px;
	}
	.title2.lh
	{
		font-size: 20px;
	}
	.table.bank-table tfoot tr th
	{
		padding-left: 0;
	}
	.blog-detail-page .social-media-icon
	{
		left: 0;
	}
	.blog-detail-page .whiteBox .story-box.article-full-page
	{
		padding-left: 40px;
	}
	/*====================*/


}

@media screen and (min-width:577px) and (max-width:767px)
{
   	
	.w_481_576_logo
	{
		width: 80%;
		float: left;
	}
	.w_481_576_toggle_btn
	{
		width: 20%;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	.navigation .right-sidetext
	{
		display: none;
	}
	.toggle-btn-for-mobile span
	{
		float: right;
		display: inline-block;
		font-size: 17px;
		cursor: pointer;
		font-family: var(--droid2);
		letter-spacing: 0;
		color: var(--color2);
		padding:30px 0;
	}
	#clone.showclons .toggle-btn-for-mobile span
	{
		padding: 15px 0;
	}

	.navbars
	{
		display: none;
		margin-bottom: 10px;
		margin-left: 10px;
		margin-right: 10px;
	}

	.navbars ul.main-ul .main-li
	{
		float: none;
	}
	.navbars ul.main-ul .main-li a
	{
		display: block;
		padding: 5px 30px;
	}
	.width_481_576_HotNew_heading
	{
		width: 30%;
		float: left;
	}
	.width_481_576_HotNew_content
	{
		width: 70%;
	}
	.navbars .row
	{
		width: auto;
	}
	.navbars ul.main-ul
	{
		display: block;
	}
	.no-padding
	{
		padding-left: 0;
		padding-right: 0;
	}
	.whiteBox
	{
		margin-bottom: 25px;
	}
	.whiteBox .story-box
	{
		margin:0 10px;
        padding:20px 20px 20px;
        position: static;
	}
	.story-box .title
	{
		font-size: 20px;
	}
	.story-box .description p
	{
		font-size: 14px;
		letter-spacing: 0;
		line-height: 1.5;
	}
	.story-box .user-date-info .user .images
	{
		width: 25px;
		height: 25px;
	}
	.story-box .user-date-info .user .name {
		font-size: 13px;
		vertical-align: top;
	}
	.story-box .user-date-info .date
	{
		border-left: 0;
		font-size: 13px;
		margin:0 !important;
		margin-left: 0;
	}
	.col-xl-12.pt-30
	{
		padding-top: 10px !important;
	}
	.blog-detail-page .news-sidebar .recent-post-box .content-area .title
	{
		font-size: 17px;
		line-height: 22px;
	}

	/*====================*/

	.active-class-box .article-row .news-box > .images
	{
	    display: table-cell;
	    vertical-align: top;
	}
	.active-class-box .article-row .news-box .images a
	{
	    width: 70px;
	}

	.news-box .title
	{
		padding-top: 0;
	}

	.news-box
	{
		margin-bottom: 20px;
	}

	.active-class-box .article-row .news-box .content-area
	{
	    display: table-cell;
	    vertical-align: middle;
	    padding-left: 10px;
	}
	.active-class-box .article-row .news-box .content-area .description
	{
	    padding-right: 20px;
	}
	.news-box .content-area .description p
	{
		font-size: 13px;
		text-align:left;
		line-height: 1.2;
	}
	.active-class-box .article-row .news-box .content-area .description p
	{	line-height: 1.4;
	    height: 40px;
	    overflow: hidden;
	    text-align: left;
	    margin-bottom: 7px;
	}
	.active-class-box .article-row .news-box .content-area .title h4
	{
	    font-size: 16px;
	    line-height: 1.4;
	    margin-bottom: 0;
	}
	.news-box .user-date-info .user .images
	{
		width: 20px;
		height: 20px;
	}
	.news-box .user-date-info .user .name
	{
		font-size: 13px;
	}
	.news-box .user-date-info .date
	{
		margin:0;
		margin-left: 0;
		border-left: 0;
		padding-left: 10px;
		font-size: 13px;

	}
	footer
	{
		padding:30px 20px 20px;
	}
	footer .footer-logo
	{
		padding:0 0 20px;
	}
	footer .ft-box.box1 ul
	{
	      -webkit-column-count: 2; 
	        -moz-column-count: 2;  
	        column-count: 2;
	}
	footer .ft-box.box1 ul li,
	footer .ft-box.box2 ul li
	{
		font-size: 13px;
	}

	.blog-detail-page .whiteBox
	{
		width: 100%;
	}
	.blog-detail-page .whiteBox .story-box
	{
		padding:20px 15px;
		padding-left: 15px;
	}
	.blog-detail-page .whiteBox .story-box p:last-child
	{
		margin-bottom: 0;
	}
	.blog-detail-page .news-sidebar
	{
		margin-left: 0;
		width: 100%;
	}
	.users-comment .icon .image-user img
	{
		border-radius: 0;
		border:0;
		height: auto;
	}
	.users-comment .comment-text p
	{
		margin-top: 5px;
	}
	.capatcha-image
	{
		margin-top: 0;
		text-align: center;
	}
	.info-area
	{
		width: 100%;
		float: none;
	}
	.title2
	{
		line-height: 25px;
	}
	.small-heading-span
	{
		padding-top: 5px;
		line-height: 1.4;
	}
	.input-margin-right input[type="radio"]
	{
		float: none;
	}
	.input-margin-right span
	{
		display: block;
	}
	.input-margin-right label
	{
		margin-top: 0px;
	}
	.title2.lh
	{
		font-size: 20px;
	}
	.table.bank-table tfoot tr th
	{
		padding-left: 0;
	}
	.blog-detail-page .social-media-icon
	{
		left: 0;
	}
	.blog-detail-page .whiteBox .story-box.article-full-page
	{
		padding-left: 40px;
	}
	.blog-detail-page .news-sidebar .recent-post-box .content-area .short-desc
	{
		font-size: 15px;
	}
	/*====================*/
}

@media screen and (min-width:768px) and (max-width:992px)
{
 	.navbars ul.main-ul
 	{
 		display: block;
 		overflow: hidden;
 	}
 	.navbars > .container
 	{
 		max-width: 100%;
 	}
 	.navbars ul.main-ul .main-li a
 	{
 		font-size: 13px;
 		padding: 7px 7px;
 	}
 	.hotnewsstrip > .container
 	{
 		padding-left: 0;
 		padding-right: 0;
 	}
 	.whiteBox .story-box
 	{
 		margin:0 15px;
 	}
 	.active-class-box.list-wise-data .article-row .news-box .images a
 	{
 		width: 250px;
 	}
 	.active-class-box.list-wise-data .article-row .news-box .content-area
 	{
 		padding-left: 15px;
 	}
 	footer
 	{
 		padding:30px 0 20px;
 	}
 	footer .ft-box.box1 ul
	{
	      -webkit-column-count: 2; 
	        -moz-column-count: 2;  
	        column-count: 2;
	}
	footer .footer-logo
	{
		padding: 10px 0 20px;
		text-align: center;
	}
	.blog-detail-page .whiteBox
	{
		width: 100%;
	}
	.blog-detail-page .news-sidebar
	{
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}
	.blog-detail-page .news-sidebar .recent-post-box .content-area .title
	{
		font-size: 16px;
		letter-spacing: 0;
		line-height: 23px;
	}
	.blog-detail-page .news-sidebar .recent-post-box .content-area .user-date-info
	{
		margin-left:120px;
	}
	.blog-detail-page .news-sidebar .recent-post-box .content-area .short-desc
	{
		font-size: 15px;
	}

}





/*
=====================================
*/

@media screen and (min-width:768px)
{
	.only-big-screen
	{
		display: block;
	}
	.only-small-screen
	{
		display: none;
	}

}
@media screen and (max-width:767px)
{
	.only-big-screen
	{
		display:none ;
	}
	.only-small-screen
	{
		display: block;
	}

}