/*-----------------bootstrap media quaries----------------------*/


/* Large devices (desktop e laptops)*/
@media (min-width:1200px) {
    /* OK*/
}

/* Medium devices (landscapes tablets & medium desktops)*/
@media (min-width:992px) and (max-width:1199px) {
    .navbar {
        background-color: #1f3239;
        padding: 15px 0;
    }

    .navbar-nav {
        float: left;
    }

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

/* small devices (portrait tablets & small desktops)*/

@media (min-width:768px) and (max-width:991px) {

    .navbar {
        background-color: #1f3239;
        padding: 15px 0;
    }

    .navbar-nav {
        float: left;
    }    
    
    /*home*/
    #home-heading h3 {
        font-size: 38px;
    }

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

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

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


/* extra small devices (portrait tablets & small desktops)*/

@media (max-width:767px) {

    .navbar {
        background-color: #1f3239;
        padding: 15px 0;
    }

    .navbar-nav {
        float: left;
    }
    

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

    .navbar-nav {
        float: left;
    }

    /*home*/
    #home-heading h3 {
        font-size: 32px;
        line-height: 37px;

    }

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

    /*about remove diagonal*/

    #about-bg-diagonal {
        border-left: 0;
        border-top: 0;
        width: 100%;
        height: 350px;
    }

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

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

    #footer-copyrights p {
        font-size: 14px;
    }
}

/* extra small devices (portrait tablets & small desktops)*/

@media (max-width:425px) {

    #home-heading h3 {
        font-size: 29px;
    }

    .navbar-brand img{
        width: 170px;
    }

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

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

    #contact-left h3,
    #contact-right h3 {
        font-size: 22px;
        font-weight: 300;
    }

    #contact-left p {
        color: #fff;
        margin-bottom: 40px;
    }

    #contact-left .bold {
        font-weight: 300;
    }

    .phone {
        margin-top: 40px;
    }

    .phone a {
        color: #fff;
        font-weight: 300;
        font-family: 'Lato', sans-serif;
        font-size: 16px;
        letter-spacing: 1px;
    }

    .mail {
        width: 100%;
        margin: 20px auto;
    }

    #contact-right hr {
        width: 90%;
        margin-left: 0;
    }
}

/* extra small devices (portrait tablets & small desktops)*/

@media (max-width:320px) {

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

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

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

    .service-item-title h3 {
        font-size: 15px;
    }

    /*about*/
    #about-content-box {
        margin-bottom: 50px;
    }

    .content-title h3 {
        font-size: 25px;
    }

    .service-item-title h3 {
        font-size: 15px;
    }

    .service-item-description p {
        line-height: 20px;
        letter-spacing: 0;
    }


}