@charset "UTF-8";

/* CSS - Leilão Mãe Rainha e Meia Lua | Codificado por: Ueek Agência Digital | Ano: 2020 */

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

	#home .menu {
	    margin-top: 45px;
	}
}

/* Notebooks */
@media only screen and (max-width: 1440px) {
}

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

}

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

/* Tablets até 1200 */
@media only screen and (max-width: 1200px) {
	#header .container .filter .stamp1,
	#header .container .filter .stamp2 {position: unset;}
}

/* Tablets */
@media only screen and (max-width: 1024px) {

	#main-infos{margin-top: 0;}
	
	#home .stamp {height: 365px;}

	#home .container-infos .animal-infos img {height: 150px;}

	#bottom #datas .container {justify-content: unset;}

	#bottom #datas .container .payment-form{grid-template-columns: 150px 1fr;}

	#bottom #datas .container .payment-form .stamps-list img {width: 85%;}

	#bulls .bulls-list .item .content {width: 95%;}

	#matrix .matrix-list .item .content {width: 95%;}

}

/* Tablets Menores */
@media only screen and (max-width: 995px) {
	#bottom #contact .container .contact-form .phones .phones-list ul li {width: 150px;}

	.animal-infos img {width: 100%;}

	#bulls .bulls-list .item .content .main-infos .comments {display: none;}

	#bulls .bulls-list .item .content .infos .mobile-comments {display: block;}
}

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

	.comments.desktop{
		display: none!important;
	}

	.comments.mobile{
		display: inherit!important;
	}

	#home .stamp {height: 280px;}

	#home .container-infos .animal-infos img{height: 85px;}

	#bottom #contact .title {margin-top:0;}

	#bottom #datas .container .payment-form .stamps-list img{
		height: auto;
		width: 100%;
	}

	#bottom #datas .container {
	    justify-content: unset;
	    flex-direction: column;
	}

	#bottom #datas .container {align-items: flex-start;	}

	#bottom #datas .infos,
	#bottom #datas .container .payment-form,
	#bottom #datas .container .organization
	{padding-bottom: 40px;}

	#bottom #sponsorship .container .item .sponsors-list {
	    grid-gap: 30px 50px;
	    grid-template-columns: repeat(2,1fr);
	}

	#bottom #sponsorship .container .item .auction-list {
	    grid-gap: 30px 50px;
	    grid-template-columns: repeat(2,1fr);
	}

	#bottom #sponsorship .container .item .supporters-list {
	    grid-gap: 30px 50px;
	    grid-template-columns: repeat(2,1fr);
	}

	#bottom #datas .container .organization .item .auctioneer {
	    grid-gap: 30px 50px;
	    grid-template-columns: repeat(2,1fr);
	}

	#image-header .container img {
	    left: 15px;
		top: 120%;
	    z-index: 1;
	}

	#bulls .bulls-list .item .name{padding-left: 0;}
	#bulls .bulls-list .item .content {width: 100%}
	#bulls .bulls-list .item .content {grid-template-columns: 1fr;}
	#bulls .bulls-list .item .content .infos{padding: 0}

	#matrix .matrix-list .item .name{padding-left: 0;}
	#matrix .matrix-list .item .content {width: 100%}
	#matrix .matrix-list .item .content {grid-template-columns: 1fr;}
	#matrix .matrix-list .item .content .infos{padding: 0}

}

/*Celulares*/
@media only screen and (max-width: 680px) {

	#home {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	}

	#home .header {
	    max-width: unset;
	    width: 160%;
	}

	#home .menu {
	    margin-top: 30px;
	    position: relative;
	    width: 90%;
	}

	#home .banner {
		display: none;
	}

	#main-infos .container-infos {
	    display: grid;
	    grid-template-columns: 1fr;
	}

	#main-infos .container-infos .infos {
	    height: 165px;
	    margin: 0 auto;
	}

	.footer-img {
	    width: 300%;
	}

	#image-header {
	    background-size: 160%, contain;
	}

	#header .container .filter .stamp1,
	#header .container .filter .stamp2 {height: 130px;}

	/*#image-header {background-size: cover;}*/

	#bottom #datas .container .payment-form {
	    grid-template-columns: 1fr;
	}

	#bottom #datas .container .payment-form .stamps-list {
	    grid-template-columns: repeat(3,1fr);
	    margin-top: 30px;
	}

	#bottom #sponsorship .container {
	    flex-direction: column;
	}

	#bottom #sponsorship .container .item {
	    margin-top: 30px;
	    margin-bottom: 25px;
	    width: 90%;
	}
}

/** iPhone 6/7/8 Plus */
@media only screen and (max-width: 425px) {

	#home .stamp {height: 185px;}

	#home .container-infos .animal-infos img {height: 135px;}

	#home .container-infos .infos {height: 130px;}

	#bottom #contact .container .contact-form .phones .phones-list ul {
	    -webkit-column-count: 1;
	    -moz-column-count: 1;
	    column-count: 1;
    	grid-template-columns: 1fr;
	}

	#bottom #datas .container .payment-form .stamps-list { grid-template-columns: repeat(3,1fr); }

	#bottom #sponsorship .container .item .sponsors-list {
	    grid-gap: 50px;
	    grid-template-columns: repeat(2,1fr);
	}

	#bottom #sponsorship .container .item .auction-list {
	    grid-gap: 50px;
	    grid-template-columns: repeat(2,1fr);
	}

	#bottom #sponsorship .container .item .supporters-list {
	    grid-gap: 50px;
	    grid-template-columns: repeat(2,1fr);
	}

	#bottom #sponsorship .container .item .auctioneer {
	    grid-gap: 50px;
	    grid-template-columns: repeat(2,1fr);
	}

	#header .container .title {
	    height: 70px;
	}

	#header .container .title h1 {
	    padding: 10px 65px;
	    font-size: 18px;
		position: relative;
		z-index: 1;
	}

	#header .container .title:before {
	    border-bottom: 70px solid whitesmoke;
	}

	#header .container .title:after {
	    border-bottom: 70px solid whitesmoke;
	}

	.table-infos {grid-template-columns: unset;}

	.table-infos img {width: 20%;}

	#bottom #contact .container .contact-form .phones .phones-list ul li {
	    width: 100%;
	}

}

/** iPhone 6/7/8 **/
@media only screen and (max-width: 375px) {
	#home .stamp {height: 160px;}

	#home .container-infos .animal-infos img {height: 120px;}

	#home .container-infos .infos {height: 115px;}
}

/** iPhone 5 e SE **/
@media only screen and (max-width: 320px) {

}