/* Scss Document */
@media screen and (max-width: 1120px) { .wrapper { width: auto; padding: 0 10px; }
  header .bot .wrapper { width: auto; padding: 20px 10px; }
  header .bot .left { height: 55px; }
  header .bot .right nav li.level-1 { width: 115px; }
  header .bot .right nav li.level-1 a { font-size: 10px; }
  footer .top .wrapper { padding: 60px 10px; }
  .testimonial-item-video .wrapper, .testimonial-item-text .wrapper { padding: 0 40px; }
  #page-top .wrapper { margin: 0; } }
@media screen and (max-width: 960px) { header .bot .left { height: 40px; }
  header .bot .right { padding-top: 15px; }
  header .box-search { display: none; }
  #banner .swiper-container .wrapper .content { padding-left: 50px; }
  #home-highlights .item .title { font-size: 20px; line-height: 24px; }
  #home-highlights .item .bot .box-social a { width: 30px; height: 30px; }
  #home-highlights .layout-1 .item-content a, #home-highlights .layout-7 .item-content a { padding: 15px; }
  #home-highlights .layout-2 .item-content { padding: 30px; }
  #home-highlights .layout-2 .item-content .info .description { font-size: 20px; line-height: 26px; }
  #home-highlights .layout-3 .item-content a span, #home-highlights .layout-4 .item-content a span, #home-highlights .layout-6 .item-content a span { padding: 0 15px; }
  footer .top .logo { height: 40px; margin-bottom: 35px; }
  footer .top .left p, footer .top .right p { font-size: 12px; line-height: 15px; }
  footer .db-content, footer .db-content * { font-size: 12px; line-height: 15px; }
  .contacts #page-detail .wrapper { flex-direction: column; }
  .contacts #page-detail .right { width: 100%; }
  .grid-container .item { padding: 0 5px 10px; }
  .grid-container .item .title a { font-size: 18px; line-height: 24px; } }
@media screen and (max-width: 885px) { header .top .left { display: none; }
  header .top .right .box { border: none; }
  #mobile-menu-switch { display: block !important; }
  #mobile-menu { display: block !important; }
  header .bot .right { display: none; } }
@media screen and (max-width: 768px) { header .top .right { width: 100%; justify-content: space-between; }
  header .top .right .box-social { padding-left: 0; }
  header .bot { background-color: #009bbf !important; }
  #banner .swiper-container .wrapper .content { padding-left: 20px; width: 50%; }
  .services-list .wrapper .item { padding-right: 5px; }
  .services-list .wrapper .item:nth-child(2n+2) { padding: 0 0 0 5px; }
  .services-list .wrapper a { padding: 30px 40px; }
  .services-list .wrapper a .title { font-size: 24px; line-height: 29px; }
  #home-highlights .item { padding: 0 5px; margin-bottom: 10px; }
  #home-highlights .layout-1, #home-highlights .layout-2, #home-highlights .layout-3, #home-highlights .layout-4 { width: 50%; }
  #home-highlights .layout-2 .item-content .info { flex-direction: column; }
  #home-highlights .layout-2 .item-content .info .image { width: 80%; margin-bottom: 20px; }
  #home-highlights .layout-2 .item-content .info .description { width: 100%; font-size: 14px; line-height: 18px; }
  #home-highlights .layout-5 { padding: 85px 0px; }
  footer .top .wrapper { flex-wrap: wrap; }
  footer .top .logo a img { width: 100%; height: auto; }
  footer .top h4 { margin-bottom: 10px; }
  footer .top .mid-right { width: 50%; }
  footer .top .right { margin-top: 50px; padding-left: 0; width: 100%; padding-top: 30px; border-top: solid 1px #014e60; }
  footer .top .right h4 { text-align: center; }
  footer .top .right .box-social { justify-content: center; }
  #history-content .item .left { padding-left: 0; }
  #history-content .item .mid { width: 50px; flex-basis: 50px; }
  #history-content .item .right { padding-right: 0; }
  /*#page-detail .left {width:30%;}*/
  .events #page-detail .left { width: 40%; }
  /*#page-detail .right {width:70%;}*/
  #services-contents .wrapper { padding-left: 10px; }
  #filters-grid .filters { width: 160px; padding-right: 20px; }
  .grid-container .grid-item { width: 50%; }
  .grid-container .grid-item-1 { width: 50%; }
  .grid-container .grid-item-2 { width: 50%; }
  .grid-container .grid-item-3 { width: 100%; } }
@media screen and (max-width: 600px) { #banner .swiper-container .wrapper { align-items: flex-start; padding-top: 40px; }
  #banner .swiper-container .wrapper .content { padding-left: 0; width: 100%; text-align: center; padding-top: 100px; }
  #banner .swiper-container .wrapper .content h2 { font-size: 20px; line-height: 24px; }
  #banner .swiper-container .wrapper .description, #banner .swiper-container .wrapper .description * { font-size: 14px; line-height: 18px; }
  #form-contacts-container .wrapper { align-items: flex-end; justify-content: center; padding-bottom: 70px; }
  #form-contacts p { display: none; }
  footer .top .left { width: 50%; padding-right: 30px; }
  footer .top .mid-left { width: 50%; padding-right: 0; }
  footer .top .mid-right { width: 100%; padding-left: 0; margin-top: 50px; }
  footer .bot, footer .bot * { text-align: center; padding: 0 20px; }
  .services-list .wrapper .item { width: 100%; padding: 0 !important; margin-bottom: 10px; flex: initial; }
  .services-list .wrapper .item:last-child { margin-bottom: none; }
  #history-content .item.hasyear { padding: 0; }
  #history-content .item .year-container { position: relative; height: auto; }
  #history-content .item { flex-direction: column; }
  #history-content .item .year-container { flex-direction: column; }
  #history-content .item .year-container:first-child .mid .line span { top: 0px; }
  #history-content .item .year-container .mid .line span { top: 15px; }
  #history-content .item .left { width: 100%; }
  #history-content .item .mid { width: 100%; margin: 10px 0; }
  #history-content .item .mid .line span { top: 0; }
  #history-content .item .right { width: 100%; text-align: center; }
  #history-content .item:nth-child(even), #history-content .item:nth-child(even) .year-container { flex-direction: column; margin-top: 20px; }
  #history-content .item:nth-child(even) .right { padding-left: 0; text-align: center; }
  /*#page-detail .wrapper {flex-direction: column;}*/
  #page-detail .left, .events #page-detail .left { width: 100%; padding-right: 0; }
  #page-detail .right { width: 100%; }
  #gallery-container .gallery-contents .item { width: 50%; }
  #contacts-locations .item { flex-direction: column; }
  #contacts-locations .innerleft { width: 100%; margin-bottom: 30px; }
  #contacts-locations .innerright { width: 100%; }
  #services-tabs .item { width: 100%; margin: 0 0 10px; flex: initial; }
  #filters-grid .filters { display: none; } }
@media screen and (max-width: 480px) { header .top .right .box { padding: 0; }
  header .top .right .box[data-rel="login"] a * { font-size: 9px; }
  footer .top .logo a img { width: auto; height: 100%; }
  footer .top .left { width: 100%; padding-right: 0; margin-bottom: 50px; }
  footer .top .mid-left { width: 100%; }
  footer .bot, footer .bot * { padding: 0; }
  footer .bot .wrapper { justify-content: center; }
  #home-highlights .item { padding: 0; margin-bottom: 30px; }
  #home-highlights .layout-1, #home-highlights .layout-2, #home-highlights .layout-3, #home-highlights .layout-4, #home-highlights .layout-6 { width: 100%; }
  #home-highlights .layout-5 { padding: 85px 0px; }
  .testimonial-item-image h3, .testimonial-item-text h3, .testimonial-item-video h3 { font-size: 20px; line-height: 26px; }
  .testimonial-item-image p *, .testimonial-item-text p *, .testimonial-item-video p * { font-size: 14px; }
  .testimonial-item-video .wrapper, .testimonial-item-text .wrapper { flex-direction: column; }
  .testimonial-item-text .wrapper .left { margin-left: 0; margin-bottom: 30px; }
  #page-detail .right h1 { font-size: 30px; line-height: 35px; }
  #gallery-container .gallery-contents .item { width: 100%; padding-right: 0; }
  .grid-container .item { padding: 0 0 20px; }
  .grid-container .grid-item, .grid-container .grid-item-1, .grid-container .grid-item-2, .grid-container .grid-item-3 { width: 100%; } }
