/* ============================= */
/* MOBILE FIX (с нуля, поверх старого CSS) */
/* ============================= */

/* Всегда: ничего не может быть шире экрана */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
}

/* Планшеты и телефоны */
@media (max-width: 900px){

    /* Главный контейнер */
    #continer{
        width:100% !important;
        padding:0 1px !important;
    }

    /* Переводим колонки в одну */
    #menuLeft{
        float:none !important;
        width:100% !important;
        margin:0 0 15px 0 !important;
        padding:0 !important;
    }

    #content{
        float:none !important;
        width:100% !important;
        padding:0 !important;
    }
	
	    #content2{
        float:none !important;
        width:100% !important;
        padding:0 !important;
    }

    /* Внутренние блоки контента */
    .post,
    .page,
    #content .top,
    #content .bottom{
        width:100% !important;
        background:none !important;
    }
	
	
	.post,
    .page,
    #content2 .top,
    #content2 .bottom{
        width:100% !important;
        background:none !important;
    }

    /* Карточки категорий (Дженерики Левитры и т.д.) */

    #menuLeft span.title,
    #menuLeft span.title_cat{
        display:block;
        width:100% !important;
    }

    #menuLeft .padder{
        width:100% !important;
        padding:0 10px !important;
        box-sizing:border-box;
    }

    #menuLeft ul{
        margin:0;
        padding:0;
        width:100% !important;
    }

    #menuLeft ul li{
        list-style:none;
        padding:8px 0 !important;
        margin:0;
        background:none !important;
        width:100% !important;
    }

    #menuLeft ul li a{
        display:block;
        width:100%;
        word-break:break-word;
    }

    /* Баннер */
    .info-baner{
        display:block;
        width:100% !important;
        max-width:260px;     /* чтобы не раздувался */
        margin:10px auto !important;
    }
}




@media (max-width: 600px){

/* HEADER */

#header .left,
#header .right{
    float:none !important;
    width:100% !important;
    text-align:center;
}

#menuTop{
    text-align:center;
    padding:5px 0;
}

#menuTop a{
    display:inline-block;
    padding:5px 6px;
    font-size:14px;
}

.lozung{
    width:100%;
    text-align:center;
}

/* ЗАГОЛОВКИ МЕНЮ */

#menuLeft span.title,
#menuLeft span.title_cat{
    display:block;
    width:100% !important;
    box-sizing:border-box;
}

/* САМО МЕНЮ */

#menuLeft .padder{
    width:100% !important;
    padding:0 10px !important;
    box-sizing:border-box;
}

#menuLeft .padder ul{
    width:100% !important;
    margin:0;
    padding:0;
}

#menuLeft .padder ul li{
    list-style:none;
    padding:8px 0 !important;
    margin:0;
    width:100% !important;
    background:none !important;
}

#menuLeft .padder ul li a{
    display:block;
    width:100%;
    word-break:break-word;
}

}

/* ===== MOBILE: РАСТЯГИВАЕМ ВСЕ БЛОКИ МЕНЮ ===== */

@media (max-width:900px){

#menuLeft,
#menuLeft .top,
#menuLeft .bottom{
    width:100% !important;
    max-width:100% !important;
    float:none !important;
}

/* Заголовки */

#menuLeft span.title,
#menuLeft span.title_cat{
    width:100% !important;
    padding-left:10px !important;
}

/* Контент блока */

#menuLeft .padder{
    width:100% !important;
    padding:10px !important;
    box-sizing:border-box;
}

/* Списки */

#menuLeft ul li{
    padding-left:0 !important;
    background:none !important;
}

/* Убираем отрицательный отступ баннера */

.info-baner{
    margin-left:0 !important;
    display:block;
    max-width:220px;
    width:100%;
    margin:10px auto !important;
}

}


@media (max-width:900px){

.post,
.page,
#content .top,
#content .bottom,
#content2 .top,
#content2 .bottom,
#footer,
#top-table{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box;
}




}


@media (max-width:900px){

#footer{
    padding-left:12px !important;
    padding-right:10px !important;
    box-sizing:border-box;
	
	}
	
	#top-table {
    padding-right:25px !important;
    box-sizing:border-box;
	

}


}

 