string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=286290&expand=properties"
string(17957) "[{"templateId":286290,"typeId":43,"typeName":"PrestaShop Theme","typeUrl":"prestashop-themes","categoryId":272,"categoryName":"Furniture Templates","templateTitle":"Furniture Responsive PrestaShop Theme","templatePreviewHtmlTitle":"Toolgard - Mega Tools Store Prestashop Responsive Theme","templateDemoHtmlTitle":"Demo for Toolgard - Mega Tools Store Prestashop Responsive Theme #286290","typeShortName":"PrestaShop","templatePreviewFBTitle":"<p>Toolgard Mega Tools Store is a fantastic Prestashop theme built with the prestashop latest version. This theme is perfectly designed to be suitable for Tools, Auto parts, Machine accessories, Industrial tools, Electronics item and many other products.</p><p>Moreover, this template is also equipped with incredible features such as responsive design, Ajax wishlist and compare, Ajax Product Filter, SEO optimization, Blog and Newsletter, Count down timer etc. It is a flexible theme that includes all the eCommerce features and a ton of customizable options. Using Theme options module include with theme you can easily change color, fonts and other theme related settings without any coding experience. Theme is available with quickstart file to install theme with sample data and you can start your store personalization quickly in few minutes.</p><p>Theme support all the language and currency with dropdown option using that you can sale your product world wide without any limitation. It's also perfect responsive which easily adjust with any device and support all browser.</p><p>Let’s find out all the powerful features of this awesome template!</p><p><strong>Compatibility:</strong></p><p>==============</p><ul><li><strong>Prestashop Version: v1.7.6.x, v1.7.7.x, v1.7.8.x, v8.0.x, v8.1.x</strong></li></ul><p><strong>Theme Features List:</strong></p><p>=================</p><ul><li><strong>1-Click Installation</strong> File Included</li><li>Bootstrap<strong> HTML5 and CSS3</strong></li><li>Fully <strong>RESPONSIVE </strong>Theme</li><li><strong>Mobile First Layout</strong></li><li><strong>Google Fonts</strong> Included</li><li>Support <strong>Multiple Currency</strong></li><li>Support <strong>Multiple Language</strong></li><li><strong>RTL Language Support</strong></li><li>No Core Files Modifications</li><li><strong>SEO</strong> (Search Engine Optimization) Friendly</li><li>Optimized for <strong>Fast Loading + CSS Sprite + SVG icons</strong></li><li>Product <strong>Grid and List View</strong> on Category Page</li><li><strong>Unlimited Banners</strong></li><li><strong>Multi Store Ready</strong></li><li><strong>Theme Options Module</strong> to Change Color, Fonts and Other Theme Related Settings</li><li><strong>Full Screen Responsive Banner Slider</strong></li><li><strong>Shop By Category Slider</strong> with Image on Homepage</li><li><strong>Category wise Product Tab</strong> Module with Slider/Grid Option</li><li><strong>Featured Product </strong>Module with Slider/Grid Option</li><li><strong>New Product </strong>Module with Slider/Grid Option</li><li><strong>Deal of Day Product</strong> with Count Down Timer</li><li><strong>Brand/</strong> <strong>Manufacturer logo </strong>Slider/Grid on Home page</li><li><strong>Shopping Cart Dropdown </strong>from Header</li><li><strong>Horizontal Mega Menu</strong></li><li><strong>Vertical Mega Menu</strong></li><li><strong>Sticky Header</strong></li><li><strong>Ajax Product Comment</strong></li><li><strong>Ajax Product Wishlist</strong></li><li><strong>Ajax Product Compare</strong></li><li><strong>Ajax Product Quick View</strong></li><li><strong>Ajax Product Filter</strong></li><li><strong>Ajax Autocomplete Product Search</strong> Module with Image in Search Result</li><li><strong>Blog Module</strong></li><li><strong>Newsletter Subscription</strong></li><li>Product<strong> Image Rollover Effect</strong></li><li><strong>Lazy Load Feature </strong>for Performance Optimization</li><li><strong>Product Variation Swatches</strong> on Product Page</li><li><strong>Product Zoom </strong>on Product Detail Page</li><li><strong>Related Product </strong>Slider on Product Detail Page</li><li><strong>Same Category Product</strong> Slider on Product Detail Page</li><li><strong>Crosssell Products Slider</strong> on Product Detail Page</li><li><strong>Recently Viewed Product Slider</strong> on Product Detail Page</li><li><strong>Scroll To Top</strong> Button</li><li><strong>Newsletter Popup</strong> Module</li><li><strong>Cookie Law</strong> Module</li><li><strong>Sale Notification Popup </strong>Module</li><li>Valid XHTML and CSS markup</li><li>Easy Use and Easy Customize</li><li>Avoid JavaScript Confliction</li><li>Compatible with all major browsers</li><li><strong>PSD Files</strong> Included</li><li>Well-structured and commented code for easy customization</li><li>Full user guide documentation to help you installing and utilizing the theme</li><li>and Many More…</li></ul>","templateFullTitle":"Toolgard - Mega Tools Store Prestashop Responsive Theme","templatePreviewMetaDescription":"Toolgard Mega Tools Store is a fantastic Prestashop theme built with the prestashop latest version. This theme is perfectly designed to be suitable for Tools,","templateDemoMetaDescription":"Before you decide to buy it, get the look and feel of the premium Toolgard - Mega Tools Store Prestashop Responsive Theme PrestaShop Theme (#286290) by viewing the demo. Go through the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Toolgard - Mega Tools Store Prestashop Responsive Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/prestashop-themes/toolgard-mega-tools-store-prestashop-responsive-theme-286290.html","userRating":"5","designIndex":1,"authorUserId":"1597608","exclusive":"1","state":1,"price":69,"inserted_date":"2022-10-26","sent":0,"downloads":14,"search_words":"accessories hand tools hardware equipment auto sparepart automobile bike car mechanic prestashop ecommerce tools theme template multipurpose mega store mobile electronics furniture","is_adult":0,"exc_price":2100,"sent_date":"2022-10-26 12:05:34","last_upload":"2024-09-16 07:09:07","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2858239,"templ_id":286290,"filename":"286290-4-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2858240,"templ_id":286290,"filename":"286290-4-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2858241,"templ_id":286290,"filename":"286290-4-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2858242,"templ_id":286290,"filename":"286290-4-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2858243,"templ_id":286290,"filename":"286290-4-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/286290.html","image":"https://s.tmimgcdn.com/scr/286200/toolgard-mega-tools-store-prestashop-responsive-theme_286290-4-original.jpg","searchHash":"f9ae1f19c31f64e5b7f5f3032ca598df","previewHash":"4a59f6adfb557d357914a4d6ce51b10e","authorNickname":"codezeel","lowLevelTopic":"Furniture Templates; Computers Templates; Tools & Equipment Templates; Electronics Store Templates","weightedRating":4.1818181818182,"annualSale":4,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":69,"discountPercent":0,"discountAmount":0,"semiannualSales":2,"properties":{"bitLyUrl":"https://bit.ly/3TxntYZ","features":["Advanced Theme Options","Ajax","Blog","Bootstrap","Dropdown Menu","eCommerce","HTML 5","JQuery","Lazy Load effect","Light Template","MegaMenu","Mobile Layout Included","Multipurpose","Online Store/Shop","Parallax","Performance Optimization","Premium","Quickstart Package","Responsive","Right to left language support","Sample content","Search Engine Friendly","Sliced PSD","Tabs"],"isLastAdded":"1","livePreviewURL":"https://codezeel.com/prestashop/monster/toolgard/","styles":["Flat","Minimalist","Mobile","Neutral"],"languageSupport":["English","French","Spanish","Russian","German","Deutsch","Japanese","Swedish","Italian","Dutch","Ukrainian","Portuguese (Brazilian)","Polish"],"nameOfTheTemplate":"Toolgard - Mega Tools Store Prestashop Responsive Theme","shortDescription":"<p>Toolgard Mega Tools Store is a fantastic Prestashop theme built with the prestashop latest version. This theme is perfectly designed to be suitable for Tools, Auto parts, Machine accessories, Industrial tools, Electronics item and many other products.</p><p>Moreover, this template is also equipped with incredible features such as responsive design, Ajax wishlist and compare, Ajax Product Filter, SEO optimization, Blog and Newsletter, Count down timer etc. It is a flexible theme that includes all the eCommerce features and a ton of customizable options. Using Theme options module include with theme you can easily change color, fonts and other theme related settings without any coding experience. Theme is available with quickstart file to install theme with sample data and you can start your store personalization quickly in few minutes.</p><p>Theme support all the language and currency with dropdown option using that you can sale your product world wide without any limitation. It's also perfect responsive which easily adjust with any device and support all browser.</p><p>Let’s find out all the powerful features of this awesome template!</p><p><strong>Compatibility:</strong></p><p>==============</p><ul><li><strong>Prestashop Version: v1.7.6.x, v1.7.7.x, v1.7.8.x, v8.0.x, v8.1.x</strong></li></ul><p><strong>Theme Features List:</strong></p><p>=================</p><ul><li><strong>1-Click Installation</strong> File Included</li><li>Bootstrap<strong> HTML5 and CSS3</strong></li><li>Fully <strong>RESPONSIVE </strong>Theme</li><li><strong>Mobile First Layout</strong></li><li><strong>Google Fonts</strong> Included</li><li>Support <strong>Multiple Currency</strong></li><li>Support <strong>Multiple Language</strong></li><li><strong>RTL Language Support</strong></li><li>No Core Files Modifications</li><li><strong>SEO</strong> (Search Engine Optimization) Friendly</li><li>Optimized for <strong>Fast Loading + CSS Sprite + SVG icons</strong></li><li>Product <strong>Grid and List View</strong> on Category Page</li><li><strong>Unlimited Banners</strong></li><li><strong>Multi Store Ready</strong></li><li><strong>Theme Options Module</strong> to Change Color, Fonts and Other Theme Related Settings</li><li><strong>Full Screen Responsive Banner Slider</strong></li><li><strong>Shop By Category Slider</strong> with Image on Homepage</li><li><strong>Category wise Product Tab</strong> Module with Slider/Grid Option</li><li><strong>Featured Product </strong>Module with Slider/Grid Option</li><li><strong>New Product </strong>Module with Slider/Grid Option</li><li><strong>Deal of Day Product</strong> with Count Down Timer</li><li><strong>Brand/</strong> <strong>Manufacturer logo </strong>Slider/Grid on Home page</li><li><strong>Shopping Cart Dropdown </strong>from Header</li><li><strong>Horizontal Mega Menu</strong></li><li><strong>Vertical Mega Menu</strong></li><li><strong>Sticky Header</strong></li><li><strong>Ajax Product Comment</strong></li><li><strong>Ajax Product Wishlist</strong></li><li><strong>Ajax Product Compare</strong></li><li><strong>Ajax Product Quick View</strong></li><li><strong>Ajax Product Filter</strong></li><li><strong>Ajax Autocomplete Product Search</strong> Module with Image in Search Result</li><li><strong>Blog Module</strong></li><li><strong>Newsletter Subscription</strong></li><li>Product<strong> Image Rollover Effect</strong></li><li><strong>Lazy Load Feature </strong>for Performance Optimization</li><li><strong>Product Variation Swatches</strong> on Product Page</li><li><strong>Product Zoom </strong>on Product Detail Page</li><li><strong>Related Product </strong>Slider on Product Detail Page</li><li><strong>Same Category Product</strong> Slider on Product Detail Page</li><li><strong>Crosssell Products Slider</strong> on Product Detail Page</li><li><strong>Recently Viewed Product Slider</strong> on Product Detail Page</li><li><strong>Scroll To Top</strong> Button</li><li><strong>Newsletter Popup</strong> Module</li><li><strong>Cookie Law</strong> Module</li><li><strong>Sale Notification Popup </strong>Module</li><li>Valid XHTML and CSS markup</li><li>Easy Use and Easy Customize</li><li>Avoid JavaScript Confliction</li><li>Compatible with all major browsers</li><li><strong>PSD Files</strong> Included</li><li>Well-structured and commented code for easy customization</li><li>Full user guide documentation to help you installing and utilizing the theme</li><li>and Many More…</li></ul>","popularity":"Top Rated","prestashopEngine":"1.7.8.6","prestashopCompatibility":["1.7.8.x","1.7.7.x","1.7.6.x","1.7.8.7","8.0.x","8.1.1","8.1.0","8.1.7","8.1.6","8.1.5","8.1.4","8.1.3","8.1.2"],"currencies":["USD","GBP","EUR"],"topic":["Furniture Templates","Computers Templates","Electronics Templates","Interior & Furniture Templates","Tools & Equipment Templates","Electronics Store Templates","Design","Design & Photography","Computers & Internet","Home & Family"],"reviewAverageScore":"5","reviewsTotal":"1","uniqueKeywords":"accessories,hand tools,hardware,equipment,auto,sparepart,automobile,bike,car,mechanic,prestashop,ecommerce,tools,theme,template,multipurpose,mega store,mobile,electronics,furniture","customUrl":"/prestashop-themes/toolgard-mega-tools-store-prestashop-responsive-theme-286290.html","isFree":"none","metaDescription":"Toolgard Mega Tools Store is a fantastic Prestashop theme built with the prestashop latest version. This theme is perfectly designed to be suitable for Tools,","changeLog":"##Update History\n\n#[06/08/2024]\n- Resolve some miscellaneous bug with blog and countdown timer\n- Fixed some hook related problem with modules\n- Fixed deprecated error message\n- Added new twitter icon\n\n#[11/08/2023]\n- Added theme compatibility with prestashop version 8.1.x.\n- Updated theme and modules for PHP 8.x Compatibility\n- Minor bug fixes and improvements\n\n#[06/03/2023]\n- Added theme compatibility with prestashop version 8.0.x.","color":["black","white"],"imageKeyFeatures":"https://s3u.tmimgcdn.com/u1597608/da34a5254cacf7cdb2d782571249d797.jpg, https://s3u.tmimgcdn.com/u1597608/a0a8338d0a0aec594ed675e0565ad33f.jpg, https://s3u.tmimgcdn.com/u1597608/d339df49bdab89aeca6f7f136ad93594.jpg, https://s3u.tmimgcdn.com/u1597608/7e3676879680db660814091072000d81.jpg, https://s3u.tmimgcdn.com/u1597608/fcd9652646fc93cd011431aded802799.jpg, https://s3u.tmimgcdn.com/u1597608/d8a149c88a7104e387ce14e43cf7ca86.jpg","demoMetaDescription":"Before you decide to buy it, get the look and feel of the premium Toolgard - Mega Tools Store Prestashop Responsive Theme PrestaShop Theme (#286290) by viewing the demo. Go through the pages, examine the images, press the buttons, explore the features.","changeLogDate":"2024-09-16","trendiness":"1","showVariantForcibly":"b","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1597608/8e3d43cf3bb83d871fa80fb01a159c33.jpg, https://s3u.tmimgcdn.com/u1597608/91ed64461053bfea5b01779744887a08.jpg, https://s3u.tmimgcdn.com/u1597608/2e94062274a442dc083a56eb67161021.jpg, https://s3u.tmimgcdn.com/u1597608/20756ac8e7413f1aa9c601ebd255c7cd.jpg, https://s3u.tmimgcdn.com/u1597608/5462b35cab8652563469b9910fa867f1.jpg, https://s3u.tmimgcdn.com/u1597608/1f1f899cfce552bf065e003493e48e9b.jpg, https://s3u.tmimgcdn.com/u1597608/5feb6a13ffe33c057298387ecfc353fd.jpg, https://s3u.tmimgcdn.com/u1597608/3380cc832be6b8f1136f915f8da92042.jpg, https://s3u.tmimgcdn.com/u1597608/a7ead8c4612b7943aad97edcd8300479.jpg","authorUserId":"1597608","exclusive":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1597608/6f2692fa785c2262614222b010920acb.jpg","affiliateSells":"1","saleSells":"1","templateSupportOptions":"[]","alreadyPacked":"1","marketplaceMembership":"None","tags":["accessories","auto","automobile","bike","car","electronics","equipment","furniture","hardware","mechanic","mobile","multipurpose","template","theme","tools","ecommerce","prestashop","sparepart","mega store","hand tools"],"advImage":"https://s3u.tmimgcdn.com/u1597608/0c712d4bab2fdafce370e8ee857dc384.jpg","productSize":"154979345","imagesIncluded":"Yes","authorMainScreenshotVersion":"4","paidSupport":"Yes","pHPVersionCompatibility":["7.4","8.1","8.0"],"webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>Toolgard Mega Tools Store is a fantastic Prestashop theme built with the prestashop latest version. This theme is perfectly designed to be suitable for Tools, Auto parts, Machine accessories etc..</p>","installation":"Installation and set up instructions are attached (look for Documentation folder).","types":"PrestaShop Themes","templateIcon":"icon-prestashop","hELPURL":"/quick-start-guide/prestashop/","followUpLetter":"prestashop-offers","videoPresenatationPSForXMLFeed":"https://www.youtube.com/watch?v=ygBwnWCPamM","productFamily":"None","itemDoubts":["changed-my-mind","you-are-in-good-hands","sweet-bonus-for-you","not-sure-about-your-technical-expertise","why-should-i-choose-templatemonster-s-prestashop-theme"],"templateGroup":"eCommerce Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Wed, 13 Nov 2024 19:39:01 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(293) "Link: <http://products/api/v2/products/en?language=en&ids=286290&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=286290&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=286290&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 13 Nov 2024 19:44:01 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 159.203.151.221:80"
}
https://codezeel.com/prestashop/monster/toolgard/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#286290 Preview</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=11; IE=10; IE=9; IE=8;"/>
    <link rel="canonical" href="https://rms.templates.com/demo/286290.html">
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/styles.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/demo.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/jquery.fancybox.css" />
    <link rel="icon" type="image/png" href="/themes/theme-2018-v03-en/images/favicon.png"/>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.form.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.validate.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.fancybox.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/demo-main.js"></script>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/fontello-embedded.css"/>
    <script charset="utf-8">
        //TODO: some strange value
        var min_height = 600;
        $(function () {
            resizeFrame();
        });
        function resizeFrame() {
            if (0 == 0
        )
            return false;
            var main_iframe = $('#preview');
            var height = $(window).height() - $('#preview-bar:visible').outerHeight();
            /* if ($.browser.opera)
                height += 5; */
            if (height < min_height)
                height = min_height;
            $('#preview').height(height);
            $('#iframelive').height(height);
            if ($(window).width() < 1400)
                $('#min-hide-this').hide();
            else
                $('#min-hide-this').show();
        }
        $(window).resize(function () {
            resizeFrame();
        }).load(function () {
            resizeFrame();
        });
        $(document).ready(function(){
            $('#close').click(function(e){
                e.preventDefault();
                $('#preview-bar').hide();
            });
        })
    </script>
    <script type="text/javascript">
        window.su = 'https://rms.templates.com/';
    </script>
    

    <script>
    $(function () {

    $('#frame_controls .device_item').click(function(){
            $(this).siblings().removeClass('device_current');
            $(this).addClass('device_current');
            var className = $(this).data('device');
            $('#showframe').attr('class', className);
            return false;
        });

    });
    </script>
    <style>
    /* Frame with demo-----  */

