/*==========  Desktop First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1376px) {}

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

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .mobile_hidden {
        display: none !important;
    }

    .desk_hidden {
        display: block !important;
    }
}

/*=================================================================================================*/
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 18px;
    }
}

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


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

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

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

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

/*==========  Mobile First Method  ==========*/

/* 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) {
    .mobile_hidden {
        display: block !important;
    }

    .desk_hidden {
        display: none !important;
    }
}

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


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

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