/*
  Template Name: OLMO - Startup, Software & SaaS HTML5 Template
  Theme URL: https://themeforest.net/user/dsathemes
  Description: OLMO - Startup, Software & SaaS HTML5 Template
  Author: DSAThemes
  Author URL: https://themeforest.net/user/dsathemes
  Version: 1.5.0
  Website: www.dsathemes.com
  Tags: Responsive, HTML5, Bootstrap, DSAThemes, SaaS, Software, Startup, Creative, Mobile App, Freelancers, Digital Product
*/



/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 1399px) {

  .division { padding-left: 30px; padding-right: 30px; }

  /*------------------------------------------*/
  /*  TYPOGRAPHY
  /*------------------------------------------*/

  /* Button */
  .btn { padding: 0.85rem 1.35rem; }

  /*------------------------------------------*/
  /*  HEADER & NAVIGATION MENU
  /*------------------------------------------*/

  .headerwp, .wsmainwp { max-width: 1320px; }

}



/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 1281px) {

  

  .division1 { padding-left: 40px; padding-right: 40px; }

  /*------------------------------------------*/
  /*  HEADER & NAVIGATION MENU
  /*------------------------------------------*/

  /*.wsmainwp { padding-left: 50px; padding-right: 50px; }
  .headerwp { padding-left: 40px; padding-right: 40px; }
  .desktoplogo img { max-height: 38px; }*/

  /*------------------------------------------*/
  /*  CONTENT
  /*------------------------------------------*/

  /*.ct-01 .txt-block.left-column, .ct-05 .txt-block.left-column { padding-right: 100px; }
  .ct-01 .txt-block.right-column { padding-left: 100px; }*/

}



/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 992px) and (max-width: 1199.95px) {

  .division { padding-left: 10px; padding-right: 10px; }

  /*------------------------------------------*/
  /*  BASIC STYLES
  /*------------------------------------------*/

  .py-30 { padding-top: 24px; padding-bottom: 24px; }
  .py-35 { padding-top: 35px; padding-bottom: 35px; }
  .py-40 { padding-top: 35px; padding-bottom: 35px; }
  .py-50 { padding-top: 40px; padding-bottom: 40px; }
  .py-60 { padding-top: 50px; padding-bottom: 50px; }
  .py-70 { padding-top: 60px; padding-bottom: 60px; }
  .py-80 { padding-top: 70px; padding-bottom: 70px; }
  .py-90 { padding-top: 80px; padding-bottom: 80px; }
  .py-100 { padding-top: 90px; padding-bottom: 90px; }
  .py-110 { padding-top: 100px; padding-bottom: 100px; }
  .py-120 { padding-top: 110px; padding-bottom: 110px; }

  .pt-30 { padding-top: 24px; }
  .pt-35 { padding-top: 35px; }
  .pt-40 { padding-top: 35px; }
  .pt-50 { padding-top: 40px; }
  .pt-60 { padding-top: 50px; }
  .pt-70 { padding-top: 60px; }
  .pt-80 { padding-top: 70px; }
  .pt-90 { padding-top: 80px; }
  .pt-100 { padding-top: 90px; }
  .pt-110 { padding-top: 100px; }
  .pt-120 { padding-top: 110px; }

  .pb-30 { padding-bottom: 24px; }
  .pb-35 { padding-bottom: 35px; }
  .pb-40 { padding-bottom: 35px; }
  .pb-50 { padding-bottom: 40px; }
  .pb-60 { padding-bottom: 50px; }
  .pb-70 { padding-bottom: 60px; }
  .pb-80 { padding-bottom: 70px; }
  .pb-90 { padding-bottom: 80px; }
  .pb-100 { padding-bottom: 90px; }
  .pb-110 { padding-bottom: 100px; }
  .pb-120 { padding-bottom: 110px; }

  .px-30 { padding-left: 15px; padding-right: 15px; }
  .px-35 { padding-left: 20px; padding-right: 20px; }

  .mt-30 { margin-top: 24px; }
  .mt-40 { margin-top: 35px; }
  .mt-50 { margin-top: 40px; }
  .mt-60 { margin-top: 50px; }
  .mt-70 { margin-top: 60px; }
  .mt-80 { margin-top: 70px; }
  .mt-90 { margin-top: 80px; }
  .mt-100 { margin-top: 90px; }

  .mb-30 { margin-bottom: 24px; }
  .mb-40 { margin-bottom: 35px; }
  .mb-50 { margin-bottom: 40px; }
  .mb-60 { margin-bottom: 50px; }
  .mb-70 { margin-bottom: 60px; }
  .mb-80 { margin-bottom: 70px; }
  .mb-90 { margin-bottom: 80px; }
  .mb-100 { margin-bottom: 90px; }

  /*------------------------------------------*/
  /*  TYPOGRAPHY
  /*------------------------------------------*/

  .fs-17px { font-size: 1rem; }       /* 16px */
  .fs-18px { font-size: 1rem; }       /* 16px */
  .fs-19px { font-size: 1.0625rem; }  /* 17px */
  .fs-20px { font-size: 1.125rem; }   /* 18px */
  .fs-21px { font-size: 1.1875rem; }  /* 19px */
  .fs-22px { font-size: 1.25rem; }    /* 20px */
  .fs-23px { font-size: 1.375rem; }   /* 22px */
  .fs-24px { font-size: 1.4375rem; }  /* 23px */
  .fs-25px { font-size: 1.4375rem; }  /* 23px */
  .fs-26px { font-size: 1.5rem; }     /* 24px */
  .fs-27px { font-size: 1.5625rem; }  /* 25px */
  .fs-28px { font-size: 1.625rem; }   /* 26px */
  .fs-29px { font-size: 1.6875rem; }  /* 27px */
  .fs-30px { font-size: 1.75rem; }    /* 28px */
  .fs-32px { font-size: 1.875rem; }   /* 30px */
  .fs-34px { font-size: 2rem; }       /* 32px */
  .fs-36px, .fs-38px { font-size: 2.125rem; }  /* 34px */
  .fs-40px, .fs-42px { font-size: 2.25rem; }   /* 36px */
  .fs-44px, .fs-46px { font-size: 2.375rem; }  /* 38px */
  .fs-48px { font-size: 2.5rem; }     /* 40px */
  .fs-50px { font-size: 2.625rem; }   /* 42px */
  .fs-52px { font-size: 2.75rem; }    /* 44px */
  .fs-54px { font-size: 2.8125rem; }  /* 45px */
  .fs-56px { font-size: 2.875rem; }   /* 46px */
  .fs-58px { font-size: 3rem; }       /* 48px */
  .fs-60px { font-size: 3.125rem; }   /* 50px */
  .fs-62px { font-size: 3.25rem; }    /* 52px */
  .fs-64px { font-size: 3.375rem; }   /* 54px */
  .fs-66px { font-size: 3.5rem; }     /* 56px */
  .fs-68px { font-size: 3.625rem; }   /* 58px */
  .fs-70px { font-size: 3.75rem; }    /* 60px */
  .fs-72px { font-size: 3.875rem; }   /* 62px */
  .fs-74px { font-size: 4rem; }       /* 64px */
  .fs-76px { font-size: 4.125rem; }   /* 66px */
  .fs-78px { font-size: 4.25rem; }    /* 68px */
  .fs-80px { font-size: 4.375rem; }   /* 70px */
  .fs-82px { font-size: 4.5rem; }     /* 72px */
  .fs-84px { font-size: 4.625rem; }   /* 74px */
  .fs-86px { font-size: 4.75rem; }    /* 76px */
  .fs-88px { font-size: 4.875rem; }   /* 78px */
  .fs-90px { font-size: 5rem; }       /* 80px */
  .fs-92px { font-size: 5.125rem; }   /* 82px */
  .fs-94px { font-size: 5.25rem; }    /* 84px */
  .fs-96px { font-size: 5.375rem; }   /* 86px */
  .fs-98px { font-size: 5.5rem; }     /* 88px */
  .fs-100px { font-size: 5.625rem; }  /* 90px */

  /* Button */
  .btn, .btn.btn-md { font-size: 1.0625rem; padding: 0.935rem 1.25rem; }

  /* Video Popup Icon */
  .video-btn { width: 7rem; height: 7rem; margin-top: -3.5rem; margin-left: -3.5rem; }
  .video-btn [class^="flaticon-"]:before, .video-btn [class^="flaticon-"]:after {font-size: 5.5rem; line-height: 7rem!important; }

  /* Download Button */
  .os-btn { width: 330px; min-width: 330px; padding: 23px 22px; display: inline-flex; margin-bottom: 20px; }
  .os-btn-txt { padding-left: 18px; }
  .os-btn-ico img { max-height: 47px; }

  /* Section Badge */
  .section_badge { font-size: 0.875rem; margin-bottom: 32px; }
  .module_eyebrow { font-size: 0.9rem!important; padding: 11px 16px; margin-bottom: 32px; }

  /* Section Title */
  .title-01.mb-60 { margin-bottom: 50px; }
  .title-01.mb-70 { margin-bottom: 60px; }
  .title-01 p { margin: 12px 0 0; }
  .section-title p.px-30 { padding: 0; }

  /* Advantages */
  .advantages, .text-center .advantages { margin-top: 18px; }
  .advantages li p { font-size: 1rem; }
  .advantages li span { top: 0.5px; }

  /* Users Widget */
  .users-widget.mt-25 { margin-top: 20px; }
  .users-widget .u-ava img { max-height: 48px; }

  /*------------------------------------------*/
  /*  HEADER & NAVIGATION MENU 
  /*------------------------------------------*/

  .desktoplogo img { max-height: 34px; }

  /*------------------------------------------*/
  /*  HERO
  /*------------------------------------------*/

  /* HERO TEXT WIDGET */
  .txt-widget { margin-bottom: 42px; }
  .txt-widget a { font-size: 1rem; padding: 10px 16px; }
  .txt-widget span { top: 5px; right: 5px; }
  .txt-widget.ico-20 [class*="flaticon-"]:before, .txt-widget.ico-20 [class*="flaticon-"]:after { font-size: 1.35rem; }

  /* HERO AVATARS WIDGET */
  .hero-avatars-widget { font-size: 1.0625rem; margin-bottom: 30px; }
  .hero-avatars-widget img { max-height: 32px; }

  /* HERO QUICK FORM */
  .hero-section .quick-form { padding: 4px; }
  .hero-section .text-center .quick-form { margin: 0 6%; }
  .hero-section .text-center .quick-form.mx-30 { margin: 0 12%; }
  .hero-section .quick-form.form-half { margin-right: 3%; }
  .hero-section .quick-form .form-control { height: 56px; font-size: 1.125rem; }
  .hero-section .quick-form.form-half .form-control { font-size: 1.0625rem; padding: 0 14px; }
  .hero-section .quick-form .btn { height: 56px; font-size: 1.0625rem; padding: 12px 55px; }
  .hero-section .quick-form.form-half .btn { font-size: 1rem; padding: 13px 35px; }

  .hero-section .text-center .quick-form-msg { margin: 20px 0 -5px 0; }

  /* HERO-1 */
  .hero-1 { padding-top: 150px; padding-bottom: 110px; }
  .hero-1-txt { margin-top: 20px; }
  .hero-1-txt p.fs-19px { margin: 16px 0 22px; }
  .hero-1-img { margin-left: 5px; }

  /* HERO-2 */
  .hero-2 { padding-top: 150px; }
  .hero-2-txt { margin: -20px 10px 0 30px; }
  .hero-2-txt h1 { font-size: 3.1875rem; }
  .hero-2-txt p.fs-21px { font-size: 1.125rem; margin: 18px 0 22px; }
  .hero-2-img { margin: 0 10px -50px 0; }

  /* HERO-3 */
  .hero-3 { padding-top: 150px; }
  .hero-3-txt h1 { font-size: 2.95rem; }
  .hero-3-txt p.fs-19px { font-size: 1.05rem; margin: 16px 0 24px; }
  .hero-3-img { margin: 0 -100% -40px 10px; }

  /* HERO-4 */
  .hero-4 { padding-top: 150px; padding-bottom: 30px; }
  .hero-4-txt { margin-top: -10px; padding-right: 10%; }
  .hero-4-txt h1 { font-size: 3.35rem; margin-bottom: 18px; }
  .hero-4-txt p.fs-19px { font-size: 1.0625rem; }
  #hero-4-form { padding: 30px 22px 25px; margin: 0 0 -20px -10px; }
  .form-logo img { max-height: 32px; }
  #hero-4-form h2 { font-size: 1.85rem; }
  #hero-4-form p { font-size: 1.0625rem; margin: 12px 0 22px; }
  #hero-4-form .form-control { margin-bottom: 18px; }
  #hero-4-form .btn { height: 54px; font-size: 1.1rem; }

  /* HERO-5 */
  .hero-5 { padding-top: 150px; }
  .hero-5-data { width: 250px; top: 85px; right: -80px; }
  .hero-5-data li { padding: 22px 0; }
  .hero-5-data h1 { font-size: 2.125rem; }
  .hero-5-data span.fs-32px { font-size: 1.85rem; }
  .hero-5-data p { font-size: 1.125rem; margin-top: 10px; }
  .hero-5-img img { padding-right: 20px; }

  /* HERO-6 */
  .hero-6 { padding-top: 150px; }
  .hero-6-txt h1 { font-size: 2.85rem; }
  .hero-6-txt p.fs-20px { font-size: 1.0625rem; margin: 16px 0 24px; }
  .hero-6-img { margin-left: 0; }

  /* HERO-7 */
  .hero-7 { padding-top: 150px; margin-bottom: 50px; }
  .hero-7-txt { margin-top: -40px; margin-right: 2%; }
  .hero-7-txt h1 { font-size: 3.1875rem; }
  .hero-7-text { margin: 16px 0 24px; }
  .hero-7-text p.fs-19px { font-size: 1rem; }
  .hero-7-img { margin: 0 -100% -50px 0; }

  /* HERO-8 */
  .hero-8 { padding-top: 150px; }
  .hero-8-txt { margin: -45px 0 0 20px; }
  .hero-8-txt h1 { font-size: 3rem; }
  .hero-8-txt p.fs-19px { font-size: 1.0625rem; margin: 18px 0 22px; }
  .hero-8-img { margin: 0 10px -15px 0; }

  /* HERO-9 */
  .hero-9 { padding-top: 140px; }
  #hero-9-form { padding: 35px 32px 25px; margin: 0 40px 0 10px; }
  #hero-9-form h1 { font-size: 1.85rem; }
  #hero-9-form p { font-size: 1.0625rem; margin: 12px 0 22px; }
  #hero-9-form .form-control { margin-bottom: 18px; }
  #hero-9-form .btn { height: 54px; font-size: 1.1rem; }

  /* HERO-10 */
  .hero-10 { padding-top: 180px; margin-bottom: 100px; }
  .hero-10-txt h1 { font-size: 3.25rem; }
  .hero-10-txt p.fs-21px { font-size: 1.1875rem; margin: 18px 8% 24px; }
  .hero-10-img { margin: 50px 0 -100px; }

  /* HERO-11 */
  .hero-11 { padding-top: 150px; }
  .hero-11-txt { margin: 10px 0 0 10px; }
  .hero-11-txt h1 { font-size: 3.1875rem; }
  .hero-11-txt p.fs-19px { font-size: 1.0625rem; margin: 18px 0 22px; }
  .hero-11-img { margin-right: 10px; }

  /* HERO-12 */
  .hero-12 { padding-top: 180px; }
  .hero-12-txt { margin: 0 0 50px 5px; }
  .hero-12-txt h1 { font-size: 3.25rem; }
  .hero-12-txt p.fs-21px { font-size: 1.15rem; margin-top: 16px; }

  /* HERO-13 */
  .hero-13 { padding-top: 170px; margin-bottom: 40px; }
  .hero-13 .col-lg-4 { padding-right: 0; }
  .hero-13 h1 { font-size: 3.5rem; margin-bottom: 22px; }
  .hero-13-txt { margin-top: 40px; }
  .hero-13-text { margin-bottom: 20px; }
  .hero-13-text p.fs-19px { font-size: 1rem; }
  .hero-13-img { margin: 0 0 -40px 15px; }

  /* HERO-14 */
  .hero-14 { padding-top: 165px; padding-bottom: 115px; }
  .hero-14-txt { padding-left: 0; }
  .hero-14-txt h1 { font-size: 3.375rem; }
  .hero-14-txt p.fs-20px { font-size: 1.0625rem; margin: 15px 0 24px; }

  /* HERO-15 */
  .hero-15 { padding-top: 180px; }
  .hero-15-txt h1 { font-size: 3.75rem; }
  .hero-15-txt p.fs-21px { font-size: 1.1875rem; margin: 18px 2% 24px; }
  .hero-15-img { margin: 50px 0 -100px; }

  /* HERO-16 */
  .hero-16 { padding-top: 150px; }
  .hero-16-txt { margin: -20px 0 0 10px; }
  .hero-16-txt h1 { font-size: 3rem; }
  .hero-16-txt p.fs-20px { font-size: 1.0625rem; margin: 16px 0 24px; }
  .hero-16-img { margin-right: 10px; }

  /* HERO-17 */
  .hero-17 { padding-top: 170px; }
  .hero-17 h1 { font-size: 3.5rem; }
  .hero-17-txt { margin-top: 40px; }
  .hero-17-text { margin-bottom: 25px; }
  .hero-17-text p.fs-19px { font-size: 1rem; }
  .hero-17-img { margin: 0 -90% -70px 0; }

  /* HERO-18 */
  .hero-18 { padding-top: 160px; padding-bottom: 0; }
  .hero-18-txt { padding-right: 40px; padding-left: 15px; }
  .hero-18 h1 { font-size: 2.75rem; }
  .hero-18-txt p.fs-20px { font-size: 1.0625rem; margin: 16px 0 22px; }
  .hero-18-txt .advantages { margin-top: 5px; }
  .hero-18-img { padding-left: 10px; }

  /* HERO-19 */
  .hero-19 { padding-top: 150px; }
  .hero-19-txt { margin-top: -20px; }
  .hero-19-txt h1 { font-size: 3.1875rem; }
  .hero-19-text { margin: 16px 0 24px; }
  .hero-19-text p.fs-19px { font-size: 1rem; }
  .hero-19-img { margin: 0 -100% -70px 20px; }

  /* HERO-20 */
  .hero-20 { padding-top: 165px; padding-bottom: 115px; }
  .hero-20-txt { padding-left: 0; padding-right: 0; }
  .hero-20-txt h1 { font-size: 3.375rem; }
  .hero-20-txt p.fs-19px { font-size: 1.0625rem; margin: 20px 0 25px; }

  /* HERO-21 */
  .hero-21 { padding-top: 180px; margin-bottom: 100px; }
  .hero-21-txt { padding: 0 3%; }
  .hero-21-txt h1 { font-size: 3.1875rem; }
  .hero-21-txt p.fs-21px { font-size: 1.1875rem; margin: 18px 2% 24px; }
  .hero-21-img { margin: 50px 0 -100px; }

  /* HERO-22 */
  .hero-22-wrapper { padding: 80px 40px 0 40px; margin-top: 100px; margin-bottom: 30px; }
  .hero-22-txt { margin-top: -70px; }
  .hero-22-txt h1 { font-size: 2.7rem; }
  .hero-22-txt p.fs-19px { font-size: 1rem; margin: 14px 0 20px; }
  .hero-22-img { margin-bottom: -30px; }

  /* HERO-23 */
  .hero-23 { padding-top: 150px; padding-bottom: 100px; }
  .hero-23-txt { margin-top: 5px; padding-right: 0; }
  .hero-23-txt h1 { font-size: 2.75rem; }
  .hero-23-txt p.fs-19px { font-size: 1.0625rem; margin: 18px 0 22px 0; }
  .hero-23-img { margin-left: 10px; }

  /*------------------------------------------*/
  /*  CONTENT
  /*------------------------------------------*/

  /* ABOUT */
  .about-1-txt { margin-bottom: 50px; }
  .about-1-txt h1 { margin-bottom: 14px; }

  /* FEATURES */
  .fbox-3-wrapper { padding: 0; }

  /* FBOX-2 */
  .fbox-2 { padding-left: 0; }
  
  /* FBOX-3 */
  .fbox-3 .fbox-ico-wrap { margin-right: 20px; }
  .fbox-3 .fbox-ico span { font-size: 3.25rem; }

  /* FBOX-4 */
  .fbox-4 .fbox-img { padding-top: 30px; margin: 0 0 50px; } 
  .fbox-4 .fbox-img img { max-height: 158px; } 

  /* FBOX-6 */
  .fbox-6 { padding: 0 20px; } 
  .fbox-6.fb-2 { padding: 32px 20px; } 
  .ico-rounded { width: 92px; height: 92px; }
  .ico-rounded [class*="flaticon-"]:before,  .ico-rounded [class*="flaticon-"]:after { line-height: 92px!important; }
  .fbox-6 span.fs-70px { font-size: 3.5rem; }

  /* FBOX-7 */
  .fbox-7 { padding: 32px 20px; } 
  .fbox-7 a.tra-link { font-size: 1.0625rem; }

  /* FBOX-8 */
  .fbox-8 { padding: 28px 25px; }
  .fbox-8.fb-1 { margin-right: 0; }
  .fbox-8.fb-2 { margin-left: 0; }

  .fbox-1 .fbox-ico span, .fbox-2 .fbox-ico span { font-size: 3.375rem; }
  .fbox-5 .fbox-ico span { font-size: 3.85rem; }
  .fbox-1 .main-font, .fbox-2 .main-font, .fbox-4 .main-font { font-size: 1.375rem; margin: 16px 0 12px; }
  .fbox-5 span.main-font { margin: 16px 0 12px; }
  .fbox-6 span.main-font { margin: 24px 0 10px; }
  .fbox-8 span.main-font { margin-bottom: 10px; }

  /* CONTENT */
  .ct-03-wrapper { padding: 70px 40px; }
  .ct-03-wrapper .fbox-3.mb-35 { margin-bottom: 28px; }
  .ct-03-txt { padding-left: 0; }
  .ct-04 { margin-bottom: 90px; }

  .ct-01 .txt-block.left-column, .ct-05 .txt-block.left-column { padding-right: 10px; }
  .ct-01 .txt-block.right-column { padding-left: 10px; }

  .fea-box { width: 285px; margin-top: 20px; }
  .fea-box p span { margin-top: 8px; }

  .txt-block h2 { margin-bottom: 12px; }
  .txt-block span.main-font { margin: 16px 0; }
  .ct-02 .txt-block p { padding-right: 8%; }
  .ct-02 .txt-block.right-column p { padding-right: 0; }
  .txt-block .btn { margin-top: 8px; }

  /* Accordion */
  .txt-block .accordion { margin-top: 20px; }
  .txt-block .accordion-item { padding: 8px 0; }
  .txt-accordion .accordion-thumb:after, .txt-accordion .is-active .accordion-thumb:after { top: -3px; }

  /* Text Block Stat */
  .txt-block-stat { margin-top: 60px; }
  .txt-block-stat h2.statistic-number { font-size: 3.125rem; margin-bottom: 15px; }

  /* Tabs */
  .tabs-1 li { padding: 26px 28px; margin-bottom: 18px; border-radius: 10px; }
  .tabs-1 li span.main-font { margin: 0 0 10px; }

  /* CBOX-1 */
  .cbox-1-wrapper { margin-left: 20px; }
  .cbox-1 { padding: 30px 25px; margin: 0 3%; }
  .cbox-1 hr { margin-top: 28px; margin-bottom: 22px; }

  .cbox-1-title span.main-font { margin-bottom: 25px; }
  .cbox-1-title h2.fs-56px { font-size: 3rem; }
  .cbox-1 .statistic-number sup { font-size: 3rem; top: -2px; margin-right: 8px; }
  .cbox-1-title p.ico-10 { font-size: 1.1rem; }
  .cbox-1-img { margin-top: 25px; }

  .ct-01 .img-block.right-column { margin-left: 15px; }
  .ct-01 .img-block.left-column { margin-right: 15px; }
  .ct-02 .img-block.left-column { margin-right: 0; }
  .ct-02 .img-block.right-column { margin-left: 0; }
  .ct-03-img.left-column { margin-right: 0; }
  .ct-03-img.right-column { margin-left: 0; }
  .ct-04 .img-block { margin-bottom: -90px; }
  .ct-05 .img-block img { max-width: 220%; margin-left: 25px; }

  /* TEAM */
  .tm-1, .tm-2, .tm-3, .tm-4 { margin-bottom: 40px; }
  .team-member-photo { margin-bottom: 18px; }
  .team-member-data { padding: 0 6px; }
  .team-member-data span.main-font { font-size: 1.375rem; }

  /* PROJECTS */
  .projects-1 .masonry-item, .projects-2 .masonry-item { padding: 0 12px; }
  .projects-1 .project-txt { margin-top: 20px; padding: 0 0 0 10px; }
  .projects-2 .project-txt { padding: 15px 60px 0 20px; }
  .projects-1 .project-txt span.main-font { font-size: 1.375rem; }
  .projects-2 .project-txt p { font-size: 1.1rem; margin-bottom: 18px; }
  .project-rating { margin-top: 16px; }
  .project-rating span { font-size: 1.0625rem; }
  .project-rating small { top: -1.5px; left: 5px; font-size: 1.0625rem; }
  .projects-1 .more-btn { margin-top: 15px; }

  /* PROJECT DETAILS */
  .project-title h1 { padding-right: 20%; margin-bottom: 30px; }
  .project-data { margin: 30px 0 40px; }

  .project-description span.main-font.fs-26px { margin: 18px 0; }
  .project-inner-img { margin: 35px 0; }
  .project-share-icons { margin-top: 50px; padding-top: 40px; }

  #project-details .more-projects span.main-font { font-size: 1.75rem; }
  #project-details .more-projects span.fs-22px { font-size: 1.175rem; top: 2px; left: 2px; }

  /* INTEGRATIONS */
  .int_tool-1 { padding: 30px 25px; }
  .int_tool-1 img { max-height: 56px; }
  .int_tool-1 span.main-font { margin: 22px 0 12px; }

  /* TESTIMONIALS */
  .reviews-wrapper:after { width: 90%; left: 5%; border-radius: 10px; }

  .review-1 { padding: 28px 17px; margin: 0 9px 30px; }
  .review-2 { padding: 28px 17px 17px; margin: 0 9px 30px; }

  .review-1 .review-ico { top: 3px; right: 20px; }
  .review-source { top: 20px; right: 16px; }
  .review-source img, .owl-item .review-source img { max-height: 26px; }

  .review-1 .review-avatar img, .review-2 .review-avatar img { width: 52px; height: 52px; }
  .review-1 .review-txt p, .review-2 .review-txt p { font-size: 1rem; margin-bottom: 16px; }
  .review-2 .review-txt p { margin-bottom: 10px; }

  .review-2 .author-data { margin-bottom: 14px; }
  .review-author { margin-left: 18px; }
  .review-author p, .review-2 .review-author p { font-size: 1.1rem; margin-bottom: 8px; }
  .review-author span { font-size: 1.05rem; }

  .review-1 .star-rating { margin-bottom: 8px; }
  .reviews-section .star-rating [class^="flaticon-"]:before,
  .reviews-section .star-rating [class^="flaticon-"]:after { font-size: 1rem; }

  /* BRANDS */
  .brands-2-wrapper { padding: 0 8%; }
  .brands-title { margin-bottom: 35px; }
  .brands-1 .loop_carousel_left img { height: 3.5rem; padding: 0 18px; }
  .brands-2-wrapper .brand-logo { width: 20%; padding: 0 15px; }

  /* STATISTIC */
  .statistic-block-digit { width: 34%; }
  .statistic-block-txt { width: 66%; padding-left: 15px; padding-right: 0; }
  #stb-1-3 .statistic-block-txt { padding-left: 20px; }
  #stb-2-1 { padding-left: 12%; }
  .statistic-2 .txt-block h2 { font-size: 2.5rem; }
  .statistic-1-wrapper h2, .statistic-2-wrapper h2 { font-size: 3.125rem; }
  .statistic-1-wrapper p { font-size: 1.035rem; }

  /* PRICING */
  .pricing-1-table { padding: 28px 22px 30px; }
  .pricing-2-table { padding: 28px 22px 20px; }

  .pricing-discount { top: -4px; right: 0; padding: 7px 13px; }
  .pricing-discount span.main-font { font-size: 0.925rem; }

  .pricing-table-header span.main-font { margin-bottom: 20px; }

  .price span { font-size: 3.5rem; } 
  .price sup { font-size: 2.375rem; top: -5px; right: 2px; }
  .price sup.validity { font-size: 1.625rem; }

  .price p { margin-top: 12px; }
  .pricing-1-table hr, .pricing-2-table hr { margin-top: 20px; margin-bottom: 18px; }

  .pricing-features.mt-25 { margin-top: 20px; }
  .pricing-features li { padding: 9px 7px; }
  .pricing-features li p { font-size: 1.0625rem; }

  .pt-btn { margin-top: 15px; }

  /* Pricing Notice */
  .pricing-notice { margin-top: 50px; }
  .pricing-notice p { padding: 0 2%; }

  /* Pricing Toggle Button */
  .toggle-btn { margin-top: 20px; }
  .toggler-txt { font-size: 1.0625rem; line-height: 34px; }

  .switch-wrap { min-width: 53px; height: 34px; margin: 0 6px; }
  .switcher { font-size: 0.9rem; height: 34px; padding: 0 10px 0 30px; border-radius: 34px; }
  .switcher .show-annual, .switcher .show-monthly { line-height: 34px; }

  .switcher:before { left: 4px; bottom: 4px; width: 26px; height: 26px; }
  .switch-wrap input:checked + .switcher { padding: 0 30px 0 10px; }

  /* Pricing Compare */
  .table>:not(caption)>*>* { padding: 15px 0; }
  .comp-table .table-responsive.mb-50 { margin-bottom: 30px; }
  .comp-table .table-responsive thead th { font-size: 1.0625rem; }
  .comp-table .table-responsive tbody th { font-size: 1rem; }
  .comp-table .table-responsive tbody td { font-size: 1rem; top: 1px; }
  .comp-table .table-responsive tbody td span { top: 2px; }

  .table-responsive .ico-15 [class*="flaticon-"]:before, 
  .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.775rem; }

  .table-responsive .ico-20 [class*="flaticon-"]:before, 
  .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 1rem; }

  .payment-icons img { max-height: 33px; }
  .comp-table-payment span.main-font { margin-bottom: 10px; }
  .comp-table-payment p { font-size: 0.965rem; }

  /* RATING */
  .rating-1-wrapper { padding: 0 6%; }
  .rating-1-title { margin-bottom: 35px; }
  .rbox-1-img img { max-height: 35px; } 

  /* CHANGELOG */
  .version-release { margin-bottom: 60px; }
  .release-data { padding-bottom: 25px; margin-bottom: 25px; }
  .release-data span.main-font { margin-bottom: 30px; }
  .release-highlights p { font-size: 1.0625rem; }

  /* FAQs */
  .faqs-2-wrapper .left_column { padding-right: 0; }
  .faqs-2-wrapper .right_column { padding-left: 0; }

  .faq-1-title { padding-right: 14%; margin-top: 10px; }
  .faq-1-title p { margin: 14px 0 20px; }

  .faqs-section .accordion-thumb { padding: 20px 0; }
  .faqs-section .accordion-item .accordion-thumb:after,
  .faqs-section .accordion-item.is-active .accordion-thumb:after {
    font-size: 0.825rem; width: 30px; height: 30px; line-height: 30px; 
  }

  .faqs-2-wrapper .question.mb-30 { margin-bottom: 25px; }
  .faqs-2-wrapper span.main-font { margin-bottom: 8px; }
  .faqs-2-wrapper p.fs-19px { font-size: 1rem; }

  .more-questions { margin-top: 40px; }

  /* BLOG */
  #blog-page.pb-60 { padding-bottom: 40px; }
  .blog-1 .blog-post { padding: 0; }
  #blog-page .masonry-item { padding: 0 12px; margin-bottom: 40px; }
  .blog-post-txt { margin-top: 25px; }
  #blog-page .blog-post-txt { padding: 0 10px; }
  .post-meta { margin-bottom: 7px; }
  .blog-1 .post-link { font-size: 1.375rem; margin-bottom: 10px; }
  #blog-page .post-link { font-size: 1.375rem; }
  p.post-description { margin-bottom: 14px; }
  #blog-page p.post-comments { margin-top: 15px; }

  .posts-category { padding-bottom: 35px; margin-bottom: 50px; }

  /* Wide Post */
  .wide-post { padding: 16px; margin-bottom: 70px; }

  .featured-badge { width: 44px; height: 44px; line-height: 44px!important; padding: 0; }
  .featured-badge span { line-height: 48px!important; }

  #blog-page .wide-post .blog-post-txt { margin-left: -30px; padding-right: 20px; }
  .wide-post .post-meta { margin-bottom: 15px; }
  .wide-post .blog-post-txt h2 { margin-bottom: 10px; }
  #blog-page .wide-post p.post-comments { margin-top: 20px; }

  .wide-post .blog-post-img { padding-right: 35px; }

  /* SINGLE BLOG POST */
  .post-content { padding: 0 2%; }

  .single-post-title { padding-bottom: 35px; margin-bottom: 35px; }
  .single-post-title h1 { margin-bottom: 35px; }
  .author-avatar { margin-right: 20px; }
  .author-avatar img { width: 54px; height: 54px; }
  .post-title-meta span.main-font { font-size: 1.125rem; margin-bottom: 10px; }
  .post-title-meta p { font-size: 1.1rem; }

  .single-post-txt span.main-font.fs-20px { margin-bottom: 12px; }
  .single-post-txt span.main-font.fs-28px { margin-top: 18px; margin-bottom: 18px; }
  .simple-list p span { font-size: 1.0625rem; }

  .post-inner-img { margin: 35px 0; }

  .post-share-links { padding: 60px 0; }
  .post-tags-list span a { font-size: 1rem; padding: 8px 16px; }

  .author-info { margin-top: 70px; padding: 40px; }
  .author-info-txt span.fs-22px { margin-bottom: 5px; }
  .author-info-avatar { margin-right: 25px; }
  .author-info-avatar img { width: 70px; height: 70px; }
  .author-follow-btn { top: 35px; right: 40px; }

  #post-comments { padding-top: 70px; padding-bottom: 60px; }
  #post-comments img { width: 56px; height: 56px; }
  .comment-body { margin-left: 22px; }
  .comment-meta { margin-bottom: 7px; }
  .comment-date, .btn-reply a { font-size: 0.975rem; }
  .btn-reply.ico-20 [class*="flaticon-"]:before, .btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; }

  #leave-comment { margin-top: 70px; }
  .comment-form { margin-top: 45px; }
  .comment-form .form-control { height: 56px; font-size: 1.05rem; }
  .comment-form textarea { min-height: 190px; }

  .comment-form .btn { margin-top: 0; }

  /* BANNER */
  .banner-1-full { padding-top: 80px; padding-bottom: 90px; }
  .banner-1-wrapper { padding: 70px 30px 75px; } 
  .banner-2-wrapper { padding: 50px 45px; }
  .banner-3-wrapper { margin-top: 50px; }
  .banner-4-wrapper { padding: 70px 48px; }
  .banner-5-wrapper { padding: 40px 35px; margin: 0 12%; }

  .banner-3-full .banner-3-txt { padding-left: 15px; }

  .banner-1-full .banner-1-txt { padding: 0 3%; }
  .banner-3-txt .module_eyebrow { margin-bottom: 24px; }

  .banner-2-txt h2 { font-size: 2.5rem; }
  .banner-4-txt h2 { margin-bottom: 16px; }
  .banner-1-txt p.fs-20px { margin: 15px 3% 22px; }
  .banner-3-txt p.fs-20px { font-size: 1.0625rem; margin: 14px 0 20px; }

  .banner-3-txt .badge-img-xl .store img { max-height: 2.75rem; }
  .banner-3-img { margin-top: -50px; margin-bottom: -90px; }
  .banner-3-img.right-column { padding-left: 0; }

  .banner-4-txt .stores-badge { margin-top: 24px; }

  /* NEWSLETTER */
  .newsletter-1 .newsletter-txt { padding-right: 10px; }
  .newsletter-1 .newsletter-form { margin-top: 25px; padding-left: 0; }

  .newsletter-section .form-control { height: 60px; font-size: 1.15rem; }
  .newsletter-section .btn { height: 60px; font-size: 1.1rem; padding: 0.6rem 1.35rem; }

  /* CONTACTS */
  .contact-form p.fs-19px { margin-bottom: 10px; }
  .contact-form span.fs-17px { margin-bottom: 22px; }

  .contact-form .form-control, 
  .contact-form .form-select { height: 60px; font-size: 1.1rem; padding: 0 15px; margin-bottom: 30px; }

  /* FOOTER */
  .footer { padding-bottom: 35px; }
  .footer-1 .footer-links, .footer-2 .fl-1 { padding-left: 0; }
  .footer-2 .footer-connect { margin-right: -10px; }

  .footer span.main-font { font-size: 1.1875rem; margin-bottom: 16px; }
  .foo-links li p { margin-bottom: 6px; }

  img.footer-logo { max-height: 36px; margin-bottom: 16px; }
  .footer-qr-code { max-width: 92px; padding: 8px; margin-top: 0; }
  .footer-socials a { margin-right: 11px; }

  .footer hr { margin-top: 10px; margin-bottom: 35px; }
  .footer-form .form-control { font-size: 1.0625rem; }

  .bottom-footer-list li span { top: 2px; }

  /* INNER PAGE WRAPPER */
  .inner-page-hero { padding-top: 160px; }
  .page-hero-section { padding-top: 150px; padding-bottom: 90px; }

  .inner-page-title { padding-bottom: 65px; margin-bottom: 65px; }
  .inner-page-title p { font-size: 1.25rem; margin-top: 16px; }
  .page-hero-section h1 { line-height: 1.35; }
  .page-hero-section p { padding: 0 8%; margin-top: 12px; }

  /* TERMS, PRIVACY, COOKIES */
  .txt-block.legal-info { padding: 0 3%; }
  .txt-block.legal-info span.fs-28px { margin: 30px 0 12px; }
  .txt-block.legal-info span.fs-25px { margin: 15px 0; }
  .txt-block.legal-info span.fs-28px span, .txt-block.legal-info span.fs-25px span { margin-right: 2px; }

  /* PAGE 404 */
  #page-404 { padding-top: 175px; padding-bottom: 100px; }
  #page-404 h1.tra-header { font-size: 23rem; }
  #page-404 p { margin: 20px 12% 18px; }
  .page-404-img { margin-bottom: 35px; }
  .page-404-img img { max-height: 340px; left: 35px; }

  /* SIGN-IN / SIGN-UP PAGE */
  .login-2, .signup-2 { padding: 120px 0; }
  .login-3, .signup-3 { padding-bottom: 120px; }
  .login-2 .register-page-form, .signup-2 .register-page-form { padding: 40px 25px 35px; margin: 0 5%; }
  .login-3 .register-page-form { padding-right: 10px; }
  .signup-3 .register-page-form { padding-left: 10px; }

  .login-3 .register-page-logo, .signup-3 .register-page-logo { margin-bottom: 80px; }

  .register-form-title { margin-bottom: 24px; }
  .signup-2 .form-data { margin-left: 10px; }

  .btn-show-pass { top: 18px; right: 16px; }

  .form-notice { padding: 0 12%; margin-top: 35px; }

  .btn-register { font-size: 1.125rem; padding: 1.185rem 1.65rem; }
  .btn-register img { width: 18px; height: 18px; top: -1px; }

  /* RESET PASSWORD PAGE */
  .reset-pass-1 .reset-page-wrapper { padding: 170px 40px 130px; }
  .reset-pass-2 .reset-page-wrapper { padding-top: 80px; padding-bottom: 120px; }
  .reset-pass-2 .reset-form-wrap { margin: 60px 0 0 0; }
  .reset-password-img { padding-right: 20px; }

  .register-page-logo img { max-height: 34px; }

  .reset-page-wrapper .form-control, .register-page-form .form-control { height: 56px; font-size: 1.125rem; margin-bottom: 20px; }
  .reset-page-wrapper .btn.submit, #login .register-page-form .btn.submit, 
  #signup .register-page-form .btn.submit { height: 56px; font-size: 1.1rem; }

}



