Full Width Page!!! How to create.

Hi I started use the free version of the template Accesspress Parallax.
The template does not allow me to have a full width pages.
Here is an example to see:
http://hizliresim.com/1DoJ05

I have go to the template files.
wp-content > themes > accesspress-parallax
then i found the page.php duplicated.
and rename it with full width page.
copy the code.
I get rid of the search bar and extra but the content-area is still limited.
it is not exactly a full width.

http://hizliresim.com/j1DyDD

Also i am adding the code of the php inside.
If anybody who can help me out the code i will be really appriciated.
Have a nice day.
—————————————————————————
<?php
/*
Template Name: Full Width Page
*/

get_header(); ?>

<?php
if(of_get_option(‘enable_parallax’) == 1 && is_front_page() && get_option( ‘show_on_front’ ) == ‘page’){
get_template_part(‘index’,’parallax’);
}else{
?>

<div class=”mid-content clearfix”>
<div id=”primary” class=”content-area”>
<main id=”main” class=”site-main” role=”main”>

<?php
global $page;
if(of_get_option(‘enable_parallax’) == 0 || is_singular()): ?>

<?php while ( have_posts() ) : the_post(); ?>

<?php get_template_part( ‘content’, ‘page’ ); ?>

<?php
// If comments are open or we have at least one comment, load up the comment template
if ( comments_open() || ‘0’ != get_comments_number() ) :
comments_template();
endif;
?>

<?php endwhile; // end of the loop. ?>
<?php else:

echo wpautop($page->post_content);

endif; ?>

</main><!– #main –>
</div><!– #primary –>

</div>
<?php } ?>

<?php get_footer(); ?>