@media screen and (max-width: 1650px) {
  .banner-thumb {
    width: 760px;
  }
}

@media screen and (max-width: 1399px) {
  .sp_banner {
    padding-top: 145px;
    padding-bottom: 10px;
  }

  .banner-thumb {
    width: 550px;
  }

  .sp_banner_title {
    font-size: 48px;
  }

  .sp_banner_subtitle {
    font-size: 18px;
  }

  .banner-bottom-wrapper {
    padding: 20px;
  }

  .sp_overview_thumb {
    height: 520px;
  }

  .sp_overview_item .sp_overview_title {
    font-size: 36px;
    width: 75px;
  }

  .sp_overview_item .sp_overview_title::before {
    top: -13px;
    left: -8px;
    width: 65px;
    height: 65px;
  }

  .sp_service_item {
    padding: 25px;
  }

  .how_work_circle_one {
    width: 186px;
    height: 93px;
  }

  .sp_product_item_thumb {
    height: 180px;
  }

  .sp_cta_section {
    padding-top: 100px;
  }

  .sp_testimonial_description {
    font-size: 20px;
  }

  .team_item .thumb {
    height: 350px;
  }

  .join_team_wrapper .title {
    font-size: 36px;
  }

  .sp_product_details_banner .title {
    font-size: 36px;
  }

  .product_core_feature_section {
    padding-bottom: 80px;
  }

  .product_details_cta_wrapper .title {
    font-size: 36px;
  }

  .service_cta_wrapper .title {
    font-size: 36px;
  }

  .sp_overview_section,
  .sp_product_section,
  .sp_product_section,
  .sp_testimonial_section,
  .sp_consultation_section,
  .sp_consultation_section,
  .sp_blog_section,
  .service_area_section,
  .sp_faq_section,
  .product_key_feature_section,
  .sp_faq_section {
    padding: 100px 0;
  }

  .sp_service_section,
  .how_work_section {
    padding-bottom: 100px;
  }

  .career_item_description .title {
    font-size: 22px;
  }

  .product-details-banner .title {
    font-size: 24px;
  }

  .product-details-banner-content .title ~ p {
    font-size: 14px;
  }

  .contact-item .icon {
    font-size: 22px;
    width: 23px;
  }

  .contact-item .content {
    width: calc(100% - 23px);
    padding-left: 10px;
  }

  .payment_preloader_wrapper {
    min-height: 530px;
  }
}

