@media only screen and (max-width:986px){#about .container{justify-content:space-evenly}.gallery .col-4:nth-child(2){order:1}#about .container .col-4:hover{scale:1}.gallery{flex-wrap:wrap}.tag,table{font-size:14px}.x{padding:2px 5px}.product-img{margin-left:20px;width:175px;height:auto;order:-1;position:absolute;right:0;left:auto}.info{flex-direction:column}.info p{width:calc(100% - 175px)}.bag-img img{width:150px;height:auto}}@media only screen and (max-width:786px){.main header{min-height:700px}.landing{justify-content:flex-start!important}.main .hero{margin:auto!important}.hero{margin-top:30%}nav{height:max-content}nav .container{flex-direction:column;align-items:center;justify-content:center!important;padding:0!important}nav .logo-container a{width:100%!important}nav ul{margin-top:20px;margin-right:0}nav ul a{height:35px}nav ul li{display:inline-flex;justify-content:center;align-items:center}.logo-container{width:100%;display:flex;align-items:center;justify-content:space-between}.left-img{display:block!important}.corner-img{display:none}.landing img{display:none}.hero h1{font-size:26px}#about svg{width:120%}.container{justify-content:center}p{text-align:justify}#achievements .container{flex-direction:column;align-items:center;justify-content:center}#achievements .col-4:hover,.product:hover{box-shadow:none;scale:1;background-color:transparent}#achievements .col-4{scale:1!important}footer{flex-wrap:wrap}footer ul{width:48%;margin:20px auto}.accordion,.showcase{padding-left:40px;padding-right:40px}.product p{font-size:14px}.showcase{justify-content:space-between!important;transition:max-height .2s ease-out}.product-img{width:250px;height:170px;margin:auto;position:relative}#steel .container{margin-left:0;width:100%}#bag .wrapper p,#steel .wrapper p{width:100%}.side-nav{position:fixed!important;height:100vh;width:80%;max-width:300px;left:-300px;top:0;background-color:#fff;display:flex;align-items:flex-start;padding-left:60px;justify-content:center}.side-nav li{text-align:left}.side-nav-btn{display:block}.side-toggle{display:flex}table{min-width:600px;overflow-x:scroll;font-size:12px}.tag{margin-top:10px}#steel .wrapper{margin-top:20px}.table-wrapper{overflow-x:scroll}#contact .container{flex-direction:column}.contact-info,form{padding:20px;width:100%}form button,input,textarea{width:100%;margin-left:0}.contact-info i{margin-right:20px}}@media only screen and (max-width:472px){.logo-container img{height:60px!important;width:auto!important}nav .container{padding:0!important}}@media only screen and (max-width:416px){.left-img,nav ul a:nth-child(4){display:none!important}p{font-size:14px!important}.hero-btn{font-size:13px}.scroll-to-top{font-size:22px}.col-4{margin-left:0;margin-right:0}}