/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */
    .navbar {
        margin-top: 0;
    }
    .navbar-default .navbar-toggle {
    z-index: 10;
    position: relative;
}
    .col-sm-11 {
   width: 100%;
margin-left: 0;
}
    .social {
    width: 80px;
}
    .left_side {
    margin-top: 59px;
}
   
    .navbar-default {
    margin-left: -2px;
}
   .logo {
    width: 116px;
    height: 30px;
    margin-left: -125px;
    margin-top: 23px;
}
      .mainmenu > li > a {
    padding: 6px 9px;
    font-size: 9px;
    margin-left: -2px;
}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #514F4F;
        background-color: #514F4F;
    }
    .mainmenu > li {
        float: none;
    }
    .navbar-toggle {
        margin-top: 6px;
    }
    .navbar-toggle > span {
        border-right: none;
    }
    .navbar-toggle {
        border: none;
    }
   
    .navbar-collapse {
        height: 385px;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #424245;
    }
    .social {
        width: 321px;
        margin-left: -1px;
        margin-top: -70px;
        height: 35px;
    }
    .footer {
        height: 70px;
    }
    .foot_num {
        margin-top: 14px;
        margin-left: -5px;
        width: 107%;
    }
    .foot {
        margin-top: 27px;
        margin-left: -7px;
    }
    .foot_social {
        margin-top: 14px;
        margin-left: 75px;
        margin-right: -115px;
    }
    .menu2{
        visibility: visible;
margin-top: 0;
overflow-x: scroll;
overflow-y: hidden;
display: -moz-box;
height: 56px;
margin-bottom: 25px;
width: 276%;
    margin-left: 20px;
    }
  
   .sidebar-outer {
    visibility: hidden;
}
   .social2 {
    width: 125px;
    background-color: white;
border-radius: 25px;
height: 35px;
color: #d40303;
text-decoration: none;
font-weight: bold;
font-size: 12px;
} 
   .nav-pills > li + li {
    margin-left: 17px;
}
   .nav > li > a:hover, .nav > li > a:focus {
       background-color: white;
border-radius: 25px;
height: 35px;
color: #d40303;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}
   .all{
       margin-left: 5px;
       background-color: white;
border-radius: 25px;
height: 35px;
   }
   .can{
       margin-left: 5px;
       background-color: white;
border-radius: 25px;
width: 14%;
height: 35px;
   }
   .pip{
       margin-left: 5px;
       background-color: white;
border-radius: 25px;
width: 11%;
height: 35px;
   }
   .sign{
       margin-left: 5px;
       background-color: white;
border-radius: 25px;
width: 19%;
height: 35px;
   }
   .tank{
       margin-left: 5px;
       background-color: white;
border-radius: 25px;
width: 11%;
height: 35px;
   }
   .trus{
       margin-left: 5px;
       background-color: white;
border-radius: 25px;
width: 13%;
height: 35px;
   }
   a {
    color: #d40303;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
}
   .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
      margin-left: 0px;
background-color: white;
border-radius: 25px;

height: 35px;
color: #d40303;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;

}
    
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) and (max-width : 480px) {
  /* Styles */
 .menu2 {
    visibility: visible;
    margin-top: -8px;
    margin-bottom: 19px;
}
}



/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
  /* Styles */
   .col-sm-11 {
    margin-top: 0;
    margin-left: 73px;
    padding-left: 53px;
    padding-right: 0;
}
   

    .footer_text {
    margin-right: 30px;
    margin-left: 30px;
}
    .footer {
    height: 70px;
}
    .foot {
    margin-left: -25px;
    margin-right: 17px;
}
    .foot_social {
    margin-left: 60px;
}
.foot_num {
    margin-left: 2px;
    margin-right: -4px;
}
.left_side {
    margin-top: -6px;
    margin-left: 150px;
}
 .col-sm-3 {
    padding-right: 0px;
    padding-left: 0px;
    margin-left: -1px;
}
 .navbar-default {
    margin-left: 116px;
}
 .thumbnail > img {
    max-width: 103%;
    margin-left: 1.9px;
}
 .logo {
    margin-left: -157px;
    margin-top: 18px;
}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 769px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
  /* Styles */
 .mainmenu {
    margin-top: 16px;
}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
  /* Styles */
 .navbar-default {
    margin-left: 116px;
}
  .left_side {
    width: 15%;
    position: fixed;
    margin-top: -4px;
    margin-left: 140px;
}
  .social {
    margin-top: -7px;
}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
  /* Styles */
  
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
  /* Styles */
 
  .service_space {
    margin-top: -180%;
}
   textarea.form-control {
    margin-left: 198px;
}
   .left_side{
   width: 9%;
position: fixed;
margin-left: -115px;
}
  
    /*.navbar-default {
        margin-left: 175px;
    }*/
    .welder {
    margin-left: -169px;
    margin-top: -27%;
    width: 70%;
} 
.image8 {
    margin-top: 404%;
    max-width: 116%;
} 
.navbar-left {
    margin-left: 100px;
} 
.pad_qual {
    padding-bottom: 69px;
} 
.text_sec3 {
    padding-bottom: 149px;
} 
.imgli5 {
      margin-top: -56px;
} 
}

/* iPhone 4 - 5s ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
  /* Styles */
}

/* iPhone 6 ----------- */
@media
only screen and (max-device-width: 667px),
only screen and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

/* iPhone 6+ ----------- */
@media
only screen and (min-device-width : 414px),
only screen and (-webkit-device-pixel-ratio: 3) {
  /*** You've spent way too much on a phone ***/
}


@media (min-width:1025px) {
 /* big landscape tablets, laptops, and desktops */
    .navbar_space {
    margin-right: 0;
}
    .left_side {
        margin-left: 0;
    }

    .navbar-left {
        margin-left: -7px;
        margin-top: 1px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) {
    /* Retina-specific stuff here */
    .navbar_space {
    margin-right: 0;
}
    .left_side {
        margin-left: 0;
    }

    .navbar-left {
        margin-left: -16px;
        margin-top: 1px;
    }
}