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

#navigation{
	display:none !important;
}
	
#header{
	background: var(--main-color);
	height: 55px;
}
	
.sticky{
	height: 55px !important;
}	
	
#header #headerLogo{
	height: 40px;
}	
	
#header .leftdiv,
#header .rightdiv{
	width: auto;
}
	
#header .lefticons{
	display:none !important;
}	
	
.righticons.loggedin{
	color: #fff !important;
}	

#header .menutrigger{
	display:inline-block;
}
	
.withstickyheader{
	padding-top: 60px;
}	

}

@media screen and (max-width:767px){
		
#footer-top .column:nth-child(2){
	margin-right: 0;
}		
	
#footer-top .column:last-child{
	width: 100%;
}
	
#main .leftCol{
	width: 100%;
	margin-right: 0;
}

#main .rightCol{
	width: 100%;
}	
	
.filterlist .item{
	width: 25.3%;
}	
	
.postbottomrow .colleft{
	width: 100%;
	margin-right: 0;
}

.postbottomrow .colright{
	width: 100%;
	margin-top: 15px;
}	
	
.pageleft{
	width: 100%;
}

.pageright{
	width: 100%;
}	
	
.formField .formLabel{
	width: 100%;
}
	
.formField .formData{
	width: 100%;
	margin-top: 5px;
}	
	
.gpaybox{
	padding: 8px;
	min-width: 360px;
	max-width: 400px;
}	
	
}

@media screen and (max-width:599px){
	
#footer-top .column{
	width: 49%;
}	
	
.editorcontent img[style*="float: left"] {
    margin:  0 auto !important;
	max-width: 100%;
	float: none !important;
	display: block;
}

.editorcontent img[style*="float: right"] {
    margin: 0 auto !important; 
	max-width: 100%;
	float: none !important;
	display: block;
}	
	
figure.align-left{
	float: none;
	width: 100%;
	margin: 0 auto !important; 
	display: block;
}

figure.align-right{
	float: right;
	width: 100%;
	margin: 0 auto !important; 
	display: block;
}	
	
.login-popup {
	max-width:350px;
}
	
#loginform,
#createaccform{
	width:96%;
	max-width:300px;
	border:none;
}

.login-popup .or{
	display:block;
}	
	
}

@media screen and (max-width:479px){
	
#footer-top .column{
	width: 50%;
	padding: 15px 0;
	margin-right: 0;
}	
	
#footer-top .nav li{
	padding: 0 10px;
}	
	
.filterlist .item{
	width: 42%;
}	
	
}