/* Big screen :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
  .mobile-menu {
    display: none;
  }
  .Explore__blk p {
      font-size: 21px;
  }
  .Explore__blk h4 {
      font-size: 24px;
  }
  .Explore__blk {
      padding: 30px;
  }
  .owl-next {
      position: unset;
      scale: .8;
  }
  .owl-prev {
      position: unset;
      scale: .8;
  }
  .owl-nav {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 50px;
      gap: 20px;
  }
  .boxBorder__wrp {
      height: 640px;
  }
  .craft__content h1 {
      max-width: 430px;
  }
  .craft__content p {
      font-size: 20px;
      max-width: 550px;
  }
  .Living__content p {
      width: 41%;
  }
}

/* Normal screen :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
  .popup__container {
    width: 70vw;
  }
  .menu-area nav ul li a {
      font-size: 14px;
  }
  .menu-area ul {
      gap: 16px;
  }
  .about__content h1 {
      font-size: 40px;
  }
  .Explore__blk p {
      font-size: 20px;
      min-height: 170px;
  }
  .owl-next {
      position: unset;
      scale: .8;
  }
  .owl-prev {
      position: unset;
      scale: .8;
  }
  .owl-nav {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 50px;
      gap: 20px;
  }
  .boxBorder__wrp {
      height: 560px;
  }
  .marketing-area.v2 .marketing_text h3 {
      width: auto;
  }
  .craft__content h1 {
      max-width: 330px;
  }
  
  .craft__content p {
      font-size: 16px;
      max-width: 470px;
  }
  
  .pt_100 {
      padding-top: 80px;
  }
  
  .pb_100 {
      padding-bottom: 80px;
  }
  .Living__content p {
      width: 41%;
      font-size: 20px;
  }
  .Living__content a {
      font-size: 16px;
      padding: 0 30px;
  }
  .Schedule__content ul li p {
      align-items: baseline;
  }
}

 
/* Tablet screen :768px. */
@media (min-width: 768px) and (max-width: 991px) {
  :root{      
      --f18 : 18px;
      --f20 : 20px;
      --f22 : 22px;
      --f24 : 24px;
      --f28 : 28px;
      --f30 : 30px;
      --f32 : 28px;
      --f36 : 30px;
      --f40 : 32px;
      --f48 : 38px;
  }   
  .mt_150 {
    margin-top: 100px;
  }
  .mb_150 {
    margin-bottom: 100px;
  }
  .popup__container {
    width: 50vw;
  }
  .mkt__wrp {
    padding: 50px 0;
  }
  .boxBorder-area{
    min-height: 400px;
  }
  .menu-area nav ul li a {
      font-size: 14px;
  }
  .boxBorder__wrp {
      height: 420px;
  }
  .hero__content .left__bottom p {
      font-size: 18px;
      max-width: 380px;
  }
  .menu-area ul {
      gap: 16px;
  }
  
  .about__content h1 {
      font-size: 40px;
  }
  
  .Explore__blk p {
      font-size: 20px;
      min-height: 170px;
  }
  .owl-next {
      position: unset;
      scale: .8;
  }
  
  .owl-prev {
      position: unset;
      scale: .8;
  }
  
  .owl-nav {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 50px;
      gap: 20px;
  }

  .Explore__content ul li button {
      width: 230px;
  }
  
  .Explore__blk h4 {
      min-height: 65px;
  }
  .footer__content {
      text-align: center;
      margin-bottom: 40px;
  }
  
  .footer__content p {
      margin-inline: auto;
      max-width: 500px;
  }
  
  .footer__content ul {
      justify-content: center;
  }
  .Explore__blk.v2 {
      margin-bottom: 30px;
  }
  .marketing-area.v2 .marketing_text h3 {
      width: auto;
      font-size: 24px;
  }

  .marketing-area.v2 .marketing_text h3 br {
      display: none;
  }
  .hero__content .top__right p {
      font-size: 18px;
      max-width: 400px;
  }
  .craft__content h1 {
      max-width: 271px;
  }

  .craft__content p {
      font-size: 13px;
      max-width: 360px;
  }

  .pt_100 {
      padding-top: 70px;
  }

  .pb_100 {
      padding-bottom: 70px;
  }
  .Plan-Feature ul li {
      width: 50%;
  }

  img.Living-img {
      display: none;
  }

  .Living__content p {
      max-width: 100%;
      margin: 20px;
      position: relative;
  }

  .Living__content {
      text-align: center;
  }

  .Living__content h1 {
      position: unset;
  }

  .Living__content a {
      position: unset;
      margin: auto;
  }
  .plan__text h4 {
      font-size: 20px;
  }
  .Schedule__img {
      max-width: 400px;
      margin: auto;
  }

  .support__content p {
      font-size: 20px;
  }

  .Schedule__btn {
      justify-content: center;
  }
  .addr-info {
      margin-top: 30px;
  }
}

 
/* small screen :320px. */
@media (max-width: 767px) {
  :root{
    --f18 : 16px;
    --f20 : 18px;
    --f22 : 20px;
    --f24 : 20px;
    --f28 : 22px;
    --f30 : 24px;
    --f32 : 26px;
    --f36 : 28px;
    --f40 : 30px;
    --f48: 30px;
  }
  .mt_150 {
      margin-top: 70px;
  }
  .mb_150 {
      margin-bottom: 70px;
  }
  .popup__container {
    width: 80vw;
  }
  .header-area,
  .header-area.nav-minified {
    position: relative;
  }
  .mobile-menu {
    margin-top: 70px;
  }
  main {
    padding-top: 0;
  }
  .boxBorder-area{
  min-height: 400px;
  }
  .menu-area nav ul li a {
      font-size: 14px;
  }
  .menu-area ul {
      gap: 16px;
  }
  #frame-home {background: url(../img/trackfinity-home-bg.jpg) center no-repeat}
  #frame-home1 {background: url(../img/trackfinity-affiliate-goals-m.jpg) center no-repeat}
  #frame-howitworks {background: url(../img/trackfinity-howitworks-bg-m.jpg) center no-repeat}
  #frame-features {background: url(../img/trackfinity-features-bg.jpg) center no-repeat}
  #frame-affiliate-networks {background: url(../img/trackfinity-affiliate-networks-bg.jpg) center no-repeat}
  #frame-affiliate-freedom {background: url(../img/trackfinity-affiliate-freedom-bg-m.jpg) center no-repeat}
  #frame-advertisers {background: url(../img/trackfinity-advertisers-bg.jpg) center no-repeat}
  #frame-publishers {background: url(../img/trackfinity-publishers-bg.jpg) center no-repeat}
  #frame-pricing {background: url(../img/trackfinity-pricing-bg.jpg) center no-repeat}
  .frame_content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  .frame_content-right-top {
    max-width: 60%;
  }
  .frame_content-left-text {
    max-width: 70%;
  }
  .hero__content .top__right {
    max-width: 30vw;
    padding: 0 0 12px 12px;
  }
  .hero__content .top__right h4 {
    font-weight: 300;
    text-align: right;
  }
  .frame_content-left {
    width: 100%;
  }
  .frame_content-left span {
    font-size: .75rem;
  }
  .frame_content-left h1,
  .frame_content-left h1 span {
    font-size: 2rem;
    width: 100%;
  }
  .frame_content-left-top h1,
  .frame_content-left-top h1 span {
    font-size: 2rem;
  }
  .m-br-0 {
    border-top-right-radius: 0 !important;
    -webkit-border-top-right-radius: 0 !important;
    -moz-border-top-right-radius: 0 !important;
    -ms-border-top-right-radius: 0 !important;
    -o-border-top-right-radius: 0 !important;
  }
  .frame_content-right {
    width: 100%;
    padding: 1rem 0 0;
    border-top-left-radius: 0;
  }
  .frame_content-right a {
    width: 100%;
  }
  .hero__content .left__bottom h1 {
      font-size: 22px;
      padding: 10px 20px;
      border-radius: 12px;
      margin: auto;
  }
  .hero__content .left__bottom {
    bottom: 100px;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
    width: 100%;
  }
  .hero__content .left__bottom span {
    font-size: 11px;
    border-radius: 10px;
  }
  .boxBorder__wrp {
    width: 98%;
    height: 75vh;
    border-width: 1rem;
  }
  .hero__content .left__bottom p {
      font-size: 16px;
      width: 250px;
      border-radius: 10px;
      padding: 20px;
  }
  .border_btn-white {
    color: var(--blueColor);
    background: #fff;
  }
  h1.title {
      font-size: 30px;
  }
  .craft__content h1 {
    position: unset;
    font-size: 2rem;
    font-weight: 700;
  }
  .craft__content p {
    position: unset;
    font-size: 1rem;
  }
  .Explore__content h1 {
      font-size: 30px;
  }
  .Explore__blk p {
      font-size: 20px;
      min-height: 170px;
  }
  .owl-next {
      position: unset;
      scale: .8;
  }
  
  .owl-prev {
      position: unset;
      scale: .8;
  }
  
  .owl-nav {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 50px;
      gap: 20px;
  }

  .Explore__content ul li button {
      width: 250px;
  }
  
  .Explore__blk h4 {
      min-height: 65px;
  }
  .btn-grp {
      flex-direction: column;
      max-width: 300px;
      margin: auto;
  }
  
  .about__content a {
      width: 100%;
      text-align: center;
      justify-content: center;
  }
  
  .about__content {
      text-align: center;
  }
  
  .svc__blk {
      text-align: center;
  }
  
  .svc__blk i {
      margin: auto;
  }
  
  .mb_100 {
      margin-bottom: 60px;
  }
  
  .pt_100 {
      padding-top: 60px;
  }
  
  .pb_100 {
      padding-bottom: 60px;
  }
  
  .svc__blk p {
      margin-inline: auto;
  }
  
  .Freedom-content h1 {
      margin: 40px 0;
  }
  
  .marketing_text {
    margin-top: 30px;
  }
  
  .marketing_text a {
      /* margin: auto; */
  }
  
  .mkt__wrp {
      padding: 50px 0;
  }

  .unplug-area.v2 .unplug__content h1 b {
    font-size: 2.25rem;
  }
  .unplug_row-up img {
    max-width: 170px;
  }
  
  .Explore__content {
      text-align: center;
      margin-bottom: 50px;
  }
  
  .Explore__content ul {
      justify-content: center;
  }
  
  .action__content > i a {
      max-width: 50px;
  }
  
  .footer__nav {
      margin-top: 40px;
  }
  .Explore__blk.v2 {
      margin-bottom: 30px;
  }
  .Traffic__blk {
      margin: auto;
      text-align: center;
  }
  
  .Traffic__blk i {
      margin: auto;
  }

  .marketing-area.v2 .marketing_text h3 {
      width: auto;
  }
  .hero__content .top__right p {
      font-size: 16px;
  }

  .Plan-Feature ul {
      flex-direction: column;
  }
  
  .Plan-Feature ul li {
      width: 85%;
      margin: auto;
  }
  
  .accordion {
      width: 100%;
  }
  
  .accordion__wrp {
      display: block;
  }
  
  .Living__content p {
      position: unset;
      margin: 30px 0;
  }
  
  .Living__content h1 {
      position: unset;
  }
  
  .Living__content {
      text-align: center;
  }
  
  .Living__content a {
      position: unset;
      margin: auto;
  }
  
  img.Living-img {
      display: none;
  }
  
  img.Living-img-mobile {
      display: block;
      margin-bottom: 20px;
  }
  .Schedule__btn {
      flex-direction: column;
  }
  
  .Schedule__btn a {
      width: 100%;
      max-width: 300px;
  }
  
  .input__blk label {
      margin-bottom: 2px;
  }
  
  .contact__form .row {
      gap: 14px 0;
  }
  .addr-info {
      margin-top: 30px;
  }
  .contact__text h3 {
      margin-bottom: 30px;
  }
  
  .cont_link {
      margin-bottom: 30px;
  }
  .Privacy__btn {
      text-align: center;
      margin-bottom: 30px;
  }
  
  .Privacy__btn button {
      text-align: center;
      padding: 8px;
      font-size: 20px;
  }
  
  .Privacy-area {
      margin-bottom: 30px;
  }
  .accordion-body {
    padding: 0 0 1.5rem 0;
  }
}
 
/* Large Mobile screen :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {width:450px}
 
}