body{margin: 0px; background: #fff; }
table,div{font-family: 'Playfair Display', serif; font-size:13px; color:#333333; line-height:1.3; }
a{color: #333333; text-decoration: none; }
a:hover{color: #333333; text-decoration: none;transition: all 0.7s linear 0s;}
img{border:none;max-width: 100%;}
p{ margin:10px 0;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
*{box-sizing: border-box;}
.img_left, #logo, #left, #social, .left, #contact-left{float:left;}
.img_right, #top_link, #right, #copy-logo, .right, #contact-right{float:right;}
input,select,textarea,button{font-family: 'Playfair Display', serif;font-size: 13px;}
h1,h2,h3,h4{margin:10px 0;}
/*Heading*/
h1{font-size:22px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:14px;}
	
.img_left{margin-right:10px;}
.img_right{margin-left:10px;}
ul{margin:0; padding:0;}
ul li{list-style-type: none;}

#main{margin:0 auto;}
header{padding: 42px 0;}

#top_link{}

#banner{position: relative;}
.top-banimg{position: absolute;top: 0;left: 0;}
.top-banimg img{width: 100%;}
.bottom-banimg{position: absolute;bottom: -59px;left: 0;}
.bottom-banimg img{width: 100%;}
.ban-text{position: absolute;top: 60%;left: 50%;transform: translate(-50%, -50%);width: 1326px;display: table;z-index: 9;}
.ban-text .txt{vertical-align: middle;display: table-cell;}
.ban-text h1{font-size: 40px;color: #fff;font-weight: bold;line-height: 45px;text-shadow: 0 0 9px #221f1f;}
.ban-text h1 span{font-size: 48px;display: block;}
.ban-text h4{font-size: 18px;color: #fff;background: #3e2b02;padding:5px 10px;display: table;font-weight: normal;margin-top: 20px;letter-spacing: 1px;}
.ban-login{background: rgba(255,255,255,0.9);border-radius: 4px;width: 305px;float: right;}
.ban-login h3{font-size: 21px;color: #ffffff;text-align: center;text-align: center;padding: 15px 0;background: #44360a;border-top-left-radius: 4px;border-top-right-radius: 4px;margin: 0;}
.ban-login form{padding: 30px;}
.ban-login .field{margin-bottom: 10px;}
.ban-login .field input[type="text"],.ban-login .field input[type="password"]{background: #fff;padding: 10px;border-radius: 4px;border: 0;width: 100%;}
.ban-login .field input[type="text"]:focus,.ban-login .field input[type="password"]:focus{border: 1px solid #747f37;}
.ban-login .submit{font-size: 15px;color: #fff;background: url(../img/login-bg.png)repeat center top;border: 0;padding: 7px 29px;float: left;margin: 20px 0;border-radius: 5px;}
.ban-login .field p a{color: #635a49;display: table;padding: 26px 10px;}
.ban-login p ,.ban-login p a{color: #635a49;}
.ban-login p span a{color: #635a49; font-size: 20px;}
.ban-login p span{font-weight: bold;display: block;}

#content{}
.latest{position: relative;}
.latest .box{background: url(../img/latest-bg.png)repeat center top;text-align: center;padding: 30px 0 40px 0;position: absolute;left: 0;top: -90px;width: 100%;border-radius: 6px;border: 4px solid #fff;}
.latest h3{font-size: 24px;font-weight: bold;color: #fff;margin-bottom: 20px;}
.latest p{font-size: 16px;color: #fff;}
.title{display: inline-block;width: 100%;margin-bottom: 20px;}
.title h1{font-size: 31px;color: #39430b;font-weight: bold;}
.title h1 span{font-size: 15px;float: right;}
.title h1 span a{color: #39430b;}
.title h1 span a:hover{color: #7f8d3d;}
.title h1 img{margin-right: 10px;float: left;margin-top: 8px;}

.new-hm{padding: 120px 0 30px 0;
	background: #ffffff;
    background: -webkit-linear-gradient(#ffffff 68%, #e6ead8);
    background: -o-linear-gradient(#ffffff 68%, #e6ead8);
    background: -moz-linear-gradient(#ffffff 68%, #e6ead8);
    background: linear-gradient(#ffffff 68%, #e6ead8);}
.new-hm .left ,.new-hm .right{width: 50%;} 
.home-img{position: relative;width: 570px;margin: 0 auto;}
.hometxt{position: absolute;top: 40px;right: 0;background: url(../img/hometxt-bg.png)no-repeat center top;padding: 20px 0;left: 0;margin: 0 auto;}
.hometxt h3{font-size: 20px;font-weight: bold;text-align: center;}
.hometxt h3 span{color: #3e2b02;font-size: 22px;display: block;font-weight: normal;}
.home-img .click{font-size: 15px;color: #fff;background: url(../img/login-bg.png)repeat center top;border: 0;padding: 9px 33px;margin: 20px auto;text-align: center;border-radius: 5px;display: table;position: absolute;left: 0;bottom: 50px;right: 0;}
.home-img .click a{color: #fff;}
.new-hm .box {margin-top: 20px;margin-bottom: 30px;width: 100%;display: table;}
.new-hm .box h4{font-size: 16px;color: #3e2b02;text-transform: uppercase;line-height: 30px;margin-top: 0;}
.new-hm .box .txt{padding-left: 25px;}
.new-hm .date{display: table-cell;vertical-align: top;}
.new-hm .datebox{background: #39430b;border: 1px solid #39430b;width: 70px;border-radius: 3px;text-align: center;}
.new-hm .date h5{font-size: 24px;color: #fff;line-height: 24px;margin: 9px 0;font-weight: normal;}
.new-hm .date h5 span{display: block;font-size: 14px;}
.new-hm .date p{color: #3e2b02;font-size: 14px;text-align: center;background: #d8dcc3; margin: 0;padding: 4px 0;}

.blog-hm{padding: 200px 0 50px 0;background:#fff url(../img/blog-bg.png)no-repeat center top;}
.blog_box{width: 50%;float: left;}
.blog_box h4{font-size: 16px;color: #3e2b02;text-transform: uppercase;}
.blog_box p{font-size: 16px;line-height: 30px;color: #7f8d3d;width: 70%;}
.more a{color: #39430b;font-size: 15px;font-weight: bold;display: table;padding: 10px 25px;border: 1px solid #d2b46e;border-radius: 3px;margin-top: 20px;}
.more a:hover{text-decoration:none;background: #39430b;color: #fff;border: 1px solid #39430b;}

footer{background: #39430b url(../img/footer-bg.png)no-repeat center top;padding-top: 30px;}
.top-ul{margin: 0;padding: 50px 0 0;text-align: center;}
.top-ul li{display: inline-block;font-size: 14px;line-height: 14px;}
.top-ul li a{color: #fff;border-right: 1px solid #fff;padding: 0 20px;}
.top-ul li:last-child a{border-right: 0;}
.bottom-ul{margin: 0;padding: 30px 0 50px;text-align: center;}
.bottom-ul li{display: inline-block;font-size: 14px;line-height: 14px;}
.bottom-ul li a{color: #fff;border-right: 1px solid #fff;padding: 0 20px;opacity: 0.6;}
.bottom-ul li:last-child a{border-right: 0;}

.footer-bottom{background: #2b320d;padding: 10px 0;}
.footer-bottom p{font-size: 12px;opacity: 0.3;color: #fff;}

/*--------aboutus--------*/
.about{padding: 100px 0 50px 0;}
.about h1{font-size: 31px;color: #39430b;font-weight: bold;}
.about h3{font-size: 18px;color: #39430b;font-weight: bold;text-transform: uppercase;margin-bottom: 20px;margin-top: 20px;}
.about p{font-size: 16px;line-height: 30px;color: #39430b;margin-bottom: 30px;}
.about p a{color: #39430b;}
.about p span{color: #7a843a;}
.about-green{background:#7a843a;width: 540px;border-radius: 3px;margin: 0 auto;display: block;}
.about-green h5{font-size: 16px;line-height: 30px;color: #fff;text-align: center;margin: 10px auto;font-weight: normal;padding: 10px 0;}
.aboutimg{float: right;margin-left: 20px;margin-bottom: 20px;}

/*--------contactus--------*/
.contform{background: #f6f6f6;border: 1px solid #d9d9d9;border-radius: 3px;width: 100%;display: inline-block;padding: 15px;}
.contform .field{display: inline-block;margin-bottom: 10px; width: 100%;}
.contform .left-field{width: 49%;float: left;}
.contform .right-field{width: 49%;float: right;}
.contform label{font-size: 16px;color: #39430b;display: block;margin-bottom: 10px;}
.contform input ,.contform textarea{background: #fff;border: 1px solid #d9d9d9;border-radius: 3px;width: 100%;padding: 15px;}
.contform textarea{height: 141px;}
.contform .submit{background: #7f893e;border-radius: 3px;border: 0;font-size: 15px;font-weight: bold;text-transform: uppercase;color: #fff;display: table;width: 140px;text-align: center;padding: 10px;cursor: pointer;}


/*--------article--------*/
.accordion-container {width: 100%;margin: 0 0 10px;clear: both;}
.accordion-toggle {position: relative;display: block;padding: 13px 13px 13px 70px;font-size: 18px;font-weight: 400;background: #7d873b ;color: #fff;text-decoration: none;}
.accordion-toggle.open {background: #7d873b;color: #fff;}
.accordion-toggle:hover {background: #7d873b;color: #fff;text-decoration: none;}
.accordion-toggle span.toggle-icon {position: absolute;top: 7px;right: 20px;font-size: 26px;color: #fff ;}
.accordion-toggle:hover span.toggle-icon,.accordion-toggle.open span.toggle-icon{color: #fff;}
.accordion-content {display: none;padding: 10px 0;overflow: auto;border:0;}
.accordion-content p{color: #39430b;font-size: 16px;line-height: 30px;margin: 0;}
.accordion-container .icon{position: absolute;top: 0;left: 0;}
#tabs ul{margin: 0;padding: 0;}
#tabs ul li{display: inline-block;font-size: 20px;font-weight: bold;}
#tabs ul li a{color: #fff;background: #7c863b;text-align: center;padding: 10px 30px;width: 100%;display: table;border-radius: 5px;}
.tabcontent{margin-top: 20px;padding: 0; }
.tabcontent p{margin: 0;}
#tabs .ui-state-active a{background: #3e2b02;outline: none;}


#hamburger-navigation{display: none;}
.dashboard #content{padding: 70px 0;}
/* sign up*/
.dashboard .ban-slider{height: 500px;overflow: hidden;}
.dashboard .ban-text{top:68%;}
.sign-up{margin: 50px auto;display: table;box-shadow: 4px 5px 20px #ababab;}
.form-header{background: #4e3e17; color: #fff;font-weight: bold;font-size: 31px; text-align: center;text-transform: capitalize;padding: 10px 0;border-top-left-radius: 5px; border-top-right-radius: 5px;}
.form-content{background: #fff;width: 100%; display: inline-block;}
.form-content h3{text-align: center;color: #39430b; font-weight: bold;font-size: 19px;}
.form-content span.text{background: #f1f2e9;color: #39430b; font-size: 19px;padding: 5px 0;text-align: center;text-transform: capitalize;width: 100%;display: inline-block;}
.form-content h4{color: #3e3e3e;font-size: 15px;text-align: center;font-weight: normal;padding: 0 20%;border-bottom: 2px solid #c1c7a2;padding-bottom: 15px;}
.form-content form{padding: 10px 33px;}
.form-content form .form-line{width: 100%; display: inline-block;margin: 6px 0;}
.form-content form label{width: 30%; float: left;color: #635a49; text-align: right;font-size: 14px;margin-right: 20px;}
.form-content form input{width: 67%; float: right;padding: 5px 10px;border: 1px solid #d3d3d3;height: 40px;}
.form-content form textarea{width: 67%; float: right;padding: 5px 10px;border: 1px solid #d3d3d3;}
.form-content form span.search{background: #7c873b;color: #fff;font-size: 14px;text-align: center;width: 20%;float: left;line-height: 41px;height: 40px;}
.form-content form .small-txt{width: 47%;float: left;}
.check1{width: 10px !important; float: left !important;margin-right: 10px;position: relative;height: auto !important;}
.map-img{width: 67%;}
.form-content form button {background:url("../img/login-bg.png") repeat scroll center top; border: 0 none; border-radius: 5px; color: #fff; float: left; font-size: 15px; padding: 7px 29px;margin: 20px 0;cursor: pointer;}
.sign-up-txt a{font-size: 16px;text-decoration: underline;}
.green-bg{background: #e3e9d5;}
/* end */

/* add customer*/
.customer-left{width: 20%;background: #524221;margin-top: 69px;left: 5%;position: absolute;height: 550px;}
.customer-left ul li{color: #fff; padding:15px 36px;background: #635435; border-left:6px solid #635435; font-size: 14px;border-bottom: 1px solid #51401b;cursor: pointer;}
.customer-left ul li a{color: #fff;}
.customer-left ul li:hover{background: #ffffff;border-left:6px solid #7c873b;}
.customer-left ul li:hover a{color: #51401b;}
.customer-left ul li.active{background: #ffffff;border-left:6px solid #7c873b;}
.customer-left ul li.active a{color: #51401b;}
.customer-right{width: 80%; float: right;background: #ffffff;padding: 15px 70px;min-height: 550px;}
.customer-left h1{background: #3e2b02;color: #fff;text-transform: uppercase;padding: 20px 40px;margin: 0;}
.text-header{font-size: 30px;color: #51401b;font-weight: bold;text-transform: capitalize;border-bottom: 2px solid #7c873b;padding: 15px;}
.add-customer form{padding: 60px 33px;}
.add-customer form .form-line{width: 100%; display: inline-block;margin: 6px 0;}
.add-customer form label{width: 30%; float: left;color: #635a49; text-align: left;font-size: 14px;margin-right: 20px;}
.add-customer form input{width: 67%; float: right;padding: 5px 10px;border: 1px solid #d3d3d3;height: 40px;}
.add-customer form textarea{width: 67%; float: right;padding: 5px 10px;border: 1px solid #d3d3d3;}
.add-customer form span.search{background: #7c873b;color: #fff;font-size: 14px;text-align: center;width: 20%;float: left;line-height: 41px;height: 40px;}
.add-customer form .small-txt{width: 47%;float: left;}
.add-customer form button {background:url("../img/login-bg.png") repeat scroll center top; border: 0 none; border-radius: 5px; color: #fff; float: left; font-size: 15px; padding: 7px 29px;margin: 20px 0;cursor: pointer;}
/* end */

/* My order */
.my-order #tabs {padding: 20px;}
.my-order #tabs ul li a{background: none;color: #635a49;font-size: 14px;}
.my-order #tabs .ui-state-active a{background: none;color: #635a49;font-size: 14px;border-bottom:1px solid #635a49; }
.my-order{height: 700px;}
#no-more-tables table{border: 1px solid #d3d3d3;}
#no-more-tables th{background: #7c873b; color: #fff;padding:10px;border: 0;font-weight: normal;font-size: 15px;}
#no-more-tables td{padding: 15px 10px;font-size: 14px;border-bottom:1px solid #d3d3d3;}
/*shop*/

.shop-box{border: 1px solid #d3d3d3;text-align: center;width: 290px; float: left;margin-right: 36px;margin-bottom: 30px;}
.shop-box:nth-child(4n+0){margin-right: 0;}
.shop-box .img{border-bottom:  1px solid #d3d3d3;width: 100%;height: 225px;text-align: center;}
.shop-box .view-detail{background:url("../img/login-bg.png"); border: 0 none; border-radius: 5px; color: #fff;  cursor: pointer;  float: left;  font-size: 15px;  margin: 20px auto; padding: 7px 29px;float: none; display: table;}
.shop-box .view-detail a{color: #fff;}
.shop-box h3{color: #635a49;font-weight: normal;font-size: 18px;text-transform: capitalize;}
.shop ul{background: #51401b;border-bottom: 4px solid #7c873b;text-align: center;}
.shop #tabs .ui-state-active a{background: #7c873b;}
.shop #tabs ul li a{border-radius: 0;background: none;}
/* end*/

/*edit-profile*/
.edit-order-main{height: auto;}
.edit-odr{display: inline-block;width: 100%;padding: 25px;}
.order-dtl1{border: 1px solid #d3d3d3;width: 48%;float: left;margin-bottom: 25px;}
.order-dtl1:last-child{float: right;}
.order-dtl1 table{width: 100%;padding: 10px;}
.order-dtl4{border: 1px solid #d3d3d3;width: 48%;float: left;margin-bottom: 25px;}
.order-dtl4 table{width: 100%;padding: 10px;}
.edit-odr h3{font-size: 20px;color: #fff;font-weight: bold;background: #7c873b;margin: 0;padding: 10px;display: table;width: 100%;}
.order-dtl1 tr td{padding: 5px 10px;font-size: 14px;color: #000000;}
.order-dtl4 tr td{padding: 5px 10px;font-size: 14px;color: #000000;}
.edit-odr .date ,.edit-odr .date a{color: #006cff;}
.order-dtl2{border: 1px solid #d3d3d3;width: 100%;margin-bottom: 25px;display: table;}
.order-dtl2 thead{background: #e5e7d8;}
.order-dtl2 tr th{color: #000000;font-size: 14px;font-weight: normal;text-align: left;padding: 10px;}
.order-dtl2 tr th span{font-size: 20px;}
.order-dtl2 table{width: 100%;}
.order-dtl2 tr td{padding: 12px 10px;font-size: 14px;color: #2f2f2f;border-top: 1px solid #d3d3d3;line-height: 26px;}
.order-dtl2 tr td span{padding: 5px 18px;border-radius: 1px;background: #f2f3eb;}
.order-total{display: inline-block;width: 100%;text-align: right;margin-bottom: 25px;}
.order-total h2{font-size: 24px;color: #000000;font-weight: normal;}
.order-total h4{font-size: 16px;color: #000000;font-weight: normal;}
.order-dtl3{border: 1px solid #d3d3d3;width: 100%;margin-bottom: 25px;}
.order-dtl3 table{width: 100%;padding: 10px;}
.order-dtl3 tr td{padding: 5px 10px;font-size: 14px;color: #000000;}
.edit-order-main .btn{text-align: center;font-size: 15px;background: url(../images/btn-order.png)no-repeat center top;height: 37px;width: 150px;float: left;}
.edit-order-main .btn a{color: #fff;display: table;padding: 8px 0;width: 100%;}
.order-link{margin: 8px 0;padding: 0;float: right;}
.order-link li{display: inline-block;font-size: 14px;line-height: 20px;}
.order-link li a{color: #000;padding: 0 15px;border-right: 1px solid #000;}
.order-link li:last-child a{border-right: 0;}
/* end*/

/*shop-details*/
.shop-dtl{background: #fff;padding:0 35px;margin-top: 0;}
.shop-dtl-box{display: inline-block;width: 100%;border-bottom: 2px dashed #bbb8b3;padding:35px 0;}
.shop-dtl-box:last-child{border-bottom: 0;}
.shop-dtl-box h3{font-size: 20px;color: #fff;font-weight: bold;background: #7c873b;margin: 0;padding: 10px;display: table;width: 100%;}
.shop-dtl-box p{font-size: 14px;line-height: 21px;color: #635a49;margin: 15px 0;}
.shop-dtl-box h4{color: #51401b;font-size: 18px;font-weight: normal;margin-bottom: 20px;}
.shop-dtl-box h4 span{color: #ff3c00;}
.shop-dtl-box table{width: 100%;border: 1px solid #d3d3d3;}
.shop-dtl-box table tr th{color: #635a49;background: #e5e7d8;font-weight: normal;padding:10px 20px;font-size: 14px;text-align: left;}
.shop-dtl-box table tr td{color: #635a49;font-weight: normal;border-top: 1px solid #d3d3d3;padding: 20px;font-size: 14px;}
.shop-dtl-box table .img{width: 192px;border-top: 0;border-right:1px solid #d3d3d3; }

/*----------darshak---------*/
.customer_welcome_header {padding: 0 0 20px 40px;}
.customer_welcome_header h1,.customer_welcome_header h1 a,.customer_welcome_header h1 span{color: #51401b !important;font-size: 30px;font-weight: bold;}
.customer_welcome_header h1 img {float: right;margin-top: -40px;}
.header_menu_main{background: #3e2b02;padding: 10px 0;}
.member_content ul{text-align: right;}
.member_content ul li{padding: 0 10px;display: inline-block;color: #fff;}
.member_content ul li:before{}
.member_content ul li:first-child {float: left;}
.member_content ul li a{color: #fff;}

.pickup_img .fancybox img{margin-bottom: 30px;display: table;width: 100%;}

.my-order .tabcontent p{margin: 10px 0;}
.sign-up h2{text-align: center;}

.member_content #hamburger-navigation{display: none;}

.agreement_box{padding: 0 10px;}
.agreement_box p {
    line-height: 30px;font-size: 14px;text-align: left;
}
.agreement_box .cont_input {
    border: 0;
    border-bottom: 2px solid #79b227;
    background: none;
    width: auto;
}
.agreement_box #sign-pad {
    background: #fff;
    display: table;
margin: 8px auto;
    border: 2px solid #79b227;
}
.submit_but {
    width: 77px;
    padding: 0;
    margin: 0;
    background: url(../img/submit_bg.png) left top no-repeat;
    color: #ffffff;
    font-size: 14px;
    line-height: 22px;
    height: 22px;border: 0;
}
.agreement_alert {font-size: 16px; color: red;}
.agreement_signup_button {width: 120px; height: 34px; background-size: 100% 100%; font-size: 18px;}
.hidden {display: none;}

/* end*/

@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr {display: block;	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { position: absolute;top: -9999px;left: -9999px;	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { /* Behave  like a "row" */border: none;border-bottom: 1px solid #eee;	position: relative;padding-left: 50%;white-space: normal;text-align:left;}
 
	#no-more-tables td:before { /* Now like a table header */position: absolute;/* Top/left values mimic padding */top: 6px;left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;text-align:left;font-weight: bold;}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}
/* end */


/* foram */



/*--------1180px------------*/
@media only screen and (min-width:1180px) and (max-width:1280px) {
.ban-text{width: 1160px;top: 45%;}
.ban-login form {padding: 20px;}
/*.ban-text h1{font-size: 65px;}
.ban-text h1 span{font-size: 40px;}*/
.bottom-banimg {bottom: -47px;}
.blog_box p{width: 80%;}
/*signup page*/
.dashboard .ban-slider { height: auto; overflow: hidden;}
.dashboard .ban-text{top:50%;}
/*end*/

.shop-box{width: 275px;margin-right: 20px;}
}

/*--------960px------------*/
@media only screen and (min-width:960px) and (max-width:1179px) {
#hamburger-navigation {background-color: rgba(0, 0, 0, 0); color: #ffffff; display: block; margin: 0 auto; padding: 7px 0; text-align: right; text-decoration: none; width: auto; z-index: 10;}
.ban-text{width: 940px;top: 45%;}
.ban-login form {padding: 20px;}
.ban-text h1{font-size: 30px;line-height: 38px;}
.ban-text h1 span{font-size: 26px;}
.bottom-banimg {bottom: -36px;}
.blog_box p{width: 80%;}	
.new-hm .box h4{font-size: 14px;line-height: 26px;}
.title h1{font-size: 26px;}
/*.home-img{width: 90%;}
.hometxt{right: 0;width: 445px;background-size: 100%;}*/
.hometxt h3{font-size: 16px;}
.hometxt h3 span{font-size: 18px;}
/*.home-img .click{transform: translate(-50%, 0px);}*/
.latest .box{top: -50px;}
.new-hm{padding: 165px 0 10px;}
.ban-login .submit {margin: 0;}
.ban-login .field p a{padding: 10px;}

/*--------aboutus--------*/
.about{padding: 150px 0 50px 0;}
/*signup page*/
.dashboard .ban-slider { height: auto; overflow: hidden;}
.dashboard .ban-text{top:50%;}
/*end*/
/*add customer */
.customer-left{width: 22%;}
/*end*/

/*edit-profile*/
.edit-odr{display: inline-block;width: 100%;padding: 15px;}
.order-dtl1{width: 49%;}
.order-dtl4{width: 49%;}
/* end*/

.member_content ul li {padding: 0 8px;}

.shop-box{width: 289px;}
.shop-box:nth-child(3n+3){margin-right: 0;}
.shop-box:nth-child(4n) {
    margin-right: 36px;
}
.add-customer form input ,.add-customer form input[type="text"]{width: 65% !important;}
#errorcontaect{top: 300px !important;z-index: 100;}
#mapDiv{width: 365px !important;}
}

/*---------768px-----------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#hamburger-navigation {background-color: rgba(0, 0, 0, 0); color: #ffffff; display: block; margin: 0 auto; padding: 7px 0; text-align: right; text-decoration: none; width: auto; z-index: 10;}
.ban-text{width: 748px;top: 50%;}
.ban-login{width: 260px;}
.ban-login form {padding: 15px;}
.ban-login h3{padding: 10px 0;font-size: 16px;}
.ban-text h1{font-size: 28px;line-height: 36px;}
.ban-text h1 span{font-size: 22px;}
.ban-text h4{font-size: 16px;}
.bottom-banimg {bottom: -29px;}
.blog_box p{width: 80%;}	
.new-hm .box h4{font-size: 14px;line-height: 26px;}
.title h1{font-size: 26px;}
/*.home-img{width: 70%;}
.hometxt{right: 0;width: 445px;background-size: 100%;}*/
.hometxt h3{font-size: 16px;}
.hometxt h3 span{font-size: 18px;}
/*.home-img .click{transform: translate(-50%, 0px);}*/
.latest .box{top: 0;position: relative;}
.new-hm{padding: 110px 0 10px;}
.ban-login .submit {margin: 0;}
.ban-login .field p a{padding: 10px;}
.new-hm .left, .new-hm .right{width: 100%;}
.blog_box{width: 100%;}

/*--------aboutus--------*/
.aboutimg{width: 320px;}
.about h3{font-size: 16px;}

/*--------article--------*/
#tabs ul li{font-size: 16px;}
/*signup page*/
.dashboard .ban-slider { height: auto; overflow: hidden;}
.dashboard .ban-text{top:50%;}
.form-header{font-size: 23px;}
.form-content form{padding: 10px;}
.form-content form label{margin-right: 0px;}
.form-content form label{font-size: 13px;width: 25%;}
.form-content form .small-txt{margin-left: 8px;width: 73%;}
.sign-up-txt a{font-size: 13px;}
.form-content form input{width: 74%;}
.map-img{width: 74%;}
.sign-up{margin: 50px auto !important;}
/*end*/
/*add customer */
.customer-left{left: 0;width: 30%;}
/*.add-customer form{padding: 30px;}*/
.customer-right{padding: 15px 20px 15px 79px;}
.add-customer form label{margin-right:0; }
/*end*/
/* My order */
.my-order{height: auto;}
/* end */
/*edit-profile*/
.edit-odr{display: inline-block;width: 100%;padding: 15px;}
.order-dtl1{width: 49%;}
.order-dtl4{width: 49%;}
.order-dtl2 tr td span{padding: 5px 10px;}
.order-dtl2 tr td{padding: 12px 5px;}
.order-dtl2 tr th{padding: 10px 5px;}
.edit-order-main .btn ,.order-link{float: none;}
/* end*/
/*shop-details*/
.shop-dtl{background: #fff;padding:0 20px;margin-top: 0;}
.shop-dtl-box{padding: 20px 0;}
.shop-dtl-box h3{font-size: 18px;}
/* end*/

.member_content #hamburger-navigation{display: block;}
.member_content ul {background: #7c873b;position: absolute;text-align: right;width: 240px;z-index: 99;display: none;right: 0;}
.member_content ul li {border-bottom: 1px solid #ffffff;color: #ffffff;display: block;padding: 12px;}
.member_content ul li:first-child {float: none;}

.about {
    padding: 50px 0 20px;
}

.shop-box{width: 356px;}
.shop-box:nth-child(2n+2){margin-right: 0;}
.customer-right #mapDiv{width: 100% !important;}
#no-more-tables td{text-align: center;padding: 10px;}
#errorcontaect{left: 320px !important;top: 300px !important;z-index: 100;}
}

/*-----------640px---------*/
@media only screen and (min-width: 640px) and (max-width: 767px) {
#hamburger-navigation {background-color: rgba(0, 0, 0, 0); color: #ffffff; display: block; margin: 0 auto; padding: 7px 0; text-align: right; text-decoration: none; width: auto; z-index: 10;}
.ban-text{width: 620px;top: 50%;}
.ban-login{width: 260px;}
.ban-login form {padding: 15px;}
.ban-login h3{padding: 10px 0;font-size: 16px;}
.ban-text h1{font-size: 22px;line-height: 30px;}
.ban-text h1 span{font-size: 22px;}
.ban-text h4{font-size: 16px;}
.bottom-banimg {bottom: -23px;}
.top-banimg{top: -2px;}
.blog_box p{width: 80%;}	
.new-hm .box h4{font-size: 14px;line-height: 26px;}
.title h1{font-size: 26px;}
/*.home-img{width: 90%;}
.hometxt{right: 10px;width: 445px;background-size: 100%;}*/
.hometxt h3{font-size: 16px;}
.hometxt h3 span{font-size: 18px;}
/*.home-img .click{transform: translate(-50%, 0px);}*/
.latest .box{top: 0;position: relative;padding: 10px 0 20px;}
.new-hm{padding: 110px 0 10px;}
.ban-login .submit {margin: 0;}
.ban-login .field p a{padding: 10px;}
.new-hm .left, .new-hm .right{width: 100%;}
.blog_box{width: 100%;}
.latest p{font-size: 14px;}
.top-ul li{margin-bottom: 10px;}

/*--------aboutus--------*/
.aboutimg{width: 100%;margin-left: 0;float: none;margin: 0 auto;text-align: center;}
.about h3{font-size: 16px;}

/*--------contactus--------*/
.contform .left-field{width: 100%;float: none;}
.contform .right-field{width: 100%;float: none;}

/*--------article--------*/
#tabs ul li{font-size: 16px;}
/*signup page*/
.dashboard .ban-slider { height: auto; overflow: hidden;}
.dashboard .ban-text{top:50%;}
.form-header{font-size: 23px;}
.form-content form{padding: 10px;}
.form-content form label{margin-right: 0px;}
.form-content form label{font-size: 13px;width: 25%;}
.form-content form .small-txt{margin-left: 8px;width: 73%;}
.sign-up-txt a{font-size: 13px;}
.form-content form input{width: 74%;}
.map-img{width: 74%;}
/*end*/
/*add customer */
.customer-left{left: 0;width: 33%;}
/*.add-customer form{padding: 30px;}*/
.customer-right{padding: 15px 20px 15px 79px;}
.add-customer form label{margin-right:0; }
/*end*/
/* My order */
.my-order{height: auto;}
/* end */
/*edit-profile*/
.edit-odr{display: inline-block;width: 100%;padding: 15px;}
.order-dtl1{width: 100%;}
.order-dtl4{width: 100%;}
.order-dtl2 tr td span{padding: 5px 10px;}
.order-dtl2 tr td{padding: 12px 5px;}
.order-dtl2 tr th{padding: 10px 5px;}
.edit-order-main .btn ,.order-link{float: none;}
.order-total h2{font-size: 20px;}
.order-total h4{font-size: 14px;}
.edit-odr h3{font-size: 18px;}
/* end*/
/*shop-details*/
.shop-dtl{background: #fff;padding:0 20px;margin-top: 0;}
.shop-dtl-box{padding: 20px 0;}
.shop-dtl-box h3{font-size: 18px;}
.shop-dtl-box h4{font-size: 16px;}
.shop-dtl-box table tr td ,.shop-dtl-box table tr th{padding: 10px;font-size: 13px;}
/* end*/

.dashboard #content {padding: 30px 0;}

.member_content #hamburger-navigation{display: block;}
.member_content ul {background: #7c873b;position: absolute;text-align: right;width: 240px;z-index: 99;display: none;right: 0;}
.member_content ul li {border-bottom: 1px solid #ffffff;color: #ffffff;display: block;padding: 12px;}
.member_content ul li:first-child {float: none;}

.shop_details img{width: 100%;height: auto;}
.pickup_img iframe{width: 100%;}

.about {
    padding: 50px 0 20px;
}
.shop-box{width: 292px;}
.shop-box:nth-child(2n+2){margin-right: 0;}

.add-customer form input ,.add-customer form input[type="text"]{width: 100% !important;margin-top: 10px;}
.customer-right #mapDiv{width: 100% !important;}
.add-customer form label{width: 100%;}
#no-more-tables td{text-align: center;padding: 10px;}
#errorcontaect{left: 250px !important;top: 250px !important;z-index: 100;}

.change_password_buttons .submit_but{width: auto !important;}
}

/*-----------480px---------*/
@media only screen and (min-width: 480px) and (max-width: 639px) {
#hamburger-navigation {background-color: rgba(0, 0, 0, 0); color: #ffffff; display: block; margin: 0 auto; padding: 7px 0; text-align: right; text-decoration: none; width: auto; z-index: 10;}
.ban-login{width: 460px;}
.ban-login form {padding: 15px;}
.ban-text{width: 460px;top: 0%;transform: translate(0, 0%);position: relative;left: 10px;}
.ban-text .txt {display: table;vertical-align: top;position: absolute;top: -65px;}
.ban-login{width: 300;margin-top: 65px;background: #eff4ed;float: none;}
.ban-login h3{padding: 10px 0;font-size: 16px;}
.ban-text h1{font-size: 18px;line-height: 26px;}
.ban-text h1 span{font-size: 18px;}
.ban-text h4{font-size: 14px;}
.bottom-banimg {bottom: -16px;}
.top-banimg{top: -5px;}
.blog_box p{width: 80%;margin: 10px auto;font-size: 14px;line-height: 26px;}	
.new-hm .box h4{font-size: 14px;line-height: 26px;text-align: center;}
.title h1{font-size: 26px;}
/*.home-img{width: 90%;}
.hometxt{right: 10px;width: 445px;background-size: 100%;}*/
.hometxt h3{font-size: 16px;}
.hometxt h3 span{font-size: 18px;}
/*.home-img .click{transform: translate(-50%, 0px);}*/
.latest .box{top: 0;position: relative;padding: 10px 0 20px;}
.new-hm{padding: 110px 0 10px;}
.ban-login .submit {margin: 0;}
.ban-login .field p a{padding: 10px;}
.new-hm .left, .new-hm .right{width: 100%;}
.blog_box{width: 100%;text-align: center;margin-bottom: 20px;}
.latest p{font-size: 14px;}
.top-ul li{margin-bottom: 10px;}
.top-ul li a{padding: 0 13px;}
.more a{margin: 0 auto;}
.new-hm .date{display: table;margin: 0 auto 20px auto;}
.new-hm .box .txt{padding-left: 0;}

/*--------aboutus--------*/
.aboutimg{width: 100%;margin-left: 0;float: none;margin: 0 auto;text-align: center;}
.about h3{font-size: 15px;}
.about-green{width: 100%;}
.about h1{font-size: 24px;}
.about p {font-size: 14px;line-height: 26px;margin-bottom: 20px;}

/*--------contactus--------*/
.contform .left-field{width: 100%;float: none;}
.contform .right-field{width: 100%;float: none;}

/*--------article--------*/
#tabs ul li{font-size: 14px;}
#tabs ul li a{padding: 10px 14px;}
/*signup page*/
.dashboard .ban-slider { height: auto; overflow: hidden;}
.dashboard .ban-text{top:-35px;}
.form-header{font-size: 23px;}
.form-content form{padding: 10px;}
.form-content form label{margin-right: 0px;}
.form-content form label{font-size: 13px;width: 25%;}
.form-content form .small-txt{margin-left: 8px;}
.sign-up-txt a{font-size: 13px;}
.form-content form input{width: 72%;}
/*end*/
/*add customer */
.customer-left {height: auto; left: 0; margin-top: 0; position: relative; width: 100%;}
.customer-right{width: 100%;padding: 10px;margin-top: 10px;}
.text-header{font-size: 22px;}
.add-customer form{padding: 0;}
.add-customer form label{margin-right: 0px;}
/* end*/
/* My order */
.my-order{height: auto;}
/* end */
/*edit-profile*/
.edit-odr{display: inline-block;width: 100%;padding: 15px;}
.order-dtl1{width: 100%;}
.order-dtl4{width: 100%;}
.order-dtl2 tr td span{padding: 5px 10px;}
.order-dtl2 tr td{padding: 12px 5px;}
.order-dtl2 tr th{padding: 10px 5px;}
.edit-order-main .btn ,.order-link{float: none;}
.order-total h2{font-size: 20px;}
.order-total h4{font-size: 14px;}
.edit-odr h3{font-size: 18px;}
/* end*/
/*shop-details*/
.shop-dtl{background: #fff;padding:0 10px;margin-top: 0;}
.shop-dtl-box{padding: 10px 0;}
.shop-dtl-box h3{font-size: 16px;}
.shop-dtl-box h4{font-size: 14px;}
.shop-dtl-box table tr td ,.shop-dtl-box table tr th{padding: 10px;font-size: 13px;display: table;width: 100%;}
.shop-dtl-box table .img{display: table;width: 100%;border-right: 0;text-align: center;}
/* end*/
.dashboard #content {padding: 30px 0;}
.home-img {width: 420px;}

.member_content #hamburger-navigation{display: block;}
.member_content ul {background: #7c873b;position: absolute;text-align: right;width: 240px;z-index: 99;display: none;right: 0;}
.member_content ul li {border-bottom: 1px solid #ffffff;color: #ffffff;display: block;padding: 12px;}
.member_content ul li:first-child {float: none;}


.sign-up {display: inline-block;width: 100% !important;}
.sign-up .form-content form label {float: none;margin-right: 0;text-align: left;width: 100%;display: block;margin-bottom: 5px;}
.sign-up .form-content form input {width: 100%;}
.sign-up .form-content form .small-txt {width: 78%;}
.sign-up #mapDiv {width: 100%;}
.sign-up .send_email_but {margin: 0 !important;}
.sign-up .form-content h4 {padding: 0 20px 15px;}

.shop_details img{width: 100%;height: auto;}
#tabs ul li{margin-bottom: 5px;}
.pickup_img iframe{width: 100%;}

.about {
    padding: 50px 0 20px;
}

.shop-box{width: 100%;margin-right: 0}

.add-customer form input ,.add-customer form input[type="text"]{width: 100% !important;margin-top: 10px;}
.customer-right #mapDiv{width: 100% !important;}
.add-customer form label{width: 100%;}
#no-more-tables td{text-align: center;padding: 10px;}
#no-more-tables h1{float: left !important;}
#errorcontaect{left: 75px !important;top: 210px !important;z-index: 100;}

.change_password_buttons .submit_but{width: auto !important;}
}

/*----------320px----------*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
#hamburger-navigation {background-color: rgba(0, 0, 0, 0); color: #ffffff; display: block; margin: 0 auto; padding: 0; text-align: right; text-decoration: none; width: auto; z-index: 10;}
.ban-text{width: 300px;top: 0%;transform: translate(0, 0%);position: relative;left: 8px;}
.ban-text .txt {display: table;vertical-align: top;position: absolute;top: -55px;}
.ban-login{width: 300;margin-top: 65px;background: #eff4ed;float: none;}
.ban-login form {padding: 15px;}
.ban-login h3{padding: 10px 0;font-size: 16px;}
.ban-text h1{font-size: 15px;line-height: 22px;}
.ban-text h1 span{font-size: 16px;}
.ban-text h4{font-size: 12px;padding: 3px;}
.bottom-banimg {bottom: -12px;}
.top-banimg{top: -8px;}
.blog_box p{width: 80%;margin: 10px auto;font-size: 14px;line-height: 26px;}	
.new-hm .box h4{font-size: 11px;line-height: 20px;text-align: center;}
.title h1{font-size: 25px;}
/*.home-img{width: 100%;}
.hometxt{right: 10px;width: 300px;background-size: 100%;padding: 5px 0;}*/
.hometxt h3{font-size: 16px;}
.hometxt h3 span{font-size: 18px;}
/*.home-img .click{transform: translate(-50%, 0px);}*/
.latest .box{top: 0;position: relative;padding: 10px 0 20px;}
.new-hm{padding: 110px 0 10px;}
.ban-login .submit {margin: 0;}
.ban-login .field p a{padding: 10px;}
.new-hm .left, .new-hm .right{width: 100%;}
.blog_box{width: 100%;text-align: center;margin-bottom: 20px;}
.latest p{font-size: 14px;}
.top-ul li{margin-bottom: 10px;}
.top-ul li a{padding: 0 13px;}
.bottom-ul li {margin-bottom: 10px;}
.more a{margin: 0 auto;}
.new-hm .date{display: table;margin: 0 auto 20px auto;}
.new-hm .box .txt{padding-left: 0;}
.footer-bottom .left ,.footer-bottom .right{width: 100%;float: none;text-align: center;}
.title h1 span{float: left;}
#logo{width: 245px;}

/*--------aboutus--------*/
.aboutimg{width: 100%;margin-left: 0;float: none;margin: 0 auto;text-align: center;}
.about h3{font-size: 15px;}
.about-green{width: 100%;}
.about h1{font-size: 24px;}
.about p {font-size: 14px;line-height: 26px;margin-bottom: 20px;}

/*--------contactus--------*/
.contform .left-field{width: 100%;float: none;}
.contform .right-field{width: 100%;float: none;}

/*--------article--------*/
#tabs ul li{font-size: 14px;width: 100%;}
#tabs ul li a{padding: 10px 14px;}
/*signup page*/
.dashboard .ban-slider { height: auto; overflow: hidden;}
.dashboard .ban-text{top:-35px;}
.form-header{font-size: 23px;}
.form-content form{padding: 10px;}
.form-content form label{margin-right: 0px;}
.form-content form label{font-size: 13px;width: 25%;}
.form-content form .small-txt{margin-left: 8px;}
.sign-up-txt a{font-size: 13px;}
.form-content form input{width: 72%;}
/*end*/
/*add customer */
.customer-left {height: auto; left: 0; margin-top: 0; position: relative; width: 100%;}
.customer-right{width: 100%;padding: 10px;margin-top: 10px;}
.text-header{font-size: 22px;}
.add-customer form{padding: 0;}
.add-customer form label{margin-right: 0px;}
/* end*/
/* My order */
.my-order{height: auto;}
/* end */
/*edit-profile*/
.edit-odr{display: inline-block;width: 100%;padding: 15px;}
.order-dtl1{width: 100%;}
.order-dtl4{width: 100%;}
.order-dtl2 tr td span{padding: 5px 10px;}
.order-dtl2 tr td{padding: 12px 5px;display: table;width: 100%;}
.order-dtl2 tr th{padding: 10px 5px;display: table;width: 100%;}
.edit-order-main .btn ,.order-link{float: none;}
.order-total h2{font-size: 18px;}
.order-total h4{font-size: 14px;}
.edit-odr h3{font-size: 18px;}
/* end*/
/*shop-details*/
.shop-dtl{background: #fff;padding:0 10px;margin-top: 0;}
.shop-dtl-box{padding: 10px 0;}
.shop-dtl-box h3{font-size: 16px;}
.shop-dtl-box h4{font-size: 14px;}
.shop-dtl-box table tr td ,.shop-dtl-box table tr th{padding: 10px;font-size: 13px;display: table;width: 100%;}
.shop-dtl-box table .img{display: table;width: 100%;border-right: 0;text-align: center;}
/* end*/
.dashboard #content {padding: 30px 0;}
.home-img {width: 300px;}
.home-img .click {bottom: 30px;margin: 10px auto;}

.member_content #hamburger-navigation{display: block;}
.member_content ul {background: #7c873b;position: absolute;text-align: right;width: 100%;z-index: 99;display: none;}
.member_content ul li {border-bottom: 1px solid #ffffff;color: #ffffff;display: block;padding: 12px;}
.member_content ul li:first-child {float: none;}

.sign-up {display: inline-block;width: 100% !important;}
.sign-up .form-content form label {float: none;margin-right: 0;text-align: left;width: 100%;display: block;margin-bottom: 5px;}
.sign-up .form-content form input {width: 100%;}
.sign-up .form-content form .small-txt {width: 70%;}
.sign-up .form-content form input.search{width: 27%;}
.sign-up #mapDiv {width: 100%;}
.sign-up .send_email_but {margin: 0 !important;}
.sign-up .form-content h4 {padding: 0 20px 15px;}
.about {
    padding: 50px 0 20px;
}
.shop_details img{width: 100%;height: auto;}
#tabs ul li{margin-bottom: 5px;}
.accordion-toggle{font-size: 14px;}
.pickup_img iframe{width: 100%;}


.add-customer form input ,.add-customer form input[type="text"]{width: 100% !important;margin-top: 10px;}
.customer-right #mapDiv{width: 100% !important;}
.add-customer form label{width: 100%;}
#no-more-tables td{text-align: center;padding: 10px;}
#orderdetailsPlaceorderForm label{text-align: left;width: 100%;}
#orderdetailsPlaceorderForm textarea{width: 100%;}
.cart_page .my_cart_button .checkout {float: left !important;}
#no-more-tables h1{float: left !important;}

#errorcontaect{left: 10px !important;top: 150px !important;z-index: 100;width: 300px !important;}
.change_password_buttons .submit_but{width: auto !important;}
.customer_welcome_header h1, .customer_welcome_header h1 a, .customer_welcome_header h1 span{font-size: 28px;}

}