/*   
Theme Name: Crevision
Theme URI: http://www.jozoor.com
Description: Crevision Theme for corporate and creative sites, responsive and clean layout, more than color skins, Fully Customizable, Comprehensive Theme Options and more..
Author: Jozoor Team
Author URI: http://www.jozoor.com
Version: 1.3.2
*/

/* Media Queries
================================================== */

/* Smaller than standard 1024px (devices and browsers) */
@media only screen and (max-width: 1024px) {

.switcher {
	left:-1000px !important;
}

.switcher-box {
	position:fixed !important;
	top:0 !important;
	left:0 !important;
	width:100% !important;
	height:auto !important;
	z-index:200 !important;
	background:#fff !important;
	padding:0 .775% !important;
}

.styleswitch {
	width:19.53% !important;
	height:10px !important;
	display:inline-block !important;
	cursor:pointer !important;
	margin:0 2px 0 0 !important;
	float:left !important;
}
	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.switcher-box {
	position:fixed !important;
	top:0 !important;
	left:0 !important;
	width:100% !important;
	height:auto !important;
	z-index:200 !important;
	background:#fff !important;
	padding:0 .775% !important;
}

.styleswitch {
	width:19.54% !important;
	height:10px !important;
	display:inline-block !important;
	cursor:pointer !important;
	margin:0 2px 0 0 !important;
	float:left !important;
}

.switcher {
	left:-1000px !important;
}
	

}



/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
.switcher-box {
	position:fixed !important;
	top:0 !important;
	left:0 !important;
	width:100% !important;
	height:auto !important;
	z-index:200 !important;
	background:#fff !important;
	padding:0 .775% !important;
}

.styleswitch {
	width:19.59% !important;
	height:10px !important;
	display:inline-block !important;
	cursor:pointer !important;
	margin:0 2px 0 0 !important;
	float:left !important;
}

.switcher {
	left:-1000px !important;
}
	
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.switcher-box {
	position:fixed !important;
	top:0 !important;
	left:0 !important;
	width:100% !important;
	height:auto !important;
	z-index:200 !important;
	background:#fff !important;
	padding:0 .775% !important;
}

.styleswitch {
	width:19.4% !important;
	height:10px !important;
	display:inline-block !important;
	cursor:pointer !important;
	margin:0 2px 0 0 !important;
	float:left !important;
}

.switcher {
	left:-1000px !important;
}


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {


.switcher-box {
	position:fixed !important;
	top:0 !important;
	left:0 !important;
	width:100% !important;
	height:auto !important;
	z-index:200 !important;
	background:#fff !important;
	padding:0 .775% !important;
}

.styleswitch {
	width:19.2% !important;
	height:10px !important;
	display:inline-block !important;
	cursor:pointer !important;
	margin:0 2px 0 0 !important;
	float:left !important;
}

.switcher {
	left:-1000px !important;
}
	

}