* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.header_ul {
	display: flex;
}

li,
a {
    list-style: none;
    text-decoration: none;
}

.text_page_wrap {
	
	display: flex;
    justify-content: center;
}

.request_search_h3 {
	
	text-align: center;
    margin: 20px 5px 20px 5px;
    font-size: 36px;
    font-family: 'Bebas Neue', sans-serif;
    color: #f93f04;
}

   .telegram_herb {
        margin: 50px 0 50px 0;
        display: flex;
        justify-content: center;
        list-style: none;
        text-align: center;
        text-decoration: none;

    }

    .widget__preview-block--expand-contacts {
        display: none;
    }



    .telegram_herb a {

        list-style: none;
        text-align: center;
        text-decoration: none;
        color: #ffffff;
    }

 .telegram_herb li {

       margin:0;
    }

    .telegram_herb div {

        background-color: #5a73fa;
        padding: 10px 20px 10px 20px;
        border-radius: 20px;
        animation: grow-and-color-change 3s infinite alternate;
    }

    @keyframes grow-and-color-change {
        0% {
            background-color: #5a73fa;

        }

        100% {
            background-color: #3ab43a;

        }
    }


.herb-brands-sale img {
    border-radius: 20px;
    margin: 0 20px 0 0;
    width: 251px;
    padding: 5px;
    border: 2px solid #009c07;
}

.city-categoty__main {
    max-width: 1650px;
    margin: auto;
}

.slider-line4 {
    display: flex;
    overflow-x: scroll;
    padding: 0 0 15px 0;
}

.container-slide4 {
    max-width: 100%;
    margin: 0 0 40px 0;
    padding: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-line4 img {
    border-radius: 50%;
    margin: 0 20px 0 0;
    width: 125px;
    padding: 5px;
    border: 2px solid #009c07;
    font-size: 10px;
}

.slider-line4::-webkit-scrollbar-thumb {
    background-color: #3abe67;
    width: 50px;
    border-radius: 25px;
}

.slider-line4::-webkit-scrollbar-track {
    -webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset;
    background-color: #f9f9fd;
}

.promo-categoty-wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1250px;
    margin: auto;
}

.promo-categoty-item {
    margin: 5px;
}

.promo-categoty-item img {
    border-radius: 20px;
    max-width: 250px;
}

header {
    background-color: green;
    height: 40px
}

.herb-header__text h3 {
	
	margin: 20px 0 0 0;

}

footer {
    background-color: darkslategrey;
    height: 50px;
}

li {
    margin: 10px 50px 0 0;
   
}

main {
  /* padding: 20px;*/
}

.text_page p {
	    margin: 0px 0 20px 0;
}

.title-catigory {
    color: #ff5722;
}

.disc_page_main {
	
	padding: 0px 8px 0 8px;
	max-width: 804px;
    text-align: center;
    margin: auto;
}

.text_page_date {
	
	margin: 15px 0 0 0;
}

.text_page {

	border: 1px solid #9E9E9E;
    border-radius: 25px;
    padding: 15px;
    text-align: center;
    max-width: 778px;
	margin: 0 5px 0 5px;


}
.header_ul {
	display: flex;
}

.main-photo {
    margin: 0 0 30px 0;
}
.admin_wrap {
	margin: 20px;
}

.delivery-keys-words ul {
    display: flex;
    margin: 25px 0 25px 0;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: scroll;
    padding: 0 0 10px 0;
}

.delivery-keys-words {
    max-width: 1400px;
    margin: auto;
}

.delivery-keys-words li {
    list-style: none;
    color: white;
    border-radius: 25px;
    margin: 0px 5px 5px 0px;
    padding: 5px 10px 5px 10px;
    display: block;
    border: 1px solid #18c718;
}

.delivery-keys-words a {
    text-decoration: none;
    color: black;
    white-space: nowrap;
}

.delivery-keys-words ul::-webkit-scrollbar {
    height: 10px;
}

.delivery-keys-words ul::-webkit-scrollbar-thumb {
    background-color: #ff5722;
    width: 50px;
    border-radius: 25px;
}

.delivery-keys-words ul::-webkit-scrollbar-track {
    -webkit-box-shadow: 5px 5px 5px -5px rgb(34 60 80 / 20%) inset;
    background-color: #f9f9fd;
}

