<style>

.grid3 .col {
    width: 48.2%;
}
.grid4 .col:nth-of-type(4n+1), .grid3 .col:nth-of-type(2n+1), .grid2 .col:nth-of-type(2n+1) {
   margin-left: 0;
     clear: left;
	 position:relative;
}
img {
	max-width:100%;
}

.col {
    float:left;
    margin-left: 3.2%;
}
.cf7db-extension-item {
    width: calc(100% - 25px);
    background: #FFFFFF;
    margin: 25px auto;
    text-align: left;
	/* height:750px;  */
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
.cf7db_width {
	width: 175px;
	vertical-align: top;
}

.cf7db-extension-item-desc {
    position: relative;
    padding: 21px;
	padding-bottom:10px;
}
.cf7db-extension-item-heading {
    margin: 0 0 10px 0;
    font-weight: 500;
    font-size: 16px;
}
.cf7db-extension-buy-now {
    padding-bottom: 20px;
    text-align: center !important;
    font-weight: normal;

}
.buybtn{
	    display: inline-block;
    padding: 13px 20px;
    background: #6dc659;
    color: #fff;
    font-size: 16px;
    font-family: Arial;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    font-weight: 700;
    width: 155px;
	box-sizing : border-box;
    text-decoration: none;
}
.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(2n+1),
.grid2 .col:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}
.cf7db-extension-item-feature ul{
	list-style: circle;
	padding-left:20px;
}
.cf7db-extension-item-feature ul li{
	margin-bottom:10px;
}
</style>
<div class="wrap">
	<div id="7" style="display: block; border: 1px solid rgb(204, 204, 204);">
		<div style="background-color:#E4E4E4;padding:8px;font-size:15px;color:#464646;font-weight: 700;border-bottom: 1px solid #CCCCCC;">
				&nbsp; Add-ons
		</div>
		<div style="background-color:#fff;padding:8px;">
			<div class="wrap about-wrap cf7db-about-wrapp">
				<h3>You may be interested in our popular Add-ons of Advanced CF7 DB</h3>
				Make your site <i><b> do more </b></i> today.

			<div class="cf7db-extension-wrapper grid3">
				<article class="col">
                    <div class="cf7db-extension-item">
                        <div class="cf7db-extension-item-img">
                            <a href="https://codecanyon.net/item/schedule-report-for-advanced-cf7-db/21560647" target="_blank"><img src="<?php echo VSZ_CF7_URL_PATH; ?>/images/schedule-report.jpg"></a>
                        </div>
                        <div class="cf7db-extension-item-desc">
                            <p class="cf7db-extension-item-heading">Schedule Report For Advanced CF7 DB </p>
                            <div class="cf7db-extension-item-excerpt">
                            	<p>This plugin will do the same and send the email as per schedule set(Daily, Monthly, Weekly or Yearly) with report attachment. </p>
                            </div>
							<div class="cf7db-extension-item-feature">
								<ul>
									<li>Automatically generating the CSV report Send an email with report attachment based on the scheduled time.</li>
									<li>Option to create more than one scheduling event to get different enquiry form data report.</li>
									<li>Option to select report datasheet columns from enquiry form field.</li>
									<li>Provision to filter the data while creating the scheduled event for the particular report.</li>
									<li>You can manage the email content by defining TO, FROM and email body content for each scheduling event.</li>
									<li>The added schedule event will be added to WordPress cron schedule and accordingly will be fire at the scheduled time.</li>
								</ul>
							</div>
                        </div>
						<div class="cf7db-extension-buy-now">
                                    <a href="https://codecanyon.net/item/schedule-report-for-advanced-cf7-db/21560647" class="buybtn" target="_blank"><span class="buybtn-text">Get Now</span></a>
                            </div>
                    </div>
                </article>
				<article class="col">
                    <div class="cf7db-extension-item">
                        <div class="cf7db-extension-item-img">
                            <a href="https://codecanyon.net/item/advanced-cf7-db-gdpr-compliant/22386060" target="_blank"><img src="<?php echo VSZ_CF7_URL_PATH; ?>/images/gdpr-compliant.jpg"></a>
                        </div>
                        <div class="cf7db-extension-item-desc">
                            <p class="cf7db-extension-item-heading">Advanced CF7 DB - GDPR compliant</p>
                            <div class="cf7db-extension-item-excerpt">
                            	<p>This plugin assists website and web-shop owners to comply with European privacy regulations known as GDPR.</p>
                            </div>
							<div class="cf7db-extension-item-feature">
								<ul>
									<li>Compatible with the latest WordPress version 4.9.6 and later for GDPR compliances. Meets with the new regulations for the data to be handled.</li>
									<li>Individual CF7 form wise settings to show the personal data on user’s request.</li>
									<li>Erase only the CF7 form personal data, that are required.</li>
									<li>Site owners can export a ZIP file containing a user’s personal data, including data collected by Advanced CF7 DB plugin.</li>
									<li>Site owners can erase a user’s personal data, including data collected by Advanced CF7 DB plugin.</li>
								</ul>
							</div>
                        </div>
						 <div class="cf7db-extension-buy-now">
                                    <a href="https://codecanyon.net/item/advanced-cf7-db-gdpr-compliant/22386060" class="buybtn" target="_blank"><span class="buybtn-text">Get Now</span></a>
                            </div>
                    </div>
                </article>
				<article class="col">
                    <div class="cf7db-extension-item">
                        <div class="cf7db-extension-item-img">
                            <a href="https://codecanyon.net/item/advanced-cf7-db-user-access-manager/22058788" target="_blank"><img src="<?php echo VSZ_CF7_URL_PATH; ?>/images/user-access-manager.jpg"></a>
                        </div>
                        <div class="cf7db-extension-item-desc">
                            <p class="cf7db-extension-item-heading"> Advanced CF7 DB - User Access Manager </p>
                            <div class="cf7db-extension-item-excerpt">
                            	<p>This is an add-on of Advanced Cf7 DB, It allows administrators to securely manage access to contact form DB for all the users.Administrator can provide access to individual users OR based on user Role and accordingly user can view or edit the contact form DB. </p>
                            </div>
							<div class="cf7db-extension-item-feature">
								<ul>
									<li> Provide access of contact form 7 DB to View & Update data to individual users OR based on user Role.</li>
									<li>Provide access of Single/Multiple forms to single user.</li>
								</ul>
							</div>
                        </div>
						<div class="cf7db-extension-buy-now">
                                    <a href="https://codecanyon.net/item/advanced-cf7-db-user-access-manager/22058788" class="buybtn" target="_blank"><span class="buybtn-text">Get Now</span></a>
                            </div>
                    </div>
                </article>
				<article class="col">
                    <div class="cf7db-extension-item">
                        <div class="cf7db-extension-item-img">
                            <a href="https://codecanyon.net/item/advanced-cf7-db-reply-back/22478892" target="_blank"><img src="<?php echo VSZ_CF7_URL_PATH; ?>/images/reply-back.jpg"></a>
                        </div>
                        <div class="cf7db-extension-item-desc">
                            <p class="cf7db-extension-item-heading"> Advanced CF7 DB - Reply Back </p>
                            <div class="cf7db-extension-item-excerpt">
                            	<p>This plugin fulfills the feature to reply back to the users. It is simple to use and no extra hardwork required to rely back to the users. Just a click, enter your data and submit, your user will be replied by you. Its that easy and simple to use. </p>
                            </div>
							<div class="cf7db-extension-item-feature">
								<ul>
									<li>Reply back to your users.</li>
									<li>Compatible with every versions of Advanced CF7 DB.</li>
									<li>Easy to install and use.</li>
								</ul>
							</div>
                        </div>
						  <div class="cf7db-extension-buy-now">
                                    <a href="https://codecanyon.net/item/advanced-cf7-db-reply-back/22478892" class="buybtn" target="_blank"><span class="buybtn-text">Get Now</span></a>
                            </div>
                    </div>
                </article>


				<table style="width: 100%;"></table>
			</div>
			</div>
		</div>
	</div>
