#blog10 {
    padding: 2%;
}

#blog10 .font-weight-bold {
    font-weight: bold;
}

#blog10 .font-weight-light {
    font-weight: 100;
}

#blog10 .content-box {
    width: 410px!important;
    max-height: 560px!important;
    min-height: 450px;
    position: relative;
    left: -6%;
    top: 45px;
}

#blog10 .align-left-title {
    margin-left: 10.5%;
}

#blog10 .h-100 {
    height: 100%;
}

#blog10 .d-flex {
    display: flex;
}

#blog10 .d-none {
    display: none;
}

#blog10 .line-box {
    width: 50%;
    height: 1px;
}

#blog10 .swiper-button-next::after,
#blog10 .swiper-button-prev::after {
    content: none;
}

#blog10 .swiper-button-prev img {
    transform: rotate(180deg);
}

#blog10 .seta-ctrl {
    width: 40px;
}

#blog10 .ml-10-porc {
    margin-left: 12.5%!important;
}

#blog10 .img {
    width: 800px;
    height: auto;
    background-size: 100%;
    background-repeat: no-repeat;
}

#blog10 .content {
    display: -webkit-box;
    flex-flow: row nowrap;
    min-height: 560px;
}


/* Slide Swiper */

#blog10 .swiper-button-next {
    right: 13%;
}

#blog10 .swiper-slide {
    width: 90%;
}

#blog10 .swiper-slide:nth-child(2n) {
    width: 80%;
}

#blog10 .swiper-slide:nth-child(3n) {
    width: 90%;
}

#blog10 .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#blog10 .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

@media only screen and (max-width:1600px) {
    #blog10 .content-box {
        top: 75px;
        left: -8%;
    }
}

@media only screen and (max-width:1480px) {
    #blog10 .img {
        width: 675px;
    }
}

@media only screen and (max-width:1400px) {
    #blog10 .content-box {
        top: 75px;
        left: -12%;
    }
}

@media only screen and (max-width:1300px) {
    #blog10 .swiper-button-next {
        right: 12%;
    }
    #blog10 .img {
        width: 585px;
    }
    #blog10 .content-box {
        width: 360px!important;
    }
    #blog10 .content-box .title {
        font-size: 1.5em!important;
        line-height: 1.2!important;
    }
    #blog10 .content-box .resumo {
        font-size: 1em!important;
    }
}

@media only screen and (max-width:1110px) {
    #blog10 .img {
        width: 500px;
    }
}

@media only screen and (max-width:992px) {
    #blog10 .content-box {
        position: absolute;
        min-height: unset;
        top: 340px;
        left: 0;
        right: 0;
        margin: 0px auto;
    }
    #blog10 .content{
        min-height: unset;
    }
    #blog10 .float-right {
        float: right;
    }
    #blog10 .box {
        display: flex;
        flex-flow: wrap;
    }
    #blog10 {
        padding-bottom: 35%;
    }
    #blog10 .swiper-button-next {
        right: 10px;
        left: auto;
    }
    #blog10 .swiper-slide {
        width: 100%;
    }
    #blog10 .swiper-slide:nth-child(2n) {
        width: 100%;
    }
    #blog10 .swiper-slide:nth-child(3n) {
        width: 100%;
    }
}

@media only screen and (max-width:860px) {
    #blog10 {
        padding-bottom: 45%;
    }
}

@media only screen and (max-width:500px) {
    #blog10 {
        padding-bottom: 0%;
    }
    #blog10 img.img-mobile{
        max-width: 76%!important;
    }
    #blog10 .content-box {
        position: absolute;
        max-width: 310px;
        top: 38%;
        margin: 0px auto;
        right: 0;
        left: 0;
        width: auto;
    }
    #blog10 .swiper-button-next {
        top: 510px;
        right: 35%;
    }
    #blog10 .swiper-button-prev {
        top: 510px;
        left: 35%;
    }
}
@media only screen and (max-width:375px) and (min-width:321px){
    #blog10 img.img-mobile{
        max-width: 67%!important;
    }
}
@media only screen and (max-width:320px) {
    #blog10 img.img-mobile{
        max-width: 58%!important;
    }
    #blog10 .content-box {
        top: 34%;
    }
}
#blog10 .img-desktop{
    display:block;
}
#blog10 .img-mobile{
    display:none;
}
@media only screen and (max-width:992px){
    #blog10 .img-mobile{
        display:block!important;
    }
    #blog10.img-desktop{
        display:none!important;
    }
    #blog10 .content {
        display: block;
        min-height: 560px;
    }
    
}

#blog10 .slide-itens {
    width: 100%;
    display: flex;
}

#blog10 ul.blog-categorias {
    margin: 0;
    padding: 0;
    text-align: center;
    float: left;
}

#blog10 ul.blog-categorias li {
    list-style: none;
    display: inline-block;
    padding: 0px 10px 2px 2px;
    cursor: pointer;
    transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -webkit-transition: all .3s ease-in 0s
}

#blog10 ul.blog-categorias li.active:after {
    width: 20px;
    height: 3px;
    content: " ";
    display: block;
    margin: 5px auto 0;
    background: rgba(161, 161, 161, .21)
}

@media only screen and (max-width:750px) {
    #blog10 ul.blog-categorias {
        margin: 0 0 15px;
        text-align: left
    }
}