@media screen and (max-width:1250px) {
.gmr_floating{
display: none;
}
}
@media screen and (max-width:1100px) {
.mainwrap {
padding: 0 40px;
max-width: 1100px;
}
.wrap-newsticker {
margin: unset;
}
.fullbar {
overflow: hidden;
}
#sliderpost {
width: 100%;
}
.headlog {
flex-direction: column;
gap: 10px;
place-content: center;
padding: 10px 0;
}
.headlog .logo{
text-align: center;
}
.headlog .logo b{
background: linear-gradient(45deg, var(--primary), var(--secondary));
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}
.headlog .logo span{
display: none;
}
.headlog>a>img {
max-width: 190px;
}
footer {
padding: 50px 40px 20px;
margin: 20px -40px 0;
} .wrap404 img{
max-width: 400px;
}
.wrap404 > div {
flex: 0 0 calc(100% - 420px);
}
}
@media screen and (max-width:1000px) {
.mainwrap{
max-width: 100%;
}
.rightbar {
position: fixed;
top: 0;
bottom: 0;
right: -340px;
background: var(--txt-light);
padding: 20px;
width: 340px;
transition: .5s ease-in-out;
z-index: 3;
box-shadow: 0 3px 4px 0 rgba(117, 117, 117, 0.15);
}
.button-sidebar {
display: flex;
}
.inner-rightbar {
overflow: auto;
height: 100vh;
height: 95vh;
flex-direction: row;
}
.inner-rightbar::-webkit-scrollbar-track,
.inner-rightbar::-webkit-scrollbar-thumb {
display: none;
}
.hotwrap{
width: 100%;
}
.leftbar {
flex: 0 0 100%;
max-width: 100%;
}
#sliderpost .boxcard .box-thumb {
flex: 0 0 50%;
}
#sliderpost .boxcard .boxcard_content {
flex-basis: calc(100% - 50% - 15px);
}
#feattab .featured-cat-wrap .boxcard .box-thumb {
flex: 0 0 230px;
}
.featured-video-wrap {
grid-template-rows:30px 185px 185px;
}
.featured-video-wrap .boxcard .box-thumb {
flex: 0 0 130px;
}
.featured-video-wrap .boxcard-float{
grid-column: span 2;
grid-row: 2 / 4;
}
.featured-video-wrap .boxcard-float .boxcard_content .box-title {
-webkit-line-clamp: 2;
}
.featured-video-wrap .boxcard-float .box-excerpt{
-webkit-line-clamp: 3;
}
#latest-news .boxcard-float {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
#latest-news .boxcard-float .box-thumb{
height: 250px;
flex-basis: 370px;
}
#latest-news .boxcard-float .boxcard_content{
position: unset;
flex-basis: calc(100% - 385px);
padding: unset;
background: unset;
}
#latest-news .boxcard-float .boxcard_content a,
#latest-news .boxcard-float .boxcard_content .box-meta,
#latest-news .boxcard-float .boxcard_content .box-title,
#latest-news .boxcard-float .boxcard_content .box-excerpt{
color: var(--txt-dark);
}
#latest-news .boxcard-float .cust__category{
display: none;
}
#latest-news .boxcard-float .boxcard_content .box-title{
font-size: 1.3em;
}
#latest-news .boxcard-float .box-excerpt,
#latest-news .boxcard .box-excerpt{
-webkit-line-clamp: 7 ;
} .wrap404 img {
flex: 0 0 600px;
}
.wrap404 > div {
flex: 0 0 calc(100% - 600px);
}
}
@media screen and (max-width:900px) { .wrap404 img{
max-width: 100%;
}
.wrap404 > div {
flex: 0 0 100%;
text-align: center;
}
}
@media screen and (max-width:850px) {
.menu-open{
display: flex;
line-height: 50px;
flex: 0 0 50px;
place-items: center;
place-content: center;
position: relative;
background: var(--secondary);
margin-left: -20px;
}
.menu-open.aktif::before{
content: '';
width: 20px;
height: 20px;
position: absolute;
top: calc(100% + 1px);
left: 15px;
background-color: var(--primary);
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.nav{
position: absolute;
top: 100%;
left: 0;
width: 300px;
height: 300px;
flex-direction: column;
background:var(--primary);
z-index: 3;
padding: 10px;
gap: 0;
overflow: auto;
display: none;
}
.nav li {
padding: 0;
line-height: 30px;
width: 100%;
}
.nav > li:has(.active){
background: none;
} .nav li .dropli{
top: 15px;
}
.nav li ul {
position: unset;
width: 100%;
}
.nav li ul li ul{
top:unset;
left: unset;
border-left: unset;
}
.nav > li ul{
border-top: none;
background: #ffffff31;
border-left: 2px solid var(--secondary);
}
.nav ul ul{
background: none;
}
::-webkit-scrollbar{
display: none;
}
.featured-post-wrap{
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 380px 224px 224px 380px;
}
.featured-post-wrap .boxcard-float:first-child{
grid-column: 1 / 3;
grid-row: 1 / 2;
}
.featured-post-wrap .boxcard-float:last-child{
grid-column: 1 / 3;
grid-row: 4 / 5;
}
}
@media screen and (max-width:800px) {
.mainwrap {
padding: 0 20px;
}
.wrap-newsticker {
margin: 0 -20px;
}
header {
margin: 0 -20px;
}
.baliho {
padding: 0 20px;
}
#sliderpost .boxcard .box-thumb {
flex: 0 0 300px;
}
#sliderpost .boxcard .boxcard_content {
flex-basis: calc(100% - 315px);
}
footer {
margin: 20px -20px 0;
}
}
@media screen and (max-width:640px) {
#sliderpost .boxcard {
height: 400px;
}
#sliderpost .boxcard .box-thumb {
flex: 0 0 100%;
}
#sliderpost .boxcard .boxcard_content svg {
display: none;
}
#sliderpost .boxcard .boxcard_content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .85) 100%);
}
#sliderpost .boxcard .boxcard_content * {
color: var(--txt-light);
}
#sliderpost .boxcard .boxcard_content .box-title {
background-image: none;
-webkit-background-clip: unset;
background-clip: unset;
-webkit-text-fill-color: unset;
}
#sliderpost .boxcard .boxcard_content .box-excerpt {
-webkit-line-clamp: 3;
}
#sliderpost .boxcard .boxcard_content .link_404 {
display: none;
}
.owl-dots {
bottom: unset;
left: 0;
right: 0;
bottom: -30px;
}
.featured-cat-wrap .boxcard-list .box-thumb {
flex: 0 0 150px;
height: 150px;
}
.featured-cat-wrap .boxcard-list .boxcard_content {
flex: 0 0 calc(100% - 150px);
}
.featured-cat-wrap .boxcard-list .boxcard_content .box-excerpt {
display: -webkit-box;
-webkit-line-clamp: 3;
}
#feattab .featured-cat-wrap {
display: flex;
flex-direction: column;
}
#feattab #viewcat {
position: unset;
bottom: unset;
Left: unset;
margin-top: 20px;
}
#latest-news .boxcard .box-thumb,
#latest-news .boxcard-float .box-thumb,
.archive-wrap .boxcard .box-thumb,
.search-wrap .boxcard .box-thumb {
flex: 0 0 250px;
}
#latest-news .boxcard .boxcard_content,
#latest-news .boxcard-float .boxcard_content,
.archive-wrap .boxcard .boxcard_content,
.search-wrap .boxcard .boxcard_content {
flex: 0 0 calc(100% - 265px);
}
#latest-news .boxcard .box-excerpt,
.archive-wrap .boxcard .box-excerpt,
.search-wrap .boxcard .box-excerpt {
-webkit-line-clamp: 5;
}
.featured-video-wrap {
grid-template-columns: repeat(2, 1fr);
grid-auto-flow: row;
grid-auto-rows: 190px;
grid-template-rows: 30px 350px 190px;
}
.featured-video-wrap .boxheader {
grid-column: 1 / 3;
grid-row: 1 / 2;
}
.featured-video-wrap .boxcard-float {
grid-column: 1 / 3;
grid-row: 2 / 3;
}
.featured-video-wrap .boxcard .box-thumb {
flex: 0 0 140px;
}
footer.col-3 {
display: flex;
flex-direction: column;
gap: 20px;
} .single-wrap,
.single_head {
gap: 15px;
}
.single__img,
.single_head,
.single_content {
max-width: 100%;
}
.single-share-wrap {
display: block;
}
.single-share-wrap span {
display: none;
}
.shareit {
display: flex;
place-content: center;
}
.shareit a {
flex: 0 1 20%;
}
}
@media screen and (max-width:564px) {
.featured-post-wrap{
grid-template-rows: 280px 200px 200px 280px;
}
#feattab {
width: 100%;
}
}
@media screen and (max-width:537px) {
#latest-news .boxcard .box-thumb,
#latest-news .boxcard-float .box-thumb,
.archive-wrap .boxcard .box-thumb,
.search-wrap .boxcard .box-thumb {
flex: 0 0 50%;
}
#latest-news .boxcard .boxcard_content,
#latest-news .boxcard-float .boxcard_content,
.archive-wrap .boxcard .boxcard_content,
.search-wrap .boxcard .boxcard_content {
flex: 0 0 calc(100% - (50% + 15px));
} .shareit {
place-content: center;
}
.shareit a {
flex: 0 1 40%;
}
}
@media screen and (max-width:480px) {
.mainwrap {
padding: 0 20px;
}
.wrap-newsticker {
margin: 0 -20px;
}
header {
margin: 0 -20px;
}
.headlog .baliho{
display: none;
}
#sliderpost .boxcard .boxcard_content .box-title {
font-size: 1.4em;
}
.featured-video-wrap {
grid-template-rows: 30px 300px 200px;
grid-auto-rows: 200px;
}
.featured-video-wrap .boxcard-float {
height: unset;
}
.featured-video-wrap .boxcard-float .box-excerpt,
#latest-news .boxcard-float .box-excerpt {
-webkit-line-clamp: 2;
}
#latest-news .boxcard-float .boxcard_content .box-title {
font-size: 1.4em;
}
#latest-news .boxcard .box-thumb,
#latest-news .boxcard-float .box-thumb{
flex: 0 0 150px;
height: 150px;
}
#latest-news .boxcard .boxcard_content,
#latest-news .boxcard-float .boxcard_content{
flex: 0 0 calc(100% - 165px);
}
#latest-news .boxcard .boxcard_content .box-title,
#latest-news .boxcard-float .boxcard_content .box-title {
font-size: 1.2em;
}
#latest-news .boxcard .box-excerpt,
#latest-news .boxcard-float .box-excerpt{
-webkit-line-clamp: 3;
}
.button-sidebar {
display: none;
}
.rightbar {
position: unset;
top: unset;
right: unset;
bottom: unset;
left: unset;
background: unset;
box-shadow: unset;
max-width: 100%;
flex: 0 0 100%;
padding: unset;
}
.inner-rightbar {
overflow: unset;
height: unset;
}
.baliho {
padding: unset;
width: 100%;
}
footer {
padding: 50px 20px 20px;
margin: 20px -20px 0;
} .single__img{
height: 250px;
}
.shareit {
place-content: space-between;
}
.shareit a {
flex: 0 1 48%;
}
}
@media screen and (max-width:450px) {
.boxcard{
flex-wrap: wrap;
}
.featured-cat-wrap .boxcard-list .box-thumb,
.featured-cat-wrap .boxcard-list .boxcard_content,
#latest-news .boxcard .box-thumb,
#latest-news .boxcard .boxcard_content,
#latest-news .boxcard-float .box-thumb,
#latest-news .boxcard-float .boxcard_content,
.archive-wrap .boxcard .box-thumb,
.archive-wrap .boxcard .boxcard_content,
.search-wrap .boxcard .box-thumb,
.search-wrap .boxcard .boxcard_content{
flex: 0 0 100%;
}
.featured-cat-wrap .boxcard-list .box-thumb,
#latest-news .boxcard .box-thumb,
#latest-news .boxcard-float .box-thumb,
.archive-wrap .boxcard .box-thumb,
.search-wrap .boxcard .box-thumb{
height: 230px;
}
}
@media screen and (max-width:410px) {
.featured-cat-wrap .boxcard-list {
gap: 10px;
}
.featured-cat-wrap .boxcard-list .box-thumb,
#latest-news .boxcard .box-thumb,
#latest-news .boxcard-float .box-thumb,
.archive-wrap .boxcard .box-thumb,
.search-wrap .boxcard .box-thumb{
height: 200px;
}
#slidersmall-post .boxcard .box-thumb{
flex: 0 0 200px;
} .author-box-name{
margin-bottom: unset;
}
.author-box-count{
position: unset;
margin: 10px 0;
flex-direction: row;
gap: 10px;
}
.author-box-count b{
font-size: 1.2em;
}
}
@media screen and (max-width:360px) {
#sliderpost .boxcard {
height: 340px;
}
.featured-cat-wrap .boxcard-list .boxcard_content {
padding: 0;
}
#feattab #viewcat {
margin-top: 10px;
}
.single__img iframe{
height: 250px;
}
.metasingle{
gap: 8px;
}
}
@media screen and (max-width:320px) {
.wrap-notice .jumbo{
font-size: 4em;
}
}