@media only screen and (max-width : 479px) {
.main { width: 300px; }
header { position: relative; height: 70px; background-color: #24292D; }
.htop { display:none }
.headitem{bottom:0}
.HSideAct { width: auto;top: 14px;left:14px;right:auto; }
.HSideAct .bcircle{display:inline-block;margin:0 10px 0px 0;padding: 6px 10px;}
.htop { margin-bottom: 15px; }
.htop img { width: 207px; height: 207px; }
.bnrfram{display:none}
.nav-icon { display: block; }
/*.ulmenu{display:none}*/
.abcont { width: auto; padding: 75px 20px 10px; }
.menubox{margin: 105px auto 0;float: none;width:auto;}
.ulfodcat > li { display: block; width: auto; }
.ulfodcat > li .foodtg { color: #C9191B; }
.ulfodcat > li .foodtg::after { width: 100%; }
.Fglerypan .ulfood li:nth-child(3),
.Fglerypan .ulfood li:nth-child(4),
.Fglerypan .ulfood li:nth-child(5),
.Fglerypan .ulfood li:nth-child(6){display:none}
.Fglerypan .slick-prev,.Fglerypan .slick-next{top:auto;bottom:-135px}
.Fglerypan .slick-prev { left: 14px;}
.Fglerypan .slick-next { right: 14px; }
.Fglerypan .slick-slide img { width: 300px; height: auto; }
.ulfood li{margin: 35px auto;}
.cheftitr { padding-top: 30px; }
.chefcont{left:0;right:0;text-align: center;}
.offerimg{float:none}
.offerimg figure { width: 300px; height: auto;margin: 0 auto; }
.offerimg figure img { width: 100%; height: auto; }
.offertxt { padding: 48px 19px 10px; width: auto; min-height: 290px; float: none; }
.cheftitr .rtt{margin: 0 0px 0 10px;}
.cheftitr .ltt{margin: 0 10px 0 0px;}
.cheftitr div{display:none}
.Fright, .Fcenter, .Fleft { float: none; width: auto; margin: 0 auto;border-left:none; }
.Fright, .Fcenter { border-bottom: 10px solid transparent; -moz-border-image: url("../images/Fl-h.png") 27 stretch; -o-border-image: url("../images/Fl-h.png") 27 stretch; -webkit-border-image: url("../images/Fl-h.png") 27 stretch; border-image: url("../images/Fl-h.png") 27 stretch; }
.Fright { padding: 20px 5px 15px; }
.Fcenter { padding: 80px 0px 0; min-height: 150px; text-align: center; }
.Fcenter > ul > li { float: none; margin: 0 auto; display: inline-block; }
.Fcenter li { display:block; margin: 0 10px; }
.Fleft { padding-top: 80px; text-align: center; }
.Fleft .kaspid { margin-top: 58px; }
/*3l*/
.closebtn { position: absolute; top: 13px; left: 0; font-size: 36px; z-index: 8; right: 0;display:block }
.headitem nav { position: fixed; top: 0; bottom: 0;right:0; background-color: rgba(0,0,0,0.8); z-index: 21; height: 100%; width: 0; transition: 0.5s; overflow-x: hidden; padding-top: 50px; }
.ulmenu li { display: block; }
.ulmenu li a{display:block;margin: 0 9px;}
.ulmenu > li > a::after,.ulmenu > li > a::before{display:none}
}

@media only screen and (min-width : 480px) and (max-width : 719px) {
.main { width: 460px; }
.headitem{bottom:0}
.HSideAct { width: auto;top: 14px;left:14px;right:auto; }
.HSideAct .bcircle{display:block;margin:0 0 10px 0}
.htop { margin-bottom: 15px; }
.htop img { width: 207px; height: 207px; }
.nav-icon { display: block; }
/*.ulmenu{display:none}*/
.abcont { width: auto; padding: 75px 20px 10px; }
.menubox{margin: 105px auto 0;float: none;width:auto;}
.Fglerypan .ulfood li:nth-child(3),
.Fglerypan .ulfood li:nth-child(4),
.Fglerypan .ulfood li:nth-child(5),
.Fglerypan .ulfood li:nth-child(6){display:none}
.Fglerypan .slick-prev { left: 14px; }
.Fglerypan .slick-next { right: 14px; }
.cheftitr { padding-top: 30px; }
.chefcont{left:0;right:0;text-align: center;}
.offerimg{float:none}
.offerimg figure { width: 460px; height: auto;margin: 0 auto; }
.offerimg figure img { width: 100%; height: auto; }
.offertxt { padding: 48px 19px 10px; width: auto; min-height: 228px; float: none; }
.cheftitr .rtt{margin: 0 0px 0 10px;}
.cheftitr .ltt{margin: 0 10px 0 0px;}
.cheftitr div{width:90px;background: url(../images/titrbackground.png) no-repeat -190px 0px;}
.Fright, .Fcenter, .Fleft { float: none; width: auto; margin: 0 auto;border-left:none;  }
.Fright, .Fcenter { border-bottom: 10px solid transparent; -moz-border-image: url("../images/Fl-h.png") 27 stretch; -o-border-image: url("../images/Fl-h.png") 27 stretch; -webkit-border-image: url("../images/Fl-h.png") 27 stretch; border-image: url("../images/Fl-h.png") 27 stretch; }
.Fright { padding: 20px 0 80px 15px; }
.Fcenter { padding: 80px 0px 0; min-height: 150px; text-align: center; }
.Fcenter > ul > li { float: none; margin: 0 auto; }
.Fcenter li { display: inline-block; margin: 0 10px; }
.Fleft { padding-top: 80px; text-align: center; }
.Fleft .kaspid { margin-top: 58px; }
/*3l*/
.closebtn { position: absolute; top: 13px; left:0; font-size: 36px; z-index: 8; right: 0;display:block }
.headitem nav { position: fixed; top: 0; bottom: 0;right:0; background-color: rgba(0,0,0,0.8); z-index: 21; height: 100%; width: 0; transition: 0.5s; overflow-x: hidden; padding-top: 50px; }
.ulmenu li { display: block; }
.ulmenu li a{display:block;margin: 0 9px;}
.ulmenu > li > a::after,.ulmenu > li > a::before{display:none}
}

@media only screen and (min-width : 720px) and (max-width : 1000px) {
.main { width: 700px; }
.headitem{bottom:0}
.HSideAct { width: 400px;top: 60px; }
.htop { margin-bottom: 30px; }
.htop img { width: 307px; height: 307px; }
.nav-icon { display: block; }
/*.ulmenu{display:none}*/
.menubox{margin: 105px auto 0;float: none;}
.Fglerypan .ulfood li:nth-child(3),
.Fglerypan .ulfood li:nth-child(4),
.Fglerypan .ulfood li:nth-child(5),
.Fglerypan .ulfood li:nth-child(6){display:none}
.Fglerypan .slick-prev { left: 40px; }
.Fglerypan .slick-next { right: 40px; }
.cheftitr { padding-top: 30px; }
.chefcont{left:0;right:0;text-align: center;}
.offerimg{float:none}
.offerimg figure { width: 510px; height: 316px;margin: 0 auto; }
.offerimg figure img { width: 100%; height: auto; }
.offertxt { padding: 48px 19px 10px; width: auto; min-height: 174px; float: none; }
.cheftitr .rtt{margin: 0 0px 0 10px;}
.cheftitr .ltt{margin: 0 10px 0 0px;}
.cheftitr div{width:200px;background: url(../images/titrbackground.png) no-repeat -80px 0px;}
.Fright, .Fcenter, .Fleft { float: none; width: auto; margin: 0 auto;border-left:none;  }
.Fright, .Fcenter { border-bottom: 10px solid transparent; -moz-border-image: url("../images/Fl-h.png") 27 stretch; -o-border-image: url("../images/Fl-h.png") 27 stretch; -webkit-border-image: url("../images/Fl-h.png") 27 stretch; border-image: url("../images/Fl-h.png") 27 stretch; }
.Fright { padding: 20px 0 80px 15px; }
.Fcenter { padding: 80px 0px 0; min-height: 150px; text-align: center; }
.Fcenter > ul > li { float: none; margin: 0 auto; }
.Fcenter li { display: inline-block; margin: 0 10px; }
.Fleft { padding-top: 80px; text-align: center; }
.Fleft .kaspid { margin-top: 58px; }
/*3l*/
.closebtn { position: absolute; top: 13px; left:0; font-size: 36px; z-index: 8; right: 0;display:block }
.headitem nav { position: fixed; top: 0; bottom: 0;right:0; background-color: rgba(0,0,0,0.8); z-index: 21; height: 100%; width: 0; transition: 0.5s; overflow-x: hidden; padding-top: 50px; }
.ulmenu li { display: block; }
.ulmenu li a{display:block;margin: 0 9px;}
.ulmenu > li > a::after,.ulmenu > li > a::before{display:none}
}

@media only screen and (min-width : 1001px) and (max-width : 1249px) {
.main { width: 980px; }
.HSideAct { width: 400px;top: 60px; }
.htop { margin-bottom: 50px; }
.htop img { width: 307px; height: 307px; }
.Fglerypan .ulfood li:nth-child(5),.Fglerypan .ulfood li:nth-child(6){display:none}
.cheftitr { padding-top: 30px; }
.chefcont{left:0;right:0;text-align: center;}
.offerimg{float:none}
.offerimg figure { width: 510px; height: 316px;margin: 0 auto; }
.offerimg figure img { width: 100%; height: auto; }
.offertxt { padding: 48px 19px 10px; width: auto; min-height: 174px; float: none; }
.cheftitr div { margin: 0 30px; }
.Fright { padding: 78px 0 150px 15px; margin-left: 15px; }
.Fcenter { padding-left: 15px; margin-left: 15px; }
.Fleft { padding-top: 83px; width: 200px; }
.Fleft .kaspid { margin-top: 58px; }
.closebtn{display:none}
}

@media only screen and (min-width : 1250px) {
.main { width: 1200px; }
.closebtn{display:none}
}
@media only screen and (min-width : 1251px) and (max-width : 1349px) {
.htop { margin-bottom: 66px; }
.HSideAct { width: 530px; }
.htop img { width: 438px; height: 438px; }
    .offerimg figure img { width: 100%; height: auto; }
    .offerimg figure { width: 795px; height: 493px; }
.offertxt { padding: 22px 29px 10px 6px; width: 413px; }
}