.search-box-closed{width:0px;max-width:80%;height:0px;max-height:80%;position:absolute;z-index:30000;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,0.8);transition-duration: .3s;transition-property:width,height}.search-box-open{width:1500px;max-width:80%;height:400px;max-height:80%;position:absolute;z-index:30000;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,0.8);transition-duration: .3s;transition-property:width, height}