/* Desktop */
#showframe {
    width: 100%;
    margin: 0 auto;
    /*
    position: relative;
    z-index: 1;
    */
}
    #showframe .hide_wrap {
        overflow: hidden;
    }
    #showframe iframe {
        width: 100%;
        height: 100%;
        display:block;
        vertical-align: top;
    }

/* Tablet landscape */
#showframe.tab_land {
    margin-top: 30px;
    /*width: 1224px;*/
    width: 1200px;
    padding: 38px 103px 37px 85px;
    background: url(../images/tab_landscape.png) 0 0 no-repeat;
}
    #showframe.tab_land .hide_wrap {
        width: 1024px;
                height: 640px;
        -webkit-border-radius: 3px;
            -ms-border-radius: 3px;
                border-radius: 3px;
    }
    #showframe.tab_land .hide_wrap iframe {
        width: 1041px !important;
        height: 640px !important;
    }

/* Tablet portrait */
#showframe.tab_port {
    margin-top: 30px;
    /*width: 480px;*/
    width: 540px;
    padding: 65px 27px 78px 28px;
    background: url(../images/tab_portrait.png) 0 0 no-repeat;
}
    #showframe.tab_port .hide_wrap {
        width: 480px;
        height: 640px;
        -webkit-border-radius: 3px;
            -ms-border-radius: 3px;
                border-radius: 3px;
    }
    #showframe.tab_port .hide_wrap iframe {
    	width: 497px !important;
		height: 640px !important;
	}

