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


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

	.banner-section {
		padding: 125px 0px;
		height: auto;

	}

	.banner-text h1 {
		font-size: 100px;
		line-height: 110px;
	}


	.cumn-butn-body {
		font-size: 24px;
		line-height: 20px;
		padding: 22px 60px;
	}


	.banner-text {
		position: absolute;
		top: 150px;
		left: 0px;
	}


}


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

	.banner-text {
		position: absolute;
		top: 130px;
		left: 0px;
	}


}

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


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


	.banner-section-right {

		padding: 0px;
	}

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


	.stellarnav ul {
		gap: 40px;
	}


	.banner-section {
		background: url(../images/banner-bg.png) no-repeat;
		background-size: contain;
	}

	.banner-text {
		position: absolute;
		top: 5px;
		left: 0px;
	}

	.banner-text h1 {

		font-size: 57px;
		line-height: 70px;
		padding: 0px;
		margin: 0px 0px 50px 0px;
	}


	.about-section-right p {

		font-size: 16px;
		line-height: 26px;
		padding: 0px 0px 10px 0px;
		margin: 0px;
	}


	.more-row-box-icon {
		width: 240px;
	}


	.more-row-box-text p {
		font-size: 16px;
		line-height: 26px;
	}

	.about-section-right h2 {
		font-size: 45px;
		line-height: 55px;
		margin: 0px 0px 25px 0px;
	}


	.about-section-left-img1 h6 {
		font-size: 16px;
		line-height: 26px;
	}


	.work-section-header h2 {
		font-size: 45px;
		line-height: 55px;
		margin: 0px 0px 25px 0px;
	}


	.work-section-header p {
		font-size: 16px;
		line-height: 26px;
	}


	.work-section-contet-tag-inner p {
		font-size: 16px;
		line-height: 26px;
		padding: 0px 0px 15px 0px;
	}


	.work-section-content-img {
		height: 427px;
	}


	.work-section-contet-tag-img {
		width: 100%;
		height: 429px;

	}

	.work-section-content {
		height: auto;
		overflow: hidden;
	}


	.gallery-section h2 {
		font-size: 45px;
		line-height: 55px;
	}

	.about-page-left-top p {
		font-size: 16px;
		line-height: 26px;
		padding: 0px 0px 15px 0px;
	}


	.text-full-wid p {
		font-size: 16px;
		line-height: 26px;
	}


	.how-work-section-inner h3 {
		font-size: 52px;
		line-height: 66px;
	}

	.how-work-section-inner {
		padding: 0% 4%;
	}


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


	.work-page-one-text p {
		font-size: 16px;
		line-height: 26px;
		margin: 0px 0px 15px 0px;
	}


	.contact-info-box-text {
		margin: 30px 0px 0px;
		padding: 0% 10%;
	}

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


	.contact-frm-section h2 {
		font-size: 45px;
		line-height: 55px
	}


}


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


	.stellarnav ul {
		margin: 0px 0px;
		padding: 10px 0px;
		gap: 30px;
	}


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


	.banner-section {
		padding: 100px 0px;
		height: auto;
	}


	.banner-section-right {

		padding: 0px;
	}

	.banner-text h1 {
		font-size: 42px;
		line-height: 52px;
		margin: 0px 0px 30px 0px;
	}

	.banner-text {

		top: 0px;
		left: 0px;
	}

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

	.about-section-left-img1 h6 {
		padding: 10% 0% 0%;
	}


	.more-row-box-icon {
		width: 300px;
	}


	.more-row {
		margin: 40px 0px;
	}


	.work-section-header h2 {
		width: 90%;
	}

	.footer-links {
		margin: 0% 0% 0% 10%;

	}


	.about-section-right .cumn-butn-body.red-butn {
		display: inline-flex;
		margin: 9px 0px 20px;
	}

	.work-section-contet-tag-inner {

		bottom: 40px;
		padding: 0px 30px;
	}


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


	.how-work-section-inner h3 {
		font-size: 36px;
		line-height: 50px;
		margin: 0px 0px 20px 0px;
	}


	.how-work-section-inner p {
		font-size: 20px;
		line-height: 40px;
	}


	.work-page-one-text h3 {
		font-size: 30px;
		line-height: 40px;
	}


	.contact-info-box-text h4 {
		font-size: 26px;
		line-height: 36px;
	}


	.contact-info-box-text {
		margin: 20px 0px 0px;
		padding: 0% 5%;
	}


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


	.contact-frm-section h2 {
		font-size: 45px;
		line-height: 55px;
	}


}


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


	.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 12px !important;
	}

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

	.topsocial-section {
		display: none;
	}

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

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

	.logo {
		width: 100%;
		margin: 0px;
		padding: 6px 0px 0px;
	}

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

	.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: 30px;
		height: 4px;
		margin: 0 0 4px;
		background: #D2292D;
	}

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

	.main-nav .stellarnav ul ul {
		width: 100%;
		background: #fff0f6;
		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 #CE4A64;
	}

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

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

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

	/* ===================================== */
	/* custom-css */
	/* ===================================== */


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

	.banner-section-right {

		padding: 0px;
	}


	.logo img {
		width: 45%;
	}

	.main-nav {
		margin: 0px 0px;
		padding: 5px 0px;
	}

	.banner-section {
		padding: 60px 0px;
		height: auto;
	}


	.banner-text {
		position: absolute;
		top: 0px;
		left: 0px;
	}

	.banner-text h1 {
		font-size: 33px;
		line-height: 43px;
		letter-spacing: 0%;
		padding: 0px;
		margin: 40px 0px 10px 0px;
	}

	.cumn-butn-body.blue-butn {
		font-size: 14px;
		line-height: 14px;
		padding: 10px 20px;
	}


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


	.about-section-left {
		padding: 0px;
		gap: 15px;
	}


	.about-section-left-img1 h6 {
		font-size: 14px;
		line-height: 24px;
		padding: 5% 0% 0%;
	}


	.about-section-right h2 {
		font-size: 30px;
		line-height: 40px;
		margin: 0px 0px 10px 0px;
	}


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


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


	.about-section-right .cumn-butn-body.red-butn {
		display: inline-flex;
		margin: 5px 0px 0px;
	}

	.more-row {
		margin: 30px 0px;

	}


	.more-row-box-icon {
		width: 100px;
		height: auto;
	}


	.more-row-box {
		display: flex;
		justify-content: start;
		align-items: center;
		gap: 10px;
		min-height: 200px;
		flex-wrap: wrap;
		text-align: left;
	}


	.more-row-box-text p {

		font-size: 14px;
		line-height: 24px;
		padding: 0px;
		margin: 0px 0px 20px 0px;
	}

	.work-section-header h2 {
		font-size: 30px;
		line-height: 40px;
		padding: 0px;
		margin: 0px;
		width: 80%;
	}

	.work-section-header p {
		font-size: 14px;
		line-height: 24px;
		padding: 5px 0px 0px 0px;
	}


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


	.work-section-content {
		padding: 0px;
		margin: 0px;
		height: auto;

	}

	.work-section-contet-tag {

		padding: 0px;
		margin: 0px;
	}

	.work-section-contet-tag-inner {

		bottom: 40px;
		padding: 0px 20px;
	}


	.work-section-contet-tag-inner p {
		padding: 0px 0px 10px 0px;
		margin: 0px;
		font-size: 14px;
		line-height: 24px;
	}


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


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

	.gallery-section h2 {
		font-size: 30px;
		line-height: 40px;
		padding: 0px 0px 30px 0px;
		margin: 0px;
	}


	.masonry-gallery-section .masonry-item {
		margin-bottom: 10px;
	}


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


	.footer-logo {
		margin: 0px 0px 10px 0px;
		text-align: left;
		width: auto;
	}


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


	.footer-links {
		margin: 4% 0% 0% 0%;
		padding: 0px;
		word-wrap: break-word;
	}


	.footer-menu h3 {
		font-size: 24px;
		line-height: 34px;
		margin: 0px 0px 10px 0px;
	}


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


	.footer-links p {
		font-size: 16px;
		line-height: 26px;
		margin: 0px 0px 5px 0px;
	}


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

	}


	.footer-social-icon ul li a {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	/* ===================================== */
	/* custom-css */
	/* ===================================== */

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

	.inner-banner-section img {
		width: 100%;
		height: 150px;
		object-fit: cover;
	}


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

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


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


	.about-page-text {
		padding: 0px;
		margin: 0px;
	}

	.about-page-left-top p {
		font-size: 14px;
		line-height: 24px;
		padding: 0px 0px 15px 0px;
	}


	.about-page-right {
		gap: 20px;
	}


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

	.text-full-wid {
		padding: 10px 0px 0px;

	}

	.how-work-section {
		padding: 20px 0px;
		height: auto;
		background-size: cover;
	}


	.how-work-section-inner {
		padding: 0% 5%;
	}

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


	.how-work-section-inner h3 {
		font-size: 30px;
		line-height: 40px;
		margin: 0px 0px 20px 0px;
	}


	.how-work-section-inner p {
		font-size: 18px;
		line-height: 28px;
		margin: 0px 0px 30px 0px;
	}


	.work-page-one {

		padding: 0px;
		margin: 0px;
	}


	.work-page-one-text {
		padding: 10px 0px;
	}


	.work-page-one-text h3 {
		font-size: 21px;
		line-height: 31px;
		margin: 0px 0px 10px 0px;
	}


	.work-page-one-text p {
		font-size: 14px;
		line-height: 24px;
		margin: 0px 0px 14px 0px;
	}


	.work-page-two {

		padding: 20px 0px;

	}

	.work-page-one {

		padding: 20px 0px;

	}


	.contact-info-box {
		padding: 0px;
		margin: 0px 0px 20px 0px;
	}


	.contact-info-box-icon {
		width: 100px;
		height: 100px;
		margin: 0px auto;
		padding: 30px 20px;
	}

	.contact-info-box-icon img {
		width: 40px;
		height: 40px;

	}

	.contact-info-box-text {
		margin: 10px 0px 0px;
		padding: 0%;
	}

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

	.contact-info-box-text p {
		font-size: 16px;
		line-height: 26px;
	}

	.contact-frm-section h2 {
		font-size: 30px;
		line-height: 40px;
		margin: 0px 0px 30px 0px;
	}
}


