@media screen and (max-width: 767px) {

    body {min-width: 320px;}

    .container {width: auto;}

 
    .section {padding: 20px 0;}

    .section-title {font-size: 18px;padding-bottom: 20px; }

    .section-title p {font-size: 12px;}

    .section-title p:before{top:8px;margin-left: -140px;width: 40px; }

    .section-title p:after{ top:8px;margin-right: -140px; width: 40px; }



    .in-pic{ margin-top: 20px; height: auto;    width: 100%; }

    .in-pic-menu {float: none; width:auto; margin-left: 0;}

    .in-pic-menu li{ float: left; width: 50%; height: 65px; }

    .in-pic-menu li span { font-size: 18px; padding-top: 10px;}

    .in-pic-con{ height: 160px; width: 100%; }

    .pics a{ display: block; padding-top: 15px; }


}