/*==================================================
  Extra Large Devices
==================================================*/

@media (max-width:1399px){

    .navbar-brand img{
        height:65px;
    }

    .navbar-nav>.nav-item{
        margin-left:8px;
    }

    .nav-link{
        padding:35px 8px;
        font-size:14px;
    }

}


/*==================================================
  Large Devices
==================================================*/

@media (max-width:1199px){

    .top-contact{
        gap:15px;
        font-size:13px;
    }

    .navbar-brand img{
        height:58px;
    }

    .nav-link{
        font-size:14px;
        padding:32px 7px;
    }

}


/*==================================================
  Tablet
==================================================*/

@media (max-width:991px){

    .top-bar{
        display:none;
    }

    .main-navbar{

        padding:12px 0;

    }

    .navbar-brand{

        padding:0;

    }

    .navbar-brand img{

        height:55px;

    }

    .navbar-toggler{

        border:none;
        padding:0;
        box-shadow:none;

    }

    .navbar-toggler:focus{

        box-shadow:none;

    }

    .navbar-toggler-icon{

        background-image:none;
        width:auto;
        height:auto;

    }

    .navbar-toggler-icon::before{

        content:"☰";
        font-size:32px;
        color:#12181C;

    }

    .navbar-collapse{

        margin-top:20px;
        background:#fff;
        border-radius:8px;
        box-shadow:0 15px 40px rgba(0,0,0,.08);
        padding:15px;

    }

    .navbar-nav{

        width:100%;

    }

    .navbar-nav>.nav-item{

        margin:0;

    }

    .nav-link{

        padding:14px 0;
        border-bottom:1px solid #ececec;

    }

    .nav-link::after{

        display:none;

    }

    .dropdown-menu{

        border:none;
        box-shadow:none;
        padding:0 0 0 15px;
        margin-bottom:10px;

    }

    .dropdown-item{

        padding:12px 0;
        font-size:14px;
        border-bottom:1px solid #f3f3f3;

    }

}


/*==================================================
  Mobile
==================================================*/

@media (max-width:767px){

    body{

        font-size:15px;

    }

    .container{

        padding-left:18px;
        padding-right:18px;

    }

    .navbar-brand img{

        height:48px;

    }

    .navbar-collapse{

        margin-top:15px;

    }

    .dropdown-item{

        white-space:normal;

    }

}


/*==================================================
 Small Mobile
==================================================*/

@media (max-width:575px){

    .navbar-brand img{

        height:42px;

    }

    .main-navbar{

        padding:10px 0;

    }

    .navbar-collapse{

        padding:12px;

    }

    .nav-link{

        font-size:15px;
        padding:12px 0;

    }

    .dropdown-item{

        font-size:14px;

    }

}


/*==================================================
 Very Small Devices
==================================================*/

@media (max-width:400px){

    .navbar-brand img{

        height:38px;

    }

    .navbar-toggler-icon::before{

        font-size:28px;

    }

}


@media (max-width:991px){

    .dropdown-menu{

        position:static !important;

        display:none;

        float:none;

        transform:none !important;

        border:none;

        box-shadow:none;

        background:#f8f8f8;

        margin:0;

        padding:0;

    }

}


@media(max-width:1199px){

.hero-form{

width:360px;

right:30px;

}

.hero-content h1{

font-size:58px;

}

}

@media(max-width:991px){

.hero-form{

position:relative;

top:auto;

right:auto;

transform:none;

width:100%;

max-width:550px;

margin:-80px auto 50px;

}

.hero-bg,
.hero-row{

min-height:650px;

}

.hero-content{

text-align:center;

}

.hero-content h1{

font-size:48px;

}

}

@media(max-width:767px){

.hero-content h1{

font-size:36px;

}

.hero-content p{

font-size:15px;

}

.hero-form{

padding:30px;

}

.heroSlider .swiper-button-next,

.heroSlider .swiper-button-prev{

display:none;

}

}

@media(max-width:767px){

    .btn-primary-custom{

        padding:14px 30px;
        font-size:15px;

    }

}


