/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
   
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}





/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

 
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {


  
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    .m-table > thead > tr {
        display: none;
    }

    .m-table td {
        display: block;
    }

    .m-table tbody > tr:nth-child(even) {
        background-color: #fff2e1;
    }

    .m-table > tbody > tr > td:before {
        content: attr(data-th) " : ";
        font-weight: bold;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .header.header-6 .navbar-brand img {
        max-width: 250px;
    }

    .timer-style .single-timer {
        padding: 15px 15px;
        border-radius: 10px;
        margin-bottom: 10px;
        text-align: center;
       
    }

    .rule-style-4 .rule-active .single-rule {
        
         min-width: 200px; 
         min-height: 300px; 
    }
   
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
   
}