string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=195096&expand=properties"
string(10858) "[{"templateId":195096,"typeId":43,"typeName":"PrestaShop Theme","typeUrl":"prestashop-themes","categoryId":427,"categoryName":"Computer Store Templates","templateTitle":"Computer Store Responsive PrestaShop Theme","templatePreviewHtmlTitle":"Teccol - Multipurpose Responsive PrestaShop Theme","templateDemoHtmlTitle":"Live preview for Teccol - Multipurpose Responsive PrestaShop Theme #195096","typeShortName":"PrestaShop","templatePreviewFBTitle":"<h2>Theme Overview</h2><p>Teccol smart electronics PrestaShop responsive theme. Teccol is best suit for Digital items, electronics accessories store, electronics Shop, megamall, eCommerce shop, TV, Mobile Accessories, Mobile shop, Home appliances, refrigerators, Cameras, modern shops, metro shop, Houseware shop, mega shop, mega market, computer shop.</p><p>Teccol comes with some advanced features like left column, animated slider, category wise shopping, 2 row products tab (featured and latest), multiple banners, daily deal module, category tab products, discount or special product with discount price, brand slider, fully responsive, mega menu, ajax search, ajax cart, ajax compare and wishlist, popup newsletter, unique header and footer design. Moreover, product image change, Box layout, Live color editor, webi notification module, dark mode included, RTL included, multiple languages included, fully responsive, product zoom, ajax wishlit and compare, theme editor,</p><h2>Advance Features</h2><ul><li>PSD Source file</li><li>Very easy to install and modify</li><li>RTL language included and supported</li><li>social media sharing</li><li>Google and some other fonts included</li><li>Quick view product</li><li>Ajax search</li><li>Product Image Zoom</li><li>Responsive and fit to all device</li><li>List and grid view design</li><li>Countdown products</li><li>Multiple Language and currency</li><li>Advance and Powerful mega menu</li><li>Static Blocks</li><li>Brand or Manufacturer slider</li><li>Fast support</li><li>Box and wide range layout</li><li>Webi notify popup products</li><li>multi-level menu</li><li>Product cloud zoom</li></ul>","templateFullTitle":"Teccol - Multipurpose Responsive PrestaShop Theme","templatePreviewMetaDescription":"Theme OverviewTeccol smart electronics PrestaShop responsive theme. Teccol is best suit for Digital items, electronics accessories store, electronics Shop,","templateDemoMetaDescription":"Prior to buying it, get the look and feel of the top quality Teccol - Multipurpose Responsive PrestaShop Theme PrestaShop Theme (#195096) by experiencing the demo. Go through the pages, check out the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Teccol - Multipurpose Responsive PrestaShop Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/prestashop-themes/teccol-multipurpose-responsive-prestashop-theme-195096.html","userRating":0,"designIndex":1,"authorUserId":"1731972","exclusive":"1","state":1,"price":97,"inserted_date":"2021-08-18","sent":0,"downloads":1,"search_words":"shop prestashop auto cosmetics crafts electronics fashion furniture gift grocery medicine mega responsive tools vendor bootstrap clean creative ecommerce minimal","is_adult":0,"exc_price":2100,"sent_date":"2021-08-18 12:14:51","last_upload":"2024-10-04 10:46:31","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"195096-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":195096,"width":1600,"window_params":"","banner_url":"","id":2402401,"href":"","height":1000},{"scr_type_id":311,"filename":"195096-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":195096,"width":1600,"window_params":"","banner_url":"","id":2402402,"href":"","height":1000},{"scr_type_id":312,"filename":"195096-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":195096,"width":370,"window_params":"","banner_url":"","id":2402403,"href":"","height":370},{"scr_type_id":9,"filename":"195096-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":195096,"width":145,"window_params":"","banner_url":"","id":2402404,"href":"","height":156},{"scr_type_id":57,"filename":"195096-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":195096,"width":430,"window_params":"","banner_url":"","id":2402405,"href":"","height":269}],"demoUrl":"/demo/195096.html","image":"https://s.tmimgcdn.com/scr/195000/teccol-multipurpose-responsive-prestashop-theme_195096-original.jpg","searchHash":"69d5bdbbb53b4e44bfddd7f3d81d6542","previewHash":"6ef05345056a388c2249cc6e106bde76","authorNickname":"WebiBazaar","lowLevelTopic":"Computer Store Templates; Electronics Store Templates; Fashion Store Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":88,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","red"],"followUpLetter":"prestashop-offers","productSize":"247225510","uniqueKeywords":"shop,prestashop,auto,cosmetics,crafts,electronics,fashion,furniture,gift,grocery,medicine,mega,responsive,tools,vendor,bootstrap,clean,creative,ecommerce,minimal","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Theme OverviewTeccol smart electronics PrestaShop responsive theme. Teccol is best suit for Digital items, electronics accessories store, electronics Shop,","isLastAdded":"1","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1731972/2366279b1ea3c7bde41dfbf6926f8c23.jpg","features":["Admin Panel","Ajax","Bootstrap","Multipurpose","Responsive","Retina Ready","Right to left language support","Search Engine Friendly","eCommerce","Sample content","Quickstart Package","Advanced Theme Options","MegaMenu","Performance Optimization","Blog","Online Store/Shop","HTML 5","JQuery","HTML plus JS","Lazy Load effect"],"saleSells":"1","livePreviewURL":"https://dostguru.com/prestashop/ES04/teccol_02/en/","authorUserId":"1731972","languageSupport":"English","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1731972/47eeb5ac37bdce9209d2f5c1938cf100.jpg","templateGroup":"eCommerce Templates","hELPURL":"/quick-start-guide/prestashop/","itemDoubts":["changed-my-mind","you-are-in-good-hands","sweet-bonus-for-you","not-sure-about-your-technical-expertise","why-should-i-choose-templatemonster-s-prestashop-theme"],"alreadyPacked":"1","installation":"Installation and set up instructions are attached (look for Documentation folder).","prestashopEngine":"8.1.0","exclusive":"1","imagesIncluded":"No","templateSoftwareRequired":["Adobe Photoshop CC+","PHP 7.2.x"],"templateIcon":"icon-prestashop","lastmod":"2022-02-22T05:28:24-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1731972/3566413e3793065b26903a7133e7e215.jpg, https://s3u.tmimgcdn.com/u1731972/d939f61692c88cc81dae801fed65aa4d.jpg, https://s3u.tmimgcdn.com/u1731972/0cfdf76f7b94b0e4c9c748b2dd2186b5.jpg, https://s3u.tmimgcdn.com/u1731972/5219089e7daa283eb2beda98f7cf50fb.jpg","types":"PrestaShop Themes","demoMetaDescription":"Prior to buying it, get the look and feel of the top quality Teccol - Multipurpose Responsive PrestaShop Theme PrestaShop Theme (#195096) by experiencing the demo. Go through the pages, check out the images, click the buttons, explore the functionality.","shortDescription":"<h2>Theme Overview</h2><p>Teccol smart electronics PrestaShop responsive theme. Teccol is best suit for Digital items, electronics accessories store, electronics Shop, megamall, eCommerce shop, TV, Mobile Accessories, Mobile shop, Home appliances, refrigerators, Cameras, modern shops, metro shop, Houseware shop, mega shop, mega market, computer shop.</p><p>Teccol comes with some advanced features like left column, animated slider, category wise shopping, 2 row products tab (featured and latest), multiple banners, daily deal module, category tab products, discount or special product with discount price, brand slider, fully responsive, mega menu, ajax search, ajax cart, ajax compare and wishlist, popup newsletter, unique header and footer design. Moreover, product image change, Box layout, Live color editor, webi notification module, dark mode included, RTL included, multiple languages included, fully responsive, product zoom, ajax wishlit and compare, theme editor,</p><h2>Advance Features</h2><ul><li>PSD Source file</li><li>Very easy to install and modify</li><li>RTL language included and supported</li><li>social media sharing</li><li>Google and some other fonts included</li><li>Quick view product</li><li>Ajax search</li><li>Product Image Zoom</li><li>Responsive and fit to all device</li><li>List and grid view design</li><li>Countdown products</li><li>Multiple Language and currency</li><li>Advance and Powerful mega menu</li><li>Static Blocks</li><li>Brand or Manufacturer slider</li><li>Fast support</li><li>Box and wide range layout</li><li>Webi notify popup products</li><li>multi-level menu</li><li>Product cloud zoom</li></ul>","prestashopCompatibility":["8.1.7","8.1.6","8.1.5","8.1.4","8.1.3","8.1.2","8.1.1","8.1.0","8.0.x"],"bitLyUrl":"https://bit.ly/3yY1RdW","tags":["auto","bootstrap","clean","cosmetics","crafts","creative","electronics","fashion","furniture","gift","grocery","medicine","minimal","responsive","shop","tools","vendor","ecommerce","prestashop","mega"],"customUrl":"/prestashop-themes/teccol-multipurpose-responsive-prestashop-theme-195096.html","nameOfTheTemplate":"Teccol - Multipurpose Responsive PrestaShop Theme","videoPresenatationPSForXMLFeed":"https://www.youtube.com/watch?v=ygBwnWCPamM","paidSupport":"Yes","topic":["Computers Templates","Computer Store Templates","Electronics Templates","Fashion Templates","Electronics Store Templates","Fashion Store Templates","Computers & Internet","Fashion & Beauty"],"styles":"Clean","marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u1731972/ed64486a9929d7fe2d187359b2492673.jpg","category":"Website templates","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.2","8.1","8.0"],"changeLogDate":"2024-10-04","excerpt":"<p>Teccol is a versatile and responsive PrestaShop theme perfect for any online store. Featuring sleek design and mobile-friendly performance, it ensures a seamless shopping experience.</p>","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"changeLog":"## V.2.0.0 - September 21 2024\n-  Update to compatible with  prestashop version 8\n\n\n## V.1.0.0\n-Initial Release","databaseServerCompatibility":["MySQL 8.0","MariaDB 10"],"popularity":"Recently Updated","designSoftware":"Adobe Photoshop","trendiness":"1","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: Fri, 15 Nov 2024 02:07:54 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=195096&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=195096&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=195096&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 15 Nov 2024 02:12:54 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://dostguru.com/prestashop/ES04/teccol_02/en/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#195096 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/195096.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">
                PrestaShop Themes #195096            </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=195096&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $89                <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="/prestashop-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>