string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=367729&expand=properties"
string(11670) "[{"templateId":367729,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":95,"categoryName":"Exotic Pets Templates","templateTitle":"Exotic Pets Responsive Shopify Theme","templatePreviewHtmlTitle":"PetHaven - Animals &amp; Pets Store Responsive Shopify Theme 2.0","templateDemoHtmlTitle":"Live demo for PetHaven - Animals &amp; Pets Store Responsive Shopify Theme 2.0 #367729","typeShortName":"Shopify","templatePreviewFBTitle":"<p>Welcome to the future of pet e-commerce with PetHaven 2.0! This theme is not just an upgrade; it's a leap into a new era of online pet shopping. Designed with the utmost care and attention to detail, PetHaven 2.0 is the ultimate solution for creating a vibrant and user-friendly online store dedicated to all things furry, feathered, and finned.</p><p>Key Features:</p><ol><li>Seamless Responsiveness: PetHaven 2.0 ensures your online pet store looks and functions flawlessly on all devices, from desktops to mobile phones. Shoppers can explore your products with ease, no matter where they are.</li><li>Stunning Pet-Centric Design: The theme's aesthetic is a tribute to the love we share with our pets. Engaging visuals, adorable animal imagery, and a soothing color palette make PetHaven 2.0 the perfect backdrop for your pet-related products.</li><li>Versatile Product Showcases: Showcase your pet products in style with a variety of layout options. From featured collections to bestsellers, the theme offers versatile displays that will captivate your customers.</li><li>Interactive Mega Menu: Help your customers navigate through your store effortlessly with a user-friendly mega menu. Organize your product categories, blog posts, and more for a seamless shopping experience.</li><li>Intuitive Filter and Search: With robust search and filtering options, your customers can quickly find the products they're looking for. This streamlines their shopping experience and increases conversion rates.</li><li>Advanced Customization: PetHaven 2.0 offers easy-to-use customization options, allowing you to tailor the theme to your unique brand and vision. No coding skills required!</li><li>Blog Integration: Share your passion for pets with a beautifully integrated blog. Share pet care tips, stories, and industry insights to engage and educate your customers.</li><li>Social Media Integration: Connect with your audience on social media effortlessly. PetHaven 2.0 provides seamless social media integration, so you can reach your customers where they spend their time.</li><li>SEO Optimized: Your pet store's visibility will soar with PetHaven 2.0's built-in SEO optimization features. Rise to the top of search engine rankings and attract more pet-loving customers.</li></ol><p>PetHaven 2.0 is more than just a theme; it's a commitment to pet lovers and businesses looking to offer the best products and services for animals. Join the PetHaven community and create a haven for pets and pet owners in the digital realm. Your dream of a successful pet store is just a click away!</p>","templateFullTitle":"PetHaven - Animals &amp; Pets Store Responsive Shopify Theme 2.0","templatePreviewMetaDescription":"Welcome to the future of pet e-commerce with PetHaven 2.0! This theme is not just an upgrade; it's a leap into a new era of online pet shopping. Designed with","templateDemoMetaDescription":"Prior to buying it, get the feel and look of the top quality PetHaven - Animals &amp; Pets Store Responsive Shopify Theme 2.0 Shopify Theme (#367729) by viewing the live preview. View the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"PetHaven - Animals &amp; Pets Store Responsive Shopify Theme 2.0","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/pethaven-animals-amp-pets-store-responsive-shopify-theme-2-0-367729.html","userRating":"5","designIndex":1,"authorUserId":"78142617","exclusive":"1","state":1,"price":49,"inserted_date":"2023-10-24","sent":0,"downloads":15,"search_words":"animal accessories cat dog fish horse pet responsive vet veterinary ecommerce shopify pet shop dog grooming pet care pet sitting animal care pet adoption shopify store shopify theme","is_adult":0,"exc_price":2100,"sent_date":"2023-10-24 13:05:41","last_upload":"2025-01-08 07:03:23","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"367729-original.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":367729,"width":800,"window_params":"","banner_url":"","id":3265389,"href":"","height":500},{"scr_type_id":311,"filename":"367729-big.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":367729,"width":800,"window_params":"","banner_url":"","id":3265390,"href":"","height":500},{"scr_type_id":312,"filename":"367729-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":367729,"width":370,"window_params":"","banner_url":"","id":3265391,"href":"","height":370},{"scr_type_id":9,"filename":"367729-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":367729,"width":145,"window_params":"","banner_url":"","id":3265392,"href":"","height":156},{"scr_type_id":57,"filename":"367729-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":367729,"width":430,"window_params":"","banner_url":"","id":3265393,"href":"","height":269}],"demoUrl":"/demo/367729.html","image":"https://s.tmimgcdn.com/scr/367700/pethaven-animals-amp-pets-store-responsive-shopify-theme-20_367729-original.png","searchHash":"173b734d555081dfc66df359a5010216","previewHash":"f324545a9a320ce585ecaccf10417eb9","authorNickname":"LevelUP_Themes","lowLevelTopic":"Animal Shelter Templates; Exotic Pets Templates","weightedRating":4.3076923076923,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":0,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"createdAt":"2023-10-24","updatedAt":"2025-11-16 01:21:18","properties":{"productFamily":"None","color":["black","white","grey","green","orange"],"followUpLetter":"shopify-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"reviewsTotal":"3","productSize":"44322062","uniqueKeywords":"animal,accessories,cat,dog,fish,horse,pet,responsive,vet,veterinary,ecommerce,shopify,pet shop,dog grooming,pet care,pet sitting,animal care,pet adoption,shopify store,shopify theme","templateSupportOptions":"[]","changeLog":"## 03 05, 2024:\n- Updated twitter logo.\n\n## 03 05, 2024:\n- Added Free Shipping Progress Bar.\n- Added Mega menu images.\n- Added Language Selector.\n- Fixed Minor Bugs.\n-Updated Announcement bar.\n- Improved Button Animation.\n- Improved Product Page.\n\n## 11 13, 2023:\n- Fixed minor bugs.","reviewAverageScore":"5","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Welcome to the future of pet e-commerce with PetHaven 2.0! This theme is not just an upgrade; it's a leap into a new era of online pet shopping. Designed with","isLastAdded":"1","features":["Premium","Responsive","Admin Panel","Ajax","Mobile Layout Included","Light Template","eCommerce","Dropdown Menu","Tabs","Advanced Theme Options","Drag and Drop Content","MegaMenu","Performance Optimization","Blog","Online Store/Shop","Lazy Load effect"],"saleSells":"1","livePreviewURL":"https://pethaven.levelup-webdev.com/","authorUserId":"78142617","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78142617/64a0201295e6a7f8055db4d62f8d7270.png","templateGroup":"eCommerce Templates","alreadyPacked":"1","popularity":[],"exclusive":"1","imagesIncluded":"Yes","templateIcon":"icon-shopify","types":"Shopify Themes","trendiness":"1","demoMetaDescription":"Prior to buying it, get the feel and look of the top quality PetHaven - Animals &amp; Pets Store Responsive Shopify Theme 2.0 Shopify Theme (#367729) by viewing the live preview. View the pages, check out the images, press the buttons, explore the features.","themeArchitectureVersion":"Online Store 2.0","shortDescription":"<p>Welcome to the future of pet e-commerce with PetHaven 2.0! This theme is not just an upgrade; it's a leap into a new era of online pet shopping. Designed with the utmost care and attention to detail, PetHaven 2.0 is the ultimate solution for creating a vibrant and user-friendly online store dedicated to all things furry, feathered, and finned.</p><p>Key Features:</p><ol><li>Seamless Responsiveness: PetHaven 2.0 ensures your online pet store looks and functions flawlessly on all devices, from desktops to mobile phones. Shoppers can explore your products with ease, no matter where they are.</li><li>Stunning Pet-Centric Design: The theme's aesthetic is a tribute to the love we share with our pets. Engaging visuals, adorable animal imagery, and a soothing color palette make PetHaven 2.0 the perfect backdrop for your pet-related products.</li><li>Versatile Product Showcases: Showcase your pet products in style with a variety of layout options. From featured collections to bestsellers, the theme offers versatile displays that will captivate your customers.</li><li>Interactive Mega Menu: Help your customers navigate through your store effortlessly with a user-friendly mega menu. Organize your product categories, blog posts, and more for a seamless shopping experience.</li><li>Intuitive Filter and Search: With robust search and filtering options, your customers can quickly find the products they're looking for. This streamlines their shopping experience and increases conversion rates.</li><li>Advanced Customization: PetHaven 2.0 offers easy-to-use customization options, allowing you to tailor the theme to your unique brand and vision. No coding skills required!</li><li>Blog Integration: Share your passion for pets with a beautifully integrated blog. Share pet care tips, stories, and industry insights to engage and educate your customers.</li><li>Social Media Integration: Connect with your audience on social media effortlessly. PetHaven 2.0 provides seamless social media integration, so you can reach your customers where they spend their time.</li><li>SEO Optimized: Your pet store's visibility will soar with PetHaven 2.0's built-in SEO optimization features. Rise to the top of search engine rankings and attract more pet-loving customers.</li></ol><p>PetHaven 2.0 is more than just a theme; it's a commitment to pet lovers and businesses looking to offer the best products and services for animals. Join the PetHaven community and create a haven for pets and pet owners in the digital realm. Your dream of a successful pet store is just a click away!</p>","productOfTheDay":[],"tags":["accessories","animal","cat","dog","fish","horse","pet","responsive","vet","veterinary","ecommerce","shopify","pet shop","dog grooming","pet care","pet sitting","animal care","pet adoption","shopify theme","shopify store"],"customUrl":"/shopify-themes/pethaven-animals-amp-pets-store-responsive-shopify-theme-2-0-367729.html","nameOfTheTemplate":"PetHaven - Animals &amp; Pets Store Responsive Shopify Theme 2.0","paidSupport":"Yes","topic":["Animals & Pets","Animal Shelter Templates","Pet Shop Templates","Exotic Pets Templates"],"changeLogDate":"2025-01-08","styles":["Clean","Web2.0","Mobile"],"marketplaceMembership":"One","excerpt":"<p>Elevate your pet store with responsive design, stunning visuals, and seamless shopping. Perfect for pet lovers.</p>","advImage":"https://s3u.tmimgcdn.com/u78142617/40f3edb280832a98d5878e00a546dd85.png","category":"Website templates","sampleContent":"No"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sun, 16 Nov 2025 12:11:00 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=367729&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=367729&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=367729&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 16 Nov 2025 12:16:00 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://pethaven.levelup-webdev.com/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#367729 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/367729.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 #367729            </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=367729&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $33                <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>