/*extra large devices*/
@media (max-width: 3500px) and (min-width: 2501px) {
.hero-media-inner img {
    margin-top: 335px;
    width: 486px;
    height: auto;
}
}
@media (max-width: 2500px) and (min-width: 2101px) {
.hero-media-inner img {
    margin-top: 295px;
    width: 486px;
    height: auto;
}
}
/*extra large devices end*/
/*//////// large devices /////////*/
@media (max-width: 2100px) and (min-width: 1601px) {
.hero-media-inner img {
    margin-top: 265px;
    width: 486px;
    height: auto;
}
}
/*//////// large devices end /////////*/
/* /////////// ipad pro devices ///////// */
@media (max-width: 1366px) and (min-width: 1024px) {
    .custom-menu ul li {
    padding: 0px 12px;
}
.custom-menu ul li a {
    font-size: 14px;
}
.header-btn {
    margin-left: 52px;
}
.hero-outer {
    padding: 10px 32px;
}
.navbar-light .navbar-brand {
    padding-left: 21px;
}
.hero-content-inner h1 {
    line-height: 66px;
    font-size: 53px;
}
.hero-media-inner img {
    margin-top: 170px;
    width: 95%;
    height: auto;
}
.container-fluid {
    width: calc(100% - 25px);
}
.key-feature-sec {
    padding: 60px 40px;
}
.key-feature-card {
    width: 285px;
}
.key-feature-card iframe {
    width: 278px;
}
img.img-fluid.key-feature-line {
    left: 0px;
    top: 58px;
}
.about-book-right-content {
    width: 46%;
}
.about-book-detials h2 {
    max-width: 400px;
}
.books-number {
    width: auto;
}
.featured-video-sec {
    padding: 30px;
}
.author-outer {
    gap: 100px;
}
.author-sec {
    padding: 30px;
}
.client-feedback-sec {
    padding: 80px 40px;
}
.feedback-cards p {
    width: 100%;
}
.slick-next.custom-arrow.slick-arrow {
    right: 42%;
}
.slick-prev.custom-arrow.slick-arrow {
    left: 42%;
}
.contact-us-sec {
    padding: 70px 40px;
}
.footer-outer {
    padding: 20px;
}
.feedback-cards {
    padding: 19px;
}
}
/* /////////// ipad pro devices end ///////// */

/* //////////  ipad mini device /////////////// */
@media (max-width: 1023px) and (min-width: 768px) {
  .container-fluid {
    width: calc(100% - 28px);
}
  div#navbarSupportedContent ul {
    display: inline-flex !important;
    flex-direction: row;
}
  div#navbarSupportedContent {
    justify-content: end;
    width: 70%;
    flex-basis: fit-content;
    display: flex;
    align-items: center;
}
.custom-menu ul li {
    padding: 0px 10px;
}
div#navbarSupportedContent ul {
    display: flex;
    list-style: none;
    padding-left: 0;
}
.custom-menu ul li a {
    font-size: 16px;
}
.header-btn {
    padding: 13px 19px;
    font-family: Public Sans;
    font-size: 12px;
    margin-left: 24px;
}
.hero-outer {
    padding: 25px;
}
.navbar-brand img {
    width: 143px;
    height: 112px;
}
.navbar-brand {
    padding-left: 10px;
}
.hero-content-inner h1 {
    line-height: 48px;
    font-size: 42px;
}
.hero-media-inner img {
    margin-top: 162px;
    width: 470px;
    height: auto;
}
.container-fluid.hero-bg {
    margin-top: -136px;
}
.key-feature-sec {
    padding: 60px 40px;
}
img.img-fluid.key-feature-line {
    display: none;
}
.about-book-right-content {
    width: 45%;
}
section#about-book {
    padding: 30px;
}
.books-number-content p {
    width: auto;
}
.about-book-detials h2 {
    font-size: 39px;
    line-height: 50px;
}
.books-number {
    width: auto;
}
.featured-video-sec {
    padding: 60px 40px;
}
.author-outer {
    gap: 50px;
}
.author-sec {
    padding: 0px 30px;
}
.author-sec::before {
    width: 259px;
    height: 260px;
    top: 96px;
    left: 0;
}
.client-feedback-sec {
    padding: 80px 40px;
}
.feedback-cards p {
    font-size: 15px;
    width: 100%;
}
.feedback-cards {
    padding: 20px;
}
.slick-next.custom-arrow.slick-arrow {
    right: 42%;
}
.slick-prev.custom-arrow.slick-arrow {
    left: 40%;
}
.contact-us-sec {
    padding: 70px 30px;
}
.contact-info h2 {
    font-size: 42px;
    line-height: 52px;
}
.footer-outer {
    padding: 20px;
}
.learn-more-btn {
    margin-top: 30px;
}
	.hero-content-inner {
    margin-top: 157px;
}
.hero-content-inner h1 span {
    font-size: 55px;
}
.about-book-left-content {
    width: 44%;
    padding: 0px;
}
.about-book-detials h2 {
        font-size: 20px;
        line-height: 50px;
    }
    .about-book-detials h2 strong {
    font-size: 38px;
}
}
/* //////////  ipad mini device end /////////////// */