/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 768px) and (max-width: 991.98px) { 

  .division { padding-left: 12px; padding-right: 12px; }

  /*------------------------------------------*/
  /*  ANIMATION
  /*------------------------------------------*/

  .animate__animated {
    transition-property: none !important;
    transform: none !important;
    animation: none !important;
    opacity: 1;
  }

  .wow {
    animation-name: none!important;
    visibility: visible!important;
  }

  /*------------------------------------------*/
  /*  BASIC STYLES
  /*------------------------------------------*/

  .py-30 { padding-top: 24px; padding-bottom: 24px; }
  .py-35 { padding-top: 35px; padding-bottom: 35px; }
  .py-40 { padding-top: 35px; padding-bottom: 35px; }
  .py-50 { padding-top: 40px; padding-bottom: 40px; }
  .py-60 { padding-top: 50px; padding-bottom: 50px; }
  .py-70 { padding-top: 60px; padding-bottom: 60px; }
  .py-80 { padding-top: 70px; padding-bottom: 70px; }
  .py-90 { padding-top: 80px; padding-bottom: 80px; }
  .py-100 { padding-top: 90px; padding-bottom: 90px; }
  .py-110 { padding-top: 100px; padding-bottom: 100px; }
  .py-120 { padding-top: 105px; padding-bottom: 105px; }

  .pt-30 { padding-top: 24px; }
  .pt-35 { padding-top: 35px; }
  .pt-40 { padding-top: 35px; }
  .pt-50 { padding-top: 40px; }
  .pt-60 { padding-top: 50px; }
  .pt-70 { padding-top: 60px; }
  .pt-80 { padding-top: 70px; }
  .pt-90 { padding-top: 80px; }
  .pt-100 { padding-top: 90px; }
  .pt-110 { padding-top: 100px; }
  .pt-120 { padding-top: 105px; }

  .pb-30 { padding-bottom: 24px; }
  .pb-35 { padding-bottom: 35px; }
  .pb-40 { padding-bottom: 35px; }
  .pb-50 { padding-bottom: 40px; }
  .pb-60 { padding-bottom: 50px; }
  .pb-70 { padding-bottom: 60px; }
  .pb-80 { padding-bottom: 70px; }
  .pb-90 { padding-bottom: 80px; }
  .pb-100 { padding-bottom: 90px; }
  .pb-110 { padding-bottom: 100px; }
  .pb-120 { padding-bottom: 105px; }

  .px-30, .px-35 { padding-left: 0; padding-right: 0; }

  .mt-30 { margin-top: 24px; }
  .mt-40 { margin-top: 35px; }
  .mt-50 { margin-top: 40px; }
  .mt-60 { margin-top: 50px; }
  .mt-70 { margin-top: 60px; }
  .mt-80 { margin-top: 70px; }
  .mt-90 { margin-top: 80px; }
  .mt-100 { margin-top: 90px; }

  .mb-30 { margin-bottom: 24px; }
  .mb-40 { margin-bottom: 35px; }
  .mb-50 { margin-bottom: 40px; }
  .mb-60 { margin-bottom: 50px; }
  .mb-70 { margin-bottom: 60px; }
  .mb-80 { margin-bottom: 70px; }
  .mb-90 { margin-bottom: 80px; }
  .mb-100 { margin-bottom: 90px; }

  .mx-15, .mx-20 { margin-left: 0; margin-right: 0; }
  .mx-25, .mx-30, .mx-35, .mx-40, .mx-50, .mx-60, .mx-70, .mx-80 { margin-left: 15px; margin-right: 15px; }

  /*------------------------------------------*/
  /*  TYPOGRAPHY
  /*------------------------------------------*/

  .fs-18px { font-size: 1.0625rem; }  /* 17px */
  .fs-19px { font-size: 1.0625rem; }  /* 17px */
  .fs-20px { font-size: 1.125rem; }   /* 18px */
  .fs-21px { font-size: 1.1875rem; }  /* 19px */
  .fs-22px { font-size: 1.25rem; }    /* 20px */
  .fs-23px { font-size: 1.375rem; }   /* 22px */
  .fs-24px { font-size: 1.4375rem; }  /* 23px */
  .fs-25px { font-size: 1.4375rem; }  /* 23px */
  .fs-26px { font-size: 1.5rem; }     /* 24px */
  .fs-27px { font-size: 1.5625rem; }  /* 25px */
  .fs-28px { font-size: 1.625rem; }   /* 26px */
  .fs-29px { font-size: 1.6875rem; }  /* 27px */
  .fs-30px, .fs-32px { font-size: 1.75rem; }   /* 28px */
  .fs-34px, .fs-36px { font-size: 1.875rem; }  /* 30px */
  .fs-38px, .fs-40px { font-size: 2rem; }      /* 32px */
  .fs-42px, .fs-44px { font-size: 2.125rem; }  /* 34px */
  .fs-46px, .fs-48px { font-size: 2.25rem; }   /* 36px */
  .fs-50px { font-size: 2.3725rem; }  /* 38px */
  .fs-52px { font-size: 2.5rem; }     /* 40px */
  .fs-54px { font-size: 2.625rem; }   /* 42px */
  .fs-56px { font-size: 2.75rem; }    /* 44px */
  .fs-58px { font-size: 2.875rem; }   /* 46px */
  .fs-60px { font-size: 3rem; }       /* 48px */
  .fs-62px { font-size: 3.125rem; }   /* 50px */
  .fs-64px { font-size: 3.25rem; }    /* 52px */
  .fs-66px { font-size: 3.375rem; }   /* 54px */
  .fs-68px { font-size: 3.5rem; }     /* 56px */
  .fs-70px { font-size: 3.625rem; }   /* 58px */
  .fs-72px { font-size: 3.75rem; }    /* 60px */
  .fs-74px { font-size: 3.875rem; }   /* 62px */
  .fs-76px { font-size: 4rem; }       /* 64px */
  .fs-78px { font-size: 4.125rem; }   /* 66px */
  .fs-80px { font-size: 4.25rem; }    /* 68px */
  .fs-82px { font-size: 4.375rem; }   /* 70px */
  .fs-84px { font-size: 4.5rem; }     /* 72px */
  .fs-86px { font-size: 4.625rem; }   /* 74px */
  .fs-88px { font-size: 4.75rem; }    /* 76px */
  .fs-90px { font-size: 4.875rem; }   /* 78px */
  .fs-92px { font-size: 5rem; }       /* 80px */
  .fs-94px { font-size: 5.125rem; }   /* 82px */
  .fs-96px { font-size: 5.25rem; }    /* 84px */
  .fs-98px { font-size: 5.375rem; }   /* 86px */
  .fs-100px { font-size: 5.5rem; }    /* 88px */

  /* Button */
  .btn, .btn.btn-md { font-size: 1.0625rem; padding: 0.935rem 1.25rem; }

  /* Download Button */
  .os-btn { width: 330px; min-width: 330px; padding: 23px 22px; display: inline-flex; margin-bottom: 20px; }
  .os-btn-txt { padding-left: 14px; }
  .os-btn-ico img { max-height: 47px; }

  /* Section Title */
  .title-01.mb-60, .title-01.mb-70 { margin-bottom: 40px; }
  .title-01 p { margin: 12px 0 0; }

  /* Advantages */
  .advantages, .text-center .advantages { margin-top: 18px; }
  .advantages li p { font-size: 1rem; }
  .advantages li span { top: 0.5px; }

  /*------------------------------------------*/
  /*  HEADER & NAVIGATION MENU 
  /*------------------------------------------*/

  .wsmobileheader .smllogo { margin-top: 22px; padding-left: 16px; }
  .smllogo img { max-height: 36px; }

  /*------------------------------------------*/
  /*  HERO
  /*------------------------------------------*/

  .hero-section { text-align: center; margin-top: 80px; }

  /* HERO AVATARS WIDGET */
  .hero-avatars-widget { font-size: 1.0625rem; margin-bottom: 28px; }
  .hero-avatars-widget img { max-height: 32px; }

  /* HERO QUICK FORM */
  .hero-section .quick-form { padding: 5px; }
  .hero-section .text-center .quick-form, .hero-section .quick-form.form-half { margin: 0 8%; }
  .hero-section .text-center .quick-form.mx-30 { margin: 0 9%; }
  .hero-section .quick-form .form-control { height: 54px; font-size: 1.1rem; }
  .hero-section .quick-form.form-half .form-control { font-size: 1.1rem; padding: 0 14px; }
  .hero-section .quick-form .btn { height: 54px; font-size: 1.1rem; padding: 12px 50px; }
  .hero-section .quick-form.form-half .btn { font-size: 1.1rem; padding: 13px 35px; }

  .hero-section .text-center .quick-form-msg { margin: 20px 0 -5px 0; }

  /* HERO-1 */
  .hero-1 { padding-top: 100px; padding-bottom: 100px; }
  .hero-1-txt { margin: 0 8%; }
  .hero-1-txt h1 { font-size: 3.35rem; padding: 0 5%; }
  .hero-1-txt p.fs-19px { font-size: 1.1875rem; margin: 20px 0 25px; }
  .hero-1-img { margin: 40px 5% 0; }

  /* HERO-2 */
  .hero-2 { padding-top: 100px; }
  .hero-2-txt { margin: 0 5%; }
  .hero-2-txt h1 { font-size: 3.5rem; }
  .hero-2-txt p.fs-21px { font-size: 1.25rem; margin: 20px 5% 25px; }
  .hero-2-img { margin: 50px 5% -50px; }

  /* HERO-3 */
  .hero-3 { padding-top: 100px; }
  .hero-3-txt { margin: 0; padding: 0 8%; }
  .hero-3-txt h1 { font-size: 3.5rem; }
  .hero-3-txt p.fs-19px { font-size: 1.125rem; margin: 16px 0 24px; }
  .hero-3-img { margin: 50px 0 -40px; }

  /* HERO-4 */
  .hero-4 { padding-top: 100px; padding-bottom: 0; margin-bottom: 30px; }
  .hero-4-txt { margin: 0 12%; }
  .hero-4-txt h1 { font-size: 3.5rem; margin-bottom: 18px; }
  .hero-4-txt p.fs-19px { font-size: 1.15rem; }
  #hero-4-form { text-align: left; padding: 35px 36px 30px; margin: 40px 10% -30px; }
  .form-logo img { max-height: 35px; }
  #hero-4-form h2 { font-size: 2.25rem; }
  #hero-4-form p { font-size: 1.15rem; margin: 12px 0 22px; }
  #hero-4-form .form-control { margin-bottom: 18px; }
  #hero-4-form .btn { height: 56px; font-size: 1.125rem; }

  /* HERO-5 */
  .hero-5 { padding-top: 100px; }
  .hero-5-data { width: 230px; top: 35px; right: 0; }
  .hero-5-data li { padding: 20px 0; }
  .hero-5-data h1 { font-size: 2rem; }
  .hero-5-data span.fs-32px { font-size: 1.75rem; }
  .hero-5-data p { font-size: 1.1rem; margin-top: 10px; }
  .hero-5-img img { padding-right: 40px; }
  .hero-5-data .btn { font-size: 1.05rem; padding: 0.95rem 1.2rem; }
  .hero-5-img img { padding-right: 40px; }

  /* HERO-6 */
  .hero-6 { padding-top: 100px; }
  .hero-6-txt h1 { font-size: 3.15rem; }
  .hero-6-txt p.fs-20px { font-size: 1.25rem; margin: 20px 6% 25px; }
  .hero-6-img { margin: 45px 5% 0; }

  /* HERO-7 */
  .hero-7 { padding-top: 100px; margin-bottom: 60px; }
  .hero-7-txt { margin: 0 10%; }
  .hero-7-txt h1 { font-size: 3.5rem; }
  .hero-7-text { margin: 16px 0 24px; text-align: left; }
  .hero-7-text p.fs-19px { font-size: 1.15rem; }
  .hero-7-img { margin: 40px 0 -60px; }

  /* HERO-8 */
  .hero-8 { padding-top: 100px; }
  .hero-8-txt { margin: 0 5%; }
  .hero-8-txt h1 { font-size: 3.35rem; }
  .hero-8-txt p.fs-19px { font-size: 1.15rem; margin: 20px 5% 25px; }
  .hero-8.hero-section .quick-form.form-half { margin: 0 8%; }
  .hero-8-img { margin: 50px 5% -15px; }

  /* HERO-9 */
  .hero-9 { padding-top: 100px; }
  #hero-9-form { padding: 45px 32px 30px; margin: 0 12%; }
  #hero-9-form h1 { font-size: 2.25rem; }
  #hero-9-form p { font-size: 1.175rem; margin: 12px 0 22px; }
  #hero-9-form .form-control { margin-bottom: 18px; }
  #hero-9-form .btn { height: 54px; font-size: 1.1rem; }

  /* HERO-10 */
  .hero-10 { padding-top: 100px; margin-bottom: 80px; }
  .hero-10-txt h1 { font-size: 3rem; }
  .hero-10-txt p.fs-21px { font-size: 1.125rem; margin: 18px 2% 24px; }
  .hero-10-img { margin: 50px 0 -80px; }

  /* HERO-11 */
  .hero-11 { padding-top: 100px; }
  .hero-11-txt { margin: 0 5%; }
  .hero-11-txt h1 { font-size: 3.625rem; padding: 0 4%; }
  .hero-11-txt p.fs-19px { font-size: 1.1875rem; margin: 16px 5% 22px; }
  .hero-11-img { margin: 35px 5% 0; }

  /* HERO-12 */
  .hero-12 { padding-top: 100px; }
  .hero-12-txt { margin: 0 5% 45px; }
  .hero-12-txt h1 { font-size: 3.35rem; }
  .hero-12-txt p.fs-21px { font-size: 1.1875rem; margin-top: 16px; }

  /* HERO-13 */
  .hero-13 { padding-top: 100px; margin-bottom: 60px; }
  .hero-13 h1 { font-size: 3.125rem; margin-bottom: 0; }
  .hero-13 h1 br { display: none; }
  .hero-13-txt { margin: 18px 9% 40px; }
  .hero-13-text { text-align: left; margin-bottom: 25px; }
  .hero-13-text p.fs-19px { font-size: 1.15rem; }
  .hero-13-img { margin: 0 0 -60px; }

  /* HERO-14 */
  .hero-14 { padding-top: 110px; padding-bottom: 110px; background-position: left center; }
  .hero-14-txt { padding: 0 10%; }
  .hero-14-txt .section_badge { display: inline-block; text-align: left; font-size: 0.9rem; margin-bottom: 35px; }
  .hero-14-txt h1 { font-size: 3.75rem; }
  .hero-14-txt p.fs-20px { font-size: 1.15rem; margin: 15px 8% 25px; }

  /* HERO-15 */
  .hero-15 { padding-top: 100px; }
  .hero-15-txt { padding: 0 5%; }
  .hero-15-txt h1 { font-size: 3.25rem; }
  .hero-15-txt p.fs-21px { font-size: 1.15rem; margin: 18px 5% 24px; }
  .hero-15-img { margin: 40px 0 -65px; }

  /* HERO-16 */
  .hero-16 { padding-top: 100px; }
  .hero-16-txt { margin: 0 5%; }
  .hero-16-txt h1 { font-size: 3.25rem; line-height: 1.2; }
  .hero-16-txt p.fs-20px { font-size: 1.1875rem; margin: 15px 5% 22px; }
  .hero-16-img { margin: 50px 5% 0; }

  /* HERO-17 */
  .hero-17 { overflow: visible; padding-top: 100px; margin-bottom: 60px; }
  .hero-17 h1 { font-size: 3.5rem; }
  .hero-17-txt { margin: 18px 8% 0; }
  .hero-17-text { text-align: left; margin-bottom: 25px; }
  .hero-17-text p.fs-19px { font-size: 1.15rem; }
  .hero-17-img { margin: 40px 0 -60px; }

  /* HERO-18 */
  .hero-18 { padding-top: 100px; padding-bottom: 0; }
  .hero-18:after { width: 100%; left: 0; }
  .hero-18-txt { margin: 0 10%; padding: 0; }
  .hero-18 h1 { font-size: 3.375rem; }
  .hero-18-txt p.fs-20px { font-size: 1.175rem; margin: 16px 0 22px; }
  .hero-18-txt .advantages { margin-top: 5px; }
  .hero-18-img { margin: 40px 5% 0; padding: 0; }
  .hero-18-txt .form-control { background-color: #fff; border: 1.5px solid #ddd; padding: 0 20px; }
  .hero-18-txt .form-btn .btn { width: 100%; height: 56px; font-size: 1.1rem; }

  /* HERO-19 */
  .hero-19 { padding-top: 100px; }
  .hero-19-txt { margin: 0 10%; }
  .hero-19-txt h1 { font-size: 3.5rem; }
  .hero-19-text { margin: 16px 0 24px; text-align: left; }
  .hero-19-text p.fs-19px { font-size: 1.15rem; }
  .hero-19-img { margin: 40px 0 -100px; }

  /* HERO-20 */
  .hero-20 { padding-top: 110px; padding-bottom: 110px; background-position: left center; }
  .hero-20-txt { padding-left: 0; padding-right: 0; }
  .hero-20-txt .section_badge { display: inline-block; text-align: left; font-size: 0.9rem; margin-bottom: 35px; }
  .hero-20-txt h1 { font-size: 3.125rem; }
  .hero-20-txt p.fs-19px { font-size: 1.125rem; margin: 20px 8% 25px; }

  /* HERO-21 */
  .hero-21 { padding-top: 100px; margin-bottom: 80px; }
  .hero-21-txt { padding: 0 2%; }
  .hero-21-txt h1 { font-size: 3rem; }
  .hero-21-txt p.fs-21px { font-size: 1.125rem; margin: 18px 2% 24px; }
  .hero-21-img { margin: 50px 0 -80px; }

  /* HERO-22 */
  .hero-22-wrapper { padding: 90px 60px 0 60px; margin-top: 110px; margin-bottom: 50px; }
  .hero-22-txt { margin-top: 0; }
  .hero-22-txt h1 { font-size: 3.25rem; }
  .hero-22-txt p.fs-19px { font-size: 1.125rem; margin: 14px 5% 20px; }
  .hero-22-img { margin: 45px 5% -50px; }

  /* HERO-23 */
  .hero-23 { padding-top: 100px; padding-bottom: 100px; }
  .hero-23-txt { margin: 0 8%; padding-right: 0; }
  .hero-23-txt h1 { font-size: 3rem; }
  .hero-23-txt p.fs-19px { font-size: 1.1875rem; margin: 16px 0 25px 0; }
  .hero-23-img { margin: 50px 3% 0; }

  /*------------------------------------------*/
  /*  CONTENT
  /*------------------------------------------*/

  /* ABOUT */
  .about-1 { margin-bottom: 50px; }
  .about-1-txt { margin-bottom: 40px; }
  .about-1-txt h1 { margin-bottom: 14px; }
  .about-1-images img { margin-bottom: -50px; }

  /* FEATURES */
  .fbox-3-wrapper { padding: 0; }

  /* FBOX-1 */
  .fbox-1.fb-1, .fbox-1.fb-2, .fbox-5.fb-1, .fbox-5.fb-2 { margin-bottom: 38px; }
  .fbox-1 .fbox-ico span { font-size: 3.75rem; }
  .fbox-1 p { padding: 0 5%; }

  /* FBOX-2 */
  .fbox-2 { text-align: center; }
  .features-2 .fb-1 { padding: 0 25px 40px; border-left: none; border-bottom: 1px solid var(--silver); }
  .features-2 .fb-2 { padding: 0 25px 40px; border-bottom: 1px solid var(--silver); }
  .features-2 .fb-3 { padding: 40px 25px 0; border-left: none; }
  .features-2 .fb-4 { padding: 40px 25px 0; }
  .fbox-2 .fbox-ico span { font-size: 3.625rem; }

  /* FBOX-3 */
  .fbox-3 { text-align: center; display: block; }
  .fbox-3 .fbox-ico-wrap { margin: 0 0 20px; }
  .fbox-3 .fbox-ico span { font-size: 3.75rem; }

  /* FBOX-4 */
  .fbox-4.fb-1, .fbox-4.fb-2 { margin-bottom: 38px; } 
  .fbox-4 .fbox-img { padding-top: 30px; margin: 0 0 50px; } 
  .fbox-4 .fbox-img img { max-height: 185px; } 

  /* FBOX-5 */
  .fbox-5 span.main-font { margin: 16px 0 12px; }

  /* FBOX-6 */
  .fbox-6-wrapper { padding: 0 6%; }
  .fbox-6 { padding: 0 40px; } 
  .fbox-6.fb-1 { margin-bottom: 40px; } 
  .fbox-6.fb-2 { padding: 45px 40px; margin-bottom: 40px; } 
  .ico-rounded { width: 102px; height: 102px; }
  .ico-rounded span { font-size: 3rem; }
  .ico-rounded [class*="flaticon-"]:before,  .ico-rounded [class*="flaticon-"]:after { line-height: 102px!important; }
  .fbox-6 span.fs-70px { font-size: 3.75rem; }
  .fbox-6 span.main-font { margin: 24px 0 10px; }

  /* FBOX-7 */
  .fbox-7-wrapper { padding: 0 6%; }
  .fbox-7 { text-align: center; padding: 45px 60px; } 
  .fbox-7.fb-1, .fbox-7.fb-2, .fbox-7.fb-3 { margin-bottom: 35px; }
  .fbox-7 span.main-font { margin-top: 25px; }
  .fbox-7 a.tra-link { font-size: 1.125rem; }

  /* FBOX-8 */
  .fbox-8 { display: block; text-align: center; padding: 35px; }
  .fbox-8.fb-1 { margin-right: 0; }
  .fbox-8.fb-2 { margin-left: 0; }
  .fbox-8 span.main-font { margin-bottom: 10px; }
  .fbox-8 .fbox-ico-wrap { margin: 0 0 16px 0; }
  .fbox-8 .fbox-ico span { font-size: 3.75rem; }

  /* CONTENT */
  .ct-03-wrapper { padding: 80px 35px; }
  .ct-03-txt { padding-left: 0; }
  .ct-04 { margin-bottom: 80px; }

  .ct-01 .txt-block.left-column, .ct-02 .txt-block.left-column, .ct-05 .txt-block.left-column { padding-right: 0; }
  .ct-01 .txt-block.right-column, .ct-02 .txt-block.right-column { padding-left: 0; }

  .fea-box { width: 295px; margin-top: 22px; }
  .fea-box span.fs-48px { font-size: 3rem; }
  .fea-box p { top: -1.5px; }
  .fea-box p span { margin-top: 8px; }

  .txt-block h2 { margin-bottom: 18px; }
  .txt-block span.main-font { margin: 18px 0; }
  .txt-block .btn { margin-top: 10px; }

  /* Accordion */
  .txt-block .accordion { margin-top: 20px; }
  .txt-block .accordion-item { padding: 8px 0; }
  .txt-accordion .accordion-thumb:after, .txt-accordion .is-active .accordion-thumb:after { top: -3px; }

  /* Text Block Stat */
  .txt-block-stat { margin-top: 30px; }
  .txt-block-stat h2.statistic-number { font-size: 3.125rem; margin-bottom: 15px; }

  /* Tabs */
  .tabs-1 li {border-radius: 12px; }

  /* CBOX-1 */
  .cbox-1-wrapper { margin: 0 4% 60px; }
  .cbox-1 { padding: 30px 25px; margin: 0 3%; }

  .cbox-1-title span.main-font { margin-bottom: 32px; }
  .cbox-1-title h2.fs-56px { font-size: 3.625rem; }
  .cbox-1 .statistic-number sup { font-size: 3.25rem; top: -2px; margin-right: 8px; }

  .ct-01 .img-block.left-column, .ct-01 .img-block.right-column { margin: 0 5% 50px; }
  .ct-02 .img-block.left-column { margin-right: 0; }
  .ct-02 .img-block.right-column { margin-left: 0; }
  .ct-02 .img-block { margin-bottom: 50px; }
  .ct-03-img.left-column { margin-right: 0; }
  .ct-03-img.right-column { margin-left: 0; }
  .ct-03-img { margin-bottom: 50px; }
  .ct-04 .img-block { margin-bottom: -80px; }
  .ct-05 .img-block { margin-top: 40px; }
  .ct-05 .img-block img { max-width: 100%; margin-left: 0; }

  /* TEAM */
  .team-member { text-align: center; }
  .tm-1, .tm-2, .tm-3, .tm-4, .tm-5, .tm-6 { margin-bottom: 45px; }
  .team-member-photo { margin-bottom: 25px; }
  .team-member-data span.main-font { font-size: 1.4375rem; }
  .team-member-data p { font-size: 1.1875rem; margin: 3px 0 0; }

  /* PROJECTS */
  .projects-1 .masonry-item { width: 50%; padding: 0 15px; }
  .projects-2 .masonry-item { padding: 0 12px; }
  .projects-1 .project-txt { margin-top: 20px; padding: 0 10px 0 15px; }
  .projects-2 .project-txt { padding: 10px 0 0 8px; }
  .project-txt span.main-font { font-size: 1.4375rem; }
  .projects-2 .project-txt p { font-size: 1.1rem; margin-bottom: 18px; }
  .project-rating { margin-top: 12px; }
  .project-rating span { font-size: 1.0625rem; }
  .project-rating small { top: -1.5px; left: 5px; font-size: 1rem; }
  .projects-1 .more-btn { margin-top: 12px; }

  /* PROJECT DETAILS */
  .project-title h1 { margin-bottom: 30px; }
  .project-data { margin: 30px 0 40px; }

  .project-description span.main-font.fs-26px { margin: 16px 0; }
  .project-inner-img { margin: 30px 0; }
  .project-share-icons { margin-top: 50px; padding-top: 40px; }
  #project-details .more-projects span.main-font { font-size: 1.75rem; }
  #project-details .more-projects span.fs-22px { font-size: 1.175rem; top: 2px; left: 2px; }

  /* INTEGRATIONS */
  .int_tool-1 { padding: 32px 22px; }
  .int_tool-1 img { max-height: 56px; }
  .int_tool-1 span.main-font { margin: 22px 0 12px; }

  /* TESTIMONIALS */
  .reviews-wrapper:after { width: 90%; left: 5%; border-radius: 10px; }

  .review-1 { padding: 30px 24px; margin: 0 12px 30px; }
  .review-2 { padding: 30px 24px 24px; margin: 0 12px 30px; }

  .review-1 .review-ico { top: 0; right: 20px; }
  .review-source { top: 20px; right: 20px; }
  .review-source img, .owl-item .review-source img { max-height: 26px; }

  .review-1 .review-avatar img, .review-2 .review-avatar img { width: 55px; height: 55px; }
  .review-1 .review-txt p, .review-2 .review-txt p { font-size: 1.125rem; margin-bottom: 16px; }
  .review-2 .review-txt p { margin-bottom: 13px; }

  .review-2 .author-data { margin-bottom: 14px; }
  .review-author { margin-left: 18px; }
  .review-author p, .review-2 .review-author p { font-size: 1.125rem; margin-bottom: 8px; }
  .review-author span { font-size: 1.125rem; }
  
  .review-1 .star-rating { margin-bottom: 8px; }
  .reviews-section .star-rating [class^="flaticon-"]:before,
  .reviews-section .star-rating [class^="flaticon-"]:after { font-size: 1.1rem; }

  /* BRANDS */
  .brands-2-wrapper { padding: 0; }
  .brands-title { margin-bottom: 35px; }
  .brands-1 .loop_carousel_left img { height: 3.5rem; padding: 0 15px; }
  #brand-2-1, #brand-2-2, #brand-2-3, #brand-2-4, #brand-2-5 { margin-bottom: 30px; }
  .brands-2-wrapper .brand-logo { width: 20%; padding: 0 12px; }

  /* RATING */
  .rating-1-wrapper { padding: 0; }
  .rating-1-title { margin-bottom: 32px; }
  .rbox-1-img { margin-bottom: 12px; }
  .rbox-1-img img { max-height: 34px; } 
  
  /* STATISTIC */
  .statistic-2-wrapper { text-align: center; padding: 0 12%; }
  .statistic-block-digit, .statistic-block-txt { width: 100%; text-align: center; float: none; padding: 0; }
  #stb-2-1, #stb-2-2 { padding: 0 12%; }
  .statistic-2 .txt-block h2 { font-size: 2.5rem; margin-bottom: 30px; }
  .statistic-1-wrapper h2, .statistic-2-wrapper h2 { font-size: 3.125rem; }
  .statistic-1-wrapper p { font-size: 1.125rem; margin-top: 12px; }
  .txt-block-rating.fs-18px, .statistic-2-wrapper p { font-size: 1.125rem; }

  /* PRICING */
  .pricing-1-table { padding: 28px 40px 30px; }
  #pt-1-1, #pt-1-2, #pt-2-1, #pt-2-2 { margin-bottom: 20px; }

  .pricing-table-header span.main-font { margin-bottom: 22px; }

  .price span { font-size: 3.25rem; } 
  .price sup { font-size: 2.25rem; top: -5px; right: 2px; }
  .price sup.validity { font-size: 1.5625rem; }

  .pricing-features.mt-25 { margin-top: 20px; }
  .pricing-features li p { font-size: 1.125rem; }

  /* Pricing Notice */
  .pricing-notice { margin-top: 40px; }
  .pricing-notice p { padding: 0; }

  /* Pricing Toggle Button */
  .toggle-btn { margin-top: 20px; }

  /* Pricing Compare */
  .table-responsive.mb-50 { margin-bottom: 30px; }
  .table>:not(caption)>*>* { padding: 12px 0x; }
  .comp-table .table-responsive thead th { font-size: 1.1rem; }
  .comp-table .table-responsive tbody th { font-size: 1.0625rem; }
  .comp-table .table-responsive tbody td { font-size: 1.0625rem; top: 1px; }

  .comp-table .table-responsive tbody td span { top: 1px; }

  .table-responsive .ico-15 [class*="flaticon-"]:before, 
  .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.715rem; }

  .table-responsive .ico-20 [class*="flaticon-"]:before, 
  .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.925rem; }

  #pbox-1, #pbox-2 { margin-bottom: 30px; }
  #pbox-2 { padding-right: 0; }
  #pbox-3 { padding-left: 0; }
  .comp-table-payment span.main-font { font-size: 1.1875rem; margin-bottom: 10px; }
  .payment-icons li { padding-right: 4px; }
  .comp-table-payment .payment-icons { margin-top: 20px; }
  .comp-table-payment .payment-icons img { max-height: 36px; }

  /* CHANGELOG */
  .version-release { margin-bottom: 50px; }
  .release-data { padding-bottom: 20px; margin-bottom: 20px; }
  .release-data span.main-font { margin-bottom: 30px; }
  .release-highlights p { font-size: 1.0625rem; }

  /* FAQs */
  .faqs-2-wrapper { padding: 0; }
  .faqs-2-wrapper .left_column { padding-right: 0; margin-bottom: 20px; }
  .faqs-2-wrapper .right_column { padding-left: 0; }

  .faq-1-title { padding-right: 0; margin-top: 0; margin-bottom: 25px; }
  .faq-1-title p { margin: 15px 0 18px; }

  .faqs-section .accordion-thumb { padding: 20px 0; }
  .faqs-section .accordion-item .accordion-thumb:after,
  .faqs-section .accordion-item.is-active .accordion-thumb:after {
    font-size: 0.825rem; width: 30px; height: 30px; line-height: 30px; 
  }

  .faqs-2-wrapper .question.mb-30 { margin-bottom: 20px; }
  .faqs-2-wrapper span.main-font { margin-bottom: 8px; }
  .more-questions { margin-top: 35px; }

  /* BLOG*/
  #bp-1-1, #bp-1-2 { margin-bottom: 40px; }
  .blog-1 .blog-post { padding: 0 4px; }
  #blog-page .masonry-item { width: 50%; padding: 0 12px; margin-bottom: 40px; }
  .blog-post-txt { margin-top: 25px; }
  #blog-page .blog-post-txt { padding: 0 12px; }
  .post-meta { margin-bottom: 7px; }
  .blog-1 .post-link { margin-bottom: 10px; }
  p.post-description { margin-bottom: 14px; }
  #blog-page p.post-comments { margin-top: 15px; }

  .posts-category { padding-bottom: 35px; margin-bottom: 50px; }

  /* Wide Post */
  .wide-post { padding: 22px 22px 40px; margin-bottom: 70px; }

  .featured-badge { top: 40px; right: 40px; }

  #blog-page .wide-post .blog-post-txt { margin: 0; padding: 0 14px; }
  .wide-post .post-meta { margin-bottom: 15px; }
  .wide-post .blog-post-txt h2 { margin-bottom: 10px; }
  #blog-page .wide-post p.post-comments { margin-top: 20px; }

  .wide-post .blog-post-img { padding: 0; margin-bottom: 40px; }

  /* SINGLE BLOG POST */
  .single-post-title { padding-bottom: 35px; margin-bottom: 35px; }
  .single-post-title h1 { margin-bottom: 35px; }
  .author-avatar { margin-right: 20px; }
  .author-avatar img { width: 54px; height: 54px; }
  .post-title-meta span.main-font { font-size: 1.125rem; margin-bottom: 10px; }
  .post-title-meta p { font-size: 1.1rem; }

  .post-title-icons { bottom: 45px; right: 5px; }

  .single-post-txt span.main-font.fs-20px { margin-bottom: 12px; }
  .single-post-txt span.main-font.fs-28px { margin-top: 18px; margin-bottom: 18px; }
  .simple-list p span { font-size: 1.0625rem; }

  .post-inner-img { margin: 35px 0; }

  .post-share-links { padding: 40px 0 60px; }
  .post-tags-list span a { font-size: 1rem; padding: 8px 16px; }

  .post-share-list.text-end { text-align: left!important; margin-top: 30px; }

  .author-info { margin-top: 70px; padding: 35px 40px; }
  .author-info-txt span.fs-22px { margin-bottom: 5px; }
  .author-info-avatar { margin-right: 25px; }
  .author-info-avatar img { width: 70px; height: 70px; }
  .author-follow-btn { top: 30px; right: 40px; }

  #post-comments { padding-top: 60px; padding-bottom: 50px; }
  #post-comments img { width: 54px; height: 54px; }
  .comment-body { margin-left: 18px; }
  .comment-meta { margin-bottom: 7px; }
  .comment-date, .btn-reply a { font-size: 1rem; }
  .btn-reply.ico-20 [class*="flaticon-"]:before, .btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 1rem; }

  #leave-comment { margin-top: 60px; }
  .comment-form { margin-top: 45px; }
  .comment-form .form-control { height: 56px; font-size: 1.1rem; padding: 0 15px; margin-bottom: 25px; }
  .comment-form textarea { min-height: 190px; }
  .comment-form textarea.form-control { padding: 20px 15px; }

  .comment-form .btn { margin-top: 0; }

  /* BANNER */
  .banner-section .text-end { text-align: center!important; }
  .banner-1-full { padding-top: 75px; padding-bottom: 85px; }
  .banner-1.division { padding: 0; }
  .banner-1-wrapper { margin: 0 -25px; padding: 75px 25px 85px; border-radius: 0; }
  .banner-2-wrapper { text-align: center; padding: 52px 10%; }
  .banner-3-wrapper { text-align: center; margin-top: 0; padding-top: 80px; }
  .banner-4-wrapper { text-align: center; padding: 70px 90px; }
  .banner-5-wrapper { text-align: center; padding: 30px 90px; margin: 0 5%; }

  .banner-3-txt, .banner-3-full .banner-3-txt { padding: 0 13%; }
  .banner-3-txt h2 { font-size: 3.375rem; margin-bottom: 16px }

  .banner-1-txt h2 { font-size: 2.75rem; }
  .banner-2-txt h2 { font-size: 2.5rem; }
  .banner-4-txt h2 { font-size: 3.25rem; }
  .banner-1-txt p.fs-20px { margin: 15px 8% 22px; }
  .banner-5-wrapper p { padding: 0; margin-bottom: 15px!important; }

  .banner-2-btn { top: 0; margin-top: 20px; }
  .banner-2-btn p { margin: 15px 0 0; }
  .banner-4-txt .stores-badge { margin-top: 24px; }

  .banner-3-img { margin: 50px 5% -250px; }
  .banner-3-img.right-column { padding-left: 0; }
  .banner-4-img { margin: 40px 5% 0; }

  /* NEWSLETTER */
  .newsletter-1 { text-align: center; }
  .newsletter-1 .newsletter-txt { padding: 0 15%; }
  .newsletter-1 .newsletter-form { margin-top: 25px; padding: 0 15%; }

  .newsletter-section .form-control { height: 60px; font-size: 1.15rem; }
  .newsletter-section .btn { height: 60px; font-size: 1.1rem; padding: 0.6rem 1.35rem; }

  /* CONTACTS */
  .contact-form p.fs-19px { margin-bottom: 10px; }
  .contact-form span.fs-17px { margin-bottom: 22px; }

  .contact-form .form-control, 
  .contact-form .form-select { height: 60px; font-size: 1.1rem; padding: 0 15px; margin-bottom: 30px; }
  .contact-form .form-btn .btn { width: 100%; }

  /* FOOTER */
  .footer { padding-bottom: 25px; }
  .footer-1 .footer-links, .footer-1 .fl-1, .footer-1 .fl-3, .footer-1 .fl-4, .footer-2 .fl-1 { padding-left: 0; }

  img.footer-logo { max-height: 36px; }
  .footer-qr-code { margin-top: 0; }

  .footer span.main-font { font-size: 1.1875rem; margin-bottom: 18px; }
  .foo-links li p { margin-bottom: 6px; }
  .footer-socials.fs-24px { font-size: 1.5rem; }

  .footer-form .form-control { font-size: 1.1rem; height: 38px; }
  .footer-form .btn { height: 38px; }
  .footer-form .btn span { font-size: 1.125rem; }

  .footer hr { margin: 5px 0 25px; }

  .bottom-footer-list li span { top: 2px; }

  /* INNER PAGE WRAPPER */
  .inner-page-hero { padding-top: 160px; }
  .page-hero-section { padding-top: 160px; padding-bottom: 80px; }

  .inner-page-title { padding-bottom: 55px; margin-bottom: 55px; }
  .inner-page-title p { font-size: 1.25rem; margin-top: 16px; }
  .page-hero-section h1 { line-height: 1.35; }
  .page-hero-section p { padding: 0 2%; margin-top: 12px; }

  /* TERMS, PRIVACY, COOKIES */
  .txt-block.legal-info { padding: 0 10px; }
  .txt-block.legal-info span.fs-28px { margin: 25px 0 14px; }
  .txt-block.legal-info span.fs-25px { margin: 15px 0; }
  .txt-block.legal-info span.fs-28px span, .txt-block.legal-info span.fs-25px span { margin-right: 2px; }

  /* PAGE 404 */
  #page-404 { margin-top: 80px; padding-top: 100px; padding-bottom: 100px; }
  #page-404 h1.tra-header { font-size: 20rem; left: 3%; }
  #page-404 p { margin: 20px 12% 18px; }
  .page-404-img { margin-bottom: 30px; }
  .page-404-img img { max-height: 300px; left: 25px; }

  /* SIGN-IN / SIGN-UP PAGE */
  .login-1 .register-page-form, .signup-1 .register-page-form { padding: 130px 0; }
  .login-2, .signup-2 { padding: 110px 0; }
  .login-3, .signup-3 { padding: 120px 0; }
  .login-2 .register-page-form { padding: 40px 25px 35px; margin: 0 5%; }
  .signup-2 .register-page-form { padding: 40px 25px 35px; margin: 0 3%; }
  .login-3 .register-page-form, .signup-3 .register-page-form { padding: 0 20%; }

  .register-form-title { margin-bottom: 24px; }
  .signup-2 .form-data { margin-left: 8px; }

  .form-notice { padding: 0 12%; margin-top: 35px; }

  .btn-register { font-size: 1.125rem; padding: 1.185rem 1.65rem; }
  .btn-register img { width: 18px; height: 18px; top: -1px; }

  /* RESET PASSWORD PAGE */
  .reset-pass-1 .reset-page-wrapper { padding: 160px 15px 130px; }
  .reset-pass-2 .reset-page-wrapper { padding-top: 160px; padding-bottom: 130px; }
  .reset-pass-2 .reset-form-wrap { margin: 0 24%; }

  .register-page-logo, .reset-password-img { display: none; }

  .reset-page-wrapper .form-control, .register-page-form .form-control { height: 56px; font-size: 1.125rem; margin-bottom: 20px; }
  .reset-page-wrapper .btn.submit, #login .register-page-form .btn.submit, 
  #signup .register-page-form .btn.submit { height: 56px; font-size: 1.1rem; }



}



