@media only screen and (max-width: 1366px) and (min-width: 1024px) {
    #reponsivedetail {
        padding-top: 8%;
        margin: 1%;
        margin-bottom:-1%;
    }
}

@media only screen and (max-width: 1925px) and (min-width: 1024px) {
    #reponsivedetail {
        padding-top: 5%;
        margin: 1%;
        margin-bottom:-1%;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 760px) {
    #reponsivedetail {
        padding-top: 15%;
        margin: 1%
    }
}

@media only screen and (max-width: 640px) and (min-width: 360px) {
    #reponsivedetail {
        padding-top: 25%;
        margin: 1%
    }
}

@media only screen and (max-width: 750px) and (min-width: 411px) {
    #reponsivedetail {
        padding-top: 25%;
        margin: 1%
    }
}

@media screen and (max-width:375px) {
    #reponsivedetail {
        padding-top: 35%;
        margin: 1%
    }
}