string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=192887&expand=properties"
string(14594) "[{"templateId":192887,"typeId":43,"typeName":"PrestaShop Theme","typeUrl":"prestashop-themes","categoryId":166,"categoryName":"Car Repair Templates","templateTitle":"Car Repair Responsive PrestaShop Theme","templatePreviewHtmlTitle":"Mechcart AutoParts Store Prestashop Responsive Theme","templateDemoHtmlTitle":"Demo Preview for Mechcart AutoParts Store Prestashop Responsive Theme #192887","typeShortName":"PrestaShop","templatePreviewFBTitle":"<p>MechCart Auto Parts Prestashop responsive theme is specially design for automobile, auto parts, tools, spare parts, wheels, bike, accessories and minimal store. Theme looks more attractive with it's design layout structure and colors. MechCart is 100% Responsive Theme and a easily adjustable with all devices like Desktop, laptop, tablet, mobile.</p><p>1-Click installation package file available for this theme layout to easy and quick store setup same as you see on demo store with all category, products, banner slider and other content. Theme is compatible with multiple language and currency to sale your product world wide with your eCommerce store.</p><p><strong>Compatibility:</strong></p><p>==============</p><ul><li><strong>Prestashop Version : v1.7.5.x, v1.7.6.x, v1.7.7.x, v1.7.8.x, v8.0.x, v8.1.x</strong></li></ul><p><strong>Theme Features List:</strong></p><p><strong>=================</strong></p><ul><li>Bootstrap<strong> HTML5 and CSS3</strong></li><li><strong>Fully RESPONSIVE </strong>Theme</li><li><strong>Google Fonts</strong> Included</li><li>Support <strong>Multiple Currency</strong></li><li>Support <strong>Multiple Language</strong></li><li><strong>Included RTL Language </strong>Support</li><li>No Core Modifications</li><li><strong>SEO </strong>(Search Engine Optimization) Friendly</li><li>Optimized for <strong>Fast Loading + CSS Sprite</strong></li><li><strong>Product Grid and List View</strong> on Category Page</li><li><strong>Multi Store Ready</strong></li><li><strong>Unlimited Banners</strong></li><li><strong>Product Tab </strong>with<strong> Slider/Grid</strong> option (Featured, Latest and Best Seller products)</li><li><strong>Special Product Slider </strong>Module</li><li><strong>Shopping Cart Dropdown </strong>from header</li><li><strong>Horizontal Menu</strong></li><li><strong>Vertical Mega Menu</strong></li><li><strong>Brand logo Slider/Grid</strong> on Home page</li><li>Product<strong> Image Rollover Effect</strong></li><li><strong>Product Comment </strong>Module</li><li><strong>Ajax Product Quick view</strong></li><li><strong>Ajax Product Wishlist </strong></li><li><strong>Ajax Product Compare</strong></li><li><strong>Ajax Product Filter</strong></li><li><strong>Blog Module</strong></li><li><strong>Related Product </strong>Slider on Product Detail Page</li><li><strong>Same Category Product</strong> Slider on Product Detail Page</li><li><strong>Custom link block</strong> module</li><li><strong>Scroll To Top</strong> Button</li><li><strong>Newsletter Popup</strong> Module</li><li><strong>Cookie Law</strong> Module</li><li><strong>Sale Notification Popup </strong>Module</li><li>Valid XHTML and CSS markup</li><li>Easy Use and Easy Customize</li><li>Avoid Javascript Confliction</li><li>Compatible with all major browsers</li><li>Well-structured and commented code for easy customization</li><li><strong>PSD Files Included</strong></li><li>Full user guide documentation to help you installing and utilizing the theme</li><li>and Many More…</li></ul>","templateFullTitle":"Mechcart AutoParts Store Prestashop Responsive Theme","templatePreviewMetaDescription":"MechCart Auto Parts Prestashop responsive theme is specially design for automobile, auto parts, tools, spare parts, wheels, bike, accessories and minimal","templateDemoMetaDescription":"Check out the demo of the Mechcart AutoParts Store Prestashop Responsive Theme PrestaShop Theme (#192887) to find out what this design is before you decide to buy it. View the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Mechcart AutoParts Store Prestashop Responsive Theme","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/prestashop-themes/mechcart-autoparts-store-prestashop-responsive-theme-192887.html","userRating":"3.5","designIndex":1,"authorUserId":"1597608","exclusive":"1","state":1,"price":69,"inserted_date":"2021-08-03","sent":0,"downloads":32,"search_words":"automobile sparepart wheels minimal modern ecommerce store multipurpose blog quickstart mechanic responsive furniture hardware tools accessories theme template bootstrap codezeel","is_adult":0,"exc_price":2100,"sent_date":"2021-08-03 12:16:14","last_upload":"2024-09-19 05:59:25","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2391371,"templ_id":192887,"filename":"192887-4-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2391372,"templ_id":192887,"filename":"192887-4-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2391373,"templ_id":192887,"filename":"192887-4-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2391374,"templ_id":192887,"filename":"192887-4-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2391375,"templ_id":192887,"filename":"192887-4-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/192887.html","image":"https://s.tmimgcdn.com/scr/192800/mechcart-autoparts-store-prestashop-responsive-theme_192887-4-original.jpg","searchHash":"673dc662e5cd7a7a32d6637e4b6f3b78","previewHash":"2221e8759f4329673894caea6b181d79","authorNickname":"codezeel","lowLevelTopic":"Wheels & Tires Templates; Auto Parts Templates; Car Repair Templates; Car Rental Templates; Car Wash Templates","weightedRating":4,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":35,"onSale":0,"finalPrice":69,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"bitLyUrl":"https://bit.ly/37eDmx0","features":["Ajax","Bootstrap","Light Template","Multipurpose","Premium","Responsive","Right to left language support","eCommerce","Sliced PSD","Dropdown Menu","Sample content","Tabs","Quickstart Package","MegaMenu","Performance Optimization","Blog","Online Store/Shop","Gallery","Portfolio","HTML 5","JQuery","Lazy Load effect"],"isLastAdded":"1","livePreviewURL":"https://demo.codezeel.com/prestashop/PRS17/PRS170411/PRS05/index.php","styles":["Clean","Dark","Flat","Minimalist","Mobile","Neutral"],"languageSupport":["English","French","Spanish","Russian","German","Deutsch","Japanese","Swedish","Italian","Dutch","Ukrainian","Portuguese (Brazilian)","Polish"],"nameOfTheTemplate":"Mechcart AutoParts Store Prestashop Responsive Theme","shortDescription":"<p>MechCart Auto Parts Prestashop responsive theme is specially design for automobile, auto parts, tools, spare parts, wheels, bike, accessories and minimal store. Theme looks more attractive with it's design layout structure and colors. MechCart is 100% Responsive Theme and a easily adjustable with all devices like Desktop, laptop, tablet, mobile.</p><p>1-Click installation package file available for this theme layout to easy and quick store setup same as you see on demo store with all category, products, banner slider and other content. Theme is compatible with multiple language and currency to sale your product world wide with your eCommerce store.</p><p><strong>Compatibility:</strong></p><p>==============</p><ul><li><strong>Prestashop Version : v1.7.5.x, v1.7.6.x, v1.7.7.x, v1.7.8.x, v8.0.x, v8.1.x</strong></li></ul><p><strong>Theme Features List:</strong></p><p><strong>=================</strong></p><ul><li>Bootstrap<strong> HTML5 and CSS3</strong></li><li><strong>Fully RESPONSIVE </strong>Theme</li><li><strong>Google Fonts</strong> Included</li><li>Support <strong>Multiple Currency</strong></li><li>Support <strong>Multiple Language</strong></li><li><strong>Included RTL Language </strong>Support</li><li>No Core Modifications</li><li><strong>SEO </strong>(Search Engine Optimization) Friendly</li><li>Optimized for <strong>Fast Loading + CSS Sprite</strong></li><li><strong>Product Grid and List View</strong> on Category Page</li><li><strong>Multi Store Ready</strong></li><li><strong>Unlimited Banners</strong></li><li><strong>Product Tab </strong>with<strong> Slider/Grid</strong> option (Featured, Latest and Best Seller products)</li><li><strong>Special Product Slider </strong>Module</li><li><strong>Shopping Cart Dropdown </strong>from header</li><li><strong>Horizontal Menu</strong></li><li><strong>Vertical Mega Menu</strong></li><li><strong>Brand logo Slider/Grid</strong> on Home page</li><li>Product<strong> Image Rollover Effect</strong></li><li><strong>Product Comment </strong>Module</li><li><strong>Ajax Product Quick view</strong></li><li><strong>Ajax Product Wishlist </strong></li><li><strong>Ajax Product Compare</strong></li><li><strong>Ajax Product Filter</strong></li><li><strong>Blog Module</strong></li><li><strong>Related Product </strong>Slider on Product Detail Page</li><li><strong>Same Category Product</strong> Slider on Product Detail Page</li><li><strong>Custom link block</strong> module</li><li><strong>Scroll To Top</strong> Button</li><li><strong>Newsletter Popup</strong> Module</li><li><strong>Cookie Law</strong> Module</li><li><strong>Sale Notification Popup </strong>Module</li><li>Valid XHTML and CSS markup</li><li>Easy Use and Easy Customize</li><li>Avoid Javascript Confliction</li><li>Compatible with all major browsers</li><li>Well-structured and commented code for easy customization</li><li><strong>PSD Files Included</strong></li><li>Full user guide documentation to help you installing and utilizing the theme</li><li>and Many More…</li></ul>","popularity":["Top Rated","Bestsellers"],"prestashopEngine":"1.7.6.3","prestashopCompatibility":["1.7.5","1.7.6.x","1.7.7.x","1.7.8.x","1.7.x","8.0.x","8.1.7","8.1.6","8.1.5","8.1.4","8.1.3","8.1.2","8.1.1","8.1.0"],"currencies":["USD","GBP","EUR"],"topic":["Wheels & Tires Templates","Auto Parts Templates","Car Templates","Cars & Motorcycles","Car Repair Templates","Car Rental Templates","Car Wash Templates"],"reviewAverageScore":"3.5","reviewsTotal":"3","uniqueKeywords":"automobile,sparepart,wheels,minimal,modern,ecommerce,store,multipurpose,blog,quickstart,mechanic,responsive,furniture,hardware,tools,accessories,theme,template,bootstrap,codezeel","customUrl":"/prestashop-themes/mechcart-autoparts-store-prestashop-responsive-theme-192887.html","isFree":"none","metaDescription":"MechCart Auto Parts Prestashop responsive theme is specially design for automobile, auto parts, tools, spare parts, wheels, bike, accessories and minimal","changeLog":"##Update History\n\n#[20/09/2024]\n- Added theme compatibility with prestashop version 8.1.x.\n- Fixed some hook related problem with modules\n- Fixed deprecated error message\n- Added new twitter icon\n\n#[15/03/2023]\n- Added theme compatibility with prestashop version 8.0.x.\n\n#[13/07/2022]\n- Fixed issue with Featured Product, New Product and BestSeller Product Module\n- Added Newsletter Popup, Cookie Law and Sale Notification popup module\n\n#[08/12/2021]\n- Updated theme files to make it compatible with prestashop version 1.7.8.x","color":["black","white","grey","red"],"imageKeyFeatures":"https://s3u.tmimgcdn.com/u1597608/1e46bb3d308623828cc4551261ec18f8.jpg, https://s3u.tmimgcdn.com/u1597608/9ee80e40dc21627c8261067e0e68fd34.jpg, https://s3u.tmimgcdn.com/u1597608/a790d10955262578bf61f4bf2a0da96a.jpg, https://s3u.tmimgcdn.com/u1597608/67e5b5c3f780a034aef150070e25e575.jpg","demoMetaDescription":"Check out the demo of the Mechcart AutoParts Store Prestashop Responsive Theme PrestaShop Theme (#192887) to find out what this design is before you decide to buy it. View the pages, examine the images, press the buttons, explore the features.","changeLogDate":"2024-09-19","lastmod":"2022-03-03T15:04:37-05:00","trendiness":"1","showVariantForcibly":"b","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1597608/617b03ac3281f8281935878bc494679f.jpg, https://s3u.tmimgcdn.com/u1597608/8cc0403280a1313e2f7031a38fc74113.jpg, https://s3u.tmimgcdn.com/u1597608/782f0af0ebc4f465c1fdd4141f66d33f.jpg, https://s3u.tmimgcdn.com/u1597608/dbf3c4c290ad79cb9c513bdd39b5e501.jpg, https://s3u.tmimgcdn.com/u1597608/5f321e15cb293c9c7f488b4d554f01bd.jpg","authorUserId":"1597608","exclusive":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1597608/4ce7a8d69c7240bc66d9ec40f4c2aa9e.jpg","affiliateSells":"1","saleSells":"1","templateSupportOptions":"[]","alreadyPacked":"1","marketplaceMembership":"None","tags":["accessories","automobile","bootstrap","furniture","hardware","mechanic","minimal","modern","multipurpose","responsive","store","template","theme","tools","wheels","blog","ecommerce","quickstart","sparepart","codezeel"],"advImage":"https://s3u.tmimgcdn.com/u1597608/b7d144a58efe3e5af1c578387c363115.jpg","productSize":"145029918","imagesIncluded":"Yes","authorMainScreenshotVersion":"4","paidSupport":"Yes","pHPVersionCompatibility":["7.4","8.1","8.0"],"webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>MechCart Auto Parts Prestashop responsive theme is specially design for automobile, auto parts, tools, spare parts, wheels, bike, accessories and minimal store.</p>","installation":"Installation and set up instructions are attached (look for Documentation folder).","types":"PrestaShop Themes","templateIcon":"icon-prestashop","hELPURL":"/quick-start-guide/prestashop/","followUpLetter":"prestashop-offers","videoPresenatationPSForXMLFeed":"https://www.youtube.com/watch?v=ygBwnWCPamM","productFamily":"None","itemDoubts":["changed-my-mind","you-are-in-good-hands","sweet-bonus-for-you","not-sure-about-your-technical-expertise","why-should-i-choose-templatemonster-s-prestashop-theme"],"templateGroup":"eCommerce Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 15 Nov 2024 02:44:41 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=192887&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=192887&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=192887&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 15 Nov 2024 02:49:41 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://demo.codezeel.com/prestashop/PRS17/PRS170411/PRS05/index.php<!DOCTYPE html>
<html lang="en">
<head>
    <title>#192887 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/192887.html">
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/styles.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/demo.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/jquery.fancybox.css" />
    <link rel="icon" type="image/png" href="/themes/theme-2018-v03-en/images/favicon.png"/>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.form.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.validate.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.fancybox.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/demo-main.js"></script>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/fontello-embedded.css"/>
    <script charset="utf-8">
        //TODO: some strange value
        var min_height = 600;
        $(function () {
            resizeFrame();
        });
        function resizeFrame() {
            if (0 == 0
        )
            return false;
            var main_iframe = $('#preview');
            var height = $(window).height() - $('#preview-bar:visible').outerHeight();
            /* if ($.browser.opera)
                height += 5; */
            if (height < min_height)
                height = min_height;
            $('#preview').height(height);
            $('#iframelive').height(height);
            if ($(window).width() < 1400)
                $('#min-hide-this').hide();
            else
                $('#min-hide-this').show();
        }
        $(window).resize(function () {
            resizeFrame();
        }).load(function () {
            resizeFrame();
        });
        $(document).ready(function(){
            $('#close').click(function(e){
                e.preventDefault();
                $('#preview-bar').hide();
            });
        })
    </script>
    <script type="text/javascript">
        window.su = 'https://rms.templates.com/';
    </script>
    

    <script>
    $(function () {

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

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

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

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

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

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

}

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

}

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

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

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

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

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


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

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

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

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


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

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


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


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


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

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

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

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

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




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



</head>
<body id="fullscreen-preview">
    <div id="preview-bar">
        <ul id="bar-inner">
            <li class="tm-logo block">
                <a href="https://rms.templates.com/">
                    <img src="/themes/theme-2018-v03-en/images/Logo_white.png" alt="">
                </a>
            </li>
            <li class="block inner info">
                PrestaShop Themes #192887            </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=192887&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $64                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

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

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