string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=152638&expand=properties"
string(11883) "[{"templateId":152638,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":414,"categoryName":"Beauty Templates","templateTitle":"Beauty Shopify Theme","templatePreviewHtmlTitle":"Her Fashion Store - Multipurpose Responsive Shopify Theme","templateDemoHtmlTitle":"Demo for Her Fashion Store - Multipurpose Responsive Shopify Theme #152638","typeShortName":"Shopify","templatePreviewFBTitle":"<p><strong>Her Fashion Store - Shopify Responsive Theme</strong> is designed perfect for Fashion Store, Stylish store , Clothes store, Shoe Store, Bag shop, Beauty shop, Accessorize shop ... Theme looks good with awesome colors combination and unique header style which suits for any type of store. All sub pages are easy to customized. It is very nice with its clean and professional look.</p><h3><strong>Theme Features</strong></h3><ul><li>   This Template compatible with Shopify 2.0</li><li>   8+ Home Demos</li><li>   4+ Collection Demos</li><li>   6+ Product Demos</li><li>   30+ Section – Live Drag &amp; Drop Page Builder</li><li>   Mega Menu Builder, visual drag/drop backend, support both vertical &amp; horizontal menu</li><li>   Social block: Twitter, Facebook, Instagram, Pinterest.</li><li>   This Template is designed for desktop, all tablet and mobile devices</li><li>   Multiple currencies</li><li>   Quickview</li><li>   Newsletter</li><li>   Popup newsletter</li><li>   Product video</li><li>   Google map</li><li>   Instagram, Social media, Social sharing</li><li>   Promotion announcement bar</li><li>   Sticky header</li><li>   Transparent header</li><li>   Gallery</li><li>   Product list</li><li>   Product tab</li><li>   Testimonial</li><li>   Team member</li><li>   Unlimited color options</li><li>   Wishlist</li><li>   Product Filter</li><li>   Ajax search</li><li>   Popup cart</li><li>   Popup Sale</li><li>   Cookie</li><li>   Back to top</li></ul><p><br /></p><p><strong>Note:</strong> After download file from market, please extracting the file. Open folder \"theme\" and upload theme to your store.</p><p>And in folder \"documentation\" will have guide to help you setup the theme.</p><p>If you still wonder anything, just using support ticket and contact us. Our developer will support you soon within 24h</p>","templateFullTitle":"Her Fashion Store - Multipurpose Responsive Shopify Theme","templatePreviewMetaDescription":"Her Fashion Store - Shopify Responsive Theme is designed perfect for Fashion Store, Stylish store , Clothes store, Shoe Store, Bag shop, Beauty shop,","templateDemoMetaDescription":"Before you decide to buy it, get yourself familiar with the top notch Her Fashion Store - Responsive Shopify Theme (#152638) by enjoying the live preview. View the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Her Fashion Store - Multipurpose Responsive Shopify Theme","anchorFeature":"","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/her-fashion-store-responsive-shopify-theme-152638.html","userRating":"5","designIndex":1,"authorUserId":"2258300","exclusive":"1","state":1,"price":53,"inserted_date":"2021-01-11","sent":0,"downloads":78,"search_words":"fashion clean minimal cosmetic furniture jewelry modern shopify store responsive beauty multipurpose","is_adult":0,"exc_price":2100,"sent_date":"2021-01-11 11:32:23","last_upload":"2024-06-20 07:43:30","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2190448,"templ_id":152638,"filename":"152638-original.jpg","width":1000,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2190449,"templ_id":152638,"filename":"152638-big.jpg","width":1000,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2190450,"templ_id":152638,"filename":"152638-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2190451,"templ_id":152638,"filename":"152638-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2190452,"templ_id":152638,"filename":"152638-b.jpg","width":430,"height":430,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/152638.html","image":"https://s.tmimgcdn.com/scr/152600/her-fashion-store-multipurpose-responsive-shopify-theme_152638-original.jpg","searchHash":"0037372984e9fcaa5113da506355dd5b","previewHash":"ae940345e993fd9fd749983a9ba96bda","authorNickname":"RubikTheme","lowLevelTopic":"Beauty Templates; Fashion Templates; Design; Art & Culture; Business & Services","weightedRating":4.4,"annualSale":5,"monthlySales":0,"quarterlySales":1,"productBoost":125,"onSale":1,"finalPrice":37,"discountPercent":30,"discountAmount":16,"semiannualSales":1,"properties":{"styles":["Clean","Minimalist"],"languageSupport":"English","currencies":["USD","GBP","EUR"],"topic":["Beauty Templates","Fashion Templates","Design","Art & Culture","Design & Photography","Business & Services","Fashion & Beauty"],"isFree":"none","popularity":"Top Rated","color":["white","grey","purple","cyan"],"productOfTheDay":"0","features":["Multipurpose","eCommerce","Dropdown Menu","Advanced Theme Options","Drag and Drop Content","MegaMenu","HTML 5","JQuery","Background video","Lazy Load effect","Website Builder"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","authorUserId":"2258300","imagesIncluded":"No","tags":["beauty","clean","cosmetic","fashion","furniture","jewelry","minimal","modern","multipurpose","responsive","store","shopify"],"nameOfTheTemplate":"Her Fashion Store - Multipurpose Responsive Shopify Theme","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/2258300-1608708501175_Preview_01.jpg, https://s3u.tmimgcdn.com/2258300-1608708504801_Preview_02.jpg, https://s3u.tmimgcdn.com/2258300-1608708518152_Preview_03.jpg, https://s3u.tmimgcdn.com/2258300-1608708525317_Preview_05.jpg, https://s3u.tmimgcdn.com/2258300-1608708829554_Preview_04.jpg","shortDescription":"<p><strong>Her Fashion Store - Shopify Responsive Theme</strong> is designed perfect for Fashion Store, Stylish store , Clothes store, Shoe Store, Bag shop, Beauty shop, Accessorize shop ... Theme looks good with awesome colors combination and unique header style which suits for any type of store. All sub pages are easy to customized. It is very nice with its clean and professional look.</p><h3><strong>Theme Features</strong></h3><ul><li>   This Template compatible with Shopify 2.0</li><li>   8+ Home Demos</li><li>   4+ Collection Demos</li><li>   6+ Product Demos</li><li>   30+ Section – Live Drag &amp; Drop Page Builder</li><li>   Mega Menu Builder, visual drag/drop backend, support both vertical &amp; horizontal menu</li><li>   Social block: Twitter, Facebook, Instagram, Pinterest.</li><li>   This Template is designed for desktop, all tablet and mobile devices</li><li>   Multiple currencies</li><li>   Quickview</li><li>   Newsletter</li><li>   Popup newsletter</li><li>   Product video</li><li>   Google map</li><li>   Instagram, Social media, Social sharing</li><li>   Promotion announcement bar</li><li>   Sticky header</li><li>   Transparent header</li><li>   Gallery</li><li>   Product list</li><li>   Product tab</li><li>   Testimonial</li><li>   Team member</li><li>   Unlimited color options</li><li>   Wishlist</li><li>   Product Filter</li><li>   Ajax search</li><li>   Popup cart</li><li>   Popup Sale</li><li>   Cookie</li><li>   Back to top</li></ul><p><br /></p><p><strong>Note:</strong> After download file from market, please extracting the file. Open folder \"theme\" and upload theme to your store.</p><p>And in folder \"documentation\" will have guide to help you setup the theme.</p><p>If you still wonder anything, just using support ticket and contact us. Our developer will support you soon within 24h</p>","lastmod":"2022-03-21T12:16:30-04:00","uniqueKeywords":"fashion,clean,minimal,cosmetic,furniture,jewelry,modern,shopify,store,responsive,beauty,multipurpose","advImage":"https://s3u.tmimgcdn.com/2258300-1608708960755_Preview_01.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/2258300-1608708490847_Preview_01.jpg","livePreviewURL":"https://rubiktheme.com/landing/landing_her_shopify2.0/","metaDescription":"Her Fashion Store - Shopify Responsive Theme is designed perfect for Fashion Store, Stylish store , Clothes store, Shoe Store, Bag shop, Beauty shop,","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/2K4wXfM","customUrl":"/shopify-themes/her-fashion-store-responsive-shopify-theme-152638.html","demoMetaDescription":"Before you decide to buy it, get yourself familiar with the top notch Her Fashion Store - Responsive Shopify Theme (#152638) by enjoying the live preview. View the pages, check the images, click the buttons, explore the features.","productSize":"17084122","trendiness":"1","paidSupport":"Yes","reviewsTotal":"5","reviewAverageScore":"5","imageKeyFeatures":"https://s3u.tmimgcdn.com/u2258300/46efadb336cb7784f50ff85c8b8e26df.jpg(https://rubiktheme.com/landing/landing_her_shopify2.0/), https://s3u.tmimgcdn.com/u2258300/de31cb500c2edbc7bc7eaae53ee1fe32.jpg(https://rubiktheme.com/landing/landing_her_shopify2.0/), https://s3u.tmimgcdn.com/u2258300/990052a17337ba72e2e3e0979e1e3166.jpg(https://rubiktheme.com/landing/landing_her_shopify2.0/), https://s3u.tmimgcdn.com/u2258300/6db825c46f5a1b1f3225965eafaec2ad.jpg(https://rubiktheme.com/landing/landing_her_shopify2.0/), https://s3u.tmimgcdn.com/u2258300/b8c2080e5165c3aa878cc25010b181e2.jpg(https://rubiktheme.com/landing/landing_her_shopify2.0/)","changeLog":"Update 06/04/2021\n- Fix some bugs\n- Update template blogs\n- New search function for blog post\n\nUpdate 7/22/2021\n- Update function adjust equal height for product\n- Update change style shape of options in product page \n\nUpdate 8/8/2021\n- Fix bug\n- Update function adjust equal height for instagram\n- Update function edit font size on slideshow\n\nUpdate 8/23/2022\n- Update add label \"New\" for product\n- Update image's size recommend in folder \"documentation\"\n- Update Accesstoken for Instagram section\n\nUpdate 6/30/2023\n- Update list categories on Header\n- Update filter on collection page\n- Update in file: header-1.liquid, header-3.liquid, header-5.liquid, sidebar-shopby, sidebar-option-category\n\nUpdate 7/05/2023\n- Active Critical Update for this list below\n- Update filter on collection page\n- Update in file: header-1.liquid, header-3.liquid, header-5.liquid, sidebar-shopby, sidebar-option-category\n- Update list categories on Header\n\n Update Jan 23, 2024\n- Update Instagram funciton\n- Update in file: instagram.liquid, header-1.liquid, header-3.liquid, header-5.liquid.\n\n Update Jun 10, 2024\n- Update Theme verison to Shopify 2.0","changeLogDate":"2024-06-20","themeArchitectureVersion":"Online Store 2.0","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>Her Fashion Store - Shopify Responsive Theme is designed perfect for Fashion Store, Stylish store , Clothes store, Shoe Store, Bag shop, Beauty shop, Accessorize shop</p>","types":"Shopify Themes","templateIcon":"icon-shopify","followUpLetter":"shopify-offers","productFamily":"None","templateGroup":"eCommerce Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sun, 24 Nov 2024 21:04: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=152638&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=152638&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=152638&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 24 Nov 2024 21:09: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: 165.227.251.218:80"
}
https://rubiktheme.com/landing/landing_her_shopify2.0/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#152638 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/152638.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 #152638            </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=152638&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $36                <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>