@media screen and (max-width:1000px) {

    .nav_header,
    .wrapper,
    .post-2 .wrapper-2-a,
    .wrapper-3,
    .footer {
        width: 100%;
        box-sizing: border-box;
    }

    .wrapper,
    .post-2 .wrapper-2-a,
    .wrapper-3,
    .footer {
        padding: 20px;
    }
	
	.pb-0-900 {padding-bottom: 0 !important;}
	
	.title_nonton {margin-top:0 !important;}
  
  .notif-web p {margin:0;}

    .nav_header {
        padding-right: 17.5px;
    }
	
	.tidak_ada_streaming {
		margin-top:0 !important;
	}
	
}

@media screen and (max-width:900px) {
    .nav-mobile {
        display: block;
        float: right;
        line-height: 60px;
        margin-right: 15px;
        position: relative;
    }

    .menu-nav-container {
        line-height: 22px;
        display: none;
    }

    .navigasi {
        top: 50%;
        left: 50%;
        position: fixed;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
        width: 100%;
    }

    .menu-nav-container li {
        float: none;
        display: inline-block;
        margin: 7px;
    }

    .menu-nav-container li a {
        padding: 10px 15px;
        background: #60B3E9;
        color: #fff;
        border-radius: 20px;
        font-weight: 500;
    }

    .post-article {
        grid-template-columns: repeat(4, 1fr);
    }

    .post article .thumb {
        float: none;
        margin-bottom: 15px !important;
        margin-right: 0;
        height: 270px;
        width: 100%;
    }
	
	.stiky_post {
		padding: 0 !important;
		border-radius:0;
	}
	
	.stiky_post .info h2 {text-align:center;}
	.stiky_post .top-post {
		justify-content:center !important;
	}
	
	.stiky_post .info ul,.stiky_post .info .bot-post {
		margin-left:10px;
	}

    .list-1 {
        grid-area: list-1;
    }

    .list-2 {
        grid-area: list-2;
    }

    .about {
        margin-bottom: 20px;
        grid-area: about;
    }

    .footer-a {
        grid-template-columns: auto auto auto;
        grid-template-areas: 'about about''list-1 list-2';
    }
  
  .list_eps_stream {
  	grid-template-columns: repeat(5, 1fr);
  }
  
}

@media screen and (max-width:850px) {
    .archive-a {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width:800px) {
    .post-article {
        grid-template-columns: repeat(3, 1fr);
    }

    .post-2 .wrapper-2-a {
        grid-template-columns: repeat(4, 1fr);
    }

    .post-3 .wrapper-3-a {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }

    .post-3 article .thumb img {
        max-width: 200%;
    }

    .single,
    .sidebar {
        float: none !important;
        width: 100%;
    }

    .lettergroup ul,
    .jadwalrilis,
    .terms_all {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px;
    }
}

@media screen and (max-width:680px) {
    .archive-a {
        grid-template-columns: repeat(3, 1fr);
    }
  
  .list_eps_stream {
  	grid-template-columns: repeat(3, 1fr);
  }
  
}

@media screen and (max-width:650px) {
    .post-2 .wrapper-2-a {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width:600px) {
    .single .coverthumbnail {
        position: absolute;
        box-shadow: none;
        left: 50%;
        bottom: -20px;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        width: 90px;
        height: 120px;
        border: 3px solid rgb(77, 171, 233);
    }

    .single .coverthumbnail img {
        min-height: 100%;
        min-width: 100%;
        max-height: 110%;
        max-width: 190%;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
        width: auto;
        height: auto;
    }

    .single .thumbnail {
        margin-bottom: 25px;
    }
}

@media screen and (max-width:530px) {
    .post-2 .wrapper-2-a {
        grid-template-columns: repeat(2, 1fr);
    }

    .archive-a {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width:570px) {
    .post-article {
        grid-template-columns: repeat(2, 1fr);
    }

    .post article .thumb {
        height: 320px;
    }
}

@media screen and (max-width:490px) {
    .post article .thumb {
        height: 270px;
    }
  .page-rekom {grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width:436px) {
    .single .coverthumbnail {
        width: 70px;
        height: 90px;
    }

    .search-mobile {
        display: block;
        float: right;
        line-height: 60px;
        margin-right: 15px;
        position: relative;
    }

    .post-3 article .thumb {
        height: 150px;
    }

    nav .search {
        top: 50%;
        left: 50%;
        position: fixed;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
        display: none;
    }
}

@media screen and (max-width:390px) {
    .post-article {
        grid-template-columns: repeat(1, 1fr);
    }

    .post article .thumb {
        width: 200px;
        margin: 0 auto;
    }

    .post-3 .wrapper-3-a {
        grid-template-columns: repeat(1, 1fr);
    }
  .page-rekom {grid-template-columns: repeat(1, 1fr);}
	
	.stiky_post {padding:17px 10px 10px 10px !important;}
	
}