/*///////////// MEDIA QUERY RESPONSIVE STRAT ////////////////*/

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

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

@media only screen and (max-width: 1440px) {
  .container {
    max-width: 1140px !important;
  }
}

@media only screen and (max-width: 1300.98px) {
  .banner .banner_text {
    padding: 250px 0;
  }

  .banner_text h1 {
    font-size: 80px;
  }
}

@media only screen and (max-width: 1199.98px) {
  .nav_and_mail .nav_sec ul {
    gap: 50px;
  }

  .cmn_title h2 {
    font-size: 38px;

    line-height: 110%;
  }

  .default_content h2 {
    font-size: 38px;
  }

  .default_content h3 {
    font-size: 32px;
  }

  .default_content h4 {
    font-size: 27px;
  }

  .default_content h5 {
    font-size: 25px;
  }

  .default_content h6 {
    font-size: 24px;
  }

  .product_listing .row > * .prdt_bx {
    margin: 0;
  }
}

@media only screen and (max-width: 1080px) {
  .banner_text h1 {
    font-size: 65px;

    line-height: 120%;
  }

  .cmn_title p {
    font-size: 16px;

    line-height: 140%;
  }

  .cmn_title .cmn_btn a {
    font-size: 16px;

    letter-spacing: 1px;
  }

  .about_btm_content .cmn_title {
    padding-bottom: 30px;
  }

  .about_btm_content .cmn_title:last-child {
    padding-bottom: 40px;
  }

  .about_btm_content .cmn_title ul li + li {
    margin-top: 5px;
  }

  .about_btm_content .cmn_title ul li {
    font-size: 16px;

    line-height: 25px;
  }
}

