@media only screen 
  and (min-device-width: 390px) 
  and (max-device-width: 844px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

  
.link-det-news {
    bottom: 1rem;
    width: calc(100% - 1.3rem);
    left: 1.1rem;
    padding: 1.3rem;
    padding-left:2.5rem;
}

.link-det-cases {
    bottom: 1rem;
    width: calc(100% - 1.1rem);
    left: 1rem;
    padding: 0.9rem;
    padding-left: 2.5rem;
}
.detail-cases {
    padding: 1.85rem 1rem 0rem 0.15rem;
}
.box-case {
    padding: 1.5rem 2rem;
}

.articles .detail-news {
    padding: 3rem 4.5rem 6rem 4.5rem;
}

.articles .detail-news .link-det-news {
    left: 1rem;
    bottom: 5px;
    width: calc(100% - 1.2rem);
    padding: 1.35rem;
    padding-left: 2.5rem;
}

.default .detail-news .link-det-news {
    bottom: 1.1rem;
}


.link-det-works {
    bottom: 1.8rem;
    width: calc(100% - 1.3rem);
    left: 1.1rem;
    padding: 1.3rem;
    padding-left: 2.5rem;
}

.application-works {
    bottom: 0;
    width: calc(100% - 1.3rem);
    left: 1.1rem;
    padding: 1.3rem;
    padding-left: 2.5rem;
}

}

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 896px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

  
.link-det-news {
    bottom: 0.3rem;
    width: calc(100% - 1.3rem);
    left: 1.1rem;
    padding: 1.4rem;
    padding-left:2.5rem;
}

.link-det-cases {
    bottom: 0.3rem;
    width: calc(100% - 1.1rem);
    left: 1rem;
    padding: 0.9rem;
    padding-left: 2.5rem;
}
.detail-cases {
    padding: 1.05rem 1rem 0rem 0.1rem;
}
.box-case {
    padding: 1.9rem 2rem;
}


.articles .detail-news {
    padding: 5rem 3rem;
    min-height: 445px;
}

.articles .detail-news .link-det-news {
    left: 1.2rem;
    bottom: 3px;
    width: calc(100% - 1.5rem);
    padding: 1.4rem;
    padding-left: 2.5rem;
}


.default .detail-news .link-det-news {
    bottom: 3px;
}

.link-det-works {
    bottom: 1.1rem;
    width: calc(100% - 1.3rem);
    left: 1.1rem;
    padding: 1.4rem;
    padding-left: 2.5rem;
}

.application-works {
    bottom: 0;
    width: calc(100% - 1.3rem);
    left: 1.1rem;
    padding: 1.5rem;
    padding-left: 2.5rem;
}


.detail-works {
    padding: 5rem 4rem 7rem 4rem;
    min-height: unset;
}

}