/**/
/*global*/

@media (max-width: 767px) {

	body, .col-md-4{padding-right: 0 !important;
          padding-left:0 !important;}

    .peter-header, .head-bg-mt{ max-height:110px;}

    .nav{ }

    .ico-tw{ right: 20%;}

    .peter-navbar .navbar-nav>li>a{ display: block;}

    .peter-navbar .navbar-nav .current em{ height: 3px;}

    .ico-tw, .ico-fb{ margin-top: 14%;}

    .logo{ width: 70%; margin-top: 15%;}

    .ico-lajiao{ visibility: hidden;}

    .wrapper{ width: auto;}

    .navbar-nav, .pt-media{ margin: 0;}   

    .row{ margin: 0 ;}

    .menu-tab li{ margin-top: 5%;}

    .menu-box .line{ width: 28%;}

    .pt-media:last-child { border-bottom: 1px solid  #c2bcb0;}

    .media .pull-right{ float:none !important; padding-left:0; padding-right: 50px; margin-bottom: 5%; }
    
    .peter-panel .media .pull-right{ display: block; width: auto; height: auto;}


    .media .pull-right img{max-width: 100%; }

    .news-list-clip .pull-left{ display: block;float:none !important; margin-bottom: 10px; }


    .pt-media p{ height: auto !important; }

    .media-body{  width: auto;}

    .pt-media i{text-align: left;}

    .col-md-6{ padding:0;}

    .pt-media{ padding-left: 0; padding-right:  0px;}

    .carousel-control.left, .carousel-control.right{ width: 50px; height: 50px; top:30%;}

    .normal-title-box .line{ width: 30%;}

    .dishe-list  img{width:auto ; max-width: 100%; height: auto;}

    .dishe-list .pull-left{ display: block; float: none !important; margin-bottom: 10px}

    .dishe-list .media-heading{ margin-top: 10px;}

    .dishe-list .price{ position: initial;}
    
    .s-d-line{ width: 5% !important}

    .local-list-clip .btn-danger{ position: initial; margin-top: 10px;}

    .local-list-clip  .opera{ display: block;  position: initial; margin-top: 10px;}

    .page-header{ margin-top: 0;}

    .about-box img{ display: block; margin:  20px auto; max-width: 100%; margin-top: 0;}

    .dishe-list .pull-left img, .news-list-clip img{ width:auto !important ;max-width: 100% !important; height: auto;}

    .news-list-clip .pull-left { padding-bottom: 10px;}

}

@media (max-width:1499px){
    .ico-lajiao{ display: none;
}
@media (max-width:1230px){ 
    .logo{ margin-left: 10px;}
   
}


@media (min-width: 768px) and (max-width: 1200px){
    .wrapper{ margin: 0 auto; width: auto;}
    .pt-media:last-child{  border-bottom: 1px solid #c2bcb0;}
    .logo {
          width:300px; height: 52px;
           background-size: contain;
          margin-top: 120px;
          margin-left: 10px;
          }
    .ico-lajiao{ width: 10%; z-index: 98;}
    .normal-title-box .line{ width: 30%}
    .peter-navbar .navbar-nav{ display: block; float: none;}
    .navbar-nav>li{ display: block; float: none;}
    .peter-navbar .navbar-nav>li>a{ display: block; width: 100%;}

}

@media (min-width: 370px) and (max-width: 767px){
    .logo {
          width:300px; height: 52px;
          background-size: contain;
          margin-top: 50px;
          margin-left: 10px;
          }
    .ico-fb{ right:10px; margin-top: 50px;}
    .ico-tw{ right:60px ;margin-top: 50px;}
}
@media (max-width: 1200px){
   .res-nav-dropdown { display:block;-webkit-display:block; padding-left: 0;padding-right: 0; position: relative;}
   .peter-navbar{  display: none; -webkit-display:none;}
   .res-nav-bar{ display: block;-webkit-display:block;  border:none; background: #ab2125;
    color: #fff; font-size: 18px; font-weight: bold; position: relative; padding-top: 10px;
   padding-bottom: 10px;}
   .res-nav-bar:hover, .res-nav-bar:active{ color: #fff;}
   .res-nav-bar em{ position: absolute; left: 0; bottom: 0; height: 5px; display: block; width: 100%;
    background-color: #d2a471;
    background-image: -webkit-linear-gradient(left, #c9b787, #cfbb8c 49%, #f0efdc 79%, #bfae74 99%);
    background-image: -moz-linear-gradient(left, #c9b787, #cfbb8c 49%, #f0efdc 79%, #bfae74 99%);
    background-image: -o-linear-gradient(left, #c9b787, #cfbb8c 49%, #f0efdc 79%, #bfae74 99%);
    background-image: -ms-linear-gradient(left, #c9b787, #cfbb8c 49%, #f0efdc 79%, #bfae74 99%);
    background-image: linear-gradient(to right, #c9b787, #cfbb8c 49%, #f0efdc 79%, #bfae74 99%); 
   }
    .res-nav-menu{ width: 100%; margin-top: 0; background:  #C83134;}
    .res-nav-menu li a{ 
    color: #fff; font-size: 18px; font-weight: bold; position: relative; padding-top: 10px;
   padding-bottom: 10px;}
   .res-nav-menu li a:hover, .res-nav-menu li a:active, .res-nav-menu li a:focus{ background: #ab2125; color: #fff;}
 }


@media (max-width: 992px){
  .dishes-list-box .col-md-6{ margin-top: 20px;}
}