@media only screen and (max-width: 991.98px) {
  .default_content {
    padding: 65px 0;
  }

  .search_form form {
    width: 80vw;
  }

  .default_content p,
  .default_content ul li a,
  .default_content ol li a,
  .default_content ul li,
  .default_content ol li {
    font-size: 16px;

    line-height: 27px;
  }

  .contact_form {
    padding-top: 0;

    max-width: 600px;

    margin: 0 auto 45px;
  }

  .map iframe {
    min-height: 400px;
  }

  .contact_sec {
    padding: 80px 0;
  }

  .contact_form .cmn_title {
    text-align: center;
  }

  .product_listing {
    padding: 75px 0 50px;
  }

  .inner_about_sec.about_sec {
    padding: 85px 0 20px;
  }

  .inner_banner .banner_text {
    padding: 160px 15px 100px !important;

    text-align: center;
  }

  .inner_banner .banner_text h1 {
    line-height: 100%;
  }

  .inner_banner .banner_text ol {
    justify-content: center;
  }

  .inner_banner .banner_text ol li {
    font-size: 16px;

    line-height: 22px;
  }

  .ft_info ul li + li {
    margin-top: 7px;
  }

  .ft_top .row > *:last-child {
    margin-top: 20px;
  }

  .ft_top {
    padding: 70px 0 40px;
  }

  .blog_sec {
    padding: 90px 0 70px;
  }

  .blg_img a {
    margin-bottom: 15px;
  }

  .blg_bx h3 a {
    font-size: 20px;

    line-height: 25px;

    margin-bottom: 10px;
  }

  .products_sec .cmn_title h2 {
    margin-bottom: 10px;
  }

  .products_sec {
    padding: 80px 0;
  }

  .strains_sec {
    margin-top: -145px;
  }

  .cmn_title.red_underline h2:after,
  .cmn_title.white_underline h2:after {
    left: 50%;

    transform: translateX(-50%);
  }

  .relax_sec .cmn_title h2 {
    margin-bottom: 30px !important;
  }

  .relax_sec .cmn_title {
    text-align: center;
  }

  .about_sec .cmn_title {
    max-width: 555px;

    margin: 30px auto 0;
  }

  .about_sec {
    padding: 85px 0 50px;

    text-align: center;
  }

  .head_btn {
    margin-right: 60px;
  }

  /* ------------------ HEADER RESPONSIVE START ------------------ */

  span.toggle-menu {
    width: auto;

    margin: 0;

    padding: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    position: absolute;

    right: 15px;

    top: 50%;

    bottom: 0;

    transform: translate(0, -50%);
  }

  .toggle-menu i {
    font-size: 20px;

    margin: 0px;

    border: 2px solid var(--white);

    padding: 7px 9px;

    border-radius: 5px;

    color: var(--white);
  }

  .nav_and_mail .nav_sec {
    width: 280px;

    height: 100%;

    position: fixed;

    z-index: 999;

    top: 0;

    right: -100%;

    padding: 70px 0 0;

    background: var(--black) !important ;

    display: block;

    -webkit-transition: all 0.8s ease-in-out;

    -moz-transition: all 0.8s ease-in-out;

    -o-transition: all 0.8s ease-in-out;

    transition: all 0.8s ease-in-out;
  }

  .nav_and_mail .nav_sec.slidein {
    right: 0;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;
  }

  .nav_and_mail .nav_sec .cls-btn {
    width: 32px;

    height: 32px;

    position: absolute;

    top: 15px;

    right: 15px;

    cursor: pointer;

    background: url(images/cross.png) no-repeat center;
  }

  .nav_and_mail .nav_sec ul {
    text-align: left;

    flex-direction: column;

    background: var(--black) !important;

    height: auto;

    gap: 0;
  }

  .nav_and_mail .nav_sec ul li ul li a:hover {
    color: var(--white) !important;

    background: var(--red) !important;
  }

  .nav_and_mail .nav_sec ul li ul li a {
    border-radius: 0;
  }

  .nav_and_mail .nav_sec ul > li {
    display: block;

    padding-bottom: 0;

    width: 100%;

    margin: 0;
  }

  .nav_and_mail .nav_sec ul > li + li {
    margin-left: 0;
  }

  .nav_and_mail .nav_sec ul > li a {
    color: #fff;

    padding: 10px 15px;

    font-size: 17px;

    border-radius: 0;
  }

  .nav_and_mail .nav_sec ul li a:before {
    display: none;
  }

  .nav_and_mail .nav_sec ul > li:hover > a,
  .nav_and_mail .nav_sec ul > li.active > a {
    background: var(--red);

    color: var(--white) !important;
  }

  .nav_and_mail .nav_sec ul li {
    padding: 0px;
  }

  .nav_and_mail .nav_sec > ul > li > a:after,
  .nav_and_mail .nav_sec > ul > li > a:after {
    display: none;
  }

  .nav_and_mail .nav_sec img {
    display: inline-block;

    vertical-align: middle;
  }

  .nav_and_mail .nav_sec i {
    font-style: normal;

    color: #fff;

    line-height: 30px;

    font-size: 21px;

    font-weight: 600;
  }

  .nav_and_mail .nav_sec ul > li:hover ul {
    display: none;
  }

  .nav_and_mail .nav_sec ul > li ul {
    width: 100%;

    background: var(--white) !important;

    position: static;

    top: 100%;

    left: 0;

    text-align: left;

    display: none;

    border-radius: 0;

    padding: 0;

    transition: 0s;

    visibility: visible;

    opacity: 1;

    pointer-events: all;
  }

  .nav_and_mail .nav_sec ul li ul li a {
    padding: 6px 35px;

    color: var(--black);
  }

  .nav_and_mail .nav_sec ul ul > li:hover > a,
  .nav_and_mail .nav_sec ul ul > li.active > a {
    background: black;

    color: #fff !important;
  }

  .nav_and_mail .nav_sec ul li .arw-nav {
    width: 40px;

    height: 45px;

    position: absolute;

    right: 0;

    top: -3px;

    z-index: 999;

    transform: translate(0, 0);

    cursor: pointer;

    background: url(images/arw.png) no-repeat center;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;
  }

  .nav_and_mail .nav_sec ul li .arw-nav.actv {
    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);
  }

  /* ------------------ HEADER RESPONSIVE END ------------------ */
}

