/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  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) {}

/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {
    .width20 {
        width: 20%;
    }
}

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

/* Large Devices, Wide Screens */

@media only screen and (max-width: 1199px) {}

/* Medium Devices, Desktops */

@media only screen and (max-width: 991px) {
    .header-middle .font-24 {
        font-size: 22px !important;
    }
}

/* Small Devices, Tablets */

@media only screen and (max-width: 767px) {
    .header-middle .font-24 {
        font-size: 22px !important;
    }
}

/* Extra Small Devices, Phones */

@media only screen and (max-width: 479px) {
    .header-middle .font-24 {
        font-size: 22px !important;
    }
}

/* Extra Small Devices, Phones */

@media only screen and (max-width: 360px) {
    .header-middle .font-24 {
        font-size: 22px !important;
    }
}

/* Custom, iPhone Retina */

@media only screen and (max-width: 319px) {}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .header-middle .font-24 {
        font-size: 22px !important;
    }
}

@media only screen and (max-width: 320px) {
    .header-middle .font-24 {
        font-size: 18px !important;
    }
}

@media only screen and (max-device-width: 480px) {
    .header-middle .font-24 {
        font-size: 18px !important;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .header-middle .font-24 {
        font-size: 18px !important;
    }
}