:root{
	--clr: #FFCF40;
}

@media screen and (min-width: 320px ) and (max-width: 768px){
	.body-wrapper{
		margin: 0;
	}
	.e2{
		width: 100%;
	}
	.e3{
		width: 100%;
	}
	.e4{
		width: 100%;
	}
	header .section-element{
		padding: 0px;
		padding-bottom: 5px;
	}
	.header-1-1{
		flex-wrap: wrap;
	}
	.site-name{
		width: 100%;
		margin: 0;
		text-align: center;
		margin-bottom: 10px;
	}
	.header-list{
		width: 100%;
		flex-wrap: nowrap;
	}
	.header-list li{
		margin: 0;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	.header-contact{
		display: flex;
		position: static;
		width: 100%;
	}
	.header-contact > div{
		width: 100%;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.header-contact- a, .header-contact- p{
		width: 100%;
		text-align: center;
	}
	.main .btn{
		position: static;
	}
	.btn-element{
		margin: auto;
	}
	h1, h2, h3{text-align: center;}
	.btn-element{
		padding: 12px 26px;
	}
	.new{
		font-weight: bold;
		font-size: 1.2em;
	}
	.calc-form-element .section-content label{
		width: 100%;
	}
	.lead-section{
		padding: inherit;
	}
	.lead-form{
		flex-wrap: wrap;
	}
	.lead-form label{
		width: 100%;
	}
	.lead-form label input{padding: 15px;}
	.lead-form button{
		margin: auto;
		margin-top: 10px;
		padding: 20px 65px;
	}
	.pop-up-inner{
		width: 100%;
	}
	.pop-up-wrapper{
		padding: 0px 5px;
	}
}

@media screen and (min-width: 645px ) and (max-width: 768px){
	.e4, .e3{
		width: 50%;
	}
}

@media screen and (min-width: 769px ) and (max-width: 1000px){
	.body-wrapper{
		margin: 0px;
	}
	.e4, .e3{
		width: 50%;
	}
	header .section-element{
		padding: 0px;
		padding-bottom: 5px;
	}
	.header-1-1{
		flex-wrap: wrap;
	}
	.site-name{
		width: 100%;
		margin: 0;
		text-align: center;
		margin-bottom: 10px;
	}
	.header-list{
		width: 100%;
		flex-wrap: nowrap;
	}
	.header-list li{
		margin: 0;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	.header-contact{
		display: flex;
		position: static;
		width: 100%;
	}
	.header-contact > div{
		width: 100%;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.header-contact- a, .header-contact- p{
		width: 100%;
		text-align: center;
	}
	.main .btn{
		position: static;
	}
	.btn-element{
		margin: auto;
	}
	.new{
		font-weight: bold;
		font-size: 1.2em;
	}
	.calc-form-element .section-content label{
		width: 100%;
	}
	.lead-section{
		padding: inherit;
	}
	.lead-form{
		flex-wrap: wrap;
	}
	.lead-form label{
		width: 100%;
	}
	.lead-form label input{padding: 15px;}
	.lead-form button{
		margin: auto;
		margin-top: 10px;
		padding: 20px 65px;
	}
	.pop-up-inner{
		width: 500px;
	}
	.pop-up-wrapper{
		padding: 0px 5px;
	}
}


@media screen and (min-width: 1001px ) and (max-width: 1500px){
	.body-wrapper{
		margin: 0px 5%;
	}
	.e4{
		width: 33%;
	}

}