/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (max-width: 767px) { 

  .division { padding-left: 10px; padding-right: 10px; }

  /*------------------------------------------*/
  /*  ANIMATION
  /*------------------------------------------*/

  .animate__animated {
    transition-property: none !important;
    transform: none !important;
    animation: none !important;
    opacity: 1;
  }

  .wow {
    animation-name: none!important;
    visibility: visible!important;
  }

  /*------------------------------------------*/
  /*  BASE
  /*------------------------------------------*/

  .py-30 { padding-top: 24px; padding-bottom: 24px; }
  .py-35 { padding-top: 30px; padding-bottom: 30px; }
  .py-40 { padding-top: 30px; padding-bottom: 30px; }
  .py-50 { padding-top: 35px; padding-bottom: 35px; }
  .py-60 { padding-top: 40px; padding-bottom: 40px; }
  .py-70 { padding-top: 50px; padding-bottom: 50px; }
  .py-80 { padding-top: 60px; padding-bottom: 60px; }
  .py-90 { padding-top: 70px; padding-bottom: 70px; }
  .py-100 { padding-top: 70px; padding-bottom: 70px; }
  .py-110 { padding-top: 80px; padding-bottom: 80px; }
  .py-120 { padding-top: 85px; padding-bottom: 85px; }

  .pt-30 { padding-top: 24px; }
  .pt-40 { padding-top: 30px; }
  .pt-50 { padding-top: 35px; }
  .pt-60 { padding-top: 40px; }
  .pt-70 { padding-top: 50px; }
  .pt-80 { padding-top: 60px; }
  .pt-90 { padding-top: 70px; }
  .pt-100 { padding-top: 70px; }
  .pt-110 { padding-top: 80px; }
  .pt-120 { padding-top: 85px; }

  .pb-30 { padding-bottom: 24px; }
  .pb-40 { padding-bottom: 30px; }
  .pb-50 { padding-bottom: 35px; }
  .pb-60 { padding-bottom: 40px; }
  .pb-70 { padding-bottom: 50px; }
  .pb-80 { padding-bottom: 60px; }
  .pb-90 { padding-bottom: 70px; }
  .pb-100 { padding-bottom: 70px; }
  .pb-110 { padding-bottom: 80px; }
  .pb-120 { padding-bottom: 85px; }

  .px-30, .px-35 { padding-left: 0; padding-right: 0; }

  .mt-30 { margin-top: 24px; }
  .mt-40 { margin-top: 30px; }
  .mt-50 { margin-top: 35px; }
  .mt-60 { margin-top: 40px; }
  .mt-70 { margin-top: 50px; }
  .mt-80 { margin-top: 60px; }
  .mt-90 { margin-top: 70px; }
  .mt-100 { margin-top: 70px; }

  .mb-30 { margin-bottom: 24px; }
  .mb-40 { margin-bottom: 30px; }
  .mb-50 { margin-bottom: 35px; }
  .mb-60 { margin-bottom: 40px; }
  .mb-70 { margin-bottom: 50px; }
  .mb-80 { margin-bottom: 60px; }
  .mb-90 { margin-bottom: 70px; }
  .mb-100 { margin-bottom: 70px; }

  .mx-15, .mx-20, .mx-25, .mx-30, .mx-35, .mx-40, .mx-50, .mx-60, .mx-70, .mx-80 { margin-left: 0; margin-right: 0; }

  .bg--fixed { width: auto; }
  .bg--scroll { width: auto; background-attachment: scroll!important; }

  .section_badge { font-size: 0.9375rem!important; margin-bottom: 34px; }
  .module_eyebrow { font-size: 0.9rem!important; padding: 11px 16px; margin-bottom: 32px; }

  /*------------------------------------------*/
  /*  HEADER & NAVIGATION MENU 
  /*------------------------------------------*/

  .smllogo img { max-height: 36px; }

  /*------------------------------------------*/
  /*  HERO
  /*------------------------------------------*/

  .hero-section { text-align: center; margin-top: 80px; }

  /* HERO QUICK FORM */
  .hero-section .quick-form { background-color: transparent; padding: 0; border: none; }
  .hero-section .quick-form.form--shadow { box-shadow: 0 0; }
  .hero-section .quick-form .input-group-btn { display: block; width: 100%!important; }
  .hero-section .quick-form .btn { display: block; width: 100%!important; margin-left: 0; }
  .hero-section .quick-form .form-control { background-color: var(--white)!important; }
  .hero-section .quick-form.form-half .form-control { padding: 0 14px; }
  .hero-section .quick-form.form-half .btn { margin-left: 0; }

  .hero-section .quick-form .form-control { 
    text-align: center; background-color: var(--white); border: 1.5px solid var(--silver); margin-bottom: 18px; 
  }
  .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }

  .r-36 .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 36px;
    border-bottom-right-radius: 36px;
  }

  /* HERO-1 */
  .hero-1-txt { margin-top: 0; }
  .hero-1-img { margin: 40px 0 0; }

  /* HERO-5 */
  .hero-5-data { position: relative; display: inline-block; top: 0; right: 0; }
  .hero-5-img img { padding-right: 0; }

  /* HERO-14 */
  .hero-14 { background-position: left center; }
  .hero-14-txt { padding: 0; }

  /* HERO-18 */
  .hero-18:after { width: 100%; left: 0; }

  /* HERO-20 */
  .hero-20 {background-position: left center; }
  .hero-20-txt { padding-left: 0; padding-right: 0; }
  .hero-20-txt .section_badge { display: inline-block; text-align: left; font-size: 0.9rem; margin-bottom: 35px; }

  /* HERO-22 */ 
  .hero-22-wrapper { margin: 80px -30px 45px; padding: 80px 35px 0; border-radius: 0 0!important; }
  .hero-22-txt { margin-top: 0; }

  /* HERO-23 */
  .hero-23-txt { margin-top: 0; padding-right: 0; }
  .hero-23-img { margin: 50px 0 0; }

  /*------------------------------------------*/
  /*  CONTENT
  /*------------------------------------------*/

  /* ABOUT */
  .about-1 { text-align: center; margin-bottom: 50px; }
  .about-1-images img { margin-bottom: 0; }
  .about-1-images .col-md-5 { margin-bottom: 30px; }
  .about-1-images .col-md-7 img { margin-bottom: -50px; }

  /* FEATURES */
  .fbox-3-wrapper { padding: 0; }

  /* FBOX-2 */
  .fbox-2 { text-align: center; padding-left: 0; }
  .features-2 .col { border-left: none; }

  /* FBOX-3 */
  .fbox-3 { text-align: center; display: block; }
  .fbox-3 .fbox-ico-wrap { margin: 0 0 20px; }
  .rows-3 .fb-5 { margin-bottom: 38px; }

  /* FBOX-8 */
  .fbox-8 { display: block; text-align: center; }
  .fbox-8.fb-1 { margin-bottom: 30px; }
  .fbox-8.fb-1 { margin-right: 0; }
  .fbox-8.fb-2 { margin-left: 0; }
  .fbox-8 .fbox-ico-wrap { margin: 0 0 16px 0; }

  /* CONTENT */
  .ct-03.division { padding: 0!important }
  .ct-03-wrapper { margin: 0 -15px; border-radius: 0; }
  .ct-01 .txt-block.left-column, .ct-01 .txt-block.right-column,
  .ct-02 .txt-block.left-column, .ct-02 .txt-block.right-column, .ct-05 .txt-block.left-column { padding: 0; }
  
  .txt-block h2 { margin-bottom: 18px; }
  .txt-block span.main-font { margin: 18px 0; }
  .txt-block .btn { margin-top: 10px; }

  /* CBOX-1 */
  .cbox-1-wrapper { margin: 0 0 60px; }
  .cbox-1 { padding: 30px 25px; margin: 0; }

  .ct-01 .img-block.left-column, .ct-01 .img-block.right-column, .ct-02 .img-block, .ct-03-img { margin: 0 0 50px; }
  .ct-02 .img-block.left-column { margin-right: 0; }
  .ct-02 .img-block.right-column { margin-left: 0; }
  .ct-03-img.left-column { margin-right: 0; }
  .ct-03-img.right-column { margin-left: 0; }

  .ct-05 .img-block { margin-top: 40px; }
  .ct-05 .img-block img { max-width: 100%; margin-left: 0; }

  /* PROJECTS */
  .projects-1 .masonry-item, .projects-2 .masonry-item { width: 100%; }

  /* BRANDS */
  .brands-2-wrapper { padding: 0; }

  /* STATISTIC */
  .statistic-block-digit, .statistic-block-txt { width: 100%; text-align: center; float: none; padding: 0; }

  /* PRICING */
  #pt-1-1, #pt-1-2, #pt-2-1, #pt-2-2 { margin-bottom: 40px; }

  /* Pricing Notice */
  .pricing-notice { margin-top: 40px; }

  /* Pricing Toggle Button */
  .toggle-btn { margin-top: 20px; }
  .toggler-txt { font-size: 1.0625rem; line-height: 34px; }

  .switch-wrap { min-width: 52px; height: 32px; margin: 0 6px; }
  .switcher { font-size: 0.85rem; height: 32px; padding: 0 10px 0 30px; border-radius: 32px; }
  .switcher .show-annual, .switcher .show-monthly { line-height: 32px; }

  .switcher:before { left: 4px; bottom: 4px; width: 24px; height: 24px; }
  .switch-wrap input:checked + .switcher { padding: 0 30px 0 10px; }

  .comp-table-payment .payment-icons { margin-top: 18px; }

  /* RATING */
  .rating-1-wrapper { padding: 0; }
  #rb-1-1, #rb-1-2 { margin-bottom: 30px; }
  .rbox-1-img { margin-bottom: 12px; }
  .rbox-1 .star-rating { font-size: 0.925rem; }
  .rbox-1 .star-rating small { font-size: 0.915rem; }

  /* CHANGELOG */
  .version-release { margin-bottom: 40px; }
  .release-data span.main-font { margin-bottom: 30px; }
  .release-data { padding-bottom: 30px; margin-bottom: 25px; } 
  .release-download { position: relative; right: 0; bottom: 0; margin-top: 20px; }

  /* FAQs */
  .faqs-2-wrapper { padding: 0; }
  .faqs-2-wrapper .left_column { padding-right: 0; margin-bottom: 20px; }
  .faqs-2-wrapper .right_column { padding-left: 0; }

  .faq-1-title { padding-right: 0; margin-top: 0; margin-bottom: 22px; }
  .faq-1-title p { margin: 15px 0 18px; }

  .more-questions { margin-top: 25px; }
  .more-questions-txt { text-align: center!important; display: block; float: none; margin-bottom: 15px; }
  .more-questions-btn { margin: 0; }

  .faqs-2-wrapper .question.mb-30 { margin-bottom: 20px; }

  /* BLOG LISTING */
  #bp-1-1, #bp-1-2 { margin-bottom: 40px; }
  .blog-1 .blog-post { padding: 0; }
  #blog-page .masonry-item { width: 100%; padding: 0 10px; margin-bottom: 40px; }
  .bp-txt-icons { right: 5px; }

  /* Wide Post */
  .wide-post { padding: 20px 20px 40px; margin-bottom: 60px; }
  .featured-badge { top: 40px; right: 40px; }
  #blog-page .wide-post .blog-post-txt { margin: 0; padding: 0; }

  .wide-post .post-meta { margin-bottom: 15px; }
  .wide-post .blog-post-txt h2 { margin-bottom: 10px; }
  #blog-page .wide-post p.post-comments { margin-top: 20px; }

  .wide-post .blog-post-img { padding: 0; margin-bottom: 40px; }

  /* SINGLE BLOG POST */
  .single-post-title h1 { margin-bottom: 35px; }
  .post-title-icons { position: relative; bottom: 0; right: 0; margin-top: 25px; }
  .post-title-icons .share-social-icons a.share-ico span { margin-left: 0; margin-right: 20px; }

  .single-post-txt span.main-font.fs-20px { margin-bottom: 12px; }
  .single-post-txt span.main-font.fs-28px { margin-top: 16px; margin-bottom: 16px; }

  .post-inner-img { margin: 35px 0; }

  .post-share-list.text-end { text-align: left!important; margin-top: 30px; }

  /* BANNER */
  .banner-section .text-end { text-align: center!important; }
  .banner-1.division, .banner-4.division { padding: 0; }
  .banner-1-wrapper, .banner-4-wrapper { margin: 0 -15px; border-radius: 0; }
  .banner-2-wrapper { text-align: center; }
  .banner-3-wrapper { text-align: center; margin-top: 0; padding-top: 80px; }

  .banner-3-img { margin: 50px 5% -250px; }
  .banner-3-img.right-column { padding-left: 0; }
  .banner-4-img { margin: 40px 5% 0; }

  /* NEWSLETTER */
  .newsletter-1 { text-align: center; }
  .newsletter-1 .newsletter-txt { padding: 0; }
  .newsletter-1 .newsletter-form { margin-top: 25px; padding: 0; }

  .newsletter-section .form-control { text-align: center; margin-right: 0; margin-bottom: 15px; }
  .newsletter-section .input-group-btn { display: block; width: 100%!important; }
  .newsletter-section .btn { display: block; width: 100%!important; margin: 0; }

  /* FOOTER */
  .footer { padding-bottom: 40px; }
  .footer-1 .fl-1, .footer-1 .fl-3, .footer-1 .fl-4, .footer-2 .fl-1 { padding-left: 0; }
  .footer-1 .footer-links, .footer-2 .footer-links, .footer-3 .footer-links { padding-left: 0; margin-bottom: 0; }
  .fl-1, .fl-2, .fl-3, .fl-4 { margin-bottom: 30px; }
  .footer-info { margin-bottom: 30px; }

  img.footer-logo { max-height: 30px; }
  .footer-copyright-logo { display: block; float: none; top: 0; margin-bottom: 15px; }
  .footer-copyright-logo img.footer-logo { max-height: 28px; }
  .footer-qr-code { display: none; }

  .bottom-footer .text-end { text-align: left!important; }

  .footer-copyright.copyright-logo p { line-height: initial; margin-left: 0; }
  .bottom-footer-links.mb-30 { margin-bottom: 15px; }
  .footer-4 .foo-links li { padding: 2px 12px; }

  /* INNER PAGE WRAPPER */
  .inner-page-hero { margin-top: 80px; padding-top: 80px; }
  .page-hero-section { margin-top: 80px; padding-top: 70px; padding-bottom: 70px; }
  .inner-page-title { padding-bottom: 50px; margin-bottom: 50px; }

  /* PAGE 404 */
  #page-404 { margin-top: 80px; padding-top: 100px; padding-bottom: 100px; }

  /* RESET PASSWORD PAGE */
  .register-page-logo, .reset-password-img { display: none; }


}