@media(max-width:1199px){

.img-one{

width:360px;

}

.img-two{

width:330px;

left:110px;

}

.video-box{

left:330px;

}

.about-content h2{

font-size:52px;

}

}

@media(max-width:991px){

.about-images{

height:620px;

margin-bottom:70px;

}

.about-content{

text-align:center;

}

.video-box{

left:50%;

transform:translateX(-50%);

}

.since-text{

display:none;

}

}

@media(max-width:767px){

.about-images{

height:500px;

}

.img-one{

width:75%;

left:0;

}

.img-two{

width:65%;

left:30%;

}

.video-box{

width:120px;

height:120px;

top:-20px;

}

.play-btn{

width:65px;

height:65px;

font-size:26px;

}

.about-content h2{

font-size:40px;

}

.about-content p{

font-size:16px;

line-height:30px;

}

}



@media(max-width:1199px){

.section-title h2{

font-size:54px;

}

}

@media(max-width:991px){

.discover-section{

padding:80px 0;

}

.section-title h2{

font-size:44px;

}

}

@media(max-width:767px){

.discover-section{

padding:60px 0;

}

.section-title h2{

font-size:34px;

}

}

@media(max-width:575px){

.section-title h2{

font-size:30px;

}

}


@media(max-width:1199px){

.section-heading h2{

font-size:48px;

}

.product-content h4{

font-size:21px;

}

}

@media(max-width:991px){

.products-section{

padding:80px 0;

}

.section-heading h2{

font-size:40px;

}

}

@media(max-width:767px){

.products-section{

padding:60px 0;

}

.section-heading h2{

font-size:32px;

}

.product-content{

left:15px;

bottom:15px;

}

.product-content h4{

font-size:20px;

}

}

@media(max-width:1199px){

.experience-number{

font-size:72px;

}

.experience-box h4{

font-size:28px;

}

}

@media(max-width:991px){

.certification-section{

padding:80px 0;

}

.certificate-wrapper{

padding-left:0;

margin-bottom:60px;

}

.vertical-text{

display:none;

}

.certificate-title{

text-align:center;

}

.certificate-title h3{

justify-content:center;

}

.certificate-title h3::after{

display:none;

}

}

@media(max-width:767px){

.experience-box{

padding:35px;

}

.experience-number{

font-size:58px;

}

.experience-box h4{

font-size:24px;

}

.certificate-content p{

font-size:16px;

line-height:30px;

}

}

@media(max-width:991px){

.approved-slider-wrapper{

padding:30px;

}

}

@media(max-width:767px){

.approved-section{

padding:70px 0;

}

.approved-slider-wrapper{

padding:20px;

}

.approvedSlider .swiper-slide{

height:90px;

}

.approvedSlider .swiper-slide img{

max-width:130px;

}

}

@media(max-width:1199px){

.testimonial-heading h2{

font-size:80px;

}

}

@media(max-width:991px){

.testimonial-heading h2{

font-size:60px;

}

.testimonial-content{

padding-left:0;

padding-top:40px;

text-align:center;

}

.testimonial-prev,

.testimonial-next{

display:none;

}

}

@media(max-width:767px){

.testimonial-section{

padding:70px 0;

}

.testimonial-heading h2{

font-size:42px;

}

.testimonial-content p{

font-size:18px;

line-height:32px;

}

.testimonial-content h4{

font-size:28px;

}

}


@media(max-width:1199px){

.blog-card h3{

font-size:32px;

}

}

@media(max-width:991px){

.blog-section{

padding:80px 0;

}

.blog-card h3{

font-size:28px;

}

}

@media(max-width:767px){

.blog-section{

padding:60px 0;

}

.blog-card h3{

font-size:24px;

}

.blog-meta{

font-size:14px;

flex-wrap:wrap;

}

}


@media(max-width:991px){

.footer-top{

padding:70px 0;

}

.footer-title{

font-size:28px;

}

.footer-links a{

font-size:18px;

}

.footer-contact li{

font-size:17px;

}

.footer-bottom{

text-align:center;

}

}

