string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=154100&expand=properties"
string(9917) "[{"templateId":154100,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":195,"categoryName":"Mobile Store Templates","templateTitle":"Mobile Store Responsive Website Template","templatePreviewHtmlTitle":"Sobarbazar -  Responsive Ultimate eCommerce Website Template","templateDemoHtmlTitle":"Live preview for Sobarbazar -  Responsive Ultimate eCommerce Website Template #154100","typeShortName":"Website","templatePreviewFBTitle":"<p><strong>Sobarbazar</strong> is a Responsive Ultimate eCommerce HTML Template. Sobarbazar is for any eCommerce Business. It has fulfilment of all which you need to start your own eCommerce site. Template is Clean, Responsive And Modern design based on Bootstrap 4 framework.</p><h2><br /></h2><h2>Template Features:</h2><ul><li>Use Bootstrap Latest version</li><li>Sticy Header</li><li>W3C Validated HTML and CSS</li><li>Pixel Perfect</li><li>Clean &amp; Modern Design</li><li>Modern slide show</li><li>Stylish Social Links</li><li>Fully Customizable</li><li>Free Fonts used</li><li>Responsive Layout</li><li>Great Support</li><li>Well Commented Code</li><li>FontAwesome Icon</li><li>Google font used (Poppins)</li><li>Full Cross-browser Compatibility</li><li>And many More....</li></ul><h2><br /></h2><h2>Pages:</h2><ul><li>all-category.html</li><li>baby.html</li><li>beauty.html</li><li>checkout-delivery.html</li><li>electronics.html</li><li>food.html</li><li>furniture-under.html</li><li>landing-page.html</li><li>mail.php</li><li>men.html</li><li>my-account.html</li><li>new-arrival.html</li><li>payment-method.html</li><li>product-details-1.html</li><li>product-details-wholesale.html</li><li>product-list-wishlist.html</li><li>shop-by-rewards.html</li><li>special-offer.html</li><li>sports.html</li><li>success.html</li><li>top-sele-feedback.html</li><li>uptohalfprice.html</li><li>wholesale.html</li><li>women.html</li></ul><h2><br /></h2><h2>Sources and Credits:</h2><h6><br /></h6><h6><strong>Free fonts:</strong></h6><ul><li>Poppins</li></ul><h6><strong>Icons:</strong></h6><ul><li>Font Awesome (Icons)</li><li>FlatIcon</li></ul>","templateFullTitle":"Sobarbazar -  Responsive Ultimate eCommerce Website Template","templatePreviewMetaDescription":"Sobarbazar is a Responsive Ultimate eCommerce HTML Template. Sobarbazar is for any eCommerce Business. It has fulfilment of all which you need to start your","templateDemoMetaDescription":"Before you decide to buy it, get informed about the top notch Sobarbazar -  Responsive Ultimate eCommerce Website Template (#154100) by viewing the demo preview. Go through the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Sobarbazar -  Responsive Ultimate eCommerce Website Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/sobarbazar-responsive-ultimate-ecommerce-website-template-154100.html","userRating":0,"designIndex":1,"authorUserId":"2037619","exclusive":"1","state":1,"price":100,"inserted_date":"2021-01-13","sent":0,"downloads":3,"search_words":"apparel,bootstrap 4,catalog,css,ecommerce,ecommerce html,fashion,html,multipurpose,online store,shop,store,template,webshop","is_adult":0,"exc_price":2100,"sent_date":"2021-01-13 11:52:46","last_upload":"2021-01-13 14:19:10","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"154100-3-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":154100,"width":800,"window_params":"","banner_url":"","id":2197758,"href":"","height":500},{"scr_type_id":311,"filename":"154100-3-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":154100,"width":800,"window_params":"","banner_url":"","id":2197759,"href":"","height":500},{"scr_type_id":312,"filename":"154100-3-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":154100,"width":370,"window_params":"","banner_url":"","id":2197760,"href":"","height":370},{"scr_type_id":9,"filename":"154100-3-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":154100,"width":145,"window_params":"","banner_url":"","id":2197761,"href":"","height":156},{"scr_type_id":57,"filename":"154100-3-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":154100,"width":430,"window_params":"","banner_url":"","id":2197762,"href":"","height":269}],"demoUrl":"/demo/154100.html","image":"https://s.tmimgcdn.com/scr/154100/sobarbazar-responsive-ultimate-ecommerce-website-template_154100-3-original.jpg","searchHash":"6790ea2d3807bf0e450b29e2c4822911","previewHash":"7b39e180073394db7dec657ea91db3c9","authorNickname":"bitspeck","lowLevelTopic":"Mobile Store Templates; Movie Templates; Drug Store Templates; Music Templates; Electronics Store Templates; Wholesale Store; Uniform Store; Shopping Mall","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":1,"finalPrice":70,"discountPercent":30,"discountAmount":30,"semiannualSales":0,"properties":{"productFamily":"None","color":"white","followUpLetter":"website-template-offers","productSize":"26020043","uniqueKeywords":"apparel,bootstrap 4,catalog,css,ecommerce,ecommerce html,fashion,html,multipurpose,online store,shop,store,template,webshop","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Sobarbazar is a Responsive Ultimate eCommerce HTML Template. Sobarbazar is for any eCommerce Business. It has fulfilment of all which you need to start your","bootstrapVersion":"4.0.x","imageKeyFeatures":"https://s3u.tmimgcdn.com/u2037619/0811bc8a8f3c23c6114b22a9a35ef71f.jpg","features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Retina Ready","Mobile Layout Included","Multipurpose","Single Product","eCommerce","Dropdown Menu","HTML 5","JQuery"],"saleSells":"1","livePreviewURL":"https://theme.bitspecksolutions.com/html-template/sobarbazar/","authorUserId":"2037619","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u2037619/377f37cccd6bbea72500a9f9758a1de4.jpg","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","alreadyPacked":"1","exclusive":"1","imagesIncluded":"No","templateSoftwareRequired":["PHP editor","Code editor","Sublime Text2 or later, Notepad++","Sublime Text2 or later, Notepad++ or any php-editor","Notepad++ or any php-editor"],"templateIcon":"icon-monster_dark","lastmod":"2021-11-24T16:09:09-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/2037619-1608629307868_01_Slider_Images.jpg, https://s3u.tmimgcdn.com/2037619-1608629312265_02_Slider_Images.jpg, https://s3u.tmimgcdn.com/2037619-1608629314988_03_Slider_Images.jpg, https://s3u.tmimgcdn.com/2037619-1608629317770_04_Slider_Images.jpg, https://s3u.tmimgcdn.com/2037619-1608629320590_05_Slider_Images.jpg","authorMainScreenshotVersion":"3","types":"HTML Website Templates","trendiness":"1","demoMetaDescription":"Before you decide to buy it, get informed about the top notch Sobarbazar -  Responsive Ultimate eCommerce Website Template (#154100) by viewing the demo preview. Go through the pages, check out the images, press the buttons, explore the features.","shortDescription":"<p><strong>Sobarbazar</strong> is a Responsive Ultimate eCommerce HTML Template. Sobarbazar is for any eCommerce Business. It has fulfilment of all which you need to start your own eCommerce site. Template is Clean, Responsive And Modern design based on Bootstrap 4 framework.</p><h2><br /></h2><h2>Template Features:</h2><ul><li>Use Bootstrap Latest version</li><li>Sticy Header</li><li>W3C Validated HTML and CSS</li><li>Pixel Perfect</li><li>Clean &amp; Modern Design</li><li>Modern slide show</li><li>Stylish Social Links</li><li>Fully Customizable</li><li>Free Fonts used</li><li>Responsive Layout</li><li>Great Support</li><li>Well Commented Code</li><li>FontAwesome Icon</li><li>Google font used (Poppins)</li><li>Full Cross-browser Compatibility</li><li>And many More....</li></ul><h2><br /></h2><h2>Pages:</h2><ul><li>all-category.html</li><li>baby.html</li><li>beauty.html</li><li>checkout-delivery.html</li><li>electronics.html</li><li>food.html</li><li>furniture-under.html</li><li>landing-page.html</li><li>mail.php</li><li>men.html</li><li>my-account.html</li><li>new-arrival.html</li><li>payment-method.html</li><li>product-details-1.html</li><li>product-details-wholesale.html</li><li>product-list-wishlist.html</li><li>shop-by-rewards.html</li><li>special-offer.html</li><li>sports.html</li><li>success.html</li><li>top-sele-feedback.html</li><li>uptohalfprice.html</li><li>wholesale.html</li><li>women.html</li></ul><h2><br /></h2><h2>Sources and Credits:</h2><h6><br /></h6><h6><strong>Free fonts:</strong></h6><ul><li>Poppins</li></ul><h6><strong>Icons:</strong></h6><ul><li>Font Awesome (Icons)</li><li>FlatIcon</li></ul>","tags":["apparel","catalog","css","fashion","multipurpose","shop","store","template","ecommerce","html","online store","bootstrap 4","ecommerce html","webshop"],"bitLyUrl":"https://bit.ly/2N3Keq7","customUrl":"/website-templates/sobarbazar-responsive-ultimate-ecommerce-website-template-154100.html","nameOfTheTemplate":"Sobarbazar -  Responsive Ultimate eCommerce Website Template","paidSupport":"Yes","topic":["Mobile Store Templates","Movie Templates","Drug Store Templates","Electronics Templates","Entertainment Templates","Medical Templates","Music Templates","Electronics Store Templates","Art & Culture","Business & Services","Entertainment, Games & Nightlife","Fashion & Beauty","Wholesale Store","Uniform Store","Shopping Mall"],"changeLogDate":"2021-03-01","styles":["Clean","Corporate","Flat"],"marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/2037619-1608629325758_06_Promotion.jpg","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: Fri, 22 Nov 2024 16:29:32 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=154100&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=154100&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=154100&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 22 Nov 2024 16:34:32 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://theme.bitspecksolutions.com/html-template/sobarbazar/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#154100 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/154100.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 #154100            </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=154100&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $92                <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>