/*
Template Name: Osahan Mobile - Bootstrap 4 E-Commerce Template
Author: Askbootstrap
Author URI: https://themeforest.net/user/askbootstrap
Version: 1.0
*/

@media (max-width: 576px) {
	.tags-action {
	    margin-bottom: 12px;
	    text-align: center;
	}
	.sort-by-btn.pull-right {
	    float: none !important;
	    text-align: center;
	}

	.sort-by-btn.pull-right .pull-right.view-mode {
	    float: left;
	    margin: 0;
	}
	.mobile-none{
		display: none;
	}
	#countdown {
	    display: none;
	}
	.product-item, .widget{
		margin-bottom: 15px;
	}
	.widget-header h1 i {
	    border-radius: 5px;
	    left: 9px;
	    top: 9px;
	}
	.copyright{
		text-align: center;
	}
	.services-block-footer .col-lg-6 {
		border-bottom: 1px solid #dcdcdc;
	}
	.footer {
		text-align: center;
	}
	.footer-links {
		margin-bottom: 4px;
		text-align: center;
	}
	.footer .social-icon {
		display: none;
	}
	.footer-bottom {
		display: none;
	}
	.footer-links li a {
    	padding: 0 9px;
	}
	.services-block-footer .item {
    	padding: 16px 0;
	}
	.mega-menu-img {
		display: none;
	}
	.navbar-top {
		display: none;
	}
	.top-categories-search .categories-dropdown {
		display: none;
	}
	.close-top-right {
		border-radius: 30px;
		right: 26px;
		top: 14px;
		width: 30px;
	}
	.widget .login-modal-right {
		padding: 0;
	}
	.top-brands .col-lg-2.col-md-2.col-sm-2 {
		margin: 0;
		padding: 0;
		width: 33.3%;
	}
	.footer-logo {
		display: none;
	}
	.text-left-not-xs,
	.text-center-not-xs,
	.text-right-not-xs,
	.text-justify-not-xs {
		text-align: inherit;
	}
	.text-left-xs {
		text-align: left;
	}
	.text-center-xs {
		text-align: center;
	}
	.text-right-xs {
		text-align: right;
	}
	.text-justify-xs {
		text-align: justify;
	}
	section {
    padding: 25px 0;
}
}

@media (max-width: 768px) {
	.services-block-footer .col-lg-6 {
		border-bottom: 1px solid #dcdcdc;
	}
	.footer {
		text-align: left;
	}
	.footer-links {
		margin-bottom: 4px;
	}
	.footer-bottom {
		display: none;
	}
	.footer-links li a {
    	padding: 0 9px;
	}
	.footer-logo.pull-left.hidden-xs {
		display: none;
	}
	.services-block-footer .item {
    	padding: 16px 0;
	}
	.text-des h2 {
		font-size: 12px;
	}
	.text-des p {
		display: none;
	}
	.text-des-container {
		padding: 10px !important;
	}
	.text-des-container .btn {
		border: medium none;
		font-size: 14px;
		height: 30px;
		line-height: 28px;
		padding: 0;
		position: inherit;
		width: 30px;
	}
	.navbar-top div {
		flex: auto !important;
		margin: auto;
		max-width: 100%;
		text-align: center !important;
	}
	.navbar-top .list-inline,
	.navbar-top li {
		border: medium none;
	}
	.user-info-wrapper .user-cover {
		background-position: left top;
	}
	.receipt-main {
		padding: 20px;
	}
	.container {
		max-width: 100%;
		width: 100%;
	}
	.text-left-not-sm,
	.text-center-not-sm,
	.text-right-not-sm,
	.text-justify-not-sm {
		text-align: inherit;
	}
	.text-left-sm {
		text-align: left;
	}
	.text-center-sm {
		text-align: center;
	}
	.text-right-sm {
		text-align: right;
	}
	.text-justify-sm {
		text-align: justify;
	}
}

