@media screen and (max-width: 1280px){
  .rp-logo{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    mix-blend-mode: darken;
  }
  .header img, .rp-logo img{
    max-width: 150px;
  }
  .title{
    font-size: 24px;
    margin-top: auto;
  }
	.subtitle{
		font-size: 18px;	
	}
  .description {
    font-size: 16px;
  }
  .right-container{
    border-radius: 15px;
  }
	.matchy-matchy-cards, .spot-difference-cards{
		min-height: 70vh;
	}
  .theme-btn{
    padding: 10px 40px;
    border-radius: 14px;
    font-size: 14px;
  }

  .games-cards{
    grid-template-columns: repeat(2, minmax(190px, 25%));
    place-content: space-evenly;
    gap: 0;
    padding: 2%;
    max-height: 72vh;
  }
  .game-card{
    padding: 8% 5%;
	height: 190px;
  }
  .game-card .home-heading{
    font-size: 14px;
  }
  .matchy-cards-container{
    grid-template-columns: repeat(4, minmax(25px, 14%));
    gap: 5px;
  }
  .front, .back{
    width: 104%;
  }
  .matchy-cards-container img{
    aspect-ratio: 9/12;
    border: 1px solid #0000001f;
  }
  .spot-the-difference-container img {
    max-width: calc(50% + 20px);
  }
  .painting-container{
    grid-template-columns: repeat(3, minmax(40px, 22%));
    gap:5px;
  }
  .painting-container img{
    border: 1px solid #0000001f;
  }
  .game-card .theme-btn{
    font-size: 9px;
    border-radius: 10px;
  }
  /* matchy matcy  */
  .matchy-matchy-cards, .spot-difference-cards{
    padding: 2%;
  }
  #game-start > *:not(:first-child){
    margin-bottom: 5px;
  }
  .cards-container{
    gap: 18px;
    place-content:center;
    margin-top: 30px
  }
  .cards-container .card{
    border-radius: 10px;
	 height: 105px;
	  width: 80px;
  }
  .matchy-matchy-cards > div.game-form,  .spot-difference-cards .spot-game-form{
    margin-left: 0;
	  margin-right: 0;
  }
  .game-form form, .photo-game-form form, .spot-game-form form{
    gap: 0;
  }
  .game-form form label, .photo-game-form form label, .spot-game-form form label{
    font: 100 12px/16px 'gotham', sans-serif;
    margin-top: 10px !important;
    display: flex;
    align-items: center;
  }
 .game-form form input:is([type="radio"], [type="checkbox"]), .photo-game-form form input:is([type="radio"], [type="checkbox"]), .spot-game-form form input:is([type="radio"], [type="checkbox"]){
	 min-width: 15px;
	 min-height: 15px;
	margin-right: 5px;
	}
