@media only screen and (max-width: 1200px) {
	.main-container{
		width: 100%;
	}
	.main-footer, .footer-rss-boxes{
		width: 100%;
	}
	.top-article-right-banner,
	.home-top-right-banner{
		width: 300px;
	}
	.top-article,
	.submain-articles,
	.one-article-box{
		width: calc(100% - 325px);
        max-width: 754px;
        box-sizing: border-box;
	}
	.top-article img,
	.one-article-box img{
		max-width: 100%;
	}
	.tabs{
		max-width: 300px;
	}
	.submain-articles ul h2{
		max-height: 92px;
    	overflow: hidden;
	}
	.horoscope-home-box .zodiac-list{
		text-align: center;
	}
	.horoscope-home-box .zodiac-list a{
		margin-bottom: 10px;
	}
	.article-right-banner{
		width: 300px;
		float: right;
	}
	.weather-sidebar{
		max-width: 300px;
	}
	.weather-wrap,
	.place-listing,
	.listing-nav{
		width: calc(100% - 300px);
		padding-right: 20px;
	}
	.aside-top-right-banner, .article-banner-after-tabs, .weather-right-banner, .righside-top-banner, .righside-middle-banner{
		width: 300px;
	}
	.in-article-rss-box{
		width: 300px;
	}
	.article-photo-wrap,
	.article,
	.progam-wrap{
		width: calc(100% - 300px);
		padding-right: 20px;
	}
	.channel-box {
        width: 50%;
        padding: 10px;
    }
    .article-aside{
    	max-width: 300px;
    }
    .listing-wrap{
    	width: calc(100% - 300px);
    	padding-right: 20px;
    }
    .article-photo-wrap .article-photo img{
    	height: auto;
    }
    .main-nav{
		max-width: calc(100% - 20px);
	}
}
@media only screen and (max-width: 1000px) {
	.mobile-send{
    	display: block;
	}
	.desktop-send{
		display: none;
	}
	.progam-wrap,
	.listing-wrap{
		width: 100%;
		padding-right: 0;
	}
	.article-aside{
		max-width: 100%;
	}
	.under-article-banners{
		width: 100%;
	}
	.under-article-left, .under-article-right{
		width: 50%;
	}
	.static-page,
	.horoscope-article{
	    min-height: 0px;
	}
	#corp-line{
		display: none !important;
	}
	.main-container{
		width: 100%;
		max-width: 768px;
	}
	.top-article, .submain-articles, .one-article-box{
		width: 100%;
		max-width: 100%;
	}
	.content{
		padding: 0 16px;
	}
	.tabs{
		max-width: 100%;
	}
	.tabs .tabs-header{
		position: relative;
	}
	.tabs .tabs-header:before{
		position: absolute;
		content: "";
		width: 50%;
		height: 100%;
		background-color: #000;
		right: 0;
	}
	.footer-rss-boxes .rss-box{
		width: 50%;
		padding: 0 10px;
	}
	.submain-articles{
		margin-bottom: 20px;
	}
	.comments{
		width: 100%;
	}
	.article-photo-wrap, .article{
		width: 100%;
		padding-right: 0;
	}
	.article-right-banner{
		width: 100%;
		text-align: center;
		margin-top: 10px;
        margin-bottom: 10px;
	}
	.category-listing,
	.in-article-rss-box{
		width: 100%;
		margin-bottom: 20px;
	}
	.main-nav .navigation > li{
		width: 50%;
	}
	.article-mobile-zone{
		margin-bottom: 25px;
	}
	.weather-wrap{
		width: 100%;
		padding-right: 0;
	}
	.weather-sidebar{
		max-width: 100%;
	}
	.article-more-category img{
		max-width: 100%;
	}
	.article-more-category li{
		width: 230px;
	}
	.weather-right-banner{
		width: 100%;
    	margin: 20px 0;
	}
	.channel-box{
		width: 50%;
		padding: 10px;
	}
	.focus-box ul{
		width: 100%;
		flex-wrap: wrap;
	}
	.focus-box li {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }
    .place-listing,
	.weather-header,
	.listing-nav{
		width: 100%;
		padding-right: 0;
	}
	.horoscope-wrap,
	.horoscope-header,
	.horoscopes,
	.zodiac-share{
		width: 100%;
	}
	.weather-box .next-days,
    .weather-box .daily-info{
    	display: none;
    }
    .day-duration,
    .next-moon,
    .day-info .day,
    .moon-info{
		width: 50%;
	}
	.tv-search-box .weather-search{
		width: 100%;
		margin-bottom: 10px;
	}
	.top-article-right-banner,
	.righside-middle-banner,
	.home-top-right-banner{
		width: 100%;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.circle-news-box .article-photo{
		width: 100%;
		margin-bottom: 20px;
	}
	.two-artices-box,
	.aside-top-right-banner{
		width: 100%;
	}
	.header-link-box{
		display: none;
	}
	.after-top-article{
		margin-top: 0px;
		margin-bottom: 0;
	}
	.comments{
		min-height: 1px;
	}
	.main-articles{
		display: flex;
		flex-wrap: wrap;
	}
	.main-articles .top-article{
		order: -3;
	}
	.main-articles div:nth-child(3){
		order: -2;
	}
	.top-article img{
		height: auto !important;
	}
	.main-nav{
		max-width: 748px;
	}
}
@media only screen and (max-width: 768px) {
	.main-nav{
		max-width: calc(100% - 20px);
	}
	.channel-box{
		width: 100%;
		padding: 20px;
	}
	.article-content iframe{
		max-width: 100% !important;
	}
	.circle-news-box .article-photo{
		width: auto;
		margin-bottom: 0;
	}
	.tv-program{
		width: 100%;
	}
	.program-list-item img{
		width: 100px;
		margin-right: 10px;
	}
	.top-article-right-banner,
	.home-top-right-banner{
		width: 100%;
    	margin: 15px 0;
	}
	.main-header .news-today{
		position: static;
    	margin-top: 12px;
	}
	.submain-articles li{
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.top-article .top-article-title{
		padding: 12px;
	    background-size: contain;
	    min-height: 110px;
	}
	.top-article .top-article-title h2{
		font-size: 16px;
		line-height: 20px;
	}
	.fullwidth-banner{
		width: 100%;
		overflow: hidden;
	}
	.two-artices-box{
		width: 100%;
	}
	.main-header .logo img{
		width: 100px;
	}
	.main-header .bgonair-live{
		display: none;
	}
	.main-header .logo-container{
		padding: 15px;
	}
	#menu-toggle{
		margin-top: 0px;
	    display: block;
	    margin-right: 20px;
	}
	.main-header .header-menu .search-icon{
		margin-right: 20px;
	    margin-top: 7px;
	}
	.header-link-box a{
		margin: 0 10px;
	}
	.top-article-title .article-meta{
		font-size: 10px;
		margin-top: 5px;
	}
	.circle-news-box{
		padding: 0 16px;
	}
	.one-article-box h2{
		font-size: 16px;
        line-height: 28px;
	}
	.circle-news-box li{
		width: 100%;
		padding-right: 0;
	}
	.two-artices-box li{
		flex-wrap: wrap;
	}
	.article-on-focus .article-photo,
	.article-on-focus .article-info{
		width: 100%;
	}
	.two-artices-box .article-photo{
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.two-artices-box .article-photo img{
		width: 100%;
	}
	.article-on-focus .article-title{
		font-size: 16px;
		line-height: 28px;
	}
	.article-on-focus .article-info{
		padding-left: 0;
	}
	.article-container .article-header h1,
	.article-comment-header h1{
		font-size: 20px;
    	line-height: 32px;
	}
	.article-container .article-header .article-desc{
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 0;
	}
	.top-article-header h2{
		font-size: 20px;
    	line-height: 28px;
	}
	.category-listing .article-title h2{
		font-size: 14px;
    	line-height: 20px;
    	margin-bottom: 5px;
	}
	.category-listing .article-date{
		font-size: 10px;
	}
	.category-listing .article-image{
		padding-right: 10px;
	}
	.breadcrumb{
		width: 100%;
	}
	
	.search-box{
		padding: 40px 0;
		top: 53px;
	}
	.header-link-box{
		margin-bottom: 10px;
		margin-top: 0;
	}
	.righside-middle-banner,
	.article-banner-after-tabs,
	.under-article-banners{
		width: 100%;
	}
	.under-article-left, .under-article-right{
		width: 100%;
		margin-bottom: 20px;
	}
	.horoscope-home-box .zodiac-cat a{
		margin: 0 10px;
	}
	.horoscope-home-box .zodiac-list{
		padding-top: 25px;
		padding-bottom: 0;
	}
	.horoscope-home-box .zodiac-list a{
		margin: 0px 10px;
		margin-bottom: 20px;
	}
	.rss-box ul{
		padding: 10px;
	}
	.rss-box ul li{
		width: 100%;
		margin-bottom: 20px;
	}
	.rss-box ul li:last-child{
		margin-bottom: 0;
	}
	.rss-box .article-photo{
		width: 143px;
		float: left;
		margin-right: 15px;
	}
	.rss-box h3{
		margin-top: 0;
		font-size: 13px;
	}
	.black-article-box{
		padding: 16px;
	}
	.black-article-box ul li{
		width: 100%;
		margin-bottom: 30px;
	}
	.black-article-box li .article-photo{
		float: left;
		width: 138px;
		margin-right: 10px;
	}
	.black-article-box li  .article-title{
		margin-top: 0;
	}
	.footer-rss-boxes .rss-box{
		width: 100%;
	}
	.article .article-content {
        font-size: 14px;
        line-height: 25px;
    }
    .page-title{
    	margin-top: 10px;
    }
    .righside-top-banner{
    	width: 100%;
    }
    .weather-search-box .info{
    	display: none;
    }
    .weather-search{
    	width: 100%;
    	margin-right: 0;
    }
    .weather-search-box .all-places{
    	float: left;
	    margin-left: 0;
	    margin-top: 10px;
    }
    .city-header .weather-nav a{
    	font-size: 14px;
    	padding: 10px;
    }
    .forecast-list.box-hours .forecast-time{
    	font-size: 16px;
        width: 35px;
    }
    .forecast-list .forecast-temp{
    	font-size: 24px;
    }
    .forecast-list .forecast-title{
    	width: 170px;
    }
    .forecast-list li{
    	padding: 15px 10px;
    }
    .forecast-list .hidden-content{
    	margin-top: 15px;
    	font-size: 12px;
    }
    .forecast-list .forecast-icon img{
    	width: 45px;
    }
    .forecast-list .forecast-time{
		font-size: 12px;
	}
	.forecast-list .forecast-time span{
		font-size: 10px;
	}
	.forecast-list .forecast-time{
		width: 85px;
	}
	.day-duration, .next-moon, .day-info .day, .moon-info{
		width: 100%;
		max-width: 100%;
	}
	.day-info{
		display: flex;
		flex-wrap: wrap;
	}
	.day-info .day{
		order: 1;
	}
	.day-info .day-duration{
		order: 2;
		height: auto;
        padding: 5px;
        margin-bottom: 30px;
        font-size: 13px;
	}
	.day-info .moon-info{
		order: 3;
	}
	.day-info .next-moon{
		order: 4;
        text-align: center;
        justify-content: center;
        padding: 5px;
        height: auto;
        font-size: 13px;
	}
	.temp-now-left{
		flex-wrap: wrap;
	}
	.temp-now-left p{
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	.full-info-list ul span{
		font-size: 12px;
	}
	.program-list-item .program-date{
		margin-right: 10px;
	}
	.select-items div, .select-selected{
		padding: 12px;
	}
	.tv-search-box .weather-search .weather-submit{
		padding: 11px 24px;
    	font-size: 14px;
	}
	.weather-search-box .all-places{
		font-size: 12px;
	}
	.notfound-search span{
		font-size: 16px;
	}
	.notfound-search p{
		font-size: 26px;
	}
	.notfound{
		padding-top: 50px;
    	padding-bottom: 30px;
	}
	.pagination ul li.first-page a,
	.pagination ul li.last-page a{
		padding: 5px 10px;
	}
	.main-nav ul.sub{
		margin-bottom: 5px;
	}
	.main-nav{
		margin-top: 40px;
	}
	.article-more-category li{
		width: 200px;
	}
	.article-on-focus .article-photo{
		max-width: 100%;
	}
	.weather-content{
		padding: 5px;
		display: flex;
        align-items: center;
        flex-wrap: wrap;
	}
	.weather-box .weather-icon{
		float: left;
	    margin: 0px 10px;
	    width: 80px;
	}
	.weather-box .weather-icon img{
		max-width: 100%;
	}
	.program-list-item .program-date{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.program-list-item{
		padding-bottom: 0;
	}
	.vertical-photo{
		position: relative;
		height: 0;
		width: 100%;
  		padding-top: 56.25%; 
	}
	.vertical-photo img{
		position: absolute;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    right: 0;
	    width: 100%;
	    height: 100%;
	}
	.article-more-category .article-photo{
		position: relative;
        height: 0;
        width: 100%;
        padding-top: 56.25%;
	}
	.article-more-category .article-photo img{
		position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
	}
	.article-more-category .box-title{
		position: relative;
    	z-index: 2;
	}

}	
@media only screen and (max-width: 680px) {
	.article-more-category li{
		width: 170px;
	}
}
/* Stick the banner */
@media only screen and (max-width: 640px) {

	.article-mobile-zone{
		min-height: 250px;
	}
   #div-gpt-ad-1592691-8,
   .article-mobile-zone #div-gpt-ad-1592691-17,
   .article-mobile-zone #div-gpt-ad-1592691-18,
   .article-mobile-zone #div-gpt-ad-1592691-19,
   .article-right-banner,
   .home-top-right-banner{
        display: block;
        position: sticky;
        top: 0;
        z-index: 1000;
        background: #FFF;
        width: 100%;
    }
    .content{
    	float: left;
        width: 100%;
    }
}
@media only screen and (max-width: 580px) {
	.article-more-category{
		border-top: 0;
	}
	.article-more-category ul{
		flex-wrap: wrap;
		margin-top: -7px;
	}
	.article-more-category .article-photo img{
		width: 100%;
	}
	.article-more-category li{
		width: 100%;
		margin-bottom: 25px;
		border-top: 7px solid #000;
	}
	.content {
        padding: 0;
    }
    .main-header .news-today img{
    	width: 25px;
    }
    .main-header .news-today{
    	margin-top: 16px;
    }
    .header-link-box span{
    	padding: 0;
    }
    .listing-group{
    	width: 100%;
    }
    .horoscope-header{
    	margin-top: 10px;
    }
    .zodiac-nav a{
    	margin: 0 10px;
    }
    .zodiac-nav{
    	font-size: 12px;
    	line-height: 24px;
    }
    .main-nav .navigation > li{
		width: 100%;
	}
	.main-nav{
		margin-top: 40px;
		padding-top: 30px;
	}
	.program-list-item h3{
		font-weight: 500;
		font-size: 13px;
	}
	.day-nav ul li span{
		font-size: 7px;
	}
	.day-nav ul li a{
		font-size: 14px;
	}
	.article-container .date{
		margin-bottom: 10px;
	}
	.search-box .input-search{
		padding-left: 10px;
	    font-size: 16px;
	}
	.weather-box .temp-info{
		order: 2;
		margin: 0 10px;
	}
	.weather-box .weather-title{
		height: auto;
	    order: 3;
	    text-align: center;
	    width: 100%;
	    justify-content: center;
	    margin-top: 10px;
	    margin-bottom: 10px;
	}
	.author-listing .category-listing .article-title h3{
		font-size: 16px;
    	margin: 0px;
	}
}
@media only screen and (max-width: 480px) {
	.horoscope-header .horoscope-nav a{
	    font-size: 14px;
	    padding: 10px;
	}
	.horoscopes .horoscope-type a{
		padding-right: 5px;
    	margin-right: 5px;
    	text-transform: lowercase;
    	font-size: 12px;
    	font-weight: bold;
	}
	#menu-toggle{
		margin-right: 10px;
	}
	.main-header .logo-container{
		padding: 15px 10px;
	}
	.main-header .news-today{
		font-size: 13px;
		width: auto;
        margin-top: 20px;
	}		
	.main-header .news-today h1{
		font-size: 13px;
	}
	.main-header .news-today img{
		display: none;
	}
	.header-link-box a{
		margin: 0 5px;
	}
	.forecast-list .forecast-title{
		width: 150px;
	}
	.forecast-list.box-hours .forecast-time{
		font-size: 14px;
	}
	.forecast-list .forecast-icon img{
		width: 35px;
	}
	.forecast-list .forecast-temp{
		font-size: 17px;
	}
	.city-header .weather-nav a{
		font-size: 16px;
	}
	.city-header .weather-nav a{
		align-items: center;
        display: flex;
        justify-content: center;
	}
	.comments-line .comment-scroll{
		font-size: 12px;
	    padding: 6px 6px;
	}
	.top-article{
		min-height: 100px;
	}
	.article-container .date ins,
	.article-info .article-comment{
		margin-left: 5px;
	}
}
@media only screen and (max-width: 468px) {
	.top-megaboard{
		min-height: 180px;
		margin-bottom: 10px;
	}
	.article-right-banner{
		min-height: 250px;
	}

}
@media only screen and (max-width: 390px) {
	.forecast-list .forecast-title{
		width: 115px;
	}
	.top-article-title .article-meta .article-date{
		margin-right: 5px;
	}
	.main-header .header-menu .search-icon{
		margin-right: 8px;
	}
	.main-header .news-today,
	.main-header .news-today h1{
		font-size: 12px;
	}
	.main-container{
		padding: 0 8px;
	}
}
@media only screen and (max-width: 360px) {
	.main-header .logo img{
		width: 80px;
	}
	.main-header .news-today{
		font-size: 12px;
	}
	.top-article .top-article-title{
		padding: 6px;
	}
}