/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-device-width: 480px) {
    img{
        max-width: 100%;
    }
    .sw_1 {
        width: 6.75%;
    }
    .sw_2 {
        width: 15.26%;
    }
    .sw_3 {
        width: 23.48%;
    }
    .sw_4 {
        width: 32.19%;
    }
    .sw_5 {
        width: 40.7%;
    }
    .sw_6 {
        width: 49.21%;
    }
    .sw_7 {
        width: 57.63%;
    }
    .sw_8 {
        width: 66.14%;
    }
    .sw_9 {
        width: 74.56%;
    }
    .sw_10 {
        width: 83.07%;
    }
    .sw_11 {
        width: 91.58%;
    }
    .sw_12 {
        width: 100%;
    }
    .s-hide{
        display: none !important;
    }
    .s-block{
        display: block;
    }
    .s-tac{
        text-align: center;
    }
    .s-ma{
        margin: 10px auto !important;
    }
    /* header */
    header .head .links li:last-child{
        box-shadow: none;
    }
    header .search input[type="text"]{
        width: 70%;
    }
    header .search .input{
        width: 100%;
    }
    /* main */
    .carousel{
        width: 270px;
    }
    .carousel_small{
        width: 230px;
    }
    .main .tabs__nav{
        height: auto;
    }
    .main .tabs__nav li:first-child.active{
        border-radius: 5px 5px 0 0;
    }
    .main .tabs__nav li.active:after, .main .tabs__nav li.active:before{
        display: none;
    }
    .thumbs__links{
        padding: 10px;
        line-height: 20px;
    }
    .main .thumbs__wrap_left,
    .main .thumbs__wrap_right,
    .main .gallery__wrap{
        width: 100%;
    }
    .main .gallery__wrap{
        max-width: 340px;
        margin-bottom: 30px;
    }
    .main .thumbs__wrap .thumb:first-child::before,
    .main .thumbs__wrap .thumb:first-child::after,
    .main .thumbs__wrap .thumb:last-child::before,
    .main .thumbs__wrap .thumb:last-child::after
    {
        display: none;
    }
    .main .thumbs__wrap_right .thumb:nth-child(2n-1){
        margin-right: 0;
    }
    .articles__img.fl_l{
        float: none;
    }
    .articles blockquote{
        background-image: none;
        padding: 15px;
    }
    .articles dl{
        padding-left: 6px;
    }
    .main .items .item_regular:nth-child(4n){
        margin-right: 10px;
    }
    .main .items .item_regular{
        margin: 10px;
    }
    .main .items.results, .main .items.history{
        text-align: center;
    }
    .modal{
        width: 300px;
    }
}