@media screen and (max-width: 1720px) {
	.boleto-left {
		display: none;
	}
}

@media screen and (max-width: 1500px) {
	#app-slide .card-gray {
		width: auto;
	}
}

@media screen and (max-width: 1470px) {
	#entry-slide {
		background-position: 99% center;
	}
}

@media screen and (max-width: 1440px) {
	/* #open-account .card-custom {
		width: 700px;
	} */
}

@media screen and (max-width: 1400px) {
	#app-slide .card-gray > img{
    width: 300px;
    height: auto;

    bottom: -55px;
	}

	.slide-2 {
		margin: 0;
	}
}

@media screen and (max-width: 1340px) {
	#open-account .entry {
		max-width: 390px
	}
}

@media screen and (max-width: 1335px) {
	header {
		font-size: 14px;
	}

	.menu-item {
		padding: 0 20px 
	}
}

@media screen and (max-width: 1325px) {
	#entry-slide .title {
		font-size: 40px;
	}

	#entry-slide .p {
		font-size: 16px;
		width: 350px
	}
}

@media screen and (max-width: 1250px) {
  #app-slide .card-gray > .box {
    max-width: 500px;
  }

  #app-slide .card-gray > img{
    width: 280px;
    height: auto;

    bottom: -30px;
	}
}

@media screen and (max-width: 1215px) {
	#franquia-one .content {
		display: block;
	}

	#franquia-one .content div:nth-child(1) .background {
		display: none;
	}

	#franquia-one .content div:nth-child(1) {
		background-image: url('../images/section_5/teste.png');
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		height: 800px;
	}

	#franquia-one .content div:nth-child(2) {
		padding: 0
	}

	#franquia-one .content div:nth-child(2) p {
		max-width: 100%
	} 

	#franquia-one .content div:nth-child(2) button {
		margin: 0 auto;
	}
}


@media screen and (max-width: 1180px) {
	#conveniencia {
		background-position: 30% center;
	}
}

@media screen and (max-width: 1150px) {
	/* slide-7 */

	.grid-item-1 {
		text-align: center
	}

	.grid-slide-7 {
		display: block
	}

	.grid-item-2 {
		text-align: center;
	}

	.grid-slide-7 > .grid-item-2 > p {
		max-width: 100%;
	}

	.grid-slide-7 > .grid-item-2 > h1 {
		margin-top: 3rem;
	}

	.custom-list {
		max-width: 400px;
		margin: 45px auto;
	}

	.boleto-right {
		display: none;
	}

	#pague-tudo {
		background: white; 
	}

	.card-custom {
		max-width: 100%;
		width: 450px; 
	}
}

@media screen and (max-width: 1060px) {
  #app-slide .card-gray > img{
    width: 255px;
    height: auto;
    bottom: 5px;
  }
}

@media screen and (max-width: 1024px) {
	.menu-right .exception, .menu-center {
		display: none;
	}

	.menu {
		width: 100%
	}

	#header .toggler {
		display: block;
	}

	#pague-tudo-mobile {
		display: block;
	}

	#pague-tudo {
		display: none;
  }

  #app-slide .card-gray .box h2 {
    text-align: center;
  }
}

@media screen and (max-width: 1023px) {
  #entry-slide {
		margin-top: 0;
	}
	
	.button-custom {
    margin: 0 auto;
  }
    
	#franquia-two {
		background: #840d78;
	}

	#conveniencia {
		background: #782273;
		text-align: center
	}

	#conveniencia h1, #conveniencia p {
		max-width: 100%;
		width: 100%;
  }
  
    #open-account .entry {
		text-align: center;
		max-width: 100%;
	}

	#app-slide .card-gray .box {
        align-items: center;
        justify-content: center;
        flex-direction: column;
    
        margin: 25px auto;
    }

	#app-slide .card-gray .box h1, #app-slide .card-gray .box p {
		max-width: 100%;
	}

	#app-slide .card-gray {
		height: auto;
		background: #f9f9f9;
		text-align: center;
		padding-bottom: 20px
	}

	#app-slide .card-gray .box p {
		margin: 0 auto;
	}

	#app-slide .card-gray > img{
        display: none;
	}
	
	#app-slide .card-gray .button-wrapper {
		max-width: 100%;
	}

	button {
		max-width: 100%;
	}

	#franquia-two .content {
		display: block;
	}

	#franquia-two .content > div:nth-child(2) {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;

		margin-top: 20px;
	}

	#franquia-two .content > div:nth-child(2) p {
		text-align: center;
	}
	
	#open-account form button {
	    width: 100%;
	    max-width: 100%;
	    margin-bottom: 10px;
	}
	
	#open-account form .buttons {
	    gap: 20px;
	}
}

