/**************************************
CSS FOR MOBILE MAXXIMA LEILAO
Author: ITBold - Tecnologia e Sistemas
**************************************/

/***************************************/
/*************** TABLETS ***************/
/***************************************/
@media (max-width: 1023px) {

	.navbar-default .navbar-toggle {
		border-color: #777;
	}
	
	.maxxima-modal .close-modal {
	  height: 65px;
	  width: 65px;
	  right: 15px;
	  top: 30px;
	}

	.maxxima-modal {
		z-index: 999999 !important;
	}

	.maxxima-modal .col-sm-4,
	.maxxima-modal .col-sm-8,
	.maxxima-modal .col-sm-12 {
		padding-left: 0;
		padding-right: 0;
	}


	.cadastro {
	  width:100%;
	  margin: 0;
	}


	.inputs-header {
		padding-top: 0;
	}

	.col-sm-6,
	.col-xs-12 {
		padding: 0;
	}
	.leilao-home img {
		width: 100%;
		height: auto;
	}
	.leilao-home {
		border: 4px #ccc solid;
	}
	.corpo {
		padding: 0;
	}

	.corpo .col-sm-3 {
		padding-left: 5px;
		padding-right: 5px;
	}
	.row.pa-md.corpo {
		padding: 8px;
	}
	img.parceiros {
		height: auto;
     }
	.parceiros_tudo {
		margin-bottom: 20px;
     }
	

	/* ----- DETALHES LOTE ----- */
	.detalhes-lote  {
		margin-left: 30px;
		margin-right: 30px;
	}
	.detalhes-lote h3,
	.detalhes-lote h4 {
		text-align: center;
	}

	.detalhes-lote img {
		width: 100%;
		height: auto
	}



	.direitos{
	  margin-top: 0;
	}

	.contato-xs {
		text-align: center;
		background-color: #000 !important;
	}

	.itbold-logo {
		/* padding-top; */
		text-align: center;
		margin-bottom: 20px;
	}

}

/***************************************/
/************** CELULARES **************/
/***************************************/

@media (min-width: 768px) {

	.search form#mobile-search {
		display: none;
	}
	.search form#desktop-search {
		display: block;
	}
	
	.copy-mobile {
	  display: none;
	}
	.copy-desktop {
	  margin-top: 0;
	  display: block;
	}
}


