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

	.main-slider-three .social-box{
		top:0px;
	}

}

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

	.main-slider-three .social-box{
		top:100px;
	}

}

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

	.page-wrapper{
		overflow:hidden;
	}

	.main-slider .slide .pattern-layer-two{
		display:none;
	}

}

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

	.main-header{
		margin:0px !important;
	}

	.page-wrapper{
		overflow:hidden;
	}

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

	.main-header .info-box strong{
		font-size:13px;
	}

	.main-slider{
		padding:0px 0px;
	}

	.main-header .info-box{
		margin-left:5px;
		margin-right:20px;
		padding-left:60px;
	}

	.main-header .info-box:last-child{
		margin-right:0px;
	}

	.main-header .header-lower{
		position:relative;
		bottom:0px;
		min-height:70px;
	}

	.vertical-lines-wrapper{
		display:none;
	}

	.sidebar-page-container .sidebar-side .padding-left,
	.about-section .content-column .inner-column{
		padding-left:var(--padding-zero);
	}

	.about-section .image-column .inner-column{
		padding-left:var(--padding-zero);
		padding-right:var(--padding-zero);
	}

	.sec-title .big-text{
		left:0px;
		font-size:var(--font-50);
	}

	.service-block-two .inner-box .overlay-box-two .overlay-inner{
		padding:10px 20px;
	}

	.service-block-two .inner-box .overlay-box-two .icon-two{
		width:60px;
		height:60px;
		line-height:60px;
		font-size:var(--font-34);
	}

	.service-block-two .inner-box .overlay-box-two::before{
		right:0px;
	}

	.news-block .inner-box .overlay-box-two .overlay-inner{
		padding:10px 20px;
	}

	.news-block .inner-box .overlay-box-two .post-date{
		opacity:0;
	}

	.news-block .inner-box .overlay-box-two .image-layer{
		right:0px;
	}

	.team-block .inner-box .image .social-box{
		left:15px;
		top:15px;
	}

	.main-header.header-style-two .header-lower{
		position: absolute;
		left: 0px;
		right: 0px;
		bottom: -32px;
	}

	.main-slider-two .social-box{
		display:none;
	}

	.main-slider-two .owl-nav{
		right:10px;
	}

	.about-section-two .content-column .inner-column .sec-title-two h2{
		font-size:24px;
	}

	.cta-section-one h2 br{
		display:none;
	}

	.cta-section-one .button-box{
		border:none;
		padding-left:var(--padding-zero);
		margin-left: var(--margin-left-10);
	}

	.cta-section-one .play-box strong{
		font-size:var(--font-18);
	}

	.service-block-three .inner-box{
		padding-left:var(--padding-left-15);
		padding-right:var(--padding-right-15);
	}

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

	.header-style-three .main-menu .navigation > li{
		margin-right:var(--margin-right-15);
	}

	.main-slider-three .image-column .image{
		margin-right:var(--margin-zero);
	}

	.main-slider-three h1{
		font-size:var(--font-44);
		line-height:50px;
	}

	.main-slider-three .content-column .inner-column{
		padding-top:var(--padding-top-30);
	}

	.counter-section .counter-column .counter-text{
		font-size:var(--font-16);
	}

	.welcome-section .image-column .image{
		width:auto;
		height:auto;
	}

	.news-section-three .sec-title-three .text,
	.service-section-four .sec-title-three .text{
		max-width:440px;
	}

	.news-section-three .sec-title-three .text br,
	.service-section-four .sec-title-three .text br{
		display:none;
	}

	.cta-section-two .play-box strong{
		font-size:var(--font-18);
	}

	.location-block .inner-box strong{
		font-size:var(--font-20);
	}

	.cta-section-two .button-box{
		margin-right:var(--margin-right-10);
	}

	.cta-section-two .inner-container{
		padding-left:var(--padding-left-15);
		padding-right:var(--padding-right-15);
	}

	.skill-section .image-layer{
		height:100%;
	}

	.team-section-three{
		padding-top:var(--padding-top-110);
	}

	.clients-section .owl-nav{
		left:10px;
		right:10px;
	}

	.location-block .inner-box{
		padding:20px 20px;
	}

	.main-slider-three .pattern-layer{
		display:none;
	}

	.main-slider-three .client-thumb-outer{
		left:0px;
	}

	.main-header .header-upper .upper-right{
		padding-top:var(--padding-top-35);
	}

}

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

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

}

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

	.main-header .main-box .logo-box {
		position:relative;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		margin:0px;
		text-align:left;
	}
	.service-block .inner-box {
		position: relative;
		overflow: hidden;
		border-radius: 5px;
		padding: 50px 40px 70px;
		margin-top: 30px;
	  }
	.carousel-indicators{
		display: none;
	}
	.np2 {
		text-align: center;
		color: #fdfdfd;
		font-size: 20px;
		font-weight: 600;
		font-family: 'Montserrat', sans-serif;
	  }
	  .sli1 li{
		font-size: 18px;
		color: #fdfdfd;
		line-height: 39px;
		font-weight: 600;
	  }

	  .sli1 li {
		list-style: none; /* Remove default list bullets */
		padding-left: 30px; /* Add space for the image */
		position: relative;
		font-family: 'Montserrat', sans-serif;
	}

	.sli1 li::before {
		content: ""; /* Empty content for the image */
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%); /* Vertically center the image */
		width: 20px; /* Set the width of the image */
		height: 20px; /* Set the height of the image */
		background-image: url('../images/icons/right-arrow-next-white.webp'); /* Path to your image */
		background-size: cover; /* Ensure the image fits the space */
	}
	.carousel-caption1 {
		position: absolute;
		right: 10%;
		bottom: 20px;
		left: 10%;
		z-index: 10;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		/*! text-align: center; */
		text-shadow: 0 1px 2px rgba(0,0,0,.6);
		font-size: 40px;
		line-height: 60px;
		font-weight: 500;
		right: 38%;
		left: 5%;
		bottom: 18%;
		top: 12%;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #000000a3;
		padding: 15px 5px;
		/*! line-height: 145px; */
		display: block;
	  }
	.carousel-caption2 {
		position: absolute;
		right: 10%;
		bottom: 20px;
		left: 10%;
		z-index: 10;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		/*! text-align: center; */
		text-shadow: 0 1px 2px rgba(0,0,0,.6);
		font-size: 40px;
		line-height: 60px;
		font-weight: 500;
		right: 36%;
		left: 30%;
		bottom: 6%;
		top: 36%;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #11111196;
		padding: 25px 25px;
		/*! line-height: 145px; */
		display: block;
	  }
	  .np3 {
		text-align: center;
		color: #fdfdfd;
		font-size: 20px;
		font-weight: 600;
		font-family: 'Montserrat', sans-serif;
	  }
	  .head3{
		font-size: 26px;
		color: #fdfdfd;
		line-height: 35px;
		font-weight: 600;
		font-family: 'Montserrat', sans-serif;
	  }
	  .carousel-caption3 {
		position: absolute;
		right: 10%;
		bottom: 20px;
		left: 10%;
		z-index: 10;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		/*! text-align: center; */
		text-shadow: 0 1px 2px rgba(0,0,0,.6);
		font-size: 40px;
		line-height: 60px;
		font-weight: 500;
		right: 28%;
		left: 28%;
		bottom: 15%;
		top: 46%;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #60606096;
		padding: 25px 25px;
		/*! line-height: 145px; */
		display: block;
	  }
	  .carousel-caption4 {
		position: absolute;
		right: 10%;
		bottom: 20px;
		left: 10%;
		z-index: 10;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		/*! text-align: center; */
		text-shadow: 0 1px 2px rgba(0,0,0,.6);
		font-size: 40px;
		line-height: 60px;
		font-weight: 500;
		right: 58%;
		left: 6%;
		bottom: 26%;
		top: 32%;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #00000091;
		padding: 25px 25px;
		/*! line-height: 145px; */
		display: block;
	  }
	  .np4 {
		text-align: center;
		color: #fdfdfd;
		font-size: 19px;
		font-weight: 600;
		font-family: 'Montserrat', sans-serif;
	  }
	  .head4{
		font-size: 24px;
		color: #fdfdfd;
		line-height: 35px;
		font-weight: 600;
		text-align: center;
		font-family: 'Montserrat', sans-serif;
		position: relative;
  margin: 0px;
  background: none;
	  }
	.main-header .header-lower .inner-container:after{
		display:block;
	}

	.main-slider .slide{
		padding:150px 0px 200px;
	}

	.main-header .info-box{
		margin-top:5px
	}

	.main-header .outer-box{
		display:block;
	}

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

	.main-header .options-box{
		margin-top:0px;
		position:absolute;
		left:0px;
		top:25px;
		z-index:12;
		display:none;
		right:auto;
	}

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

	.main-header .header-upper .logo-box{
		margin: 0px;
		width:100%;
		padding-bottom:0px;
		text-align:center;
	}

	.main-header{
		position:relative;
	}

	.main-header .nav-outer{
		width:100%;
		padding-top:0px;
	}

	.main-menu .navigation > li > a{
		text-transform:capitalize;
	}

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

	.banner-section .slide{
		padding:120px 0px 150px;
	}

	.main-header .header-upper .upper-right{
		width:100%;
		text-align:center;
	}

	.main-header .info-box{
		float:none;
		display:inline-block;
	}

	.main-header .header-upper .upper-right{
		padding-top:10px;
	}

	.main-header .header-upper{
		padding-bottom:15px;
	}

	.main-header .header-lower{
		position:relative;
	}

	.main-header .header-lower .inner-container{
		padding:0px 0px;
	}

	.banner-section{
		padding-top:120px;
	}

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

	.main-header .nav-outer::before{
		transform:skew(0deg);
	}

	.main-header .main-menu .navigation > li{
		margin-right:var(--margin-right-25);
	}

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

	.service-section .inner-container{
		margin-top:var(--margin-zero);
	}

	.main-header .sticky-header .main-menu .navigation > li{
		margin-left:var(--margin-left-20);
	}

	.main-slider .slide{
		padding:150px 0px 150px;
	}

	.service-section{
		padding:0px 0px 0px;
	}

	.service-section-two .owl-nav{
		max-width:170px;
	}

	.project-section .tabs-content{
		padding-right:var(--padding-zero);
	}

	.project-section .btns-outer{
		position:relative;
		padding:60px 0px 45px;
	}

	.project-section .tabs-content .image{
		margin-left:var(--margin-zero);
	}

	.project-section .btns-outer{
		max-width:100%;
	}

	.project-section .btns-outer .tab-buttons{
		max-width:inherit;
		text-align:center;
		padding-left:var(--padding-left-25);
	}

	.project-section .tab-btns .tab-btn{
		border-radius:4px;
		padding:10px 24px;
		margin:0px 5px 15px;
		display:inline-block;
		font-size:var(--font-18);
		border:2px solid var(--white-color);
	}

	.project-section .tab-btns .tab-btn:before,
	.project-section .tab-btns .tab-btn:after{
		display:none;
	}

	.project-section .tab-btns .tab-btn:hover,
	.project-section .tab-btns .tab-btn.active-btn{
		transform:translateX(0px);
	}

	.project-section .btns-outer .title-box{
		text-align:center;
	}

	.project-section .btns-outer .title-box{
		margin-bottom:var(--margin-bottom-30);
	}

	.products-section .owl-nav{
		max-width:220px;
	}

	.news-section .owl-dots,
	.team-section .owl-dots{
		position:relative;
		right:0px;
		top:0px;
		margin-top:var(--margin-zero);
	}

	.news-section .owl-dots .owl-dot span::after,
	.team-section .owl-dots .owl-dot span::after{
		display:none;
	}

	.news-section .owl-nav,
	.team-section .owl-nav{
		display:none;
	}

	.project-section .tabs-content .image{
		padding-top:var(--padding-top-30);
	}

	.main-header.header-style-two .header-lower{
		position:relative;
		bottom:0px;
		background-color:rgb(234, 234, 234);
	}

	.header-style-two .nav-outer{
		padding-right:var(--padding-zero);
	}

	.header-style-two .outer-box .btn-box .theme-btn{
		padding:13px 14px;
		font-size: var(--font-14);
	}

	.main-slider-two .slide{
		padding:120px 0px 130px;
	}

	h1{
		font-size: var(--font-60);
		line-height:66px;
	}

	.about-section-two .content-column{
		order:1;
	}

	.about-section-two .image-column{
		order:2;
	}

	.cta-section-one .inner-container{
		text-align:center;
	}

	.cta-section-one h2{
		margin-bottom:var(--margin-bottom-20);
	}

	.cta-section-one .play-box{
		display:block;
		width:100%;
		padding:var(--padding-zero);
	}

	.cta-section-one .play-box .play-button{
		position:relative;
		margin:0 auto;
		display:block;
		margin-bottom:var(--margin-bottom-30);
	}

	.cta-section-one .button-box{
		width:100%;
		margin-left:var(--margin-zero);
		margin-top:var(--margin-top-25);
	}

	.cta-section-one .button-box .theme-btn{
		display:inline-block;
	}

	.project-section-two::before{
		top:200px;
		bottom:0px;
		height:auto;
	}

	.faq-section .accordion-column .upper-text{
		margin-top:var(--margin-zero);
	}

	.header-style-three .header-lower .inner-container{

	}

	.header-style-three .logo-box{
		padding:15px 0px;
	}

	.header-style-three .nav-outer{
		width:auto;
		float:left;
	}

	.header-style-three .outer-box{
		padding:6px 0px;
	}

	.main-slider-three .content-column{
		margin-bottom:var(--margin-bottom-30);
	}

	.welcome-section .content-column{
		order:1;
	}

	.welcome-section .image-column{
		order:2;
	}

	.welcome-section .image-column .image{
		border-radius:0px;
		border:0px;
		text-align:center;
	}

	.team-section-three .sec-title-three .pull-right,
	.service-section-four .sec-title-three .pull-right{
		width:100%;
	}

	.team-section-three .sec-title-three .text,
	.service-section-four .sec-title-three .text{
		max-width:100%;
		margin-top:var(--margin-top-20);
	}

	.team-section-three .sec-title-three .text br{
		display:none;
	}

	.cta-section-two .inner-container{
		text-align:center;
	}

	.cta-section-two .button-box{
		display:block;
		width:100%;
		margin-right:var(--margin-zero);
	}

	.cta-section-two .button-box .theme-btn{
		display:inline-block;
	}

	.cta-section-two .play-box{
		width:100%;
		padding:var(--padding-zero);
	}

	.cta-section-two .play-box .play-button{
		position:relative;
		margin:0 auto;
		display:block;
		margin-bottom:var(--margin-bottom-30);
	}

	.cta-section-two .side-image{
		display:none;
	}

	.cta-section-two h2{
		padding:var(--padding-zero);
		font-size: 26px;
	}

	.cta-section-two .inner-container{
		padding:50px 15px;
	}

	.project-section-three .inner-container{
		padding:var(--padding-zero);
	}

	.project-section-three .project-tab .tab-btns-box{
		position:relative;
		width:100%;
	}

	.skill-section .skill-column{
		order:1;
		margin-bottom:var(--margin-bottom-50);
	}

	.skill-section .video-column{
		order:2;
	}

	.news-section-three .sec-title-three .pull-right{
		width:100%;
	}

	.news-section-three .sec-title-three .text{
		max-width:100%;
		margin-top:var(--margin-top-20);
	}

	.page-title{
		padding:100px 0px;
	}

	.team-page-section .sec-title-three .text{
		max-width:100%;
		margin-top:var(--margin-top-20);
	}

	.team-page-section .sec-title-three .text br{
		display:none;
	}

	.skills.style-two{
		max-width:100%;
	}

	.process-section .images-column .image-two{
		position:relative;
		top:0px;
	}

	.sidebar-page-container .sidebar-side.left-sidebar{
		order:2;
	}

	.sidebar-page-container .sidebar-side.right-sidebar{
		order:1;
	}

	.project-detail-section .upper-box{
		padding:var(--padding-zero);
	}

	.project-detail-section .upper-box .info-box{
		position:relative;
		top:0px;
		max-width:100%;
		margin-top:var(--margin-top-30);
	}

	.project-detail-section .more-posts .pull-left{
		width:100%;
	}

	.project-detail-section .more-posts .prev-post{
		text-align:center;
		padding:var(--padding-zero);
		margin-bottom:var(--margin-bottom-25);
	}

	.project-detail-section .more-posts .prev-post .thumb-image{
		position:relative;
		display:inline-block;
		margin-bottom:var(--margin-bottom-15);
	}

	.project-detail-section .more-posts .pull-right{
		width:100%;
	}

	.project-detail-section .more-posts .next-post{
		text-align:center;
		padding:var(--padding-zero);
	}

	.project-detail-section .more-posts .next-post .thumb-image{
		position:relative;
		display:inline-block;
		margin-bottom:var(--margin-bottom-15);
	}

	.header-style-three .outer-box{
		display:none;
	}

	.main-header.header-style-two .header-upper .logo-box{
		padding:15px 0px 15px;
	}

}

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

	.header-upper .logo-outer {
		position:relative;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		width:100%;
		margin:0px;
	}
	.main-header .nav-outer .mobile-nav-toggler {
		position: relative;
		float: right;
		font-size: 26px;
		line-height: 50px;
		cursor: pointer;
		color: #131313 !important;
		display: none;
		font-family: "Flaticon";
	  }
	.about-section-two .image-column .inner-column {
		position: relative;
		padding-right: var(--padding-right-70);
		padding-bottom: 50px;
	  }
	  .service-section .sec-title {
		position: relative;
		z-index: 1;
		margin-bottom: 0px;
	  }
	.cta-section-two h2 {
		line-height: 50px;
		color: var(--white-color);
		padding-top: var(--padding-top-45);
		margin-bottom: var(--margin-bottom-15);
		font-size: 30px;
		padding-top: 30px;
		padding-bottom: 30px;
	  }
	.smt1 {
		margin-top: 10px;
	  }
	  .smt2{
		margin-top: 10px;
	}
	.main-header .sticky-header .outer-box{
		display:block;
		right: 15px;
		left: auto;
		top:0px;
	}

	.main-header .sticky-header .pull-right{
		width:auto;
	}

	.main-menu{
		width:100%;
		display:none;
	}

	.service-detail .lower-content .gallery-images .image{
		margin-bottom:var(--margin-bottom-30);
	}

	.sidebar-page-container .comments-area .comment-box.reply-comment{
		margin-left:0px;
	}

	.main-header .info-box{
		padding-left:0px;
		text-align:center;
		width:100%;
		margin-left:0px;
		margin-right:0px;
		margin-top:0px;
		margin-bottom: 20px;
	}

	.main-header .info-box:last-child{
		margin-bottom:0px;
	}

	.main-header .info-box .icon-box{
		position:relative;
		margin:0 auto;
		margin-bottom:15px;
	}

	.main-header .header-lower .outer-box{
		position:absolute;
		left:0px;
		z-index:12;
		display:block;
		padding-left:0px;
		border:0px;
		padding:16px 0px 16px 0px;
	}

	.main-header .nav-outer::before{
		left:-10%;
	}

	.main-menu .navbar-header .navbar-toggler{
		display: inline-block;
		z-index: 12;
		width: 50px;
		height: 40px;
		float: none;
		padding: 0px;
		text-align: center;
		border-radius: 0px;
		background: none;
		border: 1px solid #ffffff;
	}

	.main-menu .navbar-header .navbar-toggler .icon-bar{
		position: relative;
		background: #ffffff;
		height: 2px;
		width: 26px;
		display: block;
		margin:0 auto;
		margin:5px 11px;
	}

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

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

	#navbarSupportedContent{
		display:block;
	}

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

	.page-title h2,
	h2{
		font-size:30px;
		line-height: 36px;
	}

	.main-header .info-box:last-child{
		top:0px;
	}

	.main-header .btn-box{
		float:none;
		margin-left:0px;
	}

	.main-header .info-box:last-child{
		margin-left:0px;
	}

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

	.sec-title .text br,
	.header-top .top-right .clock{
		display:none;
	}

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

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

	.main-slider .owl-nav{
		right:10px;
	}

	.about-section{
		padding-top:var(--padding-top-80);
	}

	.main-header .header-upper{
		padding:var(--padding-zero);
	}

	.service-section-two .pattern-layer-one,
	.main-header .header-upper .upper-right,
	.products-section .owl-dots .owl-dot span::after,
	.service-section-two .owl-dots .owl-dot span::after,
	.service-section-two .owl-nav{
		display:none;
	}

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

	.about-section{
		padding-bottom:var(--padding-bottom-70);
	}

	.products-section,
	.service-section-two{
		padding:100px 0px 100px;
	}

	.project-section{
		padding-bottom:var(--padding-bottom-100);
	}

	.cta-section h2{
		line-height:54px;
		font-size:var(--font-40);
	}

	.main-header.header-style-two .header-lower .outer-box{
		padding:8px 8px;
	}

	.main-header.header-style-two .nav-outer .mobile-nav-toggler{
		padding:11px 20px;
	}

	.sec-title-two h2 br,
	.sec-title-two .text br{
		display:none;
	}

	.main-slider-two .title{
		font-size:var(--font-22);
	}

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

	.project-section-two::before{
		top:150px;
	}

	.footer-style-two .footer-bottom .pull-left,
	.footer-style-two .footer-bottom .pull-right{
		width:100%;
		text-align:center;
	}

	.footer-style-two .footer-bottom .copyright{
		margin-bottom:var(--margin-bottom-15);
	}

	.header-style-three .header-lower .outer-box{
		display:none;
	}

	.header-style-three .nav-outer{
		margin-top:-95px;
	}

	.header-style-three .logo-box{
		padding:15px 0px;
	}

	.main-slider-three .title{
		font-size:18px;
	}

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

	.sec-title-three .text br{
		display:none;
	}

	.testimonial-block-two .inner-box{
		padding-left:var(--padding-left-15);
		padding-right:var(--padding-right-15);
	}

	.process-section .images-column .image{
		margin-bottom:var(--margin-zero);
	}

	.project-detail-section .gallery-box .image{
		position:relative;
		margin-bottom:var(--margin-bottom-20);
	}

	.project-detail-section .gallery-box .image img{
		position:relative;
		width:100%;
	}

	.news-block-four .inner-box .lower-content{
		padding-top:var(--padding-top-40);
	}

	.news-block-four .inner-box .post-info li{
		margin-bottom:var(--margin-bottom-15);
	}

	.news-detail .inner-box .lower-content{
		padding-top:var(--padding-top-30);
	}

	.news-detail .inner-box .post-info li{
		margin-bottom:var(--margin-bottom-15);
	}

	.news-detail .inner-box .gallery-box .carousel-column{
		margin-bottom:var(--margin-bottom-30);
	}

	.news-detail .post-share-options .social-box{
		width:100%;
		padding-top:var(--padding-top-15);
	}

	.project-detail-section .more-posts{
		display:none;
	}

	.project-detail-section{
		padding-bottom:var(--padding-bottom-90);
	}

	.main-header .header-lower{
		min-height:auto;
	}

	.main-slider-two .owl-nav{
		bottom:20px;
		left:5px;
		right:auto;
		top:auto;
		transform:translateY(0%);
	}

	.main-slider .owl-nav{
		bottom:0px;
		right:5px;
		top:auto;
		transform:translateY(0%);
	}

	.main-slider-two .content-column .inner-column .pull-left,
	.main-slider-two .content-column .inner-column .pull-right{
		width:100%;
	}

}

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

	.cta-section h2 br,
	.main-slider-three .social-box,
	.sec-title .text br{
		display:none;
	}
	.year-box {
		display: none;
	}
	.news-section-two {
		position: relative;
		overflow: hidden;
		padding: 15px 0px 25px;
		background-color: #f7f7f7;
		margin-top: 25px;
	  }
	  .cta-section-two .nh2 {
		line-height: 40px;
		color: var(--white-color) !important;
		padding-top: var(--padding-top-45);
		margin-bottom: var(--margin-bottom-15) !important;
		font-size: 23px;
		padding-top: 0px;
		padding-bottom: 0px;
		font-weight: 700;
		position: relative;
		margin: 0px;
		  margin-bottom: 0px;
		margin-bottom: 0px;
		background: none;
		color: var(--black-color);
		font-family: var(--font-family-BeVietnam);
	  }
	  .about-section-two .image-column {
		position: relative;
		margin-bottom: 0px;
	  }
	  .sec-title .nh2 {
		padding-bottom: 10px !important;
		margin-bottom: var(--margin-bottom-15);
		line-height: 44px;
		font-weight: 700;
		font-size: 19px;
		position: relative;
		margin: 0px;
		margin-bottom: 0px;
		background: none;
		color: var(--black-color);
		font-family: var(--font-family-BeVietnam);
		line-height: 42px;
		font-weight: 503;
		color: var(--color-thirtyone);
		margin-bottom: var(--margin-bottom-10);
		font-size: 19px;
		position: relative;
		margin: 0px;
		  margin-bottom: 0px;
		margin-bottom: 0px;
		margin-bottom: 0px;
		background: none;
		color: var(--black-color);
		font-family: var(--font-family-BeVietnam);
	  }
	  .service-section {
		position: relative;
		z-index: 10;
		padding: 50px 0px;
	  }
	  .page-title .nh2 {
		font-weight: 501;
		font-size: 22px;
		line-height: 38px;
	  }
	  .footer-column {
		margin-top: 25px;
	  }
	.sec-title-two .nh2 {
		line-height: 35px;
		font-weight: 501;
		color: var(--color-thirtyone);
		margin-bottom: var(--margin-bottom-10);
		font-size: 20px;
		position: relative;
		margin: 0px;
		  margin-bottom: 0px;
		margin-bottom: 0px;
		background: none;
		color: var(--black-color);
		font-family: var(--font-family-BeVietnam);
	  }
	  .page-title .bread-crumb li {
		position: relative;
		font-weight: 500;
		display: inline-block;
		text-transform: capitalize;
		font-size: 15px;
		color: var(--white-color);
		margin-right: var(--margin-right-15);
		padding-right: var(--padding-right-15);
	  }
	  .mtbm {
		margin-top: 50px;
		margin-bottom: 30px;
	  }
	  .head2 {
		margin-bottom: 0px;
		margin-top: 11px;
	  }
	  .contain1 .sec-title{
		margin-bottom: 20px;
	  }
	  .about-section-two .image-column .inner-column {
		position: relative;
		padding-right: 0px;
		padding-bottom: 50px;
	  }
	.abmt1{
		margin-top: 20px;
	}
	.btn-style-four1:hover {
		position: relative;
		line-height: 30px;
		font-weight: 600;
		overflow: hidden;
		text-align: center;
		border-radius: 4px;
		padding: 14px 16px;
		color: rgb(255, 255, 255);
		font-size: var(--font-16);
		text-transform: capitalize;
		display: inline-block;
		background-color: #fff;
		font-family: var(--font-family-BeVietnam);
		border: 1px solid #cc2131;
		background-color: #cc2131;
	  }
	.page-title {
		padding: 40px 0px;
	  }
	.main-footer {
		position: relative;
		z-index: 10;
		padding: 30px 0px 0px;
		background-position: center center;
		background-repeat: no-repeat;
		background-color: background-color: rgb(60, 60, 60);
		background-color: rgb(60, 60, 60);
	  }
	  .contact-page-section {
		position: relative;
		padding: 40px 0px 20px;
	  }
	  .about-section-two {
		position: relative;
		padding: 19px 0px 0px;
		  padding-top: 40px;
		background-position: right bottom;
		background-repeat: no-repeat;
	  }
	.btn-style-four1 {
		position: relative;
		line-height: 30px;
		font-weight: 600;
		overflow: hidden;
		text-align: center;
		border-radius: 4px;
		padding: 14px 16px;
		color: rgb(204, 33, 49);
		font-size: var(--font-16);
		text-transform: capitalize;
		display: inline-block;
		background-color: #fff;
		font-family: var(--font-family-BeVietnam);
		border: 1px solid #cc2131;
	  }
	  .btn-style-four1:hover {
		line-height: 30px;
		font-weight: 600;
		text-align: center;
		color: rgb(255, 255, 255);
		font-size: var(--font-16);
		text-transform: capitalize;
		font-family: var(--font-family-BeVietnam);
	  }
	  .main-footer .footer-widget h4 {
		font-weight: 700;
		margin-top: 40px;
		margin-bottom: 30px;
		color: var(--white-color);
		text-transform: capitalize;
		padding-bottom: var(--padding-bottom-20);
		font-size: 18px;
	  }
	.dsn1{
		display: none;
	  }
	  .dsn2{
		display: block;
	  }
	  .np2 {
		text-align: center;
		color: #fdfdfd;
		font-size: 20px;
		font-weight: 600;
		font-family: 'Montserrat', sans-serif;
	  }
	  .sli1 li{
		font-size: 25px;
		color: #fdfdfd;
		line-height: 45px;
		font-weight: 600;
	  }

	  .sli1 li {
		list-style: none; /* Remove default list bullets */
		padding-left: 30px; /* Add space for the image */
		position: relative;
		font-family: 'Montserrat', sans-serif;
	}

	.sli1 li::before {
		content: ""; /* Empty content for the image */
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%); /* Vertically center the image */
		width: 20px; /* Set the width of the image */
		height: 20px; /* Set the height of the image */
		background-image: url('../images/icons/right-arrow-next-white.webp'); /* Path to your image */
		background-size: cover; /* Ensure the image fits the space */
	}
	.carousel-caption1 {
		position: absolute;
		right: 10%;
		bottom: 20px;
		left: 10%;
		z-index: 10;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #000;
		/*! text-align: center; */
		text-shadow: 0 1px 2px rgba(0,0,0,.6);
		font-size: 40px;
		line-height: 60px;
		font-weight: 500;
		right: 5%;
		left: 6%;
		bottom: 3%;
		top: 72%;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #000000bd;
		padding: 9px 31px;
		/*! line-height: 145px; */
		display: block;
	  }
	.carousel-caption2 {
		position: absolute;
		right: 10%;
		bottom: 20px;
		left: 10%;
		z-index: 10;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		/*! text-align: center; */
		text-shadow: 0 1px 2px rgba(0,0,0,.6);
		font-size: 40px;
		line-height: 60px;
		font-weight: 500;
		right: 10%;
		left: 10%;
		bottom: 6%;
		top: 59%;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #11111196;
		padding: 25px 25px;
		/*! line-height: 145px; */
		display: block;
	  }
	  .np3 {
		text-align: center;
		color: #fdfdfd;
		font-size: 16px;
		font-weight: 600;
		font-family: 'Montserrat', sans-serif;
	  }
	  .head3{
		font-size: 22px;
		color: #fdfdfd;
		line-height: 29px;
		font-weight: 600;
		font-family: 'Montserrat', sans-serif;
		text-align: center;
	  }
	  .carousel-caption3 {
		position: absolute;
		right: 10%;
		bottom: 20px;
		left: 10%;
		z-index: 10;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		/*! text-align: center; */
		text-shadow: 0 1px 2px rgba(0,0,0,.6);
		font-size: 40px;
		line-height: 60px;
		font-weight: 500;
		right: 28%;
		left: 28%;
		bottom: 15%;
		top: 46%;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #60606096;
		padding: 25px 25px;
		/*! line-height: 145px; */
		display: block;
	  }
	  .carousel-caption4 {
		position: absolute;
		right: 10%;
		bottom: 20px;
		left: 10%;
		z-index: 10;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		/*! text-align: center; */
		text-shadow: 0 1px 2px rgba(0,0,0,.6);
		font-size: 40px;
		line-height: 60px;
		font-weight: 500;
		right: 6%;
		left: 6%;
		bottom: 6%;
		top: 65%;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #00000091;
		padding: 25px 25px;
		/*! line-height: 145px; */
		display: block;
	  }
	  .np4 {
		text-align: center;
		color: #fdfdfd;
		font-size: 20px;
		font-weight: 600;
		font-family: 'Montserrat', sans-serif;
	  }
	  .head4{
		font-size: 22px;
		color: #fdfdfd;
		line-height: 30px;
		font-weight: 600;
		text-align: center;
		font-family: 'Montserrat', sans-serif;
		position: relative;
  margin: 0px;
  background: none;
	  }
	.main-header .sticky-header .logo {
		padding: 7px 0px 6px;
		height: 75px;
		/*! width: 336px; */
	  }
	  .btn-style-two .btn-wrap .text-one {
		position: relative;
		display: block;
		color: #fdfdfd;
		transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	  }
	  .btn-style-two .plus {
		line-height: 30px;
		text-align: center;
		color: #fdfdfd;
		font-family: "Flaticon";
		font-size: var(--font-12);
	  }
	.smt1 {
		margin-top: 30px;
	  }
	  .smt2{
		margin-top: 30px;
	}
	.cta-section-two h2 {
		line-height: 50px;
		color: var(--white-color);
		padding-top: var(--padding-top-45);
		margin-bottom: var(--margin-bottom-15);
		font-size: 28px;
		padding-top: 0px;
		padding-bottom: 0px;
		font-weight: 500;
	  }
	.header-style-two .nav-outer {
		width: 100%;
		border-radius: 4px;
		padding-right: var(--padding-right-10);
		background-color: rgb(234, 234, 234);
	  }
	  .df1 {
		justify-content: space-between;
		display: block;
	}
	.cli p {
		box-shadow: 0px 3px 8px 2px #ededed;
		padding: 20px 20px;
		margin-top: 10px;
		text-align: center;
		background-color: #ba161f0a;
		font-size: 17px;
		font-weight: 500;
		min-height: auto;
	  }
	  .btn-style-two {
		position: relative;
		line-height: 30px;
		font-weight: 600;
		overflow: hidden;
		text-align: center;
		border-radius: 4px;
		padding: 13px 28px;
		color: rgb(253, 253, 253);
		font-size: var(--font-16);
		text-transform: capitalize;
		display: inline-block;
		/*! background-color: #cc2131; */
		font-family: var(--font-family-BeVietnam);
		/*! background-color: #caa357; */
		background-color: #38be89;
	  }
	h1{
		font-size:var(--font-40);
		line-height:48px;
	}

	.feature-block .inner-box{
		min-height:56px;
	}

	.about-section .content-column .lower-box{
		margin-right:var(--margin-zero);
	}

	.cta-section h2{
		font-size:var(--font-34);
		line-height:40px;
	}

	.project-section .tab-btns .tab-btn {
		border-radius: 4px;
		padding: 8px 24px;
		margin: 0px 3px 10px;
		display: inline-block;
		font-size: var(--font-16);
		border: 2px solid var(--white-color);
	}

	.main-slider-two .phone-box{
		margin-left:var(--margin-zero);
		margin-top:var(--margin-top-25);
	}

	.about-section-two .content-column .inner-column .sec-title-two h2{
		font-size: var(--font-30);
		line-height:40px;
	}

	.testimonial-block .inner-box .text{
		padding-right:var(--padding-zero);
	}

	.testimonial-block .inner-box .author-image{
		position:relative;
		right:0px;
		margin-top:var(--margin-top-35);
		margin-bottom:var(--margin-bottom-25);
	}

	.news-section-two .owl-nav{
		position:relative;
		top:0px;
		right:0px;
		text-align: center;
	}

	.project-block .inner-box .content-box{
		margin:30px 0px 0px;
		box-shadow:inherit;
		padding:0px 0px 0px 25px;
	}

	.project-block .inner-box .content-box h3 a br,
	.sec-title-three h2 br{
		display:none;
	}

	.cta-section-two h2{
		line-height:40px;
	}

	.news-block-four .inner-box .lower-content{
		padding:25px 20px;
	}

	.news-detail .inner-box .lower-content{
		padding:20px 20px;
	}

	.sidebar-page-container .comments-area .comment-box{
		padding:20px 20px;
	}

	.sidebar-page-container .comments-area .comment{
		padding-left:var(--padding-zero);
	}

	.sidebar-page-container .comments-area .comment-box .author-thumb{
		position:relative;
		margin-bottom:var(--margin-bottom-25);
	}

	.main-slider-three .slide{
		padding-bottom:var(--padding-bottom-200);
	}

	.about-section .content-column .button-box{
		width:100%;
	}

	.about-section .content-column .phone-box{
		margin-left:var(--margin-zero);
		margin-top:var(--margin-top-25);
	}

}

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

	.sec-title h2 br,
	.cta-section .pattern-layer-two,
	.products-section .pattern-layer-two,
	.products-section .pattern-layer,
	.news-block .inner-box .overlay-box-two .text,
	.service-block-two .inner-box .overlay-box-two .text,
	.about-section .image-column .image .gear-icon-two,
	.service-block .inner-box .shape-two,
	.header-top .top-right .social-box:before,
	.header-top .top-left{
		display:none;
	}
	.sli1, .carousel-indicators{
		display: none;
	}

	.header-top .top-right .social-box{
		padding-left:var(--padding-zero);
	}

	.header-top .top-right,
	.header-top .top-right .social-box{
		width:100%;
		text-align:center;
	}

	h1{
		line-height:1.3em;
		font-size:var(--font-30);
	}

	.service-block .inner-box{
		padding:50px 20px 50px;
	}

	.sec-title .big-text {
		left: 0px;
		font-size: var(--font-40);
	}

	.about-section .content-column .phone-box{
		margin-left:var(--margin-zero);
		margin-top:var(--margin-top-25);
	}

	.service-block-two .inner-box .overlay-box-two h5{
		margin-bottom:var(--margin-bottom-20);
	}

	.service-block-two .inner-box .overlay-box{
		right:0px;
	}

	.project-section .content{
		position:relative;
		padding:25px 25px;
	}

	.project-section .content .arrow{
		height:55px;
		line-height:55px;
	}

	.cta-section h2 {
		font-size: var(--font-28);
		line-height: 38px;
	}

	.news-block .inner-box .overlay-box-two h5{
		margin-bottom:var(--margin-bottom-20);
	}

	.news-block .inner-box .overlay-box .content{
		padding:25px 15px 25px;
	}

	.main-slider-two .title{
		font-size: var(--font-18);
	}

	.main-slider-two .phone-box strong{
		font-size: var(--font-20);
	}

	.project-detail-section .middle-box h3,
	h3{
		font-size: var(--font-28);
	}

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

	.sec-title-two h2,
	.about-section-two .content-column .inner-column .sec-title-two h2 {
		font-size: 20px;
		line-height: 36px;
	}

	.cta-section-one h2{
		line-height:40px;
	}

	.project-section-two::before{
		top:200px;
	}

	.sec-title-two .title{
		font-size: var(--font-20);
		padding-right:var(--padding-right-20);
	}

	.testimonial-block .inner-box .pull-right{
		width:100%;
		margin-top:var(--margin-top-10);
	}

	.main-slider-three h1 {
		font-size: var(--font-30);
		line-height: 40px;
	}

	.main-slider-three .title{
		font-size: var(--font-16);
	}

	.main-slider-three .client-thumb-outer{
		left:0px;
		max-width:300px;
	}

	.project-section-three .project-tab .tab-btns-box .p-tab-btn{
		font-size: var(--font-14);
	}

	.project-section-three .lower-box{
		margin-top:var(--margin-top-30);
	}

	.approach-block .inner-box{
		padding:10px 10px 25px;
	}

	.accordion-box .block .icon-outer{
		right:0px;
	}

	.process-block .inner-box{
		padding-left:var(--padding-zero);
	}

	.process-block .inner-box .number{
		position:relative;
		top:0px;
		line-height:1em;
		margin-bottom:var(--margin-bottom-15);
	}

	.sidebar-widget .widget-content{
		padding:20px 20px 25px;
	}

	.download-list li a{
		font-size: var(--font-16);
	}

	.project-block-two .inner-box .content{
		left:20px;
		bottom:20px;
	}

	.project-block-two .inner-box .content h4{
		line-height:30px;
	}

	.project-detail-section .upper-box .info-list{
		padding:20px 20px;
	}

	.project-detail-section .value-box{
		padding:20px 20px;
	}

	.feature-block-three .block-content{
		padding-left:var(--padding-zero);
	}

	.feature-block-three .block-content .icon{
		position:relative;
		top:0px;
		display:inline-block;
		margin-bottom:var(--margin-bottom-20);
	}

	.sidebar-page-container .comments-area .comment-info .comment-time{
		display:block;
		margin-left:var(--margin-zero);
		margin-top:var(--margin-top-10);
	}

	.comment-form{
		padding:25px 15px 15px;
	}

	.project-section .btns-outer .title-box h2{
		font-size: var(--font-28);
	}

	.page-title h2, h2 {
	  font-size: 26px;
	  line-height: 30px;
	}

	.about-section-two{
		padding-top:35px;
	}

	.cta-section-one .inner-container{
		padding-left:var(--padding-left-15);
		padding-right:var(--padding-right-15);
	}

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mdmt1{
	margin-top: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 918px) {
	.main-header .btn-box {
		display: none;
	  }
	}
	@media only screen and (min-width: 810px) and (max-width: 1080px) {
		.news-section-two {
			position: relative;
			overflow: hidden;
			padding: 15px 0px 25px;
			background-color: #f7f7f7;
			margin-top: 20px;
		  }
		  .cta-section-two .nh2 {
			line-height: 50px;
			color: var(--white-color) !important;
			padding-top: var(--padding-top-45);
			margin-bottom: var(--margin-bottom-15) !important;
			font-size: 27px;
			padding-top: 0px;
			padding-bottom: 0px;
			font-weight: 700;
			position: relative;
			margin: 0px;
			  margin-bottom: 0px;
			margin-bottom: 0px;
			background: none;
			color: var(--black-color);
			font-family: var(--font-family-BeVietnam);
		  }
		  .main-footer .footer-widget .nh4 {
			margin-top: 30px !important;
		}
		.main-footer {

			padding: 30px 0px 0px;
	}
}