/*SeeNet Mobile CSS*/
@media only screen and (max-width : 989px) {
	.wrapper { margin:auto; padding:0; max-width:890px; width:94%; overflow:hidden;}
	.header-full { background:#fff; overflow:hidden; width:100%; margin-bottom:20px;}
	.header { width:94%; padding:0 3%;}
	.top-line { background:#f0f0f0;}
	
	.logo { display:none;}
	
	/*NAV start====================================*/
	
	ul.topnav li { background:#fff; padding: 0;}
	ul.topnav li a { background:#f0f0f0; border-top:solid 1px #fff;}
	ul.topnav li:not(:first-child) a { padding:15px 10px 10px 10px;}
	
	ul.topnav li {float: left; margin:0;}
	
	.m-logo {display:inline; position:relative; top:5px; padding:0px;}
	
	ul.topnav li.m-logo a { border:0; background:#FFF; padding-bottom:10px;}
	
	ul.topnav li:not(:first-child) {display: none;}
	ul.topnav li.icon { float: right; display: inline-block;}
	
	ul.topnav.responsive {position: relative;}
	ul.topnav.responsive li.icon { position: absolute; right: 0; top: 0; border:0 !important;}
	ul.topnav li.icon a { border:0; background:none; padding:0px !important}
	ul.topnav li.icon a:hover { border:0; background:none !important;}
	ul.topnav.responsive li { float: none; display: inline; }
	ul.topnav.responsive li a { display: block; text-align: left; }
	/* Change background color of links on hover */
	ul.topnav li:not(:first-child) a:hover {background-color: #E3E3E3;}
	
	
	/*SERVICE BOX*/
	.service { width:100%;}
	.service-box { max-width:310px; width:30%; float:left;}
	.service-box img { max-width:310px; width:100%; height:auto;}
	.mid-box { margin:0 5%;}
	.service-box p a { color:#000; font-family:bpg_banner; font-size:12px;}
	
	/*PAGE*/
	.page-wrap { width:94%; margin:0 3%;}
	.page-title { text-align:center;}
	.page-wrap table { width:94%; margin:0 3%;}
	
	/*LOGIN*/
	.order-login { width:100%; margin:0; padding:0;}
	.order-login-box-title { width:100%; padding:10px 0; text-align:center;}
	.order-login-box { width:100%; text-align:center; padding:10px 0;}
	
	.order-login-label-title { width:100%;}
	
	.fb-signup { width:100%;}
	.fb-signup-btn { width:100%;}
	.fb-signup-btn img { max-width:100%;}
	
	.order-reg { width:100%; margin:0; padding:0;}
	.order-reg-box-title { width:100%; padding:10px 0; text-align:center; background:#CC9933; color:#fff;}
	.order-reg-box-title span.geokbd-sp { width:100%; text-align:center; margin:20px 0 0 0; padding:0; color:#272727;}
	.order-reg-box { width:100%; text-align:center; padding:10px 0;}
	
	.order-reg-label-title { width:100%;}
	.order-reg-box input { width:100%;}
	
	/*CART*/
	.cart-box { width:100%;}
	.cart-box table { width:100%; margin:0;}
	.cart-box table tr th { display:none;}
	.cart-box table tr td { padding:10px 3px; border:solid 1px #F2F2F2; text-align:center !important;}
	.cart-box table tr td.t-img { display:none;}
	.cart-box table tr td a { color:#272727; font-size:10px;}
	.cart-box table tr td.t-count input { border:solid 1px #D8D8D8; padding:5px 5px; width:15px;}
	
	.up-and-buy-btn { width:100%; text-align:center;}
	
	
	/*ORDER*/
	.order-wrap { width:100%; margin:0;}
	.order-wrap-title { width:100%; padding:10px 0; text-align:center; background:#CC9933; color:#fff;}
	.geokbd { text-align:center;}
	.order-box-title { width:100%; margin:20px 0 10px 0; text-align:center;}
	.order-box { width:100%; padding:0; text-align:center;}
	.order-label-title { width:100%; text-align:center;}
	.order-box ul li { width:100%; text-align:center;}
	.order-box input { width:90%;}
	.order-box select { width:90%;}
	
	.order-box-title span { clear:both; width:100%; text-align:center; position:inherit; margin:10px 0;}
	
	.order-label-title-p { width:100%; text-align:center; margin:20px 0 10px 0;}
	.order-box textarea { max-width:90%; min-width:90%;}
	
	.order-box-btn { width:100%; text-align:center;}
	
	
	/*PAYON*/
	.payon-total table { width:100%; margin:0px;}
	.pay-form p textarea { max-width:100%; min-width:100%; margin:0;}
	
	
	/*PROFILE*/
	.profile-wrap { width:100%;}
	.profile-wrap p { text-align:center; color:#fff;}
	.profile-wrap ul li { width:100%; text-align:center; padding:0; margin:0;}
	.profile-wrap ul li.profile-nm { width:100%; margin-top:20px;}
	
	.history { width:100%;}
	.history table { width:100%; margin:0;}
	.history table th { display:none;}
	.history table tr td { padding:10px 3px; border:solid 1px #F2F2F2; text-align:center !important; font-size:10px;}
	.history table tr td a { font-size:10px;}
	
	
	.edit-user { width:100%;}
	.edit-user p.order-reg-box-title { width:100%;}
	
	
	/*CATALOG*/
	.sidebar { width:100%; text-align:center;}
	.menu {display:none}
	
	ul.choose-categories > li > div.main-nav.catalog-m{ width:100%; background:#f0f0f0; padding:10px 0; margin:0 0 2px 0;}
	ul.choose-categories > li > div.main-nav.catalog-m span { clear:both;}
	ul.choose-categories div.main-nav.catalog-m:hover { cursor:pointer;}
	
	
	.catalog { width:100%;}
	.catalog-box { width:44%; margin:3%;}
	.catalog-box img { width:100%; height:auto;}
	
	
	/*PAGING*/
	.paging { text-align:center; margin:20px 0 50px 0; float:left; width:100%;}
	
	
}

@media only screen and (max-width : 780px) {
	.wrapper { margin:auto; width:100%; overflow:hidden;}
	.header { width:96%; padding:0 2%;}
	.top-line { background:#fff;}
	
	/*NAV start====================================*/
	nav { text-align:right; overflow:hidden; padding-top:20px;}
	
	.m-logo {display: inline; position:relative; top:5px; padding:0px;}
	ul.topnav li:not(:first-child) {display: none;}
	ul.topnav li.icon { float: right; display: inline-block; }
	
	ul.topnav.responsive {position: relative;}
	ul.topnav.responsive li.icon { position: absolute; right: 0; top: 0; }
	ul.topnav.responsive li { float: none; display: inline; }
	ul.topnav.responsive li a { display: block; text-align: left; }
	
	
	.languages { width:46%; text-align:left; float:left; margin:0 2%;}
	.currency { width:36%; text-align:right; float:right; background:#CC9933; padding:9px 2%; margin:0 0 10px 0;}
	.currency ul li { display:none;}
	.login {width:100%; text-align:center; float:left; background:#F2F2F2; padding:10px 0;}
	.cart { width:36%; text-align:right; float:right; margin:0 2%;}
	.search { width:56%; text-align:left; float:left; background:#CC9933; padding:10px 2%; margin:0 0 10px 0;}
	.search-box { width:162px; border:solid 2px #fff;}
	
	/*day offer*/
	day-offer { display:inline; width:96%; margin:2%; height:auto; float:right;}
	.design-choose { width:86%; padding:5% 5% 10% 5%;}
	
	/*SERVICE BOX*/
	.service { width:100%;}
	.service-box { max-width:310px; width:30%; float:left;}
	.service-box img { max-width:310px; width:100%; height:auto;}
	.mid-box { margin:0 5%;}
	.service-box p a { color:#000; font-family:bpg_banner; font-size:10px;}
	
	
	/*SINGLE*/
	.single { width:94%; padding:0 3%;}
	.single-bouquet-img { width:100%; clear:left; margin:0 30px 0 0;}
	
	.single-bouquet-main-img { width:100%;}
	.single-bouquet-main-img img { width:100%; height:auto;}
	
	.fb-comments-box { width:100%;}
	.fb-comments { width:100% !important;}
	
	
	/*FOOTER*/
	.footer { width:100%; margin-top:0px;}
	.social-media { width:100%; text-align:center;}
	.paycard { width:100%; text-align:center;}
	.cont-box { width:80%; text-align:center; padding:0 10%; margin:0;}
	.cont-box p { text-align:center;}
	.footer p.copy { width:80%; text-align:center; padding:0 10%; margin:10px 0;}
}

@media only screen and (max-width : 480px) {
	
	.offer-and-slider { width:100%; overflow:hidden;}
	
	.main-slider { width:94%; margin:3%; float:left;}
	.main-slider img { width:100%; height:auto;}
	
	/*day offer*/
	.day-offer { display:inline; width:94%; margin:3% 3% 30px 3%; height:auto; float:right;}
	.design-choose { width:86%; padding:5% 5% 10% 5%;}
	
	
	/*SERVICE BOX*/
	.service { width:94%; margin:0 3%;}
	.service-box { max-width:450px; width:100%; float:left;}
	.service-box img { max-width:450px; width:100%; height:auto;}
	.mid-box { margin:0;}
	.service-box p a { color:#000; font-family:bpg_banner; font-size:14px;}	
	
	
	/*CATALOG*/

	.catalog { width:100%;}
	.catalog-box { width:94%; margin:3%;}
	.catalog-box img { width:100%; height:auto;}

	
	/*FOOTER*/
	.footer { width:100%; margin-top:0px;}
	.social-media { width:100%; text-align:center;}
	.paycard { width:100%; text-align:center;}
	.cont-box { width:80%; text-align:center; padding:0 10%; margin:0;}
	.cont-box p { text-align:center;}
	.footer p.copy { width:80%; text-align:center; padding:0 10%; margin:10px 0;}
}