@media (min-width: 1919px) {
  html {
    font-size: 62.5%;
  }

    .tabs_area {
        width: 174rem;
        padding-top: 0rem;
    }

  .tm_contents {
    width: 174rem;
  }

  .catalog_section .tr_img img {
    height: 89rem;
    object-fit: cover;
  }

  .terms_regulation .tr_img img {
    height: 89rem;
    object-fit: cover;
  }
  /* 1919 up responsive issue */
  section {
    position: relative;
    border-left: none;
    border-right: none;
    background: transparent;
  }
  header .main_bg,
  section .main_bg {
    display: none;
  }
  .main_bg {
    background: #f1eff5;
    width: 174rem;
    height: 100vh;
    position: fixed;
    left: 50%;
    top: 0;
    z-index: 0;
    display: flex;
    justify-content: space-between;
    transform: translateX(-50%);
  }
  .main_bg span {
    width: 0;
  }

  .innerline1 {
    height: 10rem;
  }

}

@media (min-width: 992px) {
  .container {
    max-width: 158rem;
  }

  .timeline_two .imgline,
  .featured_two .imgline {
    display: none !important;
  }
  /*====================================
  New CSS Of Dalower
  ==================================== */
  .information_sec .col-lg-7 {
    width: 63%;
  }
  .information_sec .col-lg-5 {
    width: 37%;
  }
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
  .ctproductimg img {
    height: 110rem;
    object-fit: cover;
  }

  .circled_logo1 {
        width: 20rem;
        z-index: 1;
  }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .timeline_two .timelineDesc2 p {
    padding-bottom: 5.375rem !important;
  }
}

