string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=349856&expand=properties"
string(14129) "[{"templateId":349856,"typeId":69,"typeName":"WooCommerce Theme","typeUrl":"woocommerce-themes","categoryId":226,"categoryName":"Jeans Templates","templateTitle":"Jeans Responsive WooCommerce Theme","templatePreviewHtmlTitle":"Calibre | WooCommerce WordPress Theme - TemplateMonster","templateDemoHtmlTitle":"Live preview for Calibre | WooCommerce WordPress Theme #349856","typeShortName":"WooCommerce","templatePreviewFBTitle":"<p>Introducing the Calibre WooCommerce Theme, Step into a world of refined style and unparalleled functionality with the Calibre WooCommerce theme. Designed to seamlessly blend the worlds of fashion and minimalism, It offers a unique and engaging online shopping experience for both merchants and customers alike. At the heart of Calibre lies its clean and responsive design, carefully crafted to ensure your products take center stage. It takes navigation to the next level with its built-in mega menu feature. Easily showcase categories, products, and promotions in a dynamic and visually appealing manner. Simplicity meets power with Calibre's robust theme and plugin management options. Its user-friendly interface enables merchants to customize layouts, colors, typography, and more, all without diving into the intricacies of web development.</p><h2>Theme Feature:-</h2><p><strong>Streamlined Shortcode:</strong></p><p>You can Manage Shortcode with admin side Plugin Settings</p><p><strong>Fully Responsive Design:</strong></p><p>Enjoy seamless accessibility on any device with Calibre's fully responsive layout, ensuring a smooth user experience across desktops, tablets, and smartphones.</p><p><strong>Smart Responsive Product Grid:</strong></p><p>Showcase your products beautifully with the smart responsive product grid, enhancing visual appeal and user engagement.</p><p><strong>Google Fonts Integration:</strong></p><p>Customize your website's typography with a wide selection of Google Fonts, adding a unique and captivating touch to your content.</p><p><strong>Unlimited Banners + Sliders:</strong></p><p>Capture your audience's attention with unlimited banners and sliders, creating visually stunning displays to highlight your offerings.</p><p><strong>Multilingual Support, Including RTL:</strong></p><p>Reach a global audience with support for multiple languages, including Right-to-Left (RTL) language compatibility.</p><p><strong>SEO-Friendly:</strong></p><p>Optimize your website for better search engine visibility and ranking, attracting more visitors and potential customers.</p><p><strong>Fast Loading + CSS Sprite:</strong></p><p>Improve website performance and loading times with optimization techniques, enhancing user satisfaction.</p><p><strong>Easy Shopping Cart Dropdown:</strong></p><p>Streamline the shopping experience for customers with an easy-to-access shopping cart dropdown from the header.</p><p><strong>Figma Files Supplied:</strong></p><p>Customize the design to your liking with the full Figma files provided, allowing for seamless design personalization.</p><p><strong>Cross-Browser Compatibility:</strong></p><p>Ensure your website works flawlessly on all major browsers, expanding your reach to a wider audience.</p><p><strong>HTML5 and CSS3 Technologies:</strong></p><p>Utilise modern design and interactivity elements with HTML5, CSS3 and jQuery technologies, keeping your website up-to-date.</p><p><strong>Commented Code:</strong></p><p>Easily customize and modify the theme to suit your needs with well-commented code, offering simplicity in customization.</p><p><strong>Full User Guide Documentation:</strong></p><p>Receive comprehensive assistance with theme installation and utilization through the full user guide documentation.</p><p><strong>Cloud Zoom Integration:</strong></p><p>Allow users to view product details up close with Cloud Zoom integration, enhancing the shopping experience.</p><p><strong>Related Product Scroller:</strong></p><p>Simplify product navigation for customers with the related product scroller on the product detail page, encouraging further exploration.</p><h2>Exciting Features:</h2><p>WordPress 5.1.x + Ready</p><p>Ultra Responsive Design</p><p>Modern Showcase Portfolio</p><p>Demo Files Included (XML)</p><p>SEO Optimised</p><p>Tons of Unique Shortcodes</p><p>Valid HTML5 / CSS3</p><p>Powerful Options for All Elements</p><p>Extensive Theme Options</p><p>Support Ticket System</p><p>Custom Theme Widgets</p>","templateFullTitle":"Calibre | WooCommerce WordPress Theme","templatePreviewMetaDescription":"Introducing the Calibre WooCommerce Theme, Step into a world of refined style and unparalleled functionality with the Calibre WooCommerce theme. Designed to","templateDemoMetaDescription":"Sit back and watch the demo of the top notch Calibre | WooCommerce WordPress Theme WooCommerce Theme (#349856) get yourself familiar with this design prior to buying it. Browse through the pages, check out the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Calibre | WooCommerce WordPress Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/woocommerce-themes/calibre-woocommerce-wordpress-theme-349856.html","userRating":0,"designIndex":1,"authorUserId":"78278567","exclusive":"1","state":10,"price":30,"inserted_date":"2023-08-08","sent":0,"downloads":0,"search_words":"woocommerce wordpress responsive clothes clothing fashion kids shop modern","is_adult":0,"exc_price":2100,"sent_date":"2023-08-08 12:08:43","last_upload":"2023-08-08 12:09:20","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3176029,"templ_id":349856,"filename":"349856-original.png","width":800,"height":501,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3176030,"templ_id":349856,"filename":"349856-big.png","width":800,"height":501,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3176031,"templ_id":349856,"filename":"349856-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":3176032,"templ_id":349856,"filename":"349856-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":3176033,"templ_id":349856,"filename":"349856-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/349856.html","image":"https://s.tmimgcdn.com/scr/349800/calibre--woocommerce-wordpress-theme_349856-original.png","searchHash":"04fd68a75668821f30f3b766eee4f02e","previewHash":"df4d16eba7f8cdb4ec145b2fb0007b2f","authorNickname":"Freshcodes","lowLevelTopic":"Jeans Templates; Fashion Store Templates; Kids' fashion; Men's Fashion; Women's Fashion","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":50,"onSale":0,"finalPrice":22,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Responsive","Admin Panel","Ajax","Dropdown Menu","Advanced Theme Options","MegaMenu","Blog","Gallery","Portfolio","HTML 5","JQuery"],"isLastAdded":"1","popularity":"Zero Downloads","topic":["Jeans Templates","Fashion Templates","Fashion Store Templates","Fashion & Beauty","Kids' fashion","Men's Fashion","Women's Fashion"],"isFree":"none","color":["black","white","grey"],"productOfTheDay":"-4","showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","compatibleWith":["WooCommerce","WPML","MailChimp"],"marketplaceMembership":"One","imagesIncluded":"No","tags":["clothes","clothing","fashion","kids","modern","responsive","shop","wordpress","woocommerce"],"wordPressBuilder":["Gutenberg Editor","Elementor Website Builder"],"wordpressCompatibility":["5.3.x","5.4.x","5.5.x","5.6.x","5.7.x","5.8.x","5.9.x","6.0.x","6.1.x","6.2.x"],"paidSupport":"Yes","wordpressComCompatibility":"Not Compatible","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"designSoftware":"Figma","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"wooCommerceCompatibility":["6.8.x","6.9.x","7.0.x","7.1.x","7.2.x","7.3.x","7.4.x","7.5.x","7.6.x","7.7.x","7.9.x"],"authorUserId":"78278567","excerpt":"<p>Discover Calibre: Clothing WooCommerce Clean Theme. Built with Elementor and WooCommerce compatibility. Customizable widgets, powerful shortcodes, responsive design, and a mega menu.</p>","nameOfTheTemplate":"Calibre | WooCommerce WordPress Theme","shortDescription":"<p>Introducing the Calibre WooCommerce Theme, Step into a world of refined style and unparalleled functionality with the Calibre WooCommerce theme. Designed to seamlessly blend the worlds of fashion and minimalism, It offers a unique and engaging online shopping experience for both merchants and customers alike. At the heart of Calibre lies its clean and responsive design, carefully crafted to ensure your products take center stage. It takes navigation to the next level with its built-in mega menu feature. Easily showcase categories, products, and promotions in a dynamic and visually appealing manner. Simplicity meets power with Calibre's robust theme and plugin management options. Its user-friendly interface enables merchants to customize layouts, colors, typography, and more, all without diving into the intricacies of web development.</p><h2>Theme Feature:-</h2><p><strong>Streamlined Shortcode:</strong></p><p>You can Manage Shortcode with admin side Plugin Settings</p><p><strong>Fully Responsive Design:</strong></p><p>Enjoy seamless accessibility on any device with Calibre's fully responsive layout, ensuring a smooth user experience across desktops, tablets, and smartphones.</p><p><strong>Smart Responsive Product Grid:</strong></p><p>Showcase your products beautifully with the smart responsive product grid, enhancing visual appeal and user engagement.</p><p><strong>Google Fonts Integration:</strong></p><p>Customize your website's typography with a wide selection of Google Fonts, adding a unique and captivating touch to your content.</p><p><strong>Unlimited Banners + Sliders:</strong></p><p>Capture your audience's attention with unlimited banners and sliders, creating visually stunning displays to highlight your offerings.</p><p><strong>Multilingual Support, Including RTL:</strong></p><p>Reach a global audience with support for multiple languages, including Right-to-Left (RTL) language compatibility.</p><p><strong>SEO-Friendly:</strong></p><p>Optimize your website for better search engine visibility and ranking, attracting more visitors and potential customers.</p><p><strong>Fast Loading + CSS Sprite:</strong></p><p>Improve website performance and loading times with optimization techniques, enhancing user satisfaction.</p><p><strong>Easy Shopping Cart Dropdown:</strong></p><p>Streamline the shopping experience for customers with an easy-to-access shopping cart dropdown from the header.</p><p><strong>Figma Files Supplied:</strong></p><p>Customize the design to your liking with the full Figma files provided, allowing for seamless design personalization.</p><p><strong>Cross-Browser Compatibility:</strong></p><p>Ensure your website works flawlessly on all major browsers, expanding your reach to a wider audience.</p><p><strong>HTML5 and CSS3 Technologies:</strong></p><p>Utilise modern design and interactivity elements with HTML5, CSS3 and jQuery technologies, keeping your website up-to-date.</p><p><strong>Commented Code:</strong></p><p>Easily customize and modify the theme to suit your needs with well-commented code, offering simplicity in customization.</p><p><strong>Full User Guide Documentation:</strong></p><p>Receive comprehensive assistance with theme installation and utilization through the full user guide documentation.</p><p><strong>Cloud Zoom Integration:</strong></p><p>Allow users to view product details up close with Cloud Zoom integration, enhancing the shopping experience.</p><p><strong>Related Product Scroller:</strong></p><p>Simplify product navigation for customers with the related product scroller on the product detail page, encouraging further exploration.</p><h2>Exciting Features:</h2><p>WordPress 5.1.x + Ready</p><p>Ultra Responsive Design</p><p>Modern Showcase Portfolio</p><p>Demo Files Included (XML)</p><p>SEO Optimised</p><p>Tons of Unique Shortcodes</p><p>Valid HTML5 / CSS3</p><p>Powerful Options for All Elements</p><p>Extensive Theme Options</p><p>Support Ticket System</p><p>Custom Theme Widgets</p>","uniqueKeywords":"woocommerce,wordpress,responsive,clothes,clothing,fashion,kids,shop,modern","advImage":"https://s3u.tmimgcdn.com/u78278567/7a9a6921eb4d9df2773b1d78019a1666.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78278567/f3bc2574de4f23746aa9a776083765e3.png","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78278567/568cd5415555108f4c6f82f1226490a2.png","livePreviewURL":"https://calibre.freshcodes.in/","metaDescription":"Introducing the Calibre WooCommerce Theme, Step into a world of refined style and unparalleled functionality with the Calibre WooCommerce theme. Designed to","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Sit back and watch the demo of the top notch Calibre | WooCommerce WordPress Theme WooCommerce Theme (#349856) get yourself familiar with this design prior to buying it. Browse through the pages, check out the images, click the buttons, explore the functionality.","customUrl":"/woocommerce-themes/calibre-woocommerce-wordpress-theme-349856.html","productSize":"151330549","trendiness":"1","types":"WooCommerce Themes","templateIcon":"icon-woo","followUpLetter":"woocommerce-offers","productFamily":"None","templateGroup":"Wordpress Store","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: Mon, 29 Apr 2024 20:26:50 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=349856&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=349856&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=349856&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 29 Apr 2024 20:31:50 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://calibre.freshcodes.in/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#349856 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/349856.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 #349856            </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=349856&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $28                <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>