@media only screen and (min-width: 0px) and (max-width: 519px) {
    header.header {
        display: none;
    }

    .responsive_menu {
        display: block;
    }

    .home_banner {
        min-height: auto;
        padding: 5rem 0px 40px;
    }

    .banner_cont h1 {
        font-size: 33px;
        line-height: 1;
    }

    .banner_sale {
        display: none;
    }

    .banner_cont h5 {
        font-size: 18px;
    }

    .banner_cont h5:before {
        left: -20px;
        width: 30px;
        height: 30px;
        top: -20px;
    }

    .banner_cont h6 {
        font-size: 14px;
        margin: 12px 0px;
    }

    .banner_cont p {
        width: auto;
        font-size: 12px;
    }

    .themebtn {
        font-size: 12px;
        padding: 9px 25px;
    }

    .banner_books {
        display: none;
    }

    .customer {
        width: 100%;
        height: auto;
        margin-top: 13px;
    }

    .chat_form {
        float: none;
        width: 98%;
        margin: 0 auto;
        padding: 31px 15px;
    }

    .chat_field :is(input, textarea) {
        padding: 9px 10px;
    }

    .chat_form h3 {
        font-size: 24px;
    }

    .home_banner:before {
        display: none;
    }

    .banner_btn {
        margin-top: 0;
    }

    .brand_logo .col-md-3 {
        width: 49%;
    }

    .brand_images {
        height: auto;
        margin-bottom: 14px;
    }

    .brand_logo {
        padding: 17px 0px;
    }

    .brand_logo .col-md-3:nth-last-child(1) .brand_images {
        margin: 0;
    }

    .brand_logo .col-md-3:nth-last-child(2) .brand_images {
        margin: 0;
    }

    .section_title h3 {
        font-size: 24px;
        margin: 8px 0px;
    }

    .section_title h6 {
        font-size: 16px;
    }

    .section_title p {
        font-size: 12px;
    }

    li.nav-item {
        width: 49%;
    }

    .nav-tabs {
        gap: 7px 0px;
        justify-content: space-between;
        margin-top: 50px;
    }

    .nav-tabs button.nav-link {
        display: flex;
        align-items: center;
        gap: 3px;
        font-size: 11px;
        padding-right: 0;
    }

    .nav-tabs button.nav-link img {
        width: 14px;
    }

    .create {
        padding: 40px 0px;
    }

    .create_cnt h6 {
        font-size: 24px;
    }

    .create_cnt h3 {
        font-size: 28px;
    }

    .create_cnt_middle:before {
        display: none;
    }

    .create:before {
        width: 100%;
    }

    .create:after {
        display: none;
    }

    .create_cnt h3 {
        font-size: 31px;
    }

    .create_cnt_middle h3 {
        width: 100%;
        font-size: 24px;
        margin: 14px 0px;
        text-align: left;
    }

    .create_cnt {
        width: 100%;
    }

    .create_cnt_last ul li {
        font-size: 14px;
    }

    .comprehensive {
        padding: 40px 0px;
    }

    .process .section_title h3 {
        width: 100%;
        font-size: 22px;
    }

    .process:before {
        width: 140px;
        height: 83px;
    }

    .process_img {
        height: auto;
        width: 100%;
    }

    .process_btn {
        margin: 27px 0px;
    }

    .vector_img {
        width: 38px;
    }

    .process_cnt h6 {
        font-size: 18px;
    }

    .process_cnt p {
        font-size: 12px;
    }

    .process_cnt {
        padding: 16px 0px;
        border-bottom: 1px solid #000;
        margin: 0;
    }

    .process {
        padding: 40px 0px;
    }

    .inspire {
        padding: 40px 0px;
        border-radius: 20px;
    }

    .inspire:before {
        border-radius: 20px;
    }

    .inspire_cnt ul li {
        width: 100%;
    }

    .inspire_cnt ul li a {
        font-size: 19px;
        padding: 18px 0px;
    }

    .idea {
        padding: 80px 0px 30px;
    }

    .idea_cnt h6 {
        font-size: 21px;
    }

    .idea_cnt h3 {
        font-size: 27px;
        margin: 9px 0px;
    }

    .idea_cnt p {
        width: auto;
        font-size: 12px;
        margin-bottom: 10px;
    }

    .idea_cnt {
        margin-bottom: 30px;
    }

    .idea_img {
        transform: none;
        height: auto;
    }

    .succes_book1 {
        display: none;
    }

    .succes_book2 {
        display: none;
    }

    .discount_img {
        display: none;
    }

    .success:before {
        width: 100%;
        border-radius: 0;
    }

    .success {
        padding: 20px 0px;
    }

    .success_cnt h3 {
        width: 100%;
        font-size: 30px;
    }

    .success_cnt h4 {
        width: auto;
        font-size: 20px;
        margin-bottom: 20px;
    }

    .success_title {
        position: relative;
        z-index: 1;
        color: #fff;
        font-size: 21px;
        margin-top: 31px;
        text-align: center;
    }

    .success_slider_cnt {
        padding: 16px 12px;
    }

    .success_slider_cnt p {
        font-size: 13px;
    }

    .success:after {
        width: 100px;
        height: 61px;
    }

    .footer_address {
        display: block;
    }

    .footer_address a {
        justify-content: flex-start;
        font-size: 14px;
        margin: 12px 0px;
    }

    .footer_orange {
        padding: 12px 0px;
    }

    .copyright {
        display: block;
    }

    .term_condition_img {
        gap: 10px;
    }

    .term_condition_img a {
        font-size: 11px;
    }

    .card_img {
        width: 98px;
    }

    .copyright p {
        text-align: center;
        font-size: 12px;
        margin-bottom: 8px;
    }

    .success_slider_cnt h6 {
        margin-top: 10px;
        font-size: 16px;
    }

    .success_slider_img {
        display: none;
    }

    .reader_img {
        height: 233px;
    }

    .port_main {
        margin: 0px 5px;
    }

    .slick-dots li button {
        width: 6px;
        height: 6px;
        background: var(--c1);
        border-radius: 100%;
    }

    .slick-dots li.slick-active button {
        background: var(--c2);
    }

    .slick-dots li button::before {
        display: none;
    }

    .reader {
        padding: 40px 0px;
    }

    .comprehensive_card {
        min-height: auto;
        padding: 20px 12px;
        border-radius: 20px;
    }

    .comprehensive_cnt p {
        font-size: 12px;
        margin: 0;
    }

    .comprehensive_innercnt h6 {
        font-size: 20px;
        width: 70%;
    }

    .comprehensive_innercnt {
        margin-bottom: 10px;
    }

    .comprehensive_card:before {
        width: 120px;
        height: 110px;
    }

    .comprehensive_card:hover:before {
        opacity: 0.5;
    }

    .slick-dots {
        bottom: -34px;
    }

    .comprehensive_btn {
        margin-top: 50px;
    }

    .popup_form .chat_form {
        width: 93%;
        padding: 37px 10px;
    }

    .form_close {
        right: -9px;
    }

}