/* ------ Medium devices (tablets, 991px and down) -----*/
@media (max-width: 991px) {
  html {
    font-size: 50%;
  }

  .btnCart {
    min-height:50px;
  }

  .owl-item.active {
    border-right: none;
  }

  .owl-item.active {
    border-right: none;
  }

  .product_area .owl-stage-outer:before {
    display: none;
  }

  .owl-item .product_box {
    margin-left: 8.75rem;
    margin-right: 8.75rem;
  }
  .menu {
    display: none;
  }
  .hamburger-menu {
    display: inline-block;
  }
  .ofcavas-menu {
    display: block;
  }
  .section_desc p {
    padding: 8rem 0;
  }
  .section_desc p:before,
  .section_desc p:after {
    display: none;
  }
  .scroll_anim {
    left: 50%;
    transform: translateX(-50%);
    top: -10rem;
  }
  .timeline_desc {
    width: 47rem;
  }
  /* added styles */
  section,
  .featured_two .section_title {
    position: relative;
    border-left: 3.5rem solid #fff;
    border-right: 3.5rem solid #fff;
  }
  .main_bg span {
    width: 3.5rem;
  }
  .site_header {
    background: #fff;
    padding-bottom: 4.0625rem;
    padding-top: 4.0625rem;
  }
  .site_header .main_bg {
    display: none;
  }
  .active_mobile_menu .hamburger span:nth-child(2) {
    transform: translateY(0) rotate(0deg);
    width: 0 !important;
  }
  /* menu */
  .hover_rotate,
  .fLine2,
  .fLine1,
  .maindexstopmenu .language,
  .maindexstopmenu .header_right,
  .scrollmemnudexstop .header_right,
  .scrollmemnudexstop .language {
    display: none;
  }
  .site_header .nav {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: flex-end;
  }
  .header_center .logo {
    display: flex;
    justify-content: center;
  }
  /* timeline section */
  .timelinesm {
    display: block;
  }
  .timelinelg {
    display: none;
  }
  .timeline_desc.timelinesm p {
    font-size: 2.5rem;
    line-height: 180%;
    padding-top: 5rem;
  }
  .timeline_area .timeline_box .line1 {
    width: 0.063rem;
    height: 7.563rem;
    margin: 0rem auto 0rem auto !important;
  }
  .section_desc p,
  .section_desc p span {
    font-size: 3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    padding: 0 4rem;
  }
  .section_desc p span {
    font-weight: 700;
    padding: 0 0;
  }
  .section_title h2 {
    font-size: 5rem;
    padding-bottom: 0rem;
    padding-top: 0rem;
  }

  /* sponsor */
  .service_icons {
    /* gap: 7.975rem; */
  }
  .service_icon img {
    /* width: 7rem; */
  }
  /* timeline two */
  .timeline_two {
    border: 0;
  }
  .timeline_two .main_bg {
    z-index: 0;
  }
  .timeline_two .container {
    max-width: 100%;
    padding: 0;
  }
  .timeline_two .section_desc p,
  .timeline_two .timelineDesc2 p {
    padding-left: 7.125rem !important;
    padding-right: 7.125rem !important;
  }
  .timeline_two .main_bg span {
    width: 3.5rem !important;
  }
  .timeline_two .scroll_anim {
    left: 5.938rem;
    transform: translateX(0);
    top: 4.375rem;
  }
  .section_desc p {
    margin-top: 4.688rem;
    margin-bottom: 0 !important;
    padding-bottom: 4.688rem !important;
  }
  .timeline_two .imgline2 {
    margin-bottom: 7.125rem !important;
  }
  .timeline_two .timelineDesc2 p {
    margin-bottom: 5.375rem !important;
    padding-bottom: 0 !important;
  }
  .timeline_two .imgline2 {
    bottom: -3.438rem !important;
  }
  .timeline_two .imgline2 {
    height: 21.251rem !important;
  }
  .timeline_two {
    padding-bottom: 17.813rem;
  }
  .hide_desc p {
    font-size: 2.5rem !important;
    padding: 0 11rem !important;
  }
  .featured_two .section_title h2 {
    font-size: 5rem;
    padding-bottom: 3rem;
    padding-top: 0rem;
  }
  /* Garden Section */
  .gardenCap h2 {
    font-size: 3.125rem;
  }
  /* Prijavi Section */
  .Prijavi_section {
    padding-bottom: 10.6rem;
    padding-top: 7.5rem;
  }
  .prijavi_content {
    flex-direction: column;
    gap: 3rem;
  }
  .prijaviimg {
    display: none;
  }
  .prijavih2 h2 {
    padding: 0 3rem;
  }
  .prijavibtn a {
    font-size: 2.3rem;
  }
  /* Footer Section */
  .footer_content {
    padding-bottom: 3.375rem;
    padding-top: 3.375rem;
  }
  .social_icons {
    flex-direction: row;
  }
  .footer_links {
    padding-top: 4.023rem;
    padding-bottom: 4.375rem;
  }
  .fmiddle_top {
    display: flex;
    align-items: end;
    gap: 4.273rem;
  }
  .footer_logo a img {
    margin: 0;
    padding: 0;
    padding-bottom: 1.5rem;
  }
  .logo a img {
    width: 18rem !important;
  }
  .footer_content,
  .footer_middle {
    display: flex;
    flex-direction: column;
    place-items: center;
  }
  .footer_links ul li {
    font-weight: 400;
    line-height: 132%; /* 39.6px */
    font-size: 1.875rem;
  }
  .footer_links {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .footer_links li:nth-child(1) {
    width: 34.375rem;
    margin: 0 auto;
  }
  .copywrite p {
    font-size: 1.563rem;
  }
  /* ToggleMenu */
  .toggleMenu .nav {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .toggleMenu .header_center {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8.125rem;
  }
  .toggleMenu .header_center .logo a img {
    margin: 0;
  }
  .toggleMenu .toggle_menus ul {
    gap: 3rem;
  }
  .toggleMenu .toggle_menus ul li a {
    text-align: center;
    font-size: 3.5rem;
    font-weight: 400;
    line-height: 120%;
  }
  .toggleMenu .toggle_menus ul li a:hover {
    color: #755fa4;
  }
  .toggle_menus {
    padding-top: 5.927rem;
  }
  .toggleMenu {
    overflow-y: scroll !important;
  }
  .toggleMenu .language {
    margin-top: 0;
    margin-left: 0;
    position: absolute;
    bottom: 5rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .toggleMenu .language ul li {
    transform: rotate(0);
    margin: 0 !important;
    padding: 0 !important;
  }
  .toggleMenu .language ul {
    flex-direction: row;
    align-items: center;
    gap: 4.088rem;
    transform: rotate(0);
  }
  .toggleMenu .language ul li a {
    font-size: 3.502rem;
  }
  .header_left .language {
    display: none;
  }
  .product_area .main_bg span {
    width: 3.45rem;
  }
  .social_icons.Sticky_socialmenu {
    left: 1.3rem;
  }
  .featurelinetop {
    top: -4.5rem;
    height: 10.2rem;
  }
  .featured_two .section_img img {
    height: 40rem;
    object-fit: cover;
  }
  /* Terms and regulation */
  .tm_contents {
    padding: 8.75rem 9rem 10rem 9rem;
    width: calc(100% - 4.8rem);
    top: 12rem;
    margin-bottom: 12rem !important;
  }
  .tm_Desc1 {
    padding-bottom: 10rem;
  }
  .innerline1 {
    height: 24rem;
    top: -16rem;
  }
  .tr_img {
    display: none;
  }
  /* Catalog Section */
  .catalog_product {
    display: flex;
    flex-direction: column;
  }
  .tab:nth-child(2) .catalog_product {
    flex-direction: column-reverse;
  }
  .ct_product_img .scroll_anim {
    display: none;
  }
  .catalog_section .tr_img {
    display: block;
  }
  .catalog_page .innerheader1 {
    background: transparent;
  }
  .catalog_page .tabs_area {
    top: 13rem;
    width: calc(100% - 7rem);
    margin-bottom: 13rem;
  }
  .catagory_tabcontents .tabs {
    gap: 8rem;
  }
  .catagory_tabcontents .tabs a {
    font-size: 4rem;
  }
  .catalog_product {
    width: calc(100% + 7rem);
    background: #fff;
    transform: translateX(-3.5rem);
    border: 0.5px solid#231f20;
    position: relative;
  }
  .cp_prodContTOp {
    gap: 5rem;
    margin-bottom: 5rem;
    padding: 0 3rem;
  }
  .ct_ProdContent {
    overflow: hidden;
    padding: 8rem 10.5rem 6.5rem 10.5rem;
  }
  .cpt_ItemSelecting {
    padding: 0 3rem;
  }
  .catalog_prodicons {
    justify-content: space-between;
  }
  .catalog_prodicon a img {
    width: 9rem;
  }
  .cpt_desc {
    line-height: 175%;
  }
  .tab_contents {
    padding-bottom: 4rem;
    position: relative;
  }
  .tab_contents:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 0rem;
    background: #231f20;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
  }
  .tab:nth-child(2) {
    position: relative;
    margin-top: 15rem;
  }
  .tab:nth-child(1) .ctpline_bottom {
    bottom: -9rem;
  }
  .tab:nth-child(1) .ctp_line {
    height: 4.25rem;
    width: 1px;
    position:relative;
    transform: translate(0, -17.5rem);
  }
  .bordert {
    border: 0.5px solid #231f20;
  }
  .catalog_page .site_header {
    padding: 4.0625rem 3.5rem;
  }
  .niche {
    font-size: 2.3rem;
    width: 15.4rem;
    height: 4.3rem;
  }

  .product-name {
    font-size:16px;
    margin-bottom:.4rem;
  }

  .itemSeletingBottom2 {
    font-size:14px;
    margin:0;
    display:block;
    width:130px;
    border-right:solid 1px #231f20;
  }

  .itemSeletingBottom2 button,
  .itemSeletingBottom button,
  .itemSeletingBottom p,
  .item_selectingTop {
    flex-direction: row-reverse;
  }
  .tabs_area:before {
    content: "";
    width: 1px;
    background: #231f20;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 6rem;
    top: -1.8rem;
  }
  .tabs_area {
    position: relative;
  }
  .ct_product_img img {
    border-bottom: 1px solid #231f20;
  }
  .tabs a:nth-child(1):before {
    background: #dbcff3;
  }
  .tabs a:hover {
    opacity: 1 !important;
  }
  .tabs a:nth-child(2):before {
    background: #adc59e;
  }
  .tabs a:nth-child(3):before {
    background: #f2dfc4;
  }
  .tab:nth-child(1) .tabh2 h2:after {
    background: #dbcff3;
  }
  .tab:nth-child(3) .tabh2 h2:after {
    background: #adc59e;
  }
  .tab:nth-child(4) .tabh2 h2:after {
    background: #f2dfc4;
  }
  /* Contact_form */
  .Contact_area .contact_bg img {
    width: 100%;
    height: 100vh;
  }
  .Contact_area .contact_box {
    width: 60.6rem;
  }
  .Contact_area2 .contact_box {
    width: 80.6rem;
  }
  .Contact_area .contact_bg img {
    width: 100%;
    height: 130vh;
  }
  .Contact_area {
    padding-bottom: 25rem;
    padding-top: 8rem;
  }
  /*====================================
  New CSS Of Dalower
  ==================================== */

  .the_story_sec::before {
    height: 7rem;
    top: unset;
    bottom: -3rem;
  }

  .the_story_sec .img {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border: none;
  }

  .the_story_sec .content {
    position: relative;
    padding: 5rem 0 6rem !important;
  }

  .the_story_sec .content::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -5rem;
    width: 1px;
    height: 10rem;
    background-color: #231f20;
    z-index: 1;
  }

  .terroir_sec .content {
    padding: 5rem 0;
  }

  .terroir_sec .img {
    width: 100%;
    padding: 0;
    border: none;
    margin: 5rem 0;
  }

  .terroir_sec::before {
    display: none;
  }

  .the_story_sec .block1 .circle {
    display: none;
  }

  .the_story_sec .block2 .circle {
    display: none;
  }

  .terroir_sec .scroll_anim {
    top: 6rem;
    left: 12rem;
  }

  .terroir_sec .circle {
    display: none;
  }

  .terroir_sec .img {
    position: relative;
    overflow: unset;
  }

  .terroir_sec .img::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -5rem;
    width: 1px;
    height: 10rem;
    background-color: #231f20;
    z-index: 1;
  }
}
/*----- sm devices (tablets, 767px and down) -----*/

