@media only screen and (max-width:1450px ){
	.explore-boxes.grid {
	    width: 63%;
	}
}
@media only screen and (max-width:1366px ) {
	.comp-icons {
	    width: 70%;
	}
	.solution-box p {
	    padding: 0px 14px;
	}
}
@media only screen and (max-width:1200px ) {
	.popup-body {
	    margin: auto 30px;
	    position: relative;
	    max-width: 100%;
	}
	.menu-holder {
	    clip-path: circle(0% at 95% 35px);
	}
	.menu-holder-top {
	    padding: 20px 0;
	}
	.comp-icons a {
	    width: 31%;
	    text-align: center;
	}
	.business-acc span.yellow-link {
	    top: 3px;
	}
	.open .accordion-content {
	    margin-top: 30px;
	}
	.title-half {
	    width: 100%;
	}
	.grid.footer-grid .footer-links:nth-child(2){
		padding-left: 40px;
	}
	.business-acc .accordion-head {
	    top: 67px;
	    height: 90px;
	    padding: 6px 0;
	    display: flex;
	}
	.business-acc .accordion-head .uk-container{
        width: 100%;
        margin:auto 0;
	}
	.home-acc-right .uk-accordion-title h3 {
	    margin-left: 80px;
	    font-size: 24px;
	}
	.home-acc-right .link-off-acc h3 {
	    margin-bottom: 20px;
	    margin-left: 80px;
	    font-size: 24px;
	}
	.home-acc-left {
	    width: 100%;
	}
	.home-acc-left p {
	    width: 100%;
	}
	.home-acc-right {
	    width: 100%;
	    margin-top: 20px;
	}
	.section.top-home .flex,.section.team-services .flex{
		flex-direction: column-reverse;
	}
	.top-left{
		width: 100%;
	}
	.last-acc-text {
	    width: 100%;
	    margin: 50px 0;
	}
	header{
		margin-bottom: 80px;
	}
	.top-header {
	    padding: 20px 0 0px;
	}
	.section.top-home .top-left h1{
		display: none;
	}
	.top-left p {
	    width: 100%;
	}
	.top-right{
		width: 100%;
		text-align: center;
		margin-bottom: var(--margin50);
		margin-top: var(--margin50);
	}
	.mob-div{
		display: block;
	}
	.comp-icons {
	    width: 100%;
	    justify-content: space-around;
	}
	.comp-icons img {
	    margin: auto 0;
	}
	.solution-text {
	    width: 100%;
	    margin-bottom: 20px;
	}
	.team-services-left {
	    margin: auto 0;
	    width: 100%;
	}
	.team-services-left h2{
		display: none;
	}
	.team-services-img {
	    width: 100%;
	    text-align: center;
	  	margin-bottom: 50px;
		margin-top: var(--margin50);  
	}
	.team-services-img img{
		width: 80%;
	}
		.team-services-img lottie-player{
		width: 90% !important;
		height: auto !important;
	}
	.footer-links a{
		font-size: 20px;
	}
	.footer-copyright {
	    width: 30%;
	    margin-top: 50px;
	    margin-left: auto;
	    margin-right: calc(2% + 10px);
	}
	.solutions .grid{
		display: none;
	}
	.solution-slider{
		display: block;
	}
	.solution-box {
	    text-align: center;
	    border: 1px solid var(--black);
	    padding: 30px 0 40px;
	}
	.solution-box p{
		min-height: 180px;
	}
	.btn{
        width: 150px;
        font-size: 14px;
        padding: 18px;
	}
	.btn > span{
		width: 150px;
	}
	span.acc-btn {
	    width: 50px !important;
	    height: 50px;
	}

	span.acc-btn::before {
	    top: 23px;
	    left: 15px;
	}
	span.acc-btn::after {
	    top: 23px;
	    left: 15px;
	}
	.acc-off img {
	    width: 50px;
	}
	.home-acc-right .uk-accordion-title, {
	    font-size: 24px;
	    margin-left: 80px;
	}

	.home-acc-right .uk-accordion-content {
	    padding-left: 80px;
	}
	.solution-comp {
	    margin-top: 0;
	}
	.section.top-office .flex{
		flex-direction: column-reverse;
		justify-content: flex-start;
	}
	.top-office .top-right {
	    width: 100%;
	    text-align: center;
	}
	.top-office .top-left {
	    width: 100%;
	    margin: unset;
	}
	.grid.grid-four.text-four {
	    grid-template-columns: 1fr 1fr;
	}
	.layout-img {
	    margin: 40px 0 40px !important;
	}
	.modules-slider{
		display: block;
	}
	.grid.modules{
		display: none;
	}
	.office-service .team-services-left {
	    margin: auto 0;
	    width: 100%;
	}
	.office-service .team-services-img {
	    width: 100%;
	}
	.explore-boxes.grid {
	    width: 100%;
	}
	.explore-text {
	    width: 100%;
	    margin-bottom: 20px;
	}
	.explore-box {
	    padding: 40px 20px 40px;
	}
	.grid.grid-two.why-boxes {
	    grid-template-columns: 1fr;
	}
	.why-box h2{
		min-height: unset;
	}
	.why-box h2.big-h2 {
	    font-size: 170px;
	    line-height: unset;
	    min-height: unset;
	}
	.service-option-left {
	    width: 100%;
	    text-align: center;
	}
	.service-option-left h2{
		text-align: left;
	}
	.service-option-left h3{
		text-align: left;
	}
	.service-option-right {
	    width: 100%;
	    margin-top: 30px;
	}
	.top-services-content {
	    max-width: unset;
	    margin: auto;
	    text-align: left;
	}
	.top-services-content p {
	    padding: 0;
	}
	.service-option-left img {
	    margin-top: 30px;
	}
	.resources-slider{
	    display: block;
	}
	.grid.grid-four.resources-boxes {
		display: none;
	}
	.resources-top{
	    max-width: unset;
	    margin: auto;
	    text-align: left;
	}
	.resources-top p{
		padding: 0;
	}
	.business-acc h3{
        width: 80%;
	}

}

