/* Large devices (Desktops & Laptops)*/

@media(min-width: 1250px) {
    /* OK */
}

/* Large devices (Desktops & Laptops)*/

@media(min-width: 1199px) and (max-width: 1450px) {
    /* OK */
    .navbar-nav > li > a {
        font-size: 12px;
        letter-spacing: 0px;
    }
    /*  Home  */
    #home-content-box .home-item-box img {
        height: 260px;
    }
    figure.home-item h2 {
        font-size: 28px;
    }
    #home-content-box figure.home-item h4 {
        font-size: 11px;
    }
    #home-content-box figure.home-item h4.title-single {
        font-size: 26px;
    }
}



/* Large devices (Desktops & Laptops)*/

@media(min-width: 1200px) and (max-width: 1249px) {
    .navbar {
        padding: 5px 55px;
    }
}

/* Medium devices*/

@media(min-width: 992px) and (max-width: 1199px) {
    /*  Menu  */
    .navbar {
        background-color: rgba(255, 255, 255, 0.9);
    }
    .nav-menu-bar img {
        transform: none;
    }
    .navbar .container-fluid p.info {
        right: 150px;
    }
    #nav-menu-items {
        float: left;
        padding-left: 30px;
        min-width: 170px;
    }
    .navbar-nav > li > a {
        color: #fff;
    }
    .container-fluid > .navbar-collapse > .navbar-nav > li.active > a {
        color: #CC0000;
    }
    .container-fluid > .navbar-collapse > .navbar-nav > li > a {
        color: #000;
    }
    .container-fluid > .navbar-collapse > .navbar-nav > li > a:hover {
        color: #CC0000;
    }
    /*  Home  */
    #home-content-box .home-item-box img {
        height: 220px;
    }
    figure.home-item h2 {
        font-size: 20px;
    }
    #home-content-box figure.home-item h4 {
        font-size: 9px;
    }
    #home-content-box figure.home-item h4.title-single {
        font-size: 22px;
    }
}

/* Small devices*/

@media(min-width: 768px) and (max-width: 991px) {
    /*  Menu  */
    .navbar {
        background-color: rgba(255, 255, 255, 0.9);
        padding: 5px 0;
    }
    .nav-menu-bar img {
        transform: none;
    }
    .navbar .container-fluid p.info {
        display: none;
    }
    #nav-menu-items {
        float: left;
        padding-left: 30px;
        min-width: 170px;
    }
    .navbar-nav > li > a {
        color: #fff;
    }
    .container-fluid > .navbar-collapse > .navbar-nav > li.active > a {
        color: #CC0000;
    }
    .container-fluid > .navbar-collapse > .navbar-nav > li > a {
        color: #000;
    }
    .container-fluid > .navbar-collapse > .navbar-nav > li > a:hover {
        color: #CC0000;
    }
    /*  Home  */
    .home-item-box {
        visibility: hidden;
    }
    #home-title h3 {
        font-size: 6rem;
    }
    /*  About  */
    #about-bg-diagonal {
        border-left: 0;
        border-top: 0;
        width: 100%;
        height: 350px;
    }
    #about-content-box {
        width: 100%;
        height: 350px;
    }
    /*  Stats  */
    .stats-item {
        padding: 20px 0;
    }
    /*  Footer  */
    #footer-copyrights {
        text-align: center;
    }
}


/* Extra small devices */

@media(max-width: 767px) {
    /*  Menu  */
    .navbar {
        background-color: rgba(255, 255, 255, 0.9);
        padding: 5px 0;
    }
    .nav-menu-bar img {
        transform: none;
    }
    .navbar .container-fluid p.info {
        display: none;
    }
    #nav-menu-items {
        float: left;
        padding-left: 30px;
        min-width: 170px;
    }
    .navbar-nav > li > a {
        color: #fff;
    }
    .container-fluid > .navbar-collapse > .navbar-nav > li.active > a {
        color: #CC0000;
    }
    .container-fluid > .navbar-collapse > .navbar-nav > li > a {
        color: #000;
    }
    .container-fluid > .navbar-collapse > .navbar-nav > li > a:hover {
        color: #CC0000;
    }
    /*  Home  */
    .home-item-box {
        visibility: hidden;
    }
    #home-title h3 {
        font-size: 5rem;
    }
    #home-content-box h3 {
        font-size: 24px;
    }
    #home-content-box h4 {
        font-size: 20px;
    }
    .btn-general {
        padding: 6px 22px;
        font-size: 14px;
    }
    /*  About  */
    #about-bg-diagonal {
        border-left: 0;
        border-top: 0;
        width: 100%;
        height: 350px;
    }
    #about-content-box {
        width: 100%;
        height: 350px;
    }
    /*  Work  */
    .img-wrapper img {
        width: 100%;
    }
    /*  Testimonials  */
    .testimonial blockquote {
        padding: 6px 50px;
    }
    .testimonial blockquote:before {
        left: 12px;
    }
    .testimonial blockquote:after {
        right: 12px;
    }
    .testimonial blockquote p {
        font-size: 14px;
    }
    /*  Pricing  */
    .container {
        width: 100%;
    }
    /*  Stats  */
    .stats-item {
        padding: 20px 0;
    }
    /*  Footer  */
    #footer-copyrights {
        text-align: center;
    }
}


/* Extra small devices */

@media(max-width: 480px) {
    /*  OK  */
}


/* Extra small devices */

@media(max-width: 320px) {
    /*  Services  */
    .service-item i {
        width: 58px;
        height: 58px;
        padding: 7px;
    }
    .service-item h3 {
        font-size: 17px;
    }
    /*  About  */
    #about-content-box {
        margin-top: 40px;
    }
    /*  Testimonials  */
    .testimonial img {
        max-width: 80px;
    }
    .testimonial blockquote {
        padding: 6px 30px;
    }
    .testimonial blockquote:before {
        left: 7px;
    }
    .testimonial blockquote:after {
        right: 7px;
    }
    .testimonial blockquote p {
        font-size: 12px;
    }
}