@media (max-width: 980px) {
    footer ul,header section, .wrraper{
        width: 100%;
    }
    nav section{padding-right: 0;width: 100%;}
    footer{padding-top:5px; text-align: center;overflow: hidden;}
    footer ul li{height: 26px;line-height: 22px;}
    li.social a{margin-top: 2px;}
    li.social{width:100%; padding: 0}
    li.copy{height:36px;float:none;}
    li.copy span{display: inline-block;}
    .menu{width: 150px; overflow: hidden;padding-left:150px;}
    nav ul{position: absolute; height: 48px;}
    nav ul>li{width:150px;}
    nav ul li a{
        line-height: 40px;
        height: 40px;
        padding: 0 10px 0 0;
        background: #eee6b7;
        border-top:1px solid #d3ca98;
    }
    nav ul li.mob_link{display: block;}
    nav ul li.mob_link a{background: none;line-height: 48px; height: 48px;border-top:none;}
    nav ul li.mob_link a:hover, nav ul.opens li.mob_link a
    {background:url(images/nav_over.png) top; color: #000;}
    nav ul li ol{padding: 0; top:auto; bottom:0px; left:-150px;}
    nav ul li.res_item ol{bottom:auto; top:-40px;}
    nav ul li ol>li a{border-bottom: none;background:#dcd4a4;}
    nav ul li.non_res_item{display: none;}
    nav ul li.res_item{display: block;}
    aside{display: none;}
    section.context{padding-right: 0;}
}
@media (max-width: 730px) {
    ul.list li{width:100%;}
	ul.list_full li{width:100%;}
    ul.list li:nth-child(n+12){display: none}
    ul.unlimt li:nth-child(n+12){display: block;}
    ul.list li.more_items{display: block}
    ul.char li{width: 20%}
    ul.third li{width:50%;}
    #tnt_pagination a{display: none !important;}
	#tnt_pagination span{display: none !important;}
    #tnt_pagination select{display: block;}

}
@media (max-width: 520px) {
    header .midad_logo{height: 60px;}
    header img{height: 85px;}
    header{height: 90px;}
    header section{padding: 2px 8px 0}
    footer ul{padding-top:0px;}
    /* footer ul li{display: none;} */
    li.copy span{font-size: 12px}
    li.copy{padding: 0; font-size: 10px}
	li.contact_us{font-size: 12px; height: 21px;}
    li.social, li.copy{display: inline-block;}
    #fontSizeForm select{width:100%; margin-top: 5px} /* edit */
}
@media (max-width: 370px) {
    ul.third li{width:100%;}
    .search_box input{width: 180px !Important;}
    .search_box {left:5px;}

}