Main nav and sub nav

I am styling my navigation of the website and i am getting close to where i want it to be. A few issues i am having right now:

1. I only want my main navigation to have the bottom right corner rounded. But with my css it also does this for the subnavigation items.
https://i.imgur.com/DNReKMX.jpg

2. I would love the sub items to be as wide as the top navigation items. And have the same height they look a lot higher at the moment.

3. Somehow the subnavigation with children lines up different then the ones without. (also can be seen in above picture)

Current CSS i have for this navigation:

.site-header {
    display: none;
}

.main-navigation .sticky-logo {
    position: absolute;
    left: 0;
    top: 0;
    height: 65px;
}

.main-navigation .sticky-logo img {
    height: 60px;
	padding-top: 15px;
}

.main-navigation .main-nav ul ul li  {
	width: 200px;
}

.main-navigation .main-nav ul li.menu-item-has-children>a, .secondary-navigation .main-nav ul li.menu-item-has-children>a {
    background-color: #14377d;
	padding-right: 10px;
	padding-left: 10px;
	border-right: solid #2d71ba;
	border-bottom-right-radius: 15px 15px;
}

.main-navigation ul li a {
    background-color: #14377d;
	padding-right: 10px;
	padding-left:10px;
	border-right: solid #2d71ba;
	border-bottom-right-radius: 15px 15px;
}