@keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@-webkit-keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@keyframes smoothScroll {
  0% {
    transform: translateY(-100px); }
  100% {
    transform: translateY(0px); } }

* {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6, .cart_section .inner_area .listing_main .right_l .bill_main .top .dollar {
  margin: 0;
  padding: 0; }

p {
  margin: 0;
  padding: 0; }

.form-group {
  margin-bottom: 15px; }

a {
  text-decoration: none;
  outline: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  a:hover {
    text-decoration: none;
    outline: none; }
  a:focus {
    text-decoration: none;
    outline: none; }

.btn {
  border: 0;
  box-shadow: none;
  text-decoration: none;
  outline: none;
  border-radius: 0; }
  .btn:hover {
    box-shadow: none;
    text-decoration: none;
    outline: none;
    border: 0;
    border-radius: 0;
    background-color: #DE383A; }
  .btn:focus {
    box-shadow: none;
    text-decoration: none;
    outline: none;
    border: 0;
    border-radius: 0;
    background-color: #DE383A; }
  .btn:active {
    box-shadow: none;
    text-decoration: none;
    outline: none;
    border: 0;
    border-radius: 0;
    background-color: #DE383A; }
    .btn:active:focus {
      box-shadow: none; }
  .btn:visited {
    box-shadow: none;
    text-decoration: none;
    outline: none;
    border: 0;
    border-radius: 0;
    background-color: #DE383A; }

ul {
  margin: 0;
  padding: 0; }
  ul li {
    list-style: none; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.list-inline {
  margin: 0;
  padding: 0; }
  .list-inline::after {
    display: block;
    content: "";
    clear: both; }
  .list-inline li {
    float: left; }
    .list-inline li a {
      display: inline-block; }

.form-control {
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  text-decoration: none;
  outline: none; }
  .form-control:hover {
    border-radius: 0;
    box-shadow: none;
    text-decoration: none;
    outline: none; }
  .form-control:focus {
    border-radius: 0;
    box-shadow: none;
    text-decoration: none;
    outline: none; }
  .form-control:active {
    border-radius: 0;
    box-shadow: none;
    text-decoration: none;
    outline: none; }

/* Extra Huge large desktops */
@media (min-width: 1920px) {
  .container {
    max-width: 1330px; } }

/* Extra Huge large desktops */
@media (min-width: 1680px) and (max-width: 1919px) {
  .container {
    max-width: 1330px; } }

/* Extra Huge large desktops */
@media (min-width: 1600px) and (max-width: 1679px) {
  .container {
    max-width: 1330px; } }

/* Extra large desktops and mac laptops*/
@media (min-width: 1400px) and (max-width: 1599px) {
  .container {
    max-width: 1330px; } }

@media (min-width: 1280px) and (max-width: 1399px) {
  .container {
    max-width: 1170px; } }

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .container {
    max-width: 100%; } }

/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .container {
    max-width: 100%; } }

/* Landscape phones and portrait tablets */
@media (min-width: 544px) and (max-width: 767px) {
  .container {
    min-width: 100%; } }

/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 543px) {
  .container {
    max-width: 100%; } }

/* Smaller phones */
@media (max-width: 360px) {
  .container {
    max-width: 100%; } }

/* Smaller phones */
@keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@-webkit-keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@keyframes smoothScroll {
  0% {
    transform: translateY(-100px); }
  100% {
    transform: translateY(0px); } }

body {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: inherit;
  background-color: #121212; }

.btn-primary {
  display: inline-block;
  background-color: #DE383A;
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
  padding: 15px 20px;
  border-radius: 0px;
  min-width: 130px;
  text-align: center;
  border: none; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    color: #ffffff;
    border-radius: 0px;
    background-color: #c32022; }

h1, h2, h3, h4, h5, h6, .cart_section .inner_area .listing_main .right_l .bill_main .top .dollar {
  font-weight: 700; }

.no_event {
  pointer-events: none; }

.scroll_off {
  overflow: hidden;
  touch-action: none;
  -ms-touch-action: none; }

label.error {
  display: block;
  color: #f00 !important;
  font-weight: 500 !important;
  font-size: 14px !important; }

.otp_error {
  text-align: center;
  color: #f00;
  font-weight: 500;
  font-size: 14px;
  padding-top: 8px; }

.text-success {
  color: #25d366 !important; }

.form-group {
  margin-bottom: 20px; }
  .form-group label.set_error {
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 8px;
    display: block; }
  .form-group .form-control {
    border: none;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    border-bottom: 1px solid #737373;
    background-color: transparent;
    padding: 0;
    padding-bottom: 8px; }
    .form-group .form-control::placeholder {
      font-size: 16px;
      font-weight: 400;
      color: #737373; }

.callout {
  border-radius: .25rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background-color: #fff;
  border-left: 5px solid #e9ecef;
  margin-bottom: 1rem;
  padding: 13px; }
  .callout.callout-success {
    border-left-color: #1e7e34;
    background-color: #28a745;
    color: #fff; }
  .callout.callout-danger {
    border-left-color: #bd2130;
    background-color: #d72d3e;
    color: #fff; }

.alert {
  border-radius: .25rem;
  box-shadow: none;
  background-color: #fff;
  border-left: 5px solid #e9ecef;
  margin-bottom: 1rem;
  padding: 13px 30px 13px 13px;
  position: relative;
  font-size: 15px; }
  .alert p {
    font-size: 16px !important;
    padding-bottom: 0 !important; }
  .alert.alert-success {
    border-color: #28a745;
    border-left-color: #1e7e34;
    background-color: #28a745;
    color: #fff !important; }
  .alert.alert-danger {
    border-color: #d72d3e;
    border-left-color: #bd2130;
    background-color: #d72d3e;
    color: #fff !important; }
  .alert button {
    position: absolute;
    top: 0;
    right: 0;
    text-decoration: none !important;
    outline: none;
    appearance: none;
    background: transparent;
    border-radius: 50%;
    opacity: 1 !important;
    color: #fff;
    padding: 0 !important;
    height: 25px;
    width: 25px;
    border: none;
    line-height: 27px;
    text-align: center;
    font-size: 22px;
    margin-top: 8px;
    margin-right: 5px;
    box-shadow: none; }
    .alert button.btn-close:hover, .alert button.btn-close:focus {
      color: #fff;
      opacity: 1;
      box-shadow: none; }

.popover {
  max-width: 360px;
  padding: 20px;
  border: 1px solid #e8e8eb;
  box-shadow: 0px 12px 20px 0px rgba(0, 0, 50, 0.12); }
  .popover .popover-body {
    padding: 0; }
    .popover .popover-body p {
      font-weight: 600;
      font-size: 14px;
      color: #111111;
      padding-bottom: 10px; }
      .popover .popover-body p a {
        color: #111111;
        display: inline-block; }
    .popover .popover-body a {
      color: #111111;
      font-weight: 600;
      display: block; }

.pagination_area nav .pagination {
  gap: 5px; }
  .pagination_area nav .pagination .page-item .page-link {
    background-color: #202020;
    color: #ffffff;
    border: none;
    border-radius: 2px;
    padding: 0;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .pagination_area nav .pagination .page-item .page-link:focus {
      box-shadow: none; }
    .pagination_area nav .pagination .page-item .page-link:hover {
      background-color: #ffffff;
      color: #111111; }
  .pagination_area nav .pagination .page-item.active .page-link {
    background: #DE383A;
    color: #ffffff; }

.pagination_area nav .result {
  display: none;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #ffffff;
  text-align: right; }
  .pagination_area nav .result span {
    display: inline-block; }

.pagination_area nav p.text-muted {
  display: none; }

.pagination_raw .pagination_area .right .pagination {
  justify-content: center !important; }

.custom_pagination {
  padding-top: 15px;
  overflow: auto; }
  .custom_pagination .pagination {
    white-space: nowrap; }
    .custom_pagination .pagination .paginate_button.page-item a {
      display: block;
      position: relative;
      padding: .5rem .75rem;
      margin-left: -1px;
      line-height: 1.25;
      color: #111111;
      background-color: #fff;
      border: 1px solid #dee2e6; }
      .custom_pagination .pagination .paginate_button.page-item a.active {
        color: #fff;
        background-color: #DE383A;
        border-color: #DE383A; }

#pb_scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
  -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
  background-color: none; }

#pb_scroll::-webkit-scrollbar {
  width: 3px;
  background-color: none; }

#pb_scroll::-webkit-scrollbar-thumb {
  background-color: #111111;
  border: 1px solid #111111; }

.passcode-wrapper {
  text-align: center; }
  .passcode-wrapper input {
    width: 50px;
    height: 50px;
    font-size: 14px;
    font-weight: 400;
    color: #111111;
    border: 1px solid #111111;
    background: #ffffff;
    border-radius: 8px;
    margin-right: 5px;
    text-align: center; }
    .passcode-wrapper input:last-child {
      margin-right: 0; }
    .passcode-wrapper input:focus {
      outline: none; }

/* Extra Huge large desktops */
/* Extra Huge large desktops */
/* Extra Huge large desktops */
/* Extra large desktops and mac laptops*/
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .passcode-wrapper input {
    height: 45px;
    width: 45px; } }

/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .passcode-wrapper input {
    height: 45px;
    width: 45px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .btn-primary {
    padding: 12px 15px;
    min-width: 115px; }
  .passcode-wrapper input {
    height: 45px;
    width: 45px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .btn-primary {
    padding: 12px 15px;
    min-width: 115px; }
  .passcode-wrapper input {
    height: 45px;
    width: 45px; } }

/* Smaller phones */
@media (max-width: 360px) {
  .btn-primary {
    padding: 12px 15px;
    min-width: 115px; }
  .passcode-wrapper input {
    height: 42px;
    width: 42px; } }

/* Smaller phones */
@keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@-webkit-keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@keyframes smoothScroll {
  0% {
    transform: translateY(-100px); }
  100% {
    transform: translateY(0px); } }

.spacing_top {
  padding-top: 90px; }

.banner_section {
  background-color: #202020;
  max-height: 100%;
  padding: 20px 0; }
  .banner_section .inner_banner {
    position: relative;
    z-index: 2; }
    .banner_section .inner_banner .main_title {
      display: flex;
      position: relative;
      z-index: 3; }
      .banner_section .inner_banner .main_title h3 {
        font-size: 26px;
        font-weight: 600;
        color: #ffffff;
        text-align: center;
        flex-grow: 1; }
      .banner_section .inner_banner .main_title .icon {
        height: 40px;
        width: 40px;
        border-radius: 50%;
        text-align: center;
        align-content: center;
        border: 1px solid #ffffff;
        margin-right: 15px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }
        .banner_section .inner_banner .main_title .icon i {
          font-size: 16px;
          color: #ffffff;
          -webkit-transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -ms-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out; }
        .banner_section .inner_banner .main_title .icon:hover, .banner_section .inner_banner .main_title .icon.active {
          background-color: #ffffff; }
          .banner_section .inner_banner .main_title .icon:hover i, .banner_section .inner_banner .main_title .icon.active i {
            color: #111111; }
    .banner_section .inner_banner .title_stroke {
      font-size: 100px;
      font-weight: 400;
      color: transparent;
      line-height: 100px;
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: #DE383A;
      position: absolute;
      inset: 0;
      text-align: center;
      align-content: center;
      opacity: 0.4;
      z-index: 1; }

.menu_section {
  padding-bottom: 30px; }
  .menu_section .inner_area .menu_list {
    display: flex;
    overflow: auto;
    padding-bottom: 5px; }
    .menu_section .inner_area .menu_list::-webkit-scrollbar-track {
      border-radius: 10px; }
    .menu_section .inner_area .menu_list::-webkit-scrollbar {
      height: 3px; }
    .menu_section .inner_area .menu_list::-webkit-scrollbar-thumb {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #DE383A; }
    .menu_section .inner_area .menu_list li {
      display: inline-block;
      margin-right: 12px;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      .menu_section .inner_area .menu_list li:last-child {
        margin-right: 0; }
      .menu_section .inner_area .menu_list li .txt, .menu_section .cart_section .inner_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .menu_section .inner_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .menu_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li .minus, .cart_section .menu_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li .minus, .menu_section .cart_section .inner_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .menu_section .inner_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .menu_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li .plus, .cart_section .menu_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li .plus {
        padding: 15px 20px;
        font-size: 14px;
        font-weight: 400;
        color: #ffffff;
        background-color: #202020;
        border-radius: 8px;
        display: inline-block;
        min-width: 130px;
        text-align: center;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }
      .menu_section .inner_area .menu_list li:hover .txt, .menu_section .cart_section .inner_area .menu_list li:hover .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .menu_section .inner_area .menu_list li:hover .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .menu_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li:hover .minus, .cart_section .menu_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li:hover .minus, .menu_section .cart_section .inner_area .menu_list li:hover .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .menu_section .inner_area .menu_list li:hover .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .menu_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li:hover .plus, .cart_section .menu_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li:hover .plus, .menu_section .inner_area .menu_list li.active .txt, .menu_section .cart_section .inner_area .menu_list li.active .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .menu_section .inner_area .menu_list li.active .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .menu_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li.active .minus, .cart_section .menu_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li.active .minus, .menu_section .cart_section .inner_area .menu_list li.active .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .menu_section .inner_area .menu_list li.active .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .menu_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li.active .plus, .cart_section .menu_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li.active .plus {
        background-color: #DE383A;
        color: #ffffff; }

/* Extra Huge large desktops */
/* Extra Huge large desktops */
/* Extra Huge large desktops */
/* Extra large desktops and mac laptops*/
@media (min-width: 1300px) and (max-width: 1399px) {
  .spacing_top {
    padding-top: 70px; } }

@media (min-width: 1200px) and (max-width: 1299px) {
  .spacing_top {
    padding-top: 60px; } }

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .spacing_top {
    padding-top: 40px; }
  .banner_section .inner_banner .main_title h3 {
    font-size: 28px; }
  .banner_section .inner_banner .main_title .icon {
    height: 35px;
    width: 35px; }
  .banner_section .inner_banner .title_stroke {
    font-size: 75px;
    line-height: 75px; }
  .menu_section .inner_area .menu_list li .txt, .menu_section .cart_section .inner_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .menu_section .inner_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .menu_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li .minus, .cart_section .menu_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li .minus, .menu_section .cart_section .inner_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .menu_section .inner_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .menu_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li .plus, .cart_section .menu_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li .plus {
    padding: 12px 20px; } }

/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .spacing_top {
    padding-top: 35px; }
  .banner_section .inner_banner .main_title h3 {
    font-size: 26px; }
  .banner_section .inner_banner .main_title .icon {
    height: 35px;
    width: 35px; }
  .banner_section .inner_banner .title_stroke {
    font-size: 75px;
    line-height: 75px; }
  .menu_section {
    padding-bottom: 25px; }
    .menu_section .inner_area .menu_list li .txt, .menu_section .cart_section .inner_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .menu_section .inner_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .menu_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li .minus, .cart_section .menu_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li .minus, .menu_section .cart_section .inner_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .menu_section .inner_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .menu_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li .plus, .cart_section .menu_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li .plus {
      padding: 12px 20px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .spacing_top {
    padding-top: 30px; }
  .banner_section .inner_banner .main_title h3 {
    font-size: 25px; }
  .banner_section .inner_banner .main_title .icon {
    height: 30px;
    width: 30px; }
    .banner_section .inner_banner .main_title .icon i {
      font-size: 14px; }
  .banner_section .inner_banner .title_stroke {
    font-size: 60px;
    line-height: 60px; }
  .menu_section {
    padding-bottom: 25px; }
    .menu_section .inner_area .menu_list li .txt, .menu_section .cart_section .inner_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .menu_section .inner_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .menu_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li .minus, .cart_section .menu_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li .minus, .menu_section .cart_section .inner_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .menu_section .inner_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .menu_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li .plus, .cart_section .menu_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li .plus {
      padding: 12px 20px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .spacing_top {
    padding-top: 25px; }
  .banner_section {
    padding: 15px 0; }
    .banner_section .inner_banner .main_title h3 {
      font-size: 20px; }
    .banner_section .inner_banner .main_title .icon {
      height: 30px;
      width: 30px; }
      .banner_section .inner_banner .main_title .icon i {
        font-size: 14px; }
    .banner_section .inner_banner .title_stroke {
      font-size: 45px;
      line-height: 45px; }
  .menu_section {
    padding-bottom: 25px; }
    .menu_section .inner_area .menu_list li {
      margin-right: 8px; }
      .menu_section .inner_area .menu_list li .txt, .menu_section .cart_section .inner_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .menu_section .inner_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .menu_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li .minus, .cart_section .menu_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li .minus, .menu_section .cart_section .inner_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .menu_section .inner_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .menu_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li .plus, .cart_section .menu_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li .plus {
        padding: 12px 20px;
        min-width: 100px; } }

/* Smaller phones */
@media (max-width: 360px) {
  .spacing_top {
    padding-top: 25px; }
  .banner_section {
    padding: 15px 0; }
    .banner_section .inner_banner .main_title h3 {
      font-size: 20px; }
    .banner_section .inner_banner .main_title .icon {
      height: 30px;
      width: 30px; }
      .banner_section .inner_banner .main_title .icon i {
        font-size: 14px; }
    .banner_section .inner_banner .title_stroke {
      font-size: 45px;
      line-height: 45px; }
  .menu_section {
    padding-bottom: 25px; }
    .menu_section .inner_area .menu_list li {
      margin-right: 8px; }
      .menu_section .inner_area .menu_list li .txt, .menu_section .cart_section .inner_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .menu_section .inner_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .menu_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li .minus, .cart_section .menu_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li .minus, .menu_section .cart_section .inner_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .menu_section .inner_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .menu_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li .plus, .cart_section .menu_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .menu_list li .plus {
        padding: 12px 20px;
        min-width: 100px; } }

/* Smaller phones */
@keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@-webkit-keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@keyframes smoothScroll {
  0% {
    transform: translateY(-100px); }
  100% {
    transform: translateY(0px); } }

.header_section {
  background-color: #202020;
  padding: 15px 0;
  box-shadow: 0px 4px 20px 0px #00000033;
  border-bottom: 1px solid #dcdcdc26; }
  .header_section .inner_area {
    display: flex;
    align-items: center; }
    .header_section .inner_area::after {
      display: block;
      content: "";
      clear: both; }
    .header_section .inner_area .left_area {
      float: left;
      width: 100px; }
      .header_section .inner_area .left_area .img_logo {
        height: 100px; }
        .header_section .inner_area .left_area .img_logo img {
          height: 100%;
          width: 100%;
          object-fit: cover; }
    .header_section .inner_area .right_area {
      float: right;
      width: calc(100% - 100px);
      display: flex;
      justify-content: end;
      align-items: center; }
      .header_section .inner_area .right_area .menu_list li {
        display: inline-block;
        margin-right: 30px; }
        .header_section .inner_area .right_area .menu_list li:last-child {
          margin-right: 0; }
        .header_section .inner_area .right_area .menu_list li:hover .txt, .header_section .cart_section .inner_area .right_area .menu_list li:hover .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .header_section .inner_area .right_area .menu_list li:hover .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .header_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_area .menu_list li:hover .minus, .cart_section .header_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_area .menu_list li:hover .minus, .header_section .cart_section .inner_area .right_area .menu_list li:hover .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .header_section .inner_area .right_area .menu_list li:hover .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .header_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_area .menu_list li:hover .plus, .cart_section .header_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_area .menu_list li:hover .plus, .header_section .inner_area .right_area .menu_list li.active .txt, .header_section .cart_section .inner_area .right_area .menu_list li.active .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .header_section .inner_area .right_area .menu_list li.active .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .header_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_area .menu_list li.active .minus, .cart_section .header_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_area .menu_list li.active .minus, .header_section .cart_section .inner_area .right_area .menu_list li.active .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .header_section .inner_area .right_area .menu_list li.active .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .header_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_area .menu_list li.active .plus, .cart_section .header_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_area .menu_list li.active .plus {
          color: #DE383A; }
        .header_section .inner_area .right_area .menu_list li .txt, .header_section .cart_section .inner_area .right_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .header_section .inner_area .right_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .header_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_area .menu_list li .minus, .cart_section .header_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_area .menu_list li .minus, .header_section .cart_section .inner_area .right_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .header_section .inner_area .right_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .header_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_area .menu_list li .plus, .cart_section .header_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_area .menu_list li .plus {
          font-size: 16px;
          font-weight: 400;
          color: white; }
      .header_section .inner_area .right_area .cart_icon {
        margin-left: 30px;
        position: relative; }
        .header_section .inner_area .right_area .cart_icon i {
          font-size: 18px;
          color: #ffffff; }
        .header_section .inner_area .right_area .cart_icon .num {
          height: 15px;
          width: 15px;
          border-radius: 50%;
          background-color: #DE383A;
          font-size: 12px;
          color: #ffffff;
          font-weight: 400;
          position: absolute;
          top: 0;
          right: 0;
          text-align: center;
          align-content: center;
          margin-right: -5px;
          margin-top: -6px; }
      .header_section .inner_area .right_area .btn_area {
        margin-left: 30px; }
      .header_section .inner_area .right_area .menu_btn {
        margin-left: 30px; }
        .header_section .inner_area .right_area .menu_btn i {
          font-size: 25px;
          color: #ffffff;
          width: 25px; }
  .header_section .open_menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #111111;
    opacity: 0;
    height: 0;
    z-index: -1;
    padding: 25px 15px; }
    .header_section .open_menu.show {
      height: 100%;
      width: 100%;
      z-index: 999;
      opacity: 1; }
    .header_section .open_menu .tab_links li {
      margin-bottom: 20px; }
      .header_section .open_menu .tab_links li:last-child {
        margin-bottom: 0; }
      .header_section .open_menu .tab_links li:hover .txt, .header_section .open_menu .tab_links li:hover .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .header_section .open_menu .tab_links li:hover .minus, .header_section .open_menu .tab_links li:hover .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .header_section .open_menu .tab_links li:hover .plus, .header_section .open_menu .tab_links li.active .txt, .header_section .open_menu .tab_links li.active .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .header_section .open_menu .tab_links li.active .minus, .header_section .open_menu .tab_links li.active .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .header_section .open_menu .tab_links li.active .plus {
        color: #DE383A; }
        .header_section .open_menu .tab_links li:hover .txt::before, .header_section .open_menu .tab_links li:hover .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus::before, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .header_section .open_menu .tab_links li:hover .minus::before, .header_section .open_menu .tab_links li:hover .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus::before, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .header_section .open_menu .tab_links li:hover .plus::before, .header_section .open_menu .tab_links li.active .txt::before, .header_section .open_menu .tab_links li.active .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus::before, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .header_section .open_menu .tab_links li.active .minus::before, .header_section .open_menu .tab_links li.active .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus::before, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .header_section .open_menu .tab_links li.active .plus::before {
          opacity: 1;
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          -o-transform: scale(1);
          transform: scale(1); }
      .header_section .open_menu .tab_links li .txt, .header_section .open_menu .tab_links li .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .header_section .open_menu .tab_links li .minus, .header_section .open_menu .tab_links li .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .header_section .open_menu .tab_links li .plus {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        display: inline-block;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
/* 1200 desktop only */
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .header_section .inner_area .right_area .menu_list li {
    margin-right: 20px; }
    .header_section .inner_area .right_area .menu_list li .txt, .header_section .cart_section .inner_area .right_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .header_section .inner_area .right_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .header_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_area .menu_list li .minus, .cart_section .header_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_area .menu_list li .minus, .header_section .cart_section .inner_area .right_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .header_section .inner_area .right_area .menu_list li .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .header_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_area .menu_list li .plus, .cart_section .header_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_area .menu_list li .plus {
      font-size: 15px; }
  .header_section .inner_area .right_area .cart_icon {
    margin-left: 20px; }
  .header_section .inner_area .right_area .btn_area {
    margin-left: 20px; } }

/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .header_section .inner_area .left_area {
    width: 75px; }
    .header_section .inner_area .left_area .img_logo {
      height: 75px; }
  .header_section .inner_area .right_area {
    width: calc(100% - 75px); }
    .header_section .inner_area .right_area .menu_list {
      display: none; }
    .header_section .inner_area .right_area .cart_icon {
      margin-left: 0px; }
    .header_section .inner_area .right_area .btn_area {
      margin-left: 30px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .header_section {
    padding: 12px 0; }
    .header_section .inner_area .left_area {
      width: 60px; }
      .header_section .inner_area .left_area .img_logo {
        height: 60px; }
    .header_section .inner_area .right_area {
      width: calc(100% - 60px); }
      .header_section .inner_area .right_area .menu_list {
        display: none; }
      .header_section .inner_area .right_area .cart_icon {
        margin-left: 0px; }
      .header_section .inner_area .right_area .btn_area {
        margin-left: 20px; }
      .header_section .inner_area .right_area .menu_btn {
        margin-left: 15px; }
        .header_section .inner_area .right_area .menu_btn i {
          font-size: 20px;
          width: 20px; }
    .header_section .open_menu .tab_links li .txt, .header_section .open_menu .tab_links li .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .header_section .open_menu .tab_links li .minus, .header_section .open_menu .tab_links li .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .header_section .open_menu .tab_links li .plus {
      font-size: 14px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .header_section {
    padding: 12px 0; }
    .header_section .inner_area .left_area {
      width: 60px; }
      .header_section .inner_area .left_area .img_logo {
        height: 60px; }
    .header_section .inner_area .right_area {
      width: calc(100% - 60px); }
      .header_section .inner_area .right_area .menu_list {
        display: none; }
      .header_section .inner_area .right_area .cart_icon {
        margin-left: 0px; }
      .header_section .inner_area .right_area .btn_area {
        margin-left: 15px; }
      .header_section .inner_area .right_area .menu_btn {
        margin-left: 15px; }
        .header_section .inner_area .right_area .menu_btn i {
          font-size: 20px;
          width: 20px; }
    .header_section .open_menu .tab_links li .txt, .header_section .open_menu .tab_links li .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .header_section .open_menu .tab_links li .minus, .header_section .open_menu .tab_links li .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .header_section .open_menu .tab_links li .plus {
      font-size: 14px; } }

/* Smaller phones */
@media (max-width: 360px) {
  .header_section {
    padding: 12px 0; }
    .header_section .inner_area .left_area {
      width: 60px; }
      .header_section .inner_area .left_area .img_logo {
        height: 60px; }
    .header_section .inner_area .right_area {
      width: calc(100% - 60px); }
      .header_section .inner_area .right_area .menu_list {
        display: none; }
      .header_section .inner_area .right_area .cart_icon {
        margin-left: 0px; }
      .header_section .inner_area .right_area .btn_area {
        margin-left: 15px; }
      .header_section .inner_area .right_area .menu_btn {
        margin-left: 15px; }
        .header_section .inner_area .right_area .menu_btn i {
          font-size: 20px;
          width: 20px; }
    .header_section .open_menu .tab_links li .txt, .header_section .open_menu .tab_links li .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .header_section .open_menu .tab_links li .minus, .header_section .open_menu .tab_links li .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .header_section .open_menu .tab_links li .plus {
      font-size: 14px; } }

/* Smaller phones */
@keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@-webkit-keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@keyframes smoothScroll {
  0% {
    transform: translateY(-100px); }
  100% {
    transform: translateY(0px); } }

.profile_info_section {
  padding-bottom: 30px; }
  .profile_info_section .inner_area {
    background-color: #202020;
    padding: 30px;
    display: flex;
    align-items: end;
    position: relative;
    z-index: 2; }
    .profile_info_section .inner_area::after {
      display: block;
      content: "";
      clear: both; }
    .profile_info_section .inner_area::before {
      content: "";
      height: 5px;
      width: 100%;
      background-color: #DE383A;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1; }
    .profile_info_section .inner_area .left_info {
      float: left;
      width: 138px;
      position: relative;
      z-index: 3; }
      .profile_info_section .inner_area .left_info .img_info {
        height: 138px; }
        .profile_info_section .inner_area .left_info .img_info img {
          height: 100%;
          width: 100%;
          object-fit: cover; }
    .profile_info_section .inner_area .right_info {
      float: right;
      width: calc(100% - 138px);
      padding-left: 20px;
      position: relative;
      z-index: 3;
      display: flex;
      align-items: end;
      justify-content: space-between; }
      .profile_info_section .inner_area .right_info .content_area h3 {
        font-size: 24px;
        font-weight: 400;
        color: #ffffff;
        line-height: 30px;
        margin-bottom: 10px; }
      .profile_info_section .inner_area .right_info .content_area .txt, .profile_info_section .cart_section .inner_area .right_info .content_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .profile_info_section .inner_area .right_info .content_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .profile_info_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_info .content_area .minus, .cart_section .profile_info_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_info .content_area .minus, .profile_info_section .cart_section .inner_area .right_info .content_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .profile_info_section .inner_area .right_info .content_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .profile_info_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_info .content_area .plus, .cart_section .profile_info_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_info .content_area .plus {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        line-height: 20px; }
      .profile_info_section .inner_area .right_info .btn_area {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: end;
        gap: 15px; }
        .profile_info_section .inner_area .right_info .btn_area .btn-primary {
          min-width: 170px;
          padding: 12px 20px;
          background-color: transparent;
          border: 1px solid #ffffff; }
          .profile_info_section .inner_area .right_info .btn_area .btn-primary:hover, .profile_info_section .inner_area .right_info .btn_area .btn-primary.active, .profile_info_section .inner_area .right_info .btn_area .btn-primary:focus {
            background-color: #ffffff;
            color: #111111; }

.card_section {
  padding-bottom: 56px; }
  .card_section .inner_area .inner_card {
    padding: 30px;
    background-color: #202020; }
    .card_section .inner_area .inner_card .plan_main {
      display: flex;
      justify-content: space-between;
      margin-bottom: 15px; }
      .card_section .inner_area .inner_card .plan_main .plan_title .txt, .card_section .cart_section .inner_area .inner_card .plan_main .plan_title .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .card_section .inner_area .inner_card .plan_main .plan_title .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .card_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .inner_card .plan_main .plan_title .minus, .cart_section .card_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .inner_card .plan_main .plan_title .minus, .card_section .cart_section .inner_area .inner_card .plan_main .plan_title .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .card_section .inner_area .inner_card .plan_main .plan_title .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .card_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .inner_card .plan_main .plan_title .plus, .cart_section .card_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .inner_card .plan_main .plan_title .plus {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        margin-bottom: 5px; }
      .card_section .inner_area .inner_card .plan_main .plan_title .basic {
        font-size: 26px;
        font-weight: 400;
        color: #ffffff; }
      .card_section .inner_area .inner_card .plan_main .btn_main .status {
        font-size: 16px;
        font-weight: 400;
        color: #111111;
        padding: 5px 20px;
        border-radius: 5px;
        box-shadow: 0px 4px 20px 0px #00000066;
        text-align: center;
        display: inline-block;
        min-width: 128px;
        height: auto;
        background-color: #F6BC49; }
    .card_section .inner_area .inner_card .expire_area {
      display: flex;
      align-items: end;
      justify-content: space-between;
      margin-bottom: 30px; }
      .card_section .inner_area .inner_card .expire_area .price_main {
        font-size: 40px;
        font-weight: 500;
        color: #ffffff; }
        .card_section .inner_area .inner_card .expire_area .price_main span {
          font-weight: 400;
          font-size: 14px;
          vertical-align: top;
          position: relative;
          top: 4px; }
          .card_section .inner_area .inner_card .expire_area .price_main span.week {
            vertical-align: bottom;
            top: 0; }
      .card_section .inner_area .inner_card .expire_area .expire {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff; }
    .card_section .inner_area .inner_card .btn_area {
      display: flex;
      align-items: center;
      gap: 20px; }
      .card_section .inner_area .inner_card .btn_area .btn-primary {
        width: 100%;
        border: 1px solid #DE383A; }
        .card_section .inner_area .inner_card .btn_area .btn-primary.deactive {
          border: 1px solid #ffffff;
          background-color: transparent; }
          .card_section .inner_area .inner_card .btn_area .btn-primary.deactive:hover, .card_section .inner_area .inner_card .btn_area .btn-primary.deactive.active, .card_section .inner_area .inner_card .btn_area .btn-primary.deactive:focus {
            background-color: #ffffff;
            color: #111111; }
    .card_section .inner_area .inner_card .top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 45px; }
      .card_section .inner_area .inner_card .top .img_card {
        height: 60px;
        width: 60px; }
        .card_section .inner_area .inner_card .top .img_card img {
          height: 100%;
          width: 100%;
          object-fit: cover; }
      .card_section .inner_area .inner_card .top .btn_remove .btn-primary {
        font-size: 14px;
        font-weight: 400;
        background-color: transparent;
        border: 1px solid #ffffff; }
        .card_section .inner_area .inner_card .top .btn_remove .btn-primary:focus, .card_section .inner_area .inner_card .top .btn_remove .btn-primary:hover, .card_section .inner_area .inner_card .top .btn_remove .btn-primary.active {
          background-color: #ffffff;
          color: #111111; }
    .card_section .inner_area .inner_card .number {
      font-size: 24px;
      font-weight: 400;
      color: #ffffff;
      margin-bottom: 42px; }
    .card_section .inner_area .inner_card .bottom {
      display: flex;
      justify-content: space-between; }
      .card_section .inner_area .inner_card .bottom .name, .card_section .inner_area .inner_card .bottom .expiers {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff; }
    .card_section .inner_area .inner_card.card_add {
      display: flex;
      justify-content: center;
      align-items: center; }
      .card_section .inner_area .inner_card.card_add .add_card {
        display: inline-block;
        text-align: center; }
        .card_section .inner_area .inner_card.card_add .add_card .img_add {
          height: 36px;
          width: 36px;
          margin: 0 auto;
          margin-bottom: 10px; }
          .card_section .inner_area .inner_card.card_add .add_card .img_add img {
            height: 100%;
            width: 100%;
            object-fit: cover; }
        .card_section .inner_area .inner_card.card_add .add_card .title {
          font-size: 14px;
          font-weight: 400;
          color: #ffffff; }

.order_section {
  padding-bottom: 56px; }
  .order_section .inner_area {
    background-color: #202020; }
    .order_section .inner_area .top_area {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px 30px 40px 30px; }
      .order_section .inner_area .top_area .title {
        font-size: 24px;
        font-weight: 400;
        color: #ffffff;
        line-height: 30px; }
      .order_section .inner_area .top_area .view_btn .btn-primary {
        background-color: transparent;
        border: 1px solid #ffffff;
        padding: 12px 20px; }
        .order_section .inner_area .top_area .view_btn .btn-primary:hover, .order_section .inner_area .top_area .view_btn .btn-primary.active, .order_section .inner_area .top_area .view_btn .btn-primary:focus {
          background-color: #ffffff;
          color: #111111; }
    .order_section .inner_area .bottom_area {
      padding: 0 30px 30px 30px; }
      .order_section .inner_area .bottom_area .table-responsive table {
        width: 100%; }
        .order_section .inner_area .bottom_area .table-responsive table thead {
          border: 1px solid #ffffff;
          border-radius: 5px;
          overflow: hidden; }
          .order_section .inner_area .bottom_area .table-responsive table thead tr th {
            font-size: 16px;
            font-weight: 400;
            color: #ffffff;
            line-height: 20px;
            padding: 20px;
            white-space: nowrap; }
        .order_section .inner_area .bottom_area .table-responsive table tbody tr td {
          font-size: 14px;
          font-weight: 400;
          color: #ffffff;
          padding: 20px;
          white-space: nowrap; }
          .order_section .inner_area .bottom_area .table-responsive table tbody tr td span {
            color: #DE383A; }
          .order_section .inner_area .bottom_area .table-responsive table tbody tr td .status {
            padding: 5px 20px;
            border-radius: 5px;
            text-align: center;
            display: inline-block;
            min-width: 100px; }
            .order_section .inner_area .bottom_area .table-responsive table tbody tr td .status.success {
              background-color: #22bb33;
              color: #ffffff; }
            .order_section .inner_area .bottom_area .table-responsive table tbody tr td .status.reject {
              background-color: #bb2124;
              color: #ffffff; }
            .order_section .inner_area .bottom_area .table-responsive table tbody tr td .status.pending {
              background-color: #F6BC49;
              color: #111111; }
          .order_section .inner_area .bottom_area .table-responsive table tbody tr td .btn-primary {
            padding: 8px 15px;
            border-radius: 6px;
            min-width: 80px; }
        .order_section .inner_area .bottom_area .table-responsive table tbody tr:nth-child(even) {
          background-color: #333333; }

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .card_section {
    padding-bottom: 45px; }
  .order_section {
    padding-bottom: 45px; } }

/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .card_section {
    padding-bottom: 45px; }
  .order_section {
    padding-bottom: 45px; } }

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .profile_info_section {
    padding-bottom: 25px; }
    .profile_info_section .inner_area {
      padding: 25px; }
      .profile_info_section .inner_area .left_info {
        width: 125px; }
        .profile_info_section .inner_area .left_info .img_info {
          height: 125px; }
      .profile_info_section .inner_area .right_info {
        width: calc(100% - 125px);
        padding-left: 15px; }
        .profile_info_section .inner_area .right_info .content_area h3 {
          font-size: 22px;
          line-height: 24px; }
        .profile_info_section .inner_area .right_info .content_area .txt, .profile_info_section .cart_section .inner_area .right_info .content_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .profile_info_section .inner_area .right_info .content_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .profile_info_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_info .content_area .minus, .cart_section .profile_info_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_info .content_area .minus, .profile_info_section .cart_section .inner_area .right_info .content_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .profile_info_section .inner_area .right_info .content_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .profile_info_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_info .content_area .plus, .cart_section .profile_info_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_info .content_area .plus {
          font-size: 14px; }
  .card_section {
    padding-bottom: 40px; }
    .card_section .inner_area .inner_card {
      padding: 25px; }
      .card_section .inner_area .inner_card .plan_main .plan_title .txt, .card_section .cart_section .inner_area .inner_card .plan_main .plan_title .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .card_section .inner_area .inner_card .plan_main .plan_title .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .card_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .inner_card .plan_main .plan_title .minus, .cart_section .card_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .inner_card .plan_main .plan_title .minus, .card_section .cart_section .inner_area .inner_card .plan_main .plan_title .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .card_section .inner_area .inner_card .plan_main .plan_title .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .card_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .inner_card .plan_main .plan_title .plus, .cart_section .card_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .inner_card .plan_main .plan_title .plus {
        font-size: 14px; }
      .card_section .inner_area .inner_card .plan_main .plan_title .basic {
        font-size: 22px; }
      .card_section .inner_area .inner_card .plan_main .btn_main .status {
        font-size: 15px; }
      .card_section .inner_area .inner_card .expire_area {
        margin-bottom: 25px; }
        .card_section .inner_area .inner_card .expire_area .price_main {
          font-size: 35px; }
        .card_section .inner_area .inner_card .expire_area .expire {
          font-size: 15px; }
      .card_section .inner_area .inner_card .top {
        margin-bottom: 30px; }
        .card_section .inner_area .inner_card .top .img_card {
          height: 50px;
          width: 50px; }
        .card_section .inner_area .inner_card .top .btn_remove .btn-primary {
          padding: 12px 20px; }
      .card_section .inner_area .inner_card .number {
        font-size: 22px;
        margin-bottom: 30px; }
  .order_section {
    padding-bottom: 40px; }
    .order_section .inner_area .top_area {
      padding: 15px 25px 30px 25px; }
      .order_section .inner_area .top_area .title {
        font-size: 22px; }
    .order_section .inner_area .bottom_area {
      padding: 0px 25px 25px 25px; }
      .order_section .inner_area .bottom_area .table-responsive table thead tr th {
        font-size: 15px;
        padding: 15px; }
      .order_section .inner_area .bottom_area .table-responsive table tbody tr td {
        padding: 15px; } }

/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .profile_info_section {
    padding-bottom: 25px; }
    .profile_info_section .inner_area {
      padding: 25px; }
      .profile_info_section .inner_area .left_info {
        width: 125px; }
        .profile_info_section .inner_area .left_info .img_info {
          height: 125px; }
      .profile_info_section .inner_area .right_info {
        width: calc(100% - 125px);
        padding-left: 15px; }
        .profile_info_section .inner_area .right_info .content_area h3 {
          font-size: 20px;
          line-height: 22px; }
        .profile_info_section .inner_area .right_info .content_area .txt, .profile_info_section .cart_section .inner_area .right_info .content_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .profile_info_section .inner_area .right_info .content_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .profile_info_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_info .content_area .minus, .cart_section .profile_info_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_info .content_area .minus, .profile_info_section .cart_section .inner_area .right_info .content_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .profile_info_section .inner_area .right_info .content_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .profile_info_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_info .content_area .plus, .cart_section .profile_info_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_info .content_area .plus {
          font-size: 14px; }
  .card_section {
    padding-bottom: 35px; }
    .card_section .inner_area .inner_card {
      padding: 20px; }
      .card_section .inner_area .inner_card .plan_main .plan_title .txt, .card_section .cart_section .inner_area .inner_card .plan_main .plan_title .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .card_section .inner_area .inner_card .plan_main .plan_title .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .card_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .inner_card .plan_main .plan_title .minus, .cart_section .card_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .inner_card .plan_main .plan_title .minus, .card_section .cart_section .inner_area .inner_card .plan_main .plan_title .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .card_section .inner_area .inner_card .plan_main .plan_title .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .card_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .inner_card .plan_main .plan_title .plus, .cart_section .card_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .inner_card .plan_main .plan_title .plus {
        font-size: 14px; }
      .card_section .inner_area .inner_card .plan_main .plan_title .basic {
        font-size: 20px; }
      .card_section .inner_area .inner_card .plan_main .btn_main .status {
        font-size: 14px; }
      .card_section .inner_area .inner_card .expire_area {
        margin-bottom: 25px; }
        .card_section .inner_area .inner_card .expire_area .price_main {
          font-size: 30px; }
        .card_section .inner_area .inner_card .expire_area .expire {
          font-size: 14px; }
      .card_section .inner_area .inner_card .top {
        margin-bottom: 25px; }
        .card_section .inner_area .inner_card .top .img_card {
          height: 50px;
          width: 50px; }
        .card_section .inner_area .inner_card .top .btn_remove .btn-primary {
          padding: 10px 20px;
          min-width: 110px; }
      .card_section .inner_area .inner_card .number {
        font-size: 20px;
        margin-bottom: 25px; }
      .card_section .inner_area .inner_card .btn_area .btn-primary {
        padding: 12px 20px; }
  .order_section {
    padding-bottom: 35px; }
    .order_section .inner_area .top_area {
      padding: 15px 20px 25px 20px; }
      .order_section .inner_area .top_area .title {
        font-size: 20px; }
    .order_section .inner_area .bottom_area {
      padding: 0px 20px 20px 20px; }
      .order_section .inner_area .bottom_area .table-responsive table thead tr th {
        font-size: 15px;
        padding: 15px; }
      .order_section .inner_area .bottom_area .table-responsive table tbody tr td {
        padding: 15px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .profile_info_section {
    padding-bottom: 25px; }
    .profile_info_section .inner_area {
      padding: 18px; }
      .profile_info_section .inner_area .left_info {
        width: 115px; }
        .profile_info_section .inner_area .left_info .img_info {
          height: 115px; }
      .profile_info_section .inner_area .right_info {
        width: calc(100% - 115px);
        padding-left: 15px; }
        .profile_info_section .inner_area .right_info .content_area h3 {
          font-size: 18px;
          line-height: 22px; }
        .profile_info_section .inner_area .right_info .content_area .txt, .profile_info_section .cart_section .inner_area .right_info .content_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .profile_info_section .inner_area .right_info .content_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .profile_info_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_info .content_area .minus, .cart_section .profile_info_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_info .content_area .minus, .profile_info_section .cart_section .inner_area .right_info .content_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .profile_info_section .inner_area .right_info .content_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .profile_info_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_info .content_area .plus, .cart_section .profile_info_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_info .content_area .plus {
          font-size: 14px; }
        .profile_info_section .inner_area .right_info .btn_area .btn-primary {
          min-width: 145px;
          padding: 10px 12px;
          font-size: 13px; }
  .card_section {
    padding-bottom: 30px; }
    .card_section .inner_area .row {
      margin-right: -7px;
      margin-left: -7px; }
      .card_section .inner_area .row [class*=col-] {
        padding-left: 8px;
        padding-right: 8px; }
    .card_section .inner_area .inner_card {
      padding: 15px; }
      .card_section .inner_area .inner_card .plan_main .plan_title .txt, .card_section .cart_section .inner_area .inner_card .plan_main .plan_title .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .card_section .inner_area .inner_card .plan_main .plan_title .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .card_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .inner_card .plan_main .plan_title .minus, .cart_section .card_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .inner_card .plan_main .plan_title .minus, .card_section .cart_section .inner_area .inner_card .plan_main .plan_title .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .card_section .inner_area .inner_card .plan_main .plan_title .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .card_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .inner_card .plan_main .plan_title .plus, .cart_section .card_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .inner_card .plan_main .plan_title .plus {
        font-size: 14px; }
      .card_section .inner_area .inner_card .plan_main .plan_title .basic {
        font-size: 18px; }
      .card_section .inner_area .inner_card .plan_main .btn_main .status {
        font-size: 14px; }
      .card_section .inner_area .inner_card .expire_area {
        margin-bottom: 25px; }
        .card_section .inner_area .inner_card .expire_area .price_main {
          font-size: 30px; }
        .card_section .inner_area .inner_card .expire_area .expire {
          font-size: 14px; }
      .card_section .inner_area .inner_card .top {
        margin-bottom: 25px; }
        .card_section .inner_area .inner_card .top .img_card {
          height: 50px;
          width: 50px; }
        .card_section .inner_area .inner_card .top .btn_remove .btn-primary {
          padding: 10px 20px;
          min-width: 110px; }
      .card_section .inner_area .inner_card .number {
        font-size: 18px;
        margin-bottom: 25px; }
      .card_section .inner_area .inner_card .btn_area .btn-primary {
        padding: 12px 20px; }
      .card_section .inner_area .inner_card .bottom .name, .card_section .inner_area .inner_card .bottom .expiers {
        font-size: 14px; }
  .order_section {
    padding-bottom: 30px; }
    .order_section .inner_area .top_area {
      padding: 15px 20px 25px 20px; }
      .order_section .inner_area .top_area .title {
        font-size: 18px; }
      .order_section .inner_area .top_area .view_btn .btn-primary {
        padding: 10px 15px;
        min-width: 105px; }
    .order_section .inner_area .bottom_area {
      padding: 0px 20px 20px 20px; }
      .order_section .inner_area .bottom_area .table-responsive table thead tr th {
        font-size: 14px;
        padding: 15px; }
      .order_section .inner_area .bottom_area .table-responsive table tbody tr td {
        padding: 15px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .profile_info_section {
    padding-bottom: 25px; }
    .profile_info_section .inner_area {
      padding: 18px;
      align-items: start; }
      .profile_info_section .inner_area .left_info {
        width: 100px; }
        .profile_info_section .inner_area .left_info .img_info {
          height: 100px; }
      .profile_info_section .inner_area .right_info {
        width: calc(100% - 100px);
        padding-left: 15px;
        flex-wrap: wrap; }
        .profile_info_section .inner_area .right_info .content_area {
          margin-bottom: 10px; }
          .profile_info_section .inner_area .right_info .content_area h3 {
            font-size: 18px;
            line-height: 22px; }
          .profile_info_section .inner_area .right_info .content_area .txt, .profile_info_section .cart_section .inner_area .right_info .content_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .profile_info_section .inner_area .right_info .content_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .profile_info_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_info .content_area .minus, .cart_section .profile_info_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_info .content_area .minus, .profile_info_section .cart_section .inner_area .right_info .content_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .profile_info_section .inner_area .right_info .content_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .profile_info_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_info .content_area .plus, .cart_section .profile_info_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_info .content_area .plus {
            font-size: 14px; }
        .profile_info_section .inner_area .right_info .btn_area .btn-primary {
          min-width: 145px;
          padding: 10px 12px;
          font-size: 13px; }
  .card_section {
    padding-bottom: 25px; }
    .card_section .inner_area .row {
      margin-right: -7px;
      margin-left: -7px; }
      .card_section .inner_area .row [class*=col-] {
        padding-left: 8px;
        padding-right: 8px; }
    .card_section .inner_area .inner_card {
      padding: 15px;
      margin-bottom: 15px; }
      .card_section .inner_area .inner_card .plan_main .plan_title .txt, .card_section .cart_section .inner_area .inner_card .plan_main .plan_title .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .card_section .inner_area .inner_card .plan_main .plan_title .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .card_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .inner_card .plan_main .plan_title .minus, .cart_section .card_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .inner_card .plan_main .plan_title .minus, .card_section .cart_section .inner_area .inner_card .plan_main .plan_title .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .card_section .inner_area .inner_card .plan_main .plan_title .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .card_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .inner_card .plan_main .plan_title .plus, .cart_section .card_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .inner_card .plan_main .plan_title .plus {
        font-size: 14px; }
      .card_section .inner_area .inner_card .plan_main .plan_title .basic {
        font-size: 18px; }
      .card_section .inner_area .inner_card .plan_main .btn_main .status {
        font-size: 14px; }
      .card_section .inner_area .inner_card .expire_area {
        margin-bottom: 25px; }
        .card_section .inner_area .inner_card .expire_area .price_main {
          font-size: 30px; }
        .card_section .inner_area .inner_card .expire_area .expire {
          font-size: 14px; }
      .card_section .inner_area .inner_card .top {
        margin-bottom: 25px; }
        .card_section .inner_area .inner_card .top .img_card {
          height: 50px;
          width: 50px; }
        .card_section .inner_area .inner_card .top .btn_remove .btn-primary {
          padding: 10px 20px;
          min-width: 110px; }
      .card_section .inner_area .inner_card .number {
        font-size: 18px;
        margin-bottom: 25px; }
      .card_section .inner_area .inner_card .btn_area .btn-primary {
        padding: 12px 20px; }
      .card_section .inner_area .inner_card .bottom .name, .card_section .inner_area .inner_card .bottom .expiers {
        font-size: 14px; }
      .card_section .inner_area .inner_card.card_add {
        min-height: 130px; }
        .card_section .inner_area .inner_card.card_add .add_card .img_add {
          height: 30px;
          width: 30px; }
  .order_section {
    padding-bottom: 25px; }
    .order_section .inner_area .top_area {
      padding: 15px 20px 25px 20px; }
      .order_section .inner_area .top_area .title {
        font-size: 16px; }
      .order_section .inner_area .top_area .view_btn .btn-primary {
        padding: 10px 15px;
        min-width: 100px; }
    .order_section .inner_area .bottom_area {
      padding: 0px 20px 20px 20px; }
      .order_section .inner_area .bottom_area .table-responsive table thead tr th {
        font-size: 14px;
        padding: 15px; }
      .order_section .inner_area .bottom_area .table-responsive table tbody tr td {
        padding: 15px; } }

/* Smaller phones */
@media (max-width: 360px) {
  .profile_info_section {
    padding-bottom: 25px; }
    .profile_info_section .inner_area {
      padding: 18px;
      align-items: start; }
      .profile_info_section .inner_area .left_info {
        width: 100px; }
        .profile_info_section .inner_area .left_info .img_info {
          height: 100px; }
      .profile_info_section .inner_area .right_info {
        width: calc(100% - 100px);
        padding-left: 15px;
        flex-wrap: wrap; }
        .profile_info_section .inner_area .right_info .content_area {
          margin-bottom: 10px; }
          .profile_info_section .inner_area .right_info .content_area h3 {
            font-size: 18px;
            line-height: 22px; }
          .profile_info_section .inner_area .right_info .content_area .txt, .profile_info_section .cart_section .inner_area .right_info .content_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .profile_info_section .inner_area .right_info .content_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .profile_info_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_info .content_area .minus, .cart_section .profile_info_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_info .content_area .minus, .profile_info_section .cart_section .inner_area .right_info .content_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .profile_info_section .inner_area .right_info .content_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .profile_info_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_info .content_area .plus, .cart_section .profile_info_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .right_info .content_area .plus {
            font-size: 14px; }
        .profile_info_section .inner_area .right_info .btn_area .btn-primary {
          min-width: 145px;
          padding: 10px 12px;
          font-size: 13px; }
  .card_section {
    padding-bottom: 25px; }
    .card_section .inner_area .row {
      margin-right: -7px;
      margin-left: -7px; }
      .card_section .inner_area .row [class*=col-] {
        padding-left: 8px;
        padding-right: 8px; }
    .card_section .inner_area .inner_card {
      padding: 15px;
      margin-bottom: 15px; }
      .card_section .inner_area .inner_card .plan_main .plan_title .txt, .card_section .cart_section .inner_area .inner_card .plan_main .plan_title .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .card_section .inner_area .inner_card .plan_main .plan_title .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .card_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .inner_card .plan_main .plan_title .minus, .cart_section .card_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .inner_card .plan_main .plan_title .minus, .card_section .cart_section .inner_area .inner_card .plan_main .plan_title .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .card_section .inner_area .inner_card .plan_main .plan_title .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .card_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .inner_card .plan_main .plan_title .plus, .cart_section .card_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .inner_card .plan_main .plan_title .plus {
        font-size: 14px; }
      .card_section .inner_area .inner_card .plan_main .plan_title .basic {
        font-size: 18px; }
      .card_section .inner_area .inner_card .plan_main .btn_main .status {
        font-size: 14px; }
      .card_section .inner_area .inner_card .expire_area {
        margin-bottom: 25px; }
        .card_section .inner_area .inner_card .expire_area .price_main {
          font-size: 30px; }
        .card_section .inner_area .inner_card .expire_area .expire {
          font-size: 14px; }
      .card_section .inner_area .inner_card .top {
        margin-bottom: 25px; }
        .card_section .inner_area .inner_card .top .img_card {
          height: 50px;
          width: 50px; }
        .card_section .inner_area .inner_card .top .btn_remove .btn-primary {
          padding: 10px 20px;
          min-width: 110px; }
      .card_section .inner_area .inner_card .number {
        font-size: 18px;
        margin-bottom: 25px; }
      .card_section .inner_area .inner_card .btn_area .btn-primary {
        padding: 12px 20px; }
      .card_section .inner_area .inner_card .bottom .name, .card_section .inner_area .inner_card .bottom .expiers {
        font-size: 14px; }
      .card_section .inner_area .inner_card.card_add {
        min-height: 130px; }
        .card_section .inner_area .inner_card.card_add .add_card .img_add {
          height: 30px;
          width: 30px; }
  .order_section {
    padding-bottom: 25px; }
    .order_section .inner_area .top_area {
      padding: 15px 20px 25px 20px; }
      .order_section .inner_area .top_area .title {
        font-size: 16px; }
      .order_section .inner_area .top_area .view_btn .btn-primary {
        padding: 10px 15px;
        min-width: 100px; }
    .order_section .inner_area .bottom_area {
      padding: 0px 20px 20px 20px; }
      .order_section .inner_area .bottom_area .table-responsive table thead tr th {
        font-size: 14px;
        padding: 15px; }
      .order_section .inner_area .bottom_area .table-responsive table tbody tr td {
        padding: 15px; } }

/* Smaller phones */
@keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@-webkit-keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@keyframes smoothScroll {
  0% {
    transform: translateY(-100px); }
  100% {
    transform: translateY(0px); } }

.footer_section {
  background-color: #202020; }
  .footer_section .inner_footer .top_area {
    padding: 15px 0;
    border-bottom: 1px solid #dcdcdc26; }
    .footer_section .inner_footer .top_area .cms_list {
      display: flex;
      justify-content: center; }
      .footer_section .inner_footer .top_area .cms_list li {
        display: inline-block;
        margin-right: 20px;
        position: relative; }
        .footer_section .inner_footer .top_area .cms_list li::before {
          content: "";
          border-bottom: 1px solid #ffffff;
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          opacity: 0;
          -webkit-transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -ms-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
          -webkit-transform: scale(0);
          -moz-transform: scale(0);
          -ms-transform: scale(0);
          -o-transform: scale(0);
          transform: scale(0); }
        .footer_section .inner_footer .top_area .cms_list li .txt, .footer_section .inner_footer .top_area .cms_list li .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .footer_section .inner_footer .top_area .cms_list li .minus, .footer_section .inner_footer .top_area .cms_list li .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .footer_section .inner_footer .top_area .cms_list li .plus {
          display: inline-block;
          font-size: 14px;
          font-weight: 500;
          color: #FFFFFFCC;
          -webkit-transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -ms-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out; }
        .footer_section .inner_footer .top_area .cms_list li:hover .txt, .footer_section .inner_footer .top_area .cms_list li:hover .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .footer_section .inner_footer .top_area .cms_list li:hover .minus, .footer_section .inner_footer .top_area .cms_list li:hover .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .footer_section .inner_footer .top_area .cms_list li:hover .plus, .footer_section .inner_footer .top_area .cms_list li.active .txt, .footer_section .inner_footer .top_area .cms_list li.active .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .footer_section .inner_footer .top_area .cms_list li.active .minus, .footer_section .inner_footer .top_area .cms_list li.active .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .footer_section .inner_footer .top_area .cms_list li.active .plus {
          color: #ffffff; }
        .footer_section .inner_footer .top_area .cms_list li:hover::before, .footer_section .inner_footer .top_area .cms_list li.active::before {
          opacity: 1;
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          -o-transform: scale(1);
          transform: scale(1); }
  .footer_section .inner_footer .bottom_area {
    padding: 15px 0; }
    .footer_section .inner_footer .bottom_area::after {
      display: block;
      content: "";
      clear: both; }
    .footer_section .inner_footer .bottom_area .left {
      float: left;
      width: calc(100% - 100px); }
      .footer_section .inner_footer .bottom_area .left p {
        font-size: 14px;
        font-weight: 500;
        color: #FFFFFFCC; }
        .footer_section .inner_footer .bottom_area .left p .globiz {
          color: #FFFFFFCC;
          position: relative; }
          .footer_section .inner_footer .bottom_area .left p .globiz::before {
            content: "";
            border-bottom: 1px solid #FFFFFFCC;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            opacity: 0;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out; }
          .footer_section .inner_footer .bottom_area .left p .globiz:hover::before, .footer_section .inner_footer .bottom_area .left p .globiz.active::before {
            opacity: 1;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1); }
    .footer_section .inner_footer .bottom_area .right {
      float: right;
      width: 100px;
      text-align: end; }
      .footer_section .inner_footer .bottom_area .right .social_icon li {
        display: inline-block;
        margin-right: 15px; }
        .footer_section .inner_footer .bottom_area .right .social_icon li .icon i {
          font-size: 16px;
          color: #ffffff; }
        .footer_section .inner_footer .bottom_area .right .social_icon li:last-child {
          margin-right: 0; }

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
/* 1200 desktop only */
/* Landscape tablets and medium desktops */
/* Landscape tablets and ipad */
/* Landscape phones and portrait tablets */
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .footer_section {
    padding: 12px 0; }
    .footer_section .inner_footer .top_area .cms_list {
      flex-wrap: wrap;
      row-gap: 8px; }
    .footer_section .inner_footer .bottom_area {
      display: flex;
      flex-wrap: wrap; }
      .footer_section .inner_footer .bottom_area .left {
        float: none;
        width: 100%;
        order: 1; }
        .footer_section .inner_footer .bottom_area .left p {
          text-align: center; }
      .footer_section .inner_footer .bottom_area .right {
        float: none;
        width: 100%;
        order: 0;
        margin-bottom: 10px; }
        .footer_section .inner_footer .bottom_area .right .social_icon {
          text-align: center; } }

/* Smaller phones */
@media (max-width: 360px) {
  .footer_section {
    padding: 12px 0; }
    .footer_section .inner_footer .top_area .cms_list {
      flex-wrap: wrap;
      row-gap: 8px; }
    .footer_section .inner_footer .bottom_area {
      display: flex;
      flex-wrap: wrap; }
      .footer_section .inner_footer .bottom_area .left {
        float: none;
        width: 100%;
        order: 1; }
        .footer_section .inner_footer .bottom_area .left p {
          text-align: center; }
      .footer_section .inner_footer .bottom_area .right {
        float: none;
        width: 100%;
        order: 0;
        margin-bottom: 10px; }
        .footer_section .inner_footer .bottom_area .right .social_icon {
          text-align: center; } }

/* Smaller phones */
@keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@-webkit-keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@keyframes smoothScroll {
  0% {
    transform: translateY(-100px); }
  100% {
    transform: translateY(0px); } }

.login_section {
  padding: 90px 0; }
  .login_section .inner_area {
    width: 526px;
    max-width: 100%;
    margin: 0 auto;
    background-color: #202020;
    padding: 40px; }
    .login_section .inner_area .title {
      margin-bottom: 40px; }
      .login_section .inner_area .title h3 {
        font-size: 35px;
        font-weight: 600;
        color: #ffffff;
        text-align: center;
        margin-bottom: 20px; }
      .login_section .inner_area .title p {
        font-size: 15px;
        font-weight: 400;
        color: #ffffff;
        line-height: 21px;
        text-align: center; }
    .login_section .inner_area .form_area .forgot_btn {
      text-align: end; }
      .login_section .inner_area .form_area .forgot_btn .forgot {
        display: inline-block;
        font-size: 15px;
        font-weight: 400;
        color: #DE383A;
        position: relative; }
        .login_section .inner_area .form_area .forgot_btn .forgot::before {
          content: "";
          border-bottom: 1px solid #DE383A;
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          opacity: 0;
          -webkit-transform: scale(0);
          -moz-transform: scale(0);
          -ms-transform: scale(0);
          -o-transform: scale(0);
          transform: scale(0);
          -webkit-transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -ms-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out; }
        .login_section .inner_area .form_area .forgot_btn .forgot:hover::before, .login_section .inner_area .form_area .forgot_btn .forgot.active::before {
          opacity: 1;
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          -o-transform: scale(1);
          transform: scale(1); }
    .login_section .inner_area .form_area .form-group {
      display: block;
      position: relative; }
      .login_section .inner_area .form_area .form-group .form-control.password_space {
        padding-right: 25px; }
      .login_section .inner_area .form_area .form-group .eye_icon {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 28px; }
        .login_section .inner_area .form_area .form-group .eye_icon i {
          font-size: 14px;
          color: #ffffff; }
      .login_section .inner_area .form_area .form-group .form-check {
        display: inline-block;
        margin-right: 20px; }
        .login_section .inner_area .form_area .form-group .form-check:last-child {
          margin-right: 0; }
        .login_section .inner_area .form_area .form-group .form-check .form-check-input:checked {
          background-color: #DE383A;
          border-color: #DE383A; }
        .login_section .inner_area .form_area .form-group .form-check .form-check-input:focus {
          box-shadow: none;
          outline: none; }
        .login_section .inner_area .form_area .form-group .form-check .form-check-label {
          font-size: 15px;
          font-weight: 400;
          color: #ffffff; }
    .login_section .inner_area .btn_login {
      margin-top: 40px; }
      .login_section .inner_area .btn_login .btn-primary {
        display: block;
        width: 100%; }
    .login_section .inner_area .account_main {
      margin-top: 40px; }
      .login_section .inner_area .account_main p {
        font-size: 14px;
        font-weight: 400;
        color: #ffffff;
        text-align: center; }
        .login_section .inner_area .account_main p .sign {
          color: #DE383A;
          position: relative; }
          .login_section .inner_area .account_main p .sign::before {
            content: "";
            border-bottom: 1px solid #DE383A;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            opacity: 0;
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out; }
          .login_section .inner_area .account_main p .sign:hover::before, .login_section .inner_area .account_main p .sign.active::before {
            opacity: 1;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1); }
  .login_section.otp_section .inner_area .form_area .form_area_box .forgot_pass_sec {
    text-align: center;
    margin-bottom: 30px; }
    .login_section.otp_section .inner_area .form_area .form_area_box .forgot_pass_sec .password_forgot {
      font-size: 14px;
      font-weight: 400;
      color: #ffffff; }
  .login_section.otp_section .inner_area .form_area .form_area_box .btn_area {
    text-align: center; }
    .login_section.otp_section .inner_area .form_area .form_area_box .btn_area .btn-primary {
      width: 100%; }

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .login_section {
    padding: 70px 0; } }

/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .login_section {
    padding: 60px 0; } }

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .login_section {
    padding: 40px 0; }
    .login_section .inner_area {
      width: 470px;
      padding: 30px; }
      .login_section .inner_area .title {
        margin-bottom: 30px; }
        .login_section .inner_area .title h3 {
          font-size: 30px;
          margin-bottom: 15px; }
        .login_section .inner_area .title p {
          font-size: 14px; }
      .login_section .inner_area .btn_login {
        margin-top: 30px; }
      .login_section .inner_area .account_main {
        margin-top: 30px; } }

/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .login_section {
    padding: 40px 0; }
    .login_section .inner_area {
      width: 470px;
      padding: 30px; }
      .login_section .inner_area .title {
        margin-bottom: 30px; }
        .login_section .inner_area .title h3 {
          font-size: 30px;
          margin-bottom: 15px; }
        .login_section .inner_area .title p {
          font-size: 14px; }
      .login_section .inner_area .btn_login {
        margin-top: 30px; }
      .login_section .inner_area .account_main {
        margin-top: 30px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .login_section {
    padding: 30px 0; }
    .login_section .inner_area {
      width: 400px;
      padding: 25px; }
      .login_section .inner_area .title {
        margin-bottom: 25px; }
        .login_section .inner_area .title h3 {
          font-size: 25px;
          margin-bottom: 12px; }
        .login_section .inner_area .title p {
          font-size: 14px; }
      .login_section .inner_area .form_area .forgot_btn .forgot {
        font-size: 14px; }
      .login_section .inner_area .btn_login {
        margin-top: 25px; }
      .login_section .inner_area .account_main {
        margin-top: 25px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .login_section {
    padding: 30px 0; }
    .login_section .inner_area {
      width: 100%;
      padding: 15px; }
      .login_section .inner_area .title {
        margin-bottom: 25px; }
        .login_section .inner_area .title h3 {
          font-size: 22px;
          margin-bottom: 12px; }
        .login_section .inner_area .title p {
          font-size: 14px; }
      .login_section .inner_area .form_area .forgot_btn .forgot {
        font-size: 14px; }
      .login_section .inner_area .btn_login {
        margin-top: 25px; }
      .login_section .inner_area .account_main {
        margin-top: 25px; }
    .login_section.otp_section .inner_area .form_area .form_area_box .forgot_pass_sec {
      margin-bottom: 25px; } }

/* Smaller phones */
@media (max-width: 360px) {
  .login_section {
    padding: 30px 0; }
    .login_section .inner_area {
      width: 100%;
      padding: 15px; }
      .login_section .inner_area .title {
        margin-bottom: 25px; }
        .login_section .inner_area .title h3 {
          font-size: 22px;
          margin-bottom: 12px; }
        .login_section .inner_area .title p {
          font-size: 14px; }
      .login_section .inner_area .form_area .forgot_btn {
        margin-bottom: 25px; }
        .login_section .inner_area .form_area .forgot_btn .forgot {
          font-size: 14px; }
      .login_section .inner_area .btn_login {
        margin-top: 25px; }
      .login_section .inner_area .account_main {
        margin-top: 25px; }
    .login_section.otp_section .inner_area .form_area .form_area_box .forgot_pass_sec {
      margin-bottom: 25px; } }

/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
@keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@-webkit-keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@keyframes smoothScroll {
  0% {
    transform: translateY(-100px); }
  100% {
    transform: translateY(0px); } }

.error_section {
  padding: 90px 0; }
  .error_section .inner_area .img_area {
    height: 305px;
    width: 470px;
    margin: 0 auto;
    margin-bottom: 15px; }
    .error_section .inner_area .img_area img {
      height: 100%;
      width: 100%;
      object-fit: cover; }
  .error_section .inner_area h3 {
    font-size: 35px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 40px;
    text-align: center; }
  .error_section .inner_area .btn_area {
    text-align: center; }

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .error_section {
    padding: 70px 0; } }

/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .error_section {
    padding: 60px 0; } }

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .error_section {
    padding: 45px 0; }
    .error_section .inner_area .img_area {
      height: 230px;
      width: 405px; }
    .error_section .inner_area h3 {
      font-size: 30px;
      margin-bottom: 30px; } }

/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .error_section {
    padding: 40px 0; }
    .error_section .inner_area .img_area {
      height: 230px;
      width: 405px; }
    .error_section .inner_area h3 {
      font-size: 30px;
      margin-bottom: 30px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .error_section {
    padding: 35px 0; }
    .error_section .inner_area .img_area {
      height: 185px;
      width: 345px; }
    .error_section .inner_area h3 {
      font-size: 26px;
      margin-bottom: 25px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .error_section {
    padding: 30px 0; }
    .error_section .inner_area .img_area {
      height: 135px;
      width: 270px; }
    .error_section .inner_area h3 {
      font-size: 22px;
      margin-bottom: 25px; } }

/* Smaller phones */
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
@keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@-webkit-keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@keyframes smoothScroll {
  0% {
    transform: translateY(-100px); }
  100% {
    transform: translateY(0px); } }

.edit_profile_section {
  padding: 90px 0; }
  .edit_profile_section .inner_edit {
    width: 750px;
    max-width: 100%;
    margin: 0 auto;
    background-color: #202020;
    padding: 40px; }
    .edit_profile_section .inner_edit .form-group {
      display: block;
      position: relative; }
      .edit_profile_section .inner_edit .form-group .form-control.password_space {
        padding-right: 25px; }
      .edit_profile_section .inner_edit .form-group .eye_icon {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 28px; }
        .edit_profile_section .inner_edit .form-group .eye_icon i {
          font-size: 14px;
          color: #ffffff; }
    .edit_profile_section .inner_edit .profile_image {
      height: 138px;
      width: 138px;
      margin: 0 auto;
      position: relative;
      margin-bottom: 35px; }
      .edit_profile_section .inner_edit .profile_image img {
        height: 100%;
        width: 100%;
        object-fit: cover; }
      .edit_profile_section .inner_edit .profile_image .edit_icon {
        height: 30px;
        width: 30px;
        border-radius: 5px;
        background-color: #DE383A;
        position: absolute;
        bottom: 0;
        right: 0;
        text-align: center;
        align-content: center;
        margin-bottom: 8px;
        margin-right: 8px; }
        .edit_profile_section .inner_edit .profile_image .edit_icon i {
          font-size: 16px;
          color: #ffffff; }
    .edit_profile_section .inner_edit .form_area .form-group .form-check {
      display: inline-block;
      margin-right: 20px; }
      .edit_profile_section .inner_edit .form_area .form-group .form-check:last-child {
        margin-right: 0; }
      .edit_profile_section .inner_edit .form_area .form-group .form-check .form-check-input:checked {
        background-color: #DE383A;
        border: 1px solid #DE383A; }
      .edit_profile_section .inner_edit .form_area .form-group .form-check .form-check-input:focus {
        box-shadow: none;
        outline: none; }
      .edit_profile_section .inner_edit .form_area .form-group .form-check .form-check-label {
        font-size: 14px;
        font-weight: 400;
        color: #ffffff; }
    .edit_profile_section .inner_edit .form_area .btn_save {
      margin-top: 20px;
      text-align: center; }

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .edit_profile_section {
    padding: 70px 0; } }

/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .edit_profile_section {
    padding: 60px 0; } }

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .edit_profile_section {
    padding: 40px 0; }
    .edit_profile_section .inner_edit {
      width: 670px;
      padding: 30px; }
      .edit_profile_section .inner_edit .profile_image {
        height: 120px;
        width: 120px;
        margin-bottom: 30px; }
        .edit_profile_section .inner_edit .profile_image .edit_icon {
          height: 28px;
          width: 28px; }
          .edit_profile_section .inner_edit .profile_image .edit_icon i {
            font-size: 13px; } }

/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .edit_profile_section {
    padding: 35px 0; }
    .edit_profile_section .inner_edit {
      width: 670px;
      padding: 30px; }
      .edit_profile_section .inner_edit .profile_image {
        height: 120px;
        width: 120px;
        margin-bottom: 30px; }
        .edit_profile_section .inner_edit .profile_image .edit_icon {
          height: 28px;
          width: 28px; }
          .edit_profile_section .inner_edit .profile_image .edit_icon i {
            font-size: 13px; }
      .edit_profile_section .inner_edit .form_area .btn_save {
        margin-top: 10px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .edit_profile_section {
    padding: 30px 0; }
    .edit_profile_section .inner_edit {
      width: 670px;
      padding: 30px; }
      .edit_profile_section .inner_edit .profile_image {
        height: 120px;
        width: 120px;
        margin-bottom: 30px; }
        .edit_profile_section .inner_edit .profile_image .edit_icon {
          height: 28px;
          width: 28px; }
          .edit_profile_section .inner_edit .profile_image .edit_icon i {
            font-size: 13px; }
      .edit_profile_section .inner_edit .form_area .btn_save {
        margin-top: 10px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .edit_profile_section {
    padding: 25px 0; }
    .edit_profile_section .inner_edit {
      width: 670px;
      padding: 20px; }
      .edit_profile_section .inner_edit .profile_image {
        height: 110px;
        width: 110px;
        margin-bottom: 30px; }
        .edit_profile_section .inner_edit .profile_image .edit_icon {
          height: 28px;
          width: 28px; }
          .edit_profile_section .inner_edit .profile_image .edit_icon i {
            font-size: 13px; }
      .edit_profile_section .inner_edit .form_area .btn_save {
        margin-top: 10px; } }

/* Smaller phones */
@media (max-width: 360px) {
  .edit_profile_section {
    padding: 25px 0; }
    .edit_profile_section .inner_edit {
      width: 670px;
      padding: 20px; }
      .edit_profile_section .inner_edit .profile_image {
        height: 110px;
        width: 110px;
        margin-bottom: 30px; }
        .edit_profile_section .inner_edit .profile_image .edit_icon {
          height: 28px;
          width: 28px; }
          .edit_profile_section .inner_edit .profile_image .edit_icon i {
            font-size: 13px; }
      .edit_profile_section .inner_edit .form_area .btn_save {
        margin-top: 10px; } }

/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
@keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@-webkit-keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@keyframes smoothScroll {
  0% {
    transform: translateY(-100px); }
  100% {
    transform: translateY(0px); } }

.blog_section {
  padding: 90px 0; }
  .blog_section .inner_area .blog_card {
    background-color: #202020;
    margin-bottom: 20px; }
    .blog_section .inner_area .blog_card .img_area {
      height: 275px;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      overflow: hidden; }
      .blog_section .inner_area .blog_card .img_area img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); }
      .blog_section .inner_area .blog_card .img_area:hover img, .blog_section .inner_area .blog_card .img_area.active img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }
    .blog_section .inner_area .blog_card .content {
      padding: 15px; }
      .blog_section .inner_area .blog_card .content .date_main {
        display: flex;
        align-items: center;
        margin-bottom: 15px; }
        .blog_section .inner_area .blog_card .content .date_main i {
          font-size: 14px;
          color: #ffffff;
          width: 14px;
          flex-shrink: 0;
          margin-right: 8px; }
        .blog_section .inner_area .blog_card .content .date_main .text {
          font-size: 14px;
          font-weight: 400;
          color: #ffffff; }
      .blog_section .inner_area .blog_card .content h4 {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        margin-bottom: 10px; }
      .blog_section .inner_area .blog_card .content .txt_line {
        font-size: 14px;
        font-weight: 400;
        color: #ffffff;
        margin-bottom: 20px; }
      .blog_section .inner_area .blog_card .content .read_btn {
        font-size: 14px;
        font-weight: 500;
        color: #DE383A;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }
        .blog_section .inner_area .blog_card .content .read_btn i {
          margin-left: 8px;
          position: relative;
          top: 1px;
          -webkit-transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -ms-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out; }
        .blog_section .inner_area .blog_card .content .read_btn:hover i, .blog_section .inner_area .blog_card .content .read_btn.active i {
          margin-left: 12px; }

.blog_detail_section {
  padding: 60px 0; }
  .blog_detail_section .inner_area h1, .blog_detail_section .inner_area h2, .blog_detail_section .inner_area h3, .blog_detail_section .inner_area h4, .blog_detail_section .inner_area h5, .blog_detail_section .inner_area h6, .blog_detail_section .cart_section .inner_area .listing_main .right_l .bill_main .top .dollar, .cart_section .blog_detail_section .inner_area .listing_main .right_l .bill_main .top .dollar {
    font-weight: 600;
    color: #ffffff;
    margin-top: 25px; }
    .blog_detail_section .inner_area h1:first-child, .blog_detail_section .inner_area h2:first-child, .blog_detail_section .inner_area h3:first-child, .blog_detail_section .inner_area h4:first-child, .blog_detail_section .inner_area h5:first-child, .blog_detail_section .inner_area h6:first-child, .blog_detail_section .cart_section .inner_area .listing_main .right_l .bill_main .top .dollar:first-child, .cart_section .blog_detail_section .inner_area .listing_main .right_l .bill_main .top .dollar:first-child {
      margin-top: 0; }
  .blog_detail_section .inner_area h1 {
    font-size: 26px; }
  .blog_detail_section .inner_area h2 {
    font-size: 24px; }
  .blog_detail_section .inner_area h3 {
    font-size: 22px; }
  .blog_detail_section .inner_area h4 {
    font-size: 20px; }
  .blog_detail_section .inner_area h5 {
    font-size: 18px; }
  .blog_detail_section .inner_area h6, .blog_detail_section .cart_section .inner_area .listing_main .right_l .bill_main .top .dollar, .cart_section .blog_detail_section .inner_area .listing_main .right_l .bill_main .top .dollar {
    font-size: 16px; }
  .blog_detail_section .inner_area p {
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    margin-top: 15px;
    line-height: 22px; }
  .blog_detail_section .inner_area ul {
    margin-top: 15px; }
    .blog_detail_section .inner_area ul li {
      font-size: 14px;
      font-weight: 400;
      color: #ffffff;
      line-height: 22px;
      margin-bottom: 15px;
      padding-left: 25px;
      position: relative; }
      .blog_detail_section .inner_area ul li::before {
        content: "";
        height: 6px;
        width: 6px;
        border-radius: 50%;
        background-color: #ffffff;
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 10px;
        margin-top: 8px; }
      .blog_detail_section .inner_area ul li:last-child {
        margin-bottom: 0; }
  .blog_detail_section .inner_area ol {
    margin-top: 15px;
    padding-left: 25px; }
    .blog_detail_section .inner_area ol li {
      font-size: 14px;
      font-weight: 400;
      color: #ffffff;
      line-height: 22px;
      margin-bottom: 15px; }
      .blog_detail_section .inner_area ol li:last-child {
        margin-bottom: 0; }

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .blog_section {
    padding: 70px 0; }
  .blog_detail_section {
    padding: 50px 0; } }

/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .blog_section {
    padding: 60px 0; }
  .blog_detail_section {
    padding: 45px 0; } }

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .blog_section {
    padding: 40px 0; }
    .blog_section .inner_area .row {
      margin-left: -8px;
      margin-right: -8px; }
      .blog_section .inner_area .row [class*=col-] {
        padding-left: 7px;
        padding-right: 7px; }
    .blog_section .inner_area .blog_card {
      margin-bottom: 15px; }
      .blog_section .inner_area .blog_card .img_area {
        height: 216px; }
  .blog_detail_section {
    padding: 40px 0; } }

/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .blog_section {
    padding: 35px 0; }
    .blog_section .inner_area .row {
      margin-left: -8px;
      margin-right: -8px; }
      .blog_section .inner_area .row [class*=col-] {
        padding-left: 7px;
        padding-right: 7px; }
    .blog_section .inner_area .blog_card {
      margin-bottom: 15px; }
      .blog_section .inner_area .blog_card .img_area {
        height: 156px; }
  .blog_detail_section {
    padding: 35px 0; } }

/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .blog_section {
    padding: 30px 0; }
    .blog_section .inner_area .row {
      margin-left: -8px;
      margin-right: -8px; }
      .blog_section .inner_area .row [class*=col-] {
        padding-left: 7px;
        padding-right: 7px; }
    .blog_section .inner_area .blog_card {
      margin-bottom: 15px; }
      .blog_section .inner_area .blog_card .img_area {
        height: 208px; }
  .blog_detail_section {
    padding: 30px 0; } }

/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .blog_section {
    padding: 30px 0; }
    .blog_section .inner_area .row {
      margin-left: -8px;
      margin-right: -8px; }
      .blog_section .inner_area .row [class*=col-] {
        padding-left: 7px;
        padding-right: 7px; }
    .blog_section .inner_area .blog_card {
      margin-bottom: 15px; }
      .blog_section .inner_area .blog_card .img_area {
        height: 236px; }
  .blog_detail_section {
    padding: 30px 0; } }

/* Smaller phones */
@media (max-width: 360px) {
  .blog_section {
    padding: 30px 0; }
    .blog_section .inner_area .row {
      margin-left: -8px;
      margin-right: -8px; }
      .blog_section .inner_area .row [class*=col-] {
        padding-left: 7px;
        padding-right: 7px; }
    .blog_section .inner_area .blog_card {
      margin-bottom: 15px; }
      .blog_section .inner_area .blog_card .img_area {
        height: 236px; }
  .blog_detail_section {
    padding: 30px 0; } }

/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
@keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@-webkit-keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@keyframes smoothScroll {
  0% {
    transform: translateY(-100px); }
  100% {
    transform: translateY(0px); } }

.membership_section {
  padding: 50px 0; }
  .membership_section .inner_area .title_main .line_one {
    height: 4px;
    width: 50px;
    background-color: #DE383A;
    margin-bottom: 12px; }
  .membership_section .inner_area .title_main .line_two {
    height: 4px;
    width: 120px;
    background-color: #DE383A;
    margin-bottom: 20px; }
  .membership_section .inner_area .title_main .content {
    margin-bottom: 60px; }
    .membership_section .inner_area .title_main .content h3 {
      font-size: 35px;
      font-weight: 400;
      color: #ffffff;
      margin-bottom: 20px; }
    .membership_section .inner_area .title_main .content .txt, .membership_section .cart_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .membership_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .membership_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .minus, .cart_section .membership_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .minus, .membership_section .cart_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .membership_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .membership_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .plus, .cart_section .membership_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .plus {
      font-size: 20px;
      font-weight: 400;
      color: #ffffff; }
      .membership_section .inner_area .title_main .content .txt span, .membership_section .cart_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus span, .cart_section .membership_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus span, .membership_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .minus span, .cart_section .membership_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .minus span, .membership_section .cart_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus span, .cart_section .membership_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus span, .membership_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .plus span, .cart_section .membership_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .plus span {
        font-weight: 500; }
  .membership_section .inner_area .plan_list .card_item {
    background-color: #202020;
    padding: 30px 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    .membership_section .inner_area .plan_list .card_item:hover, .membership_section .inner_area .plan_list .card_item.active {
      -webkit-transform: scale(1.02);
      -moz-transform: scale(1.02);
      -ms-transform: scale(1.02);
      -o-transform: scale(1.02);
      transform: scale(1.02);
      background-color: #DE383A; }
      .membership_section .inner_area .plan_list .card_item:hover .desc_list li .icon, .membership_section .inner_area .plan_list .card_item.active .desc_list li .icon {
        background-color: #ffffff; }
        .membership_section .inner_area .plan_list .card_item:hover .desc_list li .icon i, .membership_section .inner_area .plan_list .card_item.active .desc_list li .icon i {
          color: #DE383A; }
      .membership_section .inner_area .plan_list .card_item:hover .btn_area .btn-primary, .membership_section .inner_area .plan_list .card_item.active .btn_area .btn-primary {
        background-color: #ffffff;
        color: #DE383A; }
    .membership_section .inner_area .plan_list .card_item .plan {
      font-size: 16px;
      font-weight: 400;
      color: #ffffff;
      margin-bottom: 5px; }
    .membership_section .inner_area .plan_list .card_item .basic {
      font-size: 26px;
      font-weight: 500;
      color: #ffffff;
      margin-bottom: 20px; }
    .membership_section .inner_area .plan_list .card_item .price_main {
      font-size: 40px;
      font-weight: 500;
      color: #ffffff;
      padding-bottom: 30px;
      margin-bottom: 30px;
      border-bottom: 1px solid #ffffff; }
      .membership_section .inner_area .plan_list .card_item .price_main span {
        font-size: 14px;
        font-weight: 400; }
        .membership_section .inner_area .plan_list .card_item .price_main span.dollar {
          vertical-align: top;
          position: relative;
          top: 2px; }
    .membership_section .inner_area .plan_list .card_item .desc_list {
      margin-bottom: 60px; }
      .membership_section .inner_area .plan_list .card_item .desc_list li {
        font-size: 14px;
        font-weight: 400;
        color: #ffffff;
        display: flex;
        margin-bottom: 15px; }
        .membership_section .inner_area .plan_list .card_item .desc_list li:last-child {
          margin-bottom: 0; }
        .membership_section .inner_area .plan_list .card_item .desc_list li .icon {
          height: 20px;
          width: 20px;
          background-color: #DE383A;
          text-align: center;
          align-content: center;
          flex-shrink: 0;
          margin-right: 10px;
          -webkit-transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -ms-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out; }
          .membership_section .inner_area .plan_list .card_item .desc_list li .icon i {
            font-size: 13px;
            color: #ffffff; }
    .membership_section .inner_area .plan_list .card_item .btn_area .btn-primary {
      width: 100%;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
  .membership_section.collection_section .inner_area .title_main .content h3 {
    margin-bottom: 0; }
  .membership_section.collection_section .inner_area .collection_list .collection_item {
    background-color: #202020;
    margin-bottom: 25px; }
    .membership_section.collection_section .inner_area .collection_list .collection_item .image_area .img_area {
      height: 314px;
      background-color: #ffffff; }
      .membership_section.collection_section .inner_area .collection_list .collection_item .image_area .img_area img {
        height: 100%;
        width: 100%;
        object-fit: cover; }
    .membership_section.collection_section .inner_area .collection_list .collection_item .content_main {
      padding: 20px; }
      .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .left {
        margin-bottom: 15px; }
        .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .left h4 {
          font-size: 18px;
          font-weight: 400;
          color: #ffffff;
          margin-bottom: 8px; }
        .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .left .price {
          font-size: 24px;
          font-weight: 500;
          color: #ffffff; }
      .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .right .btn-primary i {
        margin-right: 8px; }
  .membership_section.video_section .inner_area .title_main .content h3 {
    margin-bottom: 0; }
  .membership_section.video_section .inner_area .video_listing .inner_item {
    background-color: #202020;
    margin-bottom: 30px; }
    .membership_section.video_section .inner_area .video_listing .inner_item .img_area {
      height: 230px;
      position: relative; }
      .membership_section.video_section .inner_area .video_listing .inner_item .img_area::before {
        content: "";
        height: 100%;
        width: 100%;
        background: #00000066;
        position: absolute;
        inset: 0;
        opacity: 0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }
      .membership_section.video_section .inner_area .video_listing .inner_item .img_area img {
        height: 100%;
        width: 100%;
        object-fit: cover; }
      .membership_section.video_section .inner_area .video_listing .inner_item .img_area .icon_play {
        position: absolute;
        inset: 0;
        text-align: center;
        align-content: center;
        opacity: 0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }
        .membership_section.video_section .inner_area .video_listing .inner_item .img_area .icon_play i {
          font-size: 25px;
          color: #ffffff;
          -webkit-transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -ms-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out; }
      .membership_section.video_section .inner_area .video_listing .inner_item .img_area:hover::before, .membership_section.video_section .inner_area .video_listing .inner_item .img_area.active::before {
        opacity: 1; }
      .membership_section.video_section .inner_area .video_listing .inner_item .img_area:hover .icon_play, .membership_section.video_section .inner_area .video_listing .inner_item .img_area.active .icon_play {
        opacity: 1; }
    .membership_section.video_section .inner_area .video_listing .inner_item .contents {
      padding: 20px; }
      .membership_section.video_section .inner_area .video_listing .inner_item .contents .date {
        font-size: 14px;
        font-weight: 400;
        color: #ffffff;
        margin-bottom: 5px; }
      .membership_section.video_section .inner_area .video_listing .inner_item .contents .title {
        font-size: 18px;
        font-weight: 400;
        color: #ffffff; }

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .membership_section {
    padding: 50px 0; }
    .membership_section .inner_area .title_main .line_one {
      height: 3px;
      width: 40px;
      margin-bottom: 10px; }
    .membership_section .inner_area .title_main .line_two {
      height: 3px;
      width: 95px;
      margin-bottom: 15px; }
    .membership_section .inner_area .title_main .content {
      margin-bottom: 50px; }
      .membership_section .inner_area .title_main .content h3 {
        margin-bottom: 15px; }
      .membership_section .inner_area .title_main .content .txt, .membership_section .cart_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .membership_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .membership_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .minus, .cart_section .membership_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .minus, .membership_section .cart_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .membership_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .membership_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .plus, .cart_section .membership_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .plus {
        font-size: 18px; } }

/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .membership_section {
    padding: 50px 0; }
    .membership_section .inner_area .title_main .line_one {
      height: 3px;
      width: 40px;
      margin-bottom: 10px; }
    .membership_section .inner_area .title_main .line_two {
      height: 3px;
      width: 95px;
      margin-bottom: 15px; }
    .membership_section .inner_area .title_main .content {
      margin-bottom: 50px; }
      .membership_section .inner_area .title_main .content h3 {
        margin-bottom: 15px; }
      .membership_section .inner_area .title_main .content .txt, .membership_section .cart_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .membership_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .membership_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .minus, .cart_section .membership_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .minus, .membership_section .cart_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .membership_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .membership_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .plus, .cart_section .membership_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .plus {
        font-size: 18px; } }

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .membership_section {
    padding: 40px 0; }
    .membership_section .inner_area .title_main .line_one {
      height: 3px;
      width: 30px;
      margin-bottom: 10px; }
    .membership_section .inner_area .title_main .line_two {
      height: 3px;
      width: 70px;
      margin-bottom: 15px; }
    .membership_section .inner_area .title_main .content {
      margin-bottom: 40px; }
      .membership_section .inner_area .title_main .content h3 {
        font-size: 30px;
        margin-bottom: 15px; }
      .membership_section .inner_area .title_main .content .txt, .membership_section .cart_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .membership_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .membership_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .minus, .cart_section .membership_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .minus, .membership_section .cart_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .membership_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .membership_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .plus, .cart_section .membership_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .plus {
        font-size: 16px; }
    .membership_section .inner_area .plan_list .row {
      margin-left: -7px;
      margin-right: -7px; }
      .membership_section .inner_area .plan_list .row [class*=col-] {
        padding-left: 8px;
        padding-right: 8px; }
    .membership_section .inner_area .plan_list .card_item {
      padding: 20px 15px; }
      .membership_section .inner_area .plan_list .card_item .plan {
        font-size: 14px; }
      .membership_section .inner_area .plan_list .card_item .basic {
        font-size: 22px;
        margin-bottom: 15px; }
      .membership_section .inner_area .plan_list .card_item .price_main {
        font-size: 35px;
        margin-bottom: 20px;
        padding-bottom: 20px; }
      .membership_section .inner_area .plan_list .card_item .desc_list {
        margin-bottom: 40px; }
        .membership_section .inner_area .plan_list .card_item .desc_list li .icon {
          height: 18px;
          width: 18px; }
          .membership_section .inner_area .plan_list .card_item .desc_list li .icon i {
            font-size: 11px; }
    .membership_section.collection_section .inner_area .collection_list .collection_item .image_area .owl-carousel .item .img_area {
      height: 290px; }
    .membership_section.collection_section .inner_area .collection_list .collection_item .content_main {
      padding: 15px; }
      .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .left {
        width: calc(100% - 50px); }
        .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .left h4 {
          font-size: 16px; }
        .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .left .price {
          font-size: 22px; }
      .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .right {
        width: 50px; }
        .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .right .arrow {
          height: 50px;
          width: 50px; }
          .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .right .arrow i {
            font-size: 20px; }
    .membership_section.video_section .inner_area .video_listing .inner_item .img_area {
      height: 214px; }
    .membership_section.video_section .inner_area .video_listing .inner_item .contents {
      padding: 15px; }
      .membership_section.video_section .inner_area .video_listing .inner_item .contents .title {
        font-size: 16px; } }

/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .membership_section {
    padding: 35px 0; }
    .membership_section .inner_area .title_main .line_one {
      height: 3px;
      width: 30px;
      margin-bottom: 10px; }
    .membership_section .inner_area .title_main .line_two {
      height: 3px;
      width: 70px;
      margin-bottom: 15px; }
    .membership_section .inner_area .title_main .content {
      margin-bottom: 40px; }
      .membership_section .inner_area .title_main .content h3 {
        font-size: 28px;
        margin-bottom: 15px; }
      .membership_section .inner_area .title_main .content .txt, .membership_section .cart_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .membership_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .membership_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .minus, .cart_section .membership_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .minus, .membership_section .cart_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .membership_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .membership_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .plus, .cart_section .membership_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .plus {
        font-size: 16px; }
    .membership_section .inner_area .plan_list .row {
      margin-left: -7px;
      margin-right: -7px; }
      .membership_section .inner_area .plan_list .row [class*=col-] {
        padding-left: 8px;
        padding-right: 8px; }
    .membership_section .inner_area .plan_list .card_item {
      padding: 20px;
      margin-bottom: 20px; }
      .membership_section .inner_area .plan_list .card_item .plan {
        font-size: 14px; }
      .membership_section .inner_area .plan_list .card_item .basic {
        font-size: 22px;
        margin-bottom: 15px; }
      .membership_section .inner_area .plan_list .card_item .price_main {
        font-size: 35px;
        margin-bottom: 20px;
        padding-bottom: 20px; }
      .membership_section .inner_area .plan_list .card_item .desc_list {
        margin-bottom: 40px; }
        .membership_section .inner_area .plan_list .card_item .desc_list li .icon {
          height: 18px;
          width: 18px; }
          .membership_section .inner_area .plan_list .card_item .desc_list li .icon i {
            font-size: 11px; }
    .membership_section.collection_section .inner_area .collection_list .collection_item .image_area .owl-carousel .item .img_area {
      height: 325px; }
    .membership_section.collection_section .inner_area .collection_list .collection_item .content_main {
      padding: 15px; }
      .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .left {
        width: calc(100% - 50px); }
        .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .left h4 {
          font-size: 16px; }
        .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .left .price {
          font-size: 22px; }
      .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .right {
        width: 50px; }
        .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .right .arrow {
          height: 50px;
          width: 50px; }
          .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .right .arrow i {
            font-size: 20px; }
    .membership_section.video_section .inner_area .video_listing .row {
      margin-left: -7px;
      margin-right: -7px; }
      .membership_section.video_section .inner_area .video_listing .row [class*="col-"] {
        padding-left: 8px;
        padding-right: 8px; }
    .membership_section.video_section .inner_area .video_listing .inner_item {
      margin-bottom: 20px; }
      .membership_section.video_section .inner_area .video_listing .inner_item .img_area {
        height: 162px; }
      .membership_section.video_section .inner_area .video_listing .inner_item .contents {
        padding: 15px; }
        .membership_section.video_section .inner_area .video_listing .inner_item .contents .title {
          font-size: 16px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .membership_section {
    padding: 30px 0; }
    .membership_section .inner_area .title_main .line_one {
      height: 3px;
      width: 30px;
      margin-bottom: 10px; }
    .membership_section .inner_area .title_main .line_two {
      height: 3px;
      width: 70px;
      margin-bottom: 15px; }
    .membership_section .inner_area .title_main .content {
      margin-bottom: 30px; }
      .membership_section .inner_area .title_main .content h3 {
        font-size: 25px;
        margin-bottom: 15px; }
      .membership_section .inner_area .title_main .content .txt, .membership_section .cart_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .membership_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .membership_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .minus, .cart_section .membership_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .minus, .membership_section .cart_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .membership_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .membership_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .plus, .cart_section .membership_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .plus {
        font-size: 14px;
        line-height: 21px; }
    .membership_section .inner_area .plan_list .row {
      margin-left: -7px;
      margin-right: -7px; }
      .membership_section .inner_area .plan_list .row [class*=col-] {
        padding-left: 8px;
        padding-right: 8px; }
    .membership_section .inner_area .plan_list .card_item {
      padding: 20px;
      margin-bottom: 20px; }
      .membership_section .inner_area .plan_list .card_item .plan {
        font-size: 14px; }
      .membership_section .inner_area .plan_list .card_item .basic {
        font-size: 22px;
        margin-bottom: 15px; }
      .membership_section .inner_area .plan_list .card_item .price_main {
        font-size: 35px;
        margin-bottom: 20px;
        padding-bottom: 20px; }
      .membership_section .inner_area .plan_list .card_item .desc_list {
        margin-bottom: 30px; }
        .membership_section .inner_area .plan_list .card_item .desc_list li .icon {
          height: 18px;
          width: 18px; }
          .membership_section .inner_area .plan_list .card_item .desc_list li .icon i {
            font-size: 11px; }
    .membership_section.collection_section .inner_area .collection_list .collection_item .image_area .owl-carousel .item .img_area {
      height: 278px; }
    .membership_section.collection_section .inner_area .collection_list .collection_item .content_main {
      padding: 15px; }
      .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .left {
        width: calc(100% - 50px); }
        .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .left h4 {
          font-size: 16px; }
        .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .left .price {
          font-size: 22px; }
      .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .right {
        width: 50px; }
        .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .right .arrow {
          height: 50px;
          width: 50px; }
          .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .right .arrow i {
            font-size: 20px; }
    .membership_section.video_section .inner_area .video_listing .row {
      margin-left: -7px;
      margin-right: -7px; }
      .membership_section.video_section .inner_area .video_listing .row [class*="col-"] {
        padding-left: 8px;
        padding-right: 8px; }
    .membership_section.video_section .inner_area .video_listing .inner_item {
      margin-bottom: 20px; }
      .membership_section.video_section .inner_area .video_listing .inner_item .img_area {
        height: 212px; }
      .membership_section.video_section .inner_area .video_listing .inner_item .contents {
        padding: 15px; }
        .membership_section.video_section .inner_area .video_listing .inner_item .contents .title {
          font-size: 16px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .membership_section {
    padding: 25px 0; }
    .membership_section .inner_area .title_main .line_one {
      height: 3px;
      width: 20px;
      margin-bottom: 10px; }
    .membership_section .inner_area .title_main .line_two {
      height: 3px;
      width: 50px;
      margin-bottom: 15px; }
    .membership_section .inner_area .title_main .content {
      margin-bottom: 30px; }
      .membership_section .inner_area .title_main .content h3 {
        font-size: 22px;
        margin-bottom: 15px; }
      .membership_section .inner_area .title_main .content .txt, .membership_section .cart_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .membership_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .membership_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .minus, .cart_section .membership_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .minus, .membership_section .cart_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .membership_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .membership_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .plus, .cart_section .membership_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .plus {
        font-size: 14px;
        line-height: 21px; }
    .membership_section .inner_area .plan_list .row {
      margin-left: -7px;
      margin-right: -7px; }
      .membership_section .inner_area .plan_list .row [class*=col-] {
        padding-left: 8px;
        padding-right: 8px; }
    .membership_section .inner_area .plan_list .card_item {
      padding: 20px;
      margin-bottom: 20px; }
      .membership_section .inner_area .plan_list .card_item .plan {
        font-size: 14px; }
      .membership_section .inner_area .plan_list .card_item .basic {
        font-size: 22px;
        margin-bottom: 15px; }
      .membership_section .inner_area .plan_list .card_item .price_main {
        font-size: 35px;
        margin-bottom: 20px;
        padding-bottom: 20px; }
      .membership_section .inner_area .plan_list .card_item .desc_list {
        margin-bottom: 30px; }
        .membership_section .inner_area .plan_list .card_item .desc_list li .icon {
          height: 18px;
          width: 18px; }
          .membership_section .inner_area .plan_list .card_item .desc_list li .icon i {
            font-size: 11px; }
    .membership_section.collection_section .inner_area .collection_list .collection_item {
      margin-bottom: 20px; }
      .membership_section.collection_section .inner_area .collection_list .collection_item .image_area .owl-carousel .item .img_area {
        height: 315px; }
      .membership_section.collection_section .inner_area .collection_list .collection_item .content_main {
        padding: 15px; }
        .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .left {
          width: calc(100% - 50px); }
          .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .left h4 {
            font-size: 16px; }
          .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .left .price {
            font-size: 22px; }
        .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .right {
          width: 50px; }
          .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .right .arrow {
            height: 50px;
            width: 50px; }
            .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .right .arrow i {
              font-size: 20px; }
    .membership_section.video_section .inner_area .video_listing .inner_item {
      margin-bottom: 20px; }
      .membership_section.video_section .inner_area .video_listing .inner_item .img_area {
        height: 230px; }
      .membership_section.video_section .inner_area .video_listing .inner_item .contents {
        padding: 15px; }
        .membership_section.video_section .inner_area .video_listing .inner_item .contents .title {
          font-size: 16px; } }

/* Smaller phones */
@media (max-width: 360px) {
  .membership_section {
    padding: 25px 0; }
    .membership_section .inner_area .title_main .line_one {
      height: 3px;
      width: 20px;
      margin-bottom: 10px; }
    .membership_section .inner_area .title_main .line_two {
      height: 3px;
      width: 50px;
      margin-bottom: 15px; }
    .membership_section .inner_area .title_main .content {
      margin-bottom: 30px; }
      .membership_section .inner_area .title_main .content h3 {
        font-size: 22px;
        margin-bottom: 15px; }
      .membership_section .inner_area .title_main .content .txt, .membership_section .cart_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .membership_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .membership_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .minus, .cart_section .membership_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .minus, .membership_section .cart_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .membership_section .inner_area .title_main .content .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .membership_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .plus, .cart_section .membership_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .title_main .content .plus {
        font-size: 14px;
        line-height: 21px; }
    .membership_section .inner_area .plan_list .row {
      margin-left: -7px;
      margin-right: -7px; }
      .membership_section .inner_area .plan_list .row [class*=col-] {
        padding-left: 8px;
        padding-right: 8px; }
    .membership_section .inner_area .plan_list .card_item {
      padding: 20px;
      margin-bottom: 20px; }
      .membership_section .inner_area .plan_list .card_item .plan {
        font-size: 14px; }
      .membership_section .inner_area .plan_list .card_item .basic {
        font-size: 22px;
        margin-bottom: 15px; }
      .membership_section .inner_area .plan_list .card_item .price_main {
        font-size: 35px;
        margin-bottom: 20px;
        padding-bottom: 20px; }
      .membership_section .inner_area .plan_list .card_item .desc_list {
        margin-bottom: 30px; }
        .membership_section .inner_area .plan_list .card_item .desc_list li .icon {
          height: 18px;
          width: 18px; }
          .membership_section .inner_area .plan_list .card_item .desc_list li .icon i {
            font-size: 11px; }
    .membership_section.collection_section .inner_area .collection_list .collection_item {
      margin-bottom: 20px; }
      .membership_section.collection_section .inner_area .collection_list .collection_item .image_area .owl-carousel .item .img_area {
        height: 315px; }
      .membership_section.collection_section .inner_area .collection_list .collection_item .content_main {
        padding: 15px; }
        .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .left {
          width: calc(100% - 50px); }
          .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .left h4 {
            font-size: 16px; }
          .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .left .price {
            font-size: 22px; }
        .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .right {
          width: 50px; }
          .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .right .arrow {
            height: 50px;
            width: 50px; }
            .membership_section.collection_section .inner_area .collection_list .collection_item .content_main .right .arrow i {
              font-size: 20px; }
    .membership_section.video_section .inner_area .video_listing .inner_item {
      margin-bottom: 20px; }
      .membership_section.video_section .inner_area .video_listing .inner_item .img_area {
        height: 230px; }
      .membership_section.video_section .inner_area .video_listing .inner_item .contents {
        padding: 15px; }
        .membership_section.video_section .inner_area .video_listing .inner_item .contents .title {
          font-size: 16px; } }

/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
@keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@-webkit-keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@keyframes smoothScroll {
  0% {
    transform: translateY(-100px); }
  100% {
    transform: translateY(0px); } }

.modal .modal-dialog {
  width: 875px;
  max-width: 100%;
  align-content: center;
  height: 100%; }
  .modal .modal-dialog .modal-content {
    background-color: #202020; }
    .modal .modal-dialog .modal-content .modal-header {
      padding: 15px;
      border: 0;
      position: relative; }
      .modal .modal-dialog .modal-content .modal-header .btn-close {
        background-image: unset;
        position: relative;
        opacity: 1;
        display: contents; }
        .modal .modal-dialog .modal-content .modal-header .btn-close::before {
          content: "\f00d";
          font-family: "Font Awesome 5 Pro";
          font-size: 20px;
          color: #ffffff;
          position: absolute;
          top: 0;
          right: 0;
          margin-top: 10px;
          margin-right: 15px; }
    .modal .modal-dialog .modal-content .modal-body {
      padding: 0; }
      .modal .modal-dialog .modal-content .modal-body .inner_body {
        padding: 50px;
        padding-top: 30px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body::after {
          display: block;
          content: "";
          clear: both; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .left_area {
          float: left;
          width: 400px; }
          .modal .modal-dialog .modal-content .modal-body .inner_body .left_area .img_modal {
            height: 358px; }
            .modal .modal-dialog .modal-content .modal-body .inner_body .left_area .img_modal img {
              height: 100%;
              width: 100%;
              object-fit: cover; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area {
          float: right;
          width: calc(100% - 400px);
          padding-left: 30px; }
          .modal .modal-dialog .modal-content .modal-body .inner_body .right_area h3 {
            font-size: 30px;
            font-weight: 400;
            color: #ffffff;
            margin-bottom: 15px; }
          .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .price {
            font-size: 36px;
            font-weight: 500;
            color: #DE383A;
            margin-bottom: 24px; }
          .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main {
            margin-bottom: 40px; }
            .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main .size {
              font-size: 24px;
              font-weight: 400;
              color: #ffffff;
              margin-bottom: 20px; }
              .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main .size span {
                font-size: 22px;
                color: #DE383A; }
            .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main .size_list li {
              display: inline-block;
              height: 40px;
              width: 57px;
              background-color: #ffffff;
              font-size: 16px;
              font-weight: 400;
              color: #111111;
              margin-right: 10px;
              text-align: center;
              align-content: center;
              -webkit-transition: all 0.5s ease-in-out;
              -moz-transition: all 0.5s ease-in-out;
              -ms-transition: all 0.5s ease-in-out;
              -o-transition: all 0.5s ease-in-out;
              transition: all 0.5s ease-in-out; }
              .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main .size_list li:last-child {
                margin-right: 0; }
              .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main .size_list li:hover, .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main .size_list li.active {
                color: #ffffff;
                background-color: #DE383A; }
          .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area {
            display: flex;
            align-items: end;
            justify-content: space-between; }
            .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .text {
              font-size: 24px;
              font-weight: 400;
              color: #ffffff;
              margin-bottom: 20px; }
            .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .quantity .left .number {
              width: 95px;
              display: flex;
              justify-content: center;
              align-items: center;
              height: 35px;
              background-color: #ffffff; }
              .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .quantity .left .number .minus {
                padding: 8px;
                border-right: 1px solid #E5E5E5; }
                .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .quantity .left .number .minus i {
                  font-size: 14px;
                  color: #111111; }
              .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .quantity .left .number input {
                padding: 5px;
                text-align: center;
                width: calc(100% - 60px);
                font-size: 14px;
                font-weight: 400;
                border: none;
                display: inline-block;
                vertical-align: middle;
                color: #DE383A; }
              .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .quantity .left .number .plus {
                padding: 8px;
                border-left: 1px solid #E5E5E5; }
                .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .quantity .left .number .plus i {
                  font-size: 14px;
                  color: #111111; }
            .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .btn_card .btn-primary {
              min-width: 190px;
              font-size: 16px; }

.modal.planModal .modal-dialog {
  width: 525px; }
  .modal.planModal .modal-dialog .modal-content {
    border: 1px solid #737373;
    background-color: #111111; }
    .modal.planModal .modal-dialog .modal-content .modal-body .inner_body {
      padding: 30px;
      padding-top: 0; }
      .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .id_txt {
        font-size: 24px;
        font-weight: 400;
        color: #DE383A;
        margin-bottom: 20px; }
      .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .txt, .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .minus, .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .plus {
        font-size: 14px;
        font-weight: 400;
        color: #ffffff;
        margin-bottom: 15px; }
      .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box {
        background-color: #202020;
        padding: 30px;
        margin-bottom: 30px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .basic_main {
          display: flex;
          justify-content: space-between;
          margin-bottom: 20px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .basic_main .left_bs {
            display: inline-block; }
            .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .basic_main .left_bs .txt_p {
              font-size: 16px;
              font-weight: 400;
              color: #ffffff;
              margin-bottom: 5px; }
            .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .basic_main .left_bs .txt_bs {
              font-size: 24px;
              font-weight: 400;
              color: #ffffff; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .basic_main .right_bs .tag {
            font-size: 16px;
            font-weight: 400;
            color: #111111;
            padding: 5px 20px;
            border-radius: 5px;
            background-color: #F6BC49;
            min-width: 128px;
            text-align: center;
            display: inline-block; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .bottom_area {
          display: flex;
          justify-content: space-between;
          align-items: end; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .bottom_area .price {
            font-size: 40px;
            font-weight: 500;
            color: #ffffff; }
            .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .bottom_area .price span {
              font-size: 14px;
              font-weight: 400;
              color: #ffffff; }
              .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .bottom_area .price span.dollar {
                vertical-align: top;
                position: relative;
                top: 6px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .bottom_area .expire_txt {
            font-size: 16px;
            font-weight: 400;
            color: #ffffff; }
      .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail {
        padding: 30px;
        background-color: #202020; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail h3 {
          font-size: 24px;
          font-weight: 400;
          color: #ffffff;
          margin-bottom: 30px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total {
          display: flex;
          justify-content: space-between;
          margin-bottom: 25px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total .left_txt, .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total .right_txt {
            font-size: 14px;
            font-weight: 400;
            color: #ffffff; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total.total .left_txt, .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total.total .right_txt {
            font-size: 14px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total.total .right_txt {
            font-size: 16px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .line {
          height: 1px;
          width: 100%;
          margin-bottom: 25px;
          background-color: #737373; }

.modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card {
  margin-bottom: 30px; }
  .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card .inner_item {
    background-color: #202020;
    padding: 20px;
    display: flex;
    margin-bottom: 15px; }
    .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card .inner_item:last-child {
      margin-bottom: 0; }
    .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card .inner_item .img_area {
      height: 83px;
      width: 83px;
      flex-shrink: 0; }
      .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card .inner_item .img_area img {
        height: 100%;
        width: 100%;
        object-fit: cover; }
    .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card .inner_item .content {
      padding-left: 20px; }
      .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card .inner_item .content .title {
        font-size: 18px;
        font-weight: 400;
        color: #ffffff;
        margin-bottom: 6px; }
      .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card .inner_item .content .prices {
        font-size: 24px;
        font-weight: 600;
        color: #ffffff; }

.modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .btn_area {
  margin-top: 30px; }
  .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .btn_area .btn-primary {
    width: 100%; }

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
/* 1200 desktop only */
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .modal .modal-dialog {
    width: 816px; }
    .modal .modal-dialog .modal-content .modal-body .inner_body {
      padding: 35px; }
      .modal .modal-dialog .modal-content .modal-body .inner_body .right_area h3 {
        font-size: 25px; }
      .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .price {
        font-size: 30px;
        margin-bottom: 20px; }
      .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main {
        margin-bottom: 30px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main .size {
          font-size: 20px;
          margin-bottom: 15px; }
          .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main .size span {
            font-size: 18px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main .size_list li {
          height: 35px;
          width: 45px;
          font-size: 14px;
          margin-right: 8px; }
      .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .text {
        font-size: 20px;
        margin-bottom: 15px; }
      .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .btn_card .btn-primary {
        font-size: 14px;
        min-width: 160px; }
  .modal.planModal .modal-dialog {
    width: 495px; }
    .modal.planModal .modal-dialog .modal-content .modal-body .inner_body {
      padding: 25px;
      padding-top: 0; }
      .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .id_txt {
        font-size: 20px;
        margin-bottom: 15px; }
      .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box {
        padding: 25px;
        margin-bottom: 25px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .basic_main {
          margin-bottom: 15px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .basic_main .left_bs .txt_p {
            font-size: 15px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .basic_main .left_bs .txt_bs {
            font-size: 22px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .basic_main .right_bs .tag {
            font-size: 14px;
            min-width: 112px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .bottom_area .price {
          font-size: 35px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .bottom_area .expire_txt {
          font-size: 14px; }
      .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail {
        padding: 25px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail h3 {
          font-size: 20px;
          margin-bottom: 25px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total {
          margin-bottom: 20px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total.total .left_txt, .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total.total .right_txt {
            font-size: 14px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total.total .right_txt {
            font-size: 16px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .line {
          margin-bottom: 20px; }
  .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card {
    margin-bottom: 25px; }
  .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .btn_area {
    margin-top: 25px; } }

/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .modal .modal-dialog {
    width: 680px; }
    .modal .modal-dialog .modal-content .modal-body .inner_body {
      padding: 25px; }
      .modal .modal-dialog .modal-content .modal-body .inner_body .left_area {
        width: 300px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .left_area .img_modal {
          height: 296px; }
      .modal .modal-dialog .modal-content .modal-body .inner_body .right_area {
        width: calc(100% - 300px);
        padding-left: 25px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area h3 {
          font-size: 25px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .price {
          font-size: 30px;
          margin-bottom: 20px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main {
          margin-bottom: 30px; }
          .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main .size {
            font-size: 20px;
            margin-bottom: 15px; }
            .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main .size span {
              font-size: 18px; }
          .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main .size_list li {
            height: 35px;
            width: 45px;
            font-size: 14px;
            margin-right: 8px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .text {
          font-size: 20px;
          margin-bottom: 15px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .btn_card .btn-primary {
          font-size: 14px;
          min-width: 160px; }
  .modal.planModal .modal-dialog {
    width: 495px; }
    .modal.planModal .modal-dialog .modal-content .modal-body .inner_body {
      padding: 25px;
      padding-top: 0; }
      .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .id_txt {
        font-size: 20px;
        margin-bottom: 15px; }
      .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box {
        padding: 25px;
        margin-bottom: 25px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .basic_main {
          margin-bottom: 15px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .basic_main .left_bs .txt_p {
            font-size: 15px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .basic_main .left_bs .txt_bs {
            font-size: 22px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .basic_main .right_bs .tag {
            font-size: 14px;
            min-width: 112px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .bottom_area .price {
          font-size: 35px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .bottom_area .expire_txt {
          font-size: 14px; }
      .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail {
        padding: 25px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail h3 {
          font-size: 20px;
          margin-bottom: 25px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total {
          margin-bottom: 20px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total.total .left_txt, .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total.total .right_txt {
            font-size: 14px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total.total .right_txt {
            font-size: 16px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .line {
          margin-bottom: 20px; }
  .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card {
    margin-bottom: 25px; }
  .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .btn_area {
    margin-top: 25px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .modal .modal-dialog {
    width: 620px; }
    .modal .modal-dialog .modal-content .modal-header .btn-close::before {
      font-size: 18px;
      margin-top: 8px;
      margin-right: 12px; }
    .modal .modal-dialog .modal-content .modal-body .inner_body {
      padding: 20px; }
      .modal .modal-dialog .modal-content .modal-body .inner_body .left_area {
        width: 275px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .left_area .img_modal {
          height: 296px; }
      .modal .modal-dialog .modal-content .modal-body .inner_body .right_area {
        width: calc(100% - 275px);
        padding-left: 20px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area h3 {
          font-size: 22px;
          margin-bottom: 12px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .price {
          font-size: 25px;
          margin-bottom: 15px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main {
          margin-bottom: 25px; }
          .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main .size {
            font-size: 18px;
            margin-bottom: 12px; }
            .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main .size span {
              font-size: 16px; }
          .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main .size_list li {
            height: 32px;
            width: 40px;
            font-size: 14px;
            margin-right: 8px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .text {
          font-size: 18px;
          margin-bottom: 12px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .qut_box .txt, .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .qut_box .minus, .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .qut_box .plus {
          height: 32px;
          width: 32px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .btn_card .btn-primary {
          font-size: 14px;
          min-width: 150px; }
  .modal.planModal .modal-dialog {
    width: 420px; }
    .modal.planModal .modal-dialog .modal-content .modal-body .inner_body {
      padding: 20px;
      padding-top: 0; }
      .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .id_txt {
        font-size: 18px;
        margin-bottom: 12px; }
      .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .txt, .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .minus, .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .plus {
        margin-bottom: 12px; }
      .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box {
        padding: 20px;
        margin-bottom: 20px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .basic_main {
          margin-bottom: 15px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .basic_main .left_bs .txt_p {
            font-size: 14px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .basic_main .left_bs .txt_bs {
            font-size: 22px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .basic_main .right_bs .tag {
            font-size: 14px;
            min-width: 112px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .bottom_area .price {
          font-size: 32px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .bottom_area .expire_txt {
          font-size: 14px; }
      .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail {
        padding: 20px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail h3 {
          font-size: 18px;
          margin-bottom: 20px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total {
          margin-bottom: 15px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total.total .left_txt, .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total.total .right_txt {
            font-size: 14px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total.total .right_txt {
            font-size: 16px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .line {
          margin-bottom: 15px; }
  .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card {
    margin-bottom: 20px; }
    .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card .inner_item {
      padding: 15px; }
      .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card .inner_item .img_area {
        height: 75px;
        width: 75px; }
      .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card .inner_item .content {
        padding-left: 15px; }
        .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card .inner_item .content .title {
          font-size: 16px; }
        .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card .inner_item .content .prices {
          font-size: 22px; }
  .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .btn_area {
    margin-top: 20px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .modal .modal-dialog {
    width: auto;
    margin: 0 auto;
    margin-left: 15px;
    margin-right: 15px; }
    .modal .modal-dialog .modal-content .modal-header .btn-close::before {
      font-size: 18px;
      margin-top: 8px;
      margin-right: 12px; }
    .modal .modal-dialog .modal-content .modal-body .inner_body {
      padding: 20px; }
      .modal .modal-dialog .modal-content .modal-body .inner_body .left_area {
        width: 100%;
        margin-bottom: 15px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .left_area .img_modal {
          height: 275px; }
      .modal .modal-dialog .modal-content .modal-body .inner_body .right_area {
        width: 100%;
        padding-left: 0px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area h3 {
          font-size: 20px;
          margin-bottom: 12px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .price {
          font-size: 22px;
          margin-bottom: 15px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main {
          margin-bottom: 25px; }
          .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main .size {
            font-size: 16px;
            margin-bottom: 12px; }
            .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main .size span {
              font-size: 14px; }
          .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main .size_list li {
            height: 32px;
            width: 40px;
            font-size: 14px;
            margin-right: 8px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .text {
          font-size: 16px;
          margin-bottom: 12px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .qut_box .txt, .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .qut_box .minus, .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .qut_box .plus {
          height: 32px;
          width: 32px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .btn_card .btn-primary {
          font-size: 14px;
          min-width: 150px; }
  .modal.planModal .modal-dialog {
    width: auto; }
    .modal.planModal .modal-dialog .modal-content .modal-body .inner_body {
      padding: 15px;
      padding-top: 0; }
      .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .id_txt {
        font-size: 16px;
        margin-bottom: 12px; }
      .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .txt, .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .minus, .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .plus {
        margin-bottom: 12px; }
      .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box {
        padding: 15px;
        margin-bottom: 20px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .basic_main {
          margin-bottom: 15px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .basic_main .left_bs .txt_p {
            font-size: 14px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .basic_main .left_bs .txt_bs {
            font-size: 20px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .basic_main .right_bs .tag {
            font-size: 14px;
            min-width: 112px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .bottom_area .price {
          font-size: 28px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .bottom_area .expire_txt {
          font-size: 14px; }
      .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail {
        padding: 15px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail h3 {
          font-size: 16px;
          margin-bottom: 20px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total {
          margin-bottom: 15px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total.total .left_txt, .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total.total .right_txt {
            font-size: 14px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total.total .right_txt {
            font-size: 16px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .line {
          margin-bottom: 15px; }
  .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card {
    margin-bottom: 20px; }
    .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card .inner_item {
      padding: 15px; }
      .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card .inner_item .img_area {
        height: 65px;
        width: 65px; }
      .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card .inner_item .content {
        padding-left: 15px; }
        .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card .inner_item .content .title {
          font-size: 16px; }
        .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card .inner_item .content .prices {
          font-size: 20px; }
  .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .btn_area {
    margin-top: 20px; } }

/* Smaller phones */
@media (max-width: 360px) {
  .modal .modal-dialog {
    width: auto;
    margin: 0 auto;
    margin-left: 15px;
    margin-right: 15px; }
    .modal .modal-dialog .modal-content .modal-header .btn-close::before {
      font-size: 18px;
      margin-top: 8px;
      margin-right: 12px; }
    .modal .modal-dialog .modal-content .modal-body .inner_body {
      padding: 20px; }
      .modal .modal-dialog .modal-content .modal-body .inner_body .left_area {
        width: 100%;
        margin-bottom: 15px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .left_area .img_modal {
          height: 275px; }
      .modal .modal-dialog .modal-content .modal-body .inner_body .right_area {
        width: 100%;
        padding-left: 0px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area h3 {
          font-size: 20px;
          margin-bottom: 12px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .price {
          font-size: 22px;
          margin-bottom: 15px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main {
          margin-bottom: 25px; }
          .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main .size {
            font-size: 16px;
            margin-bottom: 12px; }
            .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main .size span {
              font-size: 14px; }
          .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .size_main .size_list li {
            height: 32px;
            width: 40px;
            font-size: 14px;
            margin-right: 8px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .text {
          font-size: 16px;
          margin-bottom: 12px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .qut_box .txt, .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .qut_box .minus, .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .quantity_main .qut_box .plus {
          height: 32px;
          width: 32px; }
        .modal .modal-dialog .modal-content .modal-body .inner_body .right_area .bottom_area .btn_card .btn-primary {
          font-size: 14px;
          min-width: 150px; }
  .modal.planModal .modal-dialog {
    width: auto; }
    .modal.planModal .modal-dialog .modal-content .modal-body .inner_body {
      padding: 15px;
      padding-top: 0; }
      .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .id_txt {
        font-size: 16px;
        margin-bottom: 12px; }
      .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .txt, .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .minus, .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .plus {
        margin-bottom: 12px; }
      .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box {
        padding: 15px;
        margin-bottom: 20px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .basic_main {
          margin-bottom: 15px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .basic_main .left_bs .txt_p {
            font-size: 14px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .basic_main .left_bs .txt_bs {
            font-size: 20px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .basic_main .right_bs .tag {
            font-size: 14px;
            min-width: 112px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .bottom_area .price {
          font-size: 28px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .card_box .bottom_area .expire_txt {
          font-size: 14px; }
      .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail {
        padding: 15px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail h3 {
          font-size: 16px;
          margin-bottom: 20px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total {
          margin-bottom: 15px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total.total .left_txt, .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total.total .right_txt {
            font-size: 14px; }
          .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .price_total.total .right_txt {
            font-size: 16px; }
        .modal.planModal .modal-dialog .modal-content .modal-body .inner_body .payment_detail .inner_detail .line {
          margin-bottom: 15px; }
  .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card {
    margin-bottom: 20px; }
    .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card .inner_item {
      padding: 15px; }
      .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card .inner_item .img_area {
        height: 65px;
        width: 65px; }
      .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card .inner_item .content {
        padding-left: 15px; }
        .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card .inner_item .content .title {
          font-size: 16px; }
        .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .listing_card .inner_item .content .prices {
          font-size: 20px; }
  .modal.planModal.removeOrder .modal-dialog .modal-content .modal-body .inner_body .btn_area {
    margin-top: 20px; } }

/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
@keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@-webkit-keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@keyframes smoothScroll {
  0% {
    transform: translateY(-100px); }
  100% {
    transform: translateY(0px); } }

.cart_section {
  padding-top: 60px;
  padding-bottom: 90px; }
  .cart_section .inner_area .delivery_area {
    padding: 30px;
    background-color: #202020;
    margin-bottom: 30px; }
    .cart_section .inner_area .delivery_area h3 {
      font-size: 30px;
      font-weight: 400;
      color: #ffffff;
      margin-bottom: 20px; }
    .cart_section .inner_area .delivery_area .text_area {
      display: flex; }
      .cart_section .inner_area .delivery_area .text_area .txt, .cart_section .inner_area .delivery_area .text_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .delivery_area .text_area .minus, .cart_section .inner_area .delivery_area .text_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .delivery_area .text_area .plus {
        font-size: 18px;
        font-weight: 400;
        color: #ffffff;
        display: inline-block; }
      .cart_section .inner_area .delivery_area .text_area .edit {
        font-size: 16px;
        font-weight: 400;
        color: #DE383A;
        padding: 4px 20px;
        min-width: 90px;
        border-radius: 5px;
        background-color: #ffffff;
        display: inline-block;
        position: relative;
        top: -3px;
        margin-left: 20px;
        text-align: center;
        height: fit-content; }
  .cart_section .inner_area .listing_main {
    display: flex; }
    .cart_section .inner_area .listing_main::after {
      display: block;
      content: "";
      clear: both; }
    .cart_section .inner_area .listing_main .left_l {
      float: left;
      width: calc(100% - 523px);
      margin-right: 30px; }
      .cart_section .inner_area .listing_main .left_l .summary_main {
        background-color: #202020;
        padding: 30px;
        margin-bottom: 25px; }
        .cart_section .inner_area .listing_main .left_l .summary_main h3 {
          font-size: 30px;
          font-weight: 400;
          color: #ffffff;
          margin-bottom: 30px; }
        .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart {
          margin-bottom: 30px;
          border-bottom: 1px solid #444444;
          padding-bottom: 30px; }
          .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart::after {
            display: block;
            content: "";
            clear: both; }
          .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border: 0; }
          .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .left_cart {
            float: left;
            width: 140px; }
            .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .left_cart .img_area {
              height: 140px; }
              .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .left_cart .img_area img {
                height: 100%;
                width: 100%;
                object-fit: cover; }
          .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart {
            float: right;
            width: calc(100% - 140px);
            padding-left: 20px; }
            .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .title_area {
              display: flex;
              align-items: baseline;
              justify-content: space-between;
              margin-bottom: 10px; }
              .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .title_area h4 {
                font-size: 18px;
                font-weight: 400;
                color: #ffffff;
                display: inline-block; }
              .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .title_area .icon {
                height: 32px;
                width: 32px;
                border-radius: 5px;
                background-color: #444444;
                text-align: center;
                align-content: center;
                display: inline-block;
                flex-shrink: 0;
                margin-left: 5px; }
                .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .title_area .icon i {
                  font-size: 14px;
                  color: #ffffff; }
            .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .size {
              font-size: 18px;
              font-weight: 400;
              color: #ffffff;
              margin-bottom: 10px; }
              .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .size span {
                color: #DE383A; }
            .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .price {
              font-size: 24px;
              font-weight: 500;
              color: #DE383A;
              margin-bottom: 5px; }
            .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box {
              display: flex;
              justify-content: end; }
              .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus {
                border-right: 1px solid #E5E5E5; }
                .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus i {
                  font-size: 14px;
                  color: #111111; }
              .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .txt, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus {
                height: 35px;
                width: 35px;
                background-color: #ffffff;
                padding: 8px;
                text-align: center;
                align-content: center;
                font-size: 14px;
                font-weight: 400;
                color: #DE383A;
                display: inline-block; }
              .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus {
                border-left: 1px solid #E5E5E5; }
                .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus i {
                  font-size: 14px;
                  color: #111111; }
            .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .quantity {
              display: flex;
              justify-content: end; }
              .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .quantity .left .number {
                width: 95px;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 35px;
                background-color: #ffffff; }
                .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .quantity .left .number .minus {
                  padding: 8px;
                  border-right: 1px solid #E5E5E5; }
                  .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .quantity .left .number .minus i {
                    font-size: 14px;
                    color: #111111; }
                .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .quantity .left .number input {
                  padding: 5px;
                  text-align: center;
                  width: calc(100% - 60px);
                  font-size: 14px;
                  font-weight: 400;
                  border: none;
                  display: inline-block;
                  vertical-align: middle;
                  color: #DE383A; }
                .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .quantity .left .number .plus {
                  padding: 8px;
                  border-left: 1px solid #E5E5E5; }
                  .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .quantity .left .number .plus i {
                    font-size: 14px;
                    color: #111111; }
      .cart_section .inner_area .listing_main .left_l .card_plan {
        background-color: #202020;
        padding: 30px; }
        .cart_section .inner_area .listing_main .left_l .card_plan h3 {
          font-size: 30px;
          font-weight: 400;
          color: #ffffff;
          margin-bottom: 30px; }
        .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .plan {
          font-size: 18px;
          font-weight: 400;
          color: #ffffff;
          margin-bottom: 10px; }
        .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .title {
          font-size: 28px;
          font-weight: 500;
          color: #ffffff;
          margin-bottom: 15px; }
        .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .price {
          font-size: 50px;
          font-weight: 500;
          color: #ffffff;
          padding-bottom: 35px;
          margin-bottom: 35px;
          border-bottom: 1px solid #ffffff; }
          .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .price span {
            font-size: 16px;
            font-weight: 400; }
            .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .price span.dollar {
              vertical-align: top;
              position: relative;
              top: 6px; }
        .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .plan_list li {
          font-size: 16px;
          font-weight: 400;
          color: #ffffff;
          margin-bottom: 25px;
          display: flex; }
          .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .plan_list li:last-child {
            margin-bottom: 0; }
          .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .plan_list li .icon_check {
            height: 20px;
            width: 20px;
            background-color: #DE383A;
            text-align: center;
            align-content: center;
            flex-shrink: 0;
            margin-right: 15px; }
            .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .plan_list li .icon_check i {
              font-size: 14px;
              color: #ffffff; }
    .cart_section .inner_area .listing_main .right_l {
      float: right;
      width: 523px;
      background-color: #202020;
      padding: 30px;
      height: fit-content; }
      .cart_section .inner_area .listing_main .right_l h3 {
        font-size: 30px;
        font-weight: 400;
        color: #ffffff;
        margin-bottom: 30px; }
      .cart_section .inner_area .listing_main .right_l .bill_main {
        margin-bottom: 40px; }
        .cart_section .inner_area .listing_main .right_l .bill_main .inner_bill {
          border-bottom: 1px solid #DCDCDC;
          padding-bottom: 30px;
          margin-bottom: 25px; }
        .cart_section .inner_area .listing_main .right_l .bill_main .top {
          margin-bottom: 12px;
          display: flex;
          align-items: center; }
          .cart_section .inner_area .listing_main .right_l .bill_main .top::after {
            display: block;
            content: "";
            clear: both; }
          .cart_section .inner_area .listing_main .right_l .bill_main .top:last-child {
            margin-bottom: 0; }
          .cart_section .inner_area .listing_main .right_l .bill_main .top h6, .cart_section .inner_area .listing_main .right_l .bill_main .top .dollar {
            font-size: 14px;
            font-weight: 400;
            color: #ffffff; }
          .cart_section .inner_area .listing_main .right_l .bill_main .top .left_b {
            float: left;
            width: 50%; }
          .cart_section .inner_area .listing_main .right_l .bill_main .top .right_b {
            float: right;
            width: calc(100% - 50%);
            text-align: end; }
          .cart_section .inner_area .listing_main .right_l .bill_main .top.total_price h6, .cart_section .inner_area .listing_main .right_l .bill_main .top.total_price .dollar {
            font-size: 16px; }
          .cart_section .inner_area .listing_main .right_l .bill_main .top.total_price .dollar {
            font-size: 18px; }
      .cart_section .inner_area .listing_main .right_l .btn_area .btn-primary {
        width: 100%; }

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .cart_section {
    padding-top: 45px;
    padding-bottom: 70px; } }

/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .cart_section {
    padding-top: 40px;
    padding-bottom: 60px; } }

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .cart_section {
    padding-top: 40px;
    padding-bottom: 40px; }
    .cart_section .inner_area .delivery_area {
      padding: 25px;
      margin-bottom: 25px; }
      .cart_section .inner_area .delivery_area h3 {
        font-size: 25px;
        margin-bottom: 15px; }
      .cart_section .inner_area .delivery_area .text_area .txt, .cart_section .inner_area .delivery_area .text_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .delivery_area .text_area .minus, .cart_section .inner_area .delivery_area .text_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .delivery_area .text_area .plus {
        font-size: 16px; }
      .cart_section .inner_area .delivery_area .text_area .edit {
        font-size: 15px; }
    .cart_section .inner_area .listing_main .left_l {
      width: calc(100% - 412px);
      margin-right: 20px; }
      .cart_section .inner_area .listing_main .left_l .summary_main {
        padding: 25px; }
        .cart_section .inner_area .listing_main .left_l .summary_main h3 {
          font-size: 25px;
          margin-bottom: 20px; }
        .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart {
          margin-bottom: 25px;
          padding-bottom: 25px; }
          .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .left_cart {
            width: 130px; }
            .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .left_cart .img_area {
              height: 130px; }
          .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart {
            width: calc(100% - 130px);
            padding-left: 15px; }
      .cart_section .inner_area .listing_main .left_l .card_plan {
        padding: 25px; }
        .cart_section .inner_area .listing_main .left_l .card_plan h3 {
          font-size: 25px;
          margin-bottom: 20px; }
        .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .plan {
          font-size: 16px; }
        .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .title {
          font-size: 25px; }
        .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .price {
          font-size: 40px;
          padding-bottom: 25px;
          margin-bottom: 25px; }
          .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .price span {
            font-size: 14px; }
        .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .plan_list li {
          margin-bottom: 20px; }
    .cart_section .inner_area .listing_main .right_l {
      width: 412px;
      padding: 25px; }
      .cart_section .inner_area .listing_main .right_l h3 {
        font-size: 25px;
        margin-bottom: 20px; }
      .cart_section .inner_area .listing_main .right_l .bill_main {
        margin-bottom: 35px; }
        .cart_section .inner_area .listing_main .right_l .bill_main .inner_bill {
          padding-bottom: 25px;
          margin-bottom: 20px; } }

/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .cart_section {
    padding-top: 35px;
    padding-bottom: 40px; }
    .cart_section .inner_area .delivery_area {
      padding: 25px;
      margin-bottom: 25px; }
      .cart_section .inner_area .delivery_area h3 {
        font-size: 25px;
        margin-bottom: 15px; }
      .cart_section .inner_area .delivery_area .text_area .txt, .cart_section .inner_area .delivery_area .text_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .delivery_area .text_area .minus, .cart_section .inner_area .delivery_area .text_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .delivery_area .text_area .plus {
        font-size: 16px; }
      .cart_section .inner_area .delivery_area .text_area .edit {
        font-size: 15px; }
    .cart_section .inner_area .listing_main {
      flex-wrap: wrap; }
      .cart_section .inner_area .listing_main .left_l {
        width: 100%;
        margin-right: 0px; }
        .cart_section .inner_area .listing_main .left_l .summary_main {
          padding: 25px; }
          .cart_section .inner_area .listing_main .left_l .summary_main h3 {
            font-size: 25px;
            margin-bottom: 20px; }
          .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart {
            margin-bottom: 25px;
            padding-bottom: 25px; }
            .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .left_cart {
              width: 130px; }
              .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .left_cart .img_area {
                height: 130px; }
            .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart {
              width: calc(100% - 130px);
              padding-left: 15px; }
        .cart_section .inner_area .listing_main .left_l .card_plan {
          padding: 25px;
          margin-bottom: 25px; }
          .cart_section .inner_area .listing_main .left_l .card_plan h3 {
            font-size: 25px;
            margin-bottom: 20px; }
          .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .plan {
            font-size: 16px; }
          .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .title {
            font-size: 25px; }
          .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .price {
            font-size: 40px;
            padding-bottom: 25px;
            margin-bottom: 25px; }
            .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .price span {
              font-size: 14px; }
          .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .plan_list li {
            margin-bottom: 20px; }
      .cart_section .inner_area .listing_main .right_l {
        width: 100%;
        padding: 25px; }
        .cart_section .inner_area .listing_main .right_l h3 {
          font-size: 25px;
          margin-bottom: 20px; }
        .cart_section .inner_area .listing_main .right_l .bill_main {
          margin-bottom: 35px; }
          .cart_section .inner_area .listing_main .right_l .bill_main .inner_bill {
            padding-bottom: 25px;
            margin-bottom: 20px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .cart_section {
    padding-top: 30px;
    padding-bottom: 35px; }
    .cart_section .inner_area .delivery_area {
      padding: 20px;
      margin-bottom: 20px; }
      .cart_section .inner_area .delivery_area h3 {
        font-size: 20px;
        margin-bottom: 15px; }
      .cart_section .inner_area .delivery_area .text_area .txt, .cart_section .inner_area .delivery_area .text_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .delivery_area .text_area .minus, .cart_section .inner_area .delivery_area .text_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .delivery_area .text_area .plus {
        font-size: 14px; }
      .cart_section .inner_area .delivery_area .text_area .edit {
        font-size: 14px;
        min-width: 75px;
        margin-left: 15px; }
    .cart_section .inner_area .listing_main {
      flex-wrap: wrap; }
      .cart_section .inner_area .listing_main .left_l {
        width: 100%;
        margin-right: 0px; }
        .cart_section .inner_area .listing_main .left_l .summary_main {
          padding: 20px;
          margin-bottom: 20px; }
          .cart_section .inner_area .listing_main .left_l .summary_main h3 {
            font-size: 20px;
            margin-bottom: 20px; }
          .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart {
            margin-bottom: 20px;
            padding-bottom: 20px; }
            .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .left_cart {
              width: 130px; }
              .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .left_cart .img_area {
                height: 130px; }
            .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart {
              width: calc(100% - 130px);
              padding-left: 15px; }
              .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .price {
                font-size: 22px; }
              .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .title_area .icon {
                height: 30px;
                width: 30px; }
        .cart_section .inner_area .listing_main .left_l .card_plan {
          padding: 20px;
          margin-bottom: 20px; }
          .cart_section .inner_area .listing_main .left_l .card_plan h3 {
            font-size: 20px;
            margin-bottom: 20px; }
          .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .plan {
            font-size: 16px; }
          .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .title {
            font-size: 22px; }
          .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .price {
            font-size: 32px;
            padding-bottom: 20px;
            margin-bottom: 20px; }
            .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .price span {
              font-size: 14px; }
              .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .price span.dollar {
                top: 2px; }
          .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .plan_list li {
            font-size: 15px;
            margin-bottom: 16px; }
            .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .plan_list li .icon_check {
              margin-right: 10px;
              height: 18px;
              width: 18px; }
              .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .plan_list li .icon_check i {
                font-size: 13px; }
      .cart_section .inner_area .listing_main .right_l {
        width: 100%;
        padding: 20px; }
        .cart_section .inner_area .listing_main .right_l h3 {
          font-size: 20px;
          margin-bottom: 20px; }
        .cart_section .inner_area .listing_main .right_l .bill_main {
          margin-bottom: 30px; }
          .cart_section .inner_area .listing_main .right_l .bill_main .inner_bill {
            padding-bottom: 25px;
            margin-bottom: 20px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .cart_section {
    padding-top: 25px;
    padding-bottom: 30px; }
    .cart_section .inner_area .delivery_area {
      padding: 15px;
      margin-bottom: 15px; }
      .cart_section .inner_area .delivery_area h3 {
        font-size: 16px;
        margin-bottom: 15px; }
      .cart_section .inner_area .delivery_area .text_area .txt, .cart_section .inner_area .delivery_area .text_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .delivery_area .text_area .minus, .cart_section .inner_area .delivery_area .text_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .delivery_area .text_area .plus {
        font-size: 14px; }
      .cart_section .inner_area .delivery_area .text_area .edit {
        font-size: 14px;
        min-width: 75px;
        margin-left: 15px; }
    .cart_section .inner_area .listing_main {
      flex-wrap: wrap; }
      .cart_section .inner_area .listing_main .left_l {
        width: 100%;
        margin-right: 0px; }
        .cart_section .inner_area .listing_main .left_l .summary_main {
          padding: 15px;
          margin-bottom: 15px; }
          .cart_section .inner_area .listing_main .left_l .summary_main h3 {
            font-size: 16px;
            margin-bottom: 15px; }
          .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart {
            margin-bottom: 20px;
            padding-bottom: 20px; }
            .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .left_cart {
              width: 100px; }
              .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .left_cart .img_area {
                height: 100px; }
            .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart {
              width: calc(100% - 100px);
              padding-left: 12px; }
              .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .price {
                font-size: 20px; }
              .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .size {
                font-size: 16px; }
              .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .title_area h4 {
                font-size: 16px; }
              .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .title_area .icon {
                height: 25px;
                width: 25px;
                border-radius: 3px; }
              .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .txt, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus {
                height: 25px;
                width: 25px;
                padding: 4px; }
        .cart_section .inner_area .listing_main .left_l .card_plan {
          padding: 20px;
          margin-bottom: 20px; }
          .cart_section .inner_area .listing_main .left_l .card_plan h3 {
            font-size: 16px;
            margin-bottom: 15px; }
          .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .plan {
            font-size: 14px; }
          .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .title {
            font-size: 20px;
            margin-bottom: 10px; }
          .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .price {
            font-size: 28px;
            padding-bottom: 20px;
            margin-bottom: 20px; }
            .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .price span {
              font-size: 14px; }
              .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .price span.dollar {
                top: 2px; }
          .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .plan_list li {
            font-size: 15px;
            margin-bottom: 16px; }
            .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .plan_list li .icon_check {
              margin-right: 10px;
              height: 18px;
              width: 18px; }
              .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .plan_list li .icon_check i {
                font-size: 13px;
                position: relative;
                top: -1px; }
      .cart_section .inner_area .listing_main .right_l {
        width: 100%;
        padding: 15px; }
        .cart_section .inner_area .listing_main .right_l h3 {
          font-size: 16px;
          margin-bottom: 15px; }
        .cart_section .inner_area .listing_main .right_l .bill_main {
          margin-bottom: 30px; }
          .cart_section .inner_area .listing_main .right_l .bill_main .inner_bill {
            padding-bottom: 15px;
            margin-bottom: 15px; }
          .cart_section .inner_area .listing_main .right_l .bill_main .top.total_price h6, .cart_section .inner_area .listing_main .right_l .bill_main .top.total_price .dollar {
            font-size: 14px; } }

/* Smaller phones */
@media (max-width: 360px) {
  .cart_section {
    padding-top: 25px;
    padding-bottom: 30px; }
    .cart_section .inner_area .delivery_area {
      padding: 15px;
      margin-bottom: 15px; }
      .cart_section .inner_area .delivery_area h3 {
        font-size: 16px;
        margin-bottom: 15px; }
      .cart_section .inner_area .delivery_area .text_area .txt, .cart_section .inner_area .delivery_area .text_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .delivery_area .text_area .minus, .cart_section .inner_area .delivery_area .text_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .delivery_area .text_area .plus {
        font-size: 14px; }
      .cart_section .inner_area .delivery_area .text_area .edit {
        font-size: 14px;
        min-width: 75px;
        margin-left: 15px; }
    .cart_section .inner_area .listing_main {
      flex-wrap: wrap; }
      .cart_section .inner_area .listing_main .left_l {
        width: 100%;
        margin-right: 0px; }
        .cart_section .inner_area .listing_main .left_l .summary_main {
          padding: 15px;
          margin-bottom: 15px; }
          .cart_section .inner_area .listing_main .left_l .summary_main h3 {
            font-size: 16px;
            margin-bottom: 15px; }
          .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart {
            margin-bottom: 20px;
            padding-bottom: 20px; }
            .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .left_cart {
              width: 100px; }
              .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .left_cart .img_area {
                height: 100px; }
            .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart {
              width: calc(100% - 100px);
              padding-left: 12px; }
              .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .price {
                font-size: 20px; }
              .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .size {
                font-size: 16px; }
              .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .title_area h4 {
                font-size: 16px; }
              .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .title_area .icon {
                height: 25px;
                width: 25px;
                border-radius: 3px; }
              .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .txt, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus {
                height: 25px;
                width: 25px;
                padding: 4px; }
        .cart_section .inner_area .listing_main .left_l .card_plan {
          padding: 20px;
          margin-bottom: 20px; }
          .cart_section .inner_area .listing_main .left_l .card_plan h3 {
            font-size: 16px;
            margin-bottom: 15px; }
          .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .plan {
            font-size: 14px; }
          .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .title {
            font-size: 20px;
            margin-bottom: 10px; }
          .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .price {
            font-size: 28px;
            padding-bottom: 20px;
            margin-bottom: 20px; }
            .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .price span {
              font-size: 14px; }
              .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .price span.dollar {
                top: 2px; }
          .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .plan_list li {
            font-size: 15px;
            margin-bottom: 16px; }
            .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .plan_list li .icon_check {
              margin-right: 10px;
              height: 18px;
              width: 18px; }
              .cart_section .inner_area .listing_main .left_l .card_plan .plan_main .plan_list li .icon_check i {
                font-size: 13px;
                position: relative;
                top: -1px; }
      .cart_section .inner_area .listing_main .right_l {
        width: 100%;
        padding: 15px; }
        .cart_section .inner_area .listing_main .right_l h3 {
          font-size: 16px;
          margin-bottom: 15px; }
        .cart_section .inner_area .listing_main .right_l .bill_main {
          margin-bottom: 30px; }
          .cart_section .inner_area .listing_main .right_l .bill_main .inner_bill {
            padding-bottom: 15px;
            margin-bottom: 15px; }
          .cart_section .inner_area .listing_main .right_l .bill_main .top.total_price h6, .cart_section .inner_area .listing_main .right_l .bill_main .top.total_price .dollar {
            font-size: 14px; } }

/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
@keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@-webkit-keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@keyframes smoothScroll {
  0% {
    transform: translateY(-100px); }
  100% {
    transform: translateY(0px); } }

.sucess_section {
  padding: 90px 0; }
  .sucess_section .inner_area {
    width: 530px;
    border-radius: 20px;
    background-color: #202020;
    padding: 35px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; }
    .sucess_section .inner_area .icon_area {
      height: 75px;
      width: 75px;
      border-radius: 50%;
      background-color: #333333;
      text-align: center;
      align-content: center;
      margin: 0 auto;
      margin-bottom: 15px;
      border: 1px solid #737373; }
      .sucess_section .inner_area .icon_area i {
        font-size: 35px;
        color: #ffffff; }
    .sucess_section .inner_area h3 {
      font-size: 32px;
      font-weight: 600;
      color: #ffffff;
      margin-bottom: 15px; }
    .sucess_section .inner_area p {
      font-size: 16px;
      font-weight: 400;
      color: #ffffff;
      margin-bottom: 30px;
      line-height: 23px; }
    .sucess_section .inner_area .btn_area .btn-primary {
      background-color: #ffffff;
      color: #111111;
      font-weight: 500;
      border-radius: 5px; }
      .sucess_section .inner_area .btn_area .btn-primary:hover, .sucess_section .inner_area .btn_area .btn-primary.active, .sucess_section .inner_area .btn_area .btn-primary:focus {
        background-color: #DE383A;
        color: #ffffff; }

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .sucess_section {
    padding: 70px 0; } }

/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .sucess_section {
    padding: 60px 0; } }

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .sucess_section {
    padding: 45px 0; }
    .sucess_section .inner_area {
      width: 460px;
      padding: 30px; }
      .sucess_section .inner_area .icon_area {
        height: 70px;
        width: 70px; }
        .sucess_section .inner_area .icon_area i {
          font-size: 30px; }
      .sucess_section .inner_area h3 {
        font-size: 30px; }
      .sucess_section .inner_area p {
        font-size: 15px; } }

/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .sucess_section {
    padding: 40px 0; }
    .sucess_section .inner_area {
      width: 430px;
      padding: 25px; }
      .sucess_section .inner_area .icon_area {
        height: 70px;
        width: 70px; }
        .sucess_section .inner_area .icon_area i {
          font-size: 30px; }
      .sucess_section .inner_area h3 {
        font-size: 28px; }
      .sucess_section .inner_area p {
        font-size: 14px;
        line-height: 21px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .sucess_section {
    padding: 35px 0; }
    .sucess_section .inner_area {
      width: 422px;
      padding: 25px; }
      .sucess_section .inner_area .icon_area {
        height: 60px;
        width: 60px;
        margin-bottom: 12px; }
        .sucess_section .inner_area .icon_area i {
          font-size: 25px; }
      .sucess_section .inner_area h3 {
        font-size: 25px;
        margin-bottom: 12px; }
      .sucess_section .inner_area p {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 25px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .sucess_section {
    padding: 30px 0; }
    .sucess_section .inner_area {
      width: 100%;
      padding: 25px 15px;
      border-radius: 15px; }
      .sucess_section .inner_area .icon_area {
        height: 60px;
        width: 60px;
        margin-bottom: 12px; }
        .sucess_section .inner_area .icon_area i {
          font-size: 25px; }
      .sucess_section .inner_area h3 {
        font-size: 22px;
        margin-bottom: 12px; }
      .sucess_section .inner_area p {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 25px; } }

/* Smaller phones */
@media (max-width: 360px) {
  .sucess_section {
    padding: 30px 0; }
    .sucess_section .inner_area {
      width: 100%;
      padding: 25px 15px;
      border-radius: 15px; }
      .sucess_section .inner_area .icon_area {
        height: 60px;
        width: 60px;
        margin-bottom: 12px; }
        .sucess_section .inner_area .icon_area i {
          font-size: 25px; }
      .sucess_section .inner_area h3 {
        font-size: 22px;
        margin-bottom: 12px; }
      .sucess_section .inner_area p {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 25px; } }

/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
@keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@-webkit-keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@keyframes smoothScroll {
  0% {
    transform: translateY(-100px); }
  100% {
    transform: translateY(0px); } }

.success_section {
  padding-bottom: 90px; }
  .success_section .inner_area .image_main {
    position: relative; }
    .success_section .inner_area .image_main .img_area {
      height: 592px; }
      .success_section .inner_area .image_main .img_area img {
        height: 100%;
        width: 100%;
        object-fit: cover; }
    .success_section .inner_area .image_main .before, .success_section .inner_area .image_main .after {
      padding: 8px 10px;
      font-size: 16px;
      font-weight: 400;
      color: #ffffff;
      background-color: #DE383A;
      min-width: 100px;
      text-align: center;
      display: inline-block;
      position: absolute;
      bottom: 0;
      left: 0;
      border-radius: 5px; }
    .success_section .inner_area .image_main .after {
      left: unset;
      right: 0; }
  .success_section .inner_area .content_main {
    padding: 40px;
    background-color: #202020;
    position: relative;
    z-index: 1;
    border-top: 5px solid #DE383A; }
    .success_section .inner_area .content_main h3 {
      font-size: 32px;
      font-weight: 600;
      color: #ffffff;
      margin-bottom: 25px; }
    .success_section .inner_area .content_main .txt, .success_section .cart_section .inner_area .content_main .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .success_section .inner_area .content_main .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .success_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .content_main .minus, .cart_section .success_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .content_main .minus, .success_section .cart_section .inner_area .content_main .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .success_section .inner_area .content_main .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .success_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .content_main .plus, .cart_section .success_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .content_main .plus {
      font-size: 16px;
      font-weight: 400;
      color: #ffffff;
      margin-bottom: 40px;
      line-height: 24px; }
    .success_section .inner_area .content_main .name, .success_section .card_section .inner_area .content_main .inner_card .bottom .expiers, .card_section .success_section .inner_area .content_main .inner_card .bottom .expiers, .success_section .card_section .inner_area .inner_card .bottom .content_main .expiers, .card_section .success_section .inner_area .inner_card .bottom .content_main .expiers {
      font-size: 22px;
      font-weight: 500;
      color: #ffffff;
      margin-bottom: 8px; }
    .success_section .inner_area .content_main .text {
      font-size: 14px;
      font-weight: 400;
      color: #757575; }
  .success_section.odd_section .inner_area .content_main {
    margin-left: 0px; }
  .success_section.even_section .inner_area .content_main {
    margin-right: 0px;
    text-align: end; }

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .success_section {
    padding-bottom: 70px; } }

/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .success_section {
    padding-bottom: 60px; } }

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .success_section {
    padding-bottom: 45px; }
    .success_section .inner_area .image_main .img_area {
      height: 442px; }
    .success_section .inner_area .image_main .before, .success_section .inner_area .image_main .after {
      padding: 8px 10px;
      font-size: 15px;
      min-width: 100px; }
    .success_section .inner_area .content_main {
      padding: 30px; }
      .success_section .inner_area .content_main h3 {
        font-size: 28px;
        margin-bottom: 20px; }
      .success_section .inner_area .content_main .txt, .success_section .cart_section .inner_area .content_main .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .success_section .inner_area .content_main .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .success_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .content_main .minus, .cart_section .success_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .content_main .minus, .success_section .cart_section .inner_area .content_main .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .success_section .inner_area .content_main .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .success_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .content_main .plus, .cart_section .success_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .content_main .plus {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 30px; }
      .success_section .inner_area .content_main .name, .success_section .card_section .inner_area .content_main .inner_card .bottom .expiers, .card_section .success_section .inner_area .content_main .inner_card .bottom .expiers, .success_section .card_section .inner_area .inner_card .bottom .content_main .expiers, .card_section .success_section .inner_area .inner_card .bottom .content_main .expiers {
        font-size: 20px; } }

/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .success_section {
    padding-bottom: 40px; }
    .success_section .inner_area .image_main .img_area {
      height: 388px; }
    .success_section .inner_area .image_main .before, .success_section .inner_area .image_main .after {
      padding: 8px 10px;
      font-size: 15px;
      min-width: 100px; }
    .success_section .inner_area .content_main {
      padding: 20px; }
      .success_section .inner_area .content_main h3 {
        font-size: 25px;
        margin-bottom: 15px; }
      .success_section .inner_area .content_main .txt, .success_section .cart_section .inner_area .content_main .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .success_section .inner_area .content_main .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .success_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .content_main .minus, .cart_section .success_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .content_main .minus, .success_section .cart_section .inner_area .content_main .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .success_section .inner_area .content_main .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .success_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .content_main .plus, .cart_section .success_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .content_main .plus {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 25px; }
      .success_section .inner_area .content_main .name, .success_section .card_section .inner_area .content_main .inner_card .bottom .expiers, .card_section .success_section .inner_area .content_main .inner_card .bottom .expiers, .success_section .card_section .inner_area .inner_card .bottom .content_main .expiers, .card_section .success_section .inner_area .inner_card .bottom .content_main .expiers {
        font-size: 18px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .success_section {
    padding-bottom: 30px; }
    .success_section .inner_area .image_main .img_area {
      height: 336px; }
    .success_section .inner_area .image_main .before, .success_section .inner_area .image_main .after {
      padding: 8px 10px;
      font-size: 14px;
      min-width: 100px; }
    .success_section .inner_area .content_main {
      padding: 15px; }
      .success_section .inner_area .content_main h3 {
        font-size: 22px;
        margin-bottom: 15px; }
      .success_section .inner_area .content_main .txt, .success_section .cart_section .inner_area .content_main .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .success_section .inner_area .content_main .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .success_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .content_main .minus, .cart_section .success_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .content_main .minus, .success_section .cart_section .inner_area .content_main .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .success_section .inner_area .content_main .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .success_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .content_main .plus, .cart_section .success_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .content_main .plus {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 25px; }
      .success_section .inner_area .content_main .name, .success_section .card_section .inner_area .content_main .inner_card .bottom .expiers, .card_section .success_section .inner_area .content_main .inner_card .bottom .expiers, .success_section .card_section .inner_area .inner_card .bottom .content_main .expiers, .card_section .success_section .inner_area .inner_card .bottom .content_main .expiers {
        font-size: 16px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .success_section {
    padding-bottom: 25px; }
    .success_section .inner_area .image_main {
      margin-bottom: 20px; }
      .success_section .inner_area .image_main .img_area {
        height: 336px; }
      .success_section .inner_area .image_main .before, .success_section .inner_area .image_main .after {
        padding: 8px 10px;
        font-size: 14px;
        min-width: 100px; }
    .success_section .inner_area .content_main {
      padding: 15px; }
      .success_section .inner_area .content_main h3 {
        font-size: 20px;
        margin-bottom: 12px; }
      .success_section .inner_area .content_main .txt, .success_section .cart_section .inner_area .content_main .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .success_section .inner_area .content_main .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .success_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .content_main .minus, .cart_section .success_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .content_main .minus, .success_section .cart_section .inner_area .content_main .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .success_section .inner_area .content_main .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .success_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .content_main .plus, .cart_section .success_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .content_main .plus {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 25px; }
      .success_section .inner_area .content_main .name, .success_section .card_section .inner_area .content_main .inner_card .bottom .expiers, .card_section .success_section .inner_area .content_main .inner_card .bottom .expiers, .success_section .card_section .inner_area .inner_card .bottom .content_main .expiers, .card_section .success_section .inner_area .inner_card .bottom .content_main .expiers {
        font-size: 16px; }
    .success_section.odd_section .inner_area .content_main {
      margin-left: 0; }
    .success_section.even_section .inner_area .content_main {
      margin-right: 0;
      text-align: left; } }

/* Smaller phones */
@media (max-width: 360px) {
  .success_section {
    padding-bottom: 25px; }
    .success_section .inner_area .image_main {
      margin-bottom: 20px; }
      .success_section .inner_area .image_main .img_area {
        height: 336px; }
      .success_section .inner_area .image_main .before, .success_section .inner_area .image_main .after {
        padding: 8px 10px;
        font-size: 14px;
        min-width: 100px; }
    .success_section .inner_area .content_main {
      padding: 15px; }
      .success_section .inner_area .content_main h3 {
        font-size: 20px;
        margin-bottom: 12px; }
      .success_section .inner_area .content_main .txt, .success_section .cart_section .inner_area .content_main .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .cart_section .success_section .inner_area .content_main .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .minus, .success_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .content_main .minus, .cart_section .success_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .content_main .minus, .success_section .cart_section .inner_area .content_main .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .cart_section .success_section .inner_area .content_main .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .plus, .success_section .cart_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .content_main .plus, .cart_section .success_section .inner_area .listing_main .left_l .summary_main .cart_list .item_cart .right_cart .qut_box .content_main .plus {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 25px; }
      .success_section .inner_area .content_main .name, .success_section .card_section .inner_area .content_main .inner_card .bottom .expiers, .card_section .success_section .inner_area .content_main .inner_card .bottom .expiers, .success_section .card_section .inner_area .inner_card .bottom .content_main .expiers, .card_section .success_section .inner_area .inner_card .bottom .content_main .expiers {
        font-size: 16px; }
    .success_section.odd_section .inner_area .content_main {
      margin-left: 0; }
    .success_section.even_section .inner_area .content_main {
      margin-right: 0;
      text-align: left; } }

/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
@keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@-webkit-keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@keyframes smoothScroll {
  0% {
    transform: translateY(-100px); }
  100% {
    transform: translateY(0px); } }

.supplement_detail_section {
  padding-bottom: 90px; }
  .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-wrapper .swiper-slide .item_slide .img_slide {
    height: 407px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
    background-color: #ffffff; }
    .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-wrapper .swiper-slide .item_slide .img_slide img {
      height: 100%;
      width: 100%;
      object-fit: cover; }
  .supplement_detail_section .inner_area .top_section .slider_main .swiper.thumb_swiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .item_slide .img_slide {
    border: 1px solid #DE383A; }
  .supplement_detail_section .inner_area .top_section .slider_main .swiper.thumb_swiper .swiper-wrapper .swiper-slide .item_slide .img_slide {
    margin-bottom: 0;
    height: 120px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid transparent; }
  .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-prev, .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-next {
    height: 45px;
    width: 45px;
    background-color: #DE383A;
    border-radius: 50%; }
    .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-prev::after, .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-next::after {
      font-size: 16px;
      font-weight: 600;
      color: #ffffff; }
  .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-prev {
    left: 0;
    margin-left: 10px; }
    .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-prev::after {
      position: relative;
      left: -2px; }
  .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-next {
    right: 0;
    margin-right: 10px; }
    .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-next::after {
      position: relative;
      right: -2px; }
  .supplement_detail_section .inner_area .top_section .inner_content {
    margin-bottom: 30px;
    padding-left: 30px; }
    .supplement_detail_section .inner_area .top_section .inner_content .category_main {
      display: flex;
      align-items: center;
      margin-bottom: 15px; }
      .supplement_detail_section .inner_area .top_section .inner_content .category_main .company_name {
        font-size: 18px;
        font-weight: 400;
        color: #ffffff;
        margin-right: 10px; }
      .supplement_detail_section .inner_area .top_section .inner_content .category_main .tag {
        font-size: 14px;
        font-weight: 400;
        color: #ffffff;
        padding: 5px 12px;
        min-width: 60px;
        border-radius: 5px;
        display: inline-block;
        background-color: #DE383A; }
    .supplement_detail_section .inner_area .top_section .inner_content h3 {
      font-size: 25px;
      font-weight: 500;
      color: #ffffff;
      margin-bottom: 25px; }
    .supplement_detail_section .inner_area .top_section .inner_content .dev_stock {
      display: flex;
      margin-bottom: 25px; }
      .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li {
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 400;
        color: #ffffff;
        margin-right: 26px;
        position: relative; }
        .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li:last-child {
          margin-right: 0; }
          .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li:last-child::before {
            display: none; }
        .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li::before {
          content: "|";
          position: absolute;
          color: #ffffff;
          top: 0;
          right: 0;
          bottom: 0;
          font-size: 19px;
          margin-right: -14px; }
        .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li .icon {
          height: 25px;
          width: 25px;
          background-color: #ffffff;
          text-align: center;
          align-content: center;
          flex-shrink: 0;
          margin-right: 10px; }
          .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li .icon i {
            font-size: 14px;
            color: #111111; }
    .supplement_detail_section .inner_area .top_section .inner_content .price_main {
      margin-bottom: 25px; }
      .supplement_detail_section .inner_area .top_section .inner_content .price_main .inner_price {
        display: flex;
        align-items: end;
        margin-bottom: 5px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .inner_price .price {
          font-size: 30px;
          font-weight: 600;
          color: #ffffff; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .inner_price .off_price {
          font-size: 16px;
          font-weight: 500;
          color: #DE383A;
          margin-left: 10px;
          position: relative;
          top: -6px; }
      .supplement_detail_section .inner_area .top_section .inner_content .price_main .discount {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        text-decoration: line-through; }
    .supplement_detail_section .inner_area .top_section .inner_content .size_main {
      margin-bottom: 15px; }
      .supplement_detail_section .inner_area .top_section .inner_content .size_main .title_size {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        margin-bottom: 12px; }
      .supplement_detail_section .inner_area .top_section .inner_content .size_main .size_list li {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 10px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }
        .supplement_detail_section .inner_area .top_section .inner_content .size_main .size_list li .text {
          font-size: 14px;
          font-weight: 400;
          color: #ffffff;
          padding: 12px 20px;
          border-radius: 6px;
          display: inline-block;
          border: 1px solid #ffffff;
          -webkit-transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -ms-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
          min-width: 70px;
          text-align: center; }
        .supplement_detail_section .inner_area .top_section .inner_content .size_main .size_list li:last-child {
          margin-right: 0; }
        .supplement_detail_section .inner_area .top_section .inner_content .size_main .size_list li:hover .text, .supplement_detail_section .inner_area .top_section .inner_content .size_main .size_list li.active .text {
          background-color: #ffffff;
          color: #111111; }
    .supplement_detail_section .inner_area .top_section .inner_content .quantity {
      margin-bottom: 25px; }
      .supplement_detail_section .inner_area .top_section .inner_content .quantity .left .number {
        width: 95px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 35px;
        background-color: #ffffff; }
        .supplement_detail_section .inner_area .top_section .inner_content .quantity .left .number .minus {
          padding: 8px;
          border-right: 1px solid #E5E5E5; }
          .supplement_detail_section .inner_area .top_section .inner_content .quantity .left .number .minus i {
            font-size: 14px;
            color: #111111; }
        .supplement_detail_section .inner_area .top_section .inner_content .quantity .left .number input {
          padding: 5px;
          text-align: center;
          width: calc(100% - 60px);
          font-size: 14px;
          font-weight: 400;
          border: none;
          display: inline-block;
          vertical-align: middle;
          color: #DE383A; }
        .supplement_detail_section .inner_area .top_section .inner_content .quantity .left .number .plus {
          padding: 8px;
          border-left: 1px solid #E5E5E5; }
          .supplement_detail_section .inner_area .top_section .inner_content .quantity .left .number .plus i {
            font-size: 14px;
            color: #111111; }
    .supplement_detail_section .inner_area .top_section .inner_content .btn_main {
      display: flex;
      gap: 20px; }
      .supplement_detail_section .inner_area .top_section .inner_content .btn_main .btn-primary {
        display: block;
        width: 100%; }
        .supplement_detail_section .inner_area .top_section .inner_content .btn_main .btn-primary.out_stock {
          background-color: #F0F0F0;
          color: #111111; }
          .supplement_detail_section .inner_area .top_section .inner_content .btn_main .btn-primary.out_stock:hover, .supplement_detail_section .inner_area .top_section .inner_content .btn_main .btn-primary.out_stock.active {
            background-color: #e3e3e3; }
  .supplement_detail_section .inner_area .detail_area h1, .supplement_detail_section .inner_area .detail_area h2, .supplement_detail_section .inner_area .detail_area h3, .supplement_detail_section .inner_area .detail_area h4, .supplement_detail_section .inner_area .detail_area h5, .supplement_detail_section .inner_area .detail_area h6, .supplement_detail_section .cart_section .inner_area .detail_area .listing_main .right_l .bill_main .top .dollar, .cart_section .supplement_detail_section .inner_area .detail_area .listing_main .right_l .bill_main .top .dollar, .supplement_detail_section .cart_section .inner_area .listing_main .right_l .bill_main .top .detail_area .dollar, .cart_section .supplement_detail_section .inner_area .listing_main .right_l .bill_main .top .detail_area .dollar {
    font-weight: 600;
    color: #ffffff;
    margin-top: 25px; }
    .supplement_detail_section .inner_area .detail_area h1:first-child, .supplement_detail_section .inner_area .detail_area h2:first-child, .supplement_detail_section .inner_area .detail_area h3:first-child, .supplement_detail_section .inner_area .detail_area h4:first-child, .supplement_detail_section .inner_area .detail_area h5:first-child, .supplement_detail_section .inner_area .detail_area h6:first-child, .supplement_detail_section .cart_section .inner_area .detail_area .listing_main .right_l .bill_main .top .dollar:first-child, .cart_section .supplement_detail_section .inner_area .detail_area .listing_main .right_l .bill_main .top .dollar:first-child, .supplement_detail_section .cart_section .inner_area .listing_main .right_l .bill_main .top .detail_area .dollar:first-child, .cart_section .supplement_detail_section .inner_area .listing_main .right_l .bill_main .top .detail_area .dollar:first-child {
      margin-top: 0; }
  .supplement_detail_section .inner_area .detail_area h1 {
    font-size: 26px; }
  .supplement_detail_section .inner_area .detail_area h2 {
    font-size: 24px; }
  .supplement_detail_section .inner_area .detail_area h3 {
    font-size: 22px; }
  .supplement_detail_section .inner_area .detail_area h4 {
    font-size: 20px; }
  .supplement_detail_section .inner_area .detail_area h5 {
    font-size: 18px; }
  .supplement_detail_section .inner_area .detail_area h6, .supplement_detail_section .cart_section .inner_area .detail_area .listing_main .right_l .bill_main .top .dollar, .cart_section .supplement_detail_section .inner_area .detail_area .listing_main .right_l .bill_main .top .dollar, .supplement_detail_section .cart_section .inner_area .listing_main .right_l .bill_main .top .detail_area .dollar, .cart_section .supplement_detail_section .inner_area .listing_main .right_l .bill_main .top .detail_area .dollar {
    font-size: 16px; }
  .supplement_detail_section .inner_area .detail_area p {
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    margin-top: 15px;
    line-height: 22px; }
  .supplement_detail_section .inner_area .detail_area ul {
    margin-top: 15px; }
    .supplement_detail_section .inner_area .detail_area ul li {
      font-size: 14px;
      font-weight: 400;
      color: #ffffff;
      line-height: 22px;
      margin-bottom: 15px;
      padding-left: 25px;
      position: relative; }
      .supplement_detail_section .inner_area .detail_area ul li::before {
        content: "";
        height: 6px;
        width: 6px;
        border-radius: 50%;
        background-color: #ffffff;
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 10px;
        margin-top: 8px; }
      .supplement_detail_section .inner_area .detail_area ul li:last-child {
        margin-bottom: 0; }
  .supplement_detail_section .inner_area .detail_area ol {
    margin-top: 15px;
    padding-left: 25px; }
    .supplement_detail_section .inner_area .detail_area ol li {
      font-size: 14px;
      font-weight: 400;
      color: #ffffff;
      line-height: 22px;
      margin-bottom: 15px; }
      .supplement_detail_section .inner_area .detail_area ol li:last-child {
        margin-bottom: 0; }

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .supplement_detail_section {
    padding-bottom: 70px; } }

/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .supplement_detail_section {
    padding-bottom: 60px; } }

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .supplement_detail_section {
    padding-bottom: 40px; }
    .supplement_detail_section .inner_area .top_section .inner_content {
      padding-left: 0; }
    .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-wrapper .swiper-slide .item_slide .img_slide {
      height: 375px; }
    .supplement_detail_section .inner_area .top_section .slider_main .swiper.thumb_swiper .swiper-wrapper .swiper-slide .item_slide .img_slide {
      height: 95px; } }

/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .supplement_detail_section {
    padding-bottom: 40px; }
    .supplement_detail_section .inner_area .top_section .inner_content {
      padding-left: 0;
      margin-bottom: 25px; }
      .supplement_detail_section .inner_area .top_section .inner_content .category_main .company_name {
        font-size: 16px; }
      .supplement_detail_section .inner_area .top_section .inner_content h3 {
        font-size: 22px;
        margin-bottom: 20px; }
      .supplement_detail_section .inner_area .top_section .inner_content .dev_stock {
        margin-bottom: 20px; }
        .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li .icon {
          height: 22px;
          width: 22px; }
          .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li .icon i {
            font-size: 12px; }
      .supplement_detail_section .inner_area .top_section .inner_content .price_main {
        margin-bottom: 20px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .inner_price .price {
          font-size: 25px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .inner_price .off_price {
          font-size: 14px;
          top: -3px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .discount {
          font-size: 14px; }
      .supplement_detail_section .inner_area .top_section .inner_content .quantity {
        margin-bottom: 20px; }
      .supplement_detail_section .inner_area .top_section .inner_content .size_main {
        margin-bottom: 10px; }
        .supplement_detail_section .inner_area .top_section .inner_content .size_main .title_size {
          font-size: 14px; }
      .supplement_detail_section .inner_area .top_section .inner_content .btn_main {
        gap: 15px; }
    .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-wrapper .swiper-slide .item_slide .img_slide {
      height: 328px; }
    .supplement_detail_section .inner_area .top_section .slider_main .swiper.thumb_swiper .swiper-wrapper .swiper-slide .item_slide .img_slide {
      height: 80px; }
    .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-next, .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-prev {
      height: 40px;
      width: 40px; }
      .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-next::after, .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-prev::after {
        font-size: 13px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .supplement_detail_section {
    padding-bottom: 30px; }
    .supplement_detail_section .inner_area .top_section .inner_content {
      padding-left: 0;
      margin-bottom: 25px; }
      .supplement_detail_section .inner_area .top_section .inner_content .category_main .company_name {
        font-size: 16px; }
      .supplement_detail_section .inner_area .top_section .inner_content h3 {
        font-size: 22px;
        margin-bottom: 20px; }
      .supplement_detail_section .inner_area .top_section .inner_content .dev_stock {
        margin-bottom: 20px; }
        .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li .icon {
          height: 22px;
          width: 22px; }
          .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li .icon i {
            font-size: 12px; }
      .supplement_detail_section .inner_area .top_section .inner_content .price_main {
        margin-bottom: 20px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .inner_price .price {
          font-size: 25px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .inner_price .off_price {
          font-size: 14px;
          top: -3px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .discount {
          font-size: 14px; }
      .supplement_detail_section .inner_area .top_section .inner_content .quantity {
        margin-bottom: 20px; }
      .supplement_detail_section .inner_area .top_section .inner_content .size_main {
        margin-bottom: 10px; }
        .supplement_detail_section .inner_area .top_section .inner_content .size_main .title_size {
          font-size: 14px; }
      .supplement_detail_section .inner_area .top_section .inner_content .btn_main {
        gap: 15px; }
    .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-wrapper .swiper-slide .item_slide .img_slide {
      height: 285px;
      margin-bottom: 15px; }
    .supplement_detail_section .inner_area .top_section .slider_main .swiper.thumb_swiper .swiper-wrapper .swiper-slide .item_slide .img_slide {
      height: 80px; }
    .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-next, .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-prev {
      height: 40px;
      width: 40px; }
      .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-next::after, .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-prev::after {
        font-size: 13px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .supplement_detail_section {
    padding-bottom: 25px; }
    .supplement_detail_section .inner_area .top_section .inner_content {
      padding-left: 0;
      margin-bottom: 25px; }
      .supplement_detail_section .inner_area .top_section .inner_content .category_main .company_name {
        font-size: 16px; }
      .supplement_detail_section .inner_area .top_section .inner_content h3 {
        font-size: 20px;
        margin-bottom: 20px; }
      .supplement_detail_section .inner_area .top_section .inner_content .dev_stock {
        margin-bottom: 20px; }
        .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li .icon {
          height: 22px;
          width: 22px; }
          .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li .icon i {
            font-size: 12px; }
      .supplement_detail_section .inner_area .top_section .inner_content .price_main {
        margin-bottom: 20px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .inner_price .price {
          font-size: 22px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .inner_price .off_price {
          font-size: 14px;
          top: -3px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .discount {
          font-size: 14px; }
      .supplement_detail_section .inner_area .top_section .inner_content .quantity {
        margin-bottom: 20px; }
      .supplement_detail_section .inner_area .top_section .inner_content .size_main {
        margin-bottom: 10px; }
        .supplement_detail_section .inner_area .top_section .inner_content .size_main .title_size {
          font-size: 14px; }
      .supplement_detail_section .inner_area .top_section .inner_content .btn_main {
        gap: 15px; }
    .supplement_detail_section .inner_area .top_section .slider_main {
      margin-bottom: 20px; }
      .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-wrapper .swiper-slide .item_slide .img_slide {
        height: 320px;
        margin-bottom: 15px; }
      .supplement_detail_section .inner_area .top_section .slider_main .swiper.thumb_swiper .swiper-wrapper .swiper-slide .item_slide .img_slide {
        height: 80px; }
      .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-next, .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-prev {
        height: 40px;
        width: 40px; }
        .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-next::after, .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-prev::after {
          font-size: 13px; } }

/* Smaller phones */
@media (max-width: 360px) {
  .supplement_detail_section {
    padding-bottom: 25px; }
    .supplement_detail_section .inner_area .top_section .inner_content {
      padding-left: 0;
      margin-bottom: 25px; }
      .supplement_detail_section .inner_area .top_section .inner_content .category_main .company_name {
        font-size: 16px; }
      .supplement_detail_section .inner_area .top_section .inner_content h3 {
        font-size: 20px;
        margin-bottom: 20px; }
      .supplement_detail_section .inner_area .top_section .inner_content .dev_stock {
        margin-bottom: 20px; }
        .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li .icon {
          height: 22px;
          width: 22px; }
          .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li .icon i {
            font-size: 12px; }
      .supplement_detail_section .inner_area .top_section .inner_content .price_main {
        margin-bottom: 20px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .inner_price .price {
          font-size: 22px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .inner_price .off_price {
          font-size: 14px;
          top: -3px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .discount {
          font-size: 14px; }
      .supplement_detail_section .inner_area .top_section .inner_content .quantity {
        margin-bottom: 20px; }
      .supplement_detail_section .inner_area .top_section .inner_content .size_main {
        margin-bottom: 10px; }
        .supplement_detail_section .inner_area .top_section .inner_content .size_main .title_size {
          font-size: 14px; }
      .supplement_detail_section .inner_area .top_section .inner_content .btn_main {
        gap: 15px; }
    .supplement_detail_section .inner_area .top_section .slider_main {
      margin-bottom: 20px; }
      .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-wrapper .swiper-slide .item_slide .img_slide {
        height: 320px;
        margin-bottom: 15px; }
      .supplement_detail_section .inner_area .top_section .slider_main .swiper.thumb_swiper .swiper-wrapper .swiper-slide .item_slide .img_slide {
        height: 80px; }
      .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-next, .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-prev {
        height: 40px;
        width: 40px; }
        .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-next::after, .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-prev::after {
          font-size: 13px; } }

/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
@keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@-webkit-keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@keyframes smoothScroll {
  0% {
    transform: translateY(-100px); }
  100% {
    transform: translateY(0px); } }

.supplement_detail_section {
  padding-bottom: 90px; }
  .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-wrapper .swiper-slide .item_slide .img_slide {
    height: 407px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
    background-color: #ffffff; }
    .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-wrapper .swiper-slide .item_slide .img_slide img {
      height: 100%;
      width: 100%;
      object-fit: cover; }
  .supplement_detail_section .inner_area .top_section .slider_main .swiper.thumb_swiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .item_slide .img_slide {
    border: 1px solid #DE383A; }
  .supplement_detail_section .inner_area .top_section .slider_main .swiper.thumb_swiper .swiper-wrapper .swiper-slide .item_slide .img_slide {
    margin-bottom: 0;
    height: 120px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid transparent; }
  .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-prev, .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-next {
    height: 45px;
    width: 45px;
    background-color: #DE383A;
    border-radius: 50%; }
    .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-prev::after, .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-next::after {
      font-size: 16px;
      font-weight: 600;
      color: #ffffff; }
  .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-prev {
    left: 0;
    margin-left: 10px; }
    .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-prev::after {
      position: relative;
      left: -2px; }
  .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-next {
    right: 0;
    margin-right: 10px; }
    .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-next::after {
      position: relative;
      right: -2px; }
  .supplement_detail_section .inner_area .top_section .inner_content {
    margin-bottom: 30px;
    padding-left: 30px; }
    .supplement_detail_section .inner_area .top_section .inner_content .category_main {
      display: flex;
      align-items: center;
      margin-bottom: 15px; }
      .supplement_detail_section .inner_area .top_section .inner_content .category_main .company_name {
        font-size: 18px;
        font-weight: 400;
        color: #ffffff;
        margin-right: 10px; }
      .supplement_detail_section .inner_area .top_section .inner_content .category_main .tag {
        font-size: 14px;
        font-weight: 400;
        color: #ffffff;
        padding: 5px 12px;
        min-width: 60px;
        border-radius: 5px;
        display: inline-block;
        background-color: #DE383A; }
    .supplement_detail_section .inner_area .top_section .inner_content h3 {
      font-size: 25px;
      font-weight: 500;
      color: #ffffff;
      margin-bottom: 25px; }
    .supplement_detail_section .inner_area .top_section .inner_content .dev_stock {
      display: flex;
      margin-bottom: 25px; }
      .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li {
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 400;
        color: #ffffff;
        margin-right: 26px;
        position: relative; }
        .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li:last-child {
          margin-right: 0; }
          .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li:last-child::before {
            display: none; }
        .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li::before {
          content: "|";
          position: absolute;
          color: #ffffff;
          top: 0;
          right: 0;
          bottom: 0;
          font-size: 19px;
          margin-right: -14px; }
        .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li .icon {
          height: 25px;
          width: 25px;
          background-color: #ffffff;
          text-align: center;
          align-content: center;
          flex-shrink: 0;
          margin-right: 10px; }
          .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li .icon i {
            font-size: 14px;
            color: #111111; }
    .supplement_detail_section .inner_area .top_section .inner_content .price_main {
      margin-bottom: 25px; }
      .supplement_detail_section .inner_area .top_section .inner_content .price_main .inner_price {
        display: flex;
        align-items: end;
        margin-bottom: 5px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .inner_price .price {
          font-size: 30px;
          font-weight: 600;
          color: #ffffff; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .inner_price .off_price {
          font-size: 16px;
          font-weight: 500;
          color: #DE383A;
          margin-left: 10px;
          position: relative;
          top: -6px; }
      .supplement_detail_section .inner_area .top_section .inner_content .price_main .discount {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        text-decoration: line-through; }
    .supplement_detail_section .inner_area .top_section .inner_content .size_main {
      margin-bottom: 15px; }
      .supplement_detail_section .inner_area .top_section .inner_content .size_main .title_size {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        margin-bottom: 12px; }
      .supplement_detail_section .inner_area .top_section .inner_content .size_main .size_list li {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 10px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }
        .supplement_detail_section .inner_area .top_section .inner_content .size_main .size_list li .text {
          font-size: 14px;
          font-weight: 400;
          color: #ffffff;
          padding: 12px 20px;
          border-radius: 6px;
          display: inline-block;
          border: 1px solid #ffffff;
          -webkit-transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -ms-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
          min-width: 70px;
          text-align: center; }
        .supplement_detail_section .inner_area .top_section .inner_content .size_main .size_list li:last-child {
          margin-right: 0; }
        .supplement_detail_section .inner_area .top_section .inner_content .size_main .size_list li:hover .text, .supplement_detail_section .inner_area .top_section .inner_content .size_main .size_list li.active .text {
          background-color: #ffffff;
          color: #111111; }
    .supplement_detail_section .inner_area .top_section .inner_content .quantity {
      margin-bottom: 25px; }
      .supplement_detail_section .inner_area .top_section .inner_content .quantity .left .number {
        width: 95px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 35px;
        background-color: #ffffff; }
        .supplement_detail_section .inner_area .top_section .inner_content .quantity .left .number .minus {
          padding: 8px;
          border-right: 1px solid #E5E5E5; }
          .supplement_detail_section .inner_area .top_section .inner_content .quantity .left .number .minus i {
            font-size: 14px;
            color: #111111; }
        .supplement_detail_section .inner_area .top_section .inner_content .quantity .left .number input {
          padding: 5px;
          text-align: center;
          width: calc(100% - 60px);
          font-size: 14px;
          font-weight: 400;
          border: none;
          display: inline-block;
          vertical-align: middle;
          color: #DE383A; }
        .supplement_detail_section .inner_area .top_section .inner_content .quantity .left .number .plus {
          padding: 8px;
          border-left: 1px solid #E5E5E5; }
          .supplement_detail_section .inner_area .top_section .inner_content .quantity .left .number .plus i {
            font-size: 14px;
            color: #111111; }
    .supplement_detail_section .inner_area .top_section .inner_content .btn_main {
      display: flex;
      gap: 20px; }
      .supplement_detail_section .inner_area .top_section .inner_content .btn_main .btn-primary {
        display: block;
        width: 100%; }
        .supplement_detail_section .inner_area .top_section .inner_content .btn_main .btn-primary.out_stock {
          background-color: #F0F0F0;
          color: #111111; }
          .supplement_detail_section .inner_area .top_section .inner_content .btn_main .btn-primary.out_stock:hover, .supplement_detail_section .inner_area .top_section .inner_content .btn_main .btn-primary.out_stock.active {
            background-color: #e3e3e3; }
  .supplement_detail_section .inner_area .detail_area h1, .supplement_detail_section .inner_area .detail_area h2, .supplement_detail_section .inner_area .detail_area h3, .supplement_detail_section .inner_area .detail_area h4, .supplement_detail_section .inner_area .detail_area h5, .supplement_detail_section .inner_area .detail_area h6, .supplement_detail_section .cart_section .inner_area .detail_area .listing_main .right_l .bill_main .top .dollar, .cart_section .supplement_detail_section .inner_area .detail_area .listing_main .right_l .bill_main .top .dollar, .supplement_detail_section .cart_section .inner_area .listing_main .right_l .bill_main .top .detail_area .dollar, .cart_section .supplement_detail_section .inner_area .listing_main .right_l .bill_main .top .detail_area .dollar {
    font-weight: 600;
    color: #ffffff;
    margin-top: 25px; }
    .supplement_detail_section .inner_area .detail_area h1:first-child, .supplement_detail_section .inner_area .detail_area h2:first-child, .supplement_detail_section .inner_area .detail_area h3:first-child, .supplement_detail_section .inner_area .detail_area h4:first-child, .supplement_detail_section .inner_area .detail_area h5:first-child, .supplement_detail_section .inner_area .detail_area h6:first-child, .supplement_detail_section .cart_section .inner_area .detail_area .listing_main .right_l .bill_main .top .dollar:first-child, .cart_section .supplement_detail_section .inner_area .detail_area .listing_main .right_l .bill_main .top .dollar:first-child, .supplement_detail_section .cart_section .inner_area .listing_main .right_l .bill_main .top .detail_area .dollar:first-child, .cart_section .supplement_detail_section .inner_area .listing_main .right_l .bill_main .top .detail_area .dollar:first-child {
      margin-top: 0; }
  .supplement_detail_section .inner_area .detail_area h1 {
    font-size: 26px; }
  .supplement_detail_section .inner_area .detail_area h2 {
    font-size: 24px; }
  .supplement_detail_section .inner_area .detail_area h3 {
    font-size: 22px; }
  .supplement_detail_section .inner_area .detail_area h4 {
    font-size: 20px; }
  .supplement_detail_section .inner_area .detail_area h5 {
    font-size: 18px; }
  .supplement_detail_section .inner_area .detail_area h6, .supplement_detail_section .cart_section .inner_area .detail_area .listing_main .right_l .bill_main .top .dollar, .cart_section .supplement_detail_section .inner_area .detail_area .listing_main .right_l .bill_main .top .dollar, .supplement_detail_section .cart_section .inner_area .listing_main .right_l .bill_main .top .detail_area .dollar, .cart_section .supplement_detail_section .inner_area .listing_main .right_l .bill_main .top .detail_area .dollar {
    font-size: 16px; }
  .supplement_detail_section .inner_area .detail_area p {
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    margin-top: 15px;
    line-height: 22px; }
  .supplement_detail_section .inner_area .detail_area ul {
    margin-top: 15px; }
    .supplement_detail_section .inner_area .detail_area ul li {
      font-size: 14px;
      font-weight: 400;
      color: #ffffff;
      line-height: 22px;
      margin-bottom: 15px;
      padding-left: 25px;
      position: relative; }
      .supplement_detail_section .inner_area .detail_area ul li::before {
        content: "";
        height: 6px;
        width: 6px;
        border-radius: 50%;
        background-color: #ffffff;
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 10px;
        margin-top: 8px; }
      .supplement_detail_section .inner_area .detail_area ul li:last-child {
        margin-bottom: 0; }
  .supplement_detail_section .inner_area .detail_area ol {
    margin-top: 15px;
    padding-left: 25px; }
    .supplement_detail_section .inner_area .detail_area ol li {
      font-size: 14px;
      font-weight: 400;
      color: #ffffff;
      line-height: 22px;
      margin-bottom: 15px; }
      .supplement_detail_section .inner_area .detail_area ol li:last-child {
        margin-bottom: 0; }

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .supplement_detail_section {
    padding-bottom: 70px; } }

/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .supplement_detail_section {
    padding-bottom: 60px; } }

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .supplement_detail_section {
    padding-bottom: 40px; }
    .supplement_detail_section .inner_area .top_section .inner_content {
      padding-left: 0; }
    .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-wrapper .swiper-slide .item_slide .img_slide {
      height: 375px; }
    .supplement_detail_section .inner_area .top_section .slider_main .swiper.thumb_swiper .swiper-wrapper .swiper-slide .item_slide .img_slide {
      height: 95px; } }

/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .supplement_detail_section {
    padding-bottom: 40px; }
    .supplement_detail_section .inner_area .top_section .inner_content {
      padding-left: 0;
      margin-bottom: 25px; }
      .supplement_detail_section .inner_area .top_section .inner_content .category_main .company_name {
        font-size: 16px; }
      .supplement_detail_section .inner_area .top_section .inner_content h3 {
        font-size: 22px;
        margin-bottom: 20px; }
      .supplement_detail_section .inner_area .top_section .inner_content .dev_stock {
        margin-bottom: 20px; }
        .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li .icon {
          height: 22px;
          width: 22px; }
          .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li .icon i {
            font-size: 12px; }
      .supplement_detail_section .inner_area .top_section .inner_content .price_main {
        margin-bottom: 20px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .inner_price .price {
          font-size: 25px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .inner_price .off_price {
          font-size: 14px;
          top: -3px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .discount {
          font-size: 14px; }
      .supplement_detail_section .inner_area .top_section .inner_content .quantity {
        margin-bottom: 20px; }
      .supplement_detail_section .inner_area .top_section .inner_content .size_main {
        margin-bottom: 10px; }
        .supplement_detail_section .inner_area .top_section .inner_content .size_main .title_size {
          font-size: 14px; }
      .supplement_detail_section .inner_area .top_section .inner_content .btn_main {
        gap: 15px; }
    .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-wrapper .swiper-slide .item_slide .img_slide {
      height: 328px; }
    .supplement_detail_section .inner_area .top_section .slider_main .swiper.thumb_swiper .swiper-wrapper .swiper-slide .item_slide .img_slide {
      height: 80px; }
    .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-next, .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-prev {
      height: 40px;
      width: 40px; }
      .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-next::after, .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-prev::after {
        font-size: 13px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .supplement_detail_section {
    padding-bottom: 30px; }
    .supplement_detail_section .inner_area .top_section .inner_content {
      padding-left: 0;
      margin-bottom: 25px; }
      .supplement_detail_section .inner_area .top_section .inner_content .category_main .company_name {
        font-size: 16px; }
      .supplement_detail_section .inner_area .top_section .inner_content h3 {
        font-size: 22px;
        margin-bottom: 20px; }
      .supplement_detail_section .inner_area .top_section .inner_content .dev_stock {
        margin-bottom: 20px; }
        .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li .icon {
          height: 22px;
          width: 22px; }
          .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li .icon i {
            font-size: 12px; }
      .supplement_detail_section .inner_area .top_section .inner_content .price_main {
        margin-bottom: 20px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .inner_price .price {
          font-size: 25px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .inner_price .off_price {
          font-size: 14px;
          top: -3px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .discount {
          font-size: 14px; }
      .supplement_detail_section .inner_area .top_section .inner_content .quantity {
        margin-bottom: 20px; }
      .supplement_detail_section .inner_area .top_section .inner_content .size_main {
        margin-bottom: 10px; }
        .supplement_detail_section .inner_area .top_section .inner_content .size_main .title_size {
          font-size: 14px; }
      .supplement_detail_section .inner_area .top_section .inner_content .btn_main {
        gap: 15px; }
    .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-wrapper .swiper-slide .item_slide .img_slide {
      height: 285px;
      margin-bottom: 15px; }
    .supplement_detail_section .inner_area .top_section .slider_main .swiper.thumb_swiper .swiper-wrapper .swiper-slide .item_slide .img_slide {
      height: 80px; }
    .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-next, .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-prev {
      height: 40px;
      width: 40px; }
      .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-next::after, .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-prev::after {
        font-size: 13px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .supplement_detail_section {
    padding-bottom: 25px; }
    .supplement_detail_section .inner_area .top_section .inner_content {
      padding-left: 0;
      margin-bottom: 25px; }
      .supplement_detail_section .inner_area .top_section .inner_content .category_main .company_name {
        font-size: 16px; }
      .supplement_detail_section .inner_area .top_section .inner_content h3 {
        font-size: 20px;
        margin-bottom: 20px; }
      .supplement_detail_section .inner_area .top_section .inner_content .dev_stock {
        margin-bottom: 20px; }
        .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li .icon {
          height: 22px;
          width: 22px; }
          .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li .icon i {
            font-size: 12px; }
      .supplement_detail_section .inner_area .top_section .inner_content .price_main {
        margin-bottom: 20px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .inner_price .price {
          font-size: 22px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .inner_price .off_price {
          font-size: 14px;
          top: -3px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .discount {
          font-size: 14px; }
      .supplement_detail_section .inner_area .top_section .inner_content .quantity {
        margin-bottom: 20px; }
      .supplement_detail_section .inner_area .top_section .inner_content .size_main {
        margin-bottom: 10px; }
        .supplement_detail_section .inner_area .top_section .inner_content .size_main .title_size {
          font-size: 14px; }
      .supplement_detail_section .inner_area .top_section .inner_content .btn_main {
        gap: 15px; }
    .supplement_detail_section .inner_area .top_section .slider_main {
      margin-bottom: 20px; }
      .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-wrapper .swiper-slide .item_slide .img_slide {
        height: 320px;
        margin-bottom: 15px; }
      .supplement_detail_section .inner_area .top_section .slider_main .swiper.thumb_swiper .swiper-wrapper .swiper-slide .item_slide .img_slide {
        height: 80px; }
      .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-next, .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-prev {
        height: 40px;
        width: 40px; }
        .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-next::after, .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-prev::after {
          font-size: 13px; } }

/* Smaller phones */
@media (max-width: 360px) {
  .supplement_detail_section {
    padding-bottom: 25px; }
    .supplement_detail_section .inner_area .top_section .inner_content {
      padding-left: 0;
      margin-bottom: 25px; }
      .supplement_detail_section .inner_area .top_section .inner_content .category_main .company_name {
        font-size: 16px; }
      .supplement_detail_section .inner_area .top_section .inner_content h3 {
        font-size: 20px;
        margin-bottom: 20px; }
      .supplement_detail_section .inner_area .top_section .inner_content .dev_stock {
        margin-bottom: 20px; }
        .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li .icon {
          height: 22px;
          width: 22px; }
          .supplement_detail_section .inner_area .top_section .inner_content .dev_stock li .icon i {
            font-size: 12px; }
      .supplement_detail_section .inner_area .top_section .inner_content .price_main {
        margin-bottom: 20px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .inner_price .price {
          font-size: 22px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .inner_price .off_price {
          font-size: 14px;
          top: -3px; }
        .supplement_detail_section .inner_area .top_section .inner_content .price_main .discount {
          font-size: 14px; }
      .supplement_detail_section .inner_area .top_section .inner_content .quantity {
        margin-bottom: 20px; }
      .supplement_detail_section .inner_area .top_section .inner_content .size_main {
        margin-bottom: 10px; }
        .supplement_detail_section .inner_area .top_section .inner_content .size_main .title_size {
          font-size: 14px; }
      .supplement_detail_section .inner_area .top_section .inner_content .btn_main {
        gap: 15px; }
    .supplement_detail_section .inner_area .top_section .slider_main {
      margin-bottom: 20px; }
      .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-wrapper .swiper-slide .item_slide .img_slide {
        height: 320px;
        margin-bottom: 15px; }
      .supplement_detail_section .inner_area .top_section .slider_main .swiper.thumb_swiper .swiper-wrapper .swiper-slide .item_slide .img_slide {
        height: 80px; }
      .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-next, .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-prev {
        height: 40px;
        width: 40px; }
        .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-next::after, .supplement_detail_section .inner_area .top_section .slider_main .swiper .swiper-button-prev::after {
          font-size: 13px; } }

/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
@keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@-webkit-keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@keyframes smoothScroll {
  0% {
    transform: translateY(-100px); }
  100% {
    transform: translateY(0px); } }

.banner_demo_section .slider_area {
  position: relative; }
  .banner_demo_section .slider_area .demo_slider {
    position: relative; }
    .banner_demo_section .slider_area .demo_slider .item .inner_area {
      position: relative; }
      .banner_demo_section .slider_area .demo_slider .item .inner_area .slide_bg {
        position: absolute;
        inset: 0;
        z-index: -1;
        height: 100%;
        width: 100%; }
        .banner_demo_section .slider_area .demo_slider .item .inner_area .slide_bg img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .banner_demo_section .slider_area .demo_slider .item .inner_area .parent_area {
        position: relative;
        z-index: 999;
        min-height: 800px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 40px;
        padding-top: 15px; }
        .banner_demo_section .slider_area .demo_slider .item .inner_area .parent_area .title_area h3 {
          font-size: 72px;
          line-height: 82px;
          font-weight: 700;
          color: #ffffff;
          margin-bottom: 15px;
          text-align: center; }
          .banner_demo_section .slider_area .demo_slider .item .inner_area .parent_area .title_area h3 span {
            color: #DE383A; }
        .banner_demo_section .slider_area .demo_slider .item .inner_area .parent_area .title_area p {
          font-size: 20px;
          line-height: 26px;
          color: #ffffff;
          text-align: center;
          font-weight: 600;
          margin-bottom: 20px; }
        .banner_demo_section .slider_area .demo_slider .item .inner_area .parent_area .title_area .btn_area {
          display: flex;
          align-items: center;
          justify-content: center; }
          .banner_demo_section .slider_area .demo_slider .item .inner_area .parent_area .title_area .btn_area .btn_primary {
            display: inline-block; }
    .banner_demo_section .slider_area .demo_slider .owl-dots {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      position: absolute;
      bottom: 15px;
      left: 0;
      right: 0;
      width: 100%; }
      .banner_demo_section .slider_area .demo_slider .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        border: 1px solid #ffffff;
        border-radius: 50%;
        display: block; }
      .banner_demo_section .slider_area .demo_slider .owl-dots .owl-dot.active span {
        background-color: #DE383A; }
  .banner_demo_section .slider_area .next-prev {
    width: 50px;
    height: 50px;
    color: #ffffff;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999999;
    font-size: 20px;
    border-radius: 50%;
    border: 1px solid #DE383A;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .banner_demo_section .slider_area .next-prev:hover {
      background-color: #DE383A; }
    .banner_demo_section .slider_area .next-prev.demo-next {
      right: 20px; }
    .banner_demo_section .slider_area .next-prev.demo-prev {
      left: 20px; }

.all_about_section {
  margin-bottom: 90px;
  overflow-x: clip; }
  .all_about_section .parent_area {
    display: flex; }
    .all_about_section .parent_area .left {
      width: 50%;
      position: relative;
      padding-block: 90px;
      background-color: #DE383A; }
      .all_about_section .parent_area .left h3 {
        color: #ffffff;
        font-weight: 400;
        font-size: 55px;
        line-height: 60px;
        position: absolute;
        top: 50%;
        width: 270px;
        text-align: right;
        transform: translateY(-50%);
        right: 100px; }
        .all_about_section .parent_area .left h3 span {
          font-weight: 800; }
      .all_about_section .parent_area .left .img_area {
        height: 429px; }
        .all_about_section .parent_area .left .img_area img {
          width: 100%;
          height: 100%;
          object-fit: contain; }
      .all_about_section .parent_area .left::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        width: 200%;
        height: 100%;
        background-color: #DE383A; }
      .all_about_section .parent_area .left::after {
        content: "";
        width: 25px;
        height: 25px;
        display: block;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        background-color: #DE383A;
        right: -10px;
        position: absolute; }
    .all_about_section .parent_area .right {
      background-color: #202020;
      width: calc(100% - 50%);
      padding-block: 90px;
      position: relative;
      padding-left: 40px; }
      .all_about_section .parent_area .right::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: #202020;
        width: 200%;
        height: 100%;
        z-index: -1; }
      .all_about_section .parent_area .right .listing ul li {
        display: flex;
        align-items: flex-start;
        gap: 15px;
        margin-bottom: 25px; }
        .all_about_section .parent_area .right .listing ul li .left_side {
          flex-shrink: 0;
          width: 40px; }
          .all_about_section .parent_area .right .listing ul li .left_side .icon {
            color: #DE383A;
            font-size: 36px;
            height: 46px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .all_about_section .parent_area .right .listing ul li .right_side {
          flex-grow: 1; }
          .all_about_section .parent_area .right .listing ul li .right_side h3 {
            font-size: 22px;
            line-height: 24px;
            font-weight: 600;
            color: #ffffff;
            margin-bottom: 15px; }
          .all_about_section .parent_area .right .listing ul li .right_side p {
            font-size: 16px;
            line-height: 24px;
            font-weight: 400;
            color: #ffffff; }
        .all_about_section .parent_area .right .listing ul li:last-child {
          margin-bottom: 0; }

.sign_up_section {
  padding-top: 90px;
  margin-bottom: 90px;
  background-color: #202020; }
  .sign_up_section .parent_area .left .img_area {
    height: 520px; }
    .sign_up_section .parent_area .left .img_area img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .sign_up_section .parent_area .right {
    align-content: flex-end;
    height: 100%;
    padding-bottom: 50px; }
    .sign_up_section .parent_area .right .content h3 {
      font-size: 80px;
      font-weight: 800;
      line-height: 84px;
      color: #ffffff; }
      .sign_up_section .parent_area .right .content h3 span {
        color: #DE383A; }
    .sign_up_section .parent_area .right .content p {
      color: #707173;
      font-size: 50px;
      line-height: 50px;
      font-weight: 400;
      letter-spacing: 40px;
      margin-bottom: 25px; }

.testimonial_section {
  margin-bottom: 90px; }
  .testimonial_section .parent_area .title_area h3 {
    font-size: 28px;
    margin-bottom: 60px;
    font-weight: 600;
    color: #ffffff;
    line-height: 30px; }
  .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area {
    display: flex;
    gap: 25px;
    padding-right: 25px;
    position: relative; }
    .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area .left {
      flex-shrink: 0;
      width: 110px; }
      .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area .left .img_area {
        height: 110px;
        overflow: hidden;
        border-radius: 50%; }
        .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area .left .img_area img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area .left .img_area:hover img {
          -webkit-transform: scale(1.05);
          -moz-transform: scale(1.05);
          -ms-transform: scale(1.05);
          -o-transform: scale(1.05);
          transform: scale(1.05); }
    .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area .right {
      width: calc(100% - 25px - 120px);
      flex-grow: 1; }
      .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area .right h4 {
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 22px;
        color: #ffffff;
        font-weight: 500;
        padding-bottom: 25px;
        position: relative;
        width: fit-content; }
        .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area .right h4::after {
          position: absolute;
          width: 30%;
          height: 2px;
          background-color: #DE383A;
          content: "";
          bottom: 0;
          left: 0; }
      .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area .right p {
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
        color: #ffffff; }
    .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area .icon {
      position: absolute;
      color: #FFFFFFCC;
      top: 0;
      right: 0;
      font-size: 20px; }
  .testimonial_section .parent_area .slider_area .testi_slider .owl-dots {
    margin-top: 25px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center; }
    .testimonial_section .parent_area .slider_area .testi_slider .owl-dots .owl-dot span {
      background-color: #FFFFFFCC;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      display: block; }
    .testimonial_section .parent_area .slider_area .testi_slider .owl-dots .owl-dot.active span {
      background-color: #DE383A; }

.expert_section {
  margin-bottom: 90px; }
  .expert_section .parent_area .title_area {
    margin-bottom: 60px; }
    .expert_section .parent_area .title_area h3 {
      position: relative;
      width: fit-content;
      color: #ffffff;
      font-size: 28px;
      line-height: 30px;
      font-weight: 600;
      padding-bottom: 15px;
      margin-inline: auto;
      margin-bottom: 25px; }
      .expert_section .parent_area .title_area h3::after {
        position: absolute;
        width: 30%;
        height: 2px;
        background-color: #DE383A;
        content: "";
        bottom: 0;
        left: 50%;
        transform: translateX(-50%); }
    .expert_section .parent_area .title_area p {
      font-size: 16px;
      font-weight: 400;
      line-height: 22px;
      color: #F0F0F0;
      text-align: center; }
  .expert_section .parent_area .slider_area .expert_slider .item .inner_area .img_area {
    width: 300px;
    height: 300px;
    margin-bottom: 15px;
    border-radius: 50%;
    overflow: hidden;
    margin-inline: auto; }
    .expert_section .parent_area .slider_area .expert_slider .item .inner_area .img_area img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .expert_section .parent_area .slider_area .expert_slider .item .inner_area .img_area:hover img {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2); }
  .expert_section .parent_area .slider_area .expert_slider .item .inner_area h3 {
    font-size: 18px;
    color: #ffffff;
    line-height: 24px;
    margin-bottom: 15px;
    font-weight: 600;
    text-align: center; }
  .expert_section .parent_area .slider_area .expert_slider .item .inner_area p {
    text-align: center;
    font-weight: 400;
    line-height: 20px;
    font-size: 16px;
    color: #FFFFFFCC; }
  .expert_section .parent_area .slider_area .expert_slider .owl-dots {
    margin-top: 25px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center; }
    .expert_section .parent_area .slider_area .expert_slider .owl-dots .owl-dot span {
      background-color: #FFFFFFCC;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      display: block; }
    .expert_section .parent_area .slider_area .expert_slider .owl-dots .owl-dot.active span {
      background-color: #DE383A; }

.bmi_section {
  padding-block: 90px;
  margin-bottom: 90px;
  background-image: url("../images/bmi.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative; }
  .bmi_section::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: #1b1b1b85; }
  .bmi_section .parent_area {
    position: relative;
    z-index: 1; }
    .bmi_section .parent_area .left .title_area {
      margin-bottom: 25px; }
      .bmi_section .parent_area .left .title_area h3 {
        font-size: 30px;
        font-weight: 700;
        line-height: 32px;
        margin-bottom: 15px;
        color: #ffffff; }
      .bmi_section .parent_area .left .title_area p {
        color: #FFFFFFCC;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px; }
    .bmi_section .parent_area .left .form_area .form_group_area {
      display: flex;
      align-items: center;
      gap: 15px;
      margin-bottom: 25px; }
      .bmi_section .parent_area .left .form_area .form_group_area .form-check .form-check-input:checked {
        border-color: #DE383A;
        background-color: #DE383A; }
      .bmi_section .parent_area .left .form_area .form_group_area .form-check .form-check-input:focus {
        box-shadow: 0 0 0 0.25rem #de383a42; }
      .bmi_section .parent_area .left .form_area .form_group_area .form-check .form-check-label {
        font-size: 16px;
        line-height: 20px;
        color: #ffffff;
        font-weight: 400; }
    .bmi_section .parent_area .left .form_area .fields_area {
      display: flex;
      align-items: center;
      gap: 15px;
      margin-bottom: 25px; }
      .bmi_section .parent_area .left .form_area .fields_area .form-group {
        margin-bottom: 0; }
        .bmi_section .parent_area .left .form_area .fields_area .form-group .form-control {
          border: 1px solid #737373;
          outline: none;
          padding: 10px 20px;
          border-radius: 50px; }
    .bmi_section .parent_area .right .table-responsive .table thead tr th {
      font-size: 18px;
      font-weight: 600;
      line-height: 20px;
      text-align: center;
      color: #ffffff;
      padding: 15px 30px;
      background-color: #DE383A; }
    .bmi_section .parent_area .right .table-responsive .table tbody tr td {
      font-size: 18px;
      font-weight: 400;
      line-height: 20px;
      text-align: center;
      color: #ffffff;
      padding: 15px 30px;
      background-color: #202020; }

.gallery_section.gallery_main_section {
  padding: 50px 0; }

.gallery_section .parent_area .title_area {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
  flex-wrap: wrap; }
  .gallery_section .parent_area .title_area h3 {
    flex-grow: 1;
    color: #ffffff;
    font-size: 26px;
    font-weight: 700;
    line-height: 30px; }
  .gallery_section .parent_area .title_area nav {
    flex-shrink: 0; }
    .gallery_section .parent_area .title_area nav .nav {
      display: flex;
      gap: 10px;
      align-items: center;
      border: none;
      flex-wrap: wrap; }
      .gallery_section .parent_area .title_area nav .nav .nav-link {
        border: 1px solid #DE383A;
        border-radius: 50px;
        color: #ffffff;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 500;
        line-height: 22px;
        padding-inline: 30px;
        padding-block: 10px; }
        .gallery_section .parent_area .title_area nav .nav .nav-link:hover {
          background-color: #DE383A; }
        .gallery_section .parent_area .title_area nav .nav .nav-link.active {
          background-color: #DE383A; }

.gallery_section .parent_area .gallery_area .tab-content {
  margin-bottom: 15px; }
  .gallery_section .parent_area .gallery_area .tab-content .tab-pane ul {
    display: flex;
    gap: 8px;
    flex-wrap: wrap; }
    .gallery_section .parent_area .gallery_area .tab-content .tab-pane ul li {
      flex-shrink: 0;
      width: calc((100% - 16px) / 3); }
      .gallery_section .parent_area .gallery_area .tab-content .tab-pane ul li .img_area {
        height: 290px;
        overflow: hidden; }
        .gallery_section .parent_area .gallery_area .tab-content .tab-pane ul li .img_area img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        .gallery_section .parent_area .gallery_area .tab-content .tab-pane ul li .img_area:hover img {
          -webkit-transform: scale(1.2);
          -moz-transform: scale(1.2);
          -ms-transform: scale(1.2);
          -o-transform: scale(1.2);
          transform: scale(1.2); }

.gallery_section .parent_area .gallery_area .view_all {
  text-align: right;
  color: #DE383A;
  font-weight: 600;
  line-height: 20px;
  font-size: 18px;
  display: block; }

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .banner_demo_section .slider_area .demo_slider .item .inner_area .parent_area {
    min-height: 680px; }
    .banner_demo_section .slider_area .demo_slider .item .inner_area .parent_area .title_area h3 {
      font-size: 62px;
      line-height: 72px; }
  .all_about_section {
    margin-bottom: 70px; }
    .all_about_section .parent_area .left {
      padding-block: 70px; }
      .all_about_section .parent_area .left h3 {
        font-size: 47px;
        line-height: 54px;
        right: 50px; }
    .all_about_section .parent_area .right {
      padding-block: 70px; }
  .sign_up_section {
    padding-top: 70px;
    margin-bottom: 70px; }
    .sign_up_section .parent_area .left .img_area {
      height: 455px; }
    .sign_up_section .parent_area .right .content h3 {
      font-size: 70px;
      line-height: 74px; }
    .sign_up_section .parent_area .right .content p {
      font-size: 40px;
      line-height: 45px;
      letter-spacing: 38px; }
  .testimonial_section {
    margin-bottom: 70px; }
  .expert_section {
    margin-bottom: 70px; }
    .expert_section .parent_area .title_area {
      margin-bottom: 40px; }
    .expert_section .parent_area .slider_area .expert_slider .item .inner_area .img_area {
      width: 250px;
      height: 250px; }
  .bmi_section {
    margin-bottom: 70px;
    padding-block: 70px; } }

/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .banner_demo_section .slider_area .demo_slider .item .inner_area .parent_area {
    min-height: 680px; }
    .banner_demo_section .slider_area .demo_slider .item .inner_area .parent_area .title_area h3 {
      font-size: 62px;
      line-height: 72px; }
  .all_about_section {
    margin-bottom: 70px; }
    .all_about_section .parent_area .left {
      padding-block: 70px; }
      .all_about_section .parent_area .left h3 {
        font-size: 47px;
        line-height: 54px;
        right: 50px; }
    .all_about_section .parent_area .right {
      padding-block: 70px; }
  .sign_up_section {
    padding-top: 70px;
    margin-bottom: 70px; }
    .sign_up_section .parent_area .left .img_area {
      height: 455px; }
    .sign_up_section .parent_area .right .content h3 {
      font-size: 70px;
      line-height: 74px; }
    .sign_up_section .parent_area .right .content p {
      font-size: 40px;
      line-height: 45px;
      letter-spacing: 38px; }
  .testimonial_section {
    margin-bottom: 70px; }
  .expert_section {
    margin-bottom: 70px; }
    .expert_section .parent_area .title_area {
      margin-bottom: 40px; }
    .expert_section .parent_area .slider_area .expert_slider .item .inner_area .img_area {
      width: 250px;
      height: 250px; }
  .bmi_section {
    margin-bottom: 70px;
    padding-block: 70px; } }

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .banner_demo_section .slider_area .demo_slider .item .inner_area .parent_area {
    min-height: 515px;
    padding-inline: 50px; }
    .banner_demo_section .slider_area .demo_slider .item .inner_area .parent_area .title_area h3 {
      font-size: 52px;
      line-height: 62px; }
  .banner_demo_section .slider_area .next-prev {
    width: 40px;
    height: 40px;
    font-size: 16px; }
  .all_about_section {
    margin-bottom: 50px; }
    .all_about_section .parent_area .left {
      padding-block: 50px; }
      .all_about_section .parent_area .left h3 {
        font-size: 42px;
        line-height: 47px;
        right: 60px; }
      .all_about_section .parent_area .left .img_area {
        height: 320px;
        position: relative;
        top: 50%;
        transform: translateY(-50%); }
    .all_about_section .parent_area .right {
      padding-block: 50px;
      padding-left: 30px; }
      .all_about_section .parent_area .right .listing ul li .left_side .icon {
        font-size: 30px;
        height: 40px; }
      .all_about_section .parent_area .right .listing ul li .right_side h3 {
        font-size: 20px;
        line-height: 22px; }
  .sign_up_section {
    padding-top: 50px;
    margin-bottom: 50px; }
    .sign_up_section .parent_area .left .img_area {
      height: 395px; }
    .sign_up_section .parent_area .right .content {
      padding-bottom: 40px; }
      .sign_up_section .parent_area .right .content h3 {
        font-size: 60px;
        line-height: 64px; }
      .sign_up_section .parent_area .right .content p {
        font-size: 30px;
        line-height: 35px;
        letter-spacing: 35px; }
  .testimonial_section {
    margin-bottom: 50px; }
    .testimonial_section .parent_area .title_area h3 {
      font-size: 24px;
      margin-bottom: 40px; }
  .expert_section {
    margin-bottom: 50px; }
    .expert_section .parent_area .title_area {
      margin-bottom: 40px; }
      .expert_section .parent_area .title_area h3 {
        font-size: 24px;
        line-height: 26px; }
    .expert_section .parent_area .slider_area .expert_slider .item .inner_area .img_area {
      width: 220px;
      height: 220px; }
  .bmi_section {
    margin-bottom: 50px;
    padding-block: 50px; }
    .bmi_section .parent_area .left .title_area h3 {
      font-size: 26px;
      line-height: 28px; }
    .bmi_section .parent_area .left .form_area .form_group_area {
      margin-bottom: 15px; }
    .bmi_section .parent_area .left .form_area .fields_area {
      margin-bottom: 15px; }
    .bmi_section .parent_area .right .table-responsive .table thead tr th,
    .bmi_section .parent_area .right .table-responsive .table thead tr td,
    .bmi_section .parent_area .right .table-responsive .table tbody tr th,
    .bmi_section .parent_area .right .table-responsive .table tbody tr td {
      font-size: 16px;
      line-height: 18px; }
  .gallery_section.gallery_main_section {
    padding: 30px 0; }
  .gallery_section .parent_area .title_area nav .nav .nav-link {
    font-size: 14px;
    line-height: 20px; }
  .gallery_section .parent_area .gallery_area .tab-content .tab-pane ul li .img_area {
    height: 210px; } }

/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .banner_demo_section .slider_area .demo_slider .item .inner_area .parent_area {
    min-height: 385px;
    padding-inline: 50px; }
    .banner_demo_section .slider_area .demo_slider .item .inner_area .parent_area .title_area h3 {
      font-size: 35px;
      line-height: 40px; }
    .banner_demo_section .slider_area .demo_slider .item .inner_area .parent_area .title_area p {
      font-size: 18px;
      line-height: 20px;
      margin-bottom: 15px; }
  .banner_demo_section .slider_area .next-prev {
    width: 40px;
    height: 40px;
    font-size: 16px; }
  .all_about_section {
    margin-bottom: 40px; }
    .all_about_section .parent_area {
      flex-wrap: wrap; }
      .all_about_section .parent_area .left {
        width: 100%;
        padding-block: 40px; }
        .all_about_section .parent_area .left h3 {
          font-size: 42px;
          line-height: 47px;
          right: 60px; }
        .all_about_section .parent_area .left .img_area {
          height: 320px;
          position: relative;
          top: 50%;
          transform: translateY(-50%); }
        .all_about_section .parent_area .left::before {
          display: none; }
        .all_about_section .parent_area .left::after {
          bottom: -10px;
          right: unset;
          left: 50%;
          transform: translateX(-50%) rotate(45deg);
          top: unset;
          z-index: 999; }
      .all_about_section .parent_area .right {
        width: 100%;
        padding-block: 40px;
        padding-left: 30px; }
        .all_about_section .parent_area .right::before {
          display: none; }
        .all_about_section .parent_area .right .listing ul li .left_side .icon {
          font-size: 30px;
          height: 40px; }
        .all_about_section .parent_area .right .listing ul li .right_side h3 {
          font-size: 20px;
          line-height: 22px; }
  .sign_up_section {
    padding-top: 40px;
    margin-bottom: 40px; }
    .sign_up_section .parent_area > .row {
      flex-direction: column-reverse; }
    .sign_up_section .parent_area .left .img_area {
      width: 50%;
      margin-inline: auto;
      height: 300px; }
    .sign_up_section .parent_area .right {
      padding-bottom: 0;
      display: flex;
      align-items: center;
      gap: 15px; }
      .sign_up_section .parent_area .right .content {
        flex-grow: 1; }
        .sign_up_section .parent_area .right .content h3 {
          font-size: 45px;
          line-height: 50px; }
        .sign_up_section .parent_area .right .content p {
          font-size: 25px;
          line-height: 30px;
          letter-spacing: 28px;
          margin-bottom: 0; }
      .sign_up_section .parent_area .right .btn_area {
        flex-shrink: 0; }
  .testimonial_section {
    margin-bottom: 40px; }
    .testimonial_section .parent_area .title_area h3 {
      font-size: 24px;
      margin-bottom: 40px; }
    .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area .left {
      width: 90px; }
      .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area .left .img_area {
        height: 90px; }
  .expert_section {
    margin-bottom: 40px; }
    .expert_section .parent_area .title_area {
      margin-bottom: 40px; }
      .expert_section .parent_area .title_area h3 {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 15px; }
    .expert_section .parent_area .slider_area .expert_slider .item .inner_area .img_area {
      width: 200px;
      height: 200px; }
  .bmi_section {
    margin-bottom: 40px;
    padding-block: 40px; }
    .bmi_section .parent_area .left .title_area h3 {
      font-size: 22px;
      line-height: 24px; }
    .bmi_section .parent_area .left .form_area .form_group_area {
      margin-bottom: 15px; }
    .bmi_section .parent_area .left .form_area .fields_area {
      margin-bottom: 15px; }
    .bmi_section .parent_area .right .table-responsive .table thead tr th,
    .bmi_section .parent_area .right .table-responsive .table thead tr td,
    .bmi_section .parent_area .right .table-responsive .table tbody tr th,
    .bmi_section .parent_area .right .table-responsive .table tbody tr td {
      font-size: 16px;
      line-height: 18px; }
  .gallery_section.gallery_main_section {
    padding: 30px 0; }
    .gallery_section.gallery_main_section .parent_area .title_area nav .nav .nav-link {
      font-size: 12px;
      line-height: 15px;
      padding-inline: 20px;
      padding-block: 8px; }
  .gallery_section .parent_area .title_area h3 {
    font-size: 22px;
    line-height: 26px; }
  .gallery_section .parent_area .title_area nav .nav .nav-link {
    font-size: 14px;
    line-height: 20px; }
  .gallery_section .parent_area .gallery_area .tab-content .tab-pane ul li .img_area {
    height: 210px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .banner_demo_section .slider_area .demo_slider .item .inner_area .parent_area {
    min-height: 290px;
    padding-inline: 50px; }
    .banner_demo_section .slider_area .demo_slider .item .inner_area .parent_area .title_area h3 {
      font-size: 30px;
      line-height: 32px; }
    .banner_demo_section .slider_area .demo_slider .item .inner_area .parent_area .title_area p {
      font-size: 16px;
      line-height: 20px;
      margin-bottom: 15px; }
  .banner_demo_section .slider_area .next-prev {
    width: 30px;
    height: 30px;
    font-size: 14px; }
  .all_about_section {
    margin-bottom: 30px; }
    .all_about_section .parent_area {
      flex-wrap: wrap; }
      .all_about_section .parent_area .left {
        width: 100%;
        padding-block: 30px; }
        .all_about_section .parent_area .left h3 {
          font-size: 28px;
          line-height: 34px;
          position: static;
          text-align: center;
          transform: unset;
          width: 100%; }
        .all_about_section .parent_area .left .img_area {
          height: 220px;
          display: none;
          position: relative;
          top: 50%;
          transform: translateY(-50%); }
        .all_about_section .parent_area .left::before {
          display: none; }
        .all_about_section .parent_area .left::after {
          bottom: -10px;
          right: unset;
          left: 50%;
          transform: translateX(-50%) rotate(45deg);
          top: unset;
          z-index: 999; }
      .all_about_section .parent_area .right {
        width: 100%;
        padding-block: 30px;
        padding-inline: 15px; }
        .all_about_section .parent_area .right::before {
          display: none; }
        .all_about_section .parent_area .right .listing ul li {
          margin-bottom: 15px; }
          .all_about_section .parent_area .right .listing ul li .left_side .icon {
            font-size: 30px;
            height: 40px; }
          .all_about_section .parent_area .right .listing ul li .right_side h3 {
            font-size: 18px;
            line-height: 20px;
            margin-bottom: 10px; }
          .all_about_section .parent_area .right .listing ul li .right_side p {
            font-size: 14px;
            line-height: 20px; }
  .sign_up_section {
    padding-top: 30px;
    margin-bottom: 30px; }
    .sign_up_section .parent_area > .row {
      flex-direction: column-reverse; }
    .sign_up_section .parent_area .left .img_area {
      width: 40%;
      margin-inline: auto;
      height: 210px; }
    .sign_up_section .parent_area .right {
      padding-bottom: 0;
      display: flex;
      align-items: center;
      gap: 15px; }
      .sign_up_section .parent_area .right .content {
        flex-grow: 1; }
        .sign_up_section .parent_area .right .content h3 {
          font-size: 35px;
          line-height: 37px; }
        .sign_up_section .parent_area .right .content p {
          font-size: 20px;
          line-height: 22px;
          letter-spacing: 24px;
          margin-bottom: 0; }
      .sign_up_section .parent_area .right .btn_area {
        flex-shrink: 0; }
  .testimonial_section {
    margin-bottom: 30px; }
    .testimonial_section .parent_area .title_area h3 {
      font-size: 20px;
      margin-bottom: 30px;
      line-height: 24px; }
    .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area .left {
      width: 90px; }
      .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area .left .img_area {
        height: 90px; }
    .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area .right h4 {
      padding-bottom: 15px;
      line-height: 20px;
      font-size: 18px; }
    .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area .right p {
      font-size: 16px; }
  .expert_section {
    margin-bottom: 40px; }
    .expert_section .parent_area .title_area {
      margin-bottom: 30px; }
      .expert_section .parent_area .title_area h3 {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 15px; }
      .expert_section .parent_area .title_area p {
        font-size: 14px;
        line-height: 20px; }
    .expert_section .parent_area .slider_area .expert_slider .item .inner_area .img_area {
      width: 180px;
      height: 180px; }
    .expert_section .parent_area .slider_area .expert_slider .item .inner_area h3 {
      font-size: 16px;
      line-height: 18px;
      margin-bottom: 10px; }
    .expert_section .parent_area .slider_area .expert_slider .item .inner_area p {
      font-size: 14px;
      line-height: 20px; }
  .bmi_section {
    margin-bottom: 30px;
    padding-block: 30px; }
    .bmi_section .parent_area .left .title_area h3 {
      font-size: 18px;
      line-height: 20px; }
    .bmi_section .parent_area .left .title_area p {
      font-size: 14px; }
    .bmi_section .parent_area .left .form_area .form_group_area {
      margin-bottom: 15px; }
    .bmi_section .parent_area .left .form_area .fields_area {
      margin-bottom: 15px; }
    .bmi_section .parent_area .right .table-responsive .table thead tr th,
    .bmi_section .parent_area .right .table-responsive .table thead tr td,
    .bmi_section .parent_area .right .table-responsive .table tbody tr th,
    .bmi_section .parent_area .right .table-responsive .table tbody tr td {
      font-size: 14px;
      line-height: 16px; }
  .gallery_section.gallery_main_section {
    padding: 30px 0; }
    .gallery_section.gallery_main_section .parent_area .title_area nav .nav .nav-link {
      font-size: 12px;
      line-height: 15px;
      padding-inline: 20px;
      padding-block: 8px; }
  .gallery_section .parent_area .title_area h3 {
    font-size: 18px;
    line-height: 20px; }
  .gallery_section .parent_area .title_area nav .nav .nav-link {
    font-size: 14px;
    line-height: 20px; }
  .gallery_section .parent_area .gallery_area .tab-content .tab-pane ul li .img_area {
    height: 150px; }
  .gallery_section .parent_area .gallery_area .view_all {
    font-size: 14px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .banner_demo_section .slider_area .demo_slider .item .inner_area .parent_area {
    min-height: 290px; }
    .banner_demo_section .slider_area .demo_slider .item .inner_area .parent_area .title_area h3 {
      font-size: 22px;
      line-height: 24px;
      margin-bottom: 12px; }
    .banner_demo_section .slider_area .demo_slider .item .inner_area .parent_area .title_area p {
      font-size: 14px;
      line-height: 18px;
      margin-bottom: 12px; }
  .banner_demo_section .slider_area .next-prev {
    width: 30px;
    height: 30px;
    font-size: 14px;
    top: unset;
    transform: unset;
    bottom: 5px; }
    .banner_demo_section .slider_area .next-prev.demo-next {
      right: 10px; }
    .banner_demo_section .slider_area .next-prev.demo-prev {
      left: unset;
      right: 50px; }
  .all_about_section {
    margin-bottom: 25px; }
    .all_about_section .parent_area {
      flex-wrap: wrap; }
      .all_about_section .parent_area .left {
        width: 100%;
        padding-block: 25px; }
        .all_about_section .parent_area .left h3 {
          font-size: 22px;
          line-height: 26px;
          position: static;
          text-align: center;
          transform: unset;
          width: 100%; }
        .all_about_section .parent_area .left .img_area {
          height: 220px;
          display: none;
          position: relative;
          top: 50%;
          transform: translateY(-50%); }
        .all_about_section .parent_area .left::before {
          display: none; }
        .all_about_section .parent_area .left::after {
          bottom: -5px;
          right: unset;
          left: 50%;
          transform: translateX(-50%) rotate(45deg);
          top: unset;
          width: 15px;
          height: 15px;
          z-index: 999; }
      .all_about_section .parent_area .right {
        width: 100%;
        padding-block: 25px;
        padding-inline: 15px; }
        .all_about_section .parent_area .right::before {
          display: none; }
        .all_about_section .parent_area .right .listing ul li {
          margin-bottom: 15px; }
          .all_about_section .parent_area .right .listing ul li .left_side {
            width: 20px; }
            .all_about_section .parent_area .right .listing ul li .left_side .icon {
              font-size: 20px;
              height: 30px; }
          .all_about_section .parent_area .right .listing ul li .right_side h3 {
            font-size: 16px;
            line-height: 18px;
            margin-bottom: 10px; }
          .all_about_section .parent_area .right .listing ul li .right_side p {
            font-size: 14px;
            line-height: 20px; }
  .sign_up_section {
    padding-top: 25px;
    margin-bottom: 25px; }
    .sign_up_section .parent_area > .row {
      flex-direction: column-reverse; }
    .sign_up_section .parent_area .left .img_area {
      width: 70%;
      margin-inline: auto;
      height: 200px; }
    .sign_up_section .parent_area .right {
      padding-bottom: 0;
      display: flex;
      align-items: center;
      gap: 15px; }
      .sign_up_section .parent_area .right .content {
        flex-grow: 1; }
        .sign_up_section .parent_area .right .content h3 {
          font-size: 25px;
          line-height: 28px; }
        .sign_up_section .parent_area .right .content p {
          font-size: 16px;
          line-height: 18px;
          letter-spacing: 10px;
          margin-bottom: 0; }
      .sign_up_section .parent_area .right .btn_area {
        flex-shrink: 0; }
  .testimonial_section {
    margin-bottom: 25px; }
    .testimonial_section .parent_area .title_area h3 {
      font-size: 16px;
      margin-bottom: 20px;
      line-height: 20px; }
    .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area {
      flex-direction: column;
      align-items: center;
      padding: 0;
      gap: 15px; }
      .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area .left {
        width: 100%; }
        .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area .left .img_area {
          width: 90px;
          height: 90px;
          margin-inline: auto; }
      .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area .right {
        width: 100%; }
        .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area .right h4 {
          padding-bottom: 15px;
          line-height: 18px;
          font-size: 16px; }
        .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area .right p {
          font-size: 14px;
          line-height: 20px; }
    .testimonial_section .parent_area .slider_area .testi_slider .owl-dots {
      margin-top: 15px; }
  .expert_section {
    margin-bottom: 30px; }
    .expert_section .parent_area .title_area {
      margin-bottom: 20px; }
      .expert_section .parent_area .title_area h3 {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 12px; }
      .expert_section .parent_area .title_area p {
        font-size: 14px;
        line-height: 20px; }
    .expert_section .parent_area .slider_area .expert_slider .item .inner_area .img_area {
      width: 150px;
      height: 150px; }
    .expert_section .parent_area .slider_area .expert_slider .item .inner_area h3 {
      font-size: 16px;
      line-height: 18px;
      margin-bottom: 10px; }
    .expert_section .parent_area .slider_area .expert_slider .item .inner_area p {
      font-size: 14px;
      line-height: 20px; }
  .bmi_section {
    margin-bottom: 25px;
    padding-block: 25px; }
    .bmi_section .parent_area .left .title_area h3 {
      font-size: 16px;
      line-height: 18px; }
    .bmi_section .parent_area .left .title_area p {
      font-size: 14px; }
    .bmi_section .parent_area .left .form_area .form_group_area {
      margin-bottom: 15px; }
    .bmi_section .parent_area .left .form_area .fields_area {
      margin-bottom: 15px; }
    .bmi_section .parent_area .right .table-responsive .table thead tr th,
    .bmi_section .parent_area .right .table-responsive .table thead tr td,
    .bmi_section .parent_area .right .table-responsive .table tbody tr th,
    .bmi_section .parent_area .right .table-responsive .table tbody tr td {
      font-size: 14px;
      line-height: 16px; }
  .gallery_section.gallery_main_section {
    padding: 30px 0; }
    .gallery_section.gallery_main_section .parent_area .title_area nav .nav .nav-link {
      font-size: 12px;
      line-height: 15px;
      padding-inline: 20px;
      padding-block: 8px; }
  .gallery_section .parent_area .title_area {
    margin-bottom: 15px; }
    .gallery_section .parent_area .title_area h3 {
      font-size: 16px;
      line-height: 18px; }
    .gallery_section .parent_area .title_area nav {
      flex-shrink: unset; }
      .gallery_section .parent_area .title_area nav .nav .nav-link {
        font-size: 14px;
        line-height: 20px;
        padding-inline: 28px;
        padding-block: 8px; }
  .gallery_section .parent_area .gallery_area .tab-content .tab-pane ul li {
    width: calc((100% - 8px) / 2); }
    .gallery_section .parent_area .gallery_area .tab-content .tab-pane ul li .img_area {
      height: 160px; }
  .gallery_section .parent_area .gallery_area .view_all {
    font-size: 14px; } }

/* Smaller phones */
@media (max-width: 360px) {
  .banner_demo_section .slider_area .demo_slider .item .inner_area .parent_area {
    min-height: 290px; }
    .banner_demo_section .slider_area .demo_slider .item .inner_area .parent_area .title_area h3 {
      font-size: 22px;
      line-height: 24px;
      margin-bottom: 12px; }
    .banner_demo_section .slider_area .demo_slider .item .inner_area .parent_area .title_area p {
      font-size: 14px;
      line-height: 18px;
      margin-bottom: 12px; }
  .banner_demo_section .slider_area .next-prev {
    width: 30px;
    height: 30px;
    font-size: 14px;
    top: unset;
    transform: unset;
    bottom: 5px; }
    .banner_demo_section .slider_area .next-prev.demo-next {
      right: 10px; }
    .banner_demo_section .slider_area .next-prev.demo-prev {
      left: unset;
      right: 50px; }
  .all_about_section {
    margin-bottom: 25px; }
    .all_about_section .parent_area {
      flex-wrap: wrap; }
      .all_about_section .parent_area .left {
        width: 100%;
        padding-block: 25px; }
        .all_about_section .parent_area .left h3 {
          font-size: 22px;
          line-height: 26px;
          position: static;
          text-align: center;
          transform: unset;
          width: 100%; }
        .all_about_section .parent_area .left .img_area {
          height: 220px;
          display: none;
          position: relative;
          top: 50%;
          transform: translateY(-50%); }
        .all_about_section .parent_area .left::before {
          display: none; }
        .all_about_section .parent_area .left::after {
          bottom: -5px;
          right: unset;
          left: 50%;
          transform: translateX(-50%) rotate(45deg);
          top: unset;
          width: 15px;
          height: 15px;
          z-index: 999; }
      .all_about_section .parent_area .right {
        width: 100%;
        padding-block: 25px;
        padding-inline: 15px; }
        .all_about_section .parent_area .right::before {
          display: none; }
        .all_about_section .parent_area .right .listing ul li {
          margin-bottom: 15px; }
          .all_about_section .parent_area .right .listing ul li .left_side {
            width: 20px; }
            .all_about_section .parent_area .right .listing ul li .left_side .icon {
              font-size: 20px;
              height: 30px; }
          .all_about_section .parent_area .right .listing ul li .right_side h3 {
            font-size: 16px;
            line-height: 18px;
            margin-bottom: 10px; }
          .all_about_section .parent_area .right .listing ul li .right_side p {
            font-size: 14px;
            line-height: 20px; }
  .sign_up_section {
    padding-top: 25px;
    margin-bottom: 25px; }
    .sign_up_section .parent_area > .row {
      flex-direction: column-reverse; }
    .sign_up_section .parent_area .left .img_area {
      width: 70%;
      margin-inline: auto;
      height: 170px; }
    .sign_up_section .parent_area .right {
      padding-bottom: 0;
      display: flex;
      align-items: center;
      gap: 15px; }
      .sign_up_section .parent_area .right .content {
        flex-grow: 1; }
        .sign_up_section .parent_area .right .content h3 {
          font-size: 20px;
          line-height: 22px; }
        .sign_up_section .parent_area .right .content p {
          font-size: 14px;
          line-height: 16px;
          letter-spacing: 10px;
          margin-bottom: 0; }
      .sign_up_section .parent_area .right .btn_area {
        flex-shrink: 0; }
  .testimonial_section {
    margin-bottom: 25px; }
    .testimonial_section .parent_area .title_area h3 {
      font-size: 16px;
      margin-bottom: 20px;
      line-height: 20px; }
    .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area {
      flex-direction: column;
      align-items: center;
      padding: 0;
      gap: 15px; }
      .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area .left {
        width: 100%; }
        .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area .left .img_area {
          width: 90px;
          height: 90px;
          margin-inline: auto; }
      .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area .right {
        width: 100%; }
        .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area .right h4 {
          padding-bottom: 15px;
          line-height: 18px;
          font-size: 16px; }
        .testimonial_section .parent_area .slider_area .testi_slider .item .inner_area .right p {
          font-size: 14px;
          line-height: 20px; }
    .testimonial_section .parent_area .slider_area .testi_slider .owl-dots {
      margin-top: 15px; }
  .expert_section {
    margin-bottom: 25px; }
    .expert_section .parent_area .title_area {
      margin-bottom: 15px; }
      .expert_section .parent_area .title_area h3 {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 12px; }
      .expert_section .parent_area .title_area p {
        font-size: 14px;
        line-height: 20px; }
    .expert_section .parent_area .slider_area .expert_slider .item .inner_area .img_area {
      width: 150px;
      height: 150px; }
    .expert_section .parent_area .slider_area .expert_slider .item .inner_area h3 {
      font-size: 16px;
      line-height: 18px;
      margin-bottom: 10px; }
    .expert_section .parent_area .slider_area .expert_slider .item .inner_area p {
      font-size: 14px;
      line-height: 20px; }
  .bmi_section {
    margin-bottom: 25px;
    padding-block: 25px; }
    .bmi_section .parent_area .left .title_area h3 {
      font-size: 16px;
      line-height: 18px; }
    .bmi_section .parent_area .left .title_area p {
      font-size: 14px; }
    .bmi_section .parent_area .left .form_area .form_group_area {
      margin-bottom: 15px; }
    .bmi_section .parent_area .left .form_area .fields_area {
      margin-bottom: 15px; }
    .bmi_section .parent_area .right .table-responsive .table thead tr th,
    .bmi_section .parent_area .right .table-responsive .table thead tr td,
    .bmi_section .parent_area .right .table-responsive .table tbody tr th,
    .bmi_section .parent_area .right .table-responsive .table tbody tr td {
      font-size: 14px;
      line-height: 16px; }
  .gallery_section.gallery_main_section {
    padding: 30px 0; }
    .gallery_section.gallery_main_section .parent_area .title_area nav .nav .nav-link {
      font-size: 12px;
      line-height: 15px;
      padding-inline: 20px;
      padding-block: 8px; }
  .gallery_section .parent_area .title_area {
    margin-bottom: 15px; }
    .gallery_section .parent_area .title_area h3 {
      font-size: 16px;
      line-height: 18px; }
    .gallery_section .parent_area .title_area nav {
      flex-shrink: unset; }
      .gallery_section .parent_area .title_area nav .nav .nav-link {
        font-size: 12px;
        line-height: 20px;
        padding-inline: 20px;
        padding-block: 6px; }
  .gallery_section .parent_area .gallery_area .tab-content .tab-pane ul li {
    width: calc((100% - 8px) / 2); }
    .gallery_section .parent_area .gallery_area .tab-content .tab-pane ul li .img_area {
      height: 160px; }
  .gallery_section .parent_area .gallery_area .view_all {
    font-size: 14px; } }

/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
@keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@-webkit-keyframes slide {
  0% {
    background-size: 100%; }
  50% {
    background-size: 110%; }
  100% {
    background-size: 100%; } }

@keyframes smoothScroll {
  0% {
    transform: translateY(-100px); }
  100% {
    transform: translateY(0px); } }

.about_us2_section {
  padding-bottom: 0;
  padding-top: 90px;
  margin-bottom: 90px; }
  .about_us2_section .parent_area .right_area {
    padding-top: 60px; }
    .about_us2_section .parent_area .right_area .wrapper {
      position: relative; }
      .about_us2_section .parent_area .right_area .wrapper .img_area {
        height: 560px;
        width: 453px;
        margin: 0 auto;
        position: relative; }
        .about_us2_section .parent_area .right_area .wrapper .img_area > img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
        .about_us2_section .parent_area .right_area .wrapper .img_area:hover > img {
          -webkit-transform: scale(1.07);
          -moz-transform: scale(1.07);
          -ms-transform: scale(1.07);
          -o-transform: scale(1.07);
          transform: scale(1.07); }
        .about_us2_section .parent_area .right_area .wrapper .img_area .box_img {
          position: absolute;
          left: -20%;
          top: -20%;
          width: 445px;
          height: 622px;
          z-index: -1; }
          .about_us2_section .parent_area .right_area .wrapper .img_area .box_img img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .about_us2_section .parent_area .right_area .wrapper .img_area .text {
          font-size: 36px;
          font-weight: 800;
          line-height: 44px;
          letter-spacing: 15px;
          text-transform: uppercase;
          -webkit-text-fill-color: transparent;
          -webkit-text-stroke: 2px #FFFFFFCC;
          writing-mode: sideways-lr;
          text-wrap: nowrap;
          position: absolute;
          top: 0;
          left: -15%; }
      .about_us2_section .parent_area .right_area .wrapper::after {
        content: '';
        position: absolute;
        top: -7%;
        left: -5%;
        width: 8px;
        border-radius: 30px;
        background-color: #DE383A;
        height: 40%; }
  .about_us2_section .parent_area .left_area h4 {
    color: #ffffff;
    background-image: url("../images/title.svg");
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 18px;
    padding: 12px 20px;
    background-position: center;
    width: fit-content; }
  .about_us2_section .parent_area .left_area h3 {
    font-size: 30px;
    font-weight: 500;
    line-height: 35px;
    color: #ffffff; }
  .about_us2_section .parent_area .left_area .inner_area {
    margin-bottom: 30px; }
    .about_us2_section .parent_area .left_area .inner_area h1,
    .about_us2_section .parent_area .left_area .inner_area h2,
    .about_us2_section .parent_area .left_area .inner_area h3,
    .about_us2_section .parent_area .left_area .inner_area h4,
    .about_us2_section .parent_area .left_area .inner_area h5,
    .about_us2_section .parent_area .left_area .inner_area h6,
    .about_us2_section .parent_area .left_area .cart_section .inner_area .listing_main .right_l .bill_main .top .dollar,
    .cart_section .about_us2_section .parent_area .left_area .inner_area .listing_main .right_l .bill_main .top .dollar {
      font-weight: 600;
      color: #ffffff;
      margin-top: 25px; }
      .about_us2_section .parent_area .left_area .inner_area h1:first-child,
      .about_us2_section .parent_area .left_area .inner_area h2:first-child,
      .about_us2_section .parent_area .left_area .inner_area h3:first-child,
      .about_us2_section .parent_area .left_area .inner_area h4:first-child,
      .about_us2_section .parent_area .left_area .inner_area h5:first-child,
      .about_us2_section .parent_area .left_area .inner_area h6:first-child,
      .about_us2_section .parent_area .left_area .cart_section .inner_area .listing_main .right_l .bill_main .top .dollar:first-child,
      .cart_section .about_us2_section .parent_area .left_area .inner_area .listing_main .right_l .bill_main .top .dollar:first-child {
        margin-top: 0; }
    .about_us2_section .parent_area .left_area .inner_area h1 {
      font-size: 26px; }
    .about_us2_section .parent_area .left_area .inner_area h2 {
      font-size: 24px; }
    .about_us2_section .parent_area .left_area .inner_area h3 {
      font-size: 22px; }
    .about_us2_section .parent_area .left_area .inner_area h4 {
      font-size: 20px; }
    .about_us2_section .parent_area .left_area .inner_area h5 {
      font-size: 18px; }
    
    .about_us2_section .parent_area .left_area .inner_area h6,
    .about_us2_section .parent_area .left_area .cart_section .inner_area .listing_main .right_l .bill_main .top .dollar,
    .cart_section .about_us2_section .parent_area .left_area .inner_area .listing_main .right_l .bill_main .top .dollar {
      font-size: 16px; }
    .about_us2_section .parent_area .left_area .inner_area p {
      font-size: 14px;
      font-weight: 400;
      color: #ffffff;
      margin-top: 15px;
      line-height: 22px; }
    .about_us2_section .parent_area .left_area .inner_area ul {
      margin-top: 15px; }
      .about_us2_section .parent_area .left_area .inner_area ul li {
        font-size: 14px;
        font-weight: 400;
        color: #ffffff;
        line-height: 22px;
        margin-bottom: 15px;
        padding-left: 25px;
        position: relative; }
        .about_us2_section .parent_area .left_area .inner_area ul li::before {
          content: "";
          height: 6px;
          width: 6px;
          border-radius: 50%;
          background-color: #ffffff;
          position: absolute;
          top: 0;
          left: 0;
          margin-left: 10px;
          margin-top: 8px; }
        .about_us2_section .parent_area .left_area .inner_area ul li:last-child {
          margin-bottom: 0; }
    .about_us2_section .parent_area .left_area .inner_area ol {
      margin-top: 15px;
      padding-left: 25px;
      margin-bottom: 0; }
      .about_us2_section .parent_area .left_area .inner_area ol li {
        font-size: 14px;
        font-weight: 400;
        color: #ffffff;
        line-height: 22px;
        margin-bottom: 15px; }
        .about_us2_section .parent_area .left_area .inner_area ol li:last-child {
          margin-bottom: 0; }

.why_us_section {
  position: relative;
  padding-block: 90px;
  margin-bottom: 90px;
  background-color: #202020; }
  .why_us_section .parent_area .left h3 {
    font-size: 40px;
    font-weight: 600;
    line-height: 44px;
    color: #ffffff;
    margin-bottom: 25px; }
  .why_us_section .parent_area .left p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #ffffff; }
  .why_us_section .parent_area .right .progress_bars_area {
    display: flex;
    flex-direction: column;
    gap: 25px; }
    .why_us_section .parent_area .right .progress_bars_area .main_div .exercise {
      margin-bottom: 6px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .why_us_section .parent_area .right .progress_bars_area .main_div .exercise p {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        line-height: 20px; }
      .why_us_section .parent_area .right .progress_bars_area .main_div .exercise .count {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        line-height: 20px; }
    .why_us_section .parent_area .right .progress_bars_area .main_div .progress_bar {
      width: 100%;
      height: 6px;
      border-radius: 30px;
      background-color: #707173;
      position: relative; }
      .why_us_section .parent_area .right .progress_bars_area .main_div .progress_bar .inner_bar {
        position: absolute;
        border-radius: 30px;
        inset: 0;
        width: 50%;
        height: 100%;
        background-color: #DE383A; }

.two_cards_section {
  margin-bottom: 90px; }
  .two_cards_section .parent_area .card_main {
    background-color: #202020;
    display: flex;
    align-items: center; }
    .two_cards_section .parent_area .card_main .left {
      display: flex;
      align-items: flex-start;
      flex-grow: 1;
      padding: 30px; }
      .two_cards_section .parent_area .card_main .left .content {
        flex-grow: 1; }
        .two_cards_section .parent_area .card_main .left .content h4 {
          color: #ffffff;
          font-size: 26px;
          font-weight: 700;
          line-height: 30px;
          margin-bottom: 10px; }
        .two_cards_section .parent_area .card_main .left .content p {
          color: #707173;
          font-weight: 500;
          font-size: 16px;
          line-height: 20px; }
      .two_cards_section .parent_area .card_main .left .img_area {
        flex-shrink: 0;
        width: 75px;
        height: 55px; }
        .two_cards_section .parent_area .card_main .left .img_area img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
    .two_cards_section .parent_area .card_main .right {
      flex-shrink: 0;
      width: 350px;
      clip-path: polygon(32% 0, 100% 0, 100% 100%, 0 100%); }
      .two_cards_section .parent_area .card_main .right .img_area {
        width: 100%;
        height: 180px;
        position: relative; }
        .two_cards_section .parent_area .card_main .right .img_area img {
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .two_cards_section .parent_area .card_main .right .img_area::after {
          content: '';
          position: absolute;
          width: 6px;
          height: 85px;
          background-color: #DE383A;
          top: 20px;
          left: 90px;
          transform: rotate(212deg);
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
          z-index: 1; }
        .two_cards_section .parent_area .card_main .right .img_area::before {
          content: '';
          position: absolute;
          width: 6px;
          height: 42px;
          background-color: #ffffff;
          bottom: 38px;
          left: 52px;
          transform: rotate(212deg);
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
          z-index: 1; }
    .two_cards_section .parent_area .card_main:hover .right .img_area img {
      filter: grayscale(1);
      -webkit-transform: scale(1.07);
      -moz-transform: scale(1.07);
      -ms-transform: scale(1.07);
      -o-transform: scale(1.07);
      transform: scale(1.07); }
    .two_cards_section .parent_area .card_main:hover .right .img_area::after {
      background-color: #ffffff; }
    .two_cards_section .parent_area .card_main:hover .right .img_area::before {
      background-color: #DE383A; }

.mission_section {
  margin-bottom: 90px; }
  .mission_section .parent_area .grid_area {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
    grid-template-rows: auto auto; }
    .mission_section .parent_area .grid_area .card_item {
      background-color: #202020;
      place-content: center;
      padding-inline: 100px;
      text-align: center;
      padding-block: 20px;
      height: 100%; }
      .mission_section .parent_area .grid_area .card_item.wrapper {
        padding: 0; }
      .mission_section .parent_area .grid_area .card_item .icon {
        font-size: 8rem;
        color: #ffffff;
        margin-bottom: 15px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        .mission_section .parent_area .grid_area .card_item .icon i {
          font-weight: 100; }
      .mission_section .parent_area .grid_area .card_item h3 {
        color: #ffffff;
        margin-bottom: 15px;
        font-size: 26px;
        font-weight: 500;
        line-height: 28px; }
      .mission_section .parent_area .grid_area .card_item p {
        color: #ffffff;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px; }
      .mission_section .parent_area .grid_area .card_item:hover .icon {
        color: #DE383A; }
    .mission_section .parent_area .grid_area .wrapper {
      padding: 0; }
      .mission_section .parent_area .grid_area .wrapper .img_area {
        height: 447px;
        width: 100%;
        overflow: hidden; }
        .mission_section .parent_area .grid_area .wrapper .img_area img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
        .mission_section .parent_area .grid_area .wrapper .img_area:hover img {
          -webkit-transform: scale(1.07);
          -moz-transform: scale(1.07);
          -ms-transform: scale(1.07);
          -o-transform: scale(1.07);
          transform: scale(1.07); }

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .about_us2_section {
    margin-bottom: 70px;
    padding-top: 70px; }
    .about_us2_section .parent_area .right_area .wrapper .img_area {
      width: 380px;
      height: 470px; }
      .about_us2_section .parent_area .right_area .wrapper .img_area .box_img {
        width: 425px;
        height: 594px; }
  .why_us_section {
    padding-block: 70px;
    margin-bottom: 70px; }
    .why_us_section .parent_area .left h3 {
      font-size: 35px;
      line-height: 40px; }
  .two_cards_section {
    margin-bottom: 70px; }
    .two_cards_section .parent_area .card_main .right {
      width: 290px;
      clip-path: polygon(37% 0, 100% 0, 100% 100%, 0 100%); }
  .mission_section {
    margin-bottom: 70px; }
    .mission_section .parent_area .grid_area .card_item {
      padding-inline: 70px; }
      .mission_section .parent_area .grid_area .card_item .icon {
        font-size: 7rem; }
    .mission_section .parent_area .grid_area .wrapper .img_area {
      height: 400px; } }

/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .about_us2_section {
    margin-bottom: 70px;
    padding-top: 70px; }
    .about_us2_section .parent_area .right_area .wrapper .img_area {
      width: 380px;
      height: 470px; }
      .about_us2_section .parent_area .right_area .wrapper .img_area .box_img {
        width: 425px;
        height: 594px; }
  .why_us_section {
    padding-block: 70px;
    margin-bottom: 70px; }
    .why_us_section .parent_area .left h3 {
      font-size: 35px;
      line-height: 40px; }
  .two_cards_section {
    margin-bottom: 70px; }
    .two_cards_section .parent_area .card_main .right {
      width: 290px;
      clip-path: polygon(37% 0, 100% 0, 100% 100%, 0 100%); }
  .mission_section {
    margin-bottom: 70px; }
    .mission_section .parent_area .grid_area .card_item {
      padding-inline: 70px; }
      .mission_section .parent_area .grid_area .card_item .icon {
        font-size: 7rem; }
    .mission_section .parent_area .grid_area .wrapper .img_area {
      height: 400px; } }

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .about_us2_section {
    margin-bottom: 50px;
    padding-top: 50px; }
    .about_us2_section .parent_area .right_area .wrapper .img_area {
      width: 300px;
      height: 371px;
      margin-right: unset; }
      .about_us2_section .parent_area .right_area .wrapper .img_area .box_img {
        width: 335px;
        height: 468px; }
      .about_us2_section .parent_area .right_area .wrapper .img_area .text {
        font-size: 28px;
        line-height: 38px;
        letter-spacing: 11px; }
    .about_us2_section .parent_area .right_area .wrapper::after {
      left: 5%; }
  .why_us_section {
    padding-block: 50px;
    margin-bottom: 50px; }
    .why_us_section .parent_area .left h3 {
      font-size: 30px;
      line-height: 34px;
      margin-bottom: 15px; }
    .why_us_section .parent_area .right .progress_bars_area {
      gap: 20px; }
  .two_cards_section {
    margin-bottom: 50px; }
    .two_cards_section .parent_area .card_main .left {
      padding: 16px; }
    .two_cards_section .parent_area .card_main .right {
      width: 260px;
      clip-path: polygon(40% 0, 100% 0, 100% 100%, 0 100%); }
  .mission_section {
    margin-bottom: 50px; }
    .mission_section .parent_area .grid_area .card_item {
      padding-inline: 50px; }
      .mission_section .parent_area .grid_area .card_item .icon {
        font-size: 4rem; }
      .mission_section .parent_area .grid_area .card_item h3 {
        font-size: 22px;
        line-height: 24px; }
      .mission_section .parent_area .grid_area .card_item p {
        font-size: 15px;
        line-height: 20px; }
    .mission_section .parent_area .grid_area .wrapper .img_area {
      height: 310px; } }

/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .about_us2_section {
    margin-bottom: 40px;
    padding-top: 40px; }
    .about_us2_section .parent_area .right_area .wrapper .img_area {
      width: 270px;
      height: 334px;
      margin-right: unset; }
      .about_us2_section .parent_area .right_area .wrapper .img_area .box_img {
        width: 295px;
        height: 412px; }
      .about_us2_section .parent_area .right_area .wrapper .img_area .text {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 11px; }
    .about_us2_section .parent_area .right_area .wrapper::after {
      left: 5%; }
    .about_us2_section .parent_area .left_area h4 {
      font-size: 16px; }
    .about_us2_section .parent_area .left_area h3 {
      font-size: 25px;
      line-height: 30px; }
  .why_us_section {
    padding-block: 40px;
    margin-bottom: 40px; }
    .why_us_section .parent_area .left h3 {
      font-size: 26px;
      line-height: 30px;
      margin-bottom: 15px; }
    .why_us_section .parent_area .right .progress_bars_area {
      gap: 20px; }
  .two_cards_section {
    margin-bottom: 40px; }
    .two_cards_section .parent_area .card_main {
      width: 70%;
      margin-inline: auto; }
      .two_cards_section .parent_area .card_main .left {
        padding: 16px; }
      .two_cards_section .parent_area .card_main .right {
        width: 260px;
        clip-path: polygon(40% 0, 100% 0, 100% 100%, 0 100%); }
  .mission_section {
    margin-bottom: 40px; }
    .mission_section .parent_area .grid_area .card_item {
      padding-inline: 40px; }
      .mission_section .parent_area .grid_area .card_item .icon {
        font-size: 3rem; }
      .mission_section .parent_area .grid_area .card_item h3 {
        font-size: 20px;
        line-height: 22px; }
      .mission_section .parent_area .grid_area .card_item p {
        font-size: 14px;
        line-height: 20px; }
    .mission_section .parent_area .grid_area .wrapper .img_area {
      height: 280px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .about_us2_section {
    margin-bottom: 30px;
    padding-top: 30px; }
    .about_us2_section .parent_area .right_area .wrapper .img_area {
      width: 230px;
      height: 284px;
      margin-right: unset; }
      .about_us2_section .parent_area .right_area .wrapper .img_area .box_img {
        width: 245px;
        height: 342px; }
      .about_us2_section .parent_area .right_area .wrapper .img_area .text {
        font-size: 24px;
        line-height: 29px;
        letter-spacing: 6px; }
    .about_us2_section .parent_area .right_area .wrapper::after {
      left: 5%;
      width: 4px; }
    .about_us2_section .parent_area .left_area h4 {
      font-size: 16px; }
    .about_us2_section .parent_area .left_area h3 {
      font-size: 20px;
      line-height: 25px; }
  .why_us_section {
    padding-block: 30px;
    margin-bottom: 30px; }
    .why_us_section .parent_area .left h3 {
      font-size: 22px;
      line-height: 26px;
      margin-bottom: 12px; }
    .why_us_section .parent_area .left p {
      font-size: 14px;
      line-height: 20px; }
    .why_us_section .parent_area .right .progress_bars_area {
      gap: 20px; }
      .why_us_section .parent_area .right .progress_bars_area .main_div .exercise p {
        font-size: 14px; }
      .why_us_section .parent_area .right .progress_bars_area .main_div .exercise .count {
        font-size: 14px; }
  .two_cards_section {
    margin-bottom: 30px; }
    .two_cards_section .parent_area .card_main {
      width: 90%;
      margin-inline: auto; }
      .two_cards_section .parent_area .card_main .left {
        padding: 16px; }
      .two_cards_section .parent_area .card_main .right {
        width: 310px;
        clip-path: polygon(36% 0, 100% 0, 100% 100%, 0 100%); }
  .mission_section {
    margin-bottom: 30px; }
    .mission_section .parent_area .grid_area .card_item {
      padding-inline: 30px; }
      .mission_section .parent_area .grid_area .card_item .icon {
        font-size: 2.5rem;
        margin-bottom: 12px; }
      .mission_section .parent_area .grid_area .card_item h3 {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 12px; }
      .mission_section .parent_area .grid_area .card_item p {
        font-size: 14px;
        line-height: 20px; }
    .mission_section .parent_area .grid_area .wrapper .img_area {
      height: 250px; } }

/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .about_us2_section {
    margin-bottom: 25px;
    padding-top: 25px; }
    .about_us2_section .parent_area .right_area .wrapper .img_area {
      width: 210px;
      height: 260px;
      margin-right: 15%; }
      .about_us2_section .parent_area .right_area .wrapper .img_area .box_img {
        width: 225px;
        height: 315px; }
      .about_us2_section .parent_area .right_area .wrapper .img_area .text {
        font-size: 21px;
        line-height: 29px;
        letter-spacing: 6px; }
    .about_us2_section .parent_area .right_area .wrapper::after {
      left: 5%;
      width: 4px; }
    .about_us2_section .parent_area .left_area h4 {
      font-size: 16px; }
    .about_us2_section .parent_area .left_area h3 {
      font-size: 18px;
      line-height: 22px; }
  .why_us_section {
    padding-block: 25px;
    margin-bottom: 25px; }
    .why_us_section .parent_area .left {
      margin-bottom: 15px; }
      .why_us_section .parent_area .left h3 {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 12px; }
      .why_us_section .parent_area .left p {
        font-size: 14px;
        line-height: 20px; }
    .why_us_section .parent_area .right .progress_bars_area {
      gap: 20px; }
      .why_us_section .parent_area .right .progress_bars_area .main_div .exercise p {
        font-size: 14px; }
      .why_us_section .parent_area .right .progress_bars_area .main_div .exercise .count {
        font-size: 14px; }
  .two_cards_section {
    margin-bottom: 25px; }
    .two_cards_section .parent_area .card_main {
      width: 100%;
      margin-inline: auto;
      flex-direction: column-reverse; }
      .two_cards_section .parent_area .card_main .left {
        padding: 16px;
        justify-content: space-between;
        width: 100%; }
        .two_cards_section .parent_area .card_main .left .content h4 {
          font-size: 22px;
          line-height: 24px; }
      .two_cards_section .parent_area .card_main .right {
        width: 100%;
        clip-path: unset; }
        .two_cards_section .parent_area .card_main .right .img_area::after {
          transform: unset;
          left: 10px;
          top: 10px; }
        .two_cards_section .parent_area .card_main .right .img_area::before {
          transform: unset;
          left: 10px;
          bottom: 10px; }
  .mission_section {
    margin-bottom: 25px; }
    .mission_section .parent_area .grid_area {
      grid-template-columns: auto; }
      .mission_section .parent_area .grid_area .card_item {
        padding-inline: 25px; }
        .mission_section .parent_area .grid_area .card_item:first-child {
          grid-row-start: 2; }
        .mission_section .parent_area .grid_area .card_item .icon {
          font-size: 2.5rem;
          margin-bottom: 12px; }
        .mission_section .parent_area .grid_area .card_item h3 {
          font-size: 20px;
          line-height: 22px;
          margin-bottom: 12px; }
        .mission_section .parent_area .grid_area .card_item p {
          font-size: 14px;
          line-height: 20px; }
      .mission_section .parent_area .grid_area .wrapper .img_area {
        height: 250px; } }

/* Smaller phones */
@media (max-width: 360px) {
  .about_us2_section {
    margin-bottom: 25px;
    padding-top: 25px; }
    .about_us2_section .parent_area .right_area .wrapper .img_area {
      width: 210px;
      height: 260px;
      margin-right: 15%; }
      .about_us2_section .parent_area .right_area .wrapper .img_area .box_img {
        width: 225px;
        height: 315px; }
      .about_us2_section .parent_area .right_area .wrapper .img_area .text {
        font-size: 21px;
        line-height: 29px;
        letter-spacing: 6px; }
    .about_us2_section .parent_area .right_area .wrapper::after {
      left: 5%;
      width: 4px; }
    .about_us2_section .parent_area .left_area h4 {
      font-size: 16px; }
    .about_us2_section .parent_area .left_area h3 {
      font-size: 18px;
      line-height: 22px; }
  .why_us_section {
    padding-block: 25px;
    margin-bottom: 25px; }
    .why_us_section .parent_area .left {
      margin-bottom: 15px; }
      .why_us_section .parent_area .left h3 {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 12px; }
      .why_us_section .parent_area .left p {
        font-size: 14px;
        line-height: 20px; }
    .why_us_section .parent_area .right .progress_bars_area {
      gap: 20px; }
      .why_us_section .parent_area .right .progress_bars_area .main_div .exercise p {
        font-size: 14px; }
      .why_us_section .parent_area .right .progress_bars_area .main_div .exercise .count {
        font-size: 14px; }
  .two_cards_section {
    margin-bottom: 25px; }
    .two_cards_section .parent_area .card_main {
      width: 100%;
      margin-inline: auto;
      flex-direction: column-reverse; }
      .two_cards_section .parent_area .card_main .left {
        padding: 16px;
        justify-content: space-between;
        width: 100%; }
        .two_cards_section .parent_area .card_main .left .content h4 {
          font-size: 22px;
          line-height: 24px; }
      .two_cards_section .parent_area .card_main .right {
        width: 100%;
        clip-path: unset; }
        .two_cards_section .parent_area .card_main .right .img_area::after {
          transform: unset;
          left: 10px;
          top: 10px; }
        .two_cards_section .parent_area .card_main .right .img_area::before {
          transform: unset;
          left: 10px;
          bottom: 10px; }
  .mission_section {
    margin-bottom: 25px; }
    .mission_section .parent_area .grid_area {
      grid-template-columns: auto; }
      .mission_section .parent_area .grid_area .card_item {
        padding: 15px; }
        .mission_section .parent_area .grid_area .card_item:first-child {
          grid-row-start: 2; }
        .mission_section .parent_area .grid_area .card_item .icon {
          font-size: 2.5rem;
          margin-bottom: 12px; }
        .mission_section .parent_area .grid_area .card_item h3 {
          font-size: 20px;
          line-height: 22px;
          margin-bottom: 12px; }
        .mission_section .parent_area .grid_area .card_item p {
          font-size: 14px;
          line-height: 20px; }
      .mission_section .parent_area .grid_area .wrapper .img_area {
        height: 250px; } }

/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */