/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .main-menu__wrap li {
        padding: 0 18px;
    }
    .footer{
        padding: 15px 0;
    }
    .footer__logo {
        width: 100%;
    }
    .footer__menu {
        text-align: center;
    }
    .footer__text {
        text-align: center;
        width: 100%;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .main-menu.fixed {
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9;
    }
    .category-name-wrap {
    padding: 55px 0 75px;
}
    .detail-post-wrap {
    background: #fff url("../img/bg.jpg") no-repeat scroll 0 0;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .container {
        padding-left: 45px;
        padding-right: 45px;
    }
    .top-post-wrap {
        padding: 50px 0;
    }
    .top-post {
        margin-bottom: 50px;
    }
    .top-post__post-info,
    .anons-min__info{
        margin-bottom: 15px;
    }
    .anons-min {
        margin-bottom: 50px;
    }
    .post-info__title {
        font: 30px/1 BreuerText;
        margin-bottom: 30px;
    }
    .anons-min__title {
        font: 20px/26px "BreuerText";
        letter-spacing: 1px;
    }
    .main-post {
          margin-bottom: 50px;
    }
    .pagination{
        text-align: center;
        margin-bottom: 50px;
    }
    .footer__menu > li a {
        padding: 0 10px;
    }
    .category-name-wrap {
        padding: 50px 0 75px;
    }
    .related-posts-wrap {
        margin-bottom: 75px;
    }
    .detail-post-wrap {
    padding: 45px 0 150px;
}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .container {
        padding-left: 25px;
        padding-right: 25px;
    }
    .footer__text {
        font: 14px/20px "RobotoRegular";
    }
    .footer__menu {
        margin-top: 15px;
    }
    .footer__menu > li:nth-child(3n+3) a{
        border: none;
    }
    .footer__menu > li a {
        font: 12px/20px "RobotoRegular";
        display: block;
    }
    .footer__menu > li {
        padding: 10px 0;
        width: 32%;
    }
    .logo {
    width: 200px;
}

}

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

}