/*! Responzive (author: mail@jandousek.cz) */

@media only screen and (max-width: 1600px) {

	.docHead .docHeadCenter {
		width: auto;
		margin: 0;
	}

}

@media only screen and (max-width: 1480px) {

	.docHead .logo {
		margin-right: 45px;
	}
	.docHead .nav > ul > li {
		margin-right: 5px;
	}
	.docHead .nav > ul > li > a {
		padding-left: 17px;
		padding-right: 17px;
	}

}

@media only screen and (max-width: 1320px) {

	.docHead .logo {
		float: left;
		margin: 20px 35px 20px 30px;
	}
	.docHead .nav {
		margin: 0;
	}
	.docHead .nav > ul > li {
		margin-right: 0;
	}
	.docHead .nav > ul > li.navLang {
		display: block;
	}
	.docHead .nav > ul > li > a {
		min-height: 65px;
		padding: 42px 20px 0 20px;
	}
	.docHead .nav .navSub {
		top: 107px;
	}

}

@media only screen and (max-width: 1220px) {

	.docHead .logo {
		margin-left: 20px;
	}
	.docHead .nav > ul > li > a {
		padding-left: 15px;
		padding-right: 15px;
	}
	.docHead .lang {
		top: 25px;
		right: 75px;
	}
	.docHead .lang li a {
		padding-top: 10px;
		padding-left: 20px;
	}
	.hidden-xs {
		display: none;
	}
}

