/* iPhone4 320x480 (portrait) ----------- */

/* iPhone5 320x568 (landscape) ----------- */
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (min-width:567px) and (max-width:568px){
	#bodyContainer {
	  min-height:90px;
	}
}
/* iPhone5 320x568 (portrait) ----------- */
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (min-width:319px) and (max-width:320px){
	#bodyContainer {
	  min-height:300px;
	}
}

/* Samsung S4 360x640 (landscape) ----------- */
@media only screen and (min-device-width:320px) and (max-device-width:640px) and (min-width:639px) and (max-width:640px){ 
	#bodyContainer {
	  min-height:135px;
	}
}
/* Samsung S4 360x640 (portrait) ----------- */
@media only screen and (min-device-width:320px) and (max-device-width:640px) and (min-width:359px) and (max-width:360px){
	#bodyContainer {
	  min-height:385px;
	}
}

/* WP 8(landscape) ----------- */
@media only screen and (min-device-width:768px) and (max-device-width:1280px) and (min-width:479px) and (max-width:480px) {
	#bodyContainer {
	  min-height:70px !important;
	}	
 	body.ui-body-c, body.ui-overlay-c, #mainBody.ui-body-c, #mainBody.ui-overlay-c, .ui-body-c {
		font-size: 12px;
	}	
}
/* WP 8(portrait) ----------- */
@media only screen and (min-device-width:768px) and (max-device-width:1280px) and (min-width:319px) and (max-width:320px){
	#bodyContainer {
	  min-height:295px !important;
	}
	body.ui-body-c, body.ui-overlay-c, #mainBody.ui-body-c, #mainBody.ui-overlay-c, .ui-body-c {
		font-size: 12px;
	}			
}

/* iPad & iPad-Mini tablets (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (min-width:1023px) and (max-width:1024px) and (orientation : landscape) {
	 #bodyContainer {
	   min-height:500px;
	 }
	 body.ui-body-c, body.ui-overlay-c, #mainBody.ui-body-c, #mainBody.ui-overlay-c, .ui-body-c {
	  font-size: 14px;
	}	  
}
/* iPads & iPad-Mini tablets (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (min-width:767px) and (max-width:1768px) and (orientation : portrait) {
	#bodyContainer {
	   min-height:760px;
	  }
	body.ui-body-c, body.ui-overlay-c, #mainBody.ui-body-c, #mainBody.ui-overlay-c, .ui-body-c {
	  font-size: 14px;
	}	  

}

/* Google Nexus Tablet (landscape) ----------- */
@media only screen and (min-width:959px) and  (max-width:960px) and (orientation: landscape){
	#bodyContainer {
	  min-height:275px;
	}		
	body.ui-body-c, body.ui-overlay-c, #mainBody.ui-body-c, #mainBody.ui-overlay-c, .ui-body-c {
	  font-size: 14px;
	}	
}
/* Google Nexus Tablet (portrait) ----------- */
@media only screen and (min-width:599px) and (max-width:600px) and (orientation:portrait){
	#bodyContainer {
	  min-height:620px;
	}	
	body.ui-body-c, body.ui-overlay-c, #mainBody.ui-body-c, #mainBody.ui-overlay-c, .ui-body-c {
		font-size: 14px;
	}		
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1025px) {
	 #bodyContainer {
	   min-height:480px;
	  }
}

/* fluid layout: single col upto 480px ----------- */
@media only screen and (max-width:480px){
	.twoCol-50-50-A, .twoCol-50-50-B {
	  margin:0;
	  float:none;
	  width:100%;
	}
	.hasSideBar #caMain {
	    margin-right: 0;
	    max-width: 100%;
    	width:100%;
  	}
	.hasSideBar  #caSidebar {
    	width: 100% !important;
    	position:relative;    	
	}
	.hasSideBar div.sidebar{
		background-size:cover;
	}
	.hasSideBar div.sidebar h3{
		background-size:cover;
	}
	.hasSideBar #caSidebar .controlRow,
	.hasSideBar #caSidebar #existingMember
	{
		text-align:left !important;
	}
	.titleClear {
    margin-top:15px;
	}	
}

@media only screen and (min-width:481px) {
	.twoCol-50-50-A {
	   position: relative;
	   float: left;
       width: 49%;
	  }
	  .twoCol-50-50-B {
       position: relative;
	   margin-left: 51%;
	   width: 49%;
	 }
	.hasSideBar #caMain {
	    margin-right: 225px !important;
	}
	.hasSideBar #caSidebar {
    	top: 0;
    	right:0;
    	position:absolute;
    }
    .hasSideBar div.sidebar{
		background-size:auto;
	}
	.hasSideBar div.sidebar h3{
		background-size:auto;
	}
    .titleClear {
    margin-top:47px;
	}	 
    .noFluid .hasSideBar #caMain {
        margin-right: 0 !important;
	    max-width: 100%;
    	width:100%;	
    }    
    .noFluid .hasSideBar #caSidebar{
    	width: 100% !important;
    	position:relative;
    } 
    
}

@media only screen and (min-width:641px) {
	.hasSideBar #caMain {
	    margin-right: 275px !important;
	}
}