string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=164977&expand=properties"
string(10535) "[{"templateId":164977,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":410,"categoryName":"Animals & Pets Templates","templateTitle":"Animals & Pets Responsive Shopify Theme","templatePreviewHtmlTitle":"Hart – Pet Care, Pet Sitter Shopify Theme - TemplateMonster","templateDemoHtmlTitle":"Live demo for Hart – Pet Care, Pet Sitter Shopify Theme #164977","typeShortName":"Shopify","templatePreviewFBTitle":"<p>Hart – Pet Care, Pet Sitter Shopify Theme is a stunning pet Shopify theme. This premium Shopify theme is ideal for managing pet food, animal care service and product, and pet sitting related websites. It is naturally built with Shopify builder, which will help you to launch your products online within a great eCommerce platform.</p><p>The Three unique Homepages are ready to promote your pet store, selling pets’ food, pet services for animal shelters, caretakers, and trainers. Hart Shopify theme has a full feature list to ease your work. It has Drop-down Menu, Mega Menu with Image, Full-Screen Slider, Banner, Services, Testimonial, Latest Blog, Google Analytics, Newsletter Popup, Ajax Cart &amp; Wishlist, and more. Additionally, get Featured Product, Unique Tab for Each Product, Related Product, Collection Sorting, Shop Grid/List View, and Product Review.</p><p>The cross-browser optimized Hart perfectly suits your pet-related business requirements. Try the Hart – Pet Sitter, Pet Shop, Animal Care Shopify theme now in order to get a perfect pet shop!</p><p><strong>Hart Feature</strong></p><ul><li>Quick Install</li><li>Shopify Builder</li><li>Unlimited Color Options</li><li>Newsletter Popup</li><li>Notification Bar</li><li>Drop down Menu</li><li>Mega Menu</li><li>MegaMenu With Image</li><li>Full Screen slider</li><li>Slider With Banner</li><li>Tab Product</li><li>Featured Product</li><li>Custom HTML Section</li><li>Banner</li><li>Services</li><li>Testimonial</li><li>Latest Blog</li><li>Ajax Cart</li><li>Ajax Wishlist</li><li>QuickView</li><li>Newsletter</li><li>Footer</li><li>Breadcrumb banner</li><li>Shop Grid/List View</li><li>Collection Sorting</li><li>Product share</li><li>Disqus comment</li><li>Facebook comment</li><li>Product review</li><li>Unique Tab for each product</li><li>Product Video Tab/li</li><li>Custom Tab (Unlimited)</li><li>Related product</li><li>Post Comment</li><li>Contact Information</li><li>Contact Form</li><li>Google Map</li><li>Short codes</li><li>15+ Preeloader</li><li>Google Analytics</li><li>Neat, clean and simple design</li><li>Creative and Modern Flat Design</li><li>Fully Responsive</li><li>Cross Browser Optimization</li><li>Well Documentation</li></ul>","templateFullTitle":"Hart – Pet Care, Pet Sitter Shopify Theme","templatePreviewMetaDescription":"Hart – Pet Care, Pet Sitter Shopify Theme is a stunning pet Shopify theme. This premium Shopify theme is ideal for managing pet food, animal care service and","templateDemoMetaDescription":"View the live preview for the Hart","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Hart – Pet Care, Pet Sitter Shopify Theme","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/hart-pet-care-pet-sitter-shopify-theme-shopify-theme-164977.html","userRating":0,"designIndex":1,"authorUserId":"1488834","exclusive":"1","state":1,"price":68,"inserted_date":"2021-02-11","sent":0,"downloads":2,"search_words":"animal care animals welfare cats dogs pet care pet grooming pet salons pet shop pet sitter pets responsive services shopify sections shopify theme shopping store","is_adult":0,"exc_price":2100,"sent_date":"2021-02-11 11:49:46","last_upload":"2022-11-13 00:03:27","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"164977-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":164977,"width":800,"window_params":"","banner_url":"","id":2252024,"href":"","height":500},{"scr_type_id":311,"filename":"164977-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":164977,"width":800,"window_params":"","banner_url":"","id":2252025,"href":"","height":500},{"scr_type_id":312,"filename":"164977-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":164977,"width":370,"window_params":"","banner_url":"","id":2252026,"href":"","height":370},{"scr_type_id":9,"filename":"164977-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":164977,"width":145,"window_params":"","banner_url":"","id":2252027,"href":"","height":156},{"scr_type_id":57,"filename":"164977-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":164977,"width":430,"window_params":"","banner_url":"","id":2252028,"href":"","height":269}],"demoUrl":"/demo/164977.html","image":"https://s.tmimgcdn.com/scr/164900/hart-pet-care-pet-sitter-shopify-theme_164977-original.jpg","searchHash":"a81b6582cb389841340e2b75aca46b02","previewHash":"0c57223b9afaa6ce4a156fd2d0dd5b4c","authorNickname":"ThemesHub","lowLevelTopic":"Animals & Pets","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":68,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white"],"followUpLetter":"shopify-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"20124944","uniqueKeywords":"animal care,animals welfare,cats,dogs,pet care,pet grooming,pet salons,pet shop,pet sitter,pets,responsive,services,shopify sections,shopify theme,shopping store","templateSupportOptions":"[]","changeLog":"Version: 1.0.3 —-—- DATE: 01-08-2022\n1. Fixed: CSS\n\nDate: 22 December 2021\nVersion: 1.0.2\n===========================\nMigrated to Shopify Online Store 2.0\n   - All sections are supported on every page \n   - Drag &amp; Drop on every page\n   - You can add or remove any section as per your requirement\n   - You can create any page using the hart default sections (no page builder required)\nUpdated: Product page for Online Store 2.0\n   - Drag and drop supported all elements of the product page\n   - FAQ/Accordion added on the product page\nAdded: Product Unit price (For Germany and Japan Seller)\nAdded: Storefront filtering (Updated &amp; Powerful filter)\nFixed: Collection Sidebar URL filter issue\n   - You can add size and color filters for every single collection","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Hart – Pet Care, Pet Sitter Shopify Theme is a stunning pet Shopify theme. This premium Shopify theme is ideal for managing pet food, animal care service and","features":["Responsive","Pro","Admin Panel","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","Mobile Layout Included","Right to left language support","Dropshipping","eCommerce","Dropdown Menu","Google map","Drag and Drop Content","HTML 5","JQuery","Website Builder"],"saleSells":"1","livePreviewURL":"https://shopdemo.hasthemes.com/hart/index.html","languageSupport":"English","authorUserId":"1488834","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1488834/iCnc01fvBHmhnDQLoMh2.jpg","templateGroup":"eCommerce Templates","alreadyPacked":"1","exclusive":"1","imagesIncluded":"No","templateIcon":"icon-shopify","lastmod":"2021-12-22T02:34:56-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1488834/TNvamtFgncX3h6GxabM2.jpg","types":"Shopify Themes","trendiness":"1","demoMetaDescription":"View the live preview for the Hart ","themeArchitectureVersion":"Online Store 2.0","shortDescription":"<p>Hart – Pet Care, Pet Sitter Shopify Theme is a stunning pet Shopify theme. This premium Shopify theme is ideal for managing pet food, animal care service and product, and pet sitting related websites. It is naturally built with Shopify builder, which will help you to launch your products online within a great eCommerce platform.</p><p>The Three unique Homepages are ready to promote your pet store, selling pets’ food, pet services for animal shelters, caretakers, and trainers. Hart Shopify theme has a full feature list to ease your work. It has Drop-down Menu, Mega Menu with Image, Full-Screen Slider, Banner, Services, Testimonial, Latest Blog, Google Analytics, Newsletter Popup, Ajax Cart &amp; Wishlist, and more. Additionally, get Featured Product, Unique Tab for Each Product, Related Product, Collection Sorting, Shop Grid/List View, and Product Review.</p><p>The cross-browser optimized Hart perfectly suits your pet-related business requirements. Try the Hart – Pet Sitter, Pet Shop, Animal Care Shopify theme now in order to get a perfect pet shop!</p><p><strong>Hart Feature</strong></p><ul><li>Quick Install</li><li>Shopify Builder</li><li>Unlimited Color Options</li><li>Newsletter Popup</li><li>Notification Bar</li><li>Drop down Menu</li><li>Mega Menu</li><li>MegaMenu With Image</li><li>Full Screen slider</li><li>Slider With Banner</li><li>Tab Product</li><li>Featured Product</li><li>Custom HTML Section</li><li>Banner</li><li>Services</li><li>Testimonial</li><li>Latest Blog</li><li>Ajax Cart</li><li>Ajax Wishlist</li><li>QuickView</li><li>Newsletter</li><li>Footer</li><li>Breadcrumb banner</li><li>Shop Grid/List View</li><li>Collection Sorting</li><li>Product share</li><li>Disqus comment</li><li>Facebook comment</li><li>Product review</li><li>Unique Tab for each product</li><li>Product Video Tab/li</li><li>Custom Tab (Unlimited)</li><li>Related product</li><li>Post Comment</li><li>Contact Information</li><li>Contact Form</li><li>Google Map</li><li>Short codes</li><li>15+ Preeloader</li><li>Google Analytics</li><li>Neat, clean and simple design</li><li>Creative and Modern Flat Design</li><li>Fully Responsive</li><li>Cross Browser Optimization</li><li>Well Documentation</li></ul>","tags":["cats","dogs","pets","responsive","services","pet shop","pet grooming","pet care","animal care","animals welfare","shopping store","shopify theme","pet salons","pet sitter","shopify sections"],"bitLyUrl":"https://bit.ly/3a8lXbx","customUrl":"/shopify-themes/hart-pet-care-pet-sitter-shopify-theme-shopify-theme-164977.html","nameOfTheTemplate":"Hart – Pet Care, Pet Sitter Shopify Theme","paidSupport":"Yes","topic":"Animals & Pets","changeLogDate":"2022-08-02","styles":"Mobile","marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u1488834/vIMlF5nHVsDZMMLQaK_5.jpg","category":"Website templates","currencies":"USD"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 19 Apr 2024 00:44:31 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(293) "Link: <http://products/api/v2/products/en?language=en&ids=164977&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=164977&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=164977&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 19 Apr 2024 00:49:31 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://shopdemo.hasthemes.com/hart/index.html<!DOCTYPE html>
<html lang="en">
<head>
    <title>#164977 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/164977.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 #164977            </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=164977&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $63                <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>