/*  ---- mobile Main Containers -----  */
			@media only screen 
			and (min-device-width : 320px) 
			and (max-device-width : 480px) {

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

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

				.gethr {
				 width: 98%;
					margin: 5px 5px 30px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				}
				.imageSm {
					width: 40%;
				}
				.imageMid {
					width: 50%;
				}
				.imageLg {
					width: 60%;
				}
				.imageXLg {
					width: 75%;
				}
				.divFontSize {
					font-size: 2.5em;
				}

				.Full{
				 width: 100%;
					 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				}
				.OneThird  {
				 width: 35%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 float: left;
				}
				.TwoThird  {
				 width: 60%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 float: left;
				}
				.Half {
				 width: 47%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 float: left;
				}

						 .OneFifth  {
				 width: 20%;
				 margin: 0px 0px 0px 0px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 float: left;
				}

				.HalfDeskFullMobile  {
				 width: 100%;
				 margin: 5px 5px 15px 5px;; /* top right bottom left */
				 border: 0px #cccccc solid;
				}

				.OneThirdDeskFullMobile  {
				 width: 98%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 text-align: center;
				}
							.OneThirdDeskHalfMobile  {
				 width: 48%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 text-align: center;
							 float: left;
				}
				.TwoThirdDeskFullMobile  {
				 width: 100%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				}
				.TwoThirdDeskOneThirdMobile  {
				 width: 65%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 float: left;
				}
				.QuarterCenter {
				 width: 24%;
				 margin: 0px 0px 0px 0px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 float: left;
				 text-align: center;
				}
				.QuarterCenterDesktopFullMobile {
				 width: 98%;
				 margin: 0px 0px 0px 0px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 text-align: center;
				}
							 .QuarterCenterDesktopHalfMobile {
				 width: 48%;
				 margin: 0px 0px 0px 0px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 text-align: center;
							 float: left;
				}
				.FifthCenterDesktopFullMobile {
				 width: 99%;
				 margin: 0px 0px 0px 0px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 text-align: center;
				}
				.FifthCenterDesktopThirdMobile {
				 width: 33%;
				 margin: 0px 0px 0px 0px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 text-align: center;
					 float: left;
				}

			  .SixthCenterDesktopHalfMobile {
				 width: 49%;
				 margin: 0px 0px 0px 0px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 text-align: center;
					 float: left;
				}

						.Ecomm-FPBuckets {
							height: 275px;
							border: 5px #0e76bc solid;
							width: 98%;
							margin: 1%
						 }

			 }

			/*  ---- Desktop Main Containers -----  */	
			@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; 
				}

				 .gethr {
				 width: 98%;
					margin: 5px 5px 30px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				}
				.imageSm {
					width: 25%;
				}
				.imageMid {
					width: 35%;
				}
				.imageLg{
					width: 55%;
				} 
				 .imageXLg {
					width: 95%;
				}
				.divFontSize {
					font-size: 1em;
				}

				.Full{
				 width: 100%;
					 margin: 5px 0px 15px 0px; /* top right bottom left */
				 border: 0px #cccccc solid;
				}
				.OneThird  {
				 width: 32%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 float: left;
				}
				 .TwoThird  {
				 width: 65%;
				 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;
				 float: left;
				}

					 .OneFifth  {
				 width: 20%;
				 margin: 0px 0px 0px 0px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 float: left;
				}

				.HalfDeskFullMobile  {
				 width: 50%;
				 margin: 5px 0px 15px 0px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 float: left;
				}

				.OneThirdDeskFullMobile  {
				 width: 32%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 float: left;
				 text-align: center;
				}
							.OneThirdDeskHalfMobile  {
				 width: 32%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 float: left;
				}
				.TwoThirdDeskFullMobile  {
				 width: 64%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 float: left;
				}
				.TwoThirdDeskOneThirdMobile  {
				 width: 65%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 float: left;
				}
				.QuarterCenter {
				 width: 24%;
				 margin: 0px 0px 0px 0px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 float: left;
				 text-align: center;
				}
				.QuarterCenterDesktopFullMobile {
				 width: 24%;
				 margin: 0px 0px 0px 0px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 float: left;
				 text-align: center;
				}
							.QuarterCenterDesktopHalfMobile {
				 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;
				}
				.FifthCenterDesktopThirdMobile {
				 width: 20%;
				 margin: 0px 0px 0px 0px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 text-align: center;
					 float: left;
				}
				.SixthCenterDesktopHalfMobile {
				 width: 16%;
				 margin: 0px 0px 0px 0px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 text-align: center;
					 float: left;
				}

						 .Ecomm-FPBuckets {
							height: 275px;
							border: 5px #0e76bc solid;
							width: 48%;
							margin: 1%;
							float: left;
						 }

			 }


			/*  ---- CTA & Request Buttons -----  */
			.CTAbutton {
				background: #3d4643;
				color: #fff;
				font-family: 'Lato', sans-serif;
				font-size: 17px;
				margin: 5px 5px;
				padding: 10px 20px 10px 20px; /* top right bottom left */
				text-align: center;
				border: 2px solid #ffffff;
				transition: all 0.3s ease 0s;
				border-radius: 15px;
			}
			input.CTAbutton:hover {
			  background: #ffffff;
			  color: #3d4643;
			  border: 2px solid #3d4643;
			}

			.Requestbutton {
				background: #e1813d;
				color: #fff;
				font-family: 'Lato', sans-serif;
				font-size: 17px;
				padding: 10px 20px 10px 20px; /* top right bottom left */
				margin: 5px 5px;
				text-align: center;
				border: 2px solid #ffffff;
				transition: all 0.3s ease 0s;
				border-radius: 15px;
			}
			input.Requestbutton:hover {
			  background: #ffffff;
			  color: #e1813d;
			  border: 2px solid #e1813d;
			}




			/*  ---- mobile Fonts and form elements -----  */
			@media only screen 
			and (min-device-width : 320px) 
			and (max-device-width : 480px) {

						   .titles{font-family: 'Lato', sans-serif; font-size: 28px; font-weight: 300; color: #0e76bc; font-style:normal; line-height:1.2; text-transform: uppercase;}
						   .subtitles{font-family: 'Lato', sans-serif; font-size: 18px; font-weight: bold; color: #e1813d; font-style:normal; line-height:18px; text-transform: uppercase;}

					input.ShopTextfield {
					  background-color: #f9f9f9;
					  font-family:"arial";
					  font-size:15px;
					  border-color: #0e76bc;
					  border-width:1px;
					  border-style: solid;   /*  [ none | dotted | dashed | solid | double | groove | ridge | inset | outset  */
					  color: #000;
					  height:40px;
							  width: 95%;
					  padding:5px 20px;
					  border-radius: 15px;
					}

					textarea.ShopTextAreafield {
					  background-color: #f9f9f9;
					  border: #0e76bc 1px solid;
					  color: #000;
					  font-family: arial;
					  font-size: 15px;
					  font-weight: normal;
					  border-radius: 15px;
					  padding:5px 20px;
							 width: 95%;
					}

					select.ShopDropMenu {
					  background-color: #f9f9f9;
					  border: #0e76bc 1px solid;
					  color:#000;
					  font-weight:normal;
					  font-family: arial;
					  font-size:15px;
					  height: 40px;
					  width: 90%;
					  border-radius: 15px;
					}

					.ShopButton {
						background: #67b1e2;
						color: #fff;
						font-family: Sans-serif;
						font-size: 17px;
						height: 35px;
						line-height: 18px;
						margin: 5px 5px;
						padding: 0px 15px 0px 15px;
						text-align: center;
						border: 2px solid #ffffff;
						transition: all 0.3s ease 0s;
						border-radius: 15px;
					}
						input.ShopButton:hover {
					  background: #ffffff;
					  color: #67b1e2;
					  border: 2px solid #67b1e2;
					}

							.ssl75 {
						 width: 95%;
						 font-size: 16px;
							 font-family: arial;
						  }


			}

			/*  ---- desktop Fonts and form elements -----  */
			@media only screen 
					  and (min-device-width : 768px) 
					  and (min-width : 768px) {

						   .titles{font-family: 'Lato', sans-serif; font-size: 28px; font-weight: 300; color: #0e76bc; font-style:normal; line-height:1.2; text-transform: uppercase;}
						   .subtitles{font-family: 'Lato', sans-serif; font-size: 18px; font-weight: bold; color: #e1813d; font-style:normal; line-height:18px; text-transform: uppercase;}

					  input.ShopTextfield{
					  background-color: #f9f9f9;
					  font-family:"arial";
					  font-size:15px;
					  border-color: #0e76bc;
					  border-width:1px;
					  border-style: solid;   /*  [ none | dotted | dashed | solid | double | groove | ridge | inset | outset  */
					  color: #000;
					  height:40px;
							  width: 80%;
					  padding:5px 20px;
					  border-radius: 15px;
							  margin-bottom: 5px;
					}

					textarea.ShopTextAreafield {
					  background-color: #f9f9f9;
					  border: #0e76bc 1px solid;
					  color: #000;
					  font-family: arial;
					  font-size: 15px;
					  font-weight: normal;
					  border-radius: 15px;
					  padding:5px 20px;
							  width: 90%;
							 margin-bottom: 5px;
					}

					select.ShopDropMenu {
					  background-color: #f9f9f9;
					  border: #0e76bc 1px solid;
					  color:#000;
					  font-weight:normal;
					  font-family: arial;
					  font-size:15px;
					  height: 40px;
							  width: 80%;
					  border-radius: 15px;
							 margin-bottom: 5px;
					}

					.ShopButton {
						background: #67b1e2;
						color: #fff;
						font-family: Sans-serif;
						font-size: 17px;
						height: 35px;
						line-height: 18px;
						margin: 5px 5px;
						padding: 0px 15px 0px 15px;
						text-align: center;
						border: 2px solid #ffffff;
						transition: all 0.3s ease 0s;
						border-radius: 15px;
					}
					input.ShopButton:hover {
					  background: #ffffff;
					  color: #67b1e2;
					  border: 2px solid #67b1e2;
					}

						   .ssl75 {
						 width: 75%;
						 font-size: 16px;
							 font-family: arial;
						  }

			}