/* For screens below 1500px (approx. 125% zoom) */
@media screen and (max-width: 1500px) {
	section#known-face img.img-fluid.jay-img-1{
		width: 22%;
	}
	.grow-exponentially-slide, .quality-matter-slide {
        padding: 0 5px;
    }
    .section-title h2{
    	font-size: 65px;
    	line-height: 70px;
    }
    p.content,
    section#command-attention .section-title p {
    	font-size: 22px;
    }
    .callout-text p{
    	font-size: 20px;
   		 line-height: 30px;
    }
    .invite-speaker-image img {
	    width: 42%;
	}
}

/* For screens between 1300px - 1399px (approx. 110% zoom) */
@media screen and (max-width: 1399px) and (min-width: 1300px) {
	.invite-speaker-image img {
	    width: 42%;
	}
	section#known-face img.img-fluid.jay-img-1{
		width: 22%;
	}
	.grow-exponentially-slide, .quality-matter-slide {
        padding: 0 5px;
    }
	.callout-text p{
		font-size: 22px;
    	line-height: 30px;
	}	
	.section-title h2{
		font-size: 70px;
    	line-height: 70px;
    	    margin-bottom: 10px;
	}
	.meet-founder-point p{
		font-size: 24px;
		    line-height: 32px;
	}
}

/* For screens between 1200px - 1299px */
@media screen and (max-width: 1299px) and (min-width: 1200px) {}

/* For screens below 1200px (Tablet Landscape) */
@media screen and (max-width: 1199.98px) {
	body.page-id-12 img.img-fluid.jay-img-1 {
        width: 29%;
    }
	.growth-counter-subbox span{
		font-size: 44px;
	}
	.growth-counter p {
	    font-size: 13px;
	}
	.profile-card{
		height: 390px;
    	min-height: 300px;
	}
	img.img-fluid.meet-jay-img {
	    top: unset;
	    width: 50%;
	    bottom: 0;
	}
}

/* For screens below 992px (Tablet Portrait) */
@media screen and (max-width: 991.98px) {
	#header {
		position: fixed;
	}
	section#known-face {
	    background-position: bottom;
	    background-size: contain;
	}
	.section-title h2{
		font-size: 47px;
    	line-height: 47px;
	}
	img.img-fluid.jay-img-1{
		width: 30%;
	}
	.known-face-content{
		padding: 50px 40px 40px;
	}
	.counter-box h2{
		font-size: 35px;
    	line-height: 40px;
	}
	.counter-box p {
	    font-size: 18px;
	}
	img.img-fluid.meet-jay-img {
	    position: absolute;
	    right: -12%;
	    top: unset;
	    width: 60%;
	    bottom: 0;
	}
	.meet-founder-point p{
		font-size: 20px;
	    line-height: 30px;
	}
	section#grow-exponentially .slick-initialized .slick-slide {
	    margin: 0 10px;
	}
	 .profile-cards {
      flex-direction: column;
    }

    .profile-card {
      flex: unset !important;
      min-height: auto;
      height: 300px;
    }

    .profile-card .hover-content {
        display: block;
      }

    .profile-card .card-label {
      display: none;
    }

    .card-number {
      margin-right: 8px;
    }

    .profile-card{
          padding: 10px 0;
    }

    .slick-slide.slick-current.slick-active .profile-card {
      background-color: #FFB43B;
      color: #111;
    }

    .hover-number {
      font-size: 28px;
    } 

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

    .hover-content p {
      font-size: 16px;
    }

    .profile-card .hover-content{
      padding: 0 10px 0 10px;
    }

    .grabbing-factory .slick-initialized .slick-slide{
      margin: 0 5px;
    }
}

