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

		       /* 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: 99%;
			 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: 0px 10px 50px 0px; /* 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: #0e76bc;
			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: #0e76bc;
		  border: 2px solid #0e76bc;
		}

		.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 : 540px) {

					   .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:25px; 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: #0e76bc;
					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: #0e76bc;
				  border: 2px solid #0e76bc;
				}

						.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: #0e76bc;
					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: #0e76bc;
				  border: 2px solid #0e76bc;
				}

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

		}