.mob-menu-link {  display:none; } 

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

}


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

  .acc-list .acc-item .flex-columns.end-align { align-items: stretch; }
  .acc-item .acc-img { width: 100%; height: 100%; padding-top: unset; }

}


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

   body { font-size:0.9rem; }
   .intro .intro-data .intro-text { font-size:0.9rem;}
   .acc-info img, .acc-info:hover img { top: 50%; }
   .main-news .flex-columns .tn4 {     margin-top: 0.75rem; }

   h2 { font-size: 1.8rem; }
   .intro .intro-data h2 {  margin-bottom: 1.25rem; }
   .block-text blockquote, .block-text h3 { font-size: 1.1rem; }

}  


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

   .top-menu ul li a { font-size: 0.8rem; }

   .wrmainintro .wrap { padding-bottom: 2rem; }   
   .wrmainintro .col-2x7 {-ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;}
   .wrmainintro .col-5x7 {-ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%;}
   .intro .intro-data .intro-text { font-size: 0.77rem; }
   .intro .intro-data h1 { font-size: 1.1rem; }
   .block-text blockquote, .block-text h3 { font-size: 1rem; }

   .album-list .col-1x3 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

   .blog-list .blog-item .blog-item-data .blog-desc { font-size: 0.9rem; }

} 


@media only screen and (max-width: 960px) {
  
  .top-menu ul li a { font-size: 0.72rem; padding: 0.25rem 0.5rem; }
  .top-menu ul li ul li a {     font-size: 0.65rem; }

  .wrmainintro .col-2x7 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
  .wrmainintro .col-5x7 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}

  .intro .intro-logo { width: 95%; padding-top: 95%; margin-right: 5%; }
  .intro .intro-data { padding: 1.25rem 1.5rem; width: calc(100% - 1rem); }
  .intro .intro-data .intro-text { font-size: 0.75rem; }

  .wrmainservices .wrap { padding-top: 2rem; padding-bottom: 2rem; }
  .wrmainservices .col-2x7, .wrmainservices  .col-5x7  { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .wrmainservices .acc-info { position:relative; display:block; top:unset; left:unset; right:unset; bottom:unset; margin-top:1.5rem; }
  .wrmainservices .acc-info img { display:none; }
  .wrmainservices .acc-info .acc-info-data { position:relative; display:block; top:unset; left:unset; right:unset; bottom:unset; padding:1.5rem; background:unset; background-color:var(--sub-brown-color); }
  .acc-list { width: 100%; margin-right: 0; }
  .acc-item {  max-height: 4rem; margin-top: -1.25rem; width: 98%; }
  .acc-item .acc-img { opacity: 0.5; }
  .acc-item.active .acc-img { opacity: 1; }
  .acc-item .acc-data h3 { font-size: 1.45rem; }

  .wrmainnews .wrap { padding-top: 2rem; }  
  .wrend { margin:0 1rem; margin-bottom:0.5rem; width:calc(100% - 2rem); }
  .wrend .wrap { padding: 1rem 0; }

  .review-item .review-text { height:10rem }

}


