@media (max-width: 1354px) {
	.service-area-text {
	padding-top:25px;
	padding-left:0px;
	padding-right:0px;
	}
	.service-area-text h3{
	font-size:24px;
	}
	.service-area-text ul {
		font-size:14px;
	}
	.service-area-vertical img{
		width: 200px;
	}
	.service-area-container-left {
	margin-bottom: -50px;
	margin-top: -50px;
	margin-left: 150px;
	}
	.service-area-container-right {
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: -175px;
	}
}

@media (max-width:1280px) {
	.about-partners {
		height:100%;
	}
	.fancybox-slide--iframe .fancybox-content{
        width: 1100px !important;
        /*padding-top: 56.2%; /* (9/16 * 100%) -- your aspect ratio in percents */
        padding-top: 0;
        height: 650px !important;
	}
	.project-details-area h3 {
		font-size: 28px;
	}
	.project-details-area h2 {
		font-size: 16px;
	}
	.project-details-area p {
		font-size: 13px;
	}
	.project-details-area .img-fluid {
		padding-bottom: 15px;
	}
}
@media (max-width: 1224px) {
	.projects-list h1 {
		font-size: 15px
	}
}
@media (max-width: 1154px) {
	.about-company-kpi h1{
		font-size:54px
	}
}
@media (max-width: 1124px) {
	.nav-menu a {
		font-size: 11px;
	}
	.service-area-text {
	padding-top:25px;
	}
	.service-area-text h3{
	font-size:18px;
	}
	.service-area-text ul {
		font-size:14px;
	}
	.service-area-vertical img{
		width: 150px;
	}
	.service-area-container {
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 00px;
	padding: 10px 0px;
	}
	.service-area-container-left {
	margin-bottom: -50px;
	margin-top: -50px;
	margin-left: 80px;
	}
	.service-area-container-right {
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: -180px;
	}
	.group-area-text{
		height: 220px;
	}
	.people-name h4{
		font-size:15px;
	}
	.people-name h5{
		font-size:12px;
	}
}
@media (max-width: 1024px) {
	
    .single-service {
        padding: 22px
    }
	.feature-area .single-feature {
        padding: 30px
    }
	.post-content-area .single-post .meta-details {
        margin-top: 0px
    }
	.group-area-text{
		height:230px;
	}
	.fancybox-slide--iframe .fancybox-content{
        width: 1100px !important;
        /*padding-top: 56.2%; /* (9/16 * 100%) -- your aspect ratio in percents */
        padding-top: 0;
        height: 650px !important;
	}
	.project-details-area h3 {
		font-size: 24px;
	}
	.project-details-area h2 {
		font-size: 14px;
	}
	.project-details-area p {
		font-size: 10px;
	}
	.project-details-area .img-fluid {
		padding-bottom: 15px;
	}
		.leftlogo{
		padding:0px;
	}
	.rightlogo{
		padding:0px;
	}
}
@media (max-width: 991px) {
	.progress-table-wrap {
        overflow-x: scroll
    }
	.left-align-p p {
        margin-top: 20px
    }
	.single-service {
        margin-bottom: 30px
    }
    .group-right {
        margin-top: 50px
    }
	.project-details-right {
        margin-top: 50px
    }
	.quality-right {
        margin-top: 50px
    }
	.contact-page-area .map-wrap {
        margin-top: 50px
    }
	.contact-page-area {
		#height: 100vh;
		height: 100%;
	}
	.top-category-widget-area .single-cat-widget {
        margin-bottom: 50px
    }
	.widget-wrap {
        margin-top: 50px
    }
	.comment-form .email {
        padding-left: 0px
    }
	.comment-form .name {
        padding-right: 0px
    }
	.section-title p br {
        display: none
    }
	.footer-social {
        text-align: left
    }
    .generic-banner .generic-banner-content h2 br {
        display: none
    }
    .generic-banner .generic-banner-content p br {
        display: none
    }
	.group-area-text {
	height:315px
	}
	.about-company, .about-service, .about-partners-area {
		padding-top:120px;
	}
	.group-col-hidden {
		display:none;
	}
	.group-area-col-company {
		-ms-flex: 0 0 33.3333%;
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}
	.about-projects {
		padding-top:120px;
		padding-bottom:0px;
	}
	.people-name h4{
		font-size:15px;
	}
	.people-name h5{
		font-size:12px;
	}
	.single-footer {
		margin-left: 0px;
	}
}

