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


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

}

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

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .logo {
        margin: 0 auto;
        display: table;
        margin-bottom: 10px;
    }

    .ul_soc {
        float: unset;
        margin: 10px 0;
        justify-content: center;
    }

    .container{
        width: 100%;
    }

    .write{
        text-align: center;
    }

    html body h1{
        font-size: 18px;
    }

    .ul_tags {
        margin-bottom: 0;
    }

    .img_wrap{
        margin-bottom: 15px;
    }

    .img_wrap {
        display: flex;
        text-align: center;
        flex-direction: column;
    }

    .ul_soc i {
        width: 34px;
        height: 34px;
    }

    .ul_soc li {
        margin: 3px;
    }

    html body h2{
        font-size: 18px;
    }


    .text img{
        margin: 0 auto!important;
        display: table!important;
    }

    .af2{
        flex-direction: column;
    }

    .sll2{
        margin: 10px 0!important;
    }

    .slln{
        margin: 10px auto;
        display: table;
        max-width: 100%;
        height: 200px;
        width: unset;
    }

    .blog_p, .b_ce{
        text-align: center;
    }

    .w_foto{
        height: 250px;
    }

    .table-responsive {
        border: 0 solid #ddd!important;
    }

}

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

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

}


/*==========  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) {
    .row-flex{
        display: flex;
        align-items: center;
    }

    .one{
        align-self: flex-end;
    }

    .two{
        margin-top: 40%;
    }

    .three{
        margin-top: 32%;
    }

    .four{
        margin-top: 22%;
    }

    .five{
        margin-top: 12%;
    }

    .h1_l{
        text-align: left;
    }

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .two{
        margin-top: 46%;
    }

    .three{
        margin-top: 36%;
    }

    .four{
        margin-top: 24%;
    }

    .five{
        margin-top: 16%;
    }
}

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

}