@media(max-width:767px){

.footer-top{

padding:60px 0;

}

.footer-title{

font-size:26px;

}

.footer-contact li{

display:block;

}

.footer-contact i{

display:block;

margin-bottom:10px;

}

.scroll-top{

width:55px;

height:55px;

font-size:26px;

left:15px;

bottom:15px;

}

}


@media(max-width:991px){

.page-banner{

min-height:380px;

}

.page-banner-box{

padding:35px;

max-width:360px;

}

.page-banner-box h1{

font-size:52px;

}

}

@media(max-width:767px){

.page-banner{

min-height:300px;

}

.page-banner-box{

padding:25px;

max-width:100%;

}

.page-banner-box h1{

font-size:38px;

margin-bottom:20px;

}

.breadcrumb{

padding:15px 18px;

}

.breadcrumb-item{

font-size:16px;

}

}


@media(max-width:1199px){

.about-company-content h2{

font-size:44px;

}

}

@media(max-width:991px){

.about-company-section{

padding:80px 0;

}

.about-company-content{

padding-left:0;

margin-top:20px;

}

.about-company-content h2{

font-size:38px;

}

}

@media(max-width:767px){

.about-company-section{

padding:60px 0;

}

.about-company-content h2{

font-size:32px;

}

.about-company-content p{

font-size:16px;

line-height:1.9;

}

}

@media(max-width:991px){

.quality-section{

padding:80px 0;

}

.quality-content{

padding-right:0;

margin-bottom:20px;

}

}

@media(max-width:767px){

.quality-section{

padding:60px 0;

}

.quality-content p{

font-size:16px;

line-height:1.9;

margin-bottom:25px;

}

}


/*=========================================
ABOUT PAGE TABS
=========================================*/

.about-tabs-section{
    padding:90px 0;
    background:#f7f7f7;
}

/*==============================
Mission Vision Philosophy
==============================*/

.about-feature-box{
    background:#fff;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
    overflow:hidden;
    border-radius:4px;
    margin-bottom:60px;
}

.about-feature-item{
    padding:45px;
    height:100%;
    transition:.35s;
}

.about-feature-item i{
    font-size:40px;
    color:#ef5b21;
    margin-bottom:20px;
    display:block;
}

.about-feature-item h4{
    font-size:24px;
    font-weight:700;
    margin-bottom:20px;
    color:#111;
}

.about-feature-item p{
    margin:0;
    line-height:1.9;
    color:#666;
}

.about-feature-item.active{
    background:#ef5b21;
    color:#fff;
}

.about-feature-item.active h4,
.about-feature-item.active p,
.about-feature-item.active i{
    color:#fff;
}


/*==============================
Tabs
==============================*/

.custom-tabs{
    border:none;
    justify-content:center;
}

.custom-tabs .nav-link{

    border:none;

    border-radius:0;

    background:#ef5b21;

    color:#fff;

    padding:18px 40px;

    font-weight:700;

    font-size:15px;

    transition:.3s;

}

.custom-tabs .nav-link:hover{

    background:#d94810;

}

.custom-tabs .nav-link.active{

    background:#000;

    color:#fff;

}


/*==============================
Tab Content
==============================*/

.tab-content-box{

    background:#fff;

    border:1px solid #ddd;

    padding:60px;

}


/*==============================
Certificate Slider
==============================*/

#fflSlider{

    max-width:700px;

    margin:auto;

}

#fflSlider img{

    width:100%;

    height:650px;

    object-fit:contain;

    background:#fff;

}

.carousel-control-prev-icon,
.carousel-control-next-icon{

    background-color:#ef5b21;

    border-radius:50%;

    padding:22px;

}


/*==============================
PDF Cards
==============================*/

.pdf-card{

    background:#fff;

    border:1px solid #eee;

    padding:15px;

    transition:.3s;

}

.pdf-card:hover{

    box-shadow:0 15px 35px rgba(0,0,0,.12);

}

.pdf-card img{

    width:100%;

    height:360px;

    object-fit:cover;

}

