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

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

  .simpleCalendar {
    left: 0;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .promo .desc {
    max-width: none;
    padding-left: 430px;
    padding-right: 50px;
  }
  .promo h3 {
    font-size: 220%;
  }

}

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


  .photoBox .photoBox_img {
    float: none;
    margin: 0 0 15px 0;
    display: inline-block;
  }
  .photoBox .photoBox_desc {
    padding: 0;
  }
  .latestNews .latestNews_inset,
  .latestWinner .latestWinner_inset {
    width: auto;
    float: none;
  }
  .latestWinner .photoBox {
    margin: 0 0 30px 0;
    text-align: center;
  }

}

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

  .webHead .logo a {
    width: 185px;
    height: 35px;
  }
  .webHead .nav {
    font-size: 15px;
  }
  .webHead .nav li a {
    padding: 12px 15px;
  }
	.formatContent .gallery dl {
		width: 33.33%;
	}
	.formatContent .gallery dl:nth-child(4n + 1) {
		clear: none;
	}
	.formatContent .gallery dl:nth-child(3n + 1) {
		clear: both;
	}

}

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

  .mainSubpage .content {
    margin-right: 270px;
    padding: 25px 25px 20px 0;
  }
  .mainSubpage .webSidebar {
    padding: 25px 0 20px 20px;
  }
  .webSidebar .separator {
    margin-left: -20px;
    margin-bottom: 25px;
  }
  .webSidebar .subNav,
  .webSidebar .banner {
    margin-bottom: 25px;
  }
  .mainCourses .content {
    padding-top: 25px;
    padding-bottom: 5px;
  }

}

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

  .latestNews .latestNews_inset {
    padding-top: 40px;
  }
  .aboutProject {
    border-top: none;
  }
  .aboutProject .aboutProject_inset {
    max-width: none;
    margin-top: 0;
    padding: 35px 20px 40px 190px;
    background-position: -300px bottom;
  }
  .formatContent .coursesList .item .head,
  .formatContent .coursesList .item .level,
  .formatContent .coursesList .item .price {
    width: auto;
    display: block;
    padding: 0;
    text-align: center;
  }
  .formatContent .coursesList .inset {
    display: block;
    padding: 12px 20px;
  }
  .mainCourse .basicInfo {
    padding: 25px 20px 10px 20px;
  }
  .formatContent table.simpleTable {
    margin-bottom: 20px;
  }
  .tabbedContent .tabs {
    font-size: 110%;
  }

}

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

  .simpleCalendar {
    width: auto;
    position: static;
    background-color: #1f1f1f;
  }
  .promo {
    display: none;
  }
  .latestNews .latestNews_inset {
    padding-right: 20px;
    padding-bottom: 25px;
  }
  .latestWinner .latestWinner_inset {
    padding-left: 20px;
    padding-bottom: 25px;
  }
  .webBottom .webBottom_inset {
    padding: 30px 20px 15px 20px;
  }
  .webBottom {
    text-align: center;
  }
  .webBottom .col.col1,
  .webBottom .col.col2 {
    display: none;
  }
  .webBottom .col.col3 {
    width: auto;
    float: none;
    text-align: inherit;
  }
  .pageHead .pageHead_inset {
    padding: 25px 20px;
  }
  .mainCourse .basicInfo .colLeft,
  .mainCourse .basicInfo .colRight {
    width: auto;
    float: none;
  }
  .mainCourse .basicInfo .colRight {
    margin-bottom: 20px;
  }
  .tabbedContent .tabs {
    font-size: 100%;
  }
  .tabbedContent .tabs li a {
    padding: 15px 20px;
  }
  .tabbedContent .content .center {
    padding: 25px 20px;
  }
  .orderForm,
  .tabbedContent {
    margin-bottom: 30px;
  }
  .orderForm h2 {
    font-size: 180%;
  }

}

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

  .webHead .nav li a {
    padding-left: 8px;
    padding-right: 8px;
  }
  .formatContent {
    font-size: 80%;
  }
  .latestNews .formatContent {
    font-size: 90%;
  }
  .mainSubpage .webSidebar {
    width: 210px;
  }
  .mainSubpage .content {
    margin-right: 230px;
  }
  .formatContent .multiColumns {
    margin-bottom: 20px;
  }
  .formatContent .multiColumns.cols2 {
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
  }
  .formatContent .coursesList {
    margin-bottom: 20px;
  }

}

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

  .webHead .nav li a {
    padding-left: 5px;
    padding-right: 5px;
  }

}

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

  .subNav a {
    padding: 12px 15px;
    font-size: 14px;
  }
  .webHead .webHead_inset {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .webHead .navTrigger {
    display: block;
  }
  .webHead .nav {
    width: 100%;
    position: absolute;
    left: -100%;
    top: 65px;
    right: 0;
    z-index: 100;
    float: none;
    padding: 20px 0;
    background-color: #141414;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    transition: all 200ms linear;
  }
  .webHead .nav.show {
    left: 0;
    opacity: 1;
  }
  .webHead .nav li {
    display: block;
  }
  .webHead .nav a {
    color: #b2b2b2;
  }
  .latestNews,
  .latestWinner {
    width: auto;
    float: none;
  }
  .latestNews .latestNews_inset,
  .latestWinner .latestWinner_inset {
    border: none;
  }
  .latestWinner .latestWinner_inset {
    border-bottom: 1px solid #f3f2f2;
  }
  .mainSubpage .webSidebar {
    display: none;
  }
  .mainSubpage .content {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
  }
  .mainSubpage .content .subNav {
    display: block;
  }
  .orderForm .formField.col1 {
    width: 47%;
    float: left;
  }
  .orderForm .formField.col2 {
    width: 47%;
    float: right;
    margin-right: 0;
  }
  .orderForm .formField.col3 {
    width: 47%;
    float: left;
    clear: both;
  }
  .orderForm .formField.col4 {
    width: 47%;
    float: right;
  }

}

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

  .formatContent .headline {
    margin-bottom: 15px;
  }
  .formatContent p.excerpt {
    margin-bottom: 20px;
  }
  .formatContent img.alignleft {
    margin: 6px 20px 10px 0;
  }
  .formatContent table th,
  .formatContent table td {
    padding: 10px 15px 10px 15px;
  }
  .formatContent table {
    margin-bottom: 20px;
  }
  .formatContent .tableWrap {
    margin-bottom: 20px;
  }
  .formatContent .tableWrap table {
    margin-bottom: 5px;
  }
  .formatContent .clear {
    display: none;
  }
  .formatContent .imgSlider {
    margin-bottom: 25px;
  }
  .formatContent .imgSlider .bx-pager {
    margin-top: 20px;
  }
  .formatContent .openGallery {
    padding: 15px 20px 15px 50px;
    background-position: 12px center;
  }
  .tabbedContent .tabs {
    padding: 0;
    font-size: 100%;
  }
  .tabbedContent .tabs li {
    float: none;
    margin: 0 0 1px 0;
  }
  .tabbedContent .tabs li a {
    border-radius: 0;
    border: none;
  }
  .tabbedContent .content .center {
    padding: 25px 20px;
  }

}

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

  .simpleCalendar .post {
    display: none;
  }
  .simpleCalendar .post.i1,
  .simpleCalendar .post.i2,
  .simpleCalendar .post.i3,
  .simpleCalendar .post.i4,
  .simpleCalendar .post.i5,
  .simpleCalendar .post.i6 {
    display: block;
  }

}

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

  .aboutProject {
    font-size: 90%;
  }
  .aboutProject .aboutProject_inset {
    padding: 25px 20px;
    background: transparent !important;
  }
  .aboutProject h2 {
    margin-bottom: 12px;
    font-size: 180%;
  }
  .aboutProject p {
    margin-bottom: 12px;
  }
  .pageHead {
    font-size: 80%;
  }
	.formatContent .gallery dl {
		width: 50%;
	}
	.formatContent .gallery dl:nth-child(3n + 1) {
		clear: none;
	}
	.formatContent .gallery dl:nth-child(2n + 1) {
		clear: both;
	}

}

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

  .formatContent {
    font-size: 80%;
  }
  .formatContent .coursesList .item .head h3 {
    font-size: 20px;
  }
  .formatContent table.simpleTable thead th,
  .formatContent table.simpleTable thead td,
  .formatContent table.simpleTable tbody th,
  .formatContent table.simpleTable tbody td {
    padding: 10px;
  }
  .orderForm .formField.col1,
  .orderForm .formField.col2,
  .orderForm .formField.col3,
  .orderForm .formField.col4 {
    width: auto;
    float: none;
    margin-right: 0;
  }
  .formField {
    margin-bottom: 20px;
  }
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  textarea,
  select {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  input[type="submit"],
  input[type="button"] {
    width: 100%;
    padding: 12px 15px;
  }
  .formatContent h2 {
		font-size: 180%;
	}

}

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

  .simpleCalendar {
    text-align: center;
  }
  .simpleCalendar h2 {
    font-size: 180%;
  }
  .simpleCalendar h2 a {
    display: none;
  }
  .simpleCalendar .post.i4,
  .simpleCalendar .post.i5,
  .simpleCalendar .post.i6 {
    display: none;
  }
  .simpleCalendar .post .date {
    float: none;
    margin: 0 auto 10px auto;
  }
  .simpleCalendar .more a {
    display: inline-block;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 13px;
  }
  .latestWinner .latestWinner_desc {
    margin-bottom: 10px;
  }
  .webBottom h3 {
    margin-bottom: 10px;
    font-size: 115%;
  }
  .webBottom p a {
    font-size: 120%;
  }
  .webFoot {
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: normal;
    font-size: 12px;
  }
  .formatContent .priceBox p,
  .formatContent .priceBox a {
    width: auto;
    float: none;
    display: block;
    text-align: center;
    padding: 12px 15px;
    text-indent: 0;
    font-weight: normal;
    font-size: 90%;
  }
  .formatContent .priceBox a {
    box-shadow: inset 0 1px 0 #ff8b37;
  }

}

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

  .formatContent .post {
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
  .formatContent .post img {
    display: none;
  }
  .formatContent .post .desc {
    margin-left: 0;
  }
  .latestNews .latestNews_inset {
    padding-top: 25px;
  }
  .latestWinner {
    font-size: 95%;
  }
	.formatContent .gallery dl {
		width: 100%;
	}

}

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

  .webHead .logo a {
    width: 130px;
    height: 25px;
  }
  .webHead .navTrigger {
    margin-top: 4px;
  }
  .webHead .nav {
    top: 58px;
  }
  .latestNews h2 a {
    display: none;
  }

}

