/* Extra small devices (portrait phones, less than 576px) xs */
@media (max-width: 575.98px) {
    /* visible-.. */
    .visible-xs {
        display:inline-block;
    }
    .visible-xl,
    .visible-lg,
    .visible-md,
    .visible-sm,
    .visible-xxl {
        display:none;
    }
    /* end visible-.. */
    h1 {font-size:1.5rem;}
    .top-navbar-dark,
    .top-navbar-white,
    .page-sidebar-addlink {
        display:none !important;
    }
    .top-menu-navbar-block {
        padding: 0 1rem;
    }
    #top-menu-navbar-collapse {
        width:100%;
        padding:2rem 1rem;
    }
    .container-fluid {
        padding-left:0.2rem;
        padding-right:0.2rem;
    }
    .row {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
        position: relative;
    }
    .hidden-sm-logo {
        display:block;
    }
    .home-line-1 {
        height:23rem;
    }
    .home-line-1-logo {
        padding-top: 1rem;
        width: 65%;
        position: absolute;
        right: 0;
    }
    .home-line-1-logo-img {
        width: 90%;
    }
    .home-line-1-content {
        margin:0;
    }
    .home-line-1-f1, .home-line-1-f2, .home-line-1-f3 {
        width:100%;
    }
    .home-line-1-btn-box {
        position:absolute;
        padding: 1rem;
        bottom:4rem;
    }
    .home-line-1-btn {
        padding:0;
    }
    .home-line-1-btn .btn {
        margin: 0;
        padding: 0.5rem 1.5rem;
    }
    .home-line-1-f2 {
        background-position: 88.3% 100%;
        top: -2.5rem;
    }
    .home-line-mesoclinic {
        padding: 1rem 0;
    }
    .mesoclinic-logo img {
        max-width: 90%;
        width: auto;
        margin-bottom: 1rem;
    }
    .mesoclinic-data {
        justify-content: center;
        text-align:center;
    }
    .mesoclinic-btn-title, .mesoclinic-btn {
        padding: 0 1rem;
    }
    .mesoclinic-btn a {
        margin: 1rem 0;
    }
    .mesoclinic-title-text {
        font: normal 1.45rem OpenSans-Semibold, Arial, sans-serif;
        line-height: 2rem;
    }
    .mesoclinic-text {
        padding: 0;
    }
    .mesoclinic-text ul {
        margin: 0;
    }
    .mesoclinic-text li {
        text-align:left;
        font: normal 1.3rem OpenSans-Semibold, Arial, sans-serif;
    }
    .mesoclinic-btn-block {
        margin: 1rem 0;
    }
    .mesoclinic-title {
        margin-bottom: .1rem;
    }
    .home-line-1-f3 {
        background-image: url(/static/img/home-line-1-f3.webp);
        background-repeat: no-repeat;
        background-position: 93% 100%;
        opacity: .2;
    }
    .home-line-news-list,
    .home-line-brands-list,
    .home-line-catalog-category {
        display: none;
    }
    .home-line-news-slider,
    .home-line-brands-slider,
    .home-line-catalog-category-slider {
        display: block;
    }
    .home-line-catalog-left-category, .home-line-catalog-right-category {
        width:100%;
        text-align:center;
        padding: 5rem 3rem;
    }
    .home-line-catalog-center-category {
        width:100%;
        text-align:center;
        padding: 7rem 3rem;
    }
    .home-line-catalog-left-category-block, .home-line-catalog-center-category-block, .home-line-catalog-right-category-block {
        float: none;
    }
    .home-line-catalog-btn-block {
        height:0.001rem;
        padding-top:0;
        width:100%;
        text-align:center;
        position:absolute;
        bottom:-5rem;
        z-index:0;
        display:block;
        opacity:0;
        transition:0.8s;
        font:normal 0.9rem OpenSans-Light, Arial, sans-serif;
    }
    .home-line-catalog-left-category:hover .home-line-catalog-btn-block, .home-line-catalog-center-category:hover .home-line-catalog-btn-block, .home-line-catalog-right-category:hover .home-line-catalog-btn-block {
        opacity:1;
        padding-top: 7rem;
        bottom: -5rem;
        height: 15rem;
        z-index:1030;
        background-color:rgba(255,255,255,0.6);
        width:100%;
    }
    .home-line-brands-right-content {
        width:100%;
        clear:both;
    }
    .home-line-brands-right-title {
        padding: 2rem 1rem 0 2rem;
    }
    .home-line-brands-right-text {
        padding: 1rem 1rem 1rem 2rem;
    }
    .home-line-brands-right-btn {
        padding-left: 0;
        padding-top: 1rem;
        text-align: center;
    }
    .home-line-brands-right-photo {
        text-align: center;
        clear: both;
        width: 100%;
        padding-top: 0.5rem;
    }
    .home-line-brands-right-photo img {
        height: 50%;
        width:auto;
    }
    .home-line-7-right,
    .home-line-brands-left {
        display:none;
    }
    .home-line-7-left,
    .home-line-brands-right {
        width:100%;
    }
    .home-line-7-left {
        padding:1rem 0.5rem;
    }
    .home-line-7-left-date {
        padding: 2rem 0 2rem 3rem;
    }
    .home-line-7-left-title  {
        padding: 0 3rem
    }
    .home-line-7-left-text {
        padding: 1rem 3rem;
    }
    .footer .container-fluid {
        padding-left:1rem;
        padding-right:1rem;
    }
    .footer-top {
        font: normal 1.15rem OpenSans-Light, Arial, sans-serif;
    }
    .footer-subscript {
        background:none;
        height: 18rem;
        width: 100%;
        padding: 0;
        clear:both;
    }
    .footer-subscript-input-block {
        padding: 0.8rem 0.3rem 0.8rem 1rem;
    }
    .footer-subscript-input-block .footer-subscript-input {
        font-size: 0.8rem;
    }
    .footer-subscript-input-block .footer-subscript-input {
        width: 80%;
    }
    .footer-subscript-social-btn {
        text-align:center;
    }
    .footer-subscript-social-btn .fa {
        font-size: 3rem;
        margin-right:2rem;
    }
    .footer-bottom {
        padding: 0.5rem 0;
        font-size: 0.9rem
    }
    .page-sidebar-block {
        display:none;
    }
    .page-right-block {
        width: 100%;
        clear:both;
        padding: 1rem 0.2rem;
    }
    .news-header {
        padding:2rem 1rem;
    }
    .news-photo {
        width: 100%;
        margin: 0 2rem 2rem 0;
        float: none;
    }
    .education-header-logo {
        margin:0;
        padding:1rem;
        width:100%;
    }
    .home-line-academy-title {
        font: normal 1.3rem OpenSans-SemiBold, Arial, sans-serif;
    }
    .home-line-academy-logo {
        max-width: 100%;
        padding-top: 1rem;
    }
    .home-line-academy-buttons {
        padding: 1rem;
    }
    .home-line-academy-text {
        padding: 0;
        font: normal 1.2rem OpenSans-Regular, Arial, sans-serif;
    }
    .product-detail-img-block img, .education-header-logo  img {
        width:100%;
        height:auto;
    }
    .menu-item-title, .catalog-sidebar-title {
        padding: 0.5rem 0;
        border-bottom: solid 0.001rem #efefef;
    }
    .ul-root {
        padding: 1rem;
        background-color: #fefefe;
    }
    .product-detail-img-block {
        text-align:center;
    }
    .product-detail-descript-block {
        text-align:center;
        padding: 0 2rem 2rem;
    }
    .breadcrumbs-block {
        display:none;
    }
    .feedback-form-inputs {
        padding:2rem;
    }
    .contacts-header-title {
        padding: 35% 0;
    }
    .distrib-datail-card-body-img,
    .contacts-img {
        display:none;
    }
    .contacts-header-f0, .contacts-header-f1, .contacts-header-f2, .contacts-header-f3 {
        background-size: cover;
        width:100%;
        margin:0;
    }
    .page-right-block h1 {
        text-align:center;
    }
    .blog-page-right-block {
        width: 100%;
    }
    .event-list-header .event-list-center {
        border: none;
        text-align: center;
    }
    .event-list-content {
        display:inline-block;
    }
    .event-list-date table {
        width: 40%;
        margin: 0 30%;
    }
    .event-list-teachers {
        text-align: center;
    }
    .event-list-eventname {
        border-left: none;
        border-right: none;
    }
    .event-list-content a {
        border-bottom: solid 4px #84cdbb;
    }
    .all-events-btn,
    .pagination {
        float:none;
        display:inline-block;
        margin:2rem 0;
        width: 100%;
        text-align: center;
    }
    .all-events-btn a {
        padding: 0.8rem 3rem;
    }
    .event-detail-lg-regform,
    .event-detail-lg-announce {
        display:none;
    }
    .event-detail-datetime {
        width:100%;
    }
    .event-detail-xs-announce,
    .event-detail-xs-regform {
        display:block;
    }
    .top-navbar-white-cart {
        display:block;
        margin-left:0;
    }
    .top-navbar-white-right {
        display:none;
    }
    .carousel-action-data {
        margin-top: 0;
    }
    .carousel-actions-title {
        padding: 1rem;
        font:normal 1.2rem OpenSans-Regular, Arial, sans-serif;
    }
    .carousel-actions-text {
        padding: 0 1rem;
    }
    .advantage-item {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: left;
        justify-content: left;
        padding: 0;
    }
    .advantage-text {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .home-line-1 {
        height: auto;
    }
    .carousel-actions-img-desktop {
        display:none;
    }
    .carousel-actions-img-mobile {
        height: 250px;
        background-position: center;
    }
    .carousel-actions-btn {
        position: relative;
        top: 15rem;
    }
    .carouselRecall-item-left,
    .carouselRecall-item-right {
        padding-left: 15%;
        padding-right: 15%;
    }
    .carouselRecall-item-right {
        padding-top:2rem;
    }
    .page-account-content form {
        padding: 0;
    }
    .post-recomend-event-img {
        height: auto;
    }
    .post-recomend-product-img {
        height: fit-content;
    }
}

