/*
=======================
== TELAS DE ATÉ 500PX==
=======================
*/

@media (min-width: 320px) and (max-width: 500px){
.container{width: 100%;}

/*HEADER*/
header{display: none;}
.header-mob{display: block; width: 100%; float: left;}
	.header-mob a{text-align: center; width: 100%; float: left; display: block; background: #EF2D2D}
	.header-mob p{width: 100%; float: left; display: block; padding: 5px 0; text-align: center; color: #fff; background: #333333}
	.header-mob .menu{width: 100%; float: left; text-align: center; background: #fff}
	.header-mob .menu a{background: #fff; font-size: 20px; padding: 10px 0}
	.header-mob .menu-list{width: 100%; float: left; display: none}
	.header-mob .menu-list a{padding: 10px 0; color: #fff; border-bottom: 1px solid #fff}
	#close{display: none}
	.topo{width: 100px; position: fixed; top: 0; background: #EF2D2D; z-index: 2000; opacity: 0; transition: all .8s ease-in-out;}
	.topo a{color: #fff; padding: 15px; transition: all .3s ease-in-out;}
/*BANNER*/
.banner{display: none;}
/*MENU NEGÓCIOS*/
.menu-negocios .open-negocios{display: block; text-align: center; width: 100%; float: left; background: #292929; color: #fff; padding: 15px 0;}
.menu-negocios .open-negocios span{color: #fff}
#x{display: none}
.menu-negocios{margin-top: 0px !important}
.menu-negocios ul{}
.menu-negocios ul li{width: 100%; display: none; list-style: none;}
.menu-negocios ul li ul{width: 100%; position: relative;}
.menu-negocios ul li ul li{width: 100%}
/*TELA CADASTRO FANCYBOX*/
#cadastro{width: 100%}
#cadastro .form-contato form .fleft{width: 100%; box-sizing: border-box;}
#cadastro .form-contato form .fright{width: 100%; box-sizing: border-box;}
#cadastro .form-contato form button{width: 100%}
/*NEGOCIOS NA TELA INICIAL*/
.box-destaques{width: 100%; margin: 10px 0}
/*FOOTER*/
.footer-col{width: 100%; margin: 18px 0 0}
.fc1{display: none}
.assinatura-site{display: none}
.rodape a{width: 100%; text-align: center;}
/*EMPRESA*/
.city{height: auto}
.col5{width: 50%; margin:5px 0;}
.box-icon{width: 100%; margin: 5px 0}
/*CONTATO*/
.form-contato form .fleft{width: 100%; box-sizing: border-box; margin-bottom: 3px}
.form-contato form .fright{width: 100%; box-sizing: border-box;}
.form-contato form textarea{width: 100%; box-sizing: border-box;}
.form-contato form button{width: 100%}
/*BUSCA*/
.fleft{width: 100%; box-sizing: border-box;}
.fright{width: 100%; box-sizing: border-box;}
.form-busca form input{box-sizing: border-box;}
.form-busca form select{width: 100%}
.form-busca form button{width: 100%}
/*NEGÓCIO*/
.col-left{width: 100%}
.col-right{width: 100%}
#next{left: 87%}
.btn-social{width: 76%; padding: 17px 26px}
.btn-social p{width: 100%; float: left;}
.share{padding: 10px; width: 70%; float: none; display: table; margin: auto}

}


/*
=======================
== TELAS DE ATÉ 600PX==
=======================
*/

@media (min-width: 501px) and (max-width: 600px){

.container{width: 100%;}

/*HEADER*/
header{display: none;}
.header-mob{display: block; width: 100%; float: left;}
	.header-mob a{text-align: center; width: 100%; float: left; display: block; background: #EF2D2D}
	.header-mob p{width: 100%; float: left; display: block; padding: 5px 0; text-align: center; color: #fff; background: #333333}
	.header-mob .menu{width: 100%; float: left; text-align: center; background: #fff}
	.header-mob .menu a{background: #fff; font-size: 20px; padding: 10px 0}
	.header-mob .menu-list{width: 100%; float: left; display: none}
	.header-mob .menu-list a{padding: 10px 0; color: #fff; border-bottom: 1px solid #fff}
	#close{display: none}
	.topo{width: 100px; position: fixed; top: 0; background: #EF2D2D; z-index: 2000; opacity: 0; transition: all .8s ease-in-out;}
	.topo a{color: #fff; padding: 15px; transition: all .3s ease-in-out;}
/*BANNER*/
.banner{display: none;}
/*MENU NEGÓCIOS*/
.menu-negocios .open-negocios{display: block; text-align: center; width: 100%; float: left; background: #292929; color: #fff; padding: 15px 0;}
.menu-negocios .open-negocios span{color: #fff}
#x{display: none}
.menu-negocios{margin-top: 0px !important}
.menu-negocios ul{}
.menu-negocios ul li{width: 100%; display: none; list-style: none;}
.menu-negocios ul li ul{width: 100%; position: relative;}
.menu-negocios ul li ul li{width: 100%}
/*TELA CADASTRO FANCYBOX*/
#cadastro{width: 100%}
#cadastro .form-contato form .fleft{width: 100%; box-sizing: border-box;}
#cadastro .form-contato form .fright{width: 100%; box-sizing: border-box;}
#cadastro .form-contato form button{width: 100%}
/*NEGOCIOS NA TELA INICIAL*/
.box-destaques{width: 50%; margin: 10px 0}
/*FOOTER*/
.footer-col{width: 100%; margin: 18px 0 0}
.fc1{display: none}
.assinatura-site{display: none}
.rodape a{width: 100%; text-align: center;}
/*EMPRESA*/
.city{height: auto}
.col5{width: 50%; margin:5px 0;}
.box-icon{width: 100%; margin: 5px 0}
/*CONTATO*/
.form-contato form .fleft{width: 100%; box-sizing: border-box;}
.form-contato form .fright{width: 100%; box-sizing: border-box;}
.form-contato form textarea{width: 100%; box-sizing: border-box;}
.form-contato form button{width: 100%}
/*BUSCA*/
.fleft{width: 100%; box-sizing: border-box;}
.fright{width: 100%; box-sizing: border-box;}
.form-busca form input{box-sizing: border-box;}
.form-busca form select{width: 100%}
.form-busca form button{width: 100%}
/*NEGÓCIO*/
.col-left{width: 100%}
.col-right{width: 100%}
#next{left: 87%}
.btn-social{width: 76%; padding: 17px 26px}
.btn-social p{width: 100%; float: left;}
.share{padding: 10px; width: 50.5%; float: none; display: table; margin: auto}
.ui-accordion .ui-accordion-icons{color: #df0000; border-bottom: 1px solid #df0000 !important}
	
}

/*
=======================
== TELAS DE ATÉ 800PX==
=======================
*/

@media (min-width: 601px) and (max-width: 959px){

.container{width: 100%;}

/*HEADER*/
header{display: none;}
.header-mob{display: block; width: 100%; float: left;}
	.header-mob a{text-align: center; width: 100%; float: left; display: block; background: #EF2D2D}
	.header-mob p{width: 100%; float: left; display: block; padding: 5px 0; text-align: center; color: #fff; background: #333333}
	.header-mob .menu{width: 100%; float: left; text-align: center; background: #fff}
	.header-mob .menu a{background: #fff; font-size: 20px; padding: 10px 0}
	.header-mob .menu-list{width: 100%; float: left; display: none}
	.header-mob .menu-list a{padding: 10px 0; color: #fff; border-bottom: 1px solid #fff}
	#close{display: none}
	.topo{width: 100px; position: fixed; top: 0; background: #EF2D2D; z-index: 2000; opacity: 0; transition: all .8s ease-in-out;}
	.topo a{color: #fff; padding: 15px; transition: all .3s ease-in-out;}
/*BANNER*/
.banner{display: none;}
/*MENU NEGÓCIOS*/
.menu-negocios .open-negocios{display: block; text-align: center; width: 100%; float: left; background: #292929; color: #fff; padding: 15px 0;}
.menu-negocios .open-negocios span{color: #fff}
#x{display: none}
.menu-negocios{margin-top: 0px !important}
.menu-negocios ul{}
.menu-negocios ul li{width: 100%; display: none; list-style: none;}
.menu-negocios ul li ul{width: 100%; position: relative;}
.menu-negocios ul li ul li{width: 100%}
/*TELA CADASTRO FANCYBOX*/
#cadastro{width: 100%}
#cadastro .form-contato form .fleft{width: 100%; box-sizing: border-box;}
#cadastro .form-contato form .fright{width: 100%; box-sizing: border-box;}
#cadastro .form-contato form button{width: 100%}
/*NEGOCIOS NA TELA INICIAL*/
.box-destaques{width: 50%; margin: 10px 0}
/*FOOTER*/
.footer-col{width: 100%; margin: 18px 0 0}
.fc1{display: none}
.assinatura-site{display: none}
.rodape a{width: 100%; text-align: center;}
/*EMPRESA*/
.city{height: auto}
.col5{width: 50%; margin:5px 0;}
.box-icon{width: 25%; margin: 5px 0}
/*CONTATO*/
.form-contato form .fleft{width: 100%; box-sizing: border-box; margin-bottom: 3px}
.form-contato form .fright{width: 100%; box-sizing: border-box;}
.form-contato form textarea{width: 100%; box-sizing: border-box;}
.form-contato form button{width: 100%}
/*BUSCA*/
.fleft{width: 100%; box-sizing: border-box;}
.fright{width: 100%; box-sizing: border-box;}
.form-busca form input{box-sizing: border-box;}
.form-busca form select{width: 100%}
.form-busca form button{width: 100%}
/*NEGÓCIO*/
.col-left{width: 100%}
.col-right{width: 100%}
#next{left: 87%}
.btn-social{width: 76%; padding: 17px 26px}
.btn-social p{width: 100%; float: left;}
.share{padding: 10px; width: 43%; float: none; display: table; margin: auto}
.ui-accordion .ui-accordion-icons{color: #df0000; border-bottom: 1px solid #df0000 !important}	

}