/*----------------------------RESPONSIVE STYLES------------------------------- */
/* ---------- MAX 1024PX ---------- */
@media screen and (max-width: 1024px) {



}
/* ---------- MAX 1000PX ---------- */
@media only screen and (max-width: 1000px) {
	

}	
	
/* ---------- MAX 991PX ---------- */
@media only screen and (max-width: 991px) {





}

/* ---------- MAX 800PX ---------- */
@media only screen and (max-width: 800px) {



}

/* ---------- MAX 768PX ---------- */
@media only screen and (max-width: 768px) {
.topbar .left {
	width: 50%;
}
.topbar .right {
	width: 50%;
}

}

/* ---------- MAX 640PX ---------- */

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



.topbar .left {
	width: 60%;
}
.topbar .right {
	width: 40%;
}



/* ---------- MAX 480PX ---------- */

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

.topbar .left {
	width: 100%;
	text-align: left;
}
.topbar .right {
	width: 100%;
	text-align: left;
}
.topbar ul.topsocial {
	float: left;
}
}


/* ---------- MAX 360PX ---------- */
@media screen and (max-width: 360px) {


.topbar .left {
	width: 100%;
	text-align: left;
}
.topbar .right {
	width: 100%;
	text-align: left;
}
.topbar ul.topsocial {
	float: left;
}