/* Extra large devices (large desktops) */
/* No media query since the extra-large breakpoint has no upper bound on its width */

.item-01 .inner .content h3 {
    line-height: 22px
}

#header .main .menu-main .nav .dropdown-nav .inner .block-link {
    min-width: 300px;
}

.section-document .link-x2 .link-item>span {
    padding-left: 7px;
    display: inline-block;
    transform: translateX(-5px);
    line-height: 20px;
}

.section-document .link-x2 .link-item:hover>a,
.section-document .link-x2 .link-item:hover>span {
    border-bottom: 1px solid #009ee0;
}

.contact .form-contact .btn-contact {
    padding-top: 0;
}

.contact .maps .inner-maps {
    height: 325px;
}

.share .content a {
    margin-bottom: 5px;
}

#header .main .menu-main .nav .nav-link:hover,#header .main .menu-main .nav .active .nav-link {
  border-top: 5px solid #009ee0;
  color: #009ee0;
}

#header .main .menu-main .nav .dropdown-group .inner .group-item .item {
    padding: 0 15px;
}

#header .top-bar .container>span,
#header .top-bar .container>at-menu,
.menu-responsive {
    display: none;
}

/* Large devices (desktops, less than up) */
@media (min-width: 1200px) {}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199px) {}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px) {
    .menu-responsive .group {
        position: fixed;
        overflow-y: auto
    }
    .top-bar .container>span {
        top: 11px;
    }
    .contact-left,
    .register,
    .share {
        width: 50%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .left-main {
        padding-left: 0;
        padding-right: 0;
    }
    #header .top-bar .container>span,
    #header .top-bar .container>at-menu,
    .menu-responsive {
        display: block;
    }
    .menu-responsive .group>.inner .nav-item:nth-child(1) {
        display: none;
    }
    .search {
        display: block;
        background: unset;
        padding: 0;
        margin: 0;
    }
}
    

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {
    .item-01 .inner .content h3 {
        height: auto;
    }
    .contact-left,
    .register,
    .share {
        width: auto;
        float: none;
        padding-left: 0;
        padding-right: 0;
    }
    .left-main {
        padding-left: 15px;
        padding-right: 15px;
    }
}
    

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {}