/* Extra small devices (phones, 0px and up) */
@media screen and (max-width: 576px) {
	.container{width: 100%; padding: 0px 15px;}
	section{padding: 20px 0px !important;}
	header .container{flex-direction: column;}
	.homeslider .leftcontent .formslide .groupin button{white-space:nowrap;}
	nav{justify-content: flex-start;}
	nav ul{flex-direction: column;}
    nav ul li{padding:0px !important;}
	.homeslider .slidebox ul li{margin: 0; width: 100%; margin-bottom: 15px;}
	.homeslider h1{font-size:24px; line-height:34px;}
	.homeslider .leftcontent .formslide .groupin input[type='email']{width:100%;}
	.homeslider .leftcontent{padding:15px;}
	.metrics .metricsbox{width:100% !important; margin-bottom:15px !important;}
	.what-we-do .solution-offer h3{font-size:20px;}
	.row{flex-direction: column;}
	.homeslider{max-height:inherit;}
	.homeslider h1{padding-right:40px !important;}
	.home-tab.active{flex-direction: column;}
	.homeslider .slidebox ul{flex-direction: column; padding:15px}
	.about-us figure{width: 100%; height: auto;}
	.whoweserved::before{display: none;}
	.what-we-do .solution-offer .tabdetails .tab1{flex-direction: column;}
	.what-we-do .solution-offer .tabmenu ul{flex-direction: column;}
	.industryscroll{width: 100%;}
	.what-we-do .solution-offer .newtabmenu ul{flex-wrap:wrap;}
	.what-we-do .solution-offer .newtabmenu ul li{margin: 0; margin-bottom: 15px; margin-right:10px;}
	.what-we-do .solution-offer .tabdetails .tab1 .leftcontent{width: 100%; flex-direction: column;}
	.whoweserved::after{display: none;}
	.whoweserved .industrybox{flex-direction: column;}
	
	.whoweserved .industrybox .industytext{width: 100%;}
	.about-us .aboutvideo{width: 100%;}
	.mrt100{margin-top: 30px;}
	.logo-slider{padding: 0px 15px;}
	.about-us .aboutvideo{position: relative; height: auto; bottom: -10px;}
	.metrics .metricsbox{width: 100%; margin: 0; margin-bottom: 15px;}
	.what-we-do .solution-offer .tabmenu ul li figure{margin: 0; margin-bottom: 15px;}
	.what-we-do .solution-offer .tabmenu ul li{width: 100%; margin-bottom: 10px;}
	.what-we-do .solution-offer .tabdetails .tab1 figure{margin-bottom: 15px;}
	.whoweserved .industrybox .servicesbox{width: 50%;}
	.whoweserved .industrybox .industytext.active{padding-left: 0; margin: 15px 0px;}
	.client-review ul li{width: 100%;}
	.client-review .col-6{width: 100%;}
	.marquee-h .marquee-wrapper{margin-top: 140px;}
	.clientele{display: block;max-height: inherit; padding: 0;}
	.clientele .leftbox{width: 100%;}
	.leftbox li{width: 100%;}
	.clientele .centerbox{width: 100%; margin: 15px 0px;}
	.eventupdate .col-3{width: 100%;}
	.footer .contact-form-main{display: block;}
	.footer .contact-form,.footer .contact-form .col-6{width: 100%;}
	.footer .contact-form-main .contactmap{width: 100%; padding: 0px 10px;}
	.footerbottom .col-3{width: 100%;}
	.ourteam .ourteamtab ul{display: block;}
	.ourmission .mission{display: block;}
	.ceo-msg{padding: 35px;}
	.ourmission .mission figure{display: block; text-align: center; margin: 0;}
	.ourmission .mission figure h4{text-align: center; margin: 0; padding: 0;}
	.ourmission .mission p{text-align: center; max-width:300px;}
	.ourmission .mission p::before{left: -30px; top: 20px;}
	.ourmission .mission p::after{left: inherit; bottom: 0; right: 0px;}
	.ourmission .mission.active p::after{left: 300px;}
	.ourmission .mission figure,.ourmission .mission.active figure{border: none; margin: 0; padding: 0;}
	 .ourmission .mission.active{flex-direction: column-reverse; display: flex;}
	.col-6,.col-4,.col-5,.col-7,.col-3,.col-8,.col-2{width: 100%;}
	.collage-timeline{display: block;}
	.ourteam .ourteamtab ul li{margin-top: 15px;}
	.whychoosetft .container .col-4{border-right: none;}
	.custome-table .righttable{width: 100%; border: none; display:block;}
	.custome-table .righttable ul{display: block; width:100%;}
	.custome-table .righttable ul li{width: 100%;}
	.services-catalog .blackbox{padding: 25px 25px 0px 25px;}
	.services-catalog .skybox figure{position: relative;}
	.services-catalog .blackbox figure{padding: 0; margin-top: 67px;}
	.custome-table .leftable{max-width: inherit; width: 100%;}
	.hire-page .hiring-flexibility h4{display: block; text-align: center;}
	.hire-page .hiring-flexibility h4 em{margin: auto; margin-bottom: 10px;}
	.funtest.hiring-flexibility h4{display: block; text-align: center;}
	.funtest.hiring-flexibility h4 em{margin: auto; margin-bottom: 10px;}
	.locate-us .contactmapdetails .contact-address .tabmenu ul{flex-wrap: wrap;}
	.locate-us .contactmapdetails .contact-address .tabmenu ul li{margin-bottom: 10px; width:45%;}
	.letconnect .container::before{display: none}
	.lifeattft .timelinecareer{display: block;}
	.lifeattft .timelinecareer .lefthead{max-width: inherit;}
	.lifeattft .timelinecareer .lefthead h1{font-size: 32px; margin-bottom: 20px;}
	.lifeattft .timelinecareer .lefthead h1 span{display: inline;}
	.lifeattft .timelinecareer .scrolltab{max-width: inherit;}
	.lifeattft .timelinecareer .scrolltab ul{width: 100%; display:flex; overflow-x:auto}
	.lifeattft .timelinecareer .scrolltab ul li{margin-right:20px; white-space:nowrap;}
	.lifeattft .timelinecareer .tabbox{width: 100%;}
	.client-review .col-4{width: 100%;}
	.mangerslider .slidertxt .next-pre{position: relative; top: 20px;}
	.current-open-filter .base-exp{display: block;}
	.current-open-filter .base-exp li{margin-bottom: 10px;}
	.applyjob .topcontact{margin-top: 40px;}
	.whatwedo-section .tab-container .tab{max-width:360px; overflow-x:auto;}
	.mangerslider{text-align:center;}
	.mangerslider figure{margin-bottom:15px;}
	
 h1{font-size:26px;line-height:35px}
 h2{font-size:22px;line-height:42px}
 h3{font-size:20px !important; line-height:30px !important;}
.client-review h2{font-size:22px;line-height:42px}
	.marquee-h .marquee-wrapper{margin-top:0px;}
	.what-we-do .solution-offer .tabmenu ul li:hover > .dropdown{height:auto;}
	.conformancebox{flex-direction:column; text-align:center;}
	.conformancebox .txtdeal{align-items:center;}
.innerpageslider h1{font-size:26px;line-height:5px; padding-top:90px;}
.innerpageslider h2{font-size:18px;line-height:25px}
.innerpageslider .servicesslider{margin-top:20px;height:auto;border:0}
.ceo-msg{position:relative;padding:20px;flex-direction: column; background-position:-1200px bottom;}
.ceo-msg h4{padding:130px 0 0;font-size:18px;line-height:25px}
.our-journey .column{margin-top:40px;display:grid;grid-template-columns:repeat(2,1fr)}
	.hire-page .hiring-flexibility p{text-align:center;}
.innerpageslider{min-height:450px; padding-top:50px !important;}
.innerpageslider h1{font-size:26px;line-height:35px}
.innerpageslider h2{font-size:18px;line-height:42px}
.lifeattft .timelinecareer .scrolltab ul li{font-size:20px}
	.lifeattft .timelinecareer .scrolltab ul li.active{line-height:normal;font-size:23px}
	.client-review h2 {;font-size:28px;line-height:40px;font-weight:700}
.contactus h1{font-size:28px;line-height:40px; margin-top:40px;}
.bloglist .posts{grid-template-columns:repeat(1,1fr)}
.recentblog .suggested-posts{grid-template-columns:repeat(1,1fr)}
.bloglist .row .col-3,.recentblog .col-6{width:100%;padding:0}
.services-row{flex-wrap:wrap;}
	.funtest.hiring-flexibility p{text-align:center;}
	.steps-cont{flex-direction:column;}
	.steps-left{width:100%; text-align:center;}
	.steps-right{width:100%;}
	.homeslider-popup .popupbox{width:75%;}
	.about-popup .popupbox{width:75%;}
	.whoweserved .industrybox .servicesbox{width:100% !important;}
	.what-we-do .solution-offer .tabdetails .tab1 figure{width:100%; max-width:inherit;}
	.whoweserved .industrybox .servicesbox:hover figure img { margin-top: -90px; margin-left: 170px;}
	.servicesbox.enterprise.active{margin-left: 0px !important;}
	.whoweserved .industrybox .servicesbox h4{width:100%}
	.footer .contact-form .mail strong{display:block;}
	.footer .contact-form-main .contactmap .contryicon ul li{width:33%;}
	.what-we-do .solution-offer .tabdetails .tab1 .rightcontent{margin-top: 30px;}
	.clientele .centerbox .activecard{height:auto;}
	.clientele .centerbox .activecard p{padding:15px 0px;}  
	nav ul li ul{position:relative;}
	nav ul li ul .dropdownbox{box-shadow:none; padding:10px 10px; margin-top:10px;}
	.partnerlogo .row{grid-template-columns: repeat(2, 1fr);}
	.our-partner .partnerlogo figure{padding:10px;}
	.eventupdate .col-3 h4{margin-bottom:5px;}
	.recentblog figure{max-width:initial;}
	.recentblog .leftblog h6{margin-bottom:20px;}
	.contactus{padding:70px 15px !important;}
	.blgtop{padding:70px 15px !important;}
	.blgtop figure{padding:0px; margin-top:50px;}
	.blgtop .col-8 small{margin-top:20px;}
	.footer .contact-form-main .contactmap strong{display:block;}
	.our-process h3{font-size:27px;}
	.lifeattft .timelinecareer .scrolltab::after{display:none;} 
	.topcontact{margin-top:15px;}
	.locate-us .contactmapdetails .col-4{order:1}
	.bloglistbox{flex-direction:column;}
	.bloglistbox figure{width:100%;}
	.bloglistbox figure img{width:100%;}
	.bloglistbox .rightlist h3{padding:10px 0px;}
	.bloglistbox .rightlist ul{flex-direction:column;}
	.bloglistbox .rightlist ul li,nav ul li ul.searchbox .newtabmenu ul li{margin-bottom:10px;}
	.conbox h3 span::before{display:none;}
	.conbox h3 span::after{display:none;}
	.comprehensive h3{font-size:22px;}
	.comprehensivebox .col-4{margin:10px 0px;}
	.leftprocess .showmore{align-items: center;}
	.func-test{margin-bottom:30px;}
	nav ul li ul .dropdownbox ul li.has-submenu >a{margin:5px 0px; display:inline-block;}
	.commonpopup.video .commonbox em{top: -35px; right:0;}
	.blogdetails{padding:20px !important;}
	.locate-us .contactmapdetails .contact-address .con-tab .address-tab span strong{font-size:1.8rem !important;}
	.blog-section .blog-blocks .block .blog-title{font-size:1.8rem;}
	.blog-section .blog-blocks .block .date-stamp{font-size:1.6rem;}
	.locations-tabs{overflow:auto; padding-bottom:15px;}
	.blog-section .blog-blocks{flex-direction:column;}
	.blogdetails .container-small h1{line-height:35px; font-size:26px;}
	.step-content{width:100%;}
	.faq-container{width:100%;}
	.steps-left{height:auto; padding-bottom:30px;}
    .applyjob .topheading{margin-top:50px;}
    .header1 .container .slider h1{font-size:5em;}
}