/* Tablet mobile */
#showframe.mobile {
	margin-top: 30px;
	/*width: 320px;*/
	width: 360px;
	padding: 92px 19px 102px 19px;
	background: url(../images/mobile.png) 0 0 no-repeat;
}
	#showframe.mobile .hide_wrap {
		width: 320px;
		height: 520px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile .hide_wrap iframe {
		width: 337px !important;
		height: 520px !important;
	}
#frame_controls .device_tablet_landscape:before{
    transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);

}

/* Mobile landscape */
#showframe.mobile_land {
	margin-top: 30px;
	/*width: 1024px;*/
	width: 800px;
	padding: 15px 103px 37px 90px;
	background: url(../images/mobile_landscape.png) 0 0 no-repeat;
}
	#showframe.mobile_land .hide_wrap {
		width: 1024px;
				height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile_land .hide_wrap iframe {
		width: 520px !important;
		height: 320px !important;
	}
	#frame_controls .device_mobile_landscape:before{
    transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);

}

/*Device Styles start*/
#frame_controls {
	display: inline-block;
	vertical-align: top;
	height:100%;
	/*
	margin-left:10em;
	*/
}
	#frame_controls .device_item {
		display: inline-block;
		vertical-align: top;
		/*font-size: 1.5em;*/
		height: 54px;
		/*line-height: 54px;*/
		text-align:center;

		width: 54px;
		margin-left:2px;
		/*background-color: #233448;*/

		/*padding: 0 12px;*/
		color: #546171;
	}
	#frame_controls .device_item:hover {
		color: #fff;
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_current {
		color: #fff;	/* #15e27f; */
		/*
		background-color: #15e27f;
		*/
	}
