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


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

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

.about-section h2 { font-size: 54px;
  line-height: 54px; }


.about-section p { font-size: 23px;
  line-height: 36px; margin: 0px 0px 30px 0px;   }


.cumn-butn-body { font-size: 18px;
  line-height: 20px; padding: 20px 35px;  }


.products-section-inner h2 { font-size: 54px;
  line-height: 54px; padding: 0px 0px 60px 0px;  }


.products-section-inner .nav-link { font-size: 36px;
  line-height: 66px;  }


.products-section-inner .nav-tabs { gap:140px}


.work-section h2 { font-size: 54px;
  line-height: 64px;  }



.about-section p { font-size: 23px;
  line-height: 33px; margin: 0px 0px 20px 0px; }


.about-full-text p { font-size: 23px;
  line-height: 33px; margin: 0px 0px 20px 0px; }


.partners-logos-section h2 { font-size: 54px;
  line-height: 54px; padding: 0px 0px 80px 0px;  }


.footer-frm-section h2 { font-size: 54px;
  line-height: 54px;  } 

.footer-info-section h2 { font-size: 54px;
  line-height: 54px;  } 


.footer-info-section p { font-size: 26px;
  line-height: 36px; padding: 0px 0px 26px 0px;  }

.footer-menu ul li a {  font-size: 18px;
  line-height: 28px;} 

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

.footer-bottom p { font-size: 16px;
  line-height: 16px; }

.frm-section-inner .form-row .form-control { font-size: 18px; line-height: 18px;}

.work-box-text-left h3 { font-size: 32px;
  line-height: 42px;  }


.project-section-inner-text h2 { font-size: 54px;
  line-height: 54px; margin: 0px 0px 40px 0px;  }



.project-section-inner-text p { font-size: 23px;
  line-height: 33px; margin: 0px 0px 20px 0px;  }



  .project-full-text p { font-size: 23px;
  line-height: 33px; margin: 0px 0px 20px 0px;  }









}

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

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

.about-section h2 { font-size: 54px;
  line-height: 54px; }


.about-section p { font-size: 23px;
  line-height: 36px; margin: 0px 0px 30px 0px;   }


.cumn-butn-body { font-size: 18px;
  line-height: 20px; padding: 20px 35px;  }


.products-section-inner h2 { font-size: 54px;
  line-height: 54px; padding: 0px 0px 60px 0px;  }


.products-section-inner .nav-link { font-size: 36px;
  line-height: 66px;  }


.products-section-inner .nav-tabs { gap:140px}


.work-section h2 { font-size: 54px;
  line-height: 64px;  }



.about-section p { font-size: 23px;
  line-height: 33px; margin: 0px 0px 20px 0px; }


