@media only screen and (max-width: 2400px) {

	.header-style-four .main-menu {
		margin-left: var(--margin-left-80);
	}

	.header-style-three .main-menu {
		margin-left: var(--margin-left-60);
	}

}

@media only screen and (max-width: 1700px) {

	.main-header .main-menu {
		margin-left: var(--margin-left-80);
	}

	.main-header .main-menu .navigation>li {
		margin-right: 26px;
	}
}

@media only screen and (max-width: 1340px) {

	.page-wrapper {
		overflow: hidden;
	}

	.main-header .phone-box {
		display: none;
	}

	.main-header .header-lower .button-box {
		margin-left: var(--margin-zero);
	}

}

@media only screen and (max-width: 1140px) {

	.main-header {
		position: relative;
	}

	.main-header .outer-box {
		position: relative;
		margin-left: var(--margin-left-25);
	}

	.main-header .main-menu {
		float: right;
		margin-left: var(--margin-zero);
	}

	.comment-one__text br,
	.main-header .outer-box {
		display: none;
	}

	.main-slider h1 {
		line-height: 74px;
	}

	.main-slider .image-column .inner-column {
		padding-left: var(--padding-zero);
	}


	.main-slider-five h1 span::before,
	.main-slider-four h1 span::before,
	.fluid-section-one .content-column .title-box h2 span:before,
	.contact-section .image-column .pattern-layer {
		display: none;
	}

	.contact-section .form-column .inner-column {
		margin-right: var(--margin-zero);
	}

	.contact-one__form-box {
		margin-left: var(--margin-zero);
	}

	.header-style-five {
		position: relative;
	}

	.main-slider-four .slide {
		padding-top: 300px;
	}

	.main-slider-four h1 {
		line-height: 1.2em;
	}



}

@media only screen and (min-width: 768px) {

	.main-header .main-menu .navigation>li>ul,
	.main-header .main-menu .navigation>li>ul>li>ul {
		display: block !important;
		visibility: hidden;
		opacity: 0;
	}

}

@media only screen and (max-width: 870px) {}


@media only screen and (max-width: 976px) {}

@media only screen and (max-width: 1023px) {

	.main-header .header-lower .logo-box {
		padding-bottom: var(--padding-zero);
	}

	.main-header .main-menu .navigation>li {
		margin-left: 0;
		margin-right: 15px
	}

	h1 {
		font-size: 50px;
		line-height: 1.1em;
	}

	h3 {
		font-size: 24px;
	}

	.main-header .header-top .text {
		display: none;
	}

	.main-slider .content-column .inner-column {
		margin-right: 0;
		padding-top: 0;
	}

	.main-slider .image img {
		max-width: 100%;
		width: 100%;
	}

	.main-slider .image-column .inner-column {
		margin-top: var(--margin-top-30);
	}




	.header-style-five .main-menu .navigation>li>a {
		font-size: 14px;
	}



	.accordion-box {
		margin-bottom: var(--margin-bottom-30) !important;
	}



}

@media only screen and (max-width: 767px) {

	.main-header .nav-outer {
		width: 100%;
	}

	.main-header .nav-outer .mobile-nav-toggler {
		display: flex;
		padding: 10px 0px;
		justify-content: flex-end;
	}

	.main-header #navbarSupportedContent {
		display: block;
	}

	.main-header .mCSB_inside>.mCSB_container {
		margin-right: 0px;
	}

	.main-header .outer-box {
		position: relative;
		left: 0px;
		margin-left: 0px;
		padding: 0px 0px;
	}

	.main-header .sticky-header .mobile-nav-toggler {
		display: block;
		padding: 24px 0px;
	}

	h1 {
		font-size: var(--font-40);
	}

	h2 {
		font-size: var(--font-34);
	}

	h4 {
		font-size: var(--font-22);
	}

	.cta-section .shape-one,
	.cta-section .text br,
	.causes-section .shapes-outer,
	.main-header .header-top .action,
	.report-section .image-column .shape-one,
	.report-section .shape-two,
	.main-header .main-menu {
		display: none;
	}

	.main-header .header-lower .logo-box {
		padding: 5px 0px;
	}

	.main-slider h1 {
		line-height: 58px;
	}


	.main-slider-four h1 {
		margin-bottom: var(--margin-bottom-40);
	}


}

@media only screen and (max-width: 599px) {

	.sec-title .text br,
	.main-slider h1 br {
		display: none;
	}

	h1 {
		font-size: var(--font-30);
	}

	h2 {
		font-size: var(--font-28);
	}

	.sec-title h2 {
		line-height: 40px;
	}

	.main-slider .text {
		font-size: var(--font-18);
		line-height: 1.5em;
	}

	.page-title-two h1 br,
	.about-section .image-column .shape-two,
	.main-header .header-top .info,
	.sec-title h2 br {
		display: none;
	}


	.main-slider h1 {
		line-height: 44px;
	}

	.main-slider .text {
		margin-bottom: var(--margin-bottom-35);
	}



	.main-slider-four .slide {
		padding: 250px 0px 120px;
	}

	.main-slider-four h1 br {
		display: none;
	}


	.main-header.header-style-five .header-top .info {
		display: block;
	}

	.main-slider-six .shape-layer-two,
	.main-header.header-style-five .header-top .info li:last-child {
		display: none;
	}



}