</div>

<script>

equalheight = function(container){

var currentTallest = 0,
     currentRowStart = 0,
     rowDivs = new Array(),
     $el,
     topPosition = 0;
jQuery(container).each(function() {

   jQueryel = jQuery(this);
   jQuery($el).height('auto')
   topPostion = jQueryel.position().top;

   if (currentRowStart != topPostion) {
     for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) {
       rowDivs[currentDiv].height(currentTallest);
     }
     rowDivs.length = 0; // empty the array
     currentRowStart = topPostion;
     currentTallest = jQueryel.height();
     rowDivs.push(jQueryel);
   } else {
     rowDivs.push(jQueryel);
     currentTallest = (currentTallest < jQueryel.height()) ? (jQueryel.height()) : (currentTallest);
  }
   for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) {
     rowDivs[currentDiv].height(currentTallest);
   }
 });
}

;( function( $, window, document, undefined )
{
    'use strict';

    var $list       = $( '.grid3' ),
        $items      = $list.find( '.col .cf7db-extension-item-desc'),
        setHeights  = function()
        {
			// DATE Height
            $items.css( 'height', 'auto' );

            var perRow = Math.floor( $list.width() / $items.width() );
            if( perRow == null || perRow < 2 ) return true;

            for( var i = 0, j = $items.length; i < j; i += perRow )
            {
                var maxHeight   = 0,
                    $row        = $items.slice( i, i + perRow );

                $row.each( function()
                {
                    var itemHeight = parseInt( $( this ).outerHeight() );
                    if ( itemHeight > maxHeight ) maxHeight = itemHeight;
                });
                $row.css( 'height', maxHeight );
            }
        };

    $(function() { setHeights(); });
    $( window ).on( 'resize', setHeights );
	$( window ).on( 'load', setHeights );
	window.onorientationchange = setHeights;
    //$list.find( 'img' ).on( 'load', setHeights );

})( jQuery, window, document );
jQuery(document).ready(function(){
 // equalheight('.grid3 .col .cf7db-extension-item-desc');

jQuery(window).load(function() {

 // equalheight('.grid3 .col .cf7db-extension-item-desc');
});


jQuery(window).resize(function(){
 // equalheight('.grid3 .col .cf7db-extension-item-desc');
});
});

</script>
