.rightLateralMenu{position: fixed; top: 0; right: -100%; z-index: 1050; width: 28%; height: 100%; overflow: hidden; outline: 0; transition: .3s;}.rightLateralMenu .modal-content{border-radius: 0; height: 100vh; z-index: 1062;}.rightLateralMenu .modal-dialog{width: 100%; margin: 0; max-width: initial;}.rightLateralMenu .container-fluid{padding-left: 2rem; padding-right: 2rem;}.overlay{display: inline-block; height: 100vh; position: fixed; width: 100%; top: 0; left: 0; z-index: 1000; background-color: var(--black); opacity: 0.6;}#userAccess form .form-control{background-color: var(--slateGrey) !important;}.shoppingCartRedline{margin: 2rem 0 2rem 0; border-top: 2px solid var(--red); text-align: center;}.shoppingCartButton{max-width: 40%; min-width: 40%; margin: 0 0 3rem 0; left: 30%; position: absolute;}.greyLine{border-top: 1px solid var(--slateGrey); margin: 2rem 0 2rem 0; text-align: center;}#priceSummation p span{float: right;}@media all and (max-width: 1600px){.rightLateralMenu{width: 35%;}}@media all and (max-width: 1400px){.rightLateralMenu{width: 40%;}}@media all and (max-width: 1199px){.rightLateralMenu{width: 50%;}}@media all and (max-width: 991px){.rightLateralMenu{width: 60%;}}@media all and (max-width: 768px){.rightLateralMenu{width: 100%;}.rightLateralMenu .modal-body{padding: 0;}.rightLateralMenu .container-fluid{padding: 0 1rem;}.rightLateralMenu h2{font-size: 1.5rem;}}