string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=55233&expand=properties"
string(13671) "[{"templateId":55233,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":195,"categoryName":"Mobile Store Templates","templateTitle":"Mobile Store Responsive Shopify Theme","templatePreviewHtmlTitle":"Electronics Retailer eCommerce Shopify Theme","templateDemoHtmlTitle":"Live demo for Electronics Retailer eCommerce Shopify Theme #55233","typeShortName":"Shopify","templatePreviewFBTitle":"<p>Get your website off to a flying start through the help of this electronics parts Shopify web template. Launch your electronics outlet store , electronics learning kit or electronics hobby store site in style with this cool electronics hardware Shopify template. You just need to make a couple of changes through the admin panel and it is ready to go. When thoroughly developed, your online resource can produce a impressive return on your investment. We feel you can considerably boost the efficiency of your web marketing strategy by using this up-to-date design. This website design is captivating, interactive and mobile-friendly - the must-have trio for putting up an efficient online project. In the event of any trouble with this website template, you can get in touch with one of the skilled tech support managers and they will solve the problem of any complexity for you. Get this template and use all its benefits right away.</p><h3>This is a Bootstrap Electronic Store Shopify design theme</h3><p><strong>What is it?</strong></p><p>Bootstrap is a front-end framework for creating websites and web-applications.</p><p><strong>Why is it Good?</strong></p><p>Working with such type of framework tremendously accelerates the whole process of constructing pages. Regular patterns are really simple to change, which provides a versatile and simple procedure for creating site themes.</p><h3>This Electronics Store Shopify theme is Responsive</h3><p><strong>What is it?</strong></p><p>Responsive design is a method of web design that enables web pages to adjust to a display resolution of any sort of gadget - may it be a personal computer, a tablet or a phone.</p><p><strong>Why is it Good?</strong></p><p>Mobile phones generate 80% of world online utilization. It's crucial to help make your business site responsive unless you wish to drop your customers.</p><h3>This Electronics Parts Shopify ecommerce theme is Search Engine Friendly</h3><p><strong>What is it?</strong></p><p>Search Engine Ready is the kind of website design that allows the search engine to examine and index its content.</p><p><strong>Why is it Good?</strong></p><p>Search Engine Friendly website templates may help you enhance your internet site place in google search final results.</p>","templateFullTitle":"Electronics Retailer eCommerce Shopify Theme","templatePreviewMetaDescription":"Get your website off to a flying start through the help of this electronics parts Shopify web template. Launch your electronics outlet store , electronics","templateDemoMetaDescription":"Prior to buying it, get yourself informed about the top notch Electronics Retailer Shopify Theme (#55233) by enjoying the live preview. View the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Electronics Retailer eCommerce Shopify Theme","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/55233.html","userRating":"4.5","designIndex":"00","authorUserId":"1519369","exclusive":"0","state":1,"price":74,"inserted_date":"2015-08-05","sent":2,"downloads":52,"search_words":"cms convert smartwatch gadgets digital store drone smart store mobile shop computer shop electronics store computer repair service iphone technology electronic apple smart home","is_adult":0,"exc_price":8500,"sent_date":"2015-08-14 06:15:12","last_upload":"2022-09-07 04:53:43","package_id":272,"hasExclusivePrice":1,"screenshots":[{"id":1491722,"templ_id":55233,"filename":"55233-big.jpg","width":965,"height":1278,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1491723,"templ_id":55233,"filename":"55233-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":1491724,"templ_id":55233,"filename":"55233-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":1491725,"templ_id":55233,"filename":"55233-original.jpg","width":1903,"height":2384,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1491726,"templ_id":55233,"filename":"55233-shopify-b.jpg","width":430,"height":603,"href":"","window_params":"","scr_type_id":326,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1491727,"templ_id":55233,"filename":"55233-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":1491728,"templ_id":55233,"filename":"55233-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":1491729,"templ_id":55233,"filename":"55233-responsive-layout.jpg","width":895,"height":599,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1491730,"templ_id":55233,"filename":"55233-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":1491731,"templ_id":55233,"filename":"55233-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":1491732,"templ_id":55233,"filename":"55233-origin.jpg","width":1903,"height":2384,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1491733,"templ_id":55233,"filename":"55233-original-1200.jpg","width":1800,"height":2384,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1491734,"templ_id":55233,"filename":"55233-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":1491735,"templ_id":55233,"filename":"55233-origin-1200.jpg","width":1800,"height":2384,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1639667,"templ_id":55233,"filename":"55233-3-original.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/55233.html","image":"https://s.tmimgcdn.com/scr/55200/electronics-retailer-ecommerce-shopify-theme_55233-3-original.png","searchHash":"ae2b69e80ba86a4847132f225fd04717","previewHash":"829b9f11e748502eecf8e891a0608229","authorNickname":"ZEMEZ","lowLevelTopic":"Mobile Store Templates; Electronics Review Templates; Video Store Templates; Electronics Store Templates; Mobile Repair Service","weightedRating":4.2142857142857135,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":74,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Responsive","Admin Panel","Search Engine Friendly","Bootstrap","Online Store/Shop"],"styles":"Clean","languageSupport":"English","badge":"badge-responsive","categoriesView":"Grid","currencies":["USD","GBP","EUR"],"templateSources":[".CSS",".JS"],"topic":["Mobile Store Templates","Electronics Review Templates","Video Store Templates","Electronics Templates","Electronics Store Templates","Mobile Repair Service"],"documentationVersion":"v1.0","types":"Shopify Themes","isFree":"none","popularity":"Top Rated","followUpLetter":"shopify-offers","nomotopress":"1","color":"white","productFamily":"None","livePreviewURL":"https://livedemo00.template-help.com/landing/shopify/shopify.php?theme=theme188-electronics","imageDescription":"https://s.tmimgcdn.com/scr/55200/55233-responsive-layout.jpg","uniqueKeywords":"cms,convert,smartwatch,gadgets,digital store,drone,smart store,mobile shop,computer shop,electronics store,computer repair service,iphone,technology,electronic,apple,smart home","bitLyUrl":"http://bit.ly/1JWUPJi","metaDescription":"Get your website off to a flying start through the help of this electronics parts Shopify web template. Launch your electronics outlet store , electronics","htmlTitle":"Electronics Shopify Theme","nameOfTheTemplate":"Electronics Retailer eCommerce Shopify Theme","showVariantForcibly":"b","trendiness":"1","reviewsTotal":"4","reviewAverageScore":"4.5","authorUserId":"1519369","dynamicChangeLog":"<ul>\n<li>- 3 CSS bugs fixed</li>\n<li>- 1 minor font issue fixed</li>\n<li>- 2 back-end issues fixed</li>\n<li>- 3 minor front-end issues fixed</li>\n<li>- 2 styles issues fixed</li>\n</ul>","lastmod":"2021-08-19T16:03:28-04:00","exclusive":"0","sqi":"95","templateSupportOptions":"[]","dqi":"00","skupromo":"36%","shortDescription":"<p>Get your website off to a flying start through the help of this electronics parts Shopify web template. Launch your electronics outlet store , electronics learning kit or electronics hobby store site in style with this cool electronics hardware Shopify template. You just need to make a couple of changes through the admin panel and it is ready to go. When thoroughly developed, your online resource can produce a impressive return on your investment. We feel you can considerably boost the efficiency of your web marketing strategy by using this up-to-date design. This website design is captivating, interactive and mobile-friendly - the must-have trio for putting up an efficient online project. In the event of any trouble with this website template, you can get in touch with one of the skilled tech support managers and they will solve the problem of any complexity for you. Get this template and use all its benefits right away.</p><h3>This is a Bootstrap Electronic Store Shopify design theme</h3><p><strong>What is it?</strong></p><p>Bootstrap is a front-end framework for creating websites and web-applications.</p><p><strong>Why is it Good?</strong></p><p>Working with such type of framework tremendously accelerates the whole process of constructing pages. Regular patterns are really simple to change, which provides a versatile and simple procedure for creating site themes.</p><h3>This Electronics Store Shopify theme is Responsive</h3><p><strong>What is it?</strong></p><p>Responsive design is a method of web design that enables web pages to adjust to a display resolution of any sort of gadget - may it be a personal computer, a tablet or a phone.</p><p><strong>Why is it Good?</strong></p><p>Mobile phones generate 80% of world online utilization. It's crucial to help make your business site responsive unless you wish to drop your customers.</p><h3>This Electronics Parts Shopify ecommerce theme is Search Engine Friendly</h3><p><strong>What is it?</strong></p><p>Search Engine Ready is the kind of website design that allows the search engine to examine and index its content.</p><p><strong>Why is it Good?</strong></p><p>Search Engine Friendly website templates may help you enhance your internet site place in google search final results.</p>","marketplaceMembership":"One","customUrl":"/shopify-themes/55233.html","demoMetaDescription":"Prior to buying it, get yourself informed about the top notch Electronics Retailer Shopify Theme (#55233) by enjoying the live preview. View the pages, examine the images, press the buttons, explore the features.","isOldDemoUrl":"1","imagesIncluded":"No","tags":["apple","cms","convert","drone","electronic","gadgets","technology","iphone","electronics store","smartwatch","digital store","smart home","computer shop","smart store","mobile shop","computer repair service"],"paidSupport":"Yes","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1519369/77a248bb45b7e716f31c841004598c71.png","changeLogDate":"2023-01-16","saleSells":"1","productSize":"1391864","themeArchitectureVersion":"Vintage","featured":"Ukraine","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"advImage":"https://s3u.tmimgcdn.com/u1519369/e8aa719c2e77a707e24f5e47f50a9793.png","authorMainScreenshotVersion":"3","changeLog":"Release 1.0 (August 30, 2022): \r\n- Adding 6 Sections ( Featured products Slideshow Image with text overlay Showcase Blog articles Collection list);\r\n- Making minor bug fixes.","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1519369/8cb9465dd81eb5a511a26286e6947b21.png, https://s3u.tmimgcdn.com/u1519369/70d12ae2782870f1a0185ca9ce836030.png, https://s3u.tmimgcdn.com/u1519369/5142a94a5497ee3c825dc33541175a64.png, https://s3u.tmimgcdn.com/u1519369/cfd4fa6789f91c348134fc5aa666dc75.png, https://s3u.tmimgcdn.com/u1519369/18129e4f48385c685167495fd220aa93.png, https://s3u.tmimgcdn.com/u1519369/b6e9aa7b5f26fc00330ce34705b4dcd2.png","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"templateIcon":"icon-shopify","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: Thu, 05 Dec 2024 01:37:14 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=55233&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=55233&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=55233&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 05 Dec 2024 01:42:14 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://livedemo00.template-help.com/landing/shopify/shopify.php?theme=theme188-electronics<!DOCTYPE html>
<html lang="en">
<head>
    <title>#55233 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/55233.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 #55233            </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=55233&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>