@media only screen and (min-width: 1650px){ 	
	
	#saveThousands .bottom .row .col-md-8 p{
		width: 75%;
	}
}

@media only screen and (max-width: 1200px){ 
	#benefits h2 {font-size: 1.5em; font-weight: 600}
	#benefits p {font-size: 1em}
	
	#howItWorks  h2 {font-size: 1.5em; font-weight: 600}
	#howItWorks  p {font-size: 1em}
	
	#safety h2 {font-size: 1.5em; font-weight: 600}
	#safety  p {font-size: 1em}
}

@media only screen and (min-width: 1200px){ 
	#gauges .h41 {display: block;}
	#gauges .h42 {display: none;}
	
	#saveThousands .row .col-md-8 .secondary_button a{
		display: none;
	}
}

/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) {     
	
	#howItWorks .top {
		color: white;
		margin: auto;
		width: 90vw;
	}
	
	#gauges .h41 {display: block;}
	#gauges .h42 {display: none;}
	
		#saveThousands {
		  background-position:-100px;
  -webkit-background-position: -100px;
  -moz-background-position: -100px;
  -o-background-position: -100px;
	}
	
	#saveThousands .row .col-md-8 .secondary_button a{
		display: none;
	}
}


/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
	.desktop2{display: none !important;}

	#commissionFree .rightSide img {
		height: 70vw;
		padding-left: 50px;
	}
	
	#gauges .h41 {display: block;}
	#gauges .h42 {display: none;}

	#commissionFree .desktop img {max-height: 80vw !important;}

	#howItWorks .row{
		width: 60vw;
		margin: auto;
		margin-top: -50px;
	}
	
	#howItWorks .row .col-lg-4 {
		height: 175px;
	}
	
	#howItWorks .top .h21 {
		margin-top: 15px;
	}
	
	#saveThousands {
		  background-position:-300px;
  -webkit-background-position: -300px;
  -moz-background-position: -300px;
  -o-background-position: -300px;
	}
	
	#saveThousands .row .col-md-8 .secondary_button a{
		display: none;
	}
	
	#saveThousands .row .col-md-8 .secondary_button img{
		width: 140px;
	}
	
	#saveThousands h2{
		font-size: 25px;
	}
	
	#saveThousands p{
		font-size: 20px;
	}
	
	#saveThousands .table li {
		padding-bottom: 0px;
	}
	#testimonials .bottom h2{
		font-size: 30px;
	}
	#contact .row {
		width: 70vw;
	}
}

@media only screen and (max-width: 767px) { 
    .desktop{display: none!important;}
	.desktop2{display: none !important;height: 1px}
	

	
	#gauges .row {display: flex !important}
	#gauges .desktop3 {display: none!important}
	#gauges .h41 {display: none;}
	#gauges .h42 {display: block;font-size: 25px;padding-bottom: 15px;font-weight: 300}
	#gauges .overlay_area .sectio_two {background-color: transparent!important}
	
    .mobile{display: block;}
	

	.vertical-center {padding-left: 0px;padding-right: 35px}
	#howItWorks img{display: none}
	#howItWorks .topHalf {padding-top: 15%}
	#howItWorks .bottomHalf {padding-top: 15%}
}


@media only screen and (min-width: 450px) and (max-width: 767px) { 
	
	#saveThousands {
		  background-position:-500px;
  -webkit-background-position: -500px;
  -moz-background-position: -500px;
  -o-background-position: -500px;
	}

	#contact .row {
		width: 70vw;
	}
}

