@media (max-width:1200px){
	#logo>.contato>li{font-size: 1.1em;padding: 2px 15px;}
	#footer>span{font-size:9px;}
}
@media (max-width:990px){
	#menu .wrap-opt{width:230px;}
	#menu .wrap-opt>.title-opt{height: 50px;font-size: 15px;line-height: 3.6em;}
	#menu .wrap-opt>.content-opt{height:280px;}
	#menu .wrap-opt>.content-opt>.img-opt{width:80%;}
	#menu .wrap-opt>.content-opt>.desc-opt{font-size:11px;}
	.product{width:33.333%;}
	.product:last-child{
	float:none;
    clear: both;
    margin: 0px auto;
    background-color: #fff;
    color:#7C7C7C;
	}
	#footer>span{
    font-size: 14px;
    line-height: 18px;
    padding: 10px 0px;
    height:auto;
	}
	#logo>.contato>li{font-size: 0.9em;}
}
@media (max-width:767px){
	#menu .wrap-opt {width: 80%;}
	#menu .wrap-opt>.title-opt {height: 80px;font-size: 20px;line-height: 4em;}
	#menu .wrap-opt>.content-opt{height: auto}
	#menu .wrap-opt>.content-opt>.img-opt{width:90%;}
	#menu .wrap-opt>.content-opt>.desc-opt {font-size:2.2em;padding-bottom: 5%;}
	.product{width:50%;}
	.product:last-child{
	float:left;
    clear:none;
    margin:none;
    background-color: #7C7C7C;
    color:#FFF;
	}
	#footer p{text-align: center;}
	#footer>span{
	font-size: 13px;
    line-height: 13px;
    padding: 10px 0px;
    }
    #logo>.contato>li{font-size: 0.6em;}
    .showOpt>.opt:nth-of-type(3)>.wrap-opt{opacity:1;visibility: visible;}
    .showOpt>.opt:nth-of-type(2)>.wrap-opt{left:-10%;}
    #franchiselist{animation: hideFranchiseList 1s ease;box-shadow: #ccc 0px 0px 10px;}
    .showOpt #franchiselist{
	    left: 10%;
	    z-index: 10;
	    top: 2%;
	    box-shadow:rgba(0, 0, 0, 0.65) -13px 3px 40px;
	    animation: showFranchiseList 0.8s ease;
    }
    @keyframes showFranchiseList{
    	0%{
    		opacity: 0;
    		z-index: 1;
    		left: 0%;
    		top: 0%;
    		transform: scale(0.8);
    	}
    	30%{transform:scale(0.9);}
    	50%{
    		left: 102%;
    		transform:scale(1);
    	}
    	65%{z-index:10;}
    	100%{left:10%;top:2%;}
    }
    @keyframes hideFranchiseList{
    	0%{
    		left:10%;
    		top:2%;
    		opacity: 1;
    		z-index: 10;
    	}
    	65%{
    		left: 102%;
    		transform:scale(1);
    		z-index: 10;
    	}
    	70%{transform:scale(0.9);z-index: 1;opacity: 1;}

    	100%{
    		opacity: 0;
    		left: 0%;
    		top: 0%;
    		transform: scale(0.8);
    	}
    }
    #closedarea{line-height: 3.2em;}
    #listopt>a>.img>img{width:70%;}
}
@media (max-width: 600px){
	#slogan{height: 160px;}
	#slogan small{font-size: 20px;line-height: 30px;}
	#menu .wrap-opt>.content-opt>.desc-opt {font-size: 2em;}
}
@media (max-width:480px){
	#titleproduct{
	line-height: 1em;
    font-size: 2em;
    padding: 20px 0px;
    height: 80px;
	}
	.contato>li{font-size:14px;}
}
@media (max-width:390px){
	#slogan{height:200px;}
	#slogan small{font-size:23px;line-height:30px;}
	#menu .wrap-opt>.title-opt {height: 50px;font-size: 14px;line-height: 4em;}
	#menu .wrap-opt>.content-opt>.desc-opt {font-size:1.6em;}
	.product>.title{font-size: 0.6em;}
	#footer{background-size: 3000px;}
	#footer p{font-size:1em;}	
}