@media only screen and (min-width: 1360px) {
		
	}


	@media only screen and (min-width: 992px) {
		
	}



	@media only screen and (max-width: 991px) {
	.oxygen-home .herobannercol {
    padding: 40px;
}
.oxygen-home .herobannercol h1 {
    font-size: 35px;
    line-height: 44px;
}
    .oxygen-home .how-it-works-section .section-title {
        font-size: 30px;
        padding-left: 0px;
        padding-bottom: 24px;
    }
.oxygen-home .how-it-works-section {
    padding: 50px;
	}.oxygen-home .how-it-works-section .steps-container {
    display: flex;
	width: 768px;
    margin: 0px auto;
    gap: 15px;
	}
	.oxygen-home .how-it-works-section .background-illustration img {
      position: relative;
    top: 8vw;
}
.oxygen-home .how-it-works-section .cta-button {
    position: absolute;
bottom: -9%;
}
	.oxygen-home .iframe-section {
    padding: 90px 40px;
}
.oxygen-home .business-switch-section {
    padding: 30px;
}
.oxygen-home .business-switch-section .section-title {
    font-size: 30px;
    color: rgba(255, 255, 255, 1);
    line-height: 43px;
    padding-left: 0px;
}
.oxygen-home .business-switch-section .columns-row {
    padding: 0px 0px;
}
.oxygen-home .business-switch-section .savings-section .columns-row {
    width: 100%;
}
.oxygen-home .business-switch-section .savings-section .column h2 {
font-size: 30px;
}
.oxygen-home .business-switch-section .savings-section .column p {
    font-size: 17px;
}
	
.oxygen-home .energy-deal-section .energy-deal-heading {
    font-size: 25px;
    line-height: 40px;
}

	
	}


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

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

	}

	@media only screen and (max-width: 600px) {


	

	}

	@media (min-width: 320px) and (max-width: 568px) {
.oxygen-home .herobannercol {
    padding: 40px;
}
.oxygen-home .herobannercol h1 {
    font-size: 35px;
    line-height: 44px;
}
    .oxygen-home .how-it-works-section .section-title {
        font-size: 25px;
        padding-left: 0px;
        padding-bottom: 24px;
    }
.oxygen-home .how-it-works-section {
    padding: 50px;
	}.oxygen-home .how-it-works-section .steps-container {
    display: block;}
	.oxygen-home .how-it-works-section .background-illustration img {
      position: relative;
    top: 8vw;
}
.oxygen-home .how-it-works-section .cta-button {
    position: relative;
    bottom: 0%;
    left: 0px;
    transform: translateX(-50%);
  
    top: 20vw;
	        font-size: 10px;
}
	.oxygen-home .iframe-section {
    padding: 90px 5px;
}
.oxygen-home .business-switch-section {
    padding: 30px;
}
.oxygen-home .business-switch-section .section-title {
    font-size: 25px;
    color: rgba(255, 255, 255, 1);
    line-height: 43px;
    padding-left: 0px;
}
.oxygen-home .business-switch-section .columns-row {
    padding: 0px 0px;
}
.oxygen-home .business-switch-section .savings-section .columns-row {
    display: block;
}
.oxygen-home .energy-deal-section .energy-deal-heading {
    font-size: 25px;
    line-height: 40px;
}
 .oxygen-home footer {
    padding: 30px;
}

.oxygen-home .business-switch-section .savings-section .columns-row .column:not(:last-child)::after {
display:none;
}
.oxygen-home .img3 {
    height: 500px;
}
.oxygen-home footer .social_media {
    display: flex;
    justify-content: center;

}
	}

	@media screen and (min-width: 820px) and (max-width: 1180px) { 


	   
	}
	@media screen and (min-width: 1024px) and (max-width: 1366px) { 
.oxygen-home .herobannercol h1 {
    font-size: 45px;
    line-height: 54px;
}
.oxygen-home .how-it-works-section .steps-container {
   width: 996px;
    margin: 0px auto;
}
.oxygen-home .how-it-works-section .section-title {
 
    padding-left: 16px;
    padding-bottom: 24px;
}
.oxygen-home .herobannercol {
    padding: 100px 50px 100px 50px;
}
.oxygen-home .iframe-section {
    padding: 100px 85px;
   
}
.oxygen-home .business-switch-section .savings-section .columns-row {
    width: 100%;
}
.oxygen-home .business-switch-section .savings-section .savings-paragraph p {
    padding: 0px 70px;
}

	}
	
	@media (min-width: 1353px) and (max-width: 1373px) {
		.oxygen-home .how-it-works-section .section-title {
        padding-left: 100px;
        padding-bottom: 24px;
    }
	.oxygen-home .herobannercol {
        padding: 100px 50px 100px 120px;
    }
	    .oxygen-home .herobannercol h1 {
        font-size: 65px;
        line-height: 74px;
    }
	.oxygen-home .iframe-section {
        padding: 100px 163px;
    }
	}
	
	
	
	
	
	
	
	
	@media screen and (min-width: 768px) and (max-width: 1023px) { 

	}