/*----------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------- 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;
}
.search-form input[type="search"] {
    text-transform: lowercase !important;
}

.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
-----------------------*/
.products h3{
	margin-bottom: 0rem;
}
/*MAKE THE PRODUCTS HAVE EQUAL HEIGHT*/
.products .row{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.products .row > [class*="col-"]{
    display: flex;
    flex-direction: column;
}
.g-padding-y-125--sm.products{
    padding-top: 5rem;
    padding-bottom: 1rem;
}
.products .g-padding-x-40--xs {
    padding-left: .5rem;
    padding-right: .5rem;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}
.products .article{
    padding-bottom: 3rem;
}
.products .article .g-padding-y-40--xs{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.products h3{
    font-weight: 500;
}
.products .g-font-size-22--xs {
    font-size: 1rem !important;
	line-height: 1.5;
}
.products p{
    font-weight: 600;
}
.no-products .alert-danger{
	font-size: 1.5rem !important;
	font-weight: 600;
	color: #2e2e2e;
	background-color: transparent;
    border-color: transparent;
}

@media (min-width: 1024px) and (min-height: 1300px) {}

@media (min-width: 820px) and (min-height: 1180px) {
	/*----------------------------------
    PROMOBLOCK SECTION
    ------------------------------------*/
    .js__parallax-window.products-page-banner{
        background-size: 100% !important;
        background-position-y: -2px !important;
    }
}

@media (min-width: 768px) and (min-height: 1024px) {
	/*----------------------------------
    PROMOBLOCK SECTION
    ------------------------------------*/
    .js__parallax-window.products-page-banner{
        background-size: 110% !important;
        background-position-y: -2px !important;
    }
}

@media (max-width: 540px) {
    /*----------------------------------
    PROMOBLOCK SECTION
    ------------------------------------*/
    .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 */
	}

    /*----------------------------------
    CONTENT SECTION
    ------------------------------------*/
}

@media (max-width: 414px) {
	/*----------------------------------
    PROMOBLOCK SECTION
    ------------------------------------*/
	.js__parallax-window.products-page-banner{
        background-size: 150% !important;
        background-position-y: -2px !important;
    }
	.products-page-banner .g-font-size-30--xs{
        font-size: 1.3rem !important;
    }
	.products-page-banner h1{
		padding-bottom: 1rem;
	}
}

@media (max-width: 390px) {
	/*----------------------------------
    PROMOBLOCK SECTION
    ------------------------------------*/
	.products-page-banner .form-control.s-form-v5__input {
		width: 65%; /* Adjust the width as needed */
	}
	.products-page-banner .input-group-btn{
		width: 35%; /* Adjust the width as needed */
	}
}

@media (max-width: 375px) {
    /*----------------------------------
    PROMOBLOCK SECTION
    ------------------------------------*/
	.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;
	}
}

@media (max-width: 280px) {
	/*----------------------------------
    PROMOBLOCK SECTION
    ------------------------------------*/
	.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;
	}
	
	/*----------------------------------
    PROMOBLOCK SECTION
    ------------------------------------*/
	.g-padding-y-125--sm.products {
		padding-top: 3rem;
		padding-bottom: 3.8125rem;
	}
	
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------ END PRODUCTS ----------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/


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

.no-products .g-font-size-36--md:not(.search .g-font-size-36--md) {
    font-size: 1.25rem !important;
}

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

@media (max-width: 540px) {
	.no-products .g-margin-b-25--xs{
		margin-bottom: .6rem;
	}
	.no-products .alert-danger {
		font-size: 1.2rem !important;
	}
}

@media (max-width: 414px) {
	.no-products .g-font-size-32--xs{
		font-size: 1.5rem !important;
	}
	.no-products .g-font-size-14--xs{
		font-size: 0.75rem !important;
	}
}

@media (max-width: 375px) {
	.no-products .g-font-size-32--xs{
		font-size: 1.2rem !important;
	}
	.no-products .g-font-size-14--xs{
		font-size: 0.65rem !important;
	}
}

@media (max-width: 280px) {
	.g-padding-y-125--sm.no-products{
		padding-top: 3rem;
    	padding-bottom: 3rem;
	}
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------- END NO PRODUCT ---------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/