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

					/* Smartphones (portrait and landscape) ----------- */
				   .mobileClear {
				clear:both;
				float:none; 
				}

				.OneThird  {
				 width: 32%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
					 text-align: center;
				 float: left;
				}
				.TwoThird  {
				 width: 62%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 float: left;
				}
				.Half {
				 width: 48%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
					 text-align: center;
				 float: left;
				}
					.QuarterCenter {
				 width: 23%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 text-align: center; 
					 float: left; 
				}
					 .OneFifth  {
				 width: 18%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
					 text-align: center;
				 float: left;
				}
				.Full {
				 width: 98%;
					 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				}
					.FullCenter {
				 width: 98%;
					 margin: 5px 5px 15px 5px; /* top right bottom left */
					 text-align: center;
				 border: 0px #cccccc solid;
				}

				   .OneThirdDeskFullMobile  {
				 width: 98%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				}
					 .OneThirdDeskFullMobileCenter  {
				 width: 98%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
					 text-align: center;
				 border: 0px #cccccc solid;
				}
				.HalfDeskFullMobile  {
				 width: 98%;
				 margin: 5px 5px 15px 5px;; /* top right bottom left */
				 border: 0px #cccccc solid;
				}
					.HalfDeskFullMobileCenter  {
				 width: 98%;
				 margin: 5px 5px 15px 5px;; /* top right bottom left */
					 text-align: center;
				 border: 0px #cccccc solid;
				}
				.TwoThirdDeskFullMobile  {
				 width: 98%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 }
					 .QuarterDesktopFullMobile {
				 width: 99%;
				 margin: 0px 0px 0px 0px; /* top right bottom left */
				 border: 0px #cccccc solid;
				}
				   .QuarterCenterDesktopFullMobile {
				 width: 99%;
				 margin: 0px 0px 0px 0px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 text-align: center;
				}
					.FifthCenterDesktopFullMobile {
				 width: 99%;
				 margin: 0px 0px 0px 0px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 text-align: center;
				}

			 }

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

					/* Desktops and laptops ----------- */
				   .desktopClear {
				clear:both;
				float:none; 
				}

				  .clear {
				clear:both;
				float:none; 
				}

				.OneThird  {
				 width: 32%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
					 text-align: center;
				 float: left;
				}
				.TwoThird  {
				 width: 62%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 float: left;
				}
				.Half {
				 width: 48%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
					 text-align: center;
				 float: left;
				}
					.QuarterCenter {
				 width: 23%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 text-align: center; 
					 float: left; 
				}
					 .OneFifth  {
				 width: 18%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
					 text-align: center;
				 float: left;
				}
				.Full {
				 width: 98%;
					 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				}
					.FullCenter {
				 width: 98%;
					 margin: 5px 5px 15px 5px; /* top right bottom left */
					 text-align: center;
				 border: 0px #cccccc solid;
				}

				  .OneThirdDeskFullMobile  {
				 width: 31%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 float: left;
				}
					.OneThirdDeskFullMobileCenter  {
				 width: 31%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 float: left;
				 text-align: center;
				}
				.HalfDeskFullMobile  {
				  width: 48%;
				  margin: 5px 5px 15px 5px; /* top right bottom left */
				  border: 0px #cccccc solid;
				  float: left;
				}
					.HalfDeskFullMobileCenter  {
				 width: 48%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 float: left;
					 text-align: center;
				}
				.TwoThirdDeskFullMobile  {
				 width: 64%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 float: left;
				 }
					 .QuarterDesktopFullMobile {
				 width: 24%;
				 margin: 0px 0px 0px 0px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 float: left;
				}
				   .QuarterCenterDesktopFullMobile {
				 width: 24%;
				 margin: 0px 0px 0px 0px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 float: left;
				 text-align: center;
				}
					.FifthCenterDesktopFullMobile {
				 width: 20%;
				 margin: 0px 0px 0px 0px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 float: left;
				 text-align: center;
				} 

			 }
			
			.sslTop1 {
				width: 100%;
				height: 35px;
			}
			.sslTop2 {
				width: 100%;
				height: 35px;
			}