/* large desktop :2160px. */
@media (min-width: 2160px) and (max-width: 3840px) {


}


/* large desktop :2001px.67% */
@media (min-width: 1920px) and (max-width: 2159px) {


.stellarnav ul { gap: 30px; }

.stellarnav > ul > li > a { font-size: 26px;
  line-height: 36px; }


.how-to-work-box { height: 330px; }

.carport-questionnaire-box { height: 230px; }

.carport-questionnaire-section-right .carport-questionnaire-box {
	height: 160px;
}

.desk-section-two-text ul li::before { top: 0px; }



}

/* large desktop :1400px. */
@media (min-width: 1401px) and (max-width: 1919px) {








}


/* desktop 1200px to 1600px */
@media (min-width: 1200px) and (max-width: 1400px) {}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
	.stellarnav ul {
		gap: 5px;
	}

	.stellarnav>ul>li>a {
		font-size: 14px;
		padding: 18px 16px;
	}


	.custom-container {
	padding: 0px 30px;
}


.header-section {
	
	padding: 10px 0px;
	height: auto;
}

.call-number p a { font-size: 20px;
  line-height: 20px;  }

.call-number { height: 65px; }

.quary {
	
	
	padding: 14px 35px;
	margin: 6px 0px;
	font-size: 16px;
	color: #fff;
	line-height: 16px;
	letter-spacing: 0%;
	text-align: center;
	
}

.cmn-section {
  padding: 50px 0px; }


.inner-banner-text h1 { font-size: 28px;
  line-height: 30px;  }



.bannercarousel-text-section h1 {
	font-size: 50px;
	line-height: 60px;
	padding: 0px 0px 10px 0px;
}

.bannercarousel-text-section h6 { font-size: 24px;
  line-height:24px;  }

  .banner-section .owl-dots { bottom: 30px; }


.contact-page-info-text p { font-size: 16px;
  line-height: 26px; padding: 0px;
  margin: 0px;  }



.contact-page-info-box { padding: 15px 15px; height: 250px;  }

.our-commitment-section-left { padding: 50px 40px; }


.our-commitment-section-left h2 {  font-size: 28px;
  line-height: 28px; padding: 0px 0px 20px 0px; }



.about-section {
	padding: 50px 0px;
	
}

.about-section h2 {
	
	font-size: 28px;
	line-height: 28px;
	
	padding: 0px 0px 15px 0px;
	margin: 0px;
}


.about-section h6 { font-size: 18px;
  line-height: 18px; margin: 0px 0px 20px 0px;  }


.about-section p { padding: 0px 0px 10px 0px;}


.cumn-butn-body { font-size: 16px; line-height: 16px;}


.how-to-work-section {
  padding: 50px 0px; }


.how-to-work-section h2 { font-size: 28px;
  line-height: 28px; }


.how-to-work-box {
	height: 480px;
}


.why-choose-section {
  padding: 50px 0px; }


.why-choose-section-text h2 { font-size: 28px;
  line-height: 35px; padding: 0px 0px 15px 0px;  }


.why-choose-section-text p { font-size: 18px;
  line-height: 28px; margin: 0px 0px 15px 0px;  }



.why-choose-section-text p::before { font: normal normal normal 18px/1 FontAwesome; top: 5px; }


.tag-section {
  padding: 50px 0px; }



.tag-section-inner h3 { font-size: 35px;}

.footer-info {
	margin: 0px;
	padding: 0px;
	word-wrap: break-word;
}


.process-box {
	height: 420px;
	min-height: 420px;
}

.our-process-outer .process-box.seventh {
	min-height: 280px;
	height: 280px;
}


.why-work-inner-section .why-choose-section-text p {
	font-weight: 500;
	font-size: 20px;
	line-height: 25px;
	letter-spacing: 0%;
	color: #151515;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	position: relative;
	display: flex;
}


.tag-section-inner h6 { font-size: 24px;
  line-height: 34px; padding: 0px 0px 10px 0px;  }

.carport-questionnaire-box.long-box {
	height: 200px;
}

.carport-questionnaire-box {
	height: 255px; min-height: 255px;
}

