string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=230076&expand=properties"
string(13179) "[{"templateId":230076,"typeId":27,"typeName":"Magento theme","typeUrl":"magento-themes","categoryId":173,"categoryName":"Auto Parts Templates","templateTitle":"Auto Parts Magento Theme","templatePreviewHtmlTitle":"Auto Parts Responsive Theme For Magento 2 - TemplateMonster","templateDemoHtmlTitle":"Live preview for Auto Parts Responsive Theme For Magento 2 #230076","typeShortName":"Magento","templatePreviewFBTitle":"<p><strong>Auto Parts Theme for Magento 2: Multipurpose Responsive Theme.</strong></p><p>Whether you need to design a website for selling cars, bikes (other vehicles), auto parts, auto accessories or auto tools, we have a ready-made theme that will make your job simpler.</p><p>Get ready for attractive designs, user-friendly layouts and useful extensions, all packed into one robust theme. If your store has multiple categories and products, you need to make product search simpler and more efficient for customers. And that’s why we have the most important built-in feature: Product Parts Finder.</p><p>It makes customer navigation easy, improves shopping experience and thus, allows you to sell more.</p><p>The theme offers multiple layouts for the home page, category pages and product pages. You can even change the header/footer color, layout and style.This is a truly customizable Magento theme that will make shopping easy for your customers.</p><p><strong>A Complete List of Features:</strong></p><ul><li>Powerful Admin Panel - Made with CSS3 + HTML 5, it is a fully-responsive theme that works on all devices and platforms. It also supports RTL (Right to Left) layout and Varnish Cache to build a highly functional website.</li><li>Header Styles - Get access to nine unique header styles, along with multiple formatting options to truly customize the header. Change color, background image, background color, sticky menu, show/hide options for language switcher, currency, add social media icons, (Twitter, Facebook, Google+, YouTube and LinkedIn), etc.</li><li>Footer Styles - Get nine styles along with formatting options such as background color, background image, footer columns, newsletter, custom copyright text, social media links, and more.</li><li>Theme Layout &amp; Color Options -You can customize the theme to suit the colors of your organization with the help of the color picker tool! There are 300+ admin configurations with multiple color choices. You can even adjust the theme layout by changing layout width, RTL layout, show/hide add to buttons.</li><li>Category Page Features -The theme includes multiple category page layout options with Grid or List view. Edit the number of products per page/row quickly. You can set up a product slider block for collections. You can choose from different styles for the mouse hover button on the product image.</li><li>Product Page Features - Multiple product page layout options (full width, with left and right sidebars, etc.) are included in the auto parts theme along with image box and thumbnail styles, sticky add to cart and select tab style. You can display sliders for recently visited products and related products.</li><li>Google Web Fonts - Use google fonts and font weights for body and heading.</li><li>Google Rich Snippets - The built-in SEO feature supports Google Rich Snippets so that you can show useful data in the search-engine results and improve store ranking.</li><li>Useful Extensions included - You will get essential extensions such as one-page checkout, Ajax layered navigation, infinite scroll extension, Ajax quick search, Ajax quick view, Ajax add to cart module, Mega menu extension, Responsive banners slider extension, Product labels extension, Product image flipper, customer testimonials module, etc. with the theme.</li></ul>","templateFullTitle":"Auto Parts Responsive Theme For Magento 2","templatePreviewMetaDescription":"Auto Parts Theme for Magento 2: Multipurpose Responsive Theme.Whether you need to design a website for selling cars, bikes (other vehicles), auto parts,","templateDemoMetaDescription":"Before you buy it, get the look and feel of the premium Auto Parts Responsive Theme For Magento 2 Magento Theme (#230076) by viewing the demo preview. View the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Auto Parts Responsive Theme For Magento 2","anchorFeature":"","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/magento-themes/auto-parts-responsive-theme-for-magento-2-230076.html","userRating":0,"designIndex":1,"authorUserId":"1737092","exclusive":"0","state":12,"price":134,"inserted_date":"2022-02-15","sent":0,"downloads":3,"search_words":"auto car engine filter motor part parts repair replacement shop shopping speed","is_adult":0,"exc_price":2100,"sent_date":"2022-02-15 11:46:49","last_upload":"2022-02-15 12:05:40","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"230076-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":230076,"width":1600,"window_params":"","banner_url":"","id":2577246,"href":"","height":1000},{"scr_type_id":311,"filename":"230076-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":230076,"width":1600,"window_params":"","banner_url":"","id":2577247,"href":"","height":1000},{"scr_type_id":312,"filename":"230076-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":230076,"width":370,"window_params":"","banner_url":"","id":2577248,"href":"","height":370},{"scr_type_id":9,"filename":"230076-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":230076,"width":145,"window_params":"","banner_url":"","id":2577249,"href":"","height":156},{"scr_type_id":57,"filename":"230076-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":230076,"width":430,"window_params":"","banner_url":"","id":2577250,"href":"","height":269}],"demoUrl":"/demo/230076.html","image":"https://s.tmimgcdn.com/scr/230000/auto-parts-responsive-theme-for-magento-2_230076-original.jpg","searchHash":"aa6c08791157fc4fbccc79bac6d05275","previewHash":"04fe3d1455819cd6079f2ab116ce8bcf","authorNickname":"poshecommerce","lowLevelTopic":"Auto Parts Templates","weightedRating":null,"annualSale":2,"monthlySales":1,"quarterlySales":1,"productBoost":0,"onSale":0,"finalPrice":125,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"productFamily":"None","color":["black","white","grey","orange"],"followUpLetter":"magento-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"46445493","uniqueKeywords":"auto,car,engine,filter,motor,part,parts,repair,replacement,shop,shopping,speed","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Auto Parts Theme for Magento 2: Multipurpose Responsive Theme.Whether you need to design a website for selling cars, bikes (other vehicles), auto parts,","magentoEngine":"2.4.3","isLastAdded":"1","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1737092/fb26bb61c57414006837ee92924d37c9.jpg","saleSells":"1","livePreviewURL":"https://auto-parts-responsive-theme-for-magento-2.pocothemes.com/","authorUserId":"1737092","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1737092/79717a2a1605021bd4e2c0083cd26bef.jpg","templateGroup":"eCommerce Templates","hELPURL":"/quick-start-guide/magento/","databaseServerCompatibility":["MySQL 8.0","MariaDB 10"],"alreadyPacked":"1","installation":"Installation and set up instructions are attached (look for Documentation folder).","exclusive":"0","imagesIncluded":"No","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"templateIcon":"icon-magento","lastmod":"2022-02-15T12:06:11-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1737092/eab426224a2e5bc084788b7033cb5917.jpg, https://s3u.tmimgcdn.com/u1737092/cf35d8ab92e2d4007446716cc2908f3a.jpg, https://s3u.tmimgcdn.com/u1737092/93d47354b493b80e88eeae9aa3a07c0b.jpg, https://s3u.tmimgcdn.com/u1737092/c844e401f9f5db89f2a0d8d1e733c8b8.jpg, https://s3u.tmimgcdn.com/u1737092/b0e36fe197847f59b86f9b4974abc57d.jpg, https://s3u.tmimgcdn.com/u1737092/21d3b9ac1103c2019256e1c523034a14.jpg, https://s3u.tmimgcdn.com/u1737092/eec35fad36c536a7dadc7b18d49e3224.jpg, https://s3u.tmimgcdn.com/u1737092/dcb9ecac7d7fec6dcef4599863651480.jpg, https://s3u.tmimgcdn.com/u1737092/d0829c4dee6ed98609b0959f6a58d85f.png","types":"Magento Themes","magentoExtensions":["Ajax Search","MegaMenu","Ajax Catalog","Shop by Brand","Blog","Quick View","Ajax Cart"],"magentoCompatibility":["2.3.0","2.3.1","2.3.2","2.3.3","2.3.4","2.3.5","2.4.0","2.4.1","2.4.2","2.4.3"],"trendiness":"1","demoMetaDescription":"Before you buy it, get the look and feel of the premium Auto Parts Responsive Theme For Magento 2 Magento Theme (#230076) by viewing the demo preview. View the pages, check out the images, click the buttons, explore the features.","shortDescription":"<p><strong>Auto Parts Theme for Magento 2: Multipurpose Responsive Theme.</strong></p><p>Whether you need to design a website for selling cars, bikes (other vehicles), auto parts, auto accessories or auto tools, we have a ready-made theme that will make your job simpler.</p><p>Get ready for attractive designs, user-friendly layouts and useful extensions, all packed into one robust theme. If your store has multiple categories and products, you need to make product search simpler and more efficient for customers. And that’s why we have the most important built-in feature: Product Parts Finder.</p><p>It makes customer navigation easy, improves shopping experience and thus, allows you to sell more.</p><p>The theme offers multiple layouts for the home page, category pages and product pages. You can even change the header/footer color, layout and style.This is a truly customizable Magento theme that will make shopping easy for your customers.</p><p><strong>A Complete List of Features:</strong></p><ul><li>Powerful Admin Panel - Made with CSS3 + HTML 5, it is a fully-responsive theme that works on all devices and platforms. It also supports RTL (Right to Left) layout and Varnish Cache to build a highly functional website.</li><li>Header Styles - Get access to nine unique header styles, along with multiple formatting options to truly customize the header. Change color, background image, background color, sticky menu, show/hide options for language switcher, currency, add social media icons, (Twitter, Facebook, Google+, YouTube and LinkedIn), etc.</li><li>Footer Styles - Get nine styles along with formatting options such as background color, background image, footer columns, newsletter, custom copyright text, social media links, and more.</li><li>Theme Layout &amp; Color Options -You can customize the theme to suit the colors of your organization with the help of the color picker tool! There are 300+ admin configurations with multiple color choices. You can even adjust the theme layout by changing layout width, RTL layout, show/hide add to buttons.</li><li>Category Page Features -The theme includes multiple category page layout options with Grid or List view. Edit the number of products per page/row quickly. You can set up a product slider block for collections. You can choose from different styles for the mouse hover button on the product image.</li><li>Product Page Features - Multiple product page layout options (full width, with left and right sidebars, etc.) are included in the auto parts theme along with image box and thumbnail styles, sticky add to cart and select tab style. You can display sliders for recently visited products and related products.</li><li>Google Web Fonts - Use google fonts and font weights for body and heading.</li><li>Google Rich Snippets - The built-in SEO feature supports Google Rich Snippets so that you can show useful data in the search-engine results and improve store ranking.</li><li>Useful Extensions included - You will get essential extensions such as one-page checkout, Ajax layered navigation, infinite scroll extension, Ajax quick search, Ajax quick view, Ajax add to cart module, Mega menu extension, Responsive banners slider extension, Product labels extension, Product image flipper, customer testimonials module, etc. with the theme.</li></ul>","productOfTheDay":"0","tags":["auto","car","engine","filter","motor","part","parts","repair","replacement","shop","shopping","speed"],"bitLyUrl":"https://bit.ly/3sMxiWZ","customUrl":"/magento-themes/auto-parts-responsive-theme-for-magento-2-230076.html","nameOfTheTemplate":"Auto Parts Responsive Theme For Magento 2","paidSupport":"Yes","pHPVersionCompatibility":"8.0","topic":["Auto Parts Templates","Car Templates","Cars & Motorcycles"],"marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u1737092/7ab19f26ff1722383a9843c430cc0d02.jpg","excerpt":"Whether you need to design a website for selling cars, bikes (other vehicles), auto parts, auto accessories or auto tools, we have a ready-made theme that will make your job simpler.","category":"Website templates","currencies":"USD"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 02 Jan 2025 12:58:20 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=230076&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=230076&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=230076&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 02 Jan 2025 13:03:20 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://auto-parts-responsive-theme-for-magento-2.pocothemes.com/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#230076 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/230076.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">
                Magento Themes #230076            </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=230076&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $123                <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="/magento-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>