@media only screen and (max-width: 926px) {
    #footer-mobile {display: none;}
	.desk-icon {display: none;}
	.icon { display: block;}
}
@media only screen and (max-width: 1440px) {
    #footer-mobile {display: none;}
}
@media only screen and (min-width: 960px) {
/* Header CSS */
    header {height:58px; text-align: center;}
    .container-header {height: 100px;background-color: transparent;}
    .nav {top: 0; position: fixed;float: left;}
    #img_header {display: none;}
    #header-mobile {width: 80%;display:block;z-index: 15;}
    #mobile-logo {
        width:25%;
        height:auto;
        top: 10px;
        position:relative;
    }
    #mobile-logo2 {width: 14%;height: auto;}
    form.search input[type=text] {
        padding: 3px;
        width: 15%;
    }
    .topnav a:not(:last-child) {display: none;} 
    .topnav a.icon {
        position: fixed;
        display: block;
        top: 0;
        left: 0;
    }
    .topnav a {
        font-size: 0.8em;
        background-color: transparent;
    }
    .topnav.responsive a.icon {
        position: fixed;
        right: 0;
        top: 0;   
        z-index: 50;
        }
    .topnav.responsive a {
        background-color: rgba(255, 255, 255, 0.6);
        float: none;
        display: block;
        }
    .dropdown-content {margin-top:0px;background-color:none;}
    .topnav.responsive .dropdown {float: none;}
    .topnav.responsive .dropdown-content {position: absolute;}
    .topnave.responsive .dropdown .dropbtn {
        display: block;
        width: 100%;
        text-align: center;
    }
    .dot { height: 3px;width: 15px;margin: 5px;} 
/* Footer Css */
    .sitemap_container {display: none;}
    .container-footer {height: auto;}
    #footer-mobile {display: grid; padding: 15px;}
    .mobiledropdown-item {background-color: rgb(167, 167, 167); }
}
@media only screen and (min-width: 640px) {
    .nav {top: 0; position: none;}
    .icon {
        width: auto;
		display: none;
		text-align: left;
      }
	.desk-icon {display: block;}
    .topnav a.icon {position: fixed; top: 0; left: 0;}
    .search_container {width: 100%;}
    .dot { height: 3px;width: 15px;margin: 5px;}
    .description-modal {
        margin: 20px auto auto 10px;
    }
/* Product Featured */
    .container-footer {font-size: 10px;color: #000000;}

    button {font-size: 13px;}
    
    .search_container {width: 30%;}
    #about-us-img01 {float: right;width: 50%;height: auto;}
}
@media only screen and (max-width: 430px) {
    .description-modal {
        margin: 20px auto auto 10px;
    }
    .open-button {width:15%;}
	.container-3D-library {
		grid-template-columns: 100%;
	}
	
}