/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 480px) and (max-width: 767.98px) {

  /*------------------------------------------*/
  /*  TYPOGRAPHY
  /*------------------------------------------*/

  .fs-18px { font-size: 1.0625rem; }  /* 17px */
  .fs-19px { font-size: 1.0625rem; }  /* 17px */
  .fs-20px { font-size: 1.0625rem; }  /* 17px */
  .fs-21px { font-size: 1.1875rem; }  /* 19px */
  .fs-22px { font-size: 1.25rem; }    /* 20px */
  .fs-23px { font-size: 1.375rem; }   /* 22px */
  .fs-24px { font-size: 1.4375rem; }  /* 23px */
  .fs-25px { font-size: 1.4375rem; }  /* 23px */
  .fs-26px { font-size: 1.5rem; }     /* 24px */
  .fs-27px { font-size: 1.5625rem; }  /* 25px */
  .fs-28px { font-size: 1.625rem; }   /* 26px */
  .fs-29px { font-size: 1.6875rem; }  /* 27px */
  .fs-30px, .fs-32px { font-size: 1.75rem; }   /* 28px */
  .fs-34px, .fs-36px { font-size: 1.875rem; }  /* 30px */
  .fs-38px, .fs-40px { font-size: 2rem; }      /* 32px */
  .fs-42px, .fs-44px { font-size: 2.125rem; }  /* 34px */
  .fs-46px, .fs-48px { font-size: 2.25rem; }   /* 36px */
  .fs-50px { font-size: 2.3725rem; }  /* 38px */
  .fs-52px { font-size: 2.5rem; }     /* 40px */
  .fs-54px { font-size: 2.625rem; }   /* 42px */
  .fs-56px { font-size: 2.75rem; }    /* 44px */
  .fs-58px { font-size: 2.875rem; }   /* 46px */
  .fs-60px { font-size: 3rem; }       /* 48px */
  .fs-62px { font-size: 3.125rem; }   /* 50px */
  .fs-64px { font-size: 3.25rem; }    /* 52px */
  .fs-66px { font-size: 3.375rem; }   /* 54px */
  .fs-68px { font-size: 3.5rem; }     /* 56px */
  .fs-70px { font-size: 3.625rem; }   /* 58px */
  .fs-72px { font-size: 3.75rem; }    /* 60px */
  .fs-74px { font-size: 3.875rem; }   /* 62px */
  .fs-76px { font-size: 4rem; }       /* 64px */
  .fs-78px { font-size: 4.125rem; }   /* 66px */
  .fs-80px { font-size: 4.25rem; }    /* 68px */
  .fs-82px { font-size: 4.375rem; }   /* 70px */
  .fs-84px { font-size: 4.5rem; }     /* 72px */
  .fs-86px { font-size: 4.625rem; }   /* 74px */
  .fs-88px { font-size: 4.75rem; }    /* 76px */
  .fs-90px { font-size: 4.875rem; }   /* 78px */
  .fs-92px { font-size: 5rem; }       /* 80px */
  .fs-94px { font-size: 5.125rem; }   /* 82px */
  .fs-96px { font-size: 5.25rem; }    /* 84px */
  .fs-98px { font-size: 5.375rem; }   /* 86px */
  .fs-100px { font-size: 5.5rem; }    /* 88px */

  /* Button */
  .btn, .btn.btn-md { font-size: 1.0625rem; padding: 0.935rem 1.25rem; }

  /* Video Popup Link */
  .video-link span.fs-34px { font-size: 2.25rem; }
  .video-link-txt { font-size: 1.135rem; }

  /* Video Popup Icon */
  .video-btn { width: 7rem; height: 7rem; margin-top: -3.5rem; margin-left: -3.5rem; }
  .video-btn [class^="flaticon-"]:before, .video-btn [class^="flaticon-"]:after {font-size: 5.5rem; line-height: 7rem!important; }

  /* Download Button */
  .os-btn { width: 330px; min-width: 330px; padding: 23px 22px; display: inline-flex; margin-bottom: 20px; }
  .os-btn-txt { padding-left: 14px; }
  .os-btn-ico img { max-height: 47px; }

  /* Section Title */
  .title-01.mb-60, .title-01.mb-70 { margin-bottom: 35px; }
  .title-01 p { margin: 12px 0 0; }
  
  /* Advantages */
  .advantages, .text-center .advantages { margin-top: 18px; }
  .advantages li p { font-size: 1rem; }
  .advantages li span { top: 0.5px; }

  /* Users Widget */
  .users-widget.mt-25 { margin-top: 20px; }

  /*------------------------------------------*/
  /*  HEADER & NAVIGATION MENU 
  /*------------------------------------------*/

  .wsmobileheader .smllogo { margin-top: 22px; padding-left: 16px; }
  .smllogo img { max-height: 36px; }

  /*------------------------------------------*/
  /*  HERO
  /*------------------------------------------*/

  /* HERO TEXT WIDGET */
  .txt-widget { margin-bottom: 42px; }
  .txt-widget a { font-size: 1rem; padding: 10px 16px; }
  .txt-widget span { top: 5px; right: 5px; }
  .txt-widget.ico-20 [class*="flaticon-"]:before, .txt-widget.ico-20 [class*="flaticon-"]:after { font-size: 1.35rem; }

  /* HERO AVATARS WIDGET */
  .hero-avatars-widget { font-size: 1.0625rem; margin-bottom: 28px; }
  .hero-avatars-widget img { max-height: 32px; }

  /* HERO QUICK FORM */
  .hero-section .text-center .quick-form, .hero-section .quick-form.form-half { margin: 0 5%; }
  .hero-section .text-center .quick-form.mx-30 { margin: 0 5%; }
  .hero-section .quick-form .form-control, .hero-section .quick-form .btn, 
  .hero-section .quick-form.form-half .btn { height: 58px; font-size: 1.1rem; }
  .hero-section .quick-form.form-half .form-control { height: 58px; font-size: 1.1rem; margin-bottom: 20px; }

  .hero-section .text-center .quick-form-msg { margin: 20px 0 -5px 0; }

  /* HERO-1 */
  .hero-1 { padding-top: 100px; padding-bottom: 100px; }
  .hero-1-txt h1 { font-size: 3rem; padding: 0 3%; }
  .hero-1-txt p.fs-19px { font-size: 1.125rem; margin: 15px 0 24px 0; }
  .hero-1-img { margin: 40px 3% 0; }

  /* HERO-2 */
  .hero-2 { padding-top: 100px; }
  .hero-2-txt { margin: 0; }
  .hero-2-txt h1 { font-size: 3rem; }
  .hero-2-txt p.fs-21px { font-size: 1.175rem; margin: 20px 4% 25px; }
  .hero-2-img { margin: 45px 10px -50px; }

  /* HERO-3 */
  .hero-3 { padding-top: 100px; }
  .hero-3-txt { margin: 0; padding: 0; }
  .hero-3-txt h1 { font-size: 3.125rem; }
  .hero-3-txt p.fs-19px { font-size: 1.125rem; margin: 16px 0 24px; }
  .hero-3-img { margin: 35px 0 -40px; }

  /* HERO-4 */
  .hero-4 { padding-top: 100px; padding-bottom: 0; margin-bottom: 30px; }
  .hero-4-txt { margin: 0; }
  .hero-4-txt h1 { font-size: 3rem; padding: 0 5%; margin-bottom: 18px; }
  .hero-4-txt p.fs-19px { font-size: 1.125rem; }
  #hero-4-form { text-align: left; padding: 40px 30px 30px; margin: 35px 5% -30px; }
  .form-logo { margin-bottom: 25px; }
  .form-logo img { max-height: 36px; }
  #hero-4-form h2 { font-size: 1.875rem; }
  #hero-4-form p { font-size: 1.125rem; margin: 12px 0 22px; }
  #hero-4-form .form-control { margin-bottom: 18px; }
  #hero-4-form .btn { height: 56px; font-size: 1.125rem; }

  /* HERO-5 */
  .hero-5 { padding-top: 80px; }
  .hero-5-data { width: 300px; margin-top: -320px; }
  .hero-5-data li { padding: 22px 0; }
  .hero-5-data h1 { font-size: 2rem; }
  .hero-5-data span.fs-32px { font-size: 1.85rem; }
  .hero-5-data p { font-size: 1.1rem; margin-top: 10px; }

  /* HERO-6 */
  .hero-6 { padding-top: 100px; }
  .hero-6-txt h1 { font-size: 2.5rem; }
  .hero-6-txt p.fs-20px { font-size: 1.15rem; margin: 20px 0 25px; }
  .hero-6-img { margin: 45px 3% 0; }

  /* HERO-7 */
  .hero-7 { padding-top: 100px; margin-bottom: 50px; }
  .hero-7-txt { margin: 0 2%; }
  .hero-7-txt h1 { font-size: 3.125rem; }
  .hero-7-text { margin: 16px 0 24px; text-align: left; }
  .hero-7-text p.fs-19px { font-size: 1.125rem; }
  .hero-7-img { margin: 35px 0 -50px; }

  /* HERO-8 */
  .hero-8 { padding-top: 100px; }
  .hero-8-txt { margin: 0; }
  .hero-8-txt h1 { font-size: 2.85rem; }
  .hero-8-txt p.fs-19px { font-size: 1.15rem; margin: 15px 0 22px; }
  .hero-8.hero-section .quick-form.form-half { margin: 0 5%; }
  .hero-8-img { margin: 50px 5% -15px; }

  /* HERO-9 */
  .hero-9 { padding-top: 100px; }
  #hero-9-form { padding: 45px 32px 30px; margin: 0 5%; }
  #hero-9-form h1 { font-size: 2.0625rem; }
  #hero-9-form p { font-size: 1.175rem; margin: 12px 0 18px; }
  #hero-9-form .form-control { margin-bottom: 18px; }
  #hero-9-form .btn { height: 54px; font-size: 1.1rem; }

  /* HERO-10 */
  .hero-10 { padding-top: 100px; margin-bottom: 70px; }
  .hero-10-txt h1 { font-size: 2.85rem; padding: 0 2%; }
  .hero-10-txt p.fs-21px { font-size: 1.125rem; margin: 15px 2% 24px; }
  .hero-10-img { margin: 40px 0 -70px; }

  /* HERO-11 */
  .hero-11 { padding-top: 100px; }
  .hero-11-txt { margin: 0; }
  .hero-11-txt h1 { font-size: 3rem; padding: 0 4%; }
  .hero-11-txt p.fs-19px { font-size: 1.125rem; margin: 16px 5% 22px; }
  .hero-11-img { margin: 35px 5% 0; }

  /* HERO-12 */
  .hero-12 { padding-top: 100px; }
  .hero-12-txt { margin: 0 0 40px; }
  .hero-12-txt h1 { font-size: 2.85rem; }
  .hero-12-txt p.fs-21px { font-size: 1.15rem; margin: 16px 2% 0; }

  /* HERO-13 */
  .hero-13 { padding-top: 100px; margin-bottom: 50px; }
  .hero-13 h1 { font-size: 2.75rem; margin-bottom: 0; }
  .hero-13 h1 br { display: none; }
  .hero-13-txt { margin: 18px 2% 40px; }
  .hero-13-text { text-align: left; margin-bottom: 25px; }
  .hero-13-text p.fs-19px { font-size: 1.125rem; }
  .hero-13-img { margin: 0 0 -50px; }

  /* HERO-14 */
  .hero-14 { padding-top: 100px; padding-bottom: 100px; }
  .hero-14-txt .section_badge { font-size: 0.9rem; margin-bottom: 35px; }
  .hero-14-txt h1 { font-size: 3.25rem; }
  .hero-14-txt p.fs-20px { font-size: 1.125rem; margin: 15px 0 24px; }

  /* HERO-15 */
  .hero-15 { padding-top: 100px; margin-bottom: 50px; overflow: visible; }
  .hero-15-txt { padding: 0; }
  .hero-15-txt h1 { font-size: 3rem; }
  .hero-15-txt p.fs-21px { font-size: 1.1rem; margin: 18px 0 24px; }
  .hero-15-img { margin: 40px 0 -50px; }

  /* HERO-16 */
  .hero-16 { padding-top: 100px; }
  .hero-16-txt { margin: 0 2%; }
  .hero-16-txt h1 { font-size: 3rem; line-height: 1.2; padding: 0 6%; }
  .hero-16-txt p.fs-20px { font-size: 1.15rem; margin: 12px 0 22px; }
  .hero-16-img { margin: 45px 10px 0; }

  /* HERO-17 */
  .hero-17 { overflow: visible; padding-top: 100px; margin-bottom: 50px; }
  .hero-17 h1 { font-size: 3.125rem; }
  .hero-17-txt { margin: 18px 2% 0; }
  .hero-17-text { text-align: left; margin-bottom: 25px; }
  .hero-17-text p.fs-19px { font-size: 1.125rem; }
  .hero-17-img { margin: 40px 0 -50px; }

  /* HERO-18 */
  .hero-18 { padding-top: 100px; padding-bottom: 0; }
  .hero-18-txt { margin: 0 6%; padding: 0; }
  .hero-18 h1 { font-size: 3rem; padding: 0 3%; }
  .hero-18-txt p.fs-20px { font-size: 1.125rem; margin: 16px 0 22px; }
  .hero-18-txt .advantages { margin-top: 5px; }
  .hero-18-img { margin: 40px 3% 0; padding: 0; }
  .hero-18-txt .form-control { background-color: #fff; border: 1.5px solid #ddd; padding: 0 20px; margin-bottom: 18px; }
  .hero-18-txt .form-btn .btn { width: 100%; height: 56px; font-size: 1.1rem; }

  /* HERO-19 */
  .hero-19 { overflow: visible; padding-top: 100px; margin-bottom: 50px; }
  .hero-19-txt { margin: 0 2%; }
  .hero-19-txt h1 { font-size: 3.125rem; }
  .hero-19-text { margin: 16px 0 24px; text-align: left; }
  .hero-19-text p.fs-19px { font-size: 1.125rem; }
  .hero-19-img { margin: 35px 0 -50px; }

  /* HERO-20 */
  .hero-20 { padding-top: 100px; padding-bottom: 100px; }
  .hero-20-txt .section_badge { font-size: 0.9rem; margin-bottom: 35px; }
  .hero-20-txt h1 { font-size: 2.65rem; }
  .hero-20-txt p.fs-19px { font-size: 1.125rem; margin: 15px 0 24px; }

  /* HERO-21 */
  .hero-21 { padding-top: 100px; margin-bottom: 70px; }
  .hero-21-txt h1 { font-size: 2.85rem; padding: 0 2%; }
  .hero-21-txt p.fs-21px { font-size: 1.125rem; margin: 15px 2% 24px; }
  .hero-21-img { margin: 40px 0 -70px; }

  /* HERO-22 */ 
  .hero-22-wrapper { margin-bottom: 50px; }
  .hero-22-txt h1 { font-size: 2.85rem; }
  .hero-22-txt p.fs-19px { font-size: 1.125rem; margin: 14px 4% 20px; }
  .hero-22-img { margin: 45px 4% -50px; }

  /* HERO-23 */
  .hero-23 { padding-top: 100px; padding-bottom: 100px; }
  .hero-23-txt h1 { font-size: 2.6255rem; }
  .hero-23-txt p.fs-19px { font-size: 1.125rem; margin: 16px 0 25px 0; }
  .hero-23-img { margin: 45px 10px 0; }

  /*------------------------------------------*/
  /*  CONTENT
  /*------------------------------------------*/

  /* ABOUT */
  .about-1-txt { margin-bottom: 40px; }
  .about-1-txt h1 { font-size: 2.75rem; margin-bottom: 14px; }
  .about-1-txt p { font-size: 1.0625rem; }

  /* FEATURES */
  .rows-2 .fb-1, .rows-2 .fb-2, .rows-2 .fb-3 { margin-bottom: 35px; }
  .rows-3 .fb-1, .rows-3 .fb-2, .rows-3 .fb-3, .rows-3 .fb-4, .rows-3 .fb-5 { margin-bottom: 35px; }

  /* FBOX-1 */
  .fbox-1.fb-1, .fbox-1.fb-2, .fbox-1.fb-3 { margin-bottom: 35px; }
  .fbox-1 .fbox-ico span { font-size: 3.625rem; }

  /* FBOX-2 */
  .features-2 .fbox-wrapper { padding: 0 10px; }
  .features-2 .fb-1 { padding: 0 30px 35px; border-bottom: 1px solid var(--silver); }
  .features-2 .fb-2, .features-2 .fb-3 { padding: 35px 30px; border-bottom: 1px solid var(--silver); }
  .features-2 .fb-4 { padding: 35px 30px 0; }

  .fbox-2 .fbox-ico span { font-size: 3.625rem; }

  /* FBOX-3 */
  .fbox-3 .fbox-ico-wrap { margin: 0 0 20px; }
  .fbox-3 .fbox-ico span { font-size: 3.75rem; }
  .fbox-3 p { padding: 0 5%; }

  /* FBOX-4 */
  .fbox-4 { padding: 0 50px; }
  .fbox-4.fb-1, .fbox-4.fb-2 { margin-bottom: 35px; } 
  .fbox-4 .fbox-img { padding-top: 35px; margin: 0 6% 55px; } 
  .fbox-4 .fbox-img img { max-height: 195px; } 

  /* FBOX-5 */
  .fbox-5.fb-1, .fbox-5.fb-2 { margin-bottom: 35px; }
  .fbox-5 span.main-font { margin: 16px 0 12px; }
  .fbox-5 p { padding: 0 5%; }

  /* FBOX-6 */
  .fbox-6-wrapper { padding: 0 3%; }
  .fbox-6 { padding: 0 40px; } 
  .fbox-6.fb-1 { margin-bottom: 40px; } 
  .fbox-6.fb-2 { padding: 45px 40px; margin-bottom: 40px; } 
  .ico-rounded { width: 100px; height: 100px; }
  .ico-rounded span { font-size: 3rem; }
  .ico-rounded [class*="flaticon-"]:before,  .ico-rounded [class*="flaticon-"]:after { line-height: 100px!important; }
  .fbox-6 span.fs-70px { font-size: 3.75rem; }
  .fbox-6 span.main-font { margin: 24px 0 10px; }

  /* FBOX-7 */
  .fbox-7-wrapper { padding: 0 2%; }
  .fbox-7 { text-align: center; padding: 45px 40px; } 
  .fbox-7.fb-1, .fbox-7.fb-2, .fbox-7.fb-3 { margin-bottom: 35px; }
  .fbox-7 span.main-font { margin-top: 25px; }

  /* FBOX-8 */
  .fbox-8 { padding: 40px 55px; }
  .fbox-8 span.main-font { margin-bottom: 10px; }
  .fbox-8 .fbox-ico span { font-size: 3.75rem; }

  /* CONTENT */
  .ct-03-wrapper { padding: 80px 30px; }
  .ct-04 { margin-bottom: 60px; }

  .fea-box { width: 300px; padding: 14px 18px; margin-top: 24px; }
  .fea-box span.fs-48px { font-size: 3rem; }
  .fea-box p { font-size: 1.175rem; margin-left: 18px; top: -2px; }
  .fea-box p span { margin-top: 8px; }

  .txt-block h2 { margin-bottom: 14px; }
  .txt-block span.main-font { margin: 16px 0; }

  /* Accordion */
  .txt-block .accordion { margin-top: 20px; }
  .txt-block .accordion-thumb { padding-bottom: 22px; }
  .txt-block .accordion-item { padding: 8px 0; }
  .txt-accordion .accordion-thumb:after, .txt-accordion .is-active .accordion-thumb:after { top: -3px; }

  /* Text Block Stat */
  .txt-block-stat { margin-top: 30px; }
  .txt-block-stat h2.statistic-number { font-size: 3rem; margin-bottom: 15px; }

  /* Tabs */
  .tabs-1 li { padding: 28px 32px; margin-bottom: 18px; border-radius: 10px; }
  .tabs-1 li span.main-font { margin: 0 0 10px; }

  /* CBOX-1 */
  .cbox-1-wrapper { margin-bottom: 55px; }
  .cbox-1-menu { top: -8px; right: 0; }
  .cbox-1-title h2.fs-56px { font-size: 3.25rem; }
  .cbox-1 .statistic-number sup { font-size: 3.125rem; top: -2px; margin-right: 8px; }

  .ct-01 .img-block.left-column, .ct-01 .img-block.right-column { margin: 0 3% 45px; }
  .ct-02 .img-block, .ct-03-img { margin-bottom: 45px; }
  .ct-04 .img-block { margin-bottom: -60px; }

  .more-btn.mt-50 { margin-top: 40px; }

  /* TEAM */
  .team-member { text-align: center; }
  .tm-1, .tm-2, .tm-3, .tm-4, .tm-5, .tm-6 { margin-bottom: 45px; }
  .team-member-photo { margin-bottom: 25px; }
  .team-member-data span.main-font { font-size: 1.375rem; }
  .team-member-data p { font-size: 1.175rem; margin: 3px 0 0; }

  /* PROJECTS */
  .projects-1 .project-txt { margin-top: 20px; padding: 0 18px; }
  .projects-2 .project-txt { padding: 15px 20px 0 20px; }
  .projects-2 .project-txt p { font-size: 1.1rem; margin-bottom: 18px; }
  .project-rating { margin-top: 16px; }
  .project-rating span { font-size: 1.1rem; }
  .project-rating small { top: -1.5px; left: 5px; font-size: 1.0625rem; }
  .projects-1 .more-btn { margin-top: 10px; }

  /* PROJECT DETAILS */
  .project-title h1 { font-size: 2.375rem; padding-right: 0; margin-bottom: 25px; }
  .project-data { margin: 30px 0 40px; }

  .project-inner-img .top-img { margin-bottom: 25px; }

  .project-description span.main-font.fs-26px { margin: 15px 0; }
  .project-inner-img { margin: 30px 0; }
  .project-share-icons { margin-top: 50px; margin-left: 10px; padding-top: 50px; }
  .project-share-icons .share-social-icons a span { margin-right: 14px; }
  #project-details .more-projects span.main-font { font-size: 1.65rem; }
  #project-details .more-projects span.fs-22px { font-size: 1.15rem; top: 2px; left: 2px; }

  /* INTEGRATIONS */
  .int_tool-1 { padding: 32px 22px; }
  .int_tool-1 img { max-height: 56px; }
  .int_tool-1 span.main-font { margin: 22px 0 12px; }

  /* TESTIMONIALS */
  .reviews-wrapper { margin: 0 -24px; padding: 75px 24px 60px; }
  .reviews-wrapper:after { width: 100%; left: 0; border-radius: 0; }

  .review-1 { padding: 30px; margin: 0 10px 30px; }
  .review-2 { padding: 30px 22px 22px; margin: 0 10px 30px; }

  .review-1 .review-ico { top: 0; right: 20px; }
  .review-source { top: 20px; right: 25px; }
  .review-source img, .owl-item .review-source img { max-height: 30px; }

  .review-1 .review-avatar img, .review-2 .review-avatar img { width: 56px; height: 56px; }
  .review-1 .review-txt p, .review-2 .review-txt p { font-size: 1.15rem; margin-bottom: 16px; }
  .review-2 .review-txt p { margin-bottom: 13px; }

  .review-2 .author-data { margin-bottom: 14px; }
  .review-author { margin-left: 18px; }
  .review-author p, .review-2 .review-author p { font-size: 1.15rem; margin-bottom: 8px; }
  .review-author span { font-size: 1.125rem; }
  
  .review-1 .star-rating { margin-bottom: 8px; }
  .reviews-section .star-rating [class^="flaticon-"]:before,
  .reviews-section .star-rating [class^="flaticon-"]:after { font-size: 1.1rem; }

  /* BRANDS */
  .brands-title { margin-bottom: 35px; padding: 0 4%; }
  .brands-1 .loop_carousel_left img { height: 3.5rem; padding: 0 10px; }
  #brand-2-1, #brand-2-2, #brand-2-3, #brand-2-4, #brand-2-5, #brand-2-6, #brand-2-7, #brand-2-8 { margin-bottom: 28px; }
  #brand-2-9 { margin-left: 22%; }
  #brand-2-10 { margin-right: 22%; }
  .brands-2-wrapper .brand-logo { width: 25%; padding: 0 10px; }

  /* STATISTIC */
  .statistic-2-wrapper { text-align: center; padding: 0 5%; }
  #stb-1-1, #stb-1-2 { margin-bottom: 35px; }
  #stb-2-1, #stb-2-2 { padding: 0 10%; }
  .statistic-2 .txt-block h2 { font-size: 2.25rem; margin-bottom: 30px; }
  .statistic-1-wrapper h2, .statistic-2-wrapper h2 { font-size: 3.25rem; }
  .statistic-1-wrapper p { font-size: 1.125rem; margin-top: 12px; }
  .txt-block-rating.fs-18px, .statistic-2-wrapper p { font-size: 1.125rem; }

  /* PRICING */
  .pricing-1-table { padding: 30px 30px 35px; margin-left: 5%; margin-right: 5%; }
  .pricing-2-table { padding: 30px 30px 25px; margin-left: 5%; margin-right: 5%; }

  .pricing-discount { top: -3px; }
  .pricing-discount span.main-font { font-size: 1.1rem; }

  .price span { font-size: 3.625rem; } 
  .price sup { font-size: 2.75rem; top: -4px; }
  .price sup.validity { font-size: 1.85rem; }

  .price p { font-size: 1.125rem; margin-top: 12px; }
  .pricing-1-table hr { margin-top: 20px; margin-bottom: 18px; }

  .pricing-features.mt-25 { margin-top: 20px; }
  .pricing-features li { padding: 10px 7px; }
  .pricing-features li p { font-size: 1.125rem; }
  .pt-btn { margin-top: 18px; }

  .toggler-txt { font-size: 1.1875rem; }

  /* Pricing Notice */
  .pricing-notice p { padding: 0 3%; }

  /* Pricing Compare */
  .table-responsive.mb-50 { margin-bottom: 35px; }
  .table>:not(caption)>*>* { padding-top: 10px; padding-bottom: 10px; }
  .comp-table .table-responsive thead th { font-size: 0.975rem; }
  .comp-table .table-responsive tbody th { font-size: 0.925rem; }
  .comp-table .table-responsive tbody td { font-size: 0.925rem; top: 0; }

  .comp-table .table-responsive tbody td span { top: 1px; }

  .table-responsive .ico-15 [class*="flaticon-"]:before, 
  .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.725rem; }

  .table-responsive .ico-20 [class*="flaticon-"]:before, 
  .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.875rem; }

  .comp-table-payment { padding: 0 3%; }
  #pbox-1, #pbox-2 { margin-bottom: 30px; }
  .comp-table-payment span.main-font { font-size: 1.175rem; margin-bottom: 10px; }

  /* RATING */
  .rating-1-title { margin-bottom: 30px; }
  .rbox-1-img img { max-height: 36px; } 

  /* CHANGELOG */
  .release-highlights p { font-size: 1.0625rem; }

  /* FAQs */
  .faqs-2-wrapper span.main-font { margin-bottom: 8px; }

  .more-questions { margin-top: 25px; }

  /* BLOG LISTING */
  .blog-1 .blog-post { padding: 0 12px; }
  .posts-category { padding-bottom: 35px; margin-bottom: 40px; }

  /* Wide Post */
  .wide-post { padding: 16px 16px 35px;  }
  #blog-page .wide-post .blog-post-txt { padding: 0 20px; }
  .featured-badge { top: 35px; right: 35px; }
  .wide-post .post-meta { margin-bottom: 10px; }

  /* SINGLE BLOG POST */
  .single-post-title { padding-bottom: 35px; margin-bottom: 35px; }
  .single-post-title h1 { font-size: 2.125rem; margin-bottom: 30px; }
  .author-avatar { margin-right: 15px; }
  .author-avatar img { width: 54px; height: 54px; }
  .post-title-meta { margin-top: 4px; }
  .post-title-meta span.main-font { font-size: 1.125rem; }
  .post-title-meta p { font-size: 1.05rem; }

  .post-title-icons { margin: 25px 0 0 10px; }
  .share-social-icons, .share-social-icons a { margin: 0; }

  .single-post-txt span.main-font.fs-20px { font-size: 1.125rem; margin-bottom: 12px; line-height: 1.4; }
  .single-post-txt span.main-font.fs-28px { margin-top: 20px; margin-bottom: 20px; line-height: 1.4; }

  .post-inner-img { margin: 30px 0; }
  .post-inner-img .top-img { margin-bottom: 30px; }

  .post-share-links { padding: 40px 0 60px; }
  .post-tags-list span a { font-size: 1rem; padding: 8px 16px; }

  .post-share-list li { margin-right: 15px; }

  .author-info { display: block; margin-top: 70px; padding: 35px 35px 30px; }
  .author-info-txt span.fs-22px { margin-bottom: 5px; }
  .author-info-avatar { margin: 0 0 25px 0; }
  .author-info-avatar img { width: 72px; height: 72px; }
  .author-follow-btn { top: 50px; right: 30px; }
  .author-follow-btn .btn { font-size: 0.95rem; padding: 0.65rem 1.1rem; }

  #post-comments { padding-top: 50px; padding-bottom: 35px; }
  #post-comments img { width: 60px; height: 60px; }
  .comment-body { margin-left: 20px; }
  .comment-meta { font-size: 1.125rem; margin-bottom: 7px; }
  .comment-date, .btn-reply a { font-size: 1.05rem; }
  .btn-reply.ico-20 [class*="flaticon-"]:before, .btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 1.05rem; }

  #leave-comment { margin-top: 50px; }
  .comment-form { margin-top: 40px; }
  .comment-form .form-control { height: 56px; font-size: 1.125rem; padding: 0 15px; margin-bottom: 25px; }
  .comment-form textarea { min-height: 190px; }
  .comment-form textarea.form-control { padding: 20px 15px; }
  .comment-form .btn { width: 100%; height: 56px; margin-top: 0; }

  /* BANNER */
  .banner-1-full { padding-top: 75px; padding-bottom: 80px; }
  .banner-1-wrapper { padding: 72px 25px 80px; }
  .banner-2-wrapper { padding: 50px 8%; }
  .banner-4-wrapper { text-align: center; padding: 70px 60px; }
  .banner-5-wrapper { text-align: center; padding: 30px 40px; margin: 0; }

  .banner-3-txt { padding: 0 5%; }
  .banner-3-full .banner-3-txt { padding: 0 8%; }

  .banner-2-txt h2 { font-size: 2.25rem; }
  .banner-4-txt h2 { font-size: 3rem; margin-bottom: 14px; }
  .banner-1-txt p.fs-20px { margin: 15px 3% 22px; }
  .banner-3-txt p.fs-20px { margin: 15px 0 22px; }
  .banner-4-txt .simple-list { text-align: left; margin: 14px 0 22px; }
  .banner-5-wrapper p { padding: 0; margin-bottom: 15px!important; }

  .banner-2-btn { top: 0; margin-top: 18px; }
  .banner-2-btn p { margin: 14px 0 0; }
  .banner-4-txt .stores-badge { margin-top: 24px; }

  .banner-3-img { margin: 40px 2% -200px; }
  .banner-4-img { margin: 40px 2% 0; }

  /* NEWSLETTER */
  .newsletter-1.py-70 { padding-top: 60px; padding-bottom: 45px; }
  .newsletter-1 .newsletter-txt { padding: 0 10%; }
  .newsletter-1 .newsletter-form { padding: 0 10%; }

  .newsletter-section .form-control { height: 60px; font-size: 1.15rem; }
  .newsletter-section .btn { height: 60px; font-size: 1.1rem; padding: 0.6rem 1.35rem; }

  /* CONTACTS */
  .contact-form p.fs-19px { margin-bottom: 10px; }
  .contact-form span.fs-17px { font-size: 1rem; margin-bottom: 22px; }

  .contact-form .form-control, 
  .contact-form .form-select { height: 60px; font-size: 1.1rem; padding: 0 15px; margin-bottom: 30px; }
  .contact-form textarea { min-height: 190px; }

  /* FOOTER */
  img.footer-logo { max-height: 36px; }

  .footer span.main-font { font-size: 1.1875rem; margin-bottom: 18px; }
  .foo-links li p { margin-bottom: 7px; }

  .footer-form .form-control { font-size: 1.1rem; height: 38px; }
  .footer-form .btn { height: 38px; }
  .footer-form .btn span { font-size: 1.125rem; }

  .bottom-footer-list li span { top: 2px; }

  /* INNER PAGE WRAPPER */
  .page-hero-section { padding-top: 90px; padding-bottom: 75px; }
  .inner-page-title p { font-size: 1.25rem; margin-top: 16px; }
  .page-hero-section h1 { line-height: 1.35; }
  .page-hero-section p { padding: 0; margin-top: 12px; }

  /* TERMS, PRIVACY, COOKIES */
  .txt-block.legal-info span.fs-28px { margin: 25px 0 12px; }
  .txt-block.legal-info span.fs-25px { margin: 15px 0; }
  .txt-block.legal-info span.fs-28px span, .txt-block.legal-info span.fs-25px span { margin-right: 2px; }

  /* PAGE 404 */
  #page-404 { padding-top: 90px; padding-bottom: 90px; }
  #page-404 h1.tra-header { font-size: 17.5rem; left: -5px; }
  #page-404 p { margin: 18px 5% 18px; }
  .page-404-img { margin-bottom: 30px; }
  .page-404-img img { max-height: 270px; left: 25px; }

  /* SIGN-IN / SIGN-UP PAGE */
  .login-1 .register-page-form, .signup-1 .register-page-form { padding: 130px 14%; }
  .login-2, .signup-2 { padding: 110px 0; }
  .login-3, .signup-3 { padding: 120px 0; }
  .login-2 .register-page-form, .signup-2 .register-page-form { padding: 40px 25px 35px; margin: 0 8%; }
  .login-3 .register-page-form, .signup-3 .register-page-form { padding: 0 14%; }

  .register-form-title { margin-bottom: 24px; }
  .signup-2 .form-data { margin-left: 10px; }
  .signup-1 .form-data span, .signup-2 .form-data span { font-size: 1.05rem; }

  .btn-show-pass { top: 18px; right: 16px; }

  .form-notice { padding: 0 14%; margin-top: 35px; }

  .btn-register { font-size: 1.125rem; padding: 1.15rem 1.65rem; }
  .btn-register img { width: 18px; height: 18px; top: -1px; }

  /* RESET PASSWORD PAGE */
  .reset-pass-1 .reset-page-wrapper { padding: 150px 14% 150px; }
  .reset-pass-2 .reset-page-wrapper { padding-top: 150px; padding-bottom: 150px; }
  .reset-pass-2 .reset-form-wrap { margin: 0 14%; }

  .reset-form-title p { margin: 16px 0; }
  .reset-password-form .form-data p { margin: 18px 0 12px; }

  .reset-page-wrapper .form-control, .register-page-form .form-control { height: 56px; font-size: 1.125rem; margin-bottom: 20px; }
  .reset-page-wrapper .btn.submit, #login .register-page-form .btn.submit, 
  #signup .register-page-form .btn.submit { height: 56px; font-size: 1.1rem; }

}



