@media only screen and (min-width: 960px) and (max-width: 1160px) {

}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    header nav ul li{
		padding: 0 2%;
	}



	.half{
		padding: 0 10px;
	}

	.p-r-65{
		padding: 0px;
	}

	.newsList figure{
		width: 100px;
	}

	#nossos_animais{
		background: #f4f4f4 no-repeat;
	}

	.animais img{
	    width: 100%;
	    height: 100%;
	}

	h1 span{
	    float: left;
	}

	#muralFotos .col-4-12{
		height: auto;
	}
}

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

}

/*-- CELULAR --*/
@media only screen and (min-width: 320px) and (max-width: 767px) {

	nav{
		position: fixed;
	    background: #000;
	    height: 100%;
	    left: 0px;
	    top: 0px;
	    width: 100%;
	    z-index: 999999999;
	}

		.bg-depoimento{
padding: 40px 20px;

}

	.hideMob
	{
		display: none;
	}

	iframe.frameMobile
	{
		display: block !important;
	}

	header{
		padding: 20px 0;
	}

	ul li ul{
		display: none !important;
		visibility: hidden !important;
	}


	.slide-for{
		margin-bottom: 20px;
	}

	.social {
		margin: 0;
	}

	.search-click{
		width: 30px;
	}

	.close #search input, .close #search{
		width: 100%;
		opacity: 1;
		visibility: visible;
	}

	.catalogo_ {
    	top: 0px;
    	position: absolute !important;
    	right: 10px;
	}

	#search{
		padding: 0 10px;
	    display: block;
    	float: left;
	}

	#search input{
		height: 54px;
		padding-left: 50px;
	}

	#nav-bar{
		display: block
	}

	.logo{
		height: 63px;
	    background-position: -4px -324px;
	}

	.catalogo_{
		top: 0px;
	}

	.catalogo_ .right{
		margin-top: 0px;
	}

	.newLIst-home .bt{
		float: none;
	}

	header nav ul li:last-child
	{
		position: relative;
	}

	header{
		padding-top: 10px;
		height: auto;
		border-bottom: 1pt solid #eee;
	}

	nav ul li{
		display: inline-block;
	    padding-right: 20px;
	    position: relative;
	    width: 100%;
	    text-align: left;
	    padding: 2px;
	}

	nav ul li a{
		float: left;
		padding: 10px;
		width: 100%;
	}

	nav{
	    position: fixed;
	    background: rgb(255, 255, 255);
	    height: 100%;
	    left: -100%;
	    top: 0px;
	    width: 80%;
	    z-index: 9999999999;
	    box-shadow: 0px 0px 59px rgba(146, 146, 146, 0.39);
	    -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	    -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	    -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	    transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	    -webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
	    -moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
	    -o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
	    transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
	}

	iframe{
		width: 280px;
    	height: 180px;
	}

	.descend_1, .descend_2, .descend_3{
		padding: 0px;
	}

	.logo {
		width: 200px;
	}

	.open nav{
		left: 0px;
	}

	.open .bg-mobile{
		opacity: 1;
		visibility: visible;
	}

	#banner{
		height: 250px;
		display: none;
	}

	.slide{
		height: 250px
	}

	#noticias .newsList, footer, .copy, .newsBloc-home{
	 	padding: 0 10px !important;
	 	text-align: center;
	}

	.half, #noticias .p-l-40, #noticias .newsList, .newsList a b{
	  	width: 100%;
	  	padding: 0;
	}

	.newsletter, .mapa-site, h1 span{
		display: none;
		text-align: left;
	}

	.dados{
		padding: 0 10px !important;
		border: 1pt solid #eee;
	}

	#item_filtro li {
	    display: inline-block;
	    width: 32%;
	    float: left;
	    text-align: left;
	}

	#nossos_animais{
		background: #f4f4f4;
	}

	.item .col-6-12{
		float: left;
		width: 100%;
		padding: 0;
	}

	.item ul li .col-6-12{
		width: 50%;
		padding: 0;
	}

	.slider-nav{
		display: none;
	}

	.slide-for {
	    width: 100%;
	    overflow: hidden;
	    height: 240px;
	}

	#muralFotos .col-4-12{
		height: auto;
	}

	section, footer, header{
		padding: 32px 0;
	}

    .labelVenda{
        right: -30px;
        bottom: -30px;
    }

    .labelVendaLeitura{
        right: -15px;
        bottom: -10px;
	}

    .labelLeilao{
        right: -30px;
        bottom: -30px;
    }

    .labelLeilaoLeitura{
        right: -15px;
        bottom: -10px;
    }
}


@media only screen and (min-device-width: 322px)  and (max-device-width: 480px) {
   	iframe.frameMobile
	{
		display: block !important;
	}
}