.tilda__brands {
    width: 100%;
    display: flex;
    text-align: center;
    align-items: center;
    margin: 50px 0 0 16px;
}

.footer-section {
    display: none;
}

.slider-line4 {
    margin: 0px 0 50px 0;
    max-width: 1400px;
}

.selected-products-header {
    display: none;
}

.bars,
.bars-padding {
    display: none;
}

.tilda__brands-wrap ul {
    list-style: none;
    margin: 0 auto;
}

.tilda__brands-wrap {
    margin: 0 auto;
    max-width: 1600px;
}

.tilda__brands-wrap strong {
    font-size: 25px;
    line-height: 50px;
}

.tilda__brands-wrap a:hover {
    color: #13ce66 !important;
}

.t-tildalаbеl__link {
    display: none !important;
}

.t-tildalаbеl__wrapimg {
    display: none !important;
}

.t-tildalаbеl_white .t-tildalаbеl__link,
.t-tildalаbеl_gray .t-tildalаbеl__link {
    color: #fff !important;
}

.t-tildalаbеl {
    color: #000;
}

.scroller img {
    border-radius: 50%;
    margin: 0 40px 15px 0;
    max-width: 110px;
    border: solid;
    color: #ff8562;
}

.scroller a {
    text-align: center;
    text-decoration: none;
}

.herb-header {
    min-height: 300px;
    background: #ff5722;
    color: white;
    text-align: center;
    font-weight: 600;
    /* margin: 0px 0 50px 0 */
    padding: 0 10px 30px 10px;
}

.herb-header__text {
    padding: 50px 0 0 0;
    max-width: 902px;
    margin: auto;
}

.herb-header__text h1 {
    color: white;
    text-align: center;
    margin-bottom: auto;
    font-size: 50px;
    /* font-family: 'Roboto',Arial,sans-serif; */
    font-family: 'Bebas Neue';
    font-weight: 600;
    margin: 15px 0px 0 0px;
}

.herb-header__text p {
    font-size: 24px;
}

.herb-header__text h2 {
    font-size: 28px;
}

.page-description-herb {
    max-width: 900px;
    text-align: center;
    margin: auto;
    font-size: 17px;
    padding: 0px 5px 0px 5px
}

.main-herb-sale {
    max-width: 720px;
    margin: auto;
    padding: 0 0 15px 0;
}

.main-herb-sale a {
    list-style: none;
    background-color: #18c718;
    color: white;
    border-radius: 25px;
    margin: 10px 10px 10px 10px;
    padding: 13px 20px 13px 20px;
    display: block;
    cursor: pointer;
    text-align: center;
}

.main-herb-sale a:hover {
    background-color: #ff5722;
}

.main-herb-sale a {
    text-decoration: none;
    color: white;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}

.main-herb-sale svg {
    width: 20px;
    /* margin: 0px 0 0 30px; */
}

.herb-top-salel {
    width: 100%;
    background-color: rgba(252, 245, 55, 1);
    height: 60px;
}

.header-section {
    display: none;
}

.promo-codeh2 {
    text-align: center;
    margin: 20px 0 20px 0px;
    font-size: 60px;
    font-family: 'Bebas Neue', sans-serif;
}

.title-herb {
    color: #f93f04;
}

.promo-codeh2 span {
    color: #ff5723;
}

.active-herb-bottom {
    list-style: none;
    background-color: #18c718;
    color: white;
    border-radius: 25px;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    line-height: 90px;
}

.active-herb-bottomh:hover {
    background-color: #ff5722;
}

.herb-joint-promo {
    max-width: 800px;
    margin: auto;
    padding: 25px 0 0 0;
}

.herb-joint-promo-wrap {
    text-align: center;
    border: 1px solid #c0bfbf;
    border-radius: 25px;
    margin: 0 10px 30px 10px;
    padding: 10px 4px 0px 5px;
}

.herb-joint-promo-wrap span {
    color: #009c07;
}

.herb-joint-promo-wrap b {
    font-size: 30px;
    color: #f93f04;
    padding: 13px 0 0 0;
    line-height: 60px;
}

.tegs-key-herb {
    display: flex;
    max-width: 1400px;
    margin: auto;
}

.tegs-key-herb ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 40px 0 25px 0;
}

.tegs-key-herb li {
    list-style: none;
    background-color: #18c718;
    color: white;
    border-radius: 25px;
    margin: 0px 10px 10px 0px;
    padding: 5px 20px 5px 11px;
    display: block;
}