@media only screen and (device-width: 1240px) and (device-height: 2772px) and (orientation: portrait)
{
.clientele .centerbox .activecard p{padding:15px 0px;}  
}


/* Small devices (tablets, 576px and up) */
@media screen and (max-width: 768px) {
    /* CSS styles for screens up to 768px */
}

/* Medium devices (landscape tablets, desktops, 992px and up) */
@media screen and (max-width: 992px) {
    /* CSS styles for screens up to 992px */
}

/* Large devices (desktops, 1200px and up) */
@media screen and (max-width: 1200px) {
    /* CSS styles for screens up to 1200px */
}

/* Extra large devices (large desktops, 1400px and up) */
@media screen and (max-width: 1400px) {
    /* CSS styles for screens up to 1400px */
}

@media screen and (min-width: 1600px)
{
	.homeslider-popup .popupbox,.about-popup .popupbox{width: 1246px;height: 620px; background: rgba(0, 0, 0, 0.7); padding:0;}
	.homeslider-popup .popupbox a,.about-popup .popupbox a{right: -33px; top: -5px;}
	.homeslider-popup .popupbox iframe,.about-popup .popupbox iframe{height:100%;}
}


@media screen and (min-width: 1920px) {
	.our-recognition p + .logo-slider{margin-top: 35px}
.logo-slider{max-width: 1170px; margin: auto;}
}