/*////////////// mobile screen ////////////*/
@media only screen and (max-width: 767px) {
  html {
    overflow-x: hidden;
    position: relative;
}
  body {
    overflow-x: hidden;
}
  nav.navbar.navbar-expand-lg.navbar-light.custom-navbar {
    display: none;
}
    .mobile-menu {
    display: block;
    background: #0C3549;
}
.navbar-brand {
    width: unset;
    background: transparent;
}
/* Mobile Navbar Styles */
      .mobile-menu .navbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px;
      background-color: #000;
      box-shadow: none;
    }
    .menu-icon {
      font-size: 24px;
      cursor: pointer;
    }
    .menu {
        position: absolute;
        top: 126px;
        left: 0;
        width: 0;
        height: 100vh;
        background: #000000;
        overflow-x: hidden;
        transition: 0.5s;
        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
        z-index: 1;
    }
.menu a {
    display: block;
    padding: 16px 21px;
    text-decoration: none;
    transition: 0.3s;
    color: var(--White, #ffffff8c);
    font-family: Public Sans;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-bottom: 1px solid #4a4e524d;
}

   .menu a:hover {
        background-color: transparent !important;
        color: #fff !important;
    }

    /* Toggle animation (hamburger to cross) */
    .menu-icon.active {
        transform: rotate(45deg);
        z-index: 999;
    }

    .menu-icon.active:after {
      content: url('../images/cross.png'); 
      display: inline-block;
      width: 24px;
      height: 24px;
      margin-left: 5px;
    }

    /* Toggle menu width on click */
    .menu-icon.active + .menu {
      width: 100%;
    }
    .menu-icon.active p {
    display: none;
}
.logo {
    z-index: 3;
    padding-left: 12px;
}
    .container-fluid.hero-bg {
        background-color: #000;
        background-repeat: unset;
        background-size: unset;
        background-position: unset;
        margin-top: 0px;
        padding: 0;
        width: 100%;
        -webkit-mask-image: none;
        background-image: none;
    }
.hero-outer {
    display: block;
    border-top-right-radius: 0px;
    border-radius: 0;
    padding-top: 30px;
}
.hero-content {
    width: 100%;
}
.hero-content-inner h1 {
    line-height: 48px;
    font-size: 27px;
}
.hero-content-inner h1 span {
    font-size: 54px;
}
.hero-content-inner {
    padding: 13px 24px;
}
.hero-media {
    width: 100%;
}
.hero-media-inner img {
    margin-top: 10px;
    width: 100%;
    padding: 28px;
    height: auto;
}
.navbar-brand img {
    width: 110px;
    height: 85px;
}
.navbar-nav {
    padding-left: 24px;
}
    .header-btn {
        background: linear-gradient(101deg, #31C08A -5%, #FFEE6A 51%, #D66672 109%);
        margin-left: 16px;
        color: #000 !important;
        margin-top: 20px;
    }
    .platforms-logo-media img {
    width: 70px;
    height: auto;
}
.section-main-title h2 {
    font-size: 36px;
    padding-bottom: 45px;
    line-height: 36px;
}
.section-main-title h2 span {
    font-size: 36px;
    line-height: 46px;
}
img.img-fluid.key-feature-line {
    display: none;
}
.key-feature-sec {
    padding: 40px 30px;
}
.about-book-left-content {
        width: 100%;
        order: 2;
        border: 2px solid;
        padding: 15px;
        border-radius: 20px;
    }
.about-book-right-content {
    width: 100%;
	order: 1;
}
section#about-book {
    padding: 0px 20px;
}
    .about-book-detials h2 {
        font-size: 24px;
        line-height: 48px;
    }
.books-number {
    width: 100%;
}
.books-number-content {
    width: 100%;
}
.books-number-content p {
    width: 100%;
}
.featured-video-sec {
    padding: 40px 20px;
}
.video-thumbnail {
    display: none;
}
.author-outer {
    display: block;
}
.autor-left-content {
    width: 100%;
}
.autor-right-content {
    width: 100%;
    padding-top: 32px;
}
.author-sec {
    padding: 0px 20px;
}
.autor-details h2 {
    font-size: 50px;
    line-height: 48px;
}
section#faq {
    padding: 0px 20px;
}
.section-main-title.faq-main-title h2 {
    width: 100%;
}
.faq-card {
    padding: 0px;
    margin-top: 36px;
    margin-bottom: 50px;
}
.accordion-button {
    padding: 12px 0px;
    font-size: 21px;
    line-height: 20px;
    max-width: 375px;
}
.accordion-body {
    padding: 10px;
}
.accordion-button::after {
    content: '+';
    font-size: 26px;
    line-height: 30px;
    width: 36px;
    height: 36px;
}
.client-feedback-sec {
        padding: 20px 20px 55px 20px;
    }
