.mobile-nav {
    display: none;
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .mobile-nav {
        cursor: pointer;
        display: block;
        font-size: 21px;
        padding: 5px 10px;
        right: 15px;
        text-align: center;
        top: 0;
        z-index: 999;
    }
    .tabs {
        display: none;
       
        
    }
    .tabsbg .tabs {
        position: absolute;
        z-index: 99;
        background-image: url("../imgs/bbnew1.jpg");
        background-repeat: repeat;
      
        
    }
    .tabsbg .tabs ul li {
        display: block;
        width: 100%;
    }
    .tabs ul ul {
        width: 100%;
        
    }
    .tabs ul ul li a {
        width: 100%;
         
    }
    .company {
        width: 100%;
    }
    .company img {
        width: 100%;
        height: auto;
    }
    .bannerControls,
    .mycanvas,
    .bottomNav {
        display: none;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {}

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

@media only screen and (min-width: 992px) and (max-width: 1210px) {}