@media(max-width:1580px){

.mobile-menuicon {
    display: none;
}
   .hidden{
        display: none;
    }
    nav ul li {
    margin-right: 6px;
}
   
    
 
}
@media(max-width:1366px){
 .fixed_header nav ul li {
      margin-right: 0px;  
    }
    .fixed_header nav ul li a{
        font-size: 13px;
    }
}
@media(max-width:1260px){



}
@media(max-width:1080px){
   .feedback p {
    margin: 9px;
}
}
@media(max-width:1030px){

.mobile-menuicon {
float: right;
display: inline-block !important;
padding: 8px 14px 8px 15px;
font-size: 27px;
color: #fff;
background-color: #bf6515;
border: 1px solid #BF6515;
margin-top: 49px;
cursor: pointer;
margin-right: 30%;
border-radius: 5px;
}
    .slide-out-div {
    display: none;
}
    
    .productsrange p {
    font-size: 15px;
    }
    .three_box ul li a {
    font-size: 16px !important;
    }
    .fixed_header nav {
    margin: 37px 0 0 0px;
}
    .imatter {
    padding-bottom: 0px;
    min-height: auto;
}
    .fixed_header .mobile-menuicon{
        margin-top: 9%;
    }
      .hightab{
        display: none;
    }
    .hidden{
        display: block;
    }
    footer ul li a:hover {
    color: #fff;
    }

.main_screen {
    position:relative;
}
nav {
    display:none;
    position:absolute;
    z-index:999;
    top:39%;
    margin:0px;
    width:100%;
    text-align:center;
    left:0%;
}
nav ul {
    background-color:#bf6515;
}
nav ul li {
    list-style:none;
    width:100%;
    float:none;
    margin:0px;
    border-bottom:1px solid #8f4b0e;
}
nav ul li a {
    font-size:16px;
    font-weight:500;
    color:#ddd !important;
    padding:13px 12px 18px 12px;
}
nav ul li a:hover {
    background-color:#000;
    border-radius:0px;
}
.active {
    background-color:#0d70b1;
    border-radius:0px;
}
    .productsrange ul li a {
    font-size: 17px;
        font-weight: 100;
    }
    .banner{
        box-sizing: border-box;
    }
    .banner img{
        width: 100%;
    }
    .imatter h3 {
    font-size: 27px;
    }
}
@media(max-width:980px){
.feedback p {
    margin: 8px;
}
}
@media(max-width:800px){
.prodrange ul li a {
    font-size: 12px;
}
    .callus {
    font-size: 15px;
}
    .the_company h2 {
    font-size: 21px;
          text-align: center;
    }
  .the_company {
    margin: 10px;
    width: 97%;
    }
    .prodrange {
    margin: 1%;
    width: 98%;
}
    .reveal-modal-video {
    margin-left: -220px;
    }
    .prodrange ul li {
    width: 31.3%;
    margin: 7px;
        }
    .prodrange ul li a {
    font-size: 17px;
}
    .feedback p {
    margin: 7px;
    }
    .highlight {
    font-size: 19px !important;
    }
    .prodrange h2 {
    font-size: 24px;
    margin: 11px 0 10px 10px;
  
    }
    .three_box ul li {
    width: 49%;
    }
    .productsrange ul li a {
    font-size: 15px;
 
}
    .productsrange ul li a img {
    margin-bottom: 10px;
    }
    footer ul h3 {
    font-size: 18px;
    }
}
@media(max-width:768px){
.prodrange ul li {
    width: 31.3%;
    margin: 6px;
}
    .botlinks{
        
    }
    .botlinks ul h3 {
background-color: #d7d5d5;
padding: 10px 0 12px 0;
font-size: 16px;
font-weight: 500;
color: #575656;
        margin: 0px;
}
     .botlinks ul {
        width: 100%;
        text-align: center;
       border-bottom: 1px solid #c6c5c5;
    }
    .botlinks ul li {
        background-color: #fff;
        padding: 4px;
        border-bottom: 1px solid #333;
        display: none;
        border: 1px solid #edededb3;
    }
    .botlinks ul h2 {
        margin-bottom: 0px;
        background-color: #333;
        padding: 7px 0 14px 0;
        font-size: 18px;
        font-weight: 100;
    }
      footer ul p {
    width: 100%;
    line-height: 24px;
    margin-top: 3%;
    font-size: 16px;
        text-align: center;
}
    footer ul li a {
    font-size: 15px;
    color: #515151;
    font-weight: 500;
        cursor: pointer;
        display: block;
    }

    footer ul li a:hover{
        background-color: #000;
    }
    footer {
    min-height: 265px;
        overflow: hidden;
    }
    .productsrange ul li a {
    font-size: 14px;
}
}
@media(max-width:640px){
.prodrange ul li {
    width: 48%;
    margin: 1%;
}
    .prodrange h2 {
    margin: 3%;
    text-align: center;
}
    .hidden{
        display:block;
    }
    .hightab{
        display: none;
    }
    .mobile-menuicon {
    margin-top: 80%;
    margin-right: 21%;
    }
    .three_box ul li a {
    font-size: 15px !important;
}
    .productsrange p {
    font-size: 16px;
        line-height: 24px;
    }
    
  
    .fixed_header .mobile-menuicon{
        margin-top: 10%;
    }
    .fixed_header nav {
    margin: 6% 0 0 0px;
}
    
    .stayon {
display: none;
    }

   
    .callus{
        margin: 8px 0px 0 0;
    }
    .facebook{
        font-size: 20px;
color: #fff;
padding: 9px 17px 1px 14px;
display: inline-block;
background-color: #3b5998;
border: 1px solid #3b5998;
    }
      .productsrange ul li {
    margin: 1%;
    width: 48%;
}
    .feedback p {
    width: 99%;
    margin: 0px;
}
    .full {
    width: 98% !important;
}
}
@media(max-width:540px){
.blink {
    margin-left: 40%;
    }
  .productsrange ul li {
    width: 100%;
}
}
@media(max-width:480px){
    .prodrange ul li a {
    font-size: 15px;
        
}
    .the_company img {
    margin-left: 27%;
    width: 40%;
    padding: 2%;
    text-align: center;
        float: none;
    }
    .mapbg p {
    font-size: 15px;
    }
    .the_company p {
    margin: 7px;
    }
  .productsrange ul li {
    width: 97%;
    margin: 6px;
}
    .productsrange p {
    font-size: 14px;
    line-height: 21px;
}
    .reveal-modal-video {
    margin-left: -209px;
    width: 355px;
    }
}
@media(max-width:420px){
  .welcome {
    margin: 0px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    padding: 10px 0;
    float: none;
}
    .topbar {
    height: 64px;
}
    .callus {
    margin: 0px;
    text-align: center;
    width: 100%;
}
}
@media(max-width:360px){
.logo {
    margin: 0px;
    padding: 10px;
}
    .logo img {
    width: 70%;
}
    .topbar {
   height: 64px;
}
    .welcome {
    margin: 0px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    padding: 10px 0;
        float: none;
    }
    .callus {
    margin: 0px;
    text-align: center;
    width: 100%;
    }
    header{
        margin: 0px;
height: 95px;
    }
    .reveal-modal-video {
    margin-left: -165px;
    width: 75%;
    }
   
.imatter h1 {

    font-size: 19px;
    margin: 0px;

}
    .bone-image {
    float: none;
    margin-left: 21%;
}
    .theme-default .nivoSlider{
        min-height: auto;
    }
    .mobile-menuicon {
    margin-top: -89%;
    }
    .prodrange h2 {
    font-size: 18px;
    }
    .the_company img {
    margin-left: 24%;
    width: 48%;
    padding: 2%;

    }
    .blink {
    margin-left: 32%;
}
    .the_company p {
    margin: 9px 0 27px 0;
}
    .mapbg h2 {
    font-size: 22px;
    }
  

.the_company {
 margin: 9px;
    width: 95%;

}
    footer{
margin: 0px;
    }
    .fixed_header .logo {
    margin: -5px 0 0 10px;
}
    nav{
        top: 33%;
    }
    .fixed_header nav {
    margin: 12% 0 0 0px;
}
}
@media(max-width:320px){
    .prodrange ul li {
    width: 98%;
    margin: 3px;
}
    .bone-image {

    margin-left: 17%;
}
    .reveal-modal-video {
    margin-left: -149px;
    width: 74%;
    }
}