@media only screen and (max-width: 1280px)
{

}

@media only screen and (max-width: 800px)
{
    .topBannerItemBig
    {
        width:50%;
        /*height:384px;*/
        font-size:18px;
    }

    .topBannerItemMid
    {
        width:50%;
        /*height:384px;*/
        font-size:18px;
    }
	
	.topBannerItemMid img
	{
		
		margin-left:0;
		/*margin-top:95%;*/
		width:100%;
		/*height:100%;*/
		transform:translate(0, 0);
	}

    #topBannerWrapper
    {
        padding:0;
    }

    #topNewsWrapper
    {
        padding:2px 0;
    }

    #logo img
    {
        padding:16px;
        max-width:80%;
		max-height:64px;
    }
	
	#category
	{
		display:none;
	}
	
	#header
	{
		position:fixed;
	}
	
	#calendar
	{
		margin-top:120px;
		margin-bottom:64px;
	}
	
	.calEvents td
	{
		font-size:16px;
	}
	
	.calendarHeader
	{
		font-size:16px;
	}
	
	.dayText
	{
		font-size:12px;
	}
}

@media only screen and (max-width: 640px)
{
    .topNewsItem
    {
        float:none;
        width:94%;
        margin:0 1% 8px 1%;
        padding:16px 2%;
        min-height:0;
    }

    .topNewsItemFirst
    {
        float:none;
        width:94%;
        margin:0 1% 8px 1%;
        padding:16px 2%;
        min-height:0;
    }

    .topNewsItemFirst .topNewsItemDate, .topNewsItemFirst .topNewsItemTitle, .topNewsItemFirst .topNewsItemDetail
    {
        padding-left:0;
        padding-right:0;
    }

    #topNewsContent
    {
        overflow:initial;
    }

    #topNews1
    {
        padding:12px 0.6% 4px 0.6%;
    }
    
}

@media only screen and (max-width: 480px)
{
    .topBannerItemBig
    {
        width:100%;
        /*height:384px;*/
        font-size:18px;
    }

    .topBannerItemMid
    {
        width:100%;
        /*height:384px;*/
        font-size:18px;
    }
	
	.dayText
	{
		display:none;
	}
	
	.calEvents td
	{
		height:auto;
	}
}