.header-container.type21 .header {
    padding-top: 21px;
    font-size: 14px;
    font-weight: bolder;
    letter-spacing: 0.31px;

    .header-icon {
        margin-right: 5px;
    }

    .row { /*Bootstrap 3.3 non gestisce l'allineamento verticale lo aggiungo cosi*/
        display: flex;
        align-items: center;
    }

    .logo-container {        
        .logo img {
            height: 55px;
            width: auto;
            object-fit: contain;
        }
    }
    
    .link-area {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;

        .search-area {
            flex-grow: 1;
            gap:5px;
            
            height: 45px;
            background: #F7F5F1;
            border-radius: 23px;
            
            

            /* Centro verticalmente il form */
            display: flex;
            align-items: center;

            .header-icon {
                margin-left: 5px;
                margin-right: 0;
            } 
            .search-textfield {
                flex-grow: 1;
            }

            .form-search {
                border: 0;
                color: #010101;
                background: #F7F5F1;

                #search.input-text {
                    font-size: 16px;
                    width: 95%;
                    padding: 0;
                    border: 0;
                    background: #F7F5F1;
                    
                }
                input::placeholder {
                    color: #010101;
                    font-weight: bold;
                }
            }
        }
        .w2b {
            height: 37px;
            color:#ffffff;
            background: #FF8204;
            padding-left: 10px;
            padding-right: 10px;
            

            display: flex;
            align-items: center;
            a {
                color:#ffffff;        
                display: flex;
                align-items: center;
            }
        }
        .mybeta {
            height: 37px;
            color:#ffffff;
            background-color: #FF8204;
            white-space: nowrap;
            padding-left: 10px;
            padding-right: 10px;    

            display: flex;
            align-items: center;
            a {
                color:#ffffff;        
                display: flex;
                align-items: center;
            }
        a:hover {
        color:#101010 !important;       
        text-decoration: none !important;
        filter: brightness(0) saturate(100%) invert(0%) sepia(3%) saturate(729%) hue-rotate(336deg) brightness(97%) contrast(87%); 
    }
            
        }
        /*.search-area-mobile {
        }
        .lista {
        }*/
        .cambio-lingua {
            /* Centro verticalmente il contenuto*/
            display: flex;
            align-items: center; 

            .form-language .selectbox .select .text {
                font-size: 12px !important;
                font-weight: bolder;
            }
            .form-language .selectbox .select .text::after {
                content: '\e81c';
                font-family: "porto";
                width: 10px;
                height: 10px;
                top: 50%;
                right: 15px;
                left: auto;
                margin-top: -7px;
            }
        }
    }
    /* bootstrap md */
    @media (max-width: 992px) {
        .logo-container {        
            .logo img {
                height: 40px;
                width: auto;
            }
        }
        .link-area {
            .mybeta {
                color:#010101;
                background-color: #F7F5F1;
                a {
                    font-size: 11px;
                    color:#010101;
                }
                .header-icon {
                    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(263deg) brightness(108%) contrast(108%);
                }
            }
            .search-area .form-search #search.input-text, .w2b, a.mini-cart {
                font-size: 12px;
            }
        }            
    }
    @media (max-width: 854px) {
        .w2b {
            width: 37px;
            justify-content: center;
            a > span { display: none; }
        }
        .bottone-mobile {
            .header-icon {
                margin: 0;
            }
        }
    }
    @media (max-width: 768px) {
        .bottone-mobile {

            display: flex;
            align-items: center;
            justify-content: center;

            height: 37px;
            width: 37px;
            
            .header-icon {
                margin: 0;
            }
        }

        .link-area {
            justify-content: flex-end;
            gap: 20px;

            .mybeta {
                background-color: rgba(0, 0, 0, 0);
            }
            
            .search-area {
                flex-grow:0;
                background-color: rgba(0, 0, 0, 0);
            }
        }
    }
    @media (max-width: 576) {
    
        .link-area {
            justify-content: space-between;
            gap: 10px;
        }
    }
}

.test-row {
    border: 1px solid green;
}
.test-col {
    border: 1px solid red;
}


@media (max-width: 991px) {
    .header-container.type21 .menu-icon {
        font-size: initial;
        line-height: normal;      
    }
}

@media (max-width: 578px) {
    .header-container.type21 .header {
        padding-top: 5px;      
    }
}

.header-container.type21 .header-wrapper {
    margin-top: 15px;
}