@media (max-width: 992px) {
	.navbar-top li:first-child {
		display: none;
	}
	.osahan-menu {
		padding: 12px 18px;
	}
	.osahan-menu .navbar-nav .nav-link {
		border-bottom: 1px solid #ebe7e7;
		padding: 9px 0 !important;
		position: relative;
		text-align: left;
	}
	.osahan-menu .dropdown.mega-dropdown-main {
		position: relative;
	}
	.sale-nav::after {
		font-size: 9px;
		font-weight: 700;
		left: 40px;
		line-height: 13px;
		padding: 0 3px;
		top: 2px;
	}
	.top-categories-search {
		background: #ffffff none repeat scroll 0 0;
		border-radius: 2px;
		box-shadow: 0 0 4px rgba(30, 30, 30, 0.32);
		margin: 4px 0 11px;
		min-width: auto !important;
		padding: 3px 3px 3px 0;
	}
	.main-nav-right {
		margin: auto;
		position: relative;
		text-align: center;
	}
	.osahan-menu-top-5 .top-categories-search .form-control {
		border-radius: 50px !important;
	}
	.pad-none-mobile {
		padding: 0;
	}
	.osahan-menu-5 .navbar-nav .nav-link,
	.osahan-menu-4 .navbar-nav .nav-link,
	.osahan-menu-3 .navbar-nav .nav-link,
	.osahan-menu-2 .navbar-nav .nav-link {
		padding: 9px 18px !important;
	}
	.osahan-menu-top-2 .my-2.my-lg-0,
	.osahan-menu-top-3 .my-2.my-lg-0,
	.osahan-menu-top-4 .my-2.my-lg-0,
	.osahan-menu-top-5 .my-2.my-lg-0 {
		margin: 0 !important;
	}
	.navbar-toggler {
		border-radius: 3px;
		padding: 1px 4px;
	}
	.cart-value {
		min-height: 17px;
		padding: 1px 6px;
		top: -6px;
	}
	.osahan-top-dropdown .dropdown-menu {
		top: 44px;
	}
	.navbar-toggler-white {
		background: #ffffff none repeat scroll 0 0 !important;
		border-color: #ffffff !important;
	}
	.btn {
		margin: 1px 0;
	}
	.user-info-wrapper .user-info {
		padding: 87px 9px 6px;
	}
	.user-info-wrapper .user-info .user-avatar {
		width: 55px;
	}
	.user-info-wrapper .user-info .user-data {
		padding-left: 8px;
		padding-top: 5px;
	}
	.user-info-wrapper .user-info .user-data h4 {
		font-size: 17px;
	}
	.user-account-sidebar .list-group-item {
		padding: 7px 8px;
	}
	.osahan-select-color a:last-child {
		display: inline-block;
		font-weight: bold;
	}
	.mx-auto {
		margin-left: unset;
		margin-right: unset;
		min-width: 100%;
	}
	.round-tabs li {
		margin: 0 2px;
	}
	.round-tabs li a {
		min-width: auto !important;
		padding: 1px 12px !important;
		text-transform: none !important;
	}
	.pad-left-0 {
		padding-left: 15px;
	}
	.login-modal-left {
		display: none;
	}
	.product-item-list .product-item-image {
		float: left;
		padding: 13px;
		width: 129px;
	}
	.product-discount {
		display: none;
	}
	.product-item-list {
		padding: 0 9px 13px 0;
	}
	.footer-Content .col-lg-3.col-md-3.col-sm-3 {
		min-width: 50%;
	}
	.footer-widget .block-title {
		margin: 26px 0;
	}
	.footer-Content {
		padding-top: 6px;
	}
	.container {
		max-width: 100%;
		width: 100%;
	}
	.text-left-not-md,
	.text-center-not-md,
	.text-right-not-md,
	.text-justify-not-md {
		text-align: inherit;
	}
	.text-left-md {
		text-align: left;
	}
	.text-center-md {
		text-align: center;
	}
	.text-right-md {
		text-align: right;
	}
	.text-justify-md {
		text-align: justify;
	}
}

@media (max-width: 1200px) {
	.top-categories-search {
		min-width: 499px;
	}
	.container {
		max-width: 100%;
		width: 100%;
	}
	.osahan-menu .navbar-nav .nav-link {
		padding: 22px 7px;
	}
	.osahan-menu-5 .navbar-nav .nav-link,
	.osahan-menu-4 .navbar-nav .nav-link,
	.osahan-menu-3 .navbar-nav .nav-link,
	.osahan-menu-2 .navbar-nav .nav-link {
		padding: 10px 12px;
	}
	.text-left-not-lg,
	.text-center-not-lg,
	.text-right-not-lg,
	.text-justify-not-lg {
		text-align: inherit;
	}
	.text-left-lg {
		text-align: left;
	}
	.text-center-lg {
		text-align: center;
	}
	.text-right-lg {
		text-align: right;
	}
	.text-justify-lg {
		text-align: justify;
	}
}

