/* =============================================================
   AMVC — responsive.css
   Canonical responsive stylesheet. Single source of truth.
   All media queries from custom.css have been migrated here.

   Breakpoint System (desktop-down):
   BP1: max-width: 1199px   tablet landscape / small laptop
   BP2: max-width: 1023px   iPad landscape
   BP3: max-width:  991px   tablet portrait
   BP4: max-width:  767px   mobile portrait
   BP5: max-width:  599px   small phones
   BP6: max-width:  479px   iPhone SE / tiny phones
   BP7: max-width:  374px   ultra-small edge case
   OR1: (max-width: 932px) + landscape  → iPhone landscape
   OR2: (768px–1024px) + landscape      → iPad landscape
   ============================================================= */


/* ============================================================
   LEGACY: style-two header tweak (not used on main AMVC site)
   Keep for safety; can be removed if style-two is confirmed unused.
   ============================================================ */
@media only screen and (max-width: 1449px) {

  .main-header.style-two .header-lower {
    padding: 0px 30px;
  }

  .main-header.style-two .header-lower .outer-box {
    padding-left: 170px;
  }

  .main-header.style-two .main-menu .navigation > li {
    margin: 0px 20px;
  }

}


/* ============================================================
   BP1 — max-width: 1199px
   Tablet landscape / small laptop
   (Previously 1200px — adjusted to avoid integer overlap)
   ============================================================ */
@media only screen and (max-width: 1199px) {

  /* --- Navigation: switch to mobile hamburger --- */
  .main-menu,
  .main-header.style-one .outer-container:before {
    display: none !important;
  }

  .sticky-header {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px;
  }

  .sticky-header .header-lower {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .sticky-header .logo-box {
    display: flex;
    align-items: center;
    padding: 0;
    position: relative;
  }

  .sticky-header .menu-area {
    display: flex;
    align-items: center;
    margin-left: auto;
  }

  .sticky-header .nav-right {
    display: flex;
    align-items: center;
    margin-left: auto;
  }

  .header-lower .logo-box .logo img,
  .sticky-header .logo-box .logo img {
    max-width: 240px;
    width: auto;
  }

  .header-lower .outer-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0px;
  }

  .header-lower .logo-box {
    position: relative;
    top: auto;
    transform: none;
    padding: 10px 0px;
    float: none;
    display: flex;
    align-items: center;
    order: 1;
  }

  .header-lower .menu-area {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
    order: 3;
  }

  .menu-area .mobile-nav-toggler {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    float: none;
    position: relative;
    font-size: 0;
    line-height: 0;
    padding: 6px 8px;
    margin: 0;
    cursor: pointer;
    color: #1b182f;
    background: transparent;
    width: 44px;
    height: 44px;
    box-sizing: border-box;
    gap: 5px;
  }

  .menu-area .mobile-nav-toggler .icon-bar {
    display: block;
    width: 26px;
    height: 3px;
    background-color: #1b182f;
    border-radius: 2px;
    flex-shrink: 0;
  }

  .header-lower .search-box-outer {
    display: block;
    align-items: center;
    justify-content: center;
    height: auto;
    box-sizing: border-box;
  }

  .header-lower .search-box-outer .search-box-btn {
    display: block;
    align-items: center;
    justify-content: center;
    padding: 0 5px 5px 5px;
    font-size: 24px;
    line-height: 24px;
  }

  .header-top {
    padding-left: 0px;
    background: #1b182f;
  }

  .megamenu ul li:first-child {
    display: none;
  }

  .main-header .nav-right:before {
    display: none;
  }

  .header-lower .outer-box {
    padding-left: 0px;
  }

  .main-header.style-two .menu-area .mobile-nav-toggler {
    margin-top: 0;
    background: #fff;
    color: #1b182f;
  }

  .main-header.style-two .header-lower .nav-right {
    margin-right: 25px;
  }

  .rtl .header-top {
    padding-right: 0px;
  }

  .rtl .header-top .social-links {
    margin-left: 20px;
  }

  /* --- Section components --- */
  .service-section .pattern-layer {
    display: none;
  }

  .coaching-block-one .inner-box .overlay-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cta-section .inner-container {
    padding-right: 50px;
  }

  .cta-section .inner-container .image-box {
    display: none;
  }

  .banner-carousel .owl-nav {
    right: 50px;
  }

  .service-style-two .pattern-layer {
    display: none;
  }

  .team-section .owl-dots {
    display: none;
  }

  .content_block_3 .content-box {
    margin-left: 0px;
  }

  .about-style-three .image_block_1 .image-box .text {
    left: 0px;
  }

  .content_block_2 .content-box {
    margin-left: 0px;
  }

  .content_block_2 .content-box .btn-box {
    margin-bottom: 20px;
  }

  .team-section .inner-content {
    margin-right: 0px;
  }

  .team-section .upper-box .text {
    padding-right: 0px;
  }

  .chooseus-section .image-box {
    margin-right: 0px;
  }

  .about-section .pattern-layer {
    display: none;
  }

  .banner-section.style-two .content-box:before,
  .banner-section.style-two .rotate-text {
    display: none;
  }

}


