string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=47703&expand=properties"
string(12165) "[{"templateId":47703,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":164,"categoryName":"Car Dealer Templates","templateTitle":"Car Dealer Responsive Shopify Theme","templatePreviewHtmlTitle":"Driveline Depot - Auto Spare Parts Responsive Shopify Online Store 2.0 Theme","templateDemoHtmlTitle":"Demo Preview for Driveline Depot - Auto Spare Parts Responsive Shopify Online Store 2.0 Theme #47703","typeShortName":"Shopify","templatePreviewFBTitle":"<p>This web template is a responsive spare parts Shopify template that is created to operate flawlessly across a variety of devices and web browsers. This Shopify website design is a great solution for motor tools and equipments supplier, automotive accessories shop or garage tools shop. Exhibiting a up-to-date approach to design, this page layout appears to be easy on the eyes and attracts visitors in. Social sharing options, in particular Facebook, Pinterest, and Twitter, will broaden your website's readership with the help of publishing your articles and other content across the respective social media sites. If you want to present your web-based project efficiently, this responsive and SEO-optimized theme can be a great solution. Clean, valid coding and well-done documentation will assist you in adjusting this spare parts Shopify theme just how you want. Have a shot at this web theme.</p>","templateFullTitle":"Driveline Depot - Auto Spare Parts Responsive Shopify Online Store 2.0 Theme","templatePreviewMetaDescription":"This web template is a responsive spare parts Shopify template that is created to operate flawlessly across a variety of devices and web browsers. This Shopify","templateDemoMetaDescription":"Check out the live preview of the professional Auto Parts Responsive Shopify Theme (#47703) to learn what this theme is before you decide to buy it. View the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Driveline Depot - Auto Spare Parts Responsive Shopify Online Store 2.0 Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/47703.html","userRating":"4","designIndex":"85","authorUserId":"1519369","exclusive":"0","state":1,"price":69,"inserted_date":"2013-12-16","sent":2,"downloads":76,"search_words":"cooling headliners accessories lighting shield auto care auto dealer auto parts auto repair auto selling automotive bootstrap car dealer car dealership car repair drop shipping free shop spare parts wheels and tires responsive","is_adult":0,"exc_price":3900,"sent_date":"2013-12-16 07:38:01","last_upload":"2024-01-31 11:01:38","package_id":272,"hasExclusivePrice":1,"screenshots":[{"id":1361291,"templ_id":47703,"filename":"47703-smart1-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":299,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1361292,"templ_id":47703,"filename":"47703-tablet-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":298,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1361293,"templ_id":47703,"filename":"47703-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":1361294,"templ_id":47703,"filename":"47703-wt.html","width":430,"height":60,"href":"","window_params":"","scr_type_id":212,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1361295,"templ_id":47703,"filename":"47703-shopify-b.jpg","width":430,"height":737,"href":"","window_params":"","scr_type_id":326,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1361296,"templ_id":47703,"filename":"47703-original-1200.jpg","width":1600,"height":2165,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1361297,"templ_id":47703,"filename":"47703-origin.jpg","width":1663,"height":2165,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1361298,"templ_id":47703,"filename":"47703-banner.jpg","width":408,"height":55,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1361299,"templ_id":47703,"filename":"47703-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":1361300,"templ_id":47703,"filename":"47703-origin-1200.jpg","width":1600,"height":2165,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1361301,"templ_id":47703,"filename":"47703-big.jpg","width":965,"height":1306,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1361302,"templ_id":47703,"filename":"47703-smart2-responsive.jpg","width":320,"height":900,"href":"","window_params":"","scr_type_id":300,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1361303,"templ_id":47703,"filename":"47703-original.jpg","width":1663,"height":2165,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1633651,"templ_id":47703,"filename":"47703-5-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/47703.html","image":"https://s.tmimgcdn.com/scr/47700/driveline-depot-auto-spare-parts-responsive-shopify-online-store-20-theme_47703-5-original.jpg","searchHash":"bc919777a4b14e76d169848903948f2f","previewHash":"55cf2733d736703c7a0c10c82cc9dcca","authorNickname":"ZEMEZ","lowLevelTopic":"Car Dealer Templates; Car Audio Templates; Car Repair Templates; Car Tuning Templates; Car Rental Templates; Auto Parts Templates; Car Racing Templates; Bike Shop Templates; Motor Homes & RVs; Auto Towing","weightedRating":4.0666666666667,"annualSale":6,"monthlySales":1,"quarterlySales":3,"productBoost":125,"onSale":0,"finalPrice":60,"discountPercent":0,"discountAmount":0,"semiannualSales":5,"properties":{"features":["Premium","Responsive","Pro","Admin Panel","Search Engine Friendly","Bootstrap","Mobile Layout Included","Single Product","Dropshipping","eCommerce","Dropdown Menu","Tabs","Advanced Theme Options","Drag and Drop Content","MegaMenu","Performance Optimization","Blog","Online Store/Shop","Gallery","Portfolio","HTML 5","HTML plus JS","Parallax","Background video","Website Builder"],"styles":"Clean","languageSupport":"English","badge":"badge-responsive","currencies":["USD","GBP","EUR"],"templateSources":[".CSS",".JS"],"topic":["Car Dealer Templates","Car Audio Templates","Car Repair Templates","Car Tuning Templates","Car Rental Templates","Auto Parts Templates","Car Racing Templates","Bike Shop Templates","Car Templates","Cars & Motorcycles","Motorcycles","Motor Homes & RVs","Auto Towing"],"documentationVersion":"v1.0","livePreviewURL":"https://livedemo00.template-help.com/landing/shopify/shopify.php?theme=tm-shopify005-spareparts","bitLyUrl":"http://bit.ly/1cM0nF6","types":"Shopify Themes","imageDescription":"https://s.tmimgcdn.com/scr/47700/47703-responsive-layout.jpg","uniqueKeywords":"cooling,headliners,accessories,lighting,shield,auto care,auto dealer,auto parts,auto repair,auto selling,automotive,bootstrap car dealer,car dealership,car repair,drop shipping,free,shop,spare parts,wheels and tires,responsive","isFree":"none","popularity":"Top Rated","color":["white","grey","yellow"],"reviewsTotal":"5","reviewAverageScore":"4","showVariantForcibly":"b","trendiness":"1","authorUserId":"1519369","dynamicChangeLog":"<ul><li>- 3 minor HTML issues fixed</li><li>- 1 font bug fixed</li><li>- 1 back-end bug fixed</li><li>- 1 front-end issue fixed</li></ul>","lastmod":"2021-12-22T01:07:05-05:00","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1519369/09b3982159e1e1bb11030e599c8a5de0.jpg, https://s3u.tmimgcdn.com/u1519369/90767b606c2ba5ede40d2a2989c2eafc.jpg, https://s3u.tmimgcdn.com/u1519369/478e0b1db34331f31b1104fd33c2797c.jpg, https://s3u.tmimgcdn.com/u1519369/bc26e461e997e40590d74e658058ec69.jpg, https://s3u.tmimgcdn.com/u1519369/cfa7460d82d4b030083b5df50868547f.jpg, https://s3u.tmimgcdn.com/u1519369/a2cf0e10cfe4c1a7cf3c5e4a6c363198.jpg, https://s3u.tmimgcdn.com/u1519369/b9004777375a882e7d0ccd6d88f7ae7b.png","exclusive":"0","sqi":"95","templateSupportOptions":"[]","dqi":"85","skupromo":"23%","shortDescription":"<p>This web template is a responsive spare parts Shopify template that is created to operate flawlessly across a variety of devices and web browsers. This Shopify website design is a great solution for motor tools and equipments supplier, automotive accessories shop or garage tools shop. Exhibiting a up-to-date approach to design, this page layout appears to be easy on the eyes and attracts visitors in. Social sharing options, in particular Facebook, Pinterest, and Twitter, will broaden your website's readership with the help of publishing your articles and other content across the respective social media sites. If you want to present your web-based project efficiently, this responsive and SEO-optimized theme can be a great solution. Clean, valid coding and well-done documentation will assist you in adjusting this spare parts Shopify theme just how you want. Have a shot at this web theme.</p>","marketplaceMembership":"One","customUrl":"/shopify-themes/47703.html","metaDescription":"This web template is a responsive spare parts Shopify template that is created to operate flawlessly across a variety of devices and web browsers. This Shopify","demoMetaDescription":"Check out the live preview of the professional Auto Parts Responsive Shopify Theme (#47703) to learn what this theme is before you decide to buy it. View the pages, examine the images, press the buttons, explore the features.","isOldDemoUrl":"1","nameOfTheTemplate":"Driveline Depot - Auto Spare Parts Responsive Shopify Online Store 2.0 Theme","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1519369/644f7c43f4c9af332b17152c9117200c.jpg","saleSells":"1","imagesIncluded":"Yes","tags":["accessories","automotive","cooling","free","headliners","lighting","responsive","shield","shop","spare parts","wheels and tires","auto parts","auto repair","auto dealer","car repair","auto care","auto selling","bootstrap car dealer","car dealership","drop shipping"],"paidSupport":"Yes","themeArchitectureVersion":"Online Store 2.0","featured":"Ukraine","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"advImage":"https://s3u.tmimgcdn.com/u1519369/cfe01c94e1d6118971e9e36fb72dadb6.jpg","authorMainScreenshotVersion":"5","changeLog":"## Release 2.0 (January 31, 2024):\n- Update theme up to Online Store 2.0 version.\n\n## Release 1.1 (August 29, 2022): \n- 6 Sections ( Featured products Slideshow Image with text overlay Showcase Blog articles Collection list).\n- Fixed bugs;\n- Fixed security issued;\n- Added new feature/pages/blocks/etc.","changeLogDate":"2024-01-31","productSize":"55986071","excerpt":"<p>This web template is a responsive spare parts Shopify template that is created to operate flawlessly across a variety of devices and web browsers.</p>","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1519369/c36e7cea31473ecfe89b1f5ea1dcfe71.jpg, https://s3u.tmimgcdn.com/u1519369/01f3ccd0d3612211f20d1be7583de177.jpg, https://s3u.tmimgcdn.com/u1519369/14736d2d525485079507d093a7e3e1ce.jpg, https://s3u.tmimgcdn.com/u1519369/a5c7be3a386a9438d8fd70700c94af14.jpg","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"templateIcon":"icon-shopify","followUpLetter":"shopify-offers","productFamily":"None","templateGroup":"eCommerce Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Wed, 22 May 2024 01:17:16 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(290) "Link: <http://products/api/v2/products/en?language=en&ids=47703&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=47703&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=47703&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 22 May 2024 01:22:16 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://livedemo00.template-help.com/landing/shopify/shopify.php?theme=tm-shopify005-spareparts<!DOCTYPE html>
<html lang="en">
<head>
    <title>#47703 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/47703.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">
                Shopify Themes #47703            </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=47703&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="/shopify-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>