/* CSS Document */

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

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

	.MianWrapper{ width:760px;}
	div.SliderWrapper { width: 612px; height:auto; margin:0 auto 40px; }
	.DescriptionZipCodeWrapper {margin: 0 0 130px;}
	div.sliderShadow{ display:none; }
	.TestimonialWrap{ float:none; width:auto; }
	.CourveBg{background:url(../images/testimonial-bg.png) no-repeat center bottom;}
	.TestimonialWrap h4{ padding-left:0px;}

	.DescriptionListWarpper {width: 350px;}
}
/* CSS Document */

/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

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

	.MianWrapper{ width:460px; overflow:hidden;}
	.Header .Logo { float: none; width:250px; margin: 15px auto; }
	.Header .Tangline { float:none; margin: 0 auto; max-width: 260px;}
	.OrderWrapBg { position:static; background:#f46922; padding:8px; width:auto; left:0px; top:0px; height:auto; }
	
	div.SliderWrapper { width: 408px; height:auto; margin:0 auto 40px; }
	div.sliderShadow{ display:none; }
	div.SliderWrapper div#slider ul li img {height: 240px;}
	div.CarouselWrap  .flex-direction-nav .flex-prev { left: -30px; }
	div.CarouselWrap  .flex-direction-nav .flex-next { right: -30px; }
	div.CarouselWrap  .flexslider:hover .flex-prev {  left: -30px; }
	div.CarouselWrap .flexslider:hover .flex-next {  right: -30px; }
	
	.TestimonialWrap{ float:none; width:auto; margin: 0 0 20px;}
	.CourveBg{background:url(../images/testimonial-bg.png) no-repeat center bottom;}
	.TestimonialWrap h4{ padding-left:0px;}
	
	
	.DescriptionListWarpper {width: 100%; float:none; margin-bottom:10px;}
	.ZipCodeWrapper{ float:none; margin:auto;}
	.LeftSide, .RightSide{ width:100%; text-align:center; float:none;}
	.FormHeading p { font-size: 15px; }
	.FormWrapper{width:348px; background:#2A6491; border:1px solid #C9C9C9;float:none; margin:10px auto;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	.FormHeading{ text-align:center; width:auto; margin:0;}
	.FormWrapper form{ width:327px;}
	.FormWrapper form input[type="text"], .FormWrapper form textarea{ width:305px;}
	.FormWrapper form input[type="text"]{line-height:0px; height:auto; padding:10px;}
	.CopyRight {background:#337AB2;height: auto; line-height: 33px; margin: 0; padding:10px 0px; line-height:1;}
.OrderWrapBg p{ color:#FFF; font-size:18px; font-weight:400; padding-bottom:10px; width:430px;}
}

/* CSS Document */

/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (min-width: 320px) and (max-width: 479px) {
	
	.MianWrapper{ width:310px; overflow:hidden;}
	
	.Header .Logo { float: none; width:250px; margin: 25px auto; }
	.Header .Tangline { float:none; margin: 0 auto; max-width: 210px;}
	.Header .Tangline span, .Header .Tangline straong { font-size: 12px; }
	.Header .Tangline strong { font-size:30px; }
	.DescriptionListWarpper ul { margin: 40px 0 0; padding-right: 0px; }
	.DescriptionListWarpper ul li { font-size: 17px; margin-bottom: 20px; padding-left: 37px;}
	.OrderWrapBg { position:static; background:#f46922; padding:8px; width:auto; left:0px; top:0px; height:auto; }
	.FormHeading p { font-size: 13px; }
	.FormHeading h3	{ font-size:30px;}
	.DescriptionZipCodeWrapper{ margin:0;}
	div.SliderWrapper { width: 290px; height:auto; margin:0 auto 40px; }
	div.sliderShadow{ display:none; }
	div.SliderWrapper div#slider ul li img {height: 170px;}
	.Content { padding: 20px 0 0; }
	div.CarouselWrap { padding-top: 20px; }
	div.CarouselWrap div#carousel { margin: auto; width: 200px; }
	div.CarouselWrap  .flex-direction-nav .flex-prev { left: -40px; }
	div.CarouselWrap  .flex-direction-nav .flex-next { right: -40px; }
	div.CarouselWrap  .flexslider:hover .flex-prev {  left: -40px; }
	div.CarouselWrap .flexslider:hover .flex-next {  right: -40px; }
	
	.TestimonialWrap{ float:none; width:auto; margin: 0 0 20px;}
	.CourveBg{background:url(../images/testimonial-bg.png) no-repeat center bottom;}
	.TestimonialWrap h4{ padding-left:0px;}
	
	.ContentWrapper {padding: 20px 10px;}
	.DescriptionListWarpper {width: 100%; float:none; margin-bottom:10px;}
	.ZipCodeWrapper{width: 265px; float:none; margin:auto; background:#F8AF19; border:4px solid #969696;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	.LeftSide, .RightSide{ width:100%; text-align:center; float:none;}
	.FormWrapper{width:290px; background:#2A6491; border:1px solid #C9C9C9;float:none; margin:10px auto;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	.FormHeading{ text-align:center; width:auto; margin:0;}
	.FormWrapper form{ width:279px;}
	.FormWrapper form input[type="text"], .FormWrapper form textarea{ width:257px;}
	.FormWrapper form input[type="text"]{line-height:0px; height:auto; padding:10px;}
	.CopyRight {background:#337AB2;height: auto; line-height: 33px; margin: 0; padding:10px 0px; line-height:1;}
.OrderWrapBg p{ color:#FFF; font-size:18px; font-weight:400; padding-bottom:10px; width:300px;}
}


/* CSS Document */

/*		Mobile Layout: 000px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (min-width: 10px) and (max-width: 319px) {
	
	.MianWrapper{ width:310px; overflow:hidden;}
	
	.Header .Logo { float: none; width:250px; margin: 25px auto; }
	.Header .Tangline { float:none; margin: 0 auto; max-width: 210px;}
	.Header .Tangline span, .Header .Tangline straong { font-size: 12px; }
	.Header .Tangline strong { font-size:30px; }
	.DescriptionListWarpper ul { margin: 40px 0 0; padding-right: 0px; }
	.DescriptionListWarpper ul li { font-size: 17px; margin-bottom: 20px; padding-left: 37px;}
	.OrderWrapBg { position:static; background:#f46922; padding:8px; width:auto; left:0px; top:0px; height:auto; }
	.FormHeading p { font-size: 13px; }
	.FormHeading h3	{ font-size:30px;}
	.DescriptionZipCodeWrapper{ margin:0;}
	div.SliderWrapper { width: 290px; height:auto; margin:0 auto 40px; }
	div.sliderShadow{ display:none; }
	div.SliderWrapper div#slider ul li img {height: 170px;}
	.Content { padding: 20px 0 0; }
	div.CarouselWrap { padding-top: 20px; }
	div.CarouselWrap div#carousel { margin: auto; width: 200px; }
	div.CarouselWrap  .flex-direction-nav .flex-prev { left: -40px; }
	div.CarouselWrap  .flex-direction-nav .flex-next { right: -40px; }
	div.CarouselWrap  .flexslider:hover .flex-prev {  left: -40px; }
	div.CarouselWrap .flexslider:hover .flex-next {  right: -40px; }
	
	.TestimonialWrap{ float:none; width:auto; margin: 0 0 20px;}
	.CourveBg{background:url(../images/testimonial-bg.png) no-repeat center bottom;}
	.TestimonialWrap h4{ padding-left:0px;}
	
	.ContentWrapper {padding: 20px 10px;}
	.DescriptionListWarpper {width: 100%; float:none; margin-bottom:10px;}
	.ZipCodeWrapper{width: 265px; float:none; margin:auto; background:#F8AF19; border:4px solid #969696;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	.LeftSide, .RightSide{ width:100%; text-align:center; float:none;}
	.FormWrapper{width:290px; background:#2A6491; border:1px solid #C9C9C9;float:none; margin:10px auto;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	.FormHeading{ text-align:center; width:auto; margin:0;}
	.FormWrapper form{ width:279px;}
	.FormWrapper form input[type="text"], .FormWrapper form textarea{ width:257px;}
	.FormWrapper form input[type="text"]{line-height:0px; height:auto; padding:10px;}
	.CopyRight {background:#337AB2;height: auto; line-height: 33px; margin: 0; padding:10px 0px; line-height:1;}

}