/* Custom more large devices */ @media (min-width: 1400px) { /* ////////////////////////////////////////////////////////////////////////// main-menu css start ////////////////////////////////////////////////////////////////////////// */ .social-icons { margin-left: 130px; } /* ////////////////////////////////////////////////////////////////////////// main-menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// banner css start ////////////////////////////////////////////////////////////////////////// */ .banner-trending-text { position: absolute; left: 30px; width: 800px; bottom: 66px; } /* ////////////////////////////////////////////////////////////////////////// banner css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ #content.content-single-page { padding-top: 100px; } #content .item:nth-child(25) { display: none; } .item-container .item h3 { width: 196px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 100%; margin-top: -105px; } .relations .item { width: calc(98.8% / 5); } .relations .item-container .item h3 { width: 229px; } .series-description p { font-size: 15px !important; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ .tv-details-seasons ul.episodes li button { padding: 13px 15px 13px 33px; } #anime_single_play ul.episodes li button .episode-name { width: 248px; } .tv-details-seasons ul.seasons li button.active::after, .tv-details-seasons ul.episodes li button.active::after { right: 10px; top: 8px; } .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 26%; } .tv-details-seasons ul.episodes { height: 608px; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// schedule css start ////////////////////////////////////////////////////////////////////////// */ #schedule.schedule-main-page{ padding-top: 100px ; } /* ////////////////////////////////////////////////////////////////////////// schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// download app css start ////////////////////////////////////////////////////////////////////////// */ .download-slider { width: 25.2%; } /* ////////////////////////////////////////////////////////////////////////// download-app css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// trailer blog css start ////////////////////////////////////////////////////////////////////////// */ .trailer-news-wrapper { grid-gap: 3px; grid-template-columns: repeat(4, 1fr); } .trailer-news-item:first-child:before, .trailer-news-item:first-child:after, .trailer-news-item:nth-child(4):before, .trailer-news-item:nth-child(4):after, .trailer-news-item:nth-child(5):before, .trailer-news-item:nth-child(5):after, .trailer-news-item:nth-child(8):before, .trailer-news-item:nth-child(8):after { content: ""; width: 0; height: 0; border: 0 solid transparent; position: absolute; z-index: 5; display: block; } .trailer-news-item:first-child:before, .trailer-news-item:nth-child(4):before, .trailer-news-item:nth-child(5):before, .trailer-news-item:nth-child(8):before { border-right-color: #242428; border-width: 0 30px 30px 0; right: 0; top: 0; } .trailer-news-item:first-child::after, .trailer-news-item:nth-child(4)::after, .trailer-news-item:nth-child(5)::after, .trailer-news-item:nth-child(8)::after { border-right-color: #242428; border-width: 30px 30px 0 0; right: 0; bottom: 0; } .trailer-news-item:nth-child(4):before, .trailer-news-item:nth-child(8):before { top: 0; left: 0; border-left-color: #242428; border-width: 0 0 30px 30px; } .trailer-news-item:nth-child(4)::after, .trailer-news-item:nth-child(8)::after { border-bottom: 30px solid #242428; border-right: 30px solid transparent; left: 0; bottom: 0; } .hero-item .trailer-thumbnail, .hero-item .new-responsive-img, .hero-item .trailer-news-image, .standard-item:nth-child(1) .trailer-thumbnail, .standard-item:nth-child(1) .new-responsive-img, .standard-item:nth-child(1) .trailer-news-image, .standard-item:nth-child(4) .trailer-thumbnail, .standard-item:nth-child(4) .new-responsive-img, .standard-item:nth-child(4) .trailer-news-image, .standard-item:nth-child(5) .trailer-thumbnail, .standard-item:nth-child(5) .new-responsive-img, .standard-item:nth-child(5) .trailer-news-image, .standard-item:nth-child(8) .trailer-thumbnail, .standard-item:nth-child(8) .new-responsive-img, .standard-item:nth-child(8) .trailer-news-image { height: 100%; } .hero-item .new-responsive-img, .standard-item:nth-child(1) .new-responsive-img, .standard-item:nth-child(4) .new-responsive-img, .standard-item:nth-child(5) .new-responsive-img, .standard-item:nth-child(8) .new-responsive-img { width: 100%; } .hero-item .trailer-caption, .standard-item:nth-child(1) .trailer-caption, .standard-item:nth-child(4) .trailer-caption, .standard-item:nth-child(5) .trailer-caption, .standard-item:nth-child(8) .trailer-caption { position: absolute; bottom: 0; z-index: 3; bottom: 32px; left: 8px; } .hero-item .trailer-title, .hero-item .author, .standard-item:nth-child(4) .trailer-title, .standard-item:nth-child(4) .author, .standard-item:nth-child(5) .trailer-title, .standard-item:nth-child(5) .author, .standard-item:nth-child(8) .trailer-title, .standard-item:nth-child(8) .author { color: #fff; } .standard-item:nth-child(2), .standard-item:nth-child(3), .standard-item:nth-child(6), .standard-item:nth-child(7) { border-top: 30px solid #242428 !important; border-bottom: 30px solid #242428 !important; } .hero-item .trailer-title, .hero-item .author, .standard-item:first-child .trailer-title, .standard-item:first-child .author, .standard-item:nth-child(4) .trailer-title, .standard-item:nth-child(4) .author, .standard-item:nth-child(5) .trailer-title, .standard-item:nth-child(5) .author, .standard-item:nth-child(8) .trailer-title, .standard-item:nth-child(8) .author { color: #fff; } /* ////////////////////////////////////////////////////////////////////////// trailer blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// blog css start ////////////////////////////////////////////////////////////////////////// */ .magazine-column { grid-column: span 1; border-right: 1px solid #2f2f33; } .magazine-column:nth-child(2) { grid-column: span 2; } .article-title--medium { font-size: 17px; } .article-excerpt p{ font-size: 12px; } .magazine-column:last-child { border-right: none; } .magazine-column-1 .article:nth-child(3) { display: none; } .magazine-column-4 .article:nth-child(3) { display: block; } /* ////////////////////////////////////////////////////////////////////////// blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content ul { margin-top: 60px; } .user-settings ul li { font-size: 14px; } #user-profile .item-container .item { width: calc(98% / 6); padding: 5px; } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer css start ////////////////////////////////////////////////////////////////////////// */ .footer-content { margin-left: auto; margin-right: auto; max-width: 1230px; padding: 40px 15px 365px; position: relative; } .footer-content-column { width: 24.99%; } /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// error page css start ////////////////////////////////////////////////////////////////////////// */ #error-page { padding: 120px 0; } #error-page img { width: 85%; } /* ////////////////////////////////////////////////////////////////////////// error page css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// coming soon css start ////////////////////////////////////////////////////////////////////////// */ .coming-soon-img { width: 40%; } /* ////////////////////////////////////////////////////////////////////////// coming soon css end ////////////////////////////////////////////////////////////////////////// */ } /* Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1389px) and (max-width: 1399.98px) { /* ////////////////////////////////////////////////////////////////////////// main menu css start ////////////////////////////////////////////////////////////////////////// */ .social-icons { margin-left: 130px; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// banner css start ////////////////////////////////////////////////////////////////////////// */ .banner-trending-text { width: 730px; bottom: 70px; } /* ////////////////////////////////////////////////////////////////////////// banner css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 135px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 151.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 204px; } #content .recently-added .all-time-content:nth-child(9) , #content .recently-added .all-time-content:nth-child(10) , #content .recently-added .all-time-content:nth-child(11) { display: flex !important; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 342px; } .top-animes .all-time-details a { width: 295px; } .recently-added .top-animes .all-time-details a { width: 327px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 221px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 335px; margin-top: -105px; } .relations .item { width: calc(98.8% / 5); } .relations .item-container .item h3 { width: 239px; } .series-description p { font-size: 14px !important; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ #anime_single_play ul.episodes li button .episode-name { width: 245px; } .tv-details-seasons ul.seasons li button.active::after, .tv-details-seasons ul.episodes li button.active::after { right: 10px; top: 8px; } .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 26%; } .tv-details-seasons ul.episodes { height: 608px; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ .schedule-item ul li p { width: 84%; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// download app css start ////////////////////////////////////////////////////////////////////////// */ .download-slider { width: 28.9% !important; } /* ////////////////////////////////////////////////////////////////////////// download app css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content ul { margin-top: 57px; } .user-settings ul li { font-size: 14px; } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 1368px) and (max-width: 1388.98px) { /* ////////////////////////////////////////////////////////////////////////// main menu css start ////////////////////////////////////////////////////////////////////////// */ .social-icons { margin-left: 124px; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// banner css start ////////////////////////////////////////////////////////////////////////// */ .banner-trending-text { width: 730px; bottom: 70px; } /* ////////////////////////////////////////////////////////////////////////// banner css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 133px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 149.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 200px; } #content .recently-added .all-time-content:nth-child(9) , #content .recently-added .all-time-content:nth-child(10) , #content .recently-added .all-time-content:nth-child(11) { display: flex !important; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 340px; } .top-animes .all-time-details a { width: 295px; } .recently-added .top-animes .all-time-details a { width: 327px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 221px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 335px; margin-top: -105px; } .relations .item { width: calc(98.7% / 5); } .relations .item-container .item h3 { width: 233px; } .series-description p { font-size: 14px !important; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ #anime_single_play ul.episodes li button .episode-name { width: 239px; } .tv-details-seasons ul.seasons li button.active::after, .tv-details-seasons ul.episodes li button.active::after { right: 10px; top: 8px; } .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 26%; } .tv-details-seasons ul.episodes { height: 599px; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ .schedule-item ul li p { width: 84%; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// download app css start ////////////////////////////////////////////////////////////////////////// */ .download-slider { width: 28.9% !important; } /* ////////////////////////////////////////////////////////////////////////// download app css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content ul { margin-top: 53px; } .user-settings ul li { font-size: 14px; } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 1347px) and (max-width: 1367.98px) { /* ////////////////////////////////////////////////////////////////////////// main menu css start ////////////////////////////////////////////////////////////////////////// */ .social-icons { margin-left: 115px; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// banner css start ////////////////////////////////////////////////////////////////////////// */ .banner-trending-text { width: 730px; bottom: 70px; } /* ////////////////////////////////////////////////////////////////////////// banner css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 141.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 197px; } #content .recently-added .all-time-content:nth-child(9) , #content .recently-added .all-time-content:nth-child(10) { display: flex !important; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 333px; } .top-animes .all-time-details a { width: 288px; } .recently-added .top-animes .all-time-details a { width: 320px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 217px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 319px; margin-top: -81px; } .relations .item { width: calc(98.7% / 5); } .relations .item-container .item h3 { width: 226px; } .series-description p { font-size: 14px !important; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ #anime_single_play ul.episodes li button .episode-name { width: 234px; } .tv-details-seasons ul.seasons li button.active::after, .tv-details-seasons ul.episodes li button.active::after { right: 10px; top: 8px; } .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 26%; } .tv-details-seasons ul.episodes { height: 592px; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 129px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ .schedule-item ul li p { width: 84%; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// download app css start ////////////////////////////////////////////////////////////////////////// */ .download-slider { width: 28.9% !important; } /* ////////////////////////////////////////////////////////////////////////// download app css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content ul { margin-top: 49px; } .user-settings ul li { font-size: 14px; } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 1326px) and (max-width: 1346.98px) { /* ////////////////////////////////////////////////////////////////////////// main menu css start ////////////////////////////////////////////////////////////////////////// */ .social-icons { margin-left: 66px; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// banner css start ////////////////////////////////////////////////////////////////////////// */ .banner-trending-text { width: 730px; bottom: 70px; } /* ////////////////////////////////////////////////////////////////////////// banner css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 127px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 139.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 193px; } #content .recently-added .all-time-content:nth-child(9) , #content .recently-added .all-time-content:nth-child(10) { display: flex !important; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 326px; } .top-animes .all-time-details a { width: 280px; } .recently-added .top-animes .all-time-details a { width: 314px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 212px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 319px; margin-top: -81px; } .relations .item { width: calc(98.7% / 5); } .relations .item-container .item h3 { width: 226px; } .series-description p { font-size: 14px !important; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ #anime_single_play ul.episodes li button .episode-name { width: 229px; } .tv-details-seasons ul.seasons li button.active::after, .tv-details-seasons ul.episodes li button.active::after { right: 10px; top: 8px; } .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 26%; } .tv-details-seasons ul.episodes { height: 581px; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ .schedule-item ul li p { width: 84%; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// download app css start ////////////////////////////////////////////////////////////////////////// */ .download-slider { width: 28.9% !important; } /* ////////////////////////////////////////////////////////////////////////// download app css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content ul { margin-top: 44px; } .user-settings ul li { font-size: 14px; } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 1305px) and (max-width: 1325.98px) { /* ////////////////////////////////////////////////////////////////////////// main menu css start ////////////////////////////////////////////////////////////////////////// */ .social-icons { margin-left: 64px; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// banner css start ////////////////////////////////////////////////////////////////////////// */ .banner-trending-text { width: 730px; bottom: 70px; } /* ////////////////////////////////////////////////////////////////////////// banner css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 124px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 137.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 190px; } #content .recently-added .all-time-content:nth-child(9) , #content .recently-added .all-time-content:nth-child(10) { display: flex !important; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 320px; } .top-animes .all-time-details a { width: 276px; } .recently-added .top-animes .all-time-details a { width: 307px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 206px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 311px; margin-top: -70px; } .relations .item { width: calc(98.7% / 5); } .relations .item-container .item h3 { width: 222px; } .series-description p { font-size: 14px !important; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ #anime_single_play ul.episodes li button .episode-name { width: 222px; } .tv-details-seasons ul.seasons li button.active::after, .tv-details-seasons ul.episodes li button.active::after { right: 10px; top: 8px; } .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 24%; } .tv-details-seasons ul.episodes { height: 573px; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ .schedule-item ul li p { width: 83%; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// download app css start ////////////////////////////////////////////////////////////////////////// */ .download-slider { width: 28.9% !important; } /* ////////////////////////////////////////////////////////////////////////// download app css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content ul { margin-top: 40px; } .user-settings ul li { font-size: 14px; } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 1284px) and (max-width: 1304.98px) { /* ////////////////////////////////////////////////////////////////////////// main menu css start ////////////////////////////////////////////////////////////////////////// */ .social-icons { margin-left: 62px; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// banner css start ////////////////////////////////////////////////////////////////////////// */ .banner-trending-text { width: 730px; bottom: 70px; } /* ////////////////////////////////////////////////////////////////////////// banner css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 122px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 135.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 186px; } #content .recently-added .all-time-content:nth-child(9) { display: flex !important; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 312px; } .top-animes .all-time-details a { width: 266px; } .recently-added .top-animes .all-time-details a { width: 300px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 200px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 311px; margin-top: -70px; } .relations .item { width: calc(98.6% / 5); } .relations .item-container .item h3 { width: 217px; } .series-description p { font-size: 14px !important; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ #anime_single_play ul.episodes li button .episode-name { width: 218px; } .tv-details-seasons ul.seasons li button.active::after, .tv-details-seasons ul.episodes li button.active::after { right: 10px; top: 8px; } .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 24%; } .tv-details-seasons ul.episodes { height: 563px; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ .schedule-item ul li p { width: 83%; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// download app css start ////////////////////////////////////////////////////////////////////////// */ .download-slider { width: 28.9% !important; } /* ////////////////////////////////////////////////////////////////////////// download app css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content ul { margin-top: 35px; } .user-settings ul li { font-size: 13px; } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 1263px) and (max-width: 1283.98px) { /* ////////////////////////////////////////////////////////////////////////// main menu css start ////////////////////////////////////////////////////////////////////////// */ .social-icons { margin-left: 60px; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// banner css start ////////////////////////////////////////////////////////////////////////// */ .banner-trending-text { width: 730px; bottom: 70px; } /* ////////////////////////////////////////////////////////////////////////// banner css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 120px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 128.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 183px; } #content .recently-added .all-time-content:nth-child(9) { display: flex !important; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 303px; } .top-animes .all-time-details a { width: 258px; } .recently-added .top-animes .all-time-details a { width: 292px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 196px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 311px; margin-top: -78px; } .relations .item { width: calc(98.6% / 5); } .relations .item-container .item h3 { width: 213px; } .series-description p { font-size: 14px !important; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ #anime_single_play ul.episodes li button .episode-name { width: 212px; } .tv-details-seasons ul.seasons li button.active::after, .tv-details-seasons ul.episodes li button.active::after { right: 10px; top: 8px; } .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 24%; } .tv-details-seasons ul.episodes { height: 555px; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ .schedule-item ul li p { width: 83%; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// download app css start ////////////////////////////////////////////////////////////////////////// */ .download-slider { width: 29% !important; } /* ////////////////////////////////////////////////////////////////////////// download app css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content ul { margin-top: 31px; } .user-settings ul li { font-size: 13px; } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 1242px) and (max-width: 1262.98px) { /* ////////////////////////////////////////////////////////////////////////// main menu css start ////////////////////////////////////////////////////////////////////////// */ .social-icons { margin-left: 54px; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// banner css start ////////////////////////////////////////////////////////////////////////// */ .banner-trending-text { width: 725px; bottom: 70px; } /* ////////////////////////////////////////////////////////////////////////// banner css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 118px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 126.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 179px; } #content .recently-added .all-time-content:nth-child(9) { display: flex !important; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 297px; } .top-animes .all-time-details a { width: 252px; } .recently-added .top-animes .all-time-details a { width: 285px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 190px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 305px; margin-top: -69px; } .relations .item { width: calc(98.6% / 5); } .relations .item-container .item h3 { width: 209px; } .series-description p { font-size: 14px !important; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ #anime_single_play ul.episodes li button .episode-name { width: 207px; } .tv-details-seasons ul.seasons li button.active::after, .tv-details-seasons ul.episodes li button.active::after { right: 10px; top: 8px; } .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 24%; } .tv-details-seasons ul.episodes { height: 545px; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ .schedule-item ul li p { width: 83%; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// download app css start ////////////////////////////////////////////////////////////////////////// */ .download-slider { width: 29% !important; } /* ////////////////////////////////////////////////////////////////////////// download app css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content ul { margin-top: 26px; } .user-settings ul li { font-size: 13px; } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 1221px) and (max-width: 1241.98px) { /* ////////////////////////////////////////////////////////////////////////// main menu css start ////////////////////////////////////////////////////////////////////////// */ .social-icons { margin-left: 45px; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// banner css start ////////////////////////////////////////////////////////////////////////// */ .banner-trending-text { width: 720px; bottom: 70px; } /* ////////////////////////////////////////////////////////////////////////// banner css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 116px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 124.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 176px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 290px; } .top-animes .all-time-details a { width: 245px; } .recently-added .top-animes .all-time-details a { width: 278px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 186px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 299px; margin-top: -54px; } .relations .item { width: calc(98.6% / 5); } .relations .item-container .item h3 { width: 205px; } .series-description p { font-size: 14px !important; } .relations .item { width: calc(98.5% / 5); } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ #anime_single_play ul.episodes li button .episode-name { width: 202px; } .tv-details-seasons ul.seasons li button.active::after, .tv-details-seasons ul.episodes li button.active::after { right: 10px; top: 8px; } .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 22%; } .tv-details-seasons ul.episodes { height: 537px; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ .schedule-item ul li p { width: 82%; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// download app css start ////////////////////////////////////////////////////////////////////////// */ .download-slider { width: 29.3% !important; } /* ////////////////////////////////////////////////////////////////////////// download app css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content ul { margin-top: 22px; } .user-settings ul li { font-size: 12px; } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 1200px) and (max-width: 1220.98px) { /* ////////////////////////////////////////////////////////////////////////// main menu css start ////////////////////////////////////////////////////////////////////////// */ .social-icons { margin-left: 35px; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// banner css start ////////////////////////////////////////////////////////////////////////// */ .main-banner { height: 100%; } .banner-trending-text { width: 700px; bottom: 70px; } /* ////////////////////////////////////////////////////////////////////////// banner css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 112px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 120.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 172px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 282px; } .top-animes .all-time-details a { width: 238px; } .recently-added .top-animes .all-time-details a { width: 270px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 179px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 294px; margin-top: -54px; } .relations .item { width: calc(98.5% / 5); } .relations .item-container .item h3 { width: 201px; } .series-description p { font-size: 13.9px !important; } .relations .item { width: calc(98.5% / 5); } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ #anime_single_play ul.episodes li button .episode-name { width: 198px; } .tv-details-seasons ul.seasons li button.active::after, .tv-details-seasons ul.episodes li button.active::after { right: 10px; top: 8px; } .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 20%; } .tv-details-seasons ul.episodes { height: 528px; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ .schedule-item ul li p { width: 82%; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// download app css start ////////////////////////////////////////////////////////////////////////// */ .download-slider { width: 30.0% !important; } /* ////////////////////////////////////////////////////////////////////////// download app css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content ul { margin-top: 18px; } .user-settings ul li { font-size: 12px; } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 1200px) and (max-width: 1399.98px) { /* ////////////////////////////////////////////////////////////////////////// main menu css start ////////////////////////////////////////////////////////////////////////// */ .header-area { width: 6%; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// banner css start ////////////////////////////////////////////////////////////////////////// */ .main-banner { height: 100%; } /* ////////////////////////////////////////////////////////////////////////// banner css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ #content { padding-top: 50px; } #content.content-single-page { padding-top: 100px; } #content .item { padding: 5px; } #content .item { width: calc(100% / 4); } #content .item:nth-child(25) { display: none; } #content .recently-added .all-time-content:nth-child(9), #content .recently-added .all-time-content:nth-child(10), #content .recently-added .all-time-content:nth-child(11){ display: none; } .recently-added { margin-top: 15px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .relations .item { padding: 4px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ .tv-details-seasons ul.episodes li button { padding: 13px 15px 13px 33px; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ #schedule.schedule-main-page{ padding-top: 100px ; } .schedule-item ul li p { text-overflow: ellipsis; overflow: hidden; display: block ruby; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// trailer blog css start ////////////////////////////////////////////////////////////////////////// */ .trailer-news-wrapper { grid-gap: 3px; grid-template-columns: repeat(4, 1fr); } .trailer-news-item:first-child:before, .trailer-news-item:first-child:after, .trailer-news-item:nth-child(4):before, .trailer-news-item:nth-child(4):after, .trailer-news-item:nth-child(5):before, .trailer-news-item:nth-child(5):after, .trailer-news-item:nth-child(8):before, .trailer-news-item:nth-child(8):after { content: ""; width: 0; height: 0; border: 0 solid transparent; position: absolute; z-index: 5; display: block; } .trailer-news-item:first-child:before, .trailer-news-item:nth-child(4):before, .trailer-news-item:nth-child(5):before, .trailer-news-item:nth-child(8):before { border-right-color: #242428; border-width: 0 30px 30px 0; right: 0; top: 0; } .trailer-news-item:first-child::after, .trailer-news-item:nth-child(4)::after, .trailer-news-item:nth-child(5)::after, .trailer-news-item:nth-child(8)::after { border-right-color: #242428; border-width: 30px 30px 0 0; right: 0; bottom: 0; } .trailer-news-item:nth-child(4):before, .trailer-news-item:nth-child(8):before { top: 0; left: 0; border-left-color: #242428; border-width: 0 0 30px 30px; } .trailer-news-item:nth-child(4)::after, .trailer-news-item:nth-child(8)::after { border-bottom: 30px solid #242428; border-right: 30px solid transparent; left: 0; bottom: 0; } .hero-item .trailer-thumbnail, .hero-item .new-responsive-img, .hero-item .trailer-news-image, .standard-item:nth-child(1) .trailer-thumbnail, .standard-item:nth-child(1) .new-responsive-img, .standard-item:nth-child(1) .trailer-news-image, .standard-item:nth-child(4) .trailer-thumbnail, .standard-item:nth-child(4) .new-responsive-img, .standard-item:nth-child(4) .trailer-news-image, .standard-item:nth-child(5) .trailer-thumbnail, .standard-item:nth-child(5) .new-responsive-img, .standard-item:nth-child(5) .trailer-news-image, .standard-item:nth-child(8) .trailer-thumbnail, .standard-item:nth-child(8) .new-responsive-img, .standard-item:nth-child(8) .trailer-news-image { height: 100%; } .hero-item .new-responsive-img, .standard-item:nth-child(1) .new-responsive-img, .standard-item:nth-child(4) .new-responsive-img, .standard-item:nth-child(5) .new-responsive-img, .standard-item:nth-child(8) .new-responsive-img { width: 100%; } .hero-item .trailer-caption, .standard-item:nth-child(1) .trailer-caption, .standard-item:nth-child(4) .trailer-caption, .standard-item:nth-child(5) .trailer-caption, .standard-item:nth-child(8) .trailer-caption { position: absolute; bottom: 0; z-index: 3; bottom: 32px; left: 8px; } .hero-item .trailer-title, .hero-item .author, .standard-item:nth-child(4) .trailer-title, .standard-item:nth-child(4) .author, .standard-item:nth-child(5) .trailer-title, .standard-item:nth-child(5) .author, .standard-item:nth-child(8) .trailer-title, .standard-item:nth-child(8) .author { color: #fff; } .standard-item:nth-child(2), .standard-item:nth-child(3), .standard-item:nth-child(6), .standard-item:nth-child(7) { border-top: 30px solid #242428 !important; border-bottom: 30px solid #242428 !important; } .hero-item .trailer-title, .hero-item .author, .standard-item:first-child .trailer-title, .standard-item:first-child .author, .standard-item:nth-child(4) .trailer-title, .standard-item:nth-child(4) .author, .standard-item:nth-child(5) .trailer-title, .standard-item:nth-child(5) .author, .standard-item:nth-child(8) .trailer-title, .standard-item:nth-child(8) .author { color: #fff; } /* ////////////////////////////////////////////////////////////////////////// trailer blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// blog css start ////////////////////////////////////////////////////////////////////////// */ .article-title--large { font-size: 20px; } .article-title--medium { font-size: 20px; } .article-title--small { font-size: 20px; } .article-excerpt p{ font-size: 12px; } .magazine-column { grid-column: span 1; border-right: 1px solid #2f2f33; padding: 12px; } .magazine-column-1 .article:nth-child(3) { display: block; } .magazine-column-4 .article:nth-child(3) { display: block; } .magazine-column:nth-child(2) { grid-column: span 2; } .magazine-column:last-child { border-right: none; } /* ////////////////////////////////////////////////////////////////////////// blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ .user-settings ul li .form-check { margin-right: 10px; } .notification-card h4 { font-size: 20px; } #user-profile .item-container .item { width: calc(98% / 6); padding: 5px; } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer css start ////////////////////////////////////////////////////////////////////////// */ .footer-content { margin-left: auto; margin-right: auto; max-width: 1230px; padding: 40px 15px 365px; position: relative; } .footer-content-column { width: 24.99%; } .AtoZ_list li a { padding: 9px 9px; } /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// error page css start ////////////////////////////////////////////////////////////////////////// */ #error-page { padding: 100px 0; } #error-page img { width: 60%; } /* ////////////////////////////////////////////////////////////////////////// error page css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// coming soon css start ////////////////////////////////////////////////////////////////////////// */ .coming-soon-img { width: 40%; } /* ////////////////////////////////////////////////////////////////////////// coming soon css end ////////////////////////////////////////////////////////////////////////// */ } /*Large devices (desktops, 992px and up) */ @media (min-width: 1180px) and (max-width: 1199.98px) { /* ////////////////////////////////////////////////////////////////////////// main menu css start ////////////////////////////////////////////////////////////////////////// */ .menu-search { margin-left: 93px !important; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 109px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 121.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 207px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 458px; } .top-animes .all-time-details a { width: 412px; } .recently-added .top-animes .all-time-details a { width: 444px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 288px; margin-top: -85px; } .relations .item { width: calc(98.5% / 5); } .series-description p { font-size: 13px !important; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ #anime_single_play ul.episodes li button .episode-name { width: 193px; } .tv-details-seasons ul.seasons li button.active::after, .tv-details-seasons ul.episodes li button.active::after { right: 8px; top: 8px; } .tv-details-seasons ul.episodes { height: 519px; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ .clock .date { font-size: 13px; } .schedule-item ul li p { width: 80%; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Coming Out css start ////////////////////////////////////////////////////////////////////////// */ .flipper { font-size: 61px !important; } /* ////////////////////////////////////////////////////////////////////////// Coming Out css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// download app css start ////////////////////////////////////////////////////////////////////////// */ .download-slider { width: 34.3% !important; } /* ////////////////////////////////////////////////////////////////////////// download app css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// trailer blog css start ////////////////////////////////////////////////////////////////////////// */ .trailer-title { font-size: 13px; font-weight: 600; } .trailer-caption a { line-height: 13px; } .trailer-news-item:first-child::after, .trailer-news-item:nth-child(4)::after, .trailer-news-item:nth-child(5)::after, .trailer-news-item:nth-child(8)::after { border-width: 30px 30px 0 0 !important; } .trailer-news-item:first-child::before, .trailer-news-item:nth-child(4)::before, .trailer-news-item:nth-child(5)::before, .trailer-news-item:nth-child(8)::before { border-width: 0 30px 30px 0 !important; } .trailer-news-item:nth-child(4)::before, .trailer-news-item:nth-child(8)::before { border-width: 0 0 30px 30px !important; } .trailer-news-item:nth-child(4)::after, .trailer-news-item:nth-child(8)::after { border-bottom: 30px solid #242428 !important; border-right: 30px solid transparent !important; } /* ////////////////////////////////////////////////////////////////////////// trailer blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content h2 { margin-top: 60px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 65px; } #user-profile .item-container .item { width: calc(98.6% / 5); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer part css start ////////////////////////////////////////////////////////////////////////// */ .footer-content-column { width: 25.99% !important; } /* ////////////////////////////////////////////////////////////////////////// footer part css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 1159px) and (max-width: 1179.98px) { /* ////////////////////////////////////////////////////////////////////////// main menu css start ////////////////////////////////////////////////////////////////////////// */ .menu-search { margin-left: 85px !important; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 107px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 118.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 203px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 447px; } .top-animes .all-time-details a { width: 402px; } .recently-added .top-animes .all-time-details a { width: 433px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 433px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 282px; margin-top: -76px; } .relations .item { width: calc(98.5% / 5); } .series-description p { font-size: 13px !important; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ #anime_single_play ul.episodes li button .episode-name { width: 189px; } .tv-details-seasons ul.seasons li button.active::after, .tv-details-seasons ul.episodes li button.active::after { right: 8px; top: 8px; } .tv-details-seasons ul.episodes { height: 512px; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ .clock .date { font-size: 13px; } .schedule-item ul li p { width: 80%; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Coming Out css start ////////////////////////////////////////////////////////////////////////// */ .flipper { font-size: 59px !important; } /* ////////////////////////////////////////////////////////////////////////// Coming Out css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// trailer blog css start ////////////////////////////////////////////////////////////////////////// */ .trailer-title { font-size: 13px; font-weight: 600; } .trailer-caption a { line-height: 13px; } .trailer-news-item:first-child::after, .trailer-news-item:nth-child(4)::after, .trailer-news-item:nth-child(5)::after, .trailer-news-item:nth-child(8)::after { border-width: 30px 30px 0 0 !important; } .trailer-news-item:first-child::before, .trailer-news-item:nth-child(4)::before, .trailer-news-item:nth-child(5)::before, .trailer-news-item:nth-child(8)::before { border-width: 0 30px 30px 0 !important; } .trailer-news-item:nth-child(4)::before, .trailer-news-item:nth-child(8)::before { border-width: 0 0 30px 30px !important; } .trailer-news-item:nth-child(4)::after, .trailer-news-item:nth-child(8)::after { border-bottom: 30px solid #242428 !important; border-right: 30px solid transparent !important; } /* ////////////////////////////////////////////////////////////////////////// trailer blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// download app css start ////////////////////////////////////////////////////////////////////////// */ .download-slider { width: 34.3% !important; } /* ////////////////////////////////////////////////////////////////////////// download app css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content h2 { margin-top: 60px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 61px; } #user-profile .item-container .item { width: calc(98.5% / 5); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer part css start ////////////////////////////////////////////////////////////////////////// */ .footer-content-column { width: 24.99% !important; } /* ////////////////////////////////////////////////////////////////////////// footer part css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 1138px) and (max-width: 1158.98px) { /* ////////////////////////////////////////////////////////////////////////// main menu css start ////////////////////////////////////////////////////////////////////////// */ .menu-search { margin-left: 79px !important; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 105px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 114.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 199px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 438px; } .top-animes .all-time-details a { width: 392px; } .recently-added .top-animes .all-time-details a { width: 423px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 423px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ #anime_single_play ul.episodes li button .episode-name { width: 184px; } .tv-details-seasons ul.seasons li button.active::after, .tv-details-seasons ul.episodes li button.active::after { right: 8px; top: 8px; } .tv-details-seasons ul.episodes { height: 503px; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 276px; margin-top: -66px; } .relations .item { width: calc(98.5% / 5); } .series-description p { font-size: 13px !important; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ .clock .date { font-size: 12px; } .schedule-item ul li p { width: 79%; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Coming Out css start ////////////////////////////////////////////////////////////////////////// */ .flipper { font-size: 58px !important; } /* ////////////////////////////////////////////////////////////////////////// Coming Out css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// download app css start ////////////////////////////////////////////////////////////////////////// */ .download-slider { width: 34.3% !important; } /* ////////////////////////////////////////////////////////////////////////// download app css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// trailer blog css start ////////////////////////////////////////////////////////////////////////// */ .trailer-title { font-size: 13px; font-weight: 600; } .trailer-caption a { line-height: 13px; } .trailer-news-item:first-child::after, .trailer-news-item:nth-child(4)::after, .trailer-news-item:nth-child(5)::after, .trailer-news-item:nth-child(8)::after { border-width: 30px 30px 0 0 !important; } .trailer-news-item:first-child::before, .trailer-news-item:nth-child(4)::before, .trailer-news-item:nth-child(5)::before, .trailer-news-item:nth-child(8)::before { border-width: 0 30px 30px 0 !important; } .trailer-news-item:nth-child(4)::before, .trailer-news-item:nth-child(8)::before { border-width: 0 0 30px 30px !important; } .trailer-news-item:nth-child(4)::after, .trailer-news-item:nth-child(8)::after { border-bottom: 30px solid #242428 !important; border-right: 30px solid transparent !important; } /* ////////////////////////////////////////////////////////////////////////// trailer blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content h2 { margin-top: 45px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 72px; } #user-profile .item-container .item { width: calc(98.5% / 5); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer part css start ////////////////////////////////////////////////////////////////////////// */ .footer-content-column { width: 24.99% !important; } /* ////////////////////////////////////////////////////////////////////////// footer part css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 1117px) and (max-width: 1137.98px) { /* ////////////////////////////////////////////////////////////////////////// main menu css start ////////////////////////////////////////////////////////////////////////// */ .menu-search { margin-left: 73px !important; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 103px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 111.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 194px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 428px; } .top-animes .all-time-details a { width: 382px; } .recently-added .top-animes .all-time-details a { width: 413px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 413px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ #anime_single_play ul.episodes li button .episode-name { width: 177px; } .tv-details-seasons ul.seasons li button.active::after, .tv-details-seasons ul.episodes li button.active::after { right: 8px; top: 8px; } .tv-details-seasons ul.episodes { height: 494px; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 270px; margin-top: -95px; } .relations .item { width: calc(98.4% / 5); } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ .clock .date { font-size: 12px; } .schedule-item ul li p { width: 79%; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Coming Out css start ////////////////////////////////////////////////////////////////////////// */ .flipper { font-size: 57px !important; } /* ////////////////////////////////////////////////////////////////////////// Coming Out css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// download app css start ////////////////////////////////////////////////////////////////////////// */ .download-slider { width: 34.4% !important; } /* ////////////////////////////////////////////////////////////////////////// download app css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// trailer blog css start ////////////////////////////////////////////////////////////////////////// */ .trailer-title { font-size: 13px; font-weight: 600; } .trailer-caption a { line-height: 13px; } .trailer-news-item:first-child::after, .trailer-news-item:nth-child(4)::after, .trailer-news-item:nth-child(5)::after, .trailer-news-item:nth-child(8)::after { border-width: 30px 30px 0 0 !important; } .trailer-news-item:first-child::before, .trailer-news-item:nth-child(4)::before, .trailer-news-item:nth-child(5)::before, .trailer-news-item:nth-child(8)::before { border-width: 0 30px 30px 0 !important; } .trailer-news-item:nth-child(4)::before, .trailer-news-item:nth-child(8)::before { border-width: 0 0 30px 30px !important; } .trailer-news-item:nth-child(4)::after, .trailer-news-item:nth-child(8)::after { border-bottom: 30px solid #242428 !important; border-right: 30px solid transparent !important; } /* ////////////////////////////////////////////////////////////////////////// trailer blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content h2 { margin-top: 45px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 67px; } #user-profile .item-container .item { width: calc(98.5% / 5); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer part css start ////////////////////////////////////////////////////////////////////////// */ .footer-content-column { width: 23.99% !important; } /* ////////////////////////////////////////////////////////////////////////// footer part css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 1097px) and (max-width: 1116.98px) { /* ////////////////////////////////////////////////////////////////////////// main menu css start ////////////////////////////////////////////////////////////////////////// */ .menu-search { margin-left: 66px !important; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 101px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 109.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 190px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 418px; } .top-animes .all-time-details a { width: 370px; } .recently-added .top-animes .all-time-details a { width: 403px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 403px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ #anime_single_play ul.episodes li button .episode-name { width: 172px; } .tv-details-seasons ul.seasons li button.active::after, .tv-details-seasons ul.episodes li button.active::after { right: 8px; top: 8px; } .tv-details-seasons ul.episodes { height: 485px; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 265px; margin-top: -70px; } .relations .item { width: calc(98.4% / 5); } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ .clock .date { font-size: 12px; } .schedule-item ul li p { width: 79%; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Coming Out css start ////////////////////////////////////////////////////////////////////////// */ .flipper { font-size: 55px !important; } /* ////////////////////////////////////////////////////////////////////////// Coming Out css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// download app css start ////////////////////////////////////////////////////////////////////////// */ .download-slider { width: 34.5% !important; } /* ////////////////////////////////////////////////////////////////////////// download app css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// trailer blog css start ////////////////////////////////////////////////////////////////////////// */ .trailer-title { font-size: 13px; font-weight: 600; } .trailer-caption a { line-height: 13px; } .trailer-news-item:first-child::after, .trailer-news-item:nth-child(4)::after, .trailer-news-item:nth-child(5)::after, .trailer-news-item:nth-child(8)::after { border-width: 30px 30px 0 0 !important; } .trailer-news-item:first-child::before, .trailer-news-item:nth-child(4)::before, .trailer-news-item:nth-child(5)::before, .trailer-news-item:nth-child(8)::before { border-width: 0 30px 30px 0 !important; } .trailer-news-item:nth-child(4)::before, .trailer-news-item:nth-child(8)::before { border-width: 0 0 30px 30px !important; } .trailer-news-item:nth-child(4)::after, .trailer-news-item:nth-child(8)::after { border-bottom: 30px solid #242428 !important; border-right: 30px solid transparent !important; } /* ////////////////////////////////////////////////////////////////////////// trailer blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content h2 { margin-top: 45px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 63px; } #user-profile .item-container .item { width: calc(98.4% / 5); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer part css start ////////////////////////////////////////////////////////////////////////// */ .footer-content-column { width: 23.99% !important; } /* ////////////////////////////////////////////////////////////////////////// footer part css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 1076px) and (max-width: 1096.98px) { /* ////////////////////////////////////////////////////////////////////////// main menu css start ////////////////////////////////////////////////////////////////////////// */ .menu-search { margin-left: 60px !important; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 98px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 106.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 187px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 406px; } .top-animes .all-time-details a { width: 360px; } .recently-added .top-animes .all-time-details a { width: 393px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 393px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ #anime_single_play ul.episodes li button .episode-name { width: 168px; } .tv-details-seasons ul.seasons li button.active::after, .tv-details-seasons ul.episodes li button.active::after { right: 8px; top: 8px; } .tv-details-seasons ul.episodes { height: 476px; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 259px; margin-top: -60px; } .relations .item { width: calc(98.4% / 5); } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ .clock .date { font-size: 12px; } .schedule-item ul li p { width: 79%; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Coming Out css start ////////////////////////////////////////////////////////////////////////// */ .flipper { font-size: 54px !important; } /* ////////////////////////////////////////////////////////////////////////// Coming Out css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// download app css start ////////////////////////////////////////////////////////////////////////// */ .download-slider { width: 34.7% !important; } /* ////////////////////////////////////////////////////////////////////////// download app css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// trailer blog css start ////////////////////////////////////////////////////////////////////////// */ .trailer-title { font-size: 13px; font-weight: 600; } .trailer-caption a { line-height: 13px; } .trailer-news-item:first-child::after, .trailer-news-item:nth-child(4)::after, .trailer-news-item:nth-child(5)::after, .trailer-news-item:nth-child(8)::after { border-width: 30px 30px 0 0 !important; } .trailer-news-item:first-child::before, .trailer-news-item:nth-child(4)::before, .trailer-news-item:nth-child(5)::before, .trailer-news-item:nth-child(8)::before { border-width: 0 30px 30px 0 !important; } .trailer-news-item:nth-child(4)::before, .trailer-news-item:nth-child(8)::before { border-width: 0 0 30px 30px !important; } .trailer-news-item:nth-child(4)::after, .trailer-news-item:nth-child(8)::after { border-bottom: 30px solid #242428 !important; border-right: 30px solid transparent !important; } /* ////////////////////////////////////////////////////////////////////////// trailer blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content h2 { margin-top: 45px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 58px; } #user-profile .item-container .item { width: calc(98.4% / 5); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer part css start ////////////////////////////////////////////////////////////////////////// */ .footer-content-column { width: 22.99% !important; } /* ////////////////////////////////////////////////////////////////////////// footer part css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 1055px) and (max-width: 1075.98px) { /* ////////////////////////////////////////////////////////////////////////// main menu css start ////////////////////////////////////////////////////////////////////////// */ .menu-search { margin-left: 57px !important; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 96px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 102.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 182px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 395px; } .top-animes .all-time-details a { width: 348px; } .recently-added .top-animes .all-time-details a { width: 382px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 382px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ #anime_single_play ul.episodes li button .episode-name { width: 162px; } .tv-details-seasons ul.seasons li button.active::after, .tv-details-seasons ul.episodes li button.active::after { right: 8px; top: 8px; } .tv-details-seasons ul.episodes { height: 467px; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 253px; margin-top: -51px; } .relations .item { width: calc(98.3% / 5); } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ .clock .date { font-size: 11px; } .schedule-item ul li p { width: 79%; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Coming Out css start ////////////////////////////////////////////////////////////////////////// */ .flipper { font-size: 53px !important; } /* ////////////////////////////////////////////////////////////////////////// Coming Out css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// download app css start ////////////////////////////////////////////////////////////////////////// */ .download-slider { width: 35.4% !important; } /* ////////////////////////////////////////////////////////////////////////// download app css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// trailer blog css start ////////////////////////////////////////////////////////////////////////// */ .trailer-title { font-size: 13px; font-weight: 600; } .trailer-caption a { line-height: 13px; } .trailer-news-item:first-child::after, .trailer-news-item:nth-child(4)::after, .trailer-news-item:nth-child(5)::after, .trailer-news-item:nth-child(8)::after { border-width: 30px 30px 0 0 !important; } .trailer-news-item:first-child::before, .trailer-news-item:nth-child(4)::before, .trailer-news-item:nth-child(5)::before, .trailer-news-item:nth-child(8)::before { border-width: 0 30px 30px 0 !important; } .trailer-news-item:nth-child(4)::before, .trailer-news-item:nth-child(8)::before { border-width: 0 0 30px 30px !important; } .trailer-news-item:nth-child(4)::after, .trailer-news-item:nth-child(8)::after { border-bottom: 30px solid #242428 !important; border-right: 30px solid transparent !important; } /* ////////////////////////////////////////////////////////////////////////// trailer blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content h2 { margin-top: 45px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 54px; } #user-profile .item-container .item { width: calc(98% / 5); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer part css start ////////////////////////////////////////////////////////////////////////// */ .footer-content-column { width: 22.99% !important; } /* ////////////////////////////////////////////////////////////////////////// footer part css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 1034px) and (max-width: 1054.98px) { /* ////////////////////////////////////////////////////////////////////////// main menu css start ////////////////////////////////////////////////////////////////////////// */ .menu-search { margin-left: 52px !important; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 93px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 97.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 178px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 385px; } .top-animes .all-time-details a { width: 340px; } .recently-added .top-animes .all-time-details a { width: 372px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 372px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 247px; margin-top: -25px; } .relations .item { width: calc(98.3% / 5); } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ .tv-details-seasons ul.episodes li button { padding: 13px 15px 13px 33px; } #anime_single_play ul.episodes li button .episode-name { width: 158px; } .tv-details-seasons ul.seasons li button.active::after, .tv-details-seasons ul.episodes li button.active::after { right: 8px; top: 8px; } .tv-details-seasons ul.episodes { height: 459px; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ .clock .date { font-size: 10px; } .schedule-item ul li p { width: 78%; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Coming Out css start ////////////////////////////////////////////////////////////////////////// */ .flipper { font-size: 51px !important; } /* ////////////////////////////////////////////////////////////////////////// Coming Out css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// download app css start ////////////////////////////////////////////////////////////////////////// */ .download-slider { width: 36% !important; } /* ////////////////////////////////////////////////////////////////////////// download app css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// trailer blog css start ////////////////////////////////////////////////////////////////////////// */ .trailer-title { font-size: 13px; font-weight: 600; } .trailer-caption a { line-height: 13px; } .trailer-news-item:first-child::after, .trailer-news-item:nth-child(4)::after, .trailer-news-item:nth-child(5)::after, .trailer-news-item:nth-child(8)::after { border-width: 30px 30px 0 0 !important; } .trailer-news-item:first-child::before, .trailer-news-item:nth-child(4)::before, .trailer-news-item:nth-child(5)::before, .trailer-news-item:nth-child(8)::before { border-width: 0 30px 30px 0 !important; } .trailer-news-item:nth-child(4)::before, .trailer-news-item:nth-child(8)::before { border-width: 0 0 30px 30px !important; } .trailer-news-item:nth-child(4)::after, .trailer-news-item:nth-child(8)::after { border-bottom: 30px solid #242428 !important; border-right: 30px solid transparent !important; } /* ////////////////////////////////////////////////////////////////////////// trailer blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content h2 { margin-top: 45px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 50px; } #user-profile .item-container .item { width: calc(98% / 5); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer part css start ////////////////////////////////////////////////////////////////////////// */ .footer-content-column { width: 21.99% !important; } /* ////////////////////////////////////////////////////////////////////////// footer part css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 1013px) and (max-width: 1033.98px) { /* ////////////////////////////////////////////////////////////////////////// main menu css start ////////////////////////////////////////////////////////////////////////// */ .menu-search { margin-left: 37px !important; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 91px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 93.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 174px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 375px; } .top-animes .all-time-details a { width: 330px; } .recently-added .top-animes .all-time-details a { width: 360px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 360px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 241px; margin-top: -10px; } .relations .item { width: calc(98% / 5); } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ #anime_single_play ul.episodes li button .episode-name { width: 150px; } .tv-details-seasons ul.seasons li button.active::after, .tv-details-seasons ul.episodes li button.active::after { right: 8px; top: 8px; } .tv-details-seasons ul.episodes { height: 450px; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ .clock .date { font-size: 10px; } .schedule-item ul li p { width: 78%; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Coming Out css start ////////////////////////////////////////////////////////////////////////// */ .flipper { font-size: 49px !important; } /* ////////////////////////////////////////////////////////////////////////// Coming Out css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// trailer blog css start ////////////////////////////////////////////////////////////////////////// */ .trailer-title { font-size: 13px; font-weight: 600; } .trailer-caption a { line-height: 13px; } .trailer-news-item:first-child::after, .trailer-news-item:nth-child(4)::after, .trailer-news-item:nth-child(5)::after, .trailer-news-item:nth-child(8)::after { border-width: 30px 30px 0 0 !important; } .trailer-news-item:first-child::before, .trailer-news-item:nth-child(4)::before, .trailer-news-item:nth-child(5)::before, .trailer-news-item:nth-child(8)::before { border-width: 0 30px 30px 0 !important; } .trailer-news-item:nth-child(4)::before, .trailer-news-item:nth-child(8)::before { border-width: 0 0 30px 30px !important; } .trailer-news-item:nth-child(4)::after, .trailer-news-item:nth-child(8)::after { border-bottom: 30px solid #242428 !important; border-right: 30px solid transparent !important; } /* ////////////////////////////////////////////////////////////////////////// trailer blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// download app css start ////////////////////////////////////////////////////////////////////////// */ .download-slider { width: 36% !important; } /* ////////////////////////////////////////////////////////////////////////// download app css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content h2 { margin-top: 45px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 45px; } #user-profile .item-container .item { width: calc(98% / 5); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer part css start ////////////////////////////////////////////////////////////////////////// */ .footer-content-column { width: 21.99% !important; } /* ////////////////////////////////////////////////////////////////////////// footer part css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 992px) and (max-width: 1012.98px) { /* ////////////////////////////////////////////////////////////////////////// main menu css start ////////////////////////////////////////////////////////////////////////// */ .menu-search { margin-left: 30px !important; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 89px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 95.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 169px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 365px; } .top-animes .all-time-details a { width: 316px; } .recently-added .top-animes .all-time-details a { width: 353px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 350px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 236px; margin-top: -8px; } .relations .item { width: calc(98% / 5); } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ #anime_single_play ul.episodes li button .episode-name { width: 144px; } .tv-details-seasons ul.seasons li button.active::after, .tv-details-seasons ul.episodes li button.active::after { right: 8px; top: 8px; } .tv-details-seasons ul.episodes { height: 440px; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ .clock .date { font-size: 9px; } .schedule-item ul li p { width: 76%; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Coming Out css start ////////////////////////////////////////////////////////////////////////// */ .flipper { font-size: 49px !important; } /* ////////////////////////////////////////////////////////////////////////// Coming Out css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// download app css start ////////////////////////////////////////////////////////////////////////// */ .download-slider { width: 37% !important; } /* ////////////////////////////////////////////////////////////////////////// download app css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// trailer blog css start ////////////////////////////////////////////////////////////////////////// */ .trailer-title { font-size: 13px; font-weight: 600; } .trailer-caption a { line-height: 13px; } .trailer-news-item:first-child::after, .trailer-news-item:nth-child(4)::after, .trailer-news-item:nth-child(5)::after, .trailer-news-item:nth-child(8)::after { border-width: 30px 30px 0 0 !important; } .trailer-news-item:first-child::before, .trailer-news-item:nth-child(4)::before, .trailer-news-item:nth-child(5)::before, .trailer-news-item:nth-child(8)::before { border-width: 0 30px 30px 0 !important; } .trailer-news-item:nth-child(4)::before, .trailer-news-item:nth-child(8)::before { border-width: 0 0 30px 30px !important; } .trailer-news-item:nth-child(4)::after, .trailer-news-item:nth-child(8)::after { border-bottom: 30px solid #242428 !important; border-right: 30px solid transparent !important; } /* ////////////////////////////////////////////////////////////////////////// trailer blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ /* user settings part start*/ #user-banner .user-profile-banner .user-banner-content h2 { margin-top: 45px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 41px; } /* user settings part end*/ #user-profile .item-container .item { width: calc(98% / 5); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer part css start ////////////////////////////////////////////////////////////////////////// */ .footer-content-column { width: 21.99% !important; } /* ////////////////////////////////////////////////////////////////////////// footer part css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 992px) and (max-width: 1199.98px) { /* ////////////////////////////////////////////////////////////////////////// heading css start ////////////////////////////////////////////////////////////////////////// */ .heading-section h4 { font-size: 19px; } .heading-section { margin-left: 0; } /* ////////////////////////////////////////////////////////////////////////// heading css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// main menu css start ////////////////////////////////////////////////////////////////////////// */ #main-menu .main-header { position: relative; } #main-menu .main-header { height: 59px; } #main-menu .main-header .logo { margin: 7.5px 0 0 14px; padding: 0; width: 135px; } #main-menu .main-header .logo .fa-bounce { animation: none; -webkit-animation: none; } .classy-navbar-toggler .navbarToggler span { margin: 3px 0; width: 23px; } .classy-nav-container .classy-navbar .classynav ul li a { border-bottom: none; font-size: 14px; } .classy-nav-container { padding: 0; display: inline-block; } .breakpoint-on .classynav>ul>li>a { background-color: #000; } .classy-nav-container .classy-navbar { padding: 0%; height: 60px; } .classy-nav-container .classy-navbar .nav-brand { max-width: 90px; margin-right: 15px; } .classynav ul li.has-down>a::after, .classynav ul li.has-down.active>a::after, .classynav ul li.megamenu-item>a::after { color: #fff; } .classy-nav-container .classy-navbar .classynav ul li a { border-bottom: none; font-size: 14px; color: #fff; } .classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a { color: #ffffff; } .classy-navbar-toggler .navbarToggler span { background-color: #ffffff; } .breakpoint-on .classynav>ul>li>a { background-color: transparent; } .breakpoint-on .classy-navbar .classy-menu { right: -100%; } .breakpoint-on .classynav ul li a { padding: 0 21px; } .classycloseIcon .cross-wrap span { background-color: #ffffff; } .classy-navbar-toggler .navbarToggler.active span:nth-of-type(1) { top: 5px; } .classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a { border-radius: 0; } .social-icons { margin: 0; } .social-icons ul li a { font-size: 15px; width: 30px; height: 30px; } .header-area { position: absolute; width: 40px; top: 0px; right: 9px; } .event__search__floater { display: none; } .menu-search { display: inline-block; padding: 10px 0; margin-left: 18px; width: 42%; } .search__toggler { top: 3px; left: -8px; } .event__search__floater { top: 13px; right: 72px; z-index: 1; } .logo-user { display: flex; flex-wrap: wrap; justify-content: space-around; } .user a.btn { background: #2f2f33; border: 1px solid #888; } .user .dropdown { display: block !important; } .mobile-user.user { display: inline-block; margin: 12px 10px; position: absolute; right: 80px; } .mobile-user.user a img { margin-bottom: 0px; } .mobile-user.user .dropdown-menu { background: #2e2e32; border-color: transparent; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5); border: 0; padding: 10px; } .mobile-user.user .dropdown-menu li a { background: transparent; padding: 8px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; align-items: center; display: flex; font-size: 10px; font-weight: 500; } .dropdown-menu { padding: 0; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// banner css start ////////////////////////////////////////////////////////////////////////// */ .main-banner { height: 100%; } .banner-trending-text { width: 690px; } .main-banner h4 { font-size: 24px; } .main-banner h6 { font-size: 12px; } /* ////////////////////////////////////////////////////////////////////////// banner css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider { padding-top: 20px; padding-bottom: 0px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ #content.content-single-page { padding-bottom: 15px; padding-top: 30px; } #content .item { width: calc(100% / 5); padding: 4px; } .item:hover .anime-details { display: none; } .anime-details h1 { font-size: 12px; } .anime-details .desc { display: none; } .anime-details h2 { font-size: 10px; margin-bottom: 4px; } .content-right { margin-top: 15px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .view-all{ text-align: end; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .series-description { margin-top: 15px; } .series-description p{ font-size: 12px; } .anime-watch-buttons { margin-top: 15px; } .overviews { padding: 15px 15px; } .relations .item { padding: 3px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Coming Out css start ////////////////////////////////////////////////////////////////////////// */ #download-app { padding: 50px 0; } #Coming-Out::before { background: linear-gradient(to bottom, rgba(2, 26, 71, 0.28) 0%, rgba(0, 89, 255, 0.67) 100%); } #Coming-Out .Coming-Out-info h1 { font-size: 34px; } #Coming-Out .Coming-Out-info h6 { margin: 30px auto; } /* ////////////////////////////////////////////////////////////////////////// Coming Out css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ #schedule.schedule-main-page{ padding-top: 40px ; } .discord-banner { margin-top: 70px; } .schedule-item ul li p { font-size: 14px; text-overflow: ellipsis; overflow: hidden; display: block ruby; } .discord-content h2 { font-size: 19px; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Genres css start ////////////////////////////////////////////////////////////////////////// */ #genres { padding-top: 40px; padding-bottom: 40px; } /* ////////////////////////////////////////////////////////////////////////// Genres css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Blog css start ////////////////////////////////////////////////////////////////////////// */ #blog { padding-top: 40px; padding-bottom: 40px; } .magazine-layout { margin-top: 0; display: grid; grid-template-columns: repeat(10, 1fr); grid-row-gap: 1rem; } /* ////////////////////////////////////////////////////////////////////////// Blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// download app css start ////////////////////////////////////////////////////////////////////////// */ .download-slide img { width: 200px; /* height: 174px; */ } .download-slider { width: 37%; } #download-app h2 { font-size: 34px; } /* ////////////////////////////////////////////////////////////////////////// download app css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// trailer blog css start ////////////////////////////////////////////////////////////////////////// */ #trailer-main-blog { padding: 30px 0; } .trailer-news-wrapper { grid-gap: 3px; grid-template-columns: repeat(4, 1fr); } .trailer-news-item:first-child:before, .trailer-news-item:first-child:after, .trailer-news-item:nth-child(4):before, .trailer-news-item:nth-child(4):after, .trailer-news-item:nth-child(5):before, .trailer-news-item:nth-child(5):after, .trailer-news-item:nth-child(8):before, .trailer-news-item:nth-child(8):after { content: ""; width: 0; height: 0; border: 0 solid transparent; position: absolute; z-index: 5; display: block; } .trailer-news-item:first-child:before, .trailer-news-item:nth-child(4):before, .trailer-news-item:nth-child(5):before, .trailer-news-item:nth-child(8):before { border-right-color: #242428; border-width: 0 55px 55px 0; right: 0; top: 0; } .trailer-news-item:first-child:after, .trailer-news-item:nth-child(4):after, .trailer-news-item:nth-child(5):after, .trailer-news-item:nth-child(8):after { border-right-color: #242428; border-width: 55px 55px 0 0; right: 0; bottom: 0; } .trailer-news-item:nth-child(4):before, .trailer-news-item:nth-child(8):before { top: 0; left: 0; border-left-color: #242428; border-width: 0 0 55px 55px; } .trailer-news-item:nth-child(4):after, .trailer-news-item:nth-child(8):after { border-bottom: 55px solid #242428; border-right: 55px solid transparent; left: 0; bottom: 0; } .hero-item .trailer-thumbnail, .hero-item .new-responsive-img, .hero-item .trailer-news-image, .standard-item:nth-child(1) .trailer-thumbnail, .standard-item:nth-child(1) .new-responsive-img, .standard-item:nth-child(1) .trailer-news-image, .standard-item:nth-child(4) .trailer-thumbnail, .standard-item:nth-child(4) .new-responsive-img, .standard-item:nth-child(4) .trailer-news-image, .standard-item:nth-child(5) .trailer-thumbnail, .standard-item:nth-child(5) .new-responsive-img, .standard-item:nth-child(5) .trailer-news-image, .standard-item:nth-child(8) .trailer-thumbnail, .standard-item:nth-child(8) .new-responsive-img, .standard-item:nth-child(8) .trailer-news-image { height: 100%; } .hero-item .new-responsive-img, .standard-item:nth-child(1) .new-responsive-img, .standard-item:nth-child(4) .new-responsive-img, .standard-item:nth-child(5) .new-responsive-img, .standard-item:nth-child(8) .new-responsive-img { width: 100%; } .hero-item .trailer-caption, .standard-item:nth-child(1) .trailer-caption, .standard-item:nth-child(4) .trailer-caption, .standard-item:nth-child(5) .trailer-caption, .standard-item:nth-child(8) .trailer-caption { position: absolute; bottom: 0; z-index: 3; bottom: 32px; left: 8px; } .hero-item .trailer-title, .hero-item .author, .standard-item:nth-child(4) .trailer-title, .standard-item:nth-child(4) .author, .standard-item:nth-child(5) .trailer-title, .standard-item:nth-child(5) .author, .standard-item:nth-child(8) .trailer-title, .standard-item:nth-child(8) .author { color: #fff; } .standard-item:nth-child(2), .standard-item:nth-child(3), .standard-item:nth-child(6), .standard-item:nth-child(7) { border-top: 30px solid #242428 !important; border-bottom: 30px solid #242428 !important; } .hero-item .trailer-title, .hero-item .author, .standard-item:first-child .trailer-title, .standard-item:first-child .author, .standard-item:nth-child(4) .trailer-title, .standard-item:nth-child(4) .author, .standard-item:nth-child(5) .trailer-title, .standard-item:nth-child(5) .author, .standard-item:nth-child(8) .trailer-title, .standard-item:nth-child(8) .author { color: #fff; } /* ////////////////////////////////////////////////////////////////////////// trailer blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_data .table { font-size: 12px; } .single_anime_data p { font-size: 12px; } .share-bookmark { width: 35%; } .overviews .overviews-all li span:first-child { width: 80px; } .overviews .overviews-all li { font-size: 12px; margin: 10px 0; } .overviews-description p { font-size: 12px; } .anime-character-card .voice-actor-name h4 { font-size: 12px; } .anime-character-card .anime-characters-name h4 { font-size: 12px; } .anime-character-card .anime-characters-name { bottom: 15px; left: 13px; } .anime-character-card .voice-actor-name { bottom: 15px; left: 13px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ #anime_single_play { padding-top: 40px; } .tv-details-seasons ul.episodes li button { padding: 13px 15px 13px 33px; } .tv-series-server-options ul li button { padding: 6px 8px; font-size: 10px; margin: 3px; } .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 25%; } .related-single-anime-info p { font-size: 11px; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// blog css start ////////////////////////////////////////////////////////////////////////// */ .magazine-column-1, .magazine-column-3 { border-right: 1px solid #2f2f33; } .article-title--large { font-size: 25px; } .article-title--medium { font-size: 25px; } .magazine-column-1 .article:nth-child(3), .magazine-column-1 .article:nth-child(4) { display: block; } .magazine-column-4 .article:nth-child(3), .magazine-column-4 .article:nth-child(4) { display: block; } /* ////////////////////////////////////////////////////////////////////////// blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Single blog css start ////////////////////////////////////////////////////////////////////////// */ #blog-single { padding-top: 40px; } /* ////////////////////////////////////////////////////////////////////////// Single blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// commentbox css start ////////////////////////////////////////////////////////////////////////// */ .comment_area .comment-content .comment-meta .post-date { font-size: 9px; } /* ////////////////////////////////////////////////////////////////////////// commentbox css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ .user-settings ul li { font-size: 12px; } .user-settings ul li .form-check { margin-right: 10px; } .notification-card h4 { font-size: 20px; } #user-profile .item-container .item { padding: 4px; } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// contact css start ////////////////////////////////////////////////////////////////////////// */ #contact { padding: 30px 0; } /* ////////////////////////////////////////////////////////////////////////// contact css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer css start ////////////////////////////////////////////////////////////////////////// */ .footer-content { margin-left: auto; margin-right: auto; max-width: 1230px; padding: 40px 15px 365px; position: relative; } .AtoZ_list li a { font-size: 9px; padding: 9px 9px; } /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// error page css start ////////////////////////////////////////////////////////////////////////// */ #error-page { padding: 30px 0; } #error-page h1 { font-size: 130px; } #error-page img { width: 85%; } #error-page p { font-size: 15px; } /* ////////////////////////////////////////////////////////////////////////// error page css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// coming soon css start ////////////////////////////////////////////////////////////////////////// */ .coming-soon-img { width: 50%; } /* ////////////////////////////////////////////////////////////////////////// coming soon css end ////////////////////////////////////////////////////////////////////////// */ } /* Medium devices (tablets, 768px and up) */ @media (min-width: 981px) and (max-width: 991.98px) { /* ////////////////////////////////////////////////////////////////////////// main-menu css start ////////////////////////////////////////////////////////////////////////// */ .menu-search { margin-left: 145px; } /* ////////////////////////////////////////////////////////////////////////// main-menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 217px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 392px !important; } .top-animes .all-time-details a { width: 346px !important; } .recently-added .top-animes .all-time-details a { width: 378px !important; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 378px !important; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 315px; margin-top: -168px; } .relations .item { width: calc(907px / 4); } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 128px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 135.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ /* user settings part start*/ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 43px; margin-top: 41px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 74px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 12px; } /* user settings part end*/ #user-profile .item-container .item { width: calc(93% / 4); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer part css start ////////////////////////////////////////////////////////////////////////// */ .footer-idol-image { top: 136px; width: 308px; } .footer-content-column { width: 25.99% !important; } /* ////////////////////////////////////////////////////////////////////////// footer part css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 961px) and (max-width: 980.98px) { /* ////////////////////////////////////////////////////////////////////////// main-menu css start ////////////////////////////////////////////////////////////////////////// */ .menu-search { margin-left: 140px; } /* ////////////////////////////////////////////////////////////////////////// main-menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 212px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 382px !important; } .top-animes .all-time-details a { width: 335px !important; } .recently-added .top-animes .all-time-details a { width: 368px !important; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 368px !important; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 308px; margin-top: -157px; } .relations .item { width: calc(887px / 4); } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 125px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 132.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ /* user settings part start*/ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 43px; margin-top: 41px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 69px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 12px; } /* user settings part end*/ #user-profile .item-container .item { width: calc(93% / 4); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer part css start ////////////////////////////////////////////////////////////////////////// */ .footer-idol-image { top: 136px; width: 308px; } .footer-content-column { width: 25.99% !important; } /* ////////////////////////////////////////////////////////////////////////// footer part css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 941px) and (max-width: 960.98px) { /* ////////////////////////////////////////////////////////////////////////// main-menu css start ////////////////////////////////////////////////////////////////////////// */ .menu-search { margin-left: 130px; } /* ////////////////////////////////////////////////////////////////////////// main-menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 207px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 372px !important; } .top-animes .all-time-details a { width: 326px !important; } .recently-added .top-animes .all-time-details a { width: 360px !important; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 360px !important; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 302px; margin-top: -148px; } .relations .item { width: calc(867px / 4); } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 120px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 127.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ /* user settings part start*/ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 43px; margin-top: 41px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 65px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 12px; } /* user settings part end*/ #user-profile .item-container .item { width: calc(93% / 4); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer part css start ////////////////////////////////////////////////////////////////////////// */ .footer-idol-image { top: 136px; width: 308px; } .footer-content-column { width: 24.99% !important; } /* ////////////////////////////////////////////////////////////////////////// footer part css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 921px) and (max-width: 940.98px) { /* ////////////////////////////////////////////////////////////////////////// main-menu css start ////////////////////////////////////////////////////////////////////////// */ .menu-search { margin-left: 125px; } /* ////////////////////////////////////////////////////////////////////////// main-menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 203px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 362px !important; } .top-animes .all-time-details a { width: 316px !important; } .recently-added .top-animes .all-time-details a { width: 350px !important; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 350px !important; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 295px; margin-top: -138px; } .relations .item { width: calc(847px / 4); } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 119px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 122.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ /* user settings part start*/ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 43px; margin-top: 41px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 61px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 12px; } /* user settings part end*/ #user-profile .item-container .item { width: calc(93% / 4); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer part css start ////////////////////////////////////////////////////////////////////////// */ .footer-idol-image { top: 136px; width: 308px; } .footer-content-column { width: 24.99% !important; } /* ////////////////////////////////////////////////////////////////////////// footer part css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 891px) and (max-width: 920.98px) { /* ////////////////////////////////////////////////////////////////////////// main-menu css start ////////////////////////////////////////////////////////////////////////// */ .menu-search { margin-left: 109px; } /* ////////////////////////////////////////////////////////////////////////// main-menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 194px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 350px !important; } .top-animes .all-time-details a { width: 303px !important; } .recently-added .top-animes .all-time-details a { width: 334px !important; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 334px !important; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 115px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 119.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 285px; margin-top: -102px; } .relations .item { width: calc(817px / 4); } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ /* user settings part start*/ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 43px; margin-top: 41px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 55px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 12px; } /* user settings part end*/ #user-profile .item-container .item { width: calc(92% / 4); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer part css start ////////////////////////////////////////////////////////////////////////// */ .footer-idol-image { top: 140px; width: 305px; } .footer-content-column { width: 23.99% !important; } /* ////////////////////////////////////////////////////////////////////////// footer part css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 871px) and (max-width: 890.98px) { /* ////////////////////////////////////////////////////////////////////////// main-menu css start ////////////////////////////////////////////////////////////////////////// */ .menu-search { margin-left: 100px; } /* ////////////////////////////////////////////////////////////////////////// main-menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 187px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 339px !important; } .top-animes .all-time-details a { width: 293px !important; } .recently-added .top-animes .all-time-details a { width: 325px !important; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 325px !important; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 110px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 116.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 278px; margin-top: -92px; } .relations .item { width: calc(797px / 4); } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ /* user settings part start*/ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 43px; margin-top: 41px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 50px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 12px; } /* user settings part end*/ #user-profile .item-container .item { width: calc(91% / 4); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer part css start ////////////////////////////////////////////////////////////////////////// */ .footer-idol-image { top: 140px; width: 325px; } .footer-content-column { width: 22.99% !important; } /* ////////////////////////////////////////////////////////////////////////// footer part css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 861px) and (max-width: 870.98px) { /* ////////////////////////////////////////////////////////////////////////// main-menu css start ////////////////////////////////////////////////////////////////////////// */ .menu-search { margin-left: 92px; } /* ////////////////////////////////////////////////////////////////////////// main-menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 187px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 333px !important; } .top-animes .all-time-details a { width: 285px !important; } .recently-added .top-animes .all-time-details a { width: 320px !important; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 320px !important; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 106px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 275px; margin-top: -87px; } .relations .item { width: calc(787px / 4); } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 113.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ /* user settings part start*/ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 43px; margin-top: 41px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 48px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 12px; } /* user settings part end*/ #user-profile .item-container .item { width: calc(92% / 4); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer part css start ////////////////////////////////////////////////////////////////////////// */ .footer-idol-image { top: 140px; width: 290px; } .footer-content-column { width: 24.99% !important; } /* ////////////////////////////////////////////////////////////////////////// footer part css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 841px) and (max-width: 860.98px) { /* ////////////////////////////////////////////////////////////////////////// main-menu css start ////////////////////////////////////////////////////////////////////////// */ .menu-search { margin-left: 84px; } /* ////////////////////////////////////////////////////////////////////////// main-menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 183px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 323px !important; } .top-animes .all-time-details a { width: 276px !important; } .recently-added .top-animes .all-time-details a { width: 308px !important; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 308px !important; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 106px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 110.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 268px; margin-top: -76px; } .relations .item { width: calc(767px / 4); } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ /* user settings part start*/ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 43px; margin-top: 41px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 44px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 12px; } /* user settings part end*/ #user-profile .item-container .item { width: calc(93% / 4); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer part css start ////////////////////////////////////////////////////////////////////////// */ .footer-idol-image { top: 140px; width: 290px; } .footer-content-column { width: 24.99% !important; } /* ////////////////////////////////////////////////////////////////////////// footer part css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 821px) and (max-width: 840.98px) { /* ////////////////////////////////////////////////////////////////////////// main-menu css start ////////////////////////////////////////////////////////////////////////// */ .menu-search { margin-left: 70px; } /* ////////////////////////////////////////////////////////////////////////// main-menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 177px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 312px !important; } .top-animes .all-time-details a { width: 266px !important; } .recently-added .top-animes .all-time-details a { width: 299px !important; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 299px !important; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 104px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 262px; margin-top: -67px; } .relations .item { width: calc(747px / 4); } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 106.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ /* user settings part start*/ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 40px; margin-top: 42px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 44px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 12px; } /* user settings part end*/ #user-profile .item-container .item { width: calc(92% / 4); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer part css start ////////////////////////////////////////////////////////////////////////// */ .footer-idol-image { top: 140px; width: 290px; } .footer-content-column { width: 23.99% !important; } /* ////////////////////////////////////////////////////////////////////////// footer part css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 801px) and (max-width: 820.98px) { /* ////////////////////////////////////////////////////////////////////////// main-menu css start ////////////////////////////////////////////////////////////////////////// */ .menu-search { margin-left: 65px; } /* ////////////////////////////////////////////////////////////////////////// main-menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 167px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 303px !important; } .top-animes .all-time-details a { width: 257px !important; } .recently-added .top-animes .all-time-details a { width: 290px !important; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 290px !important; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 255px; margin-top: -36px; } .relations .item { width: calc(727px / 4); } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 101px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 101.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ /* user settings part start*/ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 40px; margin-top: 42px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 40px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 12px; } /* user settings part end*/ #user-profile .item-container .item { width: calc(89% / 4); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer part css start ////////////////////////////////////////////////////////////////////////// */ .footer-idol-image { top: 140px; width: 290px; } .footer-content-column { width: 22.99% !important; } /* ////////////////////////////////////////////////////////////////////////// footer part css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 781px) and (max-width: 800.98px) { /* ////////////////////////////////////////////////////////////////////////// main-menu css start ////////////////////////////////////////////////////////////////////////// */ .menu-search { margin-left: 60px; } /* ////////////////////////////////////////////////////////////////////////// main-menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 167px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 293px !important; } .top-animes .all-time-details a { width: 247px !important; } .recently-added .top-animes .all-time-details a { width: 280px !important; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 280px !important; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 248px; margin-top: -25px; } .relations .item { width: calc(707px / 4); } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 98px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 101.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ /* user settings part start*/ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 40px; margin-top: 42px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 35px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 12px; } /* user settings part end*/ #user-profile .item-container .item { width: calc(92% / 4); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer part css start ////////////////////////////////////////////////////////////////////////// */ .footer-idol-image { top: 140px; width: 290px; } .footer-content-column { width: 22.99% !important; } /* ////////////////////////////////////////////////////////////////////////// footer part css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 768px) and (max-width: 780.98px) { /* ////////////////////////////////////////////////////////////////////////// main-menu css start ////////////////////////////////////////////////////////////////////////// */ .menu-search { margin-left: 52px; } /* ////////////////////////////////////////////////////////////////////////// main-menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 163px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 285px !important; } .top-animes .all-time-details a { width: 240px !important; } .recently-added .top-animes .all-time-details a { width: 270px !important; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 270px !important; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 244px; margin-top: -19px; } .relations .item { width: calc(694px / 4); } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 94px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { height: 97.4px; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ /* user settings part start*/ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 40px; margin-top: 42px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 34px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 12px; } /* user settings part end*/ #user-profile .item-container .item { width: calc(91% / 4); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer part css start ////////////////////////////////////////////////////////////////////////// */ .footer-idol-image { top: 140px; width: 290px; } .footer-content-column { width: 22.99% !important; } /* ////////////////////////////////////////////////////////////////////////// footer part css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 768px) and (max-width: 991.98px) { /* ////////////////////////////////////////////////////////////////////////// heading css start ////////////////////////////////////////////////////////////////////////// */ .heading-section h4 { font-size: 19px; } .heading-section { margin-left: 0; } /* ////////////////////////////////////////////////////////////////////////// heading css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// sidebar css start ////////////////////////////////////////////////////////////////////////// */ body .sidebar { position: fixed; top: 0; z-index: -1; } body .sidebar nav { top: 0; } body .sidebar nav { height: 100% !important; } .sb-toggle-left { display: block; padding: 11px 0; margin: 11.2px 4px; width: 32px; text-align: center; z-index: 1; position: relative; } .sb-toggle-left .menu-icon-text { display: none; } .inner-container { padding: 0 16px; } /* ////////////////////////////////////////////////////////////////////////// sidebar css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// main menu css start ////////////////////////////////////////////////////////////////////////// */ #main-menu .main-header { position: relative; } #main-menu .main-header { height: 59px; } #main-menu .main-header .logo { margin: 7.5px 0; padding: 0; width: 120px; } #main-menu .main-header .logo .fa-bounce { animation: none; -webkit-animation: none; } .classy-navbar-toggler .navbarToggler span { margin: 3px 0; width: 23px; } .classy-nav-container .classy-navbar .classynav ul li a { border-bottom: none; font-size: 14px; } .classy-nav-container { padding: 0; display: inline-block; } .breakpoint-on .classynav>ul>li>a { background-color: #000; } .classy-nav-container .classy-navbar { padding: 0%; } .classy-nav-container .classy-navbar { height: 58px; } .classy-nav-container .classy-navbar .nav-brand { max-width: 90px; margin-right: 15px; } .classynav ul li.has-down>a::after, .classynav ul li.has-down.active>a::after, .classynav ul li.megamenu-item>a::after { color: #fff; } .classy-nav-container .classy-navbar .classynav ul li a { border-bottom: none; font-size: 14px; color: #fff; } .classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a { color: #ffffff; } .classy-navbar-toggler .navbarToggler span { background-color: #ffffff; } .breakpoint-on .classynav>ul>li>a { background-color: transparent; } .breakpoint-on .classy-navbar .classy-menu { right: -100%; } .breakpoint-on .classynav ul li a { padding: 0 21px; } .classycloseIcon .cross-wrap span { background-color: #ffffff; } .classy-navbar-toggler .navbarToggler.active span:nth-of-type(1) { top: 5px; } .classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a { border-radius: 0; } .social-icons { display: none; } .header-area { position: absolute; width: 40px; top: 0px; right: 7px; } .event__search__floater { display: none; } .menu-search { display: inline-block; padding: 10px 0; /* margin-left: 18px; */ width: 50%; } .search__toggler { top: 3px; left: -8px; } .event__search__floater { top: 13px; right: 72px; z-index: 1; } .logo-user { display: flex; flex-wrap: wrap; justify-content: space-around; } .user a.btn { background: #2f2f33; border: 1px solid #888; } .user .dropdown { display: block !important; } .mobile-user.user { display: inline-block; margin: 14px 10px; position: absolute; right: 80px; } .mobile-user.user a img { margin-bottom: 0px; } .mobile-user.user .dropdown-menu { background: #2e2e32; border-color: transparent; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5); border: 0; padding: 10px; } .mobile-user.user .dropdown-menu li a { background: transparent; padding: 8px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; align-items: center; display: flex; font-size: 10px; font-weight: 500; } .dropdown-menu.show { border-radius: 0px; } .dropdown-menu { padding: 0; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// banner css start ////////////////////////////////////////////////////////////////////////// */ .banner-trending-text { top: 150px; left: 16px; width: 500px; } .main-banner { height: 340px; border-radius: 0; } .main-banner h4 { font-size: 18px; margin: 10px 0; } .main-banner h6 { display: none; } .banner-trending-number h3 { font-size: 14px; margin-bottom: 10px; } .trending-banner.owl-carousel .owl-item img { display: block; width: 100%; height: 340px !important; } #banner-area .owl-dots { display: none; } .anime-banners .owl-nav { position: absolute; margin: 0 auto; top: 222px; bottom: auto; right: 18px; display: grid; } /* ////////////////////////////////////////////////////////////////////////// banner css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// slider css start ////////////////////////////////////////////////////////////////////////// */ /* .slider { background: white; box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125); overflow: hidden; position: relative; width: 100%; margin-top: 50px; } */ /* ////////////////////////////////////////////////////////////////////////// slider css start ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Coming Out css start ////////////////////////////////////////////////////////////////////////// */ #Coming-Out::before { background: linear-gradient(to bottom, rgba(2, 26, 71, 0.28) 0%, rgba(0, 89, 255, 0.67) 100%); } #Coming-Out { padding: 94px 0; height: 603px; } #Coming-Out .Coming-Out-info h1 { font-size: 34px; } #Coming-Out .Coming-Out-info h6 { margin: 18px 0; font-size: 18px; } #Coming-Out { height: 100%; } .coming_soon_details h4 { font-size: 30px; } #Coming-Out .Coming-Out-info p { display: none; } #Coming-Out .Coming-Out-info .details{ display: none; } .coming-out-img img { top: -80px; right: 0px; width: 228px; } .coming_soon_details h3 { font-size: 48px; } .Coming-Out-info { padding: 0 20px; text-align: center; } .flipper { display: inline-block; } #Coming-Out .Coming-Out-info ul li h5 strong { font-weight: 800; } #Coming-Out .Coming-Out-info ul li h5 { color: #fff; font-weight: 500; } /* ////////////////////////////////////////////////////////////////////////// Coming Out css start ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ #content { padding-bottom: 15px; padding-top: 40px; } #content.content-single-page { padding-bottom: 15px; padding-top: 30px; } #content .item { width: calc(100% / 4); } .anime-details { display: none; } .item:hover .anime-details { display: none; } .recently-added .top-animes .all-time-content { margin-bottom: 13px; } .content-right { margin-top: 15px; } #content .item:nth-child(25){ display: none; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ #all-time{ margin-top: 15px; } .anime-top-10{ margin-bottom: 10px; } .view-all { text-align: end; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Blog css start ////////////////////////////////////////////////////////////////////////// */ #blog { padding-top: 30px; padding-bottom: 30px; } .magazine-layout { margin-top: 0; display: grid; grid-template-columns: repeat(10, 1fr); grid-row-gap: 2rem; } .magazine-column-1, .magazine-column-3 { border-right: 1px solid #2f2f33; } .magazine-column-1 .article:last-child{ display: block; } .magazine-column-4 .article:last-child{ display: block; } .article-title--large { font-size: 20px; } .article-title--medium { font-size: 20px; } .article-excerpt p { font-size: 12px; } .article-excerpt p + p { margin-top: 12px; } .magazine-column-4 .article:nth-child(3), .magazine-column-4 .article:nth-child(4) { display: block; } .magazine-column-1 .article:nth-child(3), .magazine-column-1 .article:nth-child(4) { display: block; } /* ////////////////////////////////////////////////////////////////////////// Blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single blog css start ////////////////////////////////////////////////////////////////////////// */ #blog-single { padding-top: 40px; } /* ////////////////////////////////////////////////////////////////////////// single blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ #schedule.schedule-main-page{ padding-top: 30px ; } .schedule-item ul li p { width: 80%; font-size: 14px; text-overflow: ellipsis; overflow: hidden; display: block ruby; } .discord-banner { width: 40%; margin: 0 auto; } .discord-content h2 { font-size: 18px; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Genres css start ////////////////////////////////////////////////////////////////////////// */ #genres { padding-top: 40px; padding-bottom: 40px; } /* ////////////////////////////////////////////////////////////////////////// Genres css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series banner css start ////////////////////////////////////////////////////////////////////////// */ #single-series-banner .watch-trailer { position: absolute; bottom: auto; right: 23px; top: 23px; } /* ////////////////////////////////////////////////////////////////////////// single series banner css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .tv-details-seasons { margin-bottom: 40px; } .relations .item { margin: 0; } #anime_single .anime-details h1 { font-size: 12px; } #anime_single .anime-details h2 { font-size: 10px; } #anime_single .anime-details .rating i { font-size: 12px; } #anime_single .anime-details .rating span { font-size: 12px; } #anime_single .anime-details a:hover .circle { width: 94%; } #anime_single .anime-details a.watch-now .button-text { font-size: 10px; padding: 11px 0; } #anime_single .anime-details a.watch-now .circle { height: 38px; } .overall-description-tab .tab-content { padding: 25px 10px; } .characters .character-card { width: calc(100% / 5); margin: 5px 5px; } .anime-character-card .voice-actor-name h4 { font-size: 10px; font-weight: 800; } .anime-character-card .anime-characters-name h4 { font-size: 10px; font-weight: 800; } .anime-character-card .anime-characters-name p { font-size: 10px; } .anime-character-card .voice-actor-name p { font-size: 10px; } .overviews .overviews-all li span:first-child { width: 80px; } .overviews .overviews-all li { font-size: 12px; } .overviews-description p { font-size: 12px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ #anime_single_play { padding-top: 40px; } .tv-details-seasons ul.episodes li button span:last-child { display: none; } .tv-details-seasons ul.episodes li button::before { display: none; } .tv-details-seasons ul.seasons li button.active::after, .tv-details-seasons ul.episodes li button.active::after { display: none; } .tv-series h2 { justify-content: center; } .tv-details-seasons ul.episodes li button { padding: 0; width: 40px; height: 40px; text-align: center; border: 1px solid #444; } .tv-details-seasons ul.episodes li button span:first-child { display: block; font-size: 14px; } .tv-details-seasons ul.episodes li button span:last-child { display: none !important; } .tv-details-seasons ul.episodes li, .tv-details-seasons ul.seasons li { width: 40px; height: 40px; margin: 1px; } .tv-details-seasons ul.episodes { display: flex; flex-wrap: wrap; height: auto; overflow: auto; } .tv-series-server-options ul li button { padding: 7px 5px; font-size: 12px; color: #fff; background: #282c39; margin: 4px; } .related-animes { margin-top: 30px; } .share-bookmark { width: 32%; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// trailer css start ////////////////////////////////////////////////////////////////////////// */ #trailer-main-blog { padding: 30px 0; } .trailer-title { font-size: 12px; } .trailer-caption a { line-height: 12px; } #trailer-blog .view-all { margin-top: 20px; } /* ////////////////////////////////////////////////////////////////////////// trailer css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// commentbox css start ////////////////////////////////////////////////////////////////////////// */ .comment_area .comment-content .comment-meta .post-date { font-size: 9px; } .commentbox-top h3 { padding: 4px 0; font-size: 20px; } .comment_area .comment-content .comment-meta p { font-size: 10px; } #commentbox .title { font-size: 20px; padding: 5px 0; } /* ////////////////////////////////////////////////////////////////////////// commentbox css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// download-anime css start ////////////////////////////////////////////////////////////////////////// */ .download-slider { display: none; } #download-app { padding: 40px 0; } #download-app a { width: 50%; } /* ////////////////////////////////////////////////////////////////////////// download-anime css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// contact css start ////////////////////////////////////////////////////////////////////////// */ #contact { padding: 30px 0; } /* ////////////////////////////////////////////////////////////////////////// contact css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ .notification-card h4 { font-size: 16px; margin: 6px 0; } #user-profile .item-container .item { padding: 6px; } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer css start ////////////////////////////////////////////////////////////////////////// */ .footer-content { margin-left: auto; margin-right: auto; max-width: 1230px; padding: 40px 15px 365px; position: relative; } .footer-content-column ul li a { font-size: 12px; font-weight: 700; } .footer-call-to-action-button { padding: 12px 29px; } .AtoZ_list li a { padding: 9px 9px; } /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// error page css start ////////////////////////////////////////////////////////////////////////// */ #error-page { padding: 30px 0; } #error-page h1 { font-size: 100px; } #error-page img { width: 85%; } #error-page h2 { font-size: 35px; margin-bottom: 12px; } #error-page p { font-size: 15px; } /* ////////////////////////////////////////////////////////////////////////// error page css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// coming soon css start ////////////////////////////////////////////////////////////////////////// */ .coming_soon_details h4 { font-size: 20px; } .coming_soon_details h3 { font-size: 45px; } #coming-soon .flipper { font-size: 55px !important; } .coming-soon-img { width: 50%; } .flipper-group label { font-size: 13px; } /* ////////////////////////////////////////////////////////////////////////// coming soon css end ////////////////////////////////////////////////////////////////////////// */ } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 761px) and (max-width: 767.98px) { /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 132px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 229px !important; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 632px !important; } .top-animes .all-time-details a { width: 600px !important; } .recently-added .top-animes .all-time-details a { width: 630px !important; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 630px !important; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// * /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 279px; margin-top: -55px; margin-left: 80px; } .anime-top-description { margin-right: 40px; } .relations .item { width: calc(673px / 3); margin: 0 4px; padding: 0; } .overall-description-tab .tab-content { margin-top: 16px; } .overall-description-tab .tab-content { margin-top: 13px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 22% !important; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// blog css start ////////////////////////////////////////////////////////////////////////// */ .magazine-column-4 .article:nth-child(3), .magazine-column-4 .article:nth-child(4) { display: block; } /* ////////////////////////////////////////////////////////////////////////// blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ /* user settings part start*/ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 38px; margin-top: 43px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 37px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 12px; } #user-banner .user-profile-banner .user-banner-content ul li a { padding: 4px 16px; font-size: 14px; } /* user settings part end*/ #user-profile .item-container .item { width: calc(95% / 3); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 731px) and (max-width: 760.98px) { /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 128px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 219px !important; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 612px !important; } .top-animes .all-time-details a { width: 565px !important; } .recently-added .top-animes .all-time-details a { width: 600px !important; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 600px !important; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 303px; margin-top: -55px; margin-left: 43px; } .anime-top-description { margin-right: 47px; } .relations .item { width: calc(643px / 3); margin: 0 4px; padding: 0; } .overall-description-tab .tab-content { margin-top: 16px; } .overall-description-tab .tab-content { margin-top: 13px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 22% !important; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// blog css start ////////////////////////////////////////////////////////////////////////// */ .magazine-column-4 .article:nth-child(3), .magazine-column-4 .article:nth-child(4) { display: block; } /* ////////////////////////////////////////////////////////////////////////// blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ /* user settings part start*/ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 35px; margin-top: 42px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 37px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 12px; } #user-banner .user-profile-banner .user-banner-content ul li a { padding: 4px 16px; font-size: 14px; } /* user settings part end*/ #user-profile .item-container .item { width: calc(95% / 3); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 701px) and (max-width: 730.98px) { /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 123px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 210px !important; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 580px !important; } .top-animes .all-time-details a { width: 538px !important; } .recently-added .top-animes .all-time-details a { width: 570px !important; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 570px !important; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 279px; margin-top: -18px; margin-left: 49px; } .anime-top-description { margin-right: 47px; } .relations .item { width: calc(613px / 3); margin: 0 4px; padding: 0; } .overall-description-tab .tab-content { margin-top: 16px; } .overall-description-tab .tab-content { margin-top: 13px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 22% !important; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// blog css start ////////////////////////////////////////////////////////////////////////// */ .magazine-column-4 .article:nth-child(3), .magazine-column-4 .article:nth-child(4) { display: block; } /* ////////////////////////////////////////////////////////////////////////// blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ /* user settings part start*/ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 35px; margin-top: 36px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 37px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 12px; } #user-banner .user-profile-banner .user-banner-content ul li a { padding: 4px 16px; font-size: 14px; } /* user settings part end*/ #user-profile .item-container .item { width: calc(96% / 3); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 681px) and (max-width: 700.98px) { /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 119px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 203px !important; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 560px !important; } .top-animes .all-time-details a { width: 515px !important; } .recently-added .top-animes .all-time-details a { width: 550px !important; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 550px !important; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 273px; margin-top: -9px; margin-left: 50px; } .anime-top-description { margin-right: 37px; } .relations .item { width: calc(593px / 3); margin: 0 4px; padding: 0; } .overall-description-tab .tab-content { margin-top: 16px; } .overall-description-tab .tab-content { margin-top: 13px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// blog css start ////////////////////////////////////////////////////////////////////////// */ .magazine-column-4 .article:nth-child(3), .magazine-column-4 .article:nth-child(4) { display: block; } /* ////////////////////////////////////////////////////////////////////////// blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ /* user settings part start*/ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 35px; margin-top: 36px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 32px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 12px; } .user-settings ul li span, .user-settings ul li .form-switch-button { font-size: 13px !important; } #user-banner .user-profile-banner .user-banner-content ul li a { padding: 4px 16px; font-size: 14px; } /* user settings part end*/ #user-profile .item-container .item { width: calc(95% / 3); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 661px) and (max-width: 680.98px) { /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 115px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 196px !important; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 540px !important; } .top-animes .all-time-details a { width: 498px !important; } .recently-added .top-animes .all-time-details a { width: 526px !important; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 268px; margin-top: -2px; margin-left: 41px; } .anime-top-description { margin-right: 27px; } .relations .item { width: calc(573px / 3); margin: 0 4px; padding: 0; } .overall-description-tab .tab-content { margin-top: 16px; } .overall-description-tab .tab-content { margin-top: 13px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 526px !important; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ /* user settings part start*/ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 33px; margin-top: 35px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 32px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 12px; } .user-settings ul li span, .user-settings ul li .form-switch-button { font-size: 13px !important; } #user-banner .user-profile-banner .user-banner-content ul li a { padding: 4px 16px; font-size: 14px; } /* user settings part end*/ #user-profile .item-container .item { width: calc(95% / 3); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 631px) and (max-width: 660.98px) { /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 110px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 272px; margin-top: 10px; margin-left: 33px; } .anime-top-description { margin-right: 30px; } .relations .item { width: calc(543px / 3); margin: 0 4px; padding: 0; } .overall-description-tab .tab-content { margin-top: 16px; } .overall-description-tab .tab-content { margin-top: 13px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 187px !important; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 510px !important; } .top-animes .all-time-details a { width: 466px !important; } .recently-added .top-animes .all-time-details a { width: 500px !important; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 500px !important; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ /* user settings part start*/ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 33px; margin-top: 35px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 26px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 12px; } #user-banner .user-profile-banner .user-banner-content ul li a { padding: 4px 16px; font-size: 14px; } /* user settings part end*/ #user-profile .item-container .item { width: calc(95% / 3); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 600px) and (max-width: 630.98px) { /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 104px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 169px !important; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 480px !important; } .top-animes .all-time-details a { width: 434px !important; } .recently-added .top-animes .all-time-details a { width: 467px !important; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 272px; margin-top: 10px; margin-left: 20px; } .anime-top-description { margin-right: 17px; } .relations .item { width: calc(488px / 3); margin: 0 4px; padding: 0; } .overall-description-tab .tab-content { margin-top: 16px; } .overall-description-tab .tab-content { margin-top: 13px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 467px !important; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ /* user settings part start*/ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 33px; margin-top: 35px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 17px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 12px; } #user-banner .user-profile-banner .user-banner-content ul li a { padding: 4px 16px; font-size: 14px; } /* user settings part end*/ #user-profile .item-container .item { width: calc(91% / 3); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 576px) and (max-width: 599.98px) { /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-items .owl-nav .owl-prev span, .genres-items .owl-nav .owl-next span { height: 98px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { width: 168px; } .top-animes .topnumber1 .all-time-details a { width: 454px !important; } .top-animes .all-time-details a { width: 415px !important; } .recently-added .top-animes .all-time-details a { width: 444px !important; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .single_anime_img { width: 272px; margin-top: 10px; margin-left: 4px; } .relations .item { width: calc(488px / 3); margin: 0 4px; padding: 0; } .overall-description-tab .tab-content { margin-top: 16px; } .overall-description-tab .tab-content { margin-top: 13px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 444px !important; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ /* user settings part start*/ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 33px; margin-top: 35px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 15px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 12px; } #user-banner .user-profile-banner .user-banner-content ul li a { padding: 4px 16px; font-size: 14px; } /* user settings part end*/ #user-profile .item-container .item { width: calc(94% / 3); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 576px) and (max-width: 767.98px) { /* ////////////////////////////////////////////////////////////////////////// go top button css start ////////////////////////////////////////////////////////////////////////// */ #up-to-top { width: 50px; height: 50px; } /* ////////////////////////////////////////////////////////////////////////// go top button css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// heading css start ////////////////////////////////////////////////////////////////////////// */ .heading-section h4 { font-size: 19px; } .heading-section { margin-left: 0; } /* ////////////////////////////////////////////////////////////////////////// heading css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// sidebar css start ////////////////////////////////////////////////////////////////////////// */ body .sidebar { position: fixed; top: 0; z-index: -1; } body .sidebar nav { top: 0; } body .sidebar nav { height: 100% !important; } .sb-toggle-left { display: block; padding: 11px 0; margin: 11.2px 4px; width: 32px; text-align: center; z-index: 1; position: relative; } .sb-toggle-left .menu-icon-text { display: none; } .inner-container { padding: 0 16px; } /* ////////////////////////////////////////////////////////////////////////// sidebar css start ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// main menu css start ////////////////////////////////////////////////////////////////////////// */ #main-menu .main-header { position: relative; } #main-menu .main-header { height: 59px; } #main-menu .main-header .logo { margin: 7.5px 0; padding: 0; width: 120px; } #main-menu .main-header .logo .fa-bounce { animation: none; -webkit-animation: none; } .classy-navbar-toggler .navbarToggler span { margin: 3px 0; width: 23px; } .classy-nav-container .classy-navbar .classynav ul li a { border-bottom: none; font-size: 14px; } .classy-nav-container { padding: 0; display: inline-block; } .breakpoint-on .classynav>ul>li>a { background-color: #000; } .classy-nav-container .classy-navbar { padding: 0%; } .classy-nav-container .classy-navbar { height: 58px; } .classy-nav-container .classy-navbar .nav-brand { max-width: 90px; margin-right: 15px; } .classynav ul li.has-down>a::after, .classynav ul li.has-down.active>a::after, .classynav ul li.megamenu-item>a::after { color: #fff; } .classy-nav-container .classy-navbar .classynav ul li a { border-bottom: none; font-size: 14px; color: #fff; } .classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a { color: #ffffff; } .classy-navbar-toggler .navbarToggler span { background-color: #ffffff; } .breakpoint-on .classynav>ul>li>a { background-color: transparent; } .breakpoint-on .classy-navbar .classy-menu { right: -100%; } .breakpoint-on .classynav ul li a { padding: 0 21px; } .classycloseIcon .cross-wrap span { background-color: #ffffff; } .classy-navbar-toggler .navbarToggler.active span:nth-of-type(1) { top: 5px; } .classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a { border-radius: 0; } .social-icons { display: none; } .header-area { position: absolute; width: 40px; top: 0px; right: 0px; } .event__search__floater { display: none; } .menu-search { display: inline-block; padding: 10px 0; margin-left: 18px; width: 45%; } .search__toggler { top: 3px; left: -8px; } .event__search__floater { top: 13px; right: 72px; z-index: 1; } .logo-user { display: flex; flex-wrap: wrap; justify-content: space-around; } .user a.btn { background: #2f2f33; border: 1px solid #888; } .user .dropdown { display: block !important; } .mobile-user.user { display: inline-block; margin: 14px 10px; position: absolute; right: 42px; } .mobile-user.user a img { margin-bottom: 0px; } .mobile-user.user .dropdown-menu { background: #2e2e32; border-color: transparent; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5); border: 0; padding: 10px; } .mobile-user.user .dropdown-menu li a { background: transparent; padding: 8px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; align-items: center; display: flex; font-size: 10px; font-weight: 500; } .dropdown-menu.show { background: #565e64; border-radius: 0px; } .dropdown-menu { padding: 0; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// banner css start ////////////////////////////////////////////////////////////////////////// */ .banner-trending-text { top: 193px; left: 16px; width: 490px; } .main-banner { height: 340px; border-radius: 0; } .main-banner h4 { font-size: 17px; margin: 5px 0; } .main-banner h6 { display: none; } .banner-trending-number h3 { font-size: 12px; margin-bottom: 1px; } .trending-banner.owl-carousel .owl-item img { display: block; width: 100%; height: 340px !important; } #banner-area .owl-dots { display: none; } .anime-banners .owl-nav { position: absolute; margin: 0 auto; top: 222px; bottom: auto; right: 18px; display: grid; } /* ////////////////////////////////////////////////////////////////////////// banner css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider { padding-top: 10px; } .trending-col img { padding: 0px 0 0 32px; } .trending-title { bottom: 0px; left: 0; top: 0px; } #trending-slider .owl-nav { bottom: 0; } #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { width: 40px; height: 100%; } /* ////////////////////////////////////////////////////////////////////////// Trending css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ #content { padding-top: 30px; padding-bottom: 30px; } #content.content-single-page { padding-top: 30px; padding-bottom: 30px; } #content .item { width: calc(100% / 3); padding: 6px; } #content .item:nth-child(25){ display: none; } .item:hover .anime-details { display: none; } .top-animes .all-time-content.topnumber1 img.front-img { object-fit: fill; } .content-right { padding-top: 30px; } .anime-pagination { margin-top: 25px; margin-bottom: 16px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ .all-time-details a { width: 445px; } .view-all{ text-align: end; } .anime-top-10 { margin-top: 30px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series banner css start ////////////////////////////////////////////////////////////////////////// */ #single-series-banner .watch-trailer { bottom: auto; right: 10px; top: 16px; } /* ////////////////////////////////////////////////////////////////////////// single series banner css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ #anime_single { margin-top: -34px; } .anime-watch-buttons a { font-size: 13px; padding: 8px 12px; } .anime-watch-buttons { margin-top: 20px; } .series-description p{ font-size: 12px; } .series-description { margin-top: 13px; } .tv-details-seasons { margin-bottom: 40px; } .anime_info h3 { font-size: 15px; margin-top: 0px; } .overviews { margin-top: 12px; } .overall-description { padding-top: 24px; } .overall-description-tab .tab-content { padding: 10px 10px; } .relations { padding: 16px; } .characters .character-card { width: calc(80% / 4); margin: 4px 4px; } .anime-character-card .anime-characters-name h4 { font-size: 10px; font-weight: 500; } .anime-character-card .anime-characters-name p { font-size: 9px; } .anime-character-card .anime-characters-name { bottom: 21px; left: 12px; } .anime-character-card .voice-actor-name { bottom: 21px; left: 12px; } .anime-character-card .voice-actor-name h4 { font-size: 10px; font-weight: 500; } .anime-character-card .voice-actor-name p { font-size: 9px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ #anime_single_play { padding-top: 30px; } .tv-series ul.breadcrumb li { font-size: 12px; } .tv-series-server-options ul li button { padding: 6px 7px; font-size: 10px; margin: 2px; } .tv-series-details { height: 90px; } .tv-series-server-options { height: 90px; } .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 18%; } .sub-option, .dub-option { font-size: 10px; } .tv-series h2 { justify-content: center; font-size: 12px; } .tv-series-details p { font-size: 10px; } .tv-details-seasons ul.episodes li button span:last-child { display: none; } .tv-details-seasons ul.episodes li button::before { display: none; } .tv-details-seasons ul.seasons li button.active::after, .tv-details-seasons ul.episodes li button.active::after { display: none; } .tv-details-seasons ul.episodes li button { padding: 0; width: 40px; height: 40px; text-align: center; border: 1px solid #444; } .tv-details-seasons ul.episodes li button span:first-child { display: block; font-size: 14px; } .tv-details-seasons ul.episodes li button span:last-child { display: none !important; } .tv-details-seasons ul.episodes li, .tv-details-seasons ul.seasons li { width: 40px; height: 40px; margin: 1px; } .tv-details-seasons ul.episodes { display: flex; flex-wrap: wrap; height: auto; overflow: auto; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ #schedule.schedule-main-page{ padding-top: 20px ; } .schedule-item ul li p { width: 77%; font-size: 14px; text-overflow: ellipsis; overflow: hidden; display: block ruby; } .discord-banner { width: 50%; margin: 0 auto; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Coming Out css start ////////////////////////////////////////////////////////////////////////// */ #Coming-Out::before { background: linear-gradient(to bottom, rgba(2, 26, 71, 0.28) 0%, rgba(0, 89, 255, 0.67) 100%); } #Coming-Out .Coming-Out-info h1 { font-size: 34px; } #Coming-Out .Coming-Out-info h6 { margin: 18px 0; font-size: 18px; } #Coming-Out { height: 100%; } .coming_soon_details h4 { font-size: 30px; } #Coming-Out .Coming-Out-info p { display: none; } #Coming-Out .Coming-Out-info .details{ display: none; } .coming_soon_details h3 { font-size: 48px; } .Coming-Out-info { padding: 0 20px; text-align: center; } .flipper { display: inline-block; } #Coming-Out .Coming-Out-info ul li h5 strong { font-weight: 800; } #Coming-Out .Coming-Out-info ul li h5 { color: #fff; font-weight: 500; } /* ////////////////////////////////////////////////////////////////////////// Coming Out css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// download app css start ////////////////////////////////////////////////////////////////////////// */ .download-slider { display: none; } #download-app h2 { font-size: 30px; } #download-app h5 { font-size: 14px; margin-bottom: 3px; } #download-app a { width: 100%; } #download-app { padding: 50px 0; } .app-details ul li { padding: 5px 0; font-size: 12px; } /* ////////////////////////////////////////////////////////////////////////// download app css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// trailer blog css start ////////////////////////////////////////////////////////////////////////// */ #trailer-main-blog { padding: 30px 0; } .trailer-tag { padding: 3px 6px; margin-bottom: 0px; font-size: 9px; position: absolute; top: 3px; left: 3px; border-radius: 5px; } .trailer-thumbnail { background: #2f2f33; } .trailer-caption { padding: 3px; } .trailer-title { font-size: 12px; font-weight: 500; margin-bottom: 0px; line-height: 1.35em; text-transform: initial; letter-spacing: 0; } .trailer-caption a { line-height: 12px; } #trailer-blog .view-all { margin-top: 15px; } /* ////////////////////////////////////////////////////////////////////////// trailer blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Genres css start ////////////////////////////////////////////////////////////////////////// */ #genres { padding-top: 30px; padding-bottom: 30px; } .genre { width: 25%; } /* ////////////////////////////////////////////////////////////////////////// Genres css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// blog css start ////////////////////////////////////////////////////////////////////////// */ #blog { padding-top: 30px; padding-bottom: 30px; } .magazine-layout { grid-template-columns: repeat(10, 1fr); grid-row-gap: 2rem; } .magazine-column { padding: 0 10px; grid-column: span 5; } .article-title--large { font-size: 20px; } .article-title--medium { font-size: 20px; } .article-excerpt p { font-size: 13px; } .article-excerpt p + p { margin-top: 12px; } .magazine-column-1, .magazine-column-3 { border-right: 1px solid #2f2f33; } .magazine-column-1 .article:last-child { display: block; } .magazine-column-4 .article:last-child { display: block; } /* ////////////////////////////////////////////////////////////////////////// blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Single blog css start ////////////////////////////////////////////////////////////////////////// */ #blog-single { padding-top: 30px; } .single-blog-img { margin: 10px 0; } .single-blog-img .blog-date { right: 10px; top: 10px; width: 75px; height: 75px; } .single-blog-page p { font-size: 12px; } /* ////////////////////////////////////////////////////////////////////////// Single blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// commentbox css start ////////////////////////////////////////////////////////////////////////// */ .comment_area .comment-content .comment-author { width: 40px; max-width: 40px; margin-right: 10px; } .comment_area .comment-content .comment-meta .post-date { font-size: 10px; } .comment_area .comment-content .comment-meta h5 { font-size: 12px; } .comment_area .comment-content .comment-meta p { font-size: 11px; } .comment_area .comment-content .comment-meta a.like, .comment_area .comment-content .comment-meta a.reply { padding: 5px 5px 3px; font-size: 10px; border: 0; } .commentbox-top h3 { font-size: 16px; padding: 7px 0; } #commentbox .title { font-size: 16px; padding: 9px 0; } .commentbox-button button { width: 30%; padding: 8px; } /* ////////////////////////////////////////////////////////////////////////// commentbox css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner::before { background: rgb(0, 0, 0); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.36) 35%, rgb(36, 36, 40) 100%); } .user-edit { right: 13px; top: 13px; } .personal-details .user-edit { font-size: 11px; } .about-user p { font-size: 12px; } .personal-details-more p a { font-size: 12px; } .personal-details-more p { font-size: 12px; } #user-profile { padding: 20px 0; } .card-img-upload { opacity: 1; font-size: 40px; } .about-user p { font-size: 12px; } .personal-details-more p a { font-size: 12px; } .user-card .card-body h3 { font-size: 15px; } .personal-details-more p { font-size: 12px; } .personal-details .user-edit { font-size: 12px; } .personal-details span { line-height: 1.2; font-size: 13px; } .personal-details-more p a.membership { font-size: 9px; } .user-settings ul li span, .user-settings ul li .form-switch-button { font-size: 12px; } .user-settings ul li .form-check { margin-right: 13px; margin-bottom: 0; } .community-notification-top-content li { margin-right: 0px; font-size: 10px; } .community-notification-top-content h4 { font-size: 18px; } .community-notification-top-content p.post-details { font-size: 13px; } .notification-card h4 { font-size: 15px; } #user-profile .item-container .item { padding: 6px; } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// contact css start ////////////////////////////////////////////////////////////////////////// */ #contact { padding: 30px 0; } #contact .heading-section p { font-size: 12px; } .contact-form { padding: 20px; } .contact-form .form-select { font-size: 12px; } #contact .contact-form-icons li span { font-size: 12px; } #contact .contact-form-icons li a i { width: 30px; height: 30px; font-size: 14px; margin-left: 8px; } #contact .contact-form-icons li a { padding: 8px 16px 8px 0; margin: 0 4px 4px 4px; } #contact .contact-form-icons ul { justify-content: center; } /* ////////////////////////////////////////////////////////////////////////// contact css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer css start ////////////////////////////////////////////////////////////////////////// */ .footer-content { margin-left: auto; margin-right: auto; max-width: 1230px; padding: 40px 15px 329px; position: relative; } .AtoZ_list li a { margin-top: 6px; font-size: 12px; padding: 9px 9px; } .footer-wave-svg { height: 50px; } .footer-content-column { width: 24.99%; } .footer-call-to-action-button { font-size: 10px; line-height: 18px; padding: 12px 4px; } .footer-content-column ul li a { font-size: 12px; font-weight: 700; } .footer-menu-name { font-size: 14px; } .footer-idol-image { position: absolute; top: 18px; right: 0; opacity: 0.7; } /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// error page css start ////////////////////////////////////////////////////////////////////////// */ #error-page { padding: 20px 0; } #error-page h1 { font-size: 80px; } #error-page img { width: 50%; } #error-page h2 { font-size: 35px; margin-bottom: 12px; } #error-page p { font-size: 15px; } /* ////////////////////////////////////////////////////////////////////////// error page css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// coming soon css start ////////////////////////////////////////////////////////////////////////// */ .coming_soon_details h4 { font-size: 20px; } .coming_soon_details h3 { font-size: 45px; } #coming-soon .flipper { font-size: 55px !important; } .coming-soon-img { width: 50%; } .flipper-group label { font-size: 13px; } /* ////////////////////////////////////////////////////////////////////////// coming soon css end ////////////////////////////////////////////////////////////////////////// */ } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { /* ////////////////////////////////////////////////////////////////////////// heading css start ////////////////////////////////////////////////////////////////////////// */ .heading-section h4 { font-size: 14px; } .heading-section { margin-left: 0; } .heading-section h4 span { font-size: 14px; } .content-right .heading-section ::after { width: 283px; } /* ////////////////////////////////////////////////////////////////////////// heading css start ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// go top button css start ////////////////////////////////////////////////////////////////////////// */ #upToTopBtn { width: 35px; height: 35px; } #upToTopBtn span i { font-size: 20px; } /* ////////////////////////////////////////////////////////////////////////// go top button css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// sidebar css start ////////////////////////////////////////////////////////////////////////// */ body .sidebar { position: fixed; top: 0; z-index: -1; } body .sidebar nav { top: 0; } body .sidebar nav { height: 100% !important; } .sb-toggle-left { display: block; padding: 11px 0; margin: 11.2px 4px; width: 32px; text-align: center; z-index: 1; position: relative; } .sb-toggle-left .menu-icon-text { display: none; } .inner-container { padding: 0 16px; } /* ////////////////////////////////////////////////////////////////////////// sidebar css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// main menu css start ////////////////////////////////////////////////////////////////////////// */ #main-menu .main-header { position: relative; } #main-menu .main-header { height: 59px; } #main-menu .main-header .logo { margin: 12.5px 0; padding: 0; width: 90px; } #main-menu .main-header .logo .fa-bounce { animation: none; -webkit-animation: none; } .classy-navbar-toggler .navbarToggler span { margin: 3px 0; width: 23px; } .classy-nav-container .classy-navbar .classynav ul li a { border-bottom: none; font-size: 14px; } .classy-nav-container { padding: 0; display: inline-block; } .breakpoint-on .classynav>ul>li>a { background-color: #000; } .classy-nav-container .classy-navbar { padding: 0%; } .classy-nav-container .classy-navbar { height: 58px; } .classy-nav-container .classy-navbar .nav-brand { max-width: 90px; margin-right: 15px; } .classynav ul li.has-down>a::after, .classynav ul li.has-down.active>a::after, .classynav ul li.megamenu-item>a::after { color: #fff; } .classy-nav-container .classy-navbar .classynav ul li a { border-bottom: none; font-size: 14px; color: #fff; } .classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a { color: #ffffff; } .classy-navbar-toggler .navbarToggler span { background-color: #ffffff; } .breakpoint-on .classynav>ul>li>a { background-color: transparent; } .breakpoint-on .classy-navbar .classy-menu { right: -100%; } .breakpoint-on .classynav ul li a { padding: 0 21px; } .classycloseIcon .cross-wrap span { background-color: #ffffff; } .classy-navbar-toggler .navbarToggler.active span:nth-of-type(1) { top: 5px; } .classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a { border-radius: 0; } .social-icons { display: none; } .header-area { position: absolute; width: 40px; top: 0px; right: 0px; } .event__search__floater { display: block; } .menu-search { display: none; } .search__toggler { top: 3px; left: -8px; } .event__search__floater { top: 13px; right: 72px; z-index: 1; } .logo-user { display: flex; flex-wrap: wrap; justify-content: space-around; } .user a.btn { background: #2f2f33; border: 1px solid #888; } .user .dropdown { display: block !important; } .mobile-user.user { display: inline-block; margin: 14px 10px; position: absolute; right: 96px; } .mobile-user.user a img { margin-bottom: 0px; } .mobile-user.user .dropdown-menu { background: #2e2e32; border-color: transparent; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5); border: 0; padding: 10px; } .mobile-user.user .dropdown-menu li a { background: transparent; padding: 8px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; align-items: center; display: flex; font-size: 10px; font-weight: 500; } .dropdown-menu.show { border-radius: 0px; } .dropdown-menu { padding: 0; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// banner css start ////////////////////////////////////////////////////////////////////////// */ .anime-banner-info::before { position: absolute; width: 100%; height: 100%; bottom: 0; content: ""; box-shadow: none; } .main-banner { margin-bottom: 0; } .main-banner h4 { font-size: 12px; margin: 3px 0; } .main-banner h6 { display: none; } .main-banner { height: 340px; border-radius: 0; } .banner-trending-number h3 { font-size: 10px; margin-bottom: 10px; } .banner-trending-text { width: 303px; position: absolute; left: 12px; padding-right: 0; bottom: 40px; } .banner-trending-number ul { display: none; } .anime-banner-info .anime-play-button a.play-button { padding: 5px 8px; font-size: 12px; margin-top: 20px; } .anime-banner-info .anime-play-button a.play-detail { padding: 5px 8px; font-size: 12px; margin-top: 20px; margin-left: 21px; } .trending-banner.owl-carousel .owl-item img { display: block; width: 100%; height: 340px !important; } .anime-banners .owl-nav { display: none; } /* ////////////////////////////////////////////////////////////////////////// banner css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Trending slider css start ////////////////////////////////////////////////////////////////////////// */ #trending-slider { padding-top: 10px; padding-bottom: 0px; } .trending-col h6 { display: none; } .trending-col span { z-index: 1; } #trending-slider .owl-nav { bottom: 0px; } .trending-col img { padding: 0; } #trending-slider .owl-nav .owl-prev span, #trending-slider .owl-nav .owl-next span { width: 34px; height: 100%; } .trending-col span { top: 7px; font-size: 15px; left: 5px; background: #f24454; padding: 3px; border-radius: 5px; bottom: auto; color: #fff; } /* ////////////////////////////////////////////////////////////////////////// Trending slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ #content .item { width: calc(100% / 3); padding: 3px; } #content .item:nth-child(25){ display: none; } #content { padding-top: 20px; padding-bottom: 0; } #content.content-single-page { padding-top: 20px; padding-bottom: 0; } .top-animes .all-time-content.topnumber1 img.front-img { object-fit: fill; } .item-container .item h3 { font-size: 10px; width: 168px; } .item:hover .anime-details { display: none; } .content-right { padding-top: 30px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 435px; } .top-animes .all-time-details a { width: 390px; } .recently-added .top-animes .all-time-details a { width: 425px; } .anime-pagination { margin-top: 25px; margin-bottom: 10px; } .anime-pagination .page-item .page-link { font-size: 12px; padding: 5px 10px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ #all-time .all-time-details a { width: 430px; } .anime-top-10 { margin-top: 20px; } .anime-top-10 .view-all { text-align: end; } .anime-top-10 .view-all a { font-size: 12px; margin-left: 0; } .all-time-content { padding: 4px; } .all-time-details a { font-size: 12px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series banner part start ////////////////////////////////////////////////////////////////////////// */ #single-series-banner .watch-trailer { bottom: auto; right: 7px; top: 7px; } #single-series-banner .watch-trailer a { padding: 3px 5px; border-radius: 6px; font-size: 10px; } /* ////////////////////////////////////////////////////////////////////////// single series banner part end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ #anime_single { margin-top: 0; } #anime_single .single_anime_img img { width: 155px; } .single_anime_img { margin-top: 0; width: 100%; display: flex; justify-content: center; } #anime_single .anime_info h3 { font-size: 15px; margin-top: 0; margin: 0 auto; } .film-stats ul { justify-content: center; } .anime-watch-buttons { justify-content: center; } .series-description { margin-top: 20px; margin-bottom: 15px; } .overviews { padding: 20px 20px; } .overall-description { padding-top: 30px; } .overall-description .nav-pills { display: flex; justify-content: center; } .series-description p{ font-size: 12px; } .anime_info { margin-top: 12px; } #anime_single .watch-trailer { top: -23px; right: 9px; } #anime_single .watch-trailer a { padding: 2px 5px; font-size: 10px; } #anime_single .anime_info ul li a { padding: 8px 2px; margin: 5px; font-size: 12px; } .tv-details-seasons { margin-bottom: 40px; } .anime_info h3 { font-size: 20px; } .share-bookmark { width: 39%; margin-top: 4px; } .modal-dialog { top: 26px; } .anime_info .quality h4 { font-size: 10px; padding: 0px 4px; height: 55%; width: 96%; } .modal-body .model-share li i { width: 27px; padding: 7px 0; font-size: 12px; } .anime-bookmark button { padding: 9px 9px; font-size: 10px; } .share-video button { padding: 9px 9px; font-size: 10px; } .modal-body .model-share li { width: 128px; } .overviews .overviews-all li span:first-child { width: 75px; } .overviews .overviews-all li { font-size: 12px; } .overviews-description { margin-top: 20px; } .relations .item { width: calc(98% / 2); margin: 0px 0px; } .overall-description .nav-pills .nav-item .nav-link { padding: 8px 12px; } .characters .character-card { width: calc(77% / 3); margin: 4px 4px; } .anime-character-card .anime-characters-name h4 { font-size: 10px; font-weight: 500; } .anime-character-card .anime-characters-name p { font-size: 9px; } .anime-character-card .anime-characters-name { bottom: 21px; left: 12px; } .anime-character-card .voice-actor-name { bottom: 21px; left: 12px; } .anime-character-card .voice-actor-name h4 { font-size: 10px; font-weight: 500; } .anime-character-card .voice-actor-name p { font-size: 9px; } .overall-description-tab .tab-content { padding: 25px 10px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ #anime_single_play { padding-top: 20px; } .tv-series-name p { font-size: 17px; } .tv-series ul.breadcrumb li a { font-size: 12px; } .tv-series h2 { justify-content: center; } #anime_single_play .anime_info h3 { font-size: 15px; margin-top: 0; margin: 0 auto; } .anime_single_play_short_info .single_anime_img img{ width: 155px; } .tv-series-name span { font-size: 10px; } .tv-series-details { margin-bottom: 13px; } .tv-series-details p { font-size: 10px; } .tv-details-seasons ul.episodes { display: flex; flex-wrap: wrap; height: auto; overflow: auto; } .tv-details-seasons ul.episodes li button::before { display: none; } .tv-details-seasons ul.seasons li button.active::after, .tv-details-seasons ul.episodes li button.active::after { display: none; } .tv-details-seasons ul.episodes li button { padding: 0; width: 40px; height: 40px; text-align: center; border: 1px solid #444; } .tv-details-seasons ul.episodes li button span:first-child { display: block; font-size: 12px; } .tv-details-seasons ul.episodes li button span:last-child { display: none !important; } .tv-details-seasons ul.episodes li, .tv-details-seasons ul.seasons li { width: 40px; height: 40px; margin: 1px; } .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { font-size: 12px; } .tv-series-server-options ul li button { padding: 6px 6px; font-size: 10px; margin: 2px; } .tv-series h2 { font-size: 16px; padding-bottom: 16px; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ #schedule.schedule-main-page{ padding-top: 20px ; } .clock { margin-top: -17px; margin-bottom: 17px; } .clock .date { font-size: 12px; } .clock .time { font-size: 12px; padding: 5px 7px; } .schedule-item ul li { padding: 13px 8px; } .schedule-item ul li p .time { display: block; margin-right: 2px; } .schedule-item ul li p { width: 80%; font-size: 14px; color: #fff; text-overflow: ellipsis; overflow: hidden; display: block ruby; } .schedule-item ul .play-button { font-size: 10px; width: 71px; padding: 8px; } .discord-content h2 { font-size: 15px; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Coming Out css start ////////////////////////////////////////////////////////////////////////// */ #Coming-Out::before { background: linear-gradient(to bottom, rgba(2, 26, 71, 0.28) 0%, rgba(0, 89, 255, 0.67) 100%); } #Coming-Out .Coming-Out-info h1 { font-size: 30px; padding: 4px; } #Coming-Out .Coming-Out-info p { display: none; } #Coming-Out .Coming-Out-info ul li h5 strong { font-weight: 500; } #Coming-Out .Coming-Out-info ul li h5 { color: #fff; padding: 4px; font-size: 11px; } #Coming-Out { padding: 20px 0; height: 212px; } .Coming-Out-info { padding-left: 0px; text-align: center; } .Coming-Out-info .details { display: none; } #Coming-Out .flipper { font-size: 30px !important; display: inline-block; } #Coming-Out .flipper-group label { font-size: 10px; } #Coming-Out .Coming-Out-info h1 { font-size: 33px; } #Coming-Out .Coming-Out-info h6 { font-size: 12px; margin: 20px 0; } /* ////////////////////////////////////////////////////////////////////////// Coming Out css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// download app css start ////////////////////////////////////////////////////////////////////////// */ .download-slider { display: none; } #download-app { padding: 20px 0; text-align: center; } .app-details ul { text-align: start; } #download-app h2 { font-size: 20px; } #download-app h5 { font-size: 13px; } .app-details ul li { padding: 4px 0; font-size: 12px; line-height: 16px; } /* ////////////////////////////////////////////////////////////////////////// download app css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// trailer blog css start ////////////////////////////////////////////////////////////////////////// */ #trailer-main-blog { padding: 20px 0; } .trailer-title { font-size: 12px; } .trailer-title, .author { font-size: 12px; } .trailer-news-wrapper { grid-template-columns: repeat(2, 1fr); } .trailer-title { font-size: 15px; } .trailer-news-item{ margin-bottom: 12px; } .trailer-news-wrapper > *, .standard-item:nth-child(4), .standard-item:nth-child(5), .standard-item:nth-child(6) { margin: 4px; } #trailer-blog .view-all { margin-top: 20px; } /* ////////////////////////////////////////////////////////////////////////// trailer blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Genres css start ////////////////////////////////////////////////////////////////////////// */ #genres { padding-top: 20px; padding-bottom: 20px; } .genre { width: 25%; } /* ////////////////////////////////////////////////////////////////////////// Genres css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// blog css start ////////////////////////////////////////////////////////////////////////// */ #blog { padding-top: 20px; padding-bottom: 30px; } .article-title--large { font-size: 17px; } .article-author-info dt { font-size: 12px; } .article-author-info dd { font-size: 10px; } .article-title--medium { font-size: 17px; } .article-excerpt p{ font-size: 12px; } .article-title--small { font-size: 17px; } .article-title--large + * { margin-top: 10px; } .article-excerpt p + p { margin-top: 10px; } .magazine-column-1 .article:nth-child(3), .magazine-column-1 .article:nth-child(4){ display: block; } .magazine-column-4 .article:nth-child(3), .magazine-column-4 .article:nth-child(4){ display: block; } /* ////////////////////////////////////////////////////////////////////////// blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single blog css start ////////////////////////////////////////////////////////////////////////// */ #blog-single { padding-top: 20px; padding-bottom: 30px; } .single-blog-page p { color: #fff; font-size: 12px; padding: 5px 0; } .single-blog-img { position: relative; margin: 5px 0; } .single-blog-page figure { margin: 12px 6px; padding: 10px 10px; } .single-blog-img .blog-date h2 { font-size: 12px; } .single-blog-img .blog-date h3 { font-size: 10px; } .single-blog-img .blog-date { right: 2px; top: 2px; width: 50px; height: 50px; } .magazine-column { padding: 0; } /* ////////////////////////////////////////////////////////////////////////// single blog css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// commentbox css start ////////////////////////////////////////////////////////////////////////// */ .commentbox-button button { width: 40%; margin-top: 19px; padding: 4px; } .commentbox-top h3 { font-size: 14px; padding: 8px 0; } .commentbox-top button { font-size: 12px; } .comment_area .comment-content .comment-meta h5 { margin-bottom: 5px; font-size: 12px; } #commentbox .title { font-size: 12px; } .comment-nav .nav { display: block ruby; } .comment_area .comment-content .comment-meta p { font-size: 10px; font-weight: 300; } .comment_area .comment-content .comment-meta a.like, .comment_area .comment-content .comment-meta a.reply { padding: 5px 8px 5px; font-size: 8px; } .comment_area .comment-content .comment-meta .post-date { font-size: 7px; } .comment_area .comment-content .comment-author { width: 40px; max-width: 40px; margin-right: 7px; } .comment_area .comment-content .comment-meta a.like, .comment_area .comment-content .comment-meta a.reply { border: 0; } .comments-header { margin-bottom: 20px; } .comment-nav .nav-link { padding: 6px 12px; font-size: 12px; } #commentbox .title { font-size: 12px; padding: 6px 0; } /* ////////////////////////////////////////////////////////////////////////// commentbox css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner::before { background: rgb(0, 0, 0); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.36) 35%, rgb(36, 36, 40) 100%); } #user-profile { padding: 20px 0; } .card-img-upload { opacity: 1; font-size: 40px; } .about-user p { font-size: 12px; } .personal-details-more p a { font-size: 12px; } .user-card .card-body h3 { font-size: 15px; } .personal-details-more p { font-size: 12px; } .personal-details .user-edit { font-size: 12px; } .personal-details span { line-height: 1.2; font-size: 13px; } .personal-details-more p a.membership { font-size: 9px; } .user-settings ul li span, .user-settings ul li .form-switch-button { font-size: 12px; } .community-notification-top-content h4 { font-size: 16px; } .community-notification-top-content li { margin-right: 0px; font-size: 10px; } .community-notification-top-content p.post-details{ font-size: 12px; } .community-notification-top-content .admin p { font-size: 10px; } .user-profile-filter .nav-item { font-size: 12px; } .Watchlist .user-profile-filter .nav-item { margin: 3px 0; } .notification-card h4 { font-size: 12px; margin: 3px 0; } .notification-card p { font-size: 12px; } .notification-card p.time { font-size: 10px; } #user-profile .item-container .item { padding: 3px; } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// contact css start ////////////////////////////////////////////////////////////////////////// */ #contact { padding: 20px 0; } #contact .heading-section p { font-size: 12px; } .contact-form { padding: 8px; } .contact-form .form-select { font-size: 12px; } #contact .contact-form-icons li span { font-size: 12px; } #contact .contact-form-icons li a i { width: 20px; height: 20px; font-size: 10px; margin-left: 6px; } #contact .contact-form-icons li a { padding: 4px 8px 4px 0; margin: 0 4px 4px 4px; } #contact .contact-form-icons ul { justify-content: center; } /* ////////////////////////////////////////////////////////////////////////// contact css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer css start ////////////////////////////////////////////////////////////////////////// */ .footer-content { padding: 12px 0px 830px; } .AtoZ_list { margin: 14px; } .AtoZ_list h4 { margin-right: 0px; padding-right: 3px; font-size: 10px; } .AtoZ_list p { font-size: 10px; } .AtoZ_list li a { margin-right: 3px; margin-top: 5px; font-size: 10px; padding: 7px 7px; } .footer-logo{ text-align: center; } .footer-content-column.footer-logo { width: 100%; } .footer-content-column { width: 50%; } .footer-content-column.footer-idol { width: 100%; } .footer-idol-image { bottom: 0; right: 0; top: auto; } .footer-idol-image { bottom: 0px; right: 90px; top: auto; left: 90px; } .footer-call-to-action-button { font-size: 11px; padding: 12px 9px; } .footer-content-column ul li a { font-size: 12px; } .footer-copyright-text { font-size: 11px; } .footer-call-to-action-description { font-size: 12px; } /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// error page css start ////////////////////////////////////////////////////////////////////////// */ #error-page { padding: 20px 0; } #error-page h1 { font-size: 80px; } #error-page img { width: 50%; } #error-page h2 { font-size: 20px; margin-bottom: 12px; } #error-page p { font-size: 12px; } /* ////////////////////////////////////////////////////////////////////////// error page css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// coming soon css start ////////////////////////////////////////////////////////////////////////// */ .coming_soon_details h4 { font-size: 12px; } .coming_soon_details h3 { font-size: 27px; } #coming-soon .flipper { font-size: 33px !important; } .coming-soon-img { width: 50%; } .flipper-group label { font-size: 10px; } /* ////////////////////////////////////////////////////////////////////////// coming soon css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 417.98px) and (max-width: 575.98px) { /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .relations .item { width: calc(98% / 3); } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 33%; } .share-bookmark { width: 56%; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Schedule css start ////////////////////////////////////////////////////////////////////////// */ .discord-banner { width: 50%; margin: 0 auto; } /* ////////////////////////////////////////////////////////////////////////// Schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Genres css start ////////////////////////////////////////////////////////////////////////// */ .genre { width: 33%; } /* ////////////////////////////////////////////////////////////////////////// Genres css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 341px) and (max-width: 440.98px) { /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ .logo-user { justify-content: center; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// banner css start ////////////////////////////////////////////////////////////////////////// */ .banner-trending-text { width: 295px; /* top: 210px; */ left: 12px; bottom: 40px; } /* ////////////////////////////////////////////////////////////////////////// banner css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ #content .item { width: calc(100% / 2); } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .characters .character-card { width: calc(92% / 2); margin: 4px 4px; } .anime-character-card .anime-characters-name { bottom: 14px; left: 7px; } .anime-character-card .voice-actor-name { bottom: 14px; left: 7px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 36%; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// schedule css start ////////////////////////////////////////////////////////////////////////// */ .schedule-item ul li p { width: 76%; font-size: 14px; text-overflow: ellipsis; overflow: hidden; display: block ruby; } /* ////////////////////////////////////////////////////////////////////////// schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Genres css start ////////////////////////////////////////////////////////////////////////// */ .genre { width: 33%; } /* ////////////////////////////////////////////////////////////////////////// Genres css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// trailer css start ////////////////////////////////////////////////////////////////////////// */ .trailer-news-wrapper { grid-template-columns: repeat(1, 1fr); } /* ////////////////////////////////////////////////////////////////////////// trailer css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 551px) and (max-width: 575.98px) { /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .relations .item { width: calc(98% / 3); padding: 3px; } #item-characters .nav-pills { padding: 10px 0px 0 0px; } .overall-description-tab .tab-content { padding: 0; } .overall-description .nav-pills .nav-item .nav-link { padding: 8px 7px; font-size: 12px; } .characters .character-card { width: calc(91% / 4); margin: 4px 4px; } .anime-character-card .anime-characters-name { bottom: 14px; left: 7px; } .anime-character-card .voice-actor-name { bottom: 14px; left: 7px; } .characters { margin: 0 6px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 36%; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 30px; margin-top: 35px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 15px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 2px; } #user-banner .user-profile-banner .user-banner-content ul li a { padding: 4px 16px; font-size: 12px; } #user-profile .item-container .item { width: calc(95% / 3); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 531px) and (max-width: 550.98px) { /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { font-size: 10px; width: 159px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 410px; } .top-animes .all-time-details a { width: 370px; } .recently-added .top-animes .all-time-details a { width: 404px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ #all-time .all-time-details a { width: 410px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .relations .item { width: calc(98% / 3); padding: 3px; } #item-characters .nav-pills { padding: 10px 0px 0 0px; } .overall-description-tab .tab-content { padding: 0; } .overall-description .nav-pills .nav-item .nav-link { padding: 8px 7px; font-size: 12px; } .characters .character-card { width: calc(91% / 4); margin: 4px 4px; } .anime-character-card .anime-characters-name { bottom: 14px; left: 7px; } .anime-character-card .voice-actor-name { bottom: 14px; left: 7px; } .characters { margin: 0 6px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 36%; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Genres css start ////////////////////////////////////////////////////////////////////////// */ .genre { width: 33%; } /* ////////////////////////////////////////////////////////////////////////// Genres css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ /* user settings part start*/ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 30px; margin-top: 35px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 11px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 2px; } #user-banner .user-profile-banner .user-banner-content ul li a { padding: 4px 6px; font-size: 11px; } /* user settings part end*/ #user-profile .item-container .item { width: calc(94% / 3); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ .footer-idol-image { bottom: 0; right: 88px; top: auto; left: 88px; } /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 501px) and (max-width: 530.98px) { /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { font-size: 10px; width: 149px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 380px; } .top-animes .all-time-details a { width: 340px; } .recently-added .top-animes .all-time-details a { width: 374px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ #all-time .all-time-details a { width: 378px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .relations .item { width: calc(98% / 3); padding: 3px; } #item-characters .nav-pills { padding: 10px 0px 0 0px; } .overall-description-tab .tab-content { padding: 0; } .overall-description .nav-pills .nav-item .nav-link { padding: 8px 7px; font-size: 12px; } .characters .character-card { width: calc(90% / 4); margin: 4px 4px; } .anime-character-card .anime-characters-name { bottom: 14px; left: 7px; } .anime-character-card .voice-actor-name { bottom: 14px; left: 7px; } .characters { margin: 0 6px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 36%; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Genres css start ////////////////////////////////////////////////////////////////////////// */ .genre { width: 33%; } /* ////////////////////////////////////////////////////////////////////////// Genres css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 30px; margin-top: 30px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 9px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 2px; } #user-banner .user-profile-banner .user-banner-content ul li a { padding: 4px 6px; font-size: 11px; } #user-profile .item-container .item { width: calc(93% / 3); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ .footer-idol-image { bottom: 0; right: 80px; top: auto; left: 80px; } /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 481px) and (max-width: 500.98px) { /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { font-size: 10px; width: 142px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 356px; } .top-animes .all-time-details a { width: 320px; } .recently-added .top-animes .all-time-details a { width: 354px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ #all-time .all-time-details a { width: 358px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .relations .item { width: calc(98% / 3); padding: 3px; } #item-characters .nav-pills { padding: 10px 0px 0 0px; } .overall-description-tab .tab-content { padding: 0; } .overall-description .nav-pills .nav-item .nav-link { padding: 8px 7px; font-size: 12px; } .characters .character-card { width: calc(90% / 4); margin: 4px 4px; } .anime-character-card .anime-characters-name { bottom: 14px; left: 7px; } .anime-character-card .voice-actor-name { bottom: 14px; left: 7px; } .characters { margin: 0 6px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 36%; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Genres css start ////////////////////////////////////////////////////////////////////////// */ .genre { width: 50%; } /* ////////////////////////////////////////////////////////////////////////// Genres css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 28px; margin-top: 29px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 9px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 2px; } #user-banner .user-profile-banner .user-banner-content ul li a { padding: 4px 6px; font-size: 11px; } #user-profile .item-container .item { width: calc(93% / 3); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ .footer-idol-image { bottom: 0; right: 60px; top: auto; left: 60px; } /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 461px) and (max-width: 480.98px) { /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { font-size: 10px; width: 136px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 355px; } .top-animes .all-time-details a { width: 300px; } .recently-added .top-animes .all-time-details a { width: 333px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ #all-time .all-time-details a { width: 336px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .relations .item { width: calc(98% / 3); padding: 3px; } #item-characters .nav-pills { padding: 10px 0px 0 0px; } .overall-description-tab .tab-content { padding: 0; } .overall-description .nav-pills .nav-item .nav-link { padding: 8px 7px; font-size: 12px; } .characters .character-card { width: calc(92% / 3); margin: 4px 4px; } .anime-character-card .anime-characters-name { bottom: 14px; left: 7px; } .anime-character-card .voice-actor-name { bottom: 14px; left: 7px; } .characters { margin: 0 6px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 36%; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Genres css start ////////////////////////////////////////////////////////////////////////// */ .genre { width: 50%; } /* ////////////////////////////////////////////////////////////////////////// Genres css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 26px; margin-top: 28px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 9px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 2px; } #user-banner .user-profile-banner .user-banner-content ul li a { padding: 4px 6px; font-size: 11px; } #user-profile .item-container .item { width: calc(93% / 3); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ .footer-idol-image { bottom: 0; right: 50px; top: auto; left: 50px; } /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 441px) and (max-width: 460.98px) { /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { font-size: 10px; width: 129px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 320px; } .top-animes .all-time-details a { width: 282px; } .recently-added .top-animes .all-time-details a { width: 315px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ #all-time .all-time-details a { width: 320px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .relations .item { width: calc(98% / 3); padding: 3px; } #item-characters .nav-pills { padding: 10px 0px 0 0px; } .overall-description-tab .tab-content { padding: 0; } .overall-description .nav-pills .nav-item .nav-link { padding: 8px 7px; font-size: 12px; } .characters .character-card { width: calc(92% / 3); margin: 4px 4px; } .anime-character-card .anime-characters-name { bottom: 14px; left: 7px; } .anime-character-card .voice-actor-name { bottom: 14px; left: 7px; } .characters { margin: 0 6px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 36%; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Genres css start ////////////////////////////////////////////////////////////////////////// */ .genre { width: 50%; } /* ////////////////////////////////////////////////////////////////////////// Genres css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 26px; margin-top: 24px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 9px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 2px; } #user-banner .user-profile-banner .user-banner-content ul li a { padding: 4px 6px; font-size: 11px; } #user-profile .item-container .item { width: calc(93% / 3); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ .footer-idol-image { bottom: 0; right: 38px; top: auto; left: 38px; } /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 426px) and (max-width: 440.98px) { /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { font-size: 10px; width: 189px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 300px; } .top-animes .all-time-details a { width: 266px; } .recently-added .top-animes .all-time-details a { width: 300px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ #all-time .all-time-details a { width: 302px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .relations .item { width: calc(98% / 2); padding: 3px; } #item-characters .nav-pills { padding: 10px 0px 0 0px; } .overall-description-tab .tab-content { padding: 0; } .overall-description .nav-pills .nav-item .nav-link { padding: 8px 7px; font-size: 12px; } .characters .character-card { width: calc(91% / 3); margin: 4px 4px; } .anime-character-card .anime-characters-name { bottom: 14px; left: 7px; } .anime-character-card .voice-actor-name { bottom: 14px; left: 7px; } .characters { margin: 0 6px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 32%; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Genres css start ////////////////////////////////////////////////////////////////////////// */ .genre { width: 50%; } /* ////////////////////////////////////////////////////////////////////////// Genres css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 25px; margin-top: 22px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 9px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 2px; } #user-banner .user-profile-banner .user-banner-content ul li a { padding: 4px 6px; font-size: 11px; } #user-profile .item-container .item { width: calc(92% / 2); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ .footer-idol-image { bottom: 0; right: 35px; top: auto; left: 35px; } /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 400px) and (max-width: 425.98px) { /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { font-size: 10px; width: 176px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 275px; } .top-animes .all-time-details a { width: 240px; } .recently-added .top-animes .all-time-details a { width: 270px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ #all-time .all-time-details a { width: 272px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Genres css start ////////////////////////////////////////////////////////////////////////// */ .genre { width: 50%; } /* ////////////////////////////////////////////////////////////////////////// Genres css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .relations .item { width: calc(98% / 2); padding: 3px; } #item-characters .nav-pills { padding: 10px 0px 0 0px; } .overall-description-tab .tab-content { padding: 0; } .overall-description .nav-pills .nav-item .nav-link { padding: 8px 7px; font-size: 12px; } .characters .character-card { width: calc(91% / 3); margin: 4px 4px; } .anime-character-card .anime-characters-name { bottom: 14px; left: 7px; } .anime-character-card .voice-actor-name { bottom: 14px; left: 7px; } .characters { margin: 0 6px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 30%; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 25px; margin-top: 16px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 9px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 2px; } #user-banner .user-profile-banner .user-banner-content ul li a { padding: 4px 6px; font-size: 11px; } #user-profile .item-container .item { width: calc(92% / 2); } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ .footer-idol-image { bottom: 0; right: 25px; top: auto; left: 25px; } /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 376px) and (max-width: 399.98px) { /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { font-size: 10px; width: 164px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 258px; } .top-animes .all-time-details a { width: 219px; } .recently-added .top-animes .all-time-details a { width: 252px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ #all-time .all-time-details a { width: 256px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .relations .item { width: calc(98% / 2); padding: 3px; } #item-characters .nav-pills { padding: 10px 0px 0 0px; } .overall-description-tab .tab-content { padding: 0; } .overall-description .nav-pills .nav-item .nav-link { padding: 8px 7px; font-size: 12px; } .characters .character-card { width: calc(94% / 2); margin: 4px 4px; } .anime-character-card .anime-characters-name { bottom: 14px; left: 7px; } .anime-character-card .voice-actor-name { bottom: 14px; left: 7px; } .characters { margin: 0 6px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 28%; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Genres css start ////////////////////////////////////////////////////////////////////////// */ .genre { width: 50%; } /* ////////////////////////////////////////////////////////////////////////// Genres css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 24px; margin-top: 13px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 9px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 2px; } #user-banner .user-profile-banner .user-banner-content ul li a { padding: 4px 6px; font-size: 11px; } #user-profile .item-container .item { width: calc(90% / 2); padding: 2px; } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ .footer-idol-image { bottom: 0; right: 20px; top: auto; left: 20px; } /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 361px) and (max-width: 375.98px) { /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { font-size: 10px; width: 157px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 244px; } .top-animes .all-time-details a { width: 204px; } .recently-added .top-animes .all-time-details a { width: 235px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ #all-time .all-time-details a { width: 240px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Genres css start ////////////////////////////////////////////////////////////////////////// */ .genre { width: 50%; } /* ////////////////////////////////////////////////////////////////////////// Genres css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series banner part start ////////////////////////////////////////////////////////////////////////// */ #single-series-banner .watch-trailer { bottom: 55px; right: 7px; } /* ////////////////////////////////////////////////////////////////////////// single series banner part end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .relations .item { width: calc(98% / 2); padding: 3px; } #item-characters .nav-pills { padding: 10px 0px 0 0px; } .overall-description-tab .tab-content { padding: 0; } .overall-description .nav-pills .nav-item .nav-link { padding: 8px 7px; font-size: 12px; } .characters .character-card { width: calc(93% / 2); margin: 4px 4px; } .anime-character-card .anime-characters-name { bottom: 14px; left: 7px; } .anime-character-card .voice-actor-name { bottom: 14px; left: 7px; } .characters { margin: 0 6px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 28%; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 20px; margin-top: 14px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 9px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 2px; } #user-banner .user-profile-banner .user-banner-content ul li a { padding: 4px 6px; font-size: 11px; } #user-profile .item-container .item { width: calc(91% / 2); padding: 3px; } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ .footer-idol-image { bottom: 0px; right: 15px; top: auto; left: 15px; } /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 341px) and (max-width: 360.98px) { /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ .item-container .item h3 { font-size: 10px; width: 146px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 228px; } .top-animes .all-time-details a { width: 187px; } .recently-added .top-animes .all-time-details a { width: 230px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ #all-time .all-time-details a { width: 238px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .relations .item { width: calc(98% / 2); padding: 2px; } #anime_single .single_anime_img img { width: 155px; } #item-characters .nav-pills { padding: 10px 0px 0 0px; } .overall-description-tab .tab-content { padding: 0; } .overall-description .nav-pills .nav-item .nav-link { padding: 8px 7px; font-size: 12px; } .characters .character-card { width: calc(92% / 2); margin: 4px 4px; } .anime-character-card .anime-characters-name { bottom: 14px; left: 7px; } .anime-character-card .voice-actor-name { bottom: 14px; left: 7px; } .characters { margin: 0 6px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 24%; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Genres css start ////////////////////////////////////////////////////////////////////////// */ .genre { width: 50%; } /* ////////////////////////////////////////////////////////////////////////// Genres css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 19px; margin-top: 13px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 9px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 2px; } #user-banner .user-profile-banner .user-banner-content ul li a { padding: 4px 6px; font-size: 11px; } #user-profile .item-container .item { width: calc(90% / 2); padding: 3px; } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ .footer-idol-image { bottom: 6px; right: 15px; top: auto; left: 15px; } /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ } @media (min-width: 320px) and (max-width: 340.98px) { /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ #content .item { width: calc(100% / 2); } .logo-user { justify-content: start; } #main-menu .main-header .logo { margin: 12.5px 0; padding: 0; width: 90px; } /* ////////////////////////////////////////////////////////////////////////// main menu css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// banner css start ////////////////////////////////////////////////////////////////////////// */ .trending-banner.owl-carousel .owl-item img { height: 250px !important; } .banner-trending-text { width: 284px; left: 12px; bottom: 18px; } .main-banner { height: 250px; margin-bottom: 6px; } /* ////////////////////////////////////////////////////////////////////////// banner css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// genres slider css start ////////////////////////////////////////////////////////////////////////// */ .genres-single-item .genres-single-content { height: 25px; } .genres-single-item .genres-single-content h3 { font-size: 12px; } /* ////////////////////////////////////////////////////////////////////////// genres slider css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// content css start ////////////////////////////////////////////////////////////////////////// */ #content .item { width: calc(100% / 2); } .anime-details { padding: 3px 9px; } .item-container .item h3 { font-size: 10px; width: 132px; } .anime-details h1 { font-size: 10px; } .anime-details .desc { display: none; } .anime-details a.watch-now { width: 107px; } .anime-details a.watch-now .circle { height: 33px; } .anime-details a.watch-now .button-text { margin: 0 0 0 6.6px; font-size: 9px; padding: 10px 0; left: 16px; } .anime-details a:hover .circle .icon.arrow { left: 0; } .anime-details .rating i { font-size: 11px; } .anime-details .rating span { font-size: 11px; } .anime-details h2 { font-size: 10px; } .top-animes .all-time-content.topnumber1 .all-time-details a { width: 200px; } .top-animes .all-time-details a { width: 155px; } .recently-added .top-animes .all-time-details a { width: 186px; } /* ////////////////////////////////////////////////////////////////////////// content css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// All time css start ////////////////////////////////////////////////////////////////////////// */ #all-time .all-time-details a { width: 196px; } /* ////////////////////////////////////////////////////////////////////////// All time css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series css start ////////////////////////////////////////////////////////////////////////// */ .relations .item { width: calc(98% / 2); padding: 3px; } #anime_single .single_anime_img img { width: 155px; } #item-characters .nav-pills { padding: 10px 0px 0 0px; } .overall-description-tab .tab-content { padding: 0; } .overall-description .nav-pills .nav-item .nav-link { padding: 8px 7px; font-size: 12px; } .characters .character-card { width: calc(92% / 2); margin: 4px 4px; } .anime-character-card .anime-characters-name { bottom: 14px; left: 7px; } .anime-character-card .voice-actor-name { bottom: 14px; left: 7px; } .characters { margin: 0 6px; } /* ////////////////////////////////////////////////////////////////////////// single series css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// single series play css start ////////////////////////////////////////////////////////////////////////// */ .tv-series-server-options .sub-option, .tv-series-server-options .dub-option { width: 22%; } /* ////////////////////////////////////////////////////////////////////////// single series play css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// schedule css start ////////////////////////////////////////////////////////////////////////// */ .schedule-item ul li p { width: 72%; font-size: 14px; text-overflow: ellipsis; overflow: hidden; display: block ruby; } /* ////////////////////////////////////////////////////////////////////////// schedule css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Coming Out css start ////////////////////////////////////////////////////////////////////////// */ #Coming-Out .Coming-Out-info h1 { font-size: 19px; } /* ////////////////////////////////////////////////////////////////////////// Coming Out css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// trailer css start ////////////////////////////////////////////////////////////////////////// */ .trailer-news-wrapper { grid-template-columns: repeat(1, 1fr); } /* ////////////////////////////////////////////////////////////////////////// trailer css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// Genres css start ////////////////////////////////////////////////////////////////////////// */ .genre { width: 50%; } /* ////////////////////////////////////////////////////////////////////////// Genres css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// user profile css start ////////////////////////////////////////////////////////////////////////// */ #user-banner .user-profile-banner .user-banner-content h2 { font-size: 19px; margin-top: 8px; } #user-banner .user-profile-banner .user-banner-content ul { margin-top: 12px; } #user-banner .user-profile-banner .user-banner-content ul li { margin: 0 2px; } #user-banner .user-profile-banner .user-banner-content ul li a { padding: 4px 6px; font-size: 11px; } #user-profile .item-container .item { width: calc(87% / 2); padding: 3px; } /* ////////////////////////////////////////////////////////////////////////// user profile css end ////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////// footer css start ////////////////////////////////////////////////////////////////////////// */ .footer-idol-image { bottom: 0px; right: 0; top: auto; left: 0; } /* ////////////////////////////////////////////////////////////////////////// footer css end ////////////////////////////////////////////////////////////////////////// */ }