@media(max-width:991px){

    .top-header{
    
    text-align:center;
    
    }
    
    .top-header a{
    
    display:block;
    
    margin:5px 0;
    
    }
    
    .navbar-brand img{
    
    height:60px;
    
    }
    
    .navbar-collapse{
    
    background:#07294d;
    
    padding:20px;
    
    margin-top:15px;
    
    }
    
    .navbar-nav li{
    
    margin:10px 0;
    
    }
    
    .navbar-nav li a{
    
    color:#fff;
    
    }
    
    }
    
    @media(max-width:576px){
    
    .navbar-brand img{
    
    height:50px;
    
    }
    
    }

    @media(max-width:767px)
    {
    .carousel-caption h1{
        font-size:28px;
        font-weight:700;
        color:#fff;
        line-height:1.2;
        margin-bottom:20px;
        animation:titleSlide 1.2s ease forwards;
      }
    }
   /* ==========================================
   MOBILE (991px and below)
========================================== */

@media (max-width:991px){

    /* Header */

    .navbar{
        padding:15px 0;
        position:relative;
    }

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

    /* Toggle */

    .navbar-toggler{
        display:block;
        border:2px solid #d4af37;
        padding:6px 10px;
        border-radius:5px;
        background:#fff;
    }

    .navbar-toggler i{
        color:#d4af37;
        font-size:22px;
    }

    /* Menu */

    .navbar-collapse{
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background:#08264b;
        z-index:9999;
        padding:10px 0;
    }

    .navbar-nav{
        display:flex !important;
        flex-direction:column !important;
        width:100%;
        margin:0;
        padding:0;
    }
    #mainMenu .navbar-nav{
        display:flex;
        gap:45px;
    }
    .navbar-nav li{
        width:100%;
        margin:0;
        text-align:center;
    }

    .navbar-nav li a{
        display:block;
        padding:15px;
        color:#fff;
        border-bottom:1px solid rgba(255,255,255,.1);
    }

    .navbar-nav li:last-child a{
        border-bottom:none;
    }
    /* Hero */

    @media(max-width:991px){

        .hero-slider,
        #homeSlider,
        .carousel-inner,
        .carousel-item{
            height:450px;
        }
        
        .carousel-item img{
            height:450px;
        }
        
        }

    .carousel-caption{
        text-align:center;
        padding:0 15px;
    }

    .carousel-caption h1{
        font-size:34px;
    }

    .carousel-caption p{
        font-size:15px;
    }

    /* Sections */

    section{
        padding:40px 0;
    }

    .about-home .row,
    .about-page .row{
        flex-direction:column;
    }

    .about-image{
        margin-bottom:30px;
    }

    .section-title h2{
        font-size:30px;
    }

    /* Services */

    .service-box{
        margin-bottom:30px;
    }
    .banner-content h1{
        font-size: 35px;
    }
    .page-banner{
        padding: 40px 0;
    }.value-box{padding: 30px;gap:30px}.core-values{
        padding:30px 0;
      }
}

