.single-product div.product form.cart .button{color:#01a4b3}.woocommerce-form-login__submit:hover,.woocommerce-form-register__submit:hover{color:#01a4b3!important}.single-product div.product form.cart .button:hover{color:#01a4b3!important}body.woocommerce-checkout.et-db .button.wc-backward::hover{color:#01a4b3!important}#sidebar{display:none!important}.woocommerce-message a.button.wc-forward:hover{color:#01a4b3!important}.woocommerce a.button:hover,.woocommerce-page a.button:hover{color:#01a4b3!important}@media all and (max-width:1280px){#et_mobile_nav_menu{display:block!important}#top-menu{display:none!important}}@media all and (max-width:980px){#main-header.et-fixed-header,.et_fixed_nav #top-header{position:fixed!important}.logged-in #main-header.et-fixed-header{top:0!important;transition:all .3s 0s!important}}.woocommerce-message{display:none}@media only screen and (max-width:980px){.three-columns .et_pb_column{width:33%!important}}@media only screen and (max-width:479px){.three-columns .et_pb_column{width:50%!important}}[/css]
Here are some example CSS class and code options you can use for any row moving forward!\
[css]
@media only screen and (max-width:980px){.two-columns .et_pb_column{width:50%!important}.three-columns .et_pb_column{width:33.33%!important}.four-columns .et_pb_column{width:25%!important}}[/css]