string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=82924&expand=properties"
string(17783) "[{"templateId":82924,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":222,"categoryName":"Handbag Templates","templateTitle":"Handbag Responsive Shopify Theme","templatePreviewHtmlTitle":"TheStyle - Minimal Fashion Store Shopify 2.0 Responsive Theme","templateDemoHtmlTitle":"Live preview for TheStyle - Minimal Fashion Store Shopify 2.0 Responsive Theme #82924","typeShortName":"Shopify","templatePreviewFBTitle":"<p>TheStyle - Minimal Fashion Store Shopify 2.0 Responsive Theme is a sleek and contemporary e-commerce template designed specifically for fashion retailers who want a clean, minimalist aesthetic for their online store. It emphasizes simplicity and elegance, allowing your products to take center stage without distraction.</p><p>The homepage is highly customizable, allowing you to showcase your individual product collections and product tab section with different collection prominently. You can easily customize the layout and content of your homepage using Shopify's intuitive drag-and-drop editor, without any coding knowledge required. The theme provides elegant product showcase options, including grid and carousel layouts, to highlight your products effectively.</p><p>TheStyle theme includes features such as quick view pop-ups, allowing customers to view product details and make purchases without leaving the current page. Product filtering options enable customers to easily find the products they're looking for based on criteria such as price, size, color, and more.</p><p>The theme is optimized for fast loading speeds and smooth navigation, providing customers with a seamless shopping experience from browsing to checkout. Integration with Shopify's secure payment gateway ensures that transactions are safe and secure, giving customers peace of mind when making purchases.</p><p>The theme is fully responsive, ensuring that your website looks great and functions seamlessly across all devices, including desktops, tablets, and smartphones. The theme is optimized for search engines, helping your online store rank higher in search results and attract more organic traffic.</p><p>Overall, TheStyle - Minimal Fashion Store Shopify 2.0 Responsive Theme offers a perfect blend of style and functionality, providing fashion retailers with a powerful platform to showcase their products and create a memorable shopping experience for their customers.</p><p><strong>Theme Features</strong></p><p>==================</p><ul><li>Fully <strong>RESPONSIVE</strong> Theme</li><li><strong>Mobile First</strong> Layout</li><li><strong>No Coding</strong> Skills Required</li><li>Bootstrap <strong>HTML5 and CSS3</strong></li><li>Support <strong>Multiple Currency</strong></li><li>Support <strong>Multiple Language</strong></li><li>Optimized for <strong>Fast Loading + SVG Icons</strong> Used</li><li><strong>SEO</strong> (Search Engine Optimization) <strong>Friendly</strong></li><li>Shopify <strong>Drag and Drop Section</strong> Builder</li><li><strong>Theme Color</strong> Option Settings</li><li><strong>Theme Typography</strong> Settings</li><li><strong>Advance Theme Options</strong></li><li><strong>Multiple Banner Section</strong> with Editable Text and Image</li><li><strong>Product Grid/List</strong> View with <strong>Multiple Column Variation</strong></li><li><strong>Shop By Category Slider</strong> with Image on Homepage</li><li><strong>Full Screen Responsive Banner Slider</strong> with Editable Text</li><li><strong>Product Collection Tab</strong> on Homepage (Featured, Latest and Best Seller)</li><li><strong>Deal Of the Week</strong> Product Section with <strong>Count Down Timer</strong></li><li><strong>Shopping Cart Dropdown</strong> Slide Toggle</li><li><strong>Sticky Menu</strong></li><li>Horizontal <strong>Mega Menu</strong></li><li>Ajax Product <strong>Comment</strong></li><li>Ajax Product <strong>Wishlist</strong></li><li>Ajax Product <strong>Compare</strong></li><li>Ajax Product <strong>QuickView</strong></li><li>Ajax Product <strong>Add to Cart</strong></li><li>Ajax Product <strong>Search</strong></li><li>Ajax Product <strong>Filter on Collection Page</strong></li><li><strong>Brand logo Section</strong> on Home page</li><li><strong>Blog Section</strong></li><li><strong>Newsletter Subscription </strong>Block</li><li><strong>Parallax Scrolling</strong> Section</li><li><strong>Product Variation Swatches</strong> on Product Page</li><li><strong>Product Zoom</strong> Integration on Product Page</li><li><strong>Additional Vertical Tab</strong> on Product Page</li><li><strong>Related Product Slider</strong> on Product Page</li><li><strong>Google Map</strong> Integration on Contact Page</li><li><strong>Blog List Page</strong></li><li><strong>Scroll To Top</strong> Button</li><li><strong>Social Media Follow</strong> Links</li><li><strong>Sale Notification Popup</strong></li><li><strong>Mobile Footer Menu</strong></li><li>Easy Use and Easy Customize</li><li>Avoid JavaScript Confliction</li><li><strong>PSD Files</strong> Included</li><li>Compatible with all major browsers</li><li>Well-structured and commented code for easy customization</li><li>Include theme installation and theme configuration documentation to help customer for installing and utilizing the theme</li><li>and Many More…</li></ul>","templateFullTitle":"TheStyle - Minimal Fashion Store Shopify 2.0 Responsive Theme","templatePreviewMetaDescription":"TheStyle - Minimal Fashion Store Shopify 2.0 Responsive Theme is a sleek and contemporary e-commerce template designed specifically for fashion retailers who","templateDemoMetaDescription":"Try out the demo for the The Style - Minimal Store Shopify Theme (#82924) to get a better knowledge of what this design is before you buy it. View the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"TheStyle - Minimal Fashion Store Shopify 2.0 Responsive Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/the-style-minimal-store-shopify-theme-82924.html","userRating":"5","designIndex":"84","authorUserId":"1597608","exclusive":"1","state":1,"price":59,"inserted_date":"2019-07-03","sent":0,"downloads":3,"search_words":"fashion clothes apparel jewelry diamond accessories cosmetics beauty bag responsive theme template minimal multipurpose codezeel shoes fashion store shopify shopify builder online store","is_adult":0,"exc_price":2100,"sent_date":"2019-07-03 07:09:54","last_upload":"2024-05-08 14:15:13","package_id":295,"hasExclusivePrice":0,"screenshots":[{"id":1832476,"templ_id":82924,"filename":"82924-6-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1832477,"templ_id":82924,"filename":"82924-big.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1832478,"templ_id":82924,"filename":"82924-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":1832479,"templ_id":82924,"filename":"82924-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":1832480,"templ_id":82924,"filename":"82924-b.jpg","width":430,"height":645,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/82924.html","image":"https://s.tmimgcdn.com/scr/82900/thestyle-minimal-fashion-store-shopify-20-responsive-theme_82924-6-original.jpg","searchHash":"d0b1843417233389812c1ef6a5172544","previewHash":"55daaaea7e295b0a6e385bfa96d55575","authorNickname":"codezeel","lowLevelTopic":"Handbag Templates; Apparel Templates; Fashion Blog Templates; Beauty Templates; Jewelry Templates; Watches Templates; Fashion Store Templates; Kids' fashion; Men's Fashion; Women's Fashion","weightedRating":4.1818181818182,"annualSale":2,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":59,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Premium","Responsive","Search Engine Friendly","Ajax","Mobile Layout Included","Multipurpose","Light Template","eCommerce","Sliced PSD","Dropdown Menu","Google map","Sample content","Tabs","Advanced Theme Options","Drag and Drop Content","MegaMenu","Performance Optimization","Blog","Online Store/Shop","HTML 5","JQuery","Parallax"],"styles":["Clean","Minimalist","Neutral","Collage","Mobile","Flat"],"languageSupport":["English","French","Spanish","Russian","German","Deutsch","Japanese","Swedish","Italian","Dutch","Ukrainian","Portuguese (Brazilian)","Polish"],"currencies":["USD","GBP","EUR"],"topic":["Handbag Templates","Apparel Templates","Fashion Blog Templates","Beauty Templates","Fashion Templates","Jewelry Templates","Watches Templates","Fashion Store Templates","Fashion & Beauty","Kids' fashion","Accessories","Men's Fashion","Women's Fashion"],"isFree":"none","dateRange":"Last 6 Months","color":["white","grey"],"showVariantForcibly":"b","exclusive":"1","authorUserId":"1597608","alreadyPacked":"1","excludeExclusive":"Yes","nameOfTheTemplate":"TheStyle - Minimal Fashion Store Shopify 2.0 Responsive Theme","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1597608/cf5bbca7dfc0e07534522fb9a7c5b972.jpg, https://s3u.tmimgcdn.com/u1597608/51ff6f274953184f93fddd4afc285ea4.jpg, https://s3u.tmimgcdn.com/u1597608/1337b87a29dc309f45e0141b83fd5a30.jpg, https://s3u.tmimgcdn.com/u1597608/7b80183c42f9c0626d9a8797c1f18126.jpg, https://s3u.tmimgcdn.com/u1597608/f107b1d0fe264c501e668b5f44a554da.jpg, https://s3u.tmimgcdn.com/u1597608/2c68221c53d6a6fa5f48cd3bd2f920b9.jpg, https://s3u.tmimgcdn.com/u1597608/40fd93ea8c902ffe97e94e6a1f0291a7.jpg, https://s3u.tmimgcdn.com/u1597608/936b091c982fc8c17f601f7c575b59a7.jpg, https://s3u.tmimgcdn.com/u1597608/d1d9beff7a30f57a498f17661e257f1e.jpg, https://s3u.tmimgcdn.com/u1597608/c108fad243e4b93b63fcfa65f8de87ee.jpg","shortDescription":"<p>TheStyle - Minimal Fashion Store Shopify 2.0 Responsive Theme is a sleek and contemporary e-commerce template designed specifically for fashion retailers who want a clean, minimalist aesthetic for their online store. It emphasizes simplicity and elegance, allowing your products to take center stage without distraction.</p><p>The homepage is highly customizable, allowing you to showcase your individual product collections and product tab section with different collection prominently. You can easily customize the layout and content of your homepage using Shopify's intuitive drag-and-drop editor, without any coding knowledge required. The theme provides elegant product showcase options, including grid and carousel layouts, to highlight your products effectively.</p><p>TheStyle theme includes features such as quick view pop-ups, allowing customers to view product details and make purchases without leaving the current page. Product filtering options enable customers to easily find the products they're looking for based on criteria such as price, size, color, and more.</p><p>The theme is optimized for fast loading speeds and smooth navigation, providing customers with a seamless shopping experience from browsing to checkout. Integration with Shopify's secure payment gateway ensures that transactions are safe and secure, giving customers peace of mind when making purchases.</p><p>The theme is fully responsive, ensuring that your website looks great and functions seamlessly across all devices, including desktops, tablets, and smartphones. The theme is optimized for search engines, helping your online store rank higher in search results and attract more organic traffic.</p><p>Overall, TheStyle - Minimal Fashion Store Shopify 2.0 Responsive Theme offers a perfect blend of style and functionality, providing fashion retailers with a powerful platform to showcase their products and create a memorable shopping experience for their customers.</p><p><strong>Theme Features</strong></p><p>==================</p><ul><li>Fully <strong>RESPONSIVE</strong> Theme</li><li><strong>Mobile First</strong> Layout</li><li><strong>No Coding</strong> Skills Required</li><li>Bootstrap <strong>HTML5 and CSS3</strong></li><li>Support <strong>Multiple Currency</strong></li><li>Support <strong>Multiple Language</strong></li><li>Optimized for <strong>Fast Loading + SVG Icons</strong> Used</li><li><strong>SEO</strong> (Search Engine Optimization) <strong>Friendly</strong></li><li>Shopify <strong>Drag and Drop Section</strong> Builder</li><li><strong>Theme Color</strong> Option Settings</li><li><strong>Theme Typography</strong> Settings</li><li><strong>Advance Theme Options</strong></li><li><strong>Multiple Banner Section</strong> with Editable Text and Image</li><li><strong>Product Grid/List</strong> View with <strong>Multiple Column Variation</strong></li><li><strong>Shop By Category Slider</strong> with Image on Homepage</li><li><strong>Full Screen Responsive Banner Slider</strong> with Editable Text</li><li><strong>Product Collection Tab</strong> on Homepage (Featured, Latest and Best Seller)</li><li><strong>Deal Of the Week</strong> Product Section with <strong>Count Down Timer</strong></li><li><strong>Shopping Cart Dropdown</strong> Slide Toggle</li><li><strong>Sticky Menu</strong></li><li>Horizontal <strong>Mega Menu</strong></li><li>Ajax Product <strong>Comment</strong></li><li>Ajax Product <strong>Wishlist</strong></li><li>Ajax Product <strong>Compare</strong></li><li>Ajax Product <strong>QuickView</strong></li><li>Ajax Product <strong>Add to Cart</strong></li><li>Ajax Product <strong>Search</strong></li><li>Ajax Product <strong>Filter on Collection Page</strong></li><li><strong>Brand logo Section</strong> on Home page</li><li><strong>Blog Section</strong></li><li><strong>Newsletter Subscription </strong>Block</li><li><strong>Parallax Scrolling</strong> Section</li><li><strong>Product Variation Swatches</strong> on Product Page</li><li><strong>Product Zoom</strong> Integration on Product Page</li><li><strong>Additional Vertical Tab</strong> on Product Page</li><li><strong>Related Product Slider</strong> on Product Page</li><li><strong>Google Map</strong> Integration on Contact Page</li><li><strong>Blog List Page</strong></li><li><strong>Scroll To Top</strong> Button</li><li><strong>Social Media Follow</strong> Links</li><li><strong>Sale Notification Popup</strong></li><li><strong>Mobile Footer Menu</strong></li><li>Easy Use and Easy Customize</li><li>Avoid JavaScript Confliction</li><li><strong>PSD Files</strong> Included</li><li>Compatible with all major browsers</li><li>Well-structured and commented code for easy customization</li><li>Include theme installation and theme configuration documentation to help customer for installing and utilizing the theme</li><li>and Many More…</li></ul>","uniqueKeywords":"fashion,clothes,apparel,jewelry,diamond,accessories,cosmetics,beauty,bag,responsive,theme,template,minimal,multipurpose,codezeel,shoes,fashion store,shopify,shopify builder,online store","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1597608/7c0481f97dfd38b304a274e61306290b.jpg","dqi":"84","livePreviewURL":"https://codezeel.com/shopify/thestyle/","metaDescription":"TheStyle - Minimal Fashion Store Shopify 2.0 Responsive Theme is a sleek and contemporary e-commerce template designed specifically for fashion retailers who","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"http://bit.ly/2Jl4Ftc","customUrl":"/shopify-themes/the-style-minimal-store-shopify-theme-82924.html","demoMetaDescription":"Try out the demo for the The Style - Minimal Store Shopify Theme (#82924) to get a better knowledge of what this design is before you buy it. View the pages, examine the images, click the buttons, explore the functionality.","lastmod":"2022-02-14T04:53:47-05:00","trendiness":"1","changeLogDate":"2024-05-08","advImage":"https://s3u.tmimgcdn.com/u1597608/517eb49f6469c2bd1126ecffe304ce00.jpg","imagesIncluded":"Yes","tags":["accessories","apparel","bag","beauty","clothes","cosmetics","diamond","fashion","jewelry","minimal","multipurpose","responsive","shoes","template","theme","shopify","fashion store","online store","shopify builder","codezeel"],"marketplaceMembership":"None","paidSupport":"Yes","themeArchitectureVersion":"Online Store 2.0","authorMainScreenshotVersion":"6","productSize":"27584810","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>TheStyle - Minimal Fashion Store Shopify 2.0 Responsive Theme is a contemporary e-commerce template designed specifically for fashion retailers for their esthetic and minimal online store.</p>","changeLog":"##Update History\n\n#[02/05/2024]\n- Improved Theme Design with new functionality\n- Added totally new theme package files(v2.0.0) for shopify theme architecture \"Online Store 2.0\"","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1597608/c2af61ac8634e83747dc60f518b4d0ad.jpg, https://s3u.tmimgcdn.com/u1597608/8f4c7d6fb3a1ed952361ff40add604cf.jpg, https://s3u.tmimgcdn.com/u1597608/a9f8001c0cb74f0473d2c145b5b2e05d.jpg, https://s3u.tmimgcdn.com/u1597608/132b2a4e4806125a214e496ebd3948b4.jpg, https://s3u.tmimgcdn.com/u1597608/cc3dd22c1628fec95dca97c996162747.jpg","reviewsTotal":"1","reviewAverageScore":"5","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: Tue, 26 Nov 2024 09:06:26 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(290) "Link: <http://products/api/v2/products/en?language=en&ids=82924&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=82924&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=82924&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 26 Nov 2024 09:11:26 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://codezeel.com/shopify/thestyle/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#82924 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/82924.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 #82924            </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=82924&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $54                <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>