/* =============================================
   Compact & Sleek Header — THCshopify.com
   ============================================= */

/* 1. Slim Top Bar */
.navbar-top {
    padding: 3px 0 !important;
    background: #ffffff !important;
    border-bottom: 1px solid #ededed !important;
}
.navbar-top p,
.navbar-top li,
.navbar-top a {
    font-size: 12px !important;
    line-height: 22px !important;
}

/* 2. Compact Main Logo & Search Bar Row */
.osahan-menu-top-4 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    background: #ffffff !important;
}
.navbar-brand {
    margin: 0 !important;
    padding: 0 !important;
}
.navbar-brand img {
    max-height: 52px !important;
    width: auto !important;
    max-width: 185px !important;
    display: block !important;
}
.osahan-menu-top-4 .top-categories-search {
    margin: 0 !important;
}
.main-nav-right li a {
    font-size: 16px !important;
}

/* 3. Compact Purple Navigation Menu Bar */
.osahan-menu-4 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: auto !important;
}
.osahan-menu-4 .navbar-nav .nav-link {
    padding: 8px 13px !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
}
.osahan-menu-4 .navbar-text {
    font-size: 12px !important;
    padding: 8px 0 !important;
}

/* =============================================
   Boxed Responsive Slider — Full Data Visible, Compact Size
   ============================================= */

.slider-wrapper-main {
    background: #ffffff none repeat scroll 0 0 !important;
    width: 100% !important;
    overflow: hidden !important;
}

.owl-carousel-slider {
    background: #ffffff !important;
    border: none !important;
    margin-bottom: 0 !important;
    overflow: hidden;
}

.owl-carousel-slider .item {
    background: #ffffff !important;
    text-align: center;
}

/* Slider banner images — 100% data shown, NO cropping, compact height */
.owl-carousel-slider img,
.owl-carousel-slider .item img,
.owl-carousel-slider .owl-item img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 480px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto;
}

/* Featured / brands product carousel cards */
.owl-carousel-featured .item,
.owl-carousel-brands .item {
    padding: 0 5px;
}

/* Product images in carousel */
.owl-carousel-featured img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media (max-width: 1200px) {
    .owl-carousel-slider img,
    .owl-carousel-slider .item img,
    .owl-carousel-slider .owl-item img {
        max-height: 420px !important;
    }
}

@media (max-width: 991px) {
    .navbar-brand img {
        max-height: 46px !important;
        max-width: 160px !important;
    }

    .owl-carousel-slider img,
    .owl-carousel-slider .item img,
    .owl-carousel-slider .owl-item img {
        max-height: 340px !important;
    }
}

@media (max-width: 767px) {
    /* Fluid responsive slider on mobile */
    .slider-wrapper-main .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .owl-carousel-slider {
        margin-bottom: 10px;
    }

    .owl-carousel-slider img,
    .owl-carousel-slider .item img,
    .owl-carousel-slider .owl-item img {
        width: 100% !important;
        height: auto !important;
        max-height: 250px !important;
        object-fit: contain !important;
    }

    .owl-carousel-slider .owl-controls .owl-pagination {
        bottom: 2px !important;
    }

    .owl-carousel-slider .owl-controls .owl-pagination span {
        width: 16px !important;
        height: 3px !important;
        margin: 2px !important;
    }

    /* Navbar toggler visible & accessible on mobile */
    .navbar-toggler {
        display: block !important;
        margin-left: auto;
    }

    /* Product grid: 2 columns on small screens */
    .product-item {
        flex: 0 0 50%;
        max-width: 50%;
    }

    /* Top bar hide on very small screens */
    .navbar-top {
        display: none;
    }

    /* Search bar full width on mobile */
    .top-categories-search-main {
        width: 100%;
    }

    .top-categories-search .input-group {
        flex-wrap: nowrap;
    }

    /* Footer columns stack */
    .footer-Content .col-lg-3 {
        margin-bottom: 20px;
    }
}

@media (max-width: 480px) {
    /* Single column product grid on very small screens */
    .product-item {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .navbar-brand img {
        max-height: 40px !important;
        max-width: 140px !important;
    }

    .owl-carousel-slider img,
    .owl-carousel-slider .item img,
    .owl-carousel-slider .owl-item img {
        width: 100% !important;
        height: auto !important;
        max-height: 190px !important;
        object-fit: contain !important;
    }

    /* Fix Owl nav buttons overlap on tiny screens */
    .owl-prev, .owl-next {
        display: none !important;
    }
}