/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1399.98px) { 
  .card-title{
    font-size: 16px !important;
  }
 
}

@media (max-width: 1920px) {
  .subcribe{
    padding-left: 50px !important;
    padding-right: 50px !important;
   }
   .kingtox__bg {
    height: 1150px !important;
}
.middle__slider{
  height: 900px !important;  
}
.middle__slider .swiper .m-slide-content {
  padding: 70px 200px 70px 70px !important;
}
.middle-swiper img {
  margin-bottom: -700px !important;
}

}
@media (max-width: 1536px) {
  .subcribe{
    padding-left: 110px !important;
    padding-right: 110px !important;
   }
   .middle__slider .swiper .m-slide-content{
    padding: 70px 120px 70px 70px!important;
  }
  .footer_connected_para{
    padding: 0px 100px;
  }
}

@media(max-width:1440px)  {
  .slide_container {
    row-gap: 30px !important;
    padding-right: 100px !important;
}    
/* @media (min-width: 1700px) {
  .container {
      max-width: 1550px !important;
  }
} */
/* .kingtox__bg{
  height: 1010px !important;
}
.middle__slider{
height: 700px !important;
}
.middle-swiper img {
display: block;
margin-top: 500px !important;
} */

}
  

/* X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1366px) {
  /* .hero_section_home {
    height: 900px;
    background-position: top;
    background-size: cover;
  } */
    .heading__3xl {
        font-size: 5.1rem;
        line-height: 6rem;
      }
      .subcribe{
        padding-left: 50px !important;
        padding-right: 50px !important;
       }
       /* .navbar__main {
        margin-top: 30px !important;
    } */
    .slider_section {
      margin-top: -113px !important;
    }
    /* .hero_section{
      margin-top: -113px !important;
    } */
    .products_section .box {
      width: 100%;
    }
    .about__bg {
      padding: 100px 0 100px !important;
  }
  .slider_section  .swiper-pagination-bullet{
    height: 10px !important;
    width: 10px !important;
}
.slider_section .swiper-pagination .swiper-pagination-bullet-active::before {

  top: -10px !important;
    left: -10px !important;
    height: 30px !important;
    width: 30px !important;
}
.middle__slider .swiper .swiper-slide img {
  width: 500px;
}
.footer_connected_para {
  padding: 0px !important;
}
 }

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    .heading__4xl {
        font-size: 6rem;
        line-height: 6rem;
      }
      .heading__2xl {
        font-size: 4rem;
        line-height: 5rem;
      }
      .heading__xl {
        font-size: 3rem;
        line-height: 4rem;
      }
      .text__2xmd {
        font-size: 2rem;
        line-height: 3rem;
      }
      .heading__3xl {
        font-size: 5rem;
        line-height: 6rem;
      }
      .heading__lg {
        font-size: 3rem;
        line-height: 4rem;
      }
      .text__xs {
        font-size: 1.6rem;
        line-height: 2.4rem;
      }
 }
 @media (max-width: 1024px) {

.about__bg {
    padding: 180px 0 !important;
}
.kingtox__bg {
  height: 800px !important;
}
.section__kingtox .kingtox__content {
  margin-bottom: 50px;
}
.middle__slider .swiper .m-slide-content {
  padding: 70px!important;
}
.products_section_main {
  padding-top: 50px;
  padding-bottom: 50px;
}
.product_grid {
  column-gap: 20px;
}

.footer_newsletter .footer_nav li {
  padding-right: 10px!important;
  padding-left: 10px !important;
}
 }





