@media all and (max-width: 1800px) {
    #h-menu > ul > li > a {font-size: 16px; padding-left: 15px; padding-right: 15px;}
}
@media all and (max-width: 1600px) {
    #slider .zd-txt h2 {font-size: 26px; line-height: 30px;}
    #slider .zd-txt p {margin-top: 15px; padding-top: 15px;}
    #slider .zd-txt a {margin-top: 15px}
    #slider .zd-txt p {font-size: 16px; line-height: 30px;}
    .zd-title-c {width: 60%;}
    
    .h-info-c {font-size: 16px; line-height: 18px;}
    
    #h-menu > ul > li > a {padding-top: 10px; padding-bottom: 10px;}
    body.site-1 .h-bip {height: 44px !important; line-height: 44px !important;}
    body.site-1 .h-bip img {max-height: 36px;}
    
    #slider {margin-top: 74px;}
    body.site-1 #slider {margin-top: 122px;}
    body.home.site-1 #slider {top: 122px;}
    body.rel-sl.home.site-1 #slider {margin-top: 122px;}
    body.fixed-menu #h-menu .sub-menu {top: 51px;}
    #h-menu .sub-menu {top: 122px;}
    #h-tiles .tile-tit {font-size: 16px; line-height: 20px;}
    #h-tiles .tile-ico img {max-height: 60px;}
    #h-tiles .tile-ico {height: 60px; line-height: 60px; margin-bottom: 15px;}
    .he-sec {padding-top: 40px; padding-bottom: 40px;}
    #main .e-tit {padding-bottom: 30px; margin-bottom: 30px; font-size: 20px; line-height: 24px;}
    #main .e-cont + .btn {margin-top: 30px;}
    body.home.site-1 .e-cont {font-size: 16px; line-height: 24px;}
    #sidebar {padding-right: 40px;}
    #main .e-cont h1, #main h1, h1 {font-size: 20px; line-height: 24px;}
    #main .e-cont h2, #main h2, h2 {font-size: 18px; line-height: 22px;}
    #main .e-cont h3, #main h3, h3 {font-size: 16px; line-height: 20px;}
    #main .e-cont h4, #main h4, h4 {font-size: 14px; line-height: 18px;}
    #main .e-cont h5, #main h5, h5 {font-size: 13px; line-height: 18px;}
    #main .e-cont h6, #main h6, h6 {font-size: 12px; line-height: 18px;}
    #h-menu .sub-menu .sub-tit {font-size: 18px; line-height: 22px;}
    #h-menu .sub-menu ul {padding: 10px;}
    #h-menu .sub-menu ul > li > a {font-size: 14px; line-height: 18px;}
}
@media all and (max-width: 1530px) {
    #h-menu .sub-menu .sub-menu-c {border-left: 0px; border-right: 0px;}
}
@media all and (max-width: 1500px) {
    #h-menu > ul > li > a {font-size: 14px; padding-left: 10px; padding-right: 10px;}
    .h-info-c {font-size: 14px; line-height: 16px;}
    .hrbs li a {height: 20px; line-height: 20px;}
    .hrbs li a img {max-height: 20px;}
    .hrbs li.kzg {display: inline-block; width: 100%; margin-bottom: 3px;}
    #panel {height: 50px; line-height: 50px;}
    #slider {margin-top: 74px;}
    body.site-1 #slider {margin-top: 94px;}
    body.home.site-1 #slider {top: 94px;}
    body.rel-sl.home.site-1 #slider {margin-top: 94px;}
    #h-menu .sub-menu {top: 94px;}
    #slider .zd-txt h2 {font-size: 20px; line-height: 24px;}
    #slider .zd-txt p {margin-top: 10px; padding-top: 10px;}
    #slider .zd-txt a {margin-top: 10px}
    #slider .zd-txt p {font-size: 14px; line-height: 26px;}
    #sidebar {padding-right: 30px;}
    #main .e-cont h1, #main h1, h1 {font-size: 18px; line-height: 24px;}
    #main .e-cont h2, #main h2, h2 {font-size: 16px; line-height: 22px;}
    #main .e-cont h3, #main h3, h3 {font-size: 15px; line-height: 20px;}
    #main .e-cont h4, #main h4, h4 {font-size: 14px; line-height: 18px;}
    #main .e-cont h5, #main h5, h5 {font-size: 13px; line-height: 18px;}
    #main .e-cont h6, #main h6, h6 {font-size: 12px; line-height: 18px;}
    .e-cont {font-size: 14px; line-height: 20px;}
    #s-menu a {font-size: 14px; line-height: 20px; padding-left: 15px;}
    #s-menu .sub-menu a {font-size: 12px; padding-left: 20px;}
    #s-menu .sub-show {height: 50px;}
    #s-menu .sub-menu .sub-show {height: 40px;}
    #h-menu .sub-menu .sub-tit {font-size: 16px; line-height: 20px;}
    #h-menu .sub-menu ul > li > a {font-size: 12px; line-height: 16px;}
    #main .e-cont ul li:before {margin-top: -3px;}
    #sidebar #sbox input {padding-left: 10px;}
}
@media all and (max-width: 1300px) {
    #h-menu > ul > li > a {font-size: 12px; padding-left: 7px; padding-right: 7px;}
    .h-info-c {font-size: 12px; line-height: 14px;}
    #sidebar {padding-right: 20px;}
}
@media all and (max-width: 1150px) {
    #menu, .rider {display: none !important;}
    #menubutton {display: inline-block;}
    #slider {height: 200px;}
    /*body.mobile #slider {display: none !important;}*/
    .zd-title-c {width: 100%;}
    #slider .zd-opts-c {padding-left: 10px;}
    /*#wrapper {margin-top: 50px; position: relative;}*/
    body.mobile #wrapper {margin-top: 50px !important; position: relative !important;}
    body.mobile #h-tiles ul {position: relative !important; padding-top: 10px; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px);}
    #sidebar {display: inline-block !important; position: fixed; padding-right: 0px; width: 100%; z-index: 1000; top: 129px; left: 0px; right: 0px; bottom: 0px; overflow-y: auto; background-color: #fff; transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transition: all 500ms; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms;}
    #sidebar.active {transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px);}
    #content {width: 100%;}
    #panel, body.site-2 #h-panel {padding-right: 100px; border-bottom: 0px;}
    body.fixed-menu #panel {height: 50px !important; line-height: 50px !important;}
    #header-c {padding-right: 0px;}
    .h-bip {width: 40px; right: 55px; bottom: initial; top: 4px; z-index: 100; height: 44px !important; line-height: 44px !important;}
    .h-bip img {max-height: 36px;}
    #logo {width: 118px; padding-left: 10px; text-align: left; height: 50px; bottom: initial; padding-right: 10px;}
    #logo img {position: relative; left: 0px; top: 0px; transform: inherit !important; -webkit-transform: inherit !important; -moz-transform: inherit !important; -o-transform: inherit !important; -ms-transform: inherit !important;}
    #h-panel {padding-left: 48px;}
    #slider {margin-top: 74px;}
    body.site-1 #slider {margin-top: 50px;}
    body.home.site-1 #slider {top: 50px;}
    body.rel-sl.home.site-1 #slider {margin-top: 50px;}
    #h-menu .sub-menu {top: 50px;}
    .h-info .h-i-i {display: none;}
    #h-tiles .tile-tit {font-size: 14px; line-height: 18px;}
    #h-tiles .tile-ico img {max-height: 40px;}
    #h-tiles .tile-ico {height: 40px; line-height: 40px; margin-bottom: 10px;}
    #s-menu .sub-show {width: 50px;}
    #s-menu li.has-child > a {padding-right: 64px;}
    .he-sec, #footer-c > * {padding-top: 30px; padding-bottom: 30px;}
    #h-panel {padding-top: 5px; padding-bottom: 5px;}
}
@media all and (max-width: 960px) {
    .h-herb {display: none;}
    .h-info {width: 100%;}
    .he-sec, #footer-c > * {padding-top: 20px; padding-bottom: 20px;}
    .a-pgt {padding-top: 20px;}
    #a-box {margin-top: 20px;}
    #main .e-tit {padding-bottom: 20px; margin-bottom: 20px; font-size: 18px; line-height: 22px;}
    #main .e-cont + .btn {margin-top: 20px;}
    body.home.site-1 .e-cont, .e-cont {font-size: 14px; line-height: 20px;}
    .zymdesign-map-container, .zymdesign-map {height: 300px !important;}
    /*#a-box-c > * {width: 100%;}*/
}
@media all and (max-width: 800px) {
    #h-tiles .tile-tit {font-size: 12px; line-height: 16px;}
    #h-tiles .tile-ico img {max-height: 30px;}
    #h-tiles .tile-ico {height: 30px; line-height: 30px; margin-bottom: 5px;}
    #copyright, #noveo {width: 100%; text-align: center;}
    #content ul, #content ol {padding-left: 0px;}
}
@media all and (max-width: 700px) {
    #eu-f {width: 24%;}
    #eu-t {width: 76%;}
    #main .e-tit {padding-bottom: 15px; margin-bottom: 15px; font-size: 16px; line-height: 20px;}
    #main .e-cont .a-tit > * {font-size: 14px !important; line-height: 24px !important;}
    .a-post {font-size: 12px;}
    .a-cont {font-size: 12px; line-height: 20px;}
    .e-cont {font-size: 13px; line-height: 20px;}
    #main .e-cont h1, #main h1, h1 {font-size: 15px; line-height: 20px;}
    #main .e-cont h2, #main h2, h2 {font-size: 14px; line-height: 18px;}
    #main .e-cont h3, #main h3, h3 {font-size: 13px; line-height: 18px;}
    #main .e-cont h4, #main h4, h4 {font-size: 12px; line-height: 16px;}
    #main .e-cont h5, #main h5, h5 {font-size: 11px; line-height: 16px;}
    #main .e-cont h6, #main h6, h6 {font-size: 10px; line-height: 14px;}
    #main .e-cont ul li:before {margin-top: -10px;}
}
@media all and (max-width: 650px) {
    #h-tiles li {width: 33.333%; padding: 3px;}
    body.home.site-1 #main {padding-top: 0%;}
    body.home #slider {bottom: 0px !important;}
    #slider .zd-opts {margin-top: 0px !important;}
    #h-tiles ul {position: relative !important; padding-top: 10px; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px);}
}
@media all and (max-width: 600px) {
    .h-info {display: none;}
    #eu-f {width: 100%; padding-bottom: 10px; padding-left: 0px; padding-right: 0px;}
    #eu-t {width: 100%;}
    .btn {padding-left: 10px; padding-right: 10px; font-size: 14px;}
    .short-col {width: 100% !important; padding-left: 0px !important; padding-right: 0px !important;}
    #sbox input {padding-left: 3px; padding-right: 38px; border: 1px;}
    #sbox button {width: 35px;}
    #a-box-c > * {column-count: initial; -webkit-column-count: initial; -moz-column-count: initial;}
}
@media all and (max-width: 550px) {
    .fr-th {width: 100%; padding-right: 0px; padding-bottom: 20px; display: none;}
    .fr-cont {width: 100%;}
    .a-more .btn {width: 100%;}
}
@media all and (max-width: 450px) {
    #h-tiles li {width: 50%; padding: 3px;}
}
@media all and (max-width: 350px) {
    #cookie {text-align: center;}
    #cookie button, #cookie a {padding-top: 10px; padding-bottom: 10px;}
    .cookie-btns {width: 100%; padding-top: 5px;}
    .cookie-btns > * {width: 100%;}
    .cookie-btns > *:first-child {margin-left: 0px !important;}
    .cookie-btns > *:last-child {margin-right: 0px !important;}
}
@media all and (max-width: 300px) {
    #h-tiles li {width: 100%; padding: 3px 0px;}
}