
/*----------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------- POPULAR PRODUCTS --------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.popular-products .g-font-size-30--md {
    font-size: 1.875rem !important;
	font-weight: 700;
	color: #888888;
}
.popular-products p{
	color: #888888;
}

@media (max-width: 540px) {
	.g-padding-y-80--xs.popular-products{
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
}

@media (max-width: 375px) {
	.popular-products .g-font-size-30--md {
		font-size: 1.4rem !important;
	}
}

@media (max-width: 280px) {
	.popular-products .g-font-size-30--md {
		font-size: 1.3rem !important;
	}	
	.popular-products p{
		font-size: 0.8rem;
	}
	.g-padding-y-80--xs.popular-products{
		padding-top: 3.5rem;
	}
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------- END POPULAR PRODUCTS ------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------- PRODUCTS ------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------
PROMOBLOCK SECTION
-----------------------*/
.products-page-banner .g-padding-y-150--xs{
	padding-top: 4.375rem;
}
.products-page-banner form .g-text-center--xs{
    padding-top: 1rem;
}
.products-page-banner h1{
    padding-bottom: 2.375rem;
    color: #fff !important;
}
.products-page-banner .g-padding-y-150--xs{
    padding-bottom: 3.5rem;
}
/*BUTTON*/
.products-page-banner .s-btn--white-bg{
    background: #9ACD32;
    color: #fff;
    letter-spacing: .1rem;
    font-weight: 600;
    padding: .7rem 2.5rem;
}
.products-page-banner .s-btn--white-bg:hover{
    background: #fff;
    color: #2e2e2e;
}

.products-page-banner .form-center {
  display: flex;
  justify-content: center;
  align-items: center;
	padding-bottom: 1rem;
}
.products-page-banner .s-form-v5__input{
	background: #fff;
	border-color: #fff;
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
}
.products-page-banner .s-btn--dark-brd{
	width: 100%;
	border-color: #9ACD32;
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
	color: #fff;
	font-weight: 600;
	background: #9ACD32;
}
.products-page-banner .s-btn--dark-brd:hover{
	background: #2e2e2e;
	border-color: #2e2e2e;
	color: #fff;
}
.products-page-banner .form-control.s-form-v5__input {
    display: inline-block;
    width: 85%; /* Adjust the width as needed */
    vertical-align: top;
}

.products-page-banner .input-group-btn{
    vertical-align: top;
	text-align: center;
	border-color: transparent;
	background: transparent;
	display: inline-block;
    width: 15%; /* Adjust the width as needed */
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
}

/*-----------------------
CONTENT SECTION
-----------------------*/





/****************************************************
                        NO PRODUCTS
****************************************************/
.g-padding-y-125--sm.no-products{
	padding-top: 4rem;
	padding-bottom: 3rem;
}
.no-products .g-margin-b-100--xs{
	margin-bottom: 0rem;
}

/* IF ITS INSIDE THE SAME CLASS*/
.main-categories .g-padding-y-125--sm.no-products{
	padding-top: 0rem;
	padding-bottom: 0rem;
}

.main-categories .no-products .g-font-size-36--md {
    font-size: 1.25rem !important;
}

.no-products .g-font-size-32--xs {
    font-size: 1.3rem !important;
    margin-bottom: 1rem;
}



/* Tiny devices (0 - 319.98px) */
@media (max-width: 319.98px) { 
    /****************************************************
                        PROMOBLOCK
    ****************************************************/
    .js__parallax-window.products-page-banner{
        background-size: 200% !important;
        background-position-y: -2px !important;
    }
	.products-page-banner .g-padding-y-150--xs{
		padding-bottom: 2.375rem;
		padding-top: 2rem;
	}
	.products-page-banner .s-form-v5__input{
		height: 2.375rem;
		padding: 0.625rem 1rem;
		font-size: 0.8rem;
	}
	.products-page-banner .input-group-btn{
		height: 2.375rem;
	}
	.products-page-banner .s-btn{
		height: 2.375rem;
		font-size: 0.8rem;
		padding: 0.625rem 1.5625rem;
	}
    
    
    .g-padding-y-125--sm.products {
		padding-top: 3rem;
		padding-bottom: 3.8125rem;
	}
    
    /****************************************************
                        NO PRODUCTS
    ****************************************************/
}