@media only screen and (max-width:1100px ) {
	.yellow-link {
		background-image:none; 
	}
	.home-acc-right .link-off-acc h3 > span,.home-acc-right .uk-accordion-title h3 > span {
	    background-image: none;
	}
	.home-acc-right .uk-accordion-title, .home-acc-right .link-off-acc {
		background-image:none; 
	}
	.home-acc-right .link-off-acc{
		width: 78%;
	}
	.footer-links h3 a{
		background-image:none; 
	}
	.main-nav {
	    width: 100%;
	    padding-bottom: 0px;
	}
	.lang-div {
	    width: 100%;
	    text-align: right;
	    padding-bottom: clamp(40px,5.2vw,100px);
	}
	.acc-btn2 {
	    width: 42px !important;
	    height: 42px;
	    top: 25px;
	}
	.acc-btn2::before {
	    width: 17px;
	    height: 3px;
	    top: 20px;
	    left: 12px;
	}
	.acc-btn2::after {
	    width: 17px;
	    height: 3px;
	    top: 20px;
	    left: 12px;
	}
	.main-nav ul > li > a {
	    font-size: 62px;
	}
	.main-nav ul > li > ul > li > a {
	    font-size: 20px;
	    padding: 5px 0;
	}
	.section.contact-main{
		margin: 0 0 var(--margin50);
	}
	.contact-main .flex{
		flex-direction: column-reverse;
	}
	.contact-form{
		width: 100%;
	}
	.contact-form .input-form{
		margin-right: auto;
	}
	.contact-form .flex .input-form{
		margin-right: 0;
	}
	.contact-img{
		width: 100%;
		margin: auto 0 40px;
	}
	.contact-form .flex{
		flex-direction: row;
		margin-right: auto;
	}
	.top-contact-content{
		text-align: left;
	}
	.contact-form p {
	    margin-right: auto;
	}
	.top-contact {
		padding: 0;
	}
	.top-company-content {
	    text-align: left;
	}
	.top-company-content img {
	    margin-top: max(2.6vw, 35px);
	    width: 80%;
	    margin-left: auto;
	    margin-right: auto;
	    display: block;
	}
	.quality-left {
	    width: 100%;
	}
	.grid.grid-four.quality-right {
	    width: 100%;
	    padding-right: 0;
	    grid-template-columns: 1fr 1fr;
	}
	.our-team-text {
	    width: 100%;
	    margin: auto 0;
	}
	.our-team-text h2{
        display: none;
	}
	.our-team-text p{
		padding-right: 0;
	}
	.our-team-img{
		width: 100%;
		text-align: center;
		margin:40px 0;
	}
	.our-team-img img{
		width: 80%;
	}
}