/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 414px) and (max-width: 479.98px) {

  #stlChanger { display: none; }
  .division { padding-left: 3px; padding-right: 3px; }

  /*------------------------------------------*/
  /*  TYPOGRAPHY
  /*------------------------------------------*/

  .fs-16px { font-size: 1.0625rem; }  /* 17px */
  .fs-18px { font-size: 1.0625rem; }  /* 17px */
  .fs-19px { font-size: 1.0625rem; }  /* 17px */
  .fs-20px { font-size: 1.0625rem; }  /* 17px */
  .fs-21px { font-size: 1.1875rem; }  /* 19px */
  .fs-22px { font-size: 1.25rem; }    /* 20px */
  .fs-23px { font-size: 1.375rem; }   /* 22px */
  .fs-24px, .fs-25px, .fs-26px { font-size: 1.4375rem; }  /* 23px */
  .fs-27px, .fs-28px { font-size: 1.5rem; }     /* 24px */
  .fs-29px, .fs-30px { font-size: 1.5625rem; }  /* 25px */
  .fs-32px, .fs-34px { font-size: 1.625rem; }   /* 26px */
  .fs-36px, .fs-38px { font-size: 1.6875rem; }  /* 27px */
  .fs-40px, .fs-42px { font-size: 1.75rem; }    /* 28px */
  .fs-44px, .fs-46px { font-size: 1.875rem; }   /* 30px */
  .fs-48px, .fs-50px { font-size: 2rem; }       /* 32px */
  .fs-52px, .fs-54px { font-size: 2.125rem; }   /* 34px */
  .fs-56px { font-size: 2.25rem; }    /* 36px */
  .fs-58px { font-size: 2.3725rem; }  /* 38px */
  .fs-60px { font-size: 2.5rem; }     /* 40px */
  .fs-62px { font-size: 2.625rem; }   /* 42px */
  .fs-64px { font-size: 2.75rem; }    /* 44px */
  .fs-66px { font-size: 2.875rem; }   /* 46px */
  .fs-68px { font-size: 3rem; }       /* 48px */
  .fs-70px { font-size: 3.125rem; }   /* 50px */
  .fs-72px { font-size: 3.25rem; }    /* 52px */
  .fs-74px { font-size: 3.375rem; }   /* 54px */
  .fs-76px { font-size: 3.5rem; }     /* 56px */
  .fs-78px { font-size: 3.625rem; }   /* 58px */
  .fs-80px { font-size: 3.75rem; }    /* 60px */
  .fs-82px { font-size: 3.875rem; }   /* 62px */
  .fs-84px { font-size: 4rem; }       /* 64px */
  .fs-86px { font-size: 4.125rem; }   /* 66px */
  .fs-88px { font-size: 4.25rem; }    /* 68px */
  .fs-90px { font-size: 4.375rem; }   /* 70px */
  .fs-92px { font-size: 4.5rem; }     /* 72px */
  .fs-94px { font-size: 4.625rem; }   /* 74px */
  .fs-96px { font-size: 4.75rem; }    /* 76px */
  .fs-98px { font-size: 4.875rem; }   /* 78px */
  .fs-100px { font-size: 5rem; }      /* 80px */

  h2 { line-height: 1.3; }
  p { font-size: 1.0625rem; }  /* 17px */
  ol.digit-list p { margin-bottom: 5px; }

  /* Button */
  .btn, .btn.btn-md { font-size: 1.0625rem; padding: 0.935rem 1.25rem; }

  /* Video Popup Link */
  .video-link span.fs-34px { font-size: 2.25rem; }
  .video-link-txt { font-size: 1.135rem; }

  /* Video Popup Icon */
  .video-btn { width: 6.25rem; height: 6.25rem; margin-top: -3.125rem; margin-left: -3.125rem; }
  .video-btn [class^="flaticon-"]:before, .video-btn [class^="flaticon-"]:after {font-size: 5rem; line-height: 6.25rem!important; }

  /* Download Button */
  .os-btn { width: 310px; min-width: 310px; padding: 22px 20px; display: inline-flex; margin-bottom: 18px; }
  .os-btn-txt { padding-left: 14px; }
  .os-btn-ico img { max-height: 46px; }

  /* Store Badges */
  .badge-img-sm .store img, .badge-img-md .store img, .badge-img-lg .store img, .badge-img-xl .store img { max-height: 3.25rem; }
  .os-version-ext { margin-top: 18px; }
  .os-version-ext .star-rating small { font-size: 0.975rem; }
  span.os-version { font-size: 0.975rem; margin-top: 6px; }

  /* Section Title */
  .title-01.mb-50, .title-01.mb-60, .title-01.mb-70 { margin-bottom: 30px; }
  .title-01 p { margin: 10px 0 0; }

  /* Advantages */
  .advantages, .text-center .advantages { margin-top: 18px; }
  .advantages li p { font-size: 1rem; }
  .advantages li span { top: 0.5px; }

  /* Users Widget */
  .users-widget.mt-25 { margin-top: 20px; }
  .users-widget .u-txt p { font-size: 1.05rem; }
  .users-widget .u-ava { margin-right: 14px; }
  .users-widget .u-ava img { max-height: 50px; }

  /*------------------------------------------*/
  /*  HEADER & NAVIGATION MENU 
  /*------------------------------------------*/

  .wsmobileheader .smllogo { margin-top: 23px; padding-left: 16px; }
  .smllogo img { max-height: 35px; }

  /*------------------------------------------*/
  /*  HERO
  /*------------------------------------------*/

  /* HERO TEXT WIDGET */
  .txt-widget { margin-bottom: 40px; }
  .txt-widget a { font-size: 0.975rem; padding: 10px 16px; }
  .txt-widget span { top: 5px; right: 5px; }
  .txt-widget.ico-20 [class*="flaticon-"]:before, .txt-widget.ico-20 [class*="flaticon-"]:after { font-size: 1.3rem; }

  /* HERO AVATARS WIDGET */
  .hero-avatars-widget { font-size: 1.0625rem; margin-bottom: 32px; }
  .hero-avatars-widget img { max-height: 30px; }

  /* HERO QUICK FORM */
  .hero-section .text-center .quick-form, .hero-section .quick-form.form-half { margin: 0 4%; }
  .hero-section .text-center .quick-form.mx-30 { margin: 0 4%; }
  .hero-section .quick-form .form-control, .hero-section .quick-form .btn, 
  .hero-section .quick-form.form-half .btn { height: 54px; font-size: 1.1rem; }
  .hero-section .quick-form.form-half .form-control { height: 54px; font-size: 1.1rem; margin-bottom: 20px; }

  .hero-section .text-center .quick-form-msg { margin: 20px 0 0 0; }

  .hero-section .btns-group { display: block!important; padding: 0 10%; }
  .hero-section .video-link.ml-20, .hero-section .btn.ml-15, .hero-section .btn.ml-20 { margin: 20px 0 0; }
  .hero-section .stores-badge { padding: 0 10%; }
  .hero-section .stores-badge .store { margin-right: 0; }
  .hero-section .stores-badge .store:last-child { margin: 16px 0 0; }

  /* HERO-1 */
  .hero-1 { padding-top: 90px; padding-bottom: 90px; }
  .hero-1-txt h1 { font-size: 2.5rem; padding: 0 3%; }
  .hero-1-txt p.fs-19px { font-size: 1.125rem; margin: 15px 0 24px 0; }
  .hero-1-img { margin: 35px 3% 0; }

  /* HERO-2 */
  .hero-2 { padding-top: 90px; }
  .hero-2-txt { margin: 0; }
  .hero-2-txt h1 { font-size: 2.625rem; }
  .hero-2-txt p.fs-21px { font-size: 1.15rem; margin: 14px 4% 20px; }
  .hero-2-img { margin: 40px 0 -50px; }

  /* HERO-3 */
  .hero-3 { padding-top: 90px; }
  .hero-3-txt { margin: 0; padding: 0; }
  .hero-3-txt h1 { font-size: 2.5rem; }
  .hero-3-txt p.fs-19px { font-size: 1.1rem; margin: 15px 0 20px; }
  .hero-3-img { margin: 40px 0 -40px; }

  /* HERO-4 */
  .hero-4 { padding-top: 90px; padding-bottom: 0; margin-bottom: 25px; }
  .hero-4-txt { margin: 0 3%; }
  .hero-4-txt h1 { font-size: 2.375rem; padding: 0; margin-bottom: 14px; }
  .hero-4-txt p.fs-19px { font-size: 1.125rem; }
  #hero-4-form { text-align: left; padding: 30px 20px 20px; margin: 35px 1% -25px; }
  .form-logo { margin-bottom: 28px; }
  .form-logo img { max-height: 34px; }
  #hero-4-form h2 { font-size: 1.65rem; }
  #hero-4-form p { font-size: 1.0625rem; margin: 10px 0 15px; }
  #hero-4-form .form-control { margin-bottom: 18px; }
  #hero-4-form .btn { height: 54px; font-size: 1.1rem; }

  /* HERO-5 */
  .hero-5 { padding-top: 80px; }
  .hero-5-data { width: 230px; margin-top: -280px; border-radius: 14px; }
  .hero-5-data li { padding: 18px 0; }
  .hero-5-data h1 { font-size: 1.75rem; }
  .hero-5-data span.fs-32px { font-size: 1.65rem; }
  .hero-5-data p { font-size: 1.1rem; margin-top: 10px; }
  .hero-5-data .btn { font-size: 1rem; padding: 0.85rem 1.15rem; }

  /* HERO-6 */
  .hero-6 { padding-top: 90px; }
  .hero-6-txt h1 { font-size: 2.375rem; }
  .hero-6-txt p.fs-20px { font-size: 1.15rem; margin: 14px 0 22px; }
  .hero-6-img { margin: 40px 0 0; }

  /* HERO-7 */
  .hero-7 { padding-top: 90px; margin-bottom: 40px; }
  .hero-7-txt { margin: 0 2%; }
  .hero-7-txt h1 { font-size: 2.625rem; }
  .hero-7-text { margin: 14px 0 22px; text-align: left; }
  .hero-7-text p.fs-19px { font-size: 1.1rem; }
  .hero-7-img { margin: 35px 0 -40px; }

  /* HERO-8 */
  .hero-8 { padding-top: 90px; }
  .hero-8-txt { margin: 0; }
  .hero-8-txt h1 { font-size: 2.5rem; }
  .hero-8-txt p.fs-19px { font-size: 1.125rem; margin: 15px 2% 22px; }
  .hero-8.hero-section .quick-form.form-half { margin: 0 4%; }
  .hero-8-img { margin: 40px 5% -15px; }

  /* HERO-9 */
  .hero-9 { padding-top: 90px; }
  #hero-9-form { padding: 40px 18px 25px; margin: 0 1%; }
  #hero-9-form h1 { font-size: 1.85rem; }
  #hero-9-form p { font-size: 1.0625rem; margin: 12px 0 18px; }
  #hero-9-form .form-control { margin-bottom: 18px; }
  #hero-9-form .btn { height: 54px; font-size: 1.1rem; }

  /* HERO-10 */
  .hero-10 { padding-top: 90px; margin-bottom: 50px; }
  .hero-10-txt h1 { font-size: 2.375rem; }
  .hero-10-txt p.fs-21px { font-size: 1.125rem; margin: 12px 2% 20px; }
  .hero-10-img { margin: 40px 0 -50px; }

  /* HERO-11 */
  .hero-11 { padding-top: 90px; }
  .hero-11-txt { margin: 0; }
  .hero-11-txt h1 { font-size: 2.5rem; padding: 0 4%; }
  .hero-11-txt p.fs-19px { font-size: 1.125rem; margin: 16px 2% 22px; }
  .hero-11-img { margin: 35px 10px 0; }

  /* HERO-12 */
  .hero-12 { padding-top: 90px; }
  .hero-12.shape--02:after { top: 80%; }
  .hero-12-txt { margin: 0 2% 35px; }
  .hero-12-txt h1 { font-size: 2.375rem; }
  .hero-12-txt p.fs-21px { font-size: 1.125rem; margin: 14px 0 0; }

  /* HERO-13 */
  .hero-13 { padding-top: 90px; margin-bottom: 40px; }
  .hero-13 h1 { font-size: 2.15rem; margin-bottom: 0; }
  .hero-13 h1 br { display: none; }
  .hero-13-txt { margin: 18px 0 35px; }
  .hero-13-text { text-align: left; margin-bottom: 25px; }
  .hero-13-text p.fs-19px { font-size: 1.0625rem; }
  .hero-13-img { margin: 0 0 -40px; }

  /* HERO-14 */
  .hero-14 { padding-top: 100px; padding-bottom: 90px; }
  .hero-14-txt h1 { font-size: 2.75rem; padding: 0 2%; }
  .hero-14-txt p.fs-20px { font-size: 1.125rem; margin: 12px 2% 20px; }

  /* HERO-15 */
  .hero-15 { padding-top: 100px; margin-bottom: 40px; overflow: visible; }
  .hero-15-txt { padding: 0; }
  .hero-15-txt h1 { font-size: 2.375rem; }
  .hero-15-txt p.fs-21px { font-size: 1.125rem; margin: 12px 0 22px; }
  .hero-15-img { margin: 35px 0 -40px; }

  /* HERO-16 */
  .hero-16 { padding-top: 90px; }
  .hero-16-txt { margin: 0; }
  .hero-16-txt h1 { font-size: 2.5rem; line-height: 1.2; padding: 0 2%; }
  .hero-16-txt p.fs-20px { font-size: 1.125rem; margin: 12px 0 22px; }
  .hero-16-img { margin: 40px 0 0; }

  /* HERO-17 */
  .hero-17 { overflow: visible; padding-top: 90px; margin-bottom: 40px; }
  .hero-17 h1 { font-size: 2.375rem; }
  .hero-17-txt { margin: 15px 2% 0; }
  .hero-17-text { text-align: left; margin-bottom: 25px; }
  .hero-17-text p.fs-19px { font-size: 1.125rem; }
  .hero-17-img { margin: 35px 0 -40px; }

  /* HERO-18 */
  .hero-18 { padding-top: 100px; padding-bottom: 0; }
  .hero-18-txt { margin: 0 2%; padding: 0; }
  .hero-18 h1 { font-size: 2.375rem; padding: 0 3%; }
  .hero-18-txt p.fs-20px { font-size: 1.125rem; margin: 14px 0 20px; }
  .hero-18-txt .advantages { margin-top: 5px; }
  .hero-18-img { margin: 35px 0 0; padding: 0; }
  .hero-18-txt .form-control { background-color: #fff; border: 1.5px solid #ddd; padding: 0 20px; margin-bottom: 18px; }
  .hero-18-txt .form-btn .btn { width: 100%; height: 56px; font-size: 1.1rem; }

  /* HERO-19 */
  .hero-19 { overflow: visible; padding-top: 90px; margin-bottom: 40px; }
  .hero-19-txt { margin: 0 2%; }
  .hero-19-txt h1 { font-size: 2.625rem; }
  .hero-19-text { margin: 14px 0 22px; text-align: left; }
  .hero-19-text p.fs-19px { font-size: 1.1rem; }
  .hero-19-img { margin: 35px 0 -40px; }

  /* HERO-20 */
  .hero-20 { padding-top: 100px; padding-bottom: 90px; }
  .hero-20-txt .section_badge { font-size: 0.9rem; margin-bottom: 35px; }
  .hero-20-txt h1 { font-size: 2.5rem; padding: 0 2%; }
  .hero-20-txt p.fs-19px { font-size: 1.125rem; margin: 12px 0 20px; }

  /* HERO-21 */
  .hero-21 { padding-top: 90px; margin-bottom: 50px; }
  .hero-21-txt h1 { font-size: 2.1875rem; }
  .hero-21-txt p.fs-21px { font-size: 1.125rem; margin: 12px 2% 20px; }
  .hero-21-img { margin: 40px 0 -50px; }

  /* HERO-22 */ 
  .hero-22-wrapper { margin: 80px -30px 50px; padding: 80px 26px 0; }
  .hero-22-txt h1 { font-size: 2.325rem; }
  .hero-22-txt p.fs-19px { font-size: 1.0625rem; margin: 12px 0 18px; }
  .hero-22-img { margin: 40px 2% -50px; }

  /* HERO-23 */
  .hero-23 { padding-top: 90px; padding-bottom: 90px; }
  .hero-23-txt h1 { font-size: 2.375rem; }
  .hero-23-txt p.fs-19px { font-size: 1.125rem; margin: 16px 0 24px 0; }
  .hero-23-img { margin: 40px 5px 0; }

  /*------------------------------------------*/
  /*  CONTENT
  /*------------------------------------------*/

  /* ABOUT */
  .about-1-txt { margin-bottom: 30px; }
  .about-1-txt h1 { font-size: 2.375rem; margin-bottom: 14px; }
  .about-1-txt p { font-size: 1.0625rem; }

  /* FEATURES */
  .rows-2 .fb-1, .rows-2 .fb-2, .rows-2 .fb-3 { margin-bottom: 34px; }
  .rows-3 .fb-1, .rows-3 .fb-2, .rows-3 .fb-3, .rows-3 .fb-4, .rows-3 .fb-5 { margin-bottom: 34px; }

  /* FBOX-1 */
  .fbox-1.fb-1, .fbox-1.fb-2, .fbox-1.fb-3 { margin-bottom: 34px; }
  .fbox-1 .fbox-ico span { font-size: 3.625rem; }
  .fbox-1 p { padding: 0 8%; }

  /* FBOX-2 */
  .features-2 .fbox-wrapper { padding: 0 10px; }
  .features-2 .fb-1 { padding: 0 10px 35px; border-bottom: 1px solid var(--silver); }
  .features-2 .fb-2, .features-2 .fb-3 { padding: 35px 10px; border-bottom: 1px solid var(--silver); }
  .features-2 .fb-4 { padding: 35px 10px 0; }
  
  .fbox-2 .fbox-ico span { font-size: 3.625rem; }
  .fbox-2 p { padding: 0 3%; }

  /* FBOX-3 */
  .fbox-3 .fbox-ico-wrap { margin: 0 0 16px; }
  .fbox-3 .fbox-ico span { font-size: 3.75rem; }
  .fbox-3 p { padding: 0 3%; }

  /* FBOX-4 */
  .fbox-4 { padding: 0 10px; }
  .fbox-4.fb-1, .fbox-4.fb-2 { margin-bottom: 34px; } 
  .fbox-4 .fbox-img { padding-top: 35px; margin: 0 3% 55px; } 
  .fbox-4 .fbox-img img { max-height: 185px; } 

  /* FBOX-5 */
  .fbox-5.fb-1, .fbox-5.fb-2 { margin-bottom: 35px; }
  .fbox-5 .fbox-ico span { font-size: 4rem; }
  .fbox-5 span.main-font { margin: 15px 0 14px; }
  .fbox-5 p { padding: 0 4%; }

  /* FBOX-6 */
  .fbox-6-wrapper { padding: 0 3%; }
  .fbox-6 { padding: 0 30px; } 
  .fbox-6.fb-1 { margin-bottom: 35px; } 
  .fbox-6.fb-2 { padding: 35px 30px; margin-bottom: 35px; } 
  .ico-rounded { width: 100px; height: 100px; }
  .ico-rounded span { font-size: 2.9rem; }
  .ico-rounded [class*="flaticon-"]:before, .ico-rounded [class*="flaticon-"]:after { line-height: 100px!important; }
  .fbox-6 span.fs-70px { font-size: 3.75rem; }
  .fbox-6 span.main-font { margin: 24px 0 10px; }

  /* FBOX-7 */
  .fbox-7-wrapper { padding: 0 2%; }
  .fbox-7 { text-align: center; padding: 35px 30px; } 
  .fbox-7.fb-1, .fbox-7.fb-2, .fbox-7.fb-3 { margin-bottom: 35px; }
  .fbox-7 span.main-font { margin-top: 25px; }

  /* FBOX-8 */
  .fbox-8 { padding: 40px; }
  .fbox-8 span.main-font { margin-bottom: 10px; }
  .fbox-8 .fbox-ico span { font-size: 3.75rem; }

  /* CONTENT */
  .ct-03-wrapper { padding: 70px 20px; }
  .ct-04 { margin-bottom: 45px; }
  .ct-03 .fbox-3.mb-35 { margin-bottom: 30px; }
  .ct-03 .fbox-3.mb-30 { margin-bottom: 25px; }

  .fea-box { width: 290px; padding: 14px 18px; margin-top: 24px; }
  .fea-box span.fs-48px { font-size: 2.85rem; }
  .fea-box p { font-size: 1.15rem; margin-left: 18px; top: -2px; }
  .fea-box p span { margin-top: 8px; }

  .txt-block h2 { margin-bottom: 14px; }
  .txt-block span.main-font { margin: 15px 0; }

  .txt-block h2 { margin-bottom: 14px; }
  .txt-block span.main-font { margin: 16px 0; }

  /* Accordion */
  .txt-block .accordion { margin-top: 20px; }
  .txt-block .accordion-thumb { padding-bottom: 22px; }
  .txt-block .accordion-item { padding: 8px 0; }
  .txt-accordion .accordion-thumb:after, .txt-accordion .is-active .accordion-thumb:after { top: -3px; }

  /* Text Block Stat */
  .txt-block-stat { margin-top: 20px; }
  #sb-3-1, #sb-3-2 { width: 49%; }
  .txt-block-stat h2.statistic-number { font-size: 2.75rem; margin-bottom: 12px; }
  .txt-block-stat p { font-size: 1rem; }

  /* Tabs */
  .tabs-1 li { padding: 27px 30px; margin-bottom: 18px; border-radius: 10px; }
  .tabs-1 li span.main-font { margin: 0 0 10px; }

  /* CBOX-1 */
  .cbox-1-wrapper { margin-bottom: 50px; }
  .cbox-1 { padding: 25px 20px; }

  .cbox-1 hr { margin-top: 25px; margin-bottom: 20px; }
  .cbox-1-menu { top: -8px; right: 0; }

  .cbox-1-title span.main-font { margin-bottom: 25px; }
  .cbox-1-title h2.fs-56px { font-size: 2.85rem; }
  .cbox-1 .statistic-number sup { font-size: 2.5rem; top: -2px; margin-right: 5px; }
  .cbox-1-title p.ico-10 { font-size: 1.1rem; }
  .cbox-1-img { margin-top: 25px; }

  .ct-01 .img-block.left-column, .ct-01 .img-block.right-column, .ct-02 .img-block { margin: 0 0 45px; }
  .ct-04 .img-block { margin-bottom: -45px; }
  .ct-05 .img-block { margin-top: 35px; }

  .more-btn.mt-50 { margin-top: 35px; }

  /* TEAM */
  .team-members-wrapper { text-align: center; padding: 0 3%; }
  .tm-1, .tm-2, .tm-3, .tm-4, .tm-5, .tm-6, .tm-7 { margin-bottom: 40px; }
  .team-member-photo { margin-bottom: 25px; }
  .team-member-data span.main-font { font-size: 1.5rem; }
  .team-member-data p { font-size: 1.2125rem; margin: 3px 0 0; }

  /* PROJECTS */
  .projects-1 .masonry-item, .projects-2 .masonry-item { padding: 0 5px; }
  .projects-1 .project-txt { margin-top: 20px; padding: 0 18px; }
  .projects-2 .project-txt { padding: 10px 10px 0 10px; }
  .projects-2 .project-txt p { font-size: 1.1rem; margin-bottom: 18px; }
  .project-rating { margin-top: 16px; }
  .project-rating span { font-size: 1.1rem; }
  .project-rating small { top: -1.5px; left: 5px; font-size: 1.0625rem; }
  .projects-1 .more-btn { margin-top: 10px; }

  /* PROJECT DETAILS */
  .project-category { margin-bottom: 22px; }
  .project-title h1 { font-size: 2.25rem; padding: 0 0 30px 0; }
  .project-data { margin: 30px 0 40px; }

  .project-inner-img .top-img { margin-bottom: 25px; }

  .project-description span.main-font.fs-26px { margin: 12px 0; }
  .project-inner-img { margin: 30px 0; }
  .project-share-icons { margin-top: 35px; margin-left: 10px; padding-top: 40px; }
  .project-share-icons .share-social-icons a span { margin-right: 14px; }
  .more-projects.text-end { text-align: left!important; margin-top: 10px; }
  #project-details .more-projects span.main-font { font-size: 1.5rem; }
  #project-details .more-projects span.fs-22px { font-size: 1.135rem; top: 2px; left: 2px; }

  /* INTEGRATIONS */
  .int_tool-1 { padding: 32px 22px; margin: 0 4% 30px; }
  .int_tool-1 img { max-height: 56px; }
  .int_tool-1 span.main-font { margin: 22px 0 12px; }

  /* TESTIMONIALS */
  .reviews-wrapper { margin: 0 -15px; padding: 75px 15px 65px; }
  .reviews-wrapper:after { width: 100%; left: 0; border-radius: 0; }

  .review-1 { padding: 30px 30px; margin: 0 9px 30px; }
  .review-2 { padding: 30px 30px 25px; margin: 0 9px 30px; }

  .review-1 .review-ico { top: 0; right: 20px; }
  .review-source { top: 20px; right: 22px; }
  .review-source img, .owl-item .review-source img { max-height: 28px; }

  .review-1 .review-avatar img, .review-2 .review-avatar img { width: 55px; height: 55px; }
  .review-1 .review-txt p, .review-2 .review-txt p { font-size: 1.15rem; margin-bottom: 16px; }

  .review-2 .author-data { margin-bottom: 14px; }
  .review-author { margin-left: 18px; }
  .review-author p, .review-2 .review-author p { font-size: 1.15rem; margin-bottom: 8px; }
  .review-author span { font-size: 1.125rem; }
  
  .review-1 .star-rating { margin-bottom: 10px; }
  .reviews-section .star-rating [class^="flaticon-"]:before,
  .reviews-section .star-rating [class^="flaticon-"]:after { font-size: 1.1rem; }

  /* BRANDS */
  .brands-title { margin-bottom: 25px; padding: 0 5%; }
  .brands-1 .loop_carousel_left img { height: 3.375rem; padding: 0 10px; }
  #brand-2-1, #brand-2-2, #brand-2-3, #brand-2-4, #brand-2-5, #brand-2-6, #brand-2-7, #brand-2-8 { margin-bottom: 28px; }
  .brands-2-wrapper .brand-logo { width: 50%; padding: 0 30px; }

  /* STATISTIC */
  .statistic-2-wrapper { text-align: center; padding: 0 2%; }
  .statistic-2-wrapper .col-sm-6 { width: 50%!important; display: inline-block; }
  #stb-1-1, #stb-1-2 { margin-bottom: 30px; }
  #stb-2-1, #stb-2-2 { padding: 0 5%; }
  .statistic-2 .txt-block h2 { font-size: 1.75rem; margin-bottom: 25px; }
  .statistic-1-wrapper h2, .statistic-2-wrapper h2 { font-size: 3rem; }
  .statistic-1-wrapper p { font-size: 1.1rem; margin-top: 12px; }
  .txt-block-rating.fs-18px, .statistic-2-wrapper p { font-size: 1.0625rem; }

  /* PRICING */
  .pricing-1-table { padding: 28px 30px; margin-left: 3%; margin-right: 3%; }
  .pricing-2-table { padding: 28px 30px 20px; margin-left: 3%; margin-right: 3%; }
  #pt-1-1, #pt-1-2, #pt-2-1, #pt-2-2 { margin-bottom: 35px; }

  .pricing-discount { top: -5px; right: -8px; padding: 8px 16px; }
  .pricing-discount span.main-font { font-size: 1rem; }

  .pricing-table-header span.main-font { margin-bottom: 22px; }

  .price span { font-size: 3.25rem; } 
  .price sup { font-size: 2.25rem; top: -5px; }
  .price sup.validity { font-size: 1.65rem; }

  .price p { font-size: 1.0625rem; margin-top: 12px; }
  .pricing-1-table hr { margin-top: 20px; margin-bottom: 18px; }

  .pricing-features.mt-25 { margin-top: 20px; }
  .pricing-features li { padding: 10px 7px; }
  .pricing-features li p { font-size: 1.0625rem; }
  .pt-btn { margin-top: 20px; }
  .p-table p.btn-txt { margin: 12px 0 0 0; }

  .toggler-txt { font-size: 1.1875rem; }
  .toggler-txt span { display: none; }

  /* Pricing Notice */
  .pricing-notice p { padding: 0; }

  /* Pricing Compare */
  .table-responsive.mb-50 { margin-bottom: 30px; }
  .table>:not(caption)>*>* { padding: 10px 0 9px; }
  .comp-table .table-responsive thead th { font-size: 0.9375rem; }
  .comp-table .table-responsive tbody th { font-size: 0.915rem; line-height: 1.25; }
  .comp-table .table-responsive tbody td { font-size: 0.9rem; top: 0; line-height: 1.25; }

  .comp-table .table-responsive tbody td span { top: 3px; }

  .table-responsive .ico-15 [class*="flaticon-"]:before, 
  .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.675rem; }

  .table-responsive .ico-20 [class*="flaticon-"]:before, 
  .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.835rem; }

  .comp-table-payment { padding: 0 2%; }
  #pbox-1, #pbox-2 { margin-bottom: 25px; }
  .comp-table-payment span.main-font { font-size: 1.175rem; margin-bottom: 10px; }
  .payment-icons img { max-height: 35px; }

  /* RATING */
  .rating-1-title { margin-bottom: 30px; }
  .rbox-1-img img { max-height: 34px; } 

  /* CHANGELOG */
  span.version-data { margin-right: 15px; }
  span.release-date span { margin-left: 15px; }
  .release-data .btn { display: block; width: 100%; }
  .release-highlights p { font-size: 1.0625rem; }

  /* FAQs */
  .faq-1-title p { margin: 12px 0 20px; }
  .faqs-section .accordion-thumb { padding: 20px 0; }
  .faqs-section .accordion-item .accordion-thumb:after,
  .faqs-section .accordion-item.is-active .accordion-thumb:after {
    font-size: 0.825rem; width: 30px; height: 30px; line-height: 30px; top: 15px;
  }

  .faqs-2-wrapper span.main-font { margin-bottom: 8px; }

  .more-questions { margin-top: 15px; }
  .more-questions span { font-size: 1.25rem; line-height: 1.5; }
  .more-questions a { display: block; }

  /* BLOG LISTING */
  .blog-1 .blog-post { padding: 0 10px; }
  #blog-page .masonry-item { padding: 0; }
  .post-meta { margin-bottom: 8px; }
  .blog-1 .post-link { margin-bottom: 10px; }
  .blog-1 p.post-comments, #blog-page p.post-comments { margin-top: 14px; }

  .posts-category { padding-bottom: 35px; margin-bottom: 40px; }

  /* Wide Post */
  .wide-post { padding: 16px 16px 32px;  }
  #blog-page .wide-post .blog-post-txt { padding: 0 14px; }
  .featured-badge { top: 30px; right: 30px; }
  .wide-post .post-meta { margin-bottom: 10px; }
  .wide-post .blog-post-txt h2 { font-size: 1.4625rem; }
  .wide-post .blog-post-img { margin-bottom: 32px; }

  /* SINGLE BLOG POST */
  .single-post-title { padding-bottom: 32px; margin-bottom: 32px; }
  .single-post-title h1 { margin-bottom: 35px; }

  .author-avatar { margin-right: 20px; }
  .author-avatar img { width: 56px; height: 56px; }
  .post-title-meta { margin-top: 0; }
  .post-title-meta span.main-font { font-size: 1.125rem; margin-bottom: 8px; }
  .post-title-meta p { line-height: 1.5; }

  .post-title-icons { margin: 15px 0 0 10px; }
  .share-social-icons, .share-social-icons a { margin: 0; }

  .single-post-txt span.main-font.fs-20px { font-size: 1.125rem; margin-bottom: 12px; line-height: 1.4; }
  .single-post-txt span.main-font.fs-28px { font-size: 1.4375rem; margin-top: 20px; margin-bottom: 20px; line-height: 1.4; }
  .simple-list p span { font-size: 1.0625rem; }

  .post-share-links { padding: 25px 0 50px; }
  .post-tags-list span a { display: inline-block; font-size: 1rem; padding: 7px 15px; margin-bottom: 12px; }

  .post-share-list.text-end { margin-top: 20px; }
  .post-share-list li { margin-right: 15px; }

  .post-inner-img { margin: 30px 0; }
  .post-inner-img .top-img { margin-bottom: 25px; }

  .author-info { display: block; border-radius: 10px; margin-top: 60px; padding: 30px; }
  .author-info-txt span.fs-22px { margin-bottom: 5px; }
  .author-info-avatar { margin: 0 0 25px 0; }
  .author-info-avatar img { width: 68px; height: 68px; }
  .author-follow-btn { top: 40px; right: 30px; }
  .author-follow-btn .btn { font-size: 0.95rem; padding: 0.65rem 1.1rem; }

  #post-comments { padding-top: 50px; padding-bottom: 35px; }
  #post-comments img { width: 50px; height: 50px; }
  .comment-body { margin-left: 16px; }
  .comment-meta { margin-bottom: 8px; }
  .comment-meta span.main-font { font-size: 1.125rem; margin-bottom: 6px; }
  .comment-date, .btn-reply a { font-size: 1.05rem; }
  .btn-reply.ico-20 [class*="flaticon-"]:before, .btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 1.05rem; }

  #leave-comment { margin-top: 50px; }
  .comment-form { margin-top: 40px; }
  .comment-form .form-control { height: 54px; font-size: 1.1rem; padding: 0 15px; margin-bottom: 25px; }
  .comment-form textarea { min-height: 190px; }
  .comment-form textarea.form-control { padding: 20px 15px; }
  .comment-form .btn { width: 100%; height: 54px; margin-top: 0; }

  /* BANNER */
  .banner-1-full { padding-top: 75px; padding-bottom: 85px; }
  .banner-1-wrapper { padding: 72px 15px 82px; }
  .banner-2-wrapper { padding: 40px 30px; }
  .banner-4-wrapper { text-align: center; padding: 70px 40px; }
  .banner-5-wrapper { text-align: center; padding: 30px 24px; margin: 0; }

  .banner-3-full .banner-3-txt { padding: 0 3%; }

  .banner-2-txt h2 { font-size: 2rem; line-height: 1.25; }
  .banner-3-txt h2 { font-size: 2.625rem; }
  .banner-4-txt h2 { font-size: 2.5rem; margin-bottom: 12px; }
  .banner-1-txt p.fs-20px { margin: 14px 3% 20px; }
  .banner-3-txt p.fs-20px { margin: 14px 0 20px; }
  .banner-5-wrapper p { padding: 0; margin-bottom: 15px!important; }

  .banner-2-btn { top: 0; margin-top: 18px; }
  .banner-2-btn p { margin: 12px 0 0; }
  .banner-4-txt .stores-badge { margin-top: 20px; }

  .banner-section .stores-badge { padding: 0 10%; }
  .banner-section .stores-badge .store { margin-right: 0; }
  .banner-section .stores-badge .store:last-child { margin: 16px 0 0; }

  .banner-3-img { margin: 35px 0 -170px; }
  .banner-4-img { margin: 35px 0 0; }

  /* NEWSLETTER */
  .newsletter-1.py-70 { padding-top: 60px; padding-bottom: 45px; }
  .newsletter-1 .newsletter-txt { padding: 0 5%; }
  .newsletter-1 .newsletter-form { margin-top: 20px; padding: 0 5%; }

  .newsletter-section .form-control { height: 60px; font-size: 1.15rem; }
  .newsletter-section .btn { height: 60px; font-size: 1.1rem; padding: 0.6rem 1.35rem; }

  /* CONTACTS */
  .contact-form p.fs-19px { margin-bottom: 15px; }
  .contact-form span.fs-17px { display: none; }

  .contact-form .form-control, 
  .contact-form .form-select { height: 60px; font-size: 1.1rem; padding: 0 15px; margin-bottom: 30px; }
  .contact-form textarea { min-height: 190px; }

  /* FOOTER */
  img.footer-logo { max-height: 36px; }

  .footer span.main-font { font-size: 1.1875rem; margin-bottom: 18px; }
  .foo-links li p { margin-bottom: 7px; }

  .footer-form .form-control { font-size: 1.1rem; height: 38px; }
  .footer-form .btn { height: 38px; }
  .footer-form .btn span { font-size: 1.125rem; }

  .bottom-footer-list li span { top: 2px; }

  /* INNER PAGE WRAPPER */
  .inner-page-title p { font-size: 1.25rem; margin-top: 16px; }
  .page-hero-section h1 { line-height: 1.35; }
  .page-hero-section p { padding: 0 3%; margin-top: 12px; }

  /* TERMS, PRIVACY, COOKIES */
  .txt-block.legal-info span.fs-28px { margin: 25px 0 12px; }
  .txt-block.legal-info span.fs-25px { margin: 15px 0; }
  .txt-block.legal-info span.fs-28px span, .txt-block.legal-info span.fs-25px span { margin-right: 2px; }

  /* PAGE 404 */
  #page-404 { padding-top: 90px; padding-bottom: 90px; }
  #page-404 h1.tra-header { font-size: 12.5rem; }
  #page-404 p { font-size: 1.125rem; margin: 16px 0 18px; }
  .page-404-img { margin-bottom: 25px; }
  .page-404-img img { max-height: 190px; left: 20px; }

  /* SIGN-IN / SIGN-UP PAGE */
  .login-1 .register-page-form, .signup-1 .register-page-form { padding: 120px 2% 130px; }
  .login-2, .signup-2 { padding: 110px 0; }
  .login-3, .signup-3 { padding: 120px 0; }
  .login-2 .register-page-form { padding: 40px 22px 35px; margin: 0 2%; }
  .signup-2 .register-page-form { padding: 40px 20px 35px; margin: 0; }
  .login-3 .register-page-form, .signup-3 .register-page-form { padding: 0 2%; }

  .register-form-title { margin-bottom: 24px; }
  .reset-password-link p { margin-bottom: 25px; }
  .signup-1 .form-data span, .signup-2 .form-data span { font-size: 1rem; }

  .btn-show-pass { top: 18px; right: 16px; }

  .form-notice { padding: 0 3%; margin-top: 35px; }

  .btn-register { font-size: 1.1rem; padding: 1.125rem 1.65rem; }
  .btn-register img { width: 18px; height: 18px; top: -1px; }

  /* RESET PASSWORD PAGE */
  .reset-pass-1 .reset-page-wrapper { padding: 150px 2%; }
  .reset-pass-2 .reset-page-wrapper { padding-top: 150px; padding-bottom: 150px; }
  .reset-pass-2 .reset-form-wrap { margin: 0 2%; }

  .reset-form-title p { margin: 16px 0; }
  .reset-password-form .form-data p { margin: 18px 0 12px; }

  .reset-page-wrapper .form-control, .register-page-form .form-control { height: 54px; font-size: 1.125rem; margin-bottom: 20px; }
  .reset-page-wrapper .btn.submit, #login .register-page-form .btn.submit, 
  #signup .register-page-form .btn.submit { height: 54px; font-size: 1.1rem; }

}