.carport-questionnaire-section-right .carport-questionnaire-box {
	height:215px;
}

.desk-section-one-text h2 {
	font-size: 28px;
	line-height: 38px;
	padding: 0px 0px 10px 0px;
}


.why-work-inner-section h2 { font-size: 28px;
  line-height: 38px;  }

.desk-section-two-text p { font-size: 16px;
  line-height: 20px;  }

.pages-Questionnaire-section h2 { font-size: 28px;
  line-height: 38px; }


.frm-inner .form-row label { font-size: 16px;
  line-height: 20px; padding: 0px 0px 10px 0px;  }

.pages-Questionnaire-section {
  padding: 50px 0px; }

.why-work-inner-section {
  padding: 50px 0px; }


.sheds-section-one-text h2 { font-size: 28px;
  line-height: 38px }


.our-expertise-section-text h2 { font-size: 28px;
  line-height: 38px; padding: 0px 0px 20px 0px; }


.about-top-section-text h2 { font-size: 28px;
  line-height: 38px; padding: 0px 0px 20px 0px;  }

.our-process-header h2 { font-size: 28px;
  line-height: 38px; padding: 0px 0px 20px 0px;  } 


.port-section-header h2 { font-size: 28px;
  line-height: 38px; padding: 0px 0px 20px 0px;  } 


.carport-questionnaire-box h6 { font-size: 22px;
  line-height: 26px; }



}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.main-nav.scroll {
		height: auto;
		padding: 5px 0px;
	}

	.topsocial-section {
		display: none;
	}

	.stellarnav ul {
		margin: 0px 0px 0px 0px;
	}

	.main-nav.scroll .logo img {
		width: 60%;
	}

	.logo img {
		width: 70%;
		margin: 0px auto;
	}

	.rightlink {
		gap: 4px;
		margin-top: 9px;
	}

	.usercard a {
		width: 30px;
		height: 30px;
		padding: 0px 7px;
	}

	.usercard a img {
		width: 13px;
	}

	.stellarnav {
		justify-content: end;
		align-items: center;
	}

	.menu-toggle {
		display: block !important;
		text-align: center;
	}

	.stellarnav .menu-toggle span.bars {
		top: 0px;
	}

	.stellarnav .menu-toggle {
		padding: 6px;
	}

	.stellarnav .menu-toggle span.bars span {
		width: 25px;
		height: 2px;
		margin: 0 0 5px;
		background: #10A34A;
	}

	.stellarnav.mobile.right>ul {
		z-index: 999;
		background: #308437;
	}

	.main-nav .stellarnav ul ul {
		width: 100%;
		background: #dcffea;
		padding: 11px 2px;
	}

	.modal-body {
		padding: 12px 25px 16px 21px;
	}

	.stellarnav>ul>li>a:hover {
		color: #fff !important;
	}

	.stellarnav>ul>li>a.active {
		color: #fff !important;
	}

	.stellarnav .icon-close::after {
		border-bottom: solid 3px #10A34A;
	}

	.stellarnav .icon-close::before {
		border-bottom: solid 3px #10A34A;
	}

	.stellarnav a.dd-toggle .icon-plus::after {
		border-bottom: solid 3px #fff;
	}

	.stellarnav a.dd-toggle .icon-plus::before {
		border-bottom: solid 3px #fff;
	}

	.stellarnav.mobile li a {
		color: #fff;
		font-size: 16px;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15);
		text-align: left;
		font-weight: 500;
	}

	.stellarnav .menu-toggle span.bars {
		top: 4px !important;
	}


/* ================================== */
/* ================================== */
	.custom-container {
	padding: 0px 30px;
}


.header-section {
	
	padding: 10px 0px;
	height: auto;
}

.call-number p a { font-size: 20px;
  line-height: 20px;  }

.call-number { height: 65px; }

.quary {
	
	
	padding: 14px 35px;
	margin: 6px 0px;
	font-size: 16px;
	color: #fff;
	line-height: 16px;
	letter-spacing: 0%;
	text-align: center;
	
}

.cmn-section {
  padding: 50px 0px; }


.inner-banner-text h1 { font-size: 28px;
  line-height: 30px;  }