@media (max-width: 768px) {



	.lances{
		overflow-x: auto;
	}



	body > header > div.header_menu.row.bg-green.nml.nmr > div{
		padding: 0px;
	}

	.row {
    margin-right: 0px;
    margin-left: 0px;
	}
	#form_login > div, body > div.container-fluid.np.bg-gold-row.nba > div:nth-child(3) > div:nth-child(2) > div.row{
		margin-right: -15px!important;
    margin-left: -15px!important;
	}

	body > header > div.container > div > div.col-lg-4 > div > div > div.col-sm-6.col-xs-12.npl.npr{
		text-align: center;
	}

	#form_login > div > div > div.col-sm-3.col-xs-8.npl.npr{
		padding: 15px 10px 15px 10px!important;
	}

	#form_login > div > div > div.col-sm-2.col-xs-4.npl.pr-sm{
		padding: 15px 10px 15px 10px!important;
	}

	body > div.container-fluid.np.bg-gold-row.nba > div:nth-child(3) > div:nth-child(2) > div.col-sm-12.col-xs-12.npl.npr.pt-lg.pb-lg > div.col-sm-12.col-xs-12.bg-green.white.txt-center > a > h4, body > div.container-fluid.np.bg-gold-row.nba > div:nth-child(3) > div:nth-child(2) > div.row > div:nth-child(1) > div.col-sm-12.col-xs-12.bg-green.white.txt-center > h4, body > div.container-fluid.np.bg-gold-row > div:nth-child(3) > div:nth-child(5) > div.col-sm-12.col-xs-12.npl.npr.pt-lg.pb-lg > div.col-sm-12.col-xs-12.bg-green.white.txt-center > a > h4, body > div.container-fluid.np.bg-gold-row.nba > div:nth-child(3) > div:nth-child(5) > div.row > div:nth-child(1) > div.col-sm-12.col-xs-12.bg-green.white.txt-center > h4{
		font-size: 12px;
	}

	body > div.container-fluid.np.bg-gold-row.nba > div:nth-child(3) > div:nth-child(5) > div.row > div:nth-child(1) > div.row.bg-white.dados-perfil > ul > li:nth-child(1){
		margin-top:30px!important;
	}

	.dados-perfil ul li span{
		margin-right: 0px;
		    font-size: 11px;
	}
	body > div.container-fluid.np.bg-gold-row.nba > div:nth-child(3) > div:nth-child(2) > div.row > div:nth-child(1) > div.row.bg-white.dados-perfil > ul > li:nth-child(12) > span.black.pull-right{
		    margin-top: 3px;
	}
	body > div.container-fluid.np.bg-gold-row.nba > div:nth-child(3) > div:nth-child(2) > div.row > div:nth-child(1) > div.row.ml-lg.mr-lg > div{
		padding-left: 40px;

	}
	.no-display-xs {
		display: none;
	}

	.btn-app-form {
  		width: 100%;
	}

	.publicidades {
		margin-top: 30px;
	}

	.img-publicidade {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 20px;
	}

	.img-publicidade img {
		width: 100%;
		height: auto;
	}

	.dar-lance button {
	  padding: 10px 0;
	  width: 100%;
	  font-weight: 600;
	  font-size: 20px;
	  margin: 15px 0 0;

	}
	
	.lote.ma-md {
		margin: -5px !important;
		margin-bottom: 20px !important;
	}

	.search form#mobile-search {
		margin-top:15px;
		display: inline-flex;
		width: 100%;
	}
	.search form#desktop-search {
		display: none;
	}

	/* Títulos e subtítulos */
	h3.title-default {font-size: 20px}
	span.sub { font-size: 12px}

	/* ----- HEADER ----- */
	header {
		margin-bottom: 0px;
		height: 165px;
	}

	.header_menu, .navbar-header{
		background-color: #01114c!important;
	}

	.navbar-collapse .btn-sair{
		height: auto;
    padding: 0px 10px 0px 10px;
    background-color: #ed3237;
	}

	.navbar-collapse .btn-usuario {
    list-style: none;
    height: 65px;
    text-align: center;
    padding: 0px 10px 0px 20px;
    background-color: #ed3237;
    border: 0px;
    color: #fff;
    font-size: 11px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
    background-color: #01114c;	
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
.navbar-default .navbar-toggle {
		border-color: #ffffff;
		    right: 4px;
}

.countdown .clock{
	width: 45px!important; 
}

#table_lances_length > label{
	margin-top: 15px;
}


	.logo {
		margin-top:10px;
		margin-bottom: 15px;
	}
	.logo img {
		width: 160px;
		height: auto;
		margin-left: calc(50% - 80px) /* centralizando a logo */
	}

	.contato {
	  width:100%;
	}

	.header-titulo-div { 
		text-align: center !important;
	}
	
	.sub_clock span {
		font-weight: 500;
		margin-left: calc( (100% - 122px)/2 );
	}


	/*  
	(11) 40131707   -    contato@maxximaleiloes.com.br
	*/
	.contato-top {
		color:#999999;
		text-align: right;
		font-family: 'Oswald', sans-serif;
		font-weight: 400;

	}
	.fa.fa-search {
		font-size: 1.1em
	}
	.fa.fa-user {
		font-size: 1.2em
	}

	 .search {
	 	margin-top: -17px
	 }
	.search input {
		width:100%;
		height: 35px;
		padding:  2px 8px;
		margin-top: 0;
	}
	.search input:focus {
		width:100%;
	}
	.search button {
		padding:0 9px;
		font-weight: 500;
		height: 35px;
	}
	.corpo { min-height: 260px}

	.menu-nav {
	 	z-index: 999999;
	 	height: 50px;
	 }
	.navbar-collapse li {
		height: 60px;
		width: 100%;
		background-color: #01114c;	 
		border-bottom: 1px solid #fff;
	}
	.navbar-collapse .btn-cadastre {
		width: 100%; 
		height: 60px;
		margin-top: -5px;
		font-size: 1.2em;
		/* padding: 17px 15px 15px 15px; */
		background-color: #cfcfcf;
		border: 1px solid #000000;
		letter-spacing: 1px;
	}
	.navbar-collapse .btn-cadastre a {
		color: #ed3237!important;
	}
	.navbar-collapse .btn-login {
		height: 60px;
		width: 100%;
		padding: 20px 10px 10px 10px;
		background-color: #cfcfcf;
		border-color: #000;
	}

	.navbar-collapse .btn-sair{
		border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
	}

	.topbar > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){
		margin-top: 25px;
	}

	/*Vídeo youtube home*/
	.video-transmissao iframe {
	  height: 200px;
	}
	.col-sm-12.video-container {
		padding-right: 10px;
		padding-left: 10px;
	}
	.col-sm-12.video-container {
	    padding-right: 0;
	    padding-left: 0;
	}

	/* ----- DETALHES LOTE ----- */
	.detalhes-lote  {
		margin-left: 15px;
		margin-right: 15px;
	}
	.dar-lance select {
	  margin-top: 7px;
	  padding: 5px 10px;
	}
	/* .br-xs{border-right: none !important} */



	/* Footer */
	.copy-mobile {
	  display: block;
	  margin-top: 0;
	}
	.copy-desktop {
	  display: none;
	}

	.contato-xs {
		background-color: #01114c !important;
	}

	.contato-xs .text-right,
	.contato-xs .text-left {	
		text-align: center !important;
	}
	.social img {
		margin: 0 2px 18px !important;
		margin-right: calc(50% - 47px) !important;
	}

	footer { height: auto;}

	.copyright { padding: 5px 2px;}
	.copyright p {margin: 0;} 

}  /* max-width: 767px */