@media only screen and (max-width: 820px) {
  .top-menu ul li a { padding: 0.25rem 0.4rem; }

  .wrmainintro .col-2x7 { position: absolute; display: inline-block; width: 40%; top: 1.5rem; left: 1.5rem; clear:both; z-index:7 }
  .wrmainintro .col-5x7 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; min-height: 17rem;  } 
  .wrmainintro .intro-data { margin-left:42%; }

  .main-news .col-2x7 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom:1rem; }
  .main-news .flex-columns .tn1 { width: 100%; padding-top: 28.75%; margin-right: 0; }
  .main-news .tn1 .mblog-info img { height: auto; width: 100%; }

  .main-news .col-5x7 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom:1rem; }

  .blog-list .blog-item .blog-icon { width: 96%; padding-top: 96%; margin-right: 4%; }
  .blog-list .blog-item .blog-item-data h2 { font-size: 1.5rem; }

  .page-block h1, .page-block .block-title h1, .page-block .block-title h2, h2.block-title { font-size: 2rem; }

  .wrap .wrap { padding:0; }
  
}


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

  body { font-size:0.8rem; }
  .intro .intro-data .intro-text { font-size:0.8rem;}

  .wrtop .wrap { padding-top:0; }
  .top-menu { position: relative; top: 0.5rem; left:0; right:0; width:100%; margin-bottom:1.5rem; border-radius:1.5rem; }
  .lang-menu { right: 1.5rem; }
  .krohi {  padding-top: 0.75rem; border-radius:1rem; }
  .krohi ul { padding: 0 1.5rem; }
  .krohi ul li:before { top:0; }

  .slider .ms-item .ms-container .ms-data .col-3x5 { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
  .slider .ms-item .ms-container .ms-data .col-2x5 { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
  .slider .ms-item .ms-container .ms-data p { font-size:0.85rem; }

  .blog-list .blog-item .blog-item-data h2 { font-size: 1.4rem; margin-bottom: 0.75rem; }
  .block-text blockquote, .block-text h3 { font-size: 0.9rem; }


  .wrmainintro .col-2x7 { position: absolute; display: inline-block; width: 34%; top: 1.5rem; left: 1.5rem; clear:both; z-index:7 }
  .wrmainintro .col-5x7 {  min-height: 14rem;  } 
  .wrmainintro .intro-data { margin-left:36%; }


}  


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

  .main-page .wrmainintro .col-2x7 { display:none; }
  .main-page .wrmainintro .intro-data { margin-left: 0; }

  .intro .intro-data h2 { margin-bottom: 1.15rem; font-size:1.6rem; }
  .inner-page .wrmainintro .wrap { padding-top: 0.5rem; padding-bottom: 0.5rem; }

  .slider .ms-item .ms-img { padding-top: 45%; }

  .page-gallery .col-1x3 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .page-gallery .col-1x3:nth-child(3n+1) .gallery-item { margin-left:2.5%; margin-right:2.5%; }
  .page-gallery .col-1x3:nth-child(3n) .gallery-item { margin-left:2.5%; margin-right:2.5%; }
  .page-gallery .col-1x3:nth-child(2n+1) .gallery-item { margin-left:0; margin-right:5%; }
  .page-gallery .col-1x3:nth-child(2n) .gallery-item { margin-left:5%; margin-right:0%; }

  .blog-list .blog-item { padding-bottom: 0.75rem; }
  .blog-list .col-2x7 { position: absolute; display: inline-block; width: 40%; top: 1.5rem; left: 1.5rem; clear:both; z-index:7 }
  .blog-list .col-5x7 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; min-height: 11rem;  } 
  .blog-list .blog-item .blog-item-data { margin-left:38%; padding: 1rem 0.5rem; width: calc(100% - 1rem); }

  .slider { height: unset; padding-top: unset; overflow: unset; }
  .slider .slider-data { position: relative; }
  .slider .ms-item .ms-img { padding-top: 120%; }
  .slider .ms-item .ms-img img { width: auto !important; height: 100% !important; top: 50%; left: 75%; }

  .slider .owl-carousel .owl-nav { left: 0; right: 0; width: 100%; }

  .slider .ms-item .ms-container { background:none;  z-index:10;}
  .slider .ms-item .ms-container .ms-data { margin-bottom:10%; }
  .slider .ms-item .ms-img::after {content:''; position:absolute; display:inline-block; left:0; bottom:0; right:0; height:30%; background: var(--bg-slider-data); z-index:7 }
  /* .slider .ms-item .ms-container .ms-data { background: var(--bg-slider-data) } */

  .slider .ms-item .ms-container .ms-data .col-3x5 { -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; margin-left:10%; }
  .slider .ms-item .ms-container .ms-data .col-2x5 { -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; margin-left:10%;}
  .slider .ms-item .ms-container .ms-data p { font-size:1.25rem; }
  
  .wrmainintro .wrap { padding-top:1rem; }

  .main-news .col-5x7 .col-1x2 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom:1rem; }
  .main-news .flex-columns .tn1, .main-news .flex-columns .tn4 { padding-top:35%; }
  .main-news .flex-columns .tn2, .main-news .flex-columns .tn3 { padding-top:35%; width:100%; margin-right:0; margin-left:0;  }
  .main-news .flex-columns .tn4 { margin-top: 0; }

  .wrmainnews .wrap { padding-bottom: 0; }
  .end-logo-text h5 { font-size: 1rem; } 
  .end-logo-text { font-size: 0.65rem; }


  .mob-menu-link { display:inline-block;  }
  .mob-menu-link a { position:relative; display:inline-block; margin-left:0.5rem; padding-left:1.25rem; line-height:1;  background:var(--mobmenu-icon); background-size:var(--bg-height-75); }
  .mob-menu-close { display:inline-block;  }
  .mob-menu-close a { position:absolute; display:inline-block; right:1.5rem; top:1.5rem; width:1.6rem; height:1.6rem; background:var(--close-w-icon); background-size:var(--bg-full-height);  }
  
  .main-menu {position:fixed; display:none; top:0; left:0; bottom:0; width:100%; background-color:var(--sub-brown-color); z-index:100000; }
  .top-menu .top-menu-data .main-menu ul {  padding:1.35rem 5%;  border-radius:0; box-shadow:unset; }
  .top-menu .top-menu-data .main-menu  ul li { display:block; }
  .top-menu .top-menu-data .main-menu  ul li a { display:block; font-size:1rem; color:var(--white-color);  }
  .top-menu .top-menu-data .main-menu  ul li a span { position:relative; display:inline-block; }
  .top-menu ul li a.sub::after { display:none; }
  .top-menu ul li a.sub:hover::after { display:none; }
  .top-menu ul li a.sub span::after { content: "›"; position: absolute; top: 0.05rem; right: -1rem; display: inline-block; transform: rotate(90deg);}
  .top-menu .top-menu-data .main-menu ul li:hover ul { background-color: unset; }
  .top-menu .top-menu-data .main-menu  ul li ul { position:relative; display:block; padding:0.25rem 1rem; }
  .top-menu .top-menu-data .main-menu  ul li ul li a { font-size:0.75rem }

  .lang-menu { top:0.75rem; }
  

}  



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

  .page-block h1, .page-block .block-title h1, .page-block .block-title h2, h2.block-title { font-size: 1.8rem; }


}  


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

  .page-block h1, .page-block .block-title h1, .page-block .block-title h2, h2.block-title { font-size: 1.8rem; }

  .end-data .col-1x2 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .end-data .flex-columns .flex-columns { display:inline-block; }
  .end-data .flex-columns .flex-columns .col-1x4, .end-data .flex-columns .flex-columns .col-3x4 { display:block; text-align:center; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } 
  .wrend .end-logo { width:4rem; margin:auto; }
  .wrend .end-left { text-align:center }
  .wrend .end-right { margin-top:0.5rem; text-align:center }
  .social a { margin:0 0.5rem;  }

  .album-list .col-1x3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

  .wrmainintro .intro-data { margin-left: 0; margin-top: 9rem; }
  .intro .intro-logo { width: 100%; padding-top: 40%;  margin-right: 0; }
  .wrmainintro .col-2x7 { position: absolute; display: inline-block; width: calc(100% - 3rem); top: 1.5rem; left: 1.5rem; clear: both; z-index: 7; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .wrmainintro .col-5x7 { min-height: unset; }
  .wrmainintro .intro-data { margin-left: 0; margin-top: 9rem; }
  .main-page .wrmainintro .intro-data { margin-top: 0rem;  }

  .blog-list .col-2x7 { position: absolute; display: inline-block; width: calc(100% - 2rem); top: 1.5rem; left: 1rem; clear: both; z-index: 7; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .blog-list .col-5x7 { min-height: unset;  } 
  .blog-list .blog-item .blog-item-data { margin-left: 0; margin-top: 9rem; padding:1rem; }
  .blog-list .blog-item .blog-icon { width: 100%; padding-top: 40%; margin-right: 0; }
  .blog-list .blog-item .blog-icon img { height: unset !important; width: 100% !important; }

  .slider .ms-item .ms-container .ms-data p { font-size: 1rem; }


}


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


  .slider .ms-item .ms-img { padding-top: 130%; }
  .slider .owl-carousel .owl-nav { top: calc(47% - 2rem); }
  .slider .owl-carousel .owl-nav div { width: 2rem; height: 2rem; }

  .acc-item .acc-data h3 { font-size: 1.15rem;  }
  .acc-item .acc-data { padding: 1.25rem; font-size: 0.65rem; }
  .acc-item {  max-height: 3.5rem; margin-top: -0.75rem;  }

  .main-news .flex-columns .tn1, .main-news .flex-columns .tn2, .main-news .flex-columns .tn3, .main-news .flex-columns .tn4 { padding-top:45% }

  .wrinnerpage .wrap .inner-page { padding-bottom: 1rem; }
  .intro .intro-logo, .blog-list .blog-item .blog-icon { padding-top: 48%; }
  .page-first-pic { padding-top: 60%; }

  .page-gallery .col-1x3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .page-gallery .col-1x3:nth-child(2n+1) .gallery-item { margin-left:0; margin-right:0; }
  .page-gallery .col-1x3:nth-child(2n) .gallery-item { margin-left:0; margin-right:0; }

  .page-block h1, .page-block .block-title h1, .page-block .block-title h2, h2.block-title { margin-bottom: 0.5rem; }
  .wrmainservices h2.block-title, .blog-page h1 { margin-bottom:1.5rem; }
  .page-block h1:after, .page-block .block-title h1:after, .page-block .block-title h2:after, h2.block-title:after { left: 20%; right: 20%; width: 60%;     height: 0.1rem; }

   .intro .intro-data h2 { text-align:center }

   .krohi ul li a { font-size: 0.75rem; }
}


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

  .slider .ms-item .ms-container .ms-data p { font-size: 0.9rem; }
  .acc-item .acc-data h3 { padding-bottom: 0.85rem;}
  .intro .intro-logo, .blog-list .blog-item .blog-icon { padding-top: 52%; }

}


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

  .slider .ms-item .ms-container .ms-data p { font-size: 0.9rem; }
  .page-block h1, .page-block .block-title h1, .page-block .block-title h2, h2.block-title { font-size: 1.65rem; }

  .intro .intro-logo, .blog-list .blog-item .blog-icon { padding-top: 56%; }

}  

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

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