@media screen and (max-width: 1199px) {
  .header_menu_area {
    padding: 20px 0;
  }
  
  .sp_header.active .header_menu_area {
    padding: 10px 0;
  }

  .sp_header_menu {
    justify-content: flex-start;
  }

  .sp_header_menu > li > a,
  .sp_header.active .sp_header_menu > li > a {
    padding: 7px 1.25rem;
  }

  .sp_mega_menu {
    position: static;
    opacity: 1;
    visibility: visible;
    width: 100%;
    display: none;
    transform: translateX(0);
    padding: 10px 0;
    box-shadow: none;
    background-color: #f1f5f9;
  }

  .sp_mega_menu.active {
    display: block;
  }

  .sp_mega_menu_single {
    width: 100%;
  }

  .sp_mega_menu_single a {
    padding: 5px 15px;
  }

  .sp_mega_menu_single a .sp_mega_menu_img {
    width: 22px;
    height: 35px;
  }

  .sp_mega_menu_single a .sp_mega_menu_content {
    width: calc(100% - 22px);
    padding-left: 10px;
  }

  .sp_mega_menu_single a .sp_mega_menu_content span {
    font-size: 14px;
  }

  .sp_mega_menu_single a .sp_mega_menu_content p {
    font-size: 13px;
  }

  .sp_header_menu_wrapper {
    overflow-y: auto;
  }

  .sp_banner {
    padding-top: 120px;
  }

  .banner-thumb {
    width: 475px;
  }

  .sp_banner_title {
    font-size: 36px;
  }

  .sp_banner_subtitle {
    font-size: 16px;
  }

  .sp_overview_thumb {
    height: 450px;
  }

  .sp_video_btn {
    width: 85px;
    height: 85px;
    margin-top: -42px;
    margin-left: -42px;
  }

  .sp_overview_item .sp_overview_title {
    font-size: 32px;
  }

  .sp_overview_item .sp_overview_title::before {
    top: -11px;
    width: 55px;
    height: 55px;
  }

  .sp_block_header p {
    font-size: 18px;
  }

  .how_work_wrapper {
    margin-bottom: -30px;
  }

  .how_work_item {
    width: calc(100% / 2);
    margin-bottom: 30px;
  }

  .how_work_circle_one {
    left: 50%;
    margin-left: -93px;
  }
  
  .sp_product_item_thumb {
    height: 150px;
  }

  .sp_cta_section {
    background-position-y: bottom;
  }

  .sp_cta_section {
    padding-top: 80px;
  }

  .sp_testimonial_description {
    font-size: 18px;
  }

  .sp_about_banner_item .sp_about_banner_item_title::before {
    top: -14px;
  }

  .about_choose_item .content .title {
    font-size: 22px;
  }

  .team_item .thumb {
    height: 290px;
  }

  .join_team_wrapper .title {
    font-size: 32px;
  }

  .join_team_wrapper .subtitle {
    font-size: 18px;
  }

  .join_team {
    padding-bottom: 80px;
  }

  .sp_product_details_banner .title {
    font-size: 32px;
  }

  .sp_product_details_banner {
    padding-top: 140px;
  }

  .product_core_feature_single .title {
    font-size: 24px;
  }

  .sp_product_details_banner {
    padding-bottom: 50px;
  }

  .product_key_feature_single img {
    max-height: 50px;
  }

  .product_key_feature_single .title {
    font-size: 18px;
  }

  .product_details_cta_wrapper {
    padding: 30px;
  }

  .product_details_cta_wrapper .title {
    font-size: 32px;
  }

  .product_details_cta_wrapper .subtitle {
    font-size: 20px;
  }

  .service_details_banner {
    padding-top: 135px;
    padding-bottom: 60px;
  }

  .service_cta_wrapper .title {
    font-size: 32px;
  }

  .service_cta_wrapper .subtitle {
    font-size: 20px;
  }

  .breadcrum {
    padding-top: 110px;
    padding-bottom: 40px;
  }

  .sp_overview_section,
  .sp_product_section,
  .sp_product_section,
  .sp_testimonial_section,
  .sp_consultation_section,
  .sp_consultation_section,
  .sp_blog_section,
  .sp_about_choose_section,
  .about_expertise_section,
  .team_section,
  .service_area_section,
  .service_pricing_section,
  .sp_faq_section,
  .sp_payment_section,
  .sp_product_demo_section,
  .product_key_feature_section,
  .sp_faq_section {
    padding: 80px 0;
  }

  .sp_service_section,
  .how_work_section,
  .product_details_cta {
    padding-bottom: 80px;
  }

  .product-details-banner {
    padding-top: 150px;
  }

  .sp_all_products {
    padding-top: 140px;
    padding-bottom: 80px;
  }

  .blog-details-img {
    height: 425px;
  }

  .blog-details-content .title {
    font-size: 30px;
  }

  .blog_details_section {
    padding-top: 155px;
  }
}