@media only screen and (max-width: 479px) {

	h1 {
		font-size: var(--font-30);
	}

	h2 {
		line-height: 1.3em;
		font-size: var(--font-26);
	}

	h3 {
		font-size: var(--font-22);
	}

	h5 {
		font-size: var(--font-18);
	}




	.main-slider .text {
		font-size: var(--font-16);
		line-height: 1.5em;
	}


	.about-section-two .image-column .shape-two,
	.main-slider .shape-three {
		display: none;
	}


	.main-slider-five h1 {
		font-size: var(--font-36);
		line-height: 42px;
	}

}


@media (max-width: 575.98px) {
	.common_padding {
		padding: 0 15px !important;
	}


	h4 {
		font-size: 30px !important;
	}

	.logo img {
		width: 70%;
	}

	section.banner_sec h1 {
		font-size: 30px !important;
	}

	a.our-works {
		margin-left: 0;
	}

	.bnr-cnt a {
		padding: 18px;
		margin: 0 10px;
		font-size: 15px;
	}

	.sticky_inner {
		background: rgb(21 21 21 / 67%);
		;
	}

	section.banner_sec {
		background-position: right !important;
	}

	.abt-cnt {
		padding: 80px 15px !important;
	}

	.home h3 {
		font-size: 20px !important;
	}

	.cubespinner div {
		font-size: 23px;
		line-height: 51px;
	}

	.footer_box {
		padding: 0 15px;
	}

	h1#grow-tagline {
		transform: translate(0px, 66px) !important;
	}

	.number-trios {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.box-s ul {
		margin: 0;
		padding: 0;
	}

	.box-s {
		height: unset;
		margin-bottom: 20px;
	}

	.tagline {
		font-size: 20px !important;
	}

	section.services-main {
		margin: 60px 0;
	}

	h3 {
		font-size: 30px !important;
	}

	section.services-main p {
		font-size: 15px;
	}

	.abt-mm-cnt p {
		width: 100% !important;
	}

	.abt-tab h4 {
		font-size: 26px;
	}

	.row.abt-cnt-ss ul {
		margin: 0;
		padding: 0;
	}

	section.our-works {
		margin: 100px 0 56px 0;
		position: relative;
	}

	div#swiper-our-work {
		padding: 0 0 0 0;
	}

	.check-box-ph1 label {
		margin: 0 0 0 12px;
	}

	.mision {
		height: auto;
		margin-bottom: 20px;
	}

	span.check-box-ph1 {
		display: flex;
		align-items: flex-start;
	}

	section.s-main-section ul li {
		font-size: 15px;
	}

	span.check-box-ph1 input#box {
		margin-top: 4px;
	}

	.swiper-slide .work-img {
		height: 345px !important;
		margin: 57px 0;
		object-fit: cover;
	}

	a.button2.read-2 {
		margin: 15px 0 0 0;
		padding: 17px 13px;
		white-space: nowrap;
		font-size: 15px;
	}

	.abt-mm-cnt {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-direction: column;
		align-content: flex-start;
	}

	.abt-mm-cnt span {
		display: none;
	}

	.trios-main-cnt {
		display: flex;
		align-items: flex-start;
		margin-bottom: 40px;
		flex-direction: column;
	}

	div#tab-cutom button.nav-link {
		font-size: 17px;
	}

	div#tab-cutom .nav-pills .nav-link span {
		font-size: 18px;
	}

	div#tab-cutom .nav-pills .nav-link.active span {
		font-size: 18px;
	}

	.trios-main-cnt p {
		width: 100%;
	}

	.trios-main-cnt span {
		display: none;
	}

	section.our-works h4::before {
		font-size: 60px;
		top: -70px;
	}

	.filter-btns button {
		padding: 10px 7px !important;
		font-size: 11px !important;
		line-height: normal !important;
		margin: 5px 5px !important;
	}

	button.btn.btn-outline-light.active {
		padding: 10px 7px !important;
		font-size: 11px !important;
		line-height: normal !important;
		margin: 5px 5px !important;
	}

	a.button2.read-more3 {
		margin-top: 20px;
	}

	form.contact-form {
		background-size: cover;
	}

	.filter-btns {
		margin-bottom: 45px;
		justify-content: space-between;
		flex-direction: column;
		margin: 0 !important;
	}

	.swiper-slide .work-img {
		padding: 0 15px;
	}

	.testimonial-main {
		padding: 30px 15px;
	}

	section.client h4::before {
		font-size: 40px;
		top: -80px;
	}

	div#testimonials {
		padding: 0 15px;
	}

	img.round {
		position: absolute;
		bottom: 3%;
		left: 23%;
		height: 79px;
	}

	img.cube {
		position: absolute;
		top: -4%;
		right: 0%;
		z-index: -1;
		height: 70px;
	}

	section.clients-logo h4::before {
		font-size: 40px;
		top: -90px;

	}

	div#blog .owl-nav {
		position: absolute;
		top: -8%;
		right: 0%;
		display: flex;
		width: 90px;
	}

	section.blog h4::before {
		font-size: 40px;
		top: -52px;
		left: 0;
	}

	img.round1 {
		right: 6%;
		bottom: 6%;
		width: 70px;
		height: 70px;
	}

	img.cube1 {
		position: absolute;
		right: 0%;
		top: -7%;
		z-index: -1;
		height: 70px;
	}

	section.contact-index h4::before {
		font-size: 40px;
		right: 0;
		left: 0;
		top: -73px;
	}

	div#blog .owl-dots {
		display: flex;
		justify-content: center;
		margin: 15px 0 0 0;
	}

	form.contact-form p {
		font-size: 23px;
	}

	.footer-padding {
		padding: 30px 15px;
	}

	.social_link li a,
	.social_link li {
		margin-right: 9px;
		margin-bottom: 30px;
	}

	p.Copyright {
		text-align: center;
	}

	.footer_widget .contact a {
		font-size: 15px;
	}

	.copy_right p {
		font-size: 9px;
	}

	p.copy-text a {
		font-size: 9px !important;
	}

	.main-header .sticky-header {
		top: 10px;
	}

	.breadcrumbs {
		height: 102px;
		margin: 130px 0 0 0;
	}

	.main-header .sticky-header .mobile-nav-toggler {
		display: block;
		padding: 0px 0px;
	}

	section.Service-main {
		margin-top: 40px;
	}

	div#accordionExample1 {
		padding: 0;
	}

	button.accordion-button {
		font-size: 15px;
		padding: 15px 0;
	}

	.accordion-button:not(.collapsed) {
		font-size: 15px;
	}

	.accordion-body {
		font-size: 15px;
		padding: 0;
	}

	.row.accodian-main {
		padding: 15px;
	}

	.advertas {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 45px;
		flex-direction: column;
	}

	.dropdown-toggle::after {
		display: none;
	}

	section.our-checkout-work h3 {
		margin-bottom: 30px;
		margin-top: 30px;
	}

	a.Load-More {
		width: 80%;
	}

	section.blog-list h4 {
		margin-top: 30px;
	}

	section.contact-index h4 {
		margin-top: 30px;
	}

	section.contact-info h3::after {
		top: 42px;
		left: 0;
	}

	.cnt-div span {
		height: 40px;
		width: 40px;
		padding: 14px;
		margin: 0 11px 0 0px;
	}

	.mobile-menu .nav-logo {
		background: #4ca569;
	}

	span.icon.flaticon-multiply {
		color: #fff;
	}

	.img-trios {
		flex-direction: column;
	}

	.t-mm {
		width: 100%;
	}

	section.contact-index {
		z-index: 11;
	}
}


