/*********************** min-width 576px *****************************/
@media (min-width: 576px) {
    .tile .btn-showall {
        font-size: 16px;
        padding: 4% 8%;
        margin: 30% 0 0 0;
    }
    .tile {
        height: 250px;
    }
}

/*********************** min-width 768px *****************************/
@media (min-width: 768px) {
    .nav>li>a {
        padding-left: 5px;
        padding-right: 5px;
    }
    .cancel-text {
        font-size: 26px;
        bottom: 123px;
        left: 42px;
    }
    .tile {
        height: 240px;
    }
    .tile .btn-showall {
        font-size: 16px;
        padding: 6%;
        margin: 30% 0 0 10%;
    }
}

/*********************** min-width 992px *****************************/
@media (min-width: 992px) {
    .nav>li>a {
        padding-left: 16px;
        padding-right: 15px;
    }
    .cancel-text {
        font-size: 16px;
        bottom: 180px;
        left: 27px;
    }
    .tile {
        height: 195px;
    }
    .tile .btn-showall {
        font-size: 14px;
        padding: 8% 0;
        margin: 20% 0 0 -8%;
    }
}

/*********************** min-width 1200px *****************************/
@media (min-width: 1200px) {
    .nav>li>a {
        padding-left: 27px;
        padding-right: 27px;
    }
    .cancel-text {
        font-size: 20px;
        bottom: 153px;
        left: 31px;
    }
    .tile {
        height: 240px;
    }
    .tile .btn-showall {
        padding: 8% 6%;
        margin: 20% 0 0 -2%;
    }
}

/*********************** min-width 1660px *****************************/
@media (min-width: 1660px) {
    .container {
        width: 1640px;
    }
    .nav>li>a {
        padding-left: 55px;
        padding-right: 55px;
    }
    .cancel-text {
        font-size: 28px;
        bottom: 123px;
        left: 31px;
    }
    .tile {
        height: 240px;
    }
    .tile .btn-showall {
        font-size: 18px;
        padding: 14px 16px;
        margin: 31% 0 0 4%;
    }
}