* {
	margin: 0;
	padding: 0;
}
.f-left{
	float: left;
}
#tabs {
	font-size: 90%;
	margin: 20px 0;
}
#tabs ul {
	float: left;
	background: none;
	width: 100%;
	margin: 0;
}
#tabs li {
	border-left: 2px white solid;
	list-style: none;
	background: #7f90b4;
	width: 14.28%;
}
#tabs li:first-child {
	border:0;
}
* html #tabs li {
	display: inline;
}
#tabs li, #tabs li a {
	float: left;
}
#tabs ul li.active {
	background: #f9f9f9;
}
#tabs ul li.active a {
	color: #333333;
}
#tabs .intab {
	background: #f9f9f9;
	border-bottom: #e0e0e0 solid 1px;
	clear: both;
	padding: 15px;
	min-height: 120px;
    display:none;
}

@media (max-width: 1200px) {
	#tabs .intab {
		padding: 10px;
		min-height: 140px;
	}
}


#tabs .intab h3 {
	margin-bottom: 12px;
}
#tabs .intab p {
	line-height: 150%;
}
#tabs ul li a {
	text-decoration: none;
	padding: 8px;
	color: #000;
	font-weight: bold;
}
.tab_li_forecast_img,.tab_li_forecast_temp{
	text-align: right;
	float: left;
	line-height: 24px;
}
.forecast_high{
	color:#fcbc1e;
	font-size: 22px;
}
.forecast_low,.tab_li_forecast_day{
	color:#FFF;
	font-size: 16px;
}
.active .forecast_low, .active .tab_li_forecast_day{
	color:#254863;
	font-size: 16px;
}
.tab_li_forecast_day, .active .tab_li_forecast_day{
	font-size: 22px;
	font-weight: bold;
}
.tab_content_forecast_items{
	width: 20%;
}
.tab_content_forecast_items2{
	width: 23%;
}
.tab_content_forecast_items p, .tab_content_forecast_items2 p{
	color:#404040;
	font-size:13px;
}
.tab_content_forecast_items_big{
	font-size: 36px;
}
.tab_content_forecast_items_line_height{
	line-height: 26px;
}
.tab_content_forecast_items_small{
	font-size: 22px;
}
.tab_content_forecast_items_small small{
	font-weight: lighter;
}
h2.resp-accordion {
    display:none;
}


/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
	#tabs .intab{
		min-height: inherit;
	}
	.br-desktop{
        display: none;
	}
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
        width: 100%;
		background: #7f90b4;
		height: 50px;
		margin:0;
		border-bottom: #e0e0e0 solid 1px;
		float: left;
    }
    h2.resp-accordion p{
		margin:0;
	}
    .tab_li_forecast{
		background: #7f90b4;
    }
    .tab_li_forecast_day{
    	float: left;
    	padding: 13px;
    }
	.tab_li_forecast_img, .tab_li_forecast_temp{
		float: right;
		
	}
	.tab_li_forecast_img img{
		width: 80%;
		padding: 5px;
	}
	.tab_li_forecast_temp{
		padding: 10px 0 0;
		line-height: inherit;
	}
	.forecast_low{
		font-size: 23px;
	}
	.forecast_high{
		font-size: 33px;
	}
	.tab_content_forecast_items, .tab_content_forecast_items2 {
		border-bottom: #e0e0e0 solid 1px;
		width: 100%;
		display: inline-block;
		padding: 5px 0;
	}
	.tab_content_forecast_items p, .tab_content_forecast_items2 p{
		margin:0;
		float: left;
		padding-top: 5px;
	}
	.tab_content_forecast_items img{
		display: none;
	}
	.f-left{
		float: none;
	}
	.tab_content_forecast_items_big{
		float: right;
		font-size: 23px;
	}
	.tab_content_forecast_items_line_height{
		text-align: right;
	}
	.tab_forecast_separator{
		display: inline;
	}
	
}

@media only screen and (max-width: 320px) {
	.tab_li_forecast_day{
		font-size: 16px;
	}
	.tab_li_forecast_img{
		display: none;
	}
	.forecast_low{
		font-size: 13px;
	}
	.forecast_high{
		font-size: 16px;
	}
}