string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=51321&expand=properties"
string(12948) "[{"templateId":51321,"typeId":27,"typeName":"Magento theme","typeUrl":"magento-themes","categoryId":497,"categoryName":"Men's Underwear Templates","templateTitle":"Men's Underwear Responsive Magento Theme","templatePreviewHtmlTitle":"Underwear for Men Magento Theme #51321 - TemplateMonster","templateDemoHtmlTitle":"Live demo for Underwear for Men Magento Theme #51321","typeShortName":"Magento","templatePreviewFBTitle":"Men usually don't want to spend much time shopping. That's why, web stores can be really helpful sometimes. Showcase your collection of underwear online and get a rapid sales increase. Our template will give you a quick start. Its grey layout with red buttons and important text messages appeal to male taste and psychological peculiarities. New products are presented in four columns. Large banners above them make the navigation more visual. A slider represents the latest underwear items that attract the buyers. From our viewpoint it's a great choice for male underwear merchants.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Beauty Magento theme is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search engine friendly is a theme that lets easily crawl and index the website.</p> <p><b>Why is it Good?</b></p><p>SEO helps to make it to the top of search engine results and fit the ranking factors necessary for the most popular search engines. As a result, your website is visible on the web. </p><p>Find latest <a href=\"https://www.templatemonster.com/seo-magento-themes/\">Search Engine Friendly Magento design themes</a> here</p> <h3>This Men's Underwear Manufacturer Magento theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is a technique of web design that enables web pages to adjust to a screen resolution of any sort of gadget - may it be a pc, a tablet or a smartphone.</p> <p><b>Why is it Good?</b></p><p>It is good considering that the website can be reached by more users from the vast amount of gadgets. </p><p>Find newest <a href=\"https://www.templatemonster.com/responsive-magento-themes/\">Responsive Magento templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Underwear for Men Magento Theme","templatePreviewMetaDescription":"Men usually don't want to spend much time shopping. That's why, web stores can be really helpful sometimes. Showcase your collection of underwear online and","templateDemoMetaDescription":"Check out the live preview for the professional Underwear for Men Magento Theme (#51321) to discover what this theme is before buying it. Go through the pages, check the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Underwear for Men Magento Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/magento-themes/51321.html","userRating":0,"designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":188,"inserted_date":"2014-09-22","sent":2,"downloads":17,"search_words":"Underwear man men shop briefs boxer shorts boxers sexy sleep pantie swim wear swimming trunks","is_adult":0,"exc_price":2500,"sent_date":"2014-09-23 06:15:14","last_upload":"2014-09-22 00:00:00","package_id":155,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":78,"filename":"51321-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":51321,"width":0,"window_params":"","banner_url":"","id":1416257,"href":"","height":0},{"scr_type_id":314,"filename":"51321-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51321,"width":1600,"window_params":"","banner_url":"","id":1416258,"href":"","height":2676},{"scr_type_id":311,"filename":"51321-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51321,"width":965,"window_params":"","banner_url":"","id":1416259,"href":"","height":1614},{"scr_type_id":205,"filename":"51321-magento.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51321,"width":430,"window_params":"","banner_url":"","id":1416260,"href":"","height":60},{"scr_type_id":3,"filename":"51321-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51321,"width":408,"window_params":"","banner_url":"","id":1416261,"href":"","height":55},{"scr_type_id":298,"filename":"51321-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51321,"width":430,"window_params":"","banner_url":"","id":1416262,"href":"","height":900},{"scr_type_id":3,"filename":"51321-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51321,"width":1600,"window_params":"","banner_url":"","id":1416263,"href":"","height":2676},{"scr_type_id":300,"filename":"51321-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51321,"width":320,"window_params":"","banner_url":"","id":1416264,"href":"","height":900},{"scr_type_id":312,"filename":"51321-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51321,"width":370,"window_params":"","banner_url":"","id":1416265,"href":"","height":370},{"scr_type_id":204,"filename":"51321-m-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51321,"width":430,"window_params":"","banner_url":"","id":1416266,"href":"","height":767},{"scr_type_id":315,"filename":"51321-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51321,"width":1600,"window_params":"","banner_url":"","id":1416267,"href":"","height":2676},{"scr_type_id":3,"filename":"51321-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51321,"width":1600,"window_params":"","banner_url":"","id":1416268,"href":"","height":2676},{"scr_type_id":3,"filename":"51321-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51321,"width":895,"window_params":"","banner_url":"","id":1416269,"href":"","height":599},{"scr_type_id":299,"filename":"51321-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51321,"width":430,"window_params":"","banner_url":"","id":1416270,"href":"","height":900},{"scr_type_id":9,"filename":"51321-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51321,"width":145,"window_params":"","banner_url":"","id":1416271,"href":"","height":156},{"scr_type_id":334,"filename":"51321-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51321,"width":1600,"window_params":"","banner_url":"","id":1636537,"href":"","height":2676}],"demoUrl":"/demo/51321.html","image":"https://s.tmimgcdn.com/scr/51300/underwear-for-men-magento-theme_51321-original.jpg","searchHash":"488e2204507b0488ec256dc8a34e64a9","previewHash":"4b1325f2b3cfc2a27bcb71a8d5c73b1f","authorNickname":"WT","lowLevelTopic":"Men's Underwear Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":132,"discountPercent":30,"discountAmount":56,"semiannualSales":0,"properties":{"kindOfShops":"The theme is suitable for online men's underwear, clothing, and accessories stores.","categoriesView":["Grid","List"],"uniqueKeywords":"Underwear for men","metaDescription":"That's a smart thing to do - go and check all the info on a Underwear for Men Magento Theme (#51321) before purchasing it. That is what the detailed preview is for.","magentoEngine":"1.9.2.4","features":["Admin Panel","Responsive","Online Store/Shop","HTML plus JS","HTML 5","JQuery","Sliced PSD","Dropdown Menu","Google map","Sample content","Search Engine Friendly"],"templateSources":[".PSD",".XML",".PHTML",".CSS"],"languageSupport":["English","Spanish","Russian","German"],"authorUserId":"1553971","jqueryScripts":"Responsive Slider","isFree":"none","hELPURL":"/quick-start-guide/magento/","documentationVersion":"v1.0","imageDescription":"https://s.tmimgcdn.com/scr/51300/51321-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Clean install without sample data","Magento community edition 1.9.x","PHP editor."],"lastmod":"2020-10-10T00:38:40-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"magentoCompatibility":"1.9.2.x","demoMetaDescription":"Check out the live preview for the professional Underwear for Men Magento Theme (#51321) to discover what this theme is before buying it. Go through the pages, check the images, press the buttons, explore the functionality.","shortDescription":"Men usually don't want to spend much time shopping. That's why, web stores can be really helpful sometimes. Showcase your collection of underwear online and get a rapid sales increase. Our template will give you a quick start. Its grey layout with red buttons and important text messages appeal to male taste and psychological peculiarities. New products are presented in four columns. Large banners above them make the navigation more visual. A slider represents the latest underwear items that attract the buyers. From our viewpoint it's a great choice for male underwear merchants.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Beauty Magento theme is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search engine friendly is a theme that lets easily crawl and index the website.</p> <p><b>Why is it Good?</b></p><p>SEO helps to make it to the top of search engine results and fit the ranking factors necessary for the most popular search engines. As a result, your website is visible on the web. </p><p>Find latest <a href=\"https://www.templatemonster.com/seo-magento-themes/\">Search Engine Friendly Magento design themes</a> here</p> <h3>This Men's Underwear Manufacturer Magento theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is a technique of web design that enables web pages to adjust to a screen resolution of any sort of gadget - may it be a pc, a tablet or a smartphone.</p> <p><b>Why is it Good?</b></p><p>It is good considering that the website can be reached by more users from the vast amount of gadgets. </p><p>Find newest <a href=\"https://www.templatemonster.com/responsive-magento-themes/\">Responsive Magento templates</a> here</p> <br /></div></div></div></div>","tags":["boxer","boxers","briefs","for","man","men","pantie","sexy","shop","shorts","sleep","swim","swimming","trunks","wear","underwear"],"customUrl":"/magento-themes/51321.html","badge":"badge-responsive","nameOfTheTemplate":"Underwear for Men Magento Theme","topic":["Fashion Templates","Men's Underwear Templates","Fashion & Beauty","Men's Fashion"],"styles":["Neutral","Flat"],"advImage":"https://s.tmimgcdn.com/scr/51300/51321-original.jpg","productFamily":"None","color":["black","white","grey"],"followUpLetter":"magento-offers","isbestsellers":"1","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","media":"Video Integration","bootstrapVersion":"2.1.0","livePreviewURL":"https://livedemo00.template-help.com/magento_51321","templateGroup":"eCommerce Templates","installation":"Installation and set up instructions are attached (look for Documentation folder).","galleryScript":["Accordion","Carousel","Slider"],"dynamicChangeLog":"<ul>\n<li>- 1 minor CSS bugs fixed</li>\n<li>- 2 minor JS issues fixed</li>\n<li>- 2 minor front-end bugs fixed</li>\n<li>- 1 PSD layer changed</li>\n</ul>","templateIcon":"icon-magento","types":"Magento Themes","isOldDemoUrl":"1","magentoExtensions":["Cloud Zoom","Social Icons"],"trendiness":"1","bitLyUrl":"http://bit.ly/1B343eA","layout":"2 columns","webForms":["Advanced Search","Contact Form","Login Form","Newsletter Subscription","User Registration"],"loyaltySells":"1","width":"1600px","skupromo":"45%","marketplaceMembership":"One","category":"Website templates","dqi":"00","currencies":["USD","GBP","EUR"]}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 28 Nov 2024 18:50:48 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(290) "Link: <http://products/api/v2/products/en?language=en&ids=51321&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=51321&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=51321&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 28 Nov 2024 18:55:48 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://livedemo00.template-help.com/magento_51321<!DOCTYPE html>
<html lang="en">
<head>
    <title>#51321 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/51321.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">
                Magento Themes #51321            </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=51321&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $173                <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="/magento-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>