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


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

	.bannercarousel-text {
		padding: 0px 18%;
	}

	.ourservices-section .square-img1 {
		left: 15%;
		top: 18%;
	}

}

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


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


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
	.stellarnav>ul>li>a {
		padding: 10px 7px;
		font-size: 14px;
		font-weight: 400;
	}

	.loginbtn {
		font-size: 13px !important;
		padding: 10px 16px !important;
	}

	.loginbtn {
		font-size: 12px;
	}

	.bannercarousel-text {
		top: 27%;
		padding: 0px 4%;
	}

	.bannercarousel-text h2 {
		padding: 0px 0px 9px 0px;
		font: normal normal bold 46px/17px Montserrat;
	}

	.bannercarousel-text p {
		margin: 13px 0px 28px 0px;
		font-size: 16px;
		line-height: 22px;
	}

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

	.whoweare-left h2 {
		width: 93%;
	}

	.filtercat-text {
		width: 88%;
	}

	.popularhead-text {
		width: 78%;
	}

	.cartbtn {
		padding: 8px 9px;
		font-size: 8px;
	}

	.buybtn {
		padding: 8px 9px;
		font-size: 8px;
	}

	.popularimg {
		height: 168px;
	}

	.industrialfans-bgimg img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.industrialfans-section {
		height: 301px;
	}

	.contactus-left {
		padding: 51px 0% 0px 41px;
	}

	.addresscard p {
		font: normal normal 500 11px/18px Montserrat;
		width: 100%;
	}

	.hero-content-upper {
		padding-top: 8%;
	}


	.footersocial-card {
		width: 98%;
	}

	.footer-links ul li {
		width: 100%;
	}

	.footer .square-img2 {
		width: 312px;
	}

	.footer .square-img1 {
		left: 3%;
		width: 105px;
		top: -39px;
	}


}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	.rightlink .input-group {
		width: 60%;
	}

	.stellarnav {
		justify-content: right;
	}

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

	.main-nav .stellarnav ul ul {
		width: 100%;
		background: #d8e5ee;
		padding: 12px 6px;
	}

	.stellarnav>ul>li>a:hover {
		color: #20A1FF;
	}

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

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

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

	.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;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15);
	}

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

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

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

	.stellarnav .menu-toggle span.bars span {
		width: 25px;
		height: 3px;
		margin: 0 0 4px;
		background: #1476bd;
	}

	.bannercarousel-text h2 {
		padding: 0px 0px 4px 0px;
		font-size: 34px;
		line-height: 36px;
	}

	.bannercarousel-text {
		text-align: left;
		padding: 0px 5%;
		top: 18%;
	}

	.bannercarousel-text p {
		margin: 0px 0px 17px 0px;
		font-size: 14px;
		line-height: 20px;
	}

	.btn-readmore {
		padding: 9px 19px;
		font-size: 16px;
	}

	.banner-section .owl-nav .owl-prev {
		top: 48%;
		left: 45px;
	}

	.banner-section .owl-nav .owl-next {
		top: 48%;
		right: 45px;
	}

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

	.filtercat-text {
		height: 120px;
		margin: 8px;
		padding-top: 21%;
		padding-right: 3%;
		width: 91%;
		padding-left: 25%;
	}

	.filtercat-text h3 {
		font: normal normal bold 13px/16px Montserrat;
	}

	.filtercat {
		height: 139px;
	}

	.click-here {
		font: normal normal 500 13px/25px Montserrat;
	}

	.popularhead-text {
		width: 72%;
	}

	.pricebtn-sect {
		gap: 6px;
		padding: 12px 7px;
	}

	.cartbtn {
		padding: 8px 12px;
		font-size: 10px;
	}

	.buybtn {
		padding: 8px 12px;
		font-size: 10px;
	}

	.buyfilter-text {
		padding: 0px 0px 0px 0%;
	}

	.buyfilter-text p {
		margin: 0px 0px 42px 0px;
		font: normal normal normal 14px/21px Montserrat;
		width: 100%;
	}

	.industrialfans-section {
		margin: 49px 0px 0px 0px;
		width: 100%;
		height: 258px;
	}

	.subscribenews-cardtext p {
		font: normal normal normal 15px/17px Montserrat;
	}

	.subscribenews-section {
		padding: 15px 0px;
	}

	.industrialfans-bgimg img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.industrialfans-text h3 {
		font: normal normal bold 21px/29px Montserrat;
		margin: 0px 0px 26px 0px;
	}

	.contactus-left {
		margin: 0px 0px 32px 0px;
	}


	.footer .square-img2 {
		width: 329px;
	}

	.footer-links ul li {
		width: 50%;
	}

	.footer .square-img1 {
		left: 4%;
		width: 103px;
		top: -37px;
	}

	.copyright {
		text-align: center;
	}

	.gettouch p {
		font-size: 14px;
	}

	.footer-links ul li a {
		font-size: 14px;
	}

	.gettouch p a {
		font-size: 13px;
	}

	.gettouch p span {
		width: 24px;
	}

	.footer-social-icons a .fa {
		padding: 0px 0px;
		font-size: 17px;
		line-height: 29px;
		text-align: center;
	}

	.footersocial-card {
		width: 91%;
		margin-bottom: 19px;
	}

	.gettouch p span {
		height: 30px;
		font-size: 18px;
	}


}


