@media (min-width: 1300px) {
      .container {
            max-width: 1332px;
      }

      .container-fluid {
            padding: 0px 44px 0px 70px;
      }
}

@media (max-width: 1900px) {
      .form-box2.package-box.active .bottom-wrapper {
            margin-left: -6px;
            margin-top: -17px;
      }

      .check-card {
            width: 49%;
            height: 54px;
            font-size: 12px;
            line-height: 22px;
      }

      .form-box2.package-box.active .shape img {
            max-width: inherit;
            width: 238px;
      }

}

@media (max-width: 1600px) {
      .question-sec {
            margin-bottom: 0;
      }

      .checkout-sec .image-holder {
            width: 47%;
      }

      .checkout-left {
            padding-left: 70px;
      }

      .checkout-sec .container-fluid {
            padding: 0px 52px;
      }

      .checkout-list li p {
            font-size: 16px;
      }

      .course-sec-wrapper {
            padding: 183px 0px 130px;
      }

      .btn-list {
            grid-gap: 18px;
            padding-right: 48px;
      }

      .btn-default {
            font-size: 18px;
            width: 200px;
            height: 54px;
      }

      header .btn-golden {
            font-size: 18px;
            width: 195px;
            height: 54px;
      }

      header .nav-item .nav-link {
            font-size: 18px;
            padding: 0px 19px !important;
      }

      .navbar-brand img {
            width: 178px;
      }

      .about-sec .image-holder img {
            min-height: 1290px;
      }

      .about-inner {
            margin-top: -388px;
      }

      .creator-inner-boxes {
            padding-left: 36px;
      }

      .number-box h2 {
            font-size: 20px;
      }

      .price-wrapper-left {
            grid-gap: 16px;
      }

      .number-box2 h2 {
            font-size: 18px;
      }

      .number-box {
            width: 78px;
      }

      .btn-choose {
            width: 136px;
      }
}

@media (max-width: 1365px) {
      header .nav-item .nav-link {
            font-size: 16px;
            padding: 0px 19px !important;
      }

      .checkout-list li p {
            line-height: 38px;
      }

      .content-sec .title {
            margin-top: -140px;
      }

      .bottom-cards {
            grid-gap: 20px;
      }

      .check-card {
            width: 49%;
            height: 46px;
            font-size: 10px;
            line-height: 14px;
      }

      .form-box2.package-box.active .shape img {
            max-width: inherit;
            width: 205px;
      }

      .plus-box {
            width: 24px;
            height: 24px;
            padding: 6px;
      }

      .heading-wrapper-left {
            grid-gap: 8px;
      }

      .btn-default {
            font-size: 18px;
            width: 200px;
      }

      .btn-golden {
            font-size: 18px;
            width: 194px;
      }

      .hero-sec .text-box h1 {
            font-size: 36px;
      }

      .course-sec {
            padding: 80px 0px;
      }

      .title h2 {
            font-size: 48px;
      }

      .course-sec .video-box {
            margin: 60px auto 0;
      }

      .creator-inner {
            padding: 90px 0px 13px;
      }

      .creator-box h4 {
            font-size: 18px;
            line-height: 24px;
      }

      .creator-inner .btn-golden {
            margin: 80px auto 0;
      }

      .title p {
            font-size: 26px;
      }

      .customer-sec .experience-box h4 {
            font-size: 36px;
      }

      .customer-sec .experience-box ul li span {
            font-size: 20px;
      }

      .customer-sec .experience-box ul {
            margin-top: 48px;
      }

      .question-sec .text-box h2 {
            font-size: 56px;
      }

      .footer-links li a {
            font-size: 18px;
            width: 146px;
            height: 54px;
      }

      .question-sec {
            padding: 120px 0px 160px;
      }

      .story-sec {
            margin-top: 80px;
            padding-bottom: 58px;
      }

      .customer-sec .experience-box ul li {
            margin-bottom: 28px;
      }

      .experience-box ul li span {
            font-size: 20px;
      }

      .experience-box h4 {
            font-size: 28px;
      }

      .number-sec {
            padding: 120px 0px 180px;
      }
}

