Remove double lines

Hi, I hope you can help. I would like to remove/fix the double lines. Please assist me with the CSS code.
Check attachment.

Thank you.

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.page-content .content-bar h1.page-title{
background:none;
}
.page-content h1.page-title{
background:none;
}

 

Hi Gourav, unfortunately that did not solve the problem. It only appears on mobile phone so I believe if we could change the media display in responsive way then that might solve the problem. Hope you can help.

Thank you.

 

Do let us know your website link.

 

Hi Gourav,

Here it is: http://www.noabuse.co.uk. If you view it on a smartphone or even shrink the page then you will notice double-lines appear on the main slide.

Also can we remove the "Shadow" effect around the main page.

Thank you for all your hard work.

AMAC

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

@media only screen and (max-width: 767px) and (min-width: 480px){
#menu {
border-top: none;
border-bottom: none;
}
}
 
@media only screen and (max-width: 480px){
#menu {
border-top: none;
border-bottom: none;
}
}
.main_container {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.feature-content {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.footer{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

 

This is absolutely wonderful Gourav. Thanks a million!