html { font-size: clamp(16px, 1.1vw, 20px); }

@media (min-width: 1400px) {
  .container{
    max-width:1380px;
  }
  .hero-digits sup{ font-size: xx-large;
  }

}
@media(min-width:1900px){
  .hero-digits sup{ font-size: x-large;
  }
}

@media (min-width: 1200px) {

  .btn { padding: 0.8rem 1.7rem; }
  .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { top: 3px; }

  .wsmenu > .wsmenu-list > li > a { font-size: 0.9375rem; }

  .wsmenu > .wsmenu-list > li a.btn { font-size: 0.9rem; line-height: 24px; padding: 4px 22px 6px; margin: 14px 5px 0 }

  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, 
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a { font-size: 0.9rem; }

  .wsmenu > .wsmenu-list > li > .wsmegamenu .title { font-size: 0.8rem; }

}

@media (min-width: 992px) and (max-width: 1199.95px) {
  .py-70 { padding-top: 60px; padding-bottom: 60px; }
  .py-80 { padding-top: 60px; padding-bottom: 60px; }
  .pt-100 { padding-top: 80px; }
  .pb-50 { padding-bottom: 40px; }
  .pb-80 { padding-bottom: 60px; }
  .mt-50 { margin-top: 45px; }
  .mb-50 { margin-bottom: 40px; }
  .mb-50 { margin-bottom: 45px; }
  .mb-70 { margin-bottom: 60px; }
  .mb-80 { margin-bottom: 60px; }

  .shape--02:after { width: 140%; height: 82%; top: 12%; left: -20%; }

  .s-15 { font-size: 0.9375rem; }  
  .s-17 { font-size: 1.0625rem; }  
  .s-18 { font-size: 1.125rem; }   
  .s-19 { font-size: 1.125rem; }   
  .s-21, .s-22 { font-size: 1.25rem; }  
  .s-24 { font-size: 1.375rem; }   
  .s-26 { font-size: 1.5rem; }    
  .s-30 { font-size: 1.75rem; }    
  .s-32 { font-size: 1.875rem; }  
  .s-46 { font-size: 2.625rem; }   
  .s-50 { font-size: 2.875rem; }  
  .s-52 { font-size: 3rem; }      
  .s-60 { font-size: 3.5rem; }     
  .s-64 { font-size: 3.75rem; }    

  .btn.ico-20 [class*="flaticon-"]:before, 
  .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; line-height: 0.5rem!important;top: 3.5px; }

  .ico-50 .shape-ico svg { width: 110px; height: 110px; top: -30px; left: calc(50% - 55px); }
  .fbox-11 .ico-50 .shape-ico svg { top: -35px; left: calc(50% - 60px); }

  .section-id { font-size: 0.85rem; margin-bottom: 30px; }

   .section-title p.p-lg, 
  .section-title p.p-xl, .section-title p.s-21 { margin-top: 15px; }
   .section-title p.p-lg { padding: 0; }
   .section-title p.s-21 { font-size: 1.18755rem; }
  .desktoplogo img { max-height: 34px; }
  .wsmenu > .wsmenu-list > li > a { margin: 0 5px; padding: 10px 15px; }
  span.sm-info { width: 18px; height: 18px; font-size: 0.725rem; line-height: 17px; margin-left: 5px; }

  .wsmenu > .wsmenu-list > li a.btn { font-size: 0.9375rem; line-height: 28px; margin-top: 15px; padding: 3px 22px 5px; } 

  .wsmenu > .wsmenu-list > li > ul.sub-menu {min-width: 180px; }

  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { width: 86%!important; left: 10%; }

   .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a  { font-size: 0.9375rem; }

  .hero-section h2 { margin-bottom: 24px; }
   .hero-section h2.s-50 { margin-bottom: 35px; }
  .hero-section p.p-lg, .hero-section p.p-xl { margin-bottom: 28px; }
   .hero-section p.s-22, .hero-section p.s-24 { margin-bottom: 32px; }
  .hero-section p.s-21 { font-size: 1.25rem; margin-bottom: 22px; }

  .hero-digits .block-txt p.p-sm { margin-top: 2px; }
  #hero-1 { padding-top: 120px; padding-bottom: 80px; }
  #hero-3 { padding-top: 140px; }
  #hero-3:after { height: 6%; }
  .hero-3-txt { margin-top: -60px; }
  .hero-3-img { margin: 0 -75% 0 0;}

  .fbox-12-wrapper { padding-left: 30px; } 

  .fbox-12 { padding: 30px; }

  .fbox-ico { margin-bottom: 18px; }
  .row-cols-md-2 .fbox-ico { margin-bottom: 15px; }

  .fbox-txt h5, .features-section h6.s-22, .fbox-wrapper .row-cols-md-2 h6 { margin-bottom: 12px; color: #000; }
   .txt-block h2 { margin-bottom: 20px; }
  .txt-block h5 { margin-bottom: 18px; color: #000; }

  .txt-block .btn { margin-top: 22px; }
  .ct-02 .img-block { margin-right: 5px; }

  h2.statistic-number { letter-spacing: -0.5px; }
  .project-details h5 {margin-bottom: 25px; }

  .reviews-section .col-md-8 .section-title h2 { padding: 0 5%; }
  .review-2 { padding: 40px 35px 30px; }

  .review-txt { margin-top: -42px; }
  .review-txt h6 { margin-bottom: 10px; }
  .review-2 .author-data { margin-top: 8px; }

  .review-avatar img { width: 44px; height: 44px; }
  .review-2 .review-avatar img { width: 52px; height: 52px; }

  .review-author { padding: 0 0 0 12px; }
  .review-2 .review-author { margin-top: 5px; }

  .review-author h6 { margin-bottom: 8px; }
  .brands-title.mb-50 { margin-bottom: 40px; }

   #brands-1 .brands-carousel-6 .brand-logo { padding: 0 12px; } 
  #brands-1 .justify-content-center .brand-logo { padding: 0 12px; }

  .brands-section .brand-logo.mb-50 { margin-bottom: 40px; }

   .pricing-3-wrapper .col { padding: 0 8px; }
  .pricing-3-table { padding: 30px 32px 35px; }

  .pricing-table-header h5 { margin-bottom: 25px; }
  .pricing-table-header h4 { margin-bottom: 20px; }
  .pricing-3-table .pricing-table-header h4 { margin-bottom: 10px; }

  .price span { font-size: 2.85rem; letter-spacing: -1.5px; } 
  .pricing-3-table .price span { font-size: 4.5rem; letter-spacing: -3px; } 

  .price sup { font-size: 2rem; top: -4px; right: 2px; }
  .pricing-3-table .price sup { font-size: 2.4rem; top: -22px; }

  .price sup.validity { font-size: 1.45rem; }
  .pricing-3-table .price sup.validity { font-size: 1.2rem; top: 0; margin-top: 20px; margin-bottom: 35px; }

  .price p { margin-top: 20px; margin-bottom: 15px; }
  .text-center .price p { padding: 0; }

  .toggle-btn-md .toggler-txt { font-size: 1.0625rem; line-height: 32px; }

  .switch-wrap { min-width: 50px; height: 30px; }
  .toggle-btn-md .switch-wrap { min-width: 55px; height: 32px; margin: 0 6px; }

  .switcher { font-size: 0.9rem; height: 30px; }
  .toggle-btn-md .switcher { height: 32px; padding: 0 10px 0 30px; border-radius: 32px; }

  .switcher .show-annual, .switcher .show-monthly { line-height: 30px; }
  .toggle-btn-md .switcher .show-annual, .toggle-btn-md .switcher .show-monthly { line-height: 32px; }

  .switcher:before { left: 4px; bottom: 4px; width: 22px; height: 22px; }
  .toggle-btn-md .switcher:before { left: 5px; bottom: 5px; width: 22px; height: 22px; }
  .switcher.bg--grey:before { left: 4px; bottom: 3px; }

  .toggle-btn-md .switch-wrap input:checked + .switcher { padding: 0 30px 0 10px; }
  .comp-table .table-responsive.mb-50 { margin-bottom: 30px; }
  .comp-table .table-responsive thead th { font-size: 1.1rem; }
  .comp-table .table-responsive tbody th { font-size: 1rem; }
  .comp-table .table-responsive tbody td { font-size: 0.975rem; 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.785rem; }

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

  .faqs-3-questions .questions-holder { padding: 0; }

  #faqs-3 .section-title { margin-bottom: 55px; }

  #faqs-3 .question.mb-35 { margin-bottom: 25px; }

  .question h5 { margin-bottom: 15px; }

  .footer { padding-bottom: 35px; }
  .footer hr { margin-top: 10px; margin-bottom: 35px; }

  img.footer-logo, img.footer-logo-dark { max-height: 34px; }

  .footer h6 { margin-bottom: 20px; }
  #footer-3 .footer-info { margin-bottom: 50px; }
  #footer-3.ft-3-ntr .footer-links.fl-3 { padding-left: 28%; }
  .foo-links.ico-15 [class*="flaticon-"]:before, .foo-links.ico-15 [class*="flaticon-"]:after { font-size: 0.815rem; }

   #footer-3 .footer-form { padding-left: 5%; }
   .footer-form .btn { height: 28px; }

  .footer-form .ico-15 [class*="flaticon-"]:before, 
  .footer-form .ico-15 [class*="flaticon-"]:after { line-height: 24px!important; }

  .inner-page-hero { padding-top: 160px; }
  .inner-page-title { margin-bottom: 60px; }
  .inner-page-title p { font-size: 1.15rem; margin-top: 18px; }

  .txt-block.legal-info h5 { margin-top: 25px; margin-bottom: 25px; }
  .txt-block.legal-info h4 { margin-top: 60px; margin-bottom: 25px; }
  .txt-block.legal-info h4 span, .txt-block.legal-info h5 span { margin-right: 2px; }

  #reset-password { padding-bottom: 80px; }

}

@media (max-width: 991.98px) { 
  .wow { visibility: visible !important; animation-name: fadeInUp !important; }
}

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

  .py-70 { padding-top: 50px; padding-bottom: 50px; }
  .py-80 { padding-top: 50px; padding-bottom: 50px; }
  .pt-100 { padding-top: 70px; }
  .pb-50 { padding-bottom: 30px; }
  .pb-80 { padding-bottom: 50px; }
  .mt-50 { margin-top: 30px; }
  .mb-50 { margin-bottom: 30px; }
  .mb-70 { margin-bottom: 50px; }
  .mb-80 { margin-bottom: 50px; }

  .shape--02:after { width: 140%; height: 82%; top: 12%; left: -20%; }

  .s-15 { font-size: 1rem; }                
  .s-17, .s-18 { font-size: 1.066176rem; }       
  .s-19 { font-size: 1.3rem; }                     
   .s-21, .s-22 { font-size: 1.397058rem; }  
  .s-24, .s-26 { font-size: 1.470588rem; }  
  .s-30, .s-32 { font-size: 1.764705rem; }  
  .s-46 { font-size: 2.35294rem; }                 
  .s-50 { font-size: 2.64705rem; }                
  .s-52 { font-size: 2.79411rem; }          
  .s-60 { font-size: 3.23529rem; }                
  .s-64 { font-size: 3.52941rem; }                 
  p.p-sm { font-size: 1rem; }                 
   p.p-lg { font-size: 1.066176rem; } 

  .btn.ico-20 [class*="flaticon-"]:before, 
  .btn.ico-20 [class*="flaticon-"]:after { font-size: 1rem; line-height: 0.65rem!important;top: 3px; }

   .ico-50 .shape-ico svg { width: 95px; height: 95px; top: -25px; left: calc(50% - 50px); }
  .fbox-11 .ico-50 .shape-ico svg { top: -30px; left: calc(50% - 52px); }


  .section-id { margin-bottom: 25px; }

   .section-title.mb-70, .section-title.mb-80 { margin-bottom: 40px; }

   .section-title p.p-lg, .section-title p.p-xl { margin-top: 12px; }
   .section-title p.s-21 { font-size: 1.32352rem; margin-top: 12px; }
   .section-title p.p-lg { padding: 0; }

  .wsmobileheader .smllogo { display: block; margin-top: 22px; padding-left: 22px; }
  .smllogo img { width: auto; max-width: inherit; max-height: 34px; }

  .wsmobileheader { height: 80px; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); } 
  .tra-menu .wsmobileheader { background-color: #fff; }

  .wsanimated-arrow { padding: 14px 22px 14px 0px; margin: 24px 28px 0 0; }
  .wsanimated-arrow span:before { top: -8px; width: 26px; }
  .wsanimated-arrow span:after { bottom: -8px; width: 20px; }

  .wsactive .wsanimated-arrow span:before { width: 28px; top: 0; }
  .wsactive .wsanimated-arrow span:after { width: 28px; top: 0; }
  .wsactive .wsanimated-arrow span { background: transparent; }

  .wsmenu > .wsmenu-list > li > .wsmenu-click { height: 64px; }
  .wsmenu > .wsmenu-list > li.mobile-last-link > a { border-bottom: none; }

  .wsmenu > .wsmenu-list > li > a { font-size: 1.25rem; line-height: 46px; padding: 5px 32px 4px 20px; margin: 0; }
  .tra-menu .wsmenu > .wsmenu-list > li > a, .tra-menu.navbar-light .wsmenu > .wsmenu-list > li > a { color: #666; }
  .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 10px; width: 10px; margin: 21px 18px 0px 0px; }
  .wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i { transform: rotate(-45deg); margin-top: 28px; }

  span.sm-info { width: 22px; height: 22px; font-size: 0.95rem; line-height: 20px; top: -1px; }

  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { width: 100%!important; left: 0; padding: 12px 10px; }

  .wsmegamenu.w-75 .col-lg-3 { padding: 0; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { top: 5px; -webkit-border-radius: 0; -moz-border-radius: 0; 
  -o-border-radius: 0; -webkit-box-shadow: 0 0; -moz-box-shadow: 0 0; box-shadow: 0 0; border-bottom: 1px solid #ddd; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu { 
    opacity: 1!important; visibility: visible!important; -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg); 
  }

  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, 
  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a { 
    color: #666; font-size: 1.1765rem; padding: 15px 14px; 
  }

  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover { padding: 15px 14px; text-decoration: none; }

  .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { font-size: 1.1765rem; padding: 0 14px; margin-bottom: 10px; } 

  .wsmenu > .wsmenu-list > li a.btn {  
    font-size: 1.25rem;
    line-height: 44px; 
    border-width: 2px;
    padding: 5px 22px;
    margin: 1px 0 2px 0;
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    border-radius: 0; 
  }
   .wsmenu > .wsmenu-list > li.reg-fst-link > a { margin-left: 0; }

  .white-scroll .hover--tra-white:hover
  { color: #353f4f!important; border-color: #353f4f!important; background-color: transparent!important; }

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

  .hero-section h2 { margin-bottom: 18px; }
   .hero-section h2.s-50 { margin-bottom: 24px; }

   .hero-section p.p-lg, .hero-section p.p-xl { margin-bottom: 24px; }
   .hero-section p.s-22, .hero-section p.s-24 { margin-bottom: 26px; }
  .hero-section p.s-21 { font-size: 1.397058rem; margin-bottom: 22px; }

  .hero-digits { margin-top: -8px; }
  #hd-1-1, #hd-1-2 { width: 50%; padding-right: 0; }
  .hero-digits-block { display: block!important; justify-items: center;}
  .hero-digits .block-txt { padding-left: 0; }
  .hero-digits h2.statistic-number { font-size: 2.75rem; }
  .hero-digits h2.statistic-number span { font-size: 2.25rem; }
  .hero-digits .block-txt p.p-sm { margin-top: 10px; }

  #hero-1 { padding-top: 70px; padding-bottom: 70px; }

  #hero-3 { padding-top: 80px; }
  .hero-3-txt { margin-top: -50px; }
  .hero-3-txt p.p-lg { padding-right: 0; }
  .hero-3-img { margin: 0 -90% 0 10px; }

  .fbox-12-wrapper { padding-left: 0; }
  .row-cols-md-2 .fb-1  { margin-bottom: 35px; } 

  .fbox-12 { padding: 22px 18px; } 
  .fbox-12.mb-30 { margin-bottom: 20px; }

  .fbox-ico { margin-bottom: 18px; }

  .fbox-wrapper .row-cols-md-2 .ico-50 [class*="flaticon-"]:before, 
  .fbox-wrapper .row-cols-md-2 .ico-50 [class*="flaticon-"]:after { font-size: 3.75rem; }

  .fbox-ico-wrap { margin-right: 18px; }

  .features-section h6.s-18 { font-size: 1.397058rem; margin-bottom: 12px; }
   .features-section h6.s-22, .fbox-txt h5 { margin-bottom: 12px; }
   .fbox-wrapper .row-cols-md-2 h6 { margin-bottom: 12px; }
  .fbox-12 h5 { font-size: 1.3rem; margin-bottom: 10px; }

   .txt-block h2 { margin-bottom: 15px; }
  .txt-block h5 { margin-bottom: 18px; }

   .txt-block p.s-21 { font-size: 1.14705rem; }
  ul.simple-list li:not(:last-child) p { margin-bottom: 8px; }
  .txt-block .btn { margin-top: 15px; }

  .quote p { font-size: 1.05rem; padding-left: 14px; margin-top: 15px; }

  .ct-02 .img-block { margin-right: 0; }

  h2.statistic-number { letter-spacing: -0.5px; }

  .project-details h5 { margin-bottom: 20px; }

  .reviews-2-wrapper { padding: 0; }

   .review-2 { padding: 35px 25px 25px; }

  #rw-2-1, #rw-2-2 { margin-bottom: 12px; }

  .review-txt { margin-top: -38px; }
  .review-txt h6 { margin-bottom: 10px; }

   .review-2 .author-data { margin-top: 0; }

  .review-avatar img { width: 40px; height: 40px; }
  .review-2 .review-avatar img { width: 46px; height: 46px; }

  .review-author { padding: 0 0 0 12px; }
   .review-2 .review-author { margin-top: 3px; }

  .review-author h6 { margin-bottom: 5px; }

  .brands-title.mb-35 { margin-bottom: 25px; }
  .brands-title.mb-50 { margin-bottom: 35px; }

  .brands-title h4, .brands-title h2 { margin-bottom: 5px; } 
  #brands-1 .brands-carousel-6 .brand-logo { padding: 0 10px; } 
  #brands-1 .justify-content-center .brand-logo { padding: 0 10px; } 

  .brands-section .brand-logo.mb-50 { margin-bottom: 40px; }

  #pricing-1 .container, #pricing-2 .container, .pricing-3-wrapper .col { padding: 0 5px; }
  .pricing-3-table { padding: 25px 20px 30px; }

  .pricing-table-header h5 { margin-bottom: 20px; }
  .pricing-table-header h4 { margin-bottom: 15px; }
  .pricing-3-table .pricing-table-header h4 { margin-bottom: 10px; }
   .pricing-3-table hr { margin-top: 20px; }

  .pricing-3-table .price.mt-25 { margin-top: 20px; }

  .price span { font-size: 2.45rem; letter-spacing: -1.5px; } 
  .pricing-3-table .price span { font-size: 1.8rem; letter-spacing: -3px; } 

  .price sup { font-size: 2.125rem; top: -2px; }


  .price sup.validity { font-size: 1.2rem; }
  .pricing-3-table .price sup.validity { font-size: 1.125rem; top: 0; margin-top: 15px; margin-bottom: 25px; }

  .pt-btn { font-size: 0.95rem; padding: 0.785rem 0.5rem; margin-top: 25px; }
  .pricing-3-table .pt-btn { margin-top: 0; }

  .price p { font-size: 0.9075rem; margin-top: 14px; margin-bottom: 14px; }
  .text-center .price p { padding: 0; }

  .pricing-section .toggle-btn.mt-30 { margin-top: 20px; }
  .toggle-btn-md .toggler-txt { font-size: 1rem; line-height: 32px; }

  .switch-wrap { min-width: 50px; height: 30px; }
  .toggle-btn-md .switch-wrap { min-width: 55px; height: 32px; margin: 0 6px; }

  .switcher { font-size: 0.85rem; height: 30px; }
  .toggle-btn-md .switcher { height: 32px; padding: 0 10px 0 30px; border-radius: 32px; }

  .switcher .show-annual, .switcher .show-monthly { line-height: 30px; }
  .toggle-btn-md .switcher .show-annual, .toggle-btn-md .switcher .show-monthly { line-height: 32px; }

  .switcher:before { left: 4px; bottom: 4px; width: 22px; height: 22px; }
  .toggle-btn-md .switcher:before { left: 5px; bottom: 5px; width: 22px; height: 22px; }
  .switcher.bg--grey:before { left: 4px; bottom: 3px; }

  .toggle-btn-md .switch-wrap input:checked + .switcher { padding: 0 30px 0 10px; }

  .table-responsive.mb-50 { margin-bottom: 30px; }
  .table>:not(caption)>*>* { padding-top: 10px; padding-bottom: 10px; }
  .comp-table .table-responsive thead th { font-size: 1rem; }
  .comp-table .table-responsive tbody th { font-size: 0.9375rem; }
  .comp-table .table-responsive tbody td { font-size: 0.9215rem; 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; }

  .faqs-3-questions .questions-holder { padding: 0; }

  #faqs-3 .section-title { margin-bottom: 45px; }

  #faqs-3 .question.mb-35 { margin-bottom: 20px; }

  .question h5 { margin-bottom: 12px; }

  .footer { padding-bottom: 25px; }
  .footer hr { margin-top: 5px; margin-bottom: 25px; }

  img.footer-logo, img.footer-logo-dark { max-height: 33px; }

  .footer h6 { font-size: 1.17647rem; margin-bottom: 16px; }

  .footer .foo-links li p { margin-bottom: 8px; }
  .foo-links.ico-15 [class*="flaticon-"]:before, .foo-links.ico-15 [class*="flaticon-"]:after { font-size: 0.775rem; }
   .footer-form .btn { height: 28px; }
  .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { line-height: 24px!important; }

  .inner-page-hero { margin-top: 80px; padding-top: 70px; }

  .inner-page-title { margin-bottom: 45px; }
  .inner-page-title h2 { margin-bottom: 0; }
  .inner-page-title p { font-size: 1.15rem; margin-top: 14px; }

  .txt-block.legal-info h5 { margin-top: 20px; margin-bottom: 20px; }
  .txt-block.legal-info h4 { margin-top: 40px; margin-bottom: 20px; }
  .txt-block.legal-info h4 span, .txt-block.legal-info h5 span { margin-right: 2px; }

  #reset-password { padding-bottom: 80px; }


}

@media (max-width: 767px) { 

  .block-shadow { 
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .08); 
    -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .08); 
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .08); 
  }
  .py-70 { padding-top: 50px; padding-bottom: 50px; }
  .py-80 { padding-top: 50px; padding-bottom: 50px; }
  .pt-100 { padding-top: 70px; }
  .pb-50 { padding-bottom: 30px; }
  .pb-80 { padding-bottom: 50px; }
  .mt-50 { margin-top: 30px; }
  .mb-50 { margin-bottom: 30px; }
  .mb-70 { margin-bottom: 50px; }
  .mb-80 { margin-bottom: 50px; }

  h2, h4, h5, h6 { line-height: 1.35; }

  p.p-sm { font-size: 1rem; }

  .section-id { margin-bottom: 24px; }

  .section-title.mb-70, .section-title.mb-80 { margin-bottom: 50px; }


  .wsmobileheader .smllogo { display: block; margin-top: 22px; padding-left: 22px; }
  .smllogo img { width: auto; max-width: inherit; max-height: 36px; }

  .wsmobileheader { height: 80px; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); } 
  .tra-menu .wsmobileheader { background-color: #fff; }

  .wsanimated-arrow { padding: 14px 22px 14px 0px; margin: 24px 28px 0 0; }
  .wsanimated-arrow span:before { top: -8px; width: 26px; }
  .wsanimated-arrow span:after { bottom: -8px; width: 20px; }

  .wsactive .wsanimated-arrow span:before { width: 28px; top: 0; }
  .wsactive .wsanimated-arrow span:after { width: 28px; top: 0; }
  .wsactive .wsanimated-arrow span { background: transparent; }

  .wsmenu > .wsmenu-list > li > .wsmenu-click { height: 64px; }
  .wsmenu > .wsmenu-list > li.mobile-last-link > a { border-bottom: none; }

  .wsmenu > .wsmenu-list > li > a { font-size: 1.125rem; line-height: 46px; padding: 5px 32px 4px 20px; margin: 0; }
  .tra-menu .wsmenu > .wsmenu-list > li > a, .tra-menu.navbar-light .wsmenu > .wsmenu-list > li > a { color: #666; }
  .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 10px; width: 10px; margin: 21px 18px 0px 0px; }
  .wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i { transform: rotate(-45deg); margin-top: 28px; }

  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { width: 100%!important; left: 0; padding: 12px 10px; }

  .wsmegamenu.w-75 .col-lg-3 { padding: 0; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { top: 5px; -webkit-border-radius: 0; -moz-border-radius: 0; 
  -o-border-radius: 0; -webkit-box-shadow: 0 0; -moz-box-shadow: 0 0; box-shadow: 0 0; border-bottom: 1px solid #ddd; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu { 
    opacity: 1!important; visibility: visible!important; -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg); 
  }

  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, 
  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a {color: #666; font-size: 1.0625rem; padding: 15px 14px;}

  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, 
  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover { padding: 15px 14px; text-decoration: none; }

  .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { font-size: 1.0625rem; padding: 0 7px; margin-bottom: 10px; }  

  .wsmenu > .wsmenu-list > li a.btn {  
    font-size: 1.125rem;
    line-height: 44px; 
    border-width: 2px;
    padding: 5px 22px;
    margin: 1px 0 2px 0;
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    border-radius: 0; 
  }
   .wsmenu > .wsmenu-list > li.reg-fst-link > a { margin-left: 0; }

  .white-scroll .hover--tra-white:hover
  { color: #353f4f!important; border-color: #353f4f!important; background-color: transparent!important; }

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

  .hero-section h2 { margin-bottom: 15px; }
   .hero-section h2.s-50 { margin-bottom: 25px; }

  .hero-section p.p-sm { padding: 0!important; }
   .hero-section p.p-lg, .hero-section p.p-xl { margin-bottom: 22px; }
   .hero-section p.s-21, .hero-section p.s-22, .hero-section p.s-24 { margin-bottom: 24px; }

  #hd-1-1, #hd-1-2 { width: 50%; padding-right: 0; }
  .hero-digits-block { display: block!important; justify-items:center }
  .hero-digits .block-txt { padding-left: 0; }
  .hero-digits .block-txt p.p-sm { margin-top: 10px; }

  #hero-1 { text-align: center; padding-top: 80px; padding-bottom: 80px; }

  #hero-3 { text-align: center; padding-top: 80px; }
  .hero-3-txt { margin-top: 0;justify-items: center; }
  .hero-3-txt p { padding-right: 0;justify-items: center; }
  .hero-3-img { margin: 40px 0 0; }

  .fbox-12-wrapper { text-align: center; padding-left: 0; }

  .fb-1 { margin-bottom: 40px; }

  #fb-12-1, #fb-12-2, #fb-12-3 { margin-bottom: 40px; }
  #fb-12-1 { margin-top: 75px; }

  .fbox-ico { margin-bottom: 15px; }

  .fbox-11 { display: block; text-align: center; }
  .fbox-11 .fbox-ico { margin-top: 0; }
  .fbox-ico-wrap  { margin-right: 0; }

   .txt-block h2 { margin-bottom: 15px; }
  .txt-block h5 { margin-bottom: 18px; }

  .txt-block .btn { margin-top: 10px; }
  .quote p { padding-left: 14px; margin-top: 15px; }

  .ct-02 .img-block { margin-right: 0; margin-bottom: 40px; }

  .project-details h5 { margin-bottom: 25px; }

  .reviews-2-wrapper { padding: 0; }

  #rw-2-1, #rw-2-2, #rw-2-3 { margin-bottom: 30px; }
  .inner-page-hero #rw-2-3, .inner-page-hero #rw-2-4 { margin-bottom: 30px; }

  .pricing-table-header h5, .pricing-table-header h4 { margin-bottom: 15px; }
  .pricing-3-table .pricing-table-header h4 { margin-bottom: 10px; }

  .price p { margin-top: 14px; margin-bottom: 18px; }

  .pricing-section .toggle-btn.mt-30 { margin-top: 20px; }
  .toggle-btn-md .toggler-txt { font-size: 1rem; line-height: 32px; }

  .switch-wrap { min-width: 50px; height: 30px; }
  .toggle-btn-md .switch-wrap { min-width: 55px; height: 32px; margin: 0 6px; }

  .switcher { font-size: 0.85rem; height: 30px; }
  .toggle-btn-md .switcher { height: 32px; padding: 0 10px 0 30px; border-radius: 32px; }

  .switcher .show-annual, .switcher .show-monthly { line-height: 30px; }
  .toggle-btn-md .switcher .show-annual, .toggle-btn-md .switcher .show-monthly { line-height: 32px; }

  .switcher:before { left: 4px; bottom: 4px; width: 22px; height: 22px; }
  .toggle-btn-md .switcher:before { left: 5px; bottom: 5px; width: 22px; height: 22px; }
  .switcher.bg--grey:before { left: 4px; bottom: 3px; }

  .toggle-btn-md .switch-wrap input:checked + .switcher { padding: 0 30px 0 10px; }

  .faqs-3-questions .questions-holder { padding: 0; }

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

  .inner-page-hero { padding-top: 80px; margin-top: 80px; margin-bottom: 40px; }

  .inner-page-title { margin-bottom: 60px; }
  .inner-page-title p { line-height: 1.6666; margin-top: 15px; margin-bottom: 0; }

  .txt-block.legal-info h5 { margin-top: 20px; margin-bottom: 20px; }
  .txt-block.legal-info h4 { margin-top: 40px; margin-bottom: 20px; }
  .txt-block.legal-info h4 span, .txt-block.legal-info h5 span { margin-right: 2px; }

   #reset-password { padding-top: 70px; padding-bottom: 70px; }  

}


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

  .bg--fixed { width: auto; }

  .shape--02:after { width: 140%; height: 92%; top: 5.5%; left: -20%; }

   .font--jakarta h2 { line-height: 1.35; }
   .font--jakarta h4, .font--jakarta h5, .font--jakarta h6 { line-height: 1.4; }

  .s-15 { font-size: 1.0625rem; }               
  .s-17 { font-size: 1.125rem; }                       
  .s-18, .s-19, .s-21, .s-22 { font-size: 1.4375rem; } 
  .s-24, .s-26 { font-size: 1.625rem; }         
  .s-30, .s-32 { font-size: 1.81255rem; }                 
   .s-46 { font-size: 2.25rem; } 
  .s-50, .s-52 { font-size: 2.375rem; }                           
  .s-60 { font-size: 2.625rem; }                

                        

 
  p.p-sm { font-size: 1rem; } 
  p { font-size: 1.0625rem; } 
   p.p-lg { font-size: 1.125rem; }
  p.p-xl { font-size: 1.1875rem; }

 

 
  .btn { font-size: 1.125rem; }
  .rd-btn{width: 40% !important;}
 
  .btn.ico-20 [class*="flaticon-"]:before, 
  .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.225rem; line-height: 0.45rem!important;top: 4px; }

 

  

 

 

  
  .ico-50 .shape-ico svg { width: 125px; height: 125px; top: -35px; left: calc(50% - 65px); }

 

 

 
  .section-id { margin-bottom: 25px; }

 
   .section-title p.p-lg, .section-title p.p-xl { margin-top: 14px; }
   .section-title p.s-21 { font-size: 1.21875rem; margin-top: 12px; } 
   .section-title p.p-lg { padding: 0; }

 
 

 
  .wsmobileheader .smllogo { display: block; margin-top: 23px; padding-left: 18px; }
  .smllogo img { width: auto; max-width: inherit; max-height: 50px; }

  .wsmenu > .wsmenu-list { width: 345px; margin-right: -345px; }
  .wsactive .wsmobileheader { margin-right: 345px; }

  .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 18px 0 0; }

 
  span.sm-info { width: 22px; height: 22px; font-size: 0.8rem; line-height: 20px; top: -1px; margin-left: 8px; }

  .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 4px 20px; margin: 0; }
  .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { top: 0; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { padding: 6px 10px; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, 
  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover { padding: 12px 10px; }

 

  

  .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { margin-top: 12px; }

 
 

  .hero-section h2 { margin-bottom: 15px; font-size: 3rem; }
   .hero-section h2.s-50 { margin-bottom: 25px; }
   .hero-section p.p-lg, .hero-section p.p-xl { margin-bottom: 25px; }
  .hero-section p.s-21 { font-size: 1.375rem; margin-bottom: 22px; }

 

 

 
  .hero-digits { padding: 0 10%; }
  .hero-digits h2.statistic-number { font-size: 2.75rem; }
  .hero-digits h2.statistic-number span { font-size: 2.25rem; }

 

 

 

 
  .hero-3-txt { padding: 0 4%; justify-items: center;}

 

 

 

 

 

 

 

 

 

 

 

 

 

  

 

 

 

 

 

 

 

  

 

 
 

 

  

  .fbox-12 { padding: 40px 50px; }

  .fbox-ico { margin-bottom: 18px; }

  .fbox-wrapper .ico-50 [class*="flaticon-"]:before, 
  .fbox-wrapper .ico-50 [class*="flaticon-"]:after { font-size: 4rem; }

  .features-section h6.s-18, .features-section h6.s-22 { font-size: 1.625rem; } 
  .features-section h6, .fbox-txt h5 { margin-bottom: 15px; }
  .rows-3 .fbox-11 p { padding: 0 2%; }

 

 
  
   .txt-block h2 { margin-bottom: 20px; }
  .txt-block h5 { margin-bottom: 18px; }

   .txt-block p.s-21 { font-size: 1.3125rem; }

  .txt-block .btn { margin-top: 18px; }

 

 

 

 

 

 

 
   .ct-02 .img-block { margin-left: 3%; margin-right: 3%; }

 

  h2.statistic-number { font-size: 2.5rem; letter-spacing: -0.5px; }

 

  

  

 
  .reviews-section .col-md-8 .section-title h2 { padding: 0 5%; }
  .review-2 { padding: 35px 35px 30px; }

  .review-txt { margin-top: -43px; }
  .review-txt h6 { margin-bottom: 10px; }

   .review-2 .author-data { margin-top: 20px; }

  .review-avatar img { width: 52px; height: 52px; }
  .review-2 .review-avatar img { width: 52px; height: 52px; }

  .review-author { padding: 0 0 0 12px; }
   .review-2 .review-author { margin-top: 3px; }

  .review-author h6 { margin-bottom: 8px; }
   .review-2 .review-author h6 { font-size: 1.25rem; }

 
  .brands-title { padding: 0; } 
  .brands-title.mb-35 { margin-bottom: 30px; }
  .brands-title.mb-50 { margin-bottom: 40px; }

  .brands-title h5.s-19 { font-size: 1.25rem; }
  .brands-title h4, .brands-title h2 { margin-bottom: 8px; }

   #brands-1 .justify-content-center .brand-logo { padding: 0 20px; } 

  .brands-section .brand-logo.mb-50 { margin-bottom: 35px; }

 

 
  .pricing-3-table { padding: 35px 25px; }

  .pricing-table-header h5, .pricing-table-header h4 { font-size: 1.6875rem!important; }

 
  .price span { font-size: 2.875rem; letter-spacing: -1.5px; } 
  .pricing-3-table .price span { font-size: 4rem; letter-spacing: -3px; } 

  .price sup { font-size: 2.15rem; top: -4px; }
  .pricing-3-table .price sup { font-size: 2.5rem }

  .price sup.validity { font-size: 1.4375rem; }
  .pricing-3-table .price sup.validity { font-size: 1.4375rem; top: 0; margin-top: 20px; margin-bottom: 35px; }

  .text-center .price p { padding: 0; }

 

 

 
  .toggle-btn-md .toggler-txt { font-size: 1.15rem; }

 
  .table-responsive.mb-50 { margin-bottom: 35px; }
  .table>:not(caption)>*>* { padding-top: 9px; padding-bottom: 9px; }
  .comp-table .table-responsive thead th { font-size: 0.975rem; }
  .comp-table .table-responsive tbody th { font-size: 0.95rem; }
  .comp-table .table-responsive tbody td { font-size: 0.915rem; 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; }

 

 

 

 
  
 

 
  #faqs-3 .section-title { margin-bottom: 40px; }

  
   #faqs-3 .question.mb-35 { margin-bottom: 25px; }

  .question h5 { margin-bottom: 15px; }

 

 

 

  
  
 

 

 
  .footer { padding-bottom: 30px; }
  .footer hr { margin-top: 15px; margin-bottom: 30px; }

  .footer-info, .footer-links {margin-bottom: 35px; }

  img.footer-logo, img.footer-logo-dark { max-height: 50px; }
   #footer-3 .footer-logo { margin-bottom: 30px; }

  .footer h6 { font-size: 1.21875rem; margin-bottom: 20px; }
  .footer-form .btn { height: 32px; }
  .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { line-height: 26px!important; }

  .bottom-footer-socials { margin-top: 10px; }
  .bottom-footer-socials li { padding-left: 12px; }
  .bottom-footer-socials li:first-child { padding-left: 0; }

 
  .inner-page-title { margin-bottom: 50px; }
  .inner-page-title h2 { margin-bottom: 0; }
  .inner-page-title p { font-size: 1.15rem; margin-top: 10px; }

 

 

 


}








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

 
 
  .division { padding-left: 10px; padding-right: 10px; }
  .bg--fixed { width: auto; }

 
  .shape--02:after { width: 140%; height: 90%; top: 6.5%; left: -20%; }

   .font--jakarta h2 { line-height: 1.35; }
   .font--jakarta h4, .font--jakarta h5, .font--jakarta h6 { line-height: 1.4; }

 
  .s-15 { font-size: 1.0625rem; }                             
  .s-17 { font-size: 1.125rem; }                                     
  .s-18, .s-19, .s-21, .s-22 { font-size: 1.3125rem; } 
  .s-24, .s-26 { font-size: 1.4375rem; }                      
  .s-30, .s-32 { font-size: 1.5625rem; }                                            
   .s-46 { font-size: 1.8125rem; }                                     
  .s-50, .s-52, .s-60 { font-size: 2.0625rem; }                                      
  .s-64 { font-size: 2.25rem; }                                                                    

 
  p.p-sm { font-size: 1rem; } 
  p { font-size: 1.0625rem; } 
   p.p-lg { font-size: 1.125rem; }

 

 

 
  .btn { font-size: 1.125rem; }

 

 
  .btn.ico-20 [class*="flaticon-"]:before, 
  .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.225rem; line-height: 0.45rem!important;top: 4px; }

 

 

 

 

  
  .ico-50 .shape-ico svg { width: 120px; height: 120px; top: -35px; left: calc(50% - 60px); }
  .fbox-11 .ico-50 .shape-ico svg { top: -35px; left: calc(50% - 65px); }

 

 

 

 
  .section-title.mb-70, .section-title.mb-80 { margin-bottom: 45px; }

  .section-title h2 { padding: 0 1%; }
  .content-section .col-md-8 .section-title h2 { padding: 0 1.5%; }

   .section-title p.p-lg { margin-top: 14px; }
  .section-title p.p-xl { font-size: 1.125rem; margin-top: 14px; }
   .section-title p.s-21 { font-size: 1.1875rem; padding: 0 3%; margin-top: 12px; } 
   .section-title p.p-lg { padding: 0; }

 
 

 
  .wsmobileheader .smllogo { display: block; margin-top: 23px; padding-left: 16px; }
  .smllogo img { width: auto; max-width: inherit; max-height: 34px; }

  .wsmenu > .wsmenu-list { width: 325px; margin-right: -325px; }
  .wsactive .wsmobileheader { margin-right: 325px; }

  .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 16px 0 0; }

 
  span.sm-info { width: 22px; height: 22px; font-size: 0.8rem; line-height: 20px; top: -1px; margin-left: 8px; }

  .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 4px 20px; margin: 0; }
  .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { top: 0; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { padding: 6px 10px; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, 
  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, 
  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover { padding: 12px 10px; }

 

  

  .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { margin-top: 12px; }

 
 

  .hero-section h2 { margin-bottom: 18px; font-size: 3rem;}
   .hero-section h2.s-50 { margin-bottom: 20px; }
   .hero-section p.p-lg, .hero-section p.p-xl { margin-bottom: 25px; }
  .hero-section p.s-21 { font-size: 1.3125rem; margin-bottom: 22px; }

 

 

 
  .hero-digits { padding: 0 3%; margin-top: -5px; }
  .hero-digits h2.statistic-number { font-size: 2.5rem; }
  .hero-digits h2.statistic-number span { font-size: 2.25rem; }

 

 

 

 

 
  .hero-3-txt { padding: 0 3%; justify-items: center;}
  #hero-3:after { height: 8%; }
  .hero-3-img { margin-top: 35px; }

 

 

 

 

 

 

 

 

 

 

 

 

 

  

 

 

 

 

 

 

 

 

 

 

 
 

 

 

  .fbox-12 { padding: 35px 30px; } 
  #fb-12-1 { margin-top: 65px; }

  .fbox-ico { margin-bottom: 20px; }

  .fbox-wrapper .ico-50 [class*="flaticon-"]:before, 
  .fbox-wrapper .ico-50 [class*="flaticon-"]:after{ font-size: 3.65rem; }

  .features-section h6.s-18, .features-section h6.s-22 { font-size: 1.4375rem; } 
  .features-section h6, .fbox-txt h5, .fbox-wrapper .row-cols-md-2 h6 { margin-bottom: 15px; } 
   .rows-3 .fbox-11 p { padding: 0 2%; }

 

  

   .txt-block h2 { margin-bottom: 15px; }

  .txt-block p.p-sm, .txt-block p { margin-bottom: 0.875rem; }
   .txt-block p.s-21 { font-size: 1.1875rem; }

  .txt-block .btn { margin-top: 18px; }

 

 

 

 

  

 

 

 

 

 

   .ct-02 .img-block { margin: 0 2% 35px; }

 

  h2.statistic-number { font-size: 2.25rem; line-height: 1; letter-spacing: -0.5px; }

 
  .project-details h5 { margin-bottom: 25px; }

  

  

  
  .review-2 { padding: 35px 20px 30px; }

  .review-txt { margin-top: -40px; }
  .review-txt h6 { margin-bottom: 10px; }  

   .review-2 .author-data { margin-top: 20px; }

  .review-avatar img { width: 52px; height: 52px; }
  .review-2 .review-avatar img { width: 52px; height: 52px; }

  .review-author { padding: 0 0 0 12px; }
   .review-2 .review-author { margin-top: 3px; }

  .review-author h6 { margin-bottom: 8px; }
   .review-2 .review-author h6 { font-size: 1.2rem; }

 

 

  .brands-title { padding: 0 4%; } 
  .brands-title.mb-35 { margin-bottom: 25px; }
  .brands-title.mb-50 { margin-bottom: 30px; }

  .brands-title h4, .brands-title h2 { margin-bottom: 8px; }
   .brands-title p.p-lg { font-size: 1.0625rem; }

  #brands-1 .brands-carousel-6 .brand-logo { padding: 0 25px; }   
  #brands-1 .justify-content-center .brand-logo { padding: 0 25px; }

 

 
  .pricing-3-table { padding: 30px 50px 35px; }

  .pricing-table-header h5, .pricing-table-header h4 { font-size: 1.5625rem!important; }

  .price span { font-size: 2.75rem; } 
  .pricing-3-table .price span { font-size: 3.4rem; letter-spacing: -3px; } 

  .price sup { font-size: 2rem; top: -5px; }
  .pricing-3-table .price sup { font-size: 2.45rem; 
                              
                              }

  .price sup.validity { font-size: 1.3125rem; }
  .pricing-3-table .price sup.validity { font-size: 1.3125rem; top: 0; margin-top: 20px; margin-bottom: 35px; }

  .text-center .price p { padding: 0; }

 

 

 
  .toggle-btn-md .toggler-txt { font-size: 1.15rem; }

 
  .table-responsive.mb-50 { margin-bottom: 30px; }
  .table>:not(caption)>*>* { padding-top: 9px; padding-bottom: 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; }

    

 

 

 

 

 

 
  #faqs-3 .section-title { margin-bottom: 40px; }
  #faqs-3 .section-title h2 { padding: 0 4%; }

  
   #faqs-3 .question.mb-35 { margin-bottom: 25px; }
  .question h5 { line-height: 1.4; margin-bottom: 15px; }

 

 

 

 

  

 

 

 
  .footer { padding-bottom: 30px; }
  .footer hr { margin-top: 5px; margin-bottom: 30px; }
  .bottom-footer p.p-sm { margin-bottom: 0; }

  .footer .col-sm-4 { width: 50%!important; float: left; }

  .footer-info, .footer-links { margin-bottom: 35px; }

  img.footer-logo, img.footer-logo-dark { max-height: 37px; }

  .footer h6 { font-size: 1.21875rem; margin-bottom: 20px; }

  .footer-form { margin-right: 5%; }
  .footer-form .btn { height: 34px; }
  .footer-form .ico-15 [class*="flaticon-"]:before, 
  .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1.125rem; line-height: 28px!important; }

  .bottom-footer-socials { margin-top: 10px; }
  .bottom-footer-socials li { padding-left: 12px; }
  .bottom-footer-socials li:first-child { padding-left: 0; }

 
  .inner-page-title { margin-bottom: 50px; }
  .inner-page-title h2 { margin-bottom: 0; }
  .inner-page-title p { font-size: 1.15rem; padding: 0 5%; line-height: 1.6666; margin-top: 10px; }

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

 

 

 


}








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

 
 
  .division { padding-left: 3px; padding-right: 3px; }
  .bg--fixed { width: auto; }

 
  .shape--02:after { width: 140%; height: 90%; top: 6.5%; left: -20%; }

   .font--jakarta h2 { line-height: 1.35; }
   .font--jakarta h4, .font--jakarta h5, .font--jakarta h6 { line-height: 1.4; }

 
  .s-15 { font-size: 1.0625rem; }                            
  .s-17 { font-size: 1.125rem; }                                    
  .s-18, .s-19, .s-21, .s-22 { font-size: 1.3125rem; }
  .s-24, .s-26 { font-size: 1.4375rem; }                     
  .s-30, .s-32 { font-size: 1.5625rem; }                                           
   .s-46 { font-size: 1.8125rem; }                                   
  .s-50, .s-52, .s-60 { font-size: 2rem; }                                        
  .s-64 { font-size: 2.125rem; }                                                                  

 
  p.p-sm { font-size: 1rem; } 
  p { font-size: 1.0625rem; } 
   p.p-lg { font-size: 1.125rem; }

 

 

 
  .btn { font-size: 1.0625rem; }

 

 
  .btn.ico-20 [class*="flaticon-"]:before, 
  .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.225rem; line-height: 0.45rem!important;top: 4px; }

 

 

 

 

  
  .ico-50 .shape-ico svg { width: 120px; height: 120px; top: -35px; left: calc(50% - 60px); }
  .fbox-11 .ico-50 .shape-ico svg { top: -35px; left: calc(50% - 65px); }

 

 

 

 
  .section-title.mb-70, .section-title.mb-80 { margin-bottom: 40px; }

  .section-title h2 { padding: 0 1%; }

   .section-title p.p-lg { margin-top: 14px; }
  .section-title p.p-xl { font-size: 1.125rem; margin-top: 14px; }
   .section-title p.s-21 { font-size: 1.1875rem; padding: 0 2%; margin-top: 12px; } 
   .section-title p.p-lg { padding: 0; }

 
 

 
  .wsmobileheader .smllogo { display: block; margin-top: 20px; padding-left: 16px; }
  .smllogo img { width: auto; max-width: inherit; max-height: 46px; }

  .wsmenu > .wsmenu-list { width: 325px; margin-right: -325px; }
  .wsactive .wsmobileheader { margin-right: 325px; }

  .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 16px 0 0; }

 
  span.sm-info { width: 22px; height: 22px; font-size: 0.8rem; line-height: 20px; top: -1px; margin-left: 8px; }

  .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 4px 20px; margin: 0; }
  .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { top: 0; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { padding: 6px 10px; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, 
  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, 
  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover { padding: 12px 10px; }

 

  

  .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { margin-top: 12px; }

 
 

  .hero-section h2 { margin-bottom: 15px; font-size:3rem ;}
   .hero-section h2.s-50 { margin-bottom: 20px; }
   .hero-section p.p-lg, .hero-section p.p-xl { margin-bottom: 25px; }
  .hero-section p.s-21 { font-size: 1.3125rem; margin-bottom: 22px; }

 

 

 

 
  .hero-digits { margin-top: -5px; }
  .hero-digits h2.statistic-number { font-size: 3.25rem; }
  .hero-digits h2.statistic-number span { font-size: 2rem; }
  .hero-digits sup { font-size:xx-large}

 

 

 

 

 
  .hero-3-txt { padding: 0 2%;justify-items: center; }
  #hero-3:after { height: 8%; }
  .hero-3-img { margin-top: 35px; }

 

  

 

 

 

 

 

 

 

 

 

 

 

  

 

 

 

 

 

 

 

 

 

 

 
 

 

 
  .fbox-12 { padding: 32px 25px; } 
  #fb-12-1 { margin-top: 60px; }

  .fbox-ico { margin-bottom: 20px; }

  .fbox-wrapper .ico-50 [class*="flaticon-"]:before, 
  .fbox-wrapper .ico-50 [class*="flaticon-"]:after{ font-size: 3.65rem; }

  .features-section h6.s-18, .features-section h6.s-22 { font-size: 1.4375rem; } 
  .features-section h6, .fbox-txt h5, .fbox-wrapper .row-cols-md-2 h6 { margin-bottom: 15px; } 
   .rows-3 .fbox-11 p { padding: 0 2%; }

 

  

   .txt-block h2 { margin-bottom: 14px; }

  .txt-block p.p-sm, .txt-block p { margin-bottom: 0.875rem; }
   .txt-block p.s-21 { font-size: 1.1875rem; }

  .txt-block .btn { margin-top: 18px; }

 

 

 

 

  

 

 

 

 

 

   .ct-02 .img-block { margin: 0 2% 35px; }

 

  h2.statistic-number { font-size: 2.25rem; line-height: 1; letter-spacing: -0.5px; }

 
  .project-details h5 { margin-bottom: 25px; }

  

  

  
  .review-2 { padding: 35px 20px 30px; }

  .review-txt { margin-top: -40px; }
  .review-txt h6 { margin-bottom: 10px; }  

   .review-2 .author-data { margin-top: 20px; }

  .review-avatar img { width: 52px; height: 52px; }
  .review-2 .review-avatar img { width: 52px; height: 52px; }

  .review-author { padding: 0 0 0 12px; }
   .review-2 .review-author { margin-top: 3px; }

  .review-author h6 { margin-bottom: 8px; }
   .review-2 .review-author h6 { font-size: 1.2rem; }

 

 

  .brands-title { padding: 0 4%; } 
  .brands-title.mb-35 { margin-bottom: 25px; }
  .brands-title.mb-50 { margin-bottom: 30px; }

  .brands-title h4, .brands-title h2 { margin-bottom: 8px; }
   .brands-title p.p-lg { font-size: 1.0625rem; }

  #brands-1 .brands-carousel-6 .brand-logo { padding: 0 25px; }   
  #brands-1 .justify-content-center .brand-logo { padding: 0 25px; }

 
 
 
  .pricing-3-table { padding: 30px 50px 35px; }

  .pricing-table-header h5, .pricing-table-header h4 { font-size: 1.5625rem!important; }

  .price span { font-size: 2.75rem; } 
  .pricing-3-table .price span { font-size: 2.8rem; letter-spacing: -3px; } 

  .price sup { font-size: 2rem; top: -5px; }
 

  .price sup.validity { font-size: 1.3125rem; }
  .pricing-3-table .price sup.validity { font-size: 1.3125rem; top: 0; margin-top: 20px; margin-bottom: 35px; }

  .text-center .price p { padding: 0; }

 

 

 
  .toggle-btn-md .toggler-txt { font-size: 1.15rem; }

 
  .table-responsive.mb-50 { margin-bottom: 30px; }
  .table>:not(caption)>*>* { padding-top: 9px; padding-bottom: 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; }

    

 

 

 

 

 

 
  #faqs-3 .section-title { margin-bottom: 40px; }

  
   #faqs-3 .question.mb-35 { margin-bottom: 25px; }
  .question h5 { line-height: 1.4; margin-bottom: 15px; }

 

 

 

 

  

 

 

 
  .footer { padding-bottom: 30px; }
  .footer hr { margin-top: 5px; margin-bottom: 30px; }
  .bottom-footer p.p-sm { margin-bottom: 0; }

  .footer .col-sm-4 { width: 50%!important; float: left; }

  .footer-info, .footer-links { margin-bottom: 35px; }

  img.footer-logo, img.footer-logo-dark { max-height: 46px; }

  .footer h6 { font-size: 1.21875rem; margin-bottom: 20px; }

  .footer-form { margin-right: 5%; }
  .footer-form .btn { height: 34px; }
  .footer-form .ico-15 [class*="flaticon-"]:before, 
  .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1.125rem; line-height: 28px!important; }
  .bottom-footer-socials { margin-top: 10px; }
  .bottom-footer-socials li { padding-left: 12px; }
  .bottom-footer-socials li:first-child { padding-left: 0; }

 
  .inner-page-title { margin-bottom: 50px; }
  .inner-page-title h2 { margin-bottom: 0; }
  .inner-page-title p { font-size: 1.15rem; padding: 0 5%; line-height: 1.6666; margin-top: 10px; }

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

 

 

 


}








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


 
 
  .division { padding-left: 3px; padding-right: 3px; }
  .bg--fixed { width: auto; }

 
  .shape--02:after { width: 140%; height: 90%; top: 7%; left: -20%; }

   .font--jakarta h2 { line-height: 1.35; }
   .font--jakarta h4, .font--jakarta h5, .font--jakarta h6 { line-height: 1.4; }

 
  .s-15 { font-size: 1.0625rem; }                               
  .s-17 { font-size: 1.125rem; }                                       
  .s-18, .s-19, .s-21, .s-22 { font-size: 1.217948rem; } 
  .s-24, .s-26 { font-size: 1.34615rem; }                       
  .s-30, .s-32 { font-size: 1.47435rem; }                                                
   .s-46 { font-size: 1.730769rem; }                                        
  .s-50, .s-52, .s-60 { font-size: 1.923076rem; }                                       
  .s-64 { font-size: 2.05128rem; }                                                                   

 
   p.p-lg { font-size: 1.0625rem; }
  p.p-xl { font-size: 1.125rem; }

 

 
  .btn { font-size: 1rem; }

 

 
  .btn.ico-20 [class*="flaticon-"]:before, 
  .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.225rem; line-height: 0.5rem!important;top: 4px; }

 

 

 

 

 

  
  .ico-50 .shape-ico svg { width: 120px; height: 120px; top: -35px; left: calc(50% - 60px); }
  .fbox-11 .ico-50 .shape-ico svg { top: -35px; left: calc(50% - 65px); }

 

 

 
  .section-id { margin-bottom: 25px; }

 
  .section-title.mb-70, .section-title.mb-80 { margin-bottom: 40px; }

   .section-title p.p-lg { margin-top: 14px; }
  .section-title p.p-xl { font-size: 1.0625rem; margin-top: 14px; }
   .section-title p.s-21 { font-size: 1.15384rem; padding: 0 2%; margin-top: 12px; } 
   .section-title p.p-lg { padding: 0; }

 
   

 
 

 
  .wsmobileheader .smllogo { display: block; margin-top: 23px; padding-left: 16px; }
  .smllogo img { width: auto; max-width: inherit; max-height: 45px; }

  .wsmenu > .wsmenu-list { width: 290px; margin-right: -290px; }
  .wsactive .wsmobileheader { margin-right: 290px; }

  .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 16px 0 0; }

 
  span.sm-info { width: 22px; height: 22px; font-size: 0.8rem; line-height: 20px; top: -1px; margin-left: 8px; }

  .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 4px 20px; margin: 0; }
  .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { top: 0; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { padding: 6px 10px; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, 
  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, 
  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover { padding: 12px 10px; }

 

  

  .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { margin-top: 12px; }

 
 

  .hero-section h2 { margin-bottom: 15px; font-size:2.5rem;}
   .hero-section h2.s-50 { margin-bottom: 20px; }
   .hero-section p.p-lg, .hero-section p.p-xl { margin-bottom: 25px; }
  .hero-section p.s-21 { font-size: 1.217948rem; margin-bottom: 22px; }

 

 

 

 
  .hero-digits { margin-top: -5px; }

  .hero-digits h2.statistic-number { font-size: 3.3125rem; }
  .hero-digits h2.statistic-number span { font-size: 2rem; }
  .hero-digits sup{ font-size: xx-large;
  }

 

 

 

 

 
  .hero-3-txt { padding: 0 2%; justify-items: center; }
  #hero-3:after { height: 8%; }
  .hero-3-img { margin-top: 35px; }

 

  

 

 

 

 

 

 

 

 

 

 

 

  

 

 

 

 

 

 

 

 

 

 

 
  

 

 
  .fbox-12 { padding: 32px 25px; } 
  #fb-12-1 { margin-top: 50px; }

  .fbox-ico { margin-bottom: 20px; }

  .fbox-wrapper .ico-50 [class*="flaticon-"]:before, 
  .fbox-wrapper .ico-50 [class*="flaticon-"]:after{ font-size: 3.6rem; }

  .features-section h6.s-18, .features-section h6.s-22 { font-size: 1.34615rem; } 
  .features-section h6, .fbox-txt h5, .fbox-wrapper .row-cols-md-2 h6 { margin-bottom: 15px; }
  .rows-3 .fbox-11 p { padding: 0 2%; }

 

 

   .txt-block h2 { margin-bottom: 14px; }

  .txt-block p.p-sm, .txt-block p { margin-bottom: 0.897435rem; }
   .txt-block p.s-21 { font-size: 1.12820rem; }

  .txt-block .btn { margin-top: 18px; }

 

 

 

 

 

  

 

 

 

 

 

   .ct-02 .img-block { margin: 0 2% 35px; }

 

  h2.statistic-number { font-size: 2.21153rem; line-height: 1; letter-spacing: -0.5px; }

 
  .project-details h5 { margin-bottom: 25px; }

  

  

  
  .review-2 { padding: 35px 20px 24px; }

  .review-txt { margin-top: -43px; }
  .review-txt h6 { margin-bottom: 10px; }  

   .review-2 .author-data { margin-top: 20px; }

  .review-avatar img { width: 52px; height: 52px; }
  .review-2 .review-avatar img { width: 52px; height: 52px; }

  .review-author { padding: 0 0 0 12px; }
   .review-2 .review-author { margin-top: 3px; }

  .review-author h6 { margin-bottom: 8px; }
   .review-2 .review-author h6 { font-size: 1.1875rem; }

 

 

  .brands-title { padding: 0 4%; } 
  .brands-title.mb-35 { margin-bottom: 25px; }
  .brands-title.mb-50 { margin-bottom: 30px; }

  .brands-title h4, .brands-title h2 { margin-bottom: 8px; }
   .brands-title p.p-lg { font-size: 1rem; }

  #brands-1 .brands-carousel-6 .brand-logo { padding: 0 18px; }   
  #brands-1 .justify-content-center .brand-logo { padding: 0 18px; }

 
 
 
  .pricing-3-table { padding: 30px 30px 35px; }

  .pricing-table-header h5, .pricing-table-header h4 { font-size: 1.47435rem!important; }

  .pricing-3-table .price.mt-25 { margin-top: 20px; }

 
  .price span { font-size: 2.564102rem; letter-spacing: -1.5px; } 
  .pricing-3-table .price span { font-size: 3.5rem; letter-spacing: -3px; } 

  .price sup { font-size: 1.9230769rem; top: -4px; }
  .pricing-3-table .price sup { font-size: 1.75rem; }

  .price sup.validity { font-size: 1.282051rem; }
  .pricing-3-table .price sup.validity { font-size: 1.282051rem; top: 0; margin-top: 20px; margin-bottom: 35px; }

  .text-center .price p { padding: 0; }
   .pricing-3-table .pt-btn { margin-top: 20px; }

 

 

 
  .toggle-btn-md .toggler-txt { font-size: 1.15rem; }

 
  .table-responsive.mb-50 { margin-bottom: 30px; }
  .table>:not(caption)>*>* { padding-top: 9px; padding-bottom: 9px; }
  .comp-table .table-responsive thead th { font-size: 0.9rem; }
  .comp-table .table-responsive tbody th { font-size: 0.815rem; line-height: 1.25; }
  .comp-table .table-responsive tbody td { font-size: 0.85rem; 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; }

   

 

 

 

 

 

 
  #faqs-3 .section-title { margin-bottom: 40px; }

  
   #faqs-3 .question.mb-35 { margin-bottom: 25px; }
  .question h5 { line-height: 1.35; margin-bottom: 15px; }

 

 

 

 

  

 

 

 
  .footer { padding-bottom: 30px; }
  .footer hr { margin-top: 5px; margin-bottom: 30px; }

  .footer .col-sm-4 { width: 50%!important; float: left; }

  .footer-info, .footer-links { margin-bottom: 35px; }

  img.footer-logo, img.footer-logo-dark { max-height: 36px; }

  .footer h6 { font-size: 1.153846rem; margin-bottom: 18px; }

  .footer-form { margin-right: 5%; }
   .footer-form .btn { height: 30px; }
  .footer-form .ico-15 [class*="flaticon-"]:before, 
  .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1.1rem; line-height: 26px!important; }

  .bottom-footer-socials { margin-top: 10px; }
  .bottom-footer-socials li { padding-left: 12px; }
  .bottom-footer-socials li:first-child { padding-left: 0; }

 
  .inner-page-title { margin-bottom: 50px; }
  .inner-page-title h2 { margin-bottom: 0; }
  .inner-page-title p { font-size: 1.125rem; line-height: 1.6666; padding: 0 3%; margin-top: 12px; }

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

 

 


}

