@media only screen and (min-width: 320px) {
    .navbar-brand {
        margin: 10px 0px 0px 8px;
    }

    .pagination {
        margin: 0px 0 30px 16px;
        float: left;

      }

      #scrollToTopBtn {
        bottom: 55px;
        right: 7px;
    }

        
        .footer-fix {
        margin-bottom:30px;
        }
       


    
}

@media only screen and (min-width: 576px) {
    .navbar-brand {
        margin: 10px 0px 0px 8px;
    }

    .pagination {
        margin: 20px 0 20px -124px ;

      }

      .footer-fix {
        margin-bottom:1px;
        }
   
}

@media only screen and (min-width: 768px) {
    .navbar-brand {
        margin: 0px 0px 0px 8px;
    }

    .pagination {
        margin: 20px 0 20px -121px;

      }

      #scrollToTopBtn {
        bottom: 48px;
        right: 7px;
    }

    .footer-fix {
        margin-bottom:30px;
        }

}


@media only screen and (min-width: 992px) {
    .pagination {
        margin: 20px 0 20px 100px;

      }

      .footer-fix {
        margin-bottom:30px;
        }
    
}


@media only screen and (min-width: 1200px) {
    .footer-fix {
        margin-bottom:-20px;
        }
  
}




@media only screen and (min-width: 1400px) {
    .navbar-brand {
        margin: -1px 0px 0px 8px;
    }

    .footer-fix {
        margin-bottom:10px;
        }
}