.featuretrio .clear.both { max-height: 1px !important; }
#download_bigger_button { width: 185px !important; }

.slicknav_menu {
	display:none;
	position: fixed;
	z-index: 1001;
	right: 0; 
	top: 16px; 
	width: 100%;
	background: transparent; 
	padding: 0; 
}
.slicknav_btn { 
	background: transparent;
	padding-bottom: 17px;  
}
.slicknav_btn:focus { 
	ourline: none; border: 0px;
}
.slicknav_menu .slicknav_menutxt { display: none; }
.slicknav_menu .slicknav_icon { width: 1.3em; }
.slicknav_menu .slicknav_icon-bar { height: 0.185em; width: 1.3em; }
.slicknav_nav { width: 100%; background: #131313; padding-bottom: 15px;  -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-top-left-radius: 0px; -moz-border-top-left-radius: 0px; border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.slicknav_nav .content { padding: 0 1em; }
.slicknav_nav .content .left { float: none; width: 100%; }
.slicknav_nav .content .left a { background-color: transparent; padding-top: 0; padding-bottom: 0; margin: 0; }
.slicknav_nav .content .left p { font-weight : normal; float: left; color: #ffffff; opacity: 0.4; padding-right: 10px; }
.slicknav_nav .content .left a + p { padding-left: 24px; }

.slicknav_nav .content .left a {
	display: block;
	float: left;
	width: 22px;
	height: 48px;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
	opacity: 0.5;
}

.slicknav_nav .content .left a:hover {
	opacity: 0.7 !important;
}

.slicknav_nav .content .left a.active {
	opacity: 1.0 !important;
}

.slicknav_nav .content .left a.windows { 
	background-image: url("/images/2x/header_platform_windows.png");
}

.slicknav_nav .content .left a.apple { 
	background-image: url("/images/2x/header_platform_apple.png");
}

.slicknav_nav .content .left a.android { 
	background-image: url("/images/2x/header_platform_android.png");
}

.slicknav_nav .content .right a.user, .slicknav_nav .content .right a.user:hover { 
	height: 36px;
	
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("/images/2x/header_icon_user.png");
}

.slicknav_nav .content .right { float: none; width: 100%; clear: both; padding-bottom: 0em; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.slicknav_nav .content .right a { display: block; border-top: 0px solid #999999; text-align: center; margin: 0; padding: 7px; color: #FFFFFF; opacity: 0.5; }
.slicknav_nav .content .right a:hover { opacity: 0.7; background: none; }
.slicknav_nav .content .right a.active { opacity: 1; }
.slicknav_nav .content .right a.active:hover { opacity: 1; }


@media only screen and (max-width: 1023px) {
	.row { min-width: 100%; }
	.row > .content, .row > .content:link, .row > .content:visited, .row > .content:hover, .row > .content:active { width: 100%; }
	.row.splash .screenshot  { margin: 0 auto; }
	img { max-width: 100%; }
	div { box-sizing: border-box; }
	/* .row.feature .inner .featuretrio { width: 95%; } */
	.button { padding-left: 5px; padding-right: 5px; }
	#download_bigger_button { width: 100px !important; }
	.row.feature .inner table { width: 100% !important; }
	.row.feature .inner .download-section table { width: 100% !important; }
	.row.feature .inner table h4 { font-size: 1em; } 
	.row.feature .inner .download-section h3 { font-size: 1.2em; } 
	.row.feature .inner .download-section h4 { font-size: 1em; }
	.row.feature .inner .store-section table .price { font-size: 0.8em; }
	.row.feature .inner .store-section table .price.strikethrough { font-size: 0.6em; }
	.row.feature .inner .store-section table .price .change { font-size: 0.6em; }
	.row.feature .inner .store-section table .price.strikethrough .change { font-size: 0.4em; }
	.row.feature .inner .store-section table td.buy a { font-size: 0.9em; }
	.row.feature .inner .store-section table td p.description-main { font-size: 0.8em; }
	.row.feature .inner .store-section table td p.description-secondary { font-size: 0.7em; }
	.button.gray-outline.small { float: none; margin-top: 2px; clear: both; margin-left: 5px !important; margin-right: 5px; }
	.row.feature .inner .store-section table td { padding-left: 0; }
	#header .products .left img { max-width: 75%; }

	.column.blacksource { display: block !important; float: left !important; }
}

@media only screen and (max-width: 767px) {
	#header { opacity: 1; }
	#header .left { float: none; max-width: 100%; padding-left: 10px; padding-right: 10px; }
	#header .right { float: none; max-width: 100%; padding-left: 10px; padding-right: 10px; }
	#header .products { min-width: 100%; max-width: 100%; height: auto; }
	#header .products .left { display: inline; position: relative; z-index: 1002; }
	#header .products > .content .left a { display: inline; }
	#header .products .right { background: #1e1e1e; }
	#header .menu { min-width: 100%; max-width: 100%; height: auto; display:none; }
	
	.slicknav_menu {
		display:block;
	}
	
	#header .row > .content .inner.xlarge, #header .row > .content:link .inner.xlarge, #header .row > .content:visited .inner.xlarge, #header .row > .content:hover .inner.xlarge, #header .row > .content:active .inner.xlarge { padding-left: 0px; padding-right: 0px; }
	
	.inner > div { max-width: 100%; }
	.row.splash { height: auto; }
	.row.splash .content { padding-bottom: 20px; }
	.row.splash .screenshot { max-width: 100%; }
	
	.row.feature .inner h1 { font-size: 2em; }
	.row.feature .inner h2 { font-size: 1.5em; }
	.row.feature .inner h3 { font-size: 0.85em; }
	.row.feature .inner .prices-container h3 { padding-bottom: 12px; }
	.row.feature .inner .prices-container .price { font-size: 2em; }
	.row.feature .inner .prices-container .price .change { padding-top: 0px; font-size: 0.6em; }
	.voices .voice { height: 525px; }

	.row.feature .inner .description h3 { font-size: 1.3em; }
	.row.feature .inner .description p { font-size: 1em; }

	.featuretrio .clear.both { clear: none; }
	.featuretrio h2 { white-space: normal !important; }
	.featuretrio:after { content: ''; display: block; clear: both; }
	.row.feature .inner .featurehighlight .left { width: 10%; height: auto; margin-left: -10px; display: none;  }
	.row.feature .inner .featurehighlight .left img { max-width: 100%; height: auto; box-sizing: border-box; padding-left: 5px; }
	.row.feature .inner .featurehighlight .right { width: 100%; height: auto; }
	.row.feature .inner .featurehighlight .separator { display: none; }
	.row.feature .inner .voices .description p { font-size: 14px; }
	.tab:after {  content: ''; display: block; clear: both; }

	.row.featurelist .inner .section .left { width: 100%; float: none; }
	.row.featurelist .inner .section .right { width: 100%; float: none; }
	
	.row.feature .inner .store-section h3 { font-size: 1em; }
	.button.medium { font-size: 0.8em !important; margin-top: 10px; }

	.row.featurelist .inner .section table.features { font-size: 1em; }
	.row.featurelist .inner .section table.features .feature-heading { }
	.row.featurelist .inner .section table.features th { font-size: 0.9em; box-sizing: border-box; }
	.row.featurelist .inner .section table.features th + th { padding-right: 5px; }
	.row.featurelist .inner .section table.features th + th + th { padding-left: 5px; }
	.row.featurelist .inner .section table.features td { font-size: 0.9em; }

	.tabbar-container > .content { margin-top: 30px; }
	.row.feature .inner { padding-bottom: 30px; }

	/*
	.row.feature .inner .store-extend-section .product-details .product .product-inner .right { float: none; width: 100%; clear: both; text-align: left; }
	.row.feature .inner .store-extend-section .product-details .product .product-inner .right .product-prices .price { float: left; padding-top: 15px; }
	.row.feature .inner .store-extend-section .product-details .product .product-inner .right > div { float: none; width: 100%; clear: both; text-align: left; }
	*/
	.row.feature .inner .store-extend-section .product-details .product .product-inner .right { padding-top: 10px; width: 100%; }
	.row.feature .inner .store-extend-section .product-details .product .product-inner .middle { float: left; padding-right: 10px; position: relative; top: -38px; }
}

@media only screen and (max-width: 519px) {
	#header .products > .content .right a { margin-left: 0px; max-width: 50%; box-sizing: border-box; }
	#header .products > .content .right a img { max-width: 100%; }
	#header .products > .content .right a + a { padding-left: 15px; }
	
	.row.splash .screenshot { width: 300px; height: 184px; background-size: 300px 184px; }
	.row.splash .screenshot.ts.mac { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
	.button { font-size: 0.8em; }
	.button + .button { margin-left: 15px; }
	.button.medium { clear: both; margin-left: 0px; margin-top: 5px; margin-left: 5px; }
	.button.gray-outline.small { margin-left: 0px !important; margin-right: 5px !important; }
	.button.gray-outline.small:last-of-type { margin-right: 5px !important; }
	.button.gray-outline.small::before { clear: both; display: block; content: ' '; }
	.button-container .button { margin-right: 0; }
	.row > .content .inner.large, .row > .content:link .inner.large, .row > .content:visited .inner.large, .row > .content:hover .inner.large, .row > .content:active .inner.large { padding-left: 20px; padding-right: 20px; }
	.row > .content .inner.medium, .row > .content:link .inner.medium, .row > .content:visited .inner.medium, .row > .content:hover .inner.medium, .row > .content:active .inner.medium { padding-left: 20px; padding-right: 20px; }
	.row.feature .inner .featuretrio .column, .row.feature .inner .featuretrio .column:link, .row.feature .inner .featuretrio .column:visited, .row.feature .inner .featuretrio .column:active, .row.feature .inner .featuretrio .column:hover { width: 100%; }
	.row > .content .inner.small, .row > .content:link .inner.small, .row > .content:visited .inner.small, .row > .content:hover .inner.small, .row > .content:active .inner.small { padding-left: 20px; padding-right: 20px; }
	.tabbar-container .tabbar .tab { font-size: 0.5em; white-space: normal; padding-left: 0; padding-right: 0; }
	.column { width: 50% !important; margin-bottom: 20px !important; box-sizing: border-box; }
	/* .row.feature .inner .featuretrio.xsmall .column:nth-child(odd) { clear: both; } */
	/*.featuretrio div + a.column { clear: none !important; } */
	.row.feature .inner .voices .description p { font-size: 11px; }
}

@media only screen and (min-width: 520px) and (max-width: 575px) {
	.row.splash .screenshot { width: 500px; height: 306px; background-size: 500px 306px; }
	.row.splash .screenshot.ts.mac { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
	.row > .content .inner.large, .row > .content:link .inner.large, .row > .content:visited .inner.large, .row > .content:hover .inner.large, .row > .content:active .inner.large { padding-left: 20px; padding-right: 20px; }
	.row > .content .inner.medium, .row > .content:link .inner.medium, .row > .content:visited .inner.medium, .row > .content:hover .inner.medium, .row > .content:active .inner.medium { padding-left: 20px; padding-right: 20px; }
	.row.feature .inner .featuretrio .column, .row.feature .inner .featuretrio .column:link, .row.feature .inner .featuretrio .column:visited, .row.feature .inner .featuretrio .column:active, .row.feature .inner .featuretrio .column:hover { width: 29%; }
	.row > .content .inner.small, .row > .content:link .inner.small, .row > .content:visited .inner.small, .row > .content:hover .inner.small, .row > .content:active .inner.small { padding-left: 20px; padding-right: 20px; }
	.button { font-size: 0.8em; }
	.tabbar-container .tabbar .tab { font-size: 0.7em; }
	.column { width: 33% !important; margin-bottom: 20px !important; box-sizing: border-box; }
	/* .row.feature .inner .featuretrio.xsmall .column:nth-child(odd) { clear: both; } */
	/*.featuretrio div + a.column { clear: none !important; } */

}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.row.splash .screenshot { width: 556px; height: 340px; background-size: 556px 340px; }
	.row.splash .screenshot.ts.mac { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
	.row > .content .inner.large, .row > .content:link .inner.large, .row > .content:visited .inner.large, .row > .content:hover .inner.large, .row > .content:active .inner.large { padding-left: 40px; padding-right: 40px; }
	.row > .content .inner.medium, .row > .content:link .inner.medium, .row > .content:visited .inner.medium, .row > .content:hover .inner.medium, .row > .content:active .inner.medium { padding-left: 20px; padding-right: 20px; }
	.row.feature .inner .featuretrio .column, .row.feature .inner .featuretrio .column:link, .row.feature .inner .featuretrio .column:visited, .row.feature .inner .featuretrio .column:active, .row.feature .inner .featuretrio .column:hover { width: 33%; box-sizing: border-box; }
	.row > .content .inner.small, .row > .content:link .inner.small, .row > .content:visited .inner.small, .row > .content:hover .inner.small, .row > .content:active .inner.small { padding-left: 20px; padding-right: 20px; }
	.tabbar-container .tabbar .tab { font-size: 0.7em; }
	.column { width: 33% !important; margin-bottom: 20px !important; box-sizing: border-box; }
	/* .row.feature .inner .featuretrio.xsmall .column:nth-child(odd) { clear: both; } */
	/*.featuretrio div + a.column { clear: none !important; } */
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.row.splash { height: auto; padding-bottom: 30px; }
	.row.splash .screenshot { width: 748px; height: 458px; background-size: 748px 458px; }
	.row.splash .screenshot.ts.mac { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
	.row > .content .inner.large, .row > .content:link .inner.large, .row > .content:visited .inner.large, .row > .content:hover .inner.large, .row > .content:active .inner.large { padding-left: 60px; padding-right: 60px; }
	.row > .content .inner.medium, .row > .content:link .inner.medium, .row > .content:visited .inner.medium, .row > .content:hover .inner.medium, .row > .content:active .inner.medium { padding-left: 20px; padding-right: 20px; }
	.row.feature .inner .featuretrio .column, .row.feature .inner .featuretrio .column:link, .row.feature .inner .featuretrio .column:visited, .row.feature .inner .featuretrio .column:active, .row.feature .inner .featuretrio .column:hover { width: 33%; box-sizing: border-box; }
	.row > .content .inner.small, .row > .content:link .inner.small, .row > .content:visited .inner.small, .row > .content:hover .inner.small, .row > .content:active .inner.small { padding-left: 20px; padding-right: 20px; }
	.tabbar-container .tabbar .tab { font-size: 1em; }
	.column { width: 33% !important; margin-bottom: 20px !important; box-sizing: border-box; }
	.featuretrio .clear.both { clear: none; }

	.row.feature .inner .featurehighlight .left { width: 30%; height: auto; margin-left: -10px; }
	.row.feature .inner .featurehighlight .left img { max-width: 100%; height: auto; }
	.row.feature .inner .featurehighlight .right { width: 70%; height: auto; }
	.row.feature .inner .featurehighlight .separator { display: none; }
}
@media only screen and (min-width: 992px) and (max-width: 1023px) {
	.row.splash { height: auto; padding-bottom: 40px; }
	.row.splash .screenshot { width: 980px; height: 600px; background-size: 980px 600px; }
	.row.splash .screenshot.ts.mac { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
	.row > .content .inner.large, .row > .content:link .inner.large, .row > .content:visited .inner.large, .row > .content:hover .inner.large, .row > .content:active .inner.large { padding-left: 60px; padding-right: 60px; }
	.row > .content .inner.medium, .row > .content:link .inner.medium, .row > .content:visited .inner.medium, .row > .content:hover .inner.medium, .row > .content:active .inner.medium { padding-left: 20px; padding-right: 20px; }
	.row.feature .inner .featuretrio .column, .row.feature .inner .featuretrio .column:link, .row.feature .inner .featuretrio .column:visited, .row.feature .inner .featuretrio .column:active, .row.feature .inner .featuretrio .column:hover { width: 33%; box-sizing: border-box; }
	.row > .content .inner.small, .row > .content:link .inner.small, .row > .content:visited .inner.small, .row > .content:hover .inner.small, .row > .content:active .inner.small { padding-left: 20px; padding-right: 20px; }

	.row.feature .inner .featurehighlight .left { width: 30%; height: auto; margin-left: -10px; }
	.row.feature .inner .featurehighlight .left img { max-width: 100%; height: auto; }
	.row.feature .inner .featurehighlight .right { width: 70%; height: auto; }
	.row.feature .inner .featurehighlight .separator { display: none; }

}


@media only screen and (max-width: 979px) {
	#header .products > .content > .inner.xlarge > .right > a { max-width: 50%; }
	.padding-h-90 { padding-left: 20px !important; padding-right: 20px !important; }
}

@media only screen and (min-width: 520px) {
	.slickbnav_menu { top: 8px; }
	.slicknav_menu .slicknav_icon { width: 1.5em; }
	.slicknav_menu .slicknav_icon-bar { height: 0.225em; width: 1.5em; }
}
@media only screen and (max-width: 359px) {
	.row.feature .inner .download-section table td.main { width: auto; padding-left: 0; padding-right: 5px;  }
	.row.feature .inner .download-section table td.buy { width: auto; padding-right: 0; padding-left: 5px; float: right; }
	.row.feature .inner .download-section table td p a { white-space: normal; }
}

@media only screen and (min-width: 768px) and (max-width: 900px) {
	.row.feature .inner .store-extend-section .product-details .product .product-inner .middle { padding-right: 0px; clear: both; float: right; }
}

@media only screen and (max-width: 768px) {
	.webui-popover {
		width: 100% !important;
		top: 0 !important;
		left: 0 !important;
		margin: 0 !important;
		border-radius: 0 !important;
	}
	
	.webui-popover .arrow {
		display: none !important;
	}
}