/* For screens below 768px (Mobile) */
@media screen and (max-width: 767.98px) {
	img.img-fluid.decorative-img {
	    right: -30%;
	    top: 50%;
	}
	 .profile-cards {
      flex-direction: column;
    }

    .profile-card {
      flex: unset !important;
      min-height: auto;
      height: 300px;
    }

    .profile-card .hover-content {
        display: block;
      }

    .profile-card .card-label {
      display: none;
    }

    .card-number {
      margin-right: 8px;
    }

    .profile-card{
          padding: 10px 0;
    }

    .slick-slide.slick-current.slick-active .profile-card {
      background-color: #FFB43B;
      color: #111;
    }

    .hover-number {
      font-size: 28px;
    } 

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

    .hover-content p {
      font-size: 16px;
    }

    .profile-card .hover-content{
      padding: 0 10px 0 10px;
    }

    .grabbing-factory .slick-initialized .slick-slide{
      margin: 0 5px;
    }

	.footer-top-content a{
		font-size: 18px;
	}
	section {
	    padding: 10px 0;
	}
	section#hero {
	    padding-top: 25% !important;
	    padding-bottom: 0;
	}
	section#video-sec {
	    padding: 10px 0 40px;
	}
	section#recognition {
	    padding-bottom: 0;
	}
	section#known-face{
		padding-top: 50px;
	}
	section#meet-founder,
	.grabbing-factory{
		padding: 30px 0;
	}
	p.content,section#command-attention .section-title p,
	.counter-box p,.meet-founder-point p,
	.scaling-strategy-box small,
	section#quality-matters .section-title p {
	    font-size: 16px;
	    line-height: 20px;
	}
	.play-label {
	    padding: 6px 14px;
	    font-size: 12px;
	    margin-bottom: 8px;
	}
	.custom-play-button{
	    width: 40px;
	    height: 40px;
	    font-size: 23px;
	    border: 3px solid;
	}
	button#playButton i {
	    border: 1px solid;
	    padding: 5px;
	    width: 20px;
	    height: 20px;
	    font-size: 8px;
	}
	.section-title h2,.counter-box h2,.million-revenue-sub-heading h2 {
	    font-size: 38px;
	    line-height: 38px;
	}
	.known-face-content{
		padding: 160% 20px 20px;
	}
	section#growth-expert img.img-fluid.jay-img-1 {
	    position: absolute;
        right: 0;
        top: 10px;
        width: 76%;
        left: 0;
        margin: 0 auto;
	}
	section#known-face img.img-fluid.jay-img-1 {
	            position: absolute;
        right: 0;
        top: 10px;
        width: 76%;
        left: 0;
        margin: 0 auto;
	}
	.known-face-form {
	    width: 100%;
	}
	.counter-box {
	    padding: 30px 20px;
	}
	img.img-fluid.meet-jay-img {
	    position: unset;
	    width: 100%;
	}
	.custom-play-wrapper {
	    bottom: -12%;
	}
	.grow-exponentially-slide,
	.quality-matter-slide{
		padding: 0 5px;
	}
	.callout-text p {
	    font-size: 16px;
	    line-height: 20px;
	    padding: 0 0px 0 10px;
	}
	.question-icon {
	    width: 30px;
	    height: 30px;
	    min-width: 30px;
	}
	.scaling-strategy-box-right,.scaling-strategy-box-left{
		text-align: center;
		border-bottom: 2px solid;
		border-image-source: linear-gradient(90deg, rgba(87, 87, 87, 0) 0%, #575757 50%, rgba(87, 87, 87, 0) 100%);
	}
	.scaling-strategy-box h4{
		font-size: 28px;
	}
	section#quality-matters {
	    overflow: hidden;
	    margin-top: 0;
	}
	.section-with-fade::before {
	    top: 24%;
	    left: 50%;
	    width: 220px;
	    height: 260px;
	}
	img.img-fluid.invert-comma {
	    width: 80px;
	}
	.footer-top {
	    padding: 30px 0 50px;
	}
	section#known-face {
	    background-position: bottom;
	    background-size: contain;
	}
	  /* Reset all right borders */
  .brand-box {
    border-right: 1px solid #ccc;
  }

  /* Remove right border from every 2nd item in a row */
  .brand-col:nth-child(2n) .brand-box {
    border-right: none !important;
  }

  /* Optional: reset .no-right-border on mobile */
  .brand-box.no-right-border {
    border-right: 1px solid #ccc !important;
  }
   .brand-box.no-bottom-border {
    border-bottom: 1px solid #ccc !important;
  }

  /* Hide bottom border for last row on mobile (every nth-child from the last) */
  .brand-col:nth-last-child(-n+2) .brand-box {
    border-bottom: none !important;
  }

    /* Reset PHP-added no-right-border and no-bottom-border */
  #b2c .brand-box.no-right-border,
  #b2c .brand-box.no-bottom-border {
    border-right: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
  }

  /* Every 2nd child in mobile: no right border */
  #b2c .brand-col:nth-child(2n) .brand-box {
    border-right: none !important;
  }

  /* Only the LAST child in mobile: no bottom border */
  #b2c .brand-col:last-child .brand-box {
    border-bottom: none !important;
            border-right: none !important;
  }
    .copy-right-main {
        flex-wrap: wrap;
        gap: 15px !important;
    }
	.copy-right-main a {
		color: #000;
		width: 90px;
		text-align: center;
	}
	.copy-right-main p {
    	padding-top: 10px;
	}
}