/* Very small phones (320px - 359.98px) */
@media (min-width: 320px) { 
     /****************************************************
                        NO PRODUCTS
    ****************************************************/
    .no-products .g-font-size-14--xs {
        font-size: 0.65rem !important;
    }
    .no-products .g-letter-spacing--2 {
        letter-spacing: normal;
    }
    
    .no-products .g-font-size-32--xs {
        font-size: .8rem !important;
        line-height: 1.4;
    }
}

/* Small phones (360px - 413.98px) */
@media (min-width: 360px) { 
    
    /****************************************************
                        PROMOBLOCK
    ****************************************************/
	.js__parallax-window.products-page-banner{
        background-size: 165% !important;
        background-position-y: -2px !important;
    }
    .products-page-banner .g-padding-y-150--xs{
        padding-top: 3rem;
    }
    .products-page-banner h1{
        padding-bottom: 1.25rem;
    }
    .products-page-banner .g-font-size-30--xs{
        font-size: 1.3rem !important;
    }   
	.products-page-banner .s-form-v1__input{
		height: 2.8rem;
	}
	.products-page-banner .s-btn--white-bg{
		padding: 0.5rem 2rem;
	}
	.products-page-banner .s-btn--md{
		font-size: 0.7rem;
	}
    
    
     /****************************************************
                        NO PRODUCTS
    ****************************************************/
}

/* Large phones (414px - 575.98px) */
@media (min-width: 414px) { 
    
     /****************************************************
                        PROMOBLOCK
    ****************************************************/
    .js__parallax-window.products-page-banner{
        background-size: 120% !important;
        background-position-y: -2px !important;
    }
    .products-page-banner .g-padding-y-150--xs{
        padding-top: 3.5rem;
    }
    .products-page-banner h1{
        padding-bottom: 1.25rem;
    }
	
	.products-page-banner .form-control.s-form-v5__input {
		width: 75%; /* Adjust the width as needed */
	}
	.products-page-banner .input-group-btn{
		width: 25%; /* Adjust the width as needed */
	}

    
     /****************************************************
                        NO PRODUCTS
    ****************************************************/
}

/* Small tablets (576px - 639.98px) */
@media (min-width: 576px) { 
     /****************************************************
                        NO PRODUCTS
    ****************************************************/
}

/* Medium tablets (640px - 767.98px) */
@media (min-width: 640px) {
     /****************************************************
                        NO PRODUCTS
    ****************************************************/
}

/* Large tablets (768px - 899.98px) */
@media (min-width: 768px) {
    
    /****************************************************
                        PROMOBLOCK
    ****************************************************/
    .js__parallax-window.products-page-banner{
        background-size: 100% !important;
        background-position-y: -2px !important;
    }
    
    
     /****************************************************
                        NO PRODUCTS
    ****************************************************/
    .no-products .g-font-size-14--xs {
        font-size: 0.9rem !important;
    }
    .no-products .g-letter-spacing--2 {
        letter-spacing: normal;
    }
    
    .no-products .g-font-size-32--xs {
        font-size: 1.2rem !important;
        line-height: 1.4;
    }
}

/* Landscape tablets / small laptops (900px - 991.98px) */
@media (min-width: 900px) {
     /****************************************************
                        NO PRODUCTS
    ****************************************************/
}

/* Small desktops (992px - 1023.98px) */
@media (min-width: 992px) { 
     /****************************************************
                        NO PRODUCTS
    ****************************************************/
}

/* Medium desktops (1024px - 1199.98px) */
@media (min-width: 1024px) {
     /****************************************************
                        NO PRODUCTS
    ****************************************************/
}

/* Large desktops (1200px - 1439.98px) */
@media (min-width: 1200px) {
     /****************************************************
                        NO PRODUCTS
    ****************************************************/
}

/* Extra large desktops (1440px - 1919.98px) */
@media (min-width: 1440px) {
     /****************************************************
                        NO PRODUCTS
    ****************************************************/
}

/* Full HD and beyond (1920px and up) */
@media (min-width: 1920px) {
     /****************************************************
                        NO PRODUCTS
    ****************************************************/
}