string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=62184&expand=properties"
string(15415) "[{"templateId":62184,"typeId":61,"typeName":"OpenCart Template","typeUrl":"opencart-templates","categoryId":195,"categoryName":"Mobile Store Templates","templateTitle":"Mobile Store Responsive OpenCart Template","templatePreviewHtmlTitle":"Mobile Store Responsive OpenCart Template - TemplateMonster","templateDemoHtmlTitle":"Live preview for Mobile Store Responsive OpenCart Template #62184","typeShortName":"OpenCart","templatePreviewFBTitle":"Mobilli is a sleek and robust solution for a wide variety of eCommerce needs. In particular it's a great foundation for a digital gadgets shop, <b>electronics and mobiles store</b>. A clean design and a large amount of white space enable your visitors to enjoy the design of each of your gadgets. When it comes to customization, the template enables you to change its color scheme in a single click by choosing a predefined color from 4 pre-built combinations. Make it easy for your visitors to find a required product by enabling such cool theme features as advanced sorting options, Ajax Search and Ajax Cart. With Ajax functionality there's no need to refresh your page each time you make a change on your site, e.g. adding a product to cart, which results in a better user experience. Responsive design and cross-browser compatibility make sure your website looks great on every device, and in every browser. Try Mobilli and take your eCommerce project to a new level.<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 Electronics News OpenCart ecommerce theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design ensures that the page changes its shape and size in order to suit any specific display screen, from the smallest mobile phones to the largest Computer monitors. For each and every device, page components widen or greatly reduce to appear perfect.</p> <p><b>Why is it Good?</b></p><p>Regardless of type of device your users will work with to enter the webpage - they should discover a vibrant picture along with a simple navigation menu. It can be especially worthwhile function, taking into consideration that almost all consumers nowadays favor their mobile devices for web browsing.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart design templates</a> here</p> <h3>This is Techno News OpenCart design with Right to left language support</h3> <p><b>What is it?</b></p><p>Right to left language support is an ability of the web template to change to a RTL form of text appearance.</p> <p><b>Why is it Good?</b></p><p>Right to left language support helps to ensure that your content and articles will be naturally arranged depending on the user's area. </p><p>Find latest <a href=\"https://www.templatemonster.com/rtl-opencart-themes/\">Right to left language support OpenCart themes</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Mobile Store Responsive OpenCart Template","templatePreviewMetaDescription":"Mobilli is a sleek and robust solution for a wide variety of eCommerce needs. In particular it's a great foundation for a digital gadgets shop, electronics and","templateDemoMetaDescription":"Check out the demo of the Mobile Store Responsive OpenCart Template (#62184) to get a better idea of what this template is before buying it. Browse through the pages, examine the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Mobile Store Responsive OpenCart Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/opencart-templates/mobile-store-responsive-opencart-template-62184.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":68,"inserted_date":"2017-01-31","sent":2,"downloads":34,"search_words":"mobile shop store phone service time price plan entertainment content talk connection communication home new projects specials my account contacts shopping cart images catalog offer save savings profit shippings returns privacy conditions cell phonescor","is_adult":0,"exc_price":4500,"sent_date":"2017-02-08 06:15:15","last_upload":"2017-01-31 00:00:00","package_id":250,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":299,"filename":"62184-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62184,"width":430,"window_params":"","banner_url":"","id":1680989,"href":"","height":900},{"scr_type_id":9,"filename":"62184-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62184,"width":145,"window_params":"","banner_url":"","id":1680990,"href":"","height":156},{"scr_type_id":314,"filename":"62184-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62184,"width":1903,"window_params":"","banner_url":"","id":1680991,"href":"","height":5211},{"scr_type_id":300,"filename":"62184-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62184,"width":320,"window_params":"","banner_url":"","id":1680992,"href":"","height":900},{"scr_type_id":302,"filename":"62184-opencart-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62184,"width":430,"window_params":"","banner_url":"","id":1680993,"href":"","height":1177},{"scr_type_id":304,"filename":"62184-opencart.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62184,"width":430,"window_params":"","banner_url":"","id":1680994,"href":"","height":60},{"scr_type_id":3,"filename":"62184-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62184,"width":1903,"window_params":"","banner_url":"","id":1680995,"href":"","height":5211},{"scr_type_id":3,"filename":"62184-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62184,"width":408,"window_params":"","banner_url":"","id":1680996,"href":"","height":55},{"scr_type_id":3,"filename":"62184-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62184,"width":895,"window_params":"","banner_url":"","id":1680997,"href":"","height":599},{"scr_type_id":312,"filename":"62184-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62184,"width":370,"window_params":"","banner_url":"","id":1680998,"href":"","height":370},{"scr_type_id":315,"filename":"62184-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62184,"width":1903,"window_params":"","banner_url":"","id":1680999,"href":"","height":5211},{"scr_type_id":334,"filename":"62184-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62184,"width":1600,"window_params":"","banner_url":"","id":1681000,"href":"","height":1000},{"scr_type_id":298,"filename":"62184-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62184,"width":430,"window_params":"","banner_url":"","id":1681001,"href":"","height":900},{"scr_type_id":311,"filename":"62184-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62184,"width":965,"window_params":"","banner_url":"","id":1681002,"href":"","height":2642}],"demoUrl":"/demo/62184.html","image":"https://s.tmimgcdn.com/scr/62100/mobile-store-responsive-opencart-template_62184-0-original.jpg","searchHash":"65922a38fdefb26eefd132253f34ee07","previewHash":"5fbcb2d77dd36ebef4038243c1472b72","authorNickname":"RockThemes","lowLevelTopic":"Mobile Store Templates","weightedRating":4.333333333333333,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":68,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"electronic store, gadget store, technology gadgets, tech store","categoriesView":["Grid","List"],"uniqueKeywords":"CMS Convert","showVariantForcibly":"b","metaDescription":"Want to make an eCommerce store, and showcase all of your electronic gadgets online? Try Mobilli, the OpenCart template tailor-made for this job!","opencartEngine":"2.3","imageKeyFeatures":"https://s.tmimgcdn.com/scr/62100/62184-en_01.jpg,https://s.tmimgcdn.com/scr/62100/62184-en_02.jpg,https://s.tmimgcdn.com/scr/62100/62184-en_03.jpg,https://s.tmimgcdn.com/scr/62100/62184-en_04.jpg,https://s.tmimgcdn.com/scr/62100/62184-en_05.jpg,https://s.tmimgcdn.com/scr/62100/62184-en_06.jpg,https://s.tmimgcdn.com/scr/62100/62184-en_07.jpg,https://s.tmimgcdn.com/scr/62100/62184-en_08.jpg,https://s.tmimgcdn.com/scr/62100/62184-en_09.jpg,https://s.tmimgcdn.com/scr/62100/62184-en_10.jpg,https://s.tmimgcdn.com/scr/62100/62184-en_11.jpg","features":["Responsive","Admin Panel","Right to left language support","Sliced PSD","Dropdown Menu","Blog","Online Store/Shop","HTML 5","JQuery","HTML plus JS"],"templateSources":[".PSD",".PNG",".PHP",".TPL",".JS"],"languageSupport":["English","Russian"],"authorUserId":"1768190","jqueryScripts":"Mobile Menu","htmlTitle":"Responsive Mobile Store OpenCart Template","isFree":"none","hELPURL":"/quick-start-guide/opencart/","documentationVersion":"v1.3","imageDescription":"https://s.tmimgcdn.com/scr/62100/62184-responsive-layout.jpg","additionalInfo":["Well Documented","Customized Modules"],"templateSoftwareRequired":["Adobe Photoshop CC+","Apache Server","MySQL 4.1.14 or later","Sublime Text2 or later, Notepad++ or any php-editor","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)","PHP v. 5 or higher"],"lastmod":"2022-02-08T06:53:03-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Check out the demo of the Mobile Store Responsive OpenCart Template (#62184) to get a better idea of what this template is before buying it. Browse through the pages, examine the images, click the buttons, explore the features.","controlPanelDemoURL":"https://livedemo00.template-help.com/opencart_62184/admin","shortDescription":"Mobilli is a sleek and robust solution for a wide variety of eCommerce needs. In particular it's a great foundation for a digital gadgets shop, <b>electronics and mobiles store</b>. A clean design and a large amount of white space enable your visitors to enjoy the design of each of your gadgets. When it comes to customization, the template enables you to change its color scheme in a single click by choosing a predefined color from 4 pre-built combinations. Make it easy for your visitors to find a required product by enabling such cool theme features as advanced sorting options, Ajax Search and Ajax Cart. With Ajax functionality there's no need to refresh your page each time you make a change on your site, e.g. adding a product to cart, which results in a better user experience. Responsive design and cross-browser compatibility make sure your website looks great on every device, and in every browser. Try Mobilli and take your eCommerce project to a new level.<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 Electronics News OpenCart ecommerce theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design ensures that the page changes its shape and size in order to suit any specific display screen, from the smallest mobile phones to the largest Computer monitors. For each and every device, page components widen or greatly reduce to appear perfect.</p> <p><b>Why is it Good?</b></p><p>Regardless of type of device your users will work with to enter the webpage - they should discover a vibrant picture along with a simple navigation menu. It can be especially worthwhile function, taking into consideration that almost all consumers nowadays favor their mobile devices for web browsing.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart design templates</a> here</p> <h3>This is Techno News OpenCart design with Right to left language support</h3> <p><b>What is it?</b></p><p>Right to left language support is an ability of the web template to change to a RTL form of text appearance.</p> <p><b>Why is it Good?</b></p><p>Right to left language support helps to ensure that your content and articles will be naturally arranged depending on the user's area. </p><p>Find latest <a href=\"https://www.templatemonster.com/rtl-opencart-themes/\">Right to left language support OpenCart themes</a> here</p> <br /></div></div></div></div>","pHPVersion":"5.4.0+","tags":["account","cart","catalog","cell","cms","communication","conditions","connection","contacts","content","convert","entertainment","home","images","mobile","new","offer","phone","plan","price","privacy","profit","projects","returns","save","savings","service","shippings","shop","shopping","specials","store","talk","time"],"customUrl":"/opencart-templates/mobile-store-responsive-opencart-template-62184.html","badge":"badge-responsive","nameOfTheTemplate":"Mobile Store Responsive OpenCart Template","pHPVersionCompatibility":"7.x","topic":["Mobile Store Templates","Electronics Templates"],"opencartCompatibility":"2.3","styles":["Neutral","Flat"],"productFamily":"None","color":["black","white","grey","blue","cyan"],"followUpLetter":"opencart-offers","reviewsTotal":"5","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"3.2.0","livePreviewURL":"https://livedemo00.template-help.com/opencart_62184","templateGroup":"eCommerce Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","openCartModules":["Banner","Bestsellers","Carousel","Category","Featured","Latest","Slideshow","Specials"],"nomotopress":"1","galleryScript":"Slider","dynamicChangeLog":"<ul>\n<li>- 1 CSS issue fixed</li>\n<li>- 3 minor JS bugs fixed</li>\n<li>- 2 minor font issues fixed</li>\n<li>- 2 back-end issues fixed</li>\n<li>- 2 minor layout bugs fixed</li>\n</ul>","templateIcon":"icon-opencart","templateHostingRequirements":["Web Server (preferably Apache)","MySQL","Curl","Fsock","PHP (at least 5.2)"],"types":"OpenCart Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/2kRP4GK","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Advanced Search"],"loyaltySells":"1","skupromo":"12%","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: Tue, 07 May 2024 04:21:38 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=62184&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=62184&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=62184&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 07 May 2024 04:26:38 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/opencart_62184<!DOCTYPE html>
<html lang="en">
<head>
    <title>#62184 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/62184.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">
                OpenCart Templates #62184            </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=62184&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $63                <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="/opencart-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>