@media (min-width: 1200px) {
/*   
Ordering Online Solution
@author STDesign4U <info@stdesign4u.com>
http://www.stdesign4u.com
@copyright (c) 2018 STDesign4U
All Rights Reserved
*/
	
/* --------------------------------------------------------------------------------- */
/* HEADER
/* --------------------------------------------------------------------------------- */

/*
.dropdown:hover .dropdown-menu {
display: block;
-webkit-animation: fadeInUp 400ms;
animation: fadeInUp 400ms;
}
*/

.navbar-brand {
padding-left: 25px;
}

}

@media (min-width: 992px) and (max-width: 1199px) {

/* --------------------------------------------------------------------------------- */
/* HEADER
/* --------------------------------------------------------------------------------- */

/*
.dropdown:hover .dropdown-menu {
display: block;
-webkit-animation: fadeInUp 400ms;
animation: fadeInUp 400ms;
}
*/

.navbar-collapse {
padding-left: 0;
padding-right: 0;
}

.navbar-brand {
padding-left: 10px;
}

}

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

/*
.dropdown:hover .dropdown-menu {
display: block;
-webkit-animation: fadeInUp 400ms;
animation: fadeInUp 400ms;
}
*/

.navbar-collapse {
margin: 0;
padding-left: 0;
padding-right: 0;
}

.navbar-brand {
padding-left: 10px;
}

}

@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 5px;
display: block;
border: 0;
border-radius: 0;
}

.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) {
	
/* --------------------------------------------------------------------------------- */
/* HEADER
/* --------------------------------------------------------------------------------- */

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

.navbar-inverse .navbar-nav .open .megamenu {
margin-top: 10px;
}

.megamenu .dropdown-header,
.navbar-nav .open .megamenu .dropdown-header,
.navbar-inverse .navbar-nav .open .megamenu .dropdown-header {
margin: 0;
padding: 0;
}

.navbar-nav .open .megamenu .dropdown-header {
padding-left: 0;
}

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

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

.navbar-inverse .navbar-nav .open .megamenu .divider {
background-color: #FFFFFF;
}

.navbar-toggle {
margin-top: 10px;
margin-right: 10px;
border: 2px solid #FFFFFF !important;
}

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

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

ul.dropdown-categories {
width: 100% !important;
overflow: hidden;
}

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

/* --------------------------------------------------------------------------------- */
/* 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: 'Lato-bold', sans-serif;
line-height: 24px;
}

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

.carousel-indicators {
bottom: 3px;
}

/* --------------------------------------------------------------------------------- */
/* 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
/* --------------------------------------------------------------------------------- */

.contact-form {
margin-top: 25px; 
}

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

.footer-above {
text-align: center;
}

.footer-above ul {
padding: 0;
}

.footer-above ul>li {
display: block;
text-align: center;
margin: 15px 0;
}

footer .pull-left {
float: none !important;
}

footer .pull-right {
float: none !important;
}

.footer-above ul.info li {
text-align: center;
}

.footer-above ul.social {
text-align: center;
}

}

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

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

.top-text {
font-size: 90%;
}

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

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

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

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

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

.checkbox span,
.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;
}

/* --------------------------------------------------------------------------------- */
/* 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);
}

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

.footer-below {
font-size: 90%;
}

/* --------------------------------------------------------------------------------- */
/* 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) {
	
/* --------------------------------------------------------------------------------- */
/* CONTENT
/* --------------------------------------------------------------------------------- */

h2.featured,
h2.listing {
font-size: 130%;
line-height: 150%;
}

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

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

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

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

/* --------------------------------------------------------------------------------- */
/* 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;
}

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

.footer-below {
font-size: 70%;
}

/* --------------------------------------------------------------------------------- */
/* GO TO BOTTOM
/* --------------------------------------------------------------------------------- */

.cd-bottom {
height: 24px;
width: 24px;
}

/* --------------------------------------------------------------------------------- */
/* BACK TO TOP
/* --------------------------------------------------------------------------------- */

.cd-top {
height: 24px;
width: 24px;
}

}