/*-- media --*/

@media screen and (max-width: 1920px) {
  .pg-container {
    max-width: 1380px;
  }
  .award-image {
    height: 700px;
  }
}

@media screen and (max-width: 1599px) {
  .pg-container {
    max-width: 1230px;
  }
  .award-image {
    height: 600px;
  }
  .banner .banner-content ul li:first-child::after{
    left: 316px;
  }
}

@media screen and (max-width: 1299px) {
	html {
		font-size: 14px;
	}
  .award-image {
    height: 500px;
  }
  .last-banner-content {
    max-width: 70%;
  }
}

@media screen and (max-width: 992px) {
  .banner-trusted .trusted-img img {
    max-width: 75%;
  }
  .agency {
    padding-top: 80px;
  }
  .award-image {
    height: 400px;
  }
  .reviews-box {
    padding: 0;
  }
  .banner {
    padding: 50px 0;
  }
  .banner-content h1 {
    line-height: 1.1;
    margin-bottom: 20px;
    font-size: 48px;
  }
  .banner-content hr.pg-hr {
    margin: 30px 0;
  }
  .last-banner-content {
    max-width: 90%;
  }
  .last-banner-content h2{
    font-size: 40px;
  }
  .last-banner {
    padding: 80px 0;
  }

  .last-banner-content{
    margin-bottom: 20px;
  }
}


@media screen and (max-width: 768px) {
	html {
		font-size: 12px;
  }
  .award-image {
    height: 320px;
  }
  .banner-content h1 {
    font-size: 42px;
  }
  .banner-trusted .trusted-img{
    min-height: 90px;
  }

  .performance-marketing .performance-marketing-content .title-holder{
    text-align: center;
  }
  .last-banner-content h2{
    font-size: 34px;
  }
}

@media screen and (max-width: 576px) {
  .banner-content h1 {
    font-size: 36px;
  }
  .banner-trusted .trusted-img {
    min-height: 110px;
  }
  .banner-trusted .trusted-img img {
    max-width: 65%;
  }
  .agency {
    padding-top: 20px;
  }
  .agency-details-box {
    padding: 15px 10px;
  }
  .award-image {
    height: auto;
  }
  .banner::before {
    top: 10%;
    left: -40%;
    height: 300px;
    width: 300px;
  }
  .section-heading h2 {
    font-size: 36px;
  }
  .pg-spacing {
    padding: 20px 0;
  }

  .pg-spacing-top {
    padding: 20px 0 0;
  }

  .pg-spacing-bottom {
    padding: 0 0 20px;
  }
  .performance-marketing-content h2{
    font-size: 36px;
  }
  .last-banner-content h2{
    font-size: 30px;
  }
  .last-banner-content{
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 480px){
  .banner::before{
    left: -60%;
  }
  .banner .banner-content ul{
    gap: 4px;
  }
  .banner .banner-content ul li{
    gap: 6px;
  }
  .banner .banner-content ul li{
    font-size: 12px;
  }
  a.pg-btn, button.pg-btn{
    font-size: 12px;
  }
  h5{
    font-size: 18px;
  }
  .banner-content p{
    font-size: 14px;
  }
  .banner-trusted .trusted-img {
    min-height: 95px;
  }
  .section-heading h2{
    font-size: 34px;
  }
  .performance-marketing-content p{
    font-size: 14px;
  }
  .last-banner {
    padding: 70px 0;
  }
  .last-banner-content a.pg-btn{
    padding: 12px 20px;
  }
}

@media screen and (max-width: 375px) {
  .pg-container {
    padding: 0 10px;
  }
  .performance-marketing-acc .accordion .accordion-header button {
    padding: 3px 10px;
  }
  .banner-content h1 {
    font-size: 30px;
  }

  .banner::before{
    left: -87%;
  }
  h5{
    font-size: 16px;
  }
  .section-heading h2 {
    font-size: 27px;
  }
  .banner-trusted .trusted-img {
    min-height: 85px;
  }
  .banner-trusted .trusted-img img{
    max-width: 75%;
  }
  .performance-marketing-content h2{
    font-size: 27px;
  }
  .last-banner-content h2{
    font-size: 24px;
  }

  a.pg-btn, button.pg-btn{
    padding: 9px 20px;
  }
  .nav-logo a{
    width: 180px;
  }
}