@media only screen and (min-width: 768px) { /* iPad portrait and other tablet/mid-sized viewports */
    .logo {
    	width: 30%;
    }
    .contacts {
        width: 44%;
    }
    .cart-block {
    	float: right;
    	width: 25%;
    }
    .main-menu li{ 
    	width: 12.29%;
    }
    .tovar-teaser {
    	width: 24%;
    }
    .about {
    	width: 75% !important;
    }
    .slider {
    	width: 24% !important;
    }
    .subscribe {
    	width: 69%;
    }
    .subscribe-form {
    	width: 61%;
    }
    .footer-links li {
    	width: 12%
    }
    .footer-links .big {
    	width: 16%
    }
}

@media only screen and (max-width: 767px) and (min-width: 480px) { /* iPhone landscape and other small viewports */
    .logo {
    	width: 45%;
    }
    .contacts {
    	position absolute;
        width: 100%;
	top: 200px;
    }
    .cart-block {
    	position: absolute;
	top: 10px;
	right: 10px;
    	width: 40%;
    }
    .main-menu li{
    	width: 24.5%;
    }
    .tovar-teaser {
    	width: 32%;
    }
    .footer-contacts {
    	display:none;
    }
    .subscribe {
    	width: 100%;
    }
    .footer-links li {
    	width: 24%;
    }
   
}

@media only screen and ( max-width: 479px) and (min-width: 280px) { /* Smart phones portrait */
    html {
        -webkit-text-size-adjust: none;
    }
    .logo {
	width: 100%;
    }
    .contacts {
    	width: 100%;
    }
    .contacts .mail {
        font-size: 80%;
    }
    .cart-block {
    	width: 100%;
    }
    .main-menu li{
    	width: 100%;
    }
    .main-menu li.menuparent{
    	background: no-repeat scroll right center #EEEEEE !important;
    }
    .main-menu ul ul {
    	display: none;
    }
    #block-hierarchical_select_cars-1000 {
    	width: 100% !important;
    }
    .footer-contacts {
        display:none;
    }
    .subscribe-form {
    	width: 90% !important;
	min-width: 194px !important;
    }
    .subscribe-input {
    	width: 100% !important;
    }
    .subscribe-submit {
    	width: 100% !important;
    }
    .footer-links li {
    	width: 50%;
    }
    .tovar-teaser {
    	width: 100%;
    }

}