/*   #matchy-volunteering-opportunities, #photo-volunteering-opportunities, #art-volunteering-opportunities{
      margin-top: 25px !important;
  } */
  .game-form form > div, .photo-game-form form > div, .spot-game-form form > div{
    padding: 10px;
  }
  .game-form form .volunteerism-interest-wrapper label, .spot-game-form form .volunteerism-interest-wrapper label, .photo-game-form .volunteerism-interest-wrapper label{
    margin-top: 5px;
    flex: 0 0 calc(50% - 3px);
  }
  .game-form form hr, .spot-game-form form hr, .photo-game-form hr{
	 margin-top: 20px;
	  margin-bottom: 20px;
  }
  .volunteerism-interest-wrapper{
    gap: 5px 4px;
    margin-top: 0;
  }
  .right-heading{
    margin-bottom: 0;
  }
  #game-done #continue-button{
    margin-top: 15px;
  }
	
 .game-done.show{
	margin-left: auto!important;
	margin-right: auto!important;
}
	
  /*  300 Paintings */
  .paiting-filter{
    padding: 10px;
  }
  #paint-filter-btn {
    width: 45px;
    font-size: 20px;
  }
  .left-filter label{
    margin-top: 0;
    font-size: 14px;
  }
  label[for="_sortby"]{
    margin-top: 0;
    font-size: 16px;
  }
  .left-filter{
    padding: 15px;
    bottom: -15px;
  }
  .left-filter::after {
    height: 20px;
    width: 20px;
    top: -2px;
    left: 15px;
  }
  .left-filter select, #_sortby{
    min-width: unset;
    padding: 5px;
    font-size: 14px;
    margin-top: 0;
  }
  .filter-head, .main-paint-name{
    font-size: 18px;
  }
  
  .left-filter input[type="submit"], .left-filter input[type="reset"]{
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 12px;
    margin-top: 15px;
  }
  .left-filter input[type="reset"]{
    margin-right: 5px;
  }
  .paintings-grid{
    min-height: 400px;
    max-height: 400px;
    align-content: flex-start;
    padding: 15px;
  }
  .painting-card img{
      aspect-ratio: 16/10;
	  height: 135px;
	  width: 100%;
  }
  .paint-arrow{
    height: 30px !important;
    width: 30px !important;
    padding: 8px;
    right: 0.5rem;
  }
  .card-paint-details-box{
    min-height: 60px;
  }
  .card-paint-details-box::before {
    width: 5px;
  }
  .main-artist-name, .main-paint-price{
    font-size: 14px;
	line-height: 18px;
  }
  .main-paint-price{
    min-width: 50px;
  }
  .painting-popup-box > div{
    max-width: 70%;
    min-height: 74%;
    max-height: 74%;
    margin: 8% auto;
  }
  .painting-close{
    height: 26px;
    width: 26px;
    font-size: 14px;
    margin-left: 99%;
    transform: translateY(-30px);
    /* position: sticky;
    top: 0; */
  }
  .paint-name, .paint-price, .artist-name, .specifications-head, .paint-description h3{
    font-size: 20px;
  }
  .paint-price{
    min-width: 70px;
  }
  .paint-location, .artist-location, .artist-heading{
    font-size: 16px;
  }
  .paint-location img{
    max-height: 16px;
    margin-right: 5px;
  }
  .artist-info{
    padding: 10px;
  }
  .artist-heading{
    margin-top: 15px;
  }
  .artist-details, .paint-description p, .paint-specifications table{
    font-size: 14px;
  }
  .paint-specifications table td{
    padding: 3px 0;
  }
  .paint-description{
    margin-top: 1%;
    padding-top: 1%;
    border-top: 2px solid #707070;
  }

  /*  SPOT  THE DIFFERENCE */
  .spot-game-done .right-heading:first-of-type{
    margin-bottom: 10px;
  }
  .spot-game-done .right-heading:nth-of-type(2){
    margin-bottom: 30px;
  }
  #spot-continue-button{
    margin-top: 30px;
	 margin-bottom: 15px;
  }

  /* PHOTO BOOTH */
  .camera-grid{
    min-height: 450px;
    max-height: 450px;
    display: grid;
    align-items: center;
  }
  #nav-tab{
    max-width: 35%;
    top: 10px;
    left: 10px;
  }
  #editor-tab-toggle button{
    padding: 10px;
  }
  #editor-tab-toggle{
    font-size: 26px;
  }
  .tab-content{
    margin-top: 5px;
  }
  .overlay-img span{
    font-size: 16px;
    top: -5px;
    right: -5px;
  }
  #nav-text.active, .tab-content > #nav-border.active, .tab-content > #nav-stickers.active, .tab-content > #nav-pencil.active{
    gap: 15px;
    padding: 5px;
  }
  #nav-text.active > *, .tab-content > #nav-border.active > *, .tab-content > #nav-pencil.active > *{
	  margin-top: 15px;
	}
  #text-color{
    height: 28px;
  }
  label[for="text-bold"] {
    padding: 0 10px;
  }
  #nav-pencil {
    max-width: 40px;
  }
  .tab-content > #nav-pencil.active > *{
    margin-top: 0;
  }
  #images-box, #webcam, #capturedPhoto, #drawing-canvas{
    max-height: 450px;
  }
  .overlay-img{
		width: 70px;
	}
  button.selected{
    padding: 3px;
  }
  #thickness{
    max-height: 90px;
  }
  .overpara, #text-box{
    font-size: 16px;
    color: #000;
  }
  #text-font-size{
    max-width: 90px;
    margin-top: 35px !important;
    height: unset;
  }
	.thank-you-img{
		max-width: 75%;
		margin: 0 auto;
	}
	
.game-form form input:not(:is([type="radio"], [type="checkbox"], [type="submit"] )),
.photo-game-form form input:not(:is([type="radio"], [type="checkbox"], [type="submit"] )),
.spot-game-form form input:not(:is([type="radio"], [type="checkbox"], [type="submit"] )){
  width: 100%;
  margin: 8px 0 0 2px;
  max-width: 100%;
}
	.form-left-box{
		max-width: 42%;
	}
}