/* Tablet desktop :320px. */
@media (min-width: 320px) and (max-width: 767px) {
	.rightlink .input-group {
		width: 100%;
	}

	.hero-content-upper {
		padding-top: 16%;
	}

	.addresscard {
		margin: 0px 0px 23px 0px;
	}

	.contactus-left .footer-social-icons {
		margin: 25px 0px 42px 0px;
	}

	.container-fluid {
		padding: 0px 20px !important;
	}

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

	.topsocial-section {
		display: none;
	}

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

	.logo {
		width: 144px;
		margin: 0px;
	}

	.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: 3px;
		margin: 0 0 4px;
		background: #02434A;
	}

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

	.main-nav .stellarnav ul ul {
		width: 100%;
		background: #d8e5ee;
		padding: 12px 6px;
	}

	.stellarnav>ul>li>a:hover {
		color: #20A1FF;
	}

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

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

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

	.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;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15);
	}

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


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


	.bannertext {
		margin: 0px 0px;
		padding: 20px 20px;

		width: auto;
	}

	.bannertext h6 {
		margin: 0px 0px 10px 0px;
		font-size: 16px;
	}


	.bannertext h2 {
		margin: 0px 0px 10px 0px;
		font-size: 25px;
		line-height: 25px;
	}


	.bannertext p {
		margin: 0px;
		padding: 0px 0px;
		width: 100%;
		line-height: 18px;
	}


	.easycard-sect {
		margin: 25px 0px;
	}


	.easycard-text h5 {
		font-size: 12px;
		line-height: 18px;
	}


	.btn-readmore {
		padding: 10px 20px;
		font-size: 12px;
	}


	.bannerimg {
		margin: 10px 10px 0px 10px;
		width: auto;
	}

	.trustedcard {
		flex-wrap: wrap;
	}

	.trustedcard h4 {
		font-size: 16px;
	}


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

	.aboutus-section h6 {
		font-size: 14px;
	}


	.aboutus-section h2 {
		font-size: 28px;
		width: 100%;
		line-height: 30px;
	}


	.aboutus-section h5 {
		font-size: 16px;
	}


	.aboutus-section p {
		font-weight: 400;
		width: 100%;
		line-height: 20px;
		font-size: 12px;
	}


	.visionaryapproach {
		gap: 0px;
		flex-wrap: wrap;
		margin: 15px 0px 0px;
	}


	.visionaryappr-text h3 {
		margin: 0px 0px 5px 0px;
	}


	.aboutus-img01 {
		margin: 15px 0px;
	}


	.approach-section {
		padding: 30px 0px;
	}


	.approach-section h6 {
		font-size: 14px;
		margin: 0px 0px 10px 0px;
	}


	.approach-section h2 {
		margin: 15px 0px;
		padding: 0px;


	}


	.approach-section h2 {
		margin: 15px 0px;
		padding: 0px 0px;
		width: 100%;
		line-height: 30px;
		font-size: 28px;
	}


	.approach-section p {
		margin: 0px 0px 30px 0px;
		padding: 0px 10%;

		font-size: 12px;


		width: 100%;
		line-height: 20px;
	}

	.approachcard {
		margin: 0px 0px 10px 0px;
		padding: 15px 15px 30px;
		height: auto;
		min-height: auto;
	}


	.approachcard h4 {
		margin: 0px 0px 6px 0px;
		font-size: 22px;
		padding: 0px;
	}


	.approachcard h5 {
		font-size: 12px;
		line-height: 20px;
	}


	.testimonial-section {
		background: #fff;
		margin: 0px;
		padding: 20px 0px;
		text-align: center;
	}


	.testimonial-section h6 {
		margin: 0px 0px 12px 0px;
		font-size: 14px;
	}


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


	.testimonial-section p {
		padding: 0% 10%;
		font-size: 12px;
		line-height: 18px;
		margin: 0px 0px 25px 0px;
	}


	.testimonial-box {
		padding: 15px 15px;
	}


	.testi-top-part-img .client-info h2 {
		font-size: 16px;
		line-height: 20px;
		padding: 0px;
		margin: 0px;
		text-align: left;
	}


	.testi-top-part-img .client-info p {
		padding: 0%;
		font-size: 12px;
		line-height: 18px;
		margin: 0px;
		text-align: left;
	}


	.testimonial-box h4 {
		font-size: 14px;
		line-height: 20px;
		margin: 0px 0px 5px 0px;
	}

	.testimonial-box p {
		text-align: left;
		padding: 0px;
		margin: 0px;
	}


	.footer {
		padding: 20px 0px 10px;
	}

	.footer-top-box {
		gap: 15px;
		margin-bottom: 8px;
	}


	.footer-top-box-text h3,
	.footer-top-box-text h3 a {
		font-size: 14px;
	}


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


	.footer-inner h2 {
		font-size: 16px;
		line-height: 20px;

	}


	.footer-logo-area {
		margin: 0px 0px 20px 0px;
		width: 172px;
	}


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


	.topsocial {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0px;
		margin: 0px;
	}


	.copyright-left {
		padding: 10px 0px 0px;
	}

	.copyright-left p {
		font-size: 12px;
		line-height: 18px;
		text-align: center;
		padding: 0px;
		margin: 0px;
	}


	.copyright-right {
		padding: 0px 0px 10px 0px;
	}


	.copyright-right p {
		font-size: 12px;
		line-height: 22px;
		text-align: center;
		padding: 0px;
		margin: 0px;
	}


	.stellarnav .icon-close {
		right: 18px;
	}

	.visionaryappr-text {
		width: 100%;
	}

	/* ===========about====================== */


	.inner-banner-section h1 {
		margin: 10px 0px;
		line-height: 30px;
		font-size: 26px;
	}

	.inner-banner-section {
		margin: 0px;
		padding: 15px 0px;
		height: 80px
	}


	.about-ful-wid {
		padding: 10px 10px;
	}


	.aboutus-section.services-page {
		padding: 20px 0px 0px;
		margin: 0px;
	}


	.testimonial-page {
		padding: 20px 0px 0px;
		margin: 0px;
	}


	.faq-text-area .accordion-item {
		margin-top: 10px;
		border-bottom: 1px solid #ccc;
	}


	.faq-page {
		padding: 20px 0px;
		margin: 0px;
	}


	.faq-text-area .accordion-button:not(.collapsed) {
		margin: 0px;
		padding: 0px;
		font-size: 16px;
	}


	.faq-text-area .accordion-item .accordion-body {

		padding: 20px 2px;
		font-size: 12px;
		line-height: 18px;

	}


	.faq-text-area .accordion-item .accordion-button {
		padding: 5px 30px 15px 5px;

		line-height: 20px;
		font-weight: 600;
		font-size: 16px;
	}


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


	.contact-box-frm {
		width: 87%;

		margin: 0px;

		padding: 20px 15px;
	}


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


}