/*   
Ordering Online Solution
@author STDesign4U <info@stdesign4u.com>
http://www.stdesign4u.com
@copyright (c) 2018 STDesign4U
All Rights Reserved
*/

@media (max-width: 991px) {
	
/* --------------------------------------------------------------------------------- */
/* HEADER
/* --------------------------------------------------------------------------------- */

.navbar-nav > li {
display: block;
margin-left: 5px;
}

.navbar-inverse .navbar-nav {
margin-right: 0;
}

.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a:visited,
.navbar-inverse .navbar-nav > li > a:active,
.navbar-inverse .navbar-nav > li > a:focus {
padding: 5px 20px;
}

.navbar-inverse .navbar-nav > .active> a, 
.navbar-inverse .navbar-nav > .active> a:hover, 
.navbar-inverse .navbar-nav > .active> a:focus, 
.navbar-inverse .navbar-nav > .open> a:hover,
.navbar-inverse .navbar-nav > .open> a:focus {
background-color: #FFFFFF;
border: 0;
border-radius: 0;
}

.container > .navbar-header,
.container > .navbar-collapse {
margin-left: 0;
}

.navbar-nav > li {
padding-bottom: 0;
}

.nav-tabs > li.active > a:after {
display: none;
}

/* --------------------------------------------------------------------------------- */
/* CONTENT
/* --------------------------------------------------------------------------------- */

#ModalAddToCart .modal-dialog {
margin-bottom: 60px;
}

}

@media (max-width: 767px) {

/* --------------------------------------------------------------------------------- */
/* STRUCTURE LAYOUT
/* --------------------------------------------------------------------------------- */

.content {
padding-top: 5px;
}

.modal-content {
width: 100%;
}
	
/* --------------------------------------------------------------------------------- */
/* HEADER
/* --------------------------------------------------------------------------------- */

.header {
width: 100%;
margin: 0;
padding-bottom: 10px;
}

.corporate-label {
float: left;
border: 0;
padding: 0;
margin: 10px 0 0 0;
}

.navbar-nav > li {
display: block;
margin: 0 0 7px 15px;
padding-left: 15px;
}

.navbar-inverse .navbar-nav .open .megamenu {
margin-top: 10px;
margin-bottom: 10px;
border: 0;
border-radius: 0;
}

.navbar-collapse {
width: 100%;
margin: 0;
padding: 0 !important;
border-top: 0 !important;
box-shadow: none !important;
}

.megamenu {
width: 100%;
padding: 0;
margin: 0;
border: 0 !important;
background-color: #573F71 !important;
}

.megamenu .dropdown-header {
font-size: 12px;
padding: 0 !important;
margin: 0 !important;
text-align: left;
clear: both;
}

.megamenu > li {
margin-bottom: 5px;
padding-left: 15px;
}

.megamenu > li:last-child {
margin-bottom: 0;
}

.navbar-toggle {
margin-top: 8px;
margin-right: 3px;
border: 2px solid #FFFFFF !important;
padding: 6px;
}

.navbar-toggle:hover,
.navbar-toggle:active,
.navbar-toggle:focus {
background-color: #573F71 !important;
color: #FFFFFF !important;
border: 2px solid #FFFFFF !important;
}

.navbar-toggle:hover .icon-bar,
.navbar-toggle:active .icon-bar,
.navbar-toggle:focus .icon-bar {
background-color: #FFFFFF !important
}

li.dropdown,
a.dropdown-toggle,
a.dropdown-toggle:hover {
overflow: hidden !important;;
}

/* --------------------------------------------------------------------------------- */
/* MAIN PAGE SLIDER
/* --------------------------------------------------------------------------------- */

.carousel-indicators {
bottom: 3px;
}

/* --------------------------------------------------------------------------------- */
/* SHOPPING CART
/* --------------------------------------------------------------------------------- */

.single-table table,
.single-table thead,
.single-table tbody,
.single-table th,
.single-table td,
.single-table tr { 
display: block; 
}

.single-table thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}

.single-table tr {
border: 0;
text-align: left;
border-bottom: 0;
margin-bottom: 10px;
}

.single-table tr + tr {
margin-top: 30px;
}

.qtd {
text-align: right;
}

.del {
text-align: right;
}

.table > tbody > tr > td.qtd input {
width: 60px;
}

.single-table td {
position: relative;
border: none;
border-bottom: 0; 
text-transform: none;
font-weight: normal;
line-height: 24px;
}

.single-table td:before { 
position: absolute; 
top: 6px;
left: 6px;
width: 100%; 
padding-right: 5px; 
text-transform: uppercase;
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
line-height: 24px;
}

/* --------------------------------------------------------------------------------- */
/* CONTENT
/* --------------------------------------------------------------------------------- */

#ModalAddToCart:before {
height: 10px;
vertical-align: top;
}

#ModalAddToCart .modal-dialog {
margin-bottom: 80px;
}

.welcome_notice [class*="col-"] {
margin-bottom: 25px;
}

.welcome_notice [class*="col-"]:last-child {
margin-bottom: 0;
}

/* --------------------------------------------------------------------------------- */
/* CONTACTS
/* --------------------------------------------------------------------------------- */

.contacts {
margin-bottom: 0;
padding-bottom: 10px;
}

.contacts ul > li i {
margin: 10px 0 20px 0;
}

/* --------------------------------------------------------------------------------- */
/* FOOTER
/* --------------------------------------------------------------------------------- */

.footer-above {
text-align: center;
padding: 10px 0;
}

.footer-above ul {
padding: 0;
}