@media screen and (max-width: 991px) {
  .banner-thumb {
    position: static;
    width: 100%;
    text-align: center;
  }

  .banner-bottom-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .sp_overview_thumb {
    height: 350px;
  }

  .sp_overview_item {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }

  .sp_overview_item .sp_overview_title {
    font-size: 28px;
  }

  .sp_overview_item p {
    width: 100%;
    margin-top: 15px;
    font-size: 16px;
  }

  .sp_overview_item .sp_overview_title::before {
    top: -9px;
    width: 45px;
    height: 45px;
    left: 3px;
  }

  .sp_about_banner_item .sp_about_banner_item_title {
    width: 75px;
    margin-left: auto;
    margin-right: auto;
  }

  .sp_about_banner_item .sp_about_banner_item_title::before {
    left: 10px;
  }

  .sp_about_banner_item .caption {
    margin-top: 20px;
  }

  .about_choose_item .content {
    width: 100%;
    padding-left: 0;
    margin-top: 25px;
  }

  .product_core_feature_section {
    padding-bottom: 60px;
  }

  .sp_service_item.style_two {
    justify-content: center;
  }

  .sp_service_item.style_two .sp_service_item_content {
    width: 100%;
    padding-left: 0;
    margin-top: 25px;
    text-align: center;
  }

  .service_cta_wrapper .title {
    font-size: 28px;
  }

  .service_cta_wrapper .subtitle {
    font-size: 18px;
  }

  .service_cta_wrapper {
    padding: 30px;
  }

  .contact-item .icon {
    line-height: 1;
  }

  .contact-item .content {
    padding-left: 0;
    width: 100%;
    margin-top: 10px;
  }

  .career_item_description .title {
    font-size: 20px;
  }

  .blog-details-img {
    height: 390px;
  }
}

@media screen and (max-width: 767px) {
  .sp_overview_thumb {
    height: 255px;
  }

  .sp_video_btn {
    width: 65px;
    height: 65px;
    font-size: 18px;
  }

  .sp_cta_section {
    padding-top: 60px;
  }

  .about_choose_item .content .title {
    font-size: 20px;
  }

  .join_team_wrapper {
    padding: 30px;
  }

  .sp_product_details_banner .title {
    font-size: 28px;
  }

  .product_core_feature_single .title {
    font-size: 22px;
  }

  .sp_overview_section,
  .sp_product_section,
  .sp_product_section,
  .sp_testimonial_section,
  .sp_consultation_section,
  .sp_consultation_section,
  .sp_blog_section,
  .sp_about_choose_section,
  .about_expertise_section,
  .team_section,
  .service_area_section,
  .service_pricing_section,
  .sp_faq_section,
  .sp_payment_section,
  .sp_product_demo_section,
  .product_key_feature_section,
  .sp_faq_section {
    padding: 60px 0;
  }

  .sp_all_products {
    padding-top: 120px;
    padding-bottom: 60px;
  }

  .join_team,
  .product_details_cta {
    padding-bottom: 60px;
  }

  .sp_service_section,
  .how_work_section {
    padding-bottom: 60px;
  }

  .product-details-banner .title {
    font-size: 20px;
  }

  .blog-details-img {
    height: 290px;
  }

  .blog-details-content .title {
    font-size: 24px;
  }

  .blog_details_section {
    padding-top: 135px;
  }
}


