/*=========================================
            Inner Banner
=========================================*/

.inner-banner{

    position:relative;
    display:flex;
    align-items:center;
    min-height:380px;
    padding:140px 0 90px;
    background:url("../images/banner/b.png") center center;
    background-size:cover;
    background-repeat:no-repeat;
    overflow:hidden;

}

/*=========================================
            Overlay
=========================================*/

.banner-overlay{

    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:linear-gradient(
        rgba(0,0,0,.70),
        rgba(0,0,0,.70)
    );

}

/*=========================================
        Banner Content
=========================================*/

.inner-banner-content{

    position:relative;
    z-index:2;
    text-align:center;

}

.inner-banner-content h1{

    color:#fff;
    font-size:52px;
    font-weight:700;
    margin-bottom:18px;
    letter-spacing:.5px;

}

.breadcrumb{

    justify-content:center;
    background:none;
    padding:0;
    margin:0;

}

.breadcrumb-item{

    font-size:16px;
    color:#EAEAEA;

}

.breadcrumb-item a{

    color:#FDB913;
    text-decoration:none;
    transition:.30s;

}

.breadcrumb-item a:hover{
    color:#fff;
}

.breadcrumb-item+.breadcrumb-item::before{

    color:#ffffff;
    content:"/";

}

.breadcrumb-item.active{
    color:#ffffff;
}


/*=========================================
            Laptop
=========================================*/

@media (max-width:1199px){
    .inner-banner{
        min-height:340px;
    }

}

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

@media (max-width:991px){

    .inner-banner{
        min-height:300px;
        padding:120px 0 70px;
    }

    .inner-banner-content h1{
        font-size:42px;
    }

}

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

@media (max-width:767px){

    .inner-banner{
        min-height:260px;
        padding:110px 0 60px;
    }

    .inner-banner-content h1{
        font-size:34px;
    }

    .breadcrumb-item{
        font-size:15px;
    }

}

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

@media (max-width:480px){

    .inner-banner{
        min-height:220px;
    }

    .inner-banner-content h1{
        font-size:28px;
    }

    .breadcrumb-item{
        font-size:14px;
    }

}