.footer-above ul > li {
display: block;
margin-right: 0;
}

.footer-above ul > li a,
.footer-above ul > li a:visited,
.footer-above ul > li a:active,
.footer-above ul > li a:focus {
line-height: 50px;
}

.footer-above ul > li a.active,
.footer-above ul > li a.active:visited,
.footer-above ul > li a.active:active,
.footer-above ul > li a.active:focus {
color: #FFFFFF;
font-weight: bold;
line-height: 50px;
background-color: transparent;
}

.footer-above ul > li a.active:hover {
font-weight: bold;
text-decoration: none;
}

.footer-below {
padding: 30px 0;
}

.footer-below .add1 {
margin: 10px 0 5px 0;
}

.footer-below .add2 {
margin: 20px 0 15px 0;
text-align: left;
}

/* --------------------------------------------------------------------------------- */
/* AGE VERIFICATION
/* --------------------------------------------------------------------------------- */

#ageModal .modal-dialog {
width: 96%;
margin: 40px auto 5px auto;
padding: 0;
}

}

@media (max-width: 480px) {
	
/* --------------------------------------------------------------------------------- */
/* GENERAL SETTING
/* --------------------------------------------------------------------------------- */

.getback,
.btn-send {
min-width: 80px;
}

/* --------------------------------------------------------------------------------- */
/* CONTENT
/* --------------------------------------------------------------------------------- */

#ModalAddToCart .modal-dialog {
margin-bottom: 80px;
}

/* --------------------------------------------------------------------------------- */
/* MAIN PAGE SLIDER
/* --------------------------------------------------------------------------------- */

.carousel-indicators {
display: none;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
}

/* --------------------------------------------------------------------------------- */
/* CONTACTS
/* --------------------------------------------------------------------------------- */

.box > .icon > .info > p {
font-size: 90%;
}

.box > .icon > .info > ul > li {
font-size: 90%;
}

.checkbox_register span {
font-size: 90% !important;
}

label[for=agree] a,
label[for=agree] a:visited,
label[for=agree] a:active,
label[for=agree] a:focus,
label[for=agree] a:hover {
font-size: 90% !important;
}

label[for=agree_register] a,
label[for=agree_register] a:visited,
label[for=agree_register] a:active,
label[for=agree_register] a:focus,
label[for=agree_register] a:hover {
font-size: 90% !important;
}

/* --------------------------------------------------------------------------------- */
/* FOOTER
/* --------------------------------------------------------------------------------- */

.footer-below ul.partners_logo li {
margin-right: 15px;
}

.footer-below ul.partners_logo li img {
width: 100%;
max-width: 90px;
height: auto;
}

/* --------------------------------------------------------------------------------- */
/* EU LAW COOKIE BAR
/* --------------------------------------------------------------------------------- */

#cookie_directive_container ul li:first-child {
display: block;
clear: both;
padding-bottom: 10px;
}

p#cookies_used {
display: block;
clear: both;
padding-top: 10px;
}

}

@media screen and (max-width: 360px) {
	
/* --------------------------------------------------------------------------------- */
/* HEADER
/* --------------------------------------------------------------------------------- */
	
.corporate-label img {
width: 100%;
max-width: 350px;
height: auto;
border: 0;
}

/* --------------------------------------------------------------------------------- */
/* CONTENT
/* --------------------------------------------------------------------------------- */

h2.featured,
h2.listing {
font-size: 140%;
line-height: 180%;
}

h3.listing {
font-size: 100%;
line-height: 120%;
padding: 15px 0;
}

/* --------------------------------------------------------------------------------- */
/* CHECKOUT
/* --------------------------------------------------------------------------------- */

.stepwizard-step p {
display: none;
opacity: 0;
}

h3.checkout {
font-size: 100%;
line-height: 120%;
}

/* --------------------------------------------------------------------------------- */
/* PRODUCT DETAILS
/* --------------------------------------------------------------------------------- */

.btncus {
margin-top: 10px;
}

/* --------------------------------------------------------------------------------- */
/* CONTENT
/* --------------------------------------------------------------------------------- */

#ModalAddToCart .modal-dialog {
margin-bottom: 130px;
}

}

@media screen and (max-width: 320px) {
	
/* --------------------------------------------------------------------------------- */
/* MODALS
/* --------------------------------------------------------------------------------- */
	
.login-footer .left-section a,
.login-footer .left-section a:visited,
.login-footer .left-section a:focus,
.login-footer .left-section a:active,
.login-footer .left-section a:hover {
font-size: 90%;
}

.register-terms,
.register-terms p {
font-size: 90%;
}

/* --------------------------------------------------------------------------------- */
/* SHOPPING CART
/* --------------------------------------------------------------------------------- */

.single-table td:nth-of-type(1):before,
.single-table td:nth-of-type(2):before,
.single-table td:nth-of-type(3):before,
.single-table td:nth-of-type(4):before,
.single-table td:nth-of-type(5):before {
display: block;
width: 100%;
clear: both;
padding-bottom: 10px;
}		
		
.single-table table,
.single-table thead,
.single-table tbody,
.single-table th,
.single-table td,
.single-table tr,
.single-table tr + tr { 
display: block;
width: 100%;
clear: both;
}

.single-table tr {
width: 100%;
}

.single-table td {
position: relative; 
display: block;
width: 100%;
border: none;
padding-left: 15px;
margin-bottom: 0;
text-align: left;
}

.single-table td:before {
position: relative;
left: 0;
display: block;
width: 100%;
padding: 5px 5px;
margin-bottom: 0;
text-align: left;
}

}