/*===========================================
        boostrap 3 media queries
============================================*/

/* Large Devices (Desktop & Laptop)*/
@media(min-width: 1200px){
   
}

/* Medium Devices (Landscape tablets & Medium Destop)*/
@media(min-width: 992px) and (max-width: 1199px){
    .navbar{
        background:rgba(0, 0, 0, 0.8);
        padding: 0;   
        }
    .navbar-nav{
        float:left;
    }
    .vesco-nav-wrapper{
        padding: 0;
    }
    
}
/* Small Devicces (Portrait Teblets & small Desktop)*/

    /* mobile menu*/
    @media(min-width: 768px) and (max-width: 991px){
        .navbar{
            background:rgba(0, 0, 0,0.8);
            padding: 0;   
        }
        .navbar-nav{
            float:left;
        }
        .vesco-nav-wrapper{
            padding: 0;
        }
        
        /* About - remove diagonal boder*/
        #about-bg-diagonal{
            border-top: 0;
            border-left: 0;
            width:100%;
            height:350px;
        }
        #about-content-box{
            width: 100%;
                height: auto;
                padding: 30px 0 10px 0;
            }
            #about-content-box-outer,
            #about-content-box-inner{
                display: block;
                height: auto;
            }
            #vision-mission .content-box{
                padding-top: 30px;
        }
        
        /* stats*/
        .stats-item{
            padding: 20px 0;    
        }
        /* footer*/
        #footer-copyrights{
            text-align: center;
        }
        
    }


/* Extra Small Devicces (Portrait Teblets & Landscape phone)*/
    @media(max-width: 767px){
        
        /*mobile menu*/
        .navbar{
            background:rgba(0, 0, 0, 0.8);
            padding: 0;   
        }
        .navbar-nav{
            float:left;
        }
        .vesco-nav-wrapper{
            padding: 0;
        }
        /*Home*/
        #home-hedding .home-brand{
            font-size: 14px;
            letter-spacing: 2px;
        }
        #home-hedding h1{
            font-size: 28px;
        }
        #home-hedding .home-tagline{
            font-size: 14px;
            letter-spacing: 0.5px;
            margin-bottom: 20px;
        }
        /*Button*/
        .btn-general{
            padding: 6px 16px;
            font-size: 14px;
        }
         /* About - remove diagonal boder*/
        #about-bg-diagonal{
            border-top: 0;
            border-left: 0;
            width:100%;
            height:350px;
        }
        #about-content-box{
            width: 100%;
            height: auto;
            padding: 30px 0 10px 0;
        }
        #about-content-box-outer,
        #about-content-box-inner{
            display: block;
            height: auto;
        }
        #vision-mission .content-box{
            padding-top: 30px;
        }
        .vision-mission-card{
            margin-bottom: 20px;
        }
        /* Work*/
        .img-wrapper img{
            min-width: 100%;
        }
        /*Twestimonials*/
        .testimonials blockquote {
            padding: 6px 50px;
        }
        
        .testimonials blockquote:before{
            left: 10px;
        }
        .testimonials blockquote:after {
            right: 10px;
        }
        .testimonials blockquote p {
            font-size: 14px;
        }      
        /* stats*/
        .stats-item{
            padding: 20px 0;    
        }
        
        #footer-copyrights{
            text-align: center;
        }
        
}

/* Extra Small Devicces (Smaller Devices)*/
    @media(max-width:480px){
        
      /* ok */
}

/* Extra Small Devicces (Smaller Devices)*/
    @media (max-width: 320px){
        
        .navbar{
            background:rgba(0, 0, 0, 0.8);
            padding: 0;   
        }
        .navbar-nav{
            float:left;
        }
        .vesco-nav-wrapper{
            padding: 0;
        }
        
        /* Services */
        .service-item-icon i{
            width: 58px;
            height:58px;
            padding: 7px;
        }
        .service-item-title h3 {
            font-size: 17px;
        }
        
        /*About */
        
        #about-content-box {
            margin-top: 40px;
        }
        
        /*Testing Monials */
        .testimonials img{
            max-width: 80px;
        }
        .testimonials blockquote {
            padding: 6px30px;
        }
        
        .testimonials blockquote:before{
            left: 7px;
        }
        .testimonials blockquote:after {
            right: 7px;
        }

      
}