.bannercarousel-text-section h1 {
	font-size: 50px;
	line-height: 60px;
	padding: 0px 0px 10px 0px;
}

.bannercarousel-text-section h6 { font-size: 24px;
  line-height:24px;  }

  .banner-section .owl-dots { bottom: 30px; }


.contact-page-info-text p { font-size: 16px;
  line-height: 26px; padding: 0px;
  margin: 0px;  }



.contact-page-info-box { padding: 15px 15px; height: 250px;  }

.our-commitment-section-left { padding: 50px 40px; }


.our-commitment-section-left h2 {  font-size: 28px;
  line-height: 28px; padding: 0px 0px 20px 0px; }



.about-section {
	padding: 50px 0px;
	
}

.about-section h2 {
	
	font-size: 28px;
	line-height: 28px;
	
	padding: 0px 0px 15px 0px;
	margin: 0px;
}


.about-section h6 { font-size: 18px;
  line-height: 18px; margin: 0px 0px 20px 0px;  }


.about-section p { padding: 0px 0px 10px 0px;}


.cumn-butn-body { font-size: 16px; line-height: 16px;}


.how-to-work-section {
  padding: 50px 0px; }


.how-to-work-section h2 { font-size: 28px;
  line-height: 28px; }


.how-to-work-section-inner {
	flex-wrap: wrap;
	gap: 10px;
	margin: 0px;
}

.how-to-work-box { height: auto;}

.how-to-work-box-evn::before { display: none;}
.how-to-work-box-odd::after { display: none;}

.why-choose-section {
  padding: 50px 0px; }


.why-choose-section-text h2 { font-size: 28px;
  line-height: 35px; padding: 0px 0px 15px 0px;  }


.why-choose-section-text p { font-size: 18px;
  line-height: 28px; margin: 0px 0px 15px 0px;  }



.why-choose-section-text p::before { font: normal normal normal 18px/1 FontAwesome; top: 5px; }


.tag-section {
  padding: 50px 0px; }



.tag-section-inner h3 { font-size: 35px;}

.footer-info {
	margin: 0px;
	padding: 0px;
	word-wrap: break-word;
}


.process-box { height: 600px;
  min-height: 600px;  }

.our-process-outer .process-box.seventh {
	min-height: 360px;
	height: 360px;
}


.why-work-inner-section .why-choose-section-text p {
	font-weight: 500;
	font-size: 20px;
	line-height: 25px;
	letter-spacing: 0%;
	color: #151515;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	position: relative;
	display: flex;
}


.tag-section-inner h6 { font-size: 24px;
  line-height: 34px; padding: 0px 0px 10px 0px;  }

.carport-questionnaire-box.long-box {
	height: auto;
}

.carport-questionnaire-box {
	height: 375px;
}

.carport-questionnaire-section-right .carport-questionnaire-box {
	height: 280px;
}

.desk-section-one-text h2 { font-size: 20px;
  line-height: 30px; padding: 0px 0px 10px 0px;  }


.why-work-inner-section h2 { font-size: 30px;
  line-height: 40px;  }

.desk-section-two-text p { font-size: 16px;
  line-height: 20px;  }

.pages-Questionnaire-section h2 { font-size: 30px;
  line-height: 40px; }


.frm-inner .form-row label { font-size: 16px;
  line-height: 20px; padding: 0px 0px 10px 0px;  }

.pages-Questionnaire-section {
  padding: 50px 0px; }

.why-work-inner-section {
  padding: 50px 0px; }


.sheds-section-one-text h2 { font-size: 30px;
  line-height: 40px; }


.our-expertise-section-text h2 { font-size: 30px;
  line-height: 40px; padding: 0px 0px 20px 0px; }







}


/* Tablet desktop :320px. */
@media (min-width: 320px) and (max-width: 767px) {
    
.banner-section #overlay {
    height: 230px;
}

.footer-social-icon ul {
    display: inline-flex;
}

.footer-logo {
text-align: center;
}

