/******************************************************
                    Responsive CSS 
******************************************************/
@import url('fonts.css');

@import url('style.css');
@import url('main.css');
@import url('dashboard.css');
/******************************************************
                    Base CSS 
******************************************************/

/******************************************************
            Root
******************************************************/
:root {
  /* Page Wrapper */
  --page-wrapper: 1920px;

  /* Container Var */
  --container-width: 1194px;
  --container-width-big: 1264px;
  --container-width-tablet: 992px;
  --container-width-full: 992px;

  /* DB Aside */
  --db-aside-width: 265px;

  /* Colors Var */
  --white-col: #FFFFFF;
  /*--grey-col: #34363A; 
  --blue-col: #06229B;*/
  --grey-col: #41434A; 
  --blue-col: #0258E6;

  --dark-blue-col: #03104A;
  --sky-blue-col: #1BC5BD;
  /*--red-col: #E20408;*/
  --red-col: #EF4109;
  --yellow-col: #FFC700;
  --white-grey-col: #E5E5E5;
  --white-shade-col: #F8F8F8;
  --light-white-col: rgba(255, 255, 255, 0.66);
  --light-grey-col: #C4C4C4;
  --scrollbar-dagger-rail: rgba(196, 196, 196, 0.42);
  --placeholder-col: rgba(52, 54, 58, 0.5);
  --black-shade-col: rgba(0, 0, 0, 0.12);
  --social-white-shade: rgba(255, 255, 255, 0.18);
  --price-card-border: #E3E3E3;
  --db-user-border: rgba(255, 255, 255, 0.15);
  --db-user-name: #7E8299;
  --db-user-status: #1BC5BD;
  --db-user-edit: #A1A5B7;
  --db-nav-head: #646581;
  --db-nav-inner-anchor: #B6B9C8;
  --db-nav-arrow: #616277;
  --db-main-conent-bg: #E9ECFA;
  --db-header-sep: #EEEFF3;
  --db-nav-normal: rgba(6, 34, 155, 0.5);
  --db-nav-active: rgba(6, 34, 155, 0.1);
  --db-main-bg: #F5F7FF;
  --db-col-sec-head: #181C32;
  --google-plus-btn-bg: #DF4930;

  /* Font Family Var */
  --primary-font-family: 'Arial-Regular';
  --secondary-font-family: 'Arial-Bold';
  --tertiary-font-family: 'microgramma_dmedium_extended';
  --quaternary-font-family: 'microgramma_dbold_extended';

  /* Font Weight Var */
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;

  /* Font Size Var */
  --font-size-10: 10px;
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-15: 15px;
  --font-size-16: 16px;
  --font-size-17: 17px;
  --font-size-18: 18px;
  --font-size-19: 19px;
  --font-size-20: 20px;
  --font-size-21: 21px;
  --font-size-22: 22px;
  --font-size-23: 23px;
  --font-size-24: 24px;
  --font-size-25: 25px;
  --font-size-26: 26px;
  --font-size-27: 27px;
  --font-size-28: 28px;
  --font-size-30: 30px;
  --font-size-31: 31px;
  --font-size-32: 32px;
  --font-size-33: 33px;
  --font-size-34: 34px;
  --font-size-35: 35px;
  --font-size-36: 36px;
  --font-size-37: 37px;
  --font-size-38: 38px;
  --font-size-39: 39px;
  --font-size-40: 40px;
  --font-size-41: 41px;
  --font-size-42: 42px;
  --font-size-44: 44px;
  --font-size-46: 46px;
  --font-size-47: 47px;
  --font-size-48: 48px;
  --font-size-49: 49px;
  --font-size-51: 51px;
  --font-size-54: 54px;
  --font-size-56: 56px;
  --font-size-58: 58px;
  --font-size-60: 60px;
  --font-size-62: 62px;
  --font-size-65: 65px;
  --font-size-68: 68px;
  --font-size-70: 70px;
  --font-size-74: 74px;
  
  /* Line Height Var */
  --line-height-11: 11px;
  --line-height-14: 14px;
  --line-height-15: 15px;
  --line-height-16: 16px;
  --line-height-18: 18px;
  --line-height-19: 19px;
  --line-height-20: 20px;
  --line-height-21: 21px;
  --line-height-22: 22px;
  --line-height-23: 23px;
  --line-height-24: 24px;
  --line-height-25: 25px;
  --line-height-26: 26px;
  --line-height-27: 27px;
  --line-height-28: 28px;
  --line-height-29: 29px;
  --line-height-30: 30px;
  --line-height-32: 32px;
  --line-height-33: 33px;
  --line-height-34: 34px;
  --line-height-35: 35px;
  --line-height-36: 36px;
  --line-height-38: 38px;
  --line-height-40: 40px;
  --line-height-42: 42px;
  --line-height-44: 44px;
  --line-height-46: 46px;
  --line-height-47: 47px;
  --line-height-48: 48px;
  --line-height-50: 50px;
  --line-height-52: 52px;
  --line-height-54: 54px;
  --line-height-55: 55px;
  --line-height-58: 58px;
  --line-height-60: 60px;
  --line-height-62: 62px;
  --line-height-64: 64px;
  --line-height-66: 66px;
  --line-height-68: 68px;
  --line-height-70: 70px;
  --line-height-72: 72px;
  --line-height-74: 74px;
  --line-height-75: 75px;
  --line-height-77: 77px;

  /* Letter Spacing Var */
  --letter-spacing-00: 0.00em;
  --letter-spacing-02: 0.02em;
  --letter-spacing-04: 0.04em;

  /* Text Casing Var */
  --text-uppercase: uppercase;
  --text-capitalize: capitalize;
  --text-lowercase: lowercase;

  /* Border Var */
  --white-border: 1px solid var(--white-col);
  --red-border: 1px solid var(--red-col);
  --blue-border: 1px solid var(--blue-col);
  --grey-border: 1px solid var(--light-grey-col);
  --red-border-07: 7px solid var(--red-col);
  --white-border-07: 7px solid var(--white-col);
  --no-border: 0px;

  /* Border Radius Var */
  --border-radius-00: 0px;
  --border-radius-02: 2px;
  --border-radius-04: 4px;
  --border-radius-05: 5px;
  --border-radius-12: 12px;
  --border-radius-16: 16px;
  --border-radius-20: 20px;
  --border-radius-100: 100px;
  --border-radius-50: 50%;

  /* Box Shadow Var */
  --box-shadow-small: 0px 4px 39px rgba(6, 34, 155, 0.13);
  --box-shadow-big: 0px 4px 40px rgba(6, 34, 155, 0.15);
  --box-shadow-accordion: 0px 4px 22px rgba(6, 34, 155, 0.15);
  --box-shadow-faq-accordion: 0px 4px 30px rgba(6, 34, 155, 0.15);
  --box-shadow-testimonial-item: 0px 4px 30px rgba(6, 34, 155, 0.1);

  /* ======= All Background Images ======= */
  /* Home Page */
  --hero-banner-element: url(../img/hero-element.png) no-repeat;
  --instantly-publish-top-element: url(../img/instantly-publish-element.svg) no-repeat;
  --digital-bookstore: url(../img/digital-book-store.jpg) no-repeat;
  --digital-bookstore-element-before: url(../img/digital-book-store-element-01.png) no-repeat;
  --digital-bookstore-element-after: url(../img/digital-book-store-element-02.png) no-repeat;
  --digital-bookstore-polygon-element: url(../img/digital-book-store-element-03.png) no-repeat;
  --white-polygon: url(../img/white-polygon.svg) no-repeat;
  --features-bg: url(../img/features-img.jpg) no-repeat;
  --features-element: url(../img/features-element-01.png) repeat;
  --features-card-element: url(../img/features-element-02.png) no-repeat;
  --rasing-bar-bg: url(../img/raising-bar-bg.jpg) no-repeat;
  --quotation-mark: url(../img/quotation-mark.png) no-repeat;
  --testimonials-figure-element: url(../img/testimonials-img-elememt.png) no-repeat;
  --testimonials-owl-carousel-dot-01: url(../img/dot-img-01.png) no-repeat;
  --testimonials-owl-carousel-dot-02: url(../img/dot-img-02.png) no-repeat;
  --testimonials-owl-carousel-dot-03: url(../img/dot-img-03.png) no-repeat;
  --testimonials-owl-carousel-dot-04: url(../img/dot-img-04.png) no-repeat;
  --testimonials-owl-carousel-dot-polygon: url(../img/red-polygon.svg) no-repeat;
  --faq-bg: url(../img/faq-bg.jpg) no-repeat;
  --faq-element-before: url(../img/faq-element-01.png) no-repeat;
  --faq-element-after: url(../img/faq-element-02.png) no-repeat;
  --faq-accordion-element-after: url(../img/faq-element-03.png) no-repeat;
  --faq-pen: url(../img/pen-img.png) no-repeat;
  --error-404-element: url(../img/error-404-element.png) no-repeat;
  --error-404-text-shadow: url(../img/error-404.png) no-repeat;
  /* Terms & Conditions Page */
  --terms-conditions-hero: url(../img/terms-conditions-hero.jpg) no-repeat;
  --terms-conditions-hero-element: url(../img/terms-conditions-hero-element.png) no-repeat;
  --terms-conditions-bottom-element: url(../img/terms-conditions-bottom-element.png) no-repeat;
  --terms-conditions-article-left-element: url(../img/terms-conditions-article-left-element.png) no-repeat;
  --terms-conditions-article-right-element: url(../img/terms-conditions-article-right-element.png) no-repeat;
  /* Privacy Policy Page */
  --privacy-policy-hero-element: url(../img/privacy-policy-hero-element.png) no-repeat;
  --privacy-policy-bottom-element: url(../img/privacy-policy-bottom-element.png) no-repeat;
  --privacy-policy-article-left-element: url(../img/privacy-policy-article-left-element.png) no-repeat;
  --privacy-policy-article-right-element: url(../img/privacy-policy-article-right-element.png) no-repeat;
  /* Login & Register Page */
  --login-register-left-element: url(../img/login-page-left-element.png) no-repeat;
  --login-register-right-element: url(../img/login-page-right-element.png) no-repeat;
  /* Features Page */
  --features-hero: url(../img/features-page-hero.jpg) no-repeat;
  --ball-3d: url(../img/3d-ball.png) no-repeat;
  --manage-section-top-red-element: url(../img/manage-section-top-red-element.png) no-repeat;
  --manage-section-right-blue-element: url(../img/manage-section-right-blue-element.png) no-repeat;
  --manage-section-bottom-red-element: url(../img/manage-section-bottom-red-element.png) no-repeat;
  --manage-section-left-blue-element: url(../img/manage-section-left-blue-element.png) no-repeat;
  --blue-polygon: url(../img/blue-polygon.svg) no-repeat;
  --journey-step-bg: url(../img/journey-step-bg.jpg) no-repeat;
  --journey-step-top-element: url(../img/journey-step-top-element.png) no-repeat;
  --journey-step-bottom-element: url(../img/journey-step-bottom-element.png) no-repeat;
  --journey-step-card-element: url(../img/journey-step-card-element.png) no-repeat;
  /* Features Page */
  --support-hero: url(../img/support-hero.jpg) no-repeat;
  --contact-information: url(../img/contact-information-bg.jpg) no-repeat;
  --contact-information-element: url(../img/contact-information-element.png) no-repeat;
  --get-in-touch-left-element: url(../img/get-in-touch-left-element.png) no-repeat;
  /* Prices Page */
  --prices-hero: url(../img/prices-hero.jpg) no-repeat;
  --prices-title-element: url(../img/pricing-card-element.png) no-repeat;
  /* All CSS Shapes */
  --polygon-shape: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
  /* Dashboard Page */
  --user-avatar: url(../img/avtar-for-user.svg);
  --timeline-content-user-normal: url(../img/timeline-user-normal.png) no-repeat;
  --timeline-content-user-active: url(../img/timeline-user-active.png) no-repeat;
  --db-card-link-arrow: url(../img/db-link-arrow.png) no-repeat;
}
/******************************************************
                  All Classes And Tags
******************************************************/
html,body{
  /*height: var(--height-full);*/
}
*,html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
ol li,
ul li{
  display: inline-block;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a{ 
  outline: 0px; 
  text-decoration: none;
  -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
a:active, 
a:focus, 
a:hover, 
a:link { 
  text-decoration: none; 
  -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
  outline: 0px; 
} 
body{  
  font-family: var(--primary-font-family);
  font-weight: var(--font-weight-normal);
  color: var(--grey-col);
  font-size: var(--font-size-20);
  line-height: var(--line-height-32);
  background-color: var(--white-col);
  letter-spacing: var(--letter-spacing-02);
}
body::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.1);
  background-color: var(--white-shade-col);
  border-radius: 0px; 
}
body::-webkit-scrollbar{
  width: 12px;
  background-color: var(--white-shade-col); 
}
body::-webkit-scrollbar-thumb{
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.1);
  background-color: var(--light-grey-col);
}
body::-webkit-scrollbar-thumb:hover{
  background-color: var(--grey-col);
}
body{
  scrollbar-color: var(--light-grey-col);
}
img{ 
  max-width:100%; 
  vertical-align: middle;
}

