/*
The Official KIOMBO Online Shop
@author Kiombo <info@kiombo.com>
https://www.kiombo.com
@copyright (c) 2024 Kiombo
All Rights Reserved
*/

@media (max-width: 1400px) {
	
/* --------------------------------------------------------------------------------- */
/* FOOTER
/* --------------------------------------------------------------------------------- */
	
/* Free Shipping Section
==================================================*/

.waves-block {
background-size: 1400px;
height: 236px;
margin-bottom: -5px;
}

}

@media (max-width: 1200px) {
	
/* --------------------------------------------------------------------------------- */
/* FOOTER
/* --------------------------------------------------------------------------------- */
	
/* Free Shipping Section
==================================================*/

.waves-block {
background-size: 1200px;
height: 201px;
}
	
/* Footer Store Logo Section
==================================================*/

.ftr_logo h2:before,
.ftr_logo h2:after {
width: 33%;
}

}

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

/* HEADER
==================================================*/

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

}

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

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

}

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

.navbar {
padding: 20px 0;
margin: 0;
}

.navbar-nav {
margin: 10px 0 5px 0;
}

.navbar-nav > li {
margin-top: 10px;
margin-left: 0;
}

.navbar-nav > li > a,
.navbar-nav > li > a:active,
.navbar-nav > li > a:focus {
display: block;
color: #333333;
line-height: 24px;
padding: 10px !important;
}

/* Welcome Box Section
==================================================*/

.welcome {
text-align: left;
}

.welcome p {
font-size: 13px;
font-weight: 700;
line-height: 30px;
letter-spacing: 0.5px;
}

#welcome {
position: relative;
padding: 30px 0;
}

.welcome-item {
margin: 10px 0;
}

.single_promo {
margin-bottom: 30px;
}

.single_popular_post .spp_img {
float: inherit;
width: auto;
border: none;
margin-bottom: 15px;
}

.about_content_area {
margin-top: 40px;
}

.about_inner {
margin-bottom: 40px;
}

.account_area .login-form {
border-right: 0;
}

.account_area .login-form,
.account_area .register-form {
padding: 0 15px;
}

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

.preview {
margin-bottom: 20px;
}

.pd_tab_btn li a {
text-transform: none;
padding: 5px 8px;
}

.pd_tab_btn li a.active {
text-transform: none;
}

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

/* Free Shipping Section
==================================================*/

.waves-block {
background-size: 991px;
height: 167px;
}

/* Footer Store Logo Section
==================================================*/

.ftr_logo h2:before,
.ftr_logo h2:after {
width: 30%;
}

}

@media (max-width: 767px) {
	
/* --------------------------------------------------------------------------------- */
/* PRODUCT DETAILS
/* --------------------------------------------------------------------------------- */
	
.pd_content {
margin: 20px 0 0 0;
}

.special_info {
padding: 12% 0;
}

.single_ftr {
margin-bottom: 20px;
}

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

.cartbuttons a.btn_checkout {
display: block;
clear: both;
margin: 0;
}

.item [class*=col-]:nth-child(2) {
padding-left: 0;
padding-bottom: 7px;
}

/* --------------------------------------------------------------------------------- */
/* ORDER HISTORY DETAILS / CHECKOUT
/* --------------------------------------------------------------------------------- */

.stepwizard-step {
position: relative;
display: block;
width: 100%;
text-align: center;
margin-bottom: 30px;
}

.stepwizard-row:before {
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);
}

/* --------------------------------------------------------------------------------- */
/* CONTACT US
/* --------------------------------------------------------------------------------- */

.contacts .info {
margin: 30px 0 0 0;
padding-left: 15px;
}

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

/* Free Shipping Section
==================================================*/

.waves-block {
background-size: 767px;
height: 129px;
}

/* Footer Store Logo Section
==================================================*/

.ftr_logo h2:before,
.ftr_logo h2:after {
width: 22%;
}

}

@media (max-width: 520px) {

/* Rotation Slogan Section
==================================================*/

.rotator p {
font-size: 50px;
padding: 0 0 8px 0;
}

.rotator p i {
font-size: 14px;
}

.rotator h5 {
font-size: 14px;
}
	
/* Order History
==================================================*/

p.btnH a,
p.btnH a:active,
p.btnH a:focus,
p.btnH a:hover {
display: block;
margin-bottom: 15px;
}
	
p.btnH a:last-child {
margin-bottom: 5px;
}

/* Footer Store Logo Section
==================================================*/

.ftr_logo a img {
max-width: 200px;
height: auto;
}

.ftr_logo h2:before,
.ftr_logo h2:after {
width: 20%;
}

}

@media (max-width: 480px) {
	
/* Header Store Logo
==================================================*/
	
.navbar-brand img {
width: 189px;
height: 45px;
}

/* Header Search Box
==================================================*/

.search-full-view .input-group {
width: 90%;
}

.search-full-view #search-close {
top: 10px;
right: 10px;  
font-size: 40px; 
}

/* Free Shipping Section
==================================================*/

.waves-block {
background-size: 480px;
height: 81px;
}

.free_shipping h1 {
font-size: 14px;
line-height: 18px;
letter-spacing: 0;
}
		
/* Footer Payment/shipping Mthd Icons Section
==================================================*/

.ftr_payment_mthd {
padding-top: 25px;
padding-bottom: 25px;
}
	
.shipping_mthd_title {
margin-top: 30px;
}

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

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

.cd-top,
.cd-top.cd-is-visible {
visibility: hidden;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
}

}

@media (max-width: 420px) {
	
/* Footer Store Logo Section
==================================================*/

.ftr_logo h2:before,
.ftr_logo h2:after {
width: 14%;
}

}

@media (max-width: 360px) {
	
/* Free Shipping Section
==================================================*/

.waves-block {
background-size: 360px;
height: 74px;
}

/* Footer Store Logo Section
==================================================*/

.ftr_logo h2:before,
.ftr_logo h2:after {
width: 10%;
}

}

@media (max-width: 320px) {
	
/* Rotation Slogan Section
==================================================*/

.rotator p {
font-size: 30px;
padding: 0 0 5px 0;
}

.rotator p i {
font-size: 12px;
}

.rotator h5 {
font-size: 13px;
}
	
/* Footer Store Logo Section
==================================================*/

.ftr_logo h2:before,
.ftr_logo h2:after {
display: none;
}

}

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

.about-us {
color: #FFFFFF;
padding: 50px 0;
background-color: #FFFFFF;
}

}