/*==== media queries====*/
/* large devices */

@media (min-width: 1200px) {
    /* ok */

    /* about - remove diagonal*/
    #about-bg-diagonal {
        border-left: 0;
        border-top: 0;
        width: 100%;
        height: 200px;
    }

    #about-content-box {
        width: 100%;
        height: 250px;
    }


}

/*medium devices*/
@media (min-width: 992px) and (max-width:1199px) {
    .navbar {
        background: transparent;
        padding: 0;
    }

    .navbar-nav {
        float: right;
        background: rgba(255, 254, 254, 0.7);
    }

    .vesco-nav-wrapper {
        padding: 0;
    }

    /* about - remove diagonal*/
    #about-bg-diagonal {
        border-left: 0;
        border-top: 0;
        width: 100%;
        height: 250px;
    }

    #about-content-box {
        width: 100%;
        height: 250px;
    }

}

/*small devices*/
@media (min-width: 768px) and (max-width: 991px) {
    .navbar {
        background: transparent;
        padding: 0;
    }

    .navbar-nav {
        float: right;
    }

    .vesco-nav-wrapper {
        padding: 0;
    }

    /* about - remove diagonal*/
    #about-bg-diagonal {
        border-left: 0;
        border-top: 0;
        width: 100%;
        height: 150px;
    }

    #about-content-box {
        width: 100%;
        height: 250px;
    }

    /* Footer */
    #footer-copyrights {
        text-align: center;
    }
}

/*extra small - landscape phone and tablets*/
@media (max-width:767px) {

    /*mobile menu */
    .navbar {
        background: transparent;
        padding: 0;
    }

    .navbar-nav {
        float: right;
    }

    .vesco-nav-wrapper {
        padding: 0;
    }

    /*Home*/
    #home-heading h3 {
        font-size: 38px;
    }

    #home-heading h2 {
        font-size: 30px;
    }

    /*Buttons*/
    .btn-general {
        padding: 6px 22px 6px 22px;
        font-size: 14px;
    }

    /*About - remove diagonal*/
    #about-bg-diagonal {
        border-left: 0;
        border-top: 0;
        width: 100%;
        height: 250px;
    }

    #about-content-box {
        width: 100%;
        height: 250px;
    }

    /* Footer */
    #footer-copyrights {
        text-align: center;
    }

    #faq {
        margin-top: 100px;
    }

}

/*extra small - smaller devices*/
@media (max-width: 480px) {

    /*ok*/
}

/*extra small - hella small phones*/
@media (max-width: 320px) {

    /*services*/
    .service-item-icon i {
        width: 58px;
        height: 58px;
        padding: 7px;
    }

    .service-item-title h3 {
        font-size: 17px;
    }
}
/*medium devices*/
@media (max-width:1199px) {
    .navbar-nav {
        background: rgba(255, 254, 254, 0.7);
    }
}
@media (max-width:1024px) {
    #about-bg-diagonal,
    #home-cover {
        background-attachment: initial;
    }
}