/* ALL */
#big-image {
	display: none;
}

.hz {
	left: 0;
	right: 0;
	max-width: 1200px;
}

/* SMART PHONES */
@media only screen and ( min-width: 180px) and ( max-width: 479px) {
  /************** Start 2 columns  Test */
  .tabletRow {
    display: block;
    margin: 0; 
    padding: 0.154em 0.250em 0.154em 0.500em;    
    width: 100%;
  }
  
  .tabletRow.container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  
  .tabletRow .row-fluid > [class*="span"] {
    background: #fff;
    display: block;    
    margin: 0;
    padding: 0;
    width: 100%;
  }
  
  .tabletRow .boxes.dark {
    margin: 0;
  }
  
  .tabletRow .boxes {
    margin: .154em 0;
  }
  /************** End 2 columns Test */
  
  ul.footer-links li {
   border-right: none;
   display: block;
   float: none;
  }
  
}

@media only screen and ( min-width: 480px ) and ( max-width: 767px) {
	.boxes {
		margin: 0.1555em 0 0.2555em 0;
		height: auto;
	}
	.boxes.dark {
		margin-top: 0.256em;
	}
	#login-box {
   padding-right: 20%;
  }
	#login-box .primaryBtn {
    float: right;
  }
	ul.footer-links li {
	 border-right: none;
	 display: block;
	 float: none;
	}
	
	/************** Start 2 columns Test */  
  .singleSignOn.tabletRow {
    padding: 1em 0.175em;
  }
  
  .singleSignOn.tabletRow .row-fluid > [class*="span"] {
    display: inline-block;
    margin: 0;
    width: 48.5%;    
  }
  
  .tabletRow.container-fluid {
    padding-left: .5em;
    padding-right: .5em;
  } 
  /************** End 2 columns Test */
}

.container-fluid {
	/*padding-left: 20px;*/
  /*padding-right: 20px;*/
}


@media ( min-width : 768px) {
	#big-image {
		display: block;
		top: -20px;
		position: relative;		
	}
	.hz {
		margin: 0 5.556%;
	}
	
	/************** Start 2 columns  Test */  
  .row-fluid > .span4 {
    //width: 31%;
    //display: inline-block;
  }
  .row-fluid > .span8 {
    //width: 62%;
    //display: inline-block;   
  }
  /************** End 2 columns Test */	
}

@media ( min-width : 768px) and (max-width: 979px) {
  .boxes {
    margin: 0.1855em 0;
    min-height: 100%;
  }
	ul.footer-links li {
	 border-right: 0px solid #ffffff;
   clear: left;
  }
   
  /************** Start of Login Page Test */
  .tabletRow.container-fluid {
    padding-left: 8px;
    padding-right: 0px;
  }
  .tabletRow .span8 {
    display: none;
  }
  .tabletRow .row-fluid > [class*="span"] {
    margin: 0.5em 0.250em 0.250em 0.250em;
    width: 48.5%;
  }
  .tabletRow .row-fluid .boxes {
    display: inline-block;
    height: 15em;
    width: 100%;    
  }  
  /************** End of Login Page Test */
  
  
  /************** Start of Form Page Test */
  .form.container-fluid {
    padding-left: 8px;
    padding-right: 0px;
  }
  .form .span8 {
    /*display: none;*/
  }
  .form .row-fluid > [class*="span"] {
    margin: 0.5em 0.250em 0.250em 0.250em;
    width: 97%;
  }
  .form .row-fluid .boxes {
    display: inline-block;
    height: auto;
    width: 100%;    
  }  
  /************** End of Form Page Test */
  
}

@media ( max-width : 979px) {
}

@media ( min-width : 980px) {
	.boxes {
		min-height: 170px;
		max-height: 170px;
	}
	/************** Start of Login Page Test */
	.tabletRow.container-fluid {
    //padding-right: 0px;
  }
	.tabletRow .span8 {
    width: 65.5%;
  }
  /************** End of Login Page Test */
}

@media ( min-width : 1200px) {
}