.about-full-text p { font-size: 23px;
  line-height: 33px; margin: 0px 0px 20px 0px; }











}


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

	.about-section h2 { font-size: 38px;}
}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {

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

.stellarnav ul { gap: 30px;}

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




/* ====================================== */
	/* home page responsive */
/* ====================================== */
	.call-number a p {
	display: block;
	font-size: 18px;
}

.call-number {
	margin: 24px 0px;
}

.banner-text-section h1 {
	font-size: 60px;
	line-height: 60px;
}


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


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


	.about-section p {
		font-size: 14px;
		line-height: 22px;
	}


	.about-section-img {
		padding: 5% 0% 0% 0%;
	}


	.our-products-section {
		padding: 20px 0px;
	}


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

	.products-section-inner .nav-link {
		font-size: 20px;
		line-height: 20px;
	}


	.services-box-text h4 {
		font-size: 25px;
		line-height: 25px
	}

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

	.work-box-img-tag { flex-wrap: wrap; }


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

	}

	.work-section-header {
		flex-wrap: wrap;
	}


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


	.work-section-carousel {
	padding: 0px 0px 0px 20px;
	margin: 30px 0px 0px;
    }

	.work-box-img-tag h6 {
		font-size: 11px;
		line-height: 11px;
		padding: 8px 11px;
	}


	.work-box-text-left h3 {
		font-size: 22px;
		line-height: 30px;
	}


	.partners-logos-section {
		padding: 20px 0px;

	}


	.partners-logos-section h2 {
		font-size: 30px;
		line-height: 30px;
		padding: 0px 0px 30px 0px;
	}


	.partners-logos-section .owl-dots {
		display: none;
	}

	.products-section-inner .nav-tabs {
		gap: 10px;
	}

	.footer-top {
		padding: 40px 0px;
	}


	.footer-frm-section h2 {
		font-size: 30px;
		line-height: 30px;
		padding: 0px 0px 10px 0px;
	}


	.frm-section-inner .form-row .form-control {
		padding: 10px 20px;
		font-size: 12px;
		line-height: 12px;
		margin: 0px 0px 10px 0px;
	}

	.footer-social-icon {
		margin: 20px 0px;

	}

	.footer-right-section {
		padding: 0px;
	}


	.footer-info-section h2 {
		font-size: 30px;
		line-height: 30px;
		padding: 0px 0px 30px 0px;
	}

	.footer-text {
		width: 100% !important;
	}

	.footer-icon {
		width: 20px !important;
		height: 20px;
	}


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


	.footer-info-section2 {
		margin: 20px 0px 0px 0px;
	}


	.footer-menu h3 {
		font-size: 25px;
		line-height: 20px;
		margin: 0px 0px 20px 0px;
	}


	.footer-menu ul li a {
		font-size: 14px;
		line-height: 20px;
	}


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

	.footer-bottom p {
	
		font-size: 14px;
		line-height: 14px;
	}


	/* ====================================== */
	/* home page responsive */
	/* ====================================== */


	/* ====================================== */
	/* inner pages responsive */
	/* ====================================== */


    .inner-banner-text h1 {
	font-size: 40px;
	line-height: 40px;
     }
	.inner-banner-section img {
		height: 120px;
	}

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

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


	.about-full-text {
		padding: 20px 0px 0px;
	}

	.project-section-inner-text {
		padding: 15px 0px 0px;
		margin: 0px;
	}

	.project-section-inner-text h2 {
		font-size: 30px;
		line-height: 35px;
		margin: 0px 0px 20px 0px;
	}


	.project-full-text {
		padding: 0px;
	}


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


	.project-full-text p {
		font-size: 14px;
		line-height: 24px;
	}


	.contact-page-info-text p {
		font-size: 14px;
		line-height: 24px;
		padding: 0px;
		margin: 0px;
		word-wrap: break-word;
	}


	.contact-page-info-box {
	   margin: 0px 0px 10px 0px;
	   padding: 20px 20px;
	   height: 235px;
     }

	.contact-page-info-text {
		margin: 15px 0px 0px;

	}


	/* ====================================== */
	/* inner pages responsive */
	/* ====================================== */













}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {

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

	.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: 60px;
	}

	.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: 35px;
		height: 3px;
		margin: 0 0 5px;
		background: #2B85A1;
	}

	.stellarnav.mobile.right>ul {
		z-index: 9999;
		background: #2B85A1;
	}

	.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: #000 !important;
	}

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

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

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

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

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

	.stellarnav.mobile li a {
		color: #fff;
		font-size: 17px;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15);
	}

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

	.main-nav.scroll .call-number {
		margin: 5px 0px 0px;
	}

	.cumn-butn-body {
		padding: 12px 20px;
	}

	/* ====================================== */
	/* home page responsive */
	/* ====================================== */
	.call-number a p {
	display: block;
	font-size: 18px;
}

	.call-number {
		margin: 5px 0px;
	}

.banner-text-section h1 {
	font-size: 60px;
	line-height: 60px;
}


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


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


	.about-section p {
		font-size: 14px;
		line-height: 22px;
	}


	.about-section-img {
		padding: 5% 0% 0% 0%;
	}


	.our-products-section {
		padding: 20px 0px;
	}


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

	.products-section-inner .nav-link {
		font-size: 20px;
		line-height: 20px;
	}


	.services-box-text h4 {
		font-size: 25px;
		line-height: 25px
	}

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

	.work-box-img-tag { flex-wrap: wrap; }


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

	}

	.work-section-header {
		flex-wrap: wrap;
	}


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


	.work-section-carousel {
	padding: 0px 0px 0px 20px;
	margin: 30px 0px 0px;
    }

	.work-box-img-tag h6 {
		font-size: 11px;
		line-height: 11px;
		padding: 8px 11px;
	}


	.work-box-text-left h3 {
		font-size: 22px;
		line-height: 30px;
	}


	.partners-logos-section {
		padding: 20px 0px;

	}


	.partners-logos-section h2 {
		font-size: 30px;
		line-height: 30px;
		padding: 0px 0px 30px 0px;
	}


	.partners-logos-section .owl-dots {
		display: none;
	}

	.products-section-inner .nav-tabs {
		gap: 10px;
	}

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


	.footer-frm-section h2 {
		font-size: 30px;
		line-height: 30px;
		padding: 0px 0px 10px 0px;
	}


	.frm-section-inner .form-row .form-control {
		padding: 10px 20px;
		font-size: 12px;
		line-height: 12px;
		margin: 0px 0px 10px 0px;
	}

	.footer-social-icon {
		margin: 20px 0px;

	}

	.footer-right-section {
		padding: 0px;
	}


	.footer-info-section h2 {
		font-size: 30px;
		line-height: 30px;
		padding: 0px 0px 30px 0px;
	}

	.footer-text {
		width: 100% !important;
	}

	.footer-icon {
		width: 20px !important;
		height: 20px;
	}


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


	.footer-info-section2 {
		margin: 20px 0px 0px 0px;
	}


	.footer-menu h3 {
		font-size: 25px;
		line-height: 20px;
		margin: 0px 0px 20px 0px;
	}


	.footer-menu ul li a {
		font-size: 14px;
		line-height: 20px;
	}


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

	.footer-bottom p {
	
		font-size: 14px;
		line-height: 14px;
	}


	/* ====================================== */
	/* home page responsive */
	/* ====================================== */


	/* ====================================== */
	/* inner pages responsive */
	/* ====================================== */


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

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

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

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


	.about-full-text {
		padding: 20px 0px 0px;
	}

	.project-section-inner-text {
		padding: 15px 0px 0px;
		margin: 0px;
	}

	.project-section-inner-text h2 {
		font-size: 30px;
		line-height: 35px;
		margin: 0px 0px 20px 0px;
	}


	.project-full-text {
		padding: 0px;
	}


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


	.project-full-text p {
		font-size: 14px;
		line-height: 24px;
	}


	.contact-page-info-text p {
		font-size: 14px;
		line-height: 24px;
		padding: 0px;
		margin: 0px;
		word-wrap: break-word;
	}


	.contact-page-info-box {
	   margin: 0px 0px 10px 0px;
	   padding: 20px 20px;
	   height: 235px;
     }

	.contact-page-info-text {
		margin: 15px 0px 0px;

	}


	/* ====================================== */
	/* inner pages responsive */
	/* ====================================== */


}