@media screen and (max-width: 575px) {
  body {
    font-size: 16px;
  }

  .header_menu_area {
    padding: 10px 0;
  }

  .breadcrum {
    padding-top: 85px;
    padding-bottom: 25px;
  }

  .breadcrum-title {
    font-size: 24px;
    margin-bottom: 5px;
  }

  .breadcrum .page-breadcrumb li {
    font-size: 16px;
  }

  .sp_block_title {
    font-size: 1.5rem;
  }

  .sp_site_logo img {
    max-height: 35px;
  }

  .no_product_found_wrapper {
    padding: 40px 30px;
  }

  .no_product_found_wrapper .icon {
    font-size: 36px;
  }

  .no_product_found_wrapper .title {
    font-size: 20px;
    margin-top: 7px;
  }

  .how_work_item {
    padding-top: 35px;
  }

  .how_work_title {
    padding: 0 15px;
    word-wrap: break-word;
    font-size: 17px;
  }

  .how_work_item_num {
    width: 70px;
    height: 70px;
    font-size: 22px;
  }

  .how_work_circle_one {
    width: 130px;
    height: 65px;
    margin-left: -65px;
  }

  .how_work_circle_two {
    width: 75px;
    height: 37px;
    margin-left: -38px;
    top: 28px;
  }

  .how_work_item:nth-child(even) {
    padding-bottom: 35px;
  }

  .how_work_item:nth-child(even) .how_work_circle_two {
    bottom: 28px;
  }

  .how_work_dots span {
    width: 6px;
    height: 6px;
  }

  .sp_cta_section {
    padding-bottom: 175px;
  }

  .back-to-top {
    width: 35px;
    height: 35px;
    bottom: 15px;
    right: 15px;
    font-size: 20px;
    line-height: 37px;
  }

  .whatsapp-float-btn {
    bottom: 65px;
    right: 15px;
    width: 185px;
    padding: 8px 15px;
    font-size: 14px;
  }
  .whatsapp-float-btn i {
    font-size: 22px;
    margin-right: 5px;
  }

  .about_choose_item .icon {
    width: 50px;
  }

  .about_choose_item .icon::before {
    width: 50px;
    height: 50px;
  }

  .expertise_item {
    height: 75px;
  }

  .expertise_item img {
    height: 25px;
  }

  .join_team_wrapper .title {
    font-size: 28px;
  }

  .join_team_wrapper .subtitle {
    font-size: 16px;
  }

  .join_team {
    padding-bottom: 60px;
  }

  .product_key_feature_single {
    padding: 15px;
  }

  .product_key_feature_single img {
    max-height: 35px;
  }

  .product_key_feature_single .title {
    font-size: 14px;
    margin-top: 10px;
  }

  .product_details_cta_wrapper .title {
    font-size: 28px;
  }

  .product_details_cta_wrapper .subtitle {
    font-size: 18px;
  }

  .service_cta_wrapper .subtitle {
    font-size: 16px;
  }

  .service_cta_wrapper {
    padding: 25px;
  }

  .contact-item .icon {
    height: auto;
  }

  .sp_footer_middle {
    padding: 40px 0;
  }

  .sp_product_tabs .nav-item {
    padding: 3px 5px;
  }

  .sp_block_header {
    margin-bottom: 30px;
  }

  .sp_product_tabs .nav-item .nav-link {
    font-size: 14px;
    padding: 3px 9px;
  }

  .sp_block_header p {
    font-size: 16px;
  }

  .product-details-banner-top {
    justify-content: center;
    text-align: center;
  }

  .product-details-banner-content {
    width: 100%;
    padding-left: 0;
    margin-top: 15px;
  }

  .product-purchase-ratings {
    justify-content: center;
  }

  .product-details-box-body a {
    word-break: break-word;
  }

  .product-details-banner-nav .nav-item .nav-link {
    font-size: 12px;
  }

  .product-details-banner-nav .nav-item {
    padding: 0 4px;
  }

  .product-details-main-thumb-bottom .sp_btn.btn-sm {
    font-size: 12px;
    padding: 8px 16px;
  }

  .product-details-banner .title {
    font-size: 18px;
  }

  .product-details-box-header .title,
  .product-aside-box-header .title {
    font-size: 16px;
  }

  .product-feature-list li,
  .product-details-box-body p,
  .changelog-list li {
    font-size: 14px;
  }

  .changelog-single .fs-md {
    font-size: 14px !important;
  }

  .product-purchase-box .product-purchase-box-top .product-purchase-box-top-price {
    font-size: 20px;
  }

  .product-details-banner {
    padding-top: 120px;
  }

  .product-details-banner p {
    font-size: 14px;
  }

  .product-review-user .thumb {
    width: 45px;
    height: 45px;
  }

  .product-review-user .content {
    width: 100%;
    padding-left: 0;
    margin-top: 15px;
  }

  .sp_accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px;
    padding: 0.75rem 1rem;
  }

  .blog-details-img {
    height: 185px;
  }

  .blog_details_section {
    padding-top: 115px;
  }

  .payment_preloader_wrapper { 
    min-height: 300px;
    padding-top: 85px; 
  }
}