@media only screen and (max-width: 767px) {
    #main-nav{
        border-radius: 20px !important;
        z-index:99999;
    }
    .navbar-collapse.show{
        height:57vh;
    }
   
    #navbarNavDropdown{
        padding-left: 0px !important;
    }
    .andevis-logo-svg{
        width:26%;
        margin-left:0px !important; 
    }
    .metas.text-right{
        text-align:left !important;
    }
    .metas{
        margin-top:20px;
    }
    .metas .meta :first-child{
        margin-left:5px !important;
    }

    .search-area-header{
        right: 15px;
        top: 10px;
    }
    .language-switcher {
        position: absolute;
        top: 8px;
        right: 43%;
    }
    .product-flex-row{
        margin-left: -100px !important;
        transform: scale(0.8);
        top: 42%;
    }
    .product-slogan{
        min-height:162px;
    }
    .services-section{
        margin-top:20px;
    }
    .section-slogan{
        width:75%;
    }
    .benefits-section{
        background-image:none !important;
    }
    .benefits-section .row .col-md-2{display:none;}
    .benefits-section .col-md-10.text-right{
        text-align:left !important;
    }
    .benefit-text{text-align:left !important;}
    .product-slogan{
        font-size:17px;
    }
}

@media only screen and (max-width: 517px) {
    .metas .meta{
        display: block;
        vertical-align: middle;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        margin-bottom:20px;
    }
    .product-flex-row{
        margin-left: -100px !important;
        transform: scale(0.8);
        top: 54%;
    }
}

@media only screen and (max-width: 384px) {
    .metas .meta{
        display: block;
        vertical-align: middle;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        margin-bottom:20px;
    }
    .product-flex-row{
        margin-left: -100px !important;
        transform: scale(0.8);
        top: 55%;
    }
}
@media only screen and (max-width: 592px) {
    .product-flex-row{
        margin-left: -67px !important;
        margin-left: -35px !important;

    }
}
@media only screen and (max-width: 390px) {
    .product-slogan{
        font-size:17px;
    }

    .meta{
        display: block;
        vertical-align: middle;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        margin-bottom:20px;
    }
    .section-slogan{
        width:90%;
    }
}

@media only screen and (max-width: 375px) {
    .search-area-header{
        right: 39px;
        top: 10px;
    }
    .language-switcher {
        position: absolute;
        top: 8px;
        right: 50%;
    }
    .product-flex-row{
        transform: scale(0.8);
        top: 68%;
    }
}

@media only screen and (max-width: 1440px) {
    .benefit .col-md-2 img{
        vertical-align: middle;
        text-align: center;
        margin-top: 25px;
    }
}