Menu and Slider Not Centered

Hello

No matter what I try, the menu and slider (along with the slider scroll arrows) are not centered on my page. Here is the page. www.connectedbirthva.com

Here is the code I have entered in case it needs to be adjusted

.logo img {
max-height: 150px;
}

img.slide-img {
width: 850px !important;

}.slide .slide-content.entry {
border-right: 1px solid rgba(186, 186, 186, 0) !important;
}

.slide .slide-content.entry {
background-color: rgba(0, 0, 0, -0.5 ) !important;

}

.slide .slide-content.entry {
margin-left:25px !important;
}

img.slide-img {
margin-left: 25px !important;
}
.logo {
margin-bottom: -38px;
}
@media only screen and (max-width: 480px){
#slides .slide-img {
height: auto !important;
margin-left: 0 !important;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
#slides .slide-img {
height: auto !important;
margin-left: 0 !important;
}
}
@media only screen and (max-width: 767px){
.call-us {
margin-top: 45px !important;
}
}

 

Hello,

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

#menu .ddsmoothmenu {
  margin-left: 100px !important;
}
img.slide-img {
  width: 850px !important;
}
.slide .slide-content.entry {
  left: 135px;
  top: 320px;
}
@media only screen and (max-width: 767px) and (min-width: 480px){
#slides .slide-img {
  width: 410px !important;
}
}
@media only screen and (max-width: 960px) and (min-width: 767px){
#slides .slide-img {
  width: 698px !important;
  margin-left: 0 !important;
}
}

Thanks,
Praveen