/* ------------------- back to top button --------------*/
.back-to-top {
	font-size: 18px;
	cursor: pointer;
	position: fixed;
	bottom: 60px;
	right: 15px;
	display: none;
	z-index: 999;
	outline: none;
	background: rgba(224, 0, 0, 0.8);
	color: #fff;
	border-radius: 5px;
	padding: 7px 10px 5px;
}

/* too Large Devices, Wide Screens */
@media only screen and (max-width : 1280px) {
	*{
		box-sizing:border-box;
	}
	.container {
		width: 992px;
	}
	#banner > img {
		width:100%;
		height: auto;
	}
	#three-column #tbox1, #three-column #tbox2, #three-column #tbox3{
		width:33%;
		box-sizing:border-box;
		padding: 3%;
	}	
	#content{
		width:70%;
		padding-right:15px;
		box-sizing:border-box;
	}
	#sidebar{
		width:30%;		
	}
	#footer #fbox1 , #footer #fbox2{
		width:40%;
		margin:0px;
		padding-right:15px;
		box-sizing:border-box;
	}
	#footer #fbox3{
		width:20%;	
		margin:0px;	
	}
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.container {
		width: 768px;
	}
	#three-column #tbox1, #three-column #tbox2, #three-column #tbox3{
		width:100%;
		padding: 3%;
		text-align: center;
	}
	#menu a {
		line-height:50px;
		padding: 0 15px;
	}
	#content{
		width:100%;
		padding-right:0px;
	}
	#sidebar{
		width:100%;		
	}
	#footer #fbox1 , #footer #fbox2{
		width:100%;
		padding-right:0px;
	}
	#footer #fbox3{
		width:100%;	
		margin:0px;	
	}
	.title {
		margin: 2em 0 1em;
	}
	#footer {
		padding: 1em 0em 2em 0em;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.container {
		width: 90%;
	}
	.menu-btn{
		display:block;
	}
	#menu{
		display:none;
	}
	#banner {
		margin: 0em auto 1em;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	
}