string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=136132&expand=properties"
string(12087) "[{"templateId":136132,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":120,"categoryName":"Hair Salon Templates","templateTitle":"Hair Salon Responsive Shopify Theme","templatePreviewHtmlTitle":"Hairzy - Hair Care And Hair Styling Modern Shopify Theme","templateDemoHtmlTitle":"Live preview for Hairzy - Hair Care And Hair Styling Modern Shopify Theme #136132","typeShortName":"Shopify","templatePreviewFBTitle":"<p>If you deal with hair salon equipment or provide hairstyling services, a striking web presence is certainly essential nowadays for the powerful promotion of your products or services. Hairzy is an excellent and modern Shopify theme that fits perfectly for various stores of beauty or salon accessories or hairdressers. This unique hair care Shopify theme can add a chic look to the appearance of your online store and thus help you advertise your brand effectively. Thus, it will bring about a positive outcome in reaching out to your potential clients or customers easily.</p><p>Hairzy comes equipped with 03 homepage variations. Each demo has a unique and impressive design to grab the attention of web visitors. The Homepage contains an eye-catching owl carousel slider. The slideshow comes in handy for the promotion of products and services. There is a convenient mega menu that lets you navigate the innermost parts of your website effortlessly and smoothly.</p><p>Apart from the Homepage, you will get all the e-commerce friendly inner pages like Shop Page, Product Details Page, About Us Page, Contact Us Page, FAQ Page, 404 Page, etc.</p><p>This ready-made Shopify theme will save your time and effort to build a professional online store from scratch as you can easily personalize its look and feel according to your preferences through the Shopify builder. There is an option to showcase your products in an organized way based on various categories such as Featured Product, New Trending, Top-rated Products, etc.</p><p>Moreover, this super-responsive Shopify theme can be displayed perfectly on a multitude of electronic devices and display resolutions as its layout instantly adapts to all screen sizes. So, users of all devices and web browsers will get the same streamlined performance while browsing your site.</p><p>That’s not all. You can take advantage of plenty more amenities by choosing this premium and exclusive Shopify theme for Haircare Products. Some notable specialties include 15+ Sections, Newsletter Popup, Product with Carousel, Built-in Wishlist, Multiple Currency, Shortcodes, Preloaders, Google Analytics, and many more.</p><p>By offering a myriad of features and functionalities, Hairzy is an unbeatable website building tool for any e-commerce site that deal with hair care products and services. Try it today!</p>","templateFullTitle":"Hairzy - Hair Care And Hair Styling Modern Shopify Theme","templatePreviewMetaDescription":"If you deal with hair salon equipment or provide hairstyling services, a striking web presence is certainly essential nowadays for the powerful promotion of","templateDemoMetaDescription":"Try out the demo preview for the high quality Hairzy - Hair Care And Hair Styling Modern Shopify Theme (#136132) get yourself knowledgeable about this template before you purchase it. View the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Hairzy - Hair Care And Hair Styling Modern Shopify Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/hairzy-hair-care-and-hair-styling-modern-shopify-theme-136132.html","userRating":0,"designIndex":"89","authorUserId":"1488834","exclusive":"1","state":1,"price":98,"inserted_date":"2020-11-30","sent":0,"downloads":1,"search_words":"hair salon hair salon fashion hair style hair fashion hair shopify theme hair oils hairdresser shopify theme haircut shopify theme barber salon barber beauty cosmetic responsive shopify theme shopify store responsive salon spa store care shopify","is_adult":0,"exc_price":2100,"sent_date":"2021-02-05 00:12:27","last_upload":"2020-11-30 07:48:59","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"136132-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":136132,"width":800,"window_params":"","banner_url":"","id":2107989,"href":"","height":500},{"scr_type_id":311,"filename":"136132-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":136132,"width":800,"window_params":"","banner_url":"","id":2107990,"href":"","height":500},{"scr_type_id":312,"filename":"136132-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":136132,"width":370,"window_params":"","banner_url":"","id":2107991,"href":"","height":370},{"scr_type_id":9,"filename":"136132-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":136132,"width":145,"window_params":"","banner_url":"","id":2107992,"href":"","height":156},{"scr_type_id":57,"filename":"136132-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":136132,"width":430,"window_params":"","banner_url":"","id":2107993,"href":"","height":269}],"demoUrl":"/demo/136132.html","image":"https://s.tmimgcdn.com/scr/136100/hairzy-hair-care-and-hair-styling-modern-shopify-theme_136132-original.jpg","searchHash":"62ae63cb06752d46e40995427964b50b","previewHash":"573cf7b0e90dc1ade1a8a61107b42980","authorNickname":"ThemesHub","lowLevelTopic":"Hair Salon Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":98,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","grey","brown"],"followUpLetter":"shopify-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"24324444","uniqueKeywords":"hair salon,hair salon fashion,hair style,hair fashion,hair shopify theme,hair oils,hairdresser shopify theme,haircut shopify theme,barber salon,barber,beauty,cosmetic,responsive shopify theme,shopify store,responsive,salon,spa,store,care,shopify","changeLog":"Version: 1.0.5 —-—- DATE: 01-08-2022\n1. Fixed: Product Page\n1. Fixed: Footer\n\nDate: 26 December 2021\nVersion: 1.0.4\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 hairzy 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\n\n\nDate: 04 February 2021\nVersion: 1.0.2\n=========================== \nUpdated: Instagram updated\nUpdated: Presets\nFixed:   Css issue.\n\n\nDate: 17 January 2021\nVersion: 1.0.1\n=========================== \nAdded: Full-width video banner\nAdded: Full-width banner\nUpdated: Wishlit updated\nUpdated: Presets","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"If you deal with hair salon equipment or provide hairstyling services, a striking web presence is certainly essential nowadays for the powerful promotion of","bootstrapVersion":"4.1.x","features":["Admin Panel","Ajax","Bootstrap","Dropshipping","Mobile Layout Included","Multipurpose","Responsive","Retina Ready","Right to left language support","Search Engine Friendly","Team Members","eCommerce","Dropdown Menu","Google map","Drag and Drop Content","MegaMenu","HTML 5","JQuery"],"saleSells":"1","livePreviewURL":"https://shopdemo.hasthemes.com/hairzy/index.html","languageSupport":"English","authorUserId":"1488834","isFree":"none","htmlTitle":"Hair Care And Hair Styling Modern Shopify Theme","authorMainScreenshot":"https://s3u.tmimgcdn.com/1488834-1605713719776_main-image-800-500.jpg","templateGroup":"eCommerce Templates","alreadyPacked":"1","exclusive":"1","imagesIncluded":"No","templateIcon":"icon-shopify","lastmod":"2022-02-02T09:45:53-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/1488834-1605713725799_slider-images-965-600.jpg","types":"Shopify Themes","trendiness":"1","demoMetaDescription":"Try out the demo preview for the high quality Hairzy - Hair Care And Hair Styling Modern Shopify Theme (#136132) get yourself knowledgeable about this template before you purchase it. View the pages, check the images, click the buttons, explore the functionality.","themeArchitectureVersion":"Vintage","shortDescription":"<p>If you deal with hair salon equipment or provide hairstyling services, a striking web presence is certainly essential nowadays for the powerful promotion of your products or services. Hairzy is an excellent and modern Shopify theme that fits perfectly for various stores of beauty or salon accessories or hairdressers. This unique hair care Shopify theme can add a chic look to the appearance of your online store and thus help you advertise your brand effectively. Thus, it will bring about a positive outcome in reaching out to your potential clients or customers easily.</p><p>Hairzy comes equipped with 03 homepage variations. Each demo has a unique and impressive design to grab the attention of web visitors. The Homepage contains an eye-catching owl carousel slider. The slideshow comes in handy for the promotion of products and services. There is a convenient mega menu that lets you navigate the innermost parts of your website effortlessly and smoothly.</p><p>Apart from the Homepage, you will get all the e-commerce friendly inner pages like Shop Page, Product Details Page, About Us Page, Contact Us Page, FAQ Page, 404 Page, etc.</p><p>This ready-made Shopify theme will save your time and effort to build a professional online store from scratch as you can easily personalize its look and feel according to your preferences through the Shopify builder. There is an option to showcase your products in an organized way based on various categories such as Featured Product, New Trending, Top-rated Products, etc.</p><p>Moreover, this super-responsive Shopify theme can be displayed perfectly on a multitude of electronic devices and display resolutions as its layout instantly adapts to all screen sizes. So, users of all devices and web browsers will get the same streamlined performance while browsing your site.</p><p>That’s not all. You can take advantage of plenty more amenities by choosing this premium and exclusive Shopify theme for Haircare Products. Some notable specialties include 15+ Sections, Newsletter Popup, Product with Carousel, Built-in Wishlist, Multiple Currency, Shortcodes, Preloaders, Google Analytics, and many more.</p><p>By offering a myriad of features and functionalities, Hairzy is an unbeatable website building tool for any e-commerce site that deal with hair care products and services. Try it today!</p>","tags":["barber","beauty","cosmetic","hair salon","hair style","responsive shopify theme","shopify store","hair salon fashion","hair fashion","hair shopify theme","hair oils","hairdresser shopify theme","haircut shopify theme","barber salon","care","responsive","salon","spa","store","shopify"],"customUrl":"/shopify-themes/hairzy-hair-care-and-hair-styling-modern-shopify-theme-136132.html","nameOfTheTemplate":"Hairzy - Hair Care And Hair Styling Modern Shopify Theme","paidSupport":"Yes","topic":["Fashion & Beauty","Hair Salon Templates"],"changeLogDate":"2022-08-26","styles":"Clean","marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/1488834-1605713730870_promotional-image-1080-1080.jpg","category":"Website templates","dqi":"89","currencies":"USD"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Wed, 24 Apr 2024 12:36:16 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(293) "Link: <http://products/api/v2/products/en?language=en&ids=136132&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=136132&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=136132&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 24 Apr 2024 12:41:16 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 159.203.151.221:80"
}
https://shopdemo.hasthemes.com/hairzy/index.html<!DOCTYPE html>
<html lang="en">
<head>
    <title>#136132 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/136132.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 #136132            </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=136132&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $90                <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>