@media (max-width: 960px) {
    #mobile-nav-toggle {
        display: flex
    }
    #nav-menu-container {
        display: none
    }
	.about-video-right {
        margin-top: 100px
    }
    .about-company-right {
        margin-top: 100px
    }
    .about-mission-right {
        margin-top: 100px
    }
}
@media (max-width:880px) {
	.about-partners {
		#height:100vh;
	}
	.project-details-container{
		padding-right: 15px;

padding-left: 15px;
	}
	.service-area-text {
		#padding-left: 80px;
	}
}
@media (max-width: 800px) {
    #header #logo h1 {
        font-size: 28px
    }
    #header #logo img {
        max-height: 40px;
		width:auto;
		
    }
    .social-widget {
        margin-top: 30px
    }
	.service-area-text {
	padding-top:20px;
	#padding-left:0;
	padding-right:0;
	}
	.service-area-text h3{
	font-size:20px;
	width:90%;
	}
	.service-area-text ul {
		font-size:14px;
	}
	.service-area-vertical img{
		width: 120px;
	}
	.service-area-container-left {
	margin-bottom: -50px;
	margin-top: -50px;
	margin-left: 85px;
	}
	.service-area-container-right {
	margin-bottom: 25px;
	margin-top: 25px;
	margin-left: -115px;
	}
}
@media (max-width: 768px) {
	#nav-menu-container {
        display: none
    }
	#home .carousel-content-btn {
  text-align: center;
  padding-top: 150px;
	}
    .no-flex-xs {
        display: block !important
    }
	 .typo-sec {
        margin-bottom: 30px
    }
	.element-wrap {
        margin-top: 30px
    }
	.banner-img {
        width: 60%;
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
	.about-content {
        margin-top: 70px
    }
	.group-area-col-company {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	.sub-banner-content {
        margin-top: 70px
    }
	.post-content-area .single-post .meta-details {
        text-align: left
    }
	.single-post-area .navigation-area .nav-left {
        margin-bottom: 30px
    }
	.generic-banner .height {
        height: 400px
    }
	.project-details-area .img-fluid {
		height: auto;
	}
	.project-details-left {
		padding-right: 0px;
	}
	.project-details-right {
		margin: 0px;
		padding: 0px;
		display: none;
	}
	.project-details-area img {
		padding: 0px;
	}
	.fancybox-slide--iframe .fancybox-content {
		height: 520px !important;
	}
}
@media (max-width: 673px) {
    #logo {
        margin-left: 20px
    }
}
@media (max-width:640px) {
	.other-services{
	padding-bottom:10px;	
	}
	.arrow_services {
	border-bottom: 4px solid #cf4029;
	margin-bottom: 120px;
	}
	.arrow_services:before{
		border-top-color: #cf4029;
	}
	.arrow_services:after {
	border-top-color: rgb(240,240,240);
	}
	.arrow_services_first {
	border-bottom: 4px solid #cf4029;
	margin-bottom: 120px;
	}
	.arrow_services_first:before{
		border-top-color: #cf4029;
	}
	.group-area-col-company {
		padding: 0px 5px;
	}
	.group-area-text {
	height:220px
	}
}
@media (max-width:610px) {
	.about-company-kpi h1 {
		font-size:35px
	}
	.about-company-kpi p{
		margin: 0 0px;
		font-size:14px;
		
	}
}
@media (max-width: 576px) {
	.container{
		max-width:90%
	}
    .single-testimonial {
        margin: 15px
    }
	.blog-area .single-blog-post {
        margin: 15px
    }
}
@media (max-width: 479px) {
	.service-area-vertical-small img{
		#width: 100px;
		#margin-left: -30px;
	}
	.service-area-text h3{
	font-size:20px;
	}
	.service-area-text ul{
	font-size:14px;
	}
	.service-area-text {
	#margin-left:-15px;
	#margin-left:-15px;
	}
	.about-company-kpi h1 {
		font-size:35px
	}
	.about-company-kpi p{
		margin: 0 0px;
		font-size:14px;
	}
	.group-area-col-company {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 30px;
	}
	.group-area-text {
	height:unset;
	}
	.details-info {
	padding-bottom:30px;
	}
	.about-company-kpi-column {
		padding: 20px 0;
	}
	.about-company-area i {
		font-size: 54px;
	}
	.flex-company-area .icon {
		padding-right: 0px;
		margin-top:20px;
		padding-top:0;
	}
	.about-company-kpi-why {
		margin: 0 0 30px 15px;
	}
	.about-company-kpi-why h2 {
		font-size: 24px;
	}
}
@media (max-width: 414px) {
	.footer-social a {
		padding:0px;
	}
	.footer-social i {
		font-size: 20px;
	}
    .banner-content h1 {
        font-size: 25px
    }
	.gallery-area .single-gallery .content-title {
        width: 92%;
        font-size: 15px
    }
	.gallery-area .single-gallery .content-overlay {
        margin: 0px
    }
	.gallery-area .single-gallery .content .primary-btn {
        font-size: 10px
    }
	.blog-header-content h1 {
        font-size: 30px
    }
	.comments-area {
        padding: 50px 8px
    }
	.comments-area .comment-list .single-comment h5 {
        font-size: 12px
    }
    .comments-area .comment-list .single-comment .date {
        font-size: 11px
    }
    .comments-area .comment-list .single-comment .comment {
        font-size: 10px
    }
	.about-video-left h1 br {
        display: none
    }
	.about-company-left h1 br {
        display: none
    }
	.projects-list h1 br {
        display: none
    }
	.about-mission-left h1 br {
        display: none
    }
	.about-company-kpi-why h1 br {
        display: none
    }
	.about-company-kpi h1 br {
        display: none
    }
	.about-service-kpi h1 br {
        display: none
    }
}

@media (max-width: 320px) {
	
	.service-area-text h3 {
		font-size: 20px;
	}
	.service-area-text ul {
		font-size: 14px;
	}
	.service-area-vertical-small img{
		width: 100px;
		margin-left: -50px
	}
	.service-area a {
		font-size: 16px;
	}
	.single-footer {
		margin-left: -15px;
	}
	.single-footer-widget {
		margin-right: -15px;
	}
	.single-footer a {
		font-size:12px;
	}
	.single-footer p {
		font-size:9px;
	}
}
@media (min-width: 1500px) {
 .contact-page-area, .about-partners {
	 height: 120vh;
 }
  }
}
@media (min-width: 1024px) {
  #home .carousel-control-prev, #home .carousel-control-next {
    width: 5%;
  }
}