/*Device Styles End*/
	.pricer{
		max-width:100px!important;
		min-width:100px!important;
		}

    </style>
    <style>
	/*Advanced Styles*/
a {
	text-decoration: none;
	-webkit-transition: color .3s ease, background-color .3s ease;
	    -ms-transition: color .3s ease, background-color .3s ease;
	        transition: color .3s ease, background-color .3s ease;
}
body, a, a:visited, a:active {
	color: #fff;
}
a:active {
	outline: none;
}

[class*="icon-"]:before {
	margin:0;
	padding:0;
	line-height:inherit;
	vertical-align:baseline;
}


#header {
	background-color: #0a1d33;
	height: 54px;
	text-align: center;
	position: relative;
	z-index: 2;
}
#header:after {
	content:' ';
	display:block;
	width: 100%;
	height:0;
	clear:both;
}

#header .left_col {
	float: left;
	height: 54px;
}

	#logo {
		display: inline-block;
		vertical-align: top;
		text-align:center;
		/*margin-right: 1px;*/
	}
		#logo img {
			vertical-align: top;
			width: auto;
			height: 54px;
			max-height:100%;
		}

	#socials {
		display: inline-block;
		vertical-align: top;
		height:100%;
	}
		#socials .social_item {
			display: inline-block;
			vertical-align: top;
			font-size: 16px;
			width: 54px;
			height: 54px;
			line-height: 54px;
			text-align:center;
			/*
			margin-left:2px;
			background-color: #233448;
			*/
			border-right: 1px solid #2f3f51;
		}


	#theme_selector {
		display: inline-block;
		vertical-align: top;
		color: #dedfe0;
		position:relative;
		/*
		background-color: #233448;
		margin-left: 2px;
		*/
		border-right: 1px solid #2f3f51;
		text-align: left;
	}
		#theme_selector .current_theme {
			display: block;
			width: 390px;
			height: 54px;
			line-height: 54px;
			overflow:hidden;
			padding: 0 3em 0 2em;
			color: #dedfe0;
			-webkit-box-sizing: border-box;
				-ms-box-sizing: border-box;
					box-sizing: border-box;
		}
		#theme_selector .current_theme:hover {
			color: #fff;
		}
		#theme_selector .current_theme:after {
			content: '\e825';
			font-family: 'fontello';
			display:inline-block;
			vertical-align:top;
			line-height: 56px;
			font-size: 1.25em;
			position:absolute;
			z-index:1;
			right: 1.5em;
			top: 0;
			-webkit-transition: -webkit-transform 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease;
			transition: transform 0.5s ease;
		}
		#theme_selector .current_theme:hover:after {
			color: #fff;
		}
		#theme_selector .theme_selector_opened:after {
			-webkit-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			transform: rotate(180deg);
		}
			#theme_selector .current_theme_name {
				width: 100%;
				overflow: hidden;
			}
		#theme_selector .related_themes {
			display: none;
			width: 390px;
			padding: 2em;
			-webkit-box-sizing: border-box;
				-ms-box-sizing: border-box;
					box-sizing: border-box;
			position: absolute;
			left: 0;
			top: 54px;
			background-color: #0a1d33;
		}
			#theme_selector .themes_list {
				list-style: none;
				padding: 0;
				margin: 0;
			}
			#theme_selector .themes_list li {
				position: relative;
				padding-left: 2em;
			}
			#theme_selector .themes_list li:before {
				content: " ";
				display: block;
				position: absolute;
				top: 11px;
				left: 0;
				width: 1em;
				height: 2px;
				background-color: #15e27f;
			}
			#theme_selector .themes_list li a {
				display:block;
				color: #dedfe0;
			}
			#theme_selector .themes_list li.active a,
			#theme_selector .themes_list li a:hover {
				color: #15e27f;
			}
			#theme_selector .themes_list li + li {
				margin-top: 0.5em;
			}
			#theme_selector .placeholder {
				width: 100%;
				margin-top: 1em;
			}
			#theme_selector .placeholder img {
				width: 100%;
				max-width:100%;
				height: auto;
				vertical-align: top;
			}

