/*================================================================================ */
/* 1. Basics & Buttons												3000Themes.com
/*================================================================================ */



.content{
	z-index: 10;
}
	.four.columns.leftcol{ float: left;}
	.twelve.columns.col2l.content{ float: right; }
	.twelve.columns.col2r.content{ float: left;} 
	.four.columns.rightcol{ float: right !important;}
/* Bigger then standard 960px (1280px) */
	@media only screen and (min-width: 1280px) {
			
		

	}
	/*ipad 2 ngang*/
	@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
		body{-webkit-text-size-adjust: none;}
		input[type='radio'] {margin-top:-5px; vertical-align:0}	
		input[type='radio'] {margin-top:-5px; vertical-align:0}	
		
		.success, .warning, .attention, .information{margin-bottom:22px}
		span.button {
			border-radius: 3px;
			-moz-border-radius:3px;
			padding-left: 0;
		}

		span.button input.button {
			background: url("../image/cart_right.png") no-repeat scroll left top transparent;
			padding: 0 7px 0 8px;
			line-height:25px
		}
		span.black_button{border-radius: 3px;
			-moz-border-radius:3px;
			padding-left: 0;}
		span.black_button input{background: url("../image/black_button_right.jpg") no-repeat scroll right top transparent;
			padding: 0 7px 0 8px;}
		span.yellow_button{padding-left:0}
		span.yellow_button input.button{padding-left:11px}
		a.gray_button span{line-height:33px; padding:0 15px 0 10px}	
		.banner-home1 .banner-11{padding-right:5px}
		#boss_menu > ul > li > a{font-family:Arial; font-size:15px; letter-spacing:-1px}
		#boss_menu > ul > li:first-child{padding-left:15px}
		#boss_menu > ul > li > div.dropdown{margin-left:-15px}

		#header .links a + a{background-position:left 2px}
		.boss_home_filter_product .es-nav span.es-nav-next{top:-36px}
		.boss_home_filter_product .es-nav span.es-nav-prev{top:-36px}
		
		form.gift-vourcher table tr td input[type="radio"]{margin-bottom:5px}
		.product-filter .limit select, .product-filter .sort select{background:#fff}
		.product-filter .sort, .product-filter .limit{margin-top:4px}
		.product-info .left{margin-bottom:30px}
		.cart-info tbody td.vouchers input[type='text']{color:#000; background:#e5e5e5}
		.category_tabs a.selected span{line-height:31px}
		#content .content.shopping-module table.radio td input[type="radio"], 
		#cboxLoadedContent table.radio tr td:first-child input[type="radio"]{vertical-align:0px; margin-top:-2px}
		#payment-address .checkout-content label, #shipping-address .checkout-content label{margin-bottom:10px; display:inline-block}
		.product-compare{margin-top:3px;}
		#checkout .checkout-content input[type='radio']{margin-right:-9px}
		
		.footer-paypal{bottom:72px;}
		
		a.gray_button{line-height:25px}	
		a.gray_button span{line-height:25px}	
		#boss_carousel0 .es-nav span.es-nav-prev, #boss_carousel0 .es-nav span.es-nav-next{top:198px}
		#checkout .checkout-content input[type="radio"], #shipping-method .checkout-content input[type="radio"], #payment-method .checkout-content input[type="radio"]{margin-right: 5px;
			margin-top: -5px;
			vertical-align: 0;
		}
		#checkout .checkout-content p.note{margin-bottom:43px}
	}
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.boss_home_filter_product .es-nav span.es-nav-next{top:-36px}
		.boss_home_filter_product .es-nav span.es-nav-prev{top:-36px}
		h1.title_category{margin-top:0}
		
		a.gray_button{line-height:24px}	
		a.gray_button span{line-height:24px}	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) 768x959  ipad doc*/
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		body{-webkit-text-size-adjust: none; font-size:13px}
		body.home_page{background:url(../image/bg-home_800.jpg) repeat-x top}
		.container .column, .container .columns{margin-left:10px; margin-right:10px}
		.column.omega, .columns.omega{margin-left:0}
		.column.alpha, .columns.alpha{margin-right:0}
		
		#footer .alpha.omega, #header .alpha.omega, #boss_menu .alpha.omega, #content .alpha.omega{margin-left:0; margin-right:0}
		#header .links{margin-right:10px}
		.boss_carousel_bg {
			background: url("../image/mobile/boss_carousel_mobile.jpg") no-repeat scroll left bottom transparent;
			margin-bottom: 50px;
			padding: 0 0 0 25px;
		}	
		.boss_carousel_bg #boss_carousel0 {
			background: url("../image/mobile/boss_carousel_right_mobile.jpg") no-repeat scroll right bottom transparent;
			margin: 0;
			padding: 0 42px 28px 65px
		}
		#boss_carousel0 .es-nav span.es-nav-next {
			background: url("../image/mobile/carousel_right_mb.png") no-repeat scroll 0 0 transparent;
			width: 20px;right: 48%; top:198px;
		}
		#boss_carousel0 .es-nav span.es-nav-next:hover {
			background: url("../image/mobile/carousel_right_act_mb.png") no-repeat scroll 0 0 transparent;
		}
		#boss_carousel0 .es-nav span.es-nav-prev {
			left: 46.5%;top:198px;background: url("../image/mobile/carousel_left_mb.png") no-repeat scroll 0 0 transparent; width:20px; 
		}
		#boss_carousel0 .es-nav span.es-nav-prev:hover {
			background: url("../image/mobile/carousel_left_act_mb.png") no-repeat scroll 0 0 transparent;
		}
		.boss-tab{width:auto}
		.one_block_homecategory{height:420px; margin-right:20px; width:133px}
		.one_block_homecategory .hc-box-product .image img{width:120px; height:182px}
		.one_block_homecategory .hc-box-product .save_up{top:135px; right:-3px;}
		.one_block_homecategory .hc-box-product li{width:130px!important}
		
		.boss_home_filter ul li .image img{width:125px; height:187px}
		.boss_home_filter ul li{margin-right:22px;width:132px}
		.boss_home_filter ul li.last{margin-right:20px;}
		.banner-home{float:right}
		.banner-home img{width:132px!important; height:212px!important}
		.header-banner img{width:748px; height:176px}
		.home_block_author_bg {
			background: url("../image/mobile/shadow_block_author_02.png") no-repeat scroll center bottom transparent;
			padding-bottom: 13px;
			overflow:hidden; width:100%; clear:both
		}

		.home_block_author_bg .home_block_author {
			background: url("../image/mobile/bg_block_author_03.jpg") repeat scroll 0 0 transparent;
			height: 100%;
			margin: 0;
			padding: 5px;overflow:hidden;
		}

		.home_block_author_bg .home_block_author .home_block_author_border {
			border: 1px dotted #B5997D;overflow:hidden;
		}
		.home_block_author .block_author_right .author_stories{padding-left:0}
		.home_block_author .block_author_right .author_stories ul li{margin-right:27px}
		
		 #boss_menu .column { margin: 0 !important;}
		 #boss_menu > ul > li > a{padding:0 5px 0 0}
		 #boss_menu > ul > li:first-child{padding-left:12px}		 
		#boss_menu > ul > li > div.dropdown{margin-left:-12px}
		 
		.footer-top-left{width:43%; height:335px;}
		.footer-top-left .product{margin-right:15px}
		.box-twitter{width:28%; padding:0 10px; height:335px;}
		.box-twitter .fb_iframe_widget{display:none}
		.footer-top-right{width:24%; padding-left:10px; float:left}
		#footer .column{width:20%; margin-right:10px}
		.slideshow .flex-direction-nav .flex-prev{left:0; top:45%}
		.slideshow .flex-direction-nav .flex-next{right:0; top:45%}
		.product-list .wishlist, .product-list .compare{display:inline}
		.search_form .product-grid div.one_product{padding:20px 12px 30px 0}
		.product-grid div.one_product{width:165px; height:310px; border:none}
		.product-filter .sort b, .product-filter .limit b{vertical-align:0}
		.product-list .add_active{margin-top:2px}
		.product-list .right{width:63%}
		.product-list .cart{margin-right:10px; margin-bottom:10px}
		.pagination .results{padding-top:2px}
		.product-filter .limit select, .product-filter .sort select{background:#fff}
		.product-filter .sort, .product-filter .limit{margin-top:3px}
		.product-info .left{margin-bottom:30px}
		.product-grid div.one-product{margin-right:12px; width:128px;}
		.product-grid .save_up{right:-8px; top:136px}
		.product-grid .image img{width:120px; height:181px}
		.banner div img{margin-left:-8px}
		.box-product > div{width:100%}
		.compare-infomation{width:100%}
		#tab-related{padding:30px 0 0 0!important}
		.login-content .right .content input[type="text"], .login-content .right .content input[type="password"]{width:97%}
		.frame_shopping table.radio tr td:first-child input[type='radio']{vertical-align:0px; margin-top:-5px}
		.cart-module table tr td{vertical-align:top}
		.cart-module table tr td:first-child{padding-top:6px}
		.cart-module #shipping table tr td span.error{display:block; margin-left:0}
		.cart-module table tr td.postcode{padding-top:6px}
		.cart-module table tr td select, .cart-module table tr td input[type='text']{font-size:12px; }
		.cart-module table tr td select{width:268px}
		.cart-module table tr td input[type='text']{width:260px}
		.cart-module table tr td input[type='text']{height:24px; vertical-align:top}
		
		.wishlist-info{background-position:center top; border-radius:5px; -moz-border-radius:5px}
		.wishlist-info tbody .name{width:20%; padding-right:10px}
		.wishlist-info tbody .image{ width:18%}
		.wishlist-info tbody td{padding:32px 7px 7px}
		.wishlist-info tbody .model{width:110px}
		.wishlist-info tbody td.action{width:113px; margin-top:54px}
		.wishlist-info tbody .stock{padding-top:58px}
		
		.cart-info thead td{padding:0 7px}
		.cart-info tbody td{padding:7px}
		.cart-info thead .image{padding-left:0; }
		.cart-info tbody .name{width:24%; padding-top:38px}
		.cart-info tbody .image{width:125px}
		.cart-info tbody .model{padding-top:39px}
		.cart-info tbody .quantity{padding-top:33px}
		.cart-info tbody .price, .cart-info tbody .total{padding-top:38px}
		.cart-info tbody td.vouchers input[type='text']{color:#000; background:#e5e5e5}
		.category-list ul{width:50%}
		.acount .login-frame input[type='password']{line-height:27px}		
		#content form.return-form .content .left, #content form.return-form .content .right{width:100%}
		.return-reason, .return-opened{width:40%}
		form.newsletter_acc table.form td:first-child{padding-top:5px}
		.return-opened input[type='radio']{margin-top:5px}
		
		.checkout-heading{border-radius:3px; -moz-border-radius:3px}
		 .checkout-heading a{font-size:12px}
		 .checkout-content{padding-left:0}
		 #checkout .checkout-content input[type="text"], #checkout .checkout-content input[type="password"]{width:90%}
		 .checkout-content .error{display:inline-block; margin-left:10px}
		#payment-address .checkout-content label, #shipping-address .checkout-content label{margin-bottom:10px; display:inline-block}
		#payment-method .checkout-content .buttons input[type="checkbox"]{vertical-align:1px}
		.home-tab .boss_home_filter .price .price-new{margin-left:0; display:block}
		#checkout .checkout-content input[type='radio'], #shipping-method .checkout-content input[type='radio'], #payment-method .checkout-content input[type='radio'] {margin-top:-5px; vertical-align:0; margin-right:5px}	
		#checkout .checkout-content p.note{margin-bottom:28px}
		.form_account.columns{margin:0!important}
		.boss_block_footer{width:47%; margin-bottom:20px}
		#footer .extra{width:47%}
		.boss_home_filter_product .bt_product .description{height:141px; overflow:hidden}
		#powered p{margin:13px 0 0 6px;}
		.footer-paypal{bottom:72px;}
		.footer-paypal ul li{margin-left:15px}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {	 
		 .boss-left{padding-left:0}
		 .popup_follow{display:none}
		 body.home_page, body.other_page{background:url("../image/mobile/bg_top_mobile.jpg") repeat-x scroll center top transparent}
		 .frame_container{background:url("../image/mobile/footer_mobile.jpg") repeat-x scroll center bottom transparent}
		 body.other_page #header{margin-bottom:0}
		 .header-banner{margin-bottom:18px}
		 .breadcrumb{margin-bottom:18px}
		 span.button{padding-left:0;
		   -webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;}
		 span.button input.button{background:url("../image/cart_right.png") no-repeat scroll left top transparent; padding:0 7px 0px 8px;
		 -webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			line-height:24px}
		span.black_button{padding-left:0;
		   -webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;}
		span.black_button input{background:url("../image/black_button_right.jpg") no-repeat scroll left top transparent; padding:0 7px 0px 8px;
		 -webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;}
		#boss_menu{background:none;height:auto;border:none;box-shadow:0 0 0;border-radius:0;padding:0; margin-bottom:30px; overflow:hidden; clear:both; margin-right:0;}
		#boss_menu > ul > li{display:block;padding:0;width:100%;margin:0 0 2px;background:#fff; height:43px; border-bottom:1px solid #c4ae94}
		#boss_menu > ul > li:hover{background:#343737; }
		#boss_menu > ul > li:hover:first-child, #boss_menu > ul > li.active:first-child{}
		#boss_menu > ul > li:first-child{padding-left:0}
		#boss_menu > ul > li > a{padding:0 12px;margin-bottom:0; color:#676767; font-family: 'hp-geomebold'; font-size:20px; font-weight:400}
		#boss_menu > ul > li:hover > a{color:#fff}
		#boss_menu > ul > li > div{position:relative;display:none;margin:0!important}
		#boss_menu > ul > li > div > ul{display:inline-block;padding-left:0}
		#boss_menu > ul > li:hover > div{display:none}
		#boss_menu ul li:hover > div{display:none!important}
#boss_menu ul li{ display:none; }
#boss_menu ul li#small-only{ display:block; }
		
		#header #cart .content{background:#fff; border:1px solid #d4d3d1; width:258px;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;}
		#header #cart .content .bg_cart{background:none; width:300px}
		
		.success .close, .warning .close, .attention .close, .information .close{position: absolute; right: 0; top:0}
		.success, .warning, .attention, .information {position: relative;}
		.slideshow{width:100%; margin-bottom:5px}
		.flexslider{margin:0 0 17px}
		.slideshow .flex-control-nav{bottom: 22px; left: 15px;}
		.slideshow .flex-direction-nav .flex-next, .slideshow .flex-direction-nav .flex-prev{display:none}
		.banner-home{margin-bottom:20px; float:left; width:100%}

		
		.boss_carousel_bg{background:url("../image/mobile/boss_carousel_mobile.jpg") no-repeat scroll left bottom transparent; padding:0 0 0 27px; margin-bottom:17px}
		.boss_carousel_bg #boss_carousel0{background:url("../image/mobile/boss_carousel_right_mobile.jpg") no-repeat scroll right bottom transparent; padding:0 26px 28px 0; margin:0}
		#boss_carousel0 .es-nav span.es-nav-prev{}
		#boss_carousel0 .es-nav span.es-nav-next{background:url("../image/mobile/carousel_right_mb.png") no-repeat scroll 0 0 transparent; width:20px}
		#boss_carousel0 .es-nav span.es-nav-next:hover{ background:url("../image/mobile/carousel_right_act_mb.png") no-repeat scroll 0 0 transparent; }
		
		#boss_homefilter_tabs0.htabs{text-align:left; padding-bottom:9px; margin-bottom:8px;}
		#boss_homefilter_tabs0.htabs a{display:block; margin:0 0 2px}
		#boss_homefilter_content0 .box-heading{color: #CCB49A;
			font-family: 'HelveticaBold';
			font-size: 18px;
			font-weight: 400;
			margin:0 0 14px;
			display:block;
			width:100%}
		#boss_homefilter_content0 .box-heading.selected{color:#313131; background:url("../image/shadow_03.png") no-repeat scroll center bottom transparent;margin-bottom: 8px;
    padding-bottom: 18px;
    text-align: left;}	
		#boss_homefilter_content0 .box-heading{cursor:pointer;}
		.boss_home_filter ul li .model{color:#00968e}
		.boss_category_desc .desc_title h3{color:#ccb49a; font-size:24px; text-transform:capitalize; margin:0; text-align:left}
		.boss_category_desc .desc_title h3 span{color:#313131; margin:10px 0 0; display:block}
		.boss_category_desc .desc_title{padding-bottom:15px; margin-bottom:7px}
		.one_block_homecategory{width:100%; margin-right:0}
		.one_block_homecategory .box{margin-bottom:10px}
		.boss_home_category .box-heading{text-align:left; background:none; padding-bottom:0}
		.boss_home_category .box-heading span{background:url("../image/line_title.png") no-repeat scroll center bottom transparent; padding:0 0 13px; text-align:center; display:block; width:161px}
		.one_block_homecategory .hc-box-product ul{width:100%!important}
		.one_block_homecategory .hc-box-product ul li{width:100%!important; margin-bottom:0}
		.one_block_homecategory .hc-box-product .image{float:left; margin-right:10px}
		.one_block_homecategory .hc-box-product .model{color:#00968e; font-size:12px}
		.one_block_homecategory .hc-box-product .save_up{left:117px}
		.boss_home_category{margin-bottom:3px}
		.home_block_author_bg{ padding-bottom:13px; background:url(../image/mobile/shadow_block_author_02.png) no-repeat bottom center;}
		.home_block_author_bg .home_block_author{ height:100%; margin:0; background:url(../image/mobile/bg_block_author_03.jpg) repeat;padding:5px}
		.home_block_author_bg .home_block_author .home_block_author_border{border:1px dotted #b5997d; }
		.home_block_author .block_author_left{padding:8px 0 8px 8px; margin-right:10px}
		.home_block_author .block_author_right{padding:8px 8px 0 0}
		.home_block_author .block_author_right .author_stories{clear:both; padding:20px 8px 10px 15px}
		.home_block_author .block_author_right .author_stories ul li{margin-right:8px; margin-bottom:6px}
		
		.footer-top-left{width:auto; background:none;border-bottom:1px dotted #b5997d; height:auto; padding-bottom:10px; margin-bottom:15px}
		.footer-top-left .heading{margin:0 0 10px}
		.footer-top-left .product{margin:2px 10px 0 0}
		.footer-top-left .frame_boss_description{padding:0}
		
		.box-twitter{width:100%; background:none; padding:0 0 10px; border-bottom:1px dotted #b5997d; margin-bottom:14px; height:auto}
		.box-twitter .fb_iframe_widget{display:none}
		.footer-top-right{float:left; width:100%; padding:0; margin-bottom:20px}
		.footer-top-right .block-top{margin:0 0 15px}
		.footer-top-right .block-bottom img{display:block}
		.footer-top-right .block-bottom p{font-size:12px}
		.footer-top-frame{margin-bottom:20px}
		.fotter_contact{float:left; text-align:left; margin:0; width:100%}
		.footer-paypal{display:none}

		#footer{padding-bottom:40px}
		#footer .column{width:100%; margin:0 0 15px; background:none; min-height:100%}
		#footer .column h3{margin-bottom:14px}
		#footer-bottom .fotter_contact .heading p{padding:10px 0 0 49px}
		#footer-bottom .fotter_contact .heading{margin-left:0}
		#footer-bottom .fotter_contact .content{margin-left:5px}
		#footer-top{padding:0}
		.other_page #footer{margin-top:5px}
		.banner-home img{margin-top:0}
		.boss-featured0 .box-product-newproducts .name a{line-height:14px}
		.boss-featured0 .boss-featured-content .es-nav span.es-nav-next{top:-35px; right:0}
		.boss-featured0 .boss-featured-content .es-nav span.es-nav-prev{top:-35px; right:23px}
		.banner-home1{background:none; padding:0; margin-bottom:30px}
		.banner-home1 .banner-11{background:url(https://www.thecookbookstall.com/catalog/view/theme/bt_bookstore/image/banner-home1-mobi.png) no-repeat; width:154px; height:50px; padding:33px 12px 0 134px;}
		.banner-home1 .banner-11 h4{font-size:10px}
		.banner-home1 .banner-11 p{font-size:10px; line-height:10px; display:none}
		.banner-home1 .banner-11 a{bottom:10px; right:10px}
		.banner-home1 .banner-12{float:left; margin-top:10px; background:url(https://www.thecookbookstall.com/catalog/view/theme/bt_bookstore/image/banner-home2-mobi.png) no-repeat; width:299px; height:67px}
		.banner-home1 .banner-12 a{right:11px; bottom:20px}
		
		.boss-featured-content .featured-es-carousel ul li{width:50%; margin-bottom:30px}
		.boss-featured0 .box-product-newproducts{padding:0 10px}
		
		.boss_block_footer_1{width:100%; padding:0; margin-bottom:30px}
		.boss_block_footer_2{width:100%; margin-bottom:20px}
		.boss_block_footer_2 img.main_img{width:300px}
		.boss_block_footer_3{display:none}
		.boss_block_footer_4{background:url("https://www.thecookbookstall.com/catalog/view/theme/bt_bookstore/image/boss_block_shadow.png") no-repeat scroll center bottom transparent; height:auto; padding-bottom:8px;}
		.boss_block_footer_4 ul li{width:97%; height:60px;background:url("https://www.thecookbookstall.com/catalog/view/theme/bt_bookstore/image/bg_static4.jpg") no-repeat scroll 0 0 transparent; margin-bottom:1px; padding-left:10px}
		.boss_block_footer_4 ul li div.one_boss_block{background:none; }
		.boss_block_footer_4 ul li .text-box{padding-left:88px}
		.boss-footer-column{width:100%; padding:0; font-size:14px; margin-bottom:30px}
		.boss-footer-column p{line-height:14px}
		.boss-footer-column.column-4{margin-bottom:0}		
		 .boss_block_footer_1 .one-boss-block{padding-right:0}
		.quick-access{display:none}
		.bottom_right{display:none}
		.bottom_left{width:100%}
		.boss_header_bottom{height:auto}
		p{line-height:20px}
		 h2{font-size:14px}
		 h1.title_category{margin-top:0}
		
		#boss_color{text-align:center; margin:0 auto; float:left; padding-left:70px; }
		
		#content{min-height:150px;margin-bottom:15px;}
		#column-left{display:none}
		table.form tr td:first-child{width: 30%;}
		input[type="text"], input[type="password"], textarea {margin: 5px 0;width: 96%;}
	    select.large-field{width:99%}
		#content .content.boss_next_choice{padding-left:0}
		
		#header{height:100%;}
		#header #logo{float:none; height:64px;text-align:center; margin:0 auto}
		#header #logo img{margin-top:15px}	
		
		#header #cart{z-index:50; margin:0}
		#header #cart .heading a{margin:0}
		#header #cart .heading a.cart_heading{padding:0 0 0 40px}
		#header #cart .content .bg_cart .empty{margin-bottom:0}
		#header #cart .content .checkout a.cart_button, #header #cart .content .checkout a.checkout_button{padding:6px 18px 5px}
		
		#header_top .staticblocks{clear:both; float:left; margin:10px 0 10px}
		#header .staticblocks #header-top .free-shipping{margin-right:25px; background-position:left 5px}
		#header .staticblocks #header-top .need-help{margin:-2px 0 0; background-position:left 3px}	
		#language{float:left; padding-top:10px;}
		#currency{display:inline-block; float:none; padding-top:10px;}
		#header-bottom{clear:both}
		#mobile-logo{text-align:center}
		#mobile-search{}
		#mobile-search .frame_big.search_big{display:block; position:static;	height: 35px; width:100%}
	
		#header #search { position:relative;margin-top:2px; float:left; clear:both; width:100%; background:none; height:46px}
		#header .button-search { top:5px; z-index:5; 
			position: absolute;
			right: 0;
			background: #ef4c22;
			width: 63px;
			height: 35px;
			cursor: pointer;
			-webkit-border-top-right-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
			-moz-border-radius-topright: 5px;
			-moz-border-radius-bottomright: 5px;
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;
		}
		#header #search input {width:75%; height:32px;
			background: #FFF;
			padding: 1px 10px 1px 5px;
			border:none;
			border-top: 1px solid #aec5cd;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			float:left;
			margin:5px 0
		}	
		#mobile-welcome{color: #7D7D7D;
			font-family: 'HelveticaRegular';
			font-size: 11px;
			margin-bottom: 8px;
			margin-top: 16px;
			border-bottom:1px solid #c1b69a; 
			padding-bottom:10px}
		#mobile-welcome	a{color:#363636}
		#mobile-links{margin-bottom:15px}
		#mobile-links a{color: #7D7D7D;
			font-family: 'HelveticaRegular';
			font-size: 11px;}
		#mobile-links a + a{background: url("../image/line_link.jpg") no-repeat scroll left center transparent;
			margin-right: 5px;
			padding-left: 8px;}	
		
		.bottom_left{width:100%}
		.bottom_right{display:none}
		.boss_header_bottom{height:100%;}
		
		.boss-tab{width:auto}
		.boss_home_filter{}
		.boss_home_filter ul li{width:100%; margin-right:0}
		.boss_home_filter ul li.last{margin-bottom:0}
		.boss_home_filter ul li .image{float:left; margin-right:10px}
		
		
		form.gift-vourcher input[type="text"],form.gift-vourcher input[type="password"],form.gift-vourcher textarea,form.edit_affiliate input[type="text"],form.edit_affiliate input[type="password"],form.edit_account input[type="text"],form.register input[type="text"],form.register input[type="password"],form.address_form input[type="text"],form.register-affiliate input[type="text"],form.register-affiliate input[type="password"],form.register-affiliate select{width:96%!important}
		
		form.address_form table.form tr td select,form.edit_affiliate table.form tr td select,form.register table.form tr td select{width:99%;padding:3px}
		form.register .buttons .right input.button,form.gift-vourcher .buttons .right input.button,form.register-affiliate .buttons .right input.button{margin-top:15px;}
		
		.success{background:url("../image/success.png") no-repeat scroll 3px center #E6FECF}
		.success, .warning, .attention, .information{padding:10px 10px 10px 24px}
		.pagination .results{display:none}
		.pagination{border-top:none; padding:0}
		.pagination .links{border: medium none; border-top:1px dashed #C3C0B7; padding:10px 0;
			display: block;
			font-size: 14px;
			text-align: right;
			width: 100%;}
		.pagination .links a{font-size:14px;}
		
		.login-content .left{float:none; width:100%}
		.login-content .right{float:none; width:100%; border-left:none; padding-left:0}
		.login-content .left .content, .login-content .right .content{min-height:152px}
		

		
		.wishlist-info{ width:100%; padding:0; border:none;background-position:top center; border-radius:3px; -moz-border-radius:3px }
		.wishlist-info table{width:auto}
		.wishlist-info tbody td{padding:7px; background:url("../image/line_dotted.jpg") repeat-x scroll center bottom; border:none}
		.wishlist-info tbody td.last{background:none}
		.wishlist-info thead td{padding:7px; font-size:12px; height:20px}
		
		.wishlist-info thead .name{padding-left:7px}
		.wishlist-info tbody .name{width:350px; padding-right:7px; padding-left:7px;}
		.wishlist-info tbody td.price{padding-top:15px}
		.wishlist-info tbody .name{padding-top:15px}
		.wishlist-info tbody td.action a{display:none}
		.wishlist-info tbody .image a.img_wishlist{display:none}
		.wishlist-info tbody .image{padding-left:5px}
		.wishlist-info tbody .image .remove{margin-right:0}
		.wishlist-info tbody td.action{padding-right:7px; padding-top:12px; padding-bottom:10px}
		.wishlist-frame{border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; border-bottom:2px solid #E5E5E5; border-radius:5px;-moz-border-radius:5px; background:none}
		.checkout-heading{font-size:14px; color:#fff;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;}
		 .checkout-heading a{font-size:12px; color:#fff}
		 .checkout-content input[type="radio"]{vertical-align:-1px}
		 .checkout-content .left{float:none; width:100%; margin-bottom:20px}
		 .checkout-content .right{float:none; width:100%}
		 .checkout-content #login, #payment-address .checkout-content .right{border-left:none; padding-left:0}
		 .checkout-content .left .detail{margin-bottom:10px}
		 #payment-method .checkout-content textarea, #shipping-method .checkout-content textarea{width:97%!important}
		 .checkout-product thead .model, .checkout-product tbody .model, .checkout-product tfoot .model{ display:none}	
		 .checkout-product thead td, .checkout-product tbody td{padding:4px 3px}
		 .checkout-product tfoot td{padding:6px}
		 .checkout-product thead td{font-size:12px}
		 .checkout-product thead td{font-size:13px}
		 .product-grid div.one_product{height:380px; width:99%; border-bottom:none; padding:10px 10px 10px 0!important}
		 .compare-info td{padding:5px 10px}
		 
		 .category-list ul{width:100%}
		 .category-info p, .category_content h2, .category-list ul li a{font-size:14px; line-height:20px}
		 .product-filter{display:none}
		 .product-grid{padding:0}
		 .product-grid div.one-product{width:100%; padding:0; height:auto; margin:0 0 30px}
		 .product-grid .image{float:left}
		 .product-grid .description{display:block; font-size:11px; color:#868585; margin-bottom:5px}
		 .product-grid .wishlist, .product-grid .compare{float:left; width:100%; overflow:hidden; text-align:left; display:block; background:url("../image/Plus_categories_03.png") no-repeat scroll left center transparent; padding:3px 0 6px 9px;}	
		 .product-grid .wishlist a, .product-grid .compare a{display:inline}
		 .product-grid .description{font-size:14px; line-height:20px}	
		 .product-grid .one_product{width:100%; margin-right:0; height:auto}
		 .product-grid .image{float:left; margin-right:20px}
		 .product-grid .save_up{left:118px;}
		 .product-grid .boss_wishlist_compare{display:block; clear:both; margin-top:15px; overflow:hidden}
		 .product-grid div.one_product.last.lastest{border-bottom:none}
		.product-info{padding-left:0; margin-top:0}
		.product-info .review{display:block; clear:both}
		.category-info{margin-top:0}
		.product-info .left{width:100%; margin:0}
		.product-info .image-additional .es-carousel ul li div.boss-image-add{margin:0}
		.product-info .image-additional .es-carousel ul li div.boss-image-add img{margin:0 3px 0 0}
		.product-info .right{margin:10px 0 0; width:100%}
		.product-info .options select{width:73%}
		.product-info .options input[type="text"], .product-info .options textarea{width:71%}
		.product-info .options .box-check{width:100%; margin-bottom:20px}
		.product-info .options #option-219, .product-info .options #option-221{width:100%; }
		#tab-description.tab-content img{max-width:300px; max-height:183px}
		h1.ta-related{margin-top:20px}
		h2.ta-header, h2.ta-related{ font-family: 'HelveticaBold';
		font-size: 18px;
		font-weight: 400; 
		margin-bottom:2px;
		padding:0;
		background:url("../image/htabs_03.jpg") repeat-x scroll 0 0 transparent; 
		height:34px;color:#616161; text-transform:capitalize;
		line-height:34px; cursor:pointer;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;}
		h2.ta-header span, h2.ta-related span{cursor: pointer; margin-left: 24px;}
		h2.ta-header.selected, h2.ta-related{color:#FEFBDE;}
		.tab-content{padding-top:20px}
		 #tab-related{width:100%; padding:30px 0 0!important}
		 #tab-related .es-carousel ul li{width:100%; height:auto}
		 #tab-related .boss-tab-related .image{float:left; margin-right:15px}
		 #tab-related .es-carousel ul li div.boss-tab-related{width:100%}
		 #tab-review.tab-content textarea{width:96%!important}
		.shopping-cart{background:none}
		.cart-info{width:100%; padding:0}
		 .cart-info thead .model, .cart-info tbody .model, .cart-info thead .price, .cart-info tbody .price, .wishlist-info tbody .model, .wishlist-info thead .stock, .wishlist-info tbody .stock, .wishlist-info thead .model, .wishlist-info tbody .image, .wishlist-info thead .image{ display:none}
		 .cart-info-frame{margin-bottom:20px}
		.cart-info thead td{padding:7px; height:20px;}
		.cart-info thead .image{text-indent:-9999px}
		.cart-info tbody .total{border-right:none}
		.cart-info tbody td{padding:20px 10px 10px 10px}
		.cart-info tbody .quantity{padding:15px 0 10px}
		.cart-info tbody .image{padding:7px 0; width:20px; border-left:none}
		.cart-info tbody .image a.img_cart{display:none}
		.cart-info tbody td .cart-image .bt_remove{position:static; float:left; margin-top:15px; margin-left:10px}
		.cart-info tbody .name{width:auto; padding:24px 7px 7px 7px; font-size:12px}
		.cart-info tbody .total{padding-left:0; font-size:13px; padding-top:25px;}
		.cart-module{padding-left:0; font-size:12px}
		.cart-module tr td select{width:100%}
		.cart-module #shipping table tr td select, .cart-module #shipping table tr td input[type="text"]{width:100%}
		.cart-module tr td input[type='text']{width:97%; margin-bottom:0}
		.cart-module table tr td{padding-bottom:7px; vertical-align:top}	
		.cart-module table tr td:first-child {
			padding-top: 3px;
			vertical-align: top;
			width: 100px;
		}
		.cart-module table tr td.postcode {padding-top: 6px;	}
		.cart-total td.price, .cart-total td.title{padding:0; line-height:20px}
		.cart-total table{padding-right:0; float:left}
		 .cart-total tr{display:inline-block; }
		 .cart-total td{display:table; padding-right:10px; padding-left:0; height:10px; vertical-align:bottom}
		 .cart-total td.price.last{font-size:14px}
		 .cart-total td.right, .cart-total td.right_bottom{line-height:20px}
		#content .content.frame_shopping table.radio td input[type="radio"], 
		#cboxLoadedContent table.radio tr td:first-child input[type="radio"]{margin-top: -2px; vertical-align: 0px;}
		/*account*/
		#content form.return-form .content .left, #content form.return-form .content .right{width:100%}
		.return-reason, .return-opened{width:100%; margin-bottom:20px}
		.return-opened textarea{width:90%}
		#checkout .checkout-content input[type='radio'], #shipping-method .checkout-content input[type='radio'], #payment-method .checkout-content input[type='radio'] {margin-top:-5px; vertical-align:0}	
		 #shipping-address .checkout-content select{width:68%}
		 #payment-address .checkout-content select{width:87%}
		.checkout-content input[type="text"], .checkout-content input[type="password"]{width:65%}
		#payment-address .checkout-content input[type="text"], #payment-address .checkout-content input[type="password"]{width:85%;}
		#content.search_form .product-grid .one_product{width:100%}
		.manufacturer-list ul{width:50%}
		/* order_info */
		.order_info thead .model, .order_info tbody .model, .order_info tfoot .model, .order_info thead .price, .order_info tbody .price, .order_info tfoot .price{ display:none}	
		form.gift-vourcher table tr td input[type="radio"]{margin-bottom:5px}
		form.register table.form td{min-width:0}
		.address_list table tr td a.button{float:right; margin:0 2px 2px; clear:both}
		.frame_shopping{font-size:14px}
		.bt_static_bottom1 {
			width: 100%;
			padding:0;
			margin:0 0 30px;
			height:56px;
		}
		.bt_static_bottom1 h3{font-size:14px; padding:13px 0 0 50px}
		.bt_static_bottom1 p{font-family:'utm_swiss_condensedregular'; font-size:12px; margin:0; padding:0 10px 0 50px; overflow:hidden; height:20px;}
		.bt_static_bottom2{width:100%; margin-right:0; margin-bottom:30px}
		.bt_static_bottom2 img.big_img{width:100%}
		.bt_static_bottom3{width:100%; margin-right:0; margin-bottom:30px}
		.bt_static_bottom3 img{width:300px; height:161px; float:none; margin-right:0; margin-bottom:15px}
		.bt_static_bottom4{width:100%; margin-bottom:0; margin-top:0}
		.bt_static_bottom4 .more_block{}
		.bt_static_bottom4 .one_block{margin-bottom:40px}
		.bt_static_bottom2 p{font-size:14px; line-height:20px}
		.bt_static_bottom3 p{font-size:14px; line-height:20px}
		.bt_static_bottom4 .more_block h4{font-size:14px; margin-top:0}
		.bt_static_bottom4 .more_block p{font-size:14px; line-height:20px}
		
		.boss_carousel .b-es-carousel-wrapper{padding:0 20px}
		.boss_carousel .es-nav span.es-nav-prev{left:0}
		.boss_carousel .es-nav span.es-nav-next{right:0}
		
		.boss-latest0{margin-bottom:50px}
		.boss-latest0 .last-es-carousel ul li .box-product-newproducts .model{font-size:14px; line-height:20px}
		.boss-latest0 .box-heading{margin-bottom:8px}
		.boss-latest-content .es-nav {display:none}
		.boss-latest-content .last-es-carousel ul li a img{padding:20px 37px}
		.boss-latest-content .box-product-newproducts{padding-bottom:30px; border-bottom:1px solid #dce0e3; margin-bottom:30px}
		.boss-latest-content li:last-child .box-product-newproducts{padding-bottom:0; border-bottom:none; margin-bottom:0}
		.boss-latest0 .last-es-carousel ul li .box-product-newproducts .detail{overflow:hidden;}
		
		.bt_static_home{border:none; padding:25px 0 0; border-top:1px dashed #C1C1C1}
		.bt_static_home .bt_static{width:100%; border-bottom:1px dashed #C1C1C1; padding:0 0 25px 0}
		.bt_static_home .bt_static img{margin:0 0 25px 65px !important; text-align:center}
		.bt_static_home .bt_static .bt_content{width:100%}
		.bt_static_home .bt_static .bt_content p{font-size:14px; line-height:20px}
		
		.boss_home_filter_product{margin-bottom:10px}
		.boss_home_filter_product .box-heading{color:#797979; font-size:24px; font-family:'utm_swiss_condensedregular'; margin-bottom:15px; cursor:pointer}
		.boss_home_filter_product .box{margin-bottom:0}
		.boss_home_filter_product .box-heading.selected{margin-bottom:30px}
		.boss_home_filter_product .bt_product .image{width:100%; margin:0 0 10px}
		.boss_home_filter_product .hc-box-product .image img{padding:20px 37px}
		.boss_home_filter_product .bt_product.last{margin-bottom:30px}
		.boss_home_filter_product .box-heading.active{margin-bottom:10px }
		.boss_home_filter_product .bt_product .rating{display:none}
		.boss_home_filter_product .bt_product .description{font-size:14px; line-height:20px}
		
		#powered{}
		#powered p{margin:0 0 0 11px}
		
		.ui-notify .ui-notify-message{width:250px!important}
		.boss-featured .boss-featured-content .es-nav span.es-nav-next{right:0}
		.boss-featured .boss-featured-content .es-nav span.es-nav-prev{right:24px}
		h2.ta-related span b{width:100%; display:block; padding-bottom:5px}
		#tab-related .es-nav span.es-nav-next, #tab-related .es-nav span.es-nav-prev{top:-23px!important;}
		
	}
	

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) ipod ngang 480*/
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	    body{-webkit-text-size-adjust: none;}
		body.home_page, body.other_page{ background:url("../image/mobile/bg_top_mobile_480.jpg") repeat-x scroll center top transparent }
		.header-banner img{width:420px; height:143px;}
		.frame_footer .frame_footer_bg .footer_format{width:420px}	
		#column-left + #column-right + #content, #column-left + #content{width:420px; margin-left:0}
		.cart-info tbody .price, .cart-info tbody .total{padding-top:18px}
		.cart-module table tr td:first-child{width:100px; vertical-align:top; padding-top:7px}
		.boss_carousel .b-es-carousel-wrapper{padding:0 10px}
		#boss_color{padding-left:130px}
		#header #header-top-static .static-header h4{margin-top:11px; margin-bottom:3px}
		
		#boss_carousel0 .es-nav span.es-nav-prev{left:166px; top:198px}
		#boss_carousel0 .es-nav span.es-nav-next{right:48%; top:198px}

		.boss_block_footer_1 .static-1{background:url("https://www.thecookbookstall.com/catalog/view/theme/bt_bookstore/image/line_ngang02.png") no-repeat scroll center bottom transparent}
		.cart-info tbody .price, .cart-info tbody .total{padding-top:25px}
		#header #search input{width:82%}
		 
		 .product-grid .discount{right:150px}
		 .boss_home_category .box-heading.selected{width:93%;}
		 .boss_home_category .box-heading.selected span{padding-right:6px}
		 h2.ta-related{color:#FEFBDE}
		 h2.ta-related span{padding-right:0; width:100%}
		 #powered p{margin:10px 0 0 11px}
}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) 360x640 */
	@media only screen and (max-width: 479px) { 
		
		
	} /*----------------------- end max-width: 479px --------------------------------*/

	/* 320x480*/
	@media only screen and (max-width:479px) {
		 body{-webkit-text-size-adjust: none; font-size:14px}
		 .header-banner img{width:300px; height:120px;}
		.line_left{background:none; margin:0; padding:0}
		.boss-padding{padding:0}
		.line_right{background:none; margin:0; padding:0}
		
		#content{min-height:150px;margin-bottom:15px;}
		#content.padding_content{padding:0}
		#column-left{display:none}
		#column-left + #column-right + #content, #column-left + #content{width:300px; margin-left:0}
		table.form tr td:first-child{width: 30%;}
		input[type="text"], input[type="password"], textarea {margin: 5px 0;width: 96%;}
	    select.large-field{width:99%}
		 div.button-search{right:3px; }
		 #boss_carousel0 .es-nav span.es-nav-prev{left:39%; top:198px}
		#boss_carousel0 .es-nav span.es-nav-next{right:47% ; top:198px}
		 .frame_footer .frame_footer_bg .footer_format{width:300px}
		 form.contact-us .content input[type="text"], form.contact-us .content textarea{width:290px!important}
		 /*change language: horizontal title to vertical title */
		
		 table.list.order_info thead tr td{font-size:12px}
			
		.cart-module{font-size:12px}	
		 .cart-module table tr td:first-child{width:100px; vertical-align:top; padding-top:3px}
		 .cart-module table tr td.postcode{padding-top:6px}
		 .cart-module table tr td{vertical-align:top}
		 .cart-module tr td select{width:92%; }
		 .cart-module tr td input[type="text"]{width:88%; padding:0 2px; height:22px}
		 .search_form select{width:100%}
		 .search_form input[type='text']{width:97%}
		 .sitemap-info .left, .sitemap-info .right{width:100%}
		 #header #header-top-static .static-header{display:none}

		 .product-info .cart{width:100%; float:none}
		 .product-info .image-additional{padding-left:0; width:100%}
		 .product-grid .discount{right:92px}
		 .boss_home_category .box-heading.selected{width:91%;}
		 .boss_home_category .box-heading.selected span{padding-right:3px}
		 h2.ta-related{margin-left:0; width:100%; padding-left:0}
		h2.ta-related span{ padding-left: 0; padding-right: 0; margin-left:24px}
		
	}