@media (max-width: 1199px) {
      .navbar-brand {
            order: 2;
      }

      .checkout-sec .image-holder {
            width: 100%;
      }

      .checkout-sec .image-holder img {
            width: 100%;
      }

      .content-sec .title {
            margin-bottom: 0;
      }



      .top-box {
            margin-top: 111px;
            justify-content: center;
      }

      .course-inner-wrapper {
            overflow-x: scroll;
            padding-top: 162px;
      }

      .cards-wrapper {
            max-width: inherit;
            margin: 0 auto;
            display: flex;
            width: 2180px;
            grid-gap: 20px;
      }


      .bottom-cards {
            margin-top: 0px;
      }

      .navbar-nav {
            display: block;
            text-align: center;
      }

      .price-sec .text-box h2 {
            font-size: 34px;
            line-height: 48px;
      }

      .price-list h2 {
            font-size: 36px;
      }

      .price-list .btn-golden {
            width: 178px;
      }

      .navbar-collapse {
            border-bottom: 2px solid rgba(255, 255, 255, 0.08);
            background: rgba(29, 29, 29, 0.52);
            backdrop-filter: blur(6px);
            position: absolute;
            top: 109px;
            text-align: center;
            width: 100%;
            text-align: center;
            left: 0;
      }

      header .navbar-nav {
            padding: 40px 0 0;
            border: none;
      }

      .btn-list {
            padding-right: 0px !important;
            margin: 40px 0px;
      }

      header .nav-item .nav-link {
            padding: 10px 19px !important;
            text-align: center;
      }

      .hero-sec {
            padding-bottom: 80px;
      }

      .course-sec .video-box {
            margin: 40px auto 0;
      }

      .experience-box h4 {
            font-size: 26px;
      }

      .customer-sec .experience-box ul li span {
            font-size: 18px;
      }

      .customer-sec .experience-box h4 {
            font-size: 32px;
      }

      .guide-sec {
            padding: 100px 0px 120px;
      }

      .faq-sec {
            margin-top: 0;
      }

      .footer-links li a {
            font-size: 14px;
            width: 113px;
            height: 42px;
      }

      .experience-box {
            padding: 56px 36px 56px 36px;
      }

      .number-sec {
            padding: 80px 0px 120px;
      }

      .navbar-toggler {
            order: 1;
            border-radius: 10px;
            border: 1px solid rgba(255, 255, 255, 0.09);
            background: rgba(221, 221, 221, 0.08);
            backdrop-filter: blur(3px);
            padding: 10px;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: end;
            justify-content: center;
      }
}

