<?php get_header(); ?>
 
         
          <div class="page-title page-title-default title-size-large title-design-centered color-scheme-light" style="">
                    <div class="container">
                <h1 class="entry-title title"><?php the_title(); ?>    </h1>
                     <div class="breadcrumbs"><a href="<?php echo get_home_url(); ?>" rel="v:url" property="v:title">Home</a> » <span class="current">Services</span></div><!-- .breadcrumbs -->                                                                        </div>
                </div>
 
 
    <div class="container">
        <div class="row single_serviceSection">
            <div class="col-lg-6">
                <div class="singleServiceContent">
                    <h3>
                        <?php the_title(); ?>
                    </h3>
                    <p>
                        <?php the_content(); ?>
                    </p>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="singleServiceThumbnail">
                    <?php the_post_thumbnail("full"); ?>
                </div>
            </div>
        </div>
        <?php// comments_template(); ?>
    </div>
 
 
 
<?php 
 
get_footer();
 
?>


////////STYLING CSS///////

.single-services .main-page-wrapper > .container {
    max-width: 100%;
}

.single-services .page-title-default {
    width: 100%;
}
.single_serviceSection {
    display: flex;
    flex-direction: row-reverse;
    padding: 100px 0;
}