@media screen and (max-width: 767px){.box-l .on-hover-last-singer {bottom: 0!important} .comments-area {margin: 0 5px 10px 5px;} ::-webkit-scrollbar {width: 3px;height: 10px;} ::-webkit-scrollbar-thumb {border-radius: 25px;background: #aaa;} ::-webkit-scrollbar-track {background: #fff;} .bg-ic-srchh {position: absolute;left: 13%;top: 24%;width: 40px;} .header-searchbox {width: 100%;height: 100%;display: table;margin-right: auto;margin-left: auto;} .srch-box-header {position: relative;display: table;margin: 20px auto;font-size: 12px;left: 0;padding: 10px;border-radius: 10px;border: 2px solid transparent;background-color: rgba(0,0,0,0.05);opacity: 1;color: #555;} .ic-srchh {position: absolute;left: 15%;top: 40%;bottom: 20%;color: #aaa;} .post-share-btns a.btn {width: 100%;display: block;margin: 8px 0px;} .post-share-btns {display: block;} .post-share-btns li a.btn {width: 100%;display: table;margin: 10px auto;} .last-post-boxes-area {height: auto;width: auto;padding-bottom: 10px;} .header-left-area .telegram-ads-left {position: absolute;left: 5%;} .header-left-area .telegram-ads {display: table;width: 250px;background: -webkit-linear-gradient(200deg,#628fe6,#c05be7);background: -o-linear-gradient(200deg,#628fe6,#c05be7);background: linear-gradient(250deg,#628fe6,#c05be7);position: relative;height: 45px;top: 30px;bottom: unset;left: unset;margin-top: unset;margin-bottom: unset;margin-right: auto;margin-left: auto;} .nav .nav-container ul li:before {display: none;} nav ul li:hover {color: #fff;text-decoration: none;background-color: transparent;} nav ul li {color: #fff;} nav ul li a:hover {color: #fff;text-decoration: none;background-color: transparent;text-shadow: 0 0 8px rgba(0,0,0,0.65);} nav ul li a {color: #fcfcfc;text-decoration: none;background-color: transparent;text-shadow: 0 0 10px rgba(0,0,0,0.65);} nav input {display: block;} nav label {display: block;} nav {display: none;position: absolute;} .nav-container {position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: -1;background: rgba(0,0,0,0.65);background: -webkit-linear-gradient(200deg,#628fe6,#c05be7);background: -o-linear-gradient(200deg,#628fe6,#c05be7);background: linear-gradient(250deg,#628fe6,#c05be7);opacity: 0;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;display: none;} .nav-container ul {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 100%;display: none;} .nav-container ul li {float: none;width: 100%;text-align: right;margin-bottom: 10px;display: none;} .nav-container ul li:hover {padding-right: 5px;display: none;} .nav-container ul li:nth-child(1) a {-webkit-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;} .nav-container ul li:nth-child(2) a {-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;} .nav-container ul li:nth-child(3) a {-webkit-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;} .nav-container ul li:nth-child(4) a {-webkit-transition-delay: 0.5s;-o-transition-delay: 0.5s;transition-delay: 0.5s;} .nav-container ul li:not(:first-child) {margin-left: 0;} .nav-container ul li a {padding: 10px 25px;opacity: 0;color: #fff;font-size: 24px;font-weight: 600;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;display: none;} .nav-open {position: fixed;right: 10px;top: 10px;display: block;width: 48px;height: 48px;cursor: pointer;z-index: 9999;border-radius: 50%;display: none;} .nav-open i {display: block;width: 20px;height: 2px;background: #1f2227;border-radius: 2px;margin-left: 14px;display: none;} .nav-open i:nth-child(1) {margin-top: 16px;display: none;} .nav-open i:nth-child(2) {margin-top: 4px;opacity: 1;display: none;} .nav-open i:nth-child(3) {margin-top: 4px;display: none;}}@media screen and (min-width: 768px) and (max-width: 850px){.breadcrumb {font-size: 9px;} .nav .nav-container ul li:before {right: 15px;font-size: 13px;} .filter-top-by-time-btns span.active-filter-top {border: 1px solid #0070af!important;} article.top-posts-in-times .filter-top-by-time-btns span {font-size: 9px;border: 1px solid #329825;float: none!important;display: block!important;min-width: 90%!important;} .filter-top-by-time-btns {width: 100%;display: block;float: none;} .filtered-area ul li a .top-by-date-view {position: absolute;top: 0;left: 2px;font-size: 7px;color: #ddd;} .filtered-area ul li a {font-size: 8px!important;} .Right-Line-Hover {width: 5px;}}@media screen and (min-width: 900px) and (max-width: 1000px){.audio-player .player-controls .progress-container {width: 90%;}}@media screen and (min-width: 768px) and (max-width: 899px){.audio-player .player-controls .progress-container {width: 70%;}}@media screen and (min-width: 992px) and (max-width: 1199px){.box-l {display: table;width: 150px;height: 150px;margin: 5px auto;}}@media screen and (min-width: 1200px){.box-l {width: 175px;height: 175px;margin: 5px auto;}}@media screen and (min-width: 768px) and (max-width: 991px){.bg-ic-srchh {width: 40px;} .post-dl-box .dl-box-right a {font-size: 10px;} .Tabs__tab i {font-size: 20px;} .Tabs__tab > a {font-size: 8px;} nav.nav-wide-fix .srsh-box {display: none;} nav ul li a {font-size: 10px;padding: 20px 28px;} .tab-select-info i {font-size: 8px;} .tab-select-info p {font-size: 8px;} .filtered-area ul li a {font-size: 9px;} .audio-player .player-head {position: relative;max-width: 100%;max-height: 10rem;min-height: 10rem;overflow: hidden;} .last-post-boxes-area {height: auto;width: auto;padding-bottom: 10px;} .audio-player .player-head .player-description h2 {padding-top: 5px;font-size: 18px;} .audio-player .player-head .player-description p {font-size: 9px;}}@media screen and (max-width: 991px){.last-post-box-header {margin-top: 5px;} .audio-player .player-controls .track__time {padding-top: 0;font-size: 13px!important;}}@media screen and (min-width: 1400px){.carousel-inner .carousel-item {width: 100%;height: auto;max-height: 200px;} .carousel-inner .carousel-item img {display: block;width: 100%;max-height: 200px;}}@media screen and (min-width: 950px) and (max-width: 1096px){.post-info-top-item i {text-align: right;color: #444;margin-top: 3px;margin-bottom: 8px;display: inline-block;font-size: 13px;} .post-info-top-item p,.post-info-top-item a {text-align: right;color: #444;margin-bottom: 8px;margin-top: 3px;display: inline-block;font-size: 10px;line-height: 1.4;} .post-info-top-item.song-n h3 {font-weight: 600;text-align: right;color: #111;display: inline;font-size: 15px;line-height: 2;} .post-info-top-item.song-n i {font-weight: 600;text-align: right;color: #111;margin-bottom: 4px;font-size: 16px;}}@media screen and (min-width: 850px) and (max-width: 949px){.post-info-top-item i {text-align: right;color: #444;margin-top: 2px;margin-bottom: 5px;display: inline-block;font-size: 12px;} .post-info-top-item p,.post-info-top-item a {text-align: right;color: #444;margin-bottom: 5px;margin-top: 2px;display: inline-block;font-size: 9px;line-height: 1.4;} .post-info-top-item.song-n h3 {font-weight: 600;text-align: right;color: #111;display: inline;font-size: 13px;line-height: 1.5;} .post-info-top-item.song-n i {font-weight: 600;text-align: right;color: #111;margin-bottom: 3px;font-size: 15px;}}@media screen and (min-width: 320px) and (max-width: 349px){.box-l {width: 145px;height: 145px;}}@media screen and (min-width: 350px) and (max-width: 380px){.box-l {width: 165px;height: 165px;}}@media screen and (min-width: 381px) and (max-width: 410px){.box-l {width: 175px;height: 175px;}}@media screen and (min-width: 411px) and (max-width: 450px){.box-l {width: 190px;height: 190px;}}@media screen and (min-width: 451px) and (max-width: 500px){.box-l {width: 210px!important;height: 210px!important;}}@media screen and (min-width: 501px) and (max-width: 550px){.box-l {width: 230px!important;height: 230px!important;}}@media screen and (min-width: 551px) and (max-width: 574px){.box-l {width: 260px!important;height: 260px!important;}}@media screen and (min-width: 575px) and (max-width: 600px){.box-l {width: 250px!important;height: 250px!important;}}@media screen and (min-width: 601px) and (max-width: 767px){.box-l {width: 163px!important;height: 163px!important;}}@media screen and (min-width: 768px) and (max-width: 1000px){.top-posts-in-times .icon-most-view {font-size: 50px;} .music-info-bg {position: absolute;top: -45px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;} .music-name p {font-size: 15px;} .music-name i {font-size: 18px;} .music-singer p {font-size: 12px;} .music-singer i {font-size: 14px;} .music-date p {font-size: 10px;} .music-date i {font-size: 12px;}}@media screen and (min-width: 350px) and (max-width: 400px){.music-info-bg {position: absolute;top: 35px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}}@media screen and (min-width: 500px) and (max-width: 575px){.music-info-bg {position: absolute;top: 110px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;} .music-name p {font-size: 20px;} .music-name i {font-size: 25px;} .music-singer p {font-size: 16px;} .music-singer i {font-size: 19px;} .music-date p {font-size: 14px;} .music-date i {font-size: 15px;}}@media screen and (min-width: 700px) and (max-width: 767px){.music-info-bg {position: absolute;top: 35px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}}@media screen and (min-width: 920px) and (max-width: 1000px){.music-info-bg {position: absolute;top: -25px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}}@media screen and (min-width: 1001px) and (max-width: 1150px){.music-info-bg {position: absolute;top: -10px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}}@media screen and (min-width: 1300px) and (max-width: 1400px){.music-info-bg {position: absolute;top: 20%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;} .music-name p {font-size: 22px;} .music-name i {font-size: 30px;} .music-singer p {font-size: 18px;} .music-singer i {font-size: 25px;} .music-date p {font-size: 14px;} .music-date i {font-size: 20px;}}@media screen and (min-width: 1401px) and (max-width: 1600px){.music-info-bg {position: absolute;top: 15px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;} .music-name p {font-size: 25px;} .music-name i {font-size: 30px;} .music-singer p {font-size: 20px;} .music-singer i {font-size: 25px;} .music-date p {font-size: 16px;} .music-date i {font-size: 20px;}}@media screen and (min-width: 768px) and (max-width: 1110px){.random-item-left {line-height: 1.8;font-size: 8px;} .item-related-left p {color: #555;font-size: 9px;display: block;line-height: 1.8;text-align: right;padding-top: 10px;margin-left: 5px;} .item-related-right {float: right;width: 10%;height: auto;padding: 5px;} .item-related {display: inline-block;width: 100%;float: right;overflow: hidden;border-radius: 5px;margin: 2px 0;} .btn-our-services {margin-top: 5px;} .insta-site-ads i {position: relative;top: 3px;font-size: 14px;text-align: center;z-index: 2;} .insta-site-ads p {position: relative;color: #fff;display: inline;font-size: 10px;text-align: center;z-index: 2;} .telegram-site-ads i {position: relative;top: 3px;font-size: 15px;text-align: center;z-index: 2;} .telegram-site-ads p {position: relative;color: #fff;display: inline;font-size: 10px;text-align: center;z-index: 2;} .info-more-right {height: auto;display: table;float: none;margin-right: auto;margin-left: auto;} .info-more-left {height: 100%;display: table;float: none;margin-right: auto;margin-left: auto;} .audio-player .player-controls .pl-list__title {padding-right: 0;font-size: 9px;} .audio-player .player-controls .track__title {position: relative;font-size: 10px;width: auto;display: table;margin-right: auto;margin-left: auto;} .audio-player .player-controls .track__time {display: none;}}@media screen and (min-width: 768px) and (max-width: 1020px){.sidebar-box-text {right: 8px;top: 12px;font-size: 11px;} .sidebar-box-icon {position: absolute;left: 12px;top: 12px;color: #fff;font-size: 15px;} .our-service a p {font-size: 8px;} .our-service a i {font-size: 12px;} .btn-our-services {padding: 0;}}@media screen and (min-width: 1097px) and (max-width: 1243px){.post-info-top-item i {text-align: right;color: #444;margin-top: 4px;margin-bottom: 10px;display: inline-block;font-size: 14px;} .post-info-top-item p,.post-info-top-item a {text-align: right;color: #444;margin-bottom: 10px;margin-top: 4px;display: inline-block;font-size: 11px;line-height: 1.4;} .post-info-top-item.song-n h3 {font-weight: 600;text-align: right;color: #111;display: inline;font-size: 16px;line-height: 2;} .post-info-top-item.song-n i {font-weight: 600;text-align: right;color: #111;margin-bottom: 5px;font-size: 18px;} .item-social {position: relative;display: inline-block;padding: 10px;margin: 3px;width: 38px;height: 38px;border: 2px solid transparent;background-color: #f9f9f9;-webkit-box-shadow: 0 1.3pt 7px rgba(0,0,0,0.8);box-shadow: 0 1.3pt 7px rgba(0,0,0,0.8);border-radius: 5px;} .item-social svg {position: absolute;top: 3px;left: 3px;width: 28px;}}@media screen and (min-width: 930px) and (max-width: 1096px){.item-social {position: relative;display: inline-block;padding: 10px;margin: 3px;width: 30px;height: 30px;border: 2px solid transparent;background-color: #f9f9f9;-webkit-box-shadow: 0 1.3pt 7px rgba(0,0,0,0.8);box-shadow: 0 1.3pt 7px rgba(0,0,0,0.8);border-radius: 5px;} .item-social svg {position: absolute;top: 3px;left: 3px;width: 20px;}}@media screen and (min-width: 768px) and (max-width: 929px){.footer-copyright p {font-size: 10px;} .social-text {font-size: 10px;} .item-social {position: relative;display: inline-block;padding: 9px;margin: 3px;width: 20px;height: 20px;border: 2px solid transparent;background-color: #f9f9f9;-webkit-box-shadow: 0 1.3pt 7px rgba(0,0,0,0.8);box-shadow: 0 1.3pt 7px rgba(0,0,0,0.8);border-radius: 5px;} .item-social svg {position: absolute;top: 1px;left: 1px;width: 16px;}}@media screen and (min-width: 374px) and (max-width: 375px){.last-post-boxes-area .col-md-2 {margin-right: 18px;margin-left: 0;}}@media screen and (min-width: 359px) and (max-width: 360px){.last-post-boxes-area .col-md-2 {margin-right: 13px;margin-left: 0;}}@media screen and (min-width: 320px) and (max-width: 320px){.last-post-boxes-area .col-md-2 {margin-right: 13px;margin-left: 0;}}@media screen and (min-width: 411px) and (max-width: 411px){.last-post-boxes-area .col-md-2 {margin-right: 14px;margin-left: 0;}}@media screen and (min-width: 414px) and (max-width: 414px){.last-post-boxes-area .col-md-2 {margin-right: 15px;margin-left: 0;}}@media screen and (min-width: 692px) and (max-width: 767px){.social-media-footer {padding: 25px 2px;display: table;margin: 5px auto;} .item-social {position: relative;display: inline-block;padding: 9px;margin: 3px;width: 35px;height: 35px;border: 2px solid transparent;background-color: #f9f9f9;-webkit-box-shadow: 0 1.3pt 7px rgba(0,0,0,0.8);box-shadow: 0 1.3pt 7px rgba(0,0,0,0.8);border-radius: 5px;} .item-social svg {position: absolute;top: 2px;left: 2px;width: 28px;}}@media screen and (min-width: 576px) and (max-width: 691px){.item-social {position: relative;display: inline-block;padding: 9px;margin: 3px;width: 27px;height: 27px;border: 2px solid transparent;background-color: #f9f9f9;-webkit-box-shadow: 0 1.3pt 7px rgba(0,0,0,0.8);box-shadow: 0 1.3pt 7px rgba(0,0,0,0.8);border-radius: 5px;} .item-social svg {position: absolute;top: 2px;left: 2px;width: 20px;}}@media screen and (max-width: 400px){.breadcrumb {font-size: 9px;} .social-media-footer {padding: 25px 2px;display: table;margin: 5px auto;} .item-social {position: relative;display: inline-block;padding: 10px;margin: 3px;width: 30px;height: 30px;border: 2px solid transparent;background-color: #f9f9f9;-webkit-box-shadow: 0 1.3pt 7px rgba(0,0,0,0.8);box-shadow: 0 1.3pt 7px rgba(0,0,0,0.8);border-radius: 5px;} .item-social svg {position: absolute;top: 3px;left: 3px;width: 20px;}}@media screen and (min-width: 768px) and (max-width: 849px){.father-itemi {padding-right: 20px;} .post-info-top-right {padding: 5px;width: 100%;height: auto;max-height: 600px!important;float: right;overflow: hidden;display: block;} .post-info-top-right img {width: 75%;height: 75%;display: block;margin: 0 auto;} .post-info-top-left {padding: 5px;width: 100%;height: auto;float: none;}}@media screen and (min-width: 768px) and (max-width: 900px){.any-widget-area a,.footer-any-box a {font-size: 9px;} .random-item-right {display: none;} .random-item-left {padding: 6px;width: 100%;}}@media screen and (max-width: 899px){.post-dl-box .dl-box-right {width: 100%;display: block;height: auto;float: none;} .post-dl-box .dl-box-left {position: relative;width: 100%;height: auto;display: block;float: none;} .post-dl-box h3 {display: block;text-align: center;padding-bottom: 10px;border-bottom: 2px dashed rgba(255,255,255,0.21);}}@media screen and (min-width: 1601px){.post-body-index,.post-body-index p,.post-body-index span,.post-body-index img {font-size: 18px;color: #555;line-height: 2;width: auto;height: auto;display: inline-block;margin: 0 2px;} .music-info-bg {position: absolute;top: 32px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;} .music-name p {font-size: 35px;} .music-name i {font-size: 40px;} .music-singer p {font-size: 27px;} .music-singer i {font-size: 32px;} .music-date p {margin-top: 10px;font-size: 20px;} .music-date i {margin-top: 10px;font-size: 25px;}}@media screen and (max-width: 767px){.last-post-box-header {display: table;margin: 0 auto;margin-top: 5px;} .related-bg {margin: 5px!important;margin-bottom: 10px!important;} .post-bg {margin: 3px 5px 10px 5px!important;} .nav-responsive {display: block;z-index: 999999;} body.overflow {overflow: hidden;} .responsive-menu-title{color: #fff;position: fixed;top: 14px;right: 10px;font-size: 22px;opacity: 0;} .responsive-menu-des{color: #fff;position: fixed;top: 43px;right: 10px;font-size: 12px;opacity: 0;} .father-info-resmenu{padding: 23px;position: absolute;top: 14px;right: 5px;border-right: 4px solid #fff;opacity: 0;} nav.show .responsive-menu-title{opacity: 1!important;right: 30px!important;-webkit-transition-delay: 1.2s;-o-transition-delay: 1.2s;transition-delay: 1.2s;} nav.show .responsive-menu-des{opacity: 1!important;right: 30px!important;-webkit-transition-delay: 1.5s;-o-transition-delay: 1.5s;transition-delay: 1.5s;} nav.show .father-info-resmenu{opacity: 1!important;right: 20px!important;-webkit-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s;} .burger {z-index: 9999999;opacity: 1;position: fixed;visibility: visible;width: 35px;height: 35px;top: 15px;left: 15px;border-radius: 10px;background-color: #909;background: -webkit-linear-gradient(45deg,#628fe6,#c05be7);background: -o-linear-gradient(45deg,#628fe6,#c05be7);background: linear-gradient(45deg,#628fe6,#c05be7);-webkit-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.15);box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.15);} .burger span {position: relative;margin-top: 9px;margin-bottom: 9px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;position: absolute;top: 50%;left: 24px;margin-left: -15px;margin-top: -1.5px;} .burger span,.burger span::before,.burger span::after {display: block;width: 16px;height: 2px;background-color: #fff;outline: 1px solid transparent;-webkit-transition-property: background-color,-webkit-transform;-o-transition-property: background-color,-o-transform;transition-property: background-color,-webkit-transform;-o-transition-property: background-color,transform;transition-property: background-color,transform;transition-property: background-color,transform,-webkit-transform;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;} .burger span::before,.burger span::after {position: absolute;content: "";} .burger span::before {top: -9px;} .burger span::after {top: 9px;} .burger.clicked span {background-color: transparent;} .burger.clicked span::before {-webkit-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);} .burger.clicked span::after {-webkit-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);} .burger.clicked span:before,.burger.clicked span:after {background-color: #fff;} .burger:hover {cursor: pointer;} nav {background-color: rgba(0,0,0,0.60);position: fixed;z-index: 9;top: 0;right: 0;height: 100%;max-width: 767px;width: 100%;padding: 80px 30px 20px 30px;overflow-y: auto;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);-webkit-transition: transform 0.55s cubic-bezier(0.785,0.135,0.15,0.86);-o-transition: transform 0.55s cubic-bezier(0.785,0.135,0.15,0.86);-webkit-transition: -webkit-transform 0.55s cubic-bezier(0.785,0.135,0.15,0.86);transition: -webkit-transform 0.55s cubic-bezier(0.785,0.135,0.15,0.86);transition: transform 0.55s cubic-bezier(0.785,0.135,0.15,0.86);transition: transform 0.55s cubic-bezier(0.785,0.135,0.15,0.86),-webkit-transform 0.55s cubic-bezier(0.785,0.135,0.15,0.86);transition: transform 0.55s cubic-bezier(0.785,0.135,0.15,0.86),-webkit-transform 0.55s cubic-bezier(0.785,0.135,0.15,0.86);} nav.show {-webkit-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);} nav.show ul.main li {-webkit-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);opacity: 1;} nav.show ul.main li:nth-child(1) {-webkit-transition-delay: 0.15s;-o-transition-delay: 0.15s;transition-delay: 0.15s;} nav.show ul.main li:nth-child(2) {-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;} nav.show ul.main li:nth-child(3) {-webkit-transition-delay: 0.45s;-o-transition-delay: 0.45s;transition-delay: 0.45s;} nav.show ul.main li:nth-child(4) {-webkit-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s;} nav.show ul.main li:nth-child(5) {-webkit-transition-delay: 0.75s;-o-transition-delay: 0.75s;transition-delay: 0.75s;} nav.show ul.main li:nth-child(6) {-webkit-transition-delay: 0.9s;-o-transition-delay: 0.9s;transition-delay: 0.9s;} nav.show ul.main li:nth-child(7) {-webkit-transition-delay: 1.05s;-o-transition-delay: 1.05s;transition-delay: 1.05s;} nav.show ul.main li:nth-child(8) {-webkit-transition-delay: 1.2s;-o-transition-delay: 1.2s;transition-delay: 1.2s;} nav.show ul.main li:nth-child(9) {-webkit-transition-delay: 1.35s;-o-transition-delay: 1.35s;transition-delay: 1.35s;} nav.show ul.main li:nth-child(10) {-webkit-transition-delay: 1.50s;-o-transition-delay: 1.50s;transition-delay: 1.50s;} nav.show ul.main li:nth-child(11) {-webkit-transition-delay: 1.65s;-o-transition-delay: 1.65s;transition-delay: 1.65s;} nav.show ul.main li:nth-child(12) {-webkit-transition-delay: 1.80s;-o-transition-delay: 1.80s;transition-delay: 1.80s;} nav.show ul.main li:nth-child(13) {-webkit-transition-delay: 1.95s;-o-transition-delay: 1.95s;transition-delay: 1.95s;} nav.show .about,nav.show .social,nav.show ul.sub {-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);opacity: 1;-webkit-transition-delay: .85s;-o-transition-delay: .85s;transition-delay: .85s;} nav ul.main {list-style-type: none;} nav ul.main li {position: relative;margin-bottom: 20px;-webkit-transform: translateX(40px);-ms-transform: translateX(40px);transform: translateX(40px);opacity: 0;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;display: block;width: 100%;} nav ul.main li:last-of-type {margin-bottom: 0;} nav ul.main li:before {position: absolute;top: 12px;right: 12px;font-size: 20px;text-shadow: 3px 3px 3px rgba(0,0,0,0.35);} nav ul.main li:hover {padding-right: 5px;} nav ul.main li a {text-shadow: 3px 3px 3px rgba(0,0,0,0.35);font-family: irsans;display: block;width: 100%;height: auto;color: #fff;padding: 15px 45px 15px 10px;text-decoration: none;font-size: 17px;font-weight: 600;text-align: right;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .overlay {position: fixed;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background-color: #b7ac7f;opacity: 0;visibility: hidden;} .overlay.show {opacity: 0.8;visibility: visible;}}@media screen and (max-width: 320px){.insta-site-ads i {position: relative;top: 3px;font-size: 14px;text-align: center;z-index: 2;} .insta-site-ads p {position: relative;color: #fff;display: inline;font-size: 10px;text-align: center;z-index: 2;} .telegram-site-ads i {position: relative;top: 3px;font-size: 15px;text-align: center;z-index: 2;} .telegram-site-ads p {position: relative;color: #fff;display: inline;font-size: 10px;text-align: center;z-index: 2;}}@media screen and (max-width: 341px){#email {margin-right: 30px!important;}}@media screen and (max-width: 342px){#email {margin-right: 16px;}}@media screen and (max-width: 690px){.post-info-top-left {border-bottom: 1px solid #eee;margin-bottom: 10px;} .father-itemi {padding-right: 20px;} .post-info-top-right {padding: 5px;width: 100%;height: auto;max-height: 600px!important;float: right;overflow: hidden;display: block;} .post-info-top-right img {width: 75%;height: 75%;display: block;margin: 0 auto;} .post-info-top-left {padding: 5px;width: 100%;height: auto;float: none;}}@media screen and (max-width: 360px){.random-item-right {width: 15%;height: auto;display: inline-block;padding: 3px;margin-right: 2px;} .random-item-left {width: 80%;height: auto;line-height: 1.8;font-size: 9px;text-align: right;display: inline-block;}}@media screen and (max-width: 575px){ol.comment-list li .comment-reply-link {display: inline-block;float: unset;position: unset;bottom: unset;} ol.comment-list li .comment-meta a {display: none;} .item-related-left p {color: #555;font-size: 9px;display: block;line-height: 1.8;text-align: right;padding-top: 10px;margin-left: 5px;} .item-related-right {float: right;width: 15%;height: auto;padding: 5px;} .item-related {display: inline-block;width: 100%;float: right;overflow: hidden;border-radius: 5px;margin: 2px 0;}}@media screen and (max-width: 980px){.post-like-area p {font-size: 11px;} .post-like-area {padding-top: 4px;} .post-like-area a {background-color: #eee;font-size: 11px;color: #555;padding: 3px 3px;text-shadow: 3px 3px 8px rgba(0,0,0,0.2);border-radius: 5px;} .post-like-area a:focus,.post-like-area a:focus:after {color: #00c072;} .post-like-area a:after {content: '\e068';margin-left: 5px;font-size: 11px;font-family: Simple-Line-Icons;text-shadow: 3px 3px 8px rgba(0,0,0,0.2);color: #555;} .share-icon button.btn {padding: 3px!important;width: 25px!important;height: 25px!important;} .share-icon i {font-size: 12px;position: relative;top: -2px;}}@media screen and (max-width: 800px){.nav .nav-container ul li:before {right: 15px;} nav ul li a {padding: 20px 22px;}}@media screen and (max-width: 600px){.footer-copyright:hover {border-radius: 30px 30px 0 0;} .footer-copyright {border-radius: 25px 25px 0 0;}}@media screen and (max-width: 750px){.msg-fixed-bottom {font-size: 9px;}}@media screen and (max-width: 450px){.footer-copyright p {padding: 10px;font-size: 10px;} .input-modal-share-post {min-width: 250px;} .wp_pagination a,.wp_pagination span {background: #fcfcfc;color: #666;min-width: 40px;height: 20px;width: auto;line-height: 16px;display: inline-block;text-align: center;font-size: 9px;padding: 3px;border-radius: 5px;margin: 3px;-webkit-filter: drop-shadow(0 0 1.5px rgba(0,0,0,0.38));filter: drop-shadow(0 0 1.5px rgba(0,0,0,0.38));}}@media screen and (min-width: 768px) and (max-width: 860px){.banner-ads-area .ads-img {width: 40%!important;}}@media screen and (min-width: 768px) and (max-width: 991px){.on-hover-last-title {font-size: 11px!important;} .box-l .on-hover-last-singer {font-size: 10px!important;}}@media screen and (min-width: 768px) and (max-width: 1024px) {.play-now-on-hover svg{ width: 15px;}}@media screen and (min-width: 450px) and (max-width: 600px) {.play-now-on-hover svg{ width: 30px;}}@media screen and (min-width: 601px) and (max-width: 767px) {.play-now-on-hover svg{ width: 45px;}}@media screen and (min-width: 374px) and (max-width: 451px) {.play-now-on-hover svg{ width: 25px;}}@media screen and (min-width: 768px) and (max-width: 860px){.banner-ads-area .ads-img {width: 40%!important}}@media screen and (min-width: 768px) and (max-width: 991px){.on-hover-last-title {font-size: 11px!important} .box-l .on-hover-last-singer {font-size: 10px!important}}@media screen and (min-width: 768px) and (max-width: 1024px){.play-now-on-hover svg {width: 15px}}@media screen and (min-width: 450px) and (max-width: 600px){.play-now-on-hover svg {width: 30px}}@media screen and (min-width: 601px) and (max-width: 767px){.play-now-on-hover svg {width: 45px}}@media screen and (min-width: 374px) and (max-width: 451px){.play-now-on-hover svg {width: 25px}}@media screen and (min-width: 768px){.father-of-special-posts {direction: ltr} .box-l {direction: rtl} .telegram-ads-left p {margin-left: 10px!important}}@media screen and (min-width: 718px) and (max-width: 767px){.on-image-gradiant-effect {width: 97%}}@media screen and (min-width: 768px){.on-image-gradiant-effect {width: 92%}}@media screen and (min-width: 1050px){.on-image-gradiant-effect {width: 94%}}@media screen and (min-width: 1500px){.on-image-gradiant-effect {width: 96%}}@media screen and (min-width: 768px) and (max-width: 1100px){.on-image-gradiant-effect p {font-size: 9px} span.listen-to-category-img {font-size: 10px}}@media screen and (min-width: 768px) and (max-width: 900px){.on-image-gradiant-effect p {font-size: 7px} span.listen-to-category-img {font-size: 8px}}@media screen and (min-width: 601px) and (max-width: 767px){.on-image-gradiant-effect p {font-size: 15px;top: 70%} span.listen-to-category-img {font-size: 18px} .child-category-items:hover span.listen-to-category-img {top: 35%} .child-category-items:hover .on-image-gradiant-effect p {top: 45%}}@media screen and (min-width: 480px) and (max-width: 600px){.on-image-gradiant-effect p {font-size: 12px;top: 70%} span.listen-to-category-img {font-size: 13px} .child-category-items:hover span.listen-to-category-img {top: 35%} .child-category-items:hover .on-image-gradiant-effect p {top: 45%}}@media screen and (min-width: 376px) and (max-width: 479px){.on-image-gradiant-effect p {font-size: 10px;top: 67%} span.listen-to-category-img {font-size: 11px} .child-category-items:hover span.listen-to-category-img {top: 30%} .child-category-items:hover .on-image-gradiant-effect p {top: 40%}}@media screen and (min-width: 0) and (max-width: 375px){.on-image-gradiant-effect p {font-size: 10px;top: 65%} span.listen-to-category-img {font-size: 11px} .child-category-items:hover span.listen-to-category-img {top: 30%} .child-category-items:hover .on-image-gradiant-effect p {top: 40%}}@media screen and (max-width: 768px){.btn-our-services:hover .Right-Line-Hover {left: -50px} .btn-our-services:hover .Right-Line-Hover {left: 0;opacity: .15;width: 100%;background: #909;background: -webkit-linear-gradient(200deg,#628fe6,#c05be7);background: -o-linear-gradient(200deg,#628fe6,#c05be7);background: linear-gradient(250deg,#628fe6,#c05be7);-webkit-transition: ease all 0.1s;-o-transition: ease all 0.1s;transition: ease all 0.1s} .box-last-music:hover .box-l .on-hover-last-title,.box-last-music:hover .box-l .on-hover-last-singer {-webkit-animation: none!important;-o-animation: none!important;animation: none!important}}@media screen and (max-width: 350px){.burger {width: 30px;height: 30px;top: 8px;left: 8px} .burger span {left: 23px} .burger span,.burger span::before,.burger span::after {width: 15px}}