@media only screen and (max-width:768px ) {
	#whyVideo{
		top: 43%;
	}

	.header-logo img{
        width:80px; 
	}
	.header-msg{
		padding-top: 10px;
	}
	.nav-holder {
	    padding-top: 0px;
	}
	.header-msg p {
	    font-size: 10px;
	}
	.menu-holder-top .header-msg{
        padding-top: 10px;
	} 
	.menu-holder-top .nav-holder {
	    padding-top: 0px;
	}
	#close-cover {
	    width: 35px;
	}
	#menu-button {
	    cursor: pointer;
	    width: 22px;
	    padding-top: 8px;
	}

}
@media only screen and (max-width:767px ) {
	.team-services-img lottie-player {
	    width: 100% !important;
	    height: auto !important;
	}
	.top-left .link-works img {
	    width: 36px;
	    top: 12px;
	    margin-right: 6px;
	}
	.top-left .link-works {
	    font-size: 12px;
	    margin-left: 6px;
	    top: 2px;
	}
		.main-nav ul > li > a {
	    font-size: 35px;
	}
	.main-nav ul > li > ul > li > a {
	    font-size: 16px;
	    padding: 5px 0;
	}
		.acc-btn2 {
	    width: 36px !important;
	    height: 36px;
	    top: 14px;
	}
	.acc-btn2::before {
	    top: 17px;
	    left: 10px;
	}
	.acc-btn2::after {
	    top: 17px;
	    left: 10px;
	}
	.business-acc span.yellow-link {
	    top: 0px;
	}
	.top-header {
	    padding: 10px 0 0px;
	}
	.menu-holder-top {
	    padding: 10px 0 0;
	}
	.header-msg p {
	    font-size: 8px;
	}
	.business-acc .accordion-head {
	    top: 54px;
	}

	.top-company-content img {
	    width: 100%;
	}
	.grid.grid-four.quality-right {
        display: none;
	}
	.quality-slider{
		display: block;
		padding-bottom: 70px;
	}
	.quality-slider .swiper-button-next {
	    right: 20%;
	    width: 50px;
	    top: unset;
	    bottom: 10px;
	}
	.quality-slider .swiper-button-prev {
	    left: 20%;
	    width: 50px;
	    top: unset;
	    bottom: 10px;
	}
	.our-team-img img {
	    width: 100%;
	}
	.team-services-img img{
		width: 100%;
	}
	.why-box h2.big-h2 {
	    font-size: 140px;
	}


	.why-boxes {
	    row-gap: 20px;
	}
	.why-box {
	    padding-right: 0;
	}

	.section.top-company{
		padding-top: 0;
	}
}
@media only screen and (max-width:740px ) {
	.why-content{
    overflow: hidden;
    transition: 0.4s all ease-in-out;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    position: relative;
    z-index: 0;
    max-height: 112px;
	}
	.opened-text .why-content {
        -webkit-line-clamp: unset; 
        overflow: visible;
        transition: 0.4s all ease-in-out;
        z-index: 10;
        max-height: unset;
	}
	.top-company-text{
    overflow: hidden;
    transition: 0.4s all ease-in-out;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    max-height: 320px;
    position: relative;
    z-index: 0;
	}
	.top-company-text.opened-text  {
        -webkit-line-clamp: unset; 
        overflow: visible;
        transition: 0.4s all ease-in-out;
        max-height: unset;
        z-index: 10;
	}
		.service-option-right {
        overflow: hidden;
        transition: 0.4s all ease-in-out;
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 7; 
   -webkit-box-orient: vertical;
   max-height: 230px;
   position: relative;
   z-index: 0;
	}
	.opened-text .service-option-right {
        -webkit-line-clamp: unset; 
        overflow: visible;
        transition: 0.4s all ease-in-out;
        max-height: unset;
        z-index: 10;
	}
		.act{
		display: block;
		font-family: 'Galano', sans-serif;
		color: #979797;
		font-weight: 700;
		background: none;
		border: none;
		margin-left: 0;
		margin-top: 20px;
	}
}
@media only screen and (max-width:720px ) {
.menu-holder {
    clip-path: circle(0% at 94% 25px);
}
	.top-right{
		margin-bottom: 40px;
	}
	.top-home .top-right{
		margin-top: 0px;
	}
	.top-right img{
		width: 90%;
	}
	.top-office {
	    padding: 10px 0 70px;
	}
	.swiper-slide .module-box .module-line i {
	    margin: 20px auto 0;
	}
	.solutions .grid {
	    display: block;
	    grid-template-columns: 1fr;
	}
	.solution-slider{
		display: none;
	}
	.grid.footer-grid{
		grid-template-columns: 1fr;
	}
	.grid.footer-grid .footer-links:nth-child(2) {
	    padding-left: 0;
	}
	.footer-links{
		margin-bottom: 20px;
	}
	.footer-copyright {
	    width: 100%;
	    margin-top: 20px;
	    margin-left: 0;
	    margin-right: 0;
	}
	.solution-box {
		margin-bottom: 12px;
	}
	.solution-box:nth-child(2){
	    border-right: 1px solid var(--black);
	    border-left: 1px solid var(--black);
	}
	.solution-box p {
	    padding: 0px 24px;
	    min-height: unset;
	    margin-bottom: 30px;
	}
	.solution-box .yellow-link {
	    font-size: 23px;
	}
	.solution-box .img-holder {
	    min-height: unset;
	    margin-bottom: 30px;
	}
	.solution-comp {
	    margin-top: 50px;
	}
	.home-acc-right .uk-accordion-title h3{
	    font-size: 17px;
	    margin-left: 60px;
	}
	.home-acc-right .link-off-acc {
	    font-size: 17px;
	    margin-left: 0;
	    padding-top: 7px;
	}
	.acc-off {
	    position: relative;
	    padding-top: 10px;
	}
	.acc-off img {
	    width: 36px;
	}
	.home-acc-right .acc-btn {
	    left: 0;
	    top: 6px;
	}
	.home-acc-right .link-off-acc h3 {
	    margin-left: 60px;
	    font-size: 17px;
	}
	.section.top-home{
		margin-top: 0;
	}
	h1{
		font-size: 35px;
	}
	h2{
		font-size: 28px;
	}
	.top-left p {
	    font-size: 16px;
	}
	.home-acc-left p {
	    font-size: 16px;
	}
	.home-acc-right .uk-accordion-content {
	    padding-left: 60px;
	    margin-top: 15px;
	}
	.home-acc-right .uk-accordion-content p{
	    font-size: 14px;
	}
	span.acc-btn {
	    width: 36px !important;
	    height: 36px;
	}
	span.acc-btn::before {
	    top: 17px;
	    left: 10px;
	    height: 3px;
	    width: 17px;
	}
	span.acc-btn::after {
	    top: 17px;
	    left: 10px;
	    height: 3px;
	    width: 17px;
	}
	.team-services h2 {
	    font-size: 35px;
	}
	.footer-logo {
	    margin-bottom: 50px;
	}
	.footer-logo img {
	    margin-bottom: -6px;
	    width: 80px;
	}
	.footer-logo p {
		font-size: 8px;
	    margin-left: 10px;
	}
	.btn {
	    width: 140px;
	    font-size: 12px;
	    padding: 18px;
	}
	.btn > span {
	    width: 140px;
	    padding: 10px 0;
	}
	.btn::before {
		padding: 10px 0;
	}
	.team-services-left .btn-white {
	    margin-left: 10px;
	}
	.icon-slider{
		display: block;
	}
	.comp-icons{
		display: none;
	}
	.grid.grid-four.text-four {
	    grid-template-columns: 1fr;
	}
	.swiper-slide .module-box .module-line {
	    margin-bottom: 15px;
	    justify-content: start;
	    max-height: unset;
	}
	.explore-boxes.grid {
	    grid-template-columns: 1fr;
	    column-gap: unset;
	}
	.explore-box {
	    margin-bottom: 15px;
	}
	.modules-slider .swiper-button-prev {
	    left: 15%;
	}
    .modules-slider .swiper-button-next {
	    right: 15%;
	}
	.main-office {
	    padding: 0 0 60px;
	}

	.business-acc span.yellow-link{
	    font-size: 28px;
	    padding-right: 90px;
	}
	span.acc-btn {
	    top: 18px;
	}
	.swiper-slide .module-box .module-line p {
	    min-height: unset;
	}
	.accordion-head .uk-container::before,.accordion-head .uk-container::after {
	    content: "";
	    display: unset;
	}
	.accordion-head span.acc-btn {
	    position: absolute;
	    display: inline-block;
	    float: right;
	    top: 30px;
	    right: 20px;
	}

}

@media only screen and (max-width:520px ) {
	#whyVideo{
		top: 38%;
	}
	.business-acc .accordion-head h3{
		width: 62%;
	}
	.business-acc span.yellow-link {
	    font-size: 28px;
	    padding-right: unset;
	    line-height: 1.1;
	}
	.accordion-head span.acc-btn {
	    top: unset;
	    position: relative;
	    right: 0;
	}
		.business-acc .accordion-head {
	    padding: 10px 0;
	}

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


}
@media only screen and (max-width:359px ) {
	.team-services-left .btn-white {
	    margin-left: 5px;
	}

}