@media only screen and (max-width: 412px)
{
.hero-digits sup {
  font-size: xx-large;
}
}
@media only screen and (max-width: 414px)
{
.hero-digits sup {
  font-size: xx-large;
}
}








@media (max-width: 320.98px) { 

 
 
  .bg--fixed { width: auto; }
  .py-70 { padding-top: 40px; padding-bottom: 40px; }
  .py-80 { padding-top: 40px; padding-bottom: 40px; }
  .pt-100 { padding-top: 60px; }

  .pb-50 { padding-bottom: 30px; }
  .pb-80 { padding-bottom: 40px; }
  .mb-50 { margin-bottom: 30px; }

 
  .shape--02:after { width: 140%; height: 90%; top: 6.5%; left: -20%; }

   .font--jakarta h2 { line-height: 1.35; }
   .font--jakarta h4, .font--jakarta h5, .font--jakarta h6 { line-height: 1.4; }

 
  .s-15 { font-size: 1rem; }                                   
  .s-17 { font-size: 1.0625rem; }                                     
  .s-18, .s-19, .s-21, .s-22 { font-size: 1.285714rem; }
  .s-24, .s-26 { font-size: 1.35714rem; }                      
  .s-30, .s-32 { font-size: 1.5rem; }                                                  
   .s-46 { font-size: 1.714285rem; }                                      
  .s-50, .s-52, .s-60 { font-size: 1.92857rem; }                                              
  .s-64 { font-size: 2.07142rem; }                                                          

 
   p.p-lg { font-size: 1.0625rem; }
  p.p-xl { font-size: 1.125rem; }

 

 
  .btn { font-size: 1rem; }

 

 

 
  .btn.ico-20 [class*="flaticon-"]:before, 
  .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; line-height: 0.45rem!important;top: 3.5px; }

 

 

 

  
  .ico-50 .shape-ico svg { width: 100px; height: 100px; top: -30px; left: calc(50% - 55px); }
  .fbox-11 .ico-50 .shape-ico svg { top: -30px; left: calc(50% - 55px); }

 

 

 

 
  .section-title.mb-70, .section-title.mb-80 { margin-bottom: 35px; }

  .section-title h2 { padding: 0 1%; }

   .section-title p.p-lg { margin-top: 12px; }
  .section-title p.p-xl { font-size: 1.125rem; margin-top: 12px; }
   .section-title p.s-21 { font-size: 1.285714rem; margin-top: 10px; } 
   .section-title p.p-lg { padding: 0; }

 
 

 
 

 
  .wsmobileheader .smllogo { display: block; margin-top: 24px; padding-left: 15px; }
  .smllogo img { width: auto; max-width: inherit; max-height: 32px; }

  .wsmenu > .wsmenu-list { width: 250px; margin-right: -250px; }
  .wsactive .wsmobileheader { margin-right: 250px; }

  .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 15px 0 0; }

 
  span.sm-info { width: 20px; height: 20px; font-size: 0.785rem; line-height: 18px; top: -1px; margin-left: 5px; }

  .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 4px 20px; margin: 0; }
  .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { top: 0; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { padding: 6px 10px; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, 
  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, 
  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover { padding: 12px 9px; }

 

  

  .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { margin-top: 12px; }

 
 

  .hero-section h2 { margin-bottom: 13px; }
   .hero-section h2.s-50 { margin-bottom: 20px; }
   .hero-section p.p-lg, .hero-section p.p-xl, .hero-section p.s-22, .hero-section p.s-24 { margin-bottom: 23px; }
  .hero-section p.s-21 { font-size: 1.285714rem; margin-bottom: 22px; }

 

 

 

 
  .hero-digits { margin-top: -5px; }

  .hero-digits h2.statistic-number { font-size: 2.2rem; }
  .hero-digits h2.statistic-number span { font-size: 2.15rem; }

 

 

 
  #hero-1 { padding-top: 70px; padding-bottom: 70px; }

 
  #hero-3 { padding-top: 70px; }
  .hero-3-txt { padding: 0 2%; justify-items: center; }
  #hero-3:after { height: 8%; }
  .hero-3-img { margin-top: 30px; }

 

 

 

 

 

 

 

 

 

 

 

 

 

  

 

 

 

 

 

 

 

 

 

 

 
 

 

 

  .fb-1 { margin-bottom: 30px; }
  .fbox-12 { padding: 30px 25px; } 
  #fb-12-1, #fb-12-2, #fb-12-3 { margin-bottom: 30px; }
  #fb-12-1 { margin-top: 50px; }

  .fbox-ico { margin-bottom: 18px; }

  .fbox-wrapper .ico-50 [class*="flaticon-"]:before, 
  .fbox-wrapper .ico-50 [class*="flaticon-"]:after { font-size: 3.6rem; }

  .features-section h6.s-18, .features-section h6.s-22 { font-size: 1.35714rem; } 
  .features-section h6, .fbox-txt h5, .fbox-wrapper .row-cols-md-2 h6 { margin-bottom: 12px; }
  .rows-3 .fbox-11 p { padding: 0 4%; }

 

 

   .txt-block h2 { margin-bottom: 14px; }
  .txt-block h5 { margin-bottom: 16px; }
  
  .txt-block p, .txt-block p.p-lg { margin-bottom: 0.85714rem; }
   .txt-block p.s-21 { font-size: 1.14285rem; }

  .txt-block .btn { margin-top: 16px; }

 

 

 

 

 

 

 

 

 

 

 
   .ct-02 .img-block { margin: 0 2% 30px; }

 

  h2.statistic-number { font-size: 2.125rem; line-height: 1; letter-spacing: -0.5px; }

 
  .project-details h5 { margin-bottom: 20px; }

  

  

  
  .review-2 { padding: 35px 15px 24px; }

  .review-txt { margin-top: -40px; }
  .review-txt h6 { margin-bottom: 10px; }  

   .review-2 .author-data { margin-top: 20px; }

  .review-avatar img { width: 45px; height: 45px; }
  .review-2 .review-avatar img { width: 45px; height: 45px; }

  .review-author { padding: 0 0 0 12px; }
   .review-2 .review-author { margin-top: 2px; }

  .review-author h6 { margin-bottom: 8px; }
   .review-2 .review-author h6 { font-size: 1.225rem; }

 

 

  .brands-title { padding: 0 3%; } 
  .brands-title.mb-35 { margin-bottom: 20px; }
  .brands-title.mb-50 { margin-bottom: 25px; }

  .brands-title h5.s-19 { font-size: 1.21428rem; }
  .brands-title h4, .brands-title h2 { margin-bottom: 8px; }
   .brands-title p.p-lg { font-size: 1rem; }

  #brands-1 .brands-carousel-6 .brand-logo { padding: 0 15px; }   
  #brands-1 .justify-content-center .brand-logo { padding: 0 15px; }

 
 
 
  .p-table { margin-bottom: 30px; }
  .pricing-3-table { padding: 30px 30px 35px; }

  .pricing-table-header h5, .pricing-table-header h4 { font-size: 1.4285714rem!important; }

 
  .pricing-3-table .price.mt-25 { margin-top: 20px; }

  .price span { font-size: 2.85rem; letter-spacing: -1.5px; } 
  .pricing-3-table .price span { font-size: 4.285714rem; letter-spacing: -3px; } 

  .price sup { font-size: 2.4rem; top: -2px; }
  .pricing-3-table .price sup { font-size: 2.5rem; top: -16px; }

  .price sup.validity { font-size: 1.285714rem; }
  .pricing-3-table .price sup.validity { font-size: 1.285714rem; top: 0; margin-top: 20px; margin-bottom: 35px; }

  .text-center .price p { padding: 0; }

   .pricing-3-table .pt-btn { margin-top: 20px; }

 

 

 
  .toggle-btn-md .toggler-txt { font-size: 1.15rem; }

 
  .table-responsive.mb-50 { margin-bottom: 30px; }
  .table>:not(caption)>*>* { padding-top: 9px; padding-bottom: 9px; }
  .comp-table .table-responsive thead th { font-size: 0.9rem; }
  .comp-table .table-responsive tbody th { font-size: 0.815rem; line-height: 1.25; }
  .comp-table .table-responsive tbody td { font-size: 0.85rem; 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; }

   

 

 

 

 

 

 
  #faqs-3 .section-title { margin-bottom: 35px; }

  
   #faqs-3 .question.mb-35 { margin-bottom: 20px; }
  .question h5 { line-height: 1.35; margin-bottom: 15px; }

 

 

 

 

  

 

 

 
  .footer { padding-bottom: 30px; }
  .footer hr { margin-top: 5px; margin-bottom: 30px; }

  .footer .col-sm-4 { width: 50%!important; float: left; }

  .footer-info, .footer-links { margin-bottom: 35px; }

  img.footer-logo, img.footer-logo-dark { max-height: 34px; }

  .footer h6 { font-size: 1.1785714rem; margin-bottom: 18px; }

  .footer-form { margin-right: 6%; }
   .footer-form .btn { height: 28px; }
  .footer-form .ico-15 [class*="flaticon-"]:before, 
  .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1.125rem; line-height: 22px!important; }

  .bottom-footer-socials { margin-top: 10px; }
  .bottom-footer-socials li { padding-left: 12px; }
  .bottom-footer-socials li:first-child { padding-left: 0; }

 
  .inner-page-hero { padding-top: 60px; }

  .inner-page-title { margin-bottom: 40px; }
  .inner-page-title h2 { margin-bottom: 0; }
  .inner-page-title p { font-size: 1.125rem; line-height: 1.6666; padding: 0 3%; margin-top: 12px; }

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

 
   #reset-password { padding-top: 70px; padding-bottom: 70px; }

 

 



}