@media (max-width: 2000px) {


.products .product-card {
 
    height: 465px;
}

.container-black {
    color: #fff;
    padding: 39px 20px!important;
}
.timer-headline2 {
    /* font-size: 35px; */
    font-size: 55px!important;
}


}

@media (max-width: 1400px) {
		.btn-m
 {
    font-size: 10px!important;
 }
 
	.timer-headline2 {
    /* font-size: 35px; */
    font-size: 47px!important;
    font-weight: 600;
    text-align: center;
    color: #fff;
}

.container-black {
    color: #fff;
    padding: 35px 20px!important;
}


.container1 {
    color: #333;
    padding: 32px 0px!important;
}
	
.countdown-box {
    color: #fff;
    padding: 3px 4px!important;
}

.count-number {
    font-size: 20px!important;
}

.count-label {
    font-size: 10px!important;
}
		.products .product-card {
   
    height: 455px;
}
	.box-category h1 {
    font-size: 12px !important;
}
.cat4 .box-category h1 {
    font-size: 11px !important;
	   width: 100%;
    /*height: 364px;*/
}
.cat8 {
    
	    margin-bottom: 61px;
}
	.cat4 .box-category {
    width: 100%;
    /* height: 139px; */
    height: 37%;
}
	.products .add-to-cart {
    background-color: #e60c12;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 7px 3px!important;
    cursor: pointer;
    font-size: 12px!important;
    gap: 5px;
    display: flex
;
    align-items: center;
}
	.products .current-price {
    font-size: 17px!important;
	margin-top: 2px!important;
	}
	.products .price {
    margin-top: 5px;
}
	
	.products .old-price {
    font-size: 10px!important;
	}
	
	.SKU3 {
    height: 13px;
}
	span.reviews-name {
    font-size: 10px;
    height: 50px;
}

.products .product-card .product-name {
    /*font-size: 11px!important;*/

    height: 61px !important;
    overflow: hidden;
}
.product-addto-link {

    font-size: 10px!important;
}

.image7 .product-image {
    height: auto !important;
    width: 100% !important;
    margin-top: 123px !important;
}
.featured-products .product-card .product-name {
    /* font-size: 18px; */
    font-size: 12px!important;
    font-weight: 400;
    margin: 0px 0!important;
    text-align: left;
    /* height: 50px; */
    height: 41px!important;
    overflow: hidden;
}

div#amazingslider-1 {
    width: 608px !important;
}

.BS .add {
    gap: 2px!important;
}

 .stock {
    top: 11px !important;
           padding: 9px 12px !important;
        border-radius: 4px !important;
        font-size: 9px !important;
}
}



@media (max-width: 1200px) {
.cat4 .box-category h1 {
    font-size: 12px !important;
	    /*height: 398px;*/
}

.top
{
	font-size:13px;
}
#cssmenu > ul > li > a {
    padding: 6px ;
    font-size: 13px;
}

.product-image-big {
    min-width: 300px !important;
    height: 520px !important;
}

.container-fluid {
    padding-right: 55px;
    padding-left: 55px;
}

    
.cart-h img {
    width: 95px;
}  


.box-category h1 {
    font-size: 12px !important;
}
	

}

@media (max-width: 991px) {
.box-category h1 {
    font-size: 15px !important;
}
.cart-h img {
        width: 75px;
    }
	
.featured-products .product-card .product-name {
    font-size: 16px;
}
.featured-products .product-card .product-name span {
    font-size: 18px;
}
	
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}

.slider-pc
{
	display: block;
}

.slider-mobile
{
	display:none;
}

/* On mobile the desktop hero slider (.slider-pc) is shown; its container carries an inline
   80px side padding meant for desktop. Reduce it so the slider uses the full mobile width. */
.container-fluid[style*="padding-left: 80px"]
{
	padding-left: 15px !important;
	padding-right: 15px !important;
}

/* Prevent any accidental horizontal page scroll on mobile. Nested scrollers (the banner
   strip, the amazingcarousels) keep their own overflow, so they still swipe normally.
   clip is used where supported (no scroll container, keeps vertical scroll); hidden is the fallback. */
body { overflow-x: hidden; overflow-x: clip; }

/* Mobile: the category promo banners (.product-card) are gathered by JS into a
   horizontal, swipeable strip below the main hero slider (instead of a tall stack). */