.banner-section .owl-carousel .owl-item img {
    height: 230px;
}
.banner-section {
height: 230px;
}


	.main-nav.scroll {
		height: auto;
		padding: 5px 0px;
	}

	.topsocial-section {
		display: none;
	}

	.stellarnav ul {
		margin: 0px 0px 0px 0px;
	}

	.main-nav.scroll .logo img {
		width: 60%;
	}

	.logo img {
		width: 70%;
		margin: 0px auto;
	}

	.rightlink {
		gap: 4px;
		margin-top: 9px;
	}

	.usercard a {
		width: 30px;
		height: 30px;
		padding: 0px 7px;
	}

	.usercard a img {
		width: 13px;
	}

	.stellarnav {
		justify-content: end;
		align-items: center;
	}

	.menu-toggle {
		display: block !important;
		text-align: center;
	}

	.stellarnav .menu-toggle span.bars {
		top: 0px;
	}

	.stellarnav .menu-toggle {
		padding: 6px;
	}

	.stellarnav .menu-toggle span.bars span {
		width: 25px;
		height: 2px;
		margin: 0 0 5px;
		background: #aad3ba;
	}

	.stellarnav.mobile.right>ul {
		z-index: 999;
		background: #308437;
	}

	.main-nav .stellarnav ul ul {
		width: 100%;
		background: #dcffea;
		padding: 11px 2px;
	}

	.modal-body {
		padding: 12px 25px 16px 21px;
	}

	.stellarnav>ul>li>a:hover {
		color: #fff !important;
	}

	.stellarnav>ul>li>a.active {
		color: #fff !important;
	}

	.stellarnav .icon-close::after {
		border-bottom: solid 3px #10A34A;
	}

	.stellarnav .icon-close::before {
		border-bottom: solid 3px #10A34A;
	}

	.stellarnav a.dd-toggle .icon-plus::after {
		border-bottom: solid 3px #fff;
	}

	.stellarnav a.dd-toggle .icon-plus::before {
		border-bottom: solid 3px #fff;
	}

	.stellarnav.mobile li a {
		color: #fff;
		font-size: 16px;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15);
		text-align: left;
		font-weight: 500;
	}

	.stellarnav .menu-toggle span.bars {
		top: 4px !important;
	}

	/* ======================== */


	.custom-container {
		padding: 0px 15px;
	}

	.header-section {

		padding: 10px 0px;
		height: auto;
	}

	.logo {
		width: auto;
		margin: 0px auto;
		padding: 0px 0px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}


	.call-number {
		height: auto;
		padding: 15px 0px 0px;
	}

	.call-number p a {
		font-size: 12px;
		line-height: 12px;
	}


	.reverse-mobile {
		flex-direction: column-reverse;
	}

	.quary {
		padding: 8px 7px;
		margin: 10px 0px 0px 0px;
		float: none;
		font-size: 9px;
		line-height: 14px;
		text-align: center;
		text-transform: uppercase;
	}

	.bannercarousel-text-section h6 {
		font-size: 12px;
		line-height: 12px;
	}


	.bannercarousel-text-section h1 {
		font-size: 12px;
		line-height: 12px;
		padding: 0px 0px 5px 0px;
	}

	.bannercarousel-text-section {
		bottom: 35%;
	}

	.banner-section .owl-dots {
		bottom: 12px;
	}


	.about-section {
		padding: 20px 0px;

	}

	.about-section-text {
		padding: 0px;
	}


	.about-section h2 {
		font-size: 20px;
		line-height: 20px;
		padding: 0px 0px 10px 0px;
	}


	.about-section h6 {
		font-size: 18px;
		line-height: 28px;
		margin: 0px 0px 10px 0px;
	}


	.about-section p {
		font-size: 14px;
		line-height: 24px;
		margin: 0px 0px 10px 0px;
	}


	.cumn-butn-body {
		font-size: 14px;
		line-height: 14px;
	}


	.about-section-img {
		margin: 10px 0px 0px 0px;
	}


	.how-to-work-section {
		padding: 20px 0px;
	}


	.how-to-work-section h2 {
		font-size: 20px;
		line-height: 20px;
		padding: 0px 0px 15px 0px;
	}


	.how-to-work-section-inner {

		gap: 10px;
		margin: 10px 0px;
		flex-wrap: wrap;
	}


	.how-to-work-box {
		padding: 20px 20px;
		height: auto;
		margin: 0px auto;
	}


	.how-to-work-box-evn::before {
		display: none;
	}

	.how-to-work-box-odd::after {
		display: none;
	}

	.how-to-work-box-text p {
		font-size: 14px;
		line-height: 22px;
	}


	.why-choose-section {
		padding: 20px 0px;

	}

	.why-choose-section-img {
		height: auto;
	}

	.why-choose-section-text {
		padding: 10px 0px 0px 0px;
	}

	.why-choose-section-text h2 {
		font-size: 20px;
		line-height: 30px;
		padding: 0px 0px 15px 0px;
	}


	.why-choose-section-text p {
		font-size: 14px;
		line-height: 14px;
		margin: 0px 0px 10px 0px;
	}


	.why-choose-section-text p::before {
		font: normal normal normal 16px/1 FontAwesome;
		top: 0px;
		margin-right: 9px;
	}

	.tag-section {
		padding: 40px 0px;
	}


	.tag-section-inner h3 {
		font-size: 20px;
		line-height: 20px;
		padding: 0px 0px 15px 0px;
	}


	.tag-section-inner h6 {
		font-size: 16px;
		line-height: 26px;
		padding: 0px 0px 10px 0px;
	}


	.tag-sec-butn-row {
		gap: 15px;
		margin: 0px;
		flex-wrap: wrap;
	}


	.tag-sec-butn-row p {
		font-size: 18px;
		line-height: 18px;
	}


	.footer-top {
		padding: 20px 0px;
		margin: 0px;
	}

	.footer-menu {
		padding: 15px 0px 0px 0px;
		margin: 0px;
	}

	.footer-info {
		margin: 15px 0px 0px 0px;
		padding: 0px;
		word-wrap: break-word;
	}

	.footer-info h3 {
		font-size: 20px;
		line-height: 20px;
		padding: 0px 0px 10px 0px;
	}

	.footer-info p {
		gap: 10px;
	}


	.footer-bottom p {
		font-size: 14px;
		line-height: 18px;
		text-align: center;
	}

	.footer-bottom {
		padding: 10px 0px;
	}


	.inner-banner-section {

		height: 120px;
	}

	.inner-banner-section img {
		height: 120px;
	}

	.inner-banner-text h1 {
		font-size: 25px;
		line-height: 25px;
	}

	.inner-banner-text {
		top: 40%;
	}


	.about-top-section-text h2 {
		font-size: 20px;
		line-height: 30px;
		padding: 0px 0px 15px 0px;
	}


	.about-top-section-text p {
		font-size: 14px;
		line-height: 24px;
	}


	.cmn-section {
		padding: 20px 0px;
	}


	.our-expertise-section-text {
		padding: 20px 0px 0px 0px;

	}

	.our-expertise-section-text h2 {
		font-size: 20px;
		line-height: 25px;
		padding: 0px 0px 15px 0px;
	}


	.our-expertise-section-text p {
		font-size: 14px;
		line-height: 24px;
	}


	.our-commitment-section {
		height: auto;
	}


	.our-commitment-section-left {
		padding: 20px 30px;
	}


	.our-commitment-section-left h2 {
		font-size: 20px;
		line-height: 30px;
		padding: 0px 0px 15px 0px;
	}


	.our-commitment-section-left h6 {
		font-size: 17px;
		line-height: 17px;
		padding: 0px 0px 15px 0px;
	}


	.our-commitment-section-left ul li {
		font-size: 14px;
		line-height: 18px;
	}

	.our-commitment-section-right {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.our-process-header h2 {
		font-size: 20px;
		line-height: 30px;
		padding: 0px 0px 15px 0px
	}

	.our-process-header {
		margin: 0px 0px 20px 0px;
	}

	.process-box {

		height: auto;
		min-height: auto;

	}

	.process-box h3 {
		font-size: 20px;
		line-height: 25px;
	}


	.process-box p {
		font-size: 14px;
		line-height: 20px;
	}


	.our-process-outer .process-box.seventh {
		min-height: auto;
		height: auto;
	}

	.why-work-inner-section {
		padding: 20px 0px;
	}


	.why-work-inner-section h2 {
		font-size: 20px;
		line-height: 30px;
		padding: 0px 0px 20px 0px;
	}


	.why-work-inner-section .why-choose-section-img {
		height: auto;
	}

	.why-work-inner-section .why-choose-section-text p {
		font-size: 16px;
		line-height: 26px;
		margin: 0px 0px 10px 0px;
	}


	.why-work-inner-section .why-choose-section-text p::before {
		font: normal normal normal 17px/1 FontAwesome;
		top: 5px;
		margin-right: 10px;
	}

	.port-section-header h2 {
		font-size: 20px;
		line-height: 30px;
		padding: 0px 0px 15px 0px;
	}


	.port-section-header {
		padding: 0px;
		margin: 0px 0px 20px 0px;
	}

	.port-section-text {
		padding: 10px 0px 0px 0px;
	}

	.port-section-text p {
		font-size: 14px;
		line-height: 24px;
		margin: 0px 0px 15px 0px;
	}


	.port-section-fulltext p {
		font-size: 14px;
		line-height: 24px;
		margin: 15px 0px
	}


	.port-section-text h4 {
		font-size: 20px;
		line-height: 30px;
		padding: 0px 0px 15px 0px;
	}

	.carport-questionnaire-box {
		height: auto;
		min-height: auto;
	}


	.carport-questionnaire-box h6 {
		font-size: 20px;
		line-height: 20px;
		margin: 0px 0px 15px 0px;
	}


	.carport-questionnaire-section-right .carport-questionnaire-box {
		height: auto;
	}


	.carport-questionnaire-section {
		padding: 0px;
		margin: 0px 0px 20px 0px;
	}


	.carport-questionnaire-box.long-box {
		height: auto;
	}


	.desk-section-one-text {
		padding: 10px 0px 0px 0px;
		margin: 0px;
	}


	.desk-section-one-text h2 {
		font-size: 20px;
		line-height: 30px;
		padding: 0px 0px 15px 0px;
	}


	.desk-section-one-text p {
		font-size: 14px;
		line-height: 24px;
		margin: 0px 0px 15px 0px;
	}


	.desk-section-two-text p {
		font-size: 14px;
		line-height: 20px;
	}


	.pages-Questionnaire-section {
		padding: 20px 0px;
	}


	.pages-Questionnaire-section h2 {
		font-size: 20px;
		line-height: 30px;
		padding: 0px 0px 15px 0px;
	}


	.pages-Questionnaire-section h6 {
		font-size: 18px;
		line-height: 18px;
	}


	.frm-inner {
		padding: 20px 0px 0px;
	}


	.frm-inner .form-row label {
		font-size: 16px;
		padding: 0px 0px 10px 0px;
		line-height: 24px;
	}


	.frm-inner .form-row .form-control {
		margin-bottom: 10px;
	}


	.sheds-section-one-text {
		padding: 10px 0px 0px 0px;
	}


	.sheds-section-one-text h2 {
		font-size: 20px;
		line-height: 25px;
		padding: 0px 0px 15px 0px;
	}


	.accordion-button h3:not(.collapsed) {
		font-size: 16px;
		line-height: 20px;
	}


	.faq-page .accordion-body p {
		font-size: 14px;
		line-height: 20px;
	}


	.frm-section-inner form {
		padding: 0px;
		margin: 0px;
	}


	.contact-page-info-box {
		padding: 15px 15px;
		box-shadow: 0px 5px 20px 0px #0D250F14;
		border-radius: 15px;
		height: auto;
		margin-bottom: 10px;
	}


	.contact-page-info-text h4 {
		font-size: 20px;
		line-height: 20px;
		margin: 0px 0px 10px 0px;
	}

	.contact-page-info-text p {
		font-size: 18px;
		line-height: 20px;
	}


	.our-commitment-section.contact-sec-maap .our-commitment-section-left {
		height: auto;
	}

	.our-commitment-section.contact-sec-maap .our-commitment-section-right {
		width: 100%;
		height: auto;
		overflow: hidden;
	}


	.header-section.for-desk {
		display: none;
	}


	.header-section.for-mob {

		display: block;
	}


}