@media (min-width: 320px) and (max-width: 767.98px){
    section{
        margin: 30px 0;
    }
    
    .service-new-page section{
        margin: 25px 0;
    }
    
    .service-new-page #carousel{
        margin-top: 0;
    }
    .service-new-page .crumb-area{
        margin-top: 0;
    }

    .top-container.active{
      background-image: none;
      display: flex;
      margin-bottom: 110px;
    }
    .top-container.active ul {
        justify-content: space-between;
        flex-direction: column;
    }
    .top-box ul{
      flex-direction: column;
    }
    .top-box ul li svg {
        margin-right: 5px;
        width: 10px;
    }
    .top-box ul li {
        display: flex;
        align-items: center;
        font-size: 12px;
    }
    #navbarMenu {
        background-color: #fff;
        width: 100%;
        overflow-y: auto;
        transition: all 0.3s ease;
        display: none;
    }

    #navbarMenu.active {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        min-width: 100%;
        z-index: 999;
        padding-bottom: 400px;
    }
    #navbarMenu .navbar-nav {
        align-items: flex-start;
        padding: 30px 0;
    }
    #navbarMenu .navbar-nav li{
      padding: 13px 0;
      /* width: 100%; */
    }
    #navbarMenu .navbar-nav .nav-item .nav-link:hover {
      border-bottom: 0px dashed var(--main-black);
    }
    .mega-link:hover .megamenu {
        grid-template-columns: repeat(1, 1fr);
        border: none;
        /* width: 100%; */
    }
    .megamenu .mega-item {
        padding: 0 15px;
        width: 100%;
    }
    .megamenu .mega-item ul li{
      padding: 5px 0!important;
    }
    body.no-scroll {
          overflow: hidden;
          height: 100vh;
          position: fixed;
          width: 100%;
      }
    .top-nav {
        width: 100%;
        background: #fff;
        box-sizing: border-box;
        padding: 0 15px;
    }
    .top-nav .navbar .navbar-brand{
      margin-right: 0
    }
    .top-nav .navbar .navbar-brand img{
      width: 140px;
      position: relative;
      z-index: 99999;
    }
    .top-nav .navbar .social{
      display: flex;
    }
    .top-nav .navbar .social li{
      margin: 0 10px;
    }
    .top-nav .navbar .social li a svg{
      width: 20px;
      height: 20px;
    }
    .breadcrumb-box{
      padding: 0;
    }
    .breadcrumb-inner{
      max-width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      padding-left: 15px !important;
    }
    .breadcrumb {
      display: inline-flex;
      flex-wrap: nowrap;
      white-space: nowrap;
      padding: 0;
      margin: 0;
      list-style: none;
    }
    .breadcrumb-item {
      display: inline-flex;
      align-items: center;
    }
  
    /* .btn-menu{
      border: none;
      background: transparent;
      flex-direction: column;
      width: 40px;
    }
    .btn-menu span{
      display: flex;
      align-items: center;
      justify-content: center;
      height: 8px;
      width: 45px;
    } */
    .btn-action-light {
        width: 100%;
    }
    .btn-menu {
      width: 27px; /* Размер кнопки */
      height: 27px;
      position: relative;
      background: none;
      border: none;
      cursor: pointer;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 5px 0;
      z-index: 9999;
    }

    .btn-menu span {
      display: block;
      width: 100%;
      height: 3px; /* Толщина линий */
      transition: all 0.3s ease; /* Плавная анимация */
      background-color: var(--main-black); /* Цвет линий */
    }

    /* Состояние активного меню (крестик) */
    .btn-menu.active .burger-1 {
      transform: rotate(45deg) translate(3px, 3px); /* Поворот и смещение для крестика */
    }

    .btn-menu.active .burger-3 {
      transform: rotate(-45deg) translate(7px, -7px); /* Поворот и смещение для крестика */
    }

    .btn-menu.active .burger-2 {
      opacity: 0; /* Плавное исчезновение */
      transform: translateX(-10px); /* Сдвиг назад */
    }

    .services-block-box {
        grid-template-columns: repeat(1, 1fr);
        padding: 0;
        gap: 10px;
    }

    .consultationBox {
      flex-direction: column;
    }
    .consultationBox .consultationBox_form form {
      width: 100%;
    }
    .consultationBox .consultationBox_img {
      height: 440px;
    }
    .consultationBox .consultationBox_img img {
      bottom: 0px;
    }
    .consultationBox .consultationBox_text .title {
        width: 100%;
    }

    .blog-feeds .widget-body {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(4, 1fr);
        gap: 0px;
    }

    .map_box .map_dox_about .title h3 {
        width: 100%
    }
    .map_box .map_dox_about {
        margin-left: 0;
    }
    .footer-area {
        padding: 15px;
    }
    .se-box .se-box-item {
      flex-direction: column;
      padding: 0;
    }
    .se-box .se-box-item .se-box-select {
      margin: 0 15px;
    }
    .se-box .se-box-item .se-boximg{
      width: 100%;
    }
    .se-box .se-box-item .se-boximg img{
      width: 100%;
    }

    .card-master{
      width: 100%;
      display: block;
    }
    .card-master img{
      width: 100%;
    }

    .single-service-box .content .title-arrow h3 {
      line-height: 25px;
      font-size: 24px;
      width: 300px;
    }
    .single-service-box .content {
      padding: 30px;
    }
    .single-service-box .content p {
        color: var(--main-white) !important;
        margin-bottom: 0;
        line-height: 17px;
    }

    .txt img{
      width: 100%;
      height: auto;
    }
    .txt h1 {
        font-weight: 500 !important;
        font-size: 25px;
        font-family: "Montserrat";
        line-height: 30px;
    }
    .txt h1, .txt h2 {
        margin: 35px 0;
    }
    .nav-in-service {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .nav-in-service a{
      margin-bottom: 10px;
    }
    .footer-area .copyright-area {
      background-color: var(--main-light-black);
      color: #bdbfca;
      padding: 20px 0;
    }
    .saleForm__box .saleForm__box__title {
      font-size: 25px;
      line-height: 30px;
    }
    .carousel-item {
      height: 320px;
    }
    .carousel-caption {
      top: 0%;
      right: 3%;
      left: 3%;
      bottom: 30px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-end;
    }
    .carousel-caption .h5 {
      font-weight: 400;
      font-size: 18px;
      margin-bottom: 10px;
    }
    .carousel-caption p {
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 10px;
    }
    
    .carousel_mobile .carousel-item {
      height: 320px;
    }
    .carousel_mobile .carousel-caption {
        top: 0%;
        right: 3%;
        left: 3%;
        bottom: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }
    .carousel_mobile .carousel-caption .h5 {
      font-weight: 400;
      font-size: 18px;
      margin-bottom: 10px;
      text-align: center;
      text-shadow: none;
    }
    .carousel_mobile .carousel-caption p {
        font-size: 15px;
        font-weight: 400;
        text-align: center;
        text-transform: none;
        text-shadow: none;
        margin-bottom: 0;
    }
    
    .service-new-page .carousel-caption .carousel-caption-button{
        display: flex;
        flex-direction: column;
        align-items: center;
    }    
    .service-new-page .carousel-caption .carousel-caption-button a{
        width: 230px;
    }
    .service-new-page .carousel-caption .carousel-caption-button a:first-child{
        margin-bottom: 8px;
    }
    .service-new-page .carousel-caption .carousel-caption-button a:last-child{
        background-color: #E6D5CC;
    }
    .service-new-page .carousel_mobile .carousel-caption .h5 {
        font-weight: 600;
        font-size: 20px;
    }
    .service-new-page .carousel_mobile .carousel-item {
        height: 393px;
    }
    .service-new-page .carousel_mobile .image-container img {
        height: 393px;
    }
    .service-new-page  .carousel_mobile .carousel-caption p {
        line-height: 17px;
        margin-bottom: 22px;
        font-size: 15px;
    }
    
    
    .carousel-caption .btn-carousel {
      padding: 6px 20px;
    }
    
    
    
    .image-container img {
        height: 320px;
        object-fit: cover;
    }
    .carousel_mobile .image-container img {
        height: 320px;
        object-fit: cover;
    }
    .btn-action {
        color: #fff;
        font-weight: 300;
        letter-spacing: 0px;
    }
    #msCart .product_item .title .product_meta {
        display: flex;
        align-items: center;
        width: 140px;
        justify-content: space-between;
        padding: 10px 0;
    }
    #msCart .product_item .title {
        display: flex;
        flex-direction: column;
    }
    #msCart .product_item .title {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    #msCart .remove .btn_remove {
        border: 0;
        background: transparent;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #msCart .remove .btn_remove svg {
        width: 30px;
        height: 30px;
    }
    .post-list .card {
        margin-bottom: 9px;
    }
    .post-list .card .card-body .card-title {
      line-height: 15px;
      font-weight: 600;
      font-size: 12px;
    }
    .post-list {
        column-count: 2;
        column-gap: 10px;
        width: 100%;
        margin: 0 auto;
    }
    .post-list .card .card-body {
      justify-content: space-around;
      background: #391f0794;
    }
    .post-list .card .content_meta span {
        font-size: 9px;
    }
    
    
    
    .service-box-1 {
        display: flex;
        gap: 0;
        flex-direction: column-reverse;
    }
    .service-box-1 div {
        width: 100%;
    }
    .service-box-1 .service-box-1-text {
        background-color: snow;
        padding: 0 0 30px 0;
    }
    
    
    .service-box-2 .service-box-2-text {
        padding: 30px 15px;
    }
    
    
    .service-box-3 .service-box-3-text {
        padding: 25px 15px;
        height: auto;
    }
    .service-box-3 .service-box-3-text p {
        margin: 0;
        font-size: 15px;
        line-height: 17px;
    }
    
    .service-box-utp h4{
        margin-top: 0 !important;
        margin-bottom: 30px;
        font-size: 15px;
        text-align: center;
    }
        
    
    .owl-dots{
        display: flex;
        justify-content: center;
        margin-top: 15px;
        gap: 5px;
    }
    .owl-dots button span{
        width: 23px;
        height: 2px;
        background-color: #D4CECE;
        display: block;
    }
    .owl-dots button.active span{
        background-color: #BE966F;
    }
    
    
    .mini_portfolio_box .mini_portfolio_buttom {
        margin-top: 16px;
    }
    .mini_portfolio_box .mini_portfolio_buttom button {
        width: 100%;
    }
    
    
    
    .service-title{
        margin: 30px 0;
        text-align: center;
    }
    
    
    .service-utp {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        list-style: none;
        margin: 0;
        padding: 0 15px;
    }
    .service-utp .service-utp-item {
        gap: 15px;
    }
    .service-utp .service-utp-item .service-utp-item-img{
        width: 50px;
        height: 50px;
    }
    .service-utp .service-utp-item .service-utp-item-img img{
        max-width: 50px;
        height: auto;
    }
    .service-utp .service-utp-item .service-utp-item-text{
        font-size: 15px;
        line-height: 17px;
    }
    
    
    .service-form-box {
        padding: 30px 15px;
    }
    .service-form-box p{
        text-align: center;
        line-height: 17px;
    }
    .service-form-box .service-form-title {
        width: 100%;
        margin-bottom: 40px;
        text-align: center;
    }
    .service-form-box .service-form form {
        width: 100%;
    }
    .service-form-box .service-form form button {
        margin-bottom: 0!important;
    }
    #service_form .service-form-box .service-form form {
        width: 100%;
    }
    #service_form .service-form-box h5 {
        font-size: 15px;
        font-weight: 300;
        margin-bottom: 15px;
        width: 100%;
        text-align: center;
        line-height: 17px;
    }
    #service_form .service-form-box .service-form small{
        font-size: 11px;
        line-height: 13px;
        display: block;
    }
    
    
    .service-box-3-text-mobile{
        font-size: 15px;
        line-height: 17px;
    }
    
    
    
    .section-box-4-item{
        gap: 15px;
    }
    .section-box-4-item .section-box-4-item-number {
        font-size: 22px;
        font-weight: 500;
        min-width: 60px;
        height: auto;
    }
    .section-box-4-item .section-box-4-item-text span {
        width: 100%;
        font-size: 15px;
        line-height: 17px;
    }
    .section-box-4-item .section-box-4-item-text {
        padding-bottom: 7px;
        line-height: 17px;
    }
    .section-box-4 .section-title {
        margin-top: 40px;
        margin-bottom: 20px;
        text-align: center;
    }
    
    
    
    .section-box-5 .section-title {
        margin-bottom: 30px;
        text-align: center;
    }
    .section-box-5-steps {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .section-box-5-steps .section-box-5-steps-item{
        display: flex;
        align-items: center;
        gap: 15px;
    }
    .section-box-5-steps .section-box-5-steps-item .section-box-5-steps-item-img{
        max-width: 120px;
        height: 120px;
    }
    .section-box-5-steps .section-box-5-steps-item .section-box-5-steps-item-img span {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    .section-box-5-steps .section-box-5-steps-item .section-box-5-steps-item-text{
        margin-top: 0;
    }
    .section-box-5-steps .section-box-5-steps-item .section-box-5-steps-item-text p{
        margin-bottom: 0;
        font-size: 11px;
        font-weight: 500;
    }
    
    
    
    .section-box-6 .section-title {
        margin-top: 40px;
        margin-bottom: 20px;
        text-align: center;
    }
    .section-box-6-columns {
        display: flex;
        gap: 15px;
        flex-direction: column;
    }
    .section-box-6-columns-item {
        border: 2px solid #BE966F;
        min-width: 100%;
    }
    .section-box-6-columns-item .section-box-6-columns-item-head {
        padding: 25px 25px;
        text-align: left !important;
        height: 100% !important;
        line-height: 24px;
        font-size: 16px;
    }
    .section-box-6-columns .color-live .section-box-6-columns-item-head {
        background-color: #be966f;
        color: #fff;
        margin-bottom: 25px;
    }
    .section-box-6-columns .color-zombie .section-box-6-columns-item-head {
        background-color: #D9D9D9;
        color: #fff;
        margin-bottom: 25px;
    }
    .section-box-6-columns-item .section-box-6-columns-item-content {
        padding: 30px;
        padding-top: 0;
    }
    .section-box-6-columns .color-lupin .section-box-6-columns-item-content ul li {
        line-height: 17px;
    }
    .section-box-6-columns-item .section-box-6-columns-item-content {
        padding: 30px;
        padding-top: 0;
    }
    .section-box-6-columns
    .color-zombie,
    .section-box-6-columns
    .color-live{
        padding-bottom: 20px;
    }
    
    
    .section-box-7 .section-title {
        margin-top: 40px;
        margin-bottom: 20px;
        text-align: center;
    }
    .section-box-7-workers .section-box-7-workerks-item {
        display: flex;
        flex-direction: column;
        gap: 0;
        margin-bottom: 0px;
    }
    .section-box-7-workers .section-box-7-workerks-item .section-box-7-workerks-item-img img{
        max-width: 100%;
        height: auto;
    }
    .section-box-7-workers .section-box-7-workerks-item .section-box-7-workerks-item-about {
        padding: 30px 15px;
        text-align:center;
    }
    .section-box-7-workerks-item-about p{
        line-height: 17px;
    }
    .section-box-7-workerks-item-about h3{
        margin-bottom: 50px;
    }
    .section-box-7-workers .section-box-7-workerks-item .section-box-7-workerks-item-about ul {
        padding: 40px 25px;
        list-style: disc;
        text-align: left;
    }
    .section-box-7-workers .section-box-7-workerks-item .section-box-7-workerks-item-about ul li{
        font-size: 15px;
        line-height: 17px;
        margin-bottom: 7px;
    }
    .section-box-7-workers .section-box-7-workerks-item .section-box-7-workerks-item-video {
        width: 100%;
        padding: 10px;
        background: #BE966F;
    }
    .section-box-7-workers .section-box-7-workerks-item .section-box-7-workerks-item-video .video-container video {
        display: none;
        width: 100%;
    }
    .section-box-7-workers .section-box-7-workerks-item .section-box-7-workerks-item-video .video-container {
        height: 100%;
    }
    .section-box-7-workers .section-box-7-workerks-item .section-box-7-workerks-item-video .video-container .poster-overlay .play-button img {
        position: absolute;
        top: 9px;
        left: 0;
        right: -8px;
        margin: 0 auto;
        width: 20px;
    }
    .section-box-7-workers .section-box-7-workerks-item .section-box-7-workerks-item-video .video-container .poster-overlay .play-button {
        position: relative;
        background: #ffffff68;
        width: 41px;
        height: 41px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .section-box-7-workers .section-box-7-workerks-item .section-box-7-workerks-item-video .video-container .poster-overlay {
        height: 200px;
    }
    
    
    .section-couch{
        padding: 0;
    }
    .section-box-6-columns-item .section-box-6-columns-item-price {
        padding: 25px 0;
        margin: 25px;
        font-size: 15px;
    }
    .section-box-6-columns .color-live .section-box-6-columns-item-content ul li {
        line-height: 17px;
    }
    .section-box-6-columns 
    .color-live 
    .section-box-6-columns-item-content ul li::before {
        width: 18px;
        height: 18px;
    }
    .section-box-6-columns 
    .color-zombie 
    .section-box-6-columns-item-content ul li::before {
        width: 18px;
        height: 18px;

    }
    .section-box-6-columns
    .color-lupin 
    .section-box-6-columns-item-content ul li::before {
        width: 18px;
        height: 18px;
    }
    
        
    
    
    
    .section-box-8 .section-title {
        margin-bottom: 30px;
        text-align: center;
    }
    .section-box-8-subtable .section-box-8-subtable-blocks .section-box-8-subtable-blocks-item {
        width: 100%;
    }
    .section-box-8-subtable .section-box-8-subtable-blocks {
        flex-direction: column;
    }
    .section-box-8 .section-box-8-table table{
        font-size: 11px;
    }
    .section-box-8 .section-box-8-table table thead th {
        padding: 13px;
    }
    .section-box-8 .section-box-8-table table tbody td {
        padding: 13px;
    }
    

    .section-box-9 {
        padding: 30px 15px;
    }
    .section-box-9 h3 {
        margin-bottom: 30px;
        text-align: center;
    }
    .section-box-9-countdown-nums-item-numbox .section-box-9-countdown-nums-item-numbox-1 {
        width: 40px;
        height: 70px;
    }
    .section-box-9-countdown-nums-item-numbox .section-box-9-countdown-nums-item-numbox-2 {
        width: 40px;
        height: 70px;
    }
    .section-box-9 .section-box-9-countdown-nums {
        gap: 10px;
        justify-content: space-evenly;
    }
    .section-box-9-countdown{
        text-align: center;
    }
    
    
    .section-box-10
    .section-title{
        margin-top: 40px;
        margin-bottom: 30px;
        text-align: center;
    }
    .section-box-10 
    .section-box-10-pays {
        flex-direction: column;
    }
    .section-box-10-pays {
        text-align: center;
        line-height: 17px;
        font-size: 15px;
    }
    .section-box-10 
    .section-box-10-pays 
    .section-box-10-pays-item {
        width: 100%;
        border: 2px solid #be966f;
        padding: 15px 25px;
    }
    .section-box-10 
    .section-box-10-pays
    .section-box-10-pays-item 
    .section-box-10-pays-item-numsbox {
        height: 70px;
    }
    .section-box-10 
    .section-box-10-pays 
    .section-box-10-pays-item 
    .section-box-10-pays-item-numsbox 
    .section-box-10-pays-item-numsbox-num {
        min-width: 80px;
    }
    .section-box-10 
    .section-box-10-pays 
    .section-box-10-pays-item 
    .section-box-10-pays-item-numsbox 
    .section-box-10-pays-item-numsbox-num p {
        font-size: 11px;
        width: 85px;
    }
    .section-box-10 
    .section-box-10-pays 
    .section-box-10-pays-item
    .section-box-10-pays-item-title h3{
        font-size: 16px;
    }
    .section-box-10 
    .section-box-10-pays 
    .section-box-10-pays-item 
    .section-box-10-pays-item-numsbox 
    .section-box-10-pays-item-numsbox-num span {
        font-size: 20px;
    }
    .section-box-10 
    .section-box-10-pays 
    .section-box-10-pays-item 
    .section-box-10-pays-item-numsbox 
    .section-box-10-pays-item-numsbox-num p {
        line-height: 9px;
        margin-top: 9px;
    }
    .section-box-10 
    .section-box-10-pays 
    .section-box-10-pays-item 
    .section-box-10-pays-item-subtitle p {
        font-size: 13px;
    }
    
    #service_order_form .service-form-box h5 {
        font-size: 15px;
        line-height: 17px;
        width: 100%;
        text-align: center;
    }
    #service_order_form .service-form-box .service-form small {
        font-size: 11px;
        line-height: 13px;
        display: block;
    }
    #service_order_form .service-form-box {
        padding: 30px 15px;
        padding-bottom: 15px;
    }
    #service_order_form .service-form-box .aside_image {
        position: relative;
        bottom: 0;
        right: -4%;
        width: auto;
        height: 100%;
        top: 15px;
    }
    
    #details-box .section-box-6-columns-item .section-box-6-columns-item-content {
        padding: 30px;
        padding-top: 0;
        padding-bottom: 0;
    }
    
    #details-box .expandable-list {
        max-height: 40px;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }
    
    #details-box .expandable-list.expanded {
        max-height: 1000px;
    }
    
    #details-box .expand-toggle-btn {
        display: block;
        margin-top: 20px;
        padding: 0;
        background: transparent;
        border: none;
        color: #BE966F;
        font-size: 15px;
        cursor: pointer;
        text-align: center;
        text-decoration: underline;
    }
    
    .section-portfolio .section-title {
        margin-top: 40px;
        margin-bottom: 30px;
        text-align: center;
    }
}

