@media (min-width: 1200px){
    .col-xl-9 {
        -ms-flex: 0 0 72%;
        flex: 0 0 72%;
        max-width: 72%;
    }
    .col-xl-3 {
        -ms-flex: 0 0 28%;
        flex: 0 0 28%;
        max-width: 28%;
    }
}
@media (min-width: 992px){
    .col-lg-9 {
        -ms-flex: 0 0 72%;
        flex: 0 0 72%;
        max-width: 72%;
    }
    .col-lg-3 {
        -ms-flex: 0 0 28%;
        flex: 0 0 28%;
        max-width: 28%;
    }
}
@media only screen and (max-width: 1000px) and (min-width: 768px){
    .col-md-9 {
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        max-width: 65%;
    }
    .col-md-3 {
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
    }
    
 
}
   
/*================Screen Devide======
============================*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen and  (max-width : 736px) {
    .pagination {
        margin-top: 30px;
        margin-bottom: 30px;
    }
   
}