﻿
/*-------------------------------------For XtraSmall Devices-------------------------------------------------------*/
@media (max-width: 320px) {
    .thumbnail img {
        width: 100%;
        /*height: 100%;*/
        margin-top: -24px;
    }
.thumbnail {
            position: relative;
    margin-top: -29px;
    margin-bottom: 25px;
    margin-top: 19px;
    margin-right: 17px;
    width: 109%;
    margin-left: -15px;       
    }
}
@media (min-width: 300px) and (max-width: 767px)
{
    
    .panel-danger 
    {
      width: 118% !important;
      margin-left: -45px;
      margin-top: -47px;
    }
    .imgRes
    {
       width: 100%;
    }
    .top-number
    {
        margin-left: -213px;
    }
    #map-canvas 
    {
        width: 24%;
        margin-left: 91px;
    }
    #footer 
    {
        margin-top: 14px;
    }
    .ThuButton 
    {        
        margin-top: 14px;
        margin-left: 106px;
    }
    .services1 
    {
        margin-top: -14px;
        margin-left: 10px;
    }
    .services2 
    {
       margin-left: -3px;
    }
    .services3 
    {
        margin-left: -2px;
    }
    .caption 
    {    
        margin-top: -141px;
        margin-bottom: 21px;
    }
    .caption h4 
    {
       margin-top: 3px;
    }
    .view-more-row-wel 
    {
        width: 100%;
        text-align: center;
        margin-bottom: -13px;
    }
    .ourServices {
        margin-bottom: 10px;
    }
    .body 
    {
        overflow-x:hidden;
    }
    
     .social
     {
        text-align: right;
        left: 200px !important;
        width: 100% !important;
        margin-top: -16px;
       
    }
    .social-share {
        margin-right: -79px;
    }
    #header .search {
        visibility: hidden;
    }
    .navbar {
        margin-bottom: -20px;
    }
    .panel {
        margin-bottom: -11px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    margin-top: -10px;
    width: auto;
    width: 115% !important;
    padding: 0px 0px 12px 31px;
    margin-left: -45px
        
    }
    .panel-body {
        padding: 11px 20px 8px;
    }
    .carousel {
    position: relative;
    margin-top: -29px;
    margin-bottom: 7px;
    margin-top: -2px;
    margin-right: 17px;
    width: 110%;
    margin-left: -15px;
}
    .thumbnail img {
        width: 100%;
        margin-top: -24px;
    }
    .thumbnail .caption {
        padding: 9px;
        color: #333;
        margin-left: 7px;
        margin-top: -14px;
    }
    .home-snippt-wrap {
        
        margin-left: -17px;
        margin-right: 17px;
        text-align: left;
        margin-top: 1px;
        width: 110%;
        margin-top: -37px;
        max-height: 3px;
    }
    .navbar-toggle {
        
        float: right;
        padding: 9px 10px;
        margin-top: 8px;
        //margin-right: 925px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .container {
        width: 100%;
        overflow-x:hidden;
    }
    .nbs-flexisel-inner 
    {
        width: 110%;
        margin-left: -45px;
        margin-top: 5px;
    }
    .colmd3 {
       
    }
    
    .well {
        margin-right: 17px;
        margin-left: 0px;
        width: 100%;
    }
    .wellServices {
        margin-right: 17px;
        margin-left: 0px;
        width: 100%;
        margin-bottom: -28px;
    }
    .h6New {
        margin-left: 15px;
        margin-right: 33px;
        text-align: center;
        margin-bottom: -12px;
    }
  .thumbnail {
    position: relative;
    margin-top: -29px;
    margin-bottom: 29px;
    margin-top: 20px;
    margin-right: 17px;
    width: 105%;
    margin-left: -13px;
}
    .thumbnailOne 
    {
        margin-left: 0px;
        text-align: center !important;
            
        width: 100%;
    }
    .thumbnail.services-home-last {
        margin-right: 15px;
        margin-bottom: -10px;
    }
    
     .home-snippt-wrap-last {
        margin-right: 15px;
        
    }
    .clearout {
        height: 20px;
        clear: both;
        margin-right: -13px;
        margin-left: 44px;
        margin-bottom: 49px;
    }
    .carousel-indicators {
        margin-bottom: -10px;
    }
    
    ul.nav.navbar-nav li a {
        background-color:none!important;

    }
    ul.nav.navbar-nav li {
        margin-left:-40px !important;
        background-image: none;
        background-repeat: no-repeat;
        padding-bottom: 8px;
        background-color: #b70808;
    }
    #bottom
    {
        margin-top: 12px;
    }
    ul.nav.navbar-nav li:last-child 
    {
       
       background-color: #b70808;
       background-image: none;
    }
    ul.nav.navbar-nav li a
    {
        background:none !important;
    }
    .navbar-nav 
    {
        margin-left: 3px;
        width: 95%;
    }  
    /*-----------Contact Us-----------------*/
    .contact h2 
    {
       font-family: 'Open Sans', sans-serif;
       font-size: 2.0em;
       border: 1px solid #555;
       background-color: rgba(0,0,0,0.6);
       padding-top: 6px;
       height: 55px;
       color: #fff;
       font-weight: 500;
       line-height: 40px;
       padding-left: 2px;
       text-align: center;
       width: 100%;
    }
    /*#map-canvas 
    {
       width: 100%;
    }*/
    #contactform textarea 
    {
       width: 313px;
    }
    #contactform .btn 
    {
       width: 100%;
    }
    .contact 
    {
  
       background: url("../img/356775.jpg") no-repeat center center fixed;
    
    }
    

       /*-----------Contact Us-----------------*/
}


