.dropdown-auto-mark-menu {
    column-count: 6;
    list-style: none;
    column-gap: 30px;   
    padding-left: 30px;
    padding-right: 20px;
}

.dropdown-auto-mark-menu li {
    font-weight: 300;
    font-size: 18px;
    line-height: 40px;
    letter-spacing: .0024em;
    color: #3a3939;
    position: relative;
}

.dropdown-auto-mark-menu li a{
    font-weight: 300;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0.0024em;
    color: #3A3939;
    position: relative;
    list-style: none;
    font-weight: 500;
    min-width: 340px;
}    


.drop-menu-mark li[data-letter]:before {
    letter-spacing: .0024em;
    content: attr(data-letter);
    color: #3A3939;
    font-weight: 600;
    font-size: 16px;
    line-height: 40px;
    position: absolute;
    left: -24px;
}

.dropdown-auto-mark-menu li[data-letter]:before {
    content: attr(data-letter);
    font-size: 18px;
    color: #3A3939;
    top: 1px;
    position: absolute;
    left: -22px;
    font-weight: 500;
}

.dropdown-auto-mark-menu li img.logo__marg {
    width: 34px;
    height: auto;
    margin-right: 14px;
    margin-bottom: 5px;
}

.dropdown-auto-mark-menu{
    margin-top: 25px;
}


.drop-menu-mark li::marker{ display:none; }

li.fool_cat{ margin-top: 30px; }

li.fool_cat a{ border: 2px solid #00D093;  padding: 26px 25px 26px 25px;  border-radius: 10px; text-align: center; }

li.fool_cat a:hover{ text-decoration: none; background-color:#00D093; color:#fff; }



@media (min-width: 1430px) {

    .dropdown-1 .dropdown-menu.columns-6{
        left: -160px;
    }
    

    .dropdown-2 .dropdown-menu.columns-6{
        left: -280px;
    }


}



@media (min-width: 1400px) {

    .navbar-expand-1400 .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x);
    }

    .navbar-expand-1400 .navbar-toggler {
         display: none;
    }

    .dropdown-1 .dropdown-menu.columns-6{
        left: -220px;
    }
    

    .dropdown-2 .dropdown-menu.columns-6{
        left: -345px;
    }


    .dropdown-menu.columns-6 {
        min-width: 1300px;
        padding: 10px 68px 50px 68px;
    }


    .dropdown-auto-mark-menu {
        column-count: 5;
        list-style: none;
        column-gap: 30px;
    }


}

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

     .dropdown-menu.columns-6 {
         min-width: 1000px;
         padding: 10px 15px 15px 15px;
     }

     li.fool_cat a {
        border: 2px solid #00D093;
        padding: 26px 10px 26px 10px;
        border-radius: 10px;
        text-align: center;
    }

    
    .dropdown-auto-mark-menu li a {    
        font-size: 14px;
        line-height: 20px;    
        word-wrap: break-word;    
        min-width: auto;
    }


     .dropdown-1 .dropdown-menu.columns-6{
        left: -160px; 
        position: absolute;       
    }
    

    .dropdown-2 .dropdown-menu.columns-6{
        left: -160px;
        position: absolute;
    }

    .dropdown-auto-mark-menu {
        column-count: 5;
        list-style: none;
        column-gap: 30px;
    }


}


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

      .dropdown-menu.columns-6 {
         min-width: 800px;
         padding: 10px 15px 15px 15px;
     }


      li.fool_cat a {
        border: 2px solid #00D093;
        padding: 10px 10px 10px 10px;
        border-radius: 10px;
        text-align: center;
      }

    
      .dropdown-auto-mark-menu li a {    
            font-size: 14px;
            line-height: 20px;    
            word-wrap: break-word;    
            min-width: auto;
      }


     .menu-desktop .container-fluid {
        padding-left: 0;
        padding-right: 40px;
      }



    .dropdown-1 .dropdown-menu.columns-6{
        left: -160px; 
        position: absolute;       
    }
    

    .dropdown-2 .dropdown-menu.columns-6{
        left: -160px;
        position: absolute;
    }

    .dropdown-auto-mark-menu {
        column-count: 4;
        list-style: none;
        column-gap: 30px;
    }



}        


@media (min-width: 768px) and (max-width: 991px) {

      .dropdown-menu.columns-6 {
         min-width: 800px;
         padding: 10px 15px 15px 15px;
     }


      li.fool_cat a {
        border: 2px solid #00D093;
        padding: 26px 10px 26px 10px;
        border-radius: 10px;
        text-align: center;
      }

    
      .dropdown-auto-mark-menu li a {    
            font-size: 14px;
            line-height: 20px;    
            word-wrap: break-word;    
            min-width: auto;
      }


     .menu-desktop .container-fluid {
        padding-left: 0;
        padding-right: 40px;
      }



}