string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=403616&expand=properties"
string(13986) "[{"templateId":403616,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":111,"categoryName":"Photo Gallery Templates","templateTitle":"Photo Gallery Responsive Shopify Theme","templatePreviewHtmlTitle":"Imajix - Stock Photo And Photography Art Shopify Theme 2.0","templateDemoHtmlTitle":"Live preview for Imajix - Stock Photo And Photography Art Shopify Theme 2.0 #403616","typeShortName":"Shopify","templatePreviewFBTitle":"<h3>Theme Overview</h3><p>Imajix stands out as an innovative Shopify theme meticulously crafted to cater to professionals within the design and photography industries. Tailored to meet your creative needs, Imajix seamlessly integrates captivating visuals with robust functionality, thereby enhancing your online presence. Let's delve into the distinctive features that position Imajix as the premier choice for your design and photography website.</p><p><strong>Responsive Design:</strong> Imajix guarantees a visually stunning and seamlessly functional website across all devices, ensuring an optimal viewing experience for your visitors, whether they're browsing from desktops, tablets, or smartphones.</p><p><strong>Extensive Settings:</strong> Imajix offers an extensive array of customizable settings, empowering you to fine-tune every element of your website. This flexibility allows you to create a digital space that perfectly aligns with your unique vision and branding.</p><p><strong>3+ Mega Menu Designs:</strong> Simplify navigation for your visitors with Imajix's diverse selection of mega menu designs. Choose from over three exquisite layouts to elegantly showcase your products, services, and content, ensuring an organized and visually appealing presentation.</p><p><strong>SEO Optimization:</strong> Imajix is meticulously engineered with search engine optimization (SEO) in mind, enabling your website to achieve higher rankings in search engine results and attract increased organic traffic. Enhance your online visibility and effortlessly connect with your target audience.</p><p><strong>Full User-Friendly Experience:</strong> Imajix prioritizes user experience, guaranteeing that every visitor enjoys a seamless and intuitive browsing journey. From effortless navigation to lightning-fast load times, Imajix ensures a user-friendly interface that caters to all your visitors' needs.</p><h3>Theme Features</h3><ul><li>Best Responsive Design, Incredible UI/UX</li><li>Include Google’s Rich Product Snippets for Better SEO</li><li>4+ Headers layouts</li><li>Built With Shopify Latest Liquid, CSS 3 + HTML 5</li><li>The \"Add Sections\" Option is Available in the header and footer</li><li>Custom Pages: Contact Us, About Us, T &amp; C, Shipping...</li><li>Other: Password Page, 404 page...</li><li>Product Pages: Gift Card Product, Pre-Order Product</li><li>3+ Sticky Header Feature</li><li>3+ Mega Menu</li><li>Advance Refine Search Design</li><li>Drag &amp; Drop Section Available in Admin</li><li>Latest Testimonial Section</li><li>Dynamic Add To Cart Button With Advance Settings</li><li>Dynamic Quick Buy Button With Advance Settings</li><li>Pre-order and sale Badge Option Available With Advance Settings</li><li>Advanced Size Chart (Different size chart for each product)</li><li>Custom Product Tabs (Different content for each product)</li><li>Classic Customer Accounts</li><li>LookBook Section</li><li>Multi-Media Section</li><li>Latest Service</li><li>3+ Different Cart Ajax Popup Settings</li><li>Complimentary Product On Product Page</li><li>Advance Typography Settings</li><li>Layout &amp; Grid Settings</li><li>3+ Product Filter Settings</li><li>Blog</li><li>Brand Logo</li><li>Powerful Customize</li><li>Responsive &amp; Retina Ready</li><li>Newsletter</li><li>Compatible browsers</li><li>Slick slider</li><li>Quick order list on the product page</li><li>Hybrid Module</li><li>Support Online 24/7</li><li>Offer Banner</li><li>3D Product View</li><li>Product Reviews (app)</li><li>Multi-Language Translation (EN, FR, IT, DE, ES)...</li><li>Product Hover Effect Settings</li><li>Figma File Included In Theme Package</li></ul>","templateFullTitle":"Imajix - Stock Photo And Photography Art Shopify Theme 2.0","templatePreviewMetaDescription":"Theme OverviewImajix stands out as an innovative Shopify theme meticulously crafted to cater to professionals within the design and photography industries.","templateDemoMetaDescription":"Before you purchase it, get informed about the high quality Imajix - Stock Photo And Photography Art Shopify Theme 2.0 Shopify Theme (#403616) by viewing the live preview. Go through the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Imajix - Stock Photo And Photography Art Shopify Theme 2.0","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/imajix-stock-photo-and-photography-art-shopify-theme-2-0-403616.html","userRating":0,"designIndex":1,"authorUserId":"78283172","exclusive":"1","state":1,"price":89,"inserted_date":"2024-03-26","sent":0,"downloads":0,"search_words":"art artist beauty portfolio responsive ecommerce shopify fashion gallery mobile modern photography stock photo","is_adult":0,"exc_price":2100,"sent_date":"2024-03-26 13:55:58","last_upload":"2024-03-26 14:01:19","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3444650,"templ_id":403616,"filename":"403616-original.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3444651,"templ_id":403616,"filename":"403616-big.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3444652,"templ_id":403616,"filename":"403616-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":3444653,"templ_id":403616,"filename":"403616-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":3444654,"templ_id":403616,"filename":"403616-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/403616.html","image":"https://s.tmimgcdn.com/scr/403600/imajix-stock-photo-and-photography-art-shopify-theme-20_403616-original.jpg","searchHash":"d8327d25c6965114a5e81de6006e939d","previewHash":"1dd2f7a0b955a650b0a9d4685b667293","authorNickname":"Infothemebazaar","lowLevelTopic":"Photo Gallery Templates; Photographer Portfolio Templates; Mobile Store Templates; Electronics Review Templates; Beauty Templates; Fashion Templates; Jewelry Templates; Photo Studio Templates; Stock Photo","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":125,"onSale":1,"finalPrice":62,"discountPercent":30,"discountAmount":27,"semiannualSales":null,"properties":{"features":["Premium","Responsive","Search Engine Friendly","Retina Ready","Multipurpose","eCommerce","Dropdown Menu","Google map","Drag and Drop Content","MegaMenu","Blog","Gallery","HTML 5","Background video","One click installation"],"styles":["Clean","Mobile"],"isLastAdded":"1","languageSupport":["English","French","Spanish","Russian","German","Deutsch","Japanese","Swedish","Italian","Dutch","Ukrainian","Portuguese (Brazilian)","Polish"],"popularity":"Zero Downloads","currencies":["USD","GBP","EUR"],"topic":["Photography Templates","Photo Gallery Templates","Photographer Portfolio Templates","Mobile Store Templates","Electronics Review Templates","Beauty Templates","Electronics Templates","Fashion Templates","Jewelry Templates","Photo Studio Templates","Design & Photography","Fashion & Beauty","Stock Photo"],"isFree":"none","color":["black","white","grey"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"No","tags":["art","artist","beauty","fashion","gallery","mobile","modern","photography","portfolio","responsive","ecommerce","shopify","stock photo"],"paidSupport":"Yes","themeArchitectureVersion":"Online Store 2.0","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"authorUserId":"78283172","excerpt":"<p><strong>Imajix theme:</strong> where design meets seamless functionality. It offers unparalleled responsiveness, customization, and features for an elevated online presence.</p>","nameOfTheTemplate":"Imajix - Stock Photo And Photography Art Shopify Theme 2.0","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78283172/4b01141b5901d23ac3de3f6df6e5b790.jpg, https://s3u.tmimgcdn.com/u78283172/5a83bef7c17dffac6aa9a17ff364c370.jpg, https://s3u.tmimgcdn.com/u78283172/84946e5880341b246b061d785f3a5747.jpg, https://s3u.tmimgcdn.com/u78283172/702508bff44a483e143626f1c0a169ec.jpg","shortDescription":"<h3>Theme Overview</h3><p>Imajix stands out as an innovative Shopify theme meticulously crafted to cater to professionals within the design and photography industries. Tailored to meet your creative needs, Imajix seamlessly integrates captivating visuals with robust functionality, thereby enhancing your online presence. Let's delve into the distinctive features that position Imajix as the premier choice for your design and photography website.</p><p><strong>Responsive Design:</strong> Imajix guarantees a visually stunning and seamlessly functional website across all devices, ensuring an optimal viewing experience for your visitors, whether they're browsing from desktops, tablets, or smartphones.</p><p><strong>Extensive Settings:</strong> Imajix offers an extensive array of customizable settings, empowering you to fine-tune every element of your website. This flexibility allows you to create a digital space that perfectly aligns with your unique vision and branding.</p><p><strong>3+ Mega Menu Designs:</strong> Simplify navigation for your visitors with Imajix's diverse selection of mega menu designs. Choose from over three exquisite layouts to elegantly showcase your products, services, and content, ensuring an organized and visually appealing presentation.</p><p><strong>SEO Optimization:</strong> Imajix is meticulously engineered with search engine optimization (SEO) in mind, enabling your website to achieve higher rankings in search engine results and attract increased organic traffic. Enhance your online visibility and effortlessly connect with your target audience.</p><p><strong>Full User-Friendly Experience:</strong> Imajix prioritizes user experience, guaranteeing that every visitor enjoys a seamless and intuitive browsing journey. From effortless navigation to lightning-fast load times, Imajix ensures a user-friendly interface that caters to all your visitors' needs.</p><h3>Theme Features</h3><ul><li>Best Responsive Design, Incredible UI/UX</li><li>Include Google’s Rich Product Snippets for Better SEO</li><li>4+ Headers layouts</li><li>Built With Shopify Latest Liquid, CSS 3 + HTML 5</li><li>The \"Add Sections\" Option is Available in the header and footer</li><li>Custom Pages: Contact Us, About Us, T &amp; C, Shipping...</li><li>Other: Password Page, 404 page...</li><li>Product Pages: Gift Card Product, Pre-Order Product</li><li>3+ Sticky Header Feature</li><li>3+ Mega Menu</li><li>Advance Refine Search Design</li><li>Drag &amp; Drop Section Available in Admin</li><li>Latest Testimonial Section</li><li>Dynamic Add To Cart Button With Advance Settings</li><li>Dynamic Quick Buy Button With Advance Settings</li><li>Pre-order and sale Badge Option Available With Advance Settings</li><li>Advanced Size Chart (Different size chart for each product)</li><li>Custom Product Tabs (Different content for each product)</li><li>Classic Customer Accounts</li><li>LookBook Section</li><li>Multi-Media Section</li><li>Latest Service</li><li>3+ Different Cart Ajax Popup Settings</li><li>Complimentary Product On Product Page</li><li>Advance Typography Settings</li><li>Layout &amp; Grid Settings</li><li>3+ Product Filter Settings</li><li>Blog</li><li>Brand Logo</li><li>Powerful Customize</li><li>Responsive &amp; Retina Ready</li><li>Newsletter</li><li>Compatible browsers</li><li>Slick slider</li><li>Quick order list on the product page</li><li>Hybrid Module</li><li>Support Online 24/7</li><li>Offer Banner</li><li>3D Product View</li><li>Product Reviews (app)</li><li>Multi-Language Translation (EN, FR, IT, DE, ES)...</li><li>Product Hover Effect Settings</li><li>Figma File Included In Theme Package</li></ul>","uniqueKeywords":"art,artist,beauty,portfolio,responsive,ecommerce,shopify,fashion,gallery,mobile,modern,photography,stock photo","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78283172/8af54cdaea4cc262cab0ef17a700a6b8.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78283172/92daf2691d853970db0821ff405ba5ee.jpg","livePreviewURL":"https://mitrathemes.com/shopify/imajix/","metaDescription":"Theme OverviewImajix stands out as an innovative Shopify theme meticulously crafted to cater to professionals within the design and photography industries.","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Before you purchase it, get informed about the high quality Imajix - Stock Photo And Photography Art Shopify Theme 2.0 Shopify Theme (#403616) by viewing the live preview. Go through the pages, check out the images, press the buttons, explore the features.","customUrl":"/shopify-themes/imajix-stock-photo-and-photography-art-shopify-theme-2-0-403616.html","productSize":"9525529","trendiness":"1","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: Thu, 21 Nov 2024 11:20:59 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=403616&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=403616&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=403616&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 21 Nov 2024 11:25:59 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://mitrathemes.com/shopify/imajix/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#403616 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/403616.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 #403616            </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=403616&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $82                <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>