#frame_controls {
	display: inline-block;
	vertical-align: top;
	height:100%;
	/*
	margin-left:10em;
	*/
}
	#frame_controls .device_item {
		display: inline-block;
		vertical-align: top;
		font-size: 1.5em;
		height: 54px;
		line-height: 54px;
		text-align:center;
		/*
		width: 54px;
		margin-left:2px;
		background-color: #233448;
		*/
		padding: 0 12px;
		color: #546171;
	}
	#frame_controls .device_item:hover {
		color: #fff;
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_current {
		color: #fff;	/* #15e27f; */
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_tablet_landscape:before {
		-webkit-transform:rotate(-90deg);
			-ms-transform:rotate(-90deg);
				transform:rotate(-90deg);
	}


#header .right_col {
	float: right;
	display:inline-block;
	vertical-align: top;
	height: 54px;
}
	#header .right_col > a {
		display: inline-block;
		vertical-align:top;
		height: 54px;
		line-height:54px;
		text-align:center;
		padding: 0 3.4em;
		font-size: 10px;
		font-weight:bold;
		text-transform: uppercase;
		letter-spacing:1px;
		/*
		margin-left: 2px;
		background-color: #233448;
		*/
		border-left: 1px solid #2f3f51;
	}
	#header .right_col > a:hover {
		background-color: #ff1f00;
	}
	#header .right_col > a:before {
		margin-right: 0.5em;
		vertical-align: top;
		font-size:1.25em;
	}
	#header .right_col > a.docs {
		padding: 0 3.6em;
	}
	#header .right_col > a.purchase {
		color: #fff;
		background-color: #15e27f;
		padding: 0 4em;
		border-left: none;
	}
	#header .right_col > a.purchase:hover,
	#header .right_col > a.docs:hover {
		color: #0a1d33;
		background-color: #f7f7f7;
	}
	#header .right_col > a.closeframe {
		padding:0 !important;
		letter-spacing:0 !important;
		width: 54px;
		visibility: hidden;
	}
	#header .right_col > a.closeframe:hover {
		color: #15e27f;
		background-color: #0a1d33;
	}
	#header .right_col > a.closeframe:before {
		margin-right: 0;
	}


