Mobile responsive header image

I am trying to figure out how to get my site’s logo (header image) to be mobile responsive or just have the website content extend to the width of the header image when viewed on mobile devices. I am not a coder at all so ive attached the coding from the theme i use ( elegance 2.6 ) to see if anyone can understand what needs to be fixed. i really appreciate any help on this matter

the website is https://www.levoov.com

09. RESPONSIVENESS & MOBILE
=============================================================================================================== */

/* Responsive Slider
-------------------------------------------------------------- */
.mysite_responsive .flexslider{border:none;background:none;}
.slider_content_left .flexslider,
.slider_content_right .flexslider{width:570px;margin-top:20px;margin-bottom:30px;}
.mysite_responsive #mysite_flexslider{margin-bottom:30px;margin-top:10px;}
.mysite_responsive .flex-control-nav {bottom:-27px;}
.mysite_responsive .flex-direction-nav li .flex-prev {left:-16px;}
.mysite_responsive .flex-direction-nav li .flex-next {right:-16px;}
.mysite_responsive .flex-control-nav li{margin:0;}
.mysite_responsive .flex-control-nav li a{width:20px;height:20px;background:url(images/sliders/nav_dots_sprite.png) 0 0 no-repeat transparent;}
.mysite_responsive .flex-control-nav li a:hover{background-position:0 0;opacity:.7;}
.mysite_responsive .flex-control-nav li a.flex-active{background-position:0 -34px;}

/* Responsive Menu
-------------------------------------------------------------- */
.mysite_responsive #responsive_menu{background:none;border:1px solid #e0e0e0;color:#aaa;margin:0 auto;position:relative;background-clip:padding-box;}
.mysite_responsive #responsive_menu .select,
.mysite_responsive #responsive_menu .mysite_message{background:url(images/select_menu.png) right center no-repeat;text-indent:20px;}

/* Media Queries
-------------------------------------------------------------- */
@media screen and (max-width: 998px){
.mysite_responsive,.mysite_responsive #body_inner{width:100%;min-width:100%;position:relative;}
.mysite_responsive.squeeze_page #body_inner{width:auto!important;max-width:760px;min-width:0;}
.mysite_responsive #primary_menu,
.mysite_responsive #responsive_menu,
.mysite_responsive #header_inner,
.mysite_responsive #slider_module,
.mysite_responsive #intro,
.mysite_responsive #breadcrumbs_inner,
.mysite_responsive #content_inner,
.mysite_responsive #outro,
.mysite_responsive #footer_inner,
.mysite_responsive #sub_footer_inner{width:90%!important;}
.mysite_responsive .jqueryslidemenu a{padding-left:15px;padding-right:15px;}
.mysite_responsive .additional_posts_module .post_grid_content{opacity:1;bottom:0;position:relative;width:auto;}
}
@media screen and (max-width: 780px){
.mysite_responsive.squeeze_page #header,
.mysite_responsive.squeeze_page #sub_footer_inner,
.mysite_responsive.squeeze_page #content_inner{padding-right:0;padding-left:0;}
}
@media screen and (max-width:650px){
.mysite_responsive .fancy_meta{display:none!important;}
.mysite_responsive .additional_posts_module .one_fourth{width:25%!important;float:left!important;clear:none!important;}
}
@media screen and (max-width: 480px){
.mysite_responsive #header_extras{display:none!important;}
}