.mob-banner-strip {
	display: flex;
	gap: 10px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	padding: 8px 4px 14px;
	margin-top: 6px;
	direction: ltr;
}
.mob-banner-strip > a {
	flex: 0 0 84%;
	width: 84%;
	max-width: 84%;
	scroll-snap-align: center;
	display: block;
	color: #000;
	text-decoration: none;
}
.mob-banner-strip .product-card {
	margin: 0 !important;
	height: auto !important;
	background: #f7f7f7;
	border-radius: 12px;
	padding: 12px;
	box-sizing: border-box;
	direction: rtl;
}
.mob-banner-strip .product-card .row { display: flex !important; align-items: center; margin: 0; }
.mob-banner-strip .product-card .col-sm-6 { width: 50% !important; float: none !important; padding: 4px; box-sizing: border-box; }
.mob-banner-strip .product-card .imageContainer { height: auto !important; min-height: 70px; display: flex !important; align-items: center; justify-content: center; }
.mob-banner-strip .product-card img { max-width: 100% !important; height: auto !important; max-height: 120px !important; position: static !important; }
.mob-banner-strip .product-card .category { font-size: 11px !important; margin: 0 0 3px !important; color: #888; }
.mob-banner-strip .product-card .product-name { font-size: 13px !important; line-height: 1.3 !important; margin: 0 0 8px !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.mob-banner-strip .product-card .btn-header { font-size: 11px !important; padding: 5px 12px !important; white-space: nowrap; }

/* Main hero slider: shorter / landscape on mobile (desktop keeps its full height). */
.slider-pc .carousel,
.slider-pc .carousel .item { height: 210px !important; }
.slider-pc .carousel .fill,
.slider-pc .carousel .fill-img { height: 100% !important; background-position: center !important; }

/* Move the main-slider "Shop Now" to the bottom-left (like the promo cards below).
   The caption holds empty <p> spacers + the button in the last <p>; hide the spacers. */
.slider-pc .col-md-8 .caption-carousel { position: absolute !important; top: auto !important; bottom: 14px !important; left: 14px !important; right: auto !important; width: auto !important; height: auto !important; max-width: 70%; text-align: left !important; margin: 0 !important; padding: 0 !important; z-index: 5; }
.slider-pc .col-md-8 .caption-carousel p:not(:last-child) { display: none !important; }
.slider-pc .col-md-8 .caption-carousel p:last-child { display: block !important; margin: 0 !important; }
.slider-pc .col-md-8 .caption-carousel .btn-header { margin: 0 !important; }

/* Hide the banner-strip scrollbar (it still swipes) */
.mob-banner-strip { scrollbar-width: none; -ms-overflow-style: none; }
.mob-banner-strip::-webkit-scrollbar { display: none; width: 0; height: 0; }

.top
{
	text-align:center;
}
.top-links {
    text-align: center;
}
.products
{
	margin-bottom:20px;
}
.text-top
{
	text-align:center;
	margin-top:20px;
}
.dropdown:checked + label, .dropdown:not(:checked) + label {
    width: 100%;
    line-height:40px;
    margin-top:10px;
}
.category-mobile
{
        font-size: 16px;
        padding-right: 10px;
        text-transform: capitalize;
        font-weight: 500;
}
.new3 {
    width: 33%;
}
.products .add-to-cart {
   padding: 7px 10px !important;
   font-size: 14px !important;
}

}



@media (max-width: 768px) {
.reveal-modal {
    left: 5% !important;
    margin-left: 0px !important;
    width: 90% !important;
    right:5% !important;
}

.title-Vertical {
    position: relative;
    right: 0;
    transform: rotate(0deg);
    font-size: 30px;
    border-bottom: 5px black solid;
    padding-bottom: 0;
}
.title-Vertical2 {
    position: relative;
    right: 0;
    transform: rotate(0deg);
    font-size: 17px;
    padding-bottom: 40px;
    padding-top: 0;
    text-align: right;
    top: 0;
}

.cat3 {
    width: 100%;
    z-index: 9999999;
    margin-bottom: 17px;
}

.counter3 {
    width: 100%;
}
.col-md-3.sale5 {
    width: 100%;
    margin-right: 0;
}
.BS {
    width: 100%;
    margin: 0;
}
.new3 {
        width: 100%;
    }

.product1 {
    width: 100% !important;
    margin: 0px 0px!important;
}

.carousel-item {
    flex: 0 0 100%!important;
}


.fill-img {
    float: none;
    margin: 0px auto auto auto;
}

.caption-carousel {
    position: absolute;
    top:  auto;
    bottom:50px;
    left: 10%;
    right: 10%;
    z-index: 10;
    padding-top: 20px;
    width: 80%;
    margin: auto;
    padding-bottom: 20px;
    text-align: center;
    text-shadow: 0 0px 0px rgba(0,0,0,0);
}

.caption-carousel h2 {
    font-size: 18px;
}

.caption-carousel h1 {
    font-size: 25px !important;
    
}
.caption-carousel p {
    font-size: 12px;
}



.pic-welcome {
    height: 415px;
    padding: 30px 40px;
}
.div-border2 {
    display: none;
}

}




@media (max-width: 767px) {

.copyright
{
    text-align:center;
}
.copyright .socials {
    text-align:center;
}
.code_apply {
    display: block;
    padding: 12px 20px;
    margin: 0px 0px 10px 20px;
    min-height: 50px;
    color: #fff;
    width: 100%;
    float: right;
}
.pic-inner {
    width: 100%;
    height: auto;
    margin-left: 0px;
    margin-bottom: 30px;
    float: none;
}
.featured-products .product-card .product-info {
    display: block;
    text-align: center;
}
.featured-products .product-card .product-name {
    font-weight: 400;
    text-align: center;
}   
.imageContainer img
{
	margin:auto;
}
#amazingcarousel-1 .amazingcarousel-prev {
    margin-left: -25px;
}

#amazingcarousel-1 .amazingcarousel-next {
    margin-right: -25px;
}

#amazingcarousel-2 .amazingcarousel-prev {
    margin-left: -25px;
}

#amazingcarousel-2 .amazingcarousel-next {
    margin-right: -25px;
}

.slider-video video {
    width: 250%;
    height:250%;
}
.cart-h {
    line-height: 22px;
}

}



@media (max-width: 480px) {

.carousel {
    height: 445px;
}

.breadcrumb>li {
    font-size: 12px;
}

.caption-inner h3 {
    font-size: 22px;
}

.sort a {
    padding: 5px 5px;
    margin-right: 0px;
    font-size: 15px;
}
.dd-button {
    padding: 6px 30px 6px 10px;
    font-size:13px;
}

.tabset > label {
    padding: 15px 15px 15px 15px;
    font-size: 14px;
}

}



@media (max-width: 767px) {
    .delete-2 {
        position: absolute;
        left: 15px;
        top: -70px;
        background-color: #e3e3e3;
        padding: 10px;
        border-radius: 5px;
        color: #ffffff !important;
        display: block;
        vertical-align: top;
    }
}