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