/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991px) { 
  /* .navbar__main{
    margin-top: 20px !important;
  } */
  /* .slider_section {
    margin-top: -102px !important;
  }
  .hero_section{
    margin-top: -102px !important;
  } */
  .banner_text {
    top: 45% !important;
    left: 51% !important;
}
.about_content_section {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
    .heading__4xl {
        font-size: 4rem;
        line-height: 4rem;
      }
      .heading__3xl {
        font-size: 4rem;
        line-height: 5rem;
      }
      .heading__2xl {
        font-size: 3.2rem;
        line-height: 3.6rem;
      }
      .text__md {
        font-size: 2rem;
        line-height: 3rem;
      }
      .text__sm {
        font-size: 1.8rem;
        line-height: 2.6rem;
      }
      .button__lightBrown,
      .button__lightBlue,
      .button__lightGrey,
      .button__lightBrownFilled,
      .button__lightBlueRounded,
      .button__darkRed__border {
        padding: 1.4rem 3rem;
        font-size: 1.5rem;
        margin-top: 2rem !important;
      }
      .about_content_p{
        margin-top: 10px !important;
        padding-right: 20px !important;
    }
    .history_content_p{
      margin-top: 10px !important;
  }
  .history_content{
    padding-left: 20px;
}
.kingtox__bg{
  height: 700px !important;
}
.kingtox__content{
  margin-bottom: 30px !important;
}
.footer_connected_heading {
font-size: 4rem !important;
line-height: 4rem!important;
}
.text__2xs{
  font-size: 1.5rem!important;
}
.footer_main ul > li {
  font-size: 1.25rem!important;
}
/* .footer_logo{
  width: 60% !important;
} */
.footer_content{
  padding-top: 10px !important;
 text-align: left !important;
 padding-right: 0px !important;   
 }
 /*Animating Hamburger Icon on Click*/
 #navbarSupportedContent{
  display: none;
 }
.navbar__main .nav {
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  transform: translateX(100%);
  transition: transform 400ms cubic-bezier(0.51, 0.6, 0.54, 0.59);
  height: 100vh;
}

.nav__list {
  list-style: none;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-evenly;
  text-align: center;
  margin: 0;
  padding: 135px 80px;
  background-color: #111;
  width: 100%;
}
.header_mbl{
  display: block !important;
}
.nav-toggle {
  display: block !important;
  padding: 0.3em;
  background: transparent;
  border: 0;
  cursor: pointer;
  position: absolute;
  right: 0.5rem;
  top: 1.1rem;
  z-index: 1000;
  outline: none;
}

.nav__link {
  margin: 0;
  color: #fff;
}

.nav-open {
  overflow: hidden;
}

.nav-open .nav {
  transform: translateX(0);
  width: 100vw;
}
/*Animating Hamburger Icon on Click*/
.nav-open .line1{
  transform: rotate(-45deg) translate(-5px,6px);
  background-color: #fff !important;
}
.nav-open .line2{
  transition: all 0.7s ease;
  background-color: #fff !important;
  width:0;
}
.nav-open .line3{
  transform: rotate(45deg) translate(-5px,-6px);
  background-color: #fff !important;
}
.nav__item {
  color: #fff;
}

.nav__link::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 3px;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #fff;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: color 0.1s, transform 0.2s ease-out;
}

.nav__link:active::before {
  background-color: #fff;
}

.nav__link:hover::before,
.nav__link:focus::before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.nav__list li{
  opacity: 0;
}
.nav__list li:nth-child(1){
  transition: all 0.5s ease 0.2s;
}
.nav__list li:nth-child(2){
  transition: all 0.5s ease 0.4s;
}
.nav__list li:nth-child(3){
  transition: all 0.5s ease 0.6s;
}
.nav__list li:nth-child(4){
  transition: all 0.5s ease 0.7s;
}
.nav__list li:nth-child(5){
  transition: all 0.5s ease 0.8s;
}
.nav__list li:nth-child(6){
  transition: all 0.5s ease 0.9s;
  margin: 0;
}
li.fade_custom{
  opacity: 1;
}
.get_in_touch form {
  padding: 0px 50px !important;
}
.section_kingtox_new{
  padding-bottom: 70px;
}
.kingtox__content{
  padding-top: 40px;
}
}
@media (max-width:768px) {
.hero_bg_banner_home{
  background-image: url("../images/kingtox-banner-mbl.png");
}
.hero_bg_banner_products{
  background-image: url("../images/product-landing-mbl.png");
}
  .products_slider{
    padding-top: 100px !important;
  }
  .kingtox__bg {
    height: 600px !important;
}
  .kingtox__content {
    margin-bottom: 20px !important;
}
.buttons_group {
  margin-top: 20px !important;
}

.slider_section .swiper-pagination-bullet {
  height: 7px !important;
  width: 7px !important;
  margin-bottom: 15px !important;
}
.slider_section .swiper-pagination .swiper-pagination-bullet-active::before {
  top: -7px !important;
  left: -7px !important;
  height: 22px !important;
  width: 22px !important;
  border: 1px solid #fff !important;
}
.middle__slider .swiper .swiper-slide img {
  width: 400px !important;
  /* margin-top: 100px !important; */

}
.middle__slider .swiper .m-slide-content {
  padding: 70px 30px !important;
}
.swiper-middle-slide{
  background-position: top;
}
.footer_main{ 
  padding-bottom:30px !important;
}
.copy_right_container {
  margin-top: 80px !important;
  row-gap: 40px;
}
}

