string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=218239&expand=properties"
string(11618) "[{"templateId":218239,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":223,"categoryName":"Shoe Store Templates","templateTitle":"Shoe Store Responsive Shopify Theme","templatePreviewHtmlTitle":"Modish - Multipurpose Fashion Shoes Shopify Template","templateDemoHtmlTitle":"Demo Preview for Modish - Multipurpose Fashion Shoes Shopify Template #218239","typeShortName":"Shopify","templatePreviewFBTitle":"<h3>Theme Overview</h3><p>Modish Fashion is create for eCommerce websites. Modish is most unique and Multipurpose eCommerce Shopify theme for online shopping websites with clean code and modern design. Especially, Your customers can easily buy products on every devices. Modish Fashion is a multi-purpose theme with a responsive design, and mobile-friendly. So let’s boost your eCommerce business with the modish theme.</p><p>Modish is a look very stylish, unique and modern design with the lookbook, Some of the advanced features of modish like Mega menu with banners, Unique style, Full width slider, color customizer - Easily you can choose your best color, also you can set width of the container. Fully supported Ltr and Rtl, Multiple currency supported, Products with tab, Special products with unique design, lookbook, testimonials, brand logo with slider, All Home page design with slider, email subscription, Scroll to top button, Latest Blog section for recent news, social follow and share button, useful links. Brif description of product page - main image with inner zoom, Additional image slider, products variants like color selection, size selection, quantity modify, Ajax cart, wishlist and quick view, social share, Product description, review, related product with slider. Category page - List & grid view, Ajax filter, left column, Main category description with image, collection list, pagination.</p><p>Now let's discuss about the function and code usage in this thee. Owl carousel for slider, bootstrap and jquery, lookbook, Tab, quickview, latest news section etc..</p><h2>FEATURES & EXTENSIONS</h2><ul><li>Unique Homepage</li><li>Product Grid - List view</li><li>Hybrid Module</li><li>Unique Product detail design</li><li>Advance refine search design</li><li>Unlimited banners</li><li>Megamenu Multi leyer design</li><li>24x7 Online Support</li><li>Products tab with slider</li><li>Breadcrumb design</li><li>Product Description Tab</li><li>Google fonts</li><li>Related product slider</li><li>Well HTML Documented</li><li>Customer account</li><li>Unlimited Color selection options</li><li>Product Review App</li><li>Retina responsive</li><li>Drag & Drop admin</li><li>Latest blog slider</li><li>Manufacturer logo slider</li><li>Inner product Zoom</li><li>Social share button</li><li>PSD files attach</li><li>Drag and Drop section</li><li>Fast Installation</li></ul>","templateFullTitle":"Modish - Multipurpose Fashion Shoes Shopify Template","templatePreviewMetaDescription":"Theme OverviewModish Fashion is create for eCommerce websites. Modish is most unique and Multipurpose eCommerce Shopify theme for online shopping websites with","templateDemoMetaDescription":"Prior to buying it, get informed about the high quality Modish - Multipurpose Fashion Shoes Shopify Template Shopify Theme (#218239) by experiencing the live preview. View the pages, examine the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Modish - Multipurpose Fashion Shoes Shopify Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/modish-multipurpose-fashion-shoes-shopify-template-218239.html","userRating":0,"designIndex":1,"authorUserId":"1731972","exclusive":"1","state":1,"price":49,"inserted_date":"2021-11-30","sent":0,"downloads":4,"search_words":"ecommerce fashion lifestyle magazine minimal modern shop travel store watches templates shoe store templates fashion templates fashion store templates apparel templates accessories clothing clothes responsive multipurpose webibazaar","is_adult":0,"exc_price":2100,"sent_date":"2021-11-30 11:52:05","last_upload":"2023-10-24 13:44:40","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"218239-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":218239,"width":1600,"window_params":"","banner_url":"","id":2518076,"href":"","height":1000},{"scr_type_id":311,"filename":"218239-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":218239,"width":1600,"window_params":"","banner_url":"","id":2518077,"href":"","height":1000},{"scr_type_id":312,"filename":"218239-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":218239,"width":370,"window_params":"","banner_url":"","id":2518078,"href":"","height":370},{"scr_type_id":9,"filename":"218239-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":218239,"width":145,"window_params":"","banner_url":"","id":2518079,"href":"","height":156},{"scr_type_id":57,"filename":"218239-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":218239,"width":430,"window_params":"","banner_url":"","id":2518080,"href":"","height":269}],"demoUrl":"/demo/218239.html","image":"https://s.tmimgcdn.com/scr/218200/modish-multipurpose-fashion-shoes-shopify-template_218239-original.jpg","searchHash":"0195128e508a100ea1589dabe4994864","previewHash":"a5c81a5ce48c198299f9da6e0cbbf86b","authorNickname":"WebiBazaar","lowLevelTopic":"Shoe Store Templates; Apparel Templates; Fashion Store Templates; Men's Fashion; Women's Fashion","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":49,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["white","red"],"followUpLetter":"shopify-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"22560663","uniqueKeywords":"ecommerce,fashion,lifestyle,magazine,minimal,modern,shop,travel,store,watches templates,shoe store templates,fashion templates,fashion store templates,apparel templates,accessories,clothing,clothes,responsive,multipurpose,webibazaar","templateSupportOptions":"[]","changeLog":"## V.2.1.0 - October 24, 2023\r\n### Update\r\n- Theme package to support the latest Shopify Version.\r\n\r\n## V.2.0.0 - July 26 2022\r\n- Update Megamenu\r\n- Update Shopify\r\n- Improve performance","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Theme OverviewModish Fashion is create for eCommerce websites. Modish is most unique and Multipurpose eCommerce Shopify theme for online shopping websites with","isLastAdded":"1","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1731972/95d0fce48294477f56d30a21ebdfe79b.jpg","features":["Premium","Responsive","Pro","Admin Panel","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","Multipurpose","Dropshipping","eCommerce","Advanced Theme Options","MegaMenu","Performance Optimization","Blog","Online Store/Shop","HTML 5","JQuery","HTML plus JS","Website Builder"],"saleSells":"1","livePreviewURL":"https://dostguru.com/shopify/modish/","authorUserId":"1731972","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1731972/af0e2b3c97c26b3701855e6c19cbdf9c.jpg","templateGroup":"eCommerce Templates","alreadyPacked":"1","exclusive":"1","imagesIncluded":"No","templateIcon":"icon-shopify","lastmod":"2022-02-01T14:17:44-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1731972/736b14124868a3b96a41a0aec40890c5.jpg, https://s3u.tmimgcdn.com/u1731972/3757e860cf7100a4bd532750200e2d39.jpg, https://s3u.tmimgcdn.com/u1731972/3869333273341268b1eec6ddbc1ac321.jpg, https://s3u.tmimgcdn.com/u1731972/658f038e00283c66c7a1ae4e37da4ae7.jpg","types":"Shopify Themes","trendiness":"1","demoMetaDescription":"Prior to buying it, get informed about the high quality Modish - Multipurpose Fashion Shoes Shopify Template Shopify Theme (#218239) by experiencing the live preview. View the pages, examine the images, click the buttons, explore the features.","themeArchitectureVersion":"Online Store 2.0","shortDescription":"<h3>Theme Overview</h3><p>Modish Fashion is create for eCommerce websites. Modish is most unique and Multipurpose eCommerce Shopify theme for online shopping websites with clean code and modern design. Especially, Your customers can easily buy products on every devices. Modish Fashion is a multi-purpose theme with a responsive design, and mobile-friendly. So let’s boost your eCommerce business with the modish theme.</p><p>Modish is a look very stylish, unique and modern design with the lookbook, Some of the advanced features of modish like Mega menu with banners, Unique style, Full width slider, color customizer - Easily you can choose your best color, also you can set width of the container. Fully supported Ltr and Rtl, Multiple currency supported, Products with tab, Special products with unique design, lookbook, testimonials, brand logo with slider, All Home page design with slider, email subscription, Scroll to top button, Latest Blog section for recent news, social follow and share button, useful links. Brif description of product page - main image with inner zoom, Additional image slider, products variants like color selection, size selection, quantity modify, Ajax cart, wishlist and quick view, social share, Product description, review, related product with slider. Category page - List & grid view, Ajax filter, left column, Main category description with image, collection list, pagination.</p><p>Now let's discuss about the function and code usage in this thee. Owl carousel for slider, bootstrap and jquery, lookbook, Tab, quickview, latest news section etc..</p><h2>FEATURES & EXTENSIONS</h2><ul><li>Unique Homepage</li><li>Product Grid - List view</li><li>Hybrid Module</li><li>Unique Product detail design</li><li>Advance refine search design</li><li>Unlimited banners</li><li>Megamenu Multi leyer design</li><li>24x7 Online Support</li><li>Products tab with slider</li><li>Breadcrumb design</li><li>Product Description Tab</li><li>Google fonts</li><li>Related product slider</li><li>Well HTML Documented</li><li>Customer account</li><li>Unlimited Color selection options</li><li>Product Review App</li><li>Retina responsive</li><li>Drag & Drop admin</li><li>Latest blog slider</li><li>Manufacturer logo slider</li><li>Inner product Zoom</li><li>Social share button</li><li>PSD files attach</li><li>Drag and Drop section</li><li>Fast Installation</li></ul>","tags":["accessories","clothes","clothing","fashion","lifestyle","magazine","minimal","modern","multipurpose","responsive","shop","store","travel","ecommerce","apparel templates","fashion store templates","webibazaar","fashion templates","watches templates","shoe store templates"],"bitLyUrl":"https://bit.ly/3G0po0X","customUrl":"/shopify-themes/modish-multipurpose-fashion-shoes-shopify-template-218239.html","nameOfTheTemplate":"Modish - Multipurpose Fashion Shoes Shopify Template","paidSupport":"Yes","topic":["Shoe Store Templates","Apparel Templates","Fashion Templates","Fashion Store Templates","Fashion & Beauty","Men's Fashion","Women's Fashion"],"changeLogDate":"2023-10-24","styles":"Clean","marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u1731972/ee31a32f65067a0bdcbcb8593f7a1d01.jpg","excerpt":"<p>Elevate your fashion brand with our Fashion Multipurpose Shopify Template. Sleek and versatile design. Get it now!</p>","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, 25 Apr 2024 09:23:11 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=218239&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=218239&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=218239&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 09:28:11 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://dostguru.com/shopify/modish/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#218239 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/218239.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 #218239            </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=218239&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $45                <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>