string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=393027&expand=properties"
string(10823) "[{"templateId":393027,"typeId":69,"typeName":"WooCommerce Theme","typeUrl":"woocommerce-themes","categoryId":164,"categoryName":"Car Dealer Templates","templateTitle":"Car Dealer Responsive WooCommerce Theme","templatePreviewHtmlTitle":"DigiAuto - Auto Parts &amp; Car Accessories Woocomrece WordPress Theme","templateDemoHtmlTitle":"Demo Preview for DigiAuto - Auto Parts &amp; Car Accessories Woocomrece WordPress Theme #393027","typeShortName":"WooCommerce","templatePreviewFBTitle":"<p><br /></p><p>Presenting <strong>DigiAuto</strong>, our specialized WooCommerce theme meticulously designed for automotive enthusiasts and professionals. Elevate your online store's performance in the competitive world of auto parts with this visually striking and user-friendly theme.</p><p>Elementor Page Builder: Easily customize your website with the drag-and-drop Elementor page builder. Create stunning pages and layouts without any coding skills.</p><p>Header Builder: Customize your website's header to suit your brand and style. Create unique and engaging headers that grab your visitors' attention.</p><p>Visual Slider : Choose from a variety of slider sizes and configurations to showcase your products and promotions prominently on your site.</p><p>Mega Menu: Improve navigation and user experience with a mega menu. Organize your product categories and subcategories for easy access to your customers.</p><p>Responsive Design: Your website will look great on any device, thanks to its responsive design. It adapts to different screen sizes, ensuring a seamless browsing experience for mobile and desktop users.</p><p>These features make \"DigiAuto\" a powerful and user-friendly theme for building your online store. If you have any additional features or specific details you'd like to include in the description, please let me know, and I'd be happy to assist further.</p><p><strong>Features</strong></p><ul><li>Unlimited Custom Sidebars</li><li>Ratio For Image</li><li>Tabs Ajax</li><li>Retina Ready</li><li>Show Breadcrumbs</li><li>Background Pattern</li><li>Advanced Headers</li><li>Change Header Height</li><li>Sticky Header</li><li>Sticky Sidebar and Columns</li><li>Ajax Search Form</li><li>Limit Title length</li><li>Ajax Load More</li><li>7 Single Template</li><li>Light Box Image</li><li>Share Post</li><li>Post Tags</li><li>Author Bio</li><li>Custom Widgets</li><li>Custom Ads banners</li><li>Custom Footer</li></ul>","templateFullTitle":"DigiAuto - Auto Parts &amp; Car Accessories Woocomrece WordPress Theme","templatePreviewMetaDescription":"Presenting DigiAuto, our specialized WooCommerce theme meticulously designed for automotive enthusiasts and professionals. Elevate your online store's","templateDemoMetaDescription":"Explore the live preview of the premium DigiAuto - Auto Parts &amp; Car Accessories Woocomrece WordPress Theme WooCommerce Theme (#393027) to get a better idea of what this design is before buying it. Click through the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"DigiAuto - Auto Parts &amp; Car Accessories Woocomrece WordPress Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/woocommerce-themes/digiauto-auto-parts-amp-car-accessories-woocomrece-wordpress-theme-393027.html","userRating":0,"designIndex":1,"authorUserId":"78211684","exclusive":"1","state":1,"price":30,"inserted_date":"2024-02-08","sent":0,"downloads":1,"search_words":"auto car automotive accessories shop store woocommerce ecommerce modern online car repair responsive auto repair","is_adult":0,"exc_price":2100,"sent_date":"2024-02-08 12:28:51","last_upload":"2024-02-08 12:30:41","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3391814,"templ_id":393027,"filename":"393027-original.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3391815,"templ_id":393027,"filename":"393027-big.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3391816,"templ_id":393027,"filename":"393027-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":3391817,"templ_id":393027,"filename":"393027-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":3391818,"templ_id":393027,"filename":"393027-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/393027.html","image":"https://s.tmimgcdn.com/scr/393000/digiauto-auto-parts-amp-car-accessories-woocomrece-wordpress-theme_393027-original.jpg","searchHash":"9d1d64eeeddd65fb0da993cabe39c905","previewHash":"50cf8b095357e30a875bef8663bc2d8e","authorNickname":"Hex-WP","lowLevelTopic":"Car Dealer Templates; Car Rental Templates; Car Wash Templates; Auto Parts Templates","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":1,"productBoost":0,"onSale":0,"finalPrice":30,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Responsive","Admin Panel","Ajax","Dropdown Menu","Tabs","Advanced Theme Options","MegaMenu","Blog","JQuery","Lazy Load effect"],"isLastAdded":"1","topic":["Car Dealer Templates","Car Rental Templates","Car Wash Templates","Auto Parts Templates","Car Templates","Cars & Motorcycles"],"isFree":"none","color":["black","white"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","compatibleWith":"WooCommerce","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["accessories","auto","automotive","car","modern","online","responsive","shop","store","woocommerce","ecommerce","auto repair","car repair"],"wordPressBuilder":"Elementor Website Builder","wordpressCompatibility":["5.5.x","5.6.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"],"paidSupport":"Yes","wordpressComCompatibility":"Not Compatible","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"wooCommerceCompatibility":["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"],"authorUserId":"78211684","excerpt":"<p>Sleek WooCommerce theme for auto parts. Striking visuals, user-friendly design, mobile optimization. Secure transactions, brand customization. Elevate your business with DigiAuto compact</p>","nameOfTheTemplate":"DigiAuto - Auto Parts &amp; Car Accessories Woocomrece WordPress Theme","shortDescription":"<p><br /></p><p>Presenting <strong>DigiAuto</strong>, our specialized WooCommerce theme meticulously designed for automotive enthusiasts and professionals. Elevate your online store's performance in the competitive world of auto parts with this visually striking and user-friendly theme.</p><p>Elementor Page Builder: Easily customize your website with the drag-and-drop Elementor page builder. Create stunning pages and layouts without any coding skills.</p><p>Header Builder: Customize your website's header to suit your brand and style. Create unique and engaging headers that grab your visitors' attention.</p><p>Visual Slider : Choose from a variety of slider sizes and configurations to showcase your products and promotions prominently on your site.</p><p>Mega Menu: Improve navigation and user experience with a mega menu. Organize your product categories and subcategories for easy access to your customers.</p><p>Responsive Design: Your website will look great on any device, thanks to its responsive design. It adapts to different screen sizes, ensuring a seamless browsing experience for mobile and desktop users.</p><p>These features make \"DigiAuto\" a powerful and user-friendly theme for building your online store. If you have any additional features or specific details you'd like to include in the description, please let me know, and I'd be happy to assist further.</p><p><strong>Features</strong></p><ul><li>Unlimited Custom Sidebars</li><li>Ratio For Image</li><li>Tabs Ajax</li><li>Retina Ready</li><li>Show Breadcrumbs</li><li>Background Pattern</li><li>Advanced Headers</li><li>Change Header Height</li><li>Sticky Header</li><li>Sticky Sidebar and Columns</li><li>Ajax Search Form</li><li>Limit Title length</li><li>Ajax Load More</li><li>7 Single Template</li><li>Light Box Image</li><li>Share Post</li><li>Post Tags</li><li>Author Bio</li><li>Custom Widgets</li><li>Custom Ads banners</li><li>Custom Footer</li></ul>","uniqueKeywords":"auto,car,automotive,accessories,shop,store,woocommerce,ecommerce,modern,online,car repair,responsive,auto repair","advImage":"https://s3u.tmimgcdn.com/u78211684/4fd654528e373835d847ed17052f94b6.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78211684/1977138b9d3c2cca83081adee52d7a93.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78211684/e733edfb5881d62cefbb2a911eb79081.jpg, https://s3u.tmimgcdn.com/u78211684/b5d439c1777aaa5dca7efba578e3bd73.jpg, https://s3u.tmimgcdn.com/u78211684/318d37531d8e07b59a07bfa003643c82.jpg, https://s3u.tmimgcdn.com/u78211684/fe4b4fa71f40abf4b155a045c457a4bb.jpg, https://s3u.tmimgcdn.com/u78211684/7b13518c47a029de0f9a4c3c303002e1.jpg, https://s3u.tmimgcdn.com/u78211684/10f841ebecc2307af9fc1185455ff28d.jpg","livePreviewURL":"https://hex-wp.com/digiauto/","metaDescription":"Presenting DigiAuto, our specialized WooCommerce theme meticulously designed for automotive enthusiasts and professionals. Elevate your online store's","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Explore the live preview of the premium DigiAuto - Auto Parts &amp; Car Accessories Woocomrece WordPress Theme WooCommerce Theme (#393027) to get a better idea of what this design is before buying it. Click through the pages, check out the images, press the buttons, explore the features.","customUrl":"/woocommerce-themes/digiauto-auto-parts-amp-car-accessories-woocomrece-wordpress-theme-393027.html","productSize":"52186980","trendiness":"10","changeLog":"Update 1.1  Mar 5, 2024:\n\n- Fixed Product Cart\n- Fixed Product Gallery\n- Compatible php 8.2\n- and more...","changeLogDate":"2024-03-14","types":"WooCommerce Themes","templateIcon":"icon-woo","followUpLetter":"woocommerce-offers","productFamily":"None","templateGroup":"Wordpress Store","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: Sat, 27 Apr 2024 13:16:03 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=393027&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=393027&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=393027&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 27 Apr 2024 13:21:03 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://hex-wp.com/digiauto/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#393027 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/393027.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 #393027            </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=393027&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $28                <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>