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


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


/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {
.blog {padding-top: 0px;}
footer button, input, select, textarea {width: 100%; padding: 10px;}

}


/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {}


/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {
.blog {padding-top: 0px;}

}


/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {
.book-details-box h4 {font-size: 16px;}
.book-details-box {padding: 30px 0px;}

}


/* 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: 1199px) {}


/* Medium Devices, Desktops */

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


/* Small Devices, Tablets */

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


/* Extra Small Devices, Phones */

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


/* Extra Small Devices, Phones */

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


/* Custom, iPhone Retina */

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