/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 390px) and (max-width: 413.98px) {

  #stlChanger { display: none; }
  .division { padding-left: 4px; padding-right: 4px; }

  /*------------------------------------------*/
  /*  TYPOGRAPHY
  /*------------------------------------------*/

  .fs-16px { font-size: 1.0625rem; }  /* 17px */
  .fs-18px { font-size: 1.0625rem; }  /* 17px */
  .fs-19px { font-size: 1.0625rem; }  /* 17px */
  .fs-20px { font-size: 1.0625rem; }  /* 17px */
  .fs-21px { font-size: 1.1875rem; }  /* 19px */
  .fs-22px { font-size: 1.25rem; }    /* 20px */
  .fs-23px { font-size: 1.375rem; }   /* 22px */
  .fs-24px, .fs-25px, .fs-26px { font-size: 1.4375rem; }  /* 23px */
  .fs-27px, .fs-28px { font-size: 1.5rem; }     /* 24px */
  .fs-29px, .fs-30px { font-size: 1.5625rem; }  /* 25px */
  .fs-32px, .fs-34px { font-size: 1.625rem; }   /* 26px */
  .fs-36px, .fs-38px { font-size: 1.6875rem; }  /* 27px */
  .fs-40px, .fs-42px { font-size: 1.75rem; }    /* 28px */
  .fs-44px, .fs-46px { font-size: 1.875rem; }   /* 30px */
  .fs-48px, .fs-50px { font-size: 2rem; }       /* 32px */
  .fs-52px, .fs-54px { font-size: 2.125rem; }   /* 34px */
  .fs-56px { font-size: 2.25rem; }    /* 36px */
  .fs-58px { font-size: 2.3725rem; }  /* 38px */
  .fs-60px { font-size: 2.5rem; }     /* 40px */
  .fs-62px { font-size: 2.625rem; }   /* 42px */
  .fs-64px { font-size: 2.75rem; }    /* 44px */
  .fs-66px { font-size: 2.875rem; }   /* 46px */
  .fs-68px { font-size: 3rem; }       /* 48px */
  .fs-70px { font-size: 3.125rem; }   /* 50px */
  .fs-72px { font-size: 3.25rem; }    /* 52px */
  .fs-74px { font-size: 3.375rem; }   /* 54px */
  .fs-76px { font-size: 3.5rem; }     /* 56px */
  .fs-78px { font-size: 3.625rem; }   /* 58px */
  .fs-80px { font-size: 3.75rem; }    /* 60px */
  .fs-82px { font-size: 3.875rem; }   /* 62px */
  .fs-84px { font-size: 4rem; }       /* 64px */
  .fs-86px { font-size: 4.125rem; }   /* 66px */
  .fs-88px { font-size: 4.25rem; }    /* 68px */
  .fs-90px { font-size: 4.375rem; }   /* 70px */
  .fs-92px { font-size: 4.5rem; }     /* 72px */
  .fs-94px { font-size: 4.625rem; }   /* 74px */
  .fs-96px { font-size: 4.75rem; }    /* 76px */
  .fs-98px { font-size: 4.875rem; }   /* 78px */
  .fs-100px { font-size: 5rem; }      /* 80px */

  h2 { line-height: 1.3; }
  p { font-size: 1.0625rem; }  /* 17px */
  ol.digit-list p { margin-bottom: 5px; }

  /* Button */
  .btn, .btn.btn-md { font-size: 1.0625rem; padding: 0.935rem 1.25rem; }

  /* Video Popup Link */
  .video-link span.fs-34px { font-size: 2.25rem; }
  .video-link-txt { font-size: 1.135rem; }

  /* Video Popup Icon */
  .video-btn { width: 6rem; height: 6rem; margin-top: -3rem; margin-left: -3rem; }
  .video-btn [class^="flaticon-"]:before, .video-btn [class^="flaticon-"]:after {font-size: 5rem; line-height: 6rem!important; }

  /* Download Button */
  .os-btn { width: 310px; min-width: 310px; padding: 22px 20px; display: inline-flex; margin-bottom: 18px; }
  .os-btn-txt { padding-left: 14px; }
  .os-btn-ico img { max-height: 45px; }

  /* Store Badges */
  .badge-img-sm .store img, .badge-img-md .store img, .badge-img-lg .store img, .badge-img-xl .store img { max-height: 3.25rem; }
  .os-version-ext { margin-top: 18px; }
  .os-version-ext .star-rating small { font-size: 0.975rem; }
  span.os-version { font-size: 0.975rem; margin-top: 6px; }

  /* Section Title */
  .title-01.mb-50, .title-01.mb-60, .title-01.mb-70 { margin-bottom: 30px; }
  .title-01 p { margin: 10px 0 0; }

  /* Advantages */
  .advantages, .text-center .advantages { margin-top: 18px; }
  .advantages li p { font-size: 1rem; }
  .advantages li span { top: 0.25px; }

  /* Users Widget */
  .users-widget.mt-25 { margin-top: 20px; }
  .users-widget .u-txt p { font-size: 1rem; }
  .users-widget .u-ava { margin-right: 12px; }
  .users-widget .u-ava img { max-height: 50px; }

  /*------------------------------------------*/
  /*  HEADER & NAVIGATION MENU 
  /*------------------------------------------*/

  .wsmobileheader .smllogo { margin-top: 23px; padding-left: 16px; }
  .smllogo img { max-height: 35px; }

  /*------------------------------------------*/
  /*  HERO
  /*------------------------------------------*/

  /* HERO TEXT WIDGET */
  .txt-widget { margin-bottom: 40px; }
  .txt-widget a { font-size: 0.975rem; padding: 10px 16px; }
  .txt-widget span { top: 5px; right: 5px; }
  .txt-widget.ico-20 [class*="flaticon-"]:before, .txt-widget.ico-20 [class*="flaticon-"]:after { font-size: 1.3rem; }

  /* HERO AVATARS WIDGET */
  .hero-avatars-widget { font-size: 1.0625rem; margin-bottom: 32px; }
  .hero-avatars-widget img { max-height: 32px; }

  /* HERO QUICK FORM */
  .hero-section .text-center .quick-form, .hero-section .quick-form.form-half { margin: 0 2%; }
  .hero-section .text-center .quick-form.mx-30 { margin: 0 2%; }
  .hero-section .quick-form .form-control, .hero-section .quick-form .btn, 
  .hero-section .quick-form.form-half .btn { height: 54px; font-size: 1.0625rem; }
  .hero-section .quick-form.form-half .form-control { height: 54px; font-size: 1.0625rem; margin-bottom: 18px; }

  .hero-section .text-center .quick-form-msg { margin: 20px 0 0 0; }

  .hero-section .btns-group { display: block!important; padding: 0 10%; }
  .hero-section .video-link.ml-20, .hero-section .btn.ml-15, .hero-section .btn.ml-20 { margin: 20px 0 0; }
  .hero-section .stores-badge { padding: 0 10%; }
  .hero-section .stores-badge .store { margin-right: 0; }
  .hero-section .stores-badge .store:last-child { margin: 16px 0 0; }

  /* HERO-1 */
  .hero-1 { padding-top: 90px; padding-bottom: 80px; }
  .hero-1-txt h1 { font-size: 2.375rem; }
  .hero-1-txt p.fs-19px { font-size: 1.125rem; margin: 14px 0 24px 0; }
  .hero-1-img { margin: 35px 5px 0; }

  /* HERO-2 */
  .hero-2 { padding-top: 90px; }
  .hero-2-txt { margin: 0; }
  .hero-2-txt h1 { font-size: 2.5rem; }
  .hero-2-txt p.fs-21px { font-size: 1.125rem; margin: 12px 0 20px; }
  .hero-2-img { margin: 40px 0 -50px; }

  /* HERO-3 */
  .hero-3 { padding-top: 90px; }
  .hero-3-txt { margin: 0; padding: 0; }
  .hero-3-txt h1 { font-size: 2.375rem; }
  .hero-3-txt p.fs-19px { font-size: 1.1rem; margin: 12px 0 20px; }
  .hero-3-img { margin: 35px 0 -40px; }

  /* HERO-4 */
  .hero-4 { padding-top: 90px; padding-bottom: 0; margin-bottom: 25px; }
  .hero-4-txt { margin: 0; }
  .hero-4-txt h1 { font-size: 2.25rem; padding: 0; margin-bottom: 14px; }
  .hero-4-txt p.fs-19px { font-size: 1.125rem; }
  #hero-4-form { text-align: left; padding: 30px 20px 20px; margin: 35px 0 -25px; }
  .form-logo { margin-bottom: 28px; }
  .form-logo img { max-height: 34px; }
  #hero-4-form h2 { font-size: 1.625rem; }
  #hero-4-form p { font-size: 1.0625rem; margin: 10px 0 15px; }
  #hero-4-form .form-control { margin-bottom: 18px; }
  #hero-4-form .btn { height: 54px; font-size: 1.1rem; }

  /* HERO-5 */
  .hero-5 { padding-top: 80px; }
  .hero-5-data { width: 220px; margin-top: -270px; border-radius: 14px; }
  .hero-5-data li { padding: 18px 0; }
  .hero-5-data h1 { font-size: 1.675rem; }
  .hero-5-data span.fs-32px { font-size: 1.5rem; }
  .hero-5-data p { font-size: 1.0625rem; margin-top: 10px; }
  .hero-5-data .btn { font-size: 1rem; padding: 0.85rem 1.15rem; }

  /* HERO-6 */
  .hero-6 { padding-top: 90px; }
  .hero-6-txt h1 { font-size: 2.25rem; }
  .hero-6-txt p.fs-20px { font-size: 1.15rem; margin: 14px 0 22px; }
  .hero-6-img { margin: 40px 0 0; }

  /* HERO-7 */
  .hero-7 { padding-top: 90px; margin-bottom: 40px; }
  .hero-7-txt { margin: 0 2%; }
  .hero-7-txt h1 { font-size: 2.5rem; }
  .hero-7-text { margin: 12px 0 20px; text-align: left; }
  .hero-7-text p.fs-19px { font-size: 1.035rem; }
  .hero-7-img { margin: 35px 0 -40px; }

  /* HERO-8 */
  .hero-8 { padding-top: 90px; }
  .hero-8-txt { margin: 0; }
  .hero-8-txt h1 { font-size: 2.375rem; }
  .hero-8-txt p.fs-19px { font-size: 1.125rem; margin: 12px 0 20px; }
  .hero-8.hero-section .quick-form.form-half { margin: 0 2%; }
  .hero-8-img { margin: 35px 5% -15px; }

  /* HERO-9 */
  .hero-9 { padding-top: 90px; }
  #hero-9-form { padding: 40px 15px 25px; margin: 0; }
  #hero-9-form h1 { font-size: 1.75rem; }
  #hero-9-form p { font-size: 1.05rem; margin: 12px 0 16px; }
  #hero-9-form .form-control { margin-bottom: 18px; }
  #hero-9-form .btn { height: 54px; font-size: 1.1rem; }

  /* HERO-10 */
  .hero-10 { padding-top: 90px; margin-bottom: 50px; }
  .hero-10-txt h1 { font-size: 2.25rem; }
  .hero-10-txt p.fs-21px { font-size: 1.125rem; margin: 12px 0 20px; }
  .hero-10-img { margin: 35px 0 -50px; }

  /* HERO-11 */
  .hero-11 { padding-top: 90px; }
  .hero-11-txt { margin: 0; }
  .hero-11-txt h1 { font-size: 2.5rem; padding: 0 4%; }
  .hero-11-txt p.fs-19px { font-size: 1.125rem; margin: 12px 0 20px; }
  .hero-11-img { margin: 35px 10px 0; }

  /* HERO-12 */
  .hero-12 { padding-top: 90px; }
  .hero-12.shape--02:after { top: 80%; }
  .hero-12-txt { margin: 0 0 35px; }
  .hero-12-txt h1 { font-size: 2.25rem; }
  .hero-12-txt p.fs-21px { font-size: 1.125rem; margin: 12px 0 0; }

  /* HERO-13 */
  .hero-13 { padding-top: 90px; margin-bottom: 40px; }
  .hero-13 h1 { font-size: 2rem; margin-bottom: 0; }
  .hero-13 h1 br { display: none; }
  .hero-13-txt { margin: 14px 0 35px; }
  .hero-13-text { text-align: left; margin-bottom: 20px; }
  .hero-13-text p.fs-19px { font-size: 1.0625rem; }
  .hero-13-img { margin: 0 0 -40px; }

  /* HERO-14 */
  .hero-14 { padding-top: 100px; padding-bottom: 90px; }
  .hero-14-txt h1 { font-size: 2.7rem; padding: 0 2%; }
  .hero-14-txt p.fs-20px { font-size: 1.125rem; margin: 12px 0 20px; }

  /* HERO-15 */
  .hero-15 { padding-top: 90px; margin-bottom: 40px; overflow: visible; }
  .hero-15-txt { padding: 0; }
  .hero-15-txt h1 { font-size: 2.375rem; }
  .hero-15-txt p.fs-21px { font-size: 1.125rem; margin: 12px 0 20px; }
  .hero-15-img { margin: 35px 0 -40px; }

  /* HERO-16 */
  .hero-16 { padding-top: 90px; }
  .hero-16-txt { margin: 0; }
  .hero-16-txt h1 { font-size: 2.375rem; line-height: 1.2; padding: 0 2%; }
  .hero-16-txt p.fs-20px { font-size: 1.125rem; margin: 12px 0 22px; }
  .hero-16-img { margin: 40px 0 0; }

  /* HERO-17 */
  .hero-17 { overflow: visible; padding-top: 90px; margin-bottom: 40px; }
  .hero-17 h1 { font-size: 2.275rem; }
  .hero-17-txt { margin: 14px 0 0; }
  .hero-17-text { text-align: left; margin-bottom: 25px; }
  .hero-17-text p.fs-19px { font-size: 1.1rem; }
  .hero-17-img { margin: 35px 0 -40px; }

  /* HERO-18 */
  .hero-18 { padding-top: 100px; padding-bottom: 0; }
  .hero-18-txt { margin: 0 1%; padding: 0; }
  .hero-18 h1 { font-size: 2.325rem; padding: 0 3%; }
  .hero-18-txt p.fs-20px { font-size: 1.125rem; margin: 14px 0 20px; }
  .hero-18-txt .advantages { margin-top: 5px; }
  .hero-18-img { margin: 35px 0 0; padding: 0; }
  .hero-18-txt .form-control { background-color: #fff; border: 1.5px solid #ddd; padding: 0 20px; margin-bottom: 18px; }
  .hero-18-txt .form-btn .btn { width: 100%; height: 54px; font-size: 1.1rem; }

  /* HERO-19 */
  .hero-19 { overflow: visible; padding-top: 90px; margin-bottom: 40px; }
  .hero-19-txt { margin: 0 2%; }
  .hero-19-txt h1 { font-size: 2.375rem; }
  .hero-19-text { margin: 12px 0 20px; text-align: left; }
  .hero-19-text p.fs-19px { font-size: 1.035rem; }
  .hero-19-img { margin: 35px 0 -40px; }

  /* HERO-20 */
  .hero-20 { padding-top: 100px; padding-bottom: 90px; }
  .hero-20-txt .section_badge { ont-size: 0.9rem; margin-bottom: 35px; }
  .hero-20-txt h1 { font-size: 2.35rem; padding: 0 2%; }
  .hero-20-txt p.fs-19px { font-size: 1.125rem; margin: 12px 0 20px; }

  /* HERO-21 */
  .hero-21 { padding-top: 90px; margin-bottom: 50px; }
  .hero-21-txt { padding: 0; }
  .hero-21-txt h1 { font-size: 2.125rem; }
  .hero-21-txt p.fs-21px { font-size: 1.125rem; margin: 12px 0 20px; }
  .hero-21-img { margin: 35px 0 -50px; }

  /* HERO-22 */ 
  .hero-22-wrapper { margin-bottom: 40px; }
  .hero-22-txt h1 { font-size: 2.25rem; }
  .hero-22-txt p.fs-19px { font-size: 1.0625rem; margin: 12px 0 18px; }
  .hero-22-img { margin: 40px 2% -40px; }

  /* HERO-23 */
  .hero-23 { padding-top: 90px; padding-bottom: 90px; }
  .hero-23-txt h1 { font-size: 2.25rem; }
  .hero-23-txt p.fs-19px { font-size: 1.125rem; margin: 14px 0 24px 0; }
  .hero-23-img { margin: 40px 0 0; }

  /*------------------------------------------*/
  /*  CONTENT
  /*------------------------------------------*/

  /* ABOUT */
  .about-1-txt { margin-bottom: 30px; }
  .about-1-txt h1 { font-size: 2.25rem; margin-bottom: 14px; }
  .about-1-txt p { font-size: 1.0625rem; }

  /* FEATURES */
  .rows-2 .fb-1, .rows-2 .fb-2, .rows-2 .fb-3 { margin-bottom: 32px; }
  .rows-3 .fb-1, .rows-3 .fb-2, .rows-3 .fb-3, .rows-3 .fb-4, .rows-3 .fb-5 { margin-bottom: 32px; }

  /* FBOX-1 */
  .fbox-1.fb-1, .fbox-1.fb-2, .fbox-1.fb-3 { margin-bottom: 32px; }
  .fbox-1 .fbox-ico span { font-size: 3.625rem; }
  .fbox-1 p { padding: 0 5%; }

  /* FBOX-2 */
  .features-2 .fbox-wrapper { padding: 0 10px; }
  .features-2 .fb-1 { padding: 0 0 35px; border-bottom: 1px solid var(--silver); }
  .features-2 .fb-2, .features-2 .fb-3 { padding: 35px 0; border-bottom: 1px solid var(--silver); }
  .features-2 .fb-4 { padding: 35px 0 0; }
  
  .fbox-2 .fbox-ico span { font-size: 3.625rem; }

  /* FBOX-3 */
  .fbox-3 .fbox-ico-wrap { margin: 0 0 16px; }
  .fbox-3 .fbox-ico span { font-size: 3.625rem; }

  /* FBOX-4 */
  .fbox-4 { padding: 0 5px; }
  .fbox-4.fb-1, .fbox-4.fb-2 { margin-bottom: 32px; } 
  .fbox-4 .fbox-img { padding-top: 35px; margin: 0 3% 55px; } 
  .fbox-4 .fbox-img img { max-height: 176px; } 

  /* FBOX-5 */
  .fbox-5.fb-1, .fbox-5.fb-2 { margin-bottom: 35px; }
  .fbox-5 .fbox-ico span { font-size: 4rem; }
  .fbox-5 span.main-font { margin: 15px 0 14px; }
  .fbox-5 p { padding: 0 4%; }

  /* FBOX-6 */
  .fbox-6-wrapper { padding: 0 1%; }
  .fbox-6 { padding: 0 28px; } 
  .fbox-6.fb-1 { margin-bottom: 35px; } 
  .fbox-6.fb-2 { padding: 38px 28px; margin-bottom: 35px; } 
  .ico-rounded { width: 94px; height: 94px; }
  .ico-rounded span { font-size: 2.75rem; }
  .ico-rounded [class*="flaticon-"]:before,  .ico-rounded [class*="flaticon-"]:after { line-height: 94px!important; }
  .fbox-6 span.fs-70px { font-size: 3.75rem; }
  .fbox-6 span.main-font { margin: 24px 0 10px; }

  /* FBOX-7 */
  .fbox-7-wrapper { padding: 0 1%; }
  .fbox-7 { text-align: center; padding: 35px 28px; } 
  .fbox-7.fb-1, .fbox-7.fb-2, .fbox-7.fb-3 { margin-bottom: 30px; }
  .fbox-7 span.main-font { margin-top: 20px; }

  /* FBOX-8 */
  .fbox-8 { padding: 35px 25px; }
  .fbox-8 span.main-font { margin-bottom: 10px; }
  .fbox-8 .fbox-ico span { font-size: 3.5rem; }

  /* CONTENT */
  .ct-03-wrapper { padding: 70px 20px; }
  .ct-04 { margin-bottom: 45px; }
  .ct-03 .fbox-3.mb-35 { margin-bottom: 30px; }
  .ct-03 .fbox-3.mb-30 { margin-bottom: 25px; }

  .fea-box { width: 290px; padding: 14px 18px; margin-top: 24px; }
  .fea-box span.fs-48px { font-size: 2.85rem; }
  .fea-box p { font-size: 1.15rem; margin-left: 18px; top: -2.5px; }
  .fea-box p span { margin-top: 8px; }

  .txt-block h2 { margin-bottom: 14px; }
  .txt-block span.main-font { margin: 15px 0; }

  /* Accordion */
  .txt-block .accordion { margin-top: 20px; }
  .txt-block .accordion-thumb { padding-bottom: 22px; }
  .txt-block .accordion-item { padding: 8px 0; }
  .txt-accordion .accordion-thumb:after, .txt-accordion .is-active .accordion-thumb:after { top: -3px; }

  /* Text Block Stat */
  .txt-block-stat { margin-top: 20px; }
  #sb-3-1, #sb-3-2 { width: 50%; padding: 0 8px; }
  .txt-block-stat h2.statistic-number { font-size: 2.75rem; margin-bottom: 12px; }
  .txt-block-stat p { font-size: 1rem; }

  /* Tabs */
  .tabs-1 li { padding: 27px 28px; margin-bottom: 18px; border-radius: 10px; }
  .tabs-1 li span.main-font { margin: 0 0 10px; }

  /* CBOX-1 */
  .cbox-1-wrapper { margin-bottom: 50px; }
  .cbox-1 { padding: 25px 20px; }

  .cbox-1 hr { margin-top: 25px; margin-bottom: 20px; }
  .cbox-1-menu { top: -8px; right: 0; }

  .cbox-1-title span.main-font { margin-bottom: 25px; }
  .cbox-1-title h2.fs-56px { font-size: 2.85rem; }
  .cbox-1 .statistic-number sup { font-size: 2.5rem; top: -2px; margin-right: 5px; }
  .cbox-1-title p.ico-10 { font-size: 1.1rem; }
  .cbox-1-img { margin-top: 25px; }

  .ct-01 .img-block.left-column, .ct-01 .img-block.right-column, .ct-02 .img-block { margin: 0 0 45px; }
  .ct-04 .img-block { margin-bottom: -45px; }
  .ct-05 .img-block { margin-top: 35px; }

  .more-btn.mt-50 { margin-top: 35px; }

  /* TEAM */
  .team-members-wrapper { text-align: center; padding: 0 2%; }
  .tm-1, .tm-2, .tm-3, .tm-4, .tm-5, .tm-6, .tm-7 { margin-bottom: 40px; }
  .team-member-photo { margin-bottom: 25px; }
  .team-member-data span.main-font { font-size: 1.5rem; }
  .team-member-data p { font-size: 1.2125rem; margin: 3px 0 0; }

  /* PROJECTS */
  .projects-1 .masonry-item { padding: 0 5px; }
  .projects-2 .masonry-item { padding: 0; }
  .projects-1 .project-txt { margin-top: 20px; padding: 0 15px; }
  .projects-2 .project-txt { padding: 10px 0 0 10px; }
  .projects-2 .project-txt p { font-size: 1.1rem; margin-bottom: 18px; }
  .project-rating { margin-top: 16px; }
  .project-rating span { font-size: 1.1rem; }
  .project-rating small { top: -1.5px; left: 5px; font-size: 1.0625rem; }
  .projects-1 .more-btn { margin-top: 5px; }

  /* PROJECT DETAILS */
  .project-category { margin-bottom: 22px; }
  .project-title h1 { font-size: 2.125rem; padding: 0 0 30px 0; }
  .project-data { margin: 30px 0 40px; }

  .project-inner-img .top-img { margin-bottom: 25px; }

  .project-description span.main-font.fs-26px { margin: 10px 0; }
  .project-inner-img { margin: 30px 0; }
  .project-share-icons { margin-top: 35px; margin-left: 10px; padding-top: 40px; }
  .project-share-icons .share-social-icons a span { margin-right: 14px; }
  .more-projects.text-end { text-align: left!important; margin-top: 10px; }
  #project-details .more-projects span.main-font { font-size: 1.45rem; }
  #project-details .more-projects span.fs-22px { font-size: 1.125rem; top: 2px; left: 2px; }

  /* INTEGRATIONS */
  .int_tool-1 { padding: 32px 25px; }
  .int_tool-1 img { max-height: 56px; }
  .int_tool-1 span.main-font { margin: 22px 0 12px; }

  /* TESTIMONIALS */
  .reviews-wrapper { margin: 0 -15px; padding: 75px 15px 60px; }
  .reviews-wrapper:after { width: 100%; left: 0; border-radius: 0; }

  .review-1 { padding: 30px 25px; margin: 0 10px 30px; }
  .review-2 { padding: 30px 25px 25px; margin: 0 10px 30px; }

  .review-1 .review-ico { top: 0; right: 20px; }
  .review-source { top: 20px; right: 22px; }
  .review-source img, .owl-item .review-source img { max-height: 28px; }

  .review-1 .review-avatar img, .review-2 .review-avatar img { width: 54px; height: 54px; }
  .review-1 .review-txt p, .review-2 .review-txt p { font-size: 1.125rem; margin-bottom: 16px; }
  .review-2 .review-txt p { margin-bottom: 13px; }

  .review-2 .author-data { margin-bottom: 14px; }
  .review-author { margin-left: 18px; }
  .review-author p, .review-2 .review-author p { font-size: 1.15rem; margin-bottom: 8px; }
  .review-author span { font-size: 1.0625rem; }
  
  .review-1 .star-rating { margin-bottom: 8px; }
  .reviews-section .star-rating [class^="flaticon-"]:before,
  .reviews-section .star-rating [class^="flaticon-"]:after { font-size: 1.1rem; }

  /* BRANDS */
  .brands-title { margin-bottom: 25px; }
  .brands-1 .loop_carousel_left img { height: 3.125rem; padding: 0 8px; }
  #brand-2-1, #brand-2-2, #brand-2-3, #brand-2-4, #brand-2-5, #brand-2-6, #brand-2-7, #brand-2-8 { margin-bottom: 28px; }
  .brands-2-wrapper .brand-logo { width: 50%; padding: 0 22px; }

  /* STATISTIC */
  .statistic-2-wrapper { text-align: center; padding: 0; }
  .statistic-2-wrapper .col-sm-6 { width: 50%!important; display: inline-block; }
  #stb-1-1, #stb-1-2 { margin-bottom: 30px; }
  #stb-2-1, #stb-2-2 { padding: 0 2%; }
  .statistic-2 .txt-block h2 { font-size: 1.65rem; margin-bottom: 25px; }
  .statistic-1-wrapper h2, .statistic-2-wrapper h2 { font-size: 2.85rem; }
  .statistic-1-wrapper p { font-size: 1.0625rem; margin-top: 10px; }
  .txt-block-rating.fs-18px, .statistic-2-wrapper p { font-size: 1.0625rem; }

  /* PRICING */
  .pricing-1-table { padding: 28px 30px; margin-left: 2%; margin-right: 2%; }
  .pricing-2-table { padding: 28px 30px 20px; margin-left: 2%; margin-right: 2%; }
  #pt-1-1, #pt-1-2, #pt-2-1, #pt-2-2 { margin-bottom: 35px; }

  .pricing-discount { top: -5px; right: -8px; padding: 8px 16px; }
  .pricing-discount span.main-font { font-size: 1rem; }

  .pricing-table-header span.main-font { margin-bottom: 22px; }

  .price span { font-size: 3.25rem; } 
  .price sup { font-size: 2.25rem; top: -5px; }
  .price sup.validity { font-size: 1.65rem; }

  .price p { font-size: 1.0625rem; margin-top: 12px; }
  .pricing-1-table hr { margin-top: 20px; margin-bottom: 18px; }

  .pricing-features.mt-25 { margin-top: 20px; }
  .pricing-features li { padding: 10px 7px; }
  .pricing-features li p { font-size: 1.0625rem; }
  .pt-btn { margin-top: 20px; }
  .p-table p.btn-txt { margin: 12px 0 0 0; }

  .toggler-txt { font-size: 1.175rem; }
  .toggler-txt span { display: none; }

  /* Pricing Notice */
  .pricing-notice p { font-size: 1.0625rem; padding: 0; }

  /* Pricing Compare */
  .table-responsive.mb-50 { margin-bottom: 30px; }
  .table>:not(caption)>*>* { padding: 11px 0 9px; }
  .comp-table .table-responsive thead th { font-size: 0.9375rem; }
  .comp-table .table-responsive tbody th { font-size: 0.915rem; line-height: 1.25; }
  .comp-table .table-responsive tbody td { font-size: 0.9rem; top: 0; line-height: 1.25; }

  .comp-table .table-responsive tbody td span { top: 3px; }

  .table-responsive .ico-15 [class*="flaticon-"]:before, 
  .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.675rem; }

  .table-responsive .ico-20 [class*="flaticon-"]:before, 
  .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.835rem; }

  .comp-table-payment { padding: 0 2%; }
  #pbox-1, #pbox-2 { margin-bottom: 25px; }
  .comp-table-payment span.main-font { font-size: 1.175rem; margin-bottom: 10px; }
  .payment-icons img { max-height: 35px; }

  /* RATING */
  .rating-1-title { margin-bottom: 30px; }
  .rbox-1-img img { max-height: 33px; } 

  /* CHANGELOG */
  span.version-data { margin-right: 10px; }
  span.release-date span { margin-left: 10px; }
  .release-data .btn { display: block; width: 100%; }
  .release-highlights p { font-size: 1.0625rem; }

  /* FAQs */
  .faq-1-title p { margin: 12px 0 20px; }
  .faqs-section .accordion-thumb { padding: 20px 0; }
  .faqs-section .accordion-item .accordion-thumb:after,
  .faqs-section .accordion-item.is-active .accordion-thumb:after {
    font-size: 0.825rem; width: 30px; height: 30px; line-height: 30px; top: 15px;
  }

  .faqs-2-wrapper span.main-font { margin-bottom: 8px; }

  .more-questions { margin-top: 15px; }
  .more-questions span { font-size: 1.25rem; line-height: 1.5; }
  .more-questions a { display: block; }

  /* BLOG LISTING */
  #blog-page .masonry-item { padding: 0; }
  .post-meta { margin-bottom: 8px; }
  .blog-1 .post-link { margin-bottom: 10px; }
  .blog-1 p.post-comments, #blog-page p.post-comments { margin-top: 14px; }

  .posts-category { padding-bottom: 35px; margin-bottom: 40px; }

  /* Wide Post */
  .wide-post { padding: 14px 14px 30px;  }
  #blog-page .wide-post .blog-post-txt { padding: 0 5px; }
  .featured-badge { top: 30px; right: 30px; }
  .wide-post .post-meta { margin-bottom: 10px; }
  .wide-post .blog-post-txt h2 { font-size: 1.4625rem }
  .wide-post .blog-post-img { margin-bottom: 32px; }

  /* SINGLE BLOG POST */
  .single-post-title { padding-bottom: 30px; margin-bottom: 30px; }
  .single-post-title h1 { margin-bottom: 34px; }

  .author-avatar { margin-right: 20px; }
  .author-avatar img { width: 56px; height: 56px; }
  .post-title-meta { margin-top: 0; }
  .post-title-meta span.main-font { font-size: 1.125rem; margin-bottom: 8px; }
  .post-title-meta p { line-height: 1.5; }

  .post-title-icons { margin: 15px 0 0 10px; }
  .share-social-icons, .share-social-icons a { margin: 0; }

  .single-post-txt span.main-font.fs-20px { font-size: 1.125rem; margin-bottom: 12px; line-height: 1.4; }
  .single-post-txt span.main-font.fs-28px { font-size: 1.4375rem; margin-top: 20px; margin-bottom: 20px; line-height: 1.4; }
  .simple-list p span { font-size: 1.0625rem; }

  .post-share-links { padding: 25px 0 50px; }
  .post-tags-list span a { display: inline-block; font-size: 0.95rem; padding: 6px 14px; margin-bottom: 12px; }

  .post-share-list.text-end { margin-top: 20px; }
  .post-share-list li { margin-right: 15px; }

  .post-inner-img { margin: 30px 0; }
  .post-inner-img .top-img { margin-bottom: 25px; }

  .author-info { display: block; border-radius: 10px; margin-top: 60px; padding: 26px 25px; }
  .author-info-txt span.fs-22px { margin-bottom: 5px; }
  .author-info-avatar { margin: 0 0 25px 0; }
  .author-info-avatar img { width: 68px; height: 68px; }
  .author-follow-btn { top: 35px; right: 30px; }
  .author-follow-btn .btn { font-size: 0.95rem; padding: 0.65rem 1.1rem; }

  #post-comments { padding-top: 50px; padding-bottom: 35px; }
  #post-comments img { width: 50px; height: 50px; }
  .comment-body { margin-left: 16px; }
  .comment-meta { margin-bottom: 8px; }
  .comment-meta span.main-font { font-size: 1.125rem; margin-bottom: 5px; }
  .comment-date, .btn-reply a { font-size: 1.05rem; }
  .btn-reply.ico-20 [class*="flaticon-"]:before, .btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 1.05rem; }

  #leave-comment { margin-top: 50px; }
  .comment-form { margin-top: 40px; }
  .comment-form .form-control { height: 54px; font-size: 1.0625rem; padding: 0 15px; margin-bottom: 24px; }
  .comment-form textarea { min-height: 150px; }
  .comment-form textarea.form-control { padding: 20px 15px; }
  .comment-form .btn { width: 100%; height: 54px; margin-top: 0; }

  /* BANNER */
  .banner-1-full { padding-top: 75px; padding-bottom: 85px; }
  .banner-1-wrapper { padding: 72px 15px 82px; }
  .banner-2-wrapper { padding: 40px 25px; }
  .banner-4-wrapper { text-align: center; padding: 70px 30px; }
  .banner-5-wrapper { text-align: center; padding: 25px 20px 30px; margin: 0; }

  .banner-3-full .banner-3-txt { padding: 0 2%; }

  .banner-1-txt h2 { font-size: 2rem; }
  .banner-2-txt h2 { font-size: 1.875rem; line-height: 1.25; }
  .banner-4-txt h2 { font-size: 2.5rem; margin-bottom: 12px; }
  .banner-1-txt p.fs-20px, .banner-3-txt p.fs-20px { margin: 14px 0 20px; }
  .banner-5-wrapper p { padding: 0; margin-bottom: 15px!important; }

  .banner-2-btn { top: 0; margin-top: 18px; }
  .banner-2-btn p { margin: 12px 0 0; }
  .banner-4-txt .stores-badge { margin-top: 20px; }

  .banner-section .stores-badge { padding: 0 10%; }
  .banner-section .stores-badge .store { margin-right: 0; }
  .banner-section .stores-badge .store:last-child { margin: 16px 0 0; }

  .banner-3-img { margin: 35px 0 -160px; }
  .banner-4-img { margin: 35px 0 0; }

  /* NEWSLETTER */
  .newsletter-1.py-70 { padding-top: 60px; padding-bottom: 45px; }
  .newsletter-1 .newsletter-txt { padding: 0 3%; }
  .newsletter-1 .newsletter-form { margin-top: 20px; padding: 0 3%; }

  .newsletter-section .form-control { height: 58px; font-size: 1.15rem; }
  .newsletter-section .btn { height: 58px; font-size: 1.1rem; padding: 0.6rem 1.35rem; }

  /* CONTACTS */
  .contact-form p.fs-19px { margin-bottom: 15px; }
  .contact-form span.fs-17px { display: none; }

  .contact-form .form-control, 
  .contact-form .form-select { height: 58px; font-size: 1.1rem; padding: 0 15px; margin-bottom: 30px; }
  .contact-form textarea { min-height: 190px; }

  /* FOOTER */
  img.footer-logo { max-height: 36px; }

  .footer span.main-font { font-size: 1.1875rem; margin-bottom: 18px; }
  .foo-links li p { margin-bottom: 7px; }

  .footer-form .form-control { font-size: 1.1rem; height: 38px; }
  .footer-form .btn { height: 38px; }
  .footer-form .btn span { font-size: 1.125rem; }

  .bottom-footer-list li span { top: 2px; }

  /* INNER PAGE WRAPPER */
  .inner-page-title p { font-size: 1.25rem; margin-top: 16px; }
  .page-hero-section h1 { line-height: 1.35; }
  .page-hero-section p { padding: 0; margin-top: 12px; }

  /* TERMS, PRIVACY, COOKIES */
  .txt-block.legal-info span.fs-28px { margin: 25px 0 12px; }
  .txt-block.legal-info span.fs-25px { margin: 15px 0; }
  .txt-block.legal-info span.fs-28px span, .txt-block.legal-info span.fs-25px span { margin-right: 2px; }

  /* PAGE 404 */
  #page-404 { padding-top: 80px; padding-bottom: 80px; }
  #page-404 h1.tra-header { font-size: 11.5rem; }
  #page-404 p { font-size: 1.0625rem; margin: 15px 0 18px; }
  .page-404-img { margin-bottom: 25px; }
  .page-404-img img { max-height: 180px; left: 20px; }

  /* SIGN-IN / SIGN-UP PAGE */
  .login-1 .register-page-form, .signup-1 .register-page-form { padding: 110px 0 120px; }
  .login-2, .signup-2, .login-3, .signup-3 { padding: 110px 0; }
  .login-2 .register-page-form { padding: 40px 22px 35px; margin: 0 2%; }
  .signup-2 .register-page-form { padding: 40px 18px 35px; margin: 0; }
  .login-3 .register-page-form, .signup-3 .register-page-form { padding: 0; }

  .register-form-title { margin-bottom: 24px; }
  .reset-password-link p { margin-bottom: 25px; }
  .signup-2 .form-data { margin-left: 0; }
  .signup-1 .form-data span, .signup-3 .form-data span { font-size: 1rem; }
  .signup-2 .form-data span { font-size: 0.965rem; }

  .form-notice { padding: 0 3%; margin-top: 35px; }
  .form-notice p { font-size: 1rem; }

  .btn-show-pass { top: 18px; right: 16px; }

  .btn-register { font-size: 1.1rem; padding: 1.125rem 1.65rem; }
  .btn-register img { width: 18px; height: 18px; top: -1px; }

  /* RESET PASSWORD PAGE */
  .reset-pass-1 .reset-page-wrapper { padding: 150px 0; }
  .reset-pass-2 .reset-page-wrapper { padding-top: 150px; padding-bottom: 150px; }
  .reset-pass-2 .reset-form-wrap { margin: 0; }

  .reset-form-title p { font-size: 1rem; margin: 16px 0; }
  .reset-password-form .form-data p { margin: 18px 0 12px; }

  .reset-page-wrapper .form-control, .register-page-form .form-control { height: 54px; font-size: 1.125rem; margin-bottom: 20px; }
  .reset-page-wrapper .btn.submit, #login .register-page-form .btn.submit, 
  #signup .register-page-form .btn.submit { height: 54px; font-size: 1.1rem; }

}