.openframe,
.basket {
	display: block;
	width: 54px;
	height: 54px;
	line-height:54px;
	background-color: #0a1d33;
	text-align:center;
	font-size: 14px;
	font-weight:bold;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	-ms-transition: color 0.3s ease, background-color 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease;
}
.basket {
	background-color:#15e27f;
	z-index: 1;
	font-size: 18px;
}
.basket:hover {
	color: #0a1d33;
	background-color: #f7f7f7;
}
.openframe:before {
	content: '\e815';
	font-family: 'fontello';
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1em;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
}
body.header_off .openframe:before {
	/*
	content: '\e829';
	*/
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.openframe:hover {
	color: #15e27f;
	background-color: #0a1d33;
}


/* Frame with demo
-----------------------------  */

/* Desktop */
#showframe {
	width: 100%;
	margin: 0 auto;
	/*
	position: relative;
	z-index: 1;
	*/
}
	#showframe .hide_wrap {
		overflow: hidden;
	}
	#showframe iframe {
		width: 100%;
		height: 100%;
		display:block;
		vertical-align: top;
	}

/* Tablet landscape */
#showframe.tab_land {
	margin-top: 30px;
	width: 1224px;
	padding: 38px 103px 37px 85px;
	background: url(../images/tab_landscape.png) 0 0 no-repeat;
}
	#showframe.tab_land .hide_wrap {
		width: 1024px;
		height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.tab_land .hide_wrap iframe {
		width: 1041px !important;
		height: 640px !important;
	}