/*====================================
ABOUT PAGE MOBILE
====================================*/
@media (max-width:767px){

    .about-inner-home{
        padding:50px 0;
    }
    
    .about-inner-home .row{
        display:flex;
        flex-direction:column-reverse;
    }
    
    /* Image */
    .about-overlap-image{
        margin-top:0;
        margin-bottom:30px;
        text-align:center;
    }
    
    .about-overlap-image img{
        width:100%;
        max-width:100%;
        height:260px;
        object-fit:cover;
    }
    
    /* Content */
    .about-inner-content{
        width:100%;
        padding:0 15px;
    }
    
    .about-inner-content .sub-title{
        font-size:16px;
    }
    
    .about-inner-content h2{
        font-size:32px;
        line-height:1.25;
        margin-bottom:20px;
    }
    
    .about-inner-content p{
        width:100%;
        padding:0;
        margin:0 0 20px;
        font-size:15px;
        line-height:28px;
        text-align:left;
    }
    
    /* Banner */
    .page-banner{
        padding:45px 0;
    }
    
    .page-banner h1{
        font-size:28px;
        text-align:center;
    }
    
    /* Vision & Mission */
    .vm-box{
        margin-bottom:40px;
        text-align:center;
    }
    
    .vm-box h2{
        font-size:34px;
    }
    
    .vm-box p{
        padding:15px 0 0;
        font-size:15px;
        line-height:28px;
        text-align:center;
    }
    
    /* Vision top */
    .vm-top{
        justify-content:center;
    }
    
    }/*====================================
SERVICES PAGE MOBILE
====================================*/
@media (max-width:767px){

    /* Intro Section */
    .services-intro{
        padding:50px 0 30px;
    }
    
    .services-intro .row{
        display:flex;
        flex-direction:column-reverse;
    }
    
    /* Content */
    .services-intro .sub-title{
        font-size:15px;
        letter-spacing:1px;
    }
    
    .services-intro h2{
        font-size:32px;
        line-height:1.2;
        margin:15px 0;
    }
    
    .services-intro p{
        width:100%;
        padding:0;
        margin-bottom:20px;
        font-size:15px;
        line-height:28px;
        text-align:left;
    }
    
    /* Image */
    .services-intro-image{
        margin-bottom:30px;
        border-radius:8px;
    }
    
    .services-intro-image img{
        width:100%;
        height:240px;
        object-fit:cover;
    }
    
    /* Service Cards */
    .home-services{
        padding:50px 0;
    }
    
    .home-services .section-title{
        margin-bottom:35px;
    }
    
    .home-services .section-title span{
        font-size:14px;
    }
    
    .home-services .section-title h2{
        font-size:30px;
    }
    
    /* Each Card */
    .ukb-service-card{
        max-width:100%;
        margin:0 auto 25px;
    }
    
    .ukb-service-image{
        height:220px;
    }
    
    .ukb-service-image img{
        width:100%;
        height:100%;
        object-fit:cover;
    }
    
    .ukb-service-content{
        padding:20px;
    }
    
    .ukb-service-content h3{
        font-size:28px;
        line-height:1.3;
        min-height:auto;
        margin-bottom:20px;
    }
    
    .ukb-service-link{
        display:inline-flex;
        align-items:center;
        font-size:16px;
    }
    
    /* CTA */
    .about-cta{
        padding:50px 20px;
    }
    
    .about-cta h2{
        font-size:30px;
        line-height:1.3;
    }
    
    .about-cta p{
        font-size:15px;
        line-height:28px;
    }
    
    .about-cta .theme-btn{
        width:100%;
        max-width:260px;
    }
    
}/*====================================
HOME PAGE MOBILE
====================================*/
@media (max-width:767px){

    /* Header */
    .main-header{
        position:relative;
        background:#0b2341;
        padding:12px 0;
    }
    
    .navbar-brand img{
        height:60px;
    }
    
    /*==============================
    SLIDER
    ==============================*/
    
    .hero-slider,
    #homeSlider,
    .carousel-inner,
    .carousel-item{
        height:500px;
    }
    
    .hero-slider .carousel-item{
        min-height:500px;
    }
    
    .hero-slider img,
    .carousel-item img{
        width:100%;
        height:500px;
        object-fit:cover;
    }
    
    /* Overlay */
    .carousel-overlay{
        background:rgba(7,22,58,.55);
    }
    
    /* Caption */
    .carousel-caption{
        left:20px;
        right:20px;
        width:auto;
        top:50%;
        transform:translateY(-50%);
        text-align:left;
    }
    
    .slider-small{
        font-size:16px;
        margin-bottom:10px;
    }
    
    .carousel-caption h1{
        font-size:32px;
        line-height:1.25;
        margin-bottom:15px;
    }
    
    .carousel-caption p{
        font-size:15px;
        line-height:26px;
        margin-bottom:20px;
    }
    
   /* Slider button */
.slider-buttons .theme-btn{
    display:inline-block;
    width:auto;
    min-width:180px;
    text-align:center;
    padding:14px 30px;
}

/* Other buttons */
.about-home .theme-btn,
.company-boxes .theme-btn,
.about-cta .theme-btn{
    width:100%;
    max-width:250px;
    display:block;
    margin:20px auto 0;
}@media (max-width:767px){

    .carousel-caption{
        left:20px;
        right:20px;
        top:45%;
        transform:translateY(-45%);
    }
    
    .slider-buttons{
        margin-top:0px;
    }
    
    }
    
    /* Arrows */
    .carousel-control-prev,
    .carousel-control-next{
        width:40px;
    }
    
    /* Indicators */
    .carousel-indicators{
        bottom:15px;
    }
    
    /*==============================
    FEATURE STRIP
    ==============================*/
    
    .feature-strip{
        padding:25px 0;
    }
    
    .feature-box{
        margin-bottom:20px;
        border:none;
    }
    
    .feature-icon{
        width:60px;
        height:60px;
    }
    
    .feature-icon i{
        font-size:24px;
    }
    
    .feature-box h5{
        font-size:16px;
    }
    
    .feature-box p{
        font-size:14px;
    }
    
    /*==============================
    TAGLINE
    ==============================*/
    
    .tagline-strip{
        padding:20px 15px;
    }
    
    .tagline-strip h4{
        font-size:22px;
        line-height:1.5;
    }
    
    /*==============================
    ABOUT
    ==============================*/
    
    .about-home{
        padding:50px 0;
    }
    
    .about-row{
        flex-direction:column-reverse;
    }
    
    .about-image{
        margin-top:0;
        margin-bottom:30px;
        text-align:center;
    }
    
    .about-image img{
        width:100%;
        height:260px;
        object-fit:cover;
    }
    
    .about-content{
        padding:0 15px;
    }
    
    .about-content h1{
        font-size:30px;
        line-height:1.3;
    }
    
    .about-content h5{
        font-size:18px;
    }
    
    .about-content p{
        font-size:15px;
        line-height:28px;
    }
    
    /* Button */
    .theme-btn{
        width:100%;
        text-align:center;
    }
    
    }
/* Responsive */

@media(max-width:991px){

    .ukb-detail-section{
      padding:70px 0;
    }
    
    .ukb-detail-content{
      margin-bottom:40px;
    }
    
    .ukb-detail-title{
      font-size:38px;
    }
    
    .ukb-detail-image{
      text-align:center;
    }
    
    }
    
    @media(max-width:767px){
    
    .ukb-detail-section{
      padding:50px 0;
    }
    
    .ukb-detail-title{
      font-size:30px;
    }
    
    .ukb-detail-text{
      font-size:16px;
      line-height:28px;
    }
    
    .ukb-detail-image{
      margin-top:30px;
    }
    
    .ukb-detail-image img{
      width:100%;
    }
    
    }