@media only screen and (min-width: 1280px) {
    .brands-wizard > .container > .brands-list > li > a > img {
        max-width: 500px;
        max-height: 375px;
    }
}

@media only screen and (max-width: 1320px) and (min-width: 1268px) {
    header > .header-top > .container-fluid > .navigation-buttons > li > a {
        font-size: 12px;
        padding: 0 10px;
    }

    header > .header-top > .container-fluid > .navigation-buttons > li > a > img {
        height: 14px;
    }

    header > .header-top > .container-fluid > .navigation-buttons > li:nth-child(2) > a > img{
        height: 18px;
    }

    header > .header-top > .container-fluid > .navigation-buttons > li:nth-child(3) > a > img{
        height: 19px;
    }

    header > .header-top > .container-fluid > .navigation-buttons > li:nth-child(4) > a > img{
        height: 21px;
    }
}

@media only screen and (max-width: 1267px) {
    .sidebar.profile-sidebar ul {
        align-items: center;
    }
    
    .checkout-page > .container > form > .delivery, .checkout-page > .container > form > .user {
        width: 100% !important;
    }
    
    .profile-tabs {
        margin: 0;
        width: 100%;
    }

    .market .product-thumbnails {
        flex-direction: row;
    }

    .market .product-thumbnails > li > a {
        padding: 5px 10px;
        border-bottom: 0 !important;
        border-right: 1px solid #ddd;
    }

    .market .product-thumbnails > li:last-child > a {
        border-right: 0 !important;
    }
    #product-carousel {
        padding: 10px;
        margin: 15px auto;
    }
    .products-detail > .bottom > p {
        padding: 0 !important;
    }
    
    .products-detail > .top {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .products-detail > .top > .left > .badges {
        flex-direction: row;
        margin: 35px auto;
    }

    .products-detail > .top > .left > .badges > img{
        margin: 0  15px !important;
        max-width: 100%;
    }

    .products-detail > .top > .right,
    .products-detail > .top > .left {
        width: 100%;
        flex-direction: column;
        max-width: none;
    }

    .products-list.custom,
    .sidebar {
        width: 100% !important;
    }
    
    .sidebar > ul {
        width: auto;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
    }

    .sidebar > ul > li:first-child {
        margin-bottom: 0 !important;
        margin-right: 15px !important;
    }

    .sidebar > ul > li {
        margin: 0 5px 0 0 !important;
    }

    .market .basket > .container-fluid {
        flex-direction: column;
        flex-wrap: wrap;
    }
    
    .market .basket > .container-fluid > .left,
    .market .basket > .container-fluid > .right {
        width: 100%;
    }

    .market .products-carousel > .container > .carousel {
        padding: 0;
    }
    
    .product-box {
        width:23% !important;
    }

    .market .quick-links ul {
        margin: 75px auto 60px auto;
        flex-wrap: wrap;
    }
    
    .market .quick-links ul > li {
        margin-bottom: 15px;
        width: 48%;
        text-align: center;
    }

    header > .header-top > .container-fluid > .logo {
        margin-right: 0;
    }

    .baby > section > .container > .left > h4.custom {
        align-items: center;
        justify-content: center;
    }

    .home-wizard > .container {
        margin: 35px auto;
    }

    .holder > .banner > .container > ul {
        max-width: 100%;
        flex-wrap: wrap;
    }

    #home-carousel {
        display: none;
    }

    header > .header-top > .container-fluid {
        flex-direction: column;
        align-items: center;
    }

    header > .header-top > .container-fluid > .navigation {
        margin: 15px auto;
    }

    .home-quick-links > .container > .right, .home-quick-links > .container > .left {
        padding: 0;
    }

    .home-blog .carousel-control.right {
        right: -100px;
    }

    .home-blog .carousel-control.left {
        left: -100px;
    }

    header > .header-bottom > .container-fluid {
        width: auto;
        overflow-x: auto;
        overflow-y: hidden;
    }

    header > .header-bottom > .container-fluid > .sub-menu {
        align-items: center;
        padding-left: 0;
    }

    .home-wizard > .container > .wizard-right > img {
        margin-top: -6vw;
    }

    .brands-wizard > .container > .brands-list > li:nth-child(3) {
        margin-top: 0;
    }

    .brands-wizard > .container > .brands-list > li {
        flex-direction: column;
    }

    .brands-wizard > .container > .brands-list > li > a  {
        padding-right: 0;
    }

    .brands-wizard > .container > .brands-list > li > div {
        align-self: center !important;
        margin-top: 35px !important;
        text-align: center;
        justify-content: center;
        align-items: center;
        width: 100vw;
        padding-left: 15px;
        padding-right: 15px;
    }

    .brands-wizard > .container > .brands-list > li > div > span:last-child {
        margin: 15px auto;
    }

    .contact-page > .container > .top,
    .career-page > .container > .top,
    .special-brands-page > .container > .top,
    .history-page > .container > .top,
    .ar-ge-page > .container > .top,
    .mission-page > .container > .top,
    .policies-page > .container > .top,
    .about-page > .container > .top,
    .brands-wizard > .container > .top {
        flex-direction: column;
    }

    .contact-page > .container > .top > img,
    .career-page > .container > .top > img,
    .special-brands-page > .container > .top > img,
    .history-page > .container > .top > img,
    .policies-page > .container > .top > img,
    .ar-ge-page > .container > .top > img,
    .mission-page > .container > .top > img,
    .about-page > .container > .top > img,
    .brands-wizard > .container > .top > img {
        margin: 35px auto;
    }

    .brands-wizard > .container > .brands-list > li > a {
        width: 75%;
        max-width: 500px;
    }

    .brands-wizard > .container > .brands-list > li.curelex,
    .brands-wizard > .container > .brands-list > li.holder,
    .brands-wizard > .container > .brands-list > li.joyjo {
        margin-top: 45px;
    }

    .brands-wizard > .container > .brands-list > li.honey > div, 
    .brands-wizard > .container > .brands-list > li.curelex > div, 
    .brands-wizard > .container > .brands-list > li.holder > div {
        padding-top: 0;
    }

    .contact-page > .container > .bottom {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .contact-page > .container > .bottom > .left {
        text-align: center;
        padding-bottom: 35px;
    }

    .contact-page > .container > .bottom > .right {
        padding-left: 0;
        padding-bottom: 35px;
    }

    .contact-page > .container > .bottom > .right,
    .contact-page > .container > .bottom > .left,
    .adult > section > .container > .right,
    .adult > section > .container > .left {
        width: 100% !important;
        justify-content: center;
        align-items: center;
    }

    .adult > section > .container > .left > img {
        max-height: 500px;
        margin-right: auto;
        margin-left: auto;
        display: block;
    }

    .adult > section.product-list > ul {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .adult > section.product-list > ul > li {
        width: 45%;
        max-width: none;
        height: auto;
        margin-bottom: 65px;
    }
    
    .baby > section > .container > .right,
    .baby > section > .container > .left {
        width: 100% !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 0;
    }


    .baby > section > .container > .right.pad,
    .baby > section > .container > .left.pad {
        padding: 15px 35px;
        text-align: center;
    }

    .baby > section > .container > .left > img.reset,
    .baby > section > .container > .left > img {
        max-height: 500px;
        margin-right: auto;
        margin-left: auto;
        display: block;
    }

    .adult > section > .container > .right > ul.checklist,
    .baby > section > .container > .right > ul.checklist {
        margin-bottom: 35px;
    }


    .baby > section.product-list > ul {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .baby > section.product-list > ul > li {
        width: 45%;
        max-width: none;
        height: auto;
        margin-bottom: 65px;
    }

    .career-page > .container > .right,
    .career-page > .container > .left {
        width: 100%;
        border: none !important;
        padding: 0 !important;
    }
    
    .special-brands-page > .container > .right, .special-brands-page > .container > .left,
    .special-brands-page > .container > .right, .special-brands-page > .container > .right {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
    
    .special-brands-page > .container > .right, .special-brands-page > .container > .left img {
        display: block;
        margin: 15px auto;
    }

    .special-brands-page > .container {
        padding-top: 35px;
    }

    .special-brands-page > .container.custom > .right {
        margin-top: 30px !important;
    }

    .special-brands-page > .container > .left > p,
    .special-brands-page > .container > .right, .special-brands-page > .container > .right {
        max-width: 100%;
    }

    .special-brands-page > .container > .left > .contact {
        flex-direction: column;
    }

    .special-brands-page > .container.custom > .right {
        max-width: 100%;
        margin: 0;
    }

    .blog-list > .top > .container-fluid > .title {
        flex-grow: 1;
        width: 100%;
        text-align: center;
        padding: 0;
    }
    
    .blog-list > .bottom > .container-fluid,
    .blog-list > .top > .container-fluid > .search {
        margin-top: 30px;
    }

    .blog-list > .bottom > .container-fluid > .left {
        width: 100%;
        flex-grow: 1;
        text-align: center;
        margin-bottom: 30px;
    }

    .blog-list > .top > .container-fluid > .search > i {
        right: 15px;
        font-size: 20px;
        top: 10px;
    }

    .blog-list > .bottom > .container-fluid > .right {
        width: 100%;
    }
}

@media only screen and (max-width: 960px) {
    .market .basket table tbody .product-image > img {
        height: 90px;
    }

    .market .basket table tbody .product-image {
        padding: 5px 10px;
    }

    .market .basket table thead tr > th {
        display: none;
    }

    .market .basket table thead tr > th:first-child {
        display: block;
    }

    .market .basket table tbody > tr > td {
        min-width: 30px !important;
    }

    .market .basket table tbody i:not(.fas.fa-trash-alt) {
        display: none;
    }

    .market .basket tr {
        display: flex;
        width: 100%;
        flex-grow: 1;
        width: calc(100vw - 60px);
        width: -webkit-calc(100vw - 60px);
        width: -moz-calc(100vw - 60px);
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .products-detail > .top {
        padding: 30px 0;
    }
}

@media only screen and (max-width: 768px) {
    #quick-list {
        flex-direction: column;
    }
    
    #quick-list li {
        margin-top: 8px;
    }

    .products-detail > .bottom img {
        max-width: 100%;
        margin-bottom: 35px;
    }

    .products-detail .img-labels img {
        max-width: 50%;
    }
    
    .sidebar > ul {
        flex-direction: column;
    }
    
    .sidebar > ul > li:first-child {
        margin-right: 0 !important;
        margin-bottom: 15px !important;
    }

    .sidebar > ul > li {
        margin: 5px 0 !important;
    }

    .market .home-info > .container > ul {
        flex-direction: column;
        padding: 0;
        border: 1px solid #B8EBF0;
    }
    
    .market .home-info > .container > ul > li {
        width: 100%;
        border-right: none !important;
        padding: 15px 30px;
        margin: 0;
        border-bottom: 1px solid #B8EBF0;
    }

    .market .home-info > .container > ul > li:last-child {
        border-bottom: none;
        padding-bottom: 30px;
    }

    .market .home-info > .container > ul > li > img {
        margin-top: 30px;
    }

    .special-brands-page > .container > .right > p,
    .special-brands-page > .container > .right > span,
    .special-brands-page .checklist {
        padding-left: 0;
    }

    .product-box {
        width:30% !important;
    }

    .baby > section > .container > .left > h4.custom,        
    .baby > .banner > .container,
    .adult > .banner > .container {
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    
    header > .header-bottom > .container-fluid {
        min-width: 100%;
        justify-content: flex-start;
    }

    .home-blog .carousel-control.right {
        right: -35px;
    }

    .home-blog .carousel-control.left {
        left: -35px;
    }

    .curelex > section.product-list > ul {
        max-width: 100%;
    }

    .home-special-brand > .container > .right {
        align-items: center;
        justify-content: center;
        display: flex;
    }

    .home-special-brand > .container > .right > img {
        margin-left: 0;
    }

    .home-career > .container > h3 {
        padding-top: 0;
    }

    .home-career > .container {
        height: 100%;
        justify-content: center;
    }

    #products-carousel .carousel-inner > .item > .items > div,
    .home-blog > .container > .blog-carousel > .carousel-inner > .item > .items > div {
        width: 30%;
    }

    #products-carousel .carousel-inner > .item > .items > div:last-child,
    .home-blog > .container > .blog-carousel > .carousel-inner > .item > .items > div:last-child {
        display: none;
    }
    
    .home-quick-links > .container > .left {
        background-image: url('../../images/layout/babycare-m.png');
        background-size: 300px;
        background-repeat: no-repeat;
        background-position: right 200px;
        align-items: center;
    }
    
    .home-quick-links > .container > .right {
        align-items: flex-end;
        background-image: url('../../images/layout/adultcare-m.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left bottom;
        align-items: center;
    }

    .home-special-brand > .container {
        padding-right: 15px;
    }

    header > .header-top > .container-fluid > .logo {
        margin-right: 0;
    }

    .home-wizard > .container > .wizard-right > img {
        width: 50vw;
    }

    .home-quick-links > .container > .right > a {
        margin-right: 0;
    }

    header > .header-top > .container-fluid > .logo > img {
        top: -3px;
    }

    .home-wizard > .container > .wizard-left > h3 {
        padding-top: 80px;
    }

    .market .home-wizard > .container > .wizard-left > h3 {
        padding-top: 0;
    }

    .home-quick-links > .container > .right > a,
    .home-quick-links > .container > .left > a {
        margin: 15px auto;
    }

    header > .header-top > .container-fluid > .logo {
        flex-grow: 1;
    }
    
    footer > .container-fluid {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    footer > .container-fluid > .logo {
        margin: 15px auto;
    }
    
    footer > .container-fluid > .social-media {
        margin-top: 15px;
        align-items: center;
        justify-content: center;
    }

    .contact-page > .container > .top > title,
    .career-page > .container > .top > title,
    .special-brands-page > .container > .top > title,
    .history-page > .container > .top > title,
    .policies-page > .container > .top > title,
    .ar-ge-page > .container > .top > title,
    .mission-page > .container > .top > title,
    .about-page > .container > .top > title,
    .brands-wizard > .container > .top > .title {
        font-size: 46px;
    }

    .about-page > .container > .bottom {
        text-align: center;
    }

    .about-page > .container > .bottom {
        text-align: center;
    }

    .history-page > .container > .bottom > .timeline:not(.mobile) {
        display: none;
    }

    .history-page > .container > .bottom > .timeline.mobile {
        display: block;
    }

    .career-page > .container > .right > .form-group {
        flex-wrap: wrap;
    }

    .career-page > .container > .right > .form-group > input {
        margin: 5px 0 !important;
        width: 100%;
    }

    .career-page > .banner:after {
        background-position: center 25px;
    }

    .blog-list > .bottom > .container-fluid > .right > .blog-post-list > .post {
        width: 100%;
    }

    .blog-detail > .bottom > .container > .post > .title {
        text-align: center;
    }
}

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

    .products-detail > .top > .right > .product-data > span {
        text-align: center;
    }

    .products-detail > .top > .left > .badges > img {
        max-height: 86px;
    }

    .product-setup .product-price,
    .product-setup {
        flex-direction: column;
        flex-wrap: wrap;
        margin-right: 0 !important;
        margin-left: 0 !important;
        margin-bottom: 15px !important;
    }

    .product-box {
        width:46% !important;
    }

    .market header .header-bar > .container-fluid {
        flex-direction: column;
        flex-wrap: wrap;
    }
    
    header > .header-top > .container-fluid > .navigation-buttons.active {
        margin-top: 0 !important;
        padding-top: 0 !important; 
    }
    .market header .header-bar > .container-fluid > .form-group > input {
        width: calc(100vw - 75px);
        width: -webkit-calc(100vw - 75px);
        width: -moz-calc(100vw - 75px);
    }
    
    .market header > .header-top > .container-fluid > .navigation-buttons {
        display: flex;
        flex-direction: row;
        margin: 15px 0 !important;
        justify-content: center;
    }

    .market header > .header-top > .container-fluid > .navigation-buttons > li {
        margin: 0 !important;
    }

    header {
        border: 0;
        min-height: 0;
    }
    
    header > .header-bottom {
        border: 0;
    }

    header > .header-top > .container-fluid .mobile-menu {
        display: block;
    }
    
    header > .header-top > .container-fluid > .navigation-buttons > li > a {
        font-size: 11px;
        padding: 0 10px;
    }

    #products-carousel .carousel-inner > .item > .items > div,
    .home-blog > .container > .blog-carousel > .carousel-inner > .item > .items > div {
        width: 45%;
    }

    #products-carousel .carousel-inner > .item > .items > div:nth-child(3),
    #products-carousel .carousel-inner > .item > .items > div:last-child ,
    .home-blog > .container > .blog-carousel > .carousel-inner > .item > .items > div:nth-child(3),
    .home-blog > .container > .blog-carousel > .carousel-inner > .item > .items > div:last-child {
        display: none;
    }

    .home-career {
        background-position: top right;
    }

    .home-special-brand > .container > .left,
    .home-special-brand > .container > .right {
        width: 100%;
        text-align: center;
    }

    .home-blog > .line {
        margin-bottom: 15px;
    }

    .home-wizard > .container > .wizard-right > img {
        width: 100%;
        margin: 0 auto;
        display: block;
    }

    .career-page > .container > .right >  .button-group { 
        flex-wrap: wrap;
        flex-direction: column;
    }

    .career-page > .container > .right >  .button-group button { 
        margin: 5px auto;
    }

    .home-wizard > .container > .wizard-left {
        text-align: center;
    }

    .home-carousel:after {
        background-position: -25px top;
    }

    .home-special-brand > .container .view-more {
        margin: 15px auto;
    }

    
    .home-quick-links > .container > .left > h3,
    .home-quick-links > .container > .right > h3 {
        text-align: center;
    }

    #home-carousel {
        display: none;
    }

    .home-quick-links > .container {
        padding: 0;
    }

    header > .header-top > .container-fluid {
        flex-direction: row;
        justify-content: center;
    }

    header > .header-top > .container-fluid > .navigation {
        justify-content: center;
        border-top: 2px solid #1F9AA8;
        padding-top: 15px;
    }
    
    header > .header-top > .container-fluid > .navigation,
    header > .header-top > .container-fluid > .navigation-buttons {
        transition: .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);  
        -webkit-transition: .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);  
        -moz-transition: .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);  
        overflow: hidden;
        max-height: 0;
        padding: 0;
        margin: 0;
        border: none;
    }

    header > .header-top > .container-fluid > .navigation.active,
    header > .header-top > .container-fluid > .navigation-buttons.active {
        max-height: 250px; 
        height: auto;
        padding-top: 15px; 
        margin-top: 15px;
    }

    header > .header-top > .container-fluid > .navigation.active {
        border-top: 2px solid #1F9AA8;
    }
    
    header > .header-top > .container-fluid > .navigation-buttons,
    header > .header-top > .container-fluid > .navigation {
        flex-direction: column;
        flex-wrap: wrap;
        width: 100%;
    }

    header > .header-top > .container-fluid > .navigation-buttons > li,
    header > .header-top > .container-fluid > .navigation > li {
        margin: 5px auto;
    }

    header > .header-top {
        border-bottom: 2px solid #008d9d;
        padding: 15px;
    }

    header > .header-top > .container-fluid {
        justify-content: flex-start;
        padding: 0;
    }

    .home-special-brand > .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .brands-wizard > .container > .brands-list > li > div > p {
        font-size: 13px;
    }

    .brands-wizard > .container > .brands-list > li > a {
        width: 100%;
    }

    .brands-wizard > .container > .bottom > .buttons {
        flex-direction: column;
    }

    .brands-wizard > .container > .bottom > .buttons > a {
        margin: 7.5px 0 !important;
        width: 100%;
    }

    .contact-page > .container > .top,
    .career-page > .container > .top,
    .special-brands-page > .container > .top,
    .history-page > .container > .top,
    .policies-page > .container > .top,
    .ar-ge-page > .container > .top,
    .mission-page > .container > .top,
    .about-page > .container > .top,
    .brands-wizard > .container > .top {
        flex-direction: column;
        padding-bottom: 0;
    }

    .brands-wizard > .container > .brands-list {
        margin-top: -35px;
    }

    .contact-page > .container > .top > .title,
    .career-page > .container > .top > .title,
    .special-brands-page > .container > .top > .title,
    .policies-page > .container > .top > .title,
    .ar-ge-page > .container > .top > .title,
    .mission-page > .container > .top > .title {
        text-align: center;
        font-size: 46px !important;
    }

    .contact-page > .container .bottom > p,
    .career-page > .container > .bottom > p,
    .special-brands-page > .container > .bottom > p,
    .policies-page > .container > .bottom > p,
    .ar-ge-page > .container > .bottom > p,
    .mission-page > .container > .bottom > p {
        text-align: center;
    }

    .career-page > .banner > .container > .title,
    .special-brands-page > .banner > .container > .title {
        background: rgba(0, 0, 0, 0.72);
        padding: 15px;
        color: white;
        border-radius: 4px;
    }

    .blog-detail > .bottom > .container > .post > div {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .blog-detail > .bottom > .container > .post > div > a {
        margin: 5px auto !important;
    }

    .blog-detail > .bottom > .container > .post > div > a:last-child {
        padding-left: 0 !important;
    }

    .blog-detail > .bottom > .container > .post p {
        text-align: center;
    }
}

@media only screen and (max-width: 480px) {
    .modal-dialog {
        min-width: 95%;
    }

    .modal-content .form-group {
        padding: 0;
    }

    .product-box {
        width:98% !important;
    }

    .baby > section > .container > .right > img,
    .baby > .banner > .container > img,
    .adult > .banner > .container > img {
        max-width: 85%;
    }

    #products-carousel > .carousel-inner > .item > .items > div,
    .home-blog > .container > .blog-carousel > .carousel-inner > .item > .items > div {
        width: 90%;
    }

    #products-carousel > .carousel-inner > .item > .items > div:not(:first-child),
    .home-blog > .container > .blog-carousel > .carousel-inner > .item > .items > div:not(:first-child) {
        display: none;
    }

    .home-career > .container {
        text-align: center;
    }

    .home-career > .container > p {
        font-weight: 500;
        background: rgba(0, 0, 0, 0.25);
        padding: 15px;
        color: white;
        border-radius: 4px;
    }

    .home-career > .container .view-more {
        margin: 0 auto;
        background: rgba(0, 0, 0, 0.35);
        color: white;
        font-weight: 300;
    }

    .home-quick-links > .container > .left {
        width: 100%;
        padding-top: 75px;
        margin-bottom: -25px;
        background-position: center center;
    }

    .home-career > .container > h3 {
        color: white;
    }

    .home-quick-links > .container > .left > a {
        margin-top: 15px;
    }

    .home-quick-links > .container > .right {
        width: 100%;
        padding-top: 50px;
    }

    .home-quick-links > .container > .right > a {
        margin-top: 15px;
    }

    .home-quick-links > .container > .left {
        margin-bottom: -100px;
        padding-top: 25px;
        max-width: 500px;
    }

    .home-wizard {
        justify-content: center;
    }

    .adult > section.product-list > ul > li {
        width: 95%;
        max-width: none;
        height: auto;
        margin-bottom: 65px;
    }

    .adult {
        text-align: center;
    }

    .adult > section > .container > .right > ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    .adult > section > .container > .right > ul > li {
        width: 50%;
        margin-bottom: 15px;
        justify-content: center;
    }
    
    .adult > section.product-list > ul > li,
    .baby > section.product-list > ul > li {
        width: 100%;
        max-width: none;
        height: auto;
        margin-bottom: 65px;
    }

    .baby {
        text-align: center;
    }
    
    .baby > .banner > .container > img {
        max-width: 100%;
    }

    .baby > section > .container > .right > ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    .baby > section > .container > .right > ul > li {
        width: 50%;
        margin-bottom: 15px;
        justify-content: center;
    }

    .blog-list > .bottom > .container-fluid > .right > .blog-highlight > .bottom {
        flex-direction: column;
    }

    .blog-list > .bottom > .container-fluid > .right > .blog-highlight > .bottom > .tag {
        margin-bottom: 15px;
    }

    .blog-list > .bottom > .container-fluid > .right > .blog-highlight > .title {
        text-align: center;
    }

}