@media (max-width: 767px) {
  .service_icons {
    display: grid;
    grid-template-columns: repeat(2, 6fr);
}

  .product_box {
    border-left:none
  }
  .owl-item .product_box {
    margin-left: 2.75rem;
    margin-right: 2.75rem;
  }
  .prijavih2 h2 {
    font-size: 3rem;
  }
  .section_desc p,
  .section_desc p span {
    font-size: 3rem;
  }
  .timeline_two .timelineDesc2 p {
    margin-bottom: 5.375rem !important;
    padding-bottom: 0 !important;
  }
  .gardenCap h2 {
    font-size: 3rem;
  }
  .middle_left a img {
    width: 10.1rem;
    height: 10.1rem;
  }
  .fmiddle_top {
    gap: 7.273rem;
  }
  .garden_area .owl-stage-outer {
    display: flex;
    margin-left: 3.5rem;
    overflow: hidden;
  }

  .toggleMenu .toggle_menus ul li a {
    font-size: 3.5rem;
  }
  /* Terms and regulation */
  .tm_p {
    gap: 4rem;
  }
  .tm_Desc1 {
    padding-bottom: 8rem;
  }
  .tm_contents {
    padding: 8rem 2.4rem 8rem 2.4rem;
    top: 12rem;
    width: calc(100% - 4.8rem);
    margin-bottom: 12rem !important;
  }
  .tm_h2 h2 {
    margin-bottom: 3.5rem;
    font-size: 5rem;
  }
  .tm_p p {
    font-size: 2.5rem;
  }
  /* Catalog Section */
  .tabs_area {
    padding-top: 9.2rem;
  }
  .ctp_h3 {
    font-size: 3rem;
  }
  .cp_prodContTOp {
    gap: 3.5rem;
    margin-bottom: 4.5rem;
    padding: 0 3.5rem;
  }
  .ct_ProdContent {
    overflow: hidden;
    padding: 5rem 3rem 4.5rem 3rem;
  }
  .cpt_desc2,
  .cpt_desc3 {
    font-size: 2rem !important;
  }
  .cpt_desc1 {
    font-size: 2.35rem;
  }

  .tabh2 h2 {
    font-size: 4rem;
    margin-bottom: 3rem;
    margin-top: 7rem;
  }
  .catagory_tabcontents .tabs a {
    font-size: 2.8rem;
    width: 15rem;
  }
  .catagory_tabcontents .tabs {
    gap: 6rem;
    padding-top: 6.7rem;
  }
  .catalog_header h2 {
    font-size: 3.5rem;
  }
  .catalog_header {
    width: 36.4rem;
    gap: 2.5rem;
  }
  .catalog_header p {
    font-size: 2rem;
  }
  .ctpline_top {
    top: -2.5rem;
    height: 2.5rem;
  }
  .item_selectingTop h4 {
    font-size: 2.4rem;
  }
  .Incre_Decre button,
  .Incre_Decre p {
    font-size: 2.3rem;
  }
  .ISTright button {
    font-size: 2.3rem;
  }
  .Incre_Decre {
    border: none !important;
  }
  .itemSeletingBottom button,
  .itemSeletingBottom p,
  .item_selectingTop {
    height: 6.2rem;
  }
  .catalog_section .tr_img img {
    height: 60rem;
    object-fit: cover;
  }
  .tabh2 h2:before {
    height: 4rem;
    bottom: calc(100% + 3rem);
    transform: translateX(-1px);
    background:none;

  }
  .ct_product_img img {
    height: 60rem;
    object-fit: cover;
    position: relative;
  }
  .tabh2 h2:after {
    width: 18rem;
    height: 14rem;
  }
  .tabs a:before {
    height: 11.3rem;
    width: 11.3rem;
    filter: blur(1.5rem);
  }
  .tabh2 h2:after {
    opacity: 1 !important;
  }
  .tabs a:before {
    opacity: 0.3 !important;
  }
  .tabs a:hover:before {
    opacity: 1 !important;
    filter: blur(3rem);
  }
  /* Increase and Decreament  */
  .Incre_Decre button,
  .Incre_Decre p {
    height: 6rem;
    display: flex;
    align-items: center;
  }
  .Incre_Decre button:nth-child(1) {
    border-left: 1px solid #231f20 !important;
  }
  .Incre_Decre button {
    border: none !important;
  }
  .item_selectingTop {
    padding-right: 0 !important;
  }

  /* Contact Section */
  .Contact_area .contact_box {
    padding-left: 4.8rem;
    padding-right: 4.8rem;
    padding-bottom: 4.5rem;
    padding-top: 4rem;
    margin-top: 5rem;
  }
  .Contact_area .form_desc p {
    font-size: 2.5rem;
    padding-top: 5rem;
    padding-bottom: 2.6rem;
  }
  .Contact_area .contact-form {
    display: grid;
    gap: 3.5rem;
  }
  .Contact_area .submit_btn button {
    padding: 20px 0;
    font-size: 3rem;
  }
  .contact_iconright {
    display: none;
  }
  .Contact_area .contact_box,
  .Contact_area2 .contact_box {
    width: calc(100% - 7rem);
  }
  .Contact_area {
    padding-top: 1rem;
  }

  /*====================================
  New CSS Of Dalower
  ==================================== */
  .the_story_sec {
    padding-bottom: -3rem;
  }

  .the_story_sec .img {
    width: calc(100% + 8.4rem);
    margin-left: -4.2rem !important;
  }

  .the_story_sec .content {
    padding: 6rem 3rem 6rem 3rem !important;
  }

  .terroir_sec .content {
    padding: 3rem;
  }

  .terroir_sec {
    overflow: unset;
  }

  .terroir_sec .img {
    width: calc(100% + 14.4rem);
    margin-left: -7.2rem;
  }

  .text_md {
    font-size: 2.1rem;
  }

  .title_xl {
    font-size: 4.5rem;
  }

  .title_lg {
    font-size: 4.4rem;
  }

  .checkout_sec {
    padding: 4rem 0 15rem;
    margin-top: 0;
  }

  .checkout_sec .subTitle {
    font-size: 2.5rem;
  }

  .checkout_sec form .input_wrapper {
    padding: 3rem;
    margin-bottom: 2.5rem;
  }

  .checkout_sec .form_group {
    padding-top: 3rem;
  }

  .checkout_sec form .registration {
    margin-bottom: 0;
  }

  .checkout_sec form .button.mt_35 {
    margin-top: 2.5rem;
  }

  .button {
    padding: 2rem;
  }

  .text_sm {
    font-size: 1.8rem;
  }

  .information_sec {
    padding: 5rem 0 8rem;
  }

  .info_box {
    background-color: #fff;
    border: 1px solid #231f20;
    padding: 3rem;
    margin-bottom: 3.5rem;
  }

  .info_box .box_inner {
    padding: 0;
    border: none;
    background-color: none;
  }

  .info_box .title_lg {
    padding-bottom: 3rem;
    font-size: 2.6rem;
  }

  .checkbox input + label {
    font-size: 2.3rem;
    padding-left: 4rem;
  }

  .checkbox input + label::before {
    width: 2.6rem;
    height: 2.6rem;
  }

  .promo_code .row {
    --bs-gutter-x: 0;
  }

  .information_sec .row {
    --bs-gutter-y: 0;
  }

  .info_box .box_inner .row {
    --bs-gutter-y: 1.5rem;
  }

  .cal_list li {
    padding: 1.5rem 3rem;
  }

  .pd_basket .checkbox {
    padding: 1rem -2.5rem;
  }
}
/*----- xs devices (landscape phones, 575px and down) -----*/
@media (max-width: 575px) {
  html {
    font-size: 1.7vw;
  }
  .footer_links li:nth-child(1) {
    padding: 0 0;
  }
  .hamburger {
    width: 4.5rem !important;
    height: 4.2rem !important;
    border: 1px solid #231f20 !important;
  }
  .shopping_icon a {
    width: 4.5rem !important;
    height: 4.2rem !important;
    border: 1px solid #231f20 !important;
  }
  .hamburger span {
    width: 2.313rem !important;
    height: 1px !important;
  }
  .shopping_icon a svg {
    width: 2.313rem !important;
  }
  .shopping_icon a .notif {
    right: -0.9215rem;
    top: 0.103rem;
    font-size: 0.908rem;
    width: 1.563rem;
    height: 1.563rem;
  }
  .hamburger span:first-child {
    transform: translateY(-0.7rem);
  }
  .hamburger span:last-child {
    transform: translateY(0.7rem);
  }
  .fmiddle_top {
    gap: 4.273rem;
  }
  .hide_desc p {
    font-size: 2.5rem !important;
    padding: 0 7rem !important;
  }
  .section_desc p,
  .section_desc p span {
    font-size: 2.1rem !important;
  }
  .featured_area .line1,
  .imgline {
    left: 49.6% !important;
  }
  .toggleMenu .toggle_menus ul li a {
    font-size: 3.5rem;
    line-height: 100%;
  }
  .toggleMenu .toggle_menus ul {
    gap: 2.5rem;
  }
  .catagory_tabcontents .tabs {
    gap: 1rem;
  }
}

@media (max-width: 390px) {
  .featured_area .line1,
  .imgline {
    left: 49% !important;
  }
}

@media only screen and (max-width: 991px) {

  .product_box {
    border-left:none
  }

    .product-price, .product-name {
        font-size:2.5rem !important;
    }

    .toggle-text {
        font-size:1.9rem;
    }

    .basket_pd_card {
        grid-template-columns: 14rem auto;
      }

    .service_icon > a > img {
        max-width:20rem !important;
        z-index:1 !important;
    }

    .empty-cart-box {
        min-height:100px;
    }

    .basket-pic {
        width:80px;
        height:80px;
        object-fit: cover;
    }

    .toastify {
        max-width: 95% !important;
    }

    .mmt_video {
        margin-top:unset;
    }
  }