@media (max-width: 991.98px){
    .mobile-footer-callback{
        display: flex;
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #fff;
        align-items: center;
        justify-content: space-around;
        padding: 10px;
        z-index: 9999;
        box-shadow: rgba(50, 50, 93, 0.25) 1px -20px 100px -20px, rgba(0, 0, 0, 0.3) 0px -20px 60px -30px;
    }
    .mobile-footer-callback
    .callback-button a{
        border-radius: 30px;
        padding: 11px 20px;
        font-weight: 500;
        font-size: 14px;
        letter-spacing: .5px;
    }
    .mobile-footer-callback
    .messager 
    .message-head{
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 5px
    }
    .mobile-footer-callback
    .messager 
    .message-head 
    .message-head-icon{
        height: 30px
    }
    .mobile-footer-callback
    .messager 
    .message-head 
    .message-head-icon img{
        width: 30px;
    }
    .mobile-footer-callback
    .messager 
    .message-head 
    .message-head-icon svg{
        width: 30px;
        height: 30px;
    }
    .mobile-footer-callback
    .messager 
    .message-head
    .message-head-title{
        font-size: 13px;
        line-height: 12px;
    }
    .mobile-footer-callback
    .messager{
        positon: relative;
    }
    .mobile-footer-callback
    .messager
    .messager-box{
        display:none;
    }
    .mobile-footer-callback
    .messager.open 
    .messager-box {
        display: block;
        position: fixed;
        bottom: 70px;
    }
    .mobile-footer-callback
    .messager.open 
    .messager-box div
    {
        background-color: #fff;
        padding: 8px;
        margin: 15px 0px;
        border: 2px solid #d0af86;
        border-radius: 20px;
    }
    .mobile-footer-callback
    .messager.open 
    .messager-box div a img
    {
        width: 20px;
    }
    .mobile-footer-callback
    .messager.open 
    .messager-box div a svg
    {
        width: 20px;
        height: 20px;
    } 
}

@media (min-width: 768px) {
    .expand-toggle-btn {
        display: none;
    }
    
    .expandable-list {
        max-height: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px){
    
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    
}

@media (min-width: 1400px){
    
}


@media (min-width: 576px){
  #cookie_notification.show{
    display: flex;
  }
  .cookie_accept{
    margin: 0 0 0 25px;
  }
}

@media (max-width: 575px){
  #cookie_notification.show{
    display: block;
    text-align: left;
  }
  .cookie_accept{
    margin: 10px 0 0 0;
  }
}