/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 321px) and (max-width: 389.98px) {

  #stlChanger { display: none; }
  .division { padding-left: 3px; padding-right: 3px; }

  /*------------------------------------------*/
  /*  TYPOGRAPHY
  /*------------------------------------------*/

  .fs-17px, .fs-18px, .fs-19px, .fs-20px { font-size: 1rem; }   /* 16px */
  .fs-21px { font-size: 1.06225rem; }  /* 17px */
  .fs-22px { font-size: 1.25rem; }     /* 20px */
  .fs-23px { font-size: 1.3125rem; }   /* 21px */
  .fs-24px, .fs-25px { font-size: 1.375rem; }   /* 22px */
  .fs-26px, .fs-27px { font-size: 1.4375rem; }  /* 23px */
  .fs-28px, .fs-29px { font-size: 1.5rem; }     /* 24px */
  .fs-30px, .fs-32px { font-size: 1.5625rem; }  /* 25px */
  .fs-34px, .fs-36px { font-size: 1.625rem; }   /* 26px */
  .fs-38px, .fs-40px { font-size: 1.6875rem; }  /* 27px */
  .fs-42px, .fs-44px { font-size: 1.75rem; }    /* 28px */
  .fs-46px, .fs-48px { font-size: 1.8125rem; }  /* 29px */
  .fs-50px { font-size: 1.875rem; }   /* 30px */
  .fs-52px { font-size: 2rem; }       /* 32px */
  .fs-54px { font-size: 2.125rem; }   /* 34px */
  .fs-56px { font-size: 2.25rem; }    /* 36px */
  .fs-58px { font-size: 2.3725rem; }  /* 38px */
  .fs-60px { font-size: 2.5rem; }     /* 40px */
  .fs-62px { font-size: 2.625rem; }   /* 42px */
  .fs-64px { font-size: 2.75rem; }    /* 44px */
  .fs-66px { font-size: 2.875rem; }   /* 46px */
  .fs-68px { font-size: 3rem; }       /* 48px */
  .fs-70px { font-size: 3.125rem; }   /* 50px */
  .fs-72px { font-size: 3.25rem; }    /* 52px */
  .fs-74px { font-size: 3.375rem; }   /* 54px */
  .fs-76px { font-size: 3.5rem; }     /* 56px */
  .fs-78px { font-size: 3.625rem; }   /* 58px */
  .fs-80px { font-size: 3.75rem; }    /* 60px */
  .fs-82px { font-size: 3.875rem; }   /* 62px */
  .fs-84px { font-size: 4rem; }       /* 64px */
  .fs-86px { font-size: 4.125rem; }   /* 66px */
  .fs-88px { font-size: 4.25rem; }    /* 68px */
  .fs-90px { font-size: 4.375rem; }   /* 70px */
  .fs-92px { font-size: 4.5rem; }     /* 72px */
  .fs-94px { font-size: 4.625rem; }   /* 74px */
  .fs-96px { font-size: 4.75rem; }    /* 76px */
  .fs-98px { font-size: 4.875rem; }   /* 78px */
  .fs-100px { font-size: 5rem; }      /* 80px */

  h2 { line-height: 1.3; }
  ol.digit-list p { margin-bottom: 5px; }

  /* Button */
  .btn, .btn.btn-md { font-size: 1.05rem; padding: 0.925rem 1.2rem; }

  /* Video Popup Link */
  .video-link span.fs-34px { font-size: 2.2rem; }
  .video-link-txt { font-size: 1.135rem; }

  /* Video Popup Icon */
  .video-btn { width: 6rem; height: 6rem; margin-top: -3rem; margin-left: -3rem; }
  .video-btn [class^="flaticon-"]:before, .video-btn [class^="flaticon-"]:after {font-size: 5rem; line-height: 6rem!important; }

  /* Download Button */
  .os-btn { width: 300px; min-width: 300px; padding: 20px; display: inline-flex; margin-bottom: 15px; }
  .os-btn-txt { padding-left: 14px; }
  .os-btn-ico img { max-height: 44px; }

  /* Store Badges */
  .badge-img-sm .store img, .badge-img-md .store img, .badge-img-lg .store img, .badge-img-xl .store img { max-height: 3rem; }
  .os-version-ext { margin-top: 18px; }
  .os-version-ext .star-rating small { font-size: 0.925rem; }
  span.os-version { font-size: 0.925rem; margin-top: 6px; }

  /* Section Badge */
  .section_badge { font-size: 0.875rem!important; margin-bottom: 28px; }

  /* Section Title */
  .title-01.mb-50, .title-01.mb-60, .title-01.mb-70 { margin-bottom: 30px; }
  .title-01 p { margin: 10px 0 0; }

  /* Advantages */
  .advantages, .text-center .advantages { margin-top: 15px; }
  .advantages li p { font-size: 0.9375rem; }
  .advantages li span { top: -0.5px; }

  /* Users Widget */
  .users-widget.mt-25 { margin-top: 20px; }
  .users-widget .u-txt p { font-size: 1rem; }
  .users-widget .u-ava { margin-right: 12px; }
  .users-widget .u-ava img { max-height: 48px; }

  /*------------------------------------------*/
  /*  HEADER & NAVIGATION MENU 
  /*------------------------------------------*/

  .wsmobileheader .smllogo { margin-top: 23px; padding-left: 16px; }
  .smllogo img { max-height: 34px; }

  /*------------------------------------------*/
  /*  HERO
  /*------------------------------------------*/

  /* HERO TEXT WIDGET */
  .txt-widget { margin-bottom: 40px; }
  .txt-widget a { font-size: 0.95rem; padding: 10px 16px; }
  .txt-widget span { top: 5.5px; right: 5px; }
  .txt-widget.ico-20 [class*="flaticon-"]:before, .txt-widget.ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; }

  /* HERO AVATARS WIDGET */
  .hero-avatars-widget { font-size: 1.05rem; margin-bottom: 32px; }
  .hero-avatars-widget img { max-height: 28px; }

  /* HERO QUICK FORM */
  .hero-section .text-center .quick-form, .hero-section .quick-form.form-half { margin: 0 2%; }
  .hero-section .text-center .quick-form.mx-30 { margin: 0 2%; }
  .hero-section .quick-form .form-control, .hero-section .quick-form .btn, 
  .hero-section .quick-form.form-half .btn { height: 52px; font-size: 1.0625rem; }
  .hero-section .quick-form.form-half .form-control { height: 52px; font-size: 1.0625rem; margin-bottom: 18px; }

  .hero-section .text-center .quick-form-msg { margin: 20px 0 -10px 0; }

  .hero-section .btns-group { display: block!important; padding: 0 10%; }
  .hero-section .video-link.ml-20, .hero-section .btn.ml-15, .hero-section .btn.ml-20 { margin: 20px 0 0; }
  .hero-section .stores-badge { padding: 0 10%; }
  .hero-section .stores-badge .store { margin-right: 0; }
  .hero-section .stores-badge .store:last-child { margin: 16px 0 0; }

  /* HERO-1 */
  .hero-1 { padding-top: 90px; padding-bottom: 80px; }
  .hero-1-txt h1 { font-size: 2.25rem; }
  .hero-1-txt p.fs-19px { font-size: 1.0625rem; margin: 12px 0 22px; }
  .hero-1-img { margin: 35px 5px 0; }

  /* HERO-2 */
  .hero-2 { padding-top: 90px; }
  .hero-2-txt { margin: 0; }
  .hero-2-txt h1 { font-size: 2.375rem; }
  .hero-2-txt p.fs-21px { font-size: 1.0625rem; margin: 12px 0 20px; }
  .hero-2-img { margin: 35px 0 -50px; }

  /* HERO-3 */
  .hero-3 { padding-top: 90px; }
  .hero-3-txt { margin: 0; padding: 0; }
  .hero-3-txt h1 { font-size: 2.175rem; }
  .hero-3-txt p.fs-19px { font-size: 1rem; margin: 12px 0 20px; }
  .hero-3-img { margin: 30px 0 -40px; }

  /* HERO-4 */
  .hero-4 { padding-top: 90px; padding-bottom: 0; margin-bottom: 25px; }
  .hero-4-txt { margin: 0; }
  .hero-4-txt h1 { font-size: 2.175rem; padding: 0; margin-bottom: 14px; }
  .hero-4-txt p.fs-19px { font-size: 1.0625rem; }
  #hero-4-form { text-align: left; padding: 30px 20px 20px; margin: 35px 0 -25px; }
  .form-logo { margin-bottom: 25px; }
  .form-logo img { max-height: 32px; }
  #hero-4-form h2 { font-size: 1.5rem; }
  #hero-4-form p { font-size: 1.05rem; margin: 10px 0 15px; }
  #hero-4-form .form-control { margin-bottom: 16px; }
  #hero-4-form .btn { height: 54px; font-size: 1.1rem; }

  /* HERO-5 */
  .hero-5 { padding-top: 80px; }
  .hero-5-data { width: 210px; margin-top: -250px; border-radius: 12px; }
  .hero-5-data li { padding: 17px 0; }
  .hero-5-data h1 { font-size: 1.6rem; }
  .hero-5-data span.fs-32px { font-size: 1.45rem; }
  .hero-5-data p { font-size: 1rem; margin-top: 8px; }
  .hero-5-data .btn { font-size: 1rem; padding: 0.85rem 1.15rem; }

  /* HERO-6 */
  .hero-6 { padding-top: 90px; }
  .hero-6-txt h1 { font-size: 2.1875rem; }
  .hero-6-txt p.fs-20px { font-size: 1.0625rem; margin: 12px 0 20px; }
  .hero-6-img { margin: 35px 0 0; }

  /* HERO-7 */
  .hero-7 { padding-top: 90px; margin-bottom: 40px; }
  .hero-7-txt { margin: 0 2%; }
  .hero-7-txt h1 { font-size: 2.3rem; }
  .hero-7-text { margin: 12px 0 20px; text-align: left; }
  .hero-7-text p.fs-19px { font-size: 0.975rem; }
  .hero-7-img { margin: 30px 0 -40px; }

  /* HERO-8 */
  .hero-8 { padding-top: 90px; }
  .hero-8-txt { margin: 0; }
  .hero-8-txt h1 { font-size: 2.25rem; }
  .hero-8-txt p.fs-19px { font-size: 1.05rem; margin: 12px 0 20px; }
  .hero-8.hero-section .quick-form.form-half { margin: 0 2%; }
  .hero-8-img { margin: 35px 5% -15px; }

  /* HERO-9 */
  .hero-9 { padding-top: 90px; }
  #hero-9-form { padding: 35px 16px 20px; margin: 0; }
  #hero-9-form h1 { font-size: 1.625rem; }
  #hero-9-form p { font-size: 1rem; margin: 12px 0 18px; }
  #hero-9-form .form-control { margin-bottom: 18px; }
  #hero-9-form .btn { height: 54px; font-size: 1.1rem; }

  /* HERO-10 */
  .hero-10 { padding-top: 90px; margin-bottom: 50px; }
  .hero-10-txt h1 { font-size: 2.125rem; }
  .hero-10-txt p.fs-21px { font-size: 1.05rem; margin: 12px 0 20px; }
  .hero-10-img { margin: 35px 0 -50px; }

  /* HERO-11 */
  .hero-11 { padding-top: 90px; }
  .hero-11-txt { margin: 0; }
  .hero-11-txt h1 { font-size: 2.375rem; padding: 0 2%; }
  .hero-11-txt p.fs-19px { font-size: 1.0625rem; margin: 12px 0 20px; }
  .hero-11-img { margin: 35px 10px 0; }

  /* HERO-12 */
  .hero-12 { padding-top: 90px; }
  .hero-12.shape--02:after { top: 80%; }
  .hero-12-txt { margin: 0 0 35px; }
  .hero-12-txt h1 { font-size: 2.0625rem; }
  .hero-12-txt p.fs-21px { font-size: 1.05rem; margin: 12px 0 0; }

  /* HERO-13 */
  .hero-13 { padding-top: 90px; margin-bottom: 35px; }
  .hero-13 h1 { font-size: 1.85rem; margin-bottom: 0; }
  .hero-13 h1 br { display: none; }
  .hero-13-txt { margin: 14px 0 35px; }
  .hero-13-text { text-align: left; margin-bottom: 20px; }
  .hero-13-text p.fs-19px { font-size: 1rem; }
  .hero-13-img { margin: 0 0 -35px; }

  /* HERO-14 */
  .hero-14 { padding-top: 100px; padding-bottom: 90px; }
  .hero-14-txt h1 { font-size: 2.6rem; padding: 0 2%; }
  .hero-14-txt p.fs-20px { font-size: 1.0625rem; margin: 12px 0 20px; }

  /* HERO-15 */
  .hero-15 { padding-top: 90px; margin-bottom: 40px; overflow: visible; }
  .hero-15-txt { padding: 0; }
  .hero-15-txt h1 { font-size: 2.2rem; }
  .hero-15-txt p.fs-21px { font-size: 1.05rem; margin: 12px 0 20px; }
  .hero-15-img { margin: 35px 0 -40px; }

  /* HERO-16 */
  .hero-16 { padding-top: 90px; }
  .hero-16-txt { margin: 0; }
  .hero-16-txt h1 { font-size: 2.25rem; line-height: 1.2; padding: 0 2%; }
  .hero-16-txt p.fs-20px { font-size: 1.0625rem; margin: 12px 0 20px; }
  .hero-16-img { margin: 35px 0 0; }

  /* HERO-17 */
  .hero-17 { overflow: visible; padding-top: 90px; margin-bottom: 35px; }
  .hero-17 h1 { font-size: 2.15rem; }
  .hero-17-txt { margin: 14px 0 0; }
  .hero-17-text { text-align: left; margin-bottom: 25px; }
  .hero-17-text p.fs-19px { font-size: 1rem; }
  .hero-17-img { margin: 35px 0 -35px; }

  /* HERO-18 */
  .hero-18 { padding-top: 100px; padding-bottom: 0; }
  .hero-18-txt { margin: 0; padding: 0; }
  .hero-18 h1 { font-size: 2.15rem; padding: 0 3%; }
  .hero-18-txt p.fs-20px { font-size: 1.0625rem; margin: 12px 0 18px; }
  .hero-18-txt .advantages { margin-top: 5px; }
  .hero-18-img { margin: 35px 0 0; padding: 0; }
  .hero-18-txt .form-control { background-color: #fff; border: 1.5px solid #ddd; padding: 0 20px; margin-bottom: 18px; }
  .hero-18-txt .form-btn .btn { width: 100%; height: 54px; font-size: 1.1rem; }

  /* HERO-19 */
  .hero-19 { overflow: visible; padding-top: 90px; margin-bottom: 40px; }
  .hero-19-txt { margin: 0 2%; }
  .hero-19-txt h1 { font-size: 2.3rem; }
  .hero-19-text { margin: 12px 0 20px; text-align: left; }
  .hero-19-text p.fs-19px { font-size: 0.975rem; }
  .hero-19-img { margin: 30px 0 -40px; }

  /* HERO-20 */
  .hero-20 { padding-top: 100px; padding-bottom: 90px; }
  .hero-20-txt .section_badge { font-size: 0.9rem; margin-bottom: 35px; }
  .hero-20-txt h1 { font-size: 2.25rem; padding: 0 2%; }
  .hero-20-txt p.fs-19px { font-size: 1.0625rem; margin: 12px 0 20px; }

  /* HERO-21 */
  .hero-21 { padding-top: 90px; margin-bottom: 50px; }
  .hero-21-txt { padding: 0; }
  .hero-21-txt h1 { font-size: 2rem; }
  .hero-21-txt p.fs-21px { font-size: 1.05rem; margin: 12px 0 20px; }
  .hero-21-img { margin: 35px 0 -50px; }

  /* HERO-22 */ 
  .hero-22-wrapper { margin-bottom: 40px; }
  .hero-22-txt h1 { font-size: 2.05rem; }
  .hero-22-txt p.fs-19px { font-size: 1rem; margin: 12px 0 20px; }
  .hero-22-img { margin: 35px 5px -40px; }

  /* HERO-23 */
  .hero-23 { padding-top: 90px; padding-bottom: 90px; }
  .hero-23-txt h1 { font-size: 2.125rem; }
  .hero-23-txt p.fs-19px { font-size: 1.0625rem; margin: 12px 0 22px; }
  .hero-23-img { margin: 40px 0 0; }

  /*------------------------------------------*/
  /*  CONTENT
  /*------------------------------------------*/

  /* ABOUT */
  .about-1-txt { margin-bottom: 30px; }
  .about-1-txt h1 { font-size: 2rem; margin-bottom: 12px; }
  .about-1-txt p { font-size: 1rem; }

  /* FEATURES */
  .rows-2 .fb-1, .rows-2 .fb-2, .rows-2 .fb-3 { margin-bottom: 30px; }
  .rows-3 .fb-1, .rows-3 .fb-2, .rows-3 .fb-3, .rows-3 .fb-4, .rows-3 .fb-5 { margin-bottom: 30px; }

  /* FBOX-1 */
  .fbox-1.fb-1, .fbox-1.fb-2, .fbox-1.fb-3 { margin-bottom: 30px; }
  .fbox-1 .fbox-ico span { font-size: 3.5rem; }
  .fbox-1 p { padding: 0 4%; }

  /* FBOX-2 */
  .features-2 .fbox-wrapper { padding: 0 10px; }
  .features-2 .fb-1 { padding: 0 0 35px; border-bottom: 1px solid var(--silver); }
  .features-2 .fb-2, .features-2 .fb-3 { padding: 35px 0; border-bottom: 1px solid var(--silver); }
  .features-2 .fb-4 { padding: 35px 0 0; }
  
  .fbox-2 .fbox-ico span { font-size: 3.5rem; }

  /* FBOX-3 */
  .fbox-3 .fbox-ico-wrap { margin: 0 0 16px; }
  .fbox-3 .fbox-ico span { font-size: 3.625rem; }

  /* FBOX-4 */
  .fbox-4.fb-1, .fbox-4.fb-2 { margin-bottom: 30px; } 
  .fbox-4 .fbox-img { padding-top: 30px; margin: 0 3% 55px; } 
  .fbox-4 .fbox-img img { max-height: 168px; } 

  /* FBOX-5 */
  .fbox-5.fb-1, .fbox-5.fb-2 { margin-bottom: 35px; }
  .fbox-5 .fbox-ico span { font-size: 3.85rem; }
  .fbox-5 span.main-font { margin: 15px 0 12px; }
  .fbox-5 p { padding: 0 3%; }

  /* FBOX-6 */
  .fbox-6 { padding: 0 26px; } 
  .fbox-6.fb-1 { margin-bottom: 35px; } 
  .fbox-6.fb-2 { padding: 38px 26px; margin-bottom: 35px; } 
  .ico-rounded { width: 94px; height: 94px; }
  .ico-rounded span { font-size: 2.75rem; }
  .ico-rounded [class*="flaticon-"]:before,  .ico-rounded [class*="flaticon-"]:after { line-height: 94px!important; }
  .fbox-6 span.fs-70px { font-size: 3.375rem; }
  .fbox-6 span.main-font { margin: 24px 0 10px; }

  /* FBOX-7 */
  .fbox-7 { text-align: center; padding: 32px 26px; } 
  .fbox-7.fb-1, .fbox-7.fb-2, .fbox-7.fb-3 { margin-bottom: 30px; }
  .fbox-7 span.main-font { margin-top: 20px; }
  .fbox-7 a.tra-link { font-size: 1.0625rem; }

  /* FBOX-8 */
  .fbox-8 { padding: 35px 25px; }
  .fbox-8 span.main-font { margin-bottom: 10px; }
  .fbox-8 .fbox-ico span { font-size: 3.5rem; }

  /* CONTENT */
  .ct-03-wrapper { padding: 70px 20px; }
  .ct-04 { margin-bottom: 40px; }
  .ct-03 .fbox-3.mb-35 { margin-bottom: 30px; }
  .ct-03 .fbox-3.mb-30 { margin-bottom: 25px; }

  .fea-box { width: 280px; padding: 14px 18px; margin-top: 20px; }
  .fea-box span.fs-48px { font-size: 2.625rem; }
  .fea-box p { font-size: 1.125rem; margin-left: 18px; top: -2.5px; }
  .fea-box p span { margin-top: 7px; }

  .txt-block h2 { margin-bottom: 12px; }
  .txt-block span.main-font { margin: 15px 0; }

  /* Accordion */
  .txt-block .accordion { margin-top: 20px; }
  .txt-block .accordion-thumb { padding-bottom: 22px; }
  .txt-block .accordion-item { padding: 8px 0; }
  .txt-accordion .accordion-thumb:after, .txt-accordion .is-active .accordion-thumb:after { top: -3px; }

  /* Text Block Stat */
  .txt-block-stat { margin-top: 20px; }
  #sb-3-1, #sb-3-2 { width: 50%; padding: 0 8px; }
  .txt-block-stat h2.statistic-number { font-size: 2.625rem; margin-bottom: 12px; }
  .txt-block-stat p { font-size: 0.95rem; }

  /* Tabs */
  .tabs-1 li { padding: 24px 20px; margin-bottom: 18px; border-radius: 10px; }
  .tabs-1 li span.main-font { margin: 0 0 10px; }

  /* CBOX-1 */
  .cbox-1-wrapper { margin-bottom: 50px; }
  .cbox-1 { padding: 25px 20px; }

  .cbox-1 hr { margin-top: 25px; margin-bottom: 20px; }
  .cbox-1-menu { top: -8px; right: 0; }

  .cbox-1-title span.main-font { margin-bottom: 25px; }
  .cbox-1-title h2.fs-56px { font-size: 2.85rem; }
  .cbox-1 .statistic-number sup { font-size: 2.5rem; top: -2px; margin-right: 5px; }
  .cbox-1-title p.ico-10 { font-size: 1.1rem; }
  .cbox-1-img { margin-top: 25px; }

  .ct-01 .img-block.left-column, .ct-01 .img-block.right-column, .ct-02 .img-block { margin: 0 0 45px; }
  .ct-04 .img-block { margin-bottom: -40px; }
  .ct-05 .img-block { margin-top: 35px; }

  .more-btn.mt-50 { margin-top: 35px; }

  /* TEAM */
  .team-members-wrapper { text-align: center; padding: 0 1%; }
  .tm-1, .tm-2, .tm-3, .tm-4, .tm-5, .tm-6, .tm-7 { margin-bottom: 35px; }
  .team-member-photo { margin-bottom: 25px; }
  .team-member-data span.main-font { font-size: 1.375rem; }
  .team-member-data p { font-size: 1.2rem; margin: 3px 0 0; }

  /* PROJECTS */
  .projects-1 .masonry-item, .projects-2 .masonry-item { padding: 0; }
  .projects-1 .project-txt { margin-top: 20px; padding: 0 15px; }
  .projects-2 .project-txt { padding: 10px 0 0 10px; }
  .projects-2 .project-txt span.main-font { font-size: 1.375rem; }
  .projects-2 .project-txt p { font-size: 1.1rem; margin-bottom: 18px; }
  .project-rating { margin-top: 16px; }
  .project-rating span { font-size: 1.1rem; }
  .project-rating small { top: -1.5px; left: 5px; font-size: 1.0625rem; }
  .projects-1 .more-btn { margin-top: 5px; }

  /* PROJECT DETAILS */
  .project-category { margin-bottom: 20px; }
  .project-title h1 { font-size: 2rem; padding: 0 0 30px 0; }
  .project-data { margin: 30px 0 40px; }

  .project-inner-img .top-img { margin-bottom: 25px; }

  .project-description span.main-font.fs-26px { margin: 10px 0; }
  .project-inner-img { margin: 30px 0; }
  .project-share-icons { margin-top: 35px; margin-left: 10px; padding-top: 40px; }
  .project-share-icons .share-social-icons a span { margin-right: 12px; }
  .more-projects.text-end { text-align: left!important; margin-top: 10px; }
  #project-details .more-projects span.main-font { font-size: 1.45rem; }
  #project-details .more-projects span.fs-22px { font-size: 1.125rem; top: 2px; left: 2px; }

  /* INTEGRATIONS */
  .int_tool-1 { padding: 32px 22px; }
  .int_tool-1 img { max-height: 56px; }
  .int_tool-1 span.main-font { margin: 22px 0 12px; }

  /* TESTIMONIALS */
  .reviews-wrapper { margin: 0 -15px; padding: 75px 15px 60px; }
  .reviews-wrapper:after { width: 100%; left: 0; border-radius: 0; }

  .review-1 { padding: 28px 20px; margin: 0 10px 30px; }
  .review-2 { padding: 28px 20px 20px; margin: 0 10px 30px; }

  .review-1 .review-ico { top: 0; right: 20px; }
  .review-source { top: 20px; right: 20px; }
  .review-source img, .owl-item .review-source img { max-height: 26px; }

  .review-1 .review-avatar img, .review-2 .review-avatar img { width: 54px; height: 54px; }
  .review-1 .review-txt p, .review-2 .review-txt p { font-size: 1.05rem; margin-bottom: 16px; }
  .review-2 .review-txt p { margin-bottom: 13px; }

  .review-2 .author-data { margin-bottom: 14px; }
  .review-author { margin-left: 16px; }
  .review-author p, .review-2 .review-author p { font-size: 1.125rem; margin-bottom: 8px; }
  .review-author span { font-size: 1.0625rem; }
  
  .review-1 .star-rating { margin-bottom: 8px; }
  .reviews-section .star-rating [class^="flaticon-"]:before,
  .reviews-section .star-rating [class^="flaticon-"]:after { font-size: 1.1rem; }

  /* BRANDS */
  .brands-title { margin-bottom: 25px; padding: 0 15px; }
  .brands-1 .loop_carousel_left img { height: 3.125rem; padding: 0 5px; }
  #brand-2-1, #brand-2-2, #brand-2-3, #brand-2-4, #brand-2-5, #brand-2-6, #brand-2-7, #brand-2-8 { margin-bottom: 28px; }
  .brands-2-wrapper .brand-logo { width: 50%; padding: 0 20px; }

  /* STATISTIC */
  .statistic-2-wrapper { text-align: center; padding: 0; }
  .statistic-2-wrapper .col-sm-6 { width: 50%!important; display: inline-block; }
  #stb-1-1, #stb-1-2 { margin-bottom: 30px; }
  #stb-2-1, #stb-2-2 { padding: 0 2%; }
  .statistic-2 .txt-block h2 { font-size: 1.6rem; margin-bottom: 25px; }
  .statistic-1-wrapper h2 { font-size: 2.625rem; }
  .statistic-2-wrapper h2 { font-size: 2.625rem; margin-bottom: 12px; }
  .statistic-1-wrapper p { font-size: 1.035rem; margin-top: 10px; }
  .txt-block-rating.fs-18px, .statistic-2-wrapper p { font-size: 1.0625rem; }

  /* PRICING */
  .pricing-1-table { padding: 28px 25px; margin-left: 2%; margin-right: 2%; }
  .pricing-2-table { padding: 28px 25px 20px; margin-left: 2%; margin-right: 2%; }
  #pt-1-1, #pt-1-2, #pt-2-1, #pt-2-2 { margin-bottom: 35px; }

  .pricing-discount { top: -5px; right: -8px; padding: 8px 16px; }
  .pricing-discount span.main-font { font-size: 1rem; }

  .pricing-table-header span.main-font { margin-bottom: 22px; }

  .price span { font-size: 3.25rem; } 
  .price sup { font-size: 2.25rem; top: -5px; }
  .price sup.validity { font-size: 1.65rem; }

  .price p { font-size: 1.0625rem; margin-top: 12px; }
  .pricing-1-table hr { margin-top: 20px; margin-bottom: 16px; }

  .pricing-features.mt-25 { margin-top: 20px; }
  .pricing-features li { padding: 10px 7px; }
  .pricing-features li p { font-size: 1.0625rem; }
  .pt-btn { margin-top: 20px; }
  .p-table p.btn-txt { margin: 12px 0 0 0; }

  .toggler-txt { font-size: 1.125rem; }
  .toggler-txt span { display: none; }

  /* Pricing Notice */
  .pricing-notice p { font-size: 1rem; padding: 0; }

  /* Pricing Compare */
  .table-responsive.mb-50 { margin-bottom: 30px; }
  .table>:not(caption)>*>* { padding: 11px 0 9px; }
  .comp-table .table-responsive thead th { font-size: 0.9375rem; }
  .comp-table .table-responsive tbody th { font-size: 0.915rem; line-height: 1.25; }
  .comp-table .table-responsive tbody td { font-size: 0.9rem; top: 0; line-height: 1.25; }

  .comp-table .table-responsive tbody td span { top: 3px; }

  .table-responsive .ico-15 [class*="flaticon-"]:before, 
  .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.675rem; }

  .table-responsive .ico-20 [class*="flaticon-"]:before, 
  .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.835rem; }

  .comp-table-payment { padding: 0 2%; }
  #pbox-1, #pbox-2 { margin-bottom: 25px; }
  .comp-table-payment span.main-font { font-size: 1.15rem; margin-bottom: 8px; }
  .payment-icons img { max-height: 30px; }

  /* RATING */
  .rating-1-title { margin-bottom: 28px; }
  .rbox-1-img { margin-bottom: 16px; }
  .rbox-1-img img { max-height: 32px; } 
  .rbox-1 .star-rating { font-size: 0.915rem; }
  .rbox-1 .star-rating small { font-size: 0.9rem; }

  /* CHANGELOG */
  span.version-data { margin-right: 5px; }
  span.release-date span { margin-left: 5px; }
  .release-data .btn { display: block; width: 100%; }
  .release-highlights p { font-size: 1rem; }

  /* FAQs */
  .faq-1-title p { margin: 12px 0 20px; }
  .faqs-section .accordion-thumb { padding: 20px 0; }
  .faqs-section .accordion-item .accordion-thumb:after,
  .faqs-section .accordion-item.is-active .accordion-thumb:after {
    font-size: 0.825rem; width: 30px; height: 30px; line-height: 30px; top: 15px;
  }

  .faqs-2-wrapper span.main-font { font-size: 1.3125rem; margin-bottom: 6px; }

  .more-questions { margin-top: 12px; }
  .more-questions span { font-size: 1.1875rem; line-height: 1.5; }
  .more-questions a { display: block; }

  /* BLOG LISTING */
  #blog-page .masonry-item { padding: 0; }
  .post-meta { margin-bottom: 8px; }
  .blog-1 .post-link { margin-bottom: 10px; }
  .blog-1 p.post-comments, #blog-page p.post-comments { margin-top: 14px; }

  .posts-category { padding-bottom: 35px; margin-bottom: 40px; }

  /* Wide Post */
  .wide-post { padding: 14px 14px 30px; margin-bottom: 50px; }
  #blog-page .wide-post .blog-post-txt { padding: 0; }
  .featured-badge { top: 30px; right: 30px; }
  .wide-post .post-meta { margin-bottom: 10px; }
  .wide-post .blog-post-txt h2 { font-size: 1.375rem }
  .wide-post .blog-post-img { margin-bottom: 30px; }

  /* SINGLE BLOG POST */
  .single-post-title { padding-bottom: 30px; margin-bottom: 30px; }
  .single-post-title h1 { margin-bottom: 30px; }

  .author-avatar { margin-right: 15px; }
  .author-avatar img { width: 54px; height: 54px; }
  .post-title-meta { margin-top: 0; }
  .post-title-meta span.main-font { font-size: 1.0625rem; margin-bottom: 8px; }
  .post-title-meta p { line-height: 1.5; }

  .post-title-icons { margin: 15px 0 0 10px; }
  .share-social-icons, .share-social-icons a { margin: 0; }

  .single-post-txt span.main-font.fs-20px { font-size: 1.1rem; margin-bottom: 12px; line-height: 1.4; }
  .single-post-txt span.main-font.fs-28px { font-size: 1.4375rem; margin-top: 20px; margin-bottom: 20px; line-height: 1.4; }
  .simple-list p span { font-size: 1.0625rem; }

  .post-share-links { padding: 25px 0 50px; }
  .post-tags-list span a { display: inline-block; font-size: 0.95rem; padding: 6px 14px; margin-bottom: 12px; }

  .post-share-list.text-end { margin-top: 20px; }
  .post-share-list li { margin-right: 15px; }

  .post-inner-img { margin: 30px 0; }
  .post-inner-img .top-img { margin-bottom: 25px; }

  .author-info { display: block; border-radius: 10px; margin-top: 60px; padding: 26px 22px; }
  .author-info-txt span.fs-22px { margin-bottom: 5px; }
  .author-info-avatar { margin: 0 0 25px 0; }
  .author-info-avatar img { width: 68px; height: 68px; }
  .author-follow-btn { top: 30px; right: 30px; }
  .author-follow-btn .btn { font-size: 0.95rem; padding: 0.65rem 1.1rem; }

  #post-comments { padding-top: 50px; padding-bottom: 35px; }
  #post-comments img { width: 50px; height: 50px; }
  .comment-body { margin-left: 16px; }
  .comment-meta { margin-bottom: 8px; }
  .comment-meta span.main-font { font-size: 1.1rem; margin-bottom: 6px; }
  .comment-date, .btn-reply a { font-size: 1rem; }
  .btn-reply.ico-20 [class*="flaticon-"]:before, .btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 1rem; }

  #leave-comment { margin-top: 50px; }
  .comment-form { margin-top: 40px; }
  .comment-form .form-control { height: 54px; font-size: 1.0625rem; padding: 0 15px; margin-bottom: 22px; }
  .comment-form textarea { min-height: 140px; }
  .comment-form textarea.form-control { padding: 20px 15px; }
  .comment-form .btn { width: 100%; height: 54px; margin-top: 0; }

  /* BANNER */
  .banner-1-full { padding-top: 75px; padding-bottom: 85px; }
  .banner-1 .banner-1-wrapper { padding: 72px 12px 80px; }
  .banner-2-wrapper { padding: 40px 20px; }
  .banner-4-wrapper { text-align: center; padding: 70px 30px; }
  .banner-5-wrapper { text-align: center; padding: 25px 20px 30px; margin: 0; }

  .banner-3-full .banner-3-txt { padding: 0 1%; }

  .banner-1-txt h2 { font-size: 1.875rem; }
  .banner-2-txt h2 { font-size: 1.75rem; line-height: 1.25; }
  .banner-3-txt h2 { font-size: 2.375rem; }
  .banner-4-txt h2 { font-size: 2.25rem; margin-bottom: 12px }

  .banner-1-txt p.fs-20px { font-size: 1.0625rem; margin: 12px 0 20px; }
  .banner-3-txt p.fs-20px { margin: 12px 0 18px; }
  .banner-5-wrapper p { padding: 0; margin-bottom: 15px!important; }

  .banner-2-btn { top: 0; margin-top: 15px; }
  .banner-2-btn p { margin: 12px 0 0; }
  .banner-4-txt .stores-badge { margin-top: 20px; }

  .banner-section .stores-badge { padding: 0 10%; }
  .banner-section .stores-badge .store { margin-right: 0; }
  .banner-section .stores-badge .store:last-child { margin: 16px 0 0; }

  .banner-3-img { margin: 35px 0 -160px; }
  .banner-4-img { margin: 35px 0 0; }

  /* NEWSLETTER */
  .newsletter-1.py-70 { padding-top: 60px; padding-bottom: 45px; }
  .newsletter-1 .newsletter-txt { padding: 0; }
  .newsletter-1 .newsletter-txt h2 { font-size: 1.625rem; }
  .newsletter-1 .newsletter-form { margin-top: 20px; padding: 0; }

  .newsletter-section .form-control { height: 56px; font-size: 1.125rem; }
  .newsletter-section .btn { height: 56px; font-size: 1.1rem; padding: 0.6rem 1.35rem; }

  /* CONTACTS */
  .contact-form p.fs-19px { margin-bottom: 15px; }
  .contact-form span.fs-17px { display: none; }

  .contact-form .form-control, 
  .contact-form .form-select { height: 56px; font-size: 1.1rem; padding: 0 15px; margin-bottom: 22px; }
  .contact-form textarea { min-height: 18px; }

  /* FOOTER */
  img.footer-logo { max-height: 36px; }

  .footer span.main-font { font-size: 1.1875rem; margin-bottom: 18px; }
  .foo-links li p { margin-bottom: 6px; }

  .footer-form .form-control { font-size: 1.0625rem; height: 38px; }
  .footer-form .btn { height: 38px; }
  .footer-form .btn span { font-size: 1.1rem; }

  .bottom-footer-list li span { top: 2px; }

  /* INNER PAGE WRAPPER */
  .inner-page-title p { font-size: 1.1875rem; margin-top: 15px; }
  .page-hero-section h1 { line-height: 1.35; }
  .page-hero-section p { padding: 0; margin-top: 12px; }

  /* TERMS, PRIVACY, COOKIES */
  .txt-block.legal-info span.fs-28px { margin: 22px 0 12px; }
  .txt-block.legal-info span.fs-25px { margin: 14px 0; }
  .txt-block.legal-info span.fs-28px span, .txt-block.legal-info span.fs-25px span { margin-right: 2px; }

  /* PAGE 404 */
  #page-404 { padding-top: 80px; padding-bottom: 80px; }
  #page-404 h1.tra-header { font-size: 10.5rem; }
  #page-404 p { font-size: 1rem; margin: 14px 0 18px; }
  .page-404-img { margin-bottom: 25px; }
  .page-404-img img { max-height: 160px; left: 10px; top: -10px; }

  /* SIGN-IN / SIGN-UP PAGE */
  .login-1 .register-page-form, .signup-1 .register-page-form { padding: 110px 0 120px; }
  .login-2, .signup-2 { padding: 100px 0; }
  .login-3, .signup-3 { padding: 110px 0; }
  .login-2 .register-page-form { padding: 30px 18px 26px; margin: 0; }
  .signup-2 .register-page-form { padding: 30px 16px 26px; margin: 0; }
  .login-3 .register-page-form, .signup-3 .register-page-form { padding: 0; }

  .register-form-title { margin-bottom: 20px; }
  .reset-password-link p { margin-bottom: 25px; }
  .signup-1 .form-data, .signup-2 .form-data, .signup-3 .form-data { margin-left: 0; }
  .signup-1 .form-data span, .signup-3 .form-data span { font-size: 0.965rem; }
  .signup-2 .form-data span { font-size: 0.95rem; }

  .form-notice { padding: 0; margin-top: 35px; }
  .form-notice p { font-size: 1rem; }

  .btn-show-pass { top: 18px; right: 16px; }

  .btn-register { font-size: 1.1rem; padding: 1.125rem 1.65rem; }
  .btn-register img { width: 18px; height: 18px; top: -1px; }
  .btn-register.mt-20 { margin-top: 15px; }

  /* RESET PASSWORD PAGE */
  .reset-pass-1 .reset-page-wrapper { padding: 140px 0; }
  .reset-pass-2 .reset-page-wrapper { padding-top: 140px; padding-bottom: 140px; }
  .reset-pass-2 .reset-form-wrap { margin: 0; }

  .reset-form-title p { font-size: 1rem; margin: 16px 0; }
  .reset-password-form .form-data p { margin: 18px 0 12px; }

  .reset-page-wrapper .form-control, .register-page-form .form-control { height: 54px; font-size: 1.1rem; margin-bottom: 20px; }
  .reset-page-wrapper .btn.submit, #login .register-page-form .btn.submit, 
  #signup .register-page-form .btn.submit { height: 54px; font-size: 1.1rem; }

}