@media only screen and (max-width:449px)
{	
	#intro .top .col-sm-12 img {
		width:60vw;
		padding-top: 25px;
	}
	
	#intro .col-sm-6 {
		width: 50%;
	}
	
	#intro .bottom p{
		font-size: 18px;
	}
	
	#intro .bottom h1{
		font-size: 60px;
	}
	
	#commissionFree {
		background-image: url("../../assets/images/page-2bmobile.png"),linear-gradient(#31353f,#0d0e13) !important;
		background-repeat: no-repeat;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-position:left;
	  -webkit-background-position: left;
	  -moz-background-position: left;
	  -o-background-position: left;				
	}
	#commissionFree .leftCol {
		background-color: transparent;
		height: 100vw;
		padding-bottom: 0px;
		padding-top: 0px
	}
	
	#commissionFree .leftCol .vertical-center {
		top: auto;
		bottom:30px;
	  -ms-transform: translateY(50%);
  	  transform: translateY(50%);
		height: 100vw;
	}
	
	#commissionFree .rightSide {
		display: none;
	}
	
	#commissionFree .leftCol{
		width: 100vw;
		padding-left: 16px;
	}
	
	#commissionFree .leftCol .vertical-center h2{
		font-size: 25px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	#commissionFree .leftCol .vertical-center p{
		font-size: 17px;
		margin-top: 5px;
		margin-bottom: 5px;
		font-weight: 300;
	}
	
	#commissionFree .leftCol .vertical-center .secondary_image{
		display: none;
	}
	
	
	#saveThousands {
		background-image: url("../../assets/images/save_bg_mobile.jpg") !important;
		background-repeat: no-repeat;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-position:left;
	  -webkit-background-position: left;
	  -moz-background-position: left;
	  -o-background-position: left;		
	}
	
	#saveThousands .bottom .row {
		height: 300px;
		padding-top: 5px;
		padding-bottom:5px;
	}
	
	#saveThousands .bottom .row .col-md-4 .secondary_button{
		display: none !important;
	}
	
	#saveThousands .bottom .row .col-md-8 .secondary_button{
		display: block !important;
	}
	
	#saveThousands .bottom .row .col-md-8 p{
		font-size: 17px;
	}
	
	#saveThousands .bottom .table li {
		padding-top:10px;
		padding-bottom: 3px;
	}
	
	
	#gauges {
		background-image: url("../../assets/images/page-3ccmobile.jpg") !important;
		background-repeat: no-repeat;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-position:left;
	  -webkit-background-position: left;
	  -moz-background-position: left;
	  -o-background-position: left;
	}
	
	#gauges .leftCol{
		background-color: transparent !important;
		width: 100%;
		padding-bottom: 2px;
	}
	
	#gauges .leftCol .vertical-center {
	  top: auto;
	  position: absolute;
	  bottom: 0% !important;
	margin-bottom: -10px;
	  -ms-transform: translateY(0%);
	  transform: translateY(0%);
	  padding-right: 20px;
	}
	
	#gauges .secondary_image{
		width: 33%;
	}
	
	#gauges .leftCol .vertical-center .h42{
		margin-bottom: 0px;
	}
	
	#gauges .leftCol .vertical-center .secondary_button{
		margin-top: 10px;
	}
	
	#gauges .leftCol .vertical-center .row h6{
		margin-bottom: 0px;
	}
	
	#saveThousands .main_background {
		background-image: linear-gradient(#31353f,#0d0e13) !important;
	}

	#saveThousands .image{
		display: none !important;
	}
	
	#saveThousands .top-center {
		
	}
	
	#saveThousands .bottom .table ul li {
		border: none;
		padding-bottom: 5px;
	}
	
	#saveThousands .bottom .table ul li h2{
		font-size: 27px;
	}
	
	#saveThousands .bottom .table ul li p {
		font-size: 17px;
	}
	
	#saveThousands .bottom .row .col-md-4 {
		text-align: left;
	}
	#saveThousands .bottom .row .col-md-4 h2{
		font-size: 32px;
		margin-bottom: -5px;
	}
	#saveThousands .bottom .row .col-md-4 p{
		margin-bottom: 0px;
	}
	#saveThousands .bottom .row .col-md-8 img{
		position:inherit;
		width: 175px;
		margin-bottom: 5px; 
	}	
	
	#saveThousands .bottom .row .col-md-8 p{
		line-height: 26px;
		margin-bottom: 2px;
	}	
	#howItWorks .top {
		margin-top: -55px;	
		width: 90vw;
	}
	
	#howItWorks .top .row{
		padding-bottom: 25px;
		width: 75vw;
		margin: auto;
	}
	
	#howItWorks .top .row .col-lg-4{
		height: 105px;
	}
	
	#howItWorks .top .row .col-lg-4 .col-md-10{
		padding-top: 35px;
		padding-left: 0px;
	}
	
	#howItWorks .top .row .col-lg-4 p{
		font-size: 87px;
	}
	
	#howItWorks .top .row .col-lg-4 h2{
		font-size: 17px;
	}	
	
	#howItWorks .top .h21 {
		font-size: 20px;
	}
	
	#howItWorks .bottom {
		height: 60px;
	}	
	#howItWorks .bottom h2{
		font-size: 25px;
		margin-bottom:5px;
	}
	#howItWorks .bottom img{
		width: 150px;
	}
	
	#testimonials .top{
		width: 100vw;
	}
	
	#testimonials .row {
		width: 95vw;
	}
	
	#testimonials .top .row ul li blockquote{
		font-size: 20px;
	}
	
	#testimonials .bottom {
		height: 60px;
	}	
	#testimonials .bottom h2{
		font-size: 20px;
		margin-bottom:5px;
	}
	#testimonials .bottom img{
		display: none;
	}
	
	#contact .row .contactMe section{
		background-color: rgba(0,0,0,0.75);
	}
	#contact .row .form-row h2{
		font-size: 24px;
	}
	#contact .row .form-row a{
		color: aqua;
		
	}	
	
}