/* Mobile devices */
@media only screen and (max-width: 768px) {
    .middle-img img {
        width: 100%;
        height: auto;
        object-fit: contain; 
    }
    .logo-img{
        max-height: 91px!important;
    }
    .pbmit-responsive-logo{
         max-height: 91px!important;
    }
    .mobile-banner{
        width: 100%;
        height: auto;
        object-fit: contain; 
    }
    .desktop-banner{
        display: none;
    }
    div.table-is-responsive > table > tbody > tr:nth-child(1){
        background-color: #dddddd;
    }
    div.pbmit-blog-classic-inner > table{
        border: 1px solid black;
        border-collapse: collapse;
        font-size: 12px;
        margin-top: 25px;
        margin-bottom: 25px;
        width: 350px;
    }
    div.pbmit-blog-classic-inner > table > tbody > tr > td{
        border: 1px solid black;
        border-collapse: collapse;
        text-align: center;
    }
    div.pbmit-blog-classic-inner > table > tbody > tr:nth-child(1){
        background-color: #dddddd;
    }
    body > div.page-wrapper > div.page-content > div > section > div > div > div.col-lg-9.service-right-col.order-1 > div > div > div.table-is-responsive > table{
        font-size: 12px;
    }
    article > div > div.pbmit-blog-classic-inner > div > iframe{
        margin-bottom: 25px;
    }
    article > div > div.pbmit-blog-classic-inner > figure{
        margin-top: 25px;
        margin-bottom: 25px;
    }
    body > div.page-wrapper > div.page-content > section > div > div > div.col-lg-9.blog-right-col > div > div > article > div > div.pbmit-blog-classic-inner > iframe{
        height: 400px;
        width: auto;
    }
}

/* Tablets */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .middle-img img {
        width: 100%;
        height: auto;
        object-fit: contain;
        
    }
    .logo-img{
        max-height: 91px!important;
    }
    .pbmit-responsive-logo{
         max-height: 91px!important;
    }
    .mobile-banner{
        width: 100%;
        height: auto;
        object-fit: contain; 
    }
    .desktop-banner{
        display: none;
    }
    div.table-is-responsive > table > tbody > tr:nth-child(1){
        background-color: #dddddd;
    }
    div.pbmit-blog-classic-inner > table{
        border: 1px solid black;
        border-collapse: collapse;
        font-size: 12px;
        margin-top: 25px;
        margin-bottom: 25px;
        width: 350px;
    }
    div.pbmit-blog-classic-inner > table > tbody > tr > td{
        border: 1px solid black;
        border-collapse: collapse;
        text-align: center;
    }
    div.pbmit-blog-classic-inner > table > tbody > tr:nth-child(1){
        background-color: #dddddd;
    }
    body > div.page-wrapper > div.page-content > div > section > div > div > div.col-lg-9.service-right-col.order-1 > div > div > div.table-is-responsive > table{
         font-size: 21px;
    }
    article > div > div.pbmit-blog-classic-inner > div > iframe{
        margin-bottom: 25px;
    }
     article > div > div.pbmit-blog-classic-inner > figure{
        margin-top: 25px;
        margin-bottom: 25px;
    }
    body > div.page-wrapper > div.page-content > section > div > div > div.col-lg-9.blog-right-col > div > div > article > div > div.pbmit-blog-classic-inner > iframe{
        height: 400px;
        width: auto;
    }
}