How to move Secondary Menu to the Right

Hi,

I would like to know how to move my secondary menu to the right. I have attached a screen capture of where I want it to be. I am using the Storefront theme, I have created a child theme.

My Site URL: https://www.tktrnx.com

Screen Capture: https://www.tktrnx.com/wp-content/uploads/2016/04/menu.png

I found a way to move the secondary menu to the right via the Firefox Developer tools. I changed the code in the Developer tools like shown below and it worked. Now I would like to know how to change it in the child theme of my site.

.woocommerce-active .site-header .secondary-navigation {
width: 47.8260869565%;
float: right;
margin-right: 4.347826087%;

Screen Capture: https://www.tktrnx.com/wp-content/uploads/2016/04/devtools.png

Thanks in Advance for your time and support

Rimzan Hassan