/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199px) 
{

}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991px) 
{ 
    .arrow {
        margin-top: 25px;
    }
    .inner-page .hero {
        margin: 12rem 0 2rem;
    }
    .breadcrumb-img{
        margin-top: 0rem!important;
        text-align: center;
    }
    .inner-page .hero-title{
        text-align: center;
    }
    .project-title{
        font-size: 1.5em;
    }
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767px) 
{ 
    .slider .carousel.slide{
        height: 682px;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        background: #262626;
        z-index: 100;
        position: relative;
    }
    .blog-item{
        text-align: center;
    }
    .blog-date-1 {
        margin: auto;
        float: none;
    }
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) 
{
    .hero-title h1
    {
        font-size: 4.5rem;
        line-height: 5.5rem;
    }
    .hero-title {
        padding-top: 4.4375rem;
        padding-bottom: 4.4375rem;
    }
    .hero-main {
        padding-top: 55px;
    }
    .slider .carousel.slide {
        height: 445px;
    }
    .carousel-indicators{
        bottom: 0px;
    }
    .hero{
        margin: 3.6875rem 0 4.6875rem;
    }
    .inner-page .hero-title h1{
        font-size: 2em;
        line-height: 4.5rem;
    }
}