string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=57724&expand=properties"
string(14660) "[{"templateId":57724,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":427,"categoryName":"Computer Store Templates","templateTitle":"Computer Store Responsive Shopify Theme","templatePreviewHtmlTitle":"Computer Store Responsive Shopify Theme - TemplateMonster","templateDemoHtmlTitle":"Live preview for Computer Store Responsive Shopify Theme #57724","typeShortName":"Shopify","templatePreviewFBTitle":"computer parts Shopify website design is a brilliant and trendy design for computer parts or computer shop project. It is a combination of visual appearance and features. This website theme will make it possible for your organization take the top standing in the sphere of of pet clothing shop or online pet shop. This theme is a powerful and easy to use solution that has been made by the pro designer that knows every little thing about the most up-to-date trends in web design industry. A detailed documentation folder as well as free round-the-clock tech support are bundled. Use your chance to allow your online business succeed with this pro theme.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Computer Reveiw Shopify ecommerce template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design renders a website page very same perfectly on any existing display size.</p> <p><b>Why is it Good?</b></p><p>It is good since the website can be reached by more visitors from the huge variety of gadgets. </p><p>Find more <a href=\"https://www.templatemonster.com/responsive-shopify-themes/\">Responsive Shopify designs</a> here</p> <h3>This Computer Technician Shopify ecommerce template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search engine ready is a template that allows to successfully crawl and index the website.</p> <p><b>Why is it Good?</b></p><p>Search Engine Friendly layouts can help you supercharge your website rank in web search end result.</p><p>Find newest <a href=\"https://www.templatemonster.com/seo-shopify-themes/\">Search Engine Friendly Shopify designs</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Computer Store Responsive Shopify Theme","templatePreviewMetaDescription":"computer parts Shopify website design is a brilliant and trendy design for computer parts or computer shop project. It is a combination of visual appearance","templateDemoMetaDescription":"Explore the demo of the top quality Computer Store Responsive Shopify Theme (#57724) to get a better concept of what this template is prior to buying it. Click through the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Computer Store Responsive Shopify Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/57724.html","userRating":0,"designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":90,"inserted_date":"2015-11-02","sent":2,"downloads":5,"search_words":"computers store hardware online  shop computer systems windows products linux os/2 IT servers disk space processor technology cables cable","is_adult":0,"exc_price":8500,"sent_date":"2015-11-02 06:22:30","last_upload":"2015-11-02 00:00:00","package_id":272,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":312,"filename":"57724-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57724,"width":370,"window_params":"","banner_url":"","id":1504991,"href":"","height":370},{"scr_type_id":3,"filename":"57724-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57724,"width":1903,"window_params":"","banner_url":"","id":1504992,"href":"","height":3510},{"scr_type_id":311,"filename":"57724-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57724,"width":965,"window_params":"","banner_url":"","id":1504993,"href":"","height":1882},{"scr_type_id":326,"filename":"57724-shopify-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57724,"width":430,"window_params":"","banner_url":"","id":1504994,"href":"","height":862},{"scr_type_id":314,"filename":"57724-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57724,"width":1903,"window_params":"","banner_url":"","id":1504995,"href":"","height":3510},{"scr_type_id":3,"filename":"57724-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57724,"width":895,"window_params":"","banner_url":"","id":1504996,"href":"","height":599},{"scr_type_id":3,"filename":"57724-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57724,"width":1800,"window_params":"","banner_url":"","id":1504997,"href":"","height":3510},{"scr_type_id":300,"filename":"57724-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57724,"width":320,"window_params":"","banner_url":"","id":1504998,"href":"","height":900},{"scr_type_id":9,"filename":"57724-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57724,"width":145,"window_params":"","banner_url":"","id":1504999,"href":"","height":156},{"scr_type_id":212,"filename":"57724-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57724,"width":430,"window_params":"","banner_url":"","id":1505000,"href":"","height":60},{"scr_type_id":315,"filename":"57724-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57724,"width":1800,"window_params":"","banner_url":"","id":1505001,"href":"","height":3510},{"scr_type_id":298,"filename":"57724-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57724,"width":430,"window_params":"","banner_url":"","id":1505002,"href":"","height":900},{"scr_type_id":299,"filename":"57724-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57724,"width":430,"window_params":"","banner_url":"","id":1505003,"href":"","height":900},{"scr_type_id":3,"filename":"57724-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57724,"width":408,"window_params":"","banner_url":"","id":1505004,"href":"","height":55},{"scr_type_id":334,"filename":"57724-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57724,"width":1903,"window_params":"","banner_url":"","id":1640565,"href":"","height":3510}],"demoUrl":"/demo/57724.html","image":"https://s.tmimgcdn.com/scr/57700/computer-store-responsive-shopify-theme_57724-original.jpg","searchHash":"e730b192a615171681cffa0f36e7de2b","previewHash":"b0d42c74b83281ffe33e7ea3bb959b8f","authorNickname":"RockThemes","lowLevelTopic":"Computer Store Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":90,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","kindOfShops":"The theme is good for computers, electronics, cars, sport, music, and book stores.","color":["black","white","blue"],"followUpLetter":"shopify-offers","categoriesView":"Grid","uniqueKeywords":"Computer Hardware","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","metaDescription":"Check out this Computer Store Responsive Shopify Theme (#57724) - find out all the technical specifics and requirements before buying it.","features":["Responsive","Admin Panel","Search Engine Friendly","Dropdown Menu","Google map","Advanced Theme Options","Online Store/Shop","HTML 5","JQuery","HTML plus JS"],"templateSources":[".CSS",".JS"],"livePreviewURL":"https://theme214-hardware.myshopify.com","languageSupport":"English","authorUserId":"1768190","isFree":"none","templateGroup":"eCommerce Templates","documentationVersion":"v1.0","imageDescription":"https://s.tmimgcdn.com/scr/57700/57724-responsive-layout.jpg","additionalInfo":["Well Documented","Customized Modules"],"nomotopress":"1","templateSoftwareRequired":"PHP editor.","dynamicChangeLog":"<ul>\n<li>- JS optimized for better performance</li>\n<li>- 1 minor font issue fixed</li>\n</ul>","templateIcon":"icon-shopify","lastmod":"2020-07-24T07:19:47-04:00","templateHostingRequirements":"Requires Monthly Fee","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"Shopify Themes","isOldDemoUrl":"1","trendiness":"1","demoMetaDescription":"Explore the demo of the top quality Computer Store Responsive Shopify Theme (#57724) to get a better concept of what this template is prior to buying it. Click through the pages, examine the images, press the buttons, explore the features.","themeArchitectureVersion":"Vintage","shortDescription":"computer parts Shopify website design is a brilliant and trendy design for computer parts or computer shop project. It is a combination of visual appearance and features. This website theme will make it possible for your organization take the top standing in the sphere of of pet clothing shop or online pet shop. This theme is a powerful and easy to use solution that has been made by the pro designer that knows every little thing about the most up-to-date trends in web design industry. A detailed documentation folder as well as free round-the-clock tech support are bundled. Use your chance to allow your online business succeed with this pro theme.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Computer Reveiw Shopify ecommerce template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design renders a website page very same perfectly on any existing display size.</p> <p><b>Why is it Good?</b></p><p>It is good since the website can be reached by more visitors from the huge variety of gadgets. </p><p>Find more <a href=\"https://www.templatemonster.com/responsive-shopify-themes/\">Responsive Shopify designs</a> here</p> <h3>This Computer Technician Shopify ecommerce template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search engine ready is a template that allows to successfully crawl and index the website.</p> <p><b>Why is it Good?</b></p><p>Search Engine Friendly layouts can help you supercharge your website rank in web search end result.</p><p>Find newest <a href=\"https://www.templatemonster.com/seo-shopify-themes/\">Search Engine Friendly Shopify designs</a> here</p> <br /></div></div></div></div>","bitLyUrl":"http://bit.ly/1Wt9NZH","tags":["cable","cables","computer","computers","disk","hardware","online","processor","products","servers","shop","space","store","systems","technology","windows","it"],"customUrl":"/shopify-themes/57724.html","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Search Form"],"badge":"badge-responsive","nameOfTheTemplate":"Computer Store Responsive Shopify Theme","loyaltySells":"1","width":"2050px","topic":["Computers Templates","Computer Store Templates","Computers & Internet"],"styles":["Neutral","Flat"],"skupromo":"50%","marketplaceMembership":"None","category":"Website templates","dqi":"00","imagesList":"Asus-MAXIMUS-VII-HERO01,Asus-MAXIMUS-VII-HERO02,Asus-MAXIMUS-VII-HERO03,Asus-Sabertooth-X99-ATX-DDR4-3000-o.c.-Intel-LGA-201101,Asus-Sabertooth-X99-ATX-DDR4-3000-o.c.-Intel-LGA-201102,Asus-Sabertooth-X99-ATX-DDR4-3000-o.c.-Intel-LGA-201103,Depositphotos7355947original,EVGA-500-W1-80,-500W-3-Year-Warranty-Power-Supply-100-W1-0500-KR04,EVGA-500-W1-80,-500W-3-Year-Warranty-Power-Supply-100-W1-0500-KR05,EVGA-500-W1-80,-500W-3-Year-Warranty-Power-Supply-100-W1-0500-KR06,EVGA-Z97-FTW-LGA1150-ATX-4-DIMM-Dual-Channel-DDR3-2666MHz-Motherboard-142-HR-E977-KR01,EVGA-Z97-FTW-LGA1150-ATX-4-DIMM-Dual-Channel-DDR3-2666MHz-Motherboard-142-HR-E977-KR02,EVGA-Z97-FTW-LGA1150-ATX-4-DIMM-Dual-Channel-DDR3-2666MHz-Motherboard-142-HR-E977-KR03,MSI-GTX-980Ti-GAMING-6G---NVIDIA-GeForce-PCI-Express-3.0-6GB-GDDR5-Graphics-Card04,MSI-GTX-980Ti-GAMING-6G---NVIDIA-GeForce-PCI-Express-3.0-6GB-GDDR5-Graphics-Card05,MSI-GTX-980Ti-GAMING-6G---NVIDIA-GeForce-PCI-Express-3.0-6GB-GDDR5-Graphics-Card06,WD-Black-1TB-Performance-Desktop-Hard-Drive-3.5-inch,-SATA-6,-7200-RPM,-64MB-Cache03,WD-Black-1TB-Performance-Desktop-Hard-Drive-3.5-inch,-SATA-6,-7200-RPM,-64MB-Cache04,WD-Black-1TB-Performance-Desktop-Hard-Drive-3.5-inch,-SATA-6,-7200-RPM,-64MB-Cache05,ARCTIC-Freezer-7-Pro-Rev-2---150-Watt-Multicompatible-Low-Noise-CPU-Cooler-for-AMD-and-Intel-Sockets01,ARCTIC-Freezer-7-Pro-Rev-2---150-Watt-Multicompatible-Low-Noise-CPU-Cooler-for-AMD-and-Intel-Sockets02,ARCTIC-Freezer-7-Pro-Rev-2---150-Watt-Multicompatible-Low-Noise-CPU-Cooler-for-AMD-and-Intel-Sockets03,EVGA-GeForce-GTX-TITAN-BLACK-Superclocked-G-Sync-Support-6GB-GDDR5-384bit-06G-P4-3791-KR02,EVGA-GeForce-GTX-TITAN-BLACK-Superclocked-G-Sync-Support-6GB-GDDR5-384bit-06G-P4-3791-KR03,EVGA-GeForce-GTX-TITAN-BLACK-Superclocked-G-Sync-Support-6GB-GDDR5-384bit-06G-P4-3791-KR04","currencies":["USD","GBP","EUR"]}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sat, 02 Nov 2024 15:36:06 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=57724&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=57724&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=57724&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 02 Nov 2024 15:41:06 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://theme214-hardware.myshopify.com<!DOCTYPE html>
<html lang="en">
<head>
    <title>#57724 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/57724.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 #57724            </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=57724&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $83                <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>