/*------------------------------------For Small Devices-----------------------------------------------------*/

@media (min-width: 767px) and (max-width: 991px) {
    .body {
        overflow-x: hidden;
    }

    .nbs-flexisel-inner {
        width: 100%;
    }

    .carousel {
        position: relative;
        margin-top: -29px;
        margin-bottom: 7px;
        margin-top: -15px;
        margin-left: 16px;
        margin-right: 17px;
        width: 105%;
        margin-left: -19px;
    }

    .home-snippt-wrap-last {
        margin-right: 15px;
    }

    .home-snippt-wrap {
        margin-top: -33px;
        margin-left: -19px;
        margin-right: 17px;
        text-align: center;
        width: 105%;
    }

    .h6New {
        margin-left: 15px;
        margin-right: 33px;
        text-align: center;
    }

    .well {
        margin-right: 123px;
        margin-left: -19px;
        width: 105%;
    }

    .thumbnail {
        margin-left: -15px;
        margin-right: 16px;
        margin-top: 11px;
        margin-bottom: 16px;
        min-height: 216px;
        width: 112%;
    }

        .thumbnail.services-home-last {
            margin-right: 15px;
        }

        .thumbnail img {
            width: 100%;
            height: 100%;
            margin-top: -24px;
        }

        .thumbnail .caption {
            padding: 9px;
            color: #333;
            margin-left: 7px;
        }

    .clearout {
        margin-left: 10px;
        width: 105%;
        margin-bottom: 50px;
    }

    .panel {
        margin-bottom: 4px;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
        box-shadow: 0 1px 1px rgba(0,0,0,0.05);
        margin-top: -1px;
        width: auto;
        width: 105% !important;
        padding: 0px 0px 0px 0px;
        margin-left: -21px;
    }

    .headOffice {
        margin-left: -11px;
        width: 217%;
        margin-bottom: -6px;
    }

    .workShop {
        width: 209%;
    }
    .navbar-nav {
        margin-top: 15px;
        margin-right: -15px;
    }
    .home-snippt-wrap-fleet 
    {
       margin-top: -17px;
       margin-left: -19px;
       margin-right: 17px;
       text-align: center;
       width: 105%;
    }
   .panelFinancialPartner 
    {
        margin-left: -11px;
        width: 391px;
    }
    #footer {
        margin-left: -19px;
        width: 755px;
    } 

    
}
@media (min-width: 991px) and (max-width: 1200px) 
{
    .body 
    {
        overflow-x:hidden;
    }
    .nbs-flexisel-inner {
        width: 728px;
    }
    .h6New 
    {
        margin-left: 15px;
        margin-right: 33px;
        text-align: justify;
        margin-top: 29px;
    }
    .panel {
        background-color: #e6e6e6;
        border: 0 none;
        box-shadow: none;
        margin-top: -18px;
        margin-left: -19px;
        margin-right: 10px;
    }
    .thumbnail.services-home-last 
    {
         margin-right: 2px;
    }
   .home-snippt-wrap 
    {
        margin-top: -25px;
    }
    .well {
        margin-bottom: -1px;
    }
    #footer
    {
      margin-left: -19px;
    }
    #bottom
    {
      width: 959px;
      margin-left: -19px;
    }
.h6NewVision {
    margin-left: 132px;
    margin-top: -11px;
}
}
@media (min-width: 1200px) 
{
    .panel 
    {
        margin-top: -16.5px;
        margin-right: 6px;
        margin-bottom: 21px;
    }
    .home-snippt-wrap 
    {
        margin-top: -30px;
        height: 5px;
    }
    .thumbnail.services-home-last 
    {
        margin-right: -1px;
        margin-top: 26px !important;
    }
    .well {
        margin-bottom: 1px;
        background-color:#fff;
    }
    .nbs-flexisel-inner {
        width: 877px;
    }
    #footer ul 
    {
       margin-right: 29px;
    }
    .panelLast
    {
      height: 250px;
    }
    .h6New 
    {
        margin-left: 15px;
        margin-right: 33px;
        text-align: justify;
        font-weight: 599 !important;
        margin-top: 10px;
        margin-bottom: -29px;
    }
    .h6NewMission 
    {
        margin-left: 15px;
        margin-right: 33px;
        text-align: justify;
        font-weight: 599 !important;
        margin-top: -20px;
    }
    .h6NewVision {
    margin-left: 132px;
    margin-top: -11px;
}
        
    }    
    .H5 {
        color:#e40b0b !important; 

    }
    .home-snippt-wrapNew
    {
         margin-top: -1px;
    }
    .thumbnail services-home {
        margin-top: -2px !important;
    }
}
   