/*----------------Nav----------------*/ 
#wrap_container{margin-top: 15px;}
nav{margin: 0;}
.nav { margin: 15px 0 0; padding:0; width:auto; float:right;  }
.navbar-inverse {background:none; margin:0;}
.navbar {border:0; margin: 0; width: 100%; float: right; display: none; }
.navbar-collapse {padding:0;}
.navbar-nav > li {padding:0; color:#000; text-align: left; margin: 0; letter-spacing: 1px;}
.navbar-inverse .navbar-nav > li > a {color:#000; }
.navbar-nav > li > a {color: #000; font-family: "helveticaneue-light"; font-size: 15px; font-weight: normal; line-height: 30px;
margin: 0; padding: 0 15px; text-align: left; transition: all 0.3s ease 0s;}
.navbar-nav > li:hover:after {opacity: 1; bottom: 0;}
.navbar-nav > li.current-menu-item:after {opacity: 1; bottom: 0;}
.navbar-nav > li > a:hover {background-color:transparent !important; color: #1298d5 !important; }
.navbar-nav > li.current-menu-item > a { background-color:transparent !important; color: #1298d5 !important; }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #1298d5 !important; } 
.navbar-nav > li.last {display:none;}

header {background: #fff none repeat scroll 0 0; height: 60px; position: fixed; top: 0; transition: top 0.9s ease-in-out 0s;
width: 100%; z-index: 2147483647;}
.inner-header {width: 1080px; margin: 0 auto;}
.ordr-now { color:#fff;line-height:30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-family:'Myriadpro_semibold';-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.57);-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.57);box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);background: -webkit-linear-gradient(#6fbd45,#0f5f24);  
background: -moz-linear-gradient(#6fbd45,#0f5f24);  background: -o-linear-gradient(#6fbd45,#0f5f24);  
background: linear-gradient(#6fbd45,#0f5f24);  -webkit-transition:background 160ms ease-in 0s;  -moz-transition:background 160ms ease-in 0s;  -o-transition: background 160ms ease-in 0s;  transition: background 160ms ease-in 0s;   background-size:1px 100px;width:100%;
float: right; padding: 0 25px; width: auto; font-size:16px; font-family:"Myriadpro_semibold"; font-weight:normal; margin-top: 15px;}
.ordr-now:hover{background-position:100px; color: #fff;}
.nav-hldr { width: auto; float: left;}
.nav-icon{display: none;}
.responsive-logo{display: none;}
.responsive-btn{display: none;}

.order-button-inner { margin:0;padding:17px 30px 17px 28px;color:#fff;line-height:55px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.57);-moz-box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);background: -webkit-linear-gradient(#6fbd45,#0f5f24);  
background: -moz-linear-gradient(#6fbd45,#0f5f24);   background: -o-linear-gradient(#6fbd45,#0f5f24);  
background: linear-gradient(#6fbd45,#0f5f24);  -webkit-transition: background 160ms ease-in 0s;  -moz-transition: background 160ms ease-in 0s;  -o-transition: background 160ms ease-in 0s;  transition:background 160ms ease-in 0s;   background-size:1px 150px;height:55px;
font-size:25px; font-family:'Myriadpro_semibold'; }
.order-button-inner:hover{background-position:100px; color: #fff;}


/*.nav-icon .fa.fa-times{display: none; margin-top: 10px;}
.nav-icon.active .fa.fa-times{display: block;}
.nav-icon.active .fa.fa-bars{display: none;}*/
/*===========================Responsive========================*/


@media screen and (min-width :1200px) and (max-width :1280px) {

header .container{width: 1190px;}
}
@media screen and (min-width :1100px) and (max-width :1199px) {

.navbar-nav > li > a{padding: 0 13px;font-size: 13px;}
.ordr-now{font-size: 12px; float: left; width: 15%; text-align: center;padding: 0;}

}
@media screen and (min-width : 971px) and (max-width :1099px) {
header .container{ width: 900px;max-width: 100%; }

.navbar-nav > li > a{padding: 0 6px;font-size: 13px;}
.ordr-now{font-size: 12px; float: left; width: 15%; text-align: center;padding: 0;}

}
@media screen and (min-width : 768px) and (max-width : 970px) {

/*---------------Nav----------------*/
.ordr-now{display: none;}
.inner-header{width: 100%;}
.inner-header .col-sm-3.col-xs-6 { width: 65%;}
.inner-header .col-sm-9.col-xs-6 {float: right; position: relative;width: 75%;}

.navbar {display: block;}
.nav-hldr {float: right; position: absolute; top: -53px; width: 100%;}
.pushmenu { background: #444; text-align: center; width: 90%; height: 100%; top: 0; z-index: 1000; position: fixed;}
.pushmenu-left { right: -300px; }
.pushmenu-left.pushmenu-open { right: 0; }
.pushmenu-push { overflow-x: hidden; position: relative; right: 0;}
.pushmenu-push-toright { right: 300px; }
.pushmenu, .pushmenu-push { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
#nav-list {background: #fff none repeat scroll 0 0; color: #000; cursor: pointer; float: right; font-size: 30px; padding: 1px 10px; position: absolute; right: 20px;}
.nav-icon.active {right: 72% !important;}
.nav-icon{display: block;}
.responsive-logo{background: #fff none repeat scroll 0 0; box-shadow: 7px 5px 6px 5px rgba(0, 0, 0, 0.47); display: block;}
.navbar-nav > li > a{color: #fff; font-size: 14px; font-weight: bold; letter-spacing: 1px; line-height: 38px; padding: 0 23px; }
.navbar-nav > li:hover{background: #fef8f8; transition: 0.8s all;}
.navbar-nav > li > a:hover{color: #000 !important;}
.navbar-nav > li{letter-spacing: 0; float: left; width: 100%; border-top: 1px solid #575757;}
.navbar-nav > li.last{display: block; background: transparent; transition: 0.5s all; border: none;}
.navbar-nav > li.last:hover{background: #fef8f8;}
.nav > li > a:hover, .nav > li > a:focus{color: #000 !important;background: #fef8f8;}
.responsive-btn{width: 33%; font-size: 15px; bottom: -53px; display: table; float: none; height: 20px; left: 0; line-height: 20px; margin: 32px auto 0; position: absolute; right: 0;}
.res-btn-hldr{width: 100%; float: left; margin: 68px 0 0; position: relative; display: block;}
.pushmenu-left {right: -95%;}

}
@media screen and (min-width : 640px) and (max-width: 767px) {

/*---------------Nav----------------*/
.ordr-now{display: none;}
.inner-header{width: 100%;}
.inner-header .col-sm-3.col-xs-6 { width: 65%;}
.inner-header .col-sm-9.col-xs-6 {float: right; position: relative;width: 75%;}

.navbar {display: block;}
.nav-hldr {float: right; position: absolute; top: -53px; width: 100%;}
.pushmenu { background: #444; text-align: center; width: 86%; height: 100%; top: 0; z-index: 1000; position: fixed;}
.pushmenu-left { right: -300px; }
.pushmenu-left.pushmenu-open { right: 0; }
.pushmenu-push { overflow-x: hidden; position: relative; right: 0;}
.pushmenu-push-toright { right: 300px; }
.pushmenu, .pushmenu-push { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
#nav-list {background: #fff none repeat scroll 0 0; color: #000; cursor: pointer; float: right; font-size: 30px; padding: 1px 10px; position: absolute; right: 20px;}
.nav-icon.active {right: 58% !important;}
.nav-icon{display: block;}
.responsive-logo{background: #fff none repeat scroll 0 0; box-shadow: 7px 5px 6px 5px rgba(0, 0, 0, 0.47); display: block;}
.navbar-nav > li > a{color: #fff; font-size: 14px; font-weight: bold; letter-spacing: 1px; line-height: 38px; padding: 0 23px; }
.navbar-nav > li:hover{background: #fef8f8; transition: 0.8s all;}
.navbar-nav > li > a:hover{color: #000 !important;}
.navbar-nav > li{letter-spacing: 0; float: left; width: 100%; border-top: 1px solid #575757;}
.navbar-nav > li.last{display: block; background: transparent; transition: 0.5s all; border: none;}
.navbar-nav > li.last:hover{background: #fef8f8;}
.nav > li > a:hover, .nav > li > a:focus{color: #000 !important;background: #fef8f8;}
.responsive-btn{width: 33%; font-size: 15px; bottom: -53px; display: table; float: none; height: 20px; left: 0; line-height: 20px; margin: 32px auto 0; position: absolute; right: 0;}
.res-btn-hldr{width: 100%; float: left; margin: 68px 0 0; position: relative; display: block;}
.pushmenu-left {right: -92%;}
}
@media screen and (min-width : 480px) and (max-width: 639px) {

/*---------------Nav----------------*/
.ordr-now{display: none;}
.inner-header{width: 91%;}
.inner-header .col-sm-3.col-xs-6 { width: 65%;}
.inner-header .col-sm-9.col-xs-6 {float: right; position: relative;width: 75%;}

.navbar {display: block;}
.nav-hldr {float: right; position: absolute; top: -46px; width: 100%;}
.pushmenu { background: #444; text-align: center; width: 87%; height: 100%; top: 0; z-index: 1000; position: fixed;}
.pushmenu-left { right: -300px; }
.pushmenu-left.pushmenu-open { right: 0; }
.pushmenu-push { overflow-x: hidden; position: relative; right: 0;}
.pushmenu-push-toright { right: 300px; }
.pushmenu, .pushmenu-push { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
#nav-list {background: #fff none repeat scroll 0 0; color: #000; cursor: pointer; float: right; font-size: 30px; padding: 1px 10px; position: absolute; right: 20px;}
.nav-icon.active {right: 33% !important;}
.nav-icon{display: block;}
.responsive-logo{background: #fff none repeat scroll 0 0; box-shadow: 7px 5px 6px 5px rgba(0, 0, 0, 0.47); display: block;}
.navbar-nav > li > a{color: #fff; font-size: 14px; font-weight: bold; letter-spacing: 1px; line-height: 38px; padding: 0 23px; }
.navbar-nav > li:hover{background: #fef8f8; transition: 0.8s all;}
.navbar-nav > li > a:hover{color: #000 !important;}
.navbar-nav > li{letter-spacing: 0; float: left; width: 100%; border-top: 1px solid #575757;}
.navbar-nav > li.last{display: block; background: transparent; transition: 0.5s all; border: none;}
.navbar-nav > li.last:hover{background: #fef8f8;}
.nav > li > a:hover, .nav > li > a:focus{color: #000 !important;background: #fef8f8;}
.responsive-btn{width: 48%; font-size: 15px; bottom: -53px; display: table; float: none; height: 20px; left: 0; line-height: 20px; margin: 32px auto 0; position: absolute; right: 0;}
.res-btn-hldr{width: 100%; float: left; margin: 68px 0 0; position: relative; display: block;}
.pushmenu-left {right: -92%;}
}
@media screen and (min-width : 360px) and (max-width: 479px) {


.order-button-inner{font-size: 14px; height: 46px; line-height: 46px; padding: 7px 16px;}
/*---------------Nav----------------*/
.ordr-now{display: none;}
.inner-header{width: 90%;}
.inner-header .col-sm-3.col-xs-6 { width: 65%;}
.inner-header .col-sm-9.col-xs-6 {float: right; position: relative;width: 75%;}

.container .open-sidebar { right: 240px; }
.swipe-area {
  position: absolute;
  width: 50px;
  left: 0;
  top: 0;
  height: 100%;
  background: #f3f3f3;
  z-index: 0;
}

.navbar {display: block;}
.nav-hldr {float: right; position: relative; top: -53px; width: 100%;}
.pushmenu { background: #444; text-align: center; width: 290px; height: 100%; top: 0; z-index: 1000; position: fixed;}
.pushmenu-left { right: -84%; }
.pushmenu-left.pushmenu-open { right: 0; }
.pushmenu-push { overflow-x: hidden; position: relative; right: 0;}
.pushmenu-push-toright { right: 300px; }
.pushmenu, .pushmenu-push { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
#nav-list {background: #fff none repeat scroll 0 0; color: #000; cursor: pointer; float: right; font-size: 30px; padding: 1px 10px; position: absolute; right: -5px;}
.nav-icon.active {right: -9px !important;}
.nav-icon{display: block;}
.responsive-logo{background: #fff none repeat scroll 0 0; box-shadow: 7px 5px 6px 5px rgba(0, 0, 0, 0.47); display: block;}
.navbar-nav > li > a{color: #fff; font-size: 14px; font-weight: bold; letter-spacing: 1px; line-height: 38px; padding: 0 23px; }
.navbar-nav > li:hover{background: #fef8f8; transition: 0.8s all;}
.navbar-nav > li > a:hover{color: #000 !important;}
.navbar-nav > li{letter-spacing: 0; float: left; width: 100%; border-top: 1px solid #575757;}
.navbar-nav > li.last{display: block; background: transparent; transition: 0.5s all; border: none;}
.navbar-nav > li.last:hover{background: #fef8f8;}
.nav > li > a:hover, .nav > li > a:focus{color: #000 !important;background: #fef8f8;}
.responsive-btn{width: 56%; font-size: 15px; bottom: -53px; display: table; float: none; height: 25px; left: 0; line-height: 25px; margin: 32px auto 0; position: absolute; right: 0;}
.res-btn-hldr{width: 100%; float: left; margin: 68px 0 0; position: relative; display: block;}

}


@media screen and (min-width : 320px) and (max-width: 359px) {


/*---------------Nav----------------*/
.ordr-now{display: none;}
.inner-header{width: 100%; padding: 0 0 0 20px;}
.inner-header .col-sm-3.col-xs-6 { width: 65%;}
.inner-header .col-sm-9.col-xs-6 {float: right; position: relative;width: 75%;}

.navbar {display: block;}
.nav-hldr {float: right; position: absolute; top: -53px; width: 100%;}
.pushmenu { background: #444; text-align: center; width: 260px; height: 100%; top: 0; z-index: 1000; position: fixed;}
.pushmenu-left { right: -300px; }
.pushmenu-left.pushmenu-open { right: 0; }
.pushmenu-push { overflow-x: hidden; position: relative; right: 0;}
.pushmenu-push-toright { right: 300px; }
.pushmenu, .pushmenu-push { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
#nav-list {background: #fff none repeat scroll 0 0; color: #000; cursor: pointer; float: right; font-size: 30px; padding: 1px 10px; position: absolute; right: 20px;}
.nav-icon.active {right: -23px !important;}
.nav-icon{display: block;}
.responsive-logo{background: #fff none repeat scroll 0 0; box-shadow: 7px 5px 6px 5px rgba(0, 0, 0, 0.47); display: block;}
.navbar-nav > li > a{color: #fff; font-size: 14px; font-weight: bold; letter-spacing: 1px; line-height: 38px; padding: 0 23px; }
.navbar-nav > li:hover{background: #fef8f8; transition: 0.8s all;}
.navbar-nav > li > a:hover{color: #000 !important;}
.navbar-nav > li{letter-spacing: 0; float: left; width: 100%; border-top: 1px solid #575757;}
.navbar-nav > li.last{display: block; background: transparent; transition: 0.5s all; border: none;}
.navbar-nav > li.last:hover{background: #fef8f8;}
.nav > li > a:hover, .nav > li > a:focus{color: #000 !important;background: #fef8f8;}
.responsive-btn{width: 68%; font-size: 15px; bottom: -53px; display: table; float: none; height: 15px; left: 0; line-height: 15px; margin: 32px auto 0; position: absolute; right: 0;}
.res-btn-hldr{width: 100%; float: left; margin: 68px 0 0; position: relative; display: block;}
}