@media only screen and (max-width: 1500px){
    .index-first-wrap-slider .owl-nav {
        top: -80%;
    }
}
@media only screen and (max-width: 575px){
    .header-main-wrapper {
        z-index: 2;
        padding: 50px 0px 0px 0px;
    }
    .header-logo img {
        width: 80%;
    }
    .index-first-wrap-slider-02-bg-text h6 {
        font-size: 60px;
    }
    .index-third-wrap-slider-bg-text h6 {
        font-size: 50px;
    }
    .header-main-flex {
        position: fixed;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        background-color: #13131db8;
        height: 100vh;
        width: 80%;
        left: 0;
        top: 0;
        padding: 20px 25px;
        gap: 60px;
        transform: translateX(-100%);
        transition: 0.5s;
        z-index: 9999999;
        backdrop-filter: blur(10px);
    }
    .header-active{
        transform: translateX(0%);
    }
    .header-menu {
        background: var(--red);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        width: 40px;
        color: #fff;
        border-radius: 50px;
        font-size: 15px;
        position: absolute;
        top: 20%;
        right: 1%;
        z-index: 99999;
    }
    .header-nav ul {
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 20px;
        flex-direction: column;
    }
    .header-links {
        display: flex;
        align-items: start;
        gap: 30px;
        flex-direction: column;
    }
    .header-nav ul li::before{
        display: none;
    }
    .header-link-icons::before{
        display: none;
    }
    .header-link-profile ul li a i {
        font-size: 15px;
    }
    .header-link-profile ul li a {
        font-size: 15px;
        gap: 5px;
    }
    .header-link-icons a {
        width: 50px;
        height: 50px;
    }
    .index-banner-wrapper {
        height: 80vh;
        padding: 100px 0px 0px 0px;
        z-index: 1;
        min-height: 750px;
    }
    .index-banner-wrap-content-text ul li {
        font-size: 12px;
    }
    .index-banner-wrap-content-text h6 {
        font-size: 50px;
        margin: 0px 0px 10px 0px;
    }
    .index-banner-wrap-content-text h2 {
        font-size: 14px;
        width: 100%;
        margin: 0px 0px 5px 0px;
        padding: 0px 0px 5px 0px;
    }
    .index-banner-wrap-content-text p {
        font-size: 12px;
        width: 100%;
        margin: 0px 0px 20px 0px;
    }
    .index-banner-wrap-content-btn {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .index-banner-wrap-content-btn {
        gap: 10px;
    }
    .index-banner-wrap-content-btn a {
        height: 40px;
        width: 110px;
        font-size: 12px;
        gap: 5px;
    }
    .index-banner-sound-icon-box {
        gap: 20px;
        top: 55%;
    }
    .index-banner-sound-icon {
        width: 60px;
        height: 60px;
    }
    .index-banner-sound-icon img {
        width: 40%;
    }
    .index-banner-sound-text h6 {
        font-size: 18px;
        height: 50px;
        width: 160px;
    }
    .index-banner-sound-text h6::before {
        height: 50px;
        width: 10px;
        left: -8%;
    }
    .index-first-wrap-slider-01 {
        margin: 0% 0% 0% 20%;
        bottom: 0%;
        width: 65%;
    }
    .index-first-wrap-slider-text {
        padding: 0% 0% 0% 0%;
    }
    .index-first-wrap-slider-text h6 {
        font-size: 14px;
        margin: 0px 0px 10px 0px;
    }
    .index-first-wrap-slider .owl-nav {
        top: -35%;
        right: -5%;
    }
    .index-first-wrap-slider .owl-nav button i {
        height: 40px;
        width: 40px;
        font-size: 14px;
    }
    .index-first-wrap-text {
        padding: 0px 0px 20px 0px;
        text-align: center;
    }
    .index-first-wrap-text h6 {
        font-size: 20px;
    }
    .index-first-wrapper {
        padding: 40px 0px 40px 0px;
    }
    .index-first-wrap-slider-1 .item {
        padding: 20% 20% 0% 20%;
    }
    .index-first-wrap-slider-02-bg-text {
        gap: 20%;
        top: 40%;
        right: 50%;
    }
    .index-second-wrap-slider-text {
        padding: 0px 0px 10px 0px;
        margin: 0px 0px 20px 0px;
        text-align: center;
    }
    .index-second-wrap-slider-text h6 {
        font-size: 16px;
    }
    .index-second-wrap-slider-03 {
        margin: 0px 0px 50px 0px;
    }
    .index-second-wrap-slider .owl-nav button i {
        height: 50px;
        width: 50px;
        font-size: 14px;
    }
    .index-second-wrap-slider {
        margin: 0% 0% 0% 0%;
    }
    .index-second-wrap-slider::before {
        right: 0%;
    }
    .index-second-wrap-slider .owl-nav .owl-next {
        right: 0%;
    }
    .index-second-wrap-slider-1-text{
        padding: 0px 0px 10px 0px;
        margin: 0px 0px 20px 0px;
        text-align: center;
    }
    .index-second-wrap-slider-1{
        margin: 0% 0% 0% 0%;
    }
    .index-second-wrap-slider-1::before {
        right: 0%;
    }
    .index-second-wrap-slider-1 .owl-nav .owl-next {
        right: 0%;
    }
    .index-second-wrap-slider-1 .owl-nav button i {
        height: 50px;
        width: 50px;
        font-size: 14px;
    }
    .index-third-wrap-text{
        padding: 0px 0px 20px 0px;
        text-align: center;
    }
    .index-third-wrap-text h6 {
        font-size: 16px;
    }
    .index-third-wrap-slider .item {
        padding: 20% 20% 0% 20%;
    }
    .index-third-wrap-slider-bg-text {
        gap: 20%;
        top: 40%;
        right: 50%;
    }
    .index-fourth-wrap-slider-text {
        padding: 0px 0px 10px 0px;
        margin: 0px 0px 20px 0px;
        text-align: center;
    }
    .index-fourth-wrap-slider-text h6 {
        font-size: 18px;
    }
    .index-fourth-wrap-slider{
        margin: 0% 0% 0% 0%;
    }
    .index-fourth-wrap-slider-06 {
        margin: 0px 0px 50px 0px;
    }
    .index-fourth-wrap-slider::before {
        right: 0%;
    }
    .index-fourth-wrap-slider .owl-nav .owl-next {
        right: 0%;
    }
    .index-fourth-wrap-slider .owl-nav button i {
        height: 50px;
        width: 50px;
        font-size: 14px;
    }
    .index-fourth-wrap-slider-1-text {
        padding: 0px 0px 10px 0px;
        margin: 0px 0px 20px 0px;
        text-align: center;
    }
    .index-fourth-wrap-slider-1-text h6 {
        font-size: 18px;
    }
    .index-fourth-wrap-slider-1{
        margin: 0% 0% 0% 0%;
    }
    .index-fourth-wrap-slider-07 {
        margin: 0px 0px 50px 0px;
    }
    .index-fourth-wrap-slider-1::before {
        right: 0%;
    }
    .index-fourth-wrap-slider-1 .owl-nav .owl-next {
        right: 0%;
    }
    .index-fourth-wrap-slider-1 .owl-nav button i {
        height: 50px;
        width: 50px;
        font-size: 14px;
    }
    .index-fourth-wrap-slider-2-text {
        padding: 0px 0px 10px 0px;
        margin: 0px 0px 20px 0px;
        text-align: center;
    }
    .index-fourth-wrap-slider-2-text h6 {
        font-size: 18px;
    }
    .index-fourth-wrap-slider-2{
        margin: 0% 0% 0% 0%;
    }
    .index-fourth-wrap-slider-08 {
        margin: 0px 0px 50px 0px;
    }
    .index-fourth-wrap-slider-2::before {
       display: none;
    }
    .index-fourth-wrap-slider-2 .owl-nav .owl-next {
        right: 0%;
    }
    .index-fourth-wrap-slider-2 .owl-nav button i {
        height: 50px;
        width: 50px;
        font-size: 14px;
    }
    .footer-logo img {
        width: 70%;
    }
    .footer-text p {
        font-size: 12px;
        width: 100%;
        margin: 0px 0px 20px 0px;
    }
    .footer-socials h6 {
        font-size: 16px;
        margin: 0px 0px 10px 0px;
    }
    .footer-socials img {
        width: 80%;
    }
    .footer-socials ul {
        gap: 5px;
    }
    .footer-socials {
        margin: 0px 0px 20px 0px;
    }
    .footer-nav ul {
        margin: 0px 0px 20px 0px;
        flex-direction: column;
    }
    .footer-nav ul li::before{
        display: none;
    }
    .copyright {
        width: 100%;
        height: 70px;
    }
    .copyright-flex {
        flex-direction: column;
    }
    .copyright-text p {
        font-size: 12px;
    }
    .copyright-links ul li a {
        font-size: 12px;
    }
    .custom-modal .modal-content {
        width: 90%;
    }
    .modal-banner-text h6 {
        font-size: 40px;
    }
    .modal-banner-icon {
        height: 40px;
        width: 40px;
    }
    .custom-modal .modal-body i {
        height: 40px;
        width: 40px;
        font-size: 16px;
    }
    .modal-second-wrapper {
        padding: 20px 0px 20px 0px;
    }
    .modal-second-wrap-left-text h2 {
        font-size: 12px;
    }
    .modal-second-wrap-left-text-1 span {
        font-size: 18px;
        height: 30px;
        width: 50px;
    }
    .modal-second-wrap-left-text-1 h3 {
        font-size: 14px;
    }
    .modal-second-wrap-left-text-2 h3 {
        font-size: 14px;
    }
    .modal-second-wrap-left-text-3 p {
        font-size: 12px;
        margin: 0px 0px 10px 0px;
    }
    .modal-second-wrap-right-text p {
        font-size: 12px;
    }
    .modal-third-wrap-heading {
        padding: 0px 0px 10px 0px;
        margin: 0px 0px 10px 0px;
    }
    .modal-third-wrap-heading h6 {
        font-size: 20px;
    }
    .modal-third-wrap-heading h5 {
        font-size: 20px;
    }
    .modal-third-wrap-episode {
        padding: 0px 0px 10px 0px;
        margin: 0px 0px 20px 0px;
    }
    .modal-third-wrap-episode-flex {
        gap: 15px;
    }
    .modal-third-wrap-episode-number h6 {
        font-size: 20px;
    }
    .modal-third-wrap-episode-text-flex {
        margin: 0px 0px 10px 0px;
    }
    .modal-third-wrap-episode-text-flex h6 {
        font-size: 16px;
    }
    .modal-third-wrap-episode-text-flex h2 {
        font-size: 16px;
    }
    .modal-third-wrap-episode-text-para p {
        font-size: 12px;
    }
    .hover-div {
        width: 85%;
    }
    .modal-fourth-wrapper {
        padding: 20px 0px 20px 0px;
    }
    .modal-fourth-wrap-text {
        padding: 0px 0px 10px 0px;
        margin: 0px 0px 10px 0px;
        text-align: center;
    }
    .modal-fourth-wrap-text h6 {
        font-size: 22px;
    }
    .modal-fourth-wrap-img {
        margin: 0px 0px 30px 0px;
        text-align: center;
    }
    .modal-fourth-wrap-right-text h6 {
        font-size: 18px;
    }
    .modal-fourth-wrap-right-text p {
        font-size: 12px;
        margin: 0px 0px 10px 0px;
        width: 100%;
    }
}
@media only screen and (max-width: 320px){
    .index-first-wrap-slider .owl-nav {
        top: -65%;
        right: -15%;
        }
}