@media only screen and (min-width: 901px) and (max-width: 1182px)  {
	.moreInfo {
		display: block;
		padding: 28px 70px 27px 70px;
		margin-bottom: 10px !important;
		float: left;
		width: auto !important;
	}
	.openGallery {
		margin-bottom: 10px;
	}
	
	.hideGallery {
		display: none !important;
	}
}


@media only screen and (max-width: 475px)  {
	.moreInfo {
		display: block;
		padding: 15px 55px 15px 55px;
		margin-bottom: 10px !important;
		float: left;
		width: auto !important;
	}
	.openGallery {
		margin-bottom: 10px;
	}
	
	.hideGallery {
		display: none !important;
	}
}


@media only screen and (min-width: 475px) and (max-width: 700px) {
		.formatContent .openGallery {
		padding: 26px 20px 26px 50px;
	}
}

@media only screen and (min-width: 800px) {
	.reviewsLeft {
		width: 49%;
		float: left;
	}

	.reviewsRight {
		width: 49%;
		float: right;
	}
	
	.otherCoursesBtn {
		width: 20%;
	}
}

@media only screen and (max-width: 500px) {
	.reviewsContent {
	margin: 10px 20px 10px 20px;
	}
	.otherCoursesBtn {
		width: 70%;
	}
}

@media only screen and (max-width: 451px) {
	.formatContent .priceBox p {
		border-right-style: solid;
		  border-bottom-style: none;
  		border-radius: 8px 8px 0 0;
	}
	
	.courseInfo {
		width: 100%;
	}
}