string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=202493&expand=properties"
string(13473) "[{"templateId":202493,"typeId":17,"typeName":"WordPress theme","typeUrl":"wordpress-themes","categoryId":281,"categoryName":"News Portal Templates","templateTitle":"News Portal Responsive WordPress Theme","templatePreviewHtmlTitle":"Magro - News Magazine And Blog WordPress Theme","templateDemoHtmlTitle":"Live demo for Magro - News Magazine And Blog WordPress Theme #202493","typeShortName":"WordPress","templatePreviewFBTitle":"<p><strong>Magro - News Magazine &amp; Blog Responsive WordPress Theme</strong></p><p>Magro – News Magazine &amp; Blog Responsive WordPress Theme is a large magazine &amp; blog theme created especially for blog and magazine business. Whether you’re into News/Magazine or any category like Blogs, Sports, Fashion, Tech, Soccer, Politics, Videos, Travel, Style, Beauty, Health, Yoga Magazine sites, or just want to publish opinion pieces, Magro Magazine will treat you well. It is very easy to use and customizable. We analyzed many of the magazine &amp; blog websites before planning business features to ensure we covered all elements and functions. It is built with Elementor and bootstrap 4 versions. This will make your life more comfortable.</p><h3>Main Layouts</h3><ul><li><strong>5 Home Version:</strong> Built with Elementor page builder. So this will give you a premium feel while you edit versions, layouts, or create new pages.</li><li><strong>5 Header &amp; 3 Footer:</strong> Built with the customizer. You will be able to set up everything. Can manage styling from the customizer. Even you can be able to assign different headers &amp; footers for different pages.</li><li><strong>6 Category Layouts:</strong> In Magro, there are 6 category layouts are available. You will be able to manage it globally from the customizer or you can assign different layouts for different categories from the category edit screen.</li><li><strong>5 Post Details Layouts:</strong> There are 5 different layouts available for the Post Details page. Even you will be able to set up different set up for the different posts. Or you can manage them from the customizer globally.</li><li><strong>2+ Gallery Layouts:</strong> You will be able to manage your galleries via Elementor with multiple styles.</li><li><strong>3+ Shop Layouts: </strong>We set up a small but handy shop for you with Woocommerce. All Layouts, Styles, and options can be managed from the customizer.</li></ul><h3>Themes Installing &amp; Demo Data</h3><ul><li><strong>Installation:</strong> It's an easy process. We use WordPress default installation feature.</li><li><strong>Demo Data:</strong> Yes, it's available with live images. And we use <strong>One Click Dummy Installations</strong>. You just need to click and wait. This will gives you 100% ready dummy data.</li></ul><h3>Option Panel</h3><p>General, Colore Preset, Typography, Header Settings &amp; Styling, Blog, Blog Post, Category, Shop, Product Details, 404 Page, Popup Settings, Footer Settings &amp; Footer Styling, etc. Tons of settings are available there with a live customizer. So this will make you live more esear.</p><h3>Core Features</h3><ul><li>Built With Elementor.</li><li>5+ Home Version</li><li>40+ Unique Inner Page Layout</li><li>5+ Header Version</li><li>3+ Footer Version</li><li>6+ Category Variations</li><li>5+ Post Details Page Variations</li><li>2+ Gallary Showcase</li><li>3+ Shop Pages</li><li>11+ Utility Pages</li><li>Bootstrap 4.x Grid</li><li>1000+ Icons</li><li>Well Organized Code</li><li>Well Documented Code</li><li>SEO Optimized Code</li><li>100% Responsive For All Device</li><li>700+ Google Fonts</li><li>Custom Google Maps</li><li>Easy Customizable</li><li>24/7 Dedicated Support</li><li>And Much More...</li></ul>","templateFullTitle":"Magro - News Magazine And Blog WordPress Theme","templatePreviewMetaDescription":"Magro - News Magazine &amp; Blog Responsive WordPress ThemeMagro – News Magazine &amp; Blog Responsive WordPress Theme is a large magazine &amp; blog theme","templateDemoMetaDescription":"The demo of this high quality Magro - News Magazine And Blog WordPress Theme WordPress Theme (#202493) is made available for you to get yourself acquainted with the template before you decide to buy it. Browse through the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Magro - News Magazine And Blog WordPress Theme","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/wordpress-themes/magro-news-magazine-and-blog-wordpress-theme-202493.html","userRating":"5","designIndex":1,"authorUserId":"16118670","exclusive":"1","state":1,"price":37,"inserted_date":"2021-09-20","sent":0,"downloads":26,"search_words":"blog clean creative magazine news news magazine newspaper online magazine online news personal blog shop elementor elementor blog","is_adult":0,"exc_price":2100,"sent_date":"2021-09-20 11:11:36","last_upload":"2024-04-22 12:17:26","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2439356,"templ_id":202493,"filename":"202493-original.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2439357,"templ_id":202493,"filename":"202493-big.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2439358,"templ_id":202493,"filename":"202493-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":2439359,"templ_id":202493,"filename":"202493-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":2439360,"templ_id":202493,"filename":"202493-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/202493.html","image":"https://s.tmimgcdn.com/scr/202400/magro-news-magazine-and-blog-wordpress-theme_202493-original.png","searchHash":"a1f5728a0de7edf011f21625dcbc45bd","previewHash":"097b88d6bf04b6965f4b30ab57eba837","authorNickname":"ThemeWar","lowLevelTopic":"News Portal Templates; Magazine","weightedRating":4.1818181818182,"annualSale":5,"monthlySales":1,"quarterlySales":2,"productBoost":35,"onSale":0,"finalPrice":29,"discountPercent":0,"discountAmount":0,"semiannualSales":5,"properties":{"features":["Responsive","Bootstrap","eCommerce","Dropdown Menu","Google map","Advanced Theme Options","Drag and Drop Content","MegaMenu","Blog","Gallery","JQuery","Website Builder"],"styles":"Clean","isLastAdded":"1","topic":["News Portal Templates","Media Templates","Business & Services","Magazine"],"isFree":"none","popularity":"Top Rated","color":["black","white","blue"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","compatibleWith":["WooCommerce","WPML"],"marketplaceMembership":"One","wordpressCompatibility":["5.1.x","5.2.x","5.5.x","5.6.x","5.7.x","5.8.x","5.9.x","6.0.x","6.1.x","6.2.x","6.3.x","6.4.x"],"imagesIncluded":"Yes","tags":["clean","creative","magazine","news","newspaper","shop","blog","elementor","online news","personal blog","elementor blog","news magazine","online magazine"],"wordPressBuilder":"Elementor Website Builder","paidSupport":"Yes","wooCommerceCompatibility":["5.0.x","5.1.x","5.2.x","5.3.x","5.4.x","5.5.x","5.6.x","7.2.x","7.3.x","7.4.x","7.5.x","7.6.x","7.7.x","7.8.x","7.9.x","8.0.x","8.1.x","8.2.x","8.3.x","8.4.x","8.5.x","8.6.x"],"authorUserId":"16118670","nameOfTheTemplate":"Magro - News Magazine And Blog WordPress Theme","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u16118670/cd940b6e3c4ade4b64150e94325f91d7.png, https://s3u.tmimgcdn.com/u16118670/d8c8d5a200c060e35c81b826f830da06.png, https://s3u.tmimgcdn.com/u16118670/271a6335412d5ff27e0cb9bc25a7865e.png, https://s3u.tmimgcdn.com/u16118670/61ca2ec2abeb3aec4357d04e91e18ced.png, https://s3u.tmimgcdn.com/u16118670/baff4df5a420e11b22cc6b3088aedc25.png","shortDescription":"<p><strong>Magro - News Magazine &amp; Blog Responsive WordPress Theme</strong></p><p>Magro – News Magazine &amp; Blog Responsive WordPress Theme is a large magazine &amp; blog theme created especially for blog and magazine business. Whether you’re into News/Magazine or any category like Blogs, Sports, Fashion, Tech, Soccer, Politics, Videos, Travel, Style, Beauty, Health, Yoga Magazine sites, or just want to publish opinion pieces, Magro Magazine will treat you well. It is very easy to use and customizable. We analyzed many of the magazine &amp; blog websites before planning business features to ensure we covered all elements and functions. It is built with Elementor and bootstrap 4 versions. This will make your life more comfortable.</p><h3>Main Layouts</h3><ul><li><strong>5 Home Version:</strong> Built with Elementor page builder. So this will give you a premium feel while you edit versions, layouts, or create new pages.</li><li><strong>5 Header &amp; 3 Footer:</strong> Built with the customizer. You will be able to set up everything. Can manage styling from the customizer. Even you can be able to assign different headers &amp; footers for different pages.</li><li><strong>6 Category Layouts:</strong> In Magro, there are 6 category layouts are available. You will be able to manage it globally from the customizer or you can assign different layouts for different categories from the category edit screen.</li><li><strong>5 Post Details Layouts:</strong> There are 5 different layouts available for the Post Details page. Even you will be able to set up different set up for the different posts. Or you can manage them from the customizer globally.</li><li><strong>2+ Gallery Layouts:</strong> You will be able to manage your galleries via Elementor with multiple styles.</li><li><strong>3+ Shop Layouts: </strong>We set up a small but handy shop for you with Woocommerce. All Layouts, Styles, and options can be managed from the customizer.</li></ul><h3>Themes Installing &amp; Demo Data</h3><ul><li><strong>Installation:</strong> It's an easy process. We use WordPress default installation feature.</li><li><strong>Demo Data:</strong> Yes, it's available with live images. And we use <strong>One Click Dummy Installations</strong>. You just need to click and wait. This will gives you 100% ready dummy data.</li></ul><h3>Option Panel</h3><p>General, Colore Preset, Typography, Header Settings &amp; Styling, Blog, Blog Post, Category, Shop, Product Details, 404 Page, Popup Settings, Footer Settings &amp; Footer Styling, etc. Tons of settings are available there with a live customizer. So this will make you live more esear.</p><h3>Core Features</h3><ul><li>Built With Elementor.</li><li>5+ Home Version</li><li>40+ Unique Inner Page Layout</li><li>5+ Header Version</li><li>3+ Footer Version</li><li>6+ Category Variations</li><li>5+ Post Details Page Variations</li><li>2+ Gallary Showcase</li><li>3+ Shop Pages</li><li>11+ Utility Pages</li><li>Bootstrap 4.x Grid</li><li>1000+ Icons</li><li>Well Organized Code</li><li>Well Documented Code</li><li>SEO Optimized Code</li><li>100% Responsive For All Device</li><li>700+ Google Fonts</li><li>Custom Google Maps</li><li>Easy Customizable</li><li>24/7 Dedicated Support</li><li>And Much More...</li></ul>","uniqueKeywords":"blog,clean,creative,magazine,news,news magazine,newspaper,online magazine,online news,personal blog,shop,elementor,elementor blog","advImage":"https://s3u.tmimgcdn.com/u16118670/fc338504eca3b576066f95bcb36dda03.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u16118670/fd03c342810a7ea866436fe2c123da01.png","livePreviewURL":"https://themewar.com/wp/magro/","metaDescription":"Magro - News Magazine &amp; Blog Responsive WordPress ThemeMagro – News Magazine &amp; Blog Responsive WordPress Theme is a large magazine &amp; blog theme","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/2XAUhrK","demoMetaDescription":"The demo of this high quality Magro - News Magazine And Blog WordPress Theme WordPress Theme (#202493) is made available for you to get yourself acquainted with the template before you decide to buy it. Browse through the pages, check the images, press the buttons, explore the features.","customUrl":"/wordpress-themes/magro-news-magazine-and-blog-wordpress-theme-202493.html","productSize":"18027922","lastmod":"2022-03-23T07:05:41-04:00","trendiness":"1","wordpressComCompatibility":"Not Compatible","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"reviewsTotal":"1","reviewAverageScore":"5","excerpt":"<p>Magro – News Magazine &amp; Blog Responsive WordPress Theme is a large magazine &amp; blog theme created especially for blog and magazine business.</p>","changeLogDate":"2024-04-22","changeLog":"WooCommerce Versioning.\nElementor Versioning.\nPrevious Issue Fixed.","types":"WordPress Themes","templateIcon":"icon-wordpress","hELPURL":"/quick-start-guide/wordpress/","followUpLetter":"wp-themes-offers","productFamily":"None","templateGroup":"Wordpress Store","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, 15 Nov 2024 13:54:04 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=202493&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=202493&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=202493&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 15 Nov 2024 13:59:04 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://themewar.com/wp/magro/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#202493 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/202493.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">
                WordPress Themes #202493            </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=202493&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $34                <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="/wordpress-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>