/* 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 12px !important;
	}

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

	.topsocial-section {
		display: none;
	}

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

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

	.logo {
		width: 60%;
		margin: 0px;
		padding: 6px 0px 0px;
	}

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

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

	.usercard a img {
		width: 13px;
	}

	.stellarnav {
		justify-content: center;
		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: 30px;
		height: 4px;
		margin: 0 0 4px;
		background: #D2292D;
	}

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

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

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

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

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

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

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

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

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

	/* ===================================== */
	/* custom-css */
	/* ===================================== */


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

	.banner-section-right {

		padding: 0px;
	}

	.main-nav {
		margin: 0px 0px;
		padding: 5px 0px;
	}

	.banner-section {
		padding: 65px 0px;
		height: auto;
	}

	.banner-text {
		position: absolute;
		top: 5px;
		left: 0px;
	}

	.banner-text h1 {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: 0%;
		padding: 0px;
		margin: 12px 0px;
	}

	.cumn-butn-body.blue-butn {
		font-size: 11px;
		line-height: 11px;
		padding: 8px 16px;
	}

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


	.about-section-left {
		padding: 0px;
		gap: 15px;
	}


	.about-section-left-img1 h6 {
		font-size: 14px;
		line-height: 24px;
		padding: 5% 0% 0%;
	}


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

	.about-section-right p {
		font-size: 14px;
		line-height: 24px;
		padding: 0px 0px 10px 0px;
		text-align: justify;
	}

	.cumn-butn-body {
		font-size: 12px;
		line-height: 12px;
		padding: 10px 30px;
	}

	.more-row-box-text h4 {
		font-size: 22px;
		line-height: 33px;
		padding: 0px;
		margin: 0px;
	}


	.about-section-right .cumn-butn-body.red-butn {
		display: inline-flex;
		margin: 5px 0px 0px;
	}

	.more-row {
		margin: 30px 0px;

	}


	.more-row-box-icon {
		width: 100px;
		height: auto;
	}


	.more-row-box {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		min-height: 200px;
		flex-wrap: wrap;
		text-align: center;
	}


	.more-row-box-text p {
		font-size: 14px;
		line-height: 24px;
		padding: 0px;
		margin: 0px 10px 20px 10px;
	}

	.work-section-header h2 {
		font-size: 30px;
		line-height: 40px;
		padding: 0px;
		margin: 0px;
		width: 100%;
	}


	.work-section-header p {
		font-size: 14px;
		line-height: 24px;
		padding: 5px 0px 0px 0px;
	}


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


	.work-section-content {
		padding: 0px;
		margin: 0px;
		height: auto;

	}

	.work-section-contet-tag {

		padding: 0px;
		margin: 0px;
	}

	.work-section-contet-tag-inner {

		bottom: 40px;
		padding: 0px 20px;
	}


	.work-section-contet-tag-inner p {
		padding: 0px 0px 10px 0px;
		margin: 0px;
		font-size: 14px;
		line-height: 24px;
	}


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


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

	.gallery-section h2 {
		font-size: 25px;
		line-height: 35px;
		padding: 0px 0px 20px 0px;
		margin: 0px;
	}

	.masonry-gallery-section .masonry-item {
		margin-bottom: 10px;
	}


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


	.footer-logo {
		margin: 0px auto 20px;
		text-align: center;
		width: 230px;
	}

	.footer-social-icon ul {

		justify-content: center;

	}

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


	.footer-links {
		margin: 4% 0% 0% 0%;
		padding: 0px;
		word-wrap: break-word;
	}


	.footer-menu h3 {
		font-size: 22px;
		line-height: 32px;
		margin: 0px 0px 10px 0px;
	}

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


	.footer-links p {
		font-size: 14px;
		line-height: 24px;
		margin: 0px 0px 5px 0px;
	}


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


	.footer-social-icon ul li a {
		color: #fff;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: #0D3580;
		display: block;
		text-align: center;
		border-radius: 50%;
		font-size: 18px;
		-webkit-transition: all 0.4s ease;
	}

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

	.inner-banner-section img {
		width: 100%;
		height: 150px;
		object-fit: cover;
	}

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

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


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


	.about-page-text {
		padding: 0px;
		margin: 0px;
	}

	.about-page-left-top p {
		font-size: 14px;
		line-height: 24px;
		padding: 0px 0px 10px 0px;
		text-align: justify;
	}

	.about-page-right {
		gap: 20px;
	}


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

	.text-full-wid {
		padding: 10px 0px 0px;

	}

	.how-work-section {
		padding: 20px 0px;
		height: auto;
		background-size: cover;
	}


	.how-work-section-inner {
		padding: 0% 5%;
	}

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

	.how-work-section-inner h3 {
		font-size: 25px;
		line-height: 30px;
		margin: 0px 0px 20px 0px;
	}

	.how-work-section-inner p {
		font-size: 16px;
		line-height: 24px;
		margin: 0px 0px 35px 0px;
	}

	.work-page-one {

		padding: 0px;
		margin: 0px;
	}


	.work-page-one-text {
		padding: 10px 0px;
	}


	.work-page-one-text h3 {
		font-size: 22px;
		line-height: 32px;
		margin: 0px 0px 5px 0px;
	}

	.work-page-one-text p {
		font-size: 14px;
		line-height: 24px;
		margin: 0px 0px 10px 0px;
		text-align: justify;
	}

	.work-page-two {

		padding: 20px 0px;

	}

	.work-page-one {

		padding: 20px 0px;

	}


	.contact-info-box {
		padding: 0px;
		margin: 0px 0px 20px 0px;
	}


	.contact-info-box-icon {
		width: 80px;
		height: 80px;
		margin: 0px auto;
		padding: 20px 20px;
	}

	.contact-info-box-icon img {
		width: 40px;
		height: 40px;

	}

	.contact-info-box-text {
		margin: 10px 0px 0px;
		padding: 0%;
	}

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

	.contact-info-box-text p {
		font-size: 16px;
		line-height: 26px;
	}

	.contact-frm-section h2 {
		font-size: 25px;
		line-height: 35px;
		margin: 0px 0px 30px 0px;
	}


	.banner-section-right .owl-dots .owl-dot span {
		width: 10px;
		height: 10px;
	}


	.banner-section-right .owl-dots .owl-dot.active span,
	.banner-section-right .owl-dots .owl-dot:hover span {

		width: 25px;
		height: 10px;

	}

	.footer-menu ul {

		column-count: 2;
	}

	/* ===================================== */
	/* custom-css */
	/* ===================================== */


}