.feedback-cards-row {
    padding: 30px 11px 63px 0px;
}
.custom-arrow {
    width: 48px;
    height: 48px;
    font-size: 16px;
}
.slick-next.custom-arrow.slick-arrow {
    right: 35%;
    height: 61px;
}
.slick-prev.custom-arrow.slick-arrow {
        left: 23%;
        height: 61px;
    }
.contact-us-outer {
    display: block;
}
.contact-left-content {
    width: 100%;
}
.contact-right-content {
    width: 100%;
}
.contact-us-sec {
    padding: 55px 20px;
}
.contact-info h2 {
    font-size: 44px;
    line-height: 60px;
    padding-bottom: 16px;
}
.contact-right-content {
    width: 100%;
    margin-top: 30px;
}
.contact-us-form {
    padding:35px 20px;
}
.footer-outer {
    display: flex;
    padding: 20px 0px;
    justify-content: center;
}
.footer-outer {
    display: block;
    text-align: center;
}
.footer-logo {
    width: 100%;
}
.copyright {
    width: 100%;
    padding: 30px;
}
.social-box {
    width: 100%;
}
.key-feature-card {
    margin-bottom: 16px;
}
    .feedback-cards p {
        width: 100% !important;
        padding-bottom: 18px;
    }
.accordion {

    padding: 0px;
}
.accordion-button {
    padding: 11px !important;
    font-size: 18px !important;
    line-height: 20px !important;
}
.accordion-button::after {
    font-size: 30px !important;
    line-height: 30px !important;
    width: 35px !important;
    height: 35px !important;
}
div#mobileMenu {
    top: 105px;
}
ul#primary-menu {
    display: contents;
    top: -15px;
}
	.hero-content-inner p {
    text-align: justify;
	letter-spacing: -1px;
}
	.author-info h3 {
    font-size: 20px;
}
	.about-book-outer {
    gap: 10px;
}
	.about-book-media {
    padding: 0px;
}
	.about-book-detials h2 strong {
    font-size: 48px;
}
	.autor-signature img {
    width: 180px;
	}
    .online-appendix-sec {
    padding: 57px 9px;
}
.alphabatic-box ul li {
    padding: 8px 7px;
    border: 1px solid;
    margin: 0px 1px 1px 1px;
}
.alphabatic-box ul li a {
    font-size: 12px;
    padding: 2px 8px;
}
.alphabatic-box.sticky ul {
    width: 100%;
}
}

/*small devices start*/
@media (max-width: 667px) and (min-width: 320px) {
    .explore-more-btn {
    padding: 13px 16px;
    font-size: 13px;
}
.learn-more-btn p{
    padding: 10px 30px;
    font-size: 13px;
}
.key-feature-card {
    width: 320px;
}
.key-feature-card iframe {
    width: 318px;
}
		.author-info h3 {
    font-size: 20px;
}
	.about-book-media {
    padding: 0px;
}
	    .about-book-detials h2 {
        font-size: 21px;
        line-height: 48px;
    }
		.about-book-detials h2 strong {
    font-size: 42px;
}
	.autor-signature img {
    width: 180px;
}
.online-appendix-sec {
    padding: 57px 9px;
}
.alphabatic-box ul li {
    padding: 8px 7px;
    border: 1px solid;
    margin: 0px 1px 1px 1px;
}
.alphabatic-box ul li a {
    font-size: 12px;
    padding: 2px 8px;
}
.alphabatic-box.sticky ul {
    width: 100%;
}
}
/*small devices end*/