.tegs-key-herb li:hover {
    background-color: #ff5722;
}

.tegs-key-herb a {
    text-decoration: none;
    color: white;
}




    a {
        text-decoration: none;
        color: black;
    }

    .tilda__brands {
        width: 100%;
        display: flex;
        text-align: center;
        align-items: center;
        margin: 35px 0 0 0px;

    }

    .footer-section {
        display: none;
    }

    .slider-line4 {

        margin: 0px 0 50px 0;
        max-width: 1400px;

    }

    .promo-separator__line {
        max-width: 400px;
        height: 10px;
        background: #aaa;
        text-align: center;
        margin: 0 auto 50px auto;
        border-radius: 10px;
    }

    .selected-products-header {
        display: none;
    }

    .bars,
    .bars-padding {
        display: none;
    }

    .tilda__brands-wrap ul {
        list-style: none;
        margin: 0 auto;
    }

    .tilda__brands-wrap {
        margin: 0 auto;

        max-width: 1600px;
    }

    .tilda__brands-wrap strong {
        font-size: 25px;
        line-height: 50px;
    }

    .tilda__brands-wrap a:hover {
        color: #13ce66 !important;
    }

    .t-tildalаbеl__link {
        display: none !important;
    }

    .t-tildalаbеl__wrapimg {
        display: none !important;
    }

    .t-tildalаbеl_white .t-tildalаbеl__link,
    .t-tildalаbеl_gray .t-tildalаbеl__link {
        color: #fff !important;
    }

    .herb-brands-sale {
        display: flex;
        max-width: 1400px;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 0 30px 0;
    }

    .herb-brands-sale div {
        margin: 50px 0 0px 0;
    }

    .t-tildalаbеl {
        color: #000;
    }

    .scroller img {
        border-radius: 50%;
        margin: 0 40px 15px 0;
        max-width: 110px;
        border: solid;
        color: #ff8562;
    }

    .keys-words-promo-h {
        margin: 100px 0 0 0;
    }

    .scroller a {
        text-align: center;
        text-decoration: none;
    }

    .herb-header {
        min-height: 300px;
        background: #4CAF50;
        color: white;
        text-align: center;
        font-weight: 600;
        /* margin: 0px 0 50px 0 */
        padding: 0 10px 30px 10px;
    }

    .herb-header__text {
        padding: 50px 0 0 0;
        max-width: 902px;
        margin: auto;
    }

    .herb-header__text h1 {

        color: white;
        text-align: center;
        margin-bottom: auto;

        /* font-family: 'Roboto',Arial,sans-serif; */
        font-family: 'Bebas Neue';
        font-weight: 600;
        margin: 15px 0px 0 0px;

    }

    .promo-catygory {
        display: flex;
        justify-content: center;
        margin: 0 0 30px 0;;
    }

    .promo-catygory li {

        list-style: none;
        color: black;
        border-radius: 25px;
        margin: 0px 5px 5px 5px;
        padding: 10px 10px 10px 10px;
        display: block;
        border: 2px solid #18c718;
    }

    .promo-catygory li>a:hover {
        color: #0a53be;
    }


    .keys-words-promo {
        display: flex;
        justify-content: center;
    }

    .keys-words-promo ul {

        margin: 0px 0 25px 0;

        padding: 0 0 10px 0;
        text-align: center;
    }

    .keys-words-promo li {
        list-style: none;
        color: black;
        border-radius: 25px;
        margin: 0px 5px 5px 5px;
        padding: 10px 10px 10px 10px;
        display: block;
        border: 1px solid #18c718;
    }


    .herb-header__text p {

        font-size: 24px;

    }

    .herb-header__text h2 {

        font-size: 28px;

    }

    .top-brands a {
        margin: 10px 8px 12px 0px;
        width: 251px;
        padding: 10px 0 10px 0;
        border: 2px solid #009c07;
        text-decoration: none;
        color: black;
        font-weight: 600;
        border-radius: 10px;


    }

    .page-description-herb {
        max-width: 900px;
        text-align: center;
        margin: auto;
        font-size: 17px;
        padding: 0px 5px 0px 5px
    }

    .main-herb-sale {
        max-width: 720px;
        margin: auto;
        padding: 0 0 15px 0;
    }

    .main-herb-sale a {

        list-style: none;
        background-color: #18c718;
        color: white;
        border-radius: 25px;
        margin: 10px 10px 10px 10px;
        padding: 13px 20px 13px 20px;
        display: block;
        cursor: pointer;
        text-align: center;


    }


    .main-herb-sale a:hover {
        background-color: #ff5722;
    }


    .main-herb-sale a {
        text-decoration: none;
        color: white;
        font-family: 'Roboto', Arial, sans-serif;
        font-size: 16px;
        font-weight: 700;
        cursor: pointer;
    }

    .main-herb-sale svg {
        width: 20px;
        /* margin: 0px 0 0 30px; */
    }

    .herb-top-salel {

        width: 100%;
        background-color: rgba(252, 245, 55, 1);
        height: 60px;
    }

    .header-section {

        display: none;
    }

    .promo-codeh2 {

        text-align: center;
        margin: 20px 0 20px 0px;
        font-size: 60px;
        font-family: 'Bebas Neue', sans-serif;
    }

    .title-herb {
        color: #f93f04;

    }

    .promo-codeh2 span {

        color: #ff5723;

    }

    .active-herb-bottom {
        list-style: none;
        background-color: #18c718;
        color: white;
        border-radius: 25px;
        padding: 10px 15px 10px 15px;
        text-decoration: none;
        line-height: 90px;
    }

    .active-herb-bottomh:hover {
        background-color: #ff5722;

    }

    .herb-joint-promo {
        max-width: 800px;
        margin: auto;
        padding: 25px 0 0 0;
    }

    .herb-joint-promo-wrap {
        text-align: center;
        border: 1px solid #c0bfbf;
        border-radius: 25px;
        margin: 0 10px 30px 10px;
        padding: 10px 4px 0px 5px;
    }

    .herb-joint-promo-wrap span {

        color: #009c07;

    }

    .herb-joint-promo-wrap b {
        font-size: 30px;
        color: #f93f04;
        padding: 13px 0 0 0;
        line-height: 60px;
    }

    .tegs-key-herb {
        display: flex;
        max-width: 1400px;
        margin: auto;
    }

    .tegs-key-herb ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 40px 0 25px 0;
    }

    .tegs-key-herb li {
        list-style: none;
        background-color: #18c718;
        color: white;
        border-radius: 25px;
        margin: 0px 10px 10px 0px;
        padding: 5px 20px 5px 11px;
        display: block;
    }

    .tegs-key-herb li:hover {
        background-color: #ff5722;

    }


    .tegs-key-herb a {
        text-decoration: none;
        color: white;
    }



    .herb-brands-sale img:hover {
        border-color: orangered;
    }