/* Small devices (landscape phones, 576px and up) sm */
@media (min-width: 576px) and (max-width: 767.98px) {
    /* visible-.. */
    .visible-sm {
        display:inline-block;
    }
    .visible-xl, .visible-lg, .visible-md, .visible-xxl, .visible-xs {
        display:none;
    }
    /* end visible-.. */
    .top-navbar-dark,
    .top-navbar-white,
    .page-sidebar-addlink {
        display:none !important;
    }
    #top-menu-navbar-collapse {
        width:100%;
        padding:2rem 1rem;
    }
    .container-fluid {
        padding-left:0.5rem;
        padding-right:0.5rem;
    }
    .row {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
        position: relative;
    }
    .top-menu-navbar-block {
        padding:0.2rem 0.5rem;
    }
    .hidden-sm-logo {
        display:block;
    }
    .home-line-1 {
        height:23rem;
    }
    .home-line-1-logo-img {
        width: 90%;
    }
    .home-line-1-content {
        margin:0;
    }
    .home-line-1-f1, .home-line-1-f2, .home-line-1-f3 {
        width:100%;
    }
    .home-line-1-btn {
        margin-top: 12rem;
    }
    .home-line-1-f3 {
        background-position-x: center;
        background-size: cover;
        /* height: 19rem; */
        margin-top: 4rem;
    }
    .advantage-item {
        padding: 0;
    }
    .mesoclinic-data {
        justify-content: center;
        text-align:center;
    }
    .mesoclinic-btn-title, .mesoclinic-btn {
        padding: 0 1rem;
    }
    .mesoclinic-btn a {
        margin: 1rem 0;
    }
    .mesoclinic-logo {
        width: auto;
    }
    .home-line-catalog-left-category, .home-line-catalog-right-category {
        width:100%;
        text-align:center;
        padding: 5rem 3rem;
    }
    .home-line-catalog-center-category {
        width:100%;
        text-align:center;
        padding: 7rem 3rem;
    }
    .home-line-catalog-left-category-block, .home-line-catalog-center-category-block, .home-line-catalog-right-category-block {
        float: none;
    }
    .home-line-catalog-btn-block {
        height:0.001rem;
        padding-top:0;
        width:100%;
        text-align:center;
        position:absolute;
        bottom:-5rem;
        z-index:0;
        display:block;
        opacity:0;
        transition:0.8s;
        font:normal 0.9rem OpenSans-Light, Arial, sans-serif;
    }
    .home-line-catalog-left-category:hover .home-line-catalog-btn-block, .home-line-catalog-center-category:hover .home-line-catalog-btn-block, .home-line-catalog-right-category:hover .home-line-catalog-btn-block {
        opacity:1;
        padding-top: 7rem;
        bottom: -5rem;
        height: 15rem;
        z-index:1030;
        background-color:rgba(255,255,255,0.6);
        width:100%;
    }
    .home-line-news-list,
    .home-line-brands-list,
    .home-line-catalog-category {
        display: none;
    }
    .home-line-news-slider,
    .home-line-brands-slider,
    .home-line-catalog-category-slider {
        display: block;
    }
    .home-line-7-right, .home-line-brands-left {
        display:none;
    }
    .home-line-7-left, .home-line-brands-right {
        width:100%;
    }
    .home-line-7-left {
        padding: 0 4rem;
    }
    .footer .container-fluid {
        padding-left:1rem;
        padding-right:1rem;
    }
    .footer-top {
        font: normal 1.15rem OpenSans-Light, Arial, sans-serif;
    }
    .footer-subscript {
        background:none;
        height: 18rem;
        width: 100%;
        padding: 2rem;
        clear:both;
    }
    .footer-subscript-input-block {
        padding: 0.8rem 0.3rem 0.8rem 1rem;
    }
    .footer-subscript-input-block .footer-subscript-input {
        font-size: 1rem;
    }
    .footer-subscript-social-btn {
        text-align:center;
    }
    .footer-bottom {
        padding: 0.5rem 0;
        font-size: 0.9rem
    }
    .page-sidebar-block {
        display:none;
    }
    .page-right-block {
        width: 100%;
        clear:both;
        padding: 1rem 0.2rem;
    }
    .blog-page-right-block {
        width:100%;
    }
    .news-header {
        padding:2rem 1rem;
    }
    .news-photo {
        width: 100%;
        margin: 0 2rem 2rem 0;
        float: none;
    }
    .education-header-logo {
        margin:0;
        padding:1rem;
    }
    .menu-item-title,
    .catalog-sidebar-title    {
        padding: 0.5rem 0;
        border-bottom: solid 0.001rem #efefef;
    }
    .ul-root {
        padding: 1rem;
        background-color: #fefefe;
    }
    .product-detail-img-block {
        text-align:center;
    }
    .product-detail-descript-block {
        text-align:center;
        padding: 0 2rem 2rem;
    }
    .feedback-form-inputs {
        padding:3rem;
    }
    .contacts-header-title {
        padding: 30% 0;
    }
    .distrib-datail-card-body-img, .contacts-img {
        display:none;
    }
    .contacts-header-f0, .contacts-header-f1, .contacts-header-f2, .contacts-header-f3 {
        background-size: cover;
        width:100%;
        margin:0;
    }
    .page-right-block h1 {
        text-align:center;
    }
    .event-list-header .event-list-center {
        border: none;
        text-align: center;
    }
    .event-list-content {
        display:inline-block;
    }
    .event-list-date table {
        width: 40%;
        margin: 0 30%;
    }
    .event-list-teachers {
        text-align: center;
    }
    .event-list-eventname {
        border-left: none;
        border-right: none;
    }
    .event-list-content a {
        border-bottom: solid 4px #84cdbb;
    }
    .all-events-btn, .pagination {
        float:none;
        display:inline-block;
        margin:2rem 0;
        width: 100%;
        text-align: center;
    }
    .all-events-btn a {
        padding: 0.8rem 3rem;
    }
    .event-detail-lg-regform,
    .event-detail-lg-announce {
        display:none;
    }
    .event-detail-datetime {
        width:100%;
    }
    .event-detail-xs-announce,
    .event-detail-xs-regform {
        display:block;
    }
    .top-navbar-white-cart {
        display:block;
        margin-left:0;
    }
    .top-navbar-white-right {
        display:none;
    }
    .home-line-1 {
        height: auto;
    }
    .carousel-action-data {
        margin-top: 1rem;
    }
    .carousel-actions-img-desktop {
        display:none;
    }
    .carousel-actions-img-mobile {
        height: 250px;
        background-position: center;
    }
    .carousel-actions-btn {
        position: relative;
        top: 16rem;
    }
    .advantage-item {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: left;
        justify-content: left;
        padding: 0;
    }
    .carouselRecall-item-left, .carouselRecall-item-right {
        padding-left: 15%;
        padding-right: 15%;
    }
    .carouselRecall-item-right {
        padding-top:2rem;
    }
    .page-account-content form {
        padding: 1rem;
    }
    .post-recomend-event-img {
        height: auto;
    }
    .post-recomend-product-img {
        height: fit-content;
    }
}

