@media screen and (max-width: 1919px) {
  .wrapper {
    max-width: none;
    margin: 0 50px;
  }
  .section.meetUs .items .item .itemContainer {
    height: 400px;
  }
  .servicesSliderContainer {
    height: 600px;
  }
  .hallsSlider1 {
    height: 910px;
  }
  .hallsSlider2 {
    height: 910px;
  }
  .caseStudiesSliderContainer .caseStudiesSlider .caseStudiesSlide .top {
    height: 600px;
  }
  .section.walk .top .background {
    height: 520px;
  }
  .section.blog .items .item .itemContainer .thumb {
    height: 300px;
  }
  .section.realizations .items .item .itemContainer .thumb {
    height: 500px;
  }
}
@media screen and (max-width: 1439px) {
  .wrapperContainer {
    padding: 0 40px;
  }
  .wrapper {
    margin: 0 40px;
  }
  .wrapperPadding {
    padding-left: 95px;
  }
  .tooltipAside .thumb {
    height: 280px;
  }
  .tooltipAside .content {
    padding: 40px;
  }
  .tooltipAside .button {
    padding: 25px 0 0 0;
  }
  .tooltipAside .closeTooltipAside {
    top: 50px;
    left: 40px;
  }
  .tooltipAside .arrows {
    top: 40px;
    right: 30px;
  }
  .tooltipAside .paging {
    top: 52px;
  }
  .langAside {
    width: 200px;
  }
  .langAside .langAsideContainer {
    padding: 30px 25px 50px 40px;
  }
  .contactAside .contactAsideContainer {
    padding: 40px;
  }
  .contactAside .closeContactAside {
    top: 45px;
    right: 40px;
  }
  .topSliderContainer .buttons {
  }
  .topSliderContainer .navigation {
    bottom: 50px;
  }
  .topSliderContainer .topSlider .topSlide .content {
    bottom: 35px;
  }
  .header {
    width: 95px;
  }
  .header .logo {
    padding: 30px 0 0 0;
    left: 30px;
  }
  .header .buttonBottom {
    bottom: 65px;
  }
  .fullMenu .closeFullMenu {
    width: 93px;
  }
  .fullMenu .whiteColumn {
    left: 100px;
    width: 50%;
  }
  .fullMenu .logo {
    top: 50px;
  }
  .fullMenu .blueBox {
    width: 420px;
  }
  .fullMenu .blueBox .top {
    top: 60px;
    left: 60px;
  }
  .fullMenu .blueBox .bottom {
    bottom: 60px;
    left: 60px;
    right: 60px;
  }
  .fullMenu .navyBox {
    width: 420px;
  }
  .fullMenu .navyBox .top {
    top: 60px;
    left: 60px;
    right: 60px;
  }
  .fullMenu .navyBox .social {
    left: 60px;
    bottom: 60px;
  }
  .fullMenu .title {
    font-size: 24px;
  }
  .fullMenu .nav {
    display: table;
    width: 100%;
  }
  .fullMenu .nav .columnLeft {
    padding-top: 70px;
    width: 40%;
  }
  .fullMenu .nav .columnRight {
    padding-top: 70px;
    width: 65%;
  }
  .fullMenu .nav ul li {
    padding: 8px 0;
  }
  .servicesSliderContainer {
    position: relative;
    height: 480px;
  }
  .servicesSliderContainer img {
    max-width: 65px;
    max-height: 60px;
  }
  .section.hallsOffer .items .item {
    padding-top: 50px;
  }
  .section.hallsOffer .items .item .itemContainer {
    height: 480px;
  }
  .section.hallsOffer .items .item .itemContainer .contentColumn .contentContainer .contentMiddle {
    padding: 50px;
  }
  .section.hallsOffer .items .item .itemContainer .photoColumn .icon {
    right: 50px;
    top: 50px;
  }
  .section.hallsOffer .items .item .itemContainer:hover .contentColumn {
    -webkit-transform: translate(0,-30px);
    -moz-transform: translate(0,-30px);
    -o-transform: translate(0,-30px);
    -ms-transform: translate(0,-30px);
    transform: translate(0,-30px);
  }
  .section.hallsOffer .items .item.invert .itemContainer .photoColumn .icon {
    left: 50px;
  }
  .section.hallsOffer .button {
    padding: 20px 0 0 0;
  }
}
@media screen and (max-width: 1366px) {
  .wrapper {
    width: auto;
    margin: 0 50px;
  }
  .sectionPadding {
    padding: 80px 0;
  }
  .sectionPaddingTop {
    padding: 80px 0 0 0;
  }
  .sectionPaddingMin {
    padding: 40px 0;
  }
  .sectionPaddingTopMin {
    padding: 40px 0 0 0;
  }
  .footer {
    padding: 50px 0;
  }
  .footer .nav {
    padding: 10px 0 0 0;
  }
  .footer .nav ul li {
    padding-right: 30px;
  }
  .footer .social {
    padding: 20px 0 40px 0;
  }
  .footer .social ul li {
    padding-right: 15px;
  }
  .footer .social ul li a {
    width: 45px;
    height: 45px;
  }
  .footer .social ul li a i {
    font-size: 16px;
    line-height: 42px;
  }
  .copyright {
    padding: 50px 0;
  }
  .copyright .logo {
    padding: 15px 0 30px 0;
  }
  .servicesSliderContainer .titleContainer .title {
    font-size: 20px;
    min-height: 100px;
    padding: 25px 20px 20px 0;
  }
  .hallsSlider1 {
    height: 720px;
  }
  .hallsSlider1 .content .box {
    min-height: 330px;
  }
  .hallsSlider1 .content .box .boxContainer {
    padding: 40px;
  }
  .hallsSlider1 .content .title {
    font-size: 24px;
  }
  .hallsSlider1 .content .icon img {
    width: 55px;
  }
  .hallsSlider1 .content .bottom {
    margin-top: 15px;
  }
  .hallsSlider2 {
    height: 720px;
  }
  .hallsSlider2 .content .box {
    min-height: 330px;
  }
  .hallsSlider2 .content .box .boxContainer {
    padding: 40px;
  }
  .hallsSlider2 .content .title {
    font-size: 24px;
  }
  .hallsSlider2 .content .icon img {
    width: 55px;
  }
  .hallsSlider2 .content .bottom {
    margin-top: 15px;
  }
  .caseStudiesSliderContainer .caseStudiesSlider .caseStudiesSlide .top {
    height: 480px;
  }
  .caseStudiesSliderContainer .caseStudiesSlider .caseStudiesSlide .content {
    margin: 0 70px;
    margin-top: -70px;
  }
  .caseStudiesSliderContainer .caseStudiesSlider .caseStudiesSlide .content .contentContainer {
    padding: 50px;
  }
  .caseStudiesSliderContainer .columns .title {
    font-size: 24px;
  }
  .section.contact .contactItems .item {
    width: 33.33%;
  }
  .section.contact .contactItems.half .item {
    width: 66.66%;
  }
  .footerBoxes .footerBoxesContainer .box .boxContainer {
    padding: 70px 0 70px 40px;
  }
  .footerBoxes .footerBoxesContainer .title {
    font-size: 28px;
    padding: 0 0 20px 0;
  }
  .footerBoxes .footerBoxesContainer .phone {
    font-size: 32px;
  }
  .footerBoxes .footerBoxesContainer .phone span {
    height: 45px;
    width: 45px;
  }
  .footerBoxes .footerBoxesContainer .phone span i {
    font-size: 16px;
    line-height: 40px;
  }
  .section.dimensions {
    padding: 20px 0 50px 0;
  }
  .section.dimensions .columns .column .title {
    font-size: 20px;
  }
  .section.dimensions .columns .column .desc {
    font-size: 20px;
  }
  .section.dimensions .columns .column .icon {
    padding: 0;
  }
  .section.dimensions .columns .column .icon img {
    width: 50px;
  }
  .section.filters {
    padding: 0 0 30px 0;
  }
  .section.filters .title {
    font-size: 24px;
  }
  .section.filters .selectContainer {
    margin-left: 30px;
  }
  .section.filters .selectContainer .selectTitle {
    font-size: 24px;
  }
  .section.filters .selectContainer .selectButton .selectDropdown {
    padding: 10px 0;
    top: 35px;
  }
  .section.filters .selectContainer .selectButton .selectDropdown ul li a {
    padding: 5px 20px;
  }
  .section.realizations .items {
    padding: 15px 0 25px 0;
  }
  .section.realizations .items .item .itemContainer .thumb {
    height: 250px;
  }
  .section.realizations .items .item .itemContainer .content {
    padding: 40px;
  }
  .photoContentBox1 .itemContainer {
    height: 560px;
  }
  .photoContentBox1 .itemContainer .contentColumn .contentContainer .contentMiddle .contentMiddleContainer {
    padding: 50px;
  }
  .photoContentBox1 .itemContainer .button {
    padding: 20px 0 0 0;
  }
}
@media screen and (max-width: 1279px) {
  .topSliderContainer .point .peTooltip {
    width: 200px;
    margin-left: -100px;
  }
  .topSliderContainer .point .peTooltip .thumb {
    height: 100px;
  }
  .topSliderContainer .point .peTooltip .title {
    padding: 17px 20px 14px 20px;
    font-size: 15px;
  }
  .narrowContent {
    width: 66.66%;
  }
  .section.blog .items .item.withDesc .itemContainer .content {
    min-height: 340px;
  }
  .section.blog .items .item .itemContainer .thumb {
    height: 350px;
  }
  .section.blog .items .item .itemContainer .content {
    padding: 40px;
    min-height: 220px;
  }
  .section.blog .items .item .itemContainer .content .title {
    font-size: 20px;
  }
  .section.contactHero {
    padding: 0 0 70px 0;
  }
  .section.contactHero .columns .box {
    padding: 50px;
    min-height: 230px;
  }
  .section.contactHero .columns .box .title {
    font-size: 28px;
    padding: 5px 0 15px 0;
  }
  .section.contactHero .columns .box .phone {
    font-size: 30px;
  }
  .section.contactHero .columns .box .phone span {
    height: 45px;
    width: 45px;
  }
  .section.contactHero .columns .box .phone span i {
    font-size: 16px;
    line-height: 40px;
  }
  .section.contactHero .columns .box .button {
    display: inline-block;
  }
  .section.contactHero .columns .box1 {
    margin-right: 15px;
    background: #004a88;
  }
  .section.contactHero .columns .box2 {
    margin-left: 15px;
    background: #005ba6;
  }
}
@media screen and (max-width: 1199px) {
  body,
  html {
    font-size: 14px;
  }
  .sectionPadding {
    padding: 60px 0;
  }
  .sectionPaddingTop {
    padding: 60px 0 0 0;
  }
  .sectionPaddingMin {
    padding: 30px 0;
  }
  .sectionPaddingTopMin {
    padding: 30px 0 0 0;
  }
  .headline h1 {
    padding: 10px 0 20px 0;
  }
  .servicesSliderContainer {
    margin-top: 50px;
  }
  .contactAside {
    max-width: 660px;
  }
  .contactItems .item {
    width: 50%;
  }
  .section.meetUs .items .item .itemContainer {
    height: 300px;
  }
  .section.walk .top {
    padding-bottom: 8rem;
  }
  .section.walk .top .background {
    height: 480px;
  }
  .section.walk .top .background .icon {
    position: absolute;
    top: 180px;
    right: 15%;
  }
  .section.walk .top .background .icon img {
    width: 180px;
  }
  .section.walk .top .content {
    top: 150px;
    left: 70px;
    width: 380px;
  }
  .section.walk .top .content .contentContainer {
    padding: 50px 50px 50px;
  }
  .section.walk .top .button {
    padding: 20px 0 0 0;
  }
  .section.walk .top.invert .content {
    right: 70px;
  }
  .section.walk .top.invert .background .icon {
    right: auto;
    left: 15%;
  }
  .sizesSliderContainer .columns .columnLeft {
    width: auto;
    float: none;
  }
  .sizesSliderContainer .columns .columnRight {
    width: auto;
    float: none;
  }
  .sizesSliderContainer .contentBox {
    padding: 0 0 40px 0;
  }
  .sizesSliderContainer .grayBox {
    margin: 0;
  }
  .photoContentBox3 {
    padding-bottom: 220px;
  }
  .photoContentBox3 .photoContainer {
    height: 480px;
  }
  .photoContentBox3 .columnContent {
    margin-top: -220px;
    padding-bottom: 220px;
  }
  .photoContentBox3 .columnContent .columnContainer {
    width: 100%;
    max-width: 50%;
    padding: 40px 50px;
  }
  .photoContentBox3 .columnContent.translate .columnContainer {
    left: 50px;
  }
  .photoContentBox3 .columnContent.alignToRight .columnContainer {
    left: auto;
    right: 0;
  }
  .photoContentBox3 .columnContent.alignToRight.translate .columnContainer {
    right: 50px;
  }
}
@media screen and (max-width: 1023px) {
  .fullMenu .whiteColumn {
    left: 100px;
    width: 60%;
  }
  .fullMenu .logo {
    top: 40px;
  }
  .fullMenu .logo img {
    width: 180px;
  }
  .fullMenu .blueBox {
    width: 360px;
  }
  .fullMenu .blueBox .top {
    top: 50px;
    left: 50px;
  }
  .fullMenu .blueBox .bottom {
    bottom: 50px;
    left: 50px;
    right: 50px;
  }
  .fullMenu .blueBox .bottom .phone {
    font-size: 30px;
  }
  .fullMenu .blueBox .bottom .phone span {
    height: 40px;
    width: 40px;
    margin-right: 15px;
  }
  .fullMenu .blueBox .bottom .phone span i {
    font-size: 15px;
    text-align: center;
    line-height: 40px;
  }
  .fullMenu .navyBox {
    width: 360px;
  }
  .fullMenu .navyBox .top {
    top: 50px;
    left: 50px;
    right: 50px;
  }
  .fullMenu .navyBox .social {
    left: 50px;
    bottom: 50px;
  }
  .fullMenu .navyBox .social ul li {
    margin-right: 25px;
  }
  .fullMenu .navyBox .social ul li a {
    font-size: 18px;
  }
  .fullMenu .title {
    font-size: 22px;
  }
  .fullMenu .nav .columnLeft {
    padding-top: 50px;
    width: 35%;
  }
  .fullMenu .nav .columnRight {
    padding-top: 50px;
    width: 65%;
  }
  .fullMenu .nav ul li {
    padding: 5px 0;
  }
  .footer {
    padding: 40px 0;
    text-align: center;
  }
  .footer .col-lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .footer .col-lg-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .footer .nav {
    padding: 10px 0 30px 0;
    display: block;
  }
  .footer .nav ul {
    text-align: center;
  }
  .footer .nav ul li {
    padding: 0 10px;
  }
  .footer .social {
    padding: 20px 0 60px 0;
  }
  .footer .social ul li {
    padding-right: 15px;
  }
  .footer .social ul li a {
    width: 45px;
    height: 45px;
  }
  .footer .social ul li a i {
    font-size: 16px;
    line-height: 42px;
  }
  .footer .buttons {
    text-align: center;
    padding-bottom: 20px;
  }
  .footer .buttons .row {
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 !important;
    -ms-flex: 0 !important;
    flex: 0 !important;
    max-width: none !important;
    width: auto !important;
    display: block !important;
  }
  .footer .buttons .col-6 {
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 !important;
    -ms-flex: 0 !important;
    flex: 0 !important;
    max-width: none !important;
    width: auto !important;
    display: inline-block !important;
  }
  .footer .buttons a {
    background: #004a88;
    border: none;
  }
  .footer .buttons a:hover {
    border: none;
    background: ;
  }
  .footer .logo {
    padding-bottom: 30px;
  }
  .copyright {
    padding: 40px 0;
  }
  .copyright .logo {
    padding: 15px 0 30px 0;
  }
  .caseStudiesSliderContainer .caseStudiesSlider .caseStudiesSlide .top {
    height: 380px;
  }
  .caseStudiesSliderContainer .caseStudiesSlider .caseStudiesSlide .content {
    margin: 0 70px;
    margin-top: -70px;
  }
  .caseStudiesSliderContainer .caseStudiesSlider .caseStudiesSlide .content .contentContainer {
    padding: 30px;
  }
  .caseStudiesSliderContainer .columns .title {
    font-size: 20px;
  }
  .section.contact .contactItems .item {
    width: 50%;
  }
  .section.contact .contactItems.half .item {
    width: 100%;
  }
  .section.dimensions {
    padding: 0 0 50px 0;
  }
  .section.dimensions .columns .column {
    width: 33.33%;
    padding-top: 40px;
  }
  .section.dimensions .columns .column .desc {
    padding-bottom: 10px;
  }
  .section.realizations .items {
    padding: 15px 0 25px 0;
  }
  .section.realizations .items .item {
    display: block;
    width: auto;
    float: none;
  }
  .section.realizations .items .item .itemContainer .thumb {
    height: 320px;
  }
  .section.realizations .items .item .itemContainer .content {
    padding: 40px;
  }
  .section.hallsOffer .items .item {
    padding-top: 50px;
  }
  .section.hallsOffer .items .item .itemContainer {
    height: 420px;
  }
  .section.hallsOffer .items .item .itemContainer .contentColumn {
    width: 50%;
  }
  .section.hallsOffer .items .item .itemContainer .contentColumn .contentContainer .contentMiddle {
    padding: 40px;
  }
  .section.hallsOffer .items .item .itemContainer .photoColumn .icon {
    right: 40px;
    top: 40px;
  }
  .section.hallsOffer .items .item .itemContainer .photoColumn .icon img {
    width: 60px;
    height: auto;
  }
  .section.hallsOffer .items .item .itemContainer:hover .contentColumn {
    -webkit-transform: translate(0,-20px);
    -moz-transform: translate(0,-20px);
    -o-transform: translate(0,-20px);
    -ms-transform: translate(0,-20px);
    transform: translate(0,-20px);
  }
  .section.hallsOffer .items .item.invert .itemContainer .photoColumn .icon {
    left: 40px;
  }
}
@media screen and (max-width: 899px) {
  .wrapperContainer {
    padding: 0 30px;
  }
  .wrapper {
    margin: 0 30px;
  }
  .tooltipAside {
    max-width: 460px;
  }
  .tooltipAside .thumb {
    height: 240px;
  }
  .tooltipAside .content {
    padding: 30px;
  }
  .tooltipAside .button {
    padding: 20px 0 0 0;
  }
  .tooltipAside .closeTooltipAside {
    top: 35px;
    left: 30px;
  }
  .tooltipAside .arrows {
    top: 30px;
    right: 25px;
  }
  .tooltipAside .paging {
    display: none;
  }
  .contactAside .contactAsideContainer {
    padding: 30px;
  }
  .contactAside .closeContactAside {
    top: 35px;
    right: 30px;
  }
  .topSliderContainer .buttons {
    
  }
  .topSliderContainer .navigation {
    bottom: 30px;
  }
  .topSliderContainer .topSlider .topSlide .content {
    bottom: 25px;
  }
  .fullMenu .whiteColumn {
    left: 90px;
    width: 60%;
  }
  .fullMenu .logo {
    top: 30px;
  }
  .fullMenu .logo img {
    width: 180px;
  }
  .fullMenu .blueBox {
    width: 300px;
  }
  .fullMenu .blueBox .top {
    top: 30px;
    left: 30px;
  }
  .fullMenu .blueBox .bottom {
    bottom: 30px;
    left: 30px;
    right: 30px;
  }
  .fullMenu .blueBox .bottom .phone {
    font-size: 24px;
  }
  .fullMenu .blueBox .bottom .phone span {
    height: 35px;
    width: 35px;
    margin-right: 15px;
  }
  .fullMenu .blueBox .bottom .phone span i {
    font-size: 12px;
    text-align: center;
    line-height: 30px;
  }
  .fullMenu .navyBox {
    width: 300px;
  }
  .fullMenu .navyBox .top {
    top: 30px;
    left: 30px;
    right: 30px;
  }
  .fullMenu .navyBox .social {
    left: 30px;
    bottom: 30px;
  }
  .fullMenu .navyBox .social ul li {
    margin-right: 20px;
  }
  .fullMenu .navyBox .social ul li a {
    font-size: 16px;
  }
  .fullMenu .title {
    font-size: 22px;
  }
  .fullMenu .nav .columnLeft {
    padding-top: 40px;
    width: 30%;
  }
  .fullMenu .nav .columnRight {
    padding-top: 40px;
    width: 60%;
  }
  .fullMenu .nav ul li {
    padding: 5px 0;
  }
  .section.meetUs .items .item .itemContainer {
    height: 240px;
  }
  .section.meetUs .items .item .itemContainer .title {
    left: 30px;
    right: 30px;
    padding: 20px 0 13px 0;
    font-size: 20px;
  }
  .section.meetUs .items .item .itemContainer .arrow {
    left: 30px;
    bottom: 30px;
  }
  .section.configurator .box {
    margin: 50px 0 0 0;
  }
  .section.configurator .box .boxContainer {
    padding: 40px;
  }
  .section.configurator .box .boxContainer .table {
    margin: 0 !important;
  }
  .section.configurator .box .boxContainer .table .tableRow .columnRight input {
    margin: 6px 0;
  }
  .hallsSlider1 {
    height: auto;
    margin: 0 !important;
  }
  .hallsSlider1 .content {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    height: auto;
    min-height: 0;
  }
  .hallsSlider1 .content .box {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    height: auto;
    min-height: 0;
    width: 100%;
  }
  .hallsSlider1 .content .box .boxContainer {
    padding: 35px 30px;
  }
  .hallsSlider1 .content .wrapper {
    margin: 0;
  }
  .hallsSlider1 .hallsSlide .photo {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    height: 420px;
  }
  .hallsSlider1 .slick-dots {
    top: 360px;
    bottom: auto;
    width: auto;
    left: 30px;
    right: 0;
    text-align: left;
  }
  .hallsSlider1 .slick-dots li {
    width: auto;
    height: 20px;
    margin: 0 10px 0 0;
  }
  .hallsSlider1 .slick-dots li button {
    width: 10px;
    height: 10px;
    border: solid 1px ;
    background: none;
    display: block;
  }
  .hallsSlider1 .slick-dots li button:before {
    display: none;
    opacity: 0;
    font-size: 0;
  }
  .hallsSlider1 .slick-dots li button:hover {
    background: ;
    border: solid 1px ;
  }
  .hallsSlider1 .slick-dots li.slick-active button {
    background: ;
  }
  .hallsSlider2 {
    height: auto;
    margin: 0 !important;
  }
  .hallsSlider2 .arrows {
    display: none;
  }
  .hallsSlider2 .content {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    height: auto;
    min-height: 0;
  }
  .hallsSlider2 .content .wrapper {
    margin: 0;
  }
  .hallsSlider2 .content .box {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    height: auto;
    min-height: 0;
    width: 100%;
  }
  .hallsSlider2 .content .box .boxContainer {
    padding: 35px 30px;
  }
  .hallsSlider2 .hallsSlide .photo {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    height: 420px;
  }
  .hallsSlider2 .slick-dots {
    top: 360px;
    bottom: auto;
    width: auto;
    left: 30px;
    right: 0;
    text-align: left;
  }
  .hallsSlider2 .slick-dots li {
    width: auto;
    height: 20px;
    margin: 0 10px 0 0;
  }
  .hallsSlider2 .slick-dots li button {
    width: 10px;
    height: 10px;
    border: solid 1px ;
    background: none;
    display: block;
  }
  .hallsSlider2 .slick-dots li button:before {
    display: none;
    opacity: 0;
    font-size: 0;
  }
  .hallsSlider2 .slick-dots li button:hover {
    background: ;
    border: solid 1px ;
  }
  .hallsSlider2 .slick-dots li.slick-active button {
    background: ;
  }
  .caseStudiesSliderContainer {
    padding: 0;
    margin-bottom: -20px;
  }
  .caseStudiesSliderContainer .paging {
    display: none;
  }
  .caseStudiesSliderContainer .arrows {
    display: none;
  }
  .caseStudiesSliderContainer .caseStudiesSlider .caseStudiesSlide .content {
    margin: 0 20px;
    margin-top: -70px;
  }
  .caseStudiesSliderContainer .caseStudiesSlider .caseStudiesSlide .content .contentContainer {
    padding: 30px;
  }
  .caseStudiesSliderContainer .slick-dots {
    bottom: 50px;
  }
  .caseStudiesSliderContainer .slick-dots li {
    width: auto;
    height: 20px;
    margin: 0 10px 0 0;
  }
  .caseStudiesSliderContainer .slick-dots li button {
    width: 10px;
    height: 10px;
    border: solid 1px rgba(0,0,0,0.2);
    background: none;
    display: block;
  }
  .caseStudiesSliderContainer .slick-dots li button:before {
    display: none;
    opacity: 0;
    font-size: 0;
  }
  .caseStudiesSliderContainer .slick-dots li button:hover {
    background: #444444;
    border: solid 1px #444444;
  }
  .caseStudiesSliderContainer .slick-dots li.slick-active button {
    background: #444444;
    border: solid 1px #444444;
  }
  .section.caseStudies .wrapper {
    margin: 0;
  }
  .narrowContent {
    width: auto;
    padding: 0 40px;
  }
  .section.map {
    background: ;
  }
  .section.map .mapContainer {
    height: 520px;
    position: relative;
    overflow: hidden;
  }
  .section.map .mapContainer #map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .section.map .buttons {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    width: 100%;
    display: table;
    height: auto;
    border-top: solid 1px ;
  }
  .section.map .buttons .button {
    display: table-cell;
    vertical-align: top;
    width: 33.33%;
  }
  .section.map .buttons .button .buttonContainer {
    padding: 20px;
  }
  .section.map .buttons .button1 {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    height: auto;
    border: none;
    border-right: solid 1px ;
  }
  .section.map .buttons .button2 {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    height: auto;
    border: none;
    border-right: solid 1px ;
  }
  .section.map .buttons .button3 {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    height: auto;
    border: none;
  }
  .section.walk .top {
    padding-bottom: 70px;
  }
  .section.walk .top .background {
    height: 360px;
  }
  .section.walk .top .background .icon {
    position: absolute;
    top: 120px;
    right: 50%;
    margin-right: -80px;
    margin-left: 0;
  }
  .section.walk .top .background .icon img {
    width: 160px;
  }
  .section.walk .top .content {
    top: auto;
    left: auto;
    width: auto;
    right: auto;
    position: relative;
    margin: 0;
  }
  .section.walk .top .content .contentContainer {
    padding: 40px;
  }
  .section.walk .top .button {
    padding: 10px 0 0 0;
  }
  .section.walk .top.invert .content {
    top: auto;
    left: auto;
    width: auto;
    right: auto;
    position: relative;
    margin: 0;
  }
  .section.walk .top.invert .background .icon {
    right: auto;
    left: 50%;
    margin-left: -80px;
    margin-right: 0;
  }
  .section.contactHero {
    padding: 0 0 50px 0;
  }
  .section.contactHero .columns .box {
    padding: 40px;
    min-height: 210px;
  }
  .section.contactHero .columns .box .title {
    font-size: 24px;
    padding: 5px 0 15px 0;
  }
  .section.contactHero .columns .box1 {
    margin-right: 15px;
  }
  .section.contactHero .columns .box2 {
    margin-left: 15px;
  }
  .footerBoxes .footerBoxesContainer {
    display: block;
    width: auto;
  }
  .footerBoxes .footerBoxesContainer .box {
    display: block;
    width: auto;
  }
  .footerBoxes .footerBoxesContainer .box .boxContainer {
    padding: 40px 30px;
    text-align: center;
  }
  .footerBoxes .footerBoxesContainer .title {
    font-size: 28px;
    padding: 0 0 20px 0;
  }
  .footerBoxes .footerBoxesContainer .phone {
    font-size: 32px;
  }
  .footerBoxes .footerBoxesContainer .phone span {
    height: 45px;
    width: 45px;
  }
  .footerBoxes .footerBoxesContainer .phone span i {
    font-size: 16px;
    line-height: 40px;
  }
  .photoContentBox1 .itemContainer {
    height: 520px;
  }
  .photoContentBox1 .itemContainer .contentColumn {
    width: 66.66%;
  }
  .photoContentBox1 .itemContainer .contentColumn .contentContainer .contentMiddle .contentMiddleContainer {
    padding: 40px;
  }
  .photoContentBox1 .itemContainer .button {
    padding: 20px 0 0 0;
  }
  .hallsSlider1 {
    position: relative;
  }
  .hallsSlider1 .arrows {
    display: none;
  }
  .hallsSlider1 .content {
    position: static;
  }
  .hallsSlider1 .content .wrapperPadding {
    position: static;
  }
  .hallsSlider1 .content .wrapper {
    position: static;
  }
  .hallsSlider1 .content .contentBox {
    width: auto;
    bottom: auto;
    right: auto;
    left: 125px;
    top: 40px;
    text-align: left;
  }
  .hallsSlider1 .content .contentBox .name {
    padding: 0;
  }
  .hallsSlider2 {
    position: relative;
  }
  .hallsSlider2 .arrows {
    display: none;
  }
  .hallsSlider2 .content {
    position: static;
  }
  .hallsSlider2 .content .wrapperPadding {
    position: static;
  }
  .hallsSlider2 .content .wrapper {
    position: static;
  }
  .hallsSlider2 .content .contentBox {
    width: auto;
    bottom: auto;
    right: auto;
    left: 125px;
    top: 40px;
    text-align: left;
  }
  .hallsSlider2 .content .contentBox .name {
    padding: 0;
  }
  .section.videos .item .itemContainer .thumb {
    height: 250px;
  }
  .section.videos .item .itemContainer .content {
    padding: 30px;
    font-size: 18px;
  }
  .photoContentBox3 {
    padding-bottom: 0;
  }
  .photoContentBox3 .photoContainer {
    height: 400px;
  }
  .photoContentBox3 .photoContainer .photo {
    left: 0;
    right: 0;
    width: 100%;
    max-width: none;
  }
  .photoContentBox3 .photoColumn .row > div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100% !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .photoContentBox3 .columnContent {
    padding-bottom: 70px;
    margin-top: -70px;
    position: relative;
  }
  .photoContentBox3 .columnContent .columnContainer {
    position: relative;
    width: auto;
    left: auto;
    right: auto;
    max-width: none;
    padding: 30px 35px;
    margin: 0 30px;
  }
  .photoContentBox3 .columnContent.translate .columnContainer {
    left: auto;
  }
  .photoContentBox3 .columnContent.alignToRight .columnContainer {
    left: auto;
    right: auto;
  }
  .photoContentBox3 .columnContent.alignToRight.translate .columnContainer {
    right: auto;
  }
}
@media screen and (max-width: 767px) {
  .topSliderContainer .point {
    display: none;
  }
  .topSliderContainer .navigation {
    display: none;
  }
  .header {
    display: none;
  }
  .wrapperPadding {
    padding-left: 0;
  }
  .menuHeader {
    display: block;
  }
  .protanelmark {
    padding: 65px 0 0 0;
  }
  .topSliderContainer {
    min-height: 420px;
    height: 420px;
  }
  .topSliderContainer .buttons {
    top: 0;
    display: none 
  }
  .topSliderContainer .buttons .wrapperPadding {
    margin: 0;
    padding: 0;
  }
  .topSliderContainer .buttons .wrapperPadding .wrapperContainer {
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
  }
  .topSliderContainer .buttons .wrapperPadding .wrapperContainer .button.lang {
    display: none;
  }
  .topSliderContainer .buttons .wrapperPadding .wrapperContainer .button.blue {
    display: table-cell;
    vertical-align: top;
    width: 50%;
  }
  .topSliderContainer .buttons .wrapperPadding .wrapperContainer .button.blue:first-of-type a {
    background: ;
  }
  .topSliderContainer .buttons .wrapperPadding .wrapperContainer .button.blue a span {
    display: none;
  }
  .topSliderContainer .buttons .wrapperPadding .wrapperContainer .button.blue a:hover {
    background: ;
  }
  .topSliderContainer .topSlider .topSlide .content {
    bottom: 20px;
  }
  .topSliderContainer .topSlider .topSlide .content h1 {
    font-size: 24px;
    width: auto;
  }
  .wrapperContainer {
    padding: 0 20px;
  }
  .wrapper {
    margin: 0 20px;
  }
  .headline h1 {
    font-size: 24px;
    padding: 0 0 15px;
  }
  .headline h2 {
    font-size: 22px;
  }
  .headline h4 {
    font-size: 24px;
  }
  .headline .showAll {
    padding: 0 0 30px 0;
  }
  .desc .lead {
    font-size: 20px;
  }
  .menuMobile.active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }
  .fullMenu.active {
    opacity: 0;
    visibility: hidden;
  }
  .fullMenu.active .whiteColumn {
    -webkit-transform: translate(-60px,0);
    -moz-transform: translate(-60px,0);
    -o-transform: translate(-60px,0);
    -ms-transform: translate(-60px,0);
    transform: translate(-60px,0);
  }
  .fullMenu.active .blueBox {
    -webkit-transform: translate(60px,0);
    -moz-transform: translate(60px,0);
    -o-transform: translate(60px,0);
    -ms-transform: translate(60px,0);
    transform: translate(60px,0);
  }
  .fullMenu.active .navyBox {
    -webkit-transform: translate(60px,0);
    -moz-transform: translate(60px,0);
    -o-transform: translate(60px,0);
    -ms-transform: translate(60px,0);
    transform: translate(60px,0);
  }
  .section.blog .items .item.withDesc .itemContainer .content {
    min-height: 340px;
  }
  .section.blog .items .item .itemContainer .thumb {
    height: 240px;
  }
  .section.blog .items .item .itemContainer .content {
    padding: 30px;
    min-height: 200px;
  }
  .section.contactHero {
    padding: 20px 0 70px;
  }
  .section.contactHero .columns {
    display: block;
    width: auto;
  }
  .section.contactHero .columns .box {
    padding: 40px;
    min-height: none;
    display: block;
    width: auto;
  }
  .section.contactHero .columns .box .title {
    font-size: 24px;
    padding: 5px 0 15px 0;
  }
  .section.contactHero .columns .box1 {
    margin-right: 0;
  }
  .section.contactHero .columns .box2 {
    margin-left: 0;
    margin-top: 15px;
  }
  .section.contactHero .columns .columnLeft {
    display: block;
    width: auto;
  }
  .section.contactHero .columns .columnRight {
    display: block;
    width: auto;
  }
  .breadcrumbs {
    padding: 20px 0;
  }
  .section.contact .contactItems .item {
    width: 50%;
  }
  .section.contact .contactItems.half .item {
    width: 50%;
  }
  .footerContact .address {
    padding-bottom: 30px;
    font-size: 18px;
  }
  .section.filters .col-md-6.alignRight {
    text-align: left;
    padding-top: 15px;
  }
  .section.filters .selectContainer {
    margin-left: 0;
    margin-right: 30px;
  }
  .section.filters .selectContainer .selectButton .selectDropdown {
    right: auto;
    left: 0;
  }
  .imageWithZoom {
    padding-top: 50px;
  }
  .sizesSliderContainer {
    padding: 0;
  }
  .sizesSliderContainer .arrows {
    display: none;
  }
  .sizesSliderContainer .paging {
    display: none;
  }
  .sizesSliderContainer .slick-dots {
    bottom: auto;
    top: 220px;
    text-align: center;
  }
  .sizesSliderContainer .slick-dots li {
    width: auto;
    height: 20px;
    margin: 0 10px 0 0;
  }
  .sizesSliderContainer .slick-dots li button {
    width: 10px;
    height: 10px;
    border: solid 1px rgba(0,0,0,0.2);
    background: none;
    display: block;
  }
  .sizesSliderContainer .slick-dots li button:before {
    display: none;
    opacity: 0;
    font-size: 0;
  }
  .sizesSliderContainer .slick-dots li button:hover {
    background: #444444;
    border: solid 1px #444444;
  }
  .sizesSliderContainer .slick-dots li.slick-active button {
    background: #444444;
    border: solid 1px #444444;
  }
  .hallsSlider1 .content .contentBox {
    left: 30px;
    top: 30px;
  }
  .hallsSlider2 .content .contentBox {
    left: 30px;
    top: 30px;
  }
  .section.videos .item .itemContainer .thumb {
    height: 420px;
  }
  .photoContentBox2 .content {
    padding: 50px 0 0 0;
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 599px) {
  .contactAside .contactAsideContainer {
    padding: 25px;
  }
  .contactAside .closeContactAside {
    top: 25px;
    right: 20px;
  }
  .contactForm {
    width: auto;
  }
  .contactItems .item {
    width: auto;
    display: block;
  }
  .section.contact .contactItems .item {
    width: auto;
    display: block;
  }
  .section.contact .contactItems.half .item {
    width: auto;
    display: block;
  }
  .section.meetUs .items .item {
    width: 100%;
  }
  .section.meetUs .items .item.width2x {
    width: 100%;
  }
  .section.meetUs .items .item .itemContainer {
    height: 210px;
  }
  .section.meetUs .items .item .itemContainer .title {
    left: 20px;
    right: 20px;
    padding: 20px 0 13px 0;
    font-size: 20px;
  }
  .section.meetUs .items .item .itemContainer .arrow {
    left: 20px;
    bottom: 20px;
  }
  .section.configurator .box {
    margin: 30px 0 0 0;
  }
  .section.configurator .box .boxContainer {
    padding: 30px;
  }
  .section.configurator .box .boxContainer .table {
    margin: 0 !important;
  }
  .section.configurator .box .boxContainer .table .tableRow {
    display: block;
    position: relative;
    margin: 20px 0;
  }
  .section.configurator .box .boxContainer .table .tableRow .columnLeft {
    display: block;
    width: auto;
  }
  .section.configurator .box .boxContainer .table .tableRow .columnCenter {
    display: block;
    width: auto;
    padding: 25px 0 10px 0;
  }
  .section.configurator .box .boxContainer .table .tableRow .columnRight {
    display: block;
    width: auto;
    top: -15px;
    position: absolute;
    right: 0;
  }
  .section.configurator .box .boxContainer .table .tableRow .columnRight input {
    margin: 6px 0;
  }
  .footer .nav {
    display: none;
  }
  .footer .buttons {
    padding-top: 20px;
  }
  .footer .buttons .col-6 {
    display: block !important;
  }
  .footer .buttons .button {
    display: block !important;
    padding-bottom: 20px;
  }
  .footer .buttons .button a {
    display: block !important;
  }
  .footer .col-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .servicesSliderContainer .titleContainer .title {
    margin: 0 0 0 30px;
  }
  .servicesSliderContainer .icon {
    padding: 30px;
  }
  .servicesSliderContainer .button {
    left: 30px;
    bottom: 35px;
  }
  .hallsSlider1 .hallsSlide .photo {
    height: 260px;
  }
  .hallsSlider1 .slick-dots {
    top: 210px;
  }
  .hallsSlider2 .hallsSlide .photo {
    height: 260px;
  }
  .hallsSlider2 .slick-dots {
    top: 210px;
  }
  .caseStudiesSliderContainer .columns {
    display: block;
    width: auto;
  }
  .caseStudiesSliderContainer .columns .columnLeft {
    display: block;
    width: auto;
  }
  .caseStudiesSliderContainer .columns .columnRight {
    display: block;
    width: auto;
    text-align: left;
    padding: 20px 0 0 0;
  }
  .narrowContent {
    width: auto;
    padding: 0;
  }
  .section.map .mapContainer {
    height: 500px;
  }
  .section.map .buttons .button .buttonContainer {
    padding: 15px;
  }
  .section.map .buttons .button .title {
    font-size: 15px;
  }
  .section.map .buttons .button .icon {
    height: 50px;
  }
  .section.map .buttons .button1 .icon {
    background: url(/resources/themes/pe/images/map-1.svg) center center no-repeat;
    background-size: auto 50px;
  }
  .section.map .buttons .button1.current .icon {
    background: url(/resources/themes/pe/images/map-1-blue.svg) center center no-repeat;
    background-size: auto 50px;
  }
  .section.map .buttons .button2 .icon {
    background: url(/resources/themes/pe/images/map-2.svg) center center no-repeat;
    background-size: auto 50px;
  }
  .section.map .buttons .button2.current .icon {
    background: url(/resources/themes/pe/images/map-2-blue.svg) center center no-repeat;
    background-size: auto 50px;
  }
  .section.map .buttons .button3 .icon {
    background: url(/resources/themes/pe/images/map-3.svg) center center no-repeat;
    background-size: auto 50px;
  }
  .section.map .buttons .button3.current .icon {
    background: url(/resources/themes/pe/images/map-3-blue.svg) center center no-repeat;
    background-size: auto 50px;
  }
  .section.blog .items {
    padding-bottom: 30px;
  }
  .section.blog .items .item.withDesc .itemContainer .content {
    min-height: auto;
  }
  .section.blog .items .item .itemContainer .thumb {
    height: 240px;
  }
  .section.blog .items .item .itemContainer .content {
    padding: 30px;
    min-height: 200px;
  }
  .section.blog .slick-dots {
    bottom: -20px;
  }
  .section.blog .slick-dots li {
    width: auto;
    height: 20px;
    margin: 0 10px 0 0;
  }
  .section.blog .slick-dots li button {
    width: 10px;
    height: 10px;
    border: solid 1px rgba(0,0,0,0.2);
    background: none;
    display: block;
  }
  .section.blog .slick-dots li button:before {
    display: none;
    opacity: 0;
    font-size: 0;
  }
  .section.blog .slick-dots li button:hover {
    background: #444444;
    border: solid 1px #444444;
  }
  .section.blog .slick-dots li.slick-active button {
    background: #444444;
    border: solid 1px #444444;
  }
  .logoSliderContainer .arrows {
    display: none;
  }
  .logoSlider {
    height: 320px;
    margin: 0;
  }
  .logoSlider .logoSlide {
    height: 160px;
    text-align: center;
  }
  .logoSlider .logo {
    width: 50%;
  }
  .section.walk .top .background {
    height: 300px;
  }
  .section.walk .top .background .icon {
    top: 100px;
  }
  .section.walk .top .content .contentContainer {
    padding: 30px;
  }
  .section.contactHero .columns .box .phone {
    font-size: 42px;
  }
  .section.contactHero .columns .box .phone span {
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
    line-height: 38px;
  }
  .section.contactHero .columns .box .title {
    font-size: 32px;
  }
  .section.dimensions {
    padding: 0 0 50px 0;
  }
  .section.dimensions .columns .column {
    width: 50%;
    padding-top: 30px;
  }
  .section.dimensions .columns .column .desc {
    padding-bottom: 5px;
    font-size: 18px;
  }
  .section.dimensions .columns .column .title {
    font-size: 18px;
  }
  .section.realizations .items .item .itemContainer .thumb {
    height: 250px;
  }
  .section.realizations .items .item .itemContainer .content {
    padding: 30px;
  }
  .section.realizations .items .item .itemContainer .content .columns {
    display: block;
    width: auto;
  }
  .section.realizations .items .item .itemContainer .content .columns .columnLeft {
    display: block;
    width: auto;
  }
  .section.realizations .items .item .itemContainer .content .columns .columnRight {
    display: block;
    width: auto;
    text-align: left;
  }
  .section.realizations .col-sm-6.alignRight {
    text-align: center;
    padding-top: 30px;
  }
  .section.realizations .col.alignRight {
    text-align: center;
  }
  .amountItems {
    text-align: center;
    display: block;
    width: auto;
  }
  .section.hallsOffer .items .item {
    padding-top: 40px;
  }
  .section.hallsOffer .items .item .itemContainer {
    height: auto;
  }
  .section.hallsOffer .items .item .itemContainer .contentColumn {
    width: auto;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    height: auto;
    float: none;
  }
  .section.hallsOffer .items .item .itemContainer .contentColumn .contentContainer .contentMiddle {
    padding: 30px;
  }
  .section.hallsOffer .items .item .itemContainer .photoColumn {
    width: auto;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    height: 250px;
    float: none;
  }
  .section.hallsOffer .items .item .itemContainer .photoColumn .icon {
    right: auto;
    left: 30px;
    top: 30px;
  }
  .section.hallsOffer .items .item .itemContainer .photoColumn .icon img {
    width: 60px;
    height: auto;
  }
  .section.hallsOffer .items .item .itemContainer:hover .contentColumn {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }
  .section.hallsOffer .items .item.invert .itemContainer .photoColumn {
    width: auto;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    height: 250px;
    float: none;
  }
  .section.hallsOffer .items .item.invert .itemContainer .photoColumn .icon {
    left: 30px;
  }
  .section.hallsOffer .items .item.invert .itemContainer .contentColumn {
    width: auto;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    height: auto;
    float: none;
  }
  .photoContentBox1 .itemContainer {
    height: auto;
    float: none;
  }
  .photoContentBox1 .itemContainer .contentColumn {
    width: auto;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    height: auto;
    float: none;
    position: relative;
  }
  .photoContentBox1 .itemContainer .contentColumn .contentContainer {
    display: block;
    width: auto;
    height: auto;
  }
  .photoContentBox1 .itemContainer .contentColumn .contentContainer .contentMiddle {
    display: block;
    width: auto;
    height: auto;
  }
  .photoContentBox1 .itemContainer .contentColumn .contentContainer .contentMiddle .contentMiddleContainer {
    padding: 30px;
  }
  .photoContentBox1 .itemContainer .photoColumn {
    width: auto;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    height: 250px;
    float: none;
    position: relative;
  }
  .photoContentBox1 .itemContainer .button {
    padding: 20px 0 0 0;
  }
  .photoContentBox1.invert .itemContainer .contentColumn {
    left: auto;
    right: auto;
    float: none;
  }
  .photoContentBox1.invert .itemContainer .photoColumn {
    float: none;
  }
  .sizesSliderContainer .slick-dots {
    bottom: auto;
    top: 170px;
  }
  .sizesSliderContainer .contentBox .desc {
    font-size: 18px;
  }
  .section.videos .item .itemContainer .thumb {
    height: 250px;
  }
  .section.videos .item .itemContainer .icon {
    top: 30px;
    left: 30px;
  }
  .section.videos .item .itemContainer .icon img {
    width: 50px;
  }
  .photoContentBox3 {
    padding-bottom: 0;
  }
  .photoContentBox3 .photoContainer {
    height: 250px;
  }
  .photoContentBox3 .photoContainer .photo {
    left: 0;
    right: 0;
    width: 100%;
    max-width: none;
  }
  .photoContentBox3 .columnContent {
    padding-bottom: 70px;
    margin-top: 0;
  }
  .photoContentBox3 .columnContent .columnContainer {
    position: relative;
    width: auto;
    left: auto;
    right: auto;
    max-width: none;
    padding: 30px;
    margin: 0;
  }
}

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

  .topSliderContainer {
    min-height: 200px;
    height: 200px;
  }

}