string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=230196&expand=properties"
string(13055) "[{"templateId":230196,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":427,"categoryName":"Computer Store Templates","templateTitle":"Computer Store Responsive Website Template","templatePreviewHtmlTitle":"Megabyte - Technology Store | Multipurpose eCommerce Website Template | HTML - Tailwind CSS","templateDemoHtmlTitle":"Live preview for Megabyte - Technology Store | Multipurpose eCommerce Website Template | HTML - Tailwind CSS #230196","typeShortName":"Website","templatePreviewFBTitle":"<p>Welcome to <strong>Megabyte</strong>, the ultimate destination for technology enthusiasts! Our HTML template, developed with an expert combination of <strong>HTML</strong>, <strong>Javascript</strong>, and <strong>TailwindCSS</strong>, offers an unparalleled browsing experience on both desktop computers and mobile devices.</p><p>Inspired by innovation and technological advancement, <strong>Megabyte</strong> is the perfect companion for any online store. With a modern and clean design, this template is ideal for showcasing a wide range of products, whether you specialize in fashion, electronics, furniture, or any other industry.</p><p><strong>Megabyte</strong> is not only visually stunning but also highly functional. With features like intuitive navigation, responsive design, and compatibility with modern browsers, it ensures an unmatched user experience for your customers. Additionally, its clean and well-commented code makes customization and integration with content management systems a breeze.</p><p>Whether you're launching a new online store or revamping an existing one, <strong>Megabyte</strong> provides the solid foundation you need to stand out in the competitive world of e-commerce. Make your online store shine with <strong>Megabyte</strong> and take your business to the next level of success!</p><h3>Requirements</h3><ul><li>Use any code editor.</li><li>Have Node.js installed on your computer.</li></ul><h3>Browser Support</h3><p><strong>Megabyte</strong> is compatible with Chrome, Firefox, Edge and Safari. It is not compatible with any version of IE, including IE 11.</p><p>This template is 100% responsive and designed to display your projects on any device.</p>","templateFullTitle":"Megabyte - Technology Store | Multipurpose eCommerce Website Template | HTML - Tailwind CSS","templatePreviewMetaDescription":"Welcome to Megabyte, the ultimate destination for technology enthusiasts! Our HTML template, developed with an expert combination of HTML, Javascript, and","templateDemoMetaDescription":"Experience the demo of the top notch Megabyte - Technology Store | Multipurpose, e-Commerce HTML Template Website Template (#230196) to understand what this template is before you decide to buy it. View the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Megabyte - Technology Store | Multipurpose eCommerce Website Template | HTML - Tailwind CSS","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/megabyte-technology-store-multipurpose-e-commerce-html-template-230196.html","userRating":"5","designIndex":1,"authorUserId":"23518485","exclusive":"1","state":1,"price":40,"inserted_date":"2022-02-16","sent":0,"downloads":32,"search_words":"accessories clean minimal modern computers digital electronics mobile laptop technology store ecommerce multipurpose online shop responsive tailwindcss pc components templatecat","is_adult":0,"exc_price":2100,"sent_date":"2022-02-16 11:51:09","last_upload":"2024-03-15 12:09:19","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2577846,"templ_id":230196,"filename":"230196-2-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2577847,"templ_id":230196,"filename":"230196-2-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2577848,"templ_id":230196,"filename":"230196-2-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":2577849,"templ_id":230196,"filename":"230196-2-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":2577850,"templ_id":230196,"filename":"230196-2-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/230196.html","image":"https://s.tmimgcdn.com/scr/230100/megabyte-technology-store--multipurpose-ecommerce-website-template--html-tailwind-css_230196-2-original.jpg","searchHash":"3b6531ab50a9b18f75b55e4153e190e9","previewHash":"dea48369a72b366b56e8e1fbe251421d","authorNickname":"TemplateCat","lowLevelTopic":"Mobile Store Templates; Computer Store Templates; Electronics Store Templates; Software Store Templates","weightedRating":4.1818181818182,"annualSale":11,"monthlySales":1,"quarterlySales":2,"productBoost":35,"onSale":0,"finalPrice":40,"discountPercent":0,"discountAmount":0,"semiannualSales":3,"properties":{"features":["Responsive","Mobile Layout Included","Multipurpose","eCommerce","Dropdown Menu","Google map","MegaMenu","Performance Optimization","Online Store/Shop","Gallery","HTML 5","HTML plus JS"],"styles":["Clean","Minimalist","Mobile"],"isLastAdded":"1","topic":["Mobile Store Templates","Computers Templates","Computer Store Templates","Electronics Templates","Software Templates","Electronics Store Templates","Software Store Templates","Computers & Internet"],"isFree":"none","popularity":["Bestsellers","Top Rated"],"color":["black","white","grey","cyan"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["accessories","clean","components","computers","digital","electronics","laptop","minimal","mobile","modern","multipurpose","online","responsive","shop","store","technology","pc","ecommerce","tailwindcss","templatecat"],"paidSupport":"Yes","authorUserId":"23518485","nameOfTheTemplate":"Megabyte - Technology Store | Multipurpose eCommerce Website Template | HTML - Tailwind CSS","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u23518485/13a6852584d762858b5d701d116734c2.jpg, https://s3u.tmimgcdn.com/u23518485/11554a1da519ac22f9cb852ead2f11c4.jpg, https://s3u.tmimgcdn.com/u23518485/0552aee036248b47fd18012db2aaf929.jpg, https://s3u.tmimgcdn.com/u23518485/00b8a9e398493a0dec6cf89e99eecea1.jpg, https://s3u.tmimgcdn.com/u23518485/e6b12f33870e607be8e6de49e00420e0.jpg, https://s3u.tmimgcdn.com/u23518485/9d21674c6357eccc96e64f2998ad4bd3.jpg, https://s3u.tmimgcdn.com/u23518485/b0eef8a5627ac1c34015150befc1d3e0.jpg, https://s3u.tmimgcdn.com/u23518485/11394f4cc387ebb314573fbab7ad4ea3.jpg, https://s3u.tmimgcdn.com/u23518485/e8137633b1dd752c0aa10aa556195759.jpg, https://s3u.tmimgcdn.com/u23518485/68c05979620f186b7a5f71f7bfc792b8.jpg, https://s3u.tmimgcdn.com/u23518485/2f148650acf2e2eb43acbb8991260464.jpg, https://s3u.tmimgcdn.com/u23518485/8c9fc8672125e1fb5d7519618e28c5d1.jpg, https://s3u.tmimgcdn.com/u23518485/f0c03ae84bd36be85e943eb57125d131.jpg","shortDescription":"<p>Welcome to <strong>Megabyte</strong>, the ultimate destination for technology enthusiasts! Our HTML template, developed with an expert combination of <strong>HTML</strong>, <strong>Javascript</strong>, and <strong>TailwindCSS</strong>, offers an unparalleled browsing experience on both desktop computers and mobile devices.</p><p>Inspired by innovation and technological advancement, <strong>Megabyte</strong> is the perfect companion for any online store. With a modern and clean design, this template is ideal for showcasing a wide range of products, whether you specialize in fashion, electronics, furniture, or any other industry.</p><p><strong>Megabyte</strong> is not only visually stunning but also highly functional. With features like intuitive navigation, responsive design, and compatibility with modern browsers, it ensures an unmatched user experience for your customers. Additionally, its clean and well-commented code makes customization and integration with content management systems a breeze.</p><p>Whether you're launching a new online store or revamping an existing one, <strong>Megabyte</strong> provides the solid foundation you need to stand out in the competitive world of e-commerce. Make your online store shine with <strong>Megabyte</strong> and take your business to the next level of success!</p><h3>Requirements</h3><ul><li>Use any code editor.</li><li>Have Node.js installed on your computer.</li></ul><h3>Browser Support</h3><p><strong>Megabyte</strong> is compatible with Chrome, Firefox, Edge and Safari. It is not compatible with any version of IE, including IE 11.</p><p>This template is 100% responsive and designed to display your projects on any device.</p>","uniqueKeywords":"accessories,clean,minimal,modern,computers,digital,electronics,mobile,laptop,technology,store,ecommerce,multipurpose,online,shop,responsive,tailwindcss,pc,components,templatecat","advImage":"https://s3u.tmimgcdn.com/u23518485/675006f716843414f08d9b6d00961677.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u23518485/64bc49008d0ab90f241d185d667a40e9.jpg","changeLog":"##Update History\n\n#05-Mar-2024\n\n- Optimized and commented code.\n\n----------------------------------------------------------------------------------------------\n\n#08-Jun-2023\n\n- More ordered file structure and code.\n- Updated documentation.\n- Fixed issues with sliders containing cards, when loop is enabled, the total number of slides must be greater than or equal to two times the number of slidesPerView.\n\n----------------------------------------------------------------------------------------------\n\n#19-Nov-2022\n\n- Browser support added.\n\nADDED PAGES:\n- Maintenance\n\n----------------------------------------------------------------------------------------------\n\n#12-Jun-2022\n\n- Cards: They will now display the sizes that are available for the product.\n- Product Details modal &amp; product-details.html: Now you can select the size of the product.\n- shopping-cart.html: The color and size of the selected product will be displayed.\n- wishlist.html: When selecting all the checks manually, the \"select all\" check will automatically be marked and if you deselect any, it will be unmarked.\n- product-details.html Added a button that opens a modal that will allow you to calculate the shipping cost.\n- wishlist.html &amp; shopping-cart.html: Are now fully responsive.\n\nADDED PAGES:\n- About us\n- Forgot Password\n- Privacy Policy\n- Terms &amp; Conditions\n- Verification\n- Message Sent\n- My Account (user dashboard)\n\n----------------------------------------------------------------------------------------------\n\n#15-feb-2022\n\n- Initial release.","imageKeyFeatures":"https://s3u.tmimgcdn.com/u23518485/2b8493cce1c4d967b5aa516f1a4cfccb.jpg, https://s3u.tmimgcdn.com/u23518485/c318886491453802f03848e56d754991.jpg, https://s3u.tmimgcdn.com/u23518485/23668c9b753790f83cba08c3468fad90.jpg, https://s3u.tmimgcdn.com/u23518485/c440b51b3407eb6c98515db5035b1762.jpg, https://s3u.tmimgcdn.com/u23518485/0cd887962925ebe9315f8918da108e89.jpg","livePreviewURL":"https://megabyte.andevfrontend.site/","metaDescription":"Welcome to Megabyte, the ultimate destination for technology enthusiasts! Our HTML template, developed with an expert combination of HTML, Javascript, and","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3gOmxgX","demoMetaDescription":"Experience the demo of the top notch Megabyte - Technology Store | Multipurpose, e-Commerce HTML Template Website Template (#230196) to understand what this template is before you decide to buy it. View the pages, examine the images, click the buttons, explore the functionality.","customUrl":"/website-templates/megabyte-technology-store-multipurpose-e-commerce-html-template-230196.html","productSize":"4012976","lastmod":"2022-03-17T09:41:31-04:00","changeLogDate":"2024-03-15","trendiness":"1","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"reviewsTotal":"1","reviewAverageScore":"5","frameworks":"None","excerpt":"<p>Discover Megabyte, the ultimate HTML template for your online store. With sleek design and advanced features, elevate your e-commerce today!</p>","bestsellers":"10","authorMainScreenshotVersion":"2","types":"HTML Website Templates","templateIcon":"icon-monster_dark","hELPURL":"/quick-start-guide/website-template/","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","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: Tue, 23 Apr 2024 16:31:27 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=230196&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=230196&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=230196&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 23 Apr 2024 16:36:27 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://megabyte.andevfrontend.site/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#230196 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/230196.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">
                Website Templates #230196            </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=230196&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $37                <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="/website-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>