.pdf-card .btn{

    margin-top:20px;

}


/*==============================
Infrastructure
==============================*/

.infrastructure-title{

    text-align:center;

    margin-bottom:50px;

}

.infrastructure-title h2{

    font-size:40px;

    font-weight:700;

}

.infrastructure-gallery img{

    width:100%;

    border-radius:5px;

}

.infrastructure-gallery .col-lg-4{

    margin-bottom:30px;

}

.infrastructure-banner{

    margin-top:60px;

    background:url('../images/banner.jpg') center center;

    background-size:cover;

    padding:110px 30px;

    text-align:center;

    position:relative;

}

.infrastructure-banner::before{

    content:"";

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.55);

}

.infrastructure-banner h3{

    position:relative;

    z-index:2;

    color:#fff;

    font-size:42px;

    font-weight:700;

}


/*=========================================
TABLET
=========================================*/

@media(max-width:991px){

.about-feature-item{

    padding:35px;

}

.about-feature-item h4{

    font-size:22px;

}

.custom-tabs{

    flex-wrap:wrap;

}

.custom-tabs .nav-item{

    width:50%;

}

.custom-tabs .nav-link{

    width:100%;

}

.tab-content-box{

    padding:40px;

}

#fflSlider img{

    height:500px;

}

.infrastructure-banner{

    padding:80px 20px;

}

.infrastructure-banner h3{

    font-size:34px;

}

}


/*=========================================
MOBILE
=========================================*/

@media(max-width:767px){

.about-tabs-section{

    padding:60px 0;

}

.about-feature-item{

    padding:30px;

    text-align:center;

}

.about-feature-item i{

    margin:auto auto 20px;

}

.custom-tabs .nav-item{

    width:100%;

}

.custom-tabs .nav-link{

    font-size:14px;

    padding:16px;

}

.tab-content-box{

    padding:25px;

}

#fflSlider img{

    height:320px;

}

.pdf-card img{

    height:260px;

}

.infrastructure-title h2{

    font-size:28px;

}

.infrastructure-banner{

    padding:60px 20px;

}

.infrastructure-banner h3{

    font-size:28px;

}

}


/*=========================================
EXTRA SMALL
=========================================*/

@media(max-width:575px){

.about-feature-item{

    padding:25px;

}

.about-feature-item h4{

    font-size:20px;

}

.tab-content-box{

    padding:20px;

}

#fflSlider img{

    height:260px;

}

.pdf-card img{

    height:220px;

}

}

@media(max-width:991px){

.certificate-preview{

height:320px;

}

}

@media(max-width:767px){

.certificate-preview{

height:280px;

}

}

@media(max-width:991px){

.infra-title{

font-size:34px;

}

.infra-card img{

height:260px;

}

.infra-banner img{

height:320px;

}

.infra-banner-content h3{

font-size:34px;

}

}

@media(max-width:767px){

.infra-title{

font-size:28px;

}

.infra-card img{

height:220px;

}

.infra-banner img{

height:240px;

}

.infra-banner-content h3{

font-size:26px;

padding:0 20px;

}

}


@media(max-width:991px){

.download-item{

flex-direction:column;

align-items:flex-start;

}

.download-btn{

width:100%;

margin-top:15px;

}

.download-btn .btn-primary-custom{

width:100%;

}

}

@media(max-width:767px){

.download-info h5{

font-size:19px;

}

.download-info p{

font-size:15px;

}

}


@media (max-width:1199px){

.product-title{
    font-size:40px;
}

.product-content-section p{
    font-size:18px;
}

}

@media (max-width:991px){

.product-content-section{
    padding:70px 0;
}

.product-title{
    font-size:40px;
}

.product-image{
    margin-top:20px;
}

}

@media (max-width:767px){

.product-content-section{
    padding:50px 0;
}

.product-title{
    font-size:32px;
    margin-bottom:20px;
}

.product-content-section p{
    font-size:17px;
    line-height:1.8;
    margin-bottom:20px;
}

}