@media (max-width: 991px) {
      .iframe-view {
            height: 35rem;
      }
      .user-profile.bg-dark {
            margin-bottom: 5em;
      }

      .cost-box .text-box {
            margin-top: 60px;
      }

      .price-sec {
            padding-top: 70px;
      }

      .checkout-left {
            padding-left: 0px;
      }

      .checkout-list {
            margin-top: 57px;
      }

      .price-box {
            margin: 0 auto;
      }

      .top-box {
            margin-top: 108px;
      }

      .price-list h2 {
            font-size: 56px;
      }

      .footer-bottom {
            display: none;
      }

      .curve-line {
            margin-top: 96px;
            text-align: center;
            margin-bottom: 93px;
      }

      .content-sec {
            padding: 230px 0px 103px;
      }

      .course-inner-wrapper {
            padding-top: 140px;
      }


      .course-sec-wrapper {
            background-image: url(../../../images/custom/bg-mobile3.png);
      }

      .price-list .btn-golden {
            width: 226px;
      }

      .navbar-collapse {
            top: 90px;
      }

      .about-sec .image-holder img {
            min-height: 990px;
      }

      .about-inner {
            margin: -276px auto 0;
            max-width: 650px;
      }

      .about-sec {
            padding-bottom: 92px;
      }

      .about-inner h6 {
            font-size: 26px;
            line-height: 45px;
      }

      .footer-mobile-wrapper {
            display: block;
      }

      .footer-links-item li a {
            color: #FFF;
            text-align: right;
            font-size: 20px;
            font-weight: 400;
            line-height: normal;
      }

      .footer-links-item {
            display: flex;
            align-items: center;
            justify-content: center;
            grid-gap: 55px;
      }

      .social-icons {
            position: static;
            justify-content: center;
            margin: 44px 0px 58px;
      }

      .foter-logo {
            text-align: center;
      }


      .footer-bottom p {
            font-size: 14px;
      }

      .footer-top p {
            color: var(--White, #FFF);
            text-align: center;
            font-size: 16px;
            font-weight: 400;
            margin-top: 46px;
      }

      .creator-inner {
            background-image: url(../../../images/custom/bg-mobile2.png);
            background-size: 100% 100%;
      }

      .creator-box:nth-child(4) {
            margin-top: 1000px;
      }

      .creator-inner-boxes {
            padding-left: 0px;
            max-width: 568px;
            margin: 0 auto;
      }

      .creator-box .icon-box {
            padding: 10px 14px;
            margin: -1px;
      }

      .creator-box h4 {
            font-size: 25px;
            line-height: 30px;
      }

      .hero-sec .video-box {
            max-width: 568px;
            margin-right: auto;
            margin-left: auto;
            margin-bottom: 80px;
      }

      .section-wrapper {
            padding: 174px 0px 70px;
            background-image: url(../../../images/custom/bg-mobile-1.png);
            min-height: 2486px;
            background-size: 100% 100%;
      }

      .creator-inner .btn-golden {
            margin: 30px auto 0;
      }

      .number-sec {
            padding: 170px 0px 89px;
      }

      .customer-sec .image-holder {
            margin-top: 0px;
            position: relative;
            text-align: center;
      }

      .right-arrows {
            margin-right: 0;
            margin-top: 0;
            position: absolute;
            bottom: -75px;
            left: 20px;
            z-index: 1;
      }

      .experience-box {
            margin: 70px auto 0;
      }

      .customer-sec {
            padding-bottom: 0;
      }

      .guide-sec {
            padding: 142px 0px 168px;
      }

      .faq-inner {
            max-width: 677px;
            margin: 84px auto 0px;
      }

      .accordion-button {
            padding: 31px 128px 31px 30px;
      }

      .question-sec {
            padding: 120px 0px 160px;
            background-position: center;
            background-size: 100% 100%;
      }

      .footer-wrapper {
            display: none;
      }

      .faq-sec {
            padding: 120px 0px 136px;
      }

      .question-sec .image-holder {
            text-align: center;
            margin-bottom: 120px;
            width: 30%;
            margin: 0 auto 120px;
      }

      .question-sec .text-box {
            max-width: 552px;
            margin-right: 0;
            margin-left: 38px;
      }

      .title-box {
            font-size: 24px;
            width: 362px;
            height: 42px;
      }

      .customer-sec .title {
            margin-bottom: 38px;
      }

      .customer-sec .experience-box {
            margin: 33px auto 0;
            max-width: 653px;
      }

      .story-sec .title {
            position: relative;
            margin-bottom: 0;
      }

      .story-sec {
            margin-top: 0px;
            padding-bottom: 58px;
      }

      .story-sec .img-holder {
            margin: -91px 0px -110px;
      }

      .guide-sec .btn-golden {
            margin: 53px auto 0px;
      }

      .story-sec .btn-golden {
            margin: 0 auto;
            position: relative;
      }

      .number-wraper {
            max-width: 537px;
            margin: 0 auto;
      }

      .curve-arrows {
            margin-top: 0;
            position: absolute;
            bottom: -74px;
            right: -20px;
      }


      .isolog-img {
            position: absolute;
            bottom: -30px;
            left: -20px;
            top: auto;
            right: auto;
      }

      .creator-sec {
            padding-top: 40px;
            margin-top: -437px;
      }

      .hero-sec .text-box h1 {
            font-size: 46px;
      }

      .hero-sec .btn-golden {
            margin-top: 49px;
      }

      .hero-sec {
            padding-bottom: 140px;
      }

      .course-sec .video-box {
            margin: 80px auto 0;
      }

      .title h2 {
            font-size: 36px;
            max-width: 562px;
            margin: 0 auto;
      }

      .creator-inner {
            padding: 100px 0px 13px;
      }

      .title p {
            font-size: 24px;
      }

      .hero-sec .text-box p {
            margin-top: 50px;
      }

      .swiper-button-next,
      .swiper-button-prev {
            position: static !important;
            margin-top: 20% !important;
      }

      .slider-inner {
            display: flex;
            align-items: center;
            grid-gap: 17px;
      }

      .hero-sec .text-box {
            max-width: 614px;
            margin: 0 auto;
      }

      .content-card {
            min-height: 351px;
      }

      .course-inner-wrapper {
            display: none;
      }

      .swiper {
            flex: 1;
      }

      .content-card {
            overflow: inherit !important;
      }

      .content-card li span {
            color: #FFF;
            text-align: right;
            font-size: 14px;
            font-weight: 400;
            line-height: 21px;
      }

      .swiper-wrapper {

            padding-top: 140px;
      }

}

@media (max-width: 767px) {
      .iframe-view {
            height: 25rem;
      }
      .iframe-view {
            height: 35rem;
      }
      .navbar-brand {
            width: 130px;
      }

      .about-sec .image-holder {
            padding: 0px 34px;
      }

      .modal-body iframe {
            height: 400px;
      }

      .swiper-button-next,
      .swiper-button-prev {
            margin-top: 45% !important;
      }

      .course-sec .title h2 {
            font-size: 18px;
      }

      .form-box2.package-box.active .shape img {
            width: 102px;

      }

      .swiper {
            padding-top: 100px;
      }

      .price-list h2 {
            font-size: 42px;
      }

      .price-list .btn-golden {
            width: 178px;
            height: 56px;
      }

      .course-sec-wrapper {
            padding: 183px 0px 0px;
      }

      .about-sec .image-holder img {
            min-height: auto;
            width: auto;
            text-align: center;
      }

      .about-inner {
            margin: 88px auto 0;
      }

      .about-sec .image-holder {
            text-align: center;
      }

      .about-sec {
            padding-top: 489px;
            background-image: url(../../../images/custom/about-hero-bg.png);
            background-repeat: no-repeat;
            background-size: 100% 2400px;
            max-height: auto;
            height: 100%;
      }


      .about-title {
            font-size: 24px;
            width: 256px;
            height: 48px;
      }

      .about-inner h6 {
            font-size: 18px;
            line-height: 32px;
            margin-bottom: 20px;
      }

      .mb-80 {
            margin-bottom: 40px;
      }

      .about-inner p {
            font-size: 22px;
            line-height: 38px;
      }

      .navbar-toggler-icon {
            width: auto;
            height: auto;
      }

      .navbar-toggler {
            width: 40px;
            height: 40px;
            align-items: center;
      }

      .section-wrapper {
            padding: 132px 0px 70px;
            min-height: 1822px;
      }

      .hero-sec .text-box h1 {
            font-size: 28px;
      }

      .hero-sec .text-box p {
            font-size: 16px;
      }

      .hero-sec .text-box p {
            margin-top: 34px;
      }

      .title h2 {
            font-size: 24px;
      }

      .title p {
            font-size: 18px;
      }

      .creator-box .left-creator-box .box-left,
      .right-creator-box .box-left {
            padding-right: 0px;
            flex: 1;
      }

      .creator-box .icon-box {
            border-radius: 14px;
            padding: 8px;
            width: 50px;
            height: 50px;
      }

      .creator-box {
            border-radius: 14px;
            margin-bottom: 24px;
      }

      .progrees-box img {
            height: 10px;
      }



      .icon-box img {
            width: 50px;
            height: 50px;x
      }

      .left-creator-box .box-left img,
      .right-creator-box .box-right img {
            height: 40px;
      }

      .creator-box h4 {
            font-size: 14px;
            line-height: 15px;
            flex: 1;
      }

      .arrow-icon {
            bottom: 4px;
      }

      .number-sec {
            padding: 100px 0px 89px;
      }

      .curve-arrows {
            width: 109px;
      }

      .experience-box ul li span {
            font-size: 18px;
      }

      .experience-box ul {
            margin-top: 28px;
      }


      .creator-box:nth-child(4) {
            margin-top: 595px;
      }

      .creator-inner {
            padding: 50px 0px 13px;
            background-size: cover;
            background-position: center;
      }

      .experience-box .btn-golden {
            margin-top: 30px;
      }

      .customer-sec .experience-box ul li span {
            font-size: 16px;
      }

      .guide-sec {
            padding: 72px 0px;
      }

      .story-sec .img-holder {
            margin: -53px 0px -27px;
      }

      .faq-sec {
            padding: 80px 0px;
      }

      .story-sec {
            padding-bottom: 0;
      }

      .accordion-button {
            padding: 16px 50px 16px 16px;
            font-size: 18px;
      }

      .accordion-body p {
            font-size: 16px;
      }

      .accordion-body {
            padding: 16px 0px 0px 12px;
      }

      .question-sec {
            padding: 80px 0px 80px;
            background-image: url(../../../images/custom/faq-mobile.png);
      }

      .question-sec .image-holder {
            margin: 0 auto 63px;
      }

      .footer-links-item li a {
            font-size: 16px;
      }

      .social-icons {
            margin: 24px 0px 44px;
      }

      .footer-top p {
            margin-top: 34px;
      }

      .footer-bottom {
            display: none;
      }

      .footer-links-item {
            grid-gap: 34px;
      }

      .question-sec .text-box p {
            font-size: 16px;
            margin: 26px 0px 32px;
      }

      .question-sec .text-box h2 {
            font-size: 30px;
      }

      .faq-inner {
            margin: 40px auto 0px;
      }

      .accordion-item {
            margin-bottom: 20px;
      }

      .accordion-button::after {
            right: 18px;
      }

      .title-box {
            font-size: 16px;
            width: fit-content;
            height: 42px;
            padding: 0px 20px;
      }

      .experience-box ul li {
            grid-gap: 10px;
      }

      .right-arrows {
            bottom: -33px;
            left: 0;
            width: 60px;
      }

      .customer-sec .experience-box h4 {
            font-size: 24px;
      }

      .experience-box h4 {
            font-size: 20px;
            line-height: 35px;
      }

      .experience-box {
            padding: 40px 20px 40px 18px;
      }

      .number-sec .title {
            margin-bottom: 40px;
      }

      .box-after {
            border-radius: 14px 0px 0px 14px;
            border-right: none;
      }

      .hero-sec .video-box {
            margin-bottom: 48px;
      }

      .hero-sec ul {
            grid-gap: 8px;
      }

      .hero-sec ul li img {
            height: 14px;
      }

      .container {
            padding: 0px 30px;
      }

      .hero-sec ul li span {
            font-size: 14px;
      }
}

@media (max-width: 575px) {
      .iframe-view {
            height: 20rem;
      }
      .checkout-logo img {
            width: 280px;
      }

      .swiper-button-next,
      .swiper-button-prev {
            margin-top: 55% !important;
      }

      .checkout-sec .container-fluid {
            padding: 0px 28px;
      }

      .checkout-sec {
            padding: 60px 0px 98px;
      }

      .checkout-list {
            margin-top: 28px;
      }

      .top-box img {
            width: 74px;
      }

      .top-box {
            justify-content: space-between;
      }

      .form-box {
            padding: 32px 28px 34px 32px;
      }

      .top-img-holder {
            width: 18px;
      }

      .select-box {
            margin-top: 40px;
      }

      .heading-wrapper-left h4 {
            font-size: 16px;
      }

      .price-wrapper-left h6 {
            font-size: 10px;
            padding-right: 0.75em;
      }

      .number-box {
            border-radius: 6px;
            width: 60px;
            height: 24px;
            scale: 1.2;
      }

      .price-wrapper-left {
            grid-gap: 6px;
      }

      .price-wrapper {
            padding-left: 20px;
            grid-gap: 7px;
      }

      .number-box2 {
            border-radius: 6px;
            width: 60px;
            height: 24px;
      }

      .mt-31 {
            margin-top: 18px;
      }

      .heading-wrapper-left {
            grid-gap: 6px;
            width: 100%;
      }

      .form-box.form-box2 {
            padding: 8px;
      }

      .form-box2.package-box.active .bottom-wrapper {
            padding: 12px;
      }

      .circle-inner {
            width: 28%;
      }

      .payment-boxes {
            margin-top: 30px;
      }

      .checkbox-box .form-check {
            border-radius: 10px;
            padding: 14px 16px 14px 14px;
      }

      .total-price-box .number-box h2 {
            font-size: 26px;
      }

      .total-price-box label {
            flex: 1;
      }

      .form-box.form-box3 {
            padding: 40px 14px 38px;
      }

      .checkbox-box {
            border-radius: 14px;
            padding: 6px 6px;
            margin-bottom: 12px;
      }

      .check-card {
            line-height: 11px;
      }

      .btn-choose {
            width: 136px;
            flex: 1;
            height: 32px;
            font-size: 14px;
            scale: 0.8;
            
      }

      .text-divider {
            width: 42px;
      }

      .number-box2 h2 {
            font-size: 14px;
      }

      .number-box h2 {
            font-size: 14px;
      }

      .circle {
            width: 20px;
            height: 20px;
            padding: 5px;
      }

      .form-box-inner {
            padding: 18px 12px 15px 10px;
      }

      .form-heading h4 {
            font-size: 16px;
            line-height: 13px;
      }

      .bottom-img-holder {
            width: 18px;
      }

      .top-box p {
            font-size: 12px;
            line-height: 30px;
      }

      .top-box h4 {
            font-size: 18px;
      }

      .top-box {
            margin-top: 54px;
            margin-bottom: 54px;
      }

      .checkout-list li h4 {
            font-size: 24px;
      }

      .navbar-collapse {
            top: 75px;
      }

      .course-sec-wrapper {
            padding: 120px 0px 0px;
      }

      .price-list h6 {
            font-size: 20px;
      }

      .price-list h6::after {
            width: 31.403px;
            height: 26.006px;
            top: 0px;
      }

      .price-list h2 {
            font-size: 20px;
      }

      .price-list .btn-golden {
            width: 140px;
            height: 46px;
            font-size: 16px;
      }

      .price-box .card-title {
            margin-top: 22px;
      }

      .price-box {
            padding: 20px 24px 26px;
      }

      .curve-line {
            margin-top: 55px;
            margin-bottom: 65px;
      }

      .price-sec .text-box h2 {
            font-size: 23px;
            line-height: 43px;
      }

      .avatar-list h6 {
            font-size: 18px;
      }

      .rating-list h6 {
            font-size: 22px;
      }

      .content-sec .icon-box {
            border-radius: 18px;
            width: 105px;
            height: 95px;
            margin-top: -7rem;
      }

      .content-sec {
            margin-bottom: 0;
      }

      .content-sec .btn-golden {
            font-size: 24px;
            margin: 48px auto 0px;
            width: 100%;
            height: 58px;
      }

      .rating-list ul li img {
            height: 16px;
      }

      .course-sec-wrapper {
            min-height: 100%;
      }

      .rating-list {
            grid-gap: 14px;
      }

      .check-list li {
            grid-gap: 20px;
            font-size: 16px;
            line-height: 40px;
      }

      .price-sec .title-box {
            font-size: 16px;
      }

      .price-list {
            padding: 20px 0px 24px;
      }

      .card-title h4 {
            font-size: 24px;
      }

      .price-sec .title-box {
            width: fit-content;
            padding: 0px 20px;
      }


      .about-inner {
            margin: 88px auto 0;
      }


      .about-sec {
            padding-bottom: 60px;
      }

      .about-inner p {
            font-size: 18px;
            line-height: 30px;
      }

      .about-inner h6 {
            font-size: 16px;
            line-height: 29px;
            margin-bottom: 20px;
      }

      header .navbar-nav {
            padding: 20px 0 0;
      }

      .btn-list {
            padding-right: 0px !important;
            margin: 40px 0px;
            flex-wrap: wrap;
      }

      .creator-box:nth-child(4) {
            margin-top: 632px;
      }
      .social-media-bottom {
            margin-top: -2.5em;
        }
}

@media (max-width: 480px) {
      .iframe-view {
            height: 15rem;
      }
      .creator-box:nth-child(4) {
            margin-top: 432px;
      }
}