@media (max-width: 499px) {
    .navbar-collapse {
        top: 63px;
    }
}

a .title,.project-block .inner-box .image .overlay-box h3, .project-block .inner-box .image .overlay-box h3  {
    color: #fff !important;
    text-decoration: none;
}
#mainNav {
    background: rgba(46, 66, 87, 0.4);
}

@media (max-width: 560px) {
    #slider .owl-carousel .owl-item {
        height: 38vh;
        min-height: 260px;
        width: 100%;
    }
}
@media (max-width: 399.98px) {
    .sminner_bnr, .inner_bnr {
        height: 72px;
        background: rgba(46, 66, 87, .4);
    }

    .owl-carousel .owl-item .item img {
        height: 100%;
        max-width: 100%;
        object-fit: cover;
    }
}


/* Overlay background class */
.init-overlay {
    background: rgba(46, 66, 0, 0.4);
}
@media (max-width: 490px) {

    .sminner_bnr,
    .inner_bnr, #mainNav.navbar-dark {
        height: 68px;
    }
}

/* Mobile only */
@media (max-width: 575px) {
    /* Disable the default Owl nav look */
    .projects-section .outer-container .owl-nav .owl-prev,
    .projects-section .outer-container .owl-nav .owl-next {
        background: rgba(0,0,0,.7) !important;
        color:#fff;
        width: auto;
        height: auto;
        top: 45%;
        bottom: auto;
        transform: translateY(-50%);
        padding: 1px 10px;
        opacity: .9;
        transition: opacity .15s ease;
        color: #fff;
        border: none;
        /* font-size: 28px; adjust arrow/icon size */
    }
    .project-block .inner-box .image img {
        position: relative;
        height: 400px;
        display: block;
        max-width: 100%;
        object-fit:cover;
        background-position: top center;
    }
    .owl-carousel .owl-item img {
        display: block;
        width: 100% !important;
        -webkit-transform-style: preserve-3d;
        text-align: center;
        margin: auto;
    }
    /* Position prev/next arrows */
    .projects-section .outer-container .owl-nav .owl-prev {
        left: 10px !important;
    }
    .projects-section .outer-container .owl-nav .owl-next {
        right: 10px !important;
    }
    .projects-section .outer-container .owl-nav {
        top: 45%;
        height: 40px;
        z-index: -1;
    }
    .project-block .inner-box .image {

        background: #353E4A;
        /*  background-color: rgba(22,26,51,.1);*/
    }
    .project-block .inner-box .image .overlay-box .overlay-inner {

        padding: 10px 12px;

    }
    .project-block .inner-box .image .overlay-box h3 {

        font-size: 17px;

        margin: 0px;
    }
    .project-block .inner-box .image .overlay-box .title {

        font-size: 14px;
        padding-left: 40px;
    }

    .project-block .inner-box .image .overlay-box,  .project-block .inner-box:hover .image .overlay-box {
        opacity: 1;
        -webkit-transform: perspective(0px) rotateY(0);
        -moz-transform: perspective(0px) rotateY(0);
        -ms-transform: perspective(0px) rotateY(0);
        -o-transform: perspective(0px) rotateY(0);
        transform: perspective(0px) rotateY(0);
        background-color: rgba(22,26,51,.1);
        /*  background-color: rgba(22,26,51,.1);*/
    }
    .projects-section .outer-container {
        position: relative;
        padding: 0 0px;
        width:100%;
    }
    .project-block:hover {
        transform: scaleY(1);
    }
    .project-block .inner-box .image .overlay-box .title {
        padding-left: 0px;
    }
    .projects-section .outer-container .owl-nav {
        z-index: 9 !important; /* bring in front */
        pointer-events: auto;  /* allow clicking */
    }
}
.autocomplete-suggestion.separator {
    pointer-events: none;   /* cannot click */
    user-select: none;      /* cannot select text */
    font-weight: 600;
    color: #777;
    background-color: #f4f4f4;
    cursor: default;
    text-align: center;
}