@media screen and (max-width: 1366px) {
  .header1 .container {
    margin: -80px auto 0;
    z-index: 3;
  }
  .header1 .container .slider h1 {
    font-size: 6rem;
  }
  .header1 .header-img .img1 {
    width: 200px;
  }
  .header1 .header-img .img2 {
    width: 200px;
  }
	
	.header1 .container .slider h1{max-width:820px;}
}




@media screen and (max-width:1190px){
    html {
        font-size: 60%;
    }
    .served-section .industry-blocks .block{
        zoom:.65;
    }
    .whatwedo-section .service-we-do .tab-container{
        flex-direction: column
    }
    .whatwedo-section .tab-container .tab {
        display: flex;
        width: 100%;
    }
    .whatwedo-section .tab-container .tab .tablinks {
        font-size: 1.4rem;
        padding: 0 10px;
    }
    .whatwedo-section .tab-container .tab .tablinks.active, .whatwedo-section .tab-container .tab .tablinks:hover {
        
        border-bottom:1px solid;
        border-left: 4px solid #fff;;
    }
}

@media screen and (max-width:990px){
    .whatwedo-section .solution-we-do .tab-container .tabcontent1 .solution-keypoints{
        width:100%;
    }
    .business .col-7, .business .col-5{
        width:100%;
    }
    .testimonials-section h2 {
        top: 0;
        margin-top: 0;
        text-align: center;
    }
    .testimonials-section .col-4, .testimonials-section .col-8{
        width:100%;
    }
    .testimonials-section .marquee{
        justify-content: center;
    }
}
@media screen and (max-width:768px){

    html {
        font-size: 50%;
    }
	.header1 .header-img{
    display:none;
  }
  .header1 .tft-text{
    display:none;
  }
	nav ul li {
    margin: 0px 12px;
    padding: 15px 0px;
}
    .served-section .industries .text-detail{
        position: relative;
    }
    .served-section .industries .col-6{
        width:100%;
    }
    .served-section .industry-blocks {
        gap: 10px;
        justify-content: center;
    }
    .served-section .industry-blocks .block:nth-child(even){
        top:0;
    }
    .served-section .business{
        padding-top: 80px;
        flex-direction: column-reverse;
    }
    .served-section .business .business-blocks .block{
        min-width:50% !important;
    }
    .served-section .business .business-blocks .block figure figcaption{
        display: block;
    }
    .served-section .business .business-blocks{
        flex-wrap:wrap;
    }
    .served-section .business .business-blocks .block.enterprises.active {
        margin-left: 0 !important;
    }
    .served-section .business .business-blocks .block figure img {
        top: -130px;
        left: 130px;
    }
	.industries .industry-blocks .block{transform: rotateX(0deg) scaleY(1);}
    .clients-section .leftbox, .clients-section .rightbox, .clients-section .centerbox{
        width:100%;
        width: 100%;
        order: 2;
        margin-bottom: 10px;
    }
    .clients-section .centerbox{
        order:1;
    }
    .clients-section .client-logo-grid li{
        width: calc(33% - 20px);
        height:70px;
    }
    .clients-section .client-logo-grid{
        justify-content: center;
    }
    .clients-section .centerbox .activecard{
        min-height:auto;
    }
    .blog-section .blog-blocks{
        flex-wrap:wrap;
    }
    .blog-section .blog-blocks .block{
        width:100%;
		max-width:400px; margin:auto; flex:auto;
    }
    .contact-section .contact-row > .col-6{
        width:100%;
    }
    .contact-section .contact-row .contact-details{
        margin: 20px 0;
		padding-bottom:20px;
    }
    footer .main-footer{
        flex-wrap:wrap;
    }
    footer .main-footer .logo-footer{
        width:100%;
        text-align: center;
        margin-bottom: 20px;
    }
	 .header1 .container .slider h1 .cubeslider{
    display: block;
  }
  .header1 .container .slider h1 .cubeslider .spincube span{
    width:100%;
    padding:0;
	  top:0 !important;
  }
}

@media screen and (max-width:640px){
    .metrics-section .metrics-blocks .block {
        width: calc(50% - 10px);
    }
    .whatwedo-section .tab-container .tabcontent{
        padding:10px;
    }
    .whatwedo-section .tab-container .tabcontent .tabHead{
        flex-wrap:wrap;
    }
    .whatwedo-section .tab-container .tabcontent .tabBody{
        flex-wrap: wrap;
    }
    .whatwedo-section .solution-we-do .tab-container .tab{
        flex-wrap:wrap;
    }
    .whatwedo-section .solution-we-do .tab-container .tab .tablinks1{
        min-width:46%;
        line-height:36px;
    }
    .whatwedo-section .solution-we-do .tab-container .tabcontent1 .solution-img .img-thumb{
        display: none;
    }
    .whatwedo-section .solution-we-do .tab-container .tabcontent1 .solution-img{
        min-width:100%;
        margin-bottom:20px;
    }
    .whatwedo-section .solution-we-do .tab-container .tabcontent1 .solution-detail{
        margin:10px 0;
    }
    .served-section .industry-blocks {
        gap: 10px;
        padding: 0 14px;
        margin-top: 30px;
    }
    .served-section .business .business-blocks .block:hover, .served-section .business .business-blocks .block {
        min-width: 100% !important;
    }
    .testimonials-section .marquee li:nth-of-type(even){
        top:0;
    }
    .contact-section .contact-row .col-6{
        width:100%;
    }
	.quote .quote-form input{font-size:12px;}
	.wpcf7-response-output{font-size: 1.2rem; line-height: 9px; bottom:3px;}
	ul.bullet li{font-size:1.8rem;}
.served-section .industry-blocks{margin-top:30px;}
}

@media screen and (max-height:700px){
    .headerbox .slider {
        margin: 20px auto 60px;
    }
    .headerbox .tft-text {
        margin-top: 80px;
    }
}
@media screen and (max-height: 670px) {
  .header1 .container .slider p.lead{
        margin: 10px auto 0px;
  }
  .header1 .quote .quote-form{
    margin:6px auto 2px;
  }
	.header1 .container a.header-arrow .about-icon{margin-top:-80px;}
	.headerbox .tft-text {display:none;}

.served-section .industry-blocks {
        margin-top: 30px;


@media screen and (max-width: 460px) {
    .header1 .container .slider h1 {
        font-size: 4rem;
    }
}

@keyframes about-icon {
  0% {
    top: 80px;
  }
  30% {
    top: 70px;
  }
  40% {
    top: 85px;
  }
  45% {
    top: 77px;
  }
  48% {
    top: 80px;
  }
  100% {
    top: 80px;
  }
}
@media screen and (max-height: 450px) and (max-width: 950px) and (orientation: landscape) {
 .mobile-rotate {
    display:flex;
  }
	body{overflow:hidden;}
}