@media only screen and (max-width: 1130px) {

	.docHead .nav {
		width: 0;
		height: 100%;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 1010;
		overflow-y: auto;
		background-color: #fff;
		box-shadow: 0 0 10px rgba(0,0,0,0.2);
		opacity: 0;
		transition: all 150ms linear;
	}
	.docHead .nav > ul {
		width: 300px;
	}
	.docHead .nav.show {
		width: 300px;
		opacity: 1;
	}
	.docHead .nav > ul > li {
		float: none;
	}
	.docHead .nav > ul > li > a {
		min-height: 1px;
		padding: 25px 30px;
	}
	.docHead .nav .navSub {
		position: static;
		top: auto;
		display: block;
		padding: 0;
		background: transparent;
		border-top: 1px solid #fe0102;
		border-bottom: 1px solid #fe0102;
	}
	.docHead .nav .navSub > ul {
		width: auto;
		margin: 0;
	}
	.docHead .nav .navSub > ul > li {
		width: auto;
		float: none;
	}
	.docHead .nav .navSub > ul > li > a {
		padding: 12px 20px 12px 45px;
		background-position: 25px 14px;
	}
	.docHead .nav .navSub > ul > li:first-child > a {
		padding-top: 25px;
		background-position: 25px 28px;
	}
	.docHead .nav .navSub > ul > li:last-child > a {
		padding-bottom: 30px;
		background-position: 25px 15px;
	}
	.docHead .navTrigger {
		display: block;
	}
	.docHead .navOverlay.show {
		width: 100%;
		opacity: 1;
	}
	.docPromo .docPromoCenter {
		width: auto;
		margin: 0 20px;
	}
	.docPromo .title {
		padding: 15px 10px 25px 10px;
		font-size: 45px;
	}
	.docMain.HP .aboutUsNav,
	.latestPosts .latestPostsCenter,
	.fastForm .fastFormCenter,
	.docFoot,
	.docMain.SUB .categoryPosts,
	.docMain.SUB .superCite,
	.docMain.SUB .faq,
	.docMain.SUB .contactPersons,
	.docMain.SUB .contactMethods,
	.docMain.SUB .productsDirectory,
	.docMain.SUB .productsSteps,
	.docMain.SUB .productsApp {
		width: auto;
		margin-left: 20px;
		margin-right: 20px;
	}
	.contentBoxItemsList,
	.postItemsList,
	.personItemsList,
	.textBoxItemsList,
	.dirBoxItemsList,
	.tabsNav {
		margin-left: -15px;
		margin-right: -15px;
	}
	.contentBoxItemsList .contentBoxItem,
	.postItemsList .postItem,
	.personItemsList .personItem,
	.textBoxItemsList .textBoxItem,
	.dirBoxItemsList .dirBoxItem {
		margin-bottom: 30px;
	}
	.contentBoxItemsList .contentBoxItem .contentBoxItemInset,
	.postItemsList .postItem .postItemInset,
	.personItemsList .personItem .personItemInset,
	.textBoxItemsList .textBoxItem .textBoxItemInset,
	.dirBoxItemsList .dirBoxItem .dirBoxItemOutset,
	.tabsNav li a {
		margin-left: 15px;
		margin-right: 15px;
	}
	.dirBoxItem .dirBoxItemInset {
		padding-right: 50px;
	}
	.dirBoxItem .title {
		font-size: 23px;
	}
	.pageHead {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.textBoxItem .imp {
		margin: 30px 0 30px 0;
		font-size: 24px;
	}
	.iconBoxItem .icon {
		background-size: auto 50%;
	}

}

@media only screen and (max-width: 1090px) {

	.fastContact .fastContactCenter {
		width: auto;
		margin: 0;
	}
	.fastContact .title {
		border-radius: 0;
	}
	.circleSteps a {
	  width: 150px;
	  height: 150px;
		font-size: 16px;
	}
	.circleSteps a .table {
	  height: 150px;
	}
	.circleSteps a .cell {
		padding: 10px;
	}

}

@media only screen and (max-width: 1030px) {

	.docPromo .desc p {
		margin-bottom: 20px;
		font-size: 20px;
	}

}

@media only screen and (max-width: 990px) {

	.fastContact .methods li {
		width: 33.33%;
	}
	.fastContact .methods li.iconPhone {
		display: none;
	}
	.contentBoxItemsList.cols3 .contentBoxItem,
	.postItemsList.cols3 .postItem {
		width: 50%;
	}
	.aboutUsNav .contentBoxItemsList.cols3 .contentBoxItem.last ,
	.latestPosts .postItemsList.cols3 .postItem.last {
		width: 100%;
	}
	.fastForm {
		display: none;
	}
	.docMain.HP .latestPosts {
		margin-bottom: 40px;
	}

}

@media only screen and (max-width: 970px) {

	.docPromo {
		padding: 70px 0;
	}
	.docPromo .title {
		font-size: 35px;
	}
	.docPromo .desc p {
		font-size: 18px;
	}
	.btn.sizeLarge,
	.btnBordered.sizeLarge {
		padding: 14px 20px 16px 20px;
		letter-spacing: 1px;
		font-weight: 400;
		font-size: 16px;
	}
	.contentBoxItem .contentBoxItemInset {
		padding: 35px 25px 30px 25px;
	}
	.pageHead .pageHeadTitle {
		padding: 14px 30px 15px 30px;
		font-size: 23px;
	}
	.docMain.SUB .googleMap {
		display: none;
	}
	.docMain.SUB .contactPersons {
		margin-bottom: 10px;
	}
	.iconBoxesItemsList.cols5 .iconBoxItem {
		width: 25%;
	}
	.iconBoxesItemsList.cols5 .iconBoxItem:nth-child(5n + 1) {
		clear: none;
	}
	.iconBoxesItemsList.cols5 .iconBoxItem:nth-child(4n + 1) {
		clear: both;
	}
	.iconBoxItem .icon {
		height: 120px;
	}

}

@media only screen and (max-width: 880px) {

	.fastContact .methods li {
		width: 50%;
	}
	.fastContact .methods li.iconMail {
		display: none;
	}
	.docHead .nav > ul > li > a {
		padding: 15px 25px;
	}
	.productsApp .productsAppTitle {
		font-size: 28px;
	}

}

@media only screen and (max-width: 870px) {

	.docMain.SUB .pageContent {
		width: auto;
		margin-left: 110px;
		margin-right: 20px;
	}
	.pageContent .shareList {
		left: -80px;
	}
	.superCite {
		font-size: 16px;
	}
	.superCite p {
		margin: 0 50px;
	}
	.personItemsList.cols3 .personItem {
		width: 50%;
	}

}

@media only screen and (max-width: 850px) {

	.docFoot .docFootCol.posLeft {
		width: 47.7%;
	}
	.docFoot .docFootCol.posMiddle {
		display: none;
	}
	.docFoot .docFootCol.posRight {
		width: 43%;
	}
	body {
		padding-bottom: 30px;
	}
	.textBoxItemsList.cols2 .textBoxItem,
	.textBoxItemsList.cols3 .textBoxItem,
	.textBoxItemsList.cols4 .textBoxItem,
	.textBoxItemsList.cols5 .textBoxItem {
		width: auto;
		float: none;
	}
	 .textBoxItemsList .textBoxItem {
		margin-bottom: 15px;
	}
	.textBoxItem .textBoxItemInset {
		padding: 20px 20px 20px 20px;
	}
	.textBoxItem .imp {
		margin: 0 0 10px 0;
	}

}

@media only screen and (max-width: 800px) {

	.docPromo {
		margin-bottom: 30px;
		padding: 40px 0;
	}
	.docPromo .title {
		padding: 15px 15px 20px 15px;
		font-size: 25px;
	}
	.docPromo .desc p {
		font-size: 16px;
	}
	.docHead .logo {
		margin: 15px 0 15px 15px;
	}
	.docHead .navTrigger {
		margin-top: 35px;
	}
	.fastContact {
		display: none;
	}
	.latestPosts .latestPostsTitle {
		margin-bottom: 20px;
		padding-bottom: 20px;
		font-size: 26px;
	}
	.latestPosts {
		padding-bottom: 20px;
	}
	.dirBoxItemsList.cols2 .dirBoxItem,
	.dirBoxItemsList.cols3 .dirBoxItem,
	.dirBoxItemsList.cols4 .dirBoxItem,
	.dirBoxItemsList.cols5 .dirBoxItem {
		width: auto;
		float: none;
	}
	.dirBoxItem .dirBoxItemInset {
		padding: 30px 20px 30px 0;
	}
	.dirBoxItem .title {
		height: auto;
		display: inline-block;
	}
	.dirBoxItem .title span {
		display: block;
		padding: 15px 20px;
	}
	.iconBoxesItemsList.cols5 .iconBoxItem {
		width: 33.33%;
	}
	.iconBoxesItemsList.cols5 .iconBoxItem:nth-child(4n + 1) {
		clear: none;
	}
	.iconBoxesItemsList.cols5 .iconBoxItem:nth-child(3n + 1) {
		clear: both;
	}
	.circleSteps a {
	  width: 120px;
	  height: 120px;
		font-size: 14px;
	}
	.circleSteps a .table {
	  height: 120px;
	}
	.docMain.SUB .circleSteps {
	  margin: 30px 0 10px 0;
	}

}

@media only screen and (max-width: 800px) {

	.contentBoxItem .contentBoxItemInset {
		padding: 25px 20px 20px 20px;
	}
	.contentBoxItem .title {
		margin-bottom: 15px;
		font-size: 23px;
	}
	.contentBoxItem .excerpt {
		margin-bottom: 20px;
		font-size: 15px;
	}
	.contentBoxItemsList.cols2 .contentBoxItem,
	.contentBoxItemsList.cols3 .contentBoxItem,
	.contentBoxItemsList.cols4 .contentBoxItem,
	.contentBoxItemsList.cols5 .contentBoxItem {
		width: auto;
		float: none;
	}
	.contentBoxItemsList .contentBoxItem {
		margin-bottom: 15px;
	}
	.postItem .date {
		position: static;
	}
	.postItem .excerpt {
		margin-bottom: 15px;
	}
	.postItemsList .postItem,
	.latestPosts .postItemsList .postItem {
		margin-bottom: 15px;
	}
	.postItemsList.cols2 .postItem,
	.postItemsList.cols3 .postItem,
	.postItemsList.cols4 .postItem,
	.postItemsList.cols5 .postItem {
		width: auto;
		float: none;
	}
	.postItem .postItemInset,
	.postItem.haveBg .postItemInset,
	.postItem.noThumb .postItemInset,
	.postItem.haveBg.noThumb .postItemInset {
		min-height: 1px;
	}
	.postItem .postItemInset {
		padding-bottom: 20px;
	}
	.postItem.haveBg.noThumb .postItemInset {
		padding-top: 15px;
	}
	.postItem.noThumb .postItemInset {
		padding-top: 0;
	}
	.docMain.SUB .pageHead {
		margin-bottom: 30px;
	}
	.faq .faqTitle {
		margin-bottom: 25px;
		font-size: 28px;
	}
	.faq .faqContent {
		padding-top: 35px;
	}
	.docMain.SUB .faq .faqContent .formatContent {
		width: auto;
		margin: 0;
	}

}

@media only screen and (max-width: 740px) {

	.tabsNav li a {
		padding: 15px 15px 13px 15px;
	}
	.tabsNav.cols2 li,
	.tabsNav.cols3 li,
	.tabsNav.cols4 li,
	.tabsNav.cols5 li {
		width: auto;
		float: none;
	}

}

@media only screen and (max-width: 700px) {

	.productsApp .productsAppTitle {
		margin-bottom: 25px;
		font-size: 22px;
	}
	.docMain.SUB .productsApp {
		margin-top: 30px;
	}
	.docMain.SUB .circleSteps {
		margin-bottom: 30px;
	}
	.circleSteps a {
		margin: 0 10px 10px 10px;
	}
	.circleSteps a:after {
		display: none;
	}
}

@media only screen and (max-width: 640px) {

	.docFoot .docFootCol.posLeft {
		display: none;
	}
	.docFoot .docFootCol.posRight {
		width: auto;
		float: none;
		text-align: center;
	}
	.docFoot .docFootCol.posRight .docFootColInset {
		padding: 0;
	}
	.pageHead {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.docMain.SUB .categoryPosts {
		margin-bottom: 40px;
	}
	.formatContent table thead th,
	.formatContent table thead td {
		padding: 8px 12px 12px 12px;
		font-size: 18px;
	}
	.formatContent table tbody th,
	.formatContent table tbody td,
	.formatContent table tfoot th,
	.formatContent table tfoot td {
		padding: 8px 12px 15px 12px;
	}
	.docMain.SUB .pageContent {
		margin-bottom: 40px;
	}
	.superCite {
		display: none;
	}
	.docMain.SUB .faq {
		margin-bottom: 40px;
	}
	.contactMethods {
		margin-bottom: 0;
	}
	.iconBoxItem .icon {
		height: 80px;
	}
	.iconBoxesItemsList.cols5 .iconBoxItem {
		width: 50%;
	}
	.iconBoxesItemsList.cols5 .iconBoxItem:nth-child(3n + 1) {
		clear: none;
	}
	.iconBoxesItemsList.cols5 .iconBoxItem:nth-child(2n + 1) {
		clear: both;
	}
	.docMain.SUB .productsSteps {
		margin-bottom: 30px;
	}
	.iconBoxItem {
		font-size: 16px;
	}
	.productsApp .productsAppTitle {
		font-size: 18px;
	}
	.docMain.SUB .productsApp {
		margin-bottom: 40px;
	}

}

@media only screen and (max-width: 600px) {

	.docPromo {
		padding: 20px 0;
	}
	.docPromo .title {
		padding: 15px 15px 19px 15px;
		font-size: 22px;
	}
	.docPromo .desc {
		padding: 15px 25px 25px 25px;
	}
	.docPromo .desc p {
		font-size: 15px;
	}
	.postItem .title {
		font-size: 24px;
	}
	.personItemsList.cols2 .personItem,
	.personItemsList.cols3 .personItem,
	.personItemsList.cols4 .personItem,
	.personItemsList.cols5 .personItem {
		width: auto;
		float: none;
		margin-bottom: 20px;
	}
	.personItem .personItemDesc {
		padding: 15px 10px 5px 10px;
		text-align: center;
	}
	.personItem .title {
		margin-bottom: 15px;
	}
	.personItem .phone {
		text-align: center;
		font-size: 16px;
	}

}

@media only screen and (max-width: 550px) {

	.docMain.SUB .pageContent {
		margin-left: 20px;
	}
	.pageContent .shareList {
		position: static;
	}
	.pageContent .disqusComments {
		display: none;
	}
	.pageContent .shareList li {
		float: left;
	}
	.formatContent {
		font-size: 14px;
	}
	.faq .faqTitle {
		font-size: 24px;
	}

}
@media only screen and (max-width: 470px) {

	.dirBoxItem .dirBoxItemInset {
		padding: 20px 20px 20px 0;
	}
	.dirBoxItem .title {
		font-size: 19px;
	}

}

@media only screen and (max-width: 400px) {

	.docHead .nav.show {
		width: 250px;
		opacity: 1;
	}
	.postItem .title {
		font-size: 20px;
	}
	.iconBoxesItemsList.cols2 .iconBoxItem,
	.iconBoxesItemsList.cols3 .iconBoxItem,
	.iconBoxesItemsList.cols4 .iconBoxItem,
	.iconBoxesItemsList.cols5 .iconBoxItem {
		width: auto;
		float: none;
	}
	.docMain.SUB .productsApp {
		margin-bottom: 20px;
	}

}