/* ============================================================
   BP2 — max-width: 1023px
   iPad landscape (1024×768) + small laptops
   (Previously 1024px — adjusted by 1px)
   ============================================================ */
@media only screen and (max-width: 1023px) {

  /* --- Logo: tighter for iPad landscape --- */
  .header-lower .logo-box .logo img,
  .sticky-header .logo-box .logo img {
    max-width: 200px;
    width: auto;
  }

  /* --- Header layout --- */
  .header-lower {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .header-lower .menu-area {
    gap: 15px;
  }

  .menu-area .mobile-nav-toggler {
    margin-top: 0;
  }

  .menu-area .mobile-nav-toggler .icon-bar {
    width: 25px;
  }

  .header-lower .search-box-outer .search-box-btn {
    font-size: 24px;
    line-height: 24px;
  }

  .main-header.style-two .menu-area .mobile-nav-toggler {
    margin-top: 0;
  }

  .main-header .nav-right {
    margin-top: 0;
  }

  /* --- Process section: 3 columns --- */
  .process-section .row {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .process-section .processing-block {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
    margin-bottom: 30px;
  }

  .process-section .processing-block .arrow {
    display: none !important;
  }

  /* --- About us: process row 3-col on iPad landscape --- */
  .about-process-row .process-block-v2 {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
    margin-bottom: 30px;
  }

}


/* ============================================================
   Min-width gate: keep dropdowns block above 768px
   Required for the nav JS dropdown system.
   ============================================================ */
@media only screen and (min-width: 768px) {

  .main-menu .navigation > li > ul,
  .main-menu .navigation > li > ul > li > ul,
  .main-menu .navigation > li > .megamenu {
    display: block !important;
    visibility: hidden;
    opacity: 0;
  }

  /* Assessment form: 2 columns on tablet and above */
  .assessment-form-grid.two-col {
    grid-template-columns: 1fr 1fr;
  }

}


/* ============================================================
   BP3 — max-width: 991px
   Tablet portrait — iPad mini (768×1024), Android tablets
   ============================================================ */
@media only screen and (max-width: 991px) {

  /* --- Logo --- */
  .header-lower .logo-box .logo img,
  .sticky-header .logo-box .logo img {
    max-width: 200px;
    width: auto;
  }

  /* --- Header layout --- */
  .header-lower {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  /* --- Header top bar: stack on tablet portrait --- */
  .header-top .left-column,
  .header-top .right-column {
    float: none;
    display: block;
    text-align: center;
  }

  .header-top .info-list li {
    float: none;
  }

  .header-top .right-column {
    max-width: 315px;
    margin: 0 auto;
  }

  /* --- Banner style-two: rotate-text adjustment --- */
  .banner-section.style-two .rotate-text {
    left: -100px !important;
    font-size: 20px !important;
  }

  /* Hide image columns that occupy full screen width below desktop (992px) */
  .col-lg-6.col-md-12.col-sm-12.image-column,
  .col-lg-5.col-md-12.col-sm-12.image-column {
    display: none !important;
  }

  /* --- Feature blocks --- */
  .feature-block-one .inner-box {
    margin-bottom: 30px;
  }

  .image_block_1 .image-box .text {
    left: 0px;
  }

  /* --- Service grid --- */
  .service-block-one .inner-box {
    margin-bottom: 30px;
  }

  .country-section .inner-content {
    margin-right: 0px;
  }

  .coaching-block-one .inner-box {
    margin-bottom: 30px;
  }

  /* --- CTA section: center on tablet --- */
  .cta-section .inner-container {
    text-align: center !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .cta-section .inner-container .text,
  .cta-section .inner-container .btn-box {
    float: none !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .cta-section .inner-container .btn-box {
    margin-top: 25px !important;
  }

  .cta-section .inner-container .btn-box .theme-btn {
    display: inline-block !important;
  }

  /* --- News / Blog --- */
  .news-block-one .inner-box {
    margin-bottom: 30px;
  }

  .news-section {
    padding-bottom: 90px;
  }

  /* --- Footer widgets: 2-col on tablet --- */
  .footer-widget {
    margin: 0px 0px 30px 0px !important;
  }

  .main-footer .widget-section {
    padding-bottom: 70px;
  }

  /* --- Country --- */
  .country-style-two .upper-box .text {
    margin-left: 0px;
  }

  .country-block-one .inner-box {
    margin-bottom: 30px;
  }

  /* --- About style two --- */
  .about-style-two .image-box {
    margin-bottom: 30px;
  }

  .about-style-two .image-box .image-2 {
    left: 0px;
  }

  /* --- List style --- */
  .list-style-one li {
    float: none;
    display: block;
    width: 100%;
  }

  .service-block-two .inner-box {
    margin-bottom: 30px;
  }

  .service-style-two {
    padding-bottom: 90px;
  }

  /* --- Why choose us --- */
  .chooseus-section .image-box {
    margin-bottom: 30px;
  }

  .chooseus-section .image-box .image img {
    max-width: 100%;
    width: 100%;
    border-radius: 10px;
  }

  .chooseus-section .content-box {
    margin-left: auto;
    margin-right: auto;
    max-width: 650px;
  }

  /* --- Process section: 3 columns on tablet portrait --- */
  .process-section .row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  .process-section .processing-block {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
    margin-bottom: 30px;
  }

  .processing-block-one .inner-box {
    margin-bottom: 30px;
  }

  .processing-block-one .inner-box .arrow {
    display: block !important;
    right: -35px !important;
    left: auto !important;
    top: 87px !important;
    width: 50px !important;
    height: 18px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    transform: none !important;
  }

  .process-section {
    padding-bottom: 80px;
  }

  /* --- About us: process row 2-col on tablet portrait --- */
  .about-process-row .process-block-v2 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    margin-bottom: 30px;
  }

  /* --- RTL --- */
  .rtl .country-section .inner-content {
    margin-left: 0px;
  }

  .rtl .cta-section .inner-container .btn-box {
    text-align: right;
  }

  /* --- About style three --- */
  .about-style-three .image_block_1 .image-box {
    margin-bottom: 30px;
  }

  /* --- Team details --- */
  .team-details .content-box {
    margin-left: 0px;
    margin-top: 30px;
  }

  .team-details .image-box {
    margin-right: 0px;
  }

  /* --- Sidebars --- */
  .coaching-sidebar {
    margin-bottom: 30px;
  }

  .blog-sidebar {
    margin-top: 40px;
  }

  /* --- Contact --- */
  .contact-section .content-box {
    margin-bottom: 40px;
  }

  /* --- Service details --- */
  .service-sidebar,
  .service-details-content .content-style-two .inner-box .single-item {
    margin-bottom: 30px;
  }

}


/* ============================================================
   BP4 — max-width: 767px
   Mobile portrait — standard phones (iPhone 14, Pixel, etc.)
   ============================================================ */
@media only screen and (max-width: 767px) {

  /* --- Header --- */
  .header-lower .outer-box {
    padding: 0 15px;
  }

  .header-lower .logo-box .logo img,
  .sticky-header .logo-box .logo img {
    max-width: 180px;
    width: auto;
  }

  .header-lower .menu-area {
    gap: 0;
  }

  .menu-area .mobile-nav-toggler {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    width: 44px;
    height: 44px;
    padding: 6px 8px;
    gap: 5px;
    box-sizing: border-box;
  }

  .menu-area .mobile-nav-toggler .icon-bar {
    display: block;
    width: 26px;
    height: 3px;
    background-color: #1b182f;
    border-radius: 2px;
    flex-shrink: 0;
  }

  .header-lower .search-box-outer {
    display: block;
  }

  .header-lower .search-box-outer .search-box-btn {
    display: block;
  }

  .header-lower .nav-right {
    display: block;
  }

  .main-header .nav-right .search-box-btn {
    display: block;
  }

  .main-header .nav-right .info-box {
    display: none;
  }

  /* Override the custom.css 110px height for mobile */
  .main-header .nav-right {
    height: auto !important;
  }

  /* --- Comments --- */
  .vezaconslt-comment-item > .vezaconslt-comment-item {
    margin-left: 0px;
  }

  .rtl .vezaconslt-comment-item > .vezaconslt-comment-item {
    margin-right: 0px;
  }

  /* --- Hero banner --- */
  .banner-carousel .content-box h1,
  .banner-carousel .content-box h2,
  .banner-carousel .content-box .fs_85 {
    font-size: 32px !important;
    line-height: 40px !important;
  }

  .banner-carousel .content-box h2 br,
  .banner-carousel .content-box h1 br {
    display: none;
  }

  .banner-carousel .content-box .mb_45 {
    margin-bottom: 20px !important;
  }

  /* Page title heading on inner pages */
  .page-title .fs_40,
  .page-title h1,
  .page-title h2 {
    font-size: 26px !important;
    line-height: 34px !important;
  }

  .banner-carousel .slide-item {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  /* Style-two homepage banner: compact for mobile */
  .banner-section.style-two .banner-carousel .slide-item {
    padding-top: 80px !important;
    padding-bottom: 50px !important;
    min-height: 360px !important;
  }

  /* --- Section spacing --- */
  .feature-section {
    padding-top: 70px;
  }

  .about-section {
    padding-top: 70px;
  }

  .sec-title h2 {
    font-size: 28px;
    line-height: 38px;
  }

  .sec-title h2 br {
    display: none;
  }

  /* --- About image block --- */
  .image_block_1 .image-box .image-2 {
    position: relative;
    right: 0px;
    bottom: 0px;
    margin-top: 30px;
  }

  .image_block_1 .image-box {
    padding-left: 0px;
  }

  /* --- Services --- */
  .service-section {
    padding: 65px 0px;
  }

  .service-block-one .inner-box {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
  }

  .service-section .bg-layer {
    display: none;
  }

  .service-section .inner-container {
    padding-bottom: 40px;
  }

  /* --- Country / testimonial --- */
  .country-section,
  .testimonial-section {
    padding: 70px 0px;
  }

  .testimonial-section .owl-dots {
    display: none;
  }

  .testimonial-block-one .inner-box {
    padding-left: 30px;
    padding-right: 20px;
  }

  /* --- General padding --- */
  .sec-pad {
    padding: 65px 0px 70px 0px;
  }

  /* --- Coaching --- */
  .coaching-section {
    padding-bottom: 40px;
  }

  .coaching-section.pt_120.pb_120 {
    padding: 70px 0px 40px 0px;
  }

  .coaching-details-content .content-three .image-box {
    margin-bottom: 30px;
  }

  /* --- CTA section (mobile refinement) --- */
  .cta-section .inner-container h2 {
    font-size: 28px;
    line-height: 38px;
  }

  .cta-section .inner-container {
    padding-top: 65px;
    padding-bottom: 70px;
  }

  .cta-section.pb_120 {
    padding-bottom: 70px;
  }

  /* --- Clients --- */
  .clients-section {
    padding: 70px 0px;
  }

  /* --- Footer --- */
  .main-footer .top-inner .info-box {
    margin-bottom: 30px;
  }

  .main-footer .footer-top {
    padding-bottom: 20px;
  }

  .main-footer .widget-section {
    padding: 70px 0px 40px 0px;
  }

  /* --- Country style two --- */
  .country-style-two {
    padding-top: 65px;
  }

  /* --- About style two --- */
  .about-style-two {
    padding-top: 40px;
    padding-bottom: 70px;
  }

  /* --- Service style two --- */
  .service-style-two {
    padding-bottom: 45px;
  }

  /* --- Why choose us --- */
  .chooseus-section {
    padding-top: 0px;
  }

  .chooseus-section .bg-layer,
  .chooseus-section .image-layer {
    display: none;
  }

  .chooseus-section .content-box .inner {
    margin-bottom: 50px;
  }

  .chooseus-section .sec-title,
  .chooseus-section .text,
  .chooseus-section .offer-title-box {
    text-align: center;
  }

  .chooseus-section .offer-item {
    text-align: center;
    padding-left: 0px !important;
  }

  .chooseus-section .offer-item i {
    position: static !important;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
  }

  .chooseus-section .offer-item span {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
  }

  .chooseus-section .counter-block-one .inner-box:before {
    display: none;
  }

  .chooseus-section .counter-block-one .inner-box {
    margin-bottom: 30px;
  }

  .chooseus-section .counter-block:last-child .counter-block-one .inner-box {
    margin-bottom: 0px;
  }

  /* --- Process section --- */
  .process-section {
    padding: 65px 0px 40px 0px;
  }

  .process-section .processing-block {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 60px !important;
  }

  .processing-block-one .inner-box .arrow {
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    bottom: -45px !important;
    top: auto !important;
    width: 50px !important;
    height: 18px !important;
    transform: translateX(-50%) rotate(90deg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
  }

  /* --- RTL --- */
  .rtl .content_block_1 .content-box {
    margin-left: 0px;
    padding-bottom: 40px;
  }

  /* --- Team --- */
  .team-block-one .inner-box {
    margin-bottom: 30px;
  }

  .team-page-section {
    padding: 70px 0px 40px 0px;
  }

  .team-section {
    padding-bottom: 40px;
  }

  /* --- Page title banner --- */
  .page-title .content-box {
    padding: 60px 0px 90px 0px;
  }

  /* --- Inner page containers --- */
  .team-details,
  .coaching-details,
  .sidebar-page-container,
  .contact-section {
    padding: 70px 0px;
  }

  /* --- Content blocks --- */
  .content_block_1 .content-box {
    margin-right: 0px;
  }

  .content_block_1 .content-box .list-style-one li {
    width: 100%;
  }

  .content_block_1 .content-box {
    padding-bottom: 50px;
  }

  .content_block_3 .content-box .inner .single-item:before {
    display: none;
  }

  /* --- Service details --- */
  .service-details-content .image-box img {
    margin-bottom: 30px;
  }

  .service-details {
    padding-top: 70px;
    padding-bottom: 50px;
  }

  /* --- News section --- */
  .news-section .upper-box .btn-box {
    text-align: left !important;
  }

  /* --- Country section --- */
  .country-section .sec-title {
    margin-right: 0px;
  }

  /* --- Mission / Vision boxes (About Us page) --- */
  .mission-vision-container {
    flex-direction: column;
  }

  .mission-vision-wrapper.balanced_story .image-column figure {
    height: 350px;
  }

  .mission-vision-wrapper.balanced_story .content-box {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-bottom: 30px;
  }

}


/* ============================================================
   BP5 — max-width: 599px
   Small phones
   ============================================================ */
@media only screen and (max-width: 599px) {

  /* --- CTA --- */
  .cta-section .inner-container h2 br {
    display: none;
  }

  .cta-section .inner-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  /* --- Footer top --- */
  .main-footer .top-inner {
    display: block;
    text-align: center;
  }

  .main-footer .top-inner .info-box {
    display: inline-block;
    text-align: left;
  }

  .footer-logo {
    margin-bottom: 30px;
  }

  /* --- Banner owl nav --- */
  .banner-carousel .owl-nav {
    display: none;
  }

  .banner-carousel .slide-item {
    padding-bottom: 80px;
  }

  /* --- About style two --- */
  .about-style-two .image-box {
    margin-right: 0px;
  }

  .about-style-two .image-box .image-2 {
    position: relative;
    margin-top: 30px;
  }

  /* --- Why choose us --- */
  .chooseus-section .content-box .inner .image-box {
    position: relative;
    top: 0px;
    margin-bottom: 15px;
  }

  .chooseus-section .content-box .inner {
    padding-left: 0px;
  }

  /* --- Footer image layer --- */
  .main-footer .image-layer {
    display: none;
  }

  /* --- Coaching details --- */
  .coaching-details-content .content-two .single-item {
    width: 100%;
  }

  /* --- Blog details --- */
  .blog-details-content .post-share-option .tags-list {
    float: none;
    display: block;
    margin-bottom: 15px;
  }

  .blog-details-content .post-share-option .social-links {
    float: none;
    display: block;
  }

  .blog-details-content .author-box {
    padding-right: 30px;
    padding-left: 30px;
  }

  .blog-details-content .author-box .image-box {
    position: relative;
    left: 0px;
    top: 0px;
    margin-bottom: 15px;
  }

  .blog-details-content .comment-box .comment {
    padding-left: 0px;
  }

  .blog-details-content .comment-box .comment .thumb-box {
    position: relative;
    top: 0px;
    margin-bottom: 15px;
  }

  .blog-details-content .comment-box .comment .reply-btn {
    position: relative;
    top: 0px;
    margin-top: 15px;
  }

  /* --- Coaching details --- */
  .coaching-details-content .content-two .single-item {
    padding-left: 30px;
  }

  .coaching-details-content .content-two .single-item:first-child {
    padding-bottom: 0px;
  }

}


/* ============================================================
   BP6 — max-width: 479px
   iPhone SE + tiny phones
   (Previously 499px — tightened to match actual SE viewport)
   ============================================================ */
@media only screen and (max-width: 479px) {

  /* --- Logo: minimum usable size --- */
  .header-lower .logo-box .logo img,
  .sticky-header .logo-box .logo img {
    max-width: 150px;
    width: auto;
  }

  /* --- Mobile menu: full viewport width --- */
  .mobile-menu {
    width: 100%;
  }

  /* --- Why choose us: video button --- */
  .chooseus-section .image-box .video-btn a {
    width: 100px;
    height: 100px;
    line-height: 100px;
  }

  /* --- Style-two header --- */
  .main-header.style-two .header-lower .search-box-outer:before {
    display: none;
  }

  /* --- Image block floating text --- */
  .image_block_1 .image-box .text-two {
    position: relative;
    width: 100%;
    margin-top: 15px;
    left: 0px;
  }

  /* --- Error page --- */
  .error-section h1 {
    font-size: 140px;
    line-height: 140px;
  }

  /* --- Coaching sidebar download widget --- */
  .coaching-sidebar .download-widget {
    padding-left: 30px;
  }

  /* --- Blog cards --- */
  .news-block-one .inner-box h2 {
    font-size: 22px;
    line-height: 28px;
  }

  .blog-sidebar .sidebar-widget {
    padding-left: 30px;
    padding-right: 30px;
  }

  .blog-details-content .post-share-option .tags-list li {
    margin-bottom: 10px;
  }

  .blog-details-content .post-share-option .tags-list li:last-child {
    margin-bottom: 0px;
  }

  /* --- Hero: compress further for tiny phones (≤479px) --- */
  .banner-carousel .content-box h1,
  .banner-carousel .content-box h2,
  .banner-carousel .content-box .fs_85 {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  .banner-section.style-two .banner-carousel .slide-item {
    padding-top: 80px !important;
    padding-bottom: 50px !important;
    min-height: 350px !important;
  }

  /* --- Assessment form: force single column on tiny screens --- */
  .assessment-form-grid.two-col {
    grid-template-columns: 1fr !important;
  }

  /* --- Radio buttons: adjust spacing on small screens --- */
  .wpcf7-radio .wpcf7-list-item {
    margin-right: 0.6rem;
    margin-bottom: 0.6rem;
  }

  /* --- Process section: 1-col on tiny screens --- */
  .process-section .processing-block {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

}


/* ============================================================
   BP7 — max-width: 374px
   Ultra-small / legacy small phones
   (Previously 399px)
   ============================================================ */
@media only screen and (max-width: 374px) {

  /* --- Header top: hide free assessment button --- */
  .header-top .btn-box {
    display: none;
  }

  /* --- Contact page info indent --- */
  .contact-section .info-inner .inner {
    padding-left: 30px;
  }

  /* --- Logo: absolute minimum --- */
  .header-lower .logo-box .logo img,
  .sticky-header .logo-box .logo img {
    max-width: 130px;
    width: auto;
  }

  /* --- Hero: minimum readable font size --- */
  .banner-carousel .content-box h1 {
    font-size: 26px;
    line-height: 34px;
  }

}


/* ============================================================
   OR1 — iPhone landscape
   Targets: iPhone SE landscape (667×375), iPhone 14 landscape (844×390),
            iPhone 14 Max landscape (932×430)
   Key constraint: very limited height (~375–430px)
   ============================================================ */
@media only screen and (max-width: 932px) and (orientation: landscape) {

  /* --- Hide top bar to reclaim vertical space --- */
  .header-top {
    display: none;
  }

  /* --- Compact nav-right height --- */
  .main-header .nav-right {
    height: 60px !important;
  }

  /* --- Hero banner: drastically reduced for landscape --- */
  .banner-carousel .slide-item,
  .banner-section.style-two .banner-carousel .slide-item {
    padding-top: 70px !important;
    padding-bottom: 50px !important;
    min-height: 260px !important;
  }

  .banner-carousel .content-box h1 {
    font-size: 28px;
    line-height: 36px;
  }

  /* --- Page title banner: compact --- */
  .page-title .content-box {
    padding: 40px 0px 60px 0px;
  }

  /* --- Process section: 5-col works in landscape (single line) --- */
  .process-section .row {
    justify-content: center !important;
  }

  .process-section .processing-block {
    flex: 0 0 20% !important;
    max-width: 20% !important;
  }

  /* --- Mission / vision: side-by-side in landscape --- */
  .mission-vision-container {
    flex-direction: row;
  }

  /* --- Assessment form: 2-col in landscape (enough width) --- */
  .assessment-form-grid.two-col {
    grid-template-columns: 1fr 1fr;
  }

}


/* ============================================================
   OR2 — iPad landscape
   Targets: iPad mini landscape (1024×768), iPad Air landscape (1180×820)
   These devices have more horizontal space than vertical.
   ============================================================ */
@media only screen and (min-width: 768px) and (max-width: 1199px) and (orientation: landscape) {

  /* --- Logo --- */
  .header-lower .logo-box .logo img,
  .sticky-header .logo-box .logo img {
    max-width: 200px;
    width: auto;
  }

  /* --- Process section: 5-col on iPad landscape --- */
  .process-section .row {
    justify-content: center !important;
  }

  .process-section .processing-block {
    flex: 0 0 20% !important;
    max-width: 20% !important;
  }

  /* --- Banner: reduce height slightly --- */
  .banner-section.style-two .banner-carousel .slide-item {
    padding-top: 100px !important;
    padding-bottom: 60px !important;
  }

  /* --- Assessment form: 2-col --- */
  .assessment-form-grid.two-col {
    grid-template-columns: 1fr 1fr;
  }

}