/*media query */

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1400px) {
}

/* 
          ##Device = Laptops, Desktops
          ##Screen = B/w 1025px to 1280px
        */

@media (min-width: 1025px) and (max-width: 1399px) {
}

/* 
          ##Device = Tablets, Ipads (portrait)
          ##Screen = B/w 1024px to 1366px
        */

@media (min-width: 1024px) and (max-width: 1366px) {
  /*body{
            background: orange;
          }*/
}

/* 
          ##Device = Tablets, Ipads (portrait)
          ##Screen = B/w 768px to 1024px
        */

@media (min-width: 768px) and (max-width: 1024px) {
  .paragonHeader {
    background: url("../images/mobilelanding.png");
    background-position: center;
    background-size: cover;
  }
  .paragonHeaderdata img {
    display: block;
    margin: auto;
  }
}

/* 
          ##Device = Most of the Smartphones Mobiles (Portrait)
          ##Screen = B/w 320px to 479px
        */

@media (min-width: 320px) and (max-width: 480px) {
  .paragonHeader {
    background: url("../images/mobilelanding.png");
    background-position: center;
    background-size: cover;
    height: 740px;
  }
  .paragonHeaderdata img {
    display: block;
    margin: auto;
    width: 120px;
  }
  .paragoninfo{
      text-align:center;
  }
  .paragoninfo h1 {
    font-size: 2.1rem;
    font-weight: 800;
    text-transform: uppercase;
  }
  .paragoninfo p {
    background: #0d0d0d;
    width: auto;
    color: #fff;
    font-size: 13px;
    padding: 5px 0;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 5px;
    text-transform: capitalize;
  }
  .paragoninfo p span {
    font-weight: 800;
  }
  .paragoncta {
    flex-direction: column !important;
    align-items: start;
    padding-top: 1.7rem !important;
  }
  .paragoncta a {
    background: #0d0d0d;
    padding: 5px 32px;
    text-decoration: none;
    color: #ffbe05;
    border-radius: 5px;
    font-weight: 700;
    font-size: 20px;
            border: 3px solid #ffffffc9;
        border-radius: 22px;
  }
  .experts h2 {
    font-size: 1.8rem;
    font-weight: 800;
    color: #0d0d0d;
  }
  .aboutparagon h3 {
    font-weight: 800 !important;
  }
  .expertbox.mobile {
    justify-content: end;
  }
  .expertbox.mobile .experttitle {
    background: #0d0d0d;
    color: #59e079;
    height: auto;
    position: absolute;
    left: 2.2rem;
    top: 6rem;
    z-index: -1;
    padding: 5px 0;
    padding-left: 10px;
    padding-right: 4rem;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    width: max-content;
  }
  
  .experttitle {
    background: #0d0d0d;
    color: #59e079;
    height: auto;
    position: absolute;
    left: 5.2rem;
    top: 6rem;
    z-index: -1;
    padding: 5px 0;
    padding-left: 4rem;
    padding-right: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    width: max-content;
}
  ul.aboutpoints li {
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 5px;
  }
  ul.aboutpoints li i {
    font-size: 11px;
  }
  .aboutparagon a {
    margin-bottom: 1rem;
    display: block;
    width: max-content;
  }
  .aboutparagon iframe{
      width:100%;
      height:100%;
  }
  .aboutparagon{
      padding-bottom:4rem !important;
  }
  a.youtube-link{
      width:100%;
  }
  .youtube-link img{
      width:100%;
  }
}