string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=102404&expand=properties"
string(15295) "[{"templateId":102404,"typeId":69,"typeName":"WooCommerce Theme","typeUrl":"woocommerce-themes","categoryId":287,"categoryName":"Drug Store Templates","templateTitle":"Drug Store Responsive WooCommerce Theme","templatePreviewHtmlTitle":"Medistic - The Premium Medical Store WooCommerce Theme","templateDemoHtmlTitle":"Live preview for Medistic - The Premium Medical Store WooCommerce Theme #102404","typeShortName":"WooCommerce","templatePreviewFBTitle":"<p><strong>Medistic is a premium WooCommerce theme</strong> that is specifically designed for medical-related websites. It is a responsive theme that caters to various medical fields such as dentistry, health, medicine, fitness, pharmacy, care, clinic, hospital, and surgeon websites.</p><p><strong> Features</strong></p><p><strong>Medistic is an excellent choice for those who want to create a professional and sleek website. Here are some of the features that make it stand out:</strong></p><ul><li><strong>Responsive Design : </strong>Medistic is designed with a mobile-first approach, meaning that it adapts to all screen sizes. The theme is optimized for speed and performance to provide an excellent user experience across all devices.</li><li><strong>Customization Options :</strong> Medistic provides powerful customization options that allow you to tailor the theme to meet your needs. You can customize the colors, fonts, layout, and design elements to match your brand's identity.</li><li><strong>eCommerce Ready :</strong> Medistic is an eCommerce ready theme that comes with WooCommerce integration. This allows you to set up an online store and sell your products or services directly from your website.</li><li><strong>SEO-Friendly :</strong> Medistic is optimized for search engines, making it easier for your website to rank higher in search results. This helps to drive more traffic to your website and increase your online visibility.</li><li><strong>One-Click Demo Import :</strong> Medistic comes with a one-click demo import feature that allows you to import pre-built demos with just one click. This helps you to get started quickly and easily.</li></ul><p> </p><p><strong>Compatibility</strong></p><ul><li><strong>WordPress Version: 5.0.x to 5.9.x, 6.0.x to 6.1.x, 6.2.x</strong></li><li><strong>WooCommerce Version: 5.0.x to 5.9.x, 6.0.x to 6.9.x, 7.0.x to 7.5.x</strong></li></ul><p><strong> </strong></p><p><strong>Advanced Themes Features</strong></p><ol><li><strong>100% Responsive Theme</strong></li><li><strong>Validated HTML5 and CSS3</strong></li><li><strong>Google Fonts integrated</strong></li><li><strong>Easy Use and Easy Customize</strong></li><li><strong>Avoid JavaScript Confliction</strong></li><li><strong>No Core Files Modifications</strong></li><li><strong> Multiple Language &amp; Currency</strong></li><li><strong>Search Engine Optimization</strong></li><li><strong>Unlimited Banners</strong></li><li><strong>Easy Page layout settings</strong></li><li><strong>Blog Module Included</strong></li><li><strong>Product Comment Module</strong></li><li><strong>Product Wish list Module</strong></li><li><strong>Category Wise Products Tab Slider</strong></li><li><strong>Secondary Product Image on hover</strong></li><li><strong>Cloud Zoom Integration on product detail page</strong></li><li><strong>Related Product slider on product page</strong></li><li><strong>Cross sale Product slider on checkout page</strong></li><li><strong>Shopping Cart Dropdown at header</strong></li><li><strong>Featured Products Module</strong></li><li><strong>Latest Products Module</strong></li><li><strong>Top Selling Products Module</strong></li><li><strong>Special Products Module</strong></li><li><strong>Manufactured Module</strong></li><li><strong>Flexible CMS Blocks</strong></li><li><strong>Full PSD files</strong></li><li><strong>Compatible with all major browsers</strong></li><li><strong>Well-structured and commented code for easy customization</strong></li><li><strong>Easy Setup with Theme Documentation</strong></li></ol>","templateFullTitle":"Medistic - The Premium Medical Store WooCommerce Theme","templatePreviewMetaDescription":"Medistic is a premium WooCommerce theme that is specifically designed for medical-related websites. It is a responsive theme that caters to various medical","templateDemoMetaDescription":"The demo of this Medistic - The Premium Medical Store WooCommerce Theme (#102404) is presented here for you to get the look and feel of the theme before you buy it. View the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Medistic - The Premium Medical Store WooCommerce Theme","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/woocommerce-themes/medistic-the-premium-medical-store-woocommerce-theme-102404.html","userRating":0,"designIndex":"88","authorUserId":"1532010","exclusive":"1","state":1,"price":47,"inserted_date":"2020-05-26","sent":0,"downloads":4,"search_words":"thementic woocommerce responsive drugstore medical medicine corona vaccine dentist mask covid19 covid-19 n95mask clinic doctor drug equipment ecommerce herbal hospital","is_adult":0,"exc_price":2820,"sent_date":"2020-05-26 07:58:17","last_upload":"2022-09-10 01:39:44","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"102404-2-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":102404,"width":1600,"window_params":"","banner_url":"","id":1940564,"href":"","height":1000},{"scr_type_id":311,"filename":"102404-2-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":102404,"width":1600,"window_params":"","banner_url":"","id":1940565,"href":"","height":1000},{"scr_type_id":312,"filename":"102404-2-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":102404,"width":370,"window_params":"","banner_url":"","id":1940566,"href":"","height":370},{"scr_type_id":9,"filename":"102404-2-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":102404,"width":145,"window_params":"","banner_url":"","id":1940567,"href":"","height":156},{"scr_type_id":57,"filename":"102404-2-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":102404,"width":430,"window_params":"","banner_url":"","id":1940568,"href":"","height":269}],"demoUrl":"/demo/102404.html","image":"https://s.tmimgcdn.com/scr/102400/medistic-the-premium-medical-store-woocommerce-theme_102404-2-original.jpg","searchHash":"54cf7caf4994ad5ebf2a3ea5972ec8b9","previewHash":"5c6fb885c722adb90334be14768c59cc","authorNickname":"Thementic","lowLevelTopic":"Drug Store Templates; Medical Equipment Templates; Herbal Templates; Doctor","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":47,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productSize":"64575771","uniqueKeywords":"thementic,woocommerce,responsive,drugstore,medical,medicine,corona,vaccine,dentist,mask,covid19,covid-19,n95mask,clinic,doctor,drug,equipment,ecommerce,herbal,hospital","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Medistic is a premium WooCommerce theme that is specifically designed for medical-related websites. It is a responsive theme that caters to various medical","excludeExclusive":"Yes","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1532010/91c6e739139b8c59963f3249f48736bd.jpg","features":["Parallax","HTML 5","Admin Panel","Ajax","Bootstrap","Multipurpose","Responsive","Retina Ready","Search Engine Friendly","Online Store/Shop","Website Builder","Advanced Theme Options","Blog","Drag and Drop Content","Dropdown Menu","eCommerce","Gallery","Google map","JQuery","Lazy Load effect","Light Template","MegaMenu","Performance Optimization","Portfolio","Premium","Pro","Quickstart Package","Right to left language support","Sample content","Single Product","Sliced PSD","Static","Tabs","Team Members"],"saleSells":"1","authorUserId":"1532010","isFree":"none","htmlTitle":"Medistic - The Premium Medical Store","exclusive":"1","wordPressBuilder":"WPBakery Page Builder","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"lastmod":"2020-09-22T09:03:15-04:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1532010/0a126f3e5101fdc13bd6a7babf05ed79.jpg, https://s3u.tmimgcdn.com/u1532010/145247960a169c675b3949d86a806b7b.jpg, https://s3u.tmimgcdn.com/u1532010/c9c379bf200efa4a5791834e9df57882.jpg, https://s3u.tmimgcdn.com/u1532010/d2a459d0a66dfedc75933d9db2c600c6.jpg, https://s3u.tmimgcdn.com/u1532010/9a86b4e94b74ab42759ce26f823e57fb.jpg, https://s3u.tmimgcdn.com/u1532010/6838aefa7f5bef9e6e73fd52910842b6.jpg","authorMainScreenshotVersion":"2","wordpressEngine":"5.4.x","compatibleWith":["Revolution Slider","WPML","MailChimp","WooCommerce"],"wordpressComCompatibility":"Not Compatible","demoMetaDescription":"The demo of this Medistic - The Premium Medical Store WooCommerce Theme (#102404) is presented here for you to get the look and feel of the theme before you buy it. View the pages, check the images, press the buttons, explore the features.","wooCommerceCompatibility":["6.8.x","6.7.x","6.6.x","6.5.x","6.4.x","6.3.x","6.2.x","6.1.x","6.0.x","7.5.x","7.4.x","7.3.x","7.2.x","7.1.x","7.0.x","6.9.x"],"shortDescription":"<p><strong>Medistic is a premium WooCommerce theme</strong> that is specifically designed for medical-related websites. It is a responsive theme that caters to various medical fields such as dentistry, health, medicine, fitness, pharmacy, care, clinic, hospital, and surgeon websites.</p><p><strong> Features</strong></p><p><strong>Medistic is an excellent choice for those who want to create a professional and sleek website. Here are some of the features that make it stand out:</strong></p><ul><li><strong>Responsive Design : </strong>Medistic is designed with a mobile-first approach, meaning that it adapts to all screen sizes. The theme is optimized for speed and performance to provide an excellent user experience across all devices.</li><li><strong>Customization Options :</strong> Medistic provides powerful customization options that allow you to tailor the theme to meet your needs. You can customize the colors, fonts, layout, and design elements to match your brand's identity.</li><li><strong>eCommerce Ready :</strong> Medistic is an eCommerce ready theme that comes with WooCommerce integration. This allows you to set up an online store and sell your products or services directly from your website.</li><li><strong>SEO-Friendly :</strong> Medistic is optimized for search engines, making it easier for your website to rank higher in search results. This helps to drive more traffic to your website and increase your online visibility.</li><li><strong>One-Click Demo Import :</strong> Medistic comes with a one-click demo import feature that allows you to import pre-built demos with just one click. This helps you to get started quickly and easily.</li></ul><p> </p><p><strong>Compatibility</strong></p><ul><li><strong>WordPress Version: 5.0.x to 5.9.x, 6.0.x to 6.1.x, 6.2.x</strong></li><li><strong>WooCommerce Version: 5.0.x to 5.9.x, 6.0.x to 6.9.x, 7.0.x to 7.5.x</strong></li></ul><p><strong> </strong></p><p><strong>Advanced Themes Features</strong></p><ol><li><strong>100% Responsive Theme</strong></li><li><strong>Validated HTML5 and CSS3</strong></li><li><strong>Google Fonts integrated</strong></li><li><strong>Easy Use and Easy Customize</strong></li><li><strong>Avoid JavaScript Confliction</strong></li><li><strong>No Core Files Modifications</strong></li><li><strong> Multiple Language &amp; Currency</strong></li><li><strong>Search Engine Optimization</strong></li><li><strong>Unlimited Banners</strong></li><li><strong>Easy Page layout settings</strong></li><li><strong>Blog Module Included</strong></li><li><strong>Product Comment Module</strong></li><li><strong>Product Wish list Module</strong></li><li><strong>Category Wise Products Tab Slider</strong></li><li><strong>Secondary Product Image on hover</strong></li><li><strong>Cloud Zoom Integration on product detail page</strong></li><li><strong>Related Product slider on product page</strong></li><li><strong>Cross sale Product slider on checkout page</strong></li><li><strong>Shopping Cart Dropdown at header</strong></li><li><strong>Featured Products Module</strong></li><li><strong>Latest Products Module</strong></li><li><strong>Top Selling Products Module</strong></li><li><strong>Special Products Module</strong></li><li><strong>Manufactured Module</strong></li><li><strong>Flexible CMS Blocks</strong></li><li><strong>Full PSD files</strong></li><li><strong>Compatible with all major browsers</strong></li><li><strong>Well-structured and commented code for easy customization</strong></li><li><strong>Easy Setup with Theme Documentation</strong></li></ol>","tags":["clinic","corona","dentist","doctor","drug","drugstore","equipment","herbal","hospital","mask","medical","medicine","responsive","vaccine","woocommerce","ecommerce","thementic","covid19","covid-19","n95mask"],"customUrl":"/woocommerce-themes/medistic-the-premium-medical-store-woocommerce-theme-102404.html","nameOfTheTemplate":"Medistic - The Premium Medical Store WooCommerce Theme","pHPVersionCompatibility":["8.1","8.0","7.4"],"topic":["Drug Store Templates","Medical Equipment Templates","Medical Templates","Herbal Templates","Doctor"],"changeLogDate":"2022-09-09","styles":["Clean","Corporate","Flat","Futurist","Material Design","Minimalist"],"advImage":"https://s3u.tmimgcdn.com/u1532010/20eb2229583234eab4f455929067f486.jpg","excerpt":"Medistic is a premium eCommerce theme that is specifically designed for medical-related websites for dentistry, health, medicine, fitness, pharmacy, care, clinic, hospital, and surgeon websites.","productFamily":"None","color":["white","grey","green"],"followUpLetter":"woocommerce-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"wordpressCompatibility":["5.6.x","6.0.x","5.9.x","5.8.x","5.7.x","5.5.x","5.4.x","5.3.x","5.2.x","5.1.x","5.0.x","6.2.x","6.1.x"],"changeLog":"## Update History\n\nNOTE : Please do not replace the current theme files with the old one otherwise your old changes will be lost.\n\n## May 26, 2020 Theme version 1.0.0\n\n- Initial Release\n\n## Sep 07, 2022 Theme version 1.0.0\n\n- Update Theme Plugins\n- Update theme's sample data\n- Udpates Premium Plugins Revolution Slider &amp; WP Bakery plugin","templateSupportOptions":"[]","livePreviewURL":"https://splashythemes.com/wordpress/woo/WCM01/WCM010048/","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1532010/e324b0d01f2a54e9c349fa9264e3b871.jpg","templateGroup":"Wordpress Store","databaseServerCompatibility":["MySQL 8.0","MySQL 5.7"],"alreadyPacked":"1","imagesIncluded":"Yes","templateIcon":"icon-woo","types":"WooCommerce Themes","wooCommerceEngine":"4.1.x","designSoftware":"Adobe Photoshop","trendiness":"1","bitLyUrl":"https://bit.ly/2X1Q3Xs","webForms":["Advanced Search","Contact Form","Login Form","Newsletter Subscription","User Registration","Search Form"],"paidSupport":"Yes","marketplaceMembership":"One","category":"Website templates","dqi":"88"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Mon, 29 Apr 2024 03:09:40 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=102404&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=102404&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=102404&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 29 Apr 2024 03:14:40 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://splashythemes.com/wordpress/woo/WCM01/WCM010048/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#102404 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/102404.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">
                WooCommerce Themes #102404            </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=102404&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $43                <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="/woocommerce-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>