@media only screen and (min-width: 520px) and (max-width: 767px) {
    header.header {
        display: none;
    }

    .responsive_menu {
        display: block;
    }

    .home_banner {
        min-height: auto;
        padding: 6rem 0px 40px;
    }

    .banner_cont h1 {
        font-size: 39px;
        line-height: 1;
    }

    .banner_sale {
        display: none;
    }

    .banner_cont h5 {
        font-size: 23px;
    }

    .banner_cont h5:before {
        left: -20px;
        width: 30px;
        height: 30px;
        top: -20px;
    }

    .banner_cont h6 {
        font-size: 20px;
        margin: 12px 0px;
    }

    .banner_cont p {
        width: auto;
        font-size: 14px;
    }

    .themebtn {
        font-size: 13px;
        padding: 9px 27px;
    }

    .banner_books {
        display: none;
    }

    .customer {
        width: 30%;
        height: auto;
        margin-top: 13px;
    }

    .chat_form {
        float: none;
        width: 84%;
        margin: 0 auto;
        padding: 41px 36px;
    }

    .chat_field :is(input, textarea) {
        padding: 9px 10px;
    }

    .chat_form h3 {
        font-size: 29px;
    }

    .home_banner:before {
        display: none;
    }

    .banner_btn {
        margin-top: 0;
    }

    .brand_logo .col-md-3 {
        width: 49%;
    }

    .brand_images {
        height: auto;
        margin-bottom: 27px;
    }

    .brand_logo {
        padding: 28px 0px;
    }

    .brand_logo .col-md-3:nth-last-child(1) .brand_images {
        margin: 0;
    }

    .brand_logo .col-md-3:nth-last-child(2) .brand_images {
        margin: 0;
    }

    .section_title h3 {
        font-size: 32px;
        margin: 8px 0px;
    }

    .section_title h6 {
        font-size: 22px;
    }

    .section_title p {
        font-size: 14px;
    }

    li.nav-item {
        width: 47%;
    }

    .nav-tabs {
        gap: 12px 3px;
        justify-content: space-between;
        margin-top: 50px;
    }

    .nav-tabs button.nav-link {
        display: flex;
        align-items: center;
        gap: 3px;
        font-size: 13px;
        padding-right: 0;
    }

    .nav-tabs button.nav-link img {
        width: 20px;
    }

    .create {
        padding: 40px 0px;
    }

    .create_cnt h6 {
        font-size: 27px;
    }

    .create_cnt h3 {
        font-size: 28px;
    }

    .create_cnt_middle:before {
        display: none;
    }

    .create:before {
        width: 100%;
    }

    .create:after {
        display: none;
    }

    .create_cnt h3 {
        font-size: 38px;
    }

    .create_cnt_middle h3 {
        width: 100%;
        font-size: 32px;
        margin: 14px 0px;
        text-align: left;
    }

    .create_cnt {
        width: 100%;
    }

    .create_cnt_last ul li {
        font-size: 15px;
    }

    .comprehensive {
        padding: 40px 0px;
    }

    .process .section_title h3 {
        width: 100%;
        font-size: 22px;
    }

    .process:before {
        width: 140px;
        height: 83px;
    }

    .process_img {
        height: auto;
        width: 100%;
    }

    .process_btn {
        margin: 27px 0px;
    }

    .vector_img {
        width: 50px;
    }

    .process_cnt h6 {
        font-size: 25px;
    }

    .process_cnt p {
        font-size: 13px;
    }

    .process_cnt {
        padding: 16px 0px;
        border-bottom: 1px solid #00000029;
        margin: 0;
    }

    .process {
        padding: 40px 0px;
    }

    .inspire {
        padding: 50px 0px;
        border-radius: 20px;
    }

    .inspire:before {
        border-radius: 20px;
    }

    .inspire_cnt ul li {
        width: 100%;
    }

    .inspire_cnt ul li a {
        font-size: 22px;
        padding: 21px 0px;
    }

    .idea {
        padding: 80px 0px 30px;
    }

    .idea_cnt h6 {
        font-size: 22px;
    }

    .idea_cnt h3 {
        font-size: 31px;
        margin: 9px 0px;
    }

    .idea_cnt p {
        width: auto;
        font-size: 13px;
        margin-bottom: 10px;
    }

    .idea_cnt {
        margin-bottom: 30px;
    }

    .idea_img {
        transform: none;
        height: auto;
    }

    .succes_book1 {
        display: none;
    }

    .succes_book2 {
        display: none;
    }

    .discount_img {
        display: none;
    }

    .success:before {
        width: 100%;
        border-radius: 0;
    }

    .success {
        padding: 20px 0px;
    }

    .success_cnt h3 {
        width: 100%;
        font-size: 37px;
    }

    .success_cnt h4 {
        width: auto;
        font-size: 23px;
        margin-bottom: 20px;
    }

    .success_title {
        position: relative;
        z-index: 1;
        color: #fff;
        font-size: 30px;
        margin-top: 31px;
        text-align: center;
    }

    .success_slider_cnt {
        padding: 16px 12px;
    }

    .success_slider_cnt p {
        font-size: 14px;
    }

    .success:after {
        width: 100px;
        height: 61px;
    }

    .footer_address {
        display: block;
    }

    .footer_address a {
        justify-content: flex-start;
        font-size: 15px;
        margin: 12px 0px;
    }

    .footer_orange {
        padding: 12px 0px;
    }

    .copyright {
        display: block;
    }

    .term_condition_img {
        gap: 10px;
    }

    .term_condition_img a {
        font-size: 13px;
    }

    .card_img {
        width: 118px;
    }

    .copyright p {
        text-align: center;
        font-size: 14px;
        margin-bottom: 8px;
    }

    .success_slider_cnt h6 {
        margin-top: 10px;
        font-size: 16px;
    }

    .success_slider_img {
        display: none;
    }

    .reader_img {
        height: 254px;
    }

    .port_main {
        margin: 0px 5px;
    }

    .slick-dots li button {
        width: 6px;
        height: 6px;
        background: var(--c1);
        border-radius: 100%;
    }

    .slick-dots li.slick-active button {
        background: var(--c2);
    }

    .slick-dots li button::before {
        display: none;
    }

    .reader {
        padding: 40px 0px;
    }

    .comprehensive_card {
        min-height: auto;
        padding: 30px 14px;
        border-radius: 20px;
    }

    .comprehensive_cnt p {
        font-size: 12px;
        margin: 0;
    }

    .comprehensive_innercnt h6 {
        font-size: 20px;
        width: 70%;
    }

    .comprehensive_innercnt {
        margin-bottom: 10px;
    }

    .comprehensive_card:before {
        width: 120px;
        height: 110px;
    }

    .comprehensive_card:hover:before {
        opacity: 0.5;
    }

    .slick-dots {
        bottom: -34px;
    }

    .comprehensive_btn {
        margin-top: 50px;
    }

    .popup_form .chat_form {
        width: 78%;
        padding: 47px 20px;
    }

    .form_close {
        right: -9px;
    }

    .menu_logo {
        padding: 14px 12px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .btn {
        font-size: 10px;
        padding: 7px 12px;
    }

    a.header__logo img {
        width: 170px;
    }

    .header_btn .themebtn {
        font-size: 12px;
        padding: 10px 20px;
    }

    .header-main {
        padding: 16px 0px;
    }

    .banner_cont h1 {
        font-size: 33px;
        line-height: 1;
    }

    .banner_cont h6 {
        font-size: 19px;
    }

    .banner_cont p {
        width: 90%;
        font-size: 13px;
    }

    .banner_cont h5 {
        font-size: 22px;
    }

    .banner_sale {
        height: auto;
        width: 110px;
        right: -70px;
    }

    .banner_btn {
        margin-top: 18px;
    }

    .banner_books {
        height: auto;
        width: 200px;
    }

    .customer {
        height: auto;
        width: 112px;
        margin-top: 10px;
    }

    .chat_form {
        width: 100%;
        padding: 30px 12px;
    }

    .chat_form h3 {
        font-size: 23px;
    }

    .chat_field :is(input, textarea) {
        padding: 8px 10px;
    }

    .chat_field {
        margin-bottom: 4px;
    }

    .home_banner:before {
        width: 370px;
        height: 370px;
    }

    .brand_images {
        height: 53px;
    }

    .reader {
        padding: 50px 0px;
    }

    .section_title h3 {
        font-size: 33px;
    }

    .section_title h6 {
        font-size: 24px;
    }

    .section_title p {
        font-size: 13px;
    }

    .reader_img {
        height: 255px;
    }

    li.nav-item {
        width: 19%;
    }

    .nav-tabs {
        gap: 7px 5px;
    }

    .nav-tabs button.nav-link {
        font-size: 10px;
        padding: 12px 4px;
    }

    .nav-tabs button.nav-link img {
        width: 13px;
    }

    .create_cnt h3 {
        font-size: 30px;
    }

    .create_cnt h6 {
        font-size: 19px;
    }

    .create_cnt_middle:before {
        width: 460px;
        height: 309px;
        top: 10px;
        left: -150px;
    }

    .create_cnt_middle h3 {
        width: 100%;
        font-size: 21px;
        position: relative;
        top: 65px;
        left: -30px;
    }

    .create {
        padding: 76px 0px;
    }

    .create_cnt_last ul li {
        font-size: 10px;
    }

    .create_btn a {
        padding: 10px 15px;
        font-size: 10px;
    }

    .port_slider .slick-arrow {
        top: -88%;
    }

    .comprehensive_innercnt h6 {
        font-size: 17px;
    }

    .inner_vector {
        width: 38px;
    }

    .comprehensive_card {
        padding: 21px 12px;
        border-radius: 17px;
        min-height: 240px;
    }

    .comprehensive_cnt p {
        font-size: 12px;
    }

    .comprehensive_card:before {
        width: 100px;
        height: 94px;
    }

    .comprehensive_card:hover:before {
        opacity: 0.4;
    }

    .comprehensive_slider .slick-arrow {
        height: 19px;
        width: 50px;
    }

    .comprehensive {
        padding: 50px 0px;
    }

    .process {
        padding: 50px 0px;
    }

    .process .section_title h3 {
        width: 90%;
        font-size: 30px;
    }

    .vector_img {
        width: 40px;
    }

    .process_cnt h6 {
        font-size: 18px;
    }

    .process_cnt p {
        font-size: 11px;
        margin: 0;
    }

    .process_cnt {
        margin-bottom: 4px;
    }

    .process_img {
        height: 340px;
    }

    .inspire_cnt ul li a {
        padding: 19px 0px;
        font-size: 18px;
    }

    .inspire_cnt ul li a i {
        font-size: 25px;
    }

    .inspire {
        padding: 50px 0px;
    }

    .idea_img {
        transform: none;
        height: 220px;
        position: sticky;
        top: 20px;
    }

    .idea_cnt h3 {
        font-size: 28px;
        margin: 10px 0px;
    }

    .idea_cnt h6 {
        font-size: 20px;
    }

    .idea_cnt p {
        width: auto;
        font-size: 12px;
        margin-bottom: 10px;
    }

    .idea {
        padding: 80px 0px 40px;
    }

    .success_title {
        font-size: 24px;
    }

    .success_cnt h3 {
        width: auto;
        font-size: 25px;
    }

    .success_cnt h4 {
        width: auto;
        font-size: 19px;
    }

    .discount_img {
        height: auto;
        width: 100px;
    }

    .success_btn {
        gap: 8px;
    }

    .success_btn a {
        font-size: 11px;
        padding: 10px 18px;
    }

    .succes_book1 {
        width: 70px;
    }

    .succes_book2 {
        width: 70px;
        right: -40px;
    }

    .success_slider .slick-arrow {
        width: 40px;
    }


    .success:after {
        width: 120px;
        height: 78px;
    }

    .success_slider_cnt p {
        font-size: 13px;
    }

    .success_slider_cnt {
        padding: 17px 10px;
        border-radius: 20px;
    }

    .success_slider_img {
        right: 40px;
        height: auto;
        width: 30px;
    }

    .success_slider_cnt h6 {
        margin-top: 0px;
    }

    .footer_address a {
        font-size: 12px;
    }

    .copyright p {
        font-size: 12px;
    }

    .term_condition_img a {
        font-size: 12px;
    }

    .popup_form .chat_form {
        width: 42%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1250px) {
    .btn {
        font-size: 12px;
        padding: 6px 22px;
    }

    a.header__logo img {
        width: 220px;
    }

    .header_btn .themebtn {
        font-size: 12px;
        padding: 10px 28px;
    }

    .header-main {
        padding: 16px 0px;
    }

    .banner_cont h1 {
        font-size: 49px;
        line-height: 1;
    }

    .banner_cont h6 {
        font-size: 23px;
    }

    .banner_cont p {
        width: 90%;
        font-size: 14px;
    }

    .banner_cont h5 {
        font-size: 24px;
    }

    .banner_sale {
        height: auto;
        width: 140px;
        right: -88px;
    }

    .banner_btn {
        margin-top: 18px;
    }

    .banner_books {
        height: auto;
        width: 270px;
    }

    .customer {
        height: auto;
        width: 162px;
        margin-top: 10px;
    }

    .chat_form {
        width: 100%;
        padding: 39px 17px;
    }

    .chat_form h3 {
        font-size: 30px;
    }

    .chat_field :is(input, textarea) {
        padding: 10px 10px;
    }

    .chat_field {
        margin-bottom: 4px;
    }

    .home_banner:before {
        width: 370px;
        height: 370px;
    }

    .brand_images {
        height: 72px;
    }

    .reader {
        padding: 50px 0px;
    }

    .section_title h3 {
        font-size: 35px;
    }

    .section_title h6 {
        font-size: 26px;
    }

    .section_title p {
        font-size: 13px;
    }

    .reader_img {
        height: 227px;
    }

    li.nav-item {
        width: 19%;
    }

    .nav-tabs {
        gap: 7px 5px;
    }

    .nav-tabs button.nav-link {
        font-size: 12px;
        padding: 14px 4px;
    }

    .nav-tabs button.nav-link img {
        width: 13px;
    }

    .create_cnt h3 {
        font-size: 31px;
    }

    .create_cnt h6 {
        font-size: 23px;
    }

    .create_cnt_middle:before {
        width: 530px;
        height: 359px;
        top: -30px;
        left: -150px;
    }

    .create_cnt_middle h3 {
        width: 94%;
        font-size: 26px;
        position: relative;
        top: 40px;
        left: -23px;
    }

    .create {
        padding: 116px 0px;
    }

    .create_cnt_last ul li {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .create_btn a {
        padding: 10px 15px;
        font-size: 10px;
    }

    .port_slider .slick-arrow {
        top: -88%;
    }

    .comprehensive_innercnt h6 {
        font-size: 17px;
    }

    .inner_vector {
        width: 38px;
    }

    .comprehensive_card {
        padding: 31px 13px;
        border-radius: 17px;
        min-height: 240px;
    }

    .comprehensive_cnt p {
        font-size: 11px;
        line-height: 1.7;
    }

    .comprehensive_card:before {
        width: 100px;
        height: 94px;
    }

    .comprehensive_card:hover:before {
        opacity: 0.4;
    }

    .comprehensive_slider .slick-arrow {
        height: 19px;
        width: 50px;
    }

    .comprehensive {
        padding: 50px 0px;
    }

    .process {
        padding: 50px 0px;
    }

    .process .section_title h3 {
        width: 90%;
        font-size: 30px;
    }

    .vector_img {
        width: 40px;
    }

    .process_cnt h6 {
        font-size: 16px;
        margin: 8px 0px;
    }

    .process_cnt p {
        font-size: 11px;
        margin: 0;
    }

    .process_cnt {
        margin-bottom: 11px;
    }

    .process_img {
        height: 380px;
    }

    .inspire_cnt ul li a {
        padding: 23px 0px;
        font-size: 23px;
    }

    .inspire_cnt ul li a i {
        font-size: 29px;
    }

    .inspire {
        padding: 60px 0px;
    }

    .idea_img {
        transform: none;
        height: 310px;
        position: sticky;
        top: 20px;
    }

    .idea_cnt h3 {
        font-size: 37px;
        margin: 10px 0px;
    }

    .idea_cnt h6 {
        font-size: 25px;
    }

    .idea_cnt p {
        width: auto;
        font-size: 13px;
        margin-bottom: 10px;
    }

    .idea {
        padding: 90px 0px 60px;
    }

    .success_title {
        font-size: 30px;
    }

    .success_cnt h3 {
        width: auto;
        font-size: 35px;
    }

    .success_cnt h4 {
        width: auto;
        font-size: 22px;
    }

    .discount_img {
        height: auto;
        width: 150px;
    }

    .success_btn {
        gap: 8px;
    }

    .success_btn a {
        font-size: 11px;
        padding: 10px 18px;
    }

    .succes_book1 {
        width: 72px;
    }

    .succes_book2 {
        width: 93px;
        right: 0px;
        bottom: -70px;
        top: auto;
    }

    .success_slider .slick-arrow {
        width: 40px;
    }


    .success:after {
        width: 169px;
        height: 108px;
    }

    .success_slider_cnt p {
        font-size: 14px;
    }

    .success_slider_cnt {
        padding: 28px 12px;
        border-radius: 20px;
    }

    .success_slider_img {
        right: 40px;
        height: auto;
        width: 30px;
    }

    .success_slider_cnt h6 {
        margin-top: 0px;
    }

    .footer_address a {
        font-size: 14px;
    }

    .popup_form .chat_form {
        width: 42%;
    }

}