string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=227378&expand=properties"
string(17938) "[{"templateId":227378,"typeId":69,"typeName":"WooCommerce Theme","typeUrl":"woocommerce-themes","categoryId":166,"categoryName":"Car Repair Templates","templateTitle":"Car Repair Responsive WooCommerce Theme","templatePreviewHtmlTitle":"Autonce - Auto Parts WooCommerce Responsive Theme","templateDemoHtmlTitle":"Demo for Autonce - Auto Parts WooCommerce Responsive Theme #227378","typeShortName":"WooCommerce","templatePreviewFBTitle":"<p>\"Autonce,\" a cutting-edge and responsive Elementor-based WooCommerce theme tailored for businesses in the automotive industry, specifically focusing on auto parts store, car parts store, car repair shop, auto spare parts, tire shop, vehicle parts shop. With a sleek design and robust functionality, Autonce is crafted to provide an exceptional online shopping experience</p><p>The theme is optimized for creating WooCommerce online stores that provide a super-fast interface for the best user experience. The theme is fully compatible with the Elementor page builder which help you to build and customize full eCommerce site with a drag and drop feature. Access a range of pre-designed templates and elements, providing flexibility in crafting a unique online presence.</p><p>With WooCommerce compatibility in this theme showcase your extensive inventory with detailed product pages, multiple variations, and an intuitive shopping cart system. Autonce is mobile friendly, ensure a consistent and visually appealing experience across various devices, including desktops, tablets, and smartphones. Morvery, Prioritize fast loading times and optimize the theme for performance to ensure a seamless and efficient browsing experience for your customers.</p><p>Autonce Auto Parts WooCommerce theme will be flexible, responsive and easy to customize theme for online sellers!</p><p><strong>Theme Features</strong></p><p><strong>==================</strong></p><ul><li><strong>1-Click Installation</strong></li><li><strong>Child Theme</strong> Included</li><li>Bootstrap <strong>HTML5</strong> and <strong>CSS3</strong></li><li><strong>Fully Responsive Theme</strong></li><li><strong>Google Fonts</strong> Included</li><li>No Core Modifications</li><li>SEO (Search Engine Optimization) friendly</li><li>Optimized for<strong> Fast Loading + CSS Sprite</strong></li><li><strong>Support Multiple Currency</strong></li><li><strong>Support Multiple Language</strong></li><li><strong>Light/Dark Mode </strong>Layout Option</li><li><strong>Easy to Customize </strong>from Admin Options Customized Panel</li><li>Unlimited <strong>Color &amp; Fonts Options</strong> to Change from Customizer Panel</li><li><strong>Unlimited Banners </strong>Option</li><li><strong>Elementor Page Builder </strong>plugin</li><li><strong>WooCommerce</strong> Integration</li><li><strong>Sample Data Import</strong></li><li><strong>Revolution Slider</strong> Included</li><li><strong>Gallery Layouts</strong></li><li><strong>Category Image List</strong> Slider</li><li><strong>Latest Product </strong>Slider/Grid Section</li><li><strong>Featured Product </strong>Slider/Grid Section</li><li><strong>Deal of the week</strong> Slider/Grid Section with <strong>Count Down Timer</strong></li><li>Product <strong>Grid and List</strong></li><li><strong>Infinite Scroll</strong> feature on Shop page and Blog List page</li><li><strong>Product Zoom </strong>with<strong> Additional image slider</strong> on product detail page</li><li>Ajax Products <strong>Quick View</strong></li><li>Ajax Product<strong> Wishlist</strong></li><li>Ajax Product <strong>Compare</strong></li><li>Ajax Product<strong> Add to Cart</strong></li><li><strong>Advanced Product Search</strong></li><li><strong>Product Image Rollover Effect</strong></li><li><strong>Horizontal Mega Menu</strong></li><li><strong>Vertical Mega Menu</strong></li><li><strong>Sticky Menu bar</strong></li><li><strong>Shopping Cart Slide Toggle </strong>from header</li><li><strong>Manufacturer/Brand </strong>logo Slider</li><li><strong>Parallax Scrolling Effect</strong></li><li><strong>Sticky Add to Cart on </strong>product detail page</li><li><strong>Social Share</strong> Buttons</li><li><strong>Google Map</strong> on Contact Page</li><li>Scroll To Top Button</li><li>Valid <strong>XHTML </strong>and <strong>CSS </strong>markup</li><li>Easy Use and Easy Customize</li><li><strong>PSD Files included</strong></li><li>Avoid JavaScript Confliction</li><li>Compatible with all major browsers</li><li>Well-structured and commented code for easy customization</li><li>Include theme installation documentation to help customer for installing and utilizing the theme</li><li>and Many More…</li></ul>","templateFullTitle":"Autonce - Auto Parts WooCommerce Responsive Theme","templatePreviewMetaDescription":"\"Autonce,\" a cutting-edge and responsive Elementor-based WooCommerce theme tailored for businesses in the automotive industry, specifically focusing on auto","templateDemoMetaDescription":"Check out the live preview for the top notch Autonce - Auto Parts WooCommerce Responsive Theme WooCommerce Theme (#227378) get yourself acquainted with this design prior to buying it. Browse through the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Autonce - Auto Parts WooCommerce Responsive Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/woocommerce-themes/autonce-auto-parts-woocommerce-responsive-theme-227378.html","userRating":0,"designIndex":1,"authorUserId":"1597608","exclusive":"1","state":1,"price":69,"inserted_date":"2022-01-31","sent":0,"downloads":6,"search_words":"accessories cars online tools spare parts car templates autoparts revolution slider electronics templates car dealer templates auto parts templates theme responsive ecommerce store car parts store car repair shop mechanic codezeel","is_adult":0,"exc_price":2100,"sent_date":"2022-01-31 11:36:08","last_upload":"2024-10-04 10:19:53","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2563756,"templ_id":227378,"filename":"227378-6-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":2563757,"templ_id":227378,"filename":"227378-6-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":2563758,"templ_id":227378,"filename":"227378-6-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":2563759,"templ_id":227378,"filename":"227378-6-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":2563760,"templ_id":227378,"filename":"227378-6-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/227378.html","image":"https://s.tmimgcdn.com/scr/227300/autonce-auto-parts-woocommerce-responsive-theme_227378-6-original.jpg","searchHash":"7c47bd63e193d373b7e5e735c1e83352","previewHash":"605841b143e2bee321525b2038973bbe","authorNickname":"codezeel","lowLevelTopic":"Car Repair Templates; Car Rental Templates; Car Wash Templates; Wheels & Tires Templates; Auto Parts Templates","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":35,"discountPercent":50,"discountAmount":35,"semiannualSales":0,"properties":{"features":["Premium","Responsive","Admin Panel","Search Engine Friendly","Ajax","Mobile Layout Included","Multipurpose","Light Template","eCommerce","Sliced PSD","Dropdown Menu","Google map","Sample content","Tabs","Advanced Theme Options","Drag and Drop Content","MegaMenu","Performance Optimization","Blog","Online Store/Shop","Gallery","HTML 5","JQuery","Parallax","Lazy Load effect","Website Builder","One click installation"],"styles":["Clean","Minimalist","Neutral","Dark","Mobile","Flat"],"isLastAdded":"1","topic":["Car Repair Templates","Car Rental Templates","Car Wash Templates","Wheels & Tires Templates","Auto Parts Templates","Car Templates","Cars & Motorcycles"],"isFree":"none","color":["black","white","grey"],"showVariantForcibly":"b","exclusive":"1","authorUserId":"1597608","alreadyPacked":"1","compatibleWith":["WooCommerce","Revolution Slider","WPML","MailChimp","Polylang"],"wordpressCompatibility":["5.1.x","5.2.x","5.3.x","5.4.x","5.5.x","5.6.x","5.0.x","5.7.x","5.8.x","5.9.x","6.0.x","6.1.x","6.2.x","6.3.x","6.4.x","6.5.x","6.6.x"],"imagesIncluded":"Yes","tags":["accessories","cars","mechanic","online","responsive","store","templates","theme","tools","ecommerce","spare parts","auto parts","car templates","car repair shop","autoparts","revolution slider","electronics templates","car dealer templates","car parts store","codezeel"],"wordPressBuilder":"Elementor Website Builder","marketplaceMembership":"None","paidSupport":"Yes","wooCommerceCompatibility":["6.0.x","6.1.x","6.2.x","6.3.x","6.4.x","6.5.x","6.6.x","6.7.x","6.8.x","6.9.x","7.0.x","7.1.x","7.2.x","7.3.x","7.4.x","7.5.x","7.6.x","7.7.x","7.8.x","7.9.x","8.0.x","8.1.x","8.2.x","8.3.x","8.4.x","8.5.x","8.6.x","8.7.x","8.8.x","8.9.x","9.0.x","9.1.x","9.2.x"],"nameOfTheTemplate":"Autonce - Auto Parts WooCommerce Responsive Theme","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1597608/a9b948f2bbddabf1ed0790bb7de8fd24.jpg, https://s3u.tmimgcdn.com/u1597608/9634e6bbb20ff48480077aa6e51c2c1c.jpg, https://s3u.tmimgcdn.com/u1597608/d9e8ac6e762fe654c9214eb720e09e4c.jpg, https://s3u.tmimgcdn.com/u1597608/4743341b2d1547bd75af904e9f1d5ebd.jpg, https://s3u.tmimgcdn.com/u1597608/d5c5f488b237aee1b3c1331132dbd767.jpg, https://s3u.tmimgcdn.com/u1597608/c5368f70e00dff2bf11215a3c72daf60.jpg, https://s3u.tmimgcdn.com/u1597608/f4588ce1ee46de54757b145ee80b43ae.jpg, https://s3u.tmimgcdn.com/u1597608/cb2ed35948f6c9d632117eb3b48e9983.jpg, https://s3u.tmimgcdn.com/u1597608/809f851c7f15cf467b8c9c30a3fa1770.jpg, https://s3u.tmimgcdn.com/u1597608/daf878eeabc4c07ba83355e1336ed5be.jpg, https://s3u.tmimgcdn.com/u1597608/38b417063165b39df5709f621f183050.jpg, https://s3u.tmimgcdn.com/u1597608/bfb1c6c3c88aaf8dd77566127c6599d7.jpg, https://s3u.tmimgcdn.com/u1597608/e6446bfd1b3564189ac84aa084296823.jpg, https://s3u.tmimgcdn.com/u1597608/986f9bafa4744b283eea46eeeda2a839.jpg","shortDescription":"<p>\"Autonce,\" a cutting-edge and responsive Elementor-based WooCommerce theme tailored for businesses in the automotive industry, specifically focusing on auto parts store, car parts store, car repair shop, auto spare parts, tire shop, vehicle parts shop. With a sleek design and robust functionality, Autonce is crafted to provide an exceptional online shopping experience</p><p>The theme is optimized for creating WooCommerce online stores that provide a super-fast interface for the best user experience. The theme is fully compatible with the Elementor page builder which help you to build and customize full eCommerce site with a drag and drop feature. Access a range of pre-designed templates and elements, providing flexibility in crafting a unique online presence.</p><p>With WooCommerce compatibility in this theme showcase your extensive inventory with detailed product pages, multiple variations, and an intuitive shopping cart system. Autonce is mobile friendly, ensure a consistent and visually appealing experience across various devices, including desktops, tablets, and smartphones. Morvery, Prioritize fast loading times and optimize the theme for performance to ensure a seamless and efficient browsing experience for your customers.</p><p>Autonce Auto Parts WooCommerce theme will be flexible, responsive and easy to customize theme for online sellers!</p><p><strong>Theme Features</strong></p><p><strong>==================</strong></p><ul><li><strong>1-Click Installation</strong></li><li><strong>Child Theme</strong> Included</li><li>Bootstrap <strong>HTML5</strong> and <strong>CSS3</strong></li><li><strong>Fully Responsive Theme</strong></li><li><strong>Google Fonts</strong> Included</li><li>No Core Modifications</li><li>SEO (Search Engine Optimization) friendly</li><li>Optimized for<strong> Fast Loading + CSS Sprite</strong></li><li><strong>Support Multiple Currency</strong></li><li><strong>Support Multiple Language</strong></li><li><strong>Light/Dark Mode </strong>Layout Option</li><li><strong>Easy to Customize </strong>from Admin Options Customized Panel</li><li>Unlimited <strong>Color &amp; Fonts Options</strong> to Change from Customizer Panel</li><li><strong>Unlimited Banners </strong>Option</li><li><strong>Elementor Page Builder </strong>plugin</li><li><strong>WooCommerce</strong> Integration</li><li><strong>Sample Data Import</strong></li><li><strong>Revolution Slider</strong> Included</li><li><strong>Gallery Layouts</strong></li><li><strong>Category Image List</strong> Slider</li><li><strong>Latest Product </strong>Slider/Grid Section</li><li><strong>Featured Product </strong>Slider/Grid Section</li><li><strong>Deal of the week</strong> Slider/Grid Section with <strong>Count Down Timer</strong></li><li>Product <strong>Grid and List</strong></li><li><strong>Infinite Scroll</strong> feature on Shop page and Blog List page</li><li><strong>Product Zoom </strong>with<strong> Additional image slider</strong> on product detail page</li><li>Ajax Products <strong>Quick View</strong></li><li>Ajax Product<strong> Wishlist</strong></li><li>Ajax Product <strong>Compare</strong></li><li>Ajax Product<strong> Add to Cart</strong></li><li><strong>Advanced Product Search</strong></li><li><strong>Product Image Rollover Effect</strong></li><li><strong>Horizontal Mega Menu</strong></li><li><strong>Vertical Mega Menu</strong></li><li><strong>Sticky Menu bar</strong></li><li><strong>Shopping Cart Slide Toggle </strong>from header</li><li><strong>Manufacturer/Brand </strong>logo Slider</li><li><strong>Parallax Scrolling Effect</strong></li><li><strong>Sticky Add to Cart on </strong>product detail page</li><li><strong>Social Share</strong> Buttons</li><li><strong>Google Map</strong> on Contact Page</li><li>Scroll To Top Button</li><li>Valid <strong>XHTML </strong>and <strong>CSS </strong>markup</li><li>Easy Use and Easy Customize</li><li><strong>PSD Files included</strong></li><li>Avoid JavaScript Confliction</li><li>Compatible with all major browsers</li><li>Well-structured and commented code for easy customization</li><li>Include theme installation documentation to help customer for installing and utilizing the theme</li><li>and Many More…</li></ul>","uniqueKeywords":"accessories,cars,online,tools,spare parts,car templates,autoparts,revolution slider,electronics templates,car dealer templates,auto parts,templates,theme,responsive,ecommerce,store,car parts store,car repair shop,mechanic,codezeel","advImage":"https://s3u.tmimgcdn.com/u1597608/b6b8acf6b3cfc5e3cead1e9c643fccc8.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1597608/489c2719521c8ec929919ce93274644b.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1597608/22738891be5243e2a9a9628f228893d7.jpg, https://s3u.tmimgcdn.com/u1597608/ab8663439fa48d35cfe17018e1c913b7.jpg, https://s3u.tmimgcdn.com/u1597608/295d130326f2961e83f9bc674e902c9f.gif, https://s3u.tmimgcdn.com/u1597608/7c6f45adce3221d7c107bb84ba725f11.jpg, https://s3u.tmimgcdn.com/u1597608/e077f773158431e996e126985ba63e8b.jpg, https://s3u.tmimgcdn.com/u1597608/4adc3c21c8497606d21758a6a2e7a72a.jpg","livePreviewURL":"https://demos.codezeel.com/wordpress/WCM03/WCM030074/","metaDescription":"\"Autonce,\" a cutting-edge and responsive Elementor-based WooCommerce theme tailored for businesses in the automotive industry, specifically focusing on auto","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3geq9bQ","demoMetaDescription":"Check out the live preview for the top notch Autonce - Auto Parts WooCommerce Responsive Theme WooCommerce Theme (#227378) get yourself acquainted with this design prior to buying it. Browse through the pages, check the images, click the buttons, explore the features.","customUrl":"/woocommerce-themes/autonce-auto-parts-woocommerce-responsive-theme-227378.html","productSize":"29321228","lastmod":"2022-02-12T01:08:57-05:00","trendiness":"1","authorMainScreenshotVersion":"6","wordpressComCompatibility":"WordPress.com Pro Plan","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"changeLog":"##Update History\n\n#[28/09/2024]\n- Updated Parent theme\n- Updated Core Plugin\n- Updated ThemeName Plugin\n- Updated Sample data files\n- Added new features\n- Improved theme quality standard &amp; responive design\n- Minor bug fixes\n\n#[01/02/2024]\n- Added totally new theme package files with Elementor page builder\n- Removed WP Bakery Page Builder\n\n#[22/11/2022]\n- Update Revolution Slider and WP Bakery plugin to latest version\n- Update sample data file with theme package\n- Update theme installation documentation\n- Fixed some miscellaneous issue with theme package and updated theme files","changeLogDate":"2024-10-04","excerpt":"<p>Autonce - Auto Parts WooCommerce Responsive Theme is a stunning theme designed to build store for auto parts store, car parts store, car repair shop, auto spare parts and vehicle parts shop.</p>","types":"WooCommerce Themes","templateIcon":"icon-woo","followUpLetter":"woocommerce-offers","productFamily":"None","templateGroup":"Wordpress Store","category":"Website templates","popularity":"Recently Updated"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 21 Nov 2024 15:50:36 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=227378&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=227378&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=227378&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 21 Nov 2024 15:55:36 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: 165.227.251.218:80"
}
https://demos.codezeel.com/wordpress/WCM03/WCM030074/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#227378 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/227378.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">
                WooCommerce Themes #227378            </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=227378&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="/woocommerce-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>