@media (max-width: 767.98px) {
	
}

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	.common_padding {
		padding: 0 15px !important;
	}

	.main-header .sticky-header .mobile-nav-toggler {
		display: block;
		padding: 0px 0px;
	}

	.main-header .main-menu .navbar-collapse {
		padding: 0px;
		float: right;
		display: none !important;
	}

	.main-header #navbarSupportedContent {
		display: block;
	}

	.mobile-menu .nav-logo {
		background: #4ca569;
	}

	span.icon.flaticon-multiply {
		color: #fff;
	}

	section.banner_sec h1 {
		font-size: 57px;
	}

	.abt-cnt {
		padding: 90px 15px;
	}

	.tagline {
		font-size: 50px;
	}

	.trios-main-cnt {
		display: flex;
		align-items: flex-start;
		margin-bottom: 40px;
		flex-direction: column;
	}

	.trios-main-cnt p {
		width: 100%;
		font-size: 18px;
		margin-top: 30px;
	}

	.trios-main-cnt span {
		display: none;
	}

	section.our-works h4::before {
		font-size: 162px;
		top: -104px;
	}

	.filter-btns {
		margin: 0 auto;
		text-align: center;
		margin-bottom: 70px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
	}

	.filter-btns button {
		margin: 0 0 12px 11px;
	}

	.testimonial-main {
		padding: 15px;
	}

	h4::before {
		font-size: 100px !important;
		text-align: center;
		left: 0;
		right: 0;
	}

	.breadcrumbs h4 {
		font-size: 70px;
	}

	.breadcrumbs {
		width: 100%;
		height: 125px;
	}

	.dropdown-toggle::after {
		display: none;
	}

	.footer-padding {
		padding: 100px 15px;
	}

	.social_link li a,
	.social_link li {
		margin-right: 12px;
		margin-bottom: 20px;
	}

	a.Load-More {
		width: 38%;
	}

	.map {
		padding: 0 15px;
	}

	.contact-form .form-field {
		position: relative;
		margin: 15px 0 32px 0;
	}
}

/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	.main-header .main-menu .navigation>li {
		margin-right: 10px;
	}

	.common_padding {
		padding: 0 15px !important;
	}

	.main-header .main-menu .navigation>li>a {
		font-size: 16px;
	}
}

/* // X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {}