/* Mobil Device  iframe */
@media only screen and (min-width: 320px) and (max-width: 480px) {
    iframe {
        width: 100%;
        height: auto;
    }
    .blog{
        padding: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    iframe {
        width: 100%;
        height: 350px;
    }
}

@media only screen and (max-width : 620px) {
    iframe {
        width: 100%;
        height: 350px;
    }
    .blog{
        padding: 20px;
    }
}

@media only screen and (max-width : 680px) and (orientation:landscape) {
    iframe {
        width: 100%;
        height: 350px;
    }
}

@media only screen and (max-width: 770px){
    iframe {
        width: 100%;
        height: 350px;
    }
    .blog{
        padding: 20px;
    }
}