/* Price Page */
.pricing ul.nav-tabs li.nav-item.annually_plans .nav-link,
.pricing ul.nav-tabs li.nav-item.monthly_plans .nav-link{
  font-family: var(--primary-font-family);
  font-weight: var(--font-weight-normal);
  color: var(--white-col);
  background: var(--red-col);
  border-color: var(--red-col);
  text-transform: var(--text-capitalize);
}
.pricing ul.nav-tabs li.nav-item.annually_plans .nav-link:before,
.pricing ul.nav-tabs li.nav-item.monthly_plans .nav-link:before{
  width: 22px;
  height: 22px;
  background: var(--red-col);
  border: var(--white-border);
  position: absolute;
  left: 8px;
  top: 11px;
  content: '';
  display: inline-block;
  border-radius: var(--border-radius-50);
}
.pricing ul.nav-tabs li.nav-item.annually_plans .nav-link.active:after,
.pricing ul.nav-tabs li.nav-item.monthly_plans .nav-link.active:after{
  width: 16px;
  height: 16px;
  background: var(--white-col);
  border: var(--white-border);
  position: absolute;
  left: 11px;
  top: 14px;
  content: '';
  display: inline-block;
  border-radius: var(--border-radius-50);
  z-index: 1;
}
.pricing ul.nav-tabs li.nav-item:nth-of-type(5) .nav-link{
  border-radius: 0px 100px 100px 0px;
}
.pricing .tab-content .card{
  height: 100%;
  position: relative;
}
.pricing .tab-content .card .card-content{
  margin-bottom: 25px;
}
.pricing .tab-content .card .card-content ul{
  height: 180px;
}
.pricing .tab-content .card .btn.btn-red{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
/* New Changes 15 Feb 2022 for PRICING PAGE CARDS */
.pricing .pricing-content .card .card-title h4{
  min-height: 115px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing .pricing-content  .card .card-price:after{
  top: 50px;
}
ul.login-register > li > a.small{
  background: var(--red-col);
  border: var(--red-border);
  color: var(--white-col) !important;
  font-size: 14px !important;
  padding: 13px 25px 11px;
  border-radius: 100px;
  letter-spacing: 0.02em;
  font-family: var(--secondary-font-family);
  font-weight: var(--font-weight-bold);
  text-transform: var(--text-uppercase);
} 
ul.login-register > li > a.small:hover{
  color: var(--red-col) !important;
  background: var(--white-col);
  border: 1px solid var(--white-col);
}
ul.login-register > li > a.btn{
  font-size: 16px;
  margin: 0 10px 0 0;
}
ul.login-register > li > a.btn .icon{
  font-size: 16px;
  margin: -4px 0px 0px 0;
}

/* ============= Media Queries ============= */
/* Extra Large Screens */
@media screen and (max-width: 1680px) {
  /* Home Page */
  .hero-banner .hero-content h1{
    font-size: var(--font-size-62);
    line-height: var(--line-height-75);
  }
  .hero-banner .hero-content p{
    font-size: var(--font-size-23);
    line-height: var(--line-height-35);
  }
  .btn.btn-red{
    height: 80px;
    font-size: var(--font-size-19);
  }
  .common-section h2{
    font-size: var(--font-size-40);
    line-height: var(--line-height-52);
  }
  .common-section p,
  .testimonials .owl-carousel .testimonials-item-content p,
  .site-footer .site-footer-content p{
    font-size: var(--font-size-19);
    line-height: var(--line-height-30);
  }
  .bookstore-cards .card{
    min-height: 466px;
  }
  .digital-tool-card{
    background-size: cover;
    /* background-position: revert; */
    border-bottom: 1.6px solid red;
    border-radius: 20px;
  }
  /* .worte-book-sub-card .content */
 
  
  .wrote-book-img{
    width: 919px;
    margin-top: -20px;
  }
 
  .wrote-book-card ul{
    width: 626px!important;
  }
  .features .card-padder{
    padding: 100px 112px 95px 0;
  }
  .features .card{
    padding: 70px 140px 80px 0;
  }
  /* .worte-book-sub-card .content */
  .bookstore-cards .card .polygon .shape-white .icon{
    font-size: var(--font-size-68);
  }
  .bookstore-cards .card h3, 
  .faq-accordion .accordion-button, 
  .faq-accordion .accordion-button.collapsed,
  .opportunity .opportunity-content .accordion-item .accordion-button,
  .opportunity .opportunity-content .accordion-item .accordion-button.collapsed{
    font-size: var(--font-size-23);
    line-height: var(--line-height-30);
  }
  .bookstore-cards .card p{
    font-size: var(--font-size-19);
    line-height: var(--line-height-30);
  }
  .opportunity .opportunity-content .accordion-item .accordion-button{
    font-size: var(--font-size-23);
    line-height: var(--line-height-30);
  }
  /* Error 404 */
  .error-404-hero .text-big-section h1{
    font-size: 278px;
  }
  .error-404-hero .text-big-section h1:after{
    left: -5px;
    background-size: 752px;
  }
  /* Privacy Policy */
  .inner-hero-content h1{
    font-size: var(--font-size-38);
    line-height: var(--line-height-74);
  }
  .inner-pages-article .article h3{
    font-size: var(--font-size-40);
    line-height: var(--line-height-68);
  }
  .inner-pages-article .article p,
  .inner-pages-article .article ul.number-counter-list > li, 
  .inner-pages-article .article ul.no-counter > li, 
  .inner-pages-article .article ul.alphabetic-counter-list > li, 
  .inner-pages-article .article ul.dot-counter-list > li, 
  .inner-pages-article .article ul.circle-counter-list > li{
    font-size: var(--font-size-19);
    line-height: var(--line-height-34);
  }
  .inner-pages-article .article h4{
    font-size: var(--font-size-22);
    line-height: var(--line-height-36);
  }
  .inner-pages-article .article p,
  .inner-pages-article .article h4,
  .inner-pages-article .article ul.number-counter-list, 
  .inner-pages-article .article ul.no-counter, 
  .inner-pages-article .article ul.alphabetic-counter-list, 
  .inner-pages-article .article ul.dot-counter-list, 
  .inner-pages-article .article ul.circle-counter-list{
    margin: 0 0 30px;
  }
  .inner-pages-hero.terms-conditions-hero.privacy-policy-hero:after{
    background-size: 170px;
    bottom: -240px;
  }
  .inner-pages-article.privacy-policy-article .privacy-policy-bottom-element{
    right: -80px;
    bottom: -95px;
    background-size: 260px;
  }
  .inner-pages-article.terms-conditions-article.privacy-policy-article:before{
    transform: translateY(-360px);
    background-size: 190px;
  }
  .inner-pages-article.terms-conditions-article.privacy-policy-article:after{
    transform: translateY(520px);
    background-size: 200px;
    right: -85px;
  }
  /* Terms and Conditions */
  .inner-pages-hero.terms-conditions-hero:after{
    bottom: -235px;
    background-size: 170px;
    width: 170px;
  }
  .inner-pages-article.terms-conditions-article:before{
    transform: translateY(595px);
    background-size: 240px;
  }
  .inner-pages-article.terms-conditions-article:after{
    right: -65px;
    transform: translateY(670px);
    background-size: 180px;
  }
  .inner-pages-article.terms-conditions-article .terms-conditions-bottom-element{
    left: -50px;
    bottom: -130px;
    background-size: 250px;
  }
  /* Login */
  .form-heading h2{
    font-size: var(--font-size-41);
    line-height: var(--line-height-70);
  }
  .form-label{
    font-size: var(--font-size-21);
    line-height: var(--line-height-28);
  }
  .login-register-forms:before{
    bottom: -20px;
    background-size: 280px;
  }
  .login-register-forms:after{
    right: -25px;
    bottom: -15px;
    background-size: 350px;
  }
  /* Features Page */
  .manage-digital-books:before{
    background-size: 185px;
    width: 205px;
    right: -30px;
  }
  .manage-digital-books .right-element{
    right: -10px;
    background-size: 60px;
  }
  .manage-digital-books:after{
    left: -12px;
    bottom: -10px;
    background-size: 183px;
  }
  .manage-digital-books .manage-digital-books-content .ball-3d{
    background-size: 120px;
  }
  .manage-digital-books .left-element{
    bottom: -20px;
    background-size: 59px;
  }
  .bookstore-cards.journey-steps-cards .card{
    min-height: 515px;
  }
  .digital-bookstore.journey-steps:after{
    right: -40px;
    background-size: 210px;
  }
  .digital-bookstore.journey-steps:before{
    bottom: -70px;
    background-size: 290px;
  }
  .bookstore-cards.journey-steps-cards .card:after{
    background-size: 200px;
    bottom: -54px;
  }
  /* Support Page */
  .get-in-touch:before{
    background-size: 120px;
  }
  .contact-info:after{
    background-size: 400px;
    right: -160px;
    bottom: -70px;
  }
  .contact-info ul.info-list > li .icon{
    font-size: var(--font-size-36);
  }
  .support-form .form-heading h2 .icon{
    font-size: var(--font-size-49);
  }
  .contact-info ul.social-list > li a .icon{
    font-size: var(--font-size-21);
  }
  .support-form .form-heading h2,
  .contact-info h2{
    font-size: var(--font-size-23);
    line-height: var(--line-height-70);
  }
}

/* Large Screens (Mac Desktop) */
@media screen and (max-width: 1600px) {
  /* Home Page */
  .site-header .site-logo img{
    width: 192px;
  }
  .selling-book h3{
    font-size: var(--font-size-24);
margin-left: 50px;
text-align: left;
  }
  .worte-book-sub-card .content b{
    font-size: var(--font-size-27);
  }
  .main-navbar-menu.navbar ul.navbar-nav > li.nav-item > a.nav-link:before{
    transform: translateY(-51px);
  }
  ul.login-register > li > a.btn.btn-register{
    padding: 15px 46px 13px;
    font-size: var(--font-size-17);
    line-height: var(--line-height-20);
  }
  .hero-banner .hero-content h1{
    font-size: var(--font-size-60);
    line-height: var(--line-height-72);
  }
  .hero-banner:before{
    background-size: 75px;
  }
  .btn.btn-red{
    height: 65px;
    padding: 21px 20px;
  }
  .hero-banner .hero-content p{
    font-size: var(--font-size-22);
    line-height: var(--line-height-33);
  }
  /* .instantly-publish .figure:before{
    background-size: 230px;
  } */
  .instantly-publish .figure{
    padding: 0 0 0 0px;
  }
  .common-section h2{
    font-size: var(--font-size-38);
    line-height: var(--line-height-50);
  }
  .bookstore-cards .card .polygon .shape-white .icon{
    font-size: var(--font-size-65);
  }
  .bookstore-cards .card h3, 
  .faq-accordion .accordion-button, 
  .faq-accordion .accordion-button.collapsed,
  .opportunity .opportunity-content .accordion-item .accordion-button,
  .opportunity .opportunity-content .accordion-item .accordion-button.collapsed{
    font-size: var(--font-size-22);
    line-height: var(--line-height-29);
  }
  .btn.btn-red.btn-big{
    width: 350px;
  }
  .features .card ul li .polygon .shape-red .icon{
    font-size: var(--font-size-44);
  }
  .digital-bookstore:before{
    background-size: 196px;
  }
  .digital-bookstore:after{
    background-size: 244px;
    right: -95px;
    bottom: -132px;
  }
  .bookstore-cards .card .polygon:before{
    top: -18px;
    background-size: 260px;
  }
  .opportunity .opportunity-content .accordion-item .accordion-button{
    padding: 32px 26px;
  }
  .faq:before{
    background-size: 248px;
  }
  .faq .faq-accordion:after {
    background-size: 430px;
  }
  .faq .faq-accordion:before{
    bottom: 95px;
    right: -80px;
    background-size: 102px;
  }
  .faq:after{
    bottom: -285px;
    background-size: 254px;
  }
  .testimonials .owl-carousel .testimonials-item-content:before{
    background-size: 44px;
  }
  /* Error 404 */
  .error-404-hero{
    padding: 150px 0px 170px;
  }
  .error-404-hero .text-big-section h1{
    font-size: 274px;
  }
  .error-404-hero .text-big-section h1:after{
    left: -4px;
    background-size: 740px;
  }
  /* Privacy Policy */
  .inner-pages-hero.terms-conditions-hero.privacy-policy-hero:after{
    background-size: 161px;
    bottom: -240px;
  }
  .inner-pages-article.privacy-policy-article .privacy-policy-bottom-element{
    right: -115px;
    bottom: -118px;
    background-size: 229px;
  }
  .inner-pages-article.terms-conditions-article.privacy-policy-article:before{
    background-size: 180px;
  }
  .inner-pages-article.terms-conditions-article.privacy-policy-article:after{
    background-size: 189px;
    right: -94px;
  }
  .inner-hero-content h1{
    font-size: var(--font-size-36);
    line-height: var(--line-height-70);
  }
  .inner-pages-article .article h3{
    font-size: var(--font-size-38);
    line-height: var(--line-height-64);
  }
  .inner-pages-article .article p, 
  .inner-pages-article .article h4, 
  .inner-pages-article .article ul.number-counter-list, 
  .inner-pages-article .article ul.no-counter, 
  .inner-pages-article .article ul.alphabetic-counter-list, 
  .inner-pages-article .article ul.dot-counter-list, 
  .inner-pages-article .article ul.circle-counter-list{
    margin: 0 0 24px;
  }
  .inner-pages-article .article h4{
    font-size: var(--font-size-21);
    line-height: var(--line-height-34);
  }
  /* Terms and Conditions */
  .inner-pages-hero.terms-conditions-hero:after{
    bottom: -245px;
    background-size: 144px;
    width: 142px;
  }
  .inner-pages-article.terms-conditions-article:before{
    transform: translateY(645px);
    background-size: 180px;
  }
  .inner-pages-article.terms-conditions-article:after{
    right: -105px;
    transform: translateY(730px);
    background-size: 140px;
  }
  .inner-pages-article.terms-conditions-article .terms-conditions-bottom-element{
    left: -50px;
    bottom: -160px;
    background-size: 200px;
  }
  .features .card {
    padding: 70px 138px 80px 0;
}
.features .card-padder {
    padding: 100px 100px 95px 0;
}
  /* Login */
  .form-heading h2{
    font-size: var(--font-size-40);
    line-height: var(--line-height-68);
  }
  .form-heading{
    margin: 0 0 30px;
    padding: 0 0 30px;
  }
  .form-label{
    font-size: var(--font-size-20);
    line-height: var(--line-height-26);
  }
  .login-register-forms:before{
    bottom: -40px;
    background-size: 260px;
  }
  .login-register-forms:after{
    right: -45px;
    bottom: -25px;
    background-size: 330px;
  }
  /* Features Page */
  .bookstore-cards.journey-steps-cards .card .polygon .shape-white{
    width: 119px;
    height: 139px;
  }
  .bookstore-cards.journey-steps-cards .card .polygon:after{
    width: 121px;
    height: 141px;
  }
  .digital-bookstore.journey-steps:before{
    bottom: -138px;
    background-size: 240px;
  }
  .digital-bookstore.journey-steps:after{
    right: -72px;
    background-size: 180px;
  }
  .manage-digital-books .manage-digital-books-content .ball-3d{
    right: -130px;
  }
  /* Support Page */
  .contact-info:after{
    background-size: 370px;
    right: -180px;
    bottom: -100px;
  }
}

/* Big Screens (Mac Book Pro) */
@media screen and (max-width: 1536px) {
  /* Home Page */
  .hero-banner:before{
    margin-top: -85px;
    background-size: 65px;
  }
  .hero-banner {
    padding: 85px 0 130px;
}
  .hero-banner .hero-content h1{
    font-size: var(--font-size-48);
    line-height: var(--line-height-48);
  }
  .common-section h2{
    font-size: var(--font-size-37);
    line-height: var(--line-height-48);
  }
  .features .card:after{
    right: -66px;
    bottom: -16px;
    width: 316px;
    background-size: 250px;
  }
  .features .card {
    padding: 70px 94px 80px 0;
}
  .faq .faq-accordion:after{
    background-size: 380px;
    bottom: -112px;
  }
  .bookstore-cards .card h3, 
  .faq-accordion .accordion-button, 
  .faq-accordion .accordion-button.collapsed,
  .opportunity .opportunity-content .accordion-item .accordion-button,
  .opportunity .opportunity-content .accordion-item .accordion-button.collapsed{
    font-size: var(--font-size-21);
    line-height: var(--line-height-27);
  }
  .btn.btn-red.btn-big{
    width: 320px;
  }
  .faq:after{
    bottom: -372px;
    background-size: 185px;
  }
  .faq:before{
    background-size: 210px;
    right: -50px;
  }
  .btn.btn-play{
    width: 98px;
    height: 98px;
  }
  .btn.btn-play .icon{
    font-size: var(--font-size-32);
  }
  .testimonials .owl-carousel .testimonials-item-content h6 .star-rating .bi{
    font-size: var(--font-size-17);
  }
  .bookstore-cards .card .polygon .shape-white,
  .bookstore-cards .card .polygon .shape-red{
    width: 121px;
    height: 141px;
    left: 10px;
    top: -6px;
  }
  .bookstore-cards .card .polygon:before{
    top: -5px;
    background-size: 230px;
  }
  .digital-authors .figure .book-box{
    width: 146px;
    height: 121px;
  }
  .digital-authors .figure .book-box .icon{
    font-size: var(--font-size-70);
  }
  /* .instantly-publish .container-fluid img */
  .instantly-publish .container-fluid img {
    max-width: 736px;
    height: 772px;
}
.instantly-publish .figure:before{
  left: 178px;
}
 
  .wrote-book-img{
    width: 860px;
  }
  /* Error 404 */
  .error-404-hero{
    padding: 130px 0px 150px;
  }
  .error-404-hero .text-big-section h1{
    font-size: 268px;
  }
  .error-404-hero .text-big-section h1:after{
    background-size: 725px;
  }
  /* Privacy Policy */
  .inner-pages-article .article h3{
    font-size: var(--font-size-37);
    line-height: var(--line-height-62);
  }
  .inner-hero-content .breadcrumb-nav ol.breadcrumb > li.breadcrumb-item, 
  .inner-hero-content .breadcrumb-nav ol.breadcrumb > li.breadcrumb-item a{
    font-size: var(--font-size-17);
    line-height: var(--line-height-34);
  }
  .inner-pages-article .article ul.number-counter-list > li:before, 
  .inner-pages-article .article ul.alphabetic-counter-list > li:before,
  .inner-pages-article .article p, 
  .inner-pages-article .article ul.number-counter-list > li, 
  .inner-pages-article .article ul.no-counter > li, 
  .inner-pages-article .article ul.alphabetic-counter-list > li, 
  .inner-pages-article .article ul.dot-counter-list > li, 
  .inner-pages-article .article ul.circle-counter-list > li{
    font-size: var(--font-size-18);
    line-height: var(--line-height-32);
  }
  /* Terms and Conditions */
  .inner-pages-article.terms-conditions-article:before{
    transform: translateY(745px);
    background-size: 160px;
    left: -10px;
  }
  .inner-pages-article.terms-conditions-article:after{
    right: -115px;
    transform: translateY(730px);
    background-size: 128px;
  }
  /* Login */
  .form-heading h2{
    font-size: var(--font-size-39);
    line-height: var(--line-height-66);
  }
  .form-label{
    font-size: var(--font-size-19);
    line-height: var(--line-height-24);
    margin: 0 0 15px;
  }
  .form-control{
    font-size: var(--font-size-15);
    line-height: var(--line-height-28);
  }
  .btn.btn-red.btn-submit{
    height: 70px;
    padding: 24px 26px;
    width: 330px;
  }
  .form-heading{
    margin: 0 0 25px;
    padding: 0 0 22px;
  }
  /* Features Page */
  .digital-bookstore.journey-steps:before{
    bottom: -190px;
    background-size: 200px;
  }
  .digital-bookstore.journey-steps:after{
    right: -102px;
    background-size: 150px;
  }
  .manage-digital-books:before{
    background-size: 154px;
    right: -55px;
  }
  .manage-digital-books .right-element{
    right: -15px;
    background-size: 55px;
  }
  .manage-digital-books .left-element{
    bottom: -55px;
    background-size: 50px;
  }
  .manage-digital-books:after{
    left: -12px;
    bottom: -18px;
    background-size: 164px;
  }
  .manage-digital-books .manage-digital-books-content .ball-3d{
    background-size: 100px;
    bottom: -95px;
    right: -100px;
  }
  .bookstore-cards.journey-steps-cards .card{
    min-height: auto;
  }
  .bookstore-cards.journey-steps-cards .card.mt-160{
    margin: 145px 0 0;
  }
  /* Support Page */
  .get-in-touch:before{
    background-size: 100px;
  }
  .support-form .form-heading h2, 
  .contact-info h2{
    font-size: var(--font-size-22);
    line-height: var(--line-height-68);
  }
  .support-form .form-control{
    font-size: var(--font-size-17);
  }
  .contact-info ul.info-list > li .icon{
    font-size: var(--font-size-34);
  }
  .contact-info:after{
    background-size: 330px;
    right: -185px;
    bottom: -120px;
  }
  .support-form .form-heading h2 .icon{
    font-size: var(--font-size-47);
  }
}

/* Big Screens (Mac Book) */
@media screen and (max-width: 1440px) {
  /* Home Page */
  .site-header .site-logo img{
    width: 180px;
  }
  .main-navbar-menu.navbar ul.navbar-nav > li.nav-item > a.nav-link:before{
    transform: translateY(-48px);
  }
  .hero-banner .hero-content h1{
    font-size: var(--font-size-56);
    line-height: var(--line-height-66);
  }
  .hero-banner .hero-content p{
    font-size: var(--font-size-21);
    line-height: var(--line-height-30);
  }
  .btn.btn-red{
    height: 75px;
  }
  .common-section h2{
    font-size: var(--font-size-36);
    line-height: var(--line-height-46);
  }
  .faq .faq-accordion:after{
    right: -235px;
    background-size: 330px;
    bottom: -155px;
  }
  .faq .faq-accordion:before{
    bottom: 55px;
  }
  .instantly-publish .instantly-publish-content{
    padding: 0 0 0 20px;
  }
  .instantly-publish .container-fluid img{
    max-width: 688px;
    height: 722px;

  }
  /* .wrote-book-card h2 */
  
  
  .wrote-book-img{
    width: 844px;
    margin-top: -39px;
  }
  
  .wrote-book-container .content{
    font-size: 19px;
  }
  .selling-book h3{
    margin-left: 61px;
  }
  .instantly-publish .figure:before{
    left: 167px;
    top: 45px;
  }
  .instantly-publish-content ul{
    padding-bottom: 15px;
  }
  .instantly-publish .figure{
    margin: -145px 0 0 0;
  }
  .features .card-padder {
    padding: 100px 66px 95px 0;
}
.features .card {
  padding: 70px 82px 80px 0;
} 
  /* Error 404 */
  .error-404-hero{
    padding: 110px 0px 130px;
  }
  .error-404-hero .text-big-section h1{
    font-size: 260px;
  }
  .error-404-hero .text-big-section h1:after{
    background-size: 702px;
    transform: translateY(290px);
  }
  /* Privacy Policy */
  .inner-pages-hero.terms-conditions-hero.privacy-policy-hero:after{
    background-size: 100px;
    bottom: -275px;
  }
  .inner-hero-content h1{
    font-size: var(--font-size-35);
    line-height: var(--line-height-68);
  }
  .inner-pages-article .article h3{
    font-size: var(--font-size-36);
    line-height: var(--line-height-60);
  }
  .inner-hero-content .breadcrumb-nav ol.breadcrumb > li.breadcrumb-item, 
  .inner-hero-content .breadcrumb-nav ol.breadcrumb > li.breadcrumb-item a{
    font-size: var(--font-size-16);
    line-height: var(--line-height-32);
  }
  .inner-pages-article .article ul.number-counter-list > li:before, 
  .inner-pages-article .article ul.alphabetic-counter-list > li:before,
  .inner-pages-article .article p, 
  .inner-pages-article .article ul.number-counter-list > li, 
  .inner-pages-article .article ul.no-counter > li, 
  .inner-pages-article .article ul.alphabetic-counter-list > li, 
  .inner-pages-article .article ul.dot-counter-list > li, 
  .inner-pages-article .article ul.circle-counter-list > li{
    font-size: var(--font-size-17);
    line-height: var(--line-height-30);
  }
  .inner-pages-article .article p, 
  .inner-pages-article .article h4, 
  .inner-pages-article .article ul.number-counter-list, 
  .inner-pages-article .article ul.no-counter, 
  .inner-pages-article .article ul.alphabetic-counter-list, 
  .inner-pages-article .article ul.dot-counter-list, 
  .inner-pages-article .article ul.circle-counter-list{
    margin: 0 0 20px;
  }
  .inner-pages-article .article h4{
    font-size: var(--font-size-20);
    line-height: var(--line-height-32);
  }
  .inner-pages-article.terms-conditions-article.privacy-policy-article:before{
    background-size: 130px;
  }
  .inner-pages-article.terms-conditions-article.privacy-policy-article:after{
    background-size: 140px;
    right: -145px;
  }
  .inner-pages-article.privacy-policy-article .privacy-policy-bottom-element{
    right: -185px;
    bottom: -165px;
    background-size: 160px;
  }
  .inner-pages-article .article ul.dot-counter-list >li:before{
    width: 5px;
    height: 5px;
    margin: 0px 7px 0 0;
  }
  .inner-pages-article .article ul.circle-counter-list >li:before{
    margin: 0px 7px 0 0;
    width: 8px;
    height: 8px;
  }
  /* Login */
  .login-register-forms{
    padding: 72px 0 95px;
  }
  .login-register-forms:before{
    bottom: -60px;
    background-size: 240px;
  }
  .login-register-forms:after{
    right: -95px;
    bottom: -50px;
    background-size: 280px;
  }
  .form-heading h2{
    font-size: var(--font-size-38);
    line-height: var(--line-height-64);
  }
  .form-control{
    min-height: 46px;
  }
  .form-control,
  .mb-3{
    margin: 0px 0px 15px !important;
  }
  .login-register-forms .login-form .btn.btn-red.btn-submit{
    margin: 12px auto 0px;
  }
  .login-register-forms .login-form .form-check{
    margin: 20px auto 0px !important;
  }
  /* Features Page */
  .digital-bookstore.journey-steps:before{
    bottom: -230px;
    background-size: 170px;
  }
  .digital-bookstore.journey-steps:after{
    right: -115px;
    background-size: 135px;
  }
  .manage-digital-books .manage-digital-books-content .ball-3d{
    background-size: 95px;
    bottom: -100px;
    right: -90px;
  }
  .manage-digital-books:before{
    background-size: 140px;
    right: -65px;
  }
  .manage-digital-books .right-element{
    right: -18px;
    background-size: 52px;
    top: 20px;
  }
  .manage-digital-books:after{
    bottom: -22px;
    background-size: 150px;
  }
  .manage-digital-books .left-element{
    bottom: -69px;
    background-size: 47px;
    left: -2px;
  }
  /* Support Page */
  .contact-info:after{
    background-size: 300px;
    right: -205px;
    bottom: -140px;
  }
  .contact-info ul.social-list > li a .icon{
    font-size: var(--font-size-20);
  }
}

/* Medium Screens (Laptops, Desktop) */
@media screen and (max-width: 1366px) {
  /* Home Page */
  .main-navbar-menu.navbar ul.navbar-nav > li.nav-item > a.nav-link:before{
    transform: translateY(-49px);
  }
  
  ul.login-register > li > a.btn .icon{
    font-size: var(--font-size-16);
    margin: -4px 0px 0 0px;
  }
  ul.login-register > li > a.btn.btn-register{
    font-size: var(--font-size-16);
    padding: 13px 36px 11px;
  }
  .hero-banner:before{
    margin-top: 15px;
    background-size: 40px;
  }
  .hero-banner .hero-content h1{
    font-size: var(--font-size-54);
    line-height: var(--line-height-64);
  }
  .hero-banner .hero-content p{
    font-size: var(--font-size-20);
    line-height: var(--line-height-30);
  }
  /* .instantly-publish .figure:before{
    background-size: 200px;
    top: -100px;
    left: 15px;
  } */
  .common-section h2{
    font-size: var(--font-size-34);
    line-height: var(--line-height-44);
  }
  .common-section p, 
  .testimonials .owl-carousel .testimonials-item-content p, 
  .site-footer .site-footer-content p,
  .bookstore-cards .card p{
    font-size: var(--font-size-18);
    line-height: var(--line-height-28);
  }
  .instantly-publish-content p{
    font-size: var(--font-size-16)!important;
  }
  .bookstore-cards .card .polygon .shape-white,
  .bookstore-cards .card .polygon .shape-red{
    width: 111px;
    height: 131px;
  }
  .bookstore-cards .card .polygon .shape-white .icon{
    font-size: var(--font-size-60);
  }
  .bookstore-cards .card .polygon:before{
    left: -45px;
    top: -2px;
    background-size: 206px;
  }
  .hero-banner{
    padding: 50px 0 62px;
  }
  .digital-bookstore{
    padding: 80px 0 90px;
  }
  .bookstore-cards .card h3{
    padding: 50px 0 15px;
  }
  .bookstore-cards .card h3, 
  .faq-accordion .accordion-button, 
  .faq-accordion .accordion-button.collapsed,
  .opportunity .opportunity-content .accordion-item .accordion-button,
  .opportunity .opportunity-content .accordion-item .accordion-button.collapsed{
    font-size: var(--font-size-20);
    line-height: var(--line-height-26);
  }
  .bookstore-cards .card p{
    font-size: var(--font-size-18);
    line-height: var(--line-height-28);
  }
  .bookstore-cards .card{
    min-height: 398px;
  }
  .bookstore-cards .btn.btn-big{
    margin: 65px 0 0;
  }
  
  .faq:after{
    bottom: -425px;
    background-size: 150px;
  }
  .faq .faq-accordion:after{
    background-size: 270px;
    bottom: -185px;
  }
  .faq .faq-accordion:before{
    background-size: 75px;
    bottom: -65px;
  }
  .faq:before{
    background-size: 145px;
    right: -125px;
    top: -55px;
  }
  .digital-authors{
    padding: 80px 0px 95px;
  }
  .digital-authors .figure .book-box .icon{
    font-size: var(--font-size-65);
  }
  .digital-authors .figure .book-box{
    width: 140px;
    height: 115px;
  }
  .features{
    overflow: hidden;
  }
  .features .card:after{
    right: -175px;
    bottom: -45px;
    background-size: 200px;
  }
  .opportunity{
    padding: 80px 0 25px;
  }
  .btn.btn-red{
    font-size: var(--font-size-18);
  }
  .rasing-bar{
    padding: 80px 0 90px;
  }
  .common-section.content-white .btn.btn-red.btn-big{
    width: 450px;
  }
  .testimonials{
    padding: 80px 0 85px;
  }
  .faq{
    padding: 80px 0px 95px;
  }
  .get-more-readers{
    padding: 90px 0 0;
  }
  .site-footer{
    padding: 30px 0 65px;
  }
  .opportunity .figure img{
    min-height: 608px;
  }
  /* Error 404 */
  .error-404-hero{
    padding: 90px 0px 110px;
  }
  .error-404-hero .text-big-section{
    margin: 0px;
  }
  .error-404-hero .text-big-section h1{
    font-size: 220px;
  }
  .error-404-hero .text-big-section h1:after{
    background-size: 596px;
    transform: translateY(272px);
  }
  .error-404-hero .text-big-section h1:before{
    margin: 10px 0px 0 10px;
    background-size: 300px;
  }
  /* Privacy Policy */
  .inner-hero-content h1{
    font-size: var(--font-size-34);
    line-height: var(--line-height-66);
  }
  .inner-pages-article .article h3{
    font-size: var(--font-size-35);
    line-height: var(--line-height-58);
    margin: 0 0 15px;
  }
  .inner-pages-article .article p, 
  .inner-pages-article .article h4, 
  .inner-pages-article .article ul.number-counter-list, 
  .inner-pages-article .article ul.no-counter, 
  .inner-pages-article .article ul.alphabetic-counter-list, 
  .inner-pages-article .article ul.dot-counter-list, 
  .inner-pages-article .article ul.circle-counter-list{
    margin: 0 0 18px;
  }
  .inner-pages-article .article h4{
    font-size: var(--font-size-19);
    line-height: var(--line-height-30);
  }
  .inner-pages-article.privacy-policy-article .privacy-policy-bottom-element{
    right: -215px;
    bottom: -205px;
    background-size: 130px;
  }
  .inner-pages-article.terms-conditions-article.privacy-policy-article:after{
    background-size: 100px;
    right: -185px;
  }
  .inner-pages-article.terms-conditions-article.privacy-policy-article:before{
    background-size: 100px;
  }
  /* Login */
  .form-heading h2{
    font-size: var(--font-size-36);
    line-height: var(--line-height-58);
  }
  .form-heading{
    margin: 0 0 20px;
    padding: 0 0 18px;
  }
  .form-label{
    font-size: var(--font-size-18);
  }
  .btn.btn-red.btn-submit{
    height: 62px;
    padding: 20px 15px;
    width: 300px;
  }
  .login-register-forms .login-form .form-check{
    margin: 15px auto 0px !important;
  }
  /* Features Page */
  .manage-digital-books .manage-digital-books-content .ball-3d{
    background-size: 85px;
    bottom: -100px;
    right: -50px;
  }
  .manage-digital-books:after{
    bottom: -31px;
    background-size: 130px;
  }
  .manage-digital-books .left-element{
    bottom: -106px;
    background-size: 40px;
  }
  .manage-digital-books:before{
    background-size: 120px;
    right: -85px;
  }
  .manage-digital-books .right-element{
    right: -25px;
    background-size: 45px;
    top: 18px;
  }
  .bookstore-cards.journey-steps-cards .card .polygon .shape-white{
    width: 109px;
    height: 129px;
  }
  .bookstore-cards.journey-steps-cards .card .polygon:after{
    width: 111px;
    height: 131px;
  }
  .bookstore-cards .card .polygon{
    margin: -65px 0 0;
    height: 130px;
  }
  .bookstore-cards.journey-steps-cards .card{
    min-height: auto;
    /*min-height: 450px;*/
  }
  /* Support Page */
  .contact-info ul.info-list > li,
  .contact-info ul.info-list > li a{
    font-size: var(--font-size-17);
    line-height: var(--line-height-28);
    margin: 0 0 35px;
  }
  .contact-info ul.info-list > li .icon{
    padding: 0 0 12px;
  }
}
@media screen and (max-width: 1300px){
.wrote-book-img{
  margin-top: 3px;
}
.selling-book h3{
  margin-left: 58px!important;
}
}

@media screen and (max-width: 1367px){
  .selling-book h3{
    margin-left: 26px!important;
  }
  .wrote-book-container .content{
    font-size: 18px;
  }
  .instantly-publish .container-fluid img{
    max-width: 615px;
    height: 666px;

}
.instantly-publish .figure{
  margin: -139px 0 0;
}
.instantly-publish .figure:before{
  background-size: 261px;
  left: 153px;
  top: 56px;
}
.wrote-book-card ul{
  width: 569px!important;
}
.wrote-book-img{
  width: 797px;
  margin-top: 5px;
}
.instantly-publish-content li{
  font-size: 18px;
  padding-top: 14px;
}
}

/* Medium Screens (Laptops, Desktop) */
@media screen and (max-width: 1280px) {
  /* Home Page */
  .container{
    max-width: var(--container-width-tablet);
  }
  .site-header .site-logo img{
    width: 150px;
  }
  .main-navbar-menu.navbar ul.navbar-nav > li.nav-item > a.nav-link,
  ul.login-register > li > a.btn{
    font-size: var(--font-size-16);
    line-height: var(--line-height-19);
  }
  ul.login-register > li > a.btn.btn-register{
    font-size: var(--font-size-14);
  }
  ul.login-register > li > a.btn{
    margin: 0 20px 0 0;
  }
  .main-navbar-menu.navbar ul.navbar-nav > li.nav-item > a.nav-link:before{
    transform: translateY(-43px);
  }
  .main-navbar-menu.navbar ul.navbar-nav > li.nav-item{
    margin: 0 45px 0 0;
  }
  .hero-banner .hero-content h1{
    font-size: var(--font-size-54);
    line-height: var(--line-height-64);
  }
  .btn.btn-red{
    height: 65px;
    font-size: var(--font-size-18);
    padding: 21px 20px;
    width: 290px;
  }
  .hero-banner .hero-content p{
    font-size: var(--font-size-18);
    line-height: var(--line-height-28);
    padding: 12px 0 26px;
  }
  .hero-banner:before{
    margin-top: 65px;
    background-size: 20px;
  }
  .instantly-publish .figure:before{
   
    top: 23px;
    left: 136px;
  }
  
  .instantly-publish .figure{
    margin: -104px 0 0;
  }
  .instantly-publish-content br{
    display: none;
  }
 
.digital-tool-card-content br{
  display: none;
}
.wrote-book-img {
  width: 683px;
  margin-top: 66px;
}
.wrote-book-card .hexagon{
  width: 60px;
  height: 76px;
}
.wrote-book-card{
  width: fit-content;
}
/* .worte-book-sub-card{
  width: fit-content;
} */
.keytab-banner-container{
  background-size: 100% 100%;
}
/* 
.worte-book-sub-card .content{
  padding: 35px 81px 35px 50px;
} */
/* .worte-book-sub-card .content h2{
  margin-left:30px;
} */
.digital-tool-card{
  border: 1px solid #E20408;
  background:#fff;
  border-top: 10px solid #E20408;
  border-radius: 20px;
}
ul.digital-tool-bullet .right-list-item:before{
  height:89.6%;
}
ul.digital-tool-bullet .first-list-item:before {
  height: 84%;
}
.keytabs-banner-content {
  padding: 20px 59px 0px 95px;
}
.keytabs-banner {
  padding: 207px 0px 74px 0px;
}
  .common-section h2{
    font-size: var(--font-size-32);
    line-height: var(--line-height-42);
  }
  .common-section p, 
  .testimonials .owl-carousel .testimonials-item-content p, 
  .site-footer .site-footer-content p,
  .bookstore-cards .card p{
    font-size: var(--font-size-17);
    line-height: var(--line-height-27);
  }
  .digital-bookstore:before{
    background-size: 150px;
  }
  .digital-bookstore:after{
    background-size: 200px;
    right: -135px;
    bottom: -225px;
  }
  .bookstore-cards .card .polygon .shape-white .icon{
    font-size: var(--font-size-48);
  }
  .bookstore-cards .card .polygon .shape-white,
  .bookstore-cards .card .polygon .shape-red{
    width: 96px;
    height: 116px;
  }
  .bookstore-cards .card .polygon:before{
    left: -18px;
    top: 15px;
    background-size: 165px;
  }
  .bookstore-cards .card h3{
    padding: 25px 0 10px;
  }
  .bookstore-cards .card h3, 
  .faq-accordion .accordion-button, 
  .faq-accordion .accordion-button.collapsed,
  .opportunity .opportunity-content .accordion-item .accordion-button,
  .opportunity .opportunity-content .accordion-item .accordion-button.collapsed{
    font-size: var(--font-size-18);
    line-height: var(--line-height-24);
  }
  .bookstore-cards .card{
    padding: 0 20px 20px;
    min-height: 372px;
  }
  .container.container-big{
    max-width: var(--container-width-tablet);
  }
  .digital-authors .figure{
    margin: 0px;
  }
  .digital-authors .figure .book-box .icon{
    font-size: var(--font-size-46);
  }
  .digital-authors .figure .book-box{
    width: 105px;
    height: 80px;
  }
  .bookstore-cards .btn.btn-big{
    margin: 50px 0 0;
  }
  .instantly-publish .figure img{
    width: 561px;
  }
  .instantly-publish .container-fluid img{
    height: auto;
  }
  .instantly-publish .instantly-publish-content p{
    padding-bottom: 0px;
  }
  .digital-bookstore{
    padding: 60px 0 70px;
  }
  .digital-authors{
    padding: 60px 0px 75px;
  }
  .features .card-padder{
    padding: 70px 70px 70px 0;
  }
  .features .card{
    padding: 70px 70px 80px 0;
  }
  .features .card ul li .polygon .shape-red .icon{
    font-size: var(--font-size-34);
  }
  .features .card ul li .polygon .shape-red{
    width: 74px;
    height: 89px;
    left: 6px;
  }
  .features .card ul li .polygon .shape-white{
    width: 119px;
    height: 140px;
    left: -14px;
  }
  .features .card ul li{
    padding: 0 0 0 80px;
    margin: 0 0 25px;
  }
  .features .card ul li .features-content p{
    padding: 15px 0 0;
  }
  .features .card:after{
    right: -210px;
    bottom: -65px;
    background-size: 165px;
  }
  .features .card-padder{
    background-size: 1420px;
  }
  .opportunity{
    padding: 60px 0 20px;
  }
  .opportunity .figure img{
    min-height: auto;
  }
  .rasing-bar{
    padding: 60px 0 70px;
  }
  .common-section.content-white .btn.btn-red.btn-big{
    width: 420px;
  }
  .testimonials{
    padding: 60px 0 65px;
  }
  .testimonials .figure{
    margin: 0px;
  }
  .testimonials .testimonials-wrapper{
    padding: 0 0 0 70px;
  }
  .btn.btn-play .icon{
    font-size: var(--font-size-22);
  }
  .btn.btn-play{
    width: 78px;
    height: 78px;
  }
  .testimonials .figure .btn.btn-play{
    right: -44px;
  }
  .btn.btn-play:after{
    width: 85px;
    height: 85px;
  }
  @keyframes glowing {
    0% {
      width: 80px;
      height: 80px;
      opacity: 0.8;
    }
    25% {
      width: 95px;
      height: 95px;
      opacity: 1;
    }
    50% {
      width: 105px;
      height: 105px;
      opacity: 0.8;
    }
    50% {
      width: 115px;
      height: 115px;
      opacity: 0.5;
    }
    100% {
      width: 125px;
      height: 125px;
      opacity: 0.1;
    }
  }
  .testimonials .figure:before{
    left: -62px;
    top: 235px;
    background-size: 200px;
  }
  .testimonials .owl-carousel.owl-theme .owl-dots .owl-dot.active:after{
    width: 79px;
    height: 94px;
  }
  .testimonials .owl-carousel.owl-theme .owl-dots .owl-dot{
    margin: 0 16px;
  }
  .testimonials .owl-carousel.owl-theme .owl-dots .owl-dot span{
    width: 57px;
    height: 68px;
  }
  .testimonials .owl-carousel .testimonials-item-content h6{
    font-size: var(--font-size-16);
    line-height: var(--line-height-30);
  }
  .testimonials .owl-carousel .testimonials-item-content h6 .star-rating .bi{
    font-size: var(--font-size-14);
  }
  .testimonials .owl-carousel .testimonials-item-content{
    padding: 18px 20px 18px 30px;
  }
  .testimonials .owl-carousel .testimonials-item-content:before{
    background-size: 36px;
    right: 16px;
  }
  .testimonials .owl-carousel .testimonials-item-content .mCustomScrollbar{
    height: 90px;
  }
  .faq{
    padding: 60px 0px 85px;
  }
  .faq .faq-content{
    padding: 0 0 50px;
  }
  .faq-accordion .accordion{
    padding: 0 30px !important;
    border-top-width: 5px;
    border-bottom-width: 5px;
  }
  .faq-accordion .accordion-button,
  .faq-accordion .accordion-button.collapsed{
    padding: 25px 0px 21px;
  }
  .faq-accordion .accordion-body{
    padding: 20px;
  }
  .opportunity .opportunity-content .accordion-item .accordion-button{
    padding: 22px 20px 18px;
  }
  .opportunity .opportunity-content .accordion-body{
    padding: 20px 35px 0;
  }
  .opportunity .opportunity-content .accordion-item{
    margin: 0 0 20px;
  }
  .faq .faq-accordion:before{
    background-size: 50px;
    bottom: -176px;
  }
  .faq .faq-accordion:after{
    background-size: 230px;
    bottom: -210px;
  }
  .get-more-readers{
    padding: 70px 0 0;
  }
  .site-footer .site-footer-content{
    padding: 25px 0 0 30px;
  }
  .site-footer .footer-logo img{
    width: 160px;
  }
  .site-footer .copyright p,
  .site-footer .site-footer-content p{
    font-size: var(--font-size-15);
    line-height: var(--line-height-26);
  }
  .site-footer ul.footer-nav > li{
    margin: 0 20px;
  }
  .site-footer ul.footer-nav > li:after{
    right: -20px;
  }
  .site-footer ul.footer-nav > li > a{
    font-size: var(--font-size-15);
  }
  .site-footer ul.social-nav{
    margin: 6px 0 0 15px;
  }
  .site-footer ul.social-nav > li > a .icon{
    font-size: var(--font-size-17);
  }
  .site-footer{
    padding: 25px 0 40px;
  }
  .btn.btn-back-to-top{
    width: 45px;
    height: 45px;
  }
  /* Error 404 */
  .error-404-hero{
    padding: 80px 0px 100px;
  }
  .error-404-hero .text-big-section h1{
    font-size: 200px;
  }
  .error-404-hero .text-big-section h1:after{
    background-size: 542px;
    transform: translateY(265px);
  }
  .error-404-hero .text-big-section h1:before{
    margin: 20px 0px 0 30px;
    background-size: 270px;
  }
  /* Privacy Policy */
  .inner-pages-article .article{
    padding: 80px 0px 50px;
  }
  /* Terms and Condition */
  .inner-pages-article.terms-conditions-article:before,
  .inner-pages-article.terms-conditions-article:after{
    display: none;
  }
  .inner-pages-article.terms-conditions-article .terms-conditions-bottom-element{
    left: -50px;
    bottom: -200px;
    background-size: 140px;
  }
  .inner-pages-hero.terms-conditions-hero:after{
    bottom: -245px;
    background-size: 120px;
    width: 120px;
  }
  /* Login */
  .form-heading h2{
    font-size: var(--font-size-34);
    line-height: var(--line-height-54);
  }
  .login-register-forms{
    padding: 52px 0 75px;
  }
  .form-heading{
    margin: 0 0 15px;
    padding: 0 0 15px;
  }
  .form-label{
    font-size: var(--font-size-17);
    margin: 0 0 10px;
  }
  .form-control, 
  .mb-3{
    margin: 0px 0px 12px !important;
  }
  .login-register-forms:before{
    bottom: -98px;
    background-size: 200px;
  }
  .login-register-forms:after{
    right: -150px;
    bottom: -75px;
    background-size: 230px;
  }
  /* Features Page */
  .manage-digital-books:after{
    bottom: -38px;
    background-size: 110px;
  }
  .manage-digital-books .left-element{
    bottom: -132px;
    background-size: 35px;
    left: -6px;
  }
  .manage-digital-books:before{
    background-size: 104px;
    right: -100px;
  }
  .manage-digital-books .right-element{
    right: -30px;
    background-size: 40px;
    top: 15px;
  }
  .manage-digital-books .manage-digital-books-content .ball-3d{
    background-size: 75px;
  }
  .bookstore-cards.journey-steps-cards .card .polygon .shape-white{
    width: 94px;
    height: 114px;
  }
  .bookstore-cards.journey-steps-cards .card .polygon:after{
    width: 96px;
    height: 116px;
  }
  .bookstore-cards .card .polygon{
    margin: -57px 0 0;
    height: 115px;
  }
  .bookstore-cards.journey-steps-cards .card:after{
    background-size: 180px;
    bottom: -60px;
    margin-left: 25px;
  }
  .bookstore-cards.journey-steps-cards .card{
    /*min-height: 440px;*/
    min-height: auto;
  }
  /* Support Page */
  .get-in-touch:before{
    background-size: 80px;
  }
  .contact-info:after{
    background-size: 260px;
    right: -225px;
    bottom: -165px;
  }
  .support-form .form-heading h2, 
  .contact-info h2{
    font-size: var(--font-size-21);
    line-height: var(--line-height-66);
  }
  .support-form .form-heading h2 .icon{
    font-size: var(--font-size-42);
  }
  .contact-info ul.social-list > li{
    margin: 0 15px 0 0;
  }
  .contact-info ul.social-list > li a{
    width: 40px;
    height: 40px;
  }
  .contact-info ul.info-list > li .icon{
    font-size: var(--font-size-30);
  }
  .contact-info ul.social-list > li a .icon{
    font-size: var(--font-size-18);
  }
  .contact-info ul.social-list{
    height: 80px;
    padding: 20px 0px;
  }
}
@media screen and (max-width: 1200px) {
  .instantly-publish .figure img{
    width:520px;
  }
  .instantly-publish .figure:before {
    top: 41px;
    left: 128px;
    background-size: 230px;
}
.instantly-publish-content li{
  font-size: 16px;
  padding-top: 9px;
}
.selling-book h3{
  margin-left: 12px!important;;
}
.wrote-book-img{
  width: 647px;
    margin-top: 97px;


}
.features .card br{
  display: none;
}
.instantly-publish .figure {
  margin: -117px 0 0;
}
.keytabs-banner-content{

}
.keytabs-banner{
  padding: 207px 0px 74px 0px!important;
}
.keytabs-banner-content{
  padding: 20px 59px 0px 95px!important;
}
}
/* Medium Screens (Tablets, Small Desktop) */
@media screen and (max-width: 1024px) {
  /* Home Page */
  .container,
  .container.container-big{
    max-width: var(--container-width-full);
  }
  .hero-banner:before{
    display: none;
  }
  .pl-0{
    padding-left: var(--bs-gutter-x,.75rem)!important;
  }
  .site-header{
    padding: 12px 0px;
  }
  .site-header .site-logo img{
    width: 180px;
  }
  .main-navbar-menu.navbar ul.navbar-nav > li.nav-item > a.nav-link:before{
    transform: translateY(-29px);
  }
  .site-header .navbar{
    padding: 0 0;
    margin: 8px 0 0;
  }
  ul.login-register{
    margin: 8px 0 0;
  }
  .hero-banner .hero-content h1{
    font-size: var(--font-size-44);
    line-height: var(--line-height-54);
  }
  ul.take-control-content-bullet{
    width: auto;
  }
  .wrote-book-img {
    width: 567px;
    margin-top: 162px;
}
.instantly-publish-content li{
  padding-top: 6px;
  line-height: 25px;
}
.selling-book h3 {
  margin-left: 53px!important;
  font-size: 21px;
}
.worte-book-sub-card{
  width: initial;
}
  /* .worte-book-sub-card .content {
    padding: 30px 81px 30px 29px;
} */
.digital-tool-card{
  padding: 66px 49px 90px 40px;
}

.worte-book-sub-card .content h2 {
  margin-left: 24px;
}
  .btn.btn-red{
    height: 60px;
    font-size: var(--font-size-16);
    padding: 19px 20px;
    width: 260px;
  }
  .instantly-publish .container-fluid{
    padding-left: 20px;
  }
  .common-section h2{
    font-size: var(--font-size-30);
    line-height: var(--line-height-40);
  }
  .common-section p{
    padding: 12px 0 26px;
  }
  .btn.btn-red.btn-big{
    width: 310px;
  }
  .features .card ul li .features-content p{
    padding: 12px 0 0;
  }
  .bookstore-cards .card h3, 
  .faq-accordion .accordion-button, 
  .faq-accordion .accordion-button.collapsed, 
  .opportunity .opportunity-content .accordion-item .accordion-button, 
  .opportunity .opportunity-content .accordion-item .accordion-button.collapsed{
    font-size: var(--font-size-17);
    line-height: var(--line-height-21);
  }
  .common-section p, 
  .testimonials .owl-carousel .testimonials-item-content p, 
  .site-footer .site-footer-content p, 
  .bookstore-cards .card p{
    font-size: var(--font-size-16);
    line-height: var(--line-height-26);
  }
  .bookstore-cards .card p br{
    display: none;
  }
  .testimonials .owl-carousel{
    padding: 25px 0 0;
  }
  .bookstore-cards .card{
    min-height: 360px;
  }
  /* Error 404 */
  .error-404-hero{
    padding: 65px 0px 80px;
  }
  .error-404-hero .text-big-section h1{
    font-size: 180px;
  }
  .error-404-hero .text-big-section h1:after{
    background-size: 488px;
    transform: translateY(258px);
  }
  .error-404-hero .text-big-section h1:before{
    margin: 20px 0px 0 50px;
    background-size: 250px;
  }
  /* Privay Policy */
  .inner-hero-content h1{
    font-size: var(--font-size-32);
    line-height: var(--line-height-62);
  }
  .inner-pages-article .article h3{
    font-size: var(--font-size-33);
    line-height: var(--line-height-55);
  }
  .inner-pages-article.terms-conditions-article.privacy-policy-article:after,
  .inner-pages-article.terms-conditions-article.privacy-policy-article:before,{
    display: none;
  }
  /* Login */
  .form-heading h2{
    font-size: var(--font-size-32);
    line-height: var(--line-height-50);
  }
  .form-control{
    min-height: 44px;
  }
  .btn.btn-red.btn-submit{
    height: 60px;
    padding: 18px 15px;
    width: 290px;
  }
  .login-register-forms:before{
    bottom: -118px;
    background-size: 180px;
  }
  .login-register-forms:after{
    right: -185px;
    bottom: -95px;
    background-size: 190px;
  }
  /* Features Page */
  .bookstore-cards.journey-steps-cards .card.mt-160{
    margin: 125px 0 0;
  }
  .manage-digital-books .manage-digital-books-content .ball-3d{
    bottom: -120px;
    right: -25px;
  }
  .bookstore-cards{
    padding: 110px 0 0;
  }
  /* Support Page */
  .get-in-touch:before{
    background-size: 60px;
  }
  .contact-info ul.social-list{
    height: 70px;
    padding: 15px 0px;
  }
  .support-form .form-control{
    font-size: var(--font-size-16);
  }
  .contact-info:after{
    background-size: 215px;
    right: -265px;
    bottom: -195px;
  }
  .contact-info ul.info-list > li .icon{
    font-size: var(--font-size-28);
  }
  .support-form .mb-3{
    margin: 0px 0px 20px !important;
  }
  /*pricing page*/
  .pricing{
  		padding: 100px 20px;
  }
  .pricing .card .card-price h5{
  	font-size: var(--font-size-40);
  }
}

/* Medium Screens (Tablets) */
@media screen and (max-width: 991.98px) {
  /* Home Page */
  .site-header .row .col-sm-3{
    order: 1 !important;
  }
  .site-header .row .col-sm-4{
    order: 2 !important;
  }
  .site-header .row .col-sm-5{
    order: 3 !important;
  }
  .take-control-content-bullet br{
    display: none;
  }
  ul.login-register{
    margin: 2px -125px 0 0;
  }
  .site-header .navbar .navbar-toggler{
    border: var(--blue-col);
    background: var(--white-col);
    height: 40px;
    padding: 8px 5px;
    width: 45px;
  }
  .site-header .navbar .navbar-toggler:focus{
    box-shadow: 0 0 0 0rem;
  }
  .site-header .navbar{
    justify-content: end;
    margin: 0px 0 0;
  }
  .site-header .navbar .navbar-toggler .navbar-toggler-icon{
    position: relative;
    background: var(--blue-col);
    height: 2px;
    margin: -2.5px 0 0;
  }
  .site-header .navbar .navbar-toggler .navbar-toggler-icon:after,
  .site-header .navbar .navbar-toggler .navbar-toggler-icon:before{
    content: '';
    width: 100%;
    height: 2px;
    background: var(--blue-col);
    display: inline-block;
    position: absolute;
    top: -8px;
    left: 0px;
  }
  .site-header .navbar .navbar-toggler .navbar-toggler-icon:after{
    top: inherit;
    bottom: -8px;
  }
  .site-header .offcanvas{
    background: var(--blue-col);
  }
  .site-header .offcanvas-header .btn-close{
    position: relative;
    background: none;
    opacity: 1;
  }
  .site-header .offcanvas-header .btn-close:before{
    content: "\f659";
    color: var(--white-col);
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: var(--font-size-26);
    position: absolute;
    left: 5px;
    top: 5px;
  }
  .main-navbar-menu.navbar ul.navbar-nav > li.nav-item{
    margin: 0px;
    border-top: 1px solid var(--social-white-shade)
  }
  .main-navbar-menu.navbar ul.navbar-nav > li.nav-item > a.nav-link{
    font-size: var(--font-size-18);
    padding: 15px;
  }
  .main-navbar-menu.navbar ul.navbar-nav > li.nav-item > a.nav-link:before{
    display: none;
  }
  .site-header .offcanvas-body{
    padding: 18px 0px 0px;
  }
  .hero-banner .hero-content h1{
    font-size: var(--font-size-42);
    line-height: var(--line-height-52);
  }
  .hero-banner{
    padding: 70px 0 70px;
  }
  .instantly-publish .figure{
    margin: 45px 0 0 0;
  }
  .common-section h2{
    font-size: var(--font-size-28);
    line-height: var(--line-height-38);
  }
  .instantly-publish .figure:before{
    top: -125px;
    left: 17px;
    background-size: 158px;
  }
  ul.take-control-content-bullet .custom-bullet:before {
    height: 75%;
}
ul.take-control-content-bullet .bullet-second:before{
height: 75%;
}
ul.digital-tool-bullet .right-list-item:before{
  height: 91.2%;
}
ul.digital-tool-bullet .first-list-item:before {
  height: 85%;
}
.digital-tool-card{
  height: auto;
  padding: 66px 49px 49px 40px;
}
.keytabs-banner-content{
  padding: 68px 59px 0px 95px;
}
  .bookstore-cards .card{
    padding: 0 12px 12px;
    min-height: 415px;
  }
  .instantly-publish .figure img{
    width: 388px;
  }
  .selling-book h3{
    margin-left: 22px!important;
    font-size: 20px;
  }
  .wrote-book-img {
    width: 442px;
    margin-top: 275px;
}

.worte-book-sub-card .content b{
  font-size: var(--font-size-22);
  font-family: var(--tertiary-font-family);
}
.worte-book-sub-card .content h2{
  font-size: var(--font-size-22);
}
.worte-book-sub-card{
  margin-top: -245px;
}
  .worte-book-sub-card .content svg{
width: 15px;
  }
  .bookstore-cards .card .polygon{
    margin: -53px 0 0;
  }
  .bookstore-cards .card .polygon .shape-white, 
  .bookstore-cards .card .polygon .shape-red{
    width: 86px;
    height: 106px;
  }
  .bookstore-cards .card .polygon .shape-white .icon{
    font-size: var(--font-size-42);
  }
  .bookstore-cards .card .polygon:before{
    background-size: 150px;
  }
  .bookstore-cards .card h3{
    padding: 15px 0 10px;
    position: relative;
    z-index: 1;
  }
  .features .card{
    padding: 60px 60px 70px 0;
  }
  .features .card:after{
    right: -255px;
    bottom: -92px;
    background-size: 120px;
  }
  .bookstore-cards .card h3, 
  .faq-accordion .accordion-button, 
  .faq-accordion .accordion-button.collapsed, 
  .opportunity .opportunity-content .accordion-item .accordion-button, 
  .opportunity .opportunity-content .accordion-item .accordion-button.collapsed{
    font-size: var(--font-size-16);
    line-height: var(--line-height-23);
  }
  .get-more-readers .get-more-readers-content h2{
    padding: 0 0 15px;
  }
  .testimonials .testimonials-wrapper{
    max-width: 100%;
  }
  .testimonials .owl-carousel.owl-theme .owl-dots .owl-dot{
    margin: 0 10px;
  }
  .testimonials .owl-carousel.owl-theme .owl-dots .owl-dot,
  .testimonials .owl-carousel.owl-theme .owl-dots .owl-dot span{
    width: 46px;
    height: 57px;
  }
  .testimonials .owl-carousel.owl-theme .owl-dots .owl-dot.active:after{
    width: 63px;
    height: 74px;
  }
  .testimonials .figure:before{
    left: -52px;
    top: 175px;
    background-size: 160px;
  }
  .get-more-readers .get-more-readers-content{
    padding: 0 0 30px;
  }
  .faq .faq-accordion:before{
    display: none;
  }
  .faq-accordion .accordion-button.collapsed:after{
    right: -10px;
  }
  .opportunity .opportunity-content .accordion-item .accordion-button:after,
  .opportunity .opportunity-content .accordion-button.collapsed:after{
    right: 10px;
  }
  .opportunity .opportunity-content .accordion-item .accordion-button{
    padding: 22px 45px 18px 20px;
  }
  .site-footer .site-footer-content{
    padding: 5px 0 0 15px;
  }
  .site-footer ul.footer-nav > li{
    margin: 0 10px;
  }
  .site-footer ul.footer-nav > li:after{
    right: -10px;
  }
  .site-footer ul.social-nav{
    margin: 6px 0 0 0px;
    width: 100%;
    text-align: center;
  }
  /* Error 404 */
  .error-404-hero{
    padding: 55px 0px 65px;
  }
  .error-404-hero .text-big-section h1{
    font-size: 160px;
  }
  .error-404-hero .text-big-section h1:after{
    background-size: 435px;
    transform: translateY(252px);
  }
  .error-404-hero .text-big-section h1:before{
    background-size: 240px;
  }
  /* Privay Policy */
  .inner-pages-article .article{
    padding: 60px 0px 30px;
  }
  .inner-pages-article.privacy-policy-article .privacy-policy-bottom-element,
  .inner-pages-hero.terms-conditions-hero.privacy-policy-hero:after{
    display: none;
  }
  .inner-hero-content h1{
    font-size: var(--font-size-28);
    line-height: var(--line-height-54);
  }
  .inner-pages-hero{
    min-height: 160px;
    padding: 40px 0px;
  }
  .inner-pages-article .article h3{
    font-size: var(--font-size-30);
    line-height: var(--line-height-48);
  }
  .inner-pages-article .article{
    padding: 40px 0px 25px;
  }
  .inner-pages-article .article h4{
    font-size: var(--font-size-18);
    line-height: var(--line-height-28);
  }
  .inner-pages-article .article p, 
  .inner-pages-article .article h4, 
  .inner-pages-article .article ul.number-counter-list, 
  .inner-pages-article .article ul.no-counter, 
  .inner-pages-article .article ul.alphabetic-counter-list, 
  .inner-pages-article .article ul.dot-counter-list, 
  .inner-pages-article .article ul.circle-counter-list{
    margin: 0 0 15px;
  }
  .inner-pages-article .article ul > li > ul.inner-list-item{
    padding: 5px 0 0 25px;
  }
  .inner-pages-article .article ul.number-counter-list > li:before, 
  .inner-pages-article .article ul.alphabetic-counter-list > li:before, 
  .inner-pages-article .article p, .inner-pages-article .article ul.number-counter-list > li, 
  .inner-pages-article .article ul.no-counter > li, 
  .inner-pages-article .article ul.alphabetic-counter-list > li, 
  .inner-pages-article .article ul.dot-counter-list > li, 
  .inner-pages-article .article ul.circle-counter-list > li{
    font-size: var(--font-size-16);
    line-height: var(--line-height-28);
  }
  /* Terms and Condition */
  .inner-pages-article.terms-conditions-article .terms-conditions-bottom-element,
  .inner-pages-hero.terms-conditions-hero:after{
    display: none;
  }
  /* Login */
  .form-heading h2{
    font-size: var(--font-size-30);
    line-height: var(--line-height-46);
  }
  /* Features Page */
  .bookstore-cards.journey-steps-cards .card{
    /*min-height: 470px;*/
    min-height: auto;
  }
  .bookstore-cards.journey-steps-cards .card .polygon:after{
    width: 86px;
    height: 106px;
    top: -9px;
  }
  .bookstore-cards.journey-steps-cards .card .polygon .shape-white{
    width: 84px;
    height: 104px;
    top: -8px;
  }
  .bookstore-cards .card .polygon{
    height: 105px;
    margin: -51px 0 0;
  }
  .bookstore-cards{
    padding: 90px 0 0;
  }
  .bookstore-cards.journey-steps-cards .card.mt-160{
    margin: 100px 0 0;
  }
  /* Support Page */
  .get-in-touch .row.g-0 .col-sm-8{
    width: 62.666667%;
  }
  .get-in-touch .row.g-0 .col-sm-4{
    width: 37.333333%;
  }
  .contact-info ul.info-list{
    padding: 0 30px;
  }
  .support-block{
    padding: 16px 40px 40px;
  }
  .contact-info ul.social-list{
    height: 76px;
    padding: 18px 0px;
  }
}

@media screen and (max-width: 900px) {
  .worte-book-sub-card{
position: static;
margin-top: -41px;
margin-left: 63px ;
margin-right: 93px;
}
.wrote-book-card{
  width: auto;
}
.worte-book-sub-card .content {
  padding: 20px 81px 20px 29px;
align-items: center;
}
.worte-book-sub-card .content br{
  display: none;
}
.pricing .card .card-price{
	padding: 46px 40px 24px;
}
.pricing .card .card-price h5{
	font-size:var(--font-size-28);
}
}
@media screen and (max-width: 800px) {
ul.digital-tool-bullet li:before{
  height: 75%;

}
ul.take-control-content-bullet .bullet-third:before{
  height: 75%;
}
.selling-book h3 {
  margin-left: 32px!important;
  font-size: 18px;
}
.instantly-publish-content  h2{
  font-size: var(--font-size-25)!important;
}
.instantly-publish .figure {
  margin: 69px 0 0 0;
}
.instantly-publish .figure
{
  margin: 71px 0 0 0;
}
.instantly-publish .figure:before{
  top: -164px;
}

.wrote-book-img {
  width: 413px;
  margin-top: 303px;
}
.worte-book-sub-card .content b{
  font-size: var(--font-size-21);
}
.worte-book-sub-card .content h2{
  font-size: var(--font-size-21);
}
.selling-book h3 {
  margin-left: 39px!important;
  font-size: 18px;
}
.worte-book-sub-card .content b{
font-size: var(--font-size-20);
}
.worte-book-sub-card .content h2{
font-size: var(--font-size-20);

}
.keytabs-banner-content {
padding: 20px 59px 0px 35px!important;
}
}

@media screen and (max-width: 768px) {
  .selling-book h3 {
    margin-left: 50px!important;
    font-size: 16px;
}
.instantly-publish .figure {
  margin: 119px 0 0 0;
}
.wrote-book-img {
  margin-top: 340px;
}
.keytabs-banner-content {
  padding: 20px 30px 0px 50px!important;
}
ul.digital-tool-bullet .right-list-item:before {
  height: 91.7%;
}
ul.digital-tool-bullet .first-list-item:before{
  height: 86.5%;
}
ul.digital-tool-bullet .first-list-item:after{
  top: 0px;
}
}

/* Medium Screens (Tablets, Mobiles Landscape) */
@media screen and (max-width: 767.98px) {
  /* Home Page */
  .hero-banner .row .col,
  .instantly-publish .row .col,
  .bookstore-cards .row .col,
  .digital-authors .row .col-sm-6,
  .opportunity .row .col-sm-6,
  .testimonials .row .col-sm-4,
  .testimonials .row .col-sm-8,
  .get-more-readers .row .col{
    width: 100%;
    flex: 1 0 auto;
  }
  .hero-banner .row .col:first-child,
  .digital-authors .row .col-sm-6:first-child,
  .opportunity .row .col-sm-6:first-child{
    order: 2 !important;
  }
  .hero-banner .row .col:last-child,
  .digital-authors .row .col-sm-6:last-child,
  .opportunity .row .col-sm-6:last-child{
    order: 1 !important;
  }
  .hero-banner .figure img{
    width: 375px;
  }
  ul.digital-tool-bullet{
    font-size: var(--font-size-16);
    line-height: var(--line-height-24);
  }
  .hero-banner .hero-content h1 br,
  .hero-banner .hero-content p br{
    display: none;
  }
  .hero-banner .hero-content h1{
    font-size: var(--font-size-34);
    line-height: var(--line-height-44);
  }
  .hero-banner .hero-content.align-items-left{
    text-align: center!important;
    padding: 65px 0 0;
  }
  .instantly-publish .figure img{
    width: 100%;
    max-width: 100%;
    margin-top: 0px;
  }
  .instantly-publish .figure:before{
    top: -105px;
    left: 181px;
    background-size: 315px;

  }
  
  .digital-tool-card-content .common-section h2{
    text-align: center;
    align-items: center!important;
  }
  .instantly-publish .figure{
    padding: 0 0 0 50px;
    margin:10px 0 0  ;
  }
  .selling-book h3 {
    margin-left: 0px!important;
    font-size: 24px;
    text-align: center;
}
  
  .instantly-publish .container-fluid{
    padding-left:0px;
  }
  .common-section h2{
    font-size: var(--font-size-27);
    line-height: var(--line-height-36);
  }
  /* .common-section h2 br, */
  .common-section p br{
    display: none;
  }
  .instantly-publish .instantly-publish-content{
    max-width: 100%;
  }
  .instantly-publish .instantly-publish-content.align-items-left{
    text-align: left;
    padding: inherit;
  }
  .wrote-book{
    padding: 124px 0px 124px 0px;
  }
  .wrote-book-card{
    width: auto;
    padding: 57px 0px 63px 0px!important;

  }
  .wrote-book-card ul{
    width: auto!important;
  }
 
  .digital-tool-card{
    height: auto;
    padding: 66px 35px;
    background: #fff;
    border: 1px solid #E20408;
    border-top: 5px solid #E20408;
    border-radius: 20px;
  }
  .keytabs-banner-content{
    padding: 0px 0 0 0!important;
    flex-direction:column-reverse ;

  }
  .keytabs-banner-content .common-section{
    font-size: var(--font-size-16);
    line-height: var(--line-height-24);
  }
  .wrote-book-card .content{
    width: 80%;
    font-size: 16px;
  }
  .wrote-book-card .content br{
    display: none;
  }
  .instantly-publish-content h2,p{
    /* text-align: center; */
  }
  .instantly-publish-content h2{
    margin-top: 56px;
  }
  .keytabs-banner-content a{
    text-align: center;
  }
  .keytabs-banner-content .align-items-left{
    text-align: center;
  }
  .keytabs-banner-content li{
    display: block;
  }
  .wrote-book-content{
    padding: 0px 20px;
  }
  .take-control-content h2{
    margin-top: 52px;
    text-align: center;
  }
  .take-control-content  .sub-heading{
    text-align: center;
  }
  .pl-0{
    padding-left: var(--bs-gutter-x,.75rem);

  }
  .keytab-banner-container h2{
    font-size: var(--font-size-40);
  }
  .keytab-banner-container{
    padding: 91px 0;
  }
  .keytab-banner-container p{
    font-size: var(--font-size-16);
  }
  .worte-book-sub-card{
    width: inherit;
    margin-left: 0px;
  }
  .wrote-book-card .common-section h2{
    text-align: center;
  }
  .take-Control{
    padding: 52px 0px 135px 0px;
  }
  .digital-bookstore .common-section.heading-white h2{
    margin-bottom: 86px;
  }
  .wrote-book-img{
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    margin-top: 0px;
  }
  .worte-book-sub-card .content h2{
    font-size: var(--font-size-25);
  }
  .worte-book-sub-card .content b{
    font-size: var(--font-size-25);

  }
  ul.take-control-content-bullet{
    width: 93%;
    font-size: var(--font-size-16);
    line-height: var(--line-height-24);
  }
  .instantly-publish{
    padding: 0 0 40px;
  }
  .digital-bookstore{
    padding: 40px 0 50px;
  }
  .bookstore-cards .card{
    min-height: auto;
    padding: 0 15px 25px;
    margin: 0px auto 80px;
    width: 380px;
  }
  .bookstore-cards .row .col:last-child .card{
    margin-bottom: 0px;
  }
  .bookstore-cards{
    padding: 95px 0 0;
  }
  .bookstore-cards .btn.btn-big{
    margin: 35px 0 0;
  }
  .digital-authors{
    padding: 40px 0px 60px;
  }
  .digital-authors .digital-authors-content{
    max-width: 100%;
    padding: 25px 0 0;
  }
  .digital-authors .digital-authors-content.align-items-left{
    text-align: center;
  }
  .features .card{
    margin-left: calc(-100% + 45px);
    max-width: max-content;
    padding: 60px 45px 60px 0;
  }
  .features .card ul li .polygon .shape-white{
    width: 111px;
    height: 132px;
    left: -9px;
    top: -21px;
  }
  .features .card-padder{
    padding: 60px 60px 60px 0;
  }
  .features .card:after{
    display: none;
  }
  .btn.btn-red.btn-big{
    width: 270px;
    height: auto;
    font-size: var(--font-size-15);
    padding: 18px 20px;
  }
  .btn.btn-red{
    height: 56px;
    font-size: var(--font-size-15);
    padding: 17px 20px;
  }
  .features .card ul li{
    padding: 0 0 0 60px;
  }
  .features .card .btn.btn-red{
    margin: 25px 0 0 60px;
  }
  .opportunity{
    padding: 45px 0 50px;
  }
  .opportunity .figure img{
    width: 385px;
  }
  .opportunity .opportunity-heading{
    padding: 0 0 25px;
  }
  .rasing-bar{
    padding: 45px 0 55px;
  }
  .opportunity-content.common-section.align-items-left{
    text-align: center;
  }
  .common-section.content-white .btn.btn-red.btn-big{
    width: 380px;
  }
  .testimonials{
    padding: 55px 0 40px;
  }
  .testimonials .figure img{
    width: 285px;
  }
  .testimonials .testimonials-wrapper{
    padding: 30px 0 0;
  }
  .testimonials-heading.common-section.align-items-left{
    text-align: center;
  }
  .faq{
    padding: 40px 0px 55px;
  }
  .faq .faq-content{
    padding: 0 0 35px;
  }
  .faq-accordion .accordion-button, 
  .faq-accordion .accordion-button.collapsed{
    padding: 20px 0px 16px;
  }
  .faq-accordion .accordion-body{
    padding: 12px 20px;
  }
  .faq-accordion .accordion-button:after{
    right: -10px;
  }
  .faq-accordion .accordion-button:after,
  .faq-accordion .accordion-button.collapsed:after{
    font-size: var(--font-size-18);
  }
  .get-more-readers{
    padding: 40px 0 0;
  }
  .get-more-readers .get-more-readers-content.align-items-left{
    text-align: center;
  }
  .get-more-readers .figure img{
    width: 315px;
  }
  .get-more-readers .get-more-readers-content{
    padding: 0 0 35px;
  }
  .get-more-readers .figure{
    margin: 0 0 -5px;
  }
  .hero-banner .hero-content p{
    font-size: var(--font-size-17);
    line-height: var(--line-height-26);
  }
  .common-section p, 
  .testimonials .owl-carousel .testimonials-item-content p, 
  .site-footer .site-footer-content p, 
  .bookstore-cards .card p{
    font-size: var(--font-size-16);
    line-height: var(--line-height-24);
  }
  .site-footer .row .col-sm-3{
    width: 40%;
  }
  .site-footer .row .col-sm-9{
    width: 60%;
  }
  .site-footer .copyright{
    margin: 0px;
  }
  .site-footer .site-footer-content{
    padding: 5px 0 0 0px;
    margin: 0 0 0 -20px;
  }
  /* Error 404 */
  .error-404-hero{
    padding: 60px 0px;
  }
  .error-404-hero .row .col{
    width: 100%;
    flex: 1 0 auto;
  }
  .error-404-hero .row .col:last-child{
    order: 1 !important;
  }
  .error-404-hero .row .col:first-child{
    order: 2 !important;
  }
  .error-404-hero .text-big-section h1{
    line-height: 160px;
    text-align: center;
  }
  .error-404-content.common-section.align-items-left{
    text-align: center;
    position: relative;
    z-index: 2;
    padding: 20px 0 0;
  }
  /* Privay Policy */
  .inner-hero-content h1{
    font-size: var(--font-size-26);
    line-height: var(--line-height-46);
  }
  .inner-hero-content .breadcrumb-nav ol.breadcrumb > li.breadcrumb-item, 
  .inner-hero-content .breadcrumb-nav ol.breadcrumb > li.breadcrumb-item a{
    font-size: var(--font-size-15);
    line-height: var(--line-height-28);
  }
  .inner-pages-article .article h3{
    font-size: var(--font-size-26);
    line-height: var(--line-height-36);
  }
  .inner-pages-article .article h4{
    font-size: var(--font-size-17);
    line-height: var(--line-height-26);
  }
  /* Login Page */
  .form-heading h2 {
    font-size: var(--font-size-28);
    line-height: var(--line-height-40);
  }
  .form-label{
    font-size: var(--font-size-16);
  }
  .btn.btn-red.btn-submit{
    height: 56px;
    padding: 17px 15px;
    width: 270px;
  }
  .form-control{
    min-height: 42px;
  }
  .login-register-forms:before{
    bottom: -156px;
    background-size: 140px;
  }
  .login-register-forms:after{
    right: -217px;
    bottom: -107px;
    background-size: 160px;
  }
  .form-check-input, 
  .form-check-input[type=checkbox]{
    width: 20px;
    height: 20px;
    margin: 7px 0px 0 -27px;
  }
  .login-register-forms{
    padding: 40px 0;
  }
  /* Features Page */
  .manage-digital-books:before,
  .manage-digital-books:after,
  .manage-digital-books .left-element,
  .manage-digital-books .right-element,
  .digital-bookstore.journey-steps:before,
  .digital-bookstore.journey-steps:after,
  .bookstore-cards.journey-steps-cards .card:after{
    display: none;
  }
  .manage-digital-books{
    padding: 40px 0px 60px;
  }
  .manage-digital-books .manage-digital-books-content .ball-3d{
    bottom: -90px;
  }
  .bookstore-cards{
    padding: 0px 0 0;
    margin: -20px 0 0;
  }
  .bookstore-cards.journey-steps-cards .card,
  .bookstore-cards.journey-steps-cards .card.mt-160{
    min-height: auto;
    margin: 95px auto 0px;
  }
  .bookstore-cards.journey-steps-cards .card h3{
    padding: 20px 0 15px;
  }
  .digital-bookstore.journey-steps{
    background-repeat-y: repeat;
  }
  /* Support Page */
  .get-in-touch:before,
  .contact-info:after{
    display: none;
  }
  .get-in-touch{
    padding: 40px 0 0;
  }
  .get-in-touch .row.g-0 .col-sm-8,
  .get-in-touch .row.g-0 .col-sm-4{
    width: 100%;
  }
  .get-in-touch .row.g-0 .col-sm-4{
    order: 1 !important;
  }
  .get-in-touch .row.g-0 .col-sm-8{
    order: 2 !important;
  }
  .contact-info ul.social-list{
    height: auto;
    padding: 18px 0px 10px;
    position: static;
    margin: 50px 0 0;
  }
  .get-in-touch .get-in-touch-content{
    padding: 0 0 35px;
  }
  .contact-info ul.info-list{
    padding: 0 28%;
  }
  .contact-info ul.info-list > li, 
  .contact-info ul.info-list > li a{
    margin: 0 0 25px;
    font-size: var(--font-size-16);
  }
  .contact-info{
    margin: 0 -12px;
    width: auto;
  }
  .contact-info ul.info-list > li .icon{
    font-size: var(--font-size-25);
  }
  .support-block{
    padding: 16px 13.5% 40px;
  }
  .worte-book-sub-card .content{
    padding: 20px 81px 20px 29px;
  }
  ul.take-control-content-bullet .bullet-second:before {
    height: 65%;
}
ul.take-control-content-bullet .bullet-third:before {
  height: 65%;
}
ul.take-control-content-bullet .custom-bullet:before {
  height: 75%;
}
ul.digital-tool-bullet .first-list-item:before {
  height: 74.5%;
}
ul.digital-tool-bullet li:before {
  height: 65%;
}
ul.digital-tool-bullet .right-list-item:before {
  height: 86.7%;
}
/*pricing page*/
.pricing .tab-content .card .btn.btn-red{
	position: unset;
	transform:unset;
	margin-top: 30px;
}
.pricing .tab-content .card{
	margin-bottom: 50px;
}
.pricing{
	padding: 100px 0px;
}
.pricing ul.nav-tabs li.nav-item .nav-link{
	width: 70%;
	margin-top: 10px;
	border-radius: 100px;
}
.pricing ul.nav-tabs li.nav-item:last-child .nav-link{
	border-radius: 100px;
}
.pricing ul.nav-tabs li.nav-item .nav-link.active:before{
	left: 9px;
}
.pricing ul.nav-tabs li.nav-item:nth-of-type(5) .nav-link{
	border-radius: 100px;
}
.pricing ul.nav-tabs li.nav-item:first-child .nav-link{
	border-radius: 100px 100px 100px 100px!important;
}
.pricing ul.nav-tabs li.nav-item:nth-of-type(2) .nav-link{
	border-left: var(--blue-border);
    border-right: var(--blue-border);
}
.pricing ul.nav-tabs li.nav-item.annually_plans .nav-link.active:after, .pricing ul.nav-tabs li.nav-item.monthly_plans .nav-link.active:after{
	left: 15px;

}
.pricing ul.nav-tabs li.nav-item.annually_plans .nav-link:before, .pricing ul.nav-tabs li.nav-item.monthly_plans .nav-link:before{
	left: 12px;
}
.pricing .nav{
	flex-flow: column;
}
.pricing ul.nav-tabs li.nav-item .nav-link.active:after{
display: none;
}
.pricing ul.nav-tabs{
	width: 100%;
}
.pricing ul.nav-tabs li{
	width: 100%;
text-align: -webkit-center;
}
.pricing ul.nav-tabs li.nav-item .nav-link.active{
	border-color: var(--red-col);
}
.card-content{
	display: none;
}
.pricing .card .card-price h5{
	font-size: var(--font-size-40);
}
.testimonials .testimonials-wrapper{
  float: none;
}
}

/* Medium Screens (Mobiles Portrait) */
@media screen and (max-width: 575.98px) {
  /* Home Page */
  .site-header .offcanvas-end{
    width: 80%;
    max-width: 400px;
  }
  ul.login-register{
    display: none !important;
  }
  .site-header .navbar{
    margin: -50px 0 0;
  }
  .site-header .align-items-center{
    text-align: left;
  }
  .site-header .site-logo{
    display: inline-block;
    position: relative;
    z-index: 1;
  }
  ul.navbar-nav.visible-mobile-only{
    display: block !important;
  }
  ul.navbar-nav.visible-mobile-only li.nav-item{
    display: block;
    margin: 0px 0px 2px;
  }
  ul.navbar-nav.visible-mobile-only li.nav-item a{
    font-size: var(--font-size-18);
    line-height: var(--line-height-19);
    letter-spacing: var(--letter-spacing-04);
    text-transform: var(--text-capitalize);
    color: var(--white-col);
    font-family: var(--primary-font-family);
    font-weight: var(--font-weight-normal);
    padding: 15px;
    display: block;
    text-align: left;
  }
  ul.navbar-nav.visible-mobile-only ul.inner-nav-list-items li{
    margin: 0px;
    border-top: 1px solid var(--social-white-shade);
  }
  ul.navbar-nav.visible-mobile-only ul.inner-nav-list-items li:last-child{
    border-bottom: 1px solid var(--social-white-shade);
  }
  ul.navbar-nav.visible-mobile-only ul.inner-nav-list-items li a{
    padding: 15px;
  }
  ul.navbar-nav.visible-mobile-only ul.social-nav-list-items{
    margin: 15px 11px 0;
  }
  ul.navbar-nav.visible-mobile-only ul.social-nav-list-items li{
    margin: 0 4px 0 0;
  }
  ul.navbar-nav.visible-mobile-only ul.social-nav-list-items li a{
    padding: 6px;
  }
  ul.navbar-nav.visible-mobile-only ul.social-nav-list-items li a .icon{
    font-size: var(--font-size-20);
    color: var(--white-col);
  }
  .hero-banner .hero-content h1{
    font-size: var(--font-size-30);
    line-height: var(--line-height-40);
  }
  .common-section h2{
    font-size: var(--font-size-22);
    line-height: var(--line-height-24);
  }
  .bookstore-cards .card{
    width: 100%;
  }
  .features .row .col-sm-6{
    width: 100%;
    flex: 1 0 auto;
  }
  .features .card{
    margin-left: 0;
    max-width: 100%;
    padding: 25px 25px 35px 0;
  }
  .instantly-publish .figure img{
    
    width: 420px;
    margin-top:0px;
  }
  .instantly-publish .container-fluid img{
    height: auto;
  }
  .instantly-publish .figure:before{
    top: -36px;
    left: 156px;
    background-size: 241px;
  }
  .instantly-publish .figure{
    margin: 0px 0 0;
  }
  .worte-book-sub-card .content h2{
    font-size: var(--font-size-20);
  }
  .worte-book-sub-card .content b{
    font-size: var(--font-size-20);
  }
  .features .card-padder{
    padding: 45px 12px 45px 35px;
  }
  .instantly-publish .figure{

    overflow: hidden;
  }
  .features .card ul li .polygon .shape-red{
    width: 48px;
    height: 56px;
    left: 26px;
    top: 3px;
  }
  .features .card .btn.btn-red{
    margin: 25px 0 0 25px;
  }
  .features .card ul li .polygon .shape-white{
    width: 60px;
    height: 72px;
    left: 20px;
    top: -5px;
  }
  .features .card ul li{
    padding: 0 0 0 45px;
  }
  .features .card ul li .polygon{
    top: 5px;
  }
  .features .card ul li .polygon .shape-red .icon{
    font-size: var(--font-size-22);
  }
  .testimonials .figure .btn.btn-play{
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .common-section.content-white .btn.btn-red.btn-big{
    width: 100%;
    max-width: 380px;
  }
  .testimonials .owl-carousel .testimonials-item-content .mCustomScrollbar{
    height: 154px;
  }
  .features .card .btn.btn-red.btn-big{
    max-width: 218px;
  }
  .digital-authors .btn.btn-red.btn-big,
  .opportunity .opportunity-content .btn.btn-red{
    max-width: 270px;
  }
  .opportunity .opportunity-content .accordion-item .accordion-button{
    padding: 15px 35px 12px 15px;
  }
  .bookstore-cards .card h3, 
  .faq-accordion .accordion-button, 
  .faq-accordion .accordion-button.collapsed, 
  .opportunity .opportunity-content .accordion-item .accordion-button, 
  .opportunity .opportunity-content .accordion-item .accordion-button.collapsed{
    font-size: var(--font-size-16);
    line-height: var(--line-height-22);
  }
  .opportunity .opportunity-content .accordion-item .accordion-button:after, 
  .opportunity .opportunity-content .accordion-button.collapsed:after{
    font-size: var(--font-size-26);
  }
  .opportunity .opportunity-content .accordion-body{
    padding: 15px 30px 0;
    text-align: left;
  }
  .opportunity .opportunity-content .accordion-button .dot,
  .opportunity .opportunity-content .accordion-button.collapsed .dot{
    margin: 0 10px 0 0;
  }
  .opportunity .opportunity-content .accordion-item{
    margin: 0 0 15px;
  }
  .btn.btn-red.btn-big,
  .btn.btn-red{
    font-size: var(--font-size-14);
  }
  .faq-accordion .accordion-button, 
  .faq-accordion .accordion-button.collapsed{
    padding: 15px 0px 12px;
  }
  .faq-accordion .accordion{
    padding: 0 15px !important;
  }
  .faq-accordion .accordion-body{
    padding: 12px 15px;
  }
  .faq-accordion .accordion-button .dot,
  .faq-accordion .accordion-button.collapsed .dot{
    margin: 0 10px 0 0;
  }
  .faq-accordion .accordion-button:after,
  .faq-accordion .accordion-button.collapsed:after{
    right: -5px;
  }
  .btn.btn-red.btn-big{
    padding: 15px 20px;
    height: 52px;
    width: 100%;
    max-width: 220px;
  }
  .digital-tool-card-content .btn.btn-red.btn-big{
    height: auto;
    max-width: 100%!important;
  }
  .get-more-readers .btn.btn-red.btn-big{
    max-width: 236px;
  }
  .testimonials .owl-carousel .testimonials-item-content{
    padding: 15px;
  }
  .testimonials .owl-carousel.owl-theme .owl-dots .owl-dot{
    display: none;
  }
  .testimonials .owl-carousel.owl-theme .owl-nav{
    margin: 0 0;
  }
  .testimonials{
    padding: 55px 0 85px;
  }
  .testimonials .owl-carousel.owl-theme .owl-nav .testimonials-btn.testimonials-btn-prev{
    left: 50%;
    margin: 0 0 0 -45px;
  }
  .testimonials .owl-carousel.owl-theme .owl-nav .testimonials-btn.testimonials-btn-next{
    right: 50%;
    margin: 0 -45px 0 0;
  }
  .testimonials .owl-carousel.owl-theme .owl-nav .testimonials-btn.testimonials-btn-prev:after,
  .testimonials .owl-carousel.owl-theme .owl-nav .testimonials-btn.testimonials-btn-next:after{
    background: var(--red-col);
    padding: 5px;
    color: var(--white-col);
  }
  .testimonials .owl-carousel.owl-theme .owl-nav .testimonials-btn.testimonials-btn-prev:hover:after,
  .testimonials .owl-carousel.owl-theme .owl-nav .testimonials-btn.testimonials-btn-next:hover:after{
    background: var(--blue-col);
  }
  .site-footer .row .col-sm-3,
  .site-footer .row .col-sm-9{
    width: 100%;
    flex: 1 0 auto;
  }
  .site-footer .footer-logo{
    text-align: center;
  }
  .site-footer .copyright.align-items-left{
    text-align: center;
  }
  .site-footer .site-footer-content{
    margin: 0;
  }
  .site-footer .copyright p, 
  .site-footer .site-footer-content p{
    font-size: var(--font-size-14);
    line-height: var(--line-height-23);
  }
  .site-footer{
    padding: 30px 0 20px;
  }
  .site-footer ul.footer-nav{
    overflow: visible;
    border-top: 1px solid var(--social-white-shade);
    margin: 5px 0 0;
    padding: 5px 0 0;
    border-bottom: 1px solid var(--social-white-shade);
    width: 100%;
  }
  .site-footer ul.footer-nav > li{
    display: block;
    width: 100%;
    margin: 0px;
  }
  .site-footer ul.footer-nav > li:after{
    right: 0;
  }
  .site-footer ul.footer-nav > li > a{
    font-size: var(--font-size-15);
    text-align: center;
    display: block;
  }
  .site-footer ul.footer-nav > li:after{
    display: none;
  }
  .site-footer ul.social-nav > li{
    margin: 0 1px;
  }
  .site-footer ul.social-nav{
        margin: 15px 0 0 0px;
  }
  .site-footer ul.social-nav > li > a .icon{
    background: var(--white-col);
    padding: 6px;
    display: inline-block;
    color: var(--red-col);
    width: 30px;
    height: 30px;
  }
  /* Error 404 */
  .error-404-hero{
    padding: 40px 0px;
  }
  .error-404-hero .text-big-section h1{
    font-size: 108px;
    line-height: 130px;
  }
  .error-404-hero .text-big-section h1:after{
    background-size: 296px;
    transform: translateY(195px);
  }
  .error-404-hero .text-big-section h1:before{
    background-size: 180px;
    margin: 45px 0px 0 80px;
  }
  /* Privay Policy */
  .inner-pages-article .article{
    padding: 30px 0px 15px;
  }
  .inner-hero-content h1{
    font-size: var(--font-size-24);
    line-height: var(--line-height-44);
  }
  .inner-hero-content .breadcrumb-nav ol.breadcrumb > li.breadcrumb-item, 
  .inner-hero-content .breadcrumb-nav ol.breadcrumb > li.breadcrumb-item a{
    font-size: var(--font-size-14);
    line-height: var(--line-height-26);
  }
  .inner-pages-article .article h3{
    font-size: var(--font-size-24);
    line-height: var(--line-height-34);
  }
  .inner-pages-article .article ul.number-counter-list > li:before, 
  .inner-pages-article .article ul.alphabetic-counter-list > li:before, 
  .inner-pages-article .article p, .inner-pages-article .article ul.number-counter-list > li, 
  .inner-pages-article .article ul.no-counter > li, 
  .inner-pages-article .article ul.alphabetic-counter-list > li, 
  .inner-pages-article .article ul.dot-counter-list > li, 
  .inner-pages-article .article ul.circle-counter-list > li{
    font-size: var(--font-size-15);
    line-height: var(--line-height-26);
  }
  .inner-pages-article .article h4{
    font-size: var(--font-size-16);
    line-height: var(--line-height-24);
  }
  /* Login Page */
  .login-register-forms:before,
  .login-register-forms:after{
    display: none;
  }
  .login-register-forms .login-form, 
  .login-register-forms .register-form{
    width: 100%;
  }
  .form-heading h2 {
    font-size: var(--font-size-24);
    line-height: var(--line-height-36);
  }
  .form-label{
    font-size: var(--font-size-15);
    line-height: var(--line-height-20);
  }
  .form-heading{
    margin: 0 0 5px;
    padding: 0 0 10px
  }
  .form-control{
    font-size: var(--font-size-14);
  }
  .btn.btn-red.btn-submit{
    height: 52px;
    padding: 14px 15px;
    width: 240px;
  }
  /* Support Page */
  .contact-info ul.info-list{
    padding: 0px;
  }
  .contact-info .info-content{
    padding: 0 12px;
  }
  .support-block{
    padding: 16px 0px 40px;
  }
  .support-form .form-heading h2, 
  .contact-info h2{
    font-size: var(--font-size-19);
    line-height: var(--line-height-60);
  }
  .support-form .form-heading h2 .icon{
    font-size: var(--font-size-38);
  }
  .support-form .form-control{
    font-size: var(--font-size-14);
  }
  .support-form .mb-3{
    margin: 0px 0px 15px !important;
  }
  .contact-info ul.social-list > li a .icon{
    font-size: var(--font-size-16);
  }
  .contact-info ul.social-list > li a{
    width: 38px;
    height: 38px;
  }
  .contact-info ul.social-list > li{
    margin: 0 10px 0 0;
  }
  .contact-info ul.social-list{
    margin: 40px 0 0;
  }
  .keytab-banner-container{
    padding:92px 11px;
  }
  .keytab-banner-container h2{
    font-size: var(--font-size-30);
  }
  ul.digital-tool-bullet .first-list-item:before {
    height: 80.5%;
}
ul.digital-tool-bullet .right-list-item:before {
  height: 88.7%;
}
}
@media screen and (max-width: 540px) and (min-width:535px) {
ul.digital-tool-bullet .right-list-item:before {
  height: 86.3%;
}}
/* Medium Screens (Mobiles Portrait) */
@media screen and (max-width: 415px) {
  .instantly-publish .figure img{
    width: 420px;
    margin-top: 0px;

    
  }
  .digita-tool-right-content,.digita-tool-left-content{
    align-items: flex-start;
  }
  .worte-book-sub-card .content {
    padding: 20px 12px 20px 12px;
}
  .selling-book h3{
    font-size: 20px;
  }
  .instantly-publish .figure:before {
    top: -24px;
    left: 136px;
    background-size: 203px;
}
.wrote-book-container{
  align-items:flex-start;
}
.keytab-banner-container{
  margin-top: -291px;
  height: auto;
  background-size: cover;
  padding: 20px 11px;
  border-radius: 10px;
}
ul.take-control-content-bullet .bullet-second:before {
  height: 75%;
}
ul.take-control-content-bullet .custom-bullet:before {
  height: 80.6%;
}
ul.digital-tool-bullet .first-list-item:before {
  height: 86.5%;
}
ul.digital-tool-bullet li:before {
  height: 75%;
}
ul.digital-tool-bullet .right-list-item:before {
  height: 91.7%;
}
/*pricing*/
.pricing ul.nav-tabs li.nav-item .nav-link{
	width: 100%;
}
}
@media screen and (max-width: 394px) {
  .instantly-publish .figure:before {
    top: -9px;
    left: 134px;
    background-size: 164px;
  }
  ul.take-control-content-bullet .bullet-third:before {
    height: 75%;
}
ul.digital-tool-bullet .right-list-item:before {
  height: 92.5%;
}
}
@media screen and (max-width: 376px) {
  .instantly-publish .figure:before {
    top: -15px;
    left: 124px;
    margin-top: 4px;
  }
  ul.take-control-content-bullet .custom-bullet:before {
    height: 84.1%;
}
ul.digital-tool-bullet .right-list-item:before {
  height: 93.5%;
}
}
@media screen and (max-width: 360px) {
  .instantly-publish .figure img{
    margin-top: 3px;

  }
  ul.digital-tool-bullet .first-list-item:before {
    height: 89.9%;
}

}
@media screen and (max-width: 320px) {
  .instantly-publish .figure img{
    margin-top: 3px;

  }
  .instantly-publish .figure:before {
    top: -7px;
    left: 114px;
    margin-top: 4px;
    background-size: 139px;
  }
  .selling-book h3{
    margin-left: 0px!important;
  }
  ul.take-control-content-bullet li:before{
    height: 75%;
  }
  ul.take-control-content-bullet .bullet-second:before {
    height: 80.2%;
}
ul.digital-tool-bullet li:before {
  height: 80.5%;
}
ul.digital-tool-bullet .right-list-item:before {
  height: 95.1%;
}
.digital-tool-card .align-items-left h2{
  text-align: center!important;
}
.keytabs-banner-content .align-items-left{
  text-align: left;
}
}