#header #mobile_nav { display: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

@media all and (max-width: 975px) {
	html, body { min-width: 100%; }
	p { text-align: justify; }
	p img { max-width: 100%; height: auto; }
	.wrapper { width: 100%; }
	.breadcrumb { display: none; }

	#header { position: fixed; z-index: 999; float: none; height: auto; padding: 8px; }
	#header .logo { display: inline-block; margin: 0 auto; }
	#header .logo, #header .logo img { float: none; width: 131px; }
	#header #mobile_nav { display: block; width: 51px; height: 51px; background: #EEE url('../../images/frontend/mobileNav.png') no-repeat center center; border: 0; padding: 0; margin: 0; position: absolute; right: 4px; top: 4px; cursor: pointer; }
	#header .topBar { position: relative; right: 67px; top: 0; display: inline-block; float: right; width: auto; height: auto; }
	#header .topBar a { margin-top: 7px; float: none; text-transform: uppercase; font-weight: bold; background: #0072bc; color: #FFF; line-height: 26px; display: inline-block; padding: 0 7px; font-size: 12px; height: 26px; }
	#header .topBar a:hover { background: transparent; }
	#header .topBar ul { float: none; }
	#header .topBar ul li { display: block; float: none; margin: 0; }
	#header .mainMenu { display: block; overflow: hidden; height: 0;  background: #f4f4f4; width: 100%; position: fixed; top: 75px; }
	#header .mainMenu ul li a:before { display: none; }
	#header .mainMenu ul li a { margin: 0; padding: 0 3%; line-height: 40px; }
	#header .mainMenu ul li a:hover { background: #FFF; }
	#header .topBar ul, #header .mainMenu ul, #header .topBar ul li, #header .mainMenu ul li, #header .mainMenu ul li a { float: none; display: block; }
	#header .topBar ul li:before, #header .mainMenu .selected:before, #header .mainMenu .selected .before { display: none; }
	#header .topBar strong a { background: #FFF; margin: 0; background: #0072bc; }

	#footer { margin-top: 3% !important; padding: 0; }
	#footer .footerCol { margin: 0; width: 28%; padding: 3%; }
	#footer .footerCol:nth-child(3n) { width: 44%; }
	#footer .siteInfo .terms { position: relative; left: 2%; }
	#footer .siteInfo .credits { position: relative; right: 2%; }
	
	#cboxOverlay { z-index: 9999 !important; }
	div#colorbox { z-index: 99999 !important; }
	#cboxContent { position: relative; }
	#cboxPrevious, #cboxNext { height: 50px !important; }
	#cboxPrevious { left: 0 !important; background-position: -21px -207px !important; }
	#cboxNext { left: auto !important; right: 0 !important; background-position: -44px -207px !important; }

	#main:before { content: ''; display: block; width: 100%; height: 75px; }
	.indexSlider { margin-bottom: 3%; }
	.indexSlider .item { opacity: 1; background: transparent; }
	.indexSlider .item, .indexSlider .item img, .indexSlider .owl-controls { width: auto; }

	.indexSlider .item .hoverOverlay { width: 90%; padding: 3%; left: 10px; }
	.indexSlider .item .hoverOverlay.right { right: 10px; }
	.indexSlider .item .hoverOverlay.right:before, .indexSlider .item .hoverOverlay.right .before { right: -10px; }
	.indexSlider .item .hoverOverlay:before, .indexSlider .item .hoverOverlay .before { width: 8px; }
	.indexSlider .item .hoverOverlay:before, .indexSlider .item .hoverOverlay .before { left: -10px; }
	.indexSlider .hoverOverlay .content { display: none; }
	.indexSlider .hoverOverlay .title { margin: 0; font-size: 19px; }
	.indexSlider .hoverOverlay .content h4 { margin: 5px 0 0; font-size: 15px; }
	.indexSlider .hoverOverlay .more { float: none; text-transform: uppercase; font-size: 13px; }
	.indexSlider .hoverOverlay a { line-height: 18px; }
	.indexSlider .hoverOverlay p { margin: 0; font-size: 11px; line-height: 13px; }

	.highlightBox { margin: 0; width: 32%; }
	.highlightBox + .highlightBox { margin-left: 2%; }
	.highlightBox .featured img { max-width: 100%; height: auto; }
	.highlightBox .title { text-transform: uppercase; font-size: 14px; padding: 6px; }
	.highlightBox ul li { margin: 0; padding: 0 4%; box-sizing: border-box; }
	.highlightBox ul li a { display: block; float: none; line-height: 30px; }

	.googleSearch form { width: 90% }
	.googleSearch form input { box-sizing: border-box; width: 80%; }
	.googleSearch form .button { box-sizing: border-box; width: 20%; padding: 0; }
	.googleSearch form:after, .googleSearch form .after { right: 20%; }

	.support_inner h1 { margin-bottom: 5px; line-height: 25px; }
	.pageDesc { float: none; box-sizing: border-box; padding: 3%; margin: 0; }
	.pageDesc .title, .mainContent .content { float: none; margin: 0; }

	.col4 { width: 25%; margin: 0; }
	.products { margin-bottom: 0; }
	.productBox { padding: 3%; }
	.productBox .dotdotdotWrapper { height: auto; }
	.productBox .featured img { height: auto; }

	.productGallery, .productDesc { width: 100%; margin: 0; float: none; clear: both; box-sizing: border-box; padding: 3%; }
	.productGallery { padding: 3% 3% 0; }
	.productGallery:after { content: ''; display: block; clear: both; }
	.productGallery .thumbs { width: 80px; margin-right: 0; position: absolute; z-index: 9; }
	.productGallery .thumbs .item { width: 100%; height: 68px; text-align: center; position: relative; overflow: hidden; }
	.productGallery .thumbs .item img { float: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%);  transform: translateY(-50%); width: 90%; height: auto; left: 5%; }
	.productGallery .featured { width: 100%; height: auto; text-align: center; padding-left: 100px; box-sizing: border-box; height: auto; }
	.productGallery .featured img { width: auto; height: auto; max-height: 395px; float: none }

	.orderBox { text-align: center; }
	.button.fixedWidth { font-size: 17px; font-weight: normal; line-height: 40px; height: 40px; padding: 0; width: 50%; }

	table.noFormat td, table.none td { width: 50%; padding: 1% 3%; box-sizing: border-box; }
	table.noFormat td img, table.none td img { height: auto; max-width: 100%; }
	.productTabs, .productTabs .tabsContent { margin: 0; }
	.productTabs .tabsHeader { padding: 0 3%; }
	.productTabs .tabsHeader .item { margin-right: 15px; }

	.productTabs .greyBox { background: transparent; width: 33.33%; padding: 3% 3% 0; box-sizing: border-box; margin: 0; }
	.productTabs .greyBox .button.fixedWidth { font-size: 14px; }
	.productTabs .content { padding: 3% 3% 0; box-sizing: border-box; }

	.presentationGallery { float: none; width: 100%; height: auto; margin: 0; }
	.presentationGallery:after { content: ''; display: block; clear: both; }
	.presentationGallery .bigImgs, .presentationGallery .bigImgs .item, .owl-carousel .owl-item img { height: auto; }
	.presentationGallery .thumbs { display: none; }

	.sidebar.left ~ .mainContent, .sidebar.right { float: none; }
	.sidebar { float: none; margin: 0 !important; width: auto; box-sizing: border-box; }
	.sidebar h4 { padding: 0 2%; }
	.sidebar .widget { margin-bottom: 0; /*float: none;*/ }
	.sidebar:after, .sidebar .widget:after { content: ''; display: block; clear: both; }
	.sidebar .widget, .sidebar .widget ul li { padding: 0; }
	.sidebar .widget ul li a { display: block; float: none; box-sizing: border-box; padding: 0% 2%; line-height: 32px; }
	.sidebar .widget ul li a:hover { background: #fefefe; }
	.sidebar .widget ul li:before, .sidebar .widget ul li .before { display: none; }
	.sidebar .widget .content { padding: 2%; box-sizing: border-box; }
	.sidebar ~ .mainContent { width: auto; padding: 3%; }
	.sidebar ~ .mainContent .col3 { width: 31.33%; margin: 0 0 3%; }
	.sidebar ~ .mainContent .col3:nth-child(3n+2) { margin: 0 3%; }
	.transparentBox .content:before { display: none; }
	.transparentBox .title { margin: 0; }

	.posts .mainContent { margin-bottom: 20px; }
	.sidebar.right { float: right; box-sizing: border-box; padding: 0 3%; }

	.greyBar { text-align: center; }
	.greyBar .label, .greyBar ul, .greyBar ul li { float: none; }
	.greyBar ul { margin-top: 3%; }
	.greyBar ul li { display: inline-block; }
	.greyBar ul li:before { display: none; }
	.greyBar ul li + li { margin-left: 2%; }
	.greyBar ul li a { display: block; text-transform: uppercase; font-size: 12px; line-height: 24px; }

	.sitemap, .contacts { padding: 3% 3% 0; float: none; box-sizing: border-box; }
	.sitemap h1 { float: none; }
	.services { padding: 3%; box-sizing: border-box; }

	.support h1, .morePosts h2, .manuals h1 { margin: 0; padding: 3%; box-sizing: border-box; }
	.support .transparentBox, .morePosts .transparentBox { width: 50%; box-sizing: border-box; margin: 0 0 3%; padding: 0 3%; }
	.support .transparentBox:nth-child(odd), .morePosts .transparentBox:nth-child(odd) { clear: left; }
	.support .transparentBox .dotdotdotWrapper { height: auto; }
	.support:after, .morePosts:after { content: ''; display: block; clear: both; }
	.support_inner { padding: 3%; box-sizing: border-box; }
	.support_inner img, .post img { max-width: 100%; }
	.manuals { float: none !important; }
	.manuals .sidebar .widget { float: none; }
	.manuals .sidebar:before { content: ''; display: block; clear: both; }
	.manuals .content { padding: 3%; box-sizing: border-box; }
	.manuals_inner, .post { padding: 3%; box-sizing: border-box; }
	.manuals_inner h1 { margin: 0; }
	.manuals_inner iframe, .post iframe, .manuals_inner img { max-width: 100%; height: auto; }
	.meta a { float: none; display: block; text-transform: uppercase; }
	.meta .social { float: none; margin-top: 5px; }
	.blogPost.social { margin-top: 25px; width: 100%; text-align: center; }
	.pricing td { width: 80%; }
	.post { padding: 3% 3% 0; box-sizing: border-box; }
	.morePosts h2 { padding: 0 3%; margin: 15px 0 10px; }

	.blogComments label { width: 100%; text-align: left; }
	.blogComments input[type=text], .blogComments textarea, .blogComments .captcha input[type=text] { width: 100%; }
	.blogComments button { margin-left: 0; }
	.blogComments .captcha .code { width: 100%; margin: 10px 0 !important; }

	.contactForm, .contactInfo { float: none; width: auto; }
	.contactInfo table.noFormat td { padding: 0; width: 80%; }
	.contactInfo table.noFormat td:first-child { width: 20% !important }
	.contactForm label { width: 20%; margin-right: 3%; }
	input[type=text], input[type=password], input[type=email], input[type=date], input[type=number], textarea { width: 76%; box-sizing: border-box; }
	.contactForm button { margin: 0; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
	.captcha .code { width: 28%; }
	.captcha input[type=text] { width: 48%; }
}

@media all and (max-width: 800px) {
	.col4 { width: 50%; }
	.productBox { text-align: center; }
	.productBox:nth-child(odd) { clear: left; }
	.productBox .title { text-align: left; }
}

@media all and (max-width: 700px) {
	#footer .footerCol, #footer .footerCol:nth-child(3n) { width: 100%; }
	table.noFormat td, table.none td { width: 100%; display: block; }

	.productTabs .tabsHeader { padding: 0; }
	.productTabs .tabsHeader .item { margin-right: 0; font-size: 0; width: 20%; position: relative; height: 75px; margin-top: 5%; }
	.productTabs .tabsHeader .item:before { content: ''; background: url('../../images/frontend/mobile-icons.png') no-repeat 0 0; position: absolute; left: 50%; transform: translateX(-50%); transform: translateX(-50%); width: 52px; height: 66px; }
	.productTabs .tabsHeader #intro-tab:before { background-position: 0px -77px; }
	.productTabs .tabsHeader #intro-tab.selected:before { background-position: 0px 0px; }
	.productTabs .tabsHeader #prices-tab:before { background-position: -60px -77px; }
	.productTabs .tabsHeader #prices-tab.selected:before { background-position: -60px 0px; }
	.productTabs .tabsHeader #support-tab:before { background-position: -124px -77px; }
	.productTabs .tabsHeader #support-tab.selected:before { background-position: -124px 0px; }
	.productTabs .tabsHeader #presentation-tab:before { background-position: -186px -77px; }
	.productTabs .tabsHeader #presentation-tab.selected:before { background-position: -186px 0px; }
	.productTabs .tabsHeader #download-tab:before { background-position: -250px -77px; }
	.productTabs .tabsHeader #download-tab.selected:before { background-position: -250px 0px; }
	.productTabs .greyBox { width: 100%; padding: 3%; min-height: auto !important; }
	.productTabs .greyBox + .greyBox { border-top: 1px solid #0072BC; }

	.sidebar ~ .mainContent .col3 { width: 47.5%; }
	.sidebar ~ .mainContent .col3:nth-child(3n+2) { margin: 0; }
	.sidebar ~ .mainContent .col3:nth-child(even) { margin: 0 0 3% 3%; }
	.contactInfo table.noFormat td { float: left; }
}

@media all and (max-width: 600px) {
	.highlightBox { width: 100%; }
	.highlightBox + .highlightBox { margin-left: 0%; margin-top: 3%; }
	.highlightBox .featured img { width: 100%; }

	#footer .siteInfo .terms, #footer .siteInfo .credits { float: none; display: block; position: initial; }
	#footer .siteInfo { padding: 3% 3% 1%; box-sizing: border-box; }

	.button.fixedWidth { width: 100%; }
}

@media all and (max-width: 500px) {
	#header { padding: 8px 0; }
	#header .wrapper { text-align: center; }
	#header .topBar { display: block; overflow: hidden; float: none; position: initial; }
	#header .topBar a { margin-top: 5px; }
	#header .topBar ul li { text-align: center; }
	#header #mobile_nav { right: 10px; }
	#header .mainMenu { top: 128px; text-align: left; }
	#header.hidden .topBar { height: 0; }
	#header.hidden .mainMenu { top: 75px; }

	#main:before { height: 129px; }
	.support .transparentBox, .morePosts .transparentBox { width: 100%; margin-bottom: 6%; }

	.productGallery .featured, .productGallery .featured img { float: none; width: auto; height: auto; display: block; padding: 0; }
	.productGallery .featured img { max-width: 100%; margin: 0 auto; }
	.productGallery .thumbs { display: none; }
	.productGallery .thumbs.detached { display: block; margin-right: 0; font-size: 0; width: 100%; float: none; position: initial; }
	.productGallery .thumbs.detached a { width: 17%; box-sizing: border-box; height: auto; overflow: hidden; margin-bottom: 0; }
	.productGallery .thumbs.detached a + a { margin-left: 3.75%; }
	.productGallery .thumbs.detached a img { float: none; display: block; width: 100%; height: auto; position: initial; -webkit-transform: translateY(0%); transform: translateY(0%); }

	.sidebar ~ .mainContent .col3 { width: 100%; }
	.sidebar ~ .mainContent .col3:nth-child(even) { margin: 0 0 3%; }

	.contactForm label { width: 100%; margin-right: 0%; text-align: left; }
	input[type=text], input[type=password], input[type=email], input[type=date], input[type=number], textarea { width: 100%; box-sizing: border-box; }
	.captcha .code { width: 50%; margin: 10px 0; }
	.captcha input[type=text] { width: 50%; margin: 10px 0; }
	.blogComments .captcha input[type=text] { margin: 0; }
	.contactForm button { width: 100%; box-sizing: border-box; margin: 0; }
}

@media all and (max-width: 400px) {
	.googleSearch form input { width: 70%; }
	.googleSearch form .button { width: 30%; }
	.googleSearch form:after, .googleSearch form .after { right: 30%; }

	.col4 { width: 100%; }

	.productTabs .tabsHeader .item { height: 55px; }
	.productTabs .tabsHeader .item:before { background-size: 225px; width: 38px; height: 50px; }
	.productTabs .tabsHeader #intro-tab:before { background-position: 0px -57px; }
	.productTabs .tabsHeader #intro-tab.selected:before { background-position: 0px 0px; }
	.productTabs .tabsHeader #prices-tab:before { background-position: -46px -57px; }
	.productTabs .tabsHeader #prices-tab.selected:before { background-position: -46px 0px; }
	.productTabs .tabsHeader #support-tab:before { background-position: -93px -57px; }
	.productTabs .tabsHeader #support-tab.selected:before { background-position: -93px 0px; }
	.productTabs .tabsHeader #presentation-tab:before { background-position: -140px -57px; }
	.productTabs .tabsHeader #presentation-tab.selected:before { background-position: -140px 0px; }
	.productTabs .tabsHeader #download-tab:before { background-position: -187px -57px; }
	.productTabs .tabsHeader #download-tab.selected:before { background-position: -187px 0px; }
}