/* ------------------------------------------------------- */
/* 		SMART PHONES (portrait/landscape)			*/
/* ------------------------------------------------------- */

@media only screen and (min-device-width: 320px) and (max-device-width : 480px) {

	.dropdown{
		top: 30px;
	}

/* dropdown right small */
	.dd-rs{
/* 		left: -60px; */
	}

}











/* ------------------------------------------------------- */
/* 		TABLETS (portrait/landscape)			*/
/* ------------------------------------------------------- */

@media only screen and (min-device-width: 768px) and (max-device-width : 1024px) {




}



/* TACHYONS MEDIUM */
@media screen and (min-width: 48em) and (max-width: 64em){

}










/* ------------------------------------------------------- */
/* 		DESKTOPS / LAPTOPS			*/
/* ------------------------------------------------------- */

@media only screen  and (min-width: 1224px) {




}






/* ------------------------------------------------------- */
/* 		LARGE SCREENS			*/
/* ------------------------------------------------------- */
@media only screen  and (min-width: 1824px) {




}




/* TACHYONS NOT SMALL */

@media screen and (min-width: 48em){

}




/* TACHYONS LARGE */

@media screen and (min-width: 64em){

}







/* need to be more specific? check this out: https://responsivedesign.is/develop/browser-feature-support/media-queries-for-common-device-breakpoints */