/* Medium devices (tablets, 768px and up) md */
@media (min-width: 768px) and (max-width: 991.98px) {
    /* visible-.. */
    .visible-md {
        display:inline-block;
    }
    .visible-xl,
    .visible-lg,
    .visible-xxl,
    .visible-sm,
    .visible-xs {
        display:none;
    }
    /* end visible-.. */
    .top-navbar-white .navbar-nav {
        flex-wrap: wrap;
    }
    #top-menu-navbar-collapse {
        display:none !important;
    }
    .container-fluid {
        padding-left:1rem;
        padding-right:1rem;
    }
    .home-line-title {
        padding: 1rem 0.5rem 0.8rem;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding: 1rem;
    }
    .carousel-actions-img-mobile {
        display:none;
    }
    .home-line-1-f3 {
        background-position: center;
        background-size: cover;
    }
    .home-line-2 {
        display: none;
    }
    .category-title {
        font-size: 1.1rem;
    }
    .mesoclinic-data {
        justify-content: left;
    }
    .mesoclinic-btn-title, .mesoclinic-btn {
        float: left;
        padding: 1rem 0 0;
        padding-right: 1rem;
    }
    .mesoclinic-btn a {
        margin: 0;
    }
    .home-line-news-list,
    .home-line-brands-list,
    .home-line-catalog-category {
        display: none;
    }
    .home-line-news-slider,
    .home-line-brands-slider,
    .home-line-catalog-category-slider {
        display: block;
    }
    .home-line-brands-right-content {
        width:100%;
        clear:both;
    }
    .home-line-brands-right-title {
        padding: 2rem 1rem 0 2rem;
    }
    .home-line-brands-right-text {
        padding: 1rem 1rem 1rem 2rem;
    }
    .home-line-brands-right-btn {
        padding-left: 0;
        padding-top: 1rem;
        text-align: center;
    }
    .home-line-brands-right-photo {
        text-align: center;
        clear: both;
        width: 100%;
        padding-top: 0.5rem;
    }
    .home-line-brands-right-photo img {
        height: 50%;
        width:auto;
    }
    .home-line-7-left {
        padding-left: 2rem;
    }
    .news-photo {
        width: 100%;
        margin: 0 2rem 2rem 0;
        float: none;
    }
    .footer .container-fluid {
        padding-left:2rem;
        padding-right:2rem;
    }
    .footer-top {
        font: normal 1.15rem OpenSans-Light, Arial, sans-serif;
    }
    .footer-subscript {
        background:none;
        height: 18rem;
        width: 100%;
        padding: 4rem 12rem;
        clear:both;
    }
    .footer-subscript-input-block {
        padding: 0.8rem 0.3rem 0.8rem 1rem;
    }
    .footer-subscript-input-block .footer-subscript-input {
        font-size: 1rem;
    }
    .footer-subscript-social-btn {
        text-align:center;
    }
    .footer-bottom {
        padding: 0.5rem 0;
        font-size: 1.1rem;
    }
    .owlman {
        font-size: 0.9rem;
    }
    .page-sidebar-block {
        width:40%;
        padding-left:2rem;
    }
    .page-right-block {
        width:60%;
        padding-right:2rem;
    }
    .blog-page-right-block {
        width:60%;
    }
    .contacts-header-title {
        padding: 20% 0;
    }
    .feedback-form-inputs {
        padding:3rem;
    }
    .distrib-datail-card-body-img,
    .contacts-img {
        display:none;
    }
    .distributors-content {
        padding-right:0;
    }
    .contacts-header-f0,
    .contacts-header-f1,
    .contacts-header-f2,
    .contacts-header-f3 {
        background-size: cover;
        width:100%;
        margin:0;
    }
    .page-right-block h1 {
        text-align:center;
    }
    .event-list-header .event-list-center {
        border: none;
        text-align: center;
    }
    .event-list-content {
        display:inline-block;
    }
    .event-list-date table {
        width: 40%;
        margin: 0 30%;
    }
    .event-list-teachers {
        text-align: center;
    }
    .event-list-eventname {
        border-left: none;
        border-right: none;
    }
    .event-list-content a {
        border-bottom: solid 4px #84cdbb;
    }
    .all-events-btn,
    .pagination {
        float:none;
        display:inline-block;
        margin:2rem 0;
        width: 100%;
        text-align: center;
    }
    .all-events-btn a {
        padding: 0.8rem 3rem;
    }
    .event-detail-lg-regform,
    .event-detail-lg-announce {
        display:none;
    }
    .event-detail-datetime {
        width:100%;
    }
    .event-detail-xs-announce,
    .event-detail-xs-regform {
        display:block;
    }
    .top-navbar-white-right {
        display:none;
    }
    .post-recomend-event-img {
        height: auto;
    }
    .post-recomend-product-img {
        height: fit-content;
    }
}