/*/ Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
     
/* .navbar__main{
  margin-top: 10px !important;
} */
.slider_section {
  margin-top: -92px !important;
}
/* .hero_section{
  margin-top: -92px !important;
} */
    .heading__2xl {
        font-size: 2.4rem;
        line-height: 3rem;
      }
      .heading__lg {
        font-size: 2.6rem;
        line-height: 3.4rem;
      }
      .text__md {
        font-size: 1.6rem;
        line-height: 2.6rem;
      }
     .text__md__icons {
        font-size: 1.6rem;
        line-height: 2.6rem;
      }
      .text__2xs {
        font-size: 1.74rem;
      line-height: 2.2rem;
      }
      .text__2sm {
        font-size: 2rem;
        line-height: 2.9rem;
    }
.products_section_content{
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
      .card-content{
        padding-top: 20px !important;
      }
      .product_price{
        font-size: 15px !important;
        padding-bottom: 10px !important;
        text-align: center !important;
      }
      .button_add_to_cart {
        padding: 8px 0px!important;
      text-align: center !important;
      }
      .mission_vission {
        background: linear-gradient(to bottom, #B31B27 50%, #28713D 50%) !important;
        color: #fff;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    
    .mission_content{
      padding-right: 0px !important;
      padding-bottom: 40px;
    }
  .vission_content{
      padding-left: 0px !important;
  }
  .mission_vission_content{
    margin-top: 10px;
}
.about_content_p {
  padding-right: 0px !important;
}
.kingtox__bg{
  height: 600px !important;
}
.kingtox__content{
  margin-bottom: 20px !important;
}
.buttons_group{
  margin-top: 20px !important;
}
.add_to_cart_col{
  text-align: center !important;
}

  }
/* X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {  
  .slider_section {
    height: 500px !important;
}
    .heading__3xl {
        font-size: 4rem;
        line-height: 4rem;
      }
      .card-title {
        padding-top: 16px !important;
        font-size: 14px !important;
        line-height: 2.5rem !important; 
        color: #333333 !important;
    }
    .about_content_section {
      padding-top: 100px !important;
      padding-bottom: 30px !important;
      text-align: center;
  }
  .about_content_section .row{
    row-gap: 20px ;
  }
  .sec__aboutProduct .prodDesc {
    padding-top: 8rem;
}
  .prim-btn {
    width: 100%;
  }
  .history_content_section {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    text-align: center;
}
.history_content_section .row{
  row-gap: 20px ;
}
.history_content {
  padding-left: 0px !important;
}
.section_faq p{
  text-align: center;
}

    /* .footer_logo {
      width: 40% !important;
  } */
  .footer_content {
    padding-right: 40px !important;
}
.follow_us{
  justify-content: center !important;
}
.copy_right_container{
  margin-top: 70px !important;
}
.copy_right{
  align-items: center !important;
  justify-content: center !important;
  margin-top: 20px;
}
.mbl-banner{
  display: block !important;
}
.desk-banner{
  display:none!important;
}
.mission_vission{
  text-align: center;
}
.mission_vission .row{
row-gap: 30px;
}
/* .products_section .box{
  width:auto !important;
} */
.button__red__filled {
  padding: 1rem 3rem!important;
  font-size: 1.2rem !important;
}
.middle__slider .swiper .m-slide-content {
  padding: 70px 20px !important;
}
}
@media (max-width: 480px){
  .box{
    width: 330px !important;
    height: 460px;
  }
  #myVideo {
    display:none;
  }
  #myVideoMbl{
      display:block;
      /* margin-top:-66px !important; */
      width: 100%;
      /* height:95vh; */
      object-fit: fill;
  }
}
@media (max-width: 450px){
  .about__bg {
    padding: 80px 0 !important;
    background-image: url(http://localhost/kingtox/wp-content/uploads/2024/12/about-us-mob-banner.png) !important;
  }
}
/* iphone 12*/
@media (max-width: 428px) {  
  .heading__3xl {
    font-size: 3.5rem !important;
    line-height: 3.5rem !important;
  }
    /* .card-title {
      font-size: 10px !important;
      line-height: 2.2rem !important;
  } */
  .row-gap{
    row-gap: 20px;
  }
  .d-flex-end{
    align-items: flex-start !important;
  }
  .subcribe {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.footer_connected_heading {
  font-size: 3.5rem !important;
  line-height: 4rem!important;
}
.footer_newsletter input {
  padding-left: 15px !important;
}
.footer_newsletter button {
  padding: 2.275rem 4rem !important;
}
/* .footer_logo {
  width: 60% !important;
} */
.d-none-iphone{
  display: none !important;
}
.kingtox__bg {
  background-size: contain !important;
  background-position: top !important;
  background-color: #f7f7f7;
  height: 400px !important;
}
.kingtox__content{
  background-color: #f7f7f7;
}
.button__red {
  padding: 1.25rem 3.5rem !important;
}
.button__green__filled {
  padding: 1.25rem 3.5rem;
}
.buttons_group {
  margin-top: 20px !important;
}.buttons_group a {
  margin-right:15px;
}
.get_in_touch form {
  padding:0px !important;
}
.middle__slider {
  height: 500px !important;
}
.middle__slider .swiper .swiper-slide img {
  width: 200px !important;
  /* margin-top: 300px !important; */
}
.buttons_group{
  display: flex;
  flex-wrap: wrap;
  row-gap: 30px;
}
.products_slider {
  padding-top: 50px !important;
}
.ml-mbl{
  margin-left: -20px;
}
.row{
  margin-left: 5px;
  margin-right: 5px;
}
.copy_right {
  margin-top: 0px !important;
}
.copy_right_container {
  margin-top: 50px !important;
  row-gap: 20px!important;
}
.footer_newsletter {
  padding: 80px 0px 20px 0px !important;
}
.text__2sm {
  font-size: 1.75rem!important;
  line-height: 2rem!important;
}
.footer_newsletter .footer_connected_para {
  font-size: 1.5rem!important;
  line-height: 2rem!important;
}
.products_section .box .pointer {
  top: 10px !important;
  right: 10px !important;
}
.products_section .row{
margin-left: 0px !important;
margin-right: 0px !important;
}
.gallery-section {
  text-transform: uppercase;
  font-family: "avertastd_extrabold";
  color: #B31B27;
  margin-top: 50px;
  margin-bottom: 90px;
}
}

/* extra small*/
@media (max-width: 360px) {  
  /* .card-title {
    font-size: 9px !important;
    line-height: 1.5rem !important;
} */
.slide_container {
  padding-right: 30px !important;
}
.card-content {
  padding-top: 15px !important;
}
.footer_content {
  padding-right: 10px !important;
}
.subcribe input {
  font-size: 1.9rem !important;
}
.footer_newsletter button {
  padding: 1.9rem 2.8rem !important;
}
.kingtox__bg {
  background-size: contain !important;
  background-position: top !important;
  background-color: #f7f7f7;
  height: 400px !important;
}
.button__red {
  padding: 1.25rem 2.5rem !important;
}
.button__green__filled {
  padding: 1.25rem 1.5rem !important;
}
.footer_newsletter .footer_connected_para {
  font-size: 1.4rem!important;
  line-height: 2rem!important;
}

}

/* Copy form krone */
/*  */

/*Responsive*/
/* Media query for viewport widths between 1200px and 1536px */
@media screen and (min-width: 1280px) and (max-width: 1536px) {
  .slider-newarrivals .slick-slide{
      width: 520px !important;
}
}
@media(max-width:1024px){
  .g-s .slick-prev {
      left: 0px;
  }
  .g-s .slick-next {
      right: 0px;
  }
  .g-s .item.slick-slide {
    width: 400px;
    height: 300px !important;
  }
  .slider-newarrivals .slick-list {
    height: 530px;
    padding-left: 20px !important;
    padding-top: 40px;
}
.new-arrival {
  padding-bottom: 40px;
}
.new-arrival .slick-slide img{
  padding-left: 20px;
  padding-top: 20px;
}
.slide-content ul li {
  font-size: 1.5rem;
}
.g-s .slick-arrow {
  top: 56% ;
}

}

@media (max-width: 991px) {
  footer {
    p {
      font-size: 1.5rem;
      line-height: 3rem;
    }
    ul > li {
      font-size: 1.5rem;
      line-height: 3rem;
    }
  }
  
.slider-newarrivals .slick-list {
height: 522px;
padding-top: 0px;
padding-left: 16px !important;
}
.slider-newarrivals .slick-current {
width: 400px !important;
margin-top: 0px !important;
}
.slider-newarrivals .slick-slide  {
margin-top: 32px !important;
}
.slider-newarrivals .slick-next {
right: -60px;
}
}
@media(max-width:768px){
.hamburger {
  right: 10px;
}
.new-arrival {
padding-bottom: 80px;
}
.slider-newarrivals .slick-current {
box-shadow: 4px 20px 20px 0px rgba(43, 43, 43, 0.43);
-webkit-box-shadow: 13px 10px 16px 0px rgba(43, 43, 43, 0.43);
}
.slider-newarrivals .slick-arrow {
top: 101%;
}
.slider-newarrivals .slick-prev {
left: 42%;
}
.slider-newarrivals .slick-next {
right: 42%;
}
.g-s .slick-arrow {
top: 115%;
}
.g-s .slick-next {
right: 42%;
}
.g-s .slick-prev {
left: 42%;
}
}

@media (max-width:767px) {
.new-arrival {
  padding-bottom: 100px;
  padding-top: 100px;
}
.slider-newarrivals .slick-arrow {
  top: 105%;
}
.slider-newarrivals .slick-prev {
  left: 39%;
}
.slider-newarrivals .slick-next {
  right: 39%;
}
.g-s .slider {
  margin: 2rem auto;
}
.g-s .item.slick-slide {
  width: 300px;
  height: 250px !important;
}
.g-s .slick-next {
  right: 39%;
}
.g-s .slick-prev {
  left: 39%;
} 
}
@media(max-width:575px){
.padding-mbl-150{
padding-left: 150px;
padding-right: 150px;
}
.mid-content-author{
text-align: center;
}
.bottle-mbl{
display: flex;
justify-content: center;
} 
.home-middle img {
margin-top: 10px;
width: 40%;
}
.new-arrival {
padding-top: 40px;
}
}
@media (max-width: 575px) {
.padding-mbl-150 {
    padding-left: 50px;
    padding-right: 120px;
}
.slider-newarrivals .slick-next {
  right: 37%;
}
.slider-newarrivals .slick-prev {
  left: 37%;
}
.g-s .slick-next {
right: 35%;
}
.g-s .slick-prev {
left: 35%;
}
}
@media(max-width:428px){
.slider-newarrivals .slick-current {
  width: 370px !important;
}
.slider-newarrivals .slick-list {
  height: 450px;
}
.g-s .item.slick-slide {
  width: 280px;
  height: 230px !important;
}
.slide-content h3 {
font-size: 2rem;
}
.slide-content .line {
height: 35px;
}
.slide-content ul li {
font-size: 1.2rem;
line-height: 1.3;
}

}

@media (max-width: 400px) {
.slider-newarrivals .slick-current {
    width: 330px !important;
}
.slider-newarrivals .slick-current {
  box-shadow: 4px 20px 20px 0px rgba(43, 43, 43, 0.43);
  -webkit-box-shadow: -2px 13px 16px 0px rgba(43, 43, 43, 0.43);
}
.slider-newarrivals .slick-next {
right: 35%;
}
.slider-newarrivals .slick-prev {
left: 35%;
}
.g-s .slick-next {
right: 35%;
}
.g-s .slick-prev {
left: 35%;
}
.home-middle .mid-content::after {
top: 240px;
}
.home-middle img {
margin-top: 35px;
width: 42%;
}
}