.hamburger {
    display: none;
    font-size: 30px;
    cursor: pointer;
}

@media (max-width: 768px) {
    nav ul {
        flex-direction: column;
        display: none !important; /* Hide the menu by default */
        width: 100%;
    }

    nav ul.active {
        display: flex !important;
		background: #fff;
        position: absolute;
        top: 90px;
        width: 100%;
        left: 0;
        right: 0;
        padding: 5px 15px;
		max-height: 70vh;
        overflow: auto;
    }

    nav ul li {
        margin: 10px 0; /* Adjust margin for vertical layout */
    }

    .hamburger {
        display: block; 
		position: absolute;
        right: 15px;
        top: 10px;
    }
	
	.whoweserved .container::after,.whoweserved .container::before{display:none;}
	.techgrp .newtabmenu ul{flex-direction:column;}
	.techgrp .newtabmenu ul li{margin-bottom:15px}
	.pltform ul li{width:100%;}
	.whychoosetft .container .col-4{width:100%}
}

nav ul li ul {
    display: none; /* Hide dropdowns by default */
}

nav ul li:hover > ul {
    display: block; /* Show dropdowns on hover */
}


.about-us figure {
    max-width: 1000px;
    width:100%;
}
.secondfooter {
    font-size: 14px;
}

@media (max-width: 1190px) {
    .container{
        max-width: 1170px;
        width: 100%;
        padding: 0 10px;
    }
}