@media only screen and (max-width: 840px) {
  .relax_sec {
    background-size: cover;
  }

  .age_restriction_form {
    width: 90vw;
  }

  .blog_sec:before {
    display: none;
  }

  .ft_btm ul {
    gap: 15px;
  }
}

@media only screen and (max-width: 767.98px) {
  .ft_btm ul {
    flex-wrap: wrap;
  }
  .terms-sec {
    padding: 125px 0 40px 0;
  }
  .search-pg-sec {
    padding: 40px 0;
  }

  .alignright,
  .alignleft {
    float: none;

    margin: 30px auto;
  }

  .banner_text h1 {
    font-size: 55px;
  }

  .cmn_title h2 {
    font-size: 30px;
  }

  .default_content h2 {
    font-size: 30px;
  }

  .default_content h3 {
    font-size: 27px;
  }

  .default_content h4 {
    font-size: 25px;
  }

  .default_content h5 {
    font-size: 23px;
  }

  .default_content h6 {
    font-size: 21px;
  }

  .about_sec .flt_img {
    left: 0;

    top: 0;
  }
}

@media only screen and (max-width: 680.98px) {
  .header_wrapper {
    gap: 30px;
  }

  .str_bx,
  .prdt_bx {
    margin: 0;
  }

  .prdt_bx {
    padding: 30px 20px 30px;
  }

  .ft_btm {
    justify-content: center;

    flex-direction: column;
  }
}

@media only screen and (max-width: 575.98px) {
  .logo {
    max-width: 90px;
  }

  .age_restriction_form {
    height: 85vh;
  }

  .blog_listing .blg_bx {
    margin: 0 15px;
  }

  .product_listing .row > * {
    padding: 0 !important;

    margin: 0 !important;
  }

  .product_listing .row > * .prdt_bx {
    margin: 0 15px 30px;
  }

  .age_restriction_form {
    padding: 60px 30px 50px;
  }

  .age_restriction_form form + p {
    font-size: 14px;

    line-height: 20px;
  }

  .age_restriction_form form input[type="submit"] {
    padding: 10px 40px;

    font-size: 14px;

    line-height: 20px;
  }

  .age_btns button {
    padding: 6px 18px;

    font-size: 14px;

    line-height: 22px;
  }

  .age_restriction_content h3 {
    font-size: 25px;
  }

  .ft_top .row > *,
  .ft_top .row > *:last-child {
    margin: 0 0 18px;
  }

  .ft_top .row > *:last-child {
    margin-bottom: 0;
  }

  .products_sec {
    padding: 60px 0 70px;
  }

  .products_sec .flt_img,
  .blog_sec .flt_img {
    display: none;
  }

  .search_form form {
    width: 95vw;
  }

  .cmn_title h2 {
    font-size: 28px;
  }

  .banner_text p {
    font-size: 20px;
  }

  .banner_text h1 {
    font-size: 45px;
  }

  .redirect_icn {
    bottom: 15px;
  }
}

@media only screen and (max-width: 480px) {
  .head_btn {
    gap: 20px;
  }

  .head_btn a:nth-child(1) svg {
    width: 20px;
  }

  .banner_text h1 {
    font-size: 40px;
  }

  .banner_text p {
    font-size: 16px;

    line-height: 115%;
  }

  .banner .banner_text {
    padding: 215px 0 180px;
  }
}

@media only screen and (max-width: 450px) {
  .toggle-menu i {
    font-size: 18px;

    padding: 5px 7px;
  }

  .head_btn {
    margin-right: 50px;
  }

  .contact_form ul li {
    font-size: 20px;
  }

  .age_restriction_content h3 {
    font-size: 22px;
  }

  .age_restriction_form {
    padding: 60px 25px 50px;
  }
}

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

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

/*///////////// MEDIA QUERY RESPONSIVE END ////////////////*/