@charset "utf-8";
/* CSS Document */
@media screen and (max-width:991px){
	.navbar-brand img{width:80%;}
	.navbar ul li{padding:0px 5px; font-size:14px;}
	.navbar ul li a{padding:0 3px;}
	/* .banner-text{padding-top:30px;} */
	.banner-text h1{font-size:35px; margin-bottom:5px;}
	.banner-text p{font-size:15px;}
	.it-text h4{font-size:16px;}
	.it-text p{font-size: 12px; line-height: 20px;}
	.image-text{width: 75%; left: 170px; bottom: 140px;}
	.testimonial-sec h3{font-size:28px;}
	footer h3{font-size:10px;}
	.foot-txt p{font-size: 12px;}
	.foot-txt .fas, .foot-txt .far{font-size:20px;}
	footer ul li{font-size:12px;}
	.social-div img{width: 18%;}	
	.services-banner-text h1{font-size:30px; width:100%; margin-bottom:30px;}
	.imagestyle{margin-top:-140px;}
	.makediv h3{font-size:30px;}
	.makediv p{font-size:16px;}
	.white-div h3{font-size:19px;}
	.white-div{min-height:490px;}
	.white-div p{font-size:14px;}
	.signupsec h3{font-size:17px;}
	.howdesignsec{display:none;}
	.howdesignsec1{display:block;}
	.imagestyle1{width:75%; margin-top:-193px;}
	.how-banner-text h1{font-size:40px;}
	.scrap-div1{margin-top:-3px;}
	.howwemakesec{display:none;}
	.howwemakesec1{display:block; margin:35px 0 0 28px; text-align:center;}
	.icondiv{margin-top: -3px; margin-left: 25px;}
	.twittersec{padding:35px;}
	.signupsec1{margin-top:-2px;}
	.icons-div p{padding:5px 8px 0;}
	.new-email-div{display:none;}
}
@media screen and (max-width:767px){
	.navbar-brand img{width:auto;}
	.navbar ul li{padding:0 14px; font-size:14px; line-height:50px;}
	.navbar ul li a{padding: 0 10px;}
	.banner-text h1{font-size: 46px; margin-bottom: 25px;}
	.banner-text p{font-size: 19px;}
	.image-div{margin-top:40px;}
	.waste-sec h3{margin-top:30px;}
	.it-text h4{font-size: 18px;}
	.it-text p{font-size: 14px; line-height: 23px;}
	.commit-sec{position:static; text-align:center; width:100%;}
	.image-div1{margin: 55px 0; text-align: center;}
	.image-text{width:100%; position:static; margin:40px 0;}
	.testi-image{top:50px;}
	.foot-txt p{font-size: 14px;}
	footer h3{font-size: 14px; margin-top: 20px;}
	/* .work-image img{display:block;} */
	footer ul li{font-size: 14px;}
	.social-div img{width: auto;}
	.white-div{min-height:auto;}
	.white-div h3{font-size: 27px;}
	.white-div p{font-size: 17px;}
	.icons-div img{margin-top:20px;}
	.scrap-div1{margin:auto; width:71.5%;}
	.scrap-div{margin-bottom:30px;}
	.how-banner-text h1{width:70%;}
	.imagestyle1{margin-top:-89px;}
	.scrap-sec{padding-bottom:15px;}
	.dropdown-menu-right{margin-bottom:20px;}
	.navbar ul li.getaquote a{margin-top:10px;}
	.makediv1{max-width:90%; margin-top:-2px; padding:30px;}
	.dottedbg h3{margin-top:15px;}
	.imagestyle2{margin-top: -10px;}
	.signupsec1{margin-top:-3px;}
	.founder{padding: 0px 0 50px 0;}
	.dottedbg{text-align:center;}
	.services-banner-text h1 {margin-bottom: 15px;}
	.services-banner-text img{margin-top: 30px;}
	.imagestyle2 {height: auto;}
	.services-banner-img {text-align: center;}
	.services-banner-img img {width: 90%; height: auto;}
}
@media screen and (max-width:576px){
	.fixeddiv{display:none !important;}
	.how-banner-text{padding-top:50px;}
	.how-banner-text h1{width: 80%;}
	.imagestyle1{margin-top: -39px;}
	.services-sec{margin-top:-1px;}
	.signupsec1{margin-top:-5px;}
}
@media screen and (max-width:435px){
	/* .navbar-toggler{width:100%; text-align:right; margin-top:-80px;} */
	.navbar-brand img{width: 90%;}
	.slick-prev{left:-70px;}
	.slick-next{right:-70px;}
	.herodiv{bottom:-110px;}
	.designbg{display:none;}
	.testimonial-sec{padding-bottom:130px;}
	.slick-dots{display:none !important;}
	.how-banner-text h1{width: 100%; font-size:30px; margin-bottom:25px;}
	.imagestyle1{margin-top: 91px;}
	.makediv{margin-top:30px;}
	.scrap-div1{width:90%;}
	.padd-bott-0{padding-bottom:20px;}
	.design-sec{margin-top:-2px;}
	.signupsec1{margin-top: -6px;}
	.founder{padding: 70px 0;}
}
@media screen and (max-width:320px){
	.services-banner-text h1{font-size:30px;}
	.copyrightsec{font-size:12px;}
	.signupsec1{margin-top: -7px;}
	.services-sec{padding-bottom:40px;}
	form > .textbox{width:230px;}
}
@media only screen and (max-width: 991px) {
	.navbar ul {
		margin-top: 0;
	}
	.navbar-brand {
		width: 40%;
	}
	header .container {
		max-width: 935px;
	}
	.dropdown-menu {
		left: -55px;
	}
	.top-btn .btn {
		display: none;
	}
	a.getaquote{
		display: block;
		right: 215px;
	}
	a.getacomp{
		right: 50px;
	}
	.faq-banner-text h1 {
		font-size: 35px;
	}		
	.imagestyle2{
	height: 250px;
	}
	.banner-text h1 {
		font-size: 35px;
	}
	.banner-text p{
		font-size: 20px;
	}	
	.image-text {
		left: 20px;
		bottom: 230px;
		width: 80%;
	}
	.testi-image {
		top: 50px;
	}
	.about-banner-text h1{
		font-size: 40px;
	}
	.about-banner-img img{
		margin-top: 20px;
		width: 90%;
	}
	.founder-txt p{
		line-height: normal;
	}
	.ceo-txt{
		padding-top: 0;
	}
	.ceo-txt p{
		line-height: normal;
	}
	.image-div1{
		margin-top: 0;
	}
	.commit-sec{
		left: 36px;
		top: 200px;
	}
	.image-text {
		left: 5px;
		bottom: 0;
		width: 100%;
	}
	.accordion a.card-title {
		font-size: 17px;
	}
	.hwme-banner-text h1 {
		font-size: 40px;
	}
	.hwme-banner-sec{
		height: 440px;
		background-size: 100% 100%;
	}
	.makediv1 {
		padding: 30px;
	}
	.makediv1 h3{
		width: 100%;
	}
	.makediv1 p{
		font-size: 16px;
	}
	.about-banner-sec{
		height: 440px;
	}
	.services-banner-sec {
		height: 440px;
	}
	.hr-banner-sec{
		height: 440px;
	}
	.faq-banner-sec{
		height: 440px;
	}
	.whitediv ul li{
    	font-size: 15px;
	}
	.compliance-img {
    margin-top: 174px;
}
.compliance-div p a{
	line-height:27px;
	font-size:18px;
}
.itr-img img {
    width: 80%;
}
.compliance-img {
    margin-top: 24px;
}
.compliance-div{
	text-align:center;
}
.benefit ul li img {
    float: none;
    display: block;
    margin: auto auto 10px;
}
.benefit ul li{
	font-size:16px;
}
.beat-bug-sec ul li{
	font-size:16px;
	padding:10px;
}
.twittersec p {
	font-size: 20px;
}
#faq .card a p {
	width: 95%;
	font-size: 16px;
}
.header-default img {float: left; margin-right:10px; width: 5%;}
.accordion-section h3{font-weight: 600; font-size: 15px;}
.graphics {text-align: center;}
.option .col-md-3 {max-width: 40%; flex: 0 0 40%;}
}
@media only screen and (max-width: 767px){
	header {
		background: none;
	}

	.navbar-toggler {
		padding: 10px 20px;
	}
	.navbar-nav{
		text-align: right;
	}
	.navbar ul li .active {
		border: none;
		font-weight: 700;
	}
	.dropdown-menu{
		text-align: right;
		border-bottom: solid 1px #000;
	}
	a.getaquote {
		right: 50%;
	}
	a.getacomp {
		right: 29%;
	}
	.faq-banner-img {
		text-align: center;
	}
	.faq-banner-img img {
		width: 70%;
	}
	.faq-banner-text {
		text-align: center;
	}
	.accordion .card-entry {
		padding: 0;
	}
	.accordion a.card-title {
		font-size: 15px;
	}
	.accordion .card-entry .collapsed .card-title:after{
		right: -15px;
	}
	.accordion .card-entry .card-title:after{
		right: -15px;
	}
	form{
		float: none;
	}
	.twittersec{
		padding: 0;
	}
	.twittersec p{
		font-size: 16px;
	}
	.know-sec h3 {
		font-size: 28px;
	}
	.design10-sec img {
		width: 100%;
		height: 22px;
	}
	footer {
		text-align: center;
		padding: 25px 0 20px;
	}
	footer h3{
		padding-top: 20px;
	}
	.social-div img {
		width: 7%;
	}
	.faq-btn .btn {
		padding: 0.4rem 2rem;
	}
	.services-banner-text {
		text-align: center;
	}
	.imagestyle2{
		margin-top: 20px;
	}
	.testi-image {
		top: 75px;
	}
	.banner-text{
		text-align: center;
	}
	.image-div img {
		width: 70%;
	}
	.image-div{
		text-align: center;
		margin-top: 30px;
	}
	.waste-sec {
		text-align: center;
	}
	.makegoodsec h3 {
		font-size: 30px;
	}
	.it-text .col-md-2 {
		text-align: center;
	}
	.it-text h4 {
		text-align: center;
	}
	.image-div1{
		text-align: center;
		margin-top: 25px;
	}	
	.image-text {
		left: 20px;
		bottom: -50px;
		width: 100%;
	}
	.makegoodsec{
		padding-bottom: 70px;
	}
	.testimonial-sec h3{
		font-size: 28px;
	}
	.testi-image {
		top: 42px;
		right: 15px;
	}
	.about-banner-img {
		text-align: center;
	}
	.about-banner-img img{
		width: 65%;
		margin-top: 30px;
	}
	.about-banner-text {
		text-align: center;
	}
	.founder-img  {
		text-align: center;
	}
	.founder-img img {
		width: auto;
	}
	.founder-txt h3{
		text-align: center;
		padding-top: 20px;
	}
	.founder-txt h6{
		text-align: center;
	}
	.ceo-txt h3 {
		text-align: center;
	}
	.ceo-txt h6 {
		text-align: center;
	}
	.ceo-img{
		text-align: center;
	}
	.ceo-img img{
		width: auto;
		margin-top: 30px;
	}
	.hwme-banner-sec {
		width: 100%;
		float: left;
		background: url(../images/howeasy1.png) top center no-repeat;
		background-size: 100%;
		height: 450px;
		position: relative;
	}
	.hwme-banner-sec {
		width: 100%;
		float: left;
		background: url(../images/howeasy.png) top center no-repeat;
		background-size: 100% 100%;
		height: 584px;
		position: relative;
	}
	.hwme-banner-img {
		text-align: center;
		margin: auto;
	}
	.hwme-banner-img img {
		display: initial;
		width: 55%;
		margin-top: 40px;
	}
	.hwme-banner-text {
		text-align: center;
	}
	.dropdown-menu {
		padding: 0 !important;
		background-color: transparent;
		box-shadow: none;
		transition: all 200ms linear;
	}
	
	.itr-img {
		text-align: center;
	}
	.itr-img img {
		width: 80%;
	}
	.how-we-do-it h6 {
		text-align: center;
	}
	.how-we-do-it .col-md-1 {
		text-align: center;
	}
	.how-we-do-it .col-md-11 h5 strong{
		text-align: center;
	}
	.weee-img {
		text-align: center;
	}
	.weee-img img {
		width: 70%;
	}
	.info1 p {
		font-size: 17px;
	}
	.chuck-div p{
		font-size: 17px;
	}
	.covid-img {
		text-align: center;
	}
	.covid-img img {
		width: 70%;
	}
	.banner-text img {
		margin-top: 0 !important;
	}
	.covid-head {
		padding-top: 75px;
	}
	.ihr-head {
		padding-top: 85px;
	}	
	.faq-banner-sec{height: 100vh;}
	.hr-banner-sec{height: 450px;}
	.banner-text h1{font-size: 30px;}
	.banner-img {text-align: center;}
	.banner-img img {width: 85%; height: auto;}
	.how-we-do-it{text-align: center;}
	.whitediv ul li{font-size: 20px;}
	.comp-img{margin-top: 30px;}
	.center-text{text-align:center;}
	.benefit ul li{margin-bottom: 20px;}
	.beat-bug-sec ul li{width:100%; font-size:20px; padding:20px; margin-right:0; margin-bottom:60px; min-height:auto;}
	.line-div{display:none;}
	.hw-btn img{width: 70%; margin-top: 0px;}
	.beat-bug-sec h3{font-size:30px;}
	.about-banner-text h1 {font-size: 29px;}
	.about-banner-text img{margin-top: 30px;}
	.about-banner-img img {width: 55%; margin-top: 0;}
	.about-banner-sec{height: 100vh;}
	.services-banner-sec{height: 100vh;}
	.makediv h3{text-align: center;}
	.hwme-banner-sec {height: 100vh;}
	.hwme-banner-text h1{font-size: 30px;}
	.hwme-banner-text img {margin-top: 30px;}
	.makediv1 h3 {font-size: 25px;text-align: center;}
	.accordion-section h3 .right {font-size: 16px; margin: auto;}
	.faq-banner-text h1 {font-size: 30px;}
	.faq-banner-text a img{margin-top: 30px;}
	.faq-banner-img img{width: 52%;}
	.faq-head {padding: 20px 0;}
	.faq-head h3{font-size: 25px; text-align: center;}
	.accordion-section h3 {width: 97%;}
	.itr-img img {width: 48%;}
	.benefit h6 {text-align: center;}
	.weee-img img {width: 48%;}
	.ded-img img {width: 68%;}
	.covid-img img {width: 70%;}
	.quote-banner img {width: 65%;}
	.contact-right{text-align: center; padding-left: 0; padding-top: 30px;}
	.submit-btn .formBtn{width: 100%;}
	label {font-size: 16px;}
	.option label {font-size: 15px;}
	.contact-right h3{font-size: 16px;}
	.contact-right p{font-size: 15px;}
	.compliance2-img{text-align: center; margin-top: 30px;}
	.compliance2-img img {width:60%;}
}
@media only screen and (max-width: 576px) {
	a.getaquote {
		right: 50%;
	}
	a.getacomp {
		right: 22%;
	}	
	.navbar-brand {
		width: 70%;
	}
	.faq-banner-text{
		text-align: center;
	}	
	.faq-head p{
		font-size: 16px;
	}
	.makediv h3{
		text-align: center;
		font-size: 20px;
	}
	.white-div h3 {font-size: 22px; 
		text-align: center;}
	.makediv p{
		font-size: 16px;
	}
	.white-div {
		min-height: 320px;
	}
	.slick-prev {
		display: none !important;
	}
	.slick-next {
		display: none !important;
	}
	.dottedbg img {
		width: 10%;
	}
	.dottedbg .col-md-1 {
		text-align: center;
	}
	.dottedbg .col-md-3 h3 {
		text-align: center;
	}
	.info1 p {
		font-size: 16px;
	}
	.whitediv h4 {
		text-align: center;
	}
	.whitediv ul li{
		font-size: 17px;
	}
	.hw-btn img {
		width: 70%;
	}
	.beat-bug-sec h3{
		font-size: 25px;
	}
	ul.tick li{
		font-size: 16px;
	}
	.know-sec h3 {
		font-size: 20px;
	}
	.graphics ul{
		text-align:center;
	}
	.about-banner-text h1{font-size: 22px;}
	.banner-img img {width: 80%;}
	.graphics h6 {text-align: center;}
	.itr-img img {width: 48%;}
	.weee-img img {width: 48%;}
	.ded-img img { width: 65%;}
	.covid-img img {width: 65%;}
	.quote-banner img { width: 60%; }
	.compliance2-img img{width: 55%;}
}
@media only screen and (max-width: 435px) {
	
	.navbar-brand img {margin-left: 0;}
	.faq-banner-text h1 {
		font-size: 25px;
	}
	.faq-banner-text img {
		width: 30%;
	}
	.services-banner-text h1 {
		font-size: 25px;
	}
	.services-banner-text img {
		width: 30%;
	}
	a.getacomp {
		right: 14%;
	}
	.herodiv {
		display: none;
	}
	.services-banner-text img {
		margin-top: 0;
	}
	.makediv h3{
		font-size: 25px;
	}
	.white-div p {
		font-size: 15px;
	}
	.makediv p {
		font-size: 15px;
		line-height: 20PX;
	}
	.about-banner-text h1{
		font-size: 18px;
		width: 90%;
		margin: 50px auto auto auto;
		text-align: center;
	}
	.about-banner-text img{
		width: 30%;
		margin-top: 30px;
	}
	.faq-head p{
		font-size: 14px;
	}
	.hwme-banner-text h1{
		font-size: 25px;
	}
	.services-banner-sec{
		height: 450px;
	}
	.hwme-banner-sec{
		height: 450px;
	}
	.hwme-banner-text img{
		width: 30%;
		margin-top: 30px;
	}
	.makediv1 h3{
		font-size: 25PX;
	}
	.makediv1 p {
		font-size: 15px;
	}
	.dottedbg p {
		font-size: 15px;
	}
	.about-banner-sec{
		height: 450px;
	}
	.faq-banner-sec {
		height: 450px;
	}
	.accordion a.card-title {
		font-size: 11.5px;
	}
	.card-title img {
		width: 8%;
	}
	.accordion .card-body p {
		font-size: 11px;
	}
	.testimonial-sec h3 {
		font-size: 20px;
	}
	.services-sec {
		margin-top: 20px;
	}
	.faq-head h3{
		font-size: 18px;
	}
	.info1 p {
		font-size: 14px;
	}
	.info p {
		font-size: 14px;
		line-height: 28px;
	}
	.how-we-do-it p {
		font-size: 14px;
	}
	.banner-text h1 {
		font-size: 20px;
	}
	.banner-text img {
		width: 30%;
		margin-top: 0 !important;
	}
	.covid-head {
		padding-top: 0px;
	}
	.benefit ul.benefits li{
		width:100%;
		padding-right:0;
		margin-bottom:20px;
	}
	#faq .card a p {
		width: 92%;
		font-size: 16px;
	}
	.about-banner-img img {width: 52%;}
	.services-banner-text h1{font-size: 20px;}
	.makediv h3 {font-size: 18px;}
	.white-div h3 {font-size: 18px;}
	.sicon-div img {width: 30%;}
	.hwme-banner-text h1 {font-size: 20px;}
	.hwme-banner-img img{width: 50%;margin-top: 35px;}
	.makediv1 h3{font-size: 18px;}
	.banner-img img {width: 100%;}
	.itr-img img { width: 60%; }
	.weee-img img { width: 62% !important;}
	.banner-img img { width: 90%;}
	.banner-img img { width: 80%;}
	.itr-img img {width: 65%;}
	.compliance2-img img{width: 65%;}
}

@media only screen and (max-width: 375px) {
	a.getacomp { right: 9% !important; }
	.banner-text h1 {
		font-size: 18px;
	}
}


@media only screen and (max-width: 320px){
	a.getacomp {
    right: 3%;
}
a.getaquote {
    right: 51%;
}
a.servicebtn{
	margin:0 0 20px;
}
.testimonial-div {
    width: 95%;
}
}