@media (max-width: 1024px) {
   .whoweserved .industrybox {
        justify-content: center;
        background: #f6f6f6;
        flex-wrap: wrap;
    }
    .industryscroll {
        margin-top: 20px;
    }
    .whoweserved .industrybox .industytext {
        width: 100%;
        max-width: 780px;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .client-review .row{
        flex-wrap:wrap;
    }
    .client-review .row .col-4, .client-review .row .col-6{
        width:100%
    }
    .marquee-h {
        top: 0px;
    }
    .clientele{
        flex-wrap:wrap;
        padding: 0;
        max-height: none;
    }
    .clientele .leftbox{
        width: 100%;
        order: 2;
        margin: auto;
        margin-bottom: 10px;
        max-width: 640px;
    }
    .clientele .centerbox {
        width: 100%;
        order: 1;
    }
    .leftbox ul {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }

    .clientele .centerbox .activecard {
        width: 100%;
        max-width: 640px;
        margin-bottom: 20px;
    }
    .clientele .centerbox .activecard p{
        font-size:16px;
    }
    .secondfooter {
        font-size: 14px;
        padding:12px 10px;
    }
	.ceo-msg h4{font-size:24px}
	.bloglist .posts,.recentblog .suggested-posts{display:grid;gap:20px 0}
}


@media (max-width: 768px) {
	nav ul li:hover > ul .dropdownbox{margin:36px 0px 10px;}
    .homeslider .leftcontent + figure {
        display: none;
    }
    .homeslider{
        max-height:none;
    }
    .homeslider h1 {
        padding-right: 100px;
    }
    .homeslider h1 a {
        top: calc(50% - 44px);
    }
    .homeslider .leftcontent {
        margin-bottom: 30px;
        min-height: 450px;
    }
    .metrics .container > .row{
        flex-wrap:wrap;
    }
    .metrics .metricsbox {
        width: 50%;
        margin: 0;
    }
    .footer .contact-form-main {
        flex-wrap: wrap;
    }
    .footer .contact-form {
        width: 100%;
    }
    .footer .contact-form-main .contactmap {
        width: 100%;
    }
    .footerbottom h4 {
        font-size: 18px;
    }
    .footerbottom .container > .row{
        flex-wrap:wrap;
    }
    .footerbottom .container > .row > .col-3{
        width:100%;
        text-align:center;
    }
    .footerbottom .container > .row > .col-3 figure{
        text-align: center;
    }
    .footerbottom .container > .row > .col-7{
        width:100%;
    }
    .footerbottom .sublink li a{
        font-size:14px;
    }
	
	
.ceo-msg h4{padding:14px 15px 0px;font-size:20px;line-height:30px}
.ourmission .mission p{font-size:18px}
.our-partner .partnerlogo figure img{padding:0}
	
}

@media screen and (max-height:700px){
    header .slider {
        margin: 20px auto 60px;
    }
    header .tft-text {
        margin-top: 80px;
    }
	.contact-section .contact-row .contact-details{padding:0 20px 0 20px;}
	.contact-section .contact-row .contact-form{padding:15px;}
nav ul li{padding:0px !important;}
nav ul li ul{top:0px !important;}
}

@media screen and (min-width:769px) and (max-width:883px){
	nav ul li a{font-size:13px;}
}

apps-fileview.texmex_20250206.00_p0
responive.css
Displaying responive.css.