/* Large devices (desktops, 992px and up) lg */
@media (min-width: 992px) and (max-width: 1199.98px) {
    /* visible-.. */
    .visible-lg {
        display:inline-block;
    }
    .visible-xxl,
    .visible-xl,
    .visible-md,
    .visible-sm,
    .visible-xs {
        display:none;
    }
    /* end visible-.. */
    .top-navbar-white .navbar-nav {
        flex-wrap: wrap;
    }
    #top-menu-navbar-collapse {
        display:none !important;
    }
    .container-fluid {
        padding-left:1rem;
        padding-right:1rem;
    }
    .page-sidebar-block {
        padding: 2rem 0 2rem 2rem;
        width: 30%;
    }
    .page-right-block {
        padding: 3rem 2rem 3rem 2rem;
        width: 70%;
    }
    .blog-page-right-block {
        width: 70%;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding: 1rem;
    }
    .carousel-actions-img-mobile {
        display:none;
    }
    .home-line-1-f3 {
        background-position: center;
        background-size: cover;
    }
    .home-line-2 {
        display: none;
    }
    .category-title {
        font-size: 1.4rem;
    }
    .mesoclinic-data {
        justify-content: left;
    }
    .mesoclinic-btn-title, .mesoclinic-btn {
        float: left;
        padding: 0 1rem;
    }
    .mesoclinic-btn a {
        margin: 0;
    }
    .home-line-news-list,
    .home-line-brands-list,
    .home-line-catalog-category {
        display: flex;
    }
    .home-line-news-slider,
    .home-line-brands-slider,
    .home-line-catalog-category-slider {
        display: none;
    }
    .home-line-brands-right-content {
        width:100%;
        clear:both;
    }
    .home-line-brands-right-title {
        padding: 2rem 2rem 0 2rem;
    }
    .home-line-brands-right-text {
        padding: 1rem 2rem 1rem 2rem;
    }
    .home-line-brands-right-btn {
        padding-left: 0;
        padding-top: 1rem;
        text-align: center;
    }
    .home-line-brands-right-photo {
        text-align: center;
        clear: both;
        width: 100%;
        padding-top: 0.5rem;
    }
    .home-line-brands-right-photo img {
        height: 50%;
        width:auto;
    }
    .home-line-7-left {
        padding-left: 2rem;
    }
    .contacts-header-f1,
    .contacts-header-f2,
    .contacts-header-f3 {
        width: 52%;
        margin-left: 24%;
    }
    .event-list-header {
        font-size: 0.9rem;
    }
    .event-list-header div {
        padding:0 0.1rem;
    }
    .event-list-date {
        padding:0.2rem;
    }
    .event-list-manyday-weekday {
        font-size: 0.9rem;
    }
    .event-detail-lg-regform {
        width:40%;
    }
    .event-detail-datetime,
    .event-detail-lg-announce h2 {
        width:59.8%;
    }
    .top-navbar-white-right .btn {
        padding: 0.2rem 0.6rem;
        font: normal 0.8rem OpenSans-Light, Arial, sans-serif;
    }
    .news-photo {
        width: 100%;
        margin: 0 2rem 2rem 0;
        float: none;
    }
    .post-recomend-event-img {
        height: 140px;
    }
    .post-recomend-product-img {
        height: 200px;
    }
    .post-recomend-title {
        height: 7rem;
    }
}

