/*
** WIDTH < 800px (SMARTPHONES)
*/
@media screen and (max-width: 800px) {

    .page .block .center-content{width:600px;}
	.buscar{width: 600px; margin-left: -300px;}

	.listando-comercios ul li{width: 50%;}
	.listando-comercios ul hr{display: none;}

	.listando-setores{}
	.listando-setores ul li{width: 100%;}

    .listando-telefones ul li .nome,
    .listando-telefones ul li .telefone{font-size:16px;}

	.informacoes .col45p,
	.informacoes .col50p{width: 100% !important;}
	.informacoes .col50p{padding:0 30px;}

    .rating-container span{font-size:24px;}

	.createCommerce form > div{width: 100% !important;}
    .createCommerce form .phoneOptional{margin-left: 0;}

    .nav-search .logo{margin-left: -210px;}
    .nav-search .buscar{margin-left: -30px;}
    .session .logo{margin-left: -230px;}
    .session .buscar{margin-left: -60px;}

}



/*
** WIDTH < 600px (SMARTPHONES)
*/
@media screen and (max-width: 600px) {

    .page .block .center-content{width:300px;}

    .background{height: 55vh; background-position: bottom left !important;}

	.buscar{width: 300px; margin-left: -150px; top: calc(65vh/2 + 40px);}
	.buscar form #gpsbtn{width: 20% !important;}
	.buscar form #search-btn{display: none;}
	.buscar .col80p{width: 100% !important;}
	.buscar form input[type=text]{border-radius: 5px;}

	.wrap{padding-top: 130px;}

	.breadcumb{
		flex-direction: column;
		align-items: self-start;
		justify-content: left;
		gap: .5rem;
	}

	.breadcumb .icon{
		width: auto;
	}

	.breadcumb .image{
		order: 2;
		width: 100%;
		height: 10rem;
	}

	.breadcumb .content{
		padding-left: 0;
	}

	.breadcumb .content .links{
		width: 100%;
	}

	.breadcumb .content .title{
		width: 100%;
		font-size: 2em;
		letter-spacing: .1rem;
		line-height: 1;
	}

	.listando-comercios ul li{width: 100%;}

	.listando-setores > ul > li{
		padding: 0;
	}

	.viewCommerce .breadcumb .title{font-size: 30px;}

	.informacoes .col45p,
	.informacoes .col50p{padding:0 20px;}
	.informacoes .fone i,
    .informacoes .email i,
	.informacoes .endereco i,
	.informacoes .descricao i{width: 10%; height: 30px; line-height: 30px; font-size: 30px;}
	.informacoes .fone span,
	.informacoes .endereco span,
	.informacoes .descricao span{font-size:20px; line-height: 25px;}
    .informacoes .email span,
    .informacoes .descricao span{font-size:15px;}
    .informacoes .email span{line-height: 20px; word-break: break-all;}

    .buscando-comercios form{height: auto; flex-direction: column;}
    .buscando-comercios form .btn{line-height: 40px !important; margin-bottom: 10px;}
    .buscando-comercios form input[type=text]{height: 50px; padding-left: 0; text-align: center;}

    /*.listando-comercios .stars i{height: 20px; line-height: 20px; font-size: 20px;}
    .listando-comercios .endereco{display: none;}*/

    .listando-telefones ul li .subsetor{width:100%; font-size:12px;}
    .listando-telefones ul li .nome{width:100%; font-size:16px;}
    .listando-telefones ul li .telefone{width:100%; font-size:20px;}

	.form-default .col33p{width:100% !important;}
	.form-default form label{height: auto;}
	.form-default form .btn{width: 100% !important; line-height: 70px; font-size: 20px;}

    .rating-container span{width: 100%; float: left;}
    .rating-container .stars i{font-size: 40px !important;}

    .anunciados{margin-top: 380px !important;}

    .recomendados{}
    .recomendados ul > li{width: 100%;}

    #setCurrentLocation{width: 200px !important;}

	.footer{padding-bottom: 20px;}
	.footer ul{display:none;}
	.footer ul li{width: 100%; line-height: 40px; text-align: center;}
	.footer .social{width: 100%;}
	.footer .social a{margin: 0 17px;}
	.footer .social a:last-child{margin-left:0;}

	.nav{position: absolute;}
	.nav .logo{}
	.nav .buscar{width: 100%; left:0; margin-top: 60px; margin-left: 0;float: left; clear: both;}
	.nav .buscar form input[type=text]{padding-left: 60px;}
    .nav-search{height: 130px !important;}
    .nav-search .logo{margin-left: -70px;}
    .session .logo{margin-left: -100px;}

}



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

	.wrap{
		padding-top: 10px;
	}

}