@media only screen and (max-width: 768px) {
    body{
        margin:0;
        padding:0;
    }
    .header{
        position: relative;
        width:100%;
        margin:0 auto;
    }
    .logo{
        position: relative;
        width:100%;
    }
    .logo2{
        display: none;
    }
    .language-selector{
        display:inline-grid;
        position: relative;
        grid-template-columns:repeat(2,2fr);
        gap: 5px;
    }
    .language-image{
        width:40px;
        height:18px;
    }
    .banner{
        width:100%;
    }
    .container{
        width:100%;
        flex-direction: column-reverse;
    }
    .product-head{
        padding-left:0;
        width:98%;
    }
    .product-title{
        padding-left:0;
        font-size:35px;
        width:98%;

    }
    .shadediv{
        width:96%;
    }
    .product-image{
        width:100%;
        height:100%;
        background-size: cover;
        padding: 0;
        margin:0 auto;
    }
    #product-image-tag{
        max-width: 100%;
        max-height: 100%;
    }
    .productandfeature{
        display: block;
    }
    .imagecaption{
        width:98%;
        padding-left: 0;
        margin:0 auto;
    }
    .productcontainer{
        overflow:visible;
    }
}