/* Extra large devices (large desktops, 1200px and up)  xl */
@media (min-width: 1200px) and (max-width: 1599.98px) {
    /* visible-.. */
    .visible-xl {
        display:inline-block !important;
    }
    .visible-xxl,
    .visible-lg,
    .visible-md,
    .visible-sm,
    .visible-xs {
        display:none;
    }
    /* end visible-.. */
    .top-navbar-white .navbar-nav {
        flex-wrap: wrap;
    }
    #top-menu-navbar-collapse {
        display:none !important;
    }
    .container-fluid {
        padding-left:2.5rem;
        padding-right:2.5rem;
    }
    .category-title {
        font-size: 1.7rem;
    }
    .carousel-actions-img-mobile {
        display:none;
    }
    .home-line-1-content {
        margin-left: 2%;
    }
    .home-line-2 {
        display: none;
    }
    .home-line-news-list,
    .home-line-brands-list,
    .home-line-catalog-category {
        display: flex;
    }
    .home-line-news-slider,
    .home-line-brands-slider,
    .home-line-catalog-category-slider {
        display: none;
    }
    .page-sidebar-block {
        padding: 2rem 0 2rem 2.5rem;
        width: 30%;
    }
    .page-right-block {
        padding: 3rem 2.5rem 3rem 2rem;
        width: 70%;
    }
    .blog-page-right-block {
        width: 70%;
    }
    .feedback-form-inputs {
        padding: 3rem;
    }
    .contacts-header-f1,
    .contacts-header-f2,
    .contacts-header-f3 {
        width: 52%;
        margin-left: 24%;
    }
    .event-list-header {
        font-size: 1rem;
    }
    .event-list-header div {
        padding:0 0.1rem;
    }
    .event-list-date {
        padding:0.5rem;
    }
    .event-list-date table {
        width:90%;
        margin:0 5%;
        text-align:center;
    }
    .event-detail-lg-regform {
        width:30%;
    }
    .event-detail-datetime,
    .event-detail-lg-announce h2 {
        width:69.8%;
    }
    .news-photo {
        width: 50%;
        margin: 0 2rem 2rem 0;
        float: left;
    }
    .post-recomend-event-img {
        height: 120px;
    }
    .post-recomend-product-img {
        height: 200px;
    }
    .post-recomend-title {
        height: 7rem;
    }
}

/* SuperExtra large devices (large desktops, 1600px and up) xxl */
@media (min-width: 1600px) {
    /* visible-.. */
    .d-xxl-none {
        display: none !important;
    }
    .visible-xxl {
        display:inline-block !important;
    }
    .visible-xl,
    .visible-lg,
    .visible-md,
    .visible-sm,
    .visible-xs {
        display:none;
    }
    /* end visible-.. */
    .top-navbar-white .navbar-nav {
        margin-left:-140px;
    }
    #top-menu-navbar-collapse {
        display:none !important;
    }
    .carousel-actions-img-mobile {
        display:none;
    }
    .container-fluid {
        padding-left:3.125rem;
        padding-right:3.125rem;
    }
    .home-line-2 {
        display: none;
    }
    .home-line-news-list,
    .home-line-brands-list,
    .home-line-catalog-category {
        display: flex;
    }
    .home-line-news-slider,
    .home-line-brands-slider,
    .home-line-catalog-category-slider {
        display: none;
    }
    .event-list-date table {
        width:60%;
        margin:0 20%;
        text-align:center;
    }
    .post-recomend-product-img {
        height: 350px;
    }
}