@media screen and (max-width: 1000px) {
	#entry-slide {
		background: white;
		text-align: center;
	}

	#entry-slide .content {
		text-align: center;
	}

	#entry-slide img {
		display: block;
	}

	#entry-slide h1 {
		font-size: 66px;
		max-width: 100%;
	}

	#entry-slide p {
		font-size: 20px;
		width: auto
	}

	.button-custom {
		max-width: 250px;
	}
}

@media screen and (max-width: 830px) {
  #footer > div:nth-child(1) .social-medias {
    width: 100%;
    align-items: center;

    border-top: 1px solid rgba(218, 0, 127, .2);

    margin-top: 50px;
    padding-top: 50px;
  }

  #footer > div:nth-child(1) .social-medias > div.image-wrapper {
    margin: 15px 0;
  }

  #footer > div:nth-child(1) .social-medias > div.image-wrapper + div {
    margin-top: 0;
  }
}

@media screen and (max-width: 800px){
	.obj-1, .obj-2, .obj-3 {
		display: none;
	}

	#franquia-one {
		padding: 100px 0;
	}

	#franquia-one .content div:nth-child(1) {
		height: 600px;
		margin-top: 0;
	}

	#franquia-one .content div:nth-child(2) h1, #franquia-one .content div:nth-child(2) p {
		text-align: center;
	}

	#franquia-one .content div:nth-child(2) .image-wrapper {
		display: flex;
		align-items: center;
		justify-content: center;
	} 

	#open-account {
		padding: 100px 0;
	}

	#open-account .content {
		margin: 0 auto;
  }
}

@media screen and (max-width: 770px) {
	#open-account .button-custom {
		width: 100%;
		max-width: 100%;
		margin-bottom: 5px;
	}

	div.buttons {
		display: block !important;
	}

	#open-account .content {
		margin: 5px auto;
	}

	#open-account {
		padding-bottom: 50px
	}
}

@media screen and (max-width: 600px) {
	h1, h2 {
		font-size: 40px !important;
	}
}

@media screen and (max-width: 510px) {
	#footer > div:nth-child(1) > img {
		display: none;
	}

	#footer > div:nth-child(1) .informations {
		margin: 0 auto;
  }
  
  .button-custom {
    max-width: 100%;
    padding: 10px;
  }

  #app-slide .card-gray .box h2 {
    text-align: center;
  }

  h1, h2 {
    font-size: 32px !important;
	}
	
	#aside .nav-aside {
		width: 280px;
	}
}

@media screen and (max-width: 460px) {
  #open-account .span-info {
    font-size: 15px;
  }

  #open-account .card-custom {
    padding: 20px;
  }

  .custom-list span {
    font-size: 16px;
  }

  .custom-list > .row {
    display: flex;
    align-items: center;
  }

  .marker {
    width: 15px;
    height: 15px;
  }

  .types-container {
    flex-direction: column;
  }

  .types-container h2 {
    text-align: center;
  }

  .types-container .types {
    justify-content: center;
  }

  .content {
    padding: 0 30px;
  }
  
  
  #footer div:nth-child(1) ul li {
      flex-wrap: wrap;
      font-size: 16px;
  }

  #footer div:nth-child(2) span {
    font-size: 14px;
  }

  #app-slide .card-gray {
    padding: 10px;
  }
}