@charset "utf-8";

/* BWMVI Media Queries */



/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	/* [disabled]max-width: 100%; */
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	/* [disabled]width:100%; */
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	15;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* ============================================================ */
/* ============================================================ */
/* 		     Mobile Layout: 480px and below.					*/
/* ============================================================ */
/* ============================================================ */



/* Repair Entry & Repair Action Pages Styles  	*/
	/* ---------------------------------------- */
	











/* ============================================================ */
/* ============================================================ */
/* 			iPhone Portrait Layout: 481px to 640px. 
			Inherits styles from: Mobile Layout.				*/
/* ============================================================ */
/* ============================================================ */

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








/* ============================================================ */
/* ============================================================ */
/* 			iPhone Landscape Layout: 481px to 768px. 
			Inherits styles from: Mobile Layout.				*/
/* ============================================================ */
/* ============================================================ */

@media only screen and (min-width: 641px) {
	
		
	/* Error Page Styles  */
	#errorPage {
		/*width: 80%;*/
	}
	
	/* Offcanvas width Styles  					*/
	/* ---------------------------------------- */
	.offcanvas-collapse {    
    	width: 75%;
	}
	
	/* login & register Pages Styles  */
	/* ---------------------------------------- */
	
	.login_box {
		width: 25%;
	}


	/* Contract mQuery styles 					*/
	/* ---------------------------------------- */
	
	
	
	


}
	
	
	
	
	

/* ============================================================ */
/* ============================================================ */
/* 			Tablet Layout: 769px to a max of 1024px.  
	Inherits styles from: Mobile Layout and Android Layout.		*/
/* ============================================================ */
/* ============================================================ */

@media only screen and (min-width: 768px) {
		
	/* Error Page Styles  */
	#errorPage {
		/*width: 60%;*/
	}
	
	
	/* Offcanvas width Styles  					*/
	/* ---------------------------------------- */
	.offcanvas-collapse {    
    	width: 50%;
	}
	
	
	/* login & register Pages Styles  */
	/* ---------------------------------------- */
	
	.login_box {
		width: 50%;
	}
	
	
	/* Profile Page Styles  */
	
}












/* ============================================================ */
/* ============================================================ */
/* 			Large devices (desktops, 992px and up)				*/
/* ============================================================ */
/* ============================================================ */

@media (min-width: 992px) {
	
	
	
	/* Internal Page mQuery styles 				*/
	/* ---------------------------------------- */
	
	
	
	
}
	




/* ============================================================ */
/* ============================================================ */
/* 			Desktop Layout: 1025px to a max of 1200px  
	Inherits styles from: Mobile, Android & Tablet Layout.		*/
/* ============================================================ */
/* ============================================================ */

@media only screen and (min-width: 1025px) {
	
	
	
	/* Dirextory Tabs Page Styles  */
	
	
	

	
}








/* ============================================================ */
/* ============================================================ */
/* 		Extra large devices (large desktops, 1200px and up)		*/
/* ============================================================ */
/* ============================================================ */

@media only screen and (min-width: 1200px) {
		
	/* login & register Pages Styles 			*/
	/* ---------------------------------------- */
	
	.login_box {
		width: 30%;
	}
	
	/* login & register Pages Styles 			*/
	/* ---------------------------------------- */
	#profile {
		width: 500px;

	}
	
}