/* Tablet portrait */
#showframe.tab_port {
	margin-top: 30px;
	width: 540px;
	padding: 65px 27px 78px 28px;
	background: url(../images/tab_portrait.png) 0 0 no-repeat;
}
	#showframe.tab_port .hide_wrap {
		width: 480px;
		height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.tab_port .hide_wrap iframe {
		width: 497px !important;
		height: 640px !important;
	}

/* Tablet mobile */
#showframe.mobile {
	margin-top: 30px;
	width: 360px;
	padding: 92px 19px 102px 19px;
	background: url(../images/mobile.png) 0 0 no-repeat;
}
	#showframe.mobile .hide_wrap {
		width: 320px;
		height: 520px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile .hide_wrap iframe {
		width: 337px !important;
		height: 520px !important;
	}




@media (max-width: 1529px) {
	body {
		font-size:13px;
		line-height:20px;
	}
	#header,
	#header .left_col,
	#header .right_col,
	#logo img {
		height:42px;
	}
	#socials .social_item {
		font-size: 14px;
		width: 42px;
		height: 42px;
		line-height: 42px;
	}
	#theme_selector .current_theme {
		width: 300px;
		height: 42px;
		line-height: 42px;
		padding: 0 2em 0 1.5em;
	}
	#theme_selector .current_theme:after {
		line-height: 42px;
		right: 1em;
	}
	#theme_selector .related_themes {
		width: 300px;
		padding: 1.5em;
		top: 42px;
	}
	#frame_controls .device_item {
		height: 42px;
		line-height: 42px;
		padding: 0 10px;
	}
	#header .right_col > a {
		height: 42px;
		line-height:42px;
		padding: 0 2em !important;
	}
	#header .right_col > a.closeframe {
		width: 42px;
	}
	.openframe,
	.basket {
		width: 42px;
		height: 42px;
		line-height:42px;
		font-size: 12px;
	}
}
@media (max-width: 1199px) {
	#frame_controls {
		display:none;
	}
}
@media (max-width: 1023px) {
	#header .right_col > a.docs {
		display: none;
	}
}
@media (max-width: 959px) {
	#header .right_col > a.customization {
		display: none;
	}
}
@media (max-width: 767px) {
	#socials {
		display: none;
	}
	#theme_selector .current_theme {
		width: 270px;
		padding: 0 1.5em 0 1em;
	}
	#theme_selector .current_theme:after {
		right: 0.5em;
	}
	#theme_selector .related_themes {
		width: 270px;
		padding: 1em;
	}
	#header .right_col > a {
		font-size: 10px;
	}
}
@media (max-width: 639px) {
	#theme_selector .current_theme {
		display: none;
	}
}
@media (max-width: 479px) {
	body {
		font-size:12px;
		line-height:18px;
	}
	#header,
	#header .left_col,
	#header .right_col,
	#logo img {
		height:36px;
	}
	#socials .social_item {
		font-size: 14px;
		width: 36px;
		height: 36px;
		line-height: 36px;
	}
	#header .right_col > a {
		height: 36px;
		line-height:36px;
		font-size: 10px;
	}
	#header .right_col > a.purchase {
		letter-spacing:0;
	}
	#header .right_col > a.closeframe {
		width: 36px;
	}
	.openframe,
	.basket {
		width: 36px;
		height: 36px;
		line-height:36px;
	}
}
	</style>