@media only screen and (min-width: 360px) and (max-width: 480px) {
.promo-categoty-item img {
    margin: 4px;
	max-width: 159px;
}
	.promo-codeh2 {
		font-size: 32px;
    	margin: 0 0 15px 0;
	}

}
    @media only screen and (min-width: 320px) and (max-width: 480px) {

        .herb-brands-sale {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            align-items: center;
        }
		
.herb-brands-sale img {
    margin: 0 0px 5px 0;
    width: 148px;
}
		
		.request_search_h3 {
  
    font-size: 25px;
   
}

}
		

     
        .herb-header__text p {
            font-size: 16px;
            margin: 0 5px 0 5px;
        }

        .herb-header__text h1 {
            font-size: 50px;
        }

        .bars-padding {
            height: 66px;
        }

        .herb-header__text {
            padding: 30px 0 0 0;
        }

        .herb-header__text h2 {
            font-size: 22px;
        }

        .tegs-key-herb li {
            padding: 5px 10px 5px 11px;
        }

        .main-herb-sale a {
            font-size: 14px;
            font-weight: 600;
        }


  
        }


    }



@media only screen and (min-width: 320px) and (max-width: 480px) {
    .promo-codeh2 {
        font-size: 26px;
		margin: 20px 0 0 0;
    }
    .herb-header__text p {
        font-size: 16px;
        margin: 0 5px 0 5px;
    }
    .herb-header__text h1 {
        font-size: 26px;
    }
    .bars-padding {
        height: 66px;
    }
    .herb-header__text {
        padding: 30px 0 0 0;
    }
    .herb-header__text h2 {
        font-size: 22px;
    }
    .tegs-key-herb li {
        padding: 5px 10px 5px 11px;
    }
}