.newPage-w { width: 100%; } .newPage-w .containerContent-w { border-top: 5px solid #007a71; } .newPage-w .containerContent-w .firstReport-w { width: 100%; display: inline-block; padding: 20px 0; } .newPage-w .containerContent-w .firstReport-w h2 { font-size: 18px; color: #007a71; text-align: right; margin: 10px 0; } .newPage-w .containerContent-w .firstReport-w h2 span { font-size: 15px; color: #888; } .newPage-w .containerContent-w .firstReport-w .img { width: 100%; height: 536px; margin-top: 20px; } .newPage-w .containerContent-w .firstReport-w .reprtDetail-w { width: 100%; padding: 20px 0; } .newPage-w .containerContent-w .firstReport-w .reprtDetail-w .dateReport-w { width: 100%; padding: 10px; } .newPage-w .containerContent-w .firstReport-w .reprtDetail-w .dateReport-w p { font-size: 17px; color: #ccc; } .newPage-w .containerContent-w .firstReport-w .img img { width: 100%; height: 100%; } .newPage-w .containerContent-w .descriptionBody-w { width: 100%; padding: 20px 0; } .newPage-w .containerContent-w .descriptionBody-w h2 { text-align: right; font-size: 17px; color: #007a71; margin: 10px 0; } .newPage-w .containerContent-w .descriptionBody-w p { text-align: right; font-size: 15px; color: #888; } .newPage-w .containerContent-w .imagesBody-w { width: 100%; padding: 20px 0; } .newPage-w .containerContent-w .imagesBody-w .imageNews { width: 100%; height: 300px; } .newPage-w .containerContent-w .imagesBody-w .imageNews img { width: 100%; height: 100%; } .inside_links{ width: 100%; overflow: hidden; margin-top: 70px; display: block; } .inside_links ul{ display: block; width: 100%; padding: 0px; } .inside_links ul li{ display: block; width: 100%; height: 65px; } .inside_links ul li span{ display: block; float: right; margin: 1px 4px 0px 0px; } .eninside_links ul li span{ float: left !important; } .eninside_links ul li a img{ float: left !important; } .inside_links ul li a img{ display: block; width: 30px; float: right; height: 30px; margin: 15px 10px 0px 10px; filter: invert(65%); } .inside_links ul li a{ display: block; float: right; color: #755a07; line-height: 62px; margin: 0px 2px 2px 0px; width: 100%; background-color: #e6e6e6; height: 65px; border-bottom: 1px solid #ceb79d96; transition: all 0.5s; } .inside_links ul li a:hover{ background: linear-gradient(1turn,#e6ded5cc, #e6e6e6, #e6e6e6); } .saredLinks-w { width: 50%; float: left; display: inline-block; padding: 10px 0; } .saredLinks-w li { display: inline-block; margin: 0 5px; } .saredLinks-w li button { width: 30px; height: 30px; background-color: transparent; border: none; color: #fff; cursor: pointer; transition: all 0.5s; border-radius: 3px; } .saredLinks-w li button:hover { transform: rotate(180deg); } .saredLinks-w li .facebook { background-color: #3b5a97; } .saredLinks-w li .twitter { background-color: #21a1f2; } .saredLinks-w li .linkedin { background-color: #0676b5; } .saredLinks-w li .googleplus { background-color: #e21414; } .saredLinks-w li .whatsapp{ background-color: #4fc248; } .saredLinks-w li .whatsapp a { color: #fff; text-decoration: none; } @media(max-width:767px){ .inside_links{ display: none !important; } .saredLinks-w li button{ margin: 5px 0; } .newPage-w .containerContent-w .firstReport-w .img { height: 360px; } .saredLinks-w { width: 100%; } } @media(min-width:767px) and (max-width: 991px) { .saredLinks-w li button{ margin: 5px 0; } } @media(min-width: 1200px) { .container { width: 1200px; } }