</head>
<body id="fullscreen-preview">
    <div id="preview-bar">
        <ul id="bar-inner">
            <li class="tm-logo block">
                <a href="https://rms.templates.com/">
                    <img src="/themes/theme-2018-v03-en/images/Logo_white.png" alt="">
                </a>
            </li>
            <li class="block inner info">
                PrestaShop Themes #286290            </li>
            <!--responsivator HTML-->
            <li class="block inner info" id="frame_controls">
                <a href="#" class="icon-desktop device_item device_desktop device_current" data-width="100%" data-device="desktop"></a>
                <!--<a href="#" class="icon-tablet device_item device_tablet_landscape" data-width="960" data-device="tab_land"></a>-->
                <a href="#" class="icon-tablet device_item device_tablet_portrait" data-width="480" data-device="tab_port"></a>
                <a href="#" class="icon-mobile device_item device_mobile" data-width="320" data-device="mobile"></a>
                <!--<a href="#" class="icon-mobile device_item device_mobile_landscape" data-width="320" data-device="mobile_land"></a>-->
			</li>

                        <li class="block inner"><a href="https://www.templatehelp.com/preset/cart.php?act=add&amp;templ=286290&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $64                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

        <div id="preview-wrapper" class="hide_wrap">

                            <div class="technical-problems">
                    <p>Technical operations</p>
                    <p class="problems-message">Live demo of this template will be available within 5-6 hours.</p>
                    <p>
                        <a href="/prestashop-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>