@media only screen and (max-width: 1399px) {
  .google-play {
	   margin-left: 0px;
   }
}

@media only screen and (max-width: 768px) {
   .card-app-icon {
      width: 110px;
      height: 110px;
   }
   .navigation-menu {
      display: none;
   }

   .top-footer .container .row {
      flex-direction: column;
      gap: 16px;
   }

   .app-buttons {
      flex-direction: column;
   }

   .app-buttons button {
      width: 100% !important;
   }

   .responsive-footer {
      width: 100%;
      display: block;
      position: fixed;
      bottom: 0;
      left: 0;
      text-align: center;
      padding: 20px 10px;
      background: #fff;
      box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);
   }

   .responsive-footer a {
     color: var(--greyColor);
     font-size: 12px;
     text-decoration: none;
   }

   .responsive-footer .apps {
     color: var(--greenColor);
   }

   .footer-border {
      display: none;
   }

}

@media only screen and (max-width: 600px) {

   .app-header-area .app-info-area h1 { 
	   font-size: 28px;
   }
   
   .app-top-bar-icons i {
      font-size: 16px;
      margin-left: 8px;
   }

   .app-top-bar-icons .fa-magnifying-glass {
	   font-size: 15px;
   }

}

@media only screen and (max-width: 480px) {
   .card-app-icon {
      width: 100px;
      height: 100px;
   }

   .app-header-area .app-info-area h1 { 
	   font-size: 36px;
   }

   .app-header-area .app-info-area p {
	   font-size: 12px;
   }

   
   .popup-body {
      width: 310px;
   }


   .item {
      min-width: 82px;
   }

   .app-meta-area {
	   margin-bottom: 21px;
   }

   .app-info-area {
	margin-top: 10px;
}

   .rate-button {
      padding: 8px 8px;
      font-size: 13px;
   }

   .rate-button i {
	font-size: 17px;
}

}

@media only screen and (max-width: 360px) {
   .card-app-icon {
      width: 74px;
      height: 74px;
   }

   .app-header-area .app-info-area h1  {
	   font-size: 20px;
   }

   .app-buttons .installBtn,.app-buttons .shareBtn {
      padding: 2px 8px;
      font-size: 12px;
      height: 42px;
   }

   .section-title {
	   font-size: 16px;
   }

   .whats-new-area p, .description, .data-safety-box .item span {
	   font-size: 12px;
   }

   .info-subtitle {
	   font-size: 11px;
   }

}