@import "mixins";

@include respond-to(phone) {
	
	.banner-adv-400x120{
		.logo-slogan-tilted{
			.logob{ 
				text-align:center;
				img {
					height:20px;
					margin: 5px 0;
				}
				transform:rotate(270deg) translateY(-195px) translateX(-58px) scale(0.6);
				height:0px;
			}
		}
	}
	.banner-adv-600x150,
	.banner-adv-810x150 {

		width:600px;
		height:111px;
		
		p{
			font-size:12px;
		}
		.logo-slogan{
			height: 111px;
			
			&.h100{
				height:74px;
			}
			
			.logob{
				width:150px;height:73px;
				img {margin-top:20px;}
				
				.logo-tagline{
					font-size:9px;
				}
			}

					
		}
		.logo-slogan-tilted{
			.logob{ 
				text-align:center;
				img {
					height:20px;
					margin: 5px 0;
				}
				transform:rotate(270deg) translateY(-99px) translateX(-55px) scale(0.6);
				height:0px;
			}
		}
		.search-prodotti{
			height:74px;
			
			.filter-bar input{
				margin: 0;
				float: left;
				width: 80%;
			}
			.filter-bar button {
				float: left;
				width: 40px;
				height: 40px;
				margin: 0;
				padding: 0; 
			}
			
		}
		.slogan-text{
			height: 37px;
			line-height: 35px;
   			font-size: 18px;
   			margin: 0px;
		}
		
		.holder1{
			height: 37px;
			overflow: hidden;
		}
		.holder3{
			height: 111px;
			overflow: hidden;
		}
		
		
		
		.product-line2{
			border-width:1px ;
			height:37px;
			padding: 1px 0;
			line-height: 30px;
			overflow:hidden;
			    
			&:last-child{
    				border-width:1px ;
    			} 
    			
    			
			.price{
				p{
					font-size: 14px;
					line-height: 30px;
				}
			}
			
			 .product-btn{
	    			width: 12%;
	    			padding-left: 3%;
	    		}

			.btn.btn-success{
				padding: 2px 2px;
		    		margin: 3px;
		    		font-size:0px;
		    		font-family: gandhi_sansbold;
		    		margin-top: 3px;
		    		i {
		    			font-size:12px;
		    		}
			}
		}
		
	}
		
}