/* Tablet desktop :320px. */
@media (min-width: 320px) and (max-width: 767px) {

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

	.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: 60px;
	}

	.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: 35px;
		height: 3px;
		margin: 0 0 5px;
		background: #2B85A1;
	}

	.stellarnav.mobile.right>ul {
		z-index: 9999;
		background: #2B85A1;
	}

	.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: #000 !important;
	}

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

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

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

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

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

	.stellarnav.mobile li a {
		color: #fff;
		font-size: 17px;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15);
	}

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

	.main-nav.scroll .call-number {
		margin: 5px 0px 0px;
	}

	.cumn-butn-body {
		padding: 12px 20px;
	}

	/* ====================================== */
	/* home page responsive */
	/* ====================================== */
	.call-number a p {
		display: none;
	}

	.call-number {
		margin: 5px 0px;
	}


	.banner-text-section h1 {
		font-size: 45px;
		line-height: 55px;
	}


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


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


	.about-section p {
		font-size: 14px;
		line-height: 22px;
	}


	.about-section-img {
		padding: 5% 0% 0% 0%;
	}


	.our-products-section {
		padding: 20px 0px;
	}


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

	.products-section-inner .nav-link {
		font-size: 20px;
		line-height: 20px;
	}


	.services-box-text h4 {
		font-size: 25px;
		line-height: 25px
	}

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


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

	}

	.work-section-header {
		flex-wrap: wrap;
	}


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


	.work-section-carousel {
		padding: 0px 20px;
		margin: 30px 0px 0px;
	}


	.work-box-img-tag h6 {
		font-size: 11px;
		line-height: 11px;
		padding: 8px 11px;
	}


	.work-box-text-left h3 {
		font-size: 22px;
		line-height: 30px;
	}


	.partners-logos-section {
		padding: 20px 0px;

	}


	.partners-logos-section h2 {
		font-size: 30px;
		line-height: 30px;
		padding: 0px 0px 30px 0px;
	}


	.partners-logos-section .owl-dots {
		display: none;
	}

	.products-section-inner .nav-tabs {
		gap: 10px;
	}

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


	.footer-frm-section h2 {
		font-size: 30px;
		line-height: 30px;
		padding: 0px 0px 10px 0px;
	}


	.frm-section-inner .form-row .form-control {
		padding: 10px 20px;
		font-size: 12px;
		line-height: 12px;
		margin: 0px 0px 10px 0px;
	}

	.footer-social-icon {
		margin: 20px 0px;

	}


	.footer-social-icon ul {
		justify-content: start;
	}


	.footer-right-section {
		padding: 0px;
	}


	.footer-info-section h2 {
		font-size: 30px;
		line-height: 30px;
		padding: 0px 0px 30px 0px;
	}

	.footer-text {
		width: 100% !important;
	}

	.footer-icon {
		width: 20px !important;
		height: 20px;
	}


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


	.footer-info-section2 {
		margin: 20px 0px 0px 0px;
	}


	.footer-menu h3 {
		font-size: 25px;
		line-height: 20px;
		margin: 0px 0px 20px 0px;
	}


	.footer-menu ul li a {
		font-size: 14px;
		line-height: 20px;
	}


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

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


	/* ====================================== */
	/* home page responsive */
	/* ====================================== */


	/* ====================================== */
	/* inner pages responsive */
	/* ====================================== */


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

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

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

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


	.about-full-text {
		padding: 20px 0px 0px;
	}

	.project-section-inner-text {
		padding: 15px 0px 0px;
		margin: 0px;
	}

	.project-section-inner-text h2 {
		font-size: 30px;
		line-height: 35px;
		margin: 0px 0px 20px 0px;
	}


	.project-full-text {
		padding: 0px;
	}


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


	.project-full-text p {
		font-size: 14px;
		line-height: 24px;
	}


	.contact-page-info-text p {
		font-size: 14px;
		line-height: 24px;
		padding: 0px;
		margin: 0px;
		word-wrap: break-word;
	}


	.contact-page-info-box {
		margin: 0px 0px 10px 0px;
		padding: 20px 20px;
		height: auto;
	}

	.contact-page-info-text {
		margin: 15px 0px 0px;

	}


	/* ====================================== */
	/* inner pages responsive */
	/* ====================================== */


}