/*		Mobile Layout: 320px and 480px and more but less than or equal to 767px.
----------------------------------------------------------------------------------
*/
@media only screen and (max-width: 767px) {
	*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	

	.page-wrap, .restaurant-activities{ min-width:100%; overflow:hidden;}
	.header-wrap{ min-height:110px;}
	.header{ width:100%; position:relative; padding:0; top:0; left:0; background:#fff; z-index:999;}
	.logo-link{ width:160px; margin:10px 0 0 10px; height:auto;}
	.logo-link img{ float:left; width:100%;}
	
	.phone-nav{cursor:pointer;display:block;overflow:hidden;padding:5px;position:absolute;right:15px;top:25px;width:36px;z-index:9999; border:3px solid #ebebeb;border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px;}
	.phone-nav div{float:none;display:block;width:70%;height:2px;margin:3px auto;line-height:2px;background:#7d7d7d;}
	.nav-area{ width:100%; margin:0px;}
	.nav-area ul {width:100%;display:none;}
	.nav-area ul li {padding:0;width:100%; text-align:center; margin:7px 0 0;}
	.nav-area ul li a{text-align:center;margin:0; width:100%;}
	
	.header-right-contents{/* float:left; width:100%; padding:10px; margin:0;*/ display:none;}
/*	.header-right-contents address{ clear:none; float:left; width:50; margin:0; padding:0; text-align:left;}
	.header-right-contents ul{ clear:none; float:right; width:50%; margin:0; padding:0;}
*/	
	
	/*** begin home ***/
	.banner-wrap, .banner-inner{ min-width:100%; height:auto;}
	.left-slider-wrap, .right-slider-wrap{ width:100%;height:auto; display:none;}
	.left-sliding-panel, .right-sliding-panel{ width:100%; position:relative; height:auto;}
	/*.right-sliding-panel div{ width:100%; height:auto; display:none;}
	.right-sliding-panel div:first-child{ display:block; height:auto;}*/
	
	#left-slider-wrap{display:block;}
	.left-sliding-panel div{ width:100%; height:auto; display:none;}
	.left-sliding-panel div:first-child{ display:block; height:auto;}
	
	.slider-txt{ width:100%;}
	
	.arrows-wrap{ width:100%; position:absolute; left:0; top:225px !important; float:left; height:auto;}
	.scroller{ display:none;}
	.left-slider-arrow, .right-slider-arrow{ display:none !important;}
	.TA_certificateOfExcellence{ padding-top:0px !important;}
	.TA_certificateOfExcellence a img{ width:50px!important; height:50px!important;}

	.detail-container-wrap{ min-width:100%; padding:0 0 20px;}
	.detail-container{ width:100%; padding:0 15px;}
	.left-col{ width:100%;}
	.news-row{ width:100%; margin:10px 0 0;}
	.news-content{ width:100%;}
	
	.wine-contents-wrap{ width:100%; height:170px;}
	.wine-contents{ width:100%;}
	.wine-slider{ width:100% !important;}
	.wine-img-container{ width:100%;}
	
	.wine-left{ width:100%;}
	
	.grey-border-bottom{ width:100%;}
	.right-col{ float:none;width:100%; margin:0;}
	.widget{width:100%;margin:10px 0 0;padding:45px 0px 30px;text-align:center;}
	.widget div{margin:0 auto !important}
	#video-btn{margin: 0px auto;clear: both;display: block;}
	.widget em{ display:block; padding-bottom:10px}
	/*** end home ***/
	
	/*** begin honest wine ***/
	.restaurant-activities .banner-wrap, .about-us .banner-wrap, .wines .banner-wrap{ height:auto;}
	.breadcrumbs-wrap{ width:100%;}
	.wine-left-content{ width:100%;}
	.wines .inner-left-1, .inner-left-1{ width:100%;}
	.big-wine-container{ width:100%;}
	.wines .inner-right-1, .inner-right-1{ width:100% !important; margin:0;}
	img.alignleft{ width:100%;}
	.link-2{ width:145px !important;}
	.link-3{ width:295px !important;}
	.widget-col{ width:100%; float:left;}
	.right-col ul li{ font-size:11px; width:150px;}
	.right-col ul li span{ width:140px;}
	/*** end honest wine ***/
	
	/*** begin blog ***/
	.breadcrumbs-wrap h1{ font-size:28px; line-height:34px;}
	.blog-content-wrap{ width:100%;}
	.blog-left-content{ width:100%!important; margin-right:0px !important;}
	.featured-content{ width:100%;}
	.featured-img-container{ width:100%;}
	.featured-img-container img{ width:100%;}
	.blog-img-container img{ width:100% !important;}
	.breadcrumbs{ width:100%;}
	.two-col{ width:100% !important;}
	.paging-wrap a, .paging-wrap span.extend{ width:22px; height:22px; line-height:22px; margin-right:0px;}
	.wp-pagenavi a, .wp-pagenavi span{ padding:0;}
	.paging-wrap span.current{ width:22px; height:22px; line-height:22px;}
	/*** end blog ***/

	/*** begin about ***/
	.about-us-detail-content-wrap{ width:100%;}
	.about-us-detail-content{ width:100%;}
	.about-us .inner-left{ float:none; margin:0 auto; width:220px;}
	.about-us .inner-left img{ width:100%;}
	.about-us .inner-right{ width:100%;}
	.gallery{ width:100%;}
	.gallery-item-wrap{ margin:10px 10px 0 0; width:65px;}
	/*** end about ***/
	
	
	/*** begin activities ***/
	.inner-txt-col-wrap{ width:100%;}
	.inner-txt-col{ width:310px;}
	.check-menu-btn, .make-reservation-btn{ float:none; margin:0 auto; padding:0 0 0 50px; text-align:center; height:45px; line-height:45px; width:180px;}
	.make-reservation-btn{ margin-top:25px;}
	/*** end activities ***/
	
	
	.dist-row{ height:75px; width:100%;}
	select.select-dist{ top:42px; right:auto; left:0;}
	
	.sales-container .link-2{ float:none !important;}
	
	.inner-txt-col .wdt{ width:100% !important;}
	
	.comment-form{ float:none; width:100%;}
	.comment-form-contents{ width:100%;}
	select.select-cat{top:42px; right:auto; left:0;}
	input.txt, textarea.txtarea{ height:27px; line-height:27px; width:100%;}
	textarea.txtarea{ height:58px;}
	
	.restaurant-activities .inner-left{ width:100%;}
	.restaurant-activities .inner-left img{ width:100% !important;}
	.restaurant-activities .inner-right{ width:100%;}
	.breadcrumbs .tabs a{ font-size:10px;}
	
	.restaurant-img-container{ /*width:100%;*/clear:none; float:left; margin: 10px 0 0 7px; min-height: 108px;width: 140px;}
	.restaurant-img-container img{/* width:100%;*/}
	.about-overlay{ display:none;}
	
	.ngg-galleryoverview {margin: 0 auto !important;width: 210px!important;}
	
	.footer-wrap{ float:left; width:100%; padding:0 10px 50px;}
	.footer-wrap strong{ width:100%; text-align:center}
	.btn-link {float:none;clear: both; display:block;margin:0px auto;font-size:10px;}
	
	
	.col-right{ width:100%;}
	.wines .inner-right { width:100%;}
	
	/*.slide-img-container{ float:none; clear:both; width:70%; padding:0px; margin:0 auto;}
	.slide-img li{ float:none; padding:15px}
	.slide-img li:last-child{ display:none;}*/
	
	.home-page #left-slider-wrap{display:none !important;}
	.home-page .right-slider-wrap{display:block;}
	.home-page #right-slider-wrap div{width:100%; height:auto; display:none;}
	.home-page #right-slider-wrap div:first-child{display:block; height:auto;}
	.home-page #right-slider-wrap div:first-child img{margin-left:-60%}
	.footer-table{margin-left: 55px;
    margin-top: -13px;
    margin-bottom: 14px;}
	.wine-text h2 br{display:none}
	#twitter-widget-0{float: none;display: block;margin:0 auto !important}
	.wine-text {width: 100%;}
	.blog-sidebar .ctr,.blog-sidebar #accordion-list,.left-arrow{display:none}
	
	.slider-wrap{ width:100%;}
	.slide-img ul{ float:none; clear:both; width:147px; margin:0 auto;}
}


@media only screen and (min-width:480px) and (max-width:767px) {
	
	.wine-img-container{ width:65%;}
	.wine-contents-wrap{ width:100%; height:100px;}
	.btn-link { margin-top:45px;}
	.footer-wrap span{ width:270px;}
	.inner-txt-col{ width:100%;}
	.ngg-gallery-thumbnail-box{ margin:0 0 0 13px;}
	.Mleft20{ margin-left:20px;}
	.gallery-item-wrap{ margin:12px 12px 0 0; width:64px;}
	
	/*.slide-img-container{clear:both; width:100%;}
	.slide-img li{ float:left;}
	.slide-img li:last-child,.left-arrow,.slider-arrow{ display:none;}*/
	.blog-left-content{ float:none; clear:both; width:304px!important; margin:0 auto!important;}

}

/*		Tablet Layout: 768px.
-----------------------------------------------------------------
*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
	*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	.page-wrap{ min-width:100%;}
	.header-wrap{ min-height:150px;}
	.header{ width:100%;padding:0;z-index:999;}
	.logo-link{ width:170px; margin:20px 0 0 20px; height:auto;}
	.logo-link img{ float:left; width:98%;}
	
	.nav-area{ width:400px; margin:10px 0 0 20px;}
	.nav-area ul{ width:450px;}
	.nav-area ul li{ width:125px; font-size:12px;}
	.nav-area ul li a{ width:125px;}
	.header-right-contents{ float:left; margin-left:20px;}
	.header-right-contents address{ margin-top:35px;}
	
	/*** begin home ***/
	.banner-wrap{ min-width:100%;}
	.banner-inner{ min-width:100% !important;}
	.left-sliding-panel img, .right-sliding-panel img{ width:100%;}
	.arrows-wrap{ width:100%;}
	.scroller{ left:375px;}
	
	.detail-container-wrap{ min-width:100% !important;}
	.detail-container{ width:100%;}
	.left-col{ width:475px;}
	.news-row{ width:475px;}
	.wine-slider{ width:475px !important;}
	.wine-left{ width:475px;}
	.grey-border-bottom{ width:475px;}
	
	.widget{width:250px; margin-left:0; margin-top:0; padding:45px 0 30px 20px;}
	/*** end home ***/
	
	/*** begin wine ***/
	.wines .left-col{ width:100%;}
	.wine-left-content{ width:600px;}
	.wines .inner-left-1{ width:295px !important;}
	.wines .inner-right-1{ width:300px !important;}
	img.alignleft{ width:100%;}
	.wines .link-2{ width:145px !important;}
	.wines .link-3{ width:295px !important;}
	.right-col{ float:right; margin:0; width:0;}
	.right-col ul li{ font-size:9px;}
	.widget-col{ width:145px;}
	/*** end wine ***/

	/*** begin blog ***/
	.blog-content-wrap{ width:585px;}
	.featured-content{ width:100%;}
	.featured-img-container{ width:100%;}
	.featured-img-container img{ width:100%;}
	.breadcrumbs{ width:100%;}
	.two-col{ width:100% !important;}
	.blog-left-content{ width:275px; margin-right:15px !important; min-height:280px;}
	.blog-img-container img{ width:100% !important;}
	.paging-wrap a, .paging-wrap span.extend{ width:30px; height:30px; line-height:22px;}
	.paging-wrap span.current{ width:30px; height:30px; line-height:22px;}
	/*** end blog ***/
	
	/*** begin about ***/
	.about-us-detail-content-wrap{ width:585px;}
	.about-us .inner-right{ width:390px;}
	.gallery{ width:585px;}
	.gallery-item-wrap{ width:70px; margin:14px 12px 0 0;}
	/*** end about ***/
	
	.check-menu-btn, .make-reservation-btn{ float:none; padding:0 0 0 50px; height:45px; line-height:45px; width:190px;}
	
	.gallery-page-tpl .left-col{ width:475px;}
	.gallery-page-tpl .widget-col{ margin:27px 50px 0 0;}
	
	.dist-row{ width:500px;}
	
	input.txt, textarea.txtarea{ height:27px; line-height:27px; width:100%;}
	textarea.txtarea{ height:58px;}

	.home-right-col{ float:left; width:auto; margin-left:22px;}
	
	.footer-wrap{ float:left; width:100%; padding:0 10px 50px;}
	.footer-wrap strong{ width:290px;}
	.btn-link { float:left; font-size:10px; margin-top:50px;}
	.footer-wrap span{ width:265px;}
	.blog .detail-container	{ background:none;}
	.slider-wrap{ width:100%;}
	/*.slider-wrap{ width:470px;}
	.slide-img-container{ float:none; clear:both; padding-top:20px;}
	.col-left,.col-right{width:49%;}
	.slider-arrow{ top:75px}
	.wine-text{ width:100%}
	
	.slider-arrow{ right:5px; top:95px;}
	.left-arrow{ left:5px;}*/
	
	
}