body {
   background-color: var(--main_background_color);
   font-family: 'Roboto', sans-serif;
   font-weight: 300;
}

body header {
   position: relative;
   z-index: 1;
}

body header .container-fluid {
   max-width: 1300px;
}

body #review .container-fluid {
   max-width: 100%;
   width: 100%;
}

body.menu-active {
   overflow: hidden;
}

body.menu-active header {
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   height: 100vh;
   z-index: 99;
   overflow: auto;
}

body.menu-active header .block.logo img {
   width: 178px;
   -webkit-filter: none;
   filter: none;
}

@media (max-width: 767.98px) {
   body.menu-active header .block.logo img.logo-mobile {
      width: 130px;
   }
}

@media (max-width: 991.98px) {
   body.menu-active header .block.logo img {
      width: 120px;
   }
}

@media (max-width: 767.98px) {
   body.menu-active header .block.logo img {
      width: 120px;
   }
}

body.menu-active header .block.logo ul.mobile-user-menu {
   position: absolute;
   right: 43px;
   top: 5px;
}

body.menu-active header .block.logo .menu-toggle {
   display: none;
}

@media (max-width: 991.98px) {
   body.menu-active header .block.logo .menu-toggle.close-icon {
      display: block;
      margin-top: 17px;
      width: 20px;
      height: auto;
      margin-right: 10px;
   }

   body.menu-active header .block.logo .menu-toggle.close-icon img {
      display: block;
   }

}



@media (max-width: 767.98px) {

   body.menu-active header .block.logo .menu-toggle.close-icon {

      display: block;

      width: 20px;

      height: auto;

      margin-top: 8px;

      margin-right: 10px;

   }

   body.menu-active header .block.logo .menu-toggle.close-icon img {

      display: block;

   }

}



body.menu-active header .block.main-menu {

   display: block;

}



body.menu-active header .block.main-menu.private ul li a {

   padding-top: 20px;

   padding-bottom: 20px;

}



body.menu-active header .block.main-menu.private ul li a img {

   margin-right: 10px;

}



body.menu-active header .block.main-menu.private ul li a .count {

   color: #ff1f1f;

}



body.menu-active header .block.main-menu ul {

   -webkit-box-orient: vertical;

   -webkit-box-direction: normal;

   -ms-flex-direction: column;

   flex-direction: column;

}



body.menu-active header .block.main-menu ul li {

   margin-top: 0px;

}



body.menu-active header .block.main-menu ul li a {

   color: #fff;

   text-align: center;

   border-radius: 0px;

   border-top: 1px solid #e9ecef;

   padding-top: 20px;

   padding-bottom: 20px;

}



body.menu-active header .block.main-menu ul li a:hover {

   color: #fff;

}



@media (max-width: 991.98px) {

   body.menu-active header .block.main-menu ul li a {

      font-size: 17px;

      line-height: 24px;

   }

}



@media (max-width: 767.98px) {

   body.menu-active header .block.main-menu ul li a {

      font-size: 17px;

      line-height: 24px;

   }

}



body.menu-active header .block.main-menu ul li.d-lg-none,

body.menu-active header .block.main-menu ul li.d-md-none {

   border-top: 1px solid #e9ecef;

}



body.menu-active header .block.main-menu ul li.d-lg-none a,

body.menu-active header .block.main-menu ul li.d-md-none a {

   text-align: left;

   width: 150px;

   margin: 0 auto;

   border-top: 0px;

}



body.menu-active header .block.main-menu ul li.d-lg-none a span,

body.menu-active header .block.main-menu ul li.d-md-none a span {

   width: 35px;

   display: inline-block;

}



body.menu-active header .block.main-menu ul li.d-lg-none a span img,

body.menu-active header .block.main-menu ul li.d-md-none a span img {

   width: 25px;

   height: auto;

}



body.menu-active header .block.main-menu ul li:last-child a {

   border-bottom: 1px solid #e9ecef;

}



body.menu-active header .block.main-menu ul li:last-child.d-md-none a {

   border-bottom: 0px;

}



body.menu-active header .block.user-menu-mobile {

   display: block;

}



body.inner .container-fluid {

   max-width: 1300px;

}



body.inner #deviceSection .container-fluid {

   max-width: 100%;

}



body.inner.no-bg {

   background-image: none;

}



body.inner.model-details {

   background-repeat: repeat-y;

}



body.inner .system-message {

   padding-bottom: 30px;

}



@media (max-width: 767.98px) {

   body.inner {

      background-image: none;

   }

}



body.inner #showcase:before,

body.inner #showcase:after {

   display: none;

}



body.inner header {

   -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);

   box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);

   background-color: #fff;

   background: -webkit-gradient(linear, left top, right top, from(#3db5e0), to(#59c29f));

   background: linear-gradient(to right, #3db5e0, #59c29f);

   z-index: 5;

}



body.inner header .block.logo {

   margin-top: 0px;

   margin-bottom: 0px;

}



body.inner header .block.logo img {

   width: 350px;

   -webkit-filter: none;

   filter: none;

   padding-top: 0px;

}



@media (max-width: 991.98px) {

   body.inner header .block.logo img {

      width: 178px;

   }

}



@media (max-width: 767.98px) {

   body.inner header .block.logo img {

      width: 130px;

   }

   body.inner header .block.logo a.logo-link img {

      margin-top: 5px;

   }

}



body.inner header .block.logo img.logo-mobile {

   width: 120px;

   padding-top: 5px;

   padding-bottom: 5px;

}



body.inner header .block.logo ul.mobile-user-menu {

   margin-top: 14px;

}


body.inner header .block.logo ul.mobile-user-menu li a img {

   -webkit-filter: none;

   filter: none;

}



@media (max-width: 767.98px) {

   body.inner header .block.logo ul.mobile-user-menu li a img {

      height: 28px;

   }

}



body.inner header .block.logo ul.mobile-user-menu li a .badge {

   top: -7px;

}



@media (max-width: 767.98px) {

   body.inner header .block.logo ul.mobile-user-menu li a .badge {

      right: -5px;

   }

}



body.inner header .block.logo ul.mobile-user-menu li .dropdown-menu {

   top: 40px !important;

}



body.inner header .block.main-menu {

   margin-bottom: 0px;

}


@media (max-width: 1199.98px) {

   body.inner header .block.main-menu ul {

      padding-top: 5px;

   }

}



body.inner header .block.main-menu ul li a {

   padding: 10px 15px;

}



@media (max-width: 1199.98px) {

   body.inner header .block.main-menu ul li a {

      padding: 10px 5px;

      font-size: 16px;

   }

}



@media (max-width: 767.98px) {

   body.inner header .block.main-menu ul li a {

      padding-top: 20px;

      padding-bottom: 20px;

      font-size: 17px;

   }

   body.inner header .block.main-menu ul li a:hover {

      color: #fff;

   }

   .w-50 {

      width: 100% !important;

   }

}



body.inner header .block.user-menu {

   margin-top: 10px;

   margin-bottom: 0px;

   margin-left: 0px;

   padding-left: 0px;

}



@media (max-width: 1199.98px) {

   body.inner header .block.user-menu {

      padding-top: 5px;

      padding-bottom: 0px;

   }

}



body.inner header .block.user-menu ul {

   padding-top: 1px;

}



body.inner header .block.user-menu ul li a img {

   -webkit-filter: none;
   filter: none;

}



body.inner .block {

   padding-top: 10px;

   padding-bottom: 10px;

   color: var(--main_background_text_color);

   font-weight: 400;

   letter-spacing: 0.3px;

   font-family: "Metropolis";

}



@media (max-width: 1199.98px) {

   body.inner .block.heading .form-control {

      width: 60%;

   }

}



@media (max-width: 991.98px) {

   body.inner .block.heading .form-control {

      width: 70%;

   }

}


@media (max-width: 767.98px) {

   body.inner .block.heading .back-button {

      position: relative !important;

      top: 0 !important;

      right: auto !important;

   }

}



body.inner .block.heading.page-heading {

   padding-bottom: 10px;

   position: relative;

}



@media (max-width: 767.98px) {

   body.inner .block.heading.page-heading .back-button {

      position: relative;

      top: 0;

      right: auto;

   }

}



@media (max-width: 767.98px) {

   body.inner .block.heading.page-heading {

      padding-top: 10px;

   }

}



body.inner .block.heading.page-heading.shipping-heading {

   padding-top: 60px;

}



@media (max-width: 767.98px) {

   body.inner .block.heading.page-heading.shipping-heading {

      padding-top: 0px;

      text-align: center;

   }

}



body.inner .block.heading.page-heading.shipping-step-heading {

   padding-bottom: 0;

   margin-bottom: 0px;

   padding-top: 100px;

}



@media (max-width: 767.98px) {

   body.inner .block.heading.page-heading.shipping-step-heading {

      padding-top: 50px;

   }

}



body.inner .block.heading.page-heading.setting-heading {

   padding-top: 20px;

}



body.inner .block.heading.page-heading.setting-heading h3 {

   font-size: 30px;

}



body.inner .block.heading.page-heading.faq-heading {

   padding-top: 30px;

   padding-bottom: 30px;

}



@media (max-width: 767.98px) {

   body.inner .block.heading.page-heading.faq-heading h3 {

      font-size: 17px;

   }

}



body.inner .block.heading.page-heading-second {

   padding-top: 60px;

}



@media (max-width: 767.98px) {

   body.inner .block.heading.page-heading-second {

      padding-top: 10px;

   }

}



@media (max-width: 767.98px) {

   body.inner .block.main-menu {

      overflow: auto;

      height: 100vh;

   }

}



body.inner .menu-toggle {

   margin-top: 18px;

}



@media (max-width: 767.98px) {

   body.inner .menu-toggle {

      margin-top: 8px;

   }

}



body.category-tablet .block.devices .category.row.model-category .card .image,

body.iti-mobile .block.devices .category.row.model-category .card .image,

body.category-computer .block.devices .category.row.model-category .card .image,

body.device-category-page .block.devices .category.row.model-category .card .image {

   min-height: 160px;

}



@media (max-width: 991.98px) {

   body.category-tablet .block.devices .category.row.model-category .card .image,

   body.iti-mobile .block.devices .category.row.model-category .card .image,

   body.category-computer .block.devices .category.row.model-category .card .image,

   body.device-category-page .block.devices .category.row.model-category .card .image {

      min-height: 100px;

   }

}


body.category-tablet .block.devices .category.row.model-category .card .image img {

   min-height: initial;

   display: table;

   margin: 0 auto;

   height: 100%;

   max-width: 100%;

}



@media (max-width: 991.98px) {

   body.category-tablet .block.devices .category.row.model-category .card .image img,

   body.iti-mobile .block.devices .category.row.model-category .card .image img,

   body.category-computer .block.devices .category.row.model-category .card .image img,

   body.device-category-page .block.devices .category.row.model-category .card .image img {

      min-height: auto;

   }

}



.system-message {

   position: fixed;

   top: 70px;

   left: 0;

   right: 0;

   max-width: 550px;

   text-align: center;

   margin: 0 auto;

   z-index: 98;

}

.system-message .block .alert {

   color: #721c24;

   padding: 30px;

   min-height: 100px;

   border-radius: 0px;

   font-size: 24px;

   font-weight: 500;

   -webkit-box-shadow: 0 6px 7px rgba(0, 0, 0, 0.2);

   box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);

}

.system-message .block .alert .close {

   opacity: 1;

   position: absolute;

   top: 15px;

   right: 15px;

}

a {

   color: var(--primary_color);

}

a.dropdown-item:active,

a.dropdown-item:focus {

   background-color: transparent;

   color: var(--primary_color);

}



h1,

h2,

h3,

h4,

h5,

h6 {

   font-weight: 300;

}



img {

   max-width: 100%;

}



.intl-tel-input {

   width: 100%;

}


.form-control {

   font-family: 'Roboto', sans-serif;

   font-weight: 300;

}



.form-control:focus {

   -webkit-box-shadow: none;

   box-shadow: none;

}



::-webkit-input-placeholder {

   color: #aeb4b9 !important;

}



:-ms-input-placeholder {

   color: #aeb4b9 !important;

}



::-ms-input-placeholder {

   color: #aeb4b9 !important;

}



::placeholder {

   color: #aeb4b9 !important;

}



.custom-select {

   border-left: none;

   border-right: none;

   border-top: none;

   border-radius: 0px;

   border-color: #ced4da;

   line-height: 30px;

   height: 40px;

}



.custom-select:hover,

.custom-select:focus {

   -webkit-box-shadow: none;

   box-shadow: none;

   outline: none;

}



.form-group.with-icon img {

   position: absolute;

   left: 7px;

   bottom: 13px;

}



.form-group.with-icon .custom-select {

   padding-left: 40px;

}



.btn-primary.btn-sm,

.btn-group-sm>.btn-primary.btn {

   padding: .25rem .5rem;

}



@media (max-width: 991.98px) {

   .btn-primary.get-paid {

      font-size: 15px;

      line-height: 24px;

      padding-top: 12px;

      padding-bottom: 12px;

      padding-left: 15px;

      padding-right: 15px;

   }

}



@media (max-width: 767.98px) {

   .btn-primary {

      font-size: 16px;

      line-height: 24px;

      padding-top: 12px;

      padding-bottom: 12px;

      padding-left: 40px;

      padding-right: 40px;

   }

}



.btn-secondary {

   border: none;

   font-size: 18px;

   padding-left: 30px;

   padding-right: 30px;

   padding-top: 13px;

   padding-bottom: 13px;

   background-color: #fff;

   color: #3eb5dd;

   font-weight: 500;

}



@media (max-width: 767.98px) {

   .btn-secondary {

      font-size: 18px;

      padding-left: 30px;

      padding-right: 30px;

      padding-top: 13px;

      padding-bottom: 13px;

      line-height: 24px;

   }

}



.btn-secondary:hover {

   -webkit-box-shadow: 0 6px 7px rgba(0, 0, 0, 0.2);

   box-shadow: 0 6px 7px rgba(0, 0, 0, 0.2);

   background-color: #fff;

   color: #3eb5dd;

}



.upto-price-button {

   position: absolute;

   right: 10px;

   top: 10px;

   z-index: 1;

   margin-bottom: 0px;

   background-color: #3eb5dd !important;

   background-image: none;

}



.upto-price-button:hover {

   -webkit-box-shadow: none;

   box-shadow: none;

}



@media (max-width: 767.98px) {

   .upto-price-button {

      display: none;

   }

}



@media (max-width: 767.98px) {

   .btn-outline-light {

      font-size: 16px;

      padding-left: 30px;

      padding-right: 30px;

      padding-top: 13px;

      padding-bottom: 13px;

      font-weight: 500;

      line-height: 24px;

   }

}



@media (max-width: 767.98px) {

   .btn-outline-dark {

      font-size: 16px;

      padding-left: 15px;

      padding-right: 15px;

      font-weight: 500;

   }

}



.statistic-form {

   max-width: 170px;

   margin: 0 auto;

}



.statistic-form .custom-select {

   text-align: center;

   border: none;

   -webkit-box-shadow: 0 0 7px rgba(14, 39, 39, 0.2);

   box-shadow: 0 0 7px rgba(14, 39, 39, 0.2);

   border-radius: 20px;

}



.statistic-roll .statistic-cell {

   text-align: center;

   float: left;

   width: 30%;

   margin: 1.5%;

   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.09);

   box-shadow: 0 0 5px rgba(0, 0, 0, 0.09);

   padding: 10px;

   border-radius: 4px;

}



@media (max-width: 767.98px) {

   .statistic-roll .statistic-cell {

      width: 100%;

      float: none;

   }

}



.statistic-roll .statistic-cell p {

   font-size: 16px;

   color: var(--main_background_text_color);

   margin-bottom: 0px;

   font-weight: 400;

}



.statistic-roll .statistic-cell h5 {

   font-size: 116px;

   font-weight: 100;

   line-height: 116px;

   color: #3eb5dd;

   background: -webkit-gradient(linear, left top, right top, from(var(--primary_color)), to(var(--secondary_color)));

   background: linear-gradient(to right, var(--primary_color), var(--secondary_color));

   -webkit-background-clip: text;

   -webkit-text-fill-color: transparent;

}



@media (max-width: 1199.98px) {

   .statistic-roll .statistic-cell h5 {

      font-size: 70px;

   }

}



@media (max-width: 991.98px) {

   .statistic-roll .statistic-cell h5 {

      font-size: 65px;

   }

}



@media (max-width: 767.98px) {

   .statistic-roll .statistic-cell h5 {

      font-size: 96px;

   }

}



.block {

   padding: 15px;

   margin: 15px;

}



@media (max-width: 767.98px) {

   .block {

      margin: 5px 0;

      padding: 5px 0;

   }

}



@media (max-width: 767.98px) {

   .block.logo {

      padding-right: 0px;

      margin-right: 0px;

   }

}



.block.logo .logo-link {

   width: 100%;

   max-width: 200px;

   min-width: 200px;

   height: 100%;

   /*margin-top: 15px;*/

}



@media (max-width: 767.98px) {

   .block.logo .logo-link img {

      padding-top: 30px;

   }

}


@media (max-width: 768px) {

   .logo-link img {

      padding-top: 25px;

      width: 252px;

   }

}



@media (max-width: 767.98px) {

   .block.logo img {

      width: 120px;

      padding-top: 8px;

   }

}



.block.logo img.logo-mobile {

   display: none;

}



@media (max-width: 767.98px) {

   .block.logo img.logo-mobile {

      display: none;

      width: 120px;

      padding-top: 15px;

      padding-bottom: 5px;

   }

}



.block.logo ul.mobile-user-menu {

   display: none;

   margin: 9px 20px 0 0;

   padding: 0;

   list-style: none;

   float: right;

}



@media (max-width: 991.98px) {

   .block.logo ul.mobile-user-menu {

      margin-top: 5px;

      margin-right: 15px;

   }

}



.block.logo ul.mobile-user-menu li {

   float: left;

}



.block.logo ul.mobile-user-menu li a {

   position: relative;

   display: block;

}



.block.logo ul.mobile-user-menu li a img {

   -webkit-filter: brightness(0) invert(1);

   filter: brightness(0) invert(1);

   min-height: 25px;

   max-height: 45px;

   width: auto;

   display: block;

}



@media (max-width: 991.98px) {

   .block.logo ul.mobile-user-menu li a img {

      min-height: 25px;

      max-height: 45px;

      width: auto;

   }

}



@media (max-width: 767.98px) {

   .block.logo ul.mobile-user-menu li a img {

      min-height: 25px;

      max-height: 45px;

      width: auto;

   }

}



.block.logo ul.mobile-user-menu li a .badge {

   border-radius: 10px;

   position: absolute;

   top: 5px;

   right: -10px;

   min-width: 14px;

   height: 20px;

   line-height: 20px;

   font-size: 18px;

   padding: 0px 5px;

   -webkit-transition: 0.3s;

   transition: 0.3s;

}



@media (max-width: 991.98px) {

   .block.logo ul.mobile-user-menu li a .badge {

      top: -7px;

      right: 0px;

   }

}



@media (max-width: 767.98px) {

   .block.logo ul.mobile-user-menu li a .badge {
      height: 20px;
      min-width: 14px;
      border-radius: 10px;
      line-height: 20px;
      font-size: 18px;
      top: -9px;
      right: -5px;
   }

}



.block.logo ul.mobile-user-menu li a:hover {

   opacity: 0.7;

   -webkit-transition: 0.3s;

   transition: 0.3s;

}



.block.logo ul.mobile-user-menu li a:focus {

   outline: none !important;

   -webkit-box-shadow: none !important;

   box-shadow: none !important;

}



.block.logo ul.mobile-user-menu li a:active {

   outline: none !important;

   -webkit-box-shadow: none !important;

   box-shadow: none !important;

}

.block.logo ul.mobile-user-menu li a:visited {
   outline: none !important;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
}

.block.logo ul.mobile-user-menu li+li {
   margin-left: 0px;
}

.block.logo ul.mobile-user-menu li.show .dropdown-toggle {
   opacity: 0.7;
}

.block.logo ul.mobile-user-menu li .dropdown-toggle:after {
   display: none;
}

.block.logo ul.mobile-user-menu li .dropdown-menu {
   padding: 0px;
   min-width: 220px;
   border: none;
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   position: relative;
   margin-top: 8px;
   top: 50px !important;
   z-index: 4;
}

.block.logo ul.mobile-user-menu li .dropdown-menu i {
   position: absolute;
   top: -19px;
   right: 28px;
   color: #fff;
   font-size: 30px;
}

@media (max-width: 767.98px) {
   .block.logo ul.mobile-user-menu li .dropdown-menu i {
      right: 4px;
   }
}

.block.logo ul.mobile-user-menu li .dropdown-menu .dropdown-divider {
   margin: 0px;
}

.block.logo ul.mobile-user-menu li .dropdown-menu .dropdown-item {
   padding-top: 10px;
   padding-bottom: 10px;
   font-size: 18px;
   color: #3eb5dd;
   border-radius: 10px;
}

.block.logo ul.mobile-user-menu li .dropdown-menu .dropdown-item.first-item {
   border-top-left-radius: 10px;
   border-top-right-radius: 5px;
}

.block.logo ul.mobile-user-menu li .dropdown-menu .dropdown-item.last-item {
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
}

.block.logo ul.mobile-user-menu li .dropdown-menu .dropdown-item.hello-text {
   color: #adb5bd;
}

@media (max-width: 991.98px) {
   .block.logo ul.mobile-user-menu {
      display: block;
   }
}

.block.brands-slider .brand a {
   display: block;
   text-align: center;
   padding: 30px;
   -webkit-box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.05), 5px 0 5px -5px rgba(0, 0, 0, 0.05);
   box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.05), 5px 0 5px -5px rgba(0, 0, 0, 0.05);
   margin: 3px;
}

.block.brands-slider .brand a img {
   margin: 0 auto;
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
   max-width: 190px;
   max-height: 70px;
}

@media (max-width: 767.98px) {
   .block.brands-slider .brand a img {
      max-width: 100%;
   }
}

.block.brands-slider .slick-dots {
   display: table;
   margin: 0 auto;
   padding: 50px 0 0 0;
}

.block.brands-slider .slick-dots li {
   list-style: none;
   float: left;
   width: 10px;
   height: 10px;
   /*background-color: #adb5bd;*/
   border: 2px solid var(--primary_color);
   border-radius: 10px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
}

.block.brands-slider .slick-dots li button {
   display: none;
}

.block.brands-slider .slick-dots li.slick-active {
   background: var(--primary_color);
   width: 30px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
}

.block.brands-slider .slick-dots li+li {
   margin-left: 10px;
}

.block.calculate-cost {
   padding: 125px 40px 160px 30px !important;
   text-align: center;
   max-width: 500px;
}

@media (max-width: 767.98px) {

   .block.calculate-cost {

      padding: 30px !important;

   }

}



@media (max-width: 767.98px) {

   .block.calculate-cost:before {

      left: 0;

      border-radius: 0px;

   }

}



.block.calculate-cost h3 span {

   display: block;

}



.block.calculate-cost form {

   border: 2px solid #fff;

   border-radius: 40px;

}



.block.calculate-cost form.form-inline {

   display: block;

   margin: 0 auto;

}



@media (max-width: 767.98px) {

   .block.calculate-cost form button.btn {

      display: none;

   }

}



.block.calculate-cost form .form-group {

   margin-bottom: 0px;

}



.block.calculate-cost form.form-control::-webkit-input-placeholder {

   /* Edge */

   color: #fff !important;

}



.block.calculate-cost form.form-control::-ms-input-placeholder {
   color: #fff !important;

}



.block.calculate-cost form.form-control::-ms-input-placeholder {

   color: #fff !important;

}



.block.calculate-cost form.form-control::placeholder {

   color: #fff !important;

}



.block.calculate-cost input.form-control::placeholder {

   color: #fff !important;

   font-weight: 400;

   letter-spacing: 0.5px;

   font-size: 15px;

}

@media (max-width: 991.98px) {

   .block.main-menu.home ul {

      padding-top: 21px;

   }

}



@media (max-width: 991.98px) {

   .block.main-menu {

      display: none;

   }

}



.block.main-menu ul {

   margin: 0;

   /*padding: 14px 0 0 0;*/

   list-style: none;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-pack: center;

   -ms-flex-pack: center;

   justify-content: center;

}



@media (min-width: 1280px) {

   .block.main-menu ul li a {

      font-size: 15px;

   }

}



@media (min-width: 1369px) {

   .block.main-menu ul li a {

      font-size: 18px;

   }

}



@media (max-width: 1279px) {

   .block.main-menu ul li a {

      font-size: 12px;

   }

}



@media (max-width: 1240px) {

   .block.main-menu ul li a {

      font-size: 12px;

   }

}



@media (max-width: 1199.98px) {

   .block.main-menu ul li a {

      padding: 10px 11px !important;

      font-size: 16px;

   }

}



.block.main-menu ul li a:hover {

   background-image: url(../images/icons/tick_white_icon.png);

   background-position: top center;

   background-size: 12px;

   background-repeat: no-repeat;

   -webkit-transition: 0.3s ease;

   transition: 0.3s ease;

}



.block.main-menu ul li.submenu .droupdown a:hover {

   border-radius: 0 !important;

   border-bottom: none !important;

   border: none !important;

}



.block.main-menu ul li.submenu .droupdown a {

   border-radius: 0;

}



.block.main-menu ul li.active a {

   background-image: url(../images/icons/tick_white_icon.png);

   background-position: top center;

   background-size: 12px;

   background-repeat: no-repeat;

   -webkit-transition: 0.3s ease;

   transition: 0.3s ease;

}



@media (max-width: 1199.98px) {

   .block.main-menu ul li.submenu .droupdown {

      display: none;

      position: relative;

      min-width: initial;

      -webkit-box-shadow: none;

      box-shadow: none;

   }

   .block.main-menu ul li.submenu .droupdown li a {

      font-size: 14px;

      padding-top: 5px;

      padding-bottom: 5px;

      color: #495057;

   }

}



.block.main-menu ul li.submenu .droupdown li+li {

   border-top: 1px solid #f8f9fa;

   margin-left: 0px;

}



.block.main-menu ul li.submenu:hover .droupdown {

   display: block;

}



@media (max-width: 1199.98px) {

   .block.main-menu ul li.submenu:hover .droupdown {

      display: none;

   }

}



.block.main-menu ul li+li {
   margin-left: 5px;
}

.block.user-menu {
   margin-left: 0px;
   padding-left: 0px;
}

@media (max-width: 991.98px) {
   .block.user-menu {
      display: none;
   }
}

.block.user-menu ul {
   margin: 0;
   padding: 15px 0 0 0;
   list-style: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

@media (min-width: 1369px) {
   .block.user-menu ul {
      padding-top: 28px;
   }
}

.block.user-menu ul li a {
   padding: 10px 5px;
   position: relative;
   display: block;
}

.block.user-menu ul li a img {
   -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);
   min-height: 30px;
   max-height: 30px;
}

.block.user-menu ul li a .badge {
   border-radius: 10px;
   position: absolute;
   top: 0;
   right: 0;
   width: 20px;
   height: 20px;
   line-height: 21px;
   font-size: 12px;
   padding: 0px 5px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
}

.block.user-menu ul li a:hover {
   opacity: 0.7;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   outline: none !important;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
   color: var(--primary_color) !important;
}

.block.user-menu ul li a:hover .fas.fa-sign-out-alt {
   color: var(--primary_color) !important;
}

.block.user-menu ul li a:focus {
   outline: none !important;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
}

.block.user-menu ul li a:active {
   outline: none !important;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
}

.block.user-menu ul li a:visited {
   outline: none !important;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
}

.block.user-menu ul li.show .dropdown-toggle {
   opacity: 0.7;
}

.block.user-menu ul li .dropdown-toggle:after {
   display: none;
}


.block.user-menu ul li .dropdown-menu {
   padding: 0px;
   min-width: 220px;
   border: none;
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   position: relative;
   margin-top: 8px;
}

.block.user-menu ul li .dropdown-menu i {
   position: absolute;
   top: -19px;
   right: 17px;
   color: #fff;
   font-size: 30px;
}

.block.user-menu ul li .dropdown-menu .dropdown-divider {
   margin: 0px;
}

.block.user-menu ul li .dropdown-menu .dropdown-item {
   padding-top: 10px;
   padding-bottom: 10px;
   font-size: 18px;
   color: #000;
   border-radius: 10px;
   position: relative;
}

.block.user-menu ul li .dropdown-menu .dropdown-item i {
   top: 15px;
   color: #000;
   font-size: 20px;
}

.block.user-menu ul li .dropdown-menu .dropdown-item.first-item {
   border-top-left-radius: 10px;
   border-top-right-radius: 5px;
}

.block.user-menu ul li .dropdown-menu .dropdown-item.last-item {
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
}

.block.user-menu ul li .dropdown-menu .dropdown-item.hello-text {
   color: #adb5bd;
}

.block.user-menu-mobile {
   display: none;
   padding-left: 15px;
   padding-right: 15px;
}

.block.user-menu-mobile ul {
   margin: 0 auto;
   padding: 0;
   list-style: none;
   display: table;
}

.block.user-menu-mobile ul li {
   float: left;
}

.block.user-menu-mobile ul li a {
   padding: 5px 15px;
   position: relative;
   line-height: 30px;
   display: block;
}

.block.user-menu-mobile ul li a img {
   min-height: 30px;
}

@media (max-width: 991.98px) {

   .block.user-menu-mobile ul li a img {
      min-height: 60px;
   }
}

@media (max-width: 767.98px) {
   .block.user-menu-mobile ul li a img {
      min-height: 30px;
   }
}

.block.user-menu-mobile ul li a .badge {
   border-radius: 10px;
   position: absolute;
   top: 0;
   right: 0;
   min-width: 14px;
   height: 20px;
   line-height: 20px;
   font-size: 18px;
   padding: 0px 5px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
}

@media (max-width: 767.98px) {
   .block.user-menu-mobile ul li a .badge {
      height: 20px;
      min-width: 14px;
      border-radius: 10px;
      line-height: 20px;
      font-size: 18px;
   }
}

.block.user-menu-mobile ul li a:hover {
   opacity: 0.7;
   -webkit-transition: 0.3s;
   transition: 0.3s;
}

.block.user-menu-mobile ul li.show .dropdown-toggle {
   opacity: 0.7;
}

.block.user-menu-mobile ul li .dropdown-toggle {
   border-right: 1px solid #e9ecef;
}

.block.user-menu-mobile ul li .dropdown-toggle:after {
   display: none;
}

.block.user-menu-mobile ul li .dropdown-menu {
   padding: 0px;
   min-width: 220px;
   border: none;
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   position: relative;
   margin-top: 8px;
}

.block.user-menu-mobile ul li .dropdown-menu.dropdown-menu-right {
   left: 25px !important;
}

.block.user-menu-mobile ul li .dropdown-menu i {
   position: absolute;
   top: -19px;
   right: 48%;
   color: #fff;
   font-size: 30px;
}

.block.user-menu-mobile ul li .dropdown-menu .dropdown-divider {
   margin: 0px;
}

.block.user-menu-mobile ul li .dropdown-menu .dropdown-item {
   padding-top: 10px;
   padding-bottom: 10px;
   font-size: 18px;
   color: #3eb5dd;
   border-radius: 10px;
}

.block.user-menu-mobile ul li .dropdown-menu .dropdown-item.first-item {
   border-top-left-radius: 10px;
   border-top-right-radius: 5px;
}

.block.user-menu-mobile ul li .dropdown-menu .dropdown-item.last-item {
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
}

.block.user-menu-mobile ul li .dropdown-menu .dropdown-item.hello-text {
   color: #adb5bd;
}

.block.showcase-text {
   color: #eaeaea;
   padding-top: 10%;
   padding-bottom: 40%;
   padding-left: 50px;
}

@media (max-width: 1300px) {
   .block.showcase-text {
      padding-left: 0px;
   }
}

@media (max-width: 1199.98px) {
   .block.showcase-text {
      padding-bottom: 0;
   }
}

@media (max-width: 991.98px) {
   .block.showcase-text {
      padding-top: 0;
      padding-bottom: 0;
   }
}

.block.showcase-text h1 span {
   font-weight: 300;
   font-size: 35px;
}

@media (max-width: 767.98px) {
   .block.showcase-text h1 {
      font-size: 33px;
      line-height: 40px;
   }
}

@media (max-width: 767.98px) {

   .block.showcase-text p {
      font-size: 15px;
      padding: 10px 0;
      line-height: 24px;
   }
}

.block.showcase-image {
   position: relative;
   text-align: right;
}

@media (max-width: 767.98px) {

   .block.showcase-image {
      margin-bottom: 0px;
      padding-bottom: 0px;
   }
}

.block.showcase-image img {
   -webkit-animation-duration: 3s;
   animation-duration: 3s;
   max-height: 440px;
}

@media (max-width: 991.98px) {
   .block.showcase-image img {
      position: relative;
      right: 0%;
   }
}

.block.heading {
   position: relative;
}

.block.heading .back-button {
   position: absolute;
   right: 25px;
   top: -5px;
}

@media (max-width: 767.98px) {
   .block.heading .back-button {
      position: relative;
      top: 0;
      right: auto;
      margin-bottom: 20px;
   }
}

.block.heading h3 img {
   max-width: 43px;
}

@media (max-width: 767.98px) {
   .block.heading h3.feature-title {
      font-size: 30px;
      line-height: 35px;
   }
}

@media (max-width: 767.98px) {
   .block.heading h3 {
      font-size: 20px !important;
      line-height: 30px !important;
   }

   .block.heading h3 span {
      display: block;
      margin-bottom: 4px;
   }

   .block.heading h3.py-4 {
      padding-top: 0px !important;
   }
}

.block.heading.empty-heading h3 {
   font-size: 30px;
}

.block.heading.empty-heading .form-control {
   border: 1px solid #adb5bd !important;
   width: 100% !important;
}

.block.heading.thin-title {
   padding-bottom: 0px;
}

.block.heading h4.device-name-dt {
   min-height: 48px;
}

@media (max-width: 767.98px) {
   .block.heading h4 {
      font-size: 18px;
   }
}

@media (max-width: 1199.98px) {
   .block.heading .form-control {
      width: 60%;
   }
}

@media (max-width: 767.98px) {
   .block.heading .form-control {
      width: 80%;
      margin-bottom: 20px;
      font-size: 16px;
   }
}

.block.heading .form-control::-webkit-input-placeholder {
   /* Edge */
   color: #ced4da !important;
}

.block.heading .form-control:-ms-input-placeholder {
   color: #ced4da !important;
}

.block.heading .form-control::-ms-input-placeholder {
   color: #ced4da !important;
}

.block.heading .form-control::placeholder {
   color: #ced4da !important;
}

.block.heading p {
   color: #343a40;
   margin: 0;
   padding: 20px 0;
   font-weight: 500;
}

@media (max-width: 767.98px) {
   .block.heading p {
      font-size: 16px;
   }
}

.block.heading form.form-inline .form-group {
   width: 100%;
}

@media (max-width: 991.98px) {
   .block.heading form.form-inline .form-group {
      text-align: center;
   }
}

.block.heading form.form-inline .form-group .form-control {
   line-height: 52px;
   height: 52px;
   width: 70%;
}

@media (max-width: 991.98px) {
   .block.heading form.form-inline .form-group .form-control {
      width: 100%;
      line-height: 70px;
      height: 70px;
   }
}

@media (max-width: 767.98px) {

   .block.heading form.form-inline .form-group .form-control {
      width: 100%;
      line-height: 40px;
      height: 40px;
   }
}

.block.heading form.form-inline .form-group .btn {
   min-width: 160px;
}

.block.newsletter {
   padding-left: 0px;
   margin-left: 0px;
}

.block.newsletter .feature-title {
   font-weight: 400;
   color: var(--heading_title_color);
   font-size: 30px;
}

.block.newsletter p {
   color: #495057;
   font-family: "Metropolis";
}

.block.newsletter .form-inline .form-control {
   border: none !important;
   -webkit-box-shadow: none;
   box-shadow: none;
   font-family: "Metropolis";
   background: transparent;
}

.block.newsletter .form-inline .form-group {
   margin-bottom: 0px;
}

.block.newsletter .form-inline button {
   color: #3eb5dd;
}

@media (max-width: 767.98px) {
   .block.newsletter .form-inline button {
      display: none;
   }
}

.block.devices {
   margin-left: 23px;
   margin-right: 23px;
}

.block.devices .card {
   -webkit-transition: 0.3s;
   transition: 0.3s;
   border: none;
   -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.09);
   box-shadow: 0 0px 10px rgba(0, 0, 0, 0.09);
   padding: 0;
   border-radius: 5px;
   max-height: 300px;
   min-height: 300px;
   overflow: hidden;
   text-decoration: none;
}

.block.devices .card img {
   max-height: 85px;
   max-width: 100%;
   width: auto;
}

.social-link:hover path {
   fill: red;
}

.block.devices .card.first h5 {
   padding-top: 90px;
}

@media (max-width: 1199.98px) {
   .block.devices .card.first h5 {
      padding-top: 70px;
   }
}

@media (max-width: 767.98px) {
   .block.devices .card.first h5 {
      padding-top: 40px;
   }
}

.block.devices .card.first img {
   max-height: 500px;
}

@media (max-width: 767.98px) {
   .block.devices .card.first img {
      max-height: 250px;
   }
}

.block.devices .card.fourth img {
   margin-top: 15px;
}

@media (max-width: 767.98px) {
   .block.devices .category.row.pb-5 {
      padding-bottom: 0px !important;
   }
}

.block.devices .category.row .card {
   -webkit-box-shadow: none;
   box-shadow: none;
   text-align: center;
   display: block;
   max-height: 280px;
   min-height: 280px;
   overflow: hidden;
}

.block.devices .category.row .card .image {
   max-height: 190px;
   min-height: 190px;
   max-width: 190px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin: 0 auto;
   position: relative;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   background: #fff;
   background-clip: padding-box;
   border: solid 3px transparent;
   border-radius: 50%;
   z-index: 1;
}

.block.devices .category.row .card .image img {
   max-height: 85px;
   max-width: 105px;
   margin: 0 auto;
}

.block.devices .category.row .card .image img+img {
   display: none;
}

.block.devices .category.row .card .image:hover img {
   display: none;
}

.block.devices .category.row .card .image:hover img+img {
   display: inline-block;
   filter: unset;
}

.block.devices .category.row .card h5 {
   padding-top: 20px;
   padding-bottom: 0px;
}

.block.devices .category.row.model-category .card {
   background-color: transparent;
   min-height: initial;
   max-height: initial;
   padding-bottom: 30px;
   padding-top: 15px;
}

.block.devices .category.row.model-category .card .image {
   max-height: initial;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   background-color: transparent;
}

@media (max-width: 991.98px) {
   .block.devices .category.row.model-category .card .image {
      min-height: initial;
      max-height: initial;
   }
}

.block.devices .category.row.model-category .card .image:after,
.block.devices .category.row.model-category .card .image:before {
   display: none;
}

.block.devices .category.row.model-category .card img {
   max-height: 265px;
   min-height: initial;
   display: table;
   margin: 0 auto;
   height: 100%;
   max-width: 240px;
}

@media (max-width: 991.98px) {
   .block.devices .category.row.model-category .card img {
      max-height: 220px;
      min-height: 220px;
   }
}

.block.devices .category.row.model-category .card h5 {
   padding-top: 10px;
}

.inner .block.devices.inner_page_step .category.row.model-category .card {
   background-color: #fff;
   min-height: 290px;
   max-height: 290px;
   height: 100%;
   border-radius: 0;
   /* margin: 5px 5px; */
   margin: 0;
   padding: 30px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   border-radius: 10px;
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.45) inset;
}

.inner .block.devices.inner_page_step .category.row.model-category .card .image {
   min-height: 120px !important;
}

.inner .block.devices.inner_page_step .category.row.model-category .card:hover .image {
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
   -webkit-transition: 0.3s;
   transition: 0.3s;
   box-shadow: none;
}

.inner .block.devices.inner_page_step .card h5 {
   font-size: 16px;
   padding: 15px 15px 0 !important;
}

.block.devices .category.row.model-category .card h6 {
   font-size: 14px !important;
}

.block.devices.inner_page_step .category.row.model-category .card img {
   width: 150px;
   height: 150px;
   object-fit: contain;
}

.inner .block.devices.inner_page_step .category.row.model-category .card:hover {
   -webkit-background: linear-gradient(to right, var(--primary_color), var(--secondary_color));
   -moz-background: linear-gradient(to right, var(--primary_color), var(--secondary_color));
   -o-background: linear-gradient(to right, var(--primary_color), var(--secondary_color));
   background: linear-gradient(to right, var(--primary_color), var(--secondary_color));
}

.inner .block.devices.inner_page_step .card.active h5,
.inner .block.devices.inner_page_step .card:hover h5 {
   color: var(--primary_text_color);
}

.inner .block.devices.inner_page_step .category.row.model-category .card.active h6,
.inner .block.devices.inner_page_step .category.row.model-category .card:hover h6 {
   color: #fff;
}

.block.devices .category.row.model-category .card.active img,
.block.devices .category.row.model-category .card:hover img {
   display: inline-block;
}

.block.devices .category.row.model-category .card.active h5,
.block.devices .category.row.model-category .card.active h6,
.block.devices .category.row.model-category .card:hover h5,
.block.devices .category.row.model-category .card:hover h6 {
   /*color: #fff;*/
}

.block.review-slide {
   position: relative;
}

.block.review-slide .slick-dots {
   display: table;
   margin: 0 auto;
   padding: 50px 0 0 0;
}

@media (max-width: 767.98px) {
   .block.review-slide .slick-dots {
      padding-top: 15px;
   }
}

.block.review-slide .slick-dots li {
   list-style: none;
   float: left;
   width: 10px;
   height: 10px;
   border-radius: 10px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   border: 2px solid #fff;
}

.block.review-slide .slick-dots li button {
   display: none;
}

.block.review-slide .slick-dots li.slick-active {
   background: #fff;
   width: 30px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
}

.block.review-slide .slick-dots li+li {
   margin-left: 5px;
}

@media (max-width: 767.98px) {
   .block.review-slide .col-md-12 {
      padding-left: 15px;
      padding-right: 15px;
   }
}

.block.review-slide .card {
   border: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   background-color: transparent;
   padding-left: 35px;
}

.block.review-slide .card:hover {
   cursor: pointer;
}

.block.review-slide .card:hover .card-body {
   border-color: #fff;
}

.block.review-slide .card:hover .card-body .image {
   border-color: #fff;
}

@media (max-width: 768px) {
   .block.review-slide .card .card-body {
      height: 165px;
   }
}

@media (max-width: 767.98px) {
   .block.review-slide .card .card-body {
      height: auto !important;
      min-height: 150px;
   }
}

.block.review-slide .card .card-body .image img {
   width: 100%;
   padding: 5px;
}

.block.review-slide .card .card-body a {
   color: #fff;
   text-decoration: underline;
}

.block.easy-steps {
   margin-top: 0px;
   padding-top: 0px;
}

@media (max-width: 991.98px) {
   .block.easy-steps .card-group {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
      flex-flow: column wrap;
   }
}

.block.easy-steps .card-group .card {
   background: none;
}

.block.easy-steps .card-body {
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
}

.block.easy-steps .image {
   max-height: 220px;
   min-height: 220px;
   text-align: center;
   position: relative;
}

.block.easy-steps .image.laptop img {
   max-height: 250px;
}

@media (max-width: 991.98px) {
   .block.easy-steps .image.laptop img {
      max-height: initial;
   }
}

@media (max-width: 991.98px) {

   .block.easy-steps .image {
      text-align: center;
   }
}


.block.easy-steps .image img {
   width: auto;
   max-height: 230px;
   max-width: 100%;
   position: absolute;
   z-index: 9;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
}

@media (max-width: 991.98px) {

   .block.easy-steps .image img {
      padding-left: 100px;
      padding-right: 100px;
      max-height: initial;
   }
}

@media (max-width: 767.98px) {

   .block.easy-steps .image img {
      padding-left: 20px;
      padding-right: 20px;
      max-height: initial;
   }
}

@media (max-width: 1199.98px) {
   .block.easy-steps .card-title {
      font-size: 24px !important;
   }
}

@media (max-width: 767.98px) {
   .block.easy-steps .card-title {
      font-size: 20px !important;
   }
}

.block.why-choose {
   text-align: center;
   background-color: #fff;
   border-radius: 10px;
   padding: 0px !important;
}

.block.why-choose img {
   width: auto;
   max-height: 90px;
}

@media (max-width: 767.98px) {
   .block.why-choose img {
      max-height: 60px;
      width: auto;
   }
}

.block.why-choose .card-body {
   border-bottom: 0px;
}

@media (max-width: 767.98px) {
   .block.why-choose .card-body p {
      font-size: 14px;
   }
}

@media (max-width: 1199.98px) {
   .block.why-choose .card-title {
      font-size: 18px !important;
      margin-bottom: 0px !important;
      line-height: 24px !important;
   }
}

@media (max-width: 767.98px) {
   .block.why-choose .card-title {
      font-size: 20px !important;
      margin-bottom: 0px !important;
      line-height: 24px !important;
   }
}

@media (max-width: 991.98px) {

   .block.why-choose .card-group {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
      flex-flow: column wrap;
   }
}

.block.why-choose .card-group>.card {
   border: none;
   position: relative;
}

@media (max-width: 991.98px) {
   .block.why-choose .card-group>.card {
      margin-bottom: 0px;
      border-radius: 0px;
      border: none;
      padding: 0 10px;
   }

   .block.why-choose .card-group>.card:first-child {
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      border-bottom: 0px;
      padding-top: 30px;
      padding-bottom: 30px;
   }

   .block.why-choose .card-group>.card:first-child .card-body {
      border-bottom: 1px solid #ddd;
      padding-bottom: 30px;
   }

   .block.why-choose .card-group>.card:last-child {
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      border-top: 0px;
      padding-top: 30px;
      padding-bottom: 30px;
   }

   .block.why-choose .card-group>.card:last-child .card-body {
      border-top: 1px solid #ddd;
      padding-top: 30px;
   }

   .block.why-choose .card-group>.card .card-body {
      padding: 0px;
   }
}

@media (max-width: 768px) {
   .block.why-choose .card-group>.card+.card:after {
      display: none;
   }
}

@media (max-width: 767.98px) {
   .block.why-choose .card-group>.card+.card:after {
      display: none;
   }
}

.block.why-choose-page img {
   max-height: 50px;
   margin-right: 20px;
   -webkit-filter: opacity(.5) drop-shadow(0 0 0 var(--primary_color));
   filter: opacity(.6) drop-shadow(0 0 0 var(--primary_color));
}

@media (max-width: 1240px) {
   .block.why-choose-page {
      font-size: 20px;
   }
}

@media (max-width: 800px) {
   .block.why-choose-page {
      font-size: 10px;
   }
}

@media (max-width: 768px) {
   .block.why-choose-page {
      font-size: 12px;
   }

   .block.why-choose-page img {
      max-height: 30px;
      margin-right: 10px;
   }

}

@media (max-width: 767.98px) {
   .block.product-links h4 {
      font-size: 16px !important;
   }
}

.block.product-links ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

@media (max-width: 991.98px) {
   .block.product-links ul li a {
      font-size: 14px !important;
      line-height: 22px !important;
   }
}

@media (max-width: 991.98px) {

   .block.product-links .col-md-6 {
      padding-bottom: 50px;
   }
}

@media (max-width: 767.98px) {
   .block.product-links .col-5 {
      padding-bottom: 50px;
   }
}

@media (max-width: 767.98px) {
   .block.copyright p {
      font-size: 13px;
      line-height: 18px;
      max-width: 300px;
      margin: 0 auto;
   }
}

.block.phone-details .upto-price-button:hover {
   -webkit-box-shadow: none;
   box-shadow: none;
}

.block.phone-details .card {
   padding: 50px 50px 55px 50px;
   border: none;
   border-radius: 0px;
   background-color: transparent;
}

@media (max-width: 991.98px) {
   .block.phone-details .card {
      padding: 30px;
   }
}

@media (max-width: 767.98px) {
   .block.phone-details .card {
      padding: 0px;
      -webkit-box-shadow: none;
      box-shadow: none;
   }
}

.block.phone-details .card .phone-image-block:after {
   margin: 0 auto;
   position: absolute;
   content: "";
   left: 0;
   right: 0;
   top: 0;
   width: 275px;
   height: 335px;
   background: -webkit-gradient(linear, left top, right top, from(var(--primary_color)), to(var(--secondary_color)));
   background: linear-gradient(to right, var(--primary_color), var(--secondary_color));
   -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
   border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
   transform: rotate(233deg);
   z-index: -9
}

.block.phone-details .card .phone-image-block img.phone-image {
   max-width: 200px;
   max-height: 465px;
   position: relative;
   left: 0;
   padding-top: 50px;
}

@media (max-width: 991.98px) {
   .block.phone-details .card .phone-image-block img.phone-image {
      max-width: 220px;
      max-height: 260px;
      min-height: initial;
      position: relative;
      left: 0px;
      padding: 10px;
   }
}

@media (max-width: 767.98px) {
   .block.phone-details .card .phone-image-block img.phone-image {
      max-width: 220px;
      min-height: initial;
      position: relative;
      left: 0px;
      padding: 10px;
   }
}

.block.phone-details .card .h4 {
   font-size: 24px;
   font-weight: 400;
   margin-bottom: 10px;
   color: var(--main_background_text_color);
   padding-left: 30px;
   font-family: "Metropolis";
}

.block.phone-details .card .h4 span {
   color: #adb5bd;
}

@media (max-width: 767.98px) {
   .block.phone-details .card .h4 {
      font-size: 24px;
      font-weight: 300;
      text-align: center;
      padding-left: 0px;
      padding-top: 10px;
      padding-bottom: 5px;
   }
}

.block.phone-details .card .status-options,
.block.phone-details .card .carrier-options,
.block.phone-details .card .storage-options {
   padding-left: 30px;
   margin: 0 -8px;
}

@media (max-width: 767.98px) {

   .block.phone-details .card .status-options,
   .block.phone-details .card .carrier-options,
   .block.phone-details .card .storage-options {
      padding-left: 0px;
   }
}

.block.phone-details .card .status-options .custom-control.custom-radio,
.block.phone-details .card .carrier-options .custom-control.custom-radio,
.block.phone-details .card .storage-options .custom-control.custom-radio {
   padding-left: 0px;
}

@media (max-width: 991.98px) {

   .block.phone-details .card .status-options .custom-control.custom-radio .custom-control-label,
   .block.phone-details .card .carrier-options .custom-control.custom-radio .custom-control-label,
   .block.phone-details .card .storage-options .custom-control.custom-radio .custom-control-label {
      min-width: 125px;
   }
}

@media (max-width: 767.98px) {

   .block.phone-details .card .status-options .custom-control.custom-radio .custom-control-label,
   .block.phone-details .card .carrier-options .custom-control.custom-radio .custom-control-label,
   .block.phone-details .card .storage-options .custom-control.custom-radio .custom-control-label {
      font-size: 18px;
   }

   .block.phone-details .card .status-options .custom-control.custom-radio .custom-control-label span,
   .block.phone-details .card .carrier-options .custom-control.custom-radio .custom-control-label span,
   .block.phone-details .card .storage-options .custom-control.custom-radio .custom-control-label span {
      background: -webkit-gradient(linear, left top, right top, from(var(--primary_color)), to(var(--secondary_color)));
      background: linear-gradient(to right, var(--primary_color), var(--secondary_color));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
   }
}

.block.phone-details .card .status-options .custom-control.custom-radio .custom-control-label:before,
.block.phone-details .card .status-options .custom-control.custom-radio .custom-control-label:after,
.block.phone-details .card .carrier-options .custom-control.custom-radio .custom-control-label:before,
.block.phone-details .card .carrier-options .custom-control.custom-radio .custom-control-label:after,
.block.phone-details .card .storage-options .custom-control.custom-radio .custom-control-label:before,
.block.phone-details .card .storage-options .custom-control.custom-radio .custom-control-label:after {
   display: none;
}

.block.phone-details .card .status-options .custom-control.custom-radio .custom-control-label img,
.block.phone-details .card .carrier-options .custom-control.custom-radio .custom-control-label img,
.block.phone-details .card .storage-options .custom-control.custom-radio .custom-control-label img {
   max-width: 80%;
   max-height: 40px;
}

.block.phone-details .card .status-options .custom-control.custom-radio .custom-control-label .info-text,
.block.phone-details .card .carrier-options .custom-control.custom-radio .custom-control-label .info-text,
.block.phone-details .card .storage-options .custom-control.custom-radio .custom-control-label .info-text {
   font-size: 12px;
   line-height: 14px;
   color: #7c8d9c;
   font-weight: 300;
   padding-left: 2px;
   padding-right: 2px;
   -webkit-text-fill-color: #7c8d9c;
}

.block.phone-details .card .status-options .custom-control.custom-radio .custom-control-input:checked~.custom-control-label img,
.block.phone-details .card .carrier-options .custom-control.custom-radio .custom-control-input:checked~.custom-control-label img,
.block.phone-details .card .storage-options .custom-control.custom-radio .custom-control-input:checked~.custom-control-label img {
   -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);
}

#model_details label.custom-control-label:hover img {
   -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);
}

.block.phone-details .card .status-options .custom-control.custom-radio .custom-control-input:checked~.custom-control-label span,
.block.phone-details .card .carrier-options .custom-control.custom-radio .custom-control-input:checked~.custom-control-label span,
.block.phone-details .card .storage-options .custom-control.custom-radio .custom-control-input:checked~.custom-control-label span {
   color: #fff;
   -webkit-text-fill-color: #fff;
}

.block.phone-details .card .status-options .custom-control.custom-radio .custom-control-input:checked~.custom-control-label span.info-text,
.block.phone-details .card .carrier-options .custom-control.custom-radio .custom-control-input:checked~.custom-control-label span.info-text,
.block.phone-details .card .storage-options .custom-control.custom-radio .custom-control-input:checked~.custom-control-label span.info-text {
   color: #fff;
   -webkit-text-fill-color: #fff;
}

.block.phone-details .card .status-options .custom-control.custom-radio.custom-control-inline,
.block.phone-details .card .carrier-options .custom-control.custom-radio.custom-control-inline,
.block.phone-details .card .storage-options .custom-control.custom-radio.custom-control-inline {
   margin-right: 3px;
   margin-left: 3px;
   margin-bottom: 8px;
   border-radius: 5px;
}

@media (max-width: 767.98px) {
   .block.phone-details .card .storage-options {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -ms-flex-line-pack: end;
      align-content: flex-end;
   }
}

.block.phone-details .card .carrier-options .custom-control.custom-radio .custom-control-label {
   vertical-align: middle;
   padding-bottom: 15px;
}

@media (max-width: 767.98px) {

   .block.phone-details .card .carrier-options {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -ms-flex-line-pack: end;
      align-content: flex-end;
   }
}

.block.phone-details .card .status-options .custom-control.custom-radio.custom-control-inline {
   margin-bottom: 0px;
}

@media (max-width: 767.98px) {
   .block.phone-details .card .status-options {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -ms-flex-line-pack: end;
      align-content: flex-end;
   }
}

.block.phone-details .card .note {
   color: #7c8d9c;
   font-size: 12px;
   margin-top: 10px;
   padding-left: 30px;
   margin-bottom: 0px;
}

@media (max-width: 767.98px) {
   .block.phone-details .card .note {
      text-align: center;
   }
}

.block.condition-tab {
   border: none;
   border-radius: 4px;
   padding: 0 !important;
   margin-left: 30px;
   margin-right: 30px;
   background-color: #fff;
}

@media (max-width: 767.98px) {
   .block.condition-tab.mobile-shadow-none {
      -webkit-box-shadow: none;
      box-shadow: none;
   }
}

@media (max-width: 767.98px) {
   .block.condition-tab {
      margin-bottom: 20px;
   }
}

.block.condition-tab .border-right {
   border-right: 3px solid #e9ecef;
}

.block.condition-tab .accordion {
   padding: 30px 45px;
}

@media (max-width: 767.98px) {
   .block.condition-tab .accordion {
      padding: 0px;
   }
}

.block.condition-tab .accordion .card {
   -webkit-box-shadow: 0 0 5px rgba(14, 39, 39, 0.2);
   box-shadow: 0 0 5px rgba(14, 39, 39, 0.2);
   border: none;
   border-radius: 4px;
}

.block.condition-tab .accordion .card .card-header {
   background-color: transparent;
   padding: 0;
}

.block.condition-tab .accordion .card .card-header .btn.btn-link {
   font-size: 24px;
   padding-top: 19px;
   padding-bottom: 19px;
   text-align: center;
   border: none;
   font-weight: 300;
   position: relative;
   width: 100%;
   text-align: left;
   text-decoration: none;
   background: -webkit-gradient(linear, left top, right top, from(var(--primary_color)), to(var(--secondary_color)));
   background: linear-gradient(to right, var(--primary_color), var(--secondary_color));
   color: #fff;
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
}

@media (max-width: 991.98px) {
   .block.condition-tab .accordion .card .card-header .btn.btn-link {
      font-size: 20px;
      padding-right: 30px;
      line-height: 24px;
   }
}

.block.condition-tab .accordion .card .card-header .btn.btn-link span {
   position: absolute;
   right: 0;
   top: 10px;
}

.block.condition-tab .accordion .card .card-header .btn.btn-link .plus {
   display: none;
}

.block.condition-tab .accordion .card .card-header .btn.btn-link .minus {
   display: block;
}

.block.condition-tab .accordion .card .card-header .btn.btn-link.collapsed {
   background: #fff;
   color: #495057;
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
}

.block.condition-tab .accordion .card .card-body {
   color: #7c8d9c;
   font-size: 19px !important;
   line-height: 25px;
}

@media (max-width: 991.98px) {
   .block.condition-tab .accordion .card .card-body {
      font-size: 14px;
   }
}

.block.condition-tab .accordion .card .collapse.show~.card-header {
   background-color: #000 !important;
}

.block.condition-tab .accordion .card+.card {
   margin-top: 20px;
}

.table-div .table-row .table-cell.description h6 {
   color: var(--main_background_text_color);
   font-family: "Metropolis";
}

.table-div .table-row .table-cell.description table.table.table-borderless td {
   color: var(--main_background_text_color);
}

.block.condition-tab .upto-price-button:hover {
   -webkit-box-shadow: none;
   box-shadow: none;
}

@media (max-width: 767.98px) {
   .block.condition-tab {
      margin-left: 0px;
      margin-right: 0px;
   }
}

.block.condition-tab .col-lg-3 {
   border-right: 1px solid #e9ecef;
}

@media (max-width: 991.98px) {

   .block.condition-tab .col-lg-3 {
      border-right: none;
   }
}

.block.condition-tab .col-lg-5 {
   border-right: 1px solid #e9ecef;
}

@media (max-width: 991.98px) {
   .block.condition-tab .col-lg-5 {
      border-right: none;
   }
}

.block.condition-tab .nav.nav-pills {
   border-top: 2px solid #e9ecef;
   border-bottom: 2px solid #e9ecef;
   padding: 20px;
}

@media (max-width: 991.98px) {
   .block.condition-tab .nav.nav-pills {
      margin-right: 0px;
      -webkit-box-shadow: 0 0 5px rgba(14, 39, 39, 0.2);
      box-shadow: 0 0 5px rgba(14, 39, 39, 0.2);
   }
}

@media (max-width: 767.98px) {
   .block.condition-tab .nav.nav-pills .nav-link {
      font-size: 17px;
   }
}

.block.condition-tab .tab-content .tab-pane {
   padding: 40px 0;
}

@media (max-width: 991.98px) {
   .block.condition-tab .tab-content .tab-pane {
      padding-bottom: 0px;
   }
}

@media (max-width: 991.98px) {
   .block.condition-tab .tab-content .tab-pane ul {
      font-size: 14px;
      line-height: 18px;
   }

   .block.condition-tab .tab-content .tab-pane ul li+li {
      padding-top: 10px;
   }
}

.block.condition-tab .show-price {
   padding: 40px;
}

@media (max-width: 991.98px) {
   .block.condition-tab .show-price {
      display: none;
   }
}

.block.condition-tab .show-price .spining-icon i {
   color: #000;
   background: linear-gradient(to right, var(--primary_color), var(--secondary_color));
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

@media (max-width: 1240px) {
   .block.condition-tab .show-price .price-total {
      font-size: 81px;
   }
}

@media (max-width: 1199.98px) {
   .block.condition-tab .show-price .price-total {
      font-size: 81px;
   }
}

.block.condition-tab .show-price .price-total span {
   font-size: 45px;
}

.block.condition-tab .show-price .price-bonus {
   font-size: 22px;
   color: #3eb5dd;
   padding-bottom: 15px;
}

.block.condition-tab .show-price .price-bonus img {
   max-height: 22px;
   position: relative;
   top: -4px;
}

.block.condition-tab .show-price .price-coupon {
   max-width: 200px;
   margin: 0 auto;
   margin-bottom: 20px;
   position: relative;
}

.block.condition-tab .show-price .price-coupon .form-control {
   border-left: 0;
   border-right: 0;
   border-top: 0;
   border-color: #3eb5dd;
   font-size: 22px;
   color: #3eb5dd;
   border-radius: 0px;
   text-align: center;
}

.block.condition-tab .show-price .price-coupon .form-control:not(:valid)~.close-icon {
   display: none;
}

.block.condition-tab .show-price .price-coupon .close-icon {
   position: absolute;
   right: 0;
   top: 3px;
}

.block.condition-tab .show-price .price-coupon img.status {
   position: absolute;
   right: -40px;
   top: 13px;
}

.block.condition-tab .show-price p.note {
   color: #7c8d9c;
   font-size: 14px;
   max-width: 300px;
   margin: 0 auto;
   margin-bottom: 20px;
}

.block.condition-tab .show-price button.btn,
.block.condition-tab .show-price a.btn {
   min-width: 220px;
}

.block.condition-tab .show-price button.btn.btn-primary,
.block.condition-tab .show-price a.btn.btn-primary {
   line-height: 40px;
}

.block.device-brands .brand-roll {
   margin: 0 -10px;
}

/***15/07/2020***/

.block.device-brands .brand-roll .brand {
   position: relative;
   display: inline-block;
   vertical-align: middle;
}

.block.device-brands .brand-roll {
   text-align: center;
}

.home_brand_section .slick-track {
   width: 100% !important;
}

.home_brand_section .slick-slide {
   float: none !important;
   display: inline-block;
   vertical-align: middle;
   width: 312px !important;
}

.home_brand_section .block.device-brands .brand-roll .brand a img {
   position: absolute;
   left: 0;
   right: 0;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   margin: auto;
   width: auto;
   height: auto;
   max-width: 100%;
   max-height: 70px;
}

/***hide 22/08/2020***/
@media (max-width: 767.98px) {
   .block.device-brands .brand-roll .brand {
      margin: 2.5px 0;
   }
}

.block.device-brands .brand-roll .brand a {
   display: block;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   background: #fff;
   border-radius: 10px;
   height: 245px;
   width: 305px;
   margin: 0 5px 10px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   text-align: center;
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.45) inset;
}

.block.device-brands .brand-roll {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-flex-line-pack: end;
   align-content: flex-end;
}

.block.device-brands.inner_brands_section .brand-roll .brand {
   float: left;
   margin: 5px;
}

.block.device-brands .brand-roll .brand a:before {
   content: "";
   background-image: url(../images/icons/tick_white_icon.png);
   background-size: 38px;
   background-repeat: no-repeat;
   position: absolute;
   top: 28px;
   right: 28px;
   width: 38px;
   height: 28px;
   display: none;
}

.block.device-brands .brand-roll .brand a img {
   display: table;
   margin: 0 auto;
   max-width: 80%;
   max-height: 130px;
}

@media (max-width: 767.98px) {
   .block.device-brands .brand-roll .brand a img {
      max-height: 60px;
   }
}

.block.device-brands .brand-roll .brand a:hover:before {
   display: block;
}

.block.device-brands .brand-roll .brand a:hover img {
   -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);
}

.block.button-roll button {
   display: inline-block;
   margin: 5px;
}

.block.setting-page {
   border-radius: 7px;
   margin-left: 30px;
   margin-right: 30px;
}

.block.setting-page.account {
   background-color: #fff;
   margin-left: -15px;
   margin-right: -15px;
   margin-top: 0px;
   margin-bottom: 0px;
}

@media (max-width: 767.98px) {
   .block.setting-page {
      -webkit-box-shadow: none;
      box-shadow: none;
      margin-left: 0px;
      margin-right: 0px;
      background: none;
      border-radius: 0px;
      padding-top: 12px !important;
   }
}

.block.setting-page .block.heading.page-heading {
   padding-top: 70px;
}

.block.setting-page .inner {
   padding: 35px 0px;
}

.block.setting-page .left-menu {
   max-width: 280px;
}

@media (max-width: 991.98px) {
   .block.setting-page .left-menu {
      display: none;
   }
}

.block.setting-page .left-menu ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.block.setting-page .left-menu ul li a {
   display: block;
   padding: 7px 15px;
   color: #000;
   font-size: 15px;
   line-height: 24px;
   border-radius: 19px;
   text-decoration: none;
}

.block.setting-page .left-menu ul li a span {
   width: 42px;
   display: inline-block;
   text-align: center;
   padding-right: 14px;
}

.block.setting-page .left-menu ul li a span img {
   padding: 0px;
}

.block.setting-page .left-menu ul li a span.count {
   color: #ff1f1f;
}

.block.setting-page .left-menu ul li a:hover span img,
.block.setting-page .left-menu ul li a.active span img {
   -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);
}

.block.setting-page .left-menu ul li a:hover,
.block.setting-page .left-menu ul li a.active {
   background-color: var(--primary_color);
   color: var(--menu_color);
}

.block.setting-page .left-menu ul li+li {
   margin-top: 15px;
}

.block.setting-page .right-content {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 calc(100% - 240px);
}

@media (max-width: 991.98px) {
   .block.setting-page .right-content {
      max-width: 100%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
   }
}

.block.setting-page .card {
   border: none;
   background-color: transparent;
   -webkit-box-shadow: none;
   box-shadow: none;
   border: 1px solid #e9ecef;
}

.block.setting-page .card-title {
   font-size: 24px;
   color: #3a4d5c;
   font-weight: 400;
}

@media (max-width: 767.98px) {
   .block.setting-page .card-title {
      font-size: 20px;
   }

   .block.setting-page .card {
      border-bottom: 0px !important;
   }
}

.block.setting-page label {
   font-weight: 400;
   font-size: 16px;
   color: var(--main_background_text_color);
}

@media (max-width: 767.98px) {
   .block.setting-page label {
      font-size: 17px;
   }
}

.block.setting-page .form-control {
   border-radius: 0px;
   border-left: 0px;
   border-right: 0px;
   border-top: 0px;
   color: var(--main_background_text_color);
   font-weight: 400;
   font-size: 16px;
}

@media (max-width: 767.98px) {
   .block.setting-page .form-control {
      font-size: 17px;
   }
}

.block.setting-page.was-validated .form-control:valid {
   -webkit-box-shadow: none;
   box-shadow: none;
}

.block.setting-page.was-validated .form-control:invalid {
   background-image: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.block.setting-page .accordion {
   padding: 30px 45px;
}

@media (max-width: 767.98px) {
   .block.setting-page .accordion {
      padding: 0px;
   }
}

.block.setting-page .accordion .card {
   -webkit-box-shadow: none;
   box-shadow: none;
   border-bottom: 1px solid #e9ecef;
}

.block.setting-page .accordion .card .card-header {
   background-color: #d9d9d9;
   margin-bottom: 0px;
   border-bottom: none;
   padding: 8px 8px;
}

@media (max-width: 991.98px) {
   .block.setting-page .accordion .card .card-header .btn.btn-link {
      font-size: 16px !important;
      padding-right: 45px !important;
      line-height: 23px;
      padding-left: 10px !important;
   }
}

.block.setting-page .accordion .card .card-header .btn.btn-link span {
   position: absolute;
   right: 15px;
   top: 7px;
   width: 22px;
   height: 22px;
}

.block.setting-page .accordion .card .card-header .btn.btn-link .plus {
   display: none;
}

.block.setting-page .accordion .card .card-header .btn.btn-link .minus {
   display: block;
}

.block.setting-page .accordion .card .card-header .btn.btn-link.collapsed .plus {
   display: block;
}

.block.setting-page .accordion .card .card-header .btn.btn-link.collapsed .minus {
   display: none;
}

@media (max-width: 991.98px) {
   .block.setting-page .accordion .card .card-body {
      font-size: 14px !important;
   }
}

.block.setting-page .accordion .card .collapse.show~.card-header {
   background-color: #000 !important;
}

.block.setting-page .accordion .card+.card {
   margin-top: 0px;
}

.block.setting-page form.track-order .form-control {
   min-width: 400px;
   margin-right: 20px;
}

@media (max-width: 767.98px) {

   .block.setting-page form.track-order .form-control {
      min-width: initial;
      width: 100%;
      margin-right: 0px;
      margin-bottom: 20px;
      text-align: center;
   }
}

.block.order-info-box .card {
   -webkit-box-shadow: none;
   box-shadow: none;
   padding: 30px 30px;
}

@media (max-width: 1199.98px) {
   .block.order-info-box .card {
      padding: 0;
   }
}

@media (max-width: 991.98px) {
   .block.order-info-box .card {
      padding: 0;
   }
}

@media (max-width: 767.98px) {
   .block.order-info-box .card {
      padding: 0px;
   }
}

.block.order-info-box .card .card-body {
   border: 1px solid var(--primary_color);
   border-radius: 15px;
   padding: 30px;
}

@media (max-width: 767.98px) {

   .block.order-info-box .card .card-body {
      padding: 10px;
   }
}

.block.order-info-box .card .card-body p {
   font-size: 18px;
   color: #7c8d9c;
}

.block.order-info-box .card .card-body p:last-child {
   margin-bottom: 0px;
}

.block.order-info-box .card .card-body p a {
   text-decoration: underline;
}

.block.order-detail-page h3 {
   font-size: 24px;
   font-weight: 400;
   color: #3a4d5c;
   margin-bottom: 30px;
}

.block.order-detail-page table {
   -webkit-box-shadow: none;
   box-shadow: none;
}

.block.order-detail-page table.table.table-borderless {
   -webkit-box-shadow: none;
   box-shadow: none;
   border-radius: 0px;
}

.block.order-detail-page table.table.table-borderless th {
   border: none;
}

.block.order-detail-page table.table.table-borderless tr:nth-child(odd) td:first-child {
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px;
}

.block.order-detail-page table.table.table-borderless tr:nth-child(odd) td:last-child {
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
}

.block.order-detail-page table.table.table-borderless.child.device-info-table.d-block {
   left: 0px;
   width: 85%;
}

.block.order-detail-page table.table.table-borderless.child.device-info-table.d-block td {
   font-size: 10px;
}

.block.order-summary table.table {
   width: 70%;
   margin: 0 auto;
}

@media (max-width: 1199.98px) {
   .block.order-summary table.table {
      width: 100%;
   }
}

.block.order-summary table.table th {
   font-size: 24px;
   color: #3a4d5c;
   font-weight: 400;
   border-top: 0px;
}

.block.order-summary table.table td {
   color: #3a4d5c;
   font-weight: 700;
   font-size: 16px;
}

.block.order-summary table.table td.sl {
   width: 7%;
   text-align: center;
}

.block.order-summary table.table td.device-total {
   color: #3a4d5c;
   font-weight: 400;
   font-size: 20px;
}

.block.order-summary table.table td:last-child {
   color: #3a4d5c;
   font-weight: 400;
   font-size: 20px;
   text-align: right;
}

.block.tracking-update h3 {
   font-size: 24px;
   font-weight: 400;
   color: #3a4d5c;
   padding-bottom: 15px;
   margin-bottom: 10px;
   border-bottom: 1px solid #aadff0;
}

@media (max-width: 767.98px) {
   .block.tracking-update h3 {
      font-size: 20px;
      padding-top: 30px;
   }
}

.block.tracking-update table.table td {
   font-size: 18px;
   color: #7c8d9c;
}

@media (max-width: 767.98px) {
   .block.tracking-update table.table td {
      font-size: 17px;
      line-height: 20px;
      padding: 5px 0;
   }
}

.block.tracking-update table.table tr:first-child td {
   border-top: none;
}

.block.order-details.cart table.table.table-borderless td table.table {
   margin-bottom: 0px !important;
}

@media (max-width: 1199.98px) {
   .block.order-details.cart table.table.table-borderless td table.table td {
      font-size: 10px;
      padding: 30px;
      border-radius: 0px;
   }
}

@media (max-width: 1199.98px) {
   .block.order-list {
      padding-left: 0px;
      margin-left: 5px;
   }
}

@media (max-width: 767.98px) {
   .block.order-list .dataTables_wrapper {
      display: none;
   }
}

.block.order-list table.dataTable.display tbody tr:first-child td,
.block.order-list table.dataTable.stripe tbody tr:first-child td {
   border-top: 1px solid #e9ecef !important;
}

@media (max-width: 767.98px) {

   .block.order-list table.dataTable.display tbody tr:first-child td,
   .block.order-list table.dataTable.stripe tbody tr:first-child td {
      border-top: 0px !important;
   }
}

.block.order-list table.dataTable.display tbody tr:first-child td:nth-child(6),
.block.order-list table.dataTable.display tbody tr:first-child td:nth-child(5),
.block.order-list table.dataTable.display tbody tr:first-child td:nth-child(4),
.block.order-list table.dataTable.stripe tbody tr:first-child td:nth-child(6),
.block.order-list table.dataTable.stripe tbody tr:first-child td:nth-child(5),
.block.order-list table.dataTable.stripe tbody tr:first-child td:nth-child(4) {
   border-top: 1px solid #e9ecef !important;
}

@media (max-width: 767.98px) {

   .block.order-list table.dataTable.display tbody tr:first-child td:last-child,
   .block.order-list table.dataTable.stripe tbody tr:first-child td:last-child {
      border-top: 0px !important;
   }
}

.block.order-list table.dataTable.display tbody tr.even,
.block.order-list table.dataTable.display tbody tr.odd,
.block.order-list table.dataTable.stripe tbody tr.even,
.block.order-list table.dataTable.stripe tbody tr.odd {
   background-color: transparent;
}

.block.order-list table.dataTable.display tbody tr.even td,
.block.order-list table.dataTable.display tbody tr.even .sorting_1,
.block.order-list table.dataTable.display tbody tr.odd td,
.block.order-list table.dataTable.display tbody tr.odd .sorting_1,
.block.order-list table.dataTable.stripe tbody tr.even td,
.block.order-list table.dataTable.stripe tbody tr.even .sorting_1,
.block.order-list table.dataTable.stripe tbody tr.odd td,
.block.order-list table.dataTable.stripe tbody tr.odd .sorting_1 {
   background-color: transparent;
   border-bottom: 1px solid #e9ecef !important;
   color: #3a4d5c;
   font-size: 16px;
}

@media (max-width: 1199.98px) {

   .block.order-list table.dataTable.display tbody tr.even td,
   .block.order-list table.dataTable.display tbody tr.even .sorting_1,
   .block.order-list table.dataTable.display tbody tr.odd td,
   .block.order-list table.dataTable.display tbody tr.odd .sorting_1,
   .block.order-list table.dataTable.stripe tbody tr.even td,
   .block.order-list table.dataTable.stripe tbody tr.even .sorting_1,
   .block.order-list table.dataTable.stripe tbody tr.odd td,
   .block.order-list table.dataTable.stripe tbody tr.odd .sorting_1 {
      font-size: 15px;
   }
}

@media (max-width: 767.98px) {

   .block.order-list table.dataTable.display tbody tr.even td,
   .block.order-list table.dataTable.display tbody tr.even .sorting_1,
   .block.order-list table.dataTable.display tbody tr.odd td,
   .block.order-list table.dataTable.display tbody tr.odd .sorting_1,
   .block.order-list table.dataTable.stripe tbody tr.even td,
   .block.order-list table.dataTable.stripe tbody tr.even .sorting_1,
   .block.order-list table.dataTable.stripe tbody tr.odd td,
   .block.order-list table.dataTable.stripe tbody tr.odd .sorting_1 {
      border-bottom: 0px !important;
      font-size: 16px;
   }

   .block.order-list table.dataTable.display tbody tr.even td a,
   .block.order-list table.dataTable.display tbody tr.even .sorting_1 a,
   .block.order-list table.dataTable.display tbody tr.odd td a,
   .block.order-list table.dataTable.display tbody tr.odd .sorting_1 a,
   .block.order-list table.dataTable.stripe tbody tr.even td a,
   .block.order-list table.dataTable.stripe tbody tr.even .sorting_1 a,
   .block.order-list table.dataTable.stripe tbody tr.odd td a,
   .block.order-list table.dataTable.stripe tbody tr.odd .sorting_1 a {
      font-size: 16px;
   }

   .block.order-list table.dataTable.display tbody tr.even td:first-child,
   .block.order-list table.dataTable.display tbody tr.even .sorting_1:first-child,
   .block.order-list table.dataTable.display tbody tr.odd td:first-child,
   .block.order-list table.dataTable.display tbody tr.odd .sorting_1:first-child,
   .block.order-list table.dataTable.stripe tbody tr.even td:first-child,
   .block.order-list table.dataTable.stripe tbody tr.even .sorting_1:first-child,
   .block.order-list table.dataTable.stripe tbody tr.odd td:first-child,
   .block.order-list table.dataTable.stripe tbody tr.odd .sorting_1:first-child {
      background-color: #f2f4f7;
   }
}

.block.order-list table.dataTable thead th {
   padding-left: 0px;
   padding-right: 0px;
   font-size: 16px;
}

@media (max-width: 767.98px) {
   .block.page-content p {
      font-size: 14px;
   }
}

.block.shipping-step {
   background-image: url("../images/sucess-way-point.png");
   background-repeat: no-repeat;
   background-size: auto;
   background-position: top center;
   margin-top: 0px;
   padding-top: 0px;
   max-width: 850px;
   margin-left: auto;
   margin-right: auto;
}

@media (max-width: 991.98px) {
   .block.shipping-step {
      background-image: none;
   }
}

.block.shipping-step h4 {
   font-size: 24px;
   color: #494060;
   font-weight: 400;
}

@media (max-width: 991.98px) {
   .block.shipping-step h4 span {
      padding-top: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }
}

.block.shipping-step h4 img {
   max-height: 120px;
   float: left;
   margin-left: 40px;
   margin-right: 10px;
}

@media (max-width: 991.98px) {
   .block.shipping-step h4 img {
      max-height: 120px;
      margin-left: 0px;
   }
}

@media (max-width: 767.98px) {
   .block.shipping-step h4 img {
      max-height: 120px;
   }
}

.block.shipping-step .step-number {
   position: relative;
   margin-bottom: 30px;
}

.block.shipping-step .step-number::before {
   content: "";
   position: absolute;
   background-image: -webkit-gradient(linear, left top, right top, from(#57bb90), to(#37b3f3));
   background-image: linear-gradient(to right, #57bb90, #37b3f3);
   height: 2px;
   width: 100%;
   top: 20px;
   left: 0px;
   right: 0px;
   z-index: 0;
}

.block.shipping-step .step-number div {
   display: block;
   height: 36px;
   width: 40px;
   line-height: 36px;
   font-size: 35px;
   display: table;
   margin: 0 auto;
   border: 2px solid #3eb5dd;
   border-radius: 100%;
   background-color: #fff;
   text-align: center;
   font-weight: 400;
   position: relative;
   z-index: 1;
}

.block.shipping-step .step-number div .text {
   background-image: -webkit-gradient(linear, left top, right top, from(#57bb90), to(#37b3f3)) !important;
   background-image: linear-gradient(to right, #57bb90, #37b3f3) !important;
   -webkit-background-clip: text !important;
   -webkit-text-fill-color: transparent;
}

.block.shipping-step .row {
   padding: 50px 0;
}

.block.shipping-step .row:last-child,
.block.shipping-step .row:first-child {
   padding-top: 130px;
}

@media (max-width: 991.98px) {

   .block.shipping-step .row:last-child,
   .block.shipping-step .row:first-child {
      padding-top: 60px;
   }
}

.block.shipping-step .row:last-child .text-content,
.block.shipping-step .row:first-child .text-content {
   padding-right: 130px;
}

@media (max-width: 991.98px) {

   .block.shipping-step .row:last-child .text-content,
   .block.shipping-step .row:first-child .text-content {
      padding-right: 15px;
      padding-top: 20px;
   }
}

.block.shipping-step .row:nth-child(2) {
   padding-top: 70px;
}

@media (max-width: 991.98px) {
   .block.shipping-step .row:nth-child(2) {
      padding-top: 0px;
   }
}

.block.shipping-step .row:nth-child(2) .text-content {
   padding-left: 130px;
}

@media (max-width: 991.98px) {
   .block.shipping-step .row:nth-child(2) .text-content {
      padding-left: 15px;
   }
}

.block.shipping-step .row:last-child {
   padding-top: 75px;
}

@media (max-width: 991.98px) {
   .block.shipping-step .row:last-child {
      padding-top: 0px;
   }
}

@media (max-width: 767.98px) {
   .block.shipping-head-img img {
      max-width: 60%;
   }
}

a.attachment-btn {
   -webkit-box-shadow: 0 0 3px #7c8d9c;
   box-shadow: 0 0 3px #7c8d9c;
   font-size: 18px;
   display: inline-block;
   padding: 5px 20px;
   margin-right: 5px;
   border-radius: 20px;
   text-decoration: none;
}

@media (max-width: 767.98px) {
   a.attachment-btn {
      margin-top: 5px;
      margin-bottom: 5px;
      border: none;
      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      font-size: 16px;
   }

   a.attachment-btn img {
      width: 17px;
      height: auto;
      padding-right: 0px;
   }
}

@media (max-width: 767.98px) {
   a.attachment-btn+.attachment-btn {
      margin-top: 5px;
   }
}

a.attachment-btn img {
   padding-right: 5px;
}

a.attachment-btn:hover {
   background-color: rgba(0, 0, 0, 0.1);
}

@media (max-width: 767.98px) {
   .double-btn button.btn {
      min-width: 150px;
      margin: 5px;
   }
}

.math-sign {
   font-size: 25px;
   font-weight: 300;
   line-height: 20px;
   height: 20px;
   padding-right: 5px;
}

.quantity-form {
   padding: 8px 0 8px;
}

@media (max-width: 767.98px) {
   .quantity-form {
      padding: 0px;
   }
}

@media (max-width: 767.98px) {
   .quantity-form label {
      font-size: 15px;
   }
}

.quantity-form .form-control {
   color: #3a4d5c;
   font-size: 16px;
   max-width: 80px;
   line-height: 20px;
   height: 30px;
   margin: 0 20px;
   background: #fff;
   border-radius: 5px;
   border: none;
   -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.19);
   -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.19);
   -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.19);
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.19);
   padding: 5px 10px;
   font-weight: 400;
   text-align: center;
   font-family: "Metropolis";
   border: 1px solid #000;
}

@media (max-width: 767.98px) {
   .quantity-form .form-control {
      position: relative;
      top: -5px;
   }
}

.quantity-form a {
   font-size: 18px;
   color: var(--main_background_text_color);
   -webkit-text-decoration: none;
   text-decoration: none;
   line-height: 22px;
   display: inline-block;
   border-bottom: 1px solid var(--main_background_text_color);
}

.quantity-form a:hover {
   text-decoration: none;
}

.device-slider {
   padding-top: 40px;
}

@media (max-width: 767.98px) {
   .device-slider {
      padding-bottom: 40px;
   }
}

.device-slider .device {
   text-align: center;
}

.device-slider .device a {
   display: block;
   height: 225px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.device-slider .device a img {
   margin: 0 auto;
   max-height: 100%;
   max-width: 80%;
}

.device-slider .slick-dots {
   display: table;
   margin: 0 auto;
   padding: 30px 0 0 0;
}

.device-slider .slick-dots li button {
   display: none;
}

.device-slider .slick-dots li+li {
   margin-left: 5px;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
   background-image: none;
}

table.dataTable thead .sorting span,
table.dataTable thead .sorting_asc span,
table.dataTable thead .sorting_desc span,
table.dataTable thead .sorting_asc_disabled span,
table.dataTable thead .sorting_desc_disabled span {
   background-image: url("../images/icons/sort.png");
   background-repeat: no-repeat;
   background-position: center right;
   display: inline-block;
   width: 10px;
   height: 10px;
   padding-left: 15px;
}

@media (max-width: 767.98px) {
   table.table.table-borderless.cart-table-mobile {
      -webkit-box-shadow: none;
      box-shadow: none;
      border: none;
   }

   table.table.table-borderless.cart-table-mobile td {
      border: none !important;
   }
}

table.table.table-borderless tr:first-child th:first-child {
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px;
}

table.table.table-borderless tr:first-child th:last-child {
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
}

table.table.table-borderless tr.total-table-cell.pc-mobile-table-cell td {
   padding: 0px;
}

@media (max-width: 767.98px) {
   table.table.table-borderless tr.total-table-cell.pc-mobile-table-cell td .table {
      display: inline-table;
   }
}

table.table.table-borderless tr.total-table-cell.pc-mobile-table-cell td .table .cart-total-cell {
   padding: 25px 25px 25px 13%;
}

@media (max-width: 767.98px) {
   table.table.table-borderless tr.total-table-cell.pc-mobile-table-cell td .table .cart-total-cell {
      padding-left: 12px;
      padding-left: 12px;
   }
}

table.table.table-borderless tr.total-table-cell.pc-mobile-table-cell td .table .paid-cell {
   padding: 25px;
}

@media (max-width: 767.98px) {
   table.table.table-borderless tr.total-table-cell.pc-mobile-table-cell td .table .paid-cell {
      padding-left: 12px;
      padding-left: 12px;
      text-align: left;
   }
}

@media (max-width: 767.98px) {
   table.table.table-borderless {
      -webkit-box-shadow: 0 0 1px rgba(14, 39, 39, 0.2);
      box-shadow: 0 0 1px rgba(14, 39, 39, 0.2);
      border-radius: 0px;
   }
}

@media (max-width: 767.98px) {
   table.table.table-borderless th {
      font-size: 16px;
   }
}

@media (max-width: 767.98px) {

   table.table.table-borderless th,
   table.table.table-borderless td {
      vertical-align: middle;
   }
}

table.table.table-borderless th.sl,
table.table.table-borderless td.sl {
   width: 10%;
   text-align: center;
   vertical-align: middle;
}

@media (max-width: 767.98px) {

   table.table.table-borderless th.sl,
   table.table.table-borderless td.sl {
      display: none;
   }
}

table.table.table-borderless th.image,
table.table.table-borderless td.image {
   text-align: center;
   max-width: 200px;
   max-height: 160px;
   width: 200px;
}

table.table.table-borderless th.image img,
table.table.table-borderless td.image img {
   max-height: 120px;
   /*-webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);*/
}

@media (max-width: 767.98px) {

   table.table.table-borderless th.image,
   table.table.table-borderless td.image {
      max-width: 53px;
      width: auto;
   }
}

table.table.table-borderless th.price,
table.table.table-borderless td.price {
   vertical-align: middle;
}

table.table.table-borderless th.action,
table.table.table-borderless td.action {
   vertical-align: middle;
}

@media (max-width: 767.98px) {

   table.table.table-borderless th.action.mobile-action-show,
   table.table.table-borderless td.action.mobile-action-show {
      display: table-cell;
      min-height: 120px;
   }
}

@media (max-width: 767.98px) {

   table.table.table-borderless th.action,
   table.table.table-borderless td.action {
      display: none;
   }
}

table.table.table-borderless th.action a,
table.table.table-borderless td.action a {
   display: inline-block;
   padding: 5px 10px;
}

@media (max-width: 767.98px) {

   table.table.table-borderless th h6,
   table.table.table-borderless td h6 {
      font-size: 17px;
      font-weight: 500;
   }
}



@media (max-width: 767.98px) {

   table.table.table-borderless th table.table,
   table.table.table-borderless td table.table {
      display: none;
   }
}

table.table.table-borderless th table.table td,
table.table.table-borderless td table.table td {
   font-size: 19px;
   color: #3a4d5c;
   padding-top: 0px;
   padding-bottom: 0px;
}

@media (max-width: 1199.98px) {

   table.table.table-borderless th table.table td,
   table.table.table-borderless td table.table td {
      font-size: 10px;
   }
}

table.table.table-borderless td {
   padding-top: 10px;
   padding-bottom: 10px;
}

table.table.table-borderless td.price {
   font-size: 30px;
   color: #3a4d5c;
}

@media (max-width: 767.98px) {
   table.table.table-borderless td.price {
      font-size: 20px;
      vertical-align: middle;
   }
}

table.table.table-borderless td.paid-cell {
   vertical-align: middle;
   border-top: 1px solid #e9ecef;
   background-color: #fff !important;
}

@media (max-width: 767.98px) {
   table.table.table-borderless td.paid-cell {
      display: block;
      width: 100%;
      text-align: center;
      border-top: none;
   }
}

table.table.table-borderless td.description.active {
   padding-bottom: 50px;
}

@media (max-width: 767.98px) {
   table.table.table-borderless td.description.active {
      padding-bottom: 0px;
   }
}

table.table.table-borderless td.total-cell {
   border-top: 1px solid #e9ecef;
   background-color: #fff !important;
}

@media (max-width: 767.98px) {
   table.table.table-borderless td.total-cell {
      display: none;
   }
}

table.table.table-borderless td.cart-total-cell {
   border-top: 1px solid #e9ecef;
   background-color: #fff !important;
}

@media (max-width: 767.98px) {
   table.table.table-borderless td.cart-total-cell {
      display: block;
      width: 100%;
      border-bottom: 0px;
      padding-bottom: 0px;
   }
}

table.table.table-borderless td.cart-total-cell h5.title {
   color: #3a4d5c;
   font-size: 24px;
   font-weight: 100;
}

@media (max-width: 767.98px) {
   table.table.table-borderless td.cart-total-cell h5.title {
      font-size: 15px;
   }
}

table.table.table-borderless td.cart-total-cell h5.price-coupon {
   max-width: 250px;
   margin-bottom: 20px;
   position: relative;
}

@media (max-width: 767.98px) {
   table.table.table-borderless td.cart-total-cell h5.price-coupon {
      max-width: 170px;
   }
}

table.table.table-borderless td.cart-total-cell h5.price-coupon .form-control {
   border-left: 0;
   border-right: 0;
   border-top: 0;
   border-color: #3eb5dd;
   font-size: 22px;
   color: #3eb5dd;
   border-radius: 0px;
   text-align: center;
   padding-left: 35px;
}

table.table.table-borderless td.cart-total-cell h5.price-coupon .form-control:not(:valid)~.close-icon {
   display: none;
}

@media (max-width: 767.98px) {
   table.table.table-borderless td.cart-total-cell h5.price-coupon .form-control {
      font-size: 15px;
   }
}

table.table.table-borderless td.cart-total-cell h5.price-coupon .close-icon {
   position: absolute;
   right: 0;
   top: 3px;
}

table.table.table-borderless td.cart-total-cell h5.price-coupon .promocode_removed {
   position: absolute;
   top: 6px;
   right: -20px;
   font-size: 30px;
   color: #ff1f1f;
}

table.table.table-borderless td.cart-total-cell h5.price-coupon .promocode_removed:hover {
   text-decoration: none;
   color: #ff3939;
}

table.table.table-borderless td.cart-total-cell h5.price-coupon img.status {
   position: absolute;
   right: -40px;
   top: 13px;
}

table.table.table-borderless td.cart-total-cell h5.price-coupon img.coupon-icon {
   position: absolute;
   left: 0;
   top: 13px;
}

table.table.table-borderless td.cart-total-cell p {
   font-size: 24px;
   color: #3a4d5c;
   font-weight: 400;
   margin-bottom: 30px;
}

@media (max-width: 767.98px) {
   table.table.table-borderless td.cart-total-cell p {
      font-size: 15px;
   }
}

table.table.table-borderless td.cart-total-cell p.bonus {
   font-size: 22px;
   font-weight: 100;
   color: #3eb5dd;
   margin-bottom: 10px;
}

@media (max-width: 767.98px) {
   table.table.table-borderless td.cart-total-cell p.bonus {
      font-size: 15px;
   }
}

table.table.table-borderless td.cart-total-cell p.bonus img {
   position: relative;
   top: -3px;
}

table.table.table-borderless td.cart-total-cell p.note {
   color: #7c8d9c;
   font-size: 14px;
   max-width: 300px;
   margin-bottom: 20px;
}

@media (max-width: 767.98px) {
   table.table.table-borderless td.cart-total-cell p.note {
      font-size: 12px;
      margin-bottom: 0px;
   }
}

table.table.table-borderless.parent tr:nth-child(even) td:first-child {
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px;
}

table.table.table-borderless.parent tr:nth-child(even) td:last-child {
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
}

@media (max-width: 767.98px) {
   table.table.table-borderless.parent.review-order tr:nth-child(even) td:nth-child(2) {
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
   }
}

table.table.table-borderless.child {
   -webkit-box-shadow: none;
   box-shadow: none;
   position: relative;
   overflow: hidden;
}

table.table.table-borderless.child.device-info-table.d-block {
   position: relative;
   left: 100px;
   right: 0;
}

@media (max-width: 768px) {
   table.table.table-borderless.child.device-info-table.d-block {
      left: 129px;
      min-height: 50px;
   }
}

@media (max-width: 767px) {
   table.table.table-borderless.child.device-info-table.d-block {
      left: 0px;
   }
}

table.table.table-borderless.child.device-info-table.d-block td {
   font-size: 11px;
   padding: 0 3px !important;
}

table.table.table-borderless.child tr:nth-child(odd) td {
   background-color: transparent;
}

table.table.table-borderless.child td {
   padding-left: 0px;
   padding-right: 0px;
   background-color: transparent !important;
}

@media (max-width: 767.98px) {
   table.table.table-stripped.table-percentage th {
      font-size: 17px;
   }
}

@media (max-width: 767.98px) {
   table.table.table-stripped.table-percentage td {
      font-size: 44px;
   }
}

table.table.table-stripped.table-percentage td:last-child {
   font-size: 25px;
   color: #3a4d5c;
}

@media (max-width: 767.98px) {
   table.table.table-stripped.table-percentage td:last-child {
      font-size: 27px;
   }
}

.bonus-up h4 span {
   font-weight: 400;
}

.bonus-up p {
   max-width: 450px;
}

.get-bonus h4 {
   font-size: 18px;
   margin: 0px;
   color: #3eb5dd;
   line-height: 22px;
}

.get-bonus p {
   margin: 0px;
   color: #3eb5dd;
   font-size: 68px;
   font-weight: 100;
   line-height: 68px;
}

.order-progress-bar {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding-left: 15%;
   padding-right: 15%;
}

@media (max-width: 1199.98px) {
   .order-progress-bar {
      padding-left: 0;
      padding-right: 0;
   }
}

.order-progress-bar span {
   display: inline-block;
   height: 32px;
   width: 32%;
   background-color: #e3e6f8;
}

@media (max-width: 767.98px) {
   .order-progress-bar span {
      height: 18px;
   }
}

.order-progress-bar span+span {
   margin-left: 1%;
}

.order-progress-bar span:first-child {
   border-top-left-radius: 16px;
   border-bottom-left-radius: 16px;
}

.order-progress-bar span:last-child {
   border-top-right-radius: 16px;
   border-bottom-right-radius: 16px;
}

.order-progress-bar span.active {
   background-color: var(--secondary_color);
}

.order-status {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding-left: 15%;
   padding-right: 15%;
   padding-top: 50px;
   padding-bottom: 50px;
   position: relative;
}

@media (max-width: 1199.98px) {
   .order-status {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0px;
   }
}

.order-status .shipped {
   position: relative;
}

.order-status .shipped:before {
   position: absolute;
   content: "";
   height: 2px;
   width: 50%;
   right: -25%;
   top: 40%;
   background: #adb5bd;
}

@media (max-width: 767.98px) {
   .order-status .shipped:before {
      top: 20%;
      width: 40%;
      left: auto;
   }
}

.order-status .shipped.active:before {
   position: absolute;
   content: "";
   height: 2px;
   width: 50%;
   right: -25%;
   top: 40%;
   background: #3eb5dd;
}

@media (max-width: 767.98px) {
   .order-status .shipped.active:before {
      top: 20%;
      width: 40%;
      right: -20%;
      left: auto;
   }
}

.order-status .paid {
   position: relative;
}

.order-status .paid:before {
   position: absolute;
   content: "";
   height: 2px;
   width: 50%;
   left: -25%;
   top: 40%;
   background: #adb5bd;
}

@media (max-width: 767.98px) {
   .order-status .paid:before {
      top: 20%;
      width: 40%;
      left: -20%;
   }
}

.order-status .paid.active:before {
   position: absolute;
   content: "";
   height: 2px;
   width: 50%;
   left: -25%;
   top: 40%;
   background: #3eb5dd;
}

@media (max-width: 767.98px) {
   .order-status .paid.active:before {
      top: 20%;
      width: 40%;
      left: -20%;
   }
}

.order-status>div {
   width: 33%;
}

.order-status>div span {
   color: #7c8d9c;
   display: block;
   text-align: center;
   padding: 10px 0;
}

@media (max-width: 767.98px) {
   .order-status>div span {
      font-size: 17px;
   }
}

.order-status>div img {
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
   max-height: 74px;
}

@media (max-width: 767.98px) {
   .order-status>div img {
      max-height: 45px;
   }
}

.order-status>div.active img {
   -webkit-filter: none;
   filter: none;
}

.order-status>div.active span {
   color: var(--main_background_text_color);
}

.dataTables_wrapper .bottom {
   padding-top: 30px;
}

.dataTables_wrapper .bottom .dataTables_length {
   float: right;
}

.dataTables_wrapper .bottom .dataTables_length label {
   font-size: 16px;
}

.dataTables_wrapper .bottom .dataTables_length label .custom-select {
   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   border-radius: 30px;
   padding: 10px 45px;
   color: #aeb4b9;
   height: 45px;
}

@media (max-width: 767.98px) {
   .dataTables_wrapper .bottom .dataTables_length label .custom-select {
      padding: 10px 25px;
   }
}

.dataTables_wrapper .bottom .dataTables_paginate {
   float: none;
   display: table;
   margin: 0 auto;
}

.dataTables_wrapper .bottom .dataTables_paginate .paginate_button {
   padding: 0px;
}

.dataTables_wrapper .bottom .dataTables_paginate .paginate_button .page-link {
   border: none;
   border-radius: 30px;
   color: #7c8d9c;
   padding: 5px 11px;
}

.dataTables_wrapper .bottom .dataTables_paginate .paginate_button.active .page-link {
   background: -webkit-gradient(linear, left top, right top, from(var(--primary_color)), to(var(--secondary_color)));
   background: linear-gradient(to right, var(--primary_color), var(--secondary_color));
   color: #fff;
}

.dataTables_wrapper .bottom .dataTables_paginate .paginate_button:hover {
   background: none !important;
   border-color: transparent;
}

.dataTables_wrapper .bottom .dataTables_paginate .paginate_button:hover .page-link {
   background: -webkit-gradient(linear, left top, right top, from(var(--primary_color)), to(var(--secondary_color)));
   background: linear-gradient(to right, var(--primary_color), var(--secondary_color));
   color: #fff;
}

.pagination .page-item {
   padding: 0px;
}

.pagination .page-item .page-link {
   border: none;
   border-radius: 30px;
   color: #7c8d9c;
   padding: 5px 11px;
}

.pagination .page-item.active .page-link {
   background-color: #3eb5dd;
   color: #fff;
}

.pagination .page-item:hover {
   background: none !important;
   border-color: transparent;
}

.pagination .page-item:hover .page-link {
   background-color: #3eb5dd;
   color: #fff;
}

.div-table-pagination .pagination {
   margin-bottom: 0px;
   padding-top: 10px;
   display: table;
   margin: 0 auto;
}

.div-table-pagination .pagination li {
   float: left;
}

.div-table-pagination .pagination li:first-child,
.div-table-pagination .pagination li:last-child {
   display: none;
}

.div-table-pagination .custom-select {
   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   border-radius: 30px;
   padding: 10px 45px;
   color: #aeb4b9;
   height: 45px;
   width: auto;
}

@media (max-width: 767.98px) {
   .div-table-pagination .custom-select {
      padding: 10px 25px;
   }
}

@media (max-width: 767.98px) {

   table.dataTable.stripe tbody tr.odd,
   table.dataTable.display tbody tr.odd {
      background-color: transparent;
   }
}

div.table .tr {
   border-radius: 10px;
   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   overflow: hidden;
}

div.table .tr .td {
   width: 50%;
   padding: 3%;
   float: left;
   text-align: center;
   color: #3a4d5c;
}

div.table .tr .td span {
   display: block;
   color: #7c8d9c;
}

div.table .tr .td.last,
div.table .tr .td.head {
   width: 100%;
}

div.table .tr .td.head {
   background-color: #eaeaea;
   text-decoration: underline;
}

div.table .tr .td.head span {
   text-decoration: none;
   display: inline-block;
   padding-right: 5px;
}

div.table .tr .td:nth-child(2),
div.table .tr .td:nth-child(3) {
   border-bottom: 1px solid #e9ecef;
}

div.table .tr .td:nth-child(2),
div.table .tr .td:nth-child(4) {
   border-right: 1px solid #e9ecef;
}

div.table .tr+.tr {
   margin-top: 15px;
}

table.dataTable {
   width: 100% !important;
}

@media (max-width: 767.98px) {
   table.dataTable.order-details {
      display: none;
   }
}

@media (max-width: 767.98px) {
   table.dataTable {
      border-spacing: 0 1em;
      position: relative;
   }

   table.dataTable tr {
      border-radius: 10px;
      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   }

   table.dataTable thead tr {
      -webkit-box-shadow: none;
      box-shadow: none;
   }

   table.dataTable thead tr td {
      padding: 0;
   }
}



table.dataTable.no-footer {
   border-bottom: 0px;
}



@media (max-width: 767.98px) {
   table.dataTable thead {
      display: none;
   }
}

table.dataTable thead th {
   border-bottom: 0px;
   color: #7c8d9c;
   font-size: 19px;
   font-weight: 300;
   text-align: center;
}

@media (max-width: 1199.98px) {
   table.dataTable thead th {
      font-size: 15px;
   }
}

table.dataTable thead th.no-sort.sorting_asc {
   background: none;
}

@media (max-width: 767.98px) {
   table.dataTable thead th {
      display: none;
   }
}

table.dataTable td {
   background-color: #f2f4f7;
   color: #3a4d5c;
   font-size: 18px;
   font-weight: 400;
   border-width: 5px !important;
   border-color: #fff !important;
   text-align: center;
}

table.dataTable td span {
   display: none;
}

@media (max-width: 1199.98px) {
   table.dataTable td {
      font-size: 15px;
   }
}

@media (max-width: 767.98px) {
   table.dataTable td {
      display: block;
      width: 43.7%;
      float: left;
      font-size: 17px;
      padding: 3% !important;
      background-color: transparent;
   }

   table.dataTable td:nth-child(6),
   table.dataTable td:nth-child(5),
   table.dataTable td:nth-child(4) {
      border-top: 1px solid #e9ecef !important;
   }

   table.dataTable td:nth-child(2),
   table.dataTable td:nth-child(4) {
      border-right: 1px solid #e9ecef !important;
   }

   table.dataTable td:nth-child(4),
   table.dataTable td:nth-child(5) {
      border-bottom: none !important;
   }

   table.dataTable td span {
      display: block;
      color: #7c8d9c;
      font-size: 19px;
      font-weight: 300;
      text-align: center;
      padding-bottom: 10px;
   }

}

table.dataTable td:last-child {
   color: #3eb5dd;
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
}

@media (max-width: 767.98px) {
   table.dataTable td:last-child {
      width: 94%;
      border-top: none !important;
   }
}

table.dataTable td:first-child {
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
}

@media (max-width: 767.98px) {

   table.dataTable td {
      border-top: none !important;
   }
}

table.dataTable.display tbody tr.odd>.sorting_1,
table.dataTable.display tbody tr.even>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
   background-color: #f2f4f7;
}

@media (max-width: 767.98px) {

   table.dataTable.display tbody tr.odd>.sorting_1,
   table.dataTable.display tbody tr.even>.sorting_1,
   table.dataTable.order-column.stripe tbody tr.even>.sorting_1,
   table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
      border-top: none;
      width: 94%;
      text-decoration: underline;
   }

   table.dataTable.display tbody tr.odd>.sorting_1 span,
   table.dataTable.display tbody tr.even>.sorting_1 span,
   table.dataTable.order-column.stripe tbody tr.even>.sorting_1 span,
   table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 span {
      display: inline-block;
      padding-right: 5px;
      padding-bottom: 0px;
      text-decoration: none;
   }
}

.link-text {
   color: #3a4d5c;
   padding-top: 25px;
   font-size: 18px;
   display: block;
}

.link-text span {
   color: #3eb5dd;
}

.link-text:hover {
   text-decoration: none;
   color: #3a4d5c;
}

.link-text:hover span {
   text-decoration: underline;
   color: #3eb5dd;
}

.modal .modal-dialog {
   max-width: 600px;
}

.modal .modal-dialog.modal-md {
   max-width: 747px;
}

.modal .modal-dialog.modal-lg {
   max-width: 960px;
}

.modal .modal-dialog .modal-content .modal-header {
   border-bottom: 0px;
   position: relative;
}

@media (max-width: 767.98px) {
   .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 20px;
      padding-top: 30px;
   }
}

.modal .modal-dialog .modal-content .close {
   opacity: 1;
   margin: 0;
   position: absolute;
   right: 14px;
   top: 0;
   z-index: 3;
   padding: 20px 5px;
}

@media (max-width: 767.98px) {
   .modal .modal-dialog .modal-content .close {
      top: 0;
      right: 0;
   }
}

.modal .modal-dialog .modal-content .modal-body {
   padding: 60px;
}

@media (max-width: 767.98px) {
   .modal .modal-dialog .modal-content .modal-body {
      padding: 15px;
   }
}

.modal .modal-dialog .modal-content .modal-body .info-text {
   color: #7c8d9c;
   font-size: 18px;
   line-height: 28px;
}

@media (max-width: 767.98px) {
   .modal .modal-dialog .modal-content .modal-body .info-text {
      font-size: 14px;
      line-height: 20px;
   }
}

.modal .modal-dialog .modal-content .modal-body .info-text.form-text {
   font-size: 16px;
}

.modal .modal-dialog .modal-content .modal-body .form-control {
   border-radius: 0px;
   border-left: 0px;
   border-right: 0px;
   border-top: 0px;
   text-align: center;
}

.modal .modal-dialog .modal-content .modal-body form.track-order .form-control {
   min-width: 300px;
   margin-right: 20px;
   font-family: "Metropolis";
}

@media (max-width: 767.98px) {

   .modal .modal-dialog .modal-content .modal-body form.track-order .form-control {
      min-width: 200px;
      margin-right: 0px;
      margin-bottom: 20px;
   }
}

.modal .modal-dialog .modal-content .modal-body form .custom-control-input:focus~.custom-control-label:before {
   -webkit-box-shadow: none;
   box-shadow: none;
}

.modal .modal-dialog .modal-content .modal-body form .custom-checkbox .custom-control-label:before {
   border-radius: 0px;
}

.modal .modal-dialog .modal-content .modal-body form .custom-control-input:checked~.custom-control-label:before {
   background-color: transparent;
}

.modal .modal-dialog .modal-content .modal-body form .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
   background-image: url("../images/icons/check_mark.png");
   background-repeat: no-repeat;
}

.modal .modal-dialog .modal-content .modal-body form.sign-in .form-group {
   position: relative;
}

.modal .modal-dialog .modal-content .modal-body form.sign-in .form-group .form-control {
   text-align: left;
   padding-left: 10px;
   font-size: 18px;
}

.modal .modal-dialog .modal-content .modal-body form.sign-in .form-group.with-icon .form-control {
   padding-left: 40px;
}

.modal .modal-dialog .modal-content .modal-body form.sign-in .form-group.with-icon.telephone-form img {
   width: 13px;
   height: auto;
}

.telephone-form img {
   position: absolute;
   left: 7px;
   bottom: 13px;
   z-index: 1;
}

.shipping_method_section .custom-control.custom-radio img {
   height: 50%;
   position: absolute;
   right: 15px;
   bottom: 15px;
}

.modal .modal-dialog .modal-content .modal-body form.sign-in .form-group .invalid-feedback {
   position: absolute;
   /*right: 7px;
   top: 5px;*/
   left: auto;
   text-align: left;
   width: auto;
}

.modal .modal-dialog .modal-content .modal-body .sign-in.needs-validation h5 {
   padding: 20px 0 15px;
   font-size: 26px;
   color: #3a4d5c;
}

.modal .modal-dialog .modal-content .modal-body .custom-control.custom-radio {
   padding-left: 0;
}

.modal .modal-dialog .modal-content .modal-body .custom-control.custom-radio input[type="radio"] {
   margin-right: 8px;
}

.modal .modal-dialog .modal-content .modal-body form.sign-in .form-group+.form-group {
   margin-top: 30px;
}

.modal .modal-dialog .modal-content .modal-body form.sign-in.was-validated .form-control:valid {
   -webkit-box-shadow: none;
   box-shadow: none;
}

.modal .modal-dialog .modal-content .modal-body form.sign-in.was-validated .form-control:invalid {
   background-image: none;
   padding-right: calc(1.5em + 6.5rem);
   -webkit-box-shadow: none;
   box-shadow: none;
}

.modal .modal-dialog .modal-content .modal-body .divider {
   padding: 30px 0;
   position: relative;
}

.modal .modal-dialog .modal-content .modal-body .divider span {
   display: inline-block;
   font-size: 18px;
   color: #7c8d9c;
   height: 36px;
   width: 36px;
   margin: 0 auto;
   border: 1px solid #7c8d9c;
   border-radius: 36px;
   background-color: #fff;
   position: relative;
   z-index: 1;
   line-height: 36px;
}

.modal .modal-dialog .modal-content .modal-body .divider:after {
   content: "";
   background: #7c8d9c;
   height: 1px;
   width: 100%;
   position: absolute;
   top: 50%;
   left: 0;
}

.modal .modal-dialog .modal-content .modal-body ul.social {
   margin: 0 0 20px 0;
   padding: 0;
   list-style: none;
}

.modal .modal-dialog .modal-content .modal-body ul.social li a {
   display: block;
   color: #fff;
   line-height: 45px;
   position: relative;
   border-radius: 5px;
   font-weight: 400;
   font-size: 18px;
   text-decoration: none;
}

@media (max-width: 767.98px) {
   .modal .modal-dialog .modal-content .modal-body ul.social li a {
      text-align: left;
      padding-left: 50px;
      margin-bottom: 5px;
   }
}

.modal .modal-dialog .modal-content .modal-body ul.social li a i {
   position: absolute;
   left: 1px;
   top: 1px;
   bottom: 1px;
   width: 44px;
   line-height: 44px;
   font-size: 20px;
   text-align: center;
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
}

.modal .modal-dialog .modal-content .modal-body ul.social li a:hover {
   -webkit-box-shadow: 0 5px 8px rgba(14, 39, 39, 0.2);
   box-shadow: 0 5px 8px rgba(14, 39, 39, 0.2);
}

.modal .modal-dialog .modal-content .modal-body ul.social li.facebook a {
   background-color: #325097;
}

.modal .modal-dialog .modal-content .modal-body ul.social li.facebook a i {
   background-color: #3b5998;
}

.modal .modal-dialog .modal-content .modal-body ul.social li.google a {
   background-color: #4285f4;
}

.modal .modal-dialog .modal-content .modal-body ul.social li.google a i {
   background-color: #fff;
   color: #3eb5dd;
}

.modal .modal-dialog .modal-content .modal-body ul.social li+li {
   margin-top: 10px;
}

.modal .modal-dialog .modal-content .modal-body .form-group {
   text-align: left;
}

.modal .modal-dialog .modal-content .modal-body .input-group .input-group-prepend .input-group-text {
   border: none;
   border-bottom: 1px solid #e9ecef;
   background-color: transparent;
   border-radius: 0px;
}

.modal .modal-dialog .modal-content .modal-body .input-group .form-control {
   border-bottom: 1px solid #e9ecef;
}

.modal .modal-dialog .modal-content .modal-body ul.nav.nav-tabs {
   padding-bottom: 30px;
   border-bottom: 0px;
}

@media (max-width: 767.98px) {
   .modal .modal-dialog .modal-content .modal-body ul.nav.nav-tabs.signInUpTab li.nav-item {
      width: 50%;
      margin-bottom: 10px;
   }
}

.modal .modal-dialog .modal-content .modal-body ul.nav.nav-tabs.signInUpTab li.nav-item .nav-link {
   min-height: 50px;
   text-align: center;
}

@media (max-width: 767.98px) {
   .modal .modal-dialog .modal-content .modal-body ul.nav.nav-tabs.signInUpTab li.nav-item .nav-link p {
      font-size: 20px;
   }
}

.modal .modal-dialog .modal-content .modal-body ul.nav.nav-tabs.signInUpTab li.nav-item .nav-link.active p {
   font-size: 29px;
   font-weight: 400;
   color: #fff;
}

.modal .modal-dialog .modal-content .modal-body ul.nav.nav-tabs li.nav-item .nav-link p {
   display: table;
   margin: 0 auto;
}

.modal .modal-dialog .modal-content .modal-body ul.nav.nav-tabs li.nav-item {
   width: 50%;
   margin: 0 auto;
}

.modal .modal-dialog .modal-content .modal-body ul.nav.nav-tabs li.nav-item .nav-link {
   min-height: 140px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   border: none;
   border-radius: 10px;
   position: relative;
}

.modal .modal-dialog .modal-content .modal-body ul.nav.nav-tabs li.nav-item .nav-link.active {
   -webkit-box-shadow: 0 5px 10px rgba(14, 39, 39, 0.2);
   box-shadow: 0 5px 10px rgba(14, 39, 39, 0.2);
}

.modal .modal-dialog .modal-content .modal-body.payment_form_section ul.nav.nav-tabs li.nav-item {
   width: 20%;
   margin: 0 auto;
   padding: 5px 8px;
}

@media (max-width: 767.98px) {
   .modal .modal-dialog .modal-content .modal-body ul.nav.nav-tabs li.nav-item {
      width: 100%;
      margin-bottom: 20px;
   }
}

.modal .modal-dialog .modal-content .modal-body.payment_form_section ul.nav.nav-tabs li.nav-item .nav-link {
   min-height: 110px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   border: none;
   position: relative;
   -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
   -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
   -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
}

.modal .modal-dialog .modal-content .modal-body.payment_form_section ul.nav.nav-tabs li.nav-item .nav-link:hover {
   -webkit-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.19);
   -moz-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.19);
   -o-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.19);
   box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.19);
}

.modal .modal-dialog .modal-content .modal-body ul.nav.nav-tabs li.nav-item .nav-link .active-check {
   display: none;
}

.modal .modal-dialog .modal-content .modal-body ul.nav.nav-tabs li.nav-item .nav-link span.status {
   font-size: 14px;
   padding-top: 3px;
}

.modal-body.text-center.payment_form_section {
   padding: 15px 60px 30px !important;
}

.modal .modal-dialog .modal-content .modal-body ul.nav.nav-tabs li.nav-item .nav-link.active .active-check {
   position: absolute;
   color: #3eb5dd;
   right: 20px;
   top: 20px;
   display: block;
   font-size: 25px;
}

.modal .modal-dialog .modal-content .modal-body.payment_form_section ul.nav.nav-tabs li.nav-item .nav-link p {
   display: table;
   margin: 0 auto;
   width: 100%;
}

.autocomplete-suggestions {
   -webkit-box-shadow: 0 0 7px rgba(14, 39, 39, 0.2);
   box-shadow: 0 0 7px rgba(14, 39, 39, 0.2);
   background-color: #fff;
   border-radius: 5px;
   overflow: auto;
}

.autocomplete-suggestions .autocomplete-suggestion {
   padding: 10px 15px;
   font-size: 18px;
   color: #3a4d5c;
}

.autocomplete-suggestions .autocomplete-suggestion:hover {
   background-color: rgba(0, 0, 0, 0.1);
   cursor: pointer;
}

section {
   padding: 30px 0;
}

@media (max-width: 767.98px) {

   section {
      padding: 15px 0 0;
   }
}

section.gray {
   background-color: #1a1a1a;
}

section.blog .container {
   background-color: #fff;
   padding-top: 20px;
   padding-bottom: 20px;
   -webkit-box-shadow: 0 0 5px rgba(14, 39, 39, 0.2);
   box-shadow: 0 0 5px rgba(14, 39, 39, 0.2);
   border-radius: 4px;
}

section.blog .container .col-md-9 {
   border-right: 1px solid #f8f9fa;
}

.right-sidebar {
   padding-left: 20px;
}

.right-sidebar ul {
   margin: 0;
   padding: 0 0 30px 15px;
   list-style: none;
}

.right-sidebar ul li i {
   padding-right: 7px;
   color: #adb5bd;
}

.right-sidebar ul li a {
   display: inline-block;
   line-height: 35px;
   font-family: "Metropolis";
   color: var(--primary_color);
}

.right-sidebar ul li+li {
   border-top: 1px solid #e9ecef;
}

@media (max-width: 1024px) {
   #showcase:after {
      height: 515px;
   }
}

@media (max-width: 768px) {

   #showcase:after {
      height: 500px;
   }

}

@media (max-width: 1024px) {
   #showcase:before {
      height: 515px;
   }
}

@media (max-width: 768px) {
   #showcase:before {
      height: 500px;
   }
}

#status,
#carrier {
   padding-top: 15px;
}

#model_details {
   position: relative;
   z-index: 3;
}

#showCategory {
   position: relative;
   z-index: 3;
}

@media (max-width: 767.98px) {
   #showCategory {
      padding-top: 0px;
   }
}

#deviceSection:before {
   position: absolute;
   content: "";
   left: -50px;
   right: 0;
   max-width: 500px;
   height: 600px;
   background: -webkit-gradient(linear, left top, right top, from(var(--primary_color)), to(var(--secondary_color)));
   background: linear-gradient(to right, var(--primary_color), var(--secondary_color));
   display: block;
   -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
   border-radius: 50% 50% 45% 50% / 60% 60% 40% 35%;
   transform: rotate(90deg);
}

#haveQuestion {
   padding: 0px 0 0px;
}

#readyStart {
   padding: 50px 0;
   background-image: url("../images/ready_start.png");
   background-repeat: no-repeat;
   background-position: 26% 62%;
}

@media (max-width: 767.98px) {
   #readyStart {
      padding: 40px 0;
   }
}

#review {
   position: relative;
}

@media (max-width: 767.98px) {
   #review {
      padding-bottom: 20px;
   }
}

@media (max-width: 768px) {
   #review:before {
      left: 0px;
   }
}

@media (max-width: 767.98px) {
   #review:before {
      left: 0;
   }
}

#review .container-fluid {
   width: 100%;
}

#review .container-fluid .block {
   margin-left: 0px;
   padding-left: 0px;
   margin-right: 0px;
   padding-right: 0px;
}

footer .footer-logo img {
   width: 215px;
}

@media (max-width: 767.98px) {
   footer .footer-logo img {
      width: 100%;
      max-width: 200px;
   }
}

@media (max-width: 991.98px) {
   footer #top .col-md-6 {
      padding-bottom: 20px;
   }
}

@media (max-width: 767.98px) {
   footer #top {
      padding-top: 30px;
   }

   footer #top .social,
   footer #top .customer_support,
   footer #top .company,
   footer #top .marketing-collaboration {
      padding-bottom: 30px;
   }

   footer #top .col-md-6 {
      padding-bottom: 0px;
   }
}

@media (max-width: 767.98px) {
   footer #bottom {
      padding: 0px;
   }
}

@media (max-width: 767.98px) {
   footer .social h5 {
      font-size: 16px !important;
   }
}

@media (max-width: 767.98px) {
   footer .social ul li a {
      width: 25px;
      height: 25px;
      line-height: 27px;
      border-radius: 30px;
      font-size: 13px;
      margin-bottom: 5px;
   }

   li.list-inline-item {
      margin-right: 3px !important;
   }
}

@media (max-width: 767.98px) {

   footer .customer_support h5,
   footer .company h5,
   footer .marketing-collaboration h5 {
      font-size: 16px !important;
      margin-bottom: 10px !important;
   }
}

footer .customer_support ul,
footer .company ul,
footer .marketing-collaboration ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

footer .customer_support ul li strong,
footer .company ul li strong,
footer .marketing-collaboration ul li strong {
   padding-right: 5px;
}

@media (max-width: 767.98px) {

   footer .customer_support ul li,
   footer .company ul li,
   footer .marketing-collaboration ul li {
      font-size: 14px !important;
      line-height: 22px !important;
   }
}

@media (max-width: 767.98px) {

   footer .customer_support ul li a,
   footer .company ul li a,
   footer .marketing-collaboration ul li a {
      font-size: 14px !important;
      line-height: 22px !important;
      word-break: break-word;
   }
}

footer .company ul li a:hover,
footer .marketing-collaboration ul li a:hover {
   color: #fff;
}

.menu-toggle {
   display: none;
   float: right;
   margin-top: 26px;
}

.menu-toggle span {
   display: block;
   width: 38px;
   height: 5px;
   background: var(--menu_color);
   border-radius: 5px;
}

.menu-toggle span+span {
   margin-top: 4.5px;
}

@media (max-width: 991.98px) {
   .menu-toggle.close-icon {
      display: none;
   }
}

@media (max-width: 991.98px) {
   .menu-toggle {
      display: block;
   }
}

@media (max-width: 767.98px) {
   .menu-toggle {
      margin-top: 15px;
   }

   .menu-toggle span {
      width: 28px;
      height: 3px;
   }

   .menu-toggle span+span {
      margin-top: 4.5px;
   }
}

.single-product-image {
   max-width: 300px;
   max-height: 500px;
}

@media (max-width: 767.98px) {
   .single-product-image {
      max-width: 100%;
   }
}

.down-arrow {
   display: inline-block;
   padding-bottom: 50px;
   padding-top: 30px;
}

.down-arrow img {
   max-height: 30px;
}

@media (max-width: 767.98px) {
   .mobile-table-cell-none {
      display: none;
   }
}

.table.bulk-table.table.table-borderless.parent tr:nth-child(even) td:last-child {
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
}

.table.bulk-table.table.table-borderless.parent tr:nth-child(even) td:first-child {
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
}

.spining-full-wrap {
   width: 100%;
   height: 100%;
   position: absolute;
   background-color: rgba(255, 255, 255, 0.7);
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.spining-full-wrap .spining-icon {
   display: table;
   margin: 0 auto;
}

.spining-full-wrap .spining-icon i {
   color: #000;
   font-size: 200px;
   background: linear-gradient(to right, var(--primary_color), var(--secondary_color));
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.payment_form_section.modal-body {
   position: static;
}

.table-div {
   padding: 10px;
   -webkit-box-shadow: 0 0 10px rgba(14, 39, 39, 0.2);
   box-shadow: 0 0 10px rgba(14, 39, 39, 0.2);
   border-radius: 10px;
   margin-bottom: 10px;
   background-color: #fff;
}

.table-div .table-row {
   background-color: #fff;
}

.table-div .table-row .table-cell {
   padding: 20px 10px;
}

.table-div .table-row .table-cell.sl {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 5%;
   flex: 0 0 5%;
   text-align: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   font-family: "Metropolis";
}

#offline {
   height: 100vh;
}

@media (max-width: 767.98px) {
   .table-div .table-row .table-cell.sl {
      display: none;
   }
}

.table-div .table-row .table-cell.description {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 60%;
   flex: 0 0 60%;
}

.table-div .table-row .table-cell.description img {
   max-height: 105px;
}

.table-div .table-row .table-cell.description h6 {
   font-weight: 700;
}

.table-div .table-row .table-cell.description table.table.table-borderless {
   -webkit-box-shadow: none;
   box-shadow: none;
}

.table-div .table-row .table-cell.description table.table.table-borderless td {
   padding: 5px 0;
}

.table-div .table-row .table-cell.price {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 20%;
   flex: 0 0 20%;
}

@media (max-width: 767.98px) {
   .table-div .table-row .table-cell.price {
      width: 50%;
      float: left;
   }
}

.table-div .table-row .table-cell.actions {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 15%;
   flex: 0 0 15%;
   text-align: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.table-div .table-row .table-cell.actions a {
   padding: 3px;
   display: inline-block;
}

@media (max-width: 767.98px) {
   .table-div .table-row .table-cell.actions {
      width: 50%;
      float: left;
      padding-top: 30px;
   }
}

.table-div .table-row.no-bg {
   background-color: #fff !important;
   border-radius: 0 !important;
}

@media (max-width: 767.98px) {
   .cart-total-cell h5.title {
      font-size: 15px;
   }
}

.cart-total-cell h5.price-coupon {
   max-width: 250px;
   margin-bottom: 20px;
   position: relative;
}

@media (max-width: 767.98px) {
   .cart-total-cell h5.price-coupon {
      max-width: 170px;
      margin: 0 auto 20px auto;
   }
}

.cart-total-cell h5.price-coupon .form-control:not(:valid)~.close-icon {
   display: none;
}

@media (max-width: 767.98px) {
   .cart-total-cell h5.price-coupon .form-control {
      font-size: 15px;
   }
}

.cart-total-cell h5.price-coupon .close-icon {
   position: absolute;
   right: 15px;
   top: 3px;
}

.cart-total-cell h5.price-coupon .promocode_removed {
   position: absolute;
   top: 6px;
   right: -20px;
   font-size: 30px;
   color: #ff1f1f;
}

.cart-total-cell h5.price-coupon .promocode_removed:hover {
   text-decoration: none;
   color: #ff3939;
}

.cart-total-cell h5.price-coupon img.status {
   position: absolute;
   right: 0;
   top: 10px;
}

.cart-total-cell h5.price-coupon img.coupon-icon {
   position: absolute;
   left: 0;
   top: 13px;
}

.cart-total-cell p {
   font-size: 24px;
   color: #3a4d5c;
   font-weight: 400;
   margin-bottom: 30px;
}

small#date_error_msg {
   color: red;
}

small#location_id_error_msg {
   color: red;
}

.modal .modal-dialog .modal-content .modal-body {
   padding: 30px 30px 30px;
}

@media (max-width: 767.98px) {

   .cart-total-cell p {
      font-size: 15px;
   }
}

.cart-total-cell p.bonus {
   font-size: 22px;
   font-weight: 100;
   color: #3eb5dd;
   margin-bottom: 10px;
}

@media (max-width: 767.98px) {
   .cart-total-cell p.bonus {
      font-size: 15px;
   }
}

.cart-total-cell p.bonus img {
   position: relative;
   top: -3px;
}

@media (max-width: 767.98px) {
   .cart-total-cell p.note {
      font-size: 12px;
      margin-bottom: 0px;
   }
}

@media (max-width: 767.98px) {

   .cart-total-cell.w-50 {
      width: 100% !important;
   }
}

#breadcrumb {
   background-color: #fff;
}

.block.breadcrumb {
   margin-top: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   margin-bottom: 0px;
   background-color: transparent;
}

.block.breadcrumb .breadcrumb {
   background-color: transparent;
}

.block.breadcrumb ul.breadcrumb {
   margin: 0;
   padding: 0;
}

.accordion-apr .card {
   margin-bottom: 0px;
   border: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.accordion-apr .card .card-header {
   border: none;
   padding: 5px;
   background-color: transparent;
}

.accordion-apr .card .card-header .btn.btn-link {
   color: #333;
   font-size: 20px;
   display: block;
   width: 100%;
   font-weight: 700;
   background-color: #f1f1f1;
   border-radius: 4px;
   padding: 10px;
   text-decoration: none;
}

.accordion-apr .card .card-body {
   padding-bottom: 15px;
}

.accordion-apr .card .card-body legend {
   text-align: center;
   padding-bottom: 10px;
   font-size: 18px;
}

.accordion-apr .card .card-body ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.accordion-apr .card .card-body ul li {
   float: left;
   width: 20%;
}

@media (max-width: 767px) {
   .accordion-apr .card .card-body ul li {
      width: 50%;
   }
}

.accordion-apr .card .card-body ul li .custom-control.custom-radio {
   overflow: hidden;
   text-align: center;
   font-weight: 600;
   padding-left: 0px;
   margin: 0 5px 10px 5px;
}

.accordion-apr .card .card-body ul li .custom-control.custom-radio.custom-condition .custom-control-label i {
   font-size: 15px;
   top: 0px;
}

.accordion-apr .card .card-body ul li .custom-control.custom-radio .custom-condition-description {
   display: none;
   position: absolute;
   left: 0;
   top: 100px;
}

.accordion-apr .card .card-body ul li .custom-control.custom-radio .custom-control-label {
   border: 1px solid rgba(24, 28, 33, 0.1);
   padding: 0 5px;
   width: 100%;
   height: 170px;
   padding: 15px;
   border-radius: 4px;
}

@media (max-width: 767px) {
   .accordion-apr .card .card-body ul li .custom-control.custom-radio .custom-control-label {
      height: 130px;
   }
}

.accordion-apr .card .card-body ul li .custom-control.custom-radio .custom-control-label:hover {
   border-color: #26B4FF !important;
}

@media (max-width: 767px) {
   .accordion-apr .card .card-body ul li .custom-control.custom-radio .custom-control-label {
      margin-bottom: 10px;
   }
}

.accordion-apr .card .card-body ul li .custom-control.custom-radio .custom-control-label img {
   max-width: 80%;
   max-height: 75%;
   position: relative;
   top: 0px;
}

.accordion-apr .card .card-body ul li .custom-control.custom-radio .custom-control-label h4 {
   font-size: 15px;
   font-weight: 500;
   line-height: 20px;
}

@media (max-width: 767px) {
   .accordion-apr .card .card-body ul li .custom-control.custom-radio .custom-control-label h4 {
      font-size: 12px;
      line-height: 15px;
   }
}

.accordion-apr .card .card-body ul li .custom-control.custom-radio .custom-control-label i {
   font-size: 30px;
   position: relative;
   top: 4px;
}

.accordion-apr .card .card-body ul li .custom-control.custom-radio .custom-control-label:hover {
   cursor: pointer;
}

.accordion-apr .card .card-body ul li .custom-control.custom-radio .custom-control-label:after,
.accordion-apr .card .card-body ul li .custom-control.custom-radio .custom-control-label:before {
   opacity: 0;
}

.accordion-apr .card .card-body ul li .custom-control.custom-radio .custom-control-input:checked~.custom-condition-description {
   display: block;
}

.accordion-apr .card .card-body ul li .custom-control.custom-radio .custom-control-input:checked~.custom-control-label {
   border-color: #26B4FF !important;
}

.accordion-apr .card .card-body ul li .custom-control.custom-radio .custom-control-input:checked~.custom-control-label:after,
.accordion-apr .card .card-body ul li .custom-control.custom-radio .custom-control-input:checked~.custom-control-label:before {
   opacity: 0;
}

.accordion-apr .card .card-body #model_list ul li .custom-control.custom-radio .custom-control-label {
   height: 180px;
}

@media (max-width: 767px) {
   .accordion-apr .card .card-body #model_list ul li .custom-control.custom-radio .custom-control-label {
      height: 148px;
   }
}

.accordion-apr .card .card-body #model_list ul li .custom-control.custom-radio .custom-control-label img {
   max-height: 100px;
}

@media (max-width: 767px) {
   .accordion-apr .card .card-body #model_list ul li .custom-control.custom-radio .custom-control-label img {
      max-height: 65px;
      height: auto;
   }
}

.accordion-apr .payment-select .custom-control .custom-radio .custom-control-label {
   border-radius: 4px;
}

.accordion-apr .form-control {
   border-radius: 0px;
}

.accordion-apr .custom-control-label:after,
.accordion-apr .custom-control-label:before {
   top: 3px;
}

.block.heading h4 .device-name {
   font-size: 35px;
   font-weight: bold;
}

.or-divider strong {
   background-color: #3eb5dd;
   width: 50px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   border-radius: 50px;
   display: block;
   margin: 0 auto;
   color: #fff;
   font-size: 23px;
}

.capacity-base-row {
   position: relative;
   padding-bottom: 15px;
   border-bottom: 1px solid #e9ecef;
   margin-bottom: 15px;
}

.mobile-block {
   display: none;
}

.modern-block__selected {
   position: absolute;
   right: 0px;
   top: 0;
   color: #7c8d9c;
   font-size: 25px;
}

.capacity-base-row .modern-text__num {
   display: none;
}

.option_value_outer .options_values {
   display: inline-block;
   position: relative;
   margin-right: 10px;
}

.option_value_outer .options_values .tooltip-text {
   position: absolute;
   top: -3px;
   right: -3px;
}

.option_value_outer .options_values .btn {
   display: inline-block;
   padding: 10px 15px;
   background-color: #fff;
   border: 2px solid #e9ecef;
   border-radius: 10px;
   font-weight: 400;
   font-size: 22px;
   outline: none;
}

.option_value_outer .options_values .btn.sel {
   background: -webkit-gradient(linear, left top, right top, from(#57bb90), to(#37b3f3));
   background: linear-gradient(to right, #57bb90, #37b3f3);
   border-color: #37b3f3;
   color: #fff;
}

.amount-radio .custom-control {
   float: left;
}

.amount-radio .custom-control.custom-radio {
   overflow: hidden;
   text-align: center;
   font-weight: 600;
   padding-left: 0px;
   margin-bottom: 15px;
}

@media (max-width: 767px) {

   .amount-radio .custom-control.custom-radio {
      margin-bottom: 10px;
   }
}

.amount-radio .custom-control.custom-radio img {
   width: auto;
   max-height: 60%;
}

.amount-radio .custom-control.custom-radio .custom-control-label {
   border: 1px solid rgba(24, 28, 33, 0.1);
   padding: 0 5px;
   width: 200px;
   height: 50px;
   line-height: 50px;
   border-radius: 0px;
   font-size: 15px;
}

.amount-radio .custom-control.custom-radio .custom-control-label:hover {
   cursor: pointer;
}

.amount-radio .custom-control.custom-radio .custom-control-label:after,
.amount-radio .custom-control.custom-radio .custom-control-label:before {
   opacity: 0;
}

.amount-radio .custom-control.custom-radio .custom-control-label span {
   display: block;
   text-align: center;
   font-size: 8px;
   line-height: 15px;
}

.amount-radio .custom-control.custom-radio .custom-control-label.double-line {
   line-height: 20px;
   padding-top: 8px;
}

.amount-radio .custom-control.custom-radio .custom-control-input:checked~.custom-control-label {
   border-color: #26B4FF;
   background-color: transparent;
   background-color: #26B4FF;
   color: #ffffff;
}

.amount-radio .custom-control.custom-radio .custom-control-input:checked~.custom-control-label:after,
.amount-radio .custom-control.custom-radio .custom-control-input:checked~.custom-control-label:before {
   opacity: 0;
}

.amount-radio .custom-control.custom-radio .custom-control-input:checked~.custom-control-label p {
   color: #ffffff;
}

.amount-radio .custom-control.custom-radio+.custom-radio {
   margin-left: 10px;
}

@media (max-width: 767px) {
   .amount-radio .custom-control.custom-radio+.custom-radio {
      margin-left: 0px;
   }
}

.payment-select .custom-control {
   float: left;
}

.payment-select .custom-control.custom-radio {
   overflow: hidden;
   text-align: center;
   font-weight: 600;
   padding-left: 0px;
   margin-bottom: 15px;
}

@media (max-width: 767px) {
   .payment-select .custom-control.custom-radio {
      margin-bottom: 10px;
   }
}

.payment-select .custom-control.custom-radio img {
   width: auto;
   max-height: 60%;
}

.payment-select .custom-control.custom-radio .custom-control-label {
   border: 1px solid #a3a4a6;
   padding: 0 5px;
   width: 100px;
   height: 50px;
   line-height: 50px;
   border-radius: 0px;
   font-size: 15px;
}

.payment-select .custom-control.custom-radio .custom-control-label:hover {
   cursor: pointer;
}

.payment-select .custom-control.custom-radio .custom-control-label:after,
.payment-select .custom-control.custom-radio .custom-control-label:before {
   opacity: 0;
}

.payment-select .custom-control.custom-radio .custom-control-label span {
   display: block;
   text-align: center;
   font-size: 8px;
   line-height: 15px;
}

.payment-select .custom-control.custom-radio .custom-control-label.double-line {
   line-height: 20px;
   padding-top: 8px;
}

.payment-select .custom-control.custom-radio .custom-control-input:checked~.custom-control-label {
   border-color: #26B4FF;
   background-color: transparent;
   background-color: #26B4FF;
   color: #ffffff;
}

.payment-select .custom-control.custom-radio .custom-control-input:checked~.custom-control-label:after,
.payment-select .custom-control.custom-radio .custom-control-input:checked~.custom-control-label:before {
   opacity: 0;
}

.payment-select .custom-control.custom-radio .custom-control-input:checked~.custom-control-label p {
   color: #ffffff;
}

.block.review-slide.page .card .card-body {
   height: auto;
   margin-bottom: 20px;
}

.offer-section .card {
   margin-bottom: 20px;
   text-align: center;
   background: -webkit-gradient(linear, left top, right top, from(var(--primary_color)), to(var(--secondary_color)));
   background: linear-gradient(to right, var(--primary_color), var(--secondary_color));
   color: #fff;
}

.offer-section .card-body .discount {
   font-size: 20px;
   font-weight: bold;
}

.offer-section .card code {
   background-color: #fff;
   padding: 10px;
   border-radius: 4px;
   font-size: 14px;
}

.question .image img {
   width: 30px;
}

.question .modern-block__content {
   padding-top: 0px;
}

.question .modern-block__content .options_values {
   margin-right: 0px;
}

.question .modern-block__content .options_values .btn {
   margin-top: 0px;
   border: 1px solid #f1f1f1;
   color: #333;
   font-weight: bold;
   border-radius: 0px;
   padding: 10px 20px;
   color: #595959;
   margin: 2.5px;
}

.question .modern-block__content .options_values .btn.sel {
   border-color: #3eb5dd;
   color: #333;
   background: none;
}

.question .modern-block__content .options_values .btn:hover {
   border-color: #3eb5dd;
   color: #333;
   background: none;
}

.question.client {
   position: relative;
   background: #00aabb;
   border-radius: 20px;
   padding: 15px;
   background: #fff;
   margin: 10px 0px 10px 200px;
}

.question.client ul {
   margin: 0;
   padding: 0;
   list-style: none;
   text-align: right;
}

.question.client ul li {
   padding-left: 0px;
   margin: 2.5px 5px;
   display: inline-block;
}

.question.client .custom-control-label {
   border: 1px solid #f1f1f1;
   text-align: center;
   padding: 10px 10px;
   min-width: 100px;
   color: #595959;
}

.question.client ul li {
   margin: 0px 2px 9px 2px !important;
}

.custom-control.custom-radio.custom-control-inline:hover .btnbox {
   color: var(--primary_text_color) !important;
}

.question.client .custom-control-label:before,
.question.client .custom-control-label:after {
   display: none;
}

.question.assistant div#msg_div {
   font-weight: 500;
}

.question.client .custom-control-label .imgbox i {
   font-size: 50px;
   color: #dadada;
   display: none;
}

.question.client .custom-control-inline .custom-control-label .btnbox {
   font-weight: 500;
}

.question.client .custom-control-label .imgbox img {
   max-height: 50px;
   width: auto;
   display: none;
}

.question.client .custom-control.custom-radio.custom-control-inline {
   margin-right: 0px;
}

.question.assistant {
   position: relative;
   background: -webkit-gradient(linear, left top, right top, from(var(--primary_color)), to(var(--secondary_color)));
   background: linear-gradient(to right, var(--primary_color), var(--secondary_color));
   border-radius: 10px;
   color: #fff;
   padding: 10px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin: 10px 200px 10px 0px;
}

.question.client {
   position: relative;
   border-radius: 10px;
   padding: 15px;
   border: 1px solid #f1f1f1;
   margin: 10px 0px 10px 200px;
}

.question.assistant .image p {
   margin: 0;
   padding: 0;
}

.question.assistant:after {
   content: '';
   position: absolute;
   left: 0;
   top: 50%;
   width: 0;
   height: 0;
   border: 20px solid transparent;
   border-right-color: var(--primary_color);
   border-left: 0;
   border-bottom: 0;
   margin-top: -10px;
   margin-left: -20px;
}

.question.client:before {
   content: ' ';
   position: absolute;
   width: 0;
   height: 0;
   left: auto;
   right: -19px;
   top: 39px;
   bottom: auto;
   border: 20px solid;
   border-color: #f1f1f1 transparent transparent transparent;
   transform: rotate(45deg);
}

.question.client:after {
   content: ' ';
   position: absolute;
   width: 0;
   height: 0;
   left: auto;
   right: -17px;
   top: 40px;
   bottom: auto;
   border: 18px solid;
   border-color: white transparent transparent transparent;
   transform: rotate(45deg);
}

.question.assistant.final {
   min-width: 600px;
}

.question.assistant.final #msg_div {
   background: #fff;
   color: #333;
   border-radius: 15px;
   padding: 15px;
}

.question.assistant.final #msg_div .image {
   padding: 10px;
   margin: 15px;
   margin-bottom: 0px;
}

.question.assistant.final #msg_div .image img {
   width: 100%;
}

.question.assistant.final .btn.btn-link {
   margin-top: 0px;
   color: #4d4d4d;
   padding: 0 5px;
}

.question.assistant.final .btn.btn-link:hover {
   background: none;
   color: #3eb5dd;
}

.question.assistant.final .btn.step5next {
   min-width: 300px;
   font-size: 25px;
   text-transform: uppercase;
   font-weight: bold;
   -webkit-animation: swing 2s infinite ease-out;
   animation: swing 2s infinite ease-out;
}

.question.assistant.final p {
   font-size: 16px;
}

.question.assistant.final p span {
   font-weight: normal;
   font-size: 14px;
}

.question.assistant.final h1 {
   font-weight: bold;
   font-size: 30px;
}

.question.assistant.final .top .description {
   padding-left: 10px;
   -ms-flex-line-pack: center;
   align-content: center;
}

.question.assistant.final .top .description h4 {
   font-size: 16px;
   margin: 0;
   padding: 20px 0 0 0;
   font-weight: 500;
}

.show_final_amt {
   font-weight: bold;
   font-size: 35px;
}

strong {
   font-weight: bold;
}

.btn_fb,
.btn_fb:hover {
   background-color: #3b5998;
   line-height: 100%;
   border: 0;
}

.btn_gplus,
.btn_gplus:hover {
   background-color: #d34836;
   line-height: 100%;
   border: 0;
}

.right-sidebar .block ul {
   margin: 0;
   padding: 0;
}

.blog h1.h3 {
   margin-bottom: 0px;
}

.blog .blog-credits {
   font-size: 12px;
   padding-bottom: 20px;
}

.blog .custom-select {
   max-width: 100px;
   float: right;
}

.contact_block {
   text-align: center;
}

.contact_block h5 {
   font-weight: bold;
   text-align: center;
   padding-top: 20px;
}

.contact_block a {
   color: #333;
}

.contact_block a:hover {
   color: #3eb5dd;
}

.contact_block p {
   margin-bottom: 0px;
}

/*# sourceMappingURL=style.css.map */

/***sticky header***/

.animated {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
   }

   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes fadeInDown {
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
   }

   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

.fadeInDown {
   -webkit-animation-name: fadeInDown;
   animation-name: fadeInDown;
}

.block.main-menu.home {
   padding: 25px 0;
}

.align-items-center .block {
   margin: 0;
}

/***redio style css***/

.shipping_method_section .custom-control.custom-radio input[type="radio"] {
   left: 0;
   right: 0;
   margin: 0 8px 0;
   z-index: 9;
}

.shipping_method_section .custom-control.custom-radio {
   width: 49%;
   margin: 0 auto;
   padding: 5px 8px;
   display: inline-block;
}

.shipping_method_section .custom-control.custom-radio label {
   min-height: 50px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   border: none;
   position: relative;
   -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
   -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
   -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
   margin-bottom: 0;
}

.shipping_method_section .custom-control.custom-radio label span {
   display: table;
   font-size: 13px;
}

.shipping_method_section .custom-control.custom-radio label:hover {
   -webkit-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.19);
   -moz-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.19);
   -o-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.19);
   box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.19);
}

/***end redio css***/
/***start 16/07/2020***/

.telephone-form.tlpphone_error_section small.invalid-feedback {
   width: 100% !important;
   left: 5px !important;
   bottom: -5px !important;
   height: 0px;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
   padding: 15px 15px;
}

table.table-condensed tr td {
   padding: 0px 8px;
   text-align: center;
}

table.table-condensed tr th {
   text-align: center;
}

/***17-07-2020***/

section.faq_page h2 {
   font-family: "Metropolis";
}

.faq_page h2.page_title {
   font-family: "Metropolis";
}

#breadcrumb {
   display: none;
}

body.inner .block.heading.page-heading.faq-heading h3 {
   color: var(--heading_title_color);
   font-weight: 400 !important;
   letter-spacing: 0.7px;
}

.faq_page .block.setting-page .card {
   border: none;
}

ul.our_address_section li {
   color: #5f5f5f;
   font-size: 16px;
   font-weight: 400;
   letter-spacing: 0.6px;
   line-height: 25px;
}

.faq_page .h2 {
   margin-bottom: 20px;
}

/***18/07/2020***/

#instant_offer_popup .modal-title {
   padding-top: 0;
   font-size: 28px;
   text-align: left;
   font-weight: 500;
   letter-spacing: 0.7px;
   color: #fff;
}

#instant_offer_popup .modal-header {
   background: -webkit-gradient(linear, left top, right top, from(var(--primary_color)), to(var(--secondary_color)));
   background: linear-gradient(to right, var(--primary_color), var(--secondary_color));
}

#instant_offer_popup .modal-dialog .modal-content .modal-body {
   padding: 50px 40px;
   text-align: center;
}

#instant_offer_popup .modal-dialog .modal-content .modal-body h1 {
   font-size: 32px;
   text-align: center;
   font-weight: 600;
   color: var(--primary_color);
   margin-bottom: 30px;
}

#instant_offer_popup .btn.btn-success {
   background: -webkit-gradient(linear, left top, right top, from(var(--primary_color)), to(var(--secondary_color)));
   background: linear-gradient(to right, var(--primary_color), var(--secondary_color));
   -webkit-box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.16);
   box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.16);
   border: none;
   padding: 12px 20px;
   font-weight: 500;
   letter-spacing: 0.6px;
   text-transform: uppercase;
   border-radius: 0;
}

#instant_offer_popup .btn.btn-success:hover {
   -webkit-box-shadow: 0 6px 7px rgba(0, 0, 0, 0.2);
   box-shadow: 0 6px 7px rgba(0, 0, 0, 0.2);
   background-color: transparent;
}

.modal-footer.footer_btn_section {
   display: inline-block;
   text-align: center;
}

.modal-footer.footer_btn_section a {
   font-weight: 500;
   letter-spacing: 0.5px;
   color: var(--primary_color);
}

.modal-footer.footer_btn_section a:hover {
   text-decoration: none;
   border-bottom: 2px solid var(--primary_color);
   color: var(--primary_color);
}

.modal-footer.footer_btn_section span {
   margin: 0;
   color: var(--primary_color);
}

.center_content {
   justify-content: center;
}

div#top .block {
   margin: 0;
}

div#bottom .block {
   margin: 0;
}

/***leptop img(04/08/2020)***/
body.inner.category-computer .image img {
   max-width: 255px !important;
   max-height: 110px !important;
}

body.category-computer .block.devices .category.row.model-category .card .image {
   max-width: 260px !important;
}

/***bulk order***/

.head-graphics .block.header-caption.text-center {
   color: #fff;
}

.bonus_parsantage .table-percentage {
   -webkit-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.19);
   -moz-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.19);
   -o-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.19);
   box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.19);
   background: #fff;
   width: 65%;
   text-align: center;
   float: right;
   margin: 0 35px 0 0;
}

.bonus_parsantage .table-percentage tr:last-child td {
   padding-bottom: 20px !important;
}

.bonus_parsantage .table-percentage tr:first-child th {
   padding-top: 20px !important;
}

.r_paid {
   padding: 15px 0 !important;
}

.r_paid .get-paid {
   float: right;
}

.bonus_detail p {
   font-size: 18px;
   color: var(--main_background_text_color);
   font-family: "Metropolis";
   margin-top: 5px;
}

span.bonus {
   font-size: 24px;
   margin-right: 15px;
}

span.coupon-cod {
   font-size: 24px;
   margin-right: 15px;
}

.wholesalers_customers {
   margin-top: 0;
   padding-top: 0 !important;
}

span.condition-validation-msg {
   color: red;
   font-weight: 600;
   position: relative;
   top: 20px;
   left: 20px;
}

/***07/08/2020***/

.item_de .table.table-borderless td {
   position: relative;
   padding-left: 30px !important;
}

.item_de .table.table-borderless td:before {
   font-family: 'FontAwesome';
   content: "\f058";
   border: none;
   margin: 0;
   position: absolute;
   left: 0;
   top: 1px;
   font-size: 20px;
   color: var(--primary_color);
}

.block.phone-details .card .phone-image-block {
   min-height: 275px;
   display: flex;
   flex-direction: column;
   align-items: center
}

/***19/08/2020***/

span.validation-msg {
   color: red;
   font-weight: 400;
   margin: 0 0 0 30px;
}

.device-icon-cls-1,
.device-icon-cls-2 {
   fill: none;
   stroke: #000;
   stroke-miterlimit: 10;
   stroke-width: .71px;
}

/***22/08/2020***/

.phone-image-block {
   border-right: 1px solid #e9ecef;
}

.block.phone-details.m-detail {
   -webkit-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.15);
   -moz-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.15);
   -o-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.15);
   box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.15);
}

.block.phone-details.m-detail .table-grade-head {
   padding-left: 25px;
}

.block.phone-details.m-detail .table-grade-info {
   margin-left: 25px;
}

/***24/08/2020***/
#instant_offer_popup .modal-content {
   border-radius: 7px 7px 0 0 !important;
}

td.action.mobile-action-show span {
   color: var(--primary_text_color) !important;
}

/***secarch section***/

.header-caption.search_section {
   -webkit-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.15);
   -moz-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.15);
   -o-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.15);
   box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.15);
   width: 450px;
   padding: 30px 20px;
   margin: 0 auto;
}

.header-caption.search_section h2 {
   font-weight: 600;
}

.header-caption.search_section p {
   font-weight: 500;
   margin-top: 10px;
   margin-bottom: 15px;
}

.header-caption.search_section .device-h-search .srch_list_of_model {
   height: 40px;
   padding: 0 15px;
   width: 285px;
   border: 2px solid var(--primary_color);
   font-size: 16px;
   font-weight: 400;
}

.header-caption.search_section .search_btn {
   padding: 8px 20px;
   border-bottom: none;
   margin: 15px 0 0;
   font-size: 16px;
   letter-spacing: 0.5px;
   border-radius: 0;
}

/***29/09/20520***/
div#ShippingFields .modal-header {
   display: block;
   text-align: center;
}

#ShippingFields .modal-header h6 {
   font-size: 26px;
   color: #333;
   margin-bottom: 0;
   padding: 5px 0 0;
}

.footer-logo img {
   margin: 0 auto;
   display: block;
}

/***30/09/2020***/

.block.logo.clearfix {
   padding: 0;
}

.block.logo img {
   padding: 5px 5px;
   float: left;
   object-fit: contain;
}

/***01/03/2021***/
div#popup_model_list {
   padding-right: 0 !important;
}

.device-condation a {
   text-align: left;
   color: var(--main_background_text_color);
   text-decoration: none;
}

.device-condation a:hover h5 {
   color: var(--primary_color);
}

.device-condation a h5 {
   font-size: 16px;
   font-weight: 500;
}

.device-img {
   margin-bottom: 10px;
}

.device-condation {
   padding: 5px 0 0;
}

.device-img img {
   max-width: 100%;
   max-height: 190px;
}

/***02/03/2021***/

.model_device_condation {
   display: flex;
   padding: 0 24px;
   margin-left: 0;
   margin-bottom: 9px;
}

.device-type .model_device_condation .custom-control.custom-radio {
   font-weight: 600;
   color: #000;
   width: fit-content;
   padding-right: 15px;
}

#popup_model_list .modal-dialog .modal-content .modal-body {
   padding: 0 15px 25px;
}

.modal .modal-dialog .modal-content .close img {
   width: 80%;
}

.table-div .table-row {
   margin-bottom: 10px;
}

.block.heading h3 span {
   margin-bottom: 5px;
}

/***responsive medai query***/

@media only screen and (min-device-height:480px) and (max-device-width :320px) {
   #deviceSection:before {
      max-width: 445px !important;
      height: 360px !important;
   }
}

@media only screen and (max-width: 500px) {
   .modal-body.text-center.payment_form_section {
      padding: 15px 15px 30px !important;
   }

   .modal .modal-dialog .modal-content .modal-body.payment_form_section ul.nav.nav-tabs li.nav-item {
      width: 50%;
   }

   .modal .modal-dialog .modal-content .modal-body.payment_form_section ul.nav.nav-tabs li.nav-item .nav-link p {
      width: 100%;
   }

   .modal .modal-dialog .modal-content .modal-body ul.nav.nav-tabs li.nav-item .nav-link {
      min-height: 115px;
   }

   .modal .modal-dialog .modal-content .modal-body.payment_form_section ul.nav.nav-tabs li.nav-item .nav-link.active {
      min-height: 115px;
   }

   .modal .modal-dialog .modal-content .modal-body ul.nav.nav-tabs li.nav-item .nav-link span {
      font-size: 14px !important;
   }

   h5.modal-title.shipping_payment_label {
      padding-top: 0 !important;
   }

   #review .container-fluid .block {
      padding-left: 15px;
      padding-right: 15px;
   }

   .block.newsletter .feature-title {
      font-size: 24px;
      text-align: center;
   }

   .block.newsletter {
      text-align: center !important;
   }

   .block.heading h4 .device-name {
      font-size: 26px;
   }

   .shipping_method_section .custom-control.custom-radio {
      width: 100%;
      padding-right: 0;
   }

   .block.heading h3 span {
      font-size: 18px !important;
   }

   .block.calculate-cost h3 {
      font-size: 20px !important;
      padding-bottom: 15px !important;
   }

   .block.calculate-cost form .form-control {
      min-width: 100% !important;
   }

   .block.newsletter h3 {
      font-size: 18px !important;
   }

   .block.why-choose .card-title {
      font-size: 20px !important;
      line-height: 24px !important;
      padding: 20px 0 8px 0 !important;
   }

   .block.logo .logo-link img {
      width: 100%;
      max-width: 150px;
      min-width: 150px;
      height: 100%;
      padding-top: 10px;
   }

   .card-group>.card {
      margin-bottom: 0;
   }

   .block.easy-steps p {
      font-size: 14px !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
   }

   .block.logo ul.mobile-user-menu li+li {
      margin-left: 0px;
   }

   .block.easy-steps .card-title {
      font-size: 20px !important;
   }

   .block.showcase-text h1 {
      font-size: 26px !important;
      text-align: center !important;
      line-height: 30px !important;
   }

   .block.showcase-text h1 span {
      font-weight: 300;
      font-size: 24px;
   }

   .block.showcase-text p {
      text-align: center;
      font-size: 15px !important;
      padding: 10px 0 !important;
      line-height: 24px !important;
   }

   .block.showcase-text {
      text-align: center;
   }

   .block.showcase-text {
      padding-top: 125px !important;
      padding-bottom: 30px !important;
      padding-left: 0 !important;
   }

   .block.showcase-image {
      padding-bottom: 15px !important;
      padding-top: 0 !important;
   }

   .align-items-center .block {
      margin: 5px 0;
   }

   .block.logo ul.mobile-user-menu {
      position: relative;
      bottom: 0;
   }

   section#showcase {
      margin-bottom: 45px;
   }

   body.inner header .block.logo ul.mobile-user-menu {
      margin-top: 10px;
   }

   .block.device-brands .brand-roll .brand a {
      height: 115px;
      width: 115px;
      border-radius: 10px;
   }

   .block.device-brands .brand-roll .brand a:before {
      background-size: 18px;
      top: 18px;
      right: 0;
   }

   #showcase:after {
      height: 550px !important;
   }

   .block.why-choose .card-body p {
      font-size: 14px !important;
   }

   .home_brand_section .slick-slide {
      width: 100% !important;
   }

   .block.product-links h4 {
      padding-bottom: 0 !important;
   }

   .block.devices {
      margin-left: 0;
      margin-right: 0;
   }

   .block.devices .card h5 {
      font-size: 16px !important;
      padding-top: 20px !important;
   }

   .block.devices .category.row.model-category .card h6 {
      font-size: 13px !important;
   }

   .block.devices .category.row.model-category .card {
      padding-bottom: 15px !important;
   }

   .faq_page h2.page_title {
      font-size: 20px;
      margin-bottom: 20px;
   }

   body.menu-active header .block.main-menu ul {
      padding-left: 0;
   }

   body.menu-active header .block.main-menu ul li a {
      padding-top: 8px !important;
      padding-bottom: 8px !important;
   }

   body.menu-active header .block.main-menu {
      padding: 0;
   }

   .block.phone-details .card .phone-image-block {
      background-size: 50% auto;
      padding-bottom: 15px;
      min-height: 200px;
   }

   .block.devices .category.row.model-category .card.active,
   .block.devices .category.row.model-category .card:hover {
      background-size: 55% auto;
   }

   .block.devices .category.row.model-category .card img {
      max-height: 85px !important;
      min-height: 85px !important;
   }

   body.category-computer .block.devices .category.row.model-category .card .image {
      min-height: 120px !important;
   }

   body.inner.category-computer .image img {
      max-width: 130px !important;
      max-height: 0 !important;
   }

   #deviceSection:before {
      max-width: 500px;
      height: 370px;
   }

   .home_brand_section .block.device-brands .brand-roll .brand a {
      margin-bottom: 8px !important;
   }

   .inner .block.devices .category.row.model-category .card:after {
      width: 100px;
      height: 130px;
   }

   .block.phone-details .card .phone-image-block:after {
      width: 165px !important;
      height: 180px !important;
   }

   .block.easy-steps .image img {
      max-width: 50%;
   }

   .block.shipping-step h4 img {
      float: none;
      display: block;
      margin: 0 auto;
   }

   .block.shipping-step {
      text-align: center;
   }

   .block.shipping-step h4 span {
      display: block;
      text-align: center;
      padding-top: 10px;
   }

   .cart-total-cell h5.title {
      font-size: 16px !important;
      display: block !important;
      margin-bottom: 15px !important;
   }

   .cart-total-cell {
      font-size: 16px !important;
      text-align: center;
   }

   .cart-total-cell p.note {
      max-width: 100% !important;
      margin-bottom: 0 !important;
      line-height: 22px;
   }

   .order-details .table-div .table-row .table-cell.description table.table.table-borderless td {
      padding: 5px 10px;
      display: inline-block;
   }

   .table-cell.align-items-center.justify-content-end {
      justify-content: center !important;
   }

   .modal .modal-dialog .modal-content .modal-body ul.nav.nav-tabs.signInUpTab li.nav-item .nav-link p {
      font-size: 20px !important;
   }

   .modal .modal-dialog .modal-content .modal-body {
      padding: 30px 15px 30px !important;
   }

   .bonus_parsantage .table-percentage {
      float: none;
      width: 100%;
   }

   .bonus-up h4 {
      font-size: 20px !important;
      text-align: center;
      padding: 0 !important;
   }

   .head-graphics .block.header-caption.text-center h1 {
      font-size: 20px;
   }

   body.inner .block.heading.page-heading h3 {
      text-align: center;
   }

   .block.page-content p {
      font-size: 14px !important;
      text-align: center;
   }

   .bonus_detail p {
      text-align: center;
      font-size: 14px;
   }

   /***19/08/2020***/
   .block.heading .form-control {
      font-size: 14px !important;
   }

   .cart-total-cell h5.price-coupon .form-control {
      font-size: 16px !important;
   }

   .cart-total-cell h5.price-coupon img.coupon-icon {
      top: 10px;
   }

   .block.condition-tab .show-price .price-total {
      font-size: 50px !important;
      font-weight: 600 !important;
   }

   .modal .modal-dialog .modal-content .modal-body.payment_form_section ul.nav.nav-tabs li.nav-item .nav-link {
      min-height: 110px !important;
   }

   .modal .modal-dialog .modal-content .modal-body.payment_form_section ul.nav.nav-tabs li.nav-item .nav-link.active {
      min-height: 130px !important;
   }

   .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 19px !important;
   }

   .modal-body.pt-3.text-center.shipping_form_section {
      padding-top: 0 !important;
   }

   .form-group.double-btn.pt-5.text-center {
      padding-top: 10px !important;
   }

   div#SignInRegistration {
      padding-right: 0 !important;
   }

   .nav.nav-tabs.signInUpTab {
      padding-bottom: 10px !important;
   }

   .modal .modal-dialog .modal-content .modal-body .divider {
      display: none;
   }

   .modal .modal-dialog .modal-content .modal-body ul.social {
      margin: 0 0 0 0;
   }

   .form-group.pt-3.text-center {
      padding: 0 !important;
      margin-top: 20px !important;
      margin-bottom: 20px;
   }

   div#SignInRegistration .modal-body {
      padding: 15px 15px 15px !important;
   }

   a.btn.btn-primary.choose_brand.btn-lg {
      text-transform: capitalize;
      font-size: 16px;
      line-height: 20px;
      padding: 8px 20px;
   }

   .empty-heading .h4 {
      margin-bottom: 0;
   }

   .empty-heading .form-group {
      margin-bottom: 0 !important;
   }

   .empty-heading input.neame_search {
      margin-bottom: 10px !important;
   }

   #readyStart .block.heading p {
      letter-spacing: 0 !important;
   }

   .cart-total-cell {
      line-height: 30px;
   }

   /***20/08/2020***/
   .inner .block.devices.inner_page_step .category.row.model-category .card {
      padding: 0;
   }

   .inner .block.devices.inner_page_step .category.row .card:hover {
      -webkit-transform: scale(1);
      transform: scale(1);
   }

   .inner .block.devices.inner_page_step .category.row.model-category .card:hover .image {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
   }

   .inner .block.devices.inner_page_step .category.row.model-category .card {
      min-height: 150px !important;
      padding: 10px;
   }

   .inner .block.devices.inner_page_step .card h5 {
      font-size: 13px !important;
      padding: 10px 5px 0 !important;
   }

   /***21/08/2020***/
   section#deviceSection {
      margin-top: 45px;
   }

   #whyChoose .block.heading {
      margin-top: 25px;
   }

   #how-it-works .block.heading.black {
      margin-top: 0;
   }

   div#ShippingFields {
      padding-right: 0 !important;
   }

   .shipping_method_section .custom-control.custom-radio label span {
      font-size: 14px;
      padding: 0 50px 0 0px;
   }

   .block.main-menu ul li a:hover {
      /*border: 1px solid var(--menu_hover_color);*/
      border-bottom: none;
      box-shadow: none;
   }

   .block.main-menu ul li+li {
      margin-left: 0;
   }

   .phone-image-block {
      border-right: none;
   }

   /***25/08/2020***/
   .block.phone-details.m-detail .table-grade-info {
      margin: 15px 10px;
      width: auto;
   }

   /***18/08/2020***/
   .question.assistant {
      margin: 10px 0px 10px 0px;
   }

   .question.client {
      margin: 10px 0px 10px 0px;
   }

   .question.assistant.final {
      min-width: 100%;
   }

   /***28/09/2020***/
   .inner .block.devices.inner_page_step .category.row.model-category .card .image {
      min-height: 100px !important;
   }

   /***11/12/2020***/
   .quantity-form.form-inline.sell_your_model {
      display: block;
      margin: 0 auto;
      text-align: center;
   }

   .quantity-form.form-inline.sell_your_model input {
      margin: 0 auto;
   }

   .sell_item_paid {
      margin: 5px auto 25px auto;
      display: block;
   }

   /***mobile menu issue***/
   body.menu-active header {
      position: absolute;
   }

   body.menu-active {
      overflow: visible;
   }

   /***01/03/2021***/
   .modal .modal-dialog .modal-content .close {
      padding: 15px 15px;
   }

   #popup_model_list .modal-content .modal-header .modal-title {
      padding-top: 0;
   }

   #popup_model_list .modal-dialog .modal-content #models_list_html {
      padding: 10px 10px 20px !important;
   }

   .device-condation a {
      text-align: center;
   }

   /***2/03/2021***/

   .model_device_condation {
      justify-content: center;
      margin-left: 25px;
   }

   .device-type .model_device_condation .custom-control.custom-radio {
      width: 115px;
      padding-right: 0 !important;
   }

   #model_details .phone-details .table-grade-info tr td {
      padding: 12px 8px;
      font-size: 12px;
   }

   .block.phone-details.m-detail .table-grade-head {
      padding-left: 12px;
      font-size: 20px;
   }

   /***menu(2/3/2021)***/
   .menu-toggle {
      margin-top: 22px;
   }

   .block.logo ul.mobile-user-menu {
      margin-top: 15px;
   }

   body.inner .menu-toggle {
      margin-top: 22px;
   }

   body.inner header .block.logo ul.mobile-user-menu {
      margin-top: 15px;
   }

   /***03/03/2021***/
   #select_brand .block.brands-slider .brand a {
      box-shadow: none;
   }

   .block.phone-details .card .phone-image-block img.phone-image {
      max-width: 140px;
      top: 15px;
   }

   .block.phone-details .card .status-options,
   .block.phone-details .card .carrier-options,
   .block.phone-details .card .storage-options {
      padding-left: 15px;
      padding-right: 15px;
   }

   .block.condition-tab .show-price {
      padding: 15px;
   }

   body.inner header .block.logo ul.mobile-user-menu li a .badge {
      height: 18px;
      min-width: 18px;
      font-size: 12px;
      line-height: 18px;
   }

   .cart-total-cell h5.price-coupon {
      max-width: 225px;
   }

   .cart-total-cell h5.price-coupon .form-control {
      padding: 0 45px;
   }

   .cart-total-cell h5.price-coupon .close-icon {
      right: 15px;
   }

   .cart-total-cell h5.price-coupon img.status {
      right: 0;
   }

   #ShippingFields .modal-header h6 {
      font-size: 20px;
   }

   .modal .modal-dialog .modal-content .modal-body .sign-in.needs-validation h5 {
      font-size: 20px;
   }

   .block.shipping-info p {
      font-size: 14px !important;
      text-align: center;
   }

   .block.heading h4 {
      font-size: 20px !important;
   }

   body.inner .block.heading.page-heading.shipping-step-heading {
      padding-top: 25px;
   }

   .block.shipping-step .row:last-child,
   .block.shipping-step .row:first-child {
      padding-top: 20px;
   }

   .block.shipping-step p {
      font-size: 14px !important;
      line-height: 24px;
   }

   .block.shipping-step h4 span {
      padding-top: 15px;
      font-size: 18px;
   }

   .setting-page {
      text-align: center;
   }

   body.menu-active header .block.logo .menu-toggle.close-icon {
      width: 25px;
      margin-top: 16px;
      margin-right: 0px;
   }

   .block.logo ul.mobile-user-menu li a img {
      min-height: 35px;
      max-height: 35px;
   }

   .block.calculate-cost form .form-control::placeholder {
      font-size: 12px;
   }

   /***11/5/2021***/
   body.inner.menu-active header {
      background: linear-gradient(to right, var(--primary_color), var(--secondary_color));
   }

   /***29/10/2021***/

   .f-step {
      height: auto !important;
   }

   div#ModalPriceShow {
      padding-right: 15px !important;
      padding-left: 15px !important;
   }

   #ModalPriceShow .price_box .price,
   #ModalPriceShow .price_box strong {
      font-size: 15px !important;
   }

   #quick_quote_popup .modal-dialog .modal-content .modal-body {
      padding: 15px 15px 30px !important;
   }

   #quick_quote_popup h3 {
      line-height: 25px;
      font-size: 16px;
   }

   #quick_quote_popup h2 {
      line-height: 30px;
      font-size: 26px;
   }

   /***27/08/2022***/

   .payment_form_section div#payment-method-list {
      height: 500px !important;
      overflow: auto !important;
      margin: 0 !important;
   }

   .block.showcase-text .btn-outline-light {
      margin-bottom: 8px;
      margin-right: 5px !important;
   }

   #deviceSection:before {
      display: none;
   }

   .block.calculate-cost.clearfix {
      background: var(--primary_color);
      margin: 0;
   }

   .slick-slider .slick-track,
   .slick-slider .slick-list {
      display: flex;
      align-items: center;
   }

   .block.brands-slider .slick-dots {
      padding: 20px 0 20px 0;
   }

   /***08/07/2023***/

   .main-checkout-page .block.checkout-page .checkout-block {
      margin-bottom: 30px;
   }

   .main-checkout-page .block.checkout-page .checkout-block .btn.btn-primary {
      line-height: 20px;
   }

   .main-checkout-page button.btn.btn-primary.float-left.checkout_login_form_sbmt_btn {
      float: none !important;
   }

   .main-checkout-page a.btn.btn-primary.btn-create-account {
      margin: 0 0 15px !important;
      float: none !important;
   }

   .main-checkout-page .block.checkout-page .checkout-block .link-forgot-pass {
      display: inline-block;
      padding: 5px 0;
      color: #6c757d;
      text-transform: uppercase;
   }

   #g_form_gcaptcha iframe {
      -webkit-transform: scale(0.70) !important;
      transform: scale(0.70) !important;
      position: relative;
      left: -45px;
   }

   .main-checkout-page .block.checkout-page .accordion .card .card-header h2 .btn.btn-link {
      font-size: 14px !important;
   }

   .checkout-page .form-control {
      font-size: 14px;
   }

   .main-checkout-page .block.checkout-page .checkout-block {
      padding: 0 15px 15px 15px !important;
   }

   /***15/07/2023***/

   .offer-section .price-total.show_final_amt {
      font-size: 50px !important;
      height: 80px !important;
   }

   .offer-section .offer-section-inner .headline h3 {
      font-size: 18px !important;
   }

   .model_device_condation {
      padding: 0 0;
      margin-left: 0;
   }

   body.inner .main_footer .block {
      padding-top: 0;
      padding-bottom: 0;
   }

   /***22/07/2023***/

   .block.logo ul.mobile-user-menu {
      margin-right: 6px;
   }

   .mobile-user-menu li a i {
      margin: 0 5px;
   }

   body.menu-active header .block.logo .menu-toggle.close-icon .fa-times {
      font-size: 29px !important;
   }

   .block.devices .category.row .card {
      max-height: 250px;
      min-height: 250px;
   }


   .block.phone-details .card .status-options .custom-control.custom-radio.custom-control-inline,
   .block.phone-details .card .carrier-options .custom-control.custom-radio.custom-control-inline,
   .block.phone-details .card .storage-options .custom-control.custom-radio.custom-control-inline {
      margin-right: 4px;
      margin-left: 4px;
   }

   .track_order_form_showhide .modal-title {
      padding-top: 0 !important;
   }

   /***29/07/2023***/

   .question.assistant div#msg_div {
      font-weight: 500;
      padding-left: 10px;
      font-size: 14px;
   }

   .question.assistant.final p {
      font-size: 14px;
      margin-bottom: 10px;
   }

   body.inner .block.heading.page-heading.faq-heading {
      padding-top: 15px;
      padding-bottom: 15px;
   }

}

@media only screen and (min-width: 501px) and (max-width: 767px) {
   .modal-body.text-center.payment_form_section {
      padding: 15px 60px 30px !important;
   }

   .modal .modal-dialog .modal-content .modal-body.payment_form_section ul.nav.nav-tabs li.nav-item {
      width: 33%;
   }

   .modal .modal-dialog .modal-content .modal-body.payment_form_section ul.nav.nav-tabs li.nav-item .nav-link p {
      width: 100%;
   }

   .modal .modal-dialog .modal-content .modal-body ul.nav.nav-tabs li.nav-item .nav-link {
      min-height: 115px;
   }

   .modal .modal-dialog .modal-content .modal-body.payment_form_section ul.nav.nav-tabs li.nav-item .nav-link.active {
      min-height: 115px;
   }

   .modal .modal-dialog .modal-content .modal-body ul.nav.nav-tabs li.nav-item .nav-link span {
      font-size: 12px;
   }

   h5.modal-title.shipping_payment_label {
      padding-top: 0 !important;
   }

   .modal .modal-dialog.modal-lg {
      max-width: 600px;
   }

   #review .container-fluid .block {
      padding-left: 15px;
      padding-right: 15px;
   }

   .block.newsletter .feature-title {
      font-size: 24px;
      text-align: center;
   }

   .block.newsletter {
      text-align: center !important;
   }

   .block.heading h4 .device-name {
      font-size: 26px;
   }

   .shipping_method_section .custom-control.custom-radio {
      width: 49%;
   }

   .block.device-brands .brand-roll .brand a {
      height: 185px;
      width: 210px;
   }

   .block.showcase-text {
      padding-top: 125px !important;
      padding-bottom: 50px !important;
      padding-left: 0 !important;
   }

   .block.showcase-image {
      padding-bottom: 15px !important;
      padding-top: 0 !important;
   }

   .block.logo .logo-link img {
      width: 100%;
      max-width: 180px;
      min-width: 180px;
      height: 100%;
      padding-top: 6px;
   }

   .align-items-center .block {
      margin: 5px 0;
   }

   .block.logo ul.mobile-user-menu {
      position: relative;
      bottom: 0px;
      margin-top: 15px;
   }

   .block.showcase-text h1 {
      font-size: 26px !important;
      text-align: center !important;
      line-height: 30px !important;
   }

   .block.showcase-text h1 span {
      font-weight: 300;
      font-size: 24px;
   }

   .block.showcase-text p {
      text-align: center;
      font-size: 15px !important;
      padding: 10px 0 !important;
      line-height: 24px !important;
   }

   .block.showcase-text {
      text-align: center;
   }

   .align-items-center .block {
      margin: 5px 0;
   }

   body.inner header .block.logo ul.mobile-user-menu {
      margin-top: 10px;
   }

   #showcase:after {
      height: 600px !important;
   }

   .block.heading h3 span {
      font-size: 18px !important;
   }

   .block.why-choose .card-title {
      padding: 20px 0 10px 0 !important;
   }

   .block.product-links h4 {
      padding-bottom: 0 !important;
   }

   .block.phone-details .card .phone-image-block {
      background-size: auto;
      border-right: none;
      padding-bottom: 15px
   }

   .block.devices .category.row.model-category .card.active,
   .block.devices .category.row.model-category .card:hover {
      background-size: 60% auto;
   }

   body.category-computer .block.devices .category.row.model-category .card .image {
      min-height: 120px !important;
   }

   body.inner.category-computer .image img {
      max-width: 230px !important;
      max-height: 0 !important;
   }

   #deviceSection:before {
      max-width: 500px;
      height: 500px;
   }

   .inner .block.devices .category.row.model-category .card:after {
      width: 125px;
      height: 150px;
   }

   .block.phone-details .card .phone-image-block:after {
      width: 235px;
      height: 270px;
   }

   .block.easy-steps .image img {
      max-width: 50%;
   }

   .cart-total-cell h5.title {
      font-size: 16px !important;
      display: block !important;
   }

   .cart-total-cell {
      font-size: 16px !important;
      text-align: center;
   }

   .cart-total-cell p.note {
      max-width: 100% !important;
      margin-bottom: 0 !important;
   }

   .order-details .table-div .table-row .table-cell.description table.table.table-borderless td {
      padding: 5px 10px;
      display: inline-block;
   }

   .table-cell.align-items-center.justify-content-end {
      justify-content: center !important;
   }

   .bonus_parsantage .table-percentage {
      float: none;
      width: 100%;
   }

   .bonus-up h4 {
      font-size: 50px !important;
      padding: 0 !important;
   }

   body.menu-active header .block.main-menu ul {
      padding-left: 0;
   }

   body.inner header .block.main-menu ul {
      padding-top: 5px;
   }

   body.menu-active header .block.main-menu ul li a {
      padding-top: 8px !important;
      padding-bottom: 8px !important;
   }

   body.menu-active header .block.main-menu {
      padding: 0;
   }

   /***20/08/2020***/
   .inner .block.devices.inner_page_step .category.row.model-category .card {
      padding: 10px;
   }

   .inner .block.devices.inner_page_step .category.row .card:hover {
      -webkit-transform: scale(1);
      transform: scale(1);
   }

   .inner .block.devices.inner_page_step .category.row.model-category .card:hover .image {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
   }

   .inner .block.devices.inner_page_step .category.row.model-category .card {
      min-height: 240px;
      max-height: 240px;
   }

   .inner .block.devices.inner_page_step .card h5 {
      font-size: 14px !important;
      padding: 10px 10px 0 !important;
   }

   /***21/08/2020***/
   .block.calculate-cost h3 {
      font-size: 20px !important;
      padding-bottom: 10px !important;
   }

   .device-slider {
      padding-top: 0 !important;
   }

   #whyChoose .block.heading {
      margin-top: 25px;
   }

   #how-it-works .block.heading.black {
      margin-top: 0;
   }

   div#ShippingFields {
      padding-right: 0 !important;
   }

   .shipping_method_section .custom-control.custom-radio label span {
      font-size: 14px;
      padding: 0 50px 0 0px;
   }

   .block.main-menu ul li a:hover {
      border-bottom: none;
      box-shadow: none;
   }

   .block.main-menu ul li+li {
      margin-left: 0;
   }

   .phone-image-block {
      border-right: none;
   }

   /***18/08/2020***/
   .question.assistant {
      margin: 10px 0px 10px 0px;
   }

   .question.client {
      margin: 10px 0px 10px 0px;
   }

   .question.assistant.final {
      min-width: 100%;
   }

   /***11/12/2020***/
   .quantity-form.form-inline.sell_your_model {
      display: block;
      margin: 0 auto;
      text-align: center;
   }

   .quantity-form.form-inline.sell_your_model input {
      margin: 10px auto 0 auto;
   }

   .sell_item_paid {
      margin: 5px auto 25px auto;
      display: block;
   }

   /***mobile menu issue***/

   body.menu-active header {
      position: absolute;
   }

   body.menu-active {
      overflow: visible;
   }

   /***01/03/2021***/
   .modal .modal-dialog .modal-content .close {
      padding: 15px 15px;
   }

   #popup_model_list .modal-content .modal-header .modal-title {
      padding-top: 0;
   }

   #popup_model_list .modal-dialog .modal-content #models_list_html {
      padding: 10px 10px 20px !important;
   }

   .device-condation a {
      text-align: center;
   }

   /***2/03/2021***/
   .model_device_condation {
      justify-content: center;
      margin-left: 25px;
   }

   .device-type .model_device_condation .custom-control.custom-radio {
      width: 100px;
      padding-right: 0;
   }

   #model_details .phone-details .table-grade-info tr td {
      padding: 10px 12px;
      font-size: 12px;
   }

   /***03/03/2021***/
   #select_brand .block.brands-slider .brand a {
      box-shadow: none;
   }

   .block.phone-details .card .status-options,
   .block.phone-details .card .carrier-options,
   .block.phone-details .card .storage-options {
      padding-left: 15px;
      padding-right: 15px;
   }

   .block.condition-tab .show-price {
      padding: 15px;
   }

   body.inner header .block.logo ul.mobile-user-menu li a .badge {
      height: 18px;
      min-width: 18px;
      font-size: 12px;
      line-height: 18px;
   }

   .cart-total-cell h5.price-coupon {
      max-width: 225px;
   }

   .cart-total-cell h5.price-coupon .form-control {
      padding: 0 45px;
   }

   .cart-total-cell h5.price-coupon .close-icon {
      right: 15px;
   }

   .cart-total-cell h5.price-coupon img.status {
      right: 0;
   }

   #ShippingFields .modal-header h6 {
      font-size: 20px;
   }

   .modal .modal-dialog .modal-content .modal-body .sign-in.needs-validation h5 {
      font-size: 20px;
   }

   .block.shipping-info p {
      font-size: 14px !important;
      text-align: center;
   }

   .block.heading h4 {
      font-size: 20px !important;
   }

   body.inner .block.heading.page-heading.shipping-step-heading {
      padding-top: 25px;
   }

   .block.shipping-step .row:last-child,
   .block.shipping-step .row:first-child {
      padding-top: 20px;
   }

   .block.shipping-step p {
      font-size: 14px !important;
      line-height: 24px;
   }

   .block.shipping-step h4 span {
      padding-top: 15px;
      font-size: 18px;
   }

   .setting-page {
      text-align: center;
   }

   .block.phone-details .card .phone-image-block img.phone-image {
      top: 15px;
   }

   .block.phone-details.m-detail .table-grade-info {
      margin: 15px 10px;
      width: auto;
   }

   .block.condition-tab .show-price .price-total {
      font-size: 70px !important;
   }

   .faq_page h2.page_title {
      font-size: 20px;
      margin-bottom: 20px;
   }

   .block.phone-details.m-detail .table-grade-head {
      padding-left: 13px;
      font-size: 20px;
   }

   /***03/03/2021***/

   body.inner .menu-toggle {
      margin-top: 22px;
   }

   body.inner header .block.logo ul.mobile-user-menu {
      margin-top: 20px;
   }

   body.menu-active header .block.logo .menu-toggle.close-icon {
      width: 22px;
      margin-top: 20px;
      margin-right: 0;
   }

   .block.logo ul.mobile-user-menu li a img {
      min-height: 35px;
      max-height: 35px;
   }

   .block.shipping-step h4 img {
      float: none;
      display: block;
      margin: 0 auto;
   }

   .block.shipping-step h4 span {
      padding-top: 15px;
      font-size: 18px;
      display: block;
      text-align: center;
   }

   /***11/5/2021***/
   body.inner.menu-active header {
      background: linear-gradient(to right, var(--primary_color), var(--secondary_color));
   }

   /***29/10/2021***/
   .f-step {
      height: auto !important;
   }

   /***17/01/2022***/

   div#ModalPriceShow {
      padding-right: 15px !important;
      padding-left: 15px !important;
   }

   #ModalPriceShow .price_box .price,
   #ModalPriceShow .price_box strong {
      font-size: 15px !important;
   }

   /***09/04/2022***/
   #quick_quote_popup h3 {
      line-height: 25px;
      font-size: 16px;
   }

   #quick_quote_popup h2 {
      line-height: 30px;
      font-size: 26px;
   }

   .payment_form_section div#payment-method-list {
      height: 500px !important;
      overflow: auto !important;
      margin: 0 !important;
   }

   /***27/08/2022***/

   .payment_form_section div#payment-method-list {
      height: 500px !important;
      overflow: auto !important;
      margin: 0 !important;
   }

   .block.showcase-text .btn-outline-light {
      margin-bottom: 10px;
      margin-right: 5px !important;
   }

   #deviceSection:before {
      display: none;
   }

   .block.calculate-cost.clearfix {
      background: var(--primary_color);
      margin: 0;
      max-width: 100%;
   }

   .slick-slider .slick-track,
   .slick-slider .slick-list {
      display: flex;
      align-items: center;
   }

   .block.brands-slider .slick-dots {
      padding: 20px 0 20px 0;
   }

   /***08/07/2023***/
   .main-checkout-page .block.checkout-page .checkout-block {
      margin-bottom: 30px;
   }

   .main-checkout-page .block.checkout-page .checkout-block .btn.btn-primary {
      line-height: 20px;
   }

   .main-checkout-page button.btn.btn-primary.float-left.checkout_login_form_sbmt_btn {
      float: none !important;
   }

   .main-checkout-page a.btn.btn-primary.btn-create-account {
      margin: 0 0 15px !important;
      float: none !important;
   }

   .main-checkout-page .block.checkout-page .checkout-block .link-forgot-pass {
      display: inline-block;
      padding: 5px 0;
      color: #6c757d;
      text-transform: uppercase;
   }

   .main-checkout-page .block.checkout-page .accordion .card .card-header h2 .btn.btn-link {
      font-size: 14px !important;
   }

   .checkout-page .form-control {
      font-size: 14px;
   }

   .main-checkout-page .block.checkout-page .checkout-block {
      padding: 0 15px 15px 15px !important;
   }

   /***15/07/2023***/

   .offer-section .price-total.show_final_amt {
      font-size: 50px !important;
      height: 80px !important;
   }

   .offer-section .offer-section-inner .headline h3 {
      font-size: 18px !important;
   }

   .model_device_condation {
      padding: 0 0;
      margin-left: 0;
   }

   .menu-toggle {
      margin-top: 22px;
   }

   .inner .menu-toggle {
      margin-top: 25px !important;
   }

   .inner.iti-mobile.menu-active .block.logo ul.mobile-user-menu {
      margin-top: 15px !important;
   }

   body.inner .main_footer .block {
      padding-top: 0;
      padding-bottom: 0;
   }

   /***29/07/2023***/

   .question.assistant div#msg_div {
      font-weight: 500;
      padding-left: 10px;
      font-size: 14px;
   }

   .question.assistant.final p {
      font-size: 14px;
      margin-bottom: 10px;
   }

   body.inner .block.heading.page-heading.faq-heading {
      padding-top: 15px;
      padding-bottom: 15px;
   }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .modal-body.text-center.payment_form_section {
      padding: 15px 60px 30px !important;
   }

   .modal .modal-dialog .modal-content .modal-body.payment_form_section ul.nav.nav-tabs li.nav-item {
      width: 33.33%;
   }

   .modal .modal-dialog .modal-content .modal-body.payment_form_section ul.nav.nav-tabs li.nav-item .nav-link p {
      width: 95px;
   }

   .modal .modal-dialog .modal-content .modal-body ul.nav.nav-tabs li.nav-item .nav-link {
      min-height: 130px;
   }

   .modal .modal-dialog .modal-content .modal-body.payment_form_section ul.nav.nav-tabs li.nav-item .nav-link.active {
      min-height: 130px;
   }

   .modal .modal-dialog .modal-content .modal-body ul.nav.nav-tabs li.nav-item .nav-link span {
      font-size: 14px;
   }

   h5.modal-title.shipping_payment_label {
      padding-top: 0 !important;
   }

   .modal .modal-dialog.modal-lg {
      max-width: 700px;
   }

   .block.newsletter .feature-title {
      font-size: 24px;
   }

   .shipping_method_section .custom-control.custom-radio {
      width: 49%;
   }

   .modal .modal-dialog .modal-content .modal-body {
      padding: 15px 30px 20px;
   }

   body.inner header .block.logo a.logo-link img {
      margin-top: 10px;
   }

   body.inner header .block.logo ul.mobile-user-menu {
      margin-top: 8px;
   }

   .block.logo .logo-link img {
      width: 100%;
      max-width: 200px;
      min-width: 200px;
      height: 100%;
      padding-top: 6px;
   }

   .menu-toggle {
      margin-top: 20px;
   }

   .block.showcase-text p {
      padding: 10px 0 10px !important;
   }

   .block.showcase-text h1 {
      font-size: 38px !important;
   }

   .block.logo ul.mobile-user-menu li+li {
      margin-left: 0px;
   }

   #showcase:before {
      height: 330px !important;
   }

   #showcase:after {
      height: 365px !important;
   }

   .home_brand_section .slick-slide {
      width: auto !important;
      margin: 0 5px 0 0;
   }

   .block.why-choose .card-group>.card+.card:after {
      display: none;
   }

   .block.heading h3 {
      font-size: 30px !important;
   }

   .block.phone-details .card .status-options .custom-control.custom-radio .custom-control-label,
   .block.phone-details .card .carrier-options .custom-control.custom-radio .custom-control-label,
   .block.phone-details .card .storage-options .custom-control.custom-radio .custom-control-label {
      min-width: 110px !important;
      max-width: 110px !important;
      font-size: 14px !important;
   }

   .block.condition-tab .show-price {
      padding: 0;
   }

   .d-table {
      font-size: 15px;
   }

   .block.setting-page .accordion {
      padding: 0 0;
   }

   .block.setting-page .accordion .card .card-header .btn.btn-link span {
      top: 0;
   }

   .block.newsletter.text-right {
      padding: 0;
      margin: 30px 0 0;
   }

   .cart-total-cell h5.title {
      font-size: 18px !important;
   }

   .cart-total-cell {
      font-size: 16px !important;
   }

   .bonus_parsantage .table-percentage {
      width: 100%;
   }

   .bonus-up h4 {
      padding: 0 0 0 25px !important;
      font-size: 34px !important;
   }

   .block.page-content p {
      font-size: 16px !important;
   }

   .bonus_detail p {
      font-size: 16px
   }

   body.menu-active header .block.main-menu ul {
      padding-left: 0;
   }

   body.inner header .block.main-menu ul {
      padding-top: 5px;
   }

   body.menu-active header .block.main-menu ul li a {
      padding-top: 8px !important;
      padding-bottom: 8px !important;
   }

   .block.showcase-text h1 {
      font-size: 40px !important;
   }

   .block.showcase-text h1 span {
      font-size: 30px !important;
   }

   .block.heading h3 span {
      font-size: 24px !important;
   }

   body.menu-active header .block.main-menu {
      padding: 0;
   }

   .block.logo img {
      padding-top: 15px;
   }

   /***18/08/2020***/
   .question.assistant {
      margin: 10px 0px 10px 0px;
   }

   .question.client {
      margin: 10px 0px 10px 0px;
   }

   .question.assistant.final {
      min-width: 100%;
   }

   /***mobile menu issue***/
   body.menu-active header {
      position: absolute;
   }

   body.menu-active {
      overflow: visible;
   }

   /***02/03/2021***/
   .inner .block.devices.inner_page_step .category.row.model-category .card {
      min-height: 250px;
      max-height: 250px;
   }

   .inner .block.devices.inner_page_step .card h5 {
      padding: 10px 15px 0 !important;
   }

   /***03/03/2021***/
   .block.phone-details .card .phone-image-block:after {
      width: 210px;
      height: 230px;
   }

   .block.phone-details.m-detail {
      margin: 0;
   }

   .block.phone-details .card .h4 {
      font-size: 20px;
   }

   .block.phone-details.m-detail .table-grade-head {
      font-size: 20px;
   }

   #model_details .phone-details .table-grade-info tr td {
      padding: 10px 10px;
      font-size: 12px;
   }

   .block.phone-details .card {
      padding: 30px 0 5px;
   }

   .block.phone-details.m-detail .table-grade-info {
      width: auto;
   }

   .block.why-choose-page img {
      max-height: 40px;
      margin-right: 10px;
   }

   /***03/03/2021***/
   body.inner .menu-toggle {
      margin-top: 30px;
   }

   body.inner header .block.logo ul.mobile-user-menu {
      margin-top: 25px;
   }

   body.menu-active header .block.logo .menu-toggle.close-icon {
      width: 22px;
      margin-top: 28px;
      margin-right: 0;
   }

   .block.shipping-step h4 img {
      float: none;
      display: block;
      margin: 0 auto;
   }

   .block.shipping-step h4 span {
      padding-top: 15px;
      font-size: 18px;
      display: block;
      text-align: center;
   }

   .block.shipping-step .row:last-child,
   .block.shipping-step .row:first-child {
      padding-top: 20px;
   }

   .block.heading h3 {
      line-height: 40px !important;
   }

   #model_details .block.heading h3 {
      font-size: 20px !important;
   }

   body.inner .block.heading.page-heading.shipping-step-heading {
      padding-top: 40px;
      margin: 0;
   }

   /***03/03/2021**/
   .block.devices .category.row.model-category .card img {
      max-height: 120px !important;
      min-height: 120px !important;
   }

   .block.condition-tab .show-price .price-total {
      font-size: 70px !important;
   }

   .cart-total-cell h5.price-coupon .form-control {
      font-size: 16px !important;
   }

   .block.shipping-info {
      padding: 0;
      margin: 0;
   }

   body.inner .block.heading.page-heading.shipping-heading {
      padding: 0;
      margin: 0;
   }

   body.inner .block.heading.page-heading.faq-heading {
      padding-top: 10px;
      padding-bottom: 10px;
   }

   .block.showcase-text {
      padding-top: 8%;
      padding-bottom: 0;
   }

   /***3/5/2021***/

   .block.showcase-text {
      padding-left: 0 !important;
   }

   body.inner.menu-active header {
      bakground: linear-gradient(to right, var(--primary_color), var(--secondary_color));
   }

   /***09/04/2022***/

   #quick_quote_popup h3 {
      line-height: 25px;
      font-size: 16px;
   }

   #quick_quote_popup h2 {
      line-height: 30px;
      font-size: 26px;
   }

   #quick_quote_popup img.quick_quote_popup_img {
      height: 100% !important;
   }

   /***27/08/2022***/

   .block.showcase-text .btn-outline-light {
      margin-bottom: 10px;
      margin-right: 5px !important;
   }

   /***15/07/2023***/

   .menu-toggle {
      margin-top: 30px;
   }

   .menu-toggle span {
      width: 28px;
      height: 3px;
   }

   .block.logo ul.mobile-user-menu {
      margin-top: 25px;
      margin-right: 15px;
   }

   body.menu-active header .block.logo ul.mobile-user-menu {
      top: 0px
   }

   .inner.iti-mobile.menu-active .block.logo ul.mobile-user-menu {
      margin-top: 25px !important;
   }

   .offer-section .price-total.show_final_amt {
      font-size: 60px !important;
      height: 90px !important;
   }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
   .block.logo .logo-link {
      display: inline-block;
      width: 100%;
      max-width: 200px;
      min-width: 200px;
      height: 100%;
   }

   #showcase:after {
      height: 510px !important;
   }

   section#showcase {
      margin-bottom: 50px;
   }

   .block.showcase-text h1 {
      font-size: 44px !important;
   }

   .block.why-choose .card-body p {
      font-size: 15px !important;
   }

   footer .customer_support ul li a,
   footer .company ul li a,
   footer .marketing-collaboration ul li a {
      word-break: break-all;
   }

   /***30/09/2020***/
   .block.main-menu ul li a {
      font-size: 16px !important;
      padding: 10px 7px !important;
   }

   /***02/03/2021***/
   .block.heading h3 {
      font-size: 24px !important;
   }

   .block.showcase-text {
      padding-left: 0 !important;
   }

   /***08/07/2023***/

   .main-checkout-page button.btn.btn-primary.float-left.checkout_login_form_sbmt_btn {
      float: none !important;
   }

   .main-checkout-page a.btn.btn-primary.btn-create-account {
      margin: 0px 0 15px !important;
      float: none !important;
   }

   .main-checkout-page .block.checkout-page .checkout-block .link-forgot-pass {
      display: inline-block;
      padding: 5px 0;
      color: #6c757d;
      text-transform: uppercase;
   }
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {

   .block.logo .logo-link {
      display: inline-block;
      width: 100%;
      max-width: 200px;
      min-width: 200px;
      height: 100%;
   }

   #showcase:before {
      height: 475px !important;
   }

   #showcase:after {
      height: 485px !important;
   }

   .block.showcase-text h1 {
      font-size: 46px;
   }

   .block.main-menu ul li a {
      padding: 10px 15px !important;
   }

   .block.why-choose .card-body p {
      font-size: 14px !important;
   }

   .block.why-choose .card-title {
      padding: 20px 0 10px 0 !important;
   }

   footer .customer_support ul li a,
   footer .company ul li a,
   footer .marketing-collaboration ul li a {
      word-break: break-all;
   }

   .block.easy-steps p {
      padding-left: 15px !important;
      padding-right: 15px !important;
   }

   .d-table {
      font-size: 16px;
   }

   .block.showcase-text h1 {
      font-size: 44px !important;
   }

   /***30/09/2020***/

   .block.main-menu ul li a {
      font-size: 16px !important;
      padding: 10px 7px !important;
   }

   /***03/03/2021***/
   .block.heading h3 {
      font-size: 24px !important;
   }

   .block.showcase-text {
      padding-left: 0 !important;
   }

   /***08/07/2023***/

   .main-checkout-page button.btn.btn-primary.float-left.checkout_login_form_sbmt_btn {
      float: none !important;
   }

   .main-checkout-page a.btn.btn-primary.btn-create-account {
      margin: 0 0 15px !important;
   }

   .main-checkout-page .block.checkout-page .checkout-block .link-forgot-pass {
      display: inline-block;
      padding: 5px 0;
      color: #6c757d;
      text-transform: uppercase;
   }
}

@media only screen and (min-width: 1800px) {
   #deviceSection .block.calculate-cost {
      padding: 125px 80px 160px 30px !important;
   }
}

/****3/5/2021(slider setting)***/

.gray-bg {
   background-color: #f1f1f1 !important;
}

.white-bg {
   background-color: #ffffff !important;
}

.black-bg {
   background-color: #333333 !important;
}

.slider_bg_color {
   background: var(--primary_color);
   margin: -100px 0 0;
}

.block.showcase-text {
   color: #eaeaea;
   padding-top: 150px;
   padding-bottom: 150px;
   padding-left: 70px;
}

.block.showcase-image {
   position: relative;
   text-align: right;
   padding-top: 120px;
}

.white-bg .block.showcase-text h1 {
   color: #000;
}

.white-bg .block.showcase-text p {
   color: #000;
}

.gray-bg .block.showcase-text h1 {
   color: #000;
}

.gray-bg .block.showcase-text p {
   color: #000;
}

/***29/07/2021***/

table.table.table-borderless.bulk-table.parent {
   -webkit-box-shadow: 0 0 1px 0 rgb(0 0 0 / 19%);
   box-shadow: 0 0 1px 0 rgb(0 0 0 / 19%);
   background: #fff;
   border: 1px solid #e1e1e1;
}

#showAccount .block.setting-page .left-menu ul {
   background: #fff;
   -webkit-box-shadow: 0 1px 6px 0 rgb(32 33 36 / 15%);
   -moz-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.15);
   -o-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.15);
   box-shadow: 0 1px 6px 0 rgb(32 33 36 / 15%);
   padding: 30px 15px 30px;
}

#showAccount .block.setting-page .block {
   padding: 0;
}

#showAccount .block.setting-page .right-content {
   padding-top: 15px;
}

/***05/08/2021***/
.telephone-form small.invalid-feedback {
   width: 100% !important;
   left: 5px !important;
   bottom: -5px !important;
   height: 0px;
}

/***25/08/2021***/

.calculate-cost .intro-text {
   padding: 0 0 15px;
   color: #fff;
   font-weight: 400;
}


/***29/10/2021***/

.f-step {
   height: 480px;
}

/***datepicker css***/

td.today.day {
   background: var(--primary_color);
   color: #ffffff;
}

td.active.day {
   background: #ff1717;
   color: #ffffff;
}

td.disabled.day {
   background: #f1f1f1;
   border: 1px solid #fff;
}

td.disabled.day:hover {
   background: #f1f1f1 !important;
   color: #000 !important;
   cursor: not-allowed;
   border: 1px solid #fff;
}

/***27/11/2021***/

.new-m-detail h6.btn.btn-primary.upto-price-button {
   position: relative;
   margin-top: 20px;
}

.block.phone-details.new-m-detail .card .phone-image-block img.phone-image {
   max-height: 265px;
}

.block.phone-details.new-m-detail .card .phone-image-block:after {
   width: 185px;
   height: 230px;
}

.block.phone-details.new-m-detail .card .h4 {
   font-size: 16px;
   margin-bottom: 6px;
}

.block.phone-details.new-m-detail .card .storage-options .custom-control.custom-radio .custom-control-label {
   padding: 6px 8px;
   min-width: 80px;
   font-size: 16px;
   border-radius: 5px;
}

.new-m-detail .m-detail-inner {
   margin-top: 7px !important;
}

.offer-section {
   box-shadow: 0 3px 6px rgb(0 0 0 / 8%), 0 3px 6px rgb(0 0 0 / 12%);
   background: #fff;
   text-align: center;
}

.offer-section .offer-section-inner .headline {
   padding: 15px 10px;
   background-color: #f3f2f2;
   color: #000000;
}

.offer-section .offer-section-inner .headline h3 {
   margin-bottom: 0;
   text-align: center;
   font-size: 26px;
   font-weight: 600;
}

.offer-section .price-total.show_final_amt {
   font-size: 85px;
   font-weight: 100;
   background: var(--primary_color);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   height: 110px;
   margin-bottom: 0;
   padding: 15px 0;
}

.offer-section .offer-section-inner p {
   margin-bottom: 0;
}

.offer-section .offer-section-inner .btn.btn-lg.btn-primary {
   margin-bottom: 15px;
   margin-top: 15px;
   width: 75%;
   font-size: 15px;
}

.offer-section .offer-section-inner .btn-outline-light.accept-btn {
   width: 75%;
   border: 1px solid #ced4da;
   font-size: 15px;
}

.offer-inner.condition-tab {
   padding: 2px 0 30px;
}

.condation-tab-section .custom-control-label {
   border: 2px solid var(--primary_color);
}

.condation-tab-section .custom-control-label span {
   color: var(--primary_color);
   font-size: 18px;
}

.disable-offer-section {
   pointer-events: none;
   opacity: 0.3;
}

/***17/01/20222***/

#ModalPriceShow {
   text-align: center;
}

#ModalPriceShow .modal-body {
   padding: 25px 25px !important;
   background: transparent;
   color: #000 !important;
}

#ModalPriceShow .price_box .price {
   color: #000
}

#ModalPriceShow .price_box strong {
   color: #000
}

#ModalPriceShow .price_box strong {
   font-size: 22px;
}

.show_final_amt {
   padding: 0 5px;
   margin-bottom: 0;
}

h4.price-total.apr-spining-icon {
   font-size: 60px;
}

.trade-in-detail-section p {
   padding: 0 0;
   font-size: 16px;
   font-weight: 400;
   margin-bottom: 10px;
}

.trade-in-detail-section {
   padding: 8px 0 0;
}

.trade-in-detail-section input#email_while_add_to_cart {
   padding: 7px 10px 10px;
   height: 38px;
   border-radius: 0;
   border: 1px solid #bdbdbd !important;
   border: none;
   color: #000;
   font-weight: 400;
   text-align: left;
   width: 100%;
   font-size: 15px;
   max-width: 285px;
   border-radius: 4px;
   text-align: center;
   margin: 0 auto;
}

.trade-in-detail-section #email_while_add_to_cart_error_msg {
   text-align: center;
   font-size: 15px;
   padding: 0 0;
   margin: 8px 0;
   display: block;
   color: #fb2020;
}

#ModalPriceShow .device-part-section {
   margin: 15px auto 0 auto;
   text-align: center;
}

#ModalPriceShow .device-part-section .btn {
   font-size: 14px;
   margin-top: 0 !important;
   margin-right: 6px;
   line-height: 18px;
   min-height: 45px;
   padding: 3px 20px;
   margin-bottom: 10px !important;
   max-width: 215px;
   min-width: 215px;
}

#ModalPriceShow button.close {
   right: 0;
   top: 0;
}

.modal.fade.common_popup.show button.close {
   padding: 9px 6px;
   right: 8px;
   top: 5px;
}

#ModalPriceShow .price_box .price {
   font-size: 22px;
   font-weight: 600;
}

#ModalPriceShow .modal-dialog.small_dialog {
   width: 100%;
   margin: 30px auto;
   /* max-width: 675px; */
}

/***09/04/2022***/

#quick_quote_popup .modal-dialog .modal-content .modal-header .modal-title {
   display: none;
}

#quick_quote_popup img.quick_quote_popup_img {
   height: auto;
   width: 100%;
}

#quick_quote_form .quick_quote_fields .form-group.double-btn {
   margin-bottom: 0;
   padding-top: 15px !important;
}

#quick_quote_popup .modal-dialog .modal-content .close {
   padding: 10px 15px;
}

.quick_quote_detail {
   margin-top: 15px;
}


/***16/04/2022***/

.block.user-menu ul li a i {
   color: #000;
   background: #fff;
   width: 30px;
   height: 30px;
   padding: 6px 6px;
   font-size: 17px;
   border-radius: 50px;
   text-align: center;
}

.mobile-user-menu li a i {
   color: #000;
   background: #fff;
   width: 30px;
   height: 30px;
   padding: 6px 6px;
   font-size: 17px;
   border-radius: 50px;
   text-align: center;
   margin: 0 4px;
}

/***27/08/2022***/
.modal .modal-dialog .modal-content .modal-body.payment_form_section ul.nav.nav-tabs li.nav-item .nav-link.active {
   min-height: 110px !important;
}

.modal .modal-dialog .modal-content .modal-body ul.nav.nav-tabs li.nav-item .nav-link span {
   font-size: 14px !important;
}

div#payment-method-list {
   height: auto !important;
   overflow: auto !important;
   margin: 0 !important;
}

.modal .modal-dialog .modal-content .modal-body.payment_form_section ul.nav.nav-tabs li.nav-item .nav-link p img {
   width: 60px;
}

/***08/07/2023***/

.main-checkout-page .block.head .h1 {
   font-size: 30px;
}

.main-checkout-page .block.checkout-page .block.head .h1 {
   margin-bottom: 0px;
   padding-bottom: 15px;
   position: relative;
}

.main-checkout-page .block.head.border-line .h1:after {
   content: "";
   width: 120px;
   height: 5px;
   position: absolute;
   bottom: 0;
   left: 50%;
   margin-left: -60px;
}

.main-checkout-page .block.checkout-page .accordion .card .card-header {
   background-color: transparent;
   border-bottom: none;
   padding: 0;
}

.main-checkout-page .block.checkout-page .accordion .card .card-header h2 .btn.btn-link {
   font-weight: 500;
   color: #6c757d;
   font-size: 18px;
   text-transform: uppercase;
   background-color: transparent;
   border-bottom: none;
   border-top: none;
}

.main-checkout-page .block.content {
   margin: 0 !important;
   padding: 15px;
}

.main-checkout-page .accordion .card {
   border: 1px solid #e9ecef !important;
   border-radius: 4px !important;
   -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 9%);
   box-shadow: 0 0 15px rgb(0 0 0 / 9%);
}

.main-checkout-page .accordion .card .card-header h2 .btn.btn-link {
   display: block;
   text-align: left;
   padding: 15px 50px 15px 20px;
   color: #212529;
   font-weight: 600;
   width: 100%;
   font-size: 18px;
   text-decoration: none;
}

.main-checkout-page .block.checkout-page .checkout-block {
   border: 1px solid #e9ecef;
   padding: 0 20px 20px 20px;
}

.main-checkout-page .block.checkout-page .checkout-block h3 {
   position: relative;
   background: #ffffff;
   padding-left: 0px;
   padding-right: 10px;
   top: -12px;
   color: #000;
   text-transform: uppercase;
   font-size: 16px;
   font-weight: 600;
   display: inline-block;
   padding: 2px 5px 0;
}

.main-checkout-page .block.checkout-page .accordion .card {
   border: none;
   margin-top: 15px;
}

.main-checkout-page .card-body {
   padding-top: 0;
}

.block.content.cart-page.cart-summary-page {
   background: #fff;
   -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 9%);
   box-shadow: 0 0 15px rgb(0 0 0 / 9%);
   border: 1px solid #e9ecef !important;
   border-radius: 4px !important;
}

.main-checkout-page .block.cart-page.cart-summary-page .h2 {
   text-transform: uppercase;
   font-size: 18px;
   font-weight: 500;
   color: #000;
   padding: 0 10px;
}

.main-checkout-page .summary-details {
   padding: 0 10px;
}

.main-checkout-page .block.cart-page table.table tr td h3 {
   font-size: 18px;
   font-weight: 500;
}

.main-checkout-page .block.cart-page table.table tr td h4 {
   font-size: 14px;
   text-transform: uppercase;
   color: #6c757d;
   font-weight: 600;
}

.main-checkout-page .block.cart-page.cart-summary-page .h2 .btn {
   color: #adb5bd;
   padding: 0px;
   position: relative;
   top: -2px;
}

.main-checkout-page .block.cart-page.cart-summary-page .summary-details h4 {
   text-transform: uppercase;
   color: #adb5bd;
   font-size: 13px;
   font-weight: 600;
   padding: 15px 0;
   margin-bottom: 0px;
}

.main-checkout-page .block.cart-page.cart-summary-page .summary-details span {
   text-transform: uppercase;
   font-weight: 600;
   color: #000;
   display: block;
   font-size: 13px;
   padding: 10px 0;
   text-align: right;
}

.main-checkout-page .block.checkout-page .checkout-block .btn.btn-primary {
   font-size: 11px;
   font-weight: 600;
   text-transform: uppercase;
   padding: 10px 15px;
   margin: 0 15px 0 0;
}

.main-checkout-page .block.checkout-page .checkout-block .btn.btn-primary:hover {
   -webkit-box-shadow: 0 6px 7px rgb(0 0 0 / 20%);
   box-shadow: 0 6px 7px rgb(0 0 0 / 20%);
}

.main-checkout-page a.btn.btn-primary.btn-create-account {
   margin: 0 0 15px;
}

.main-checkout-page .custom-control.custom-radio.custom-control-inline:hover {
   border-radius: 0;
}

.main-checkout-page .payment-select .custom-control.custom-radio .custom-control-input:checked~.custom-control-label {
   background-color: transparent;
   color: var(--main_background_text_color);
}

.main-checkout-page .payment-select .custom-control.custom-radio .custom-control-label {
   height: 45px;
   line-height: 43px;
}

.main-checkout-page .payment-form legend {
   padding-top: 20px;
   font-size: 14px;
}

.main-checkout-page .row.service_hour {
   padding: 15px 0px 15px;
   margin: 15px 0 15px;
   font-size: 12px;
}

.main-checkout-page button.btn.step2next.btn-primary {
   padding: 8px 15px;
   font-size: 14px;
}

.main-checkout-page button.btn.btn-primary.step3next {
   padding: 8px 15px;
   font-size: 14px;
}

.main-checkout-page .location-adr-show-hide strong {
   font-weight: 500;
}

.main-checkout-page .block.checkout-page .accordion .card .card-header h2 .btn.btn-link span {
   font-weight: 400;
   font-size: 15px;
   display: inline-block;
   padding-left: 20px;
}

.main-checkout-page small.help-block.m_validations_showhide {
   color: red;
   font-size: 14px;
   display: block;
   padding: 5px 0;
}

.main-checkout-page button.btn.btn-primary.get_paid {
   padding: 8px 15px;
   font-size: 14px;
}

.main-checkout-page .form-group.with-icon img {
   position: absolute;
   left: auto;
   bottom: 10px;
   right: 26px;
}

.main-checkout-page .block.checkout-page .checkout-block .link-forgot-pass {
   display: inline-block;
   padding: 10px 0 25px;
   color: #6c757d;
   text-transform: capitalize;
   font-size: 14px;
   font-weight: 500;
   text-decoration: underline;
}

.main-checkout-page .third_party_login ul.social {
   padding-left: 0;
   list-style: none;
   width: fit-content;
}

.main-checkout-page .third_party_login ul.social .google a {
   background: #4285f4;
   padding: 10px 15px;
   color: #fff;
   font-size: 14px;
   display: block;
   -webkit-box-shadow: 0 6px 7px rgba(0, 0, 0, 0.2);
   box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
   border-radius: 0.25rem;
}

.main-checkout-page .third_party_login ul.social .google a i.fab {
   margin-right: 5px;
}

.main-checkout-page .third_party_login ul.social .facebook a {
   background: #325097;
   padding: 10px 15px;
   color: #fff;
   font-size: 14px;
   display: block;
   -webkit-box-shadow: 0 6px 7px rgba(0, 0, 0, 0.2);
   box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
   border-radius: 0.25rem;
}

.main-checkout-page .third_party_login ul.social .facebook a i.fab {
   margin-right: 5px;
}

a.btn-create-account.create-an-account {
   display: inline-block;
   padding: 10px 0 10px;
   color: #6c757d;
   text-transform: capitalize;
   font-size: 14px;
   font-weight: 500;
   text-decoration: underline;
}

center a {
   padding: 15px 0;
   display: block;
   font-weight: 500;
}

.inner.iti-mobile.menu-active .block.logo ul.mobile-user-menu {
   margin-top: 10px;
}

div#grade\ a {
   width: 100%;
}


/***21/10/2023***/

.modal .modal-dialog .modal-content .modal-body.payment_form_section ul.nav.nav-tabs li.nav-item {
   margin: initial;
}

.payment_form_section .nav.nav-tabs {
   justify-content: center;
}


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

@media (max-width: 767px) {
   .device-type .model_device_condation .custom-control.custom-radio {
      width: fit-content;
      padding-right: 15px !important;
   }
   .device-condation {
      display: flex;
      justify-content: center;
      margin-top: 15px !important;
   }

}


@media (max-width: 767px) {
   .offer-section {
      margin-top: 15px;
  }
}

@media (min-width: 768px) and (max-width: 991px) { 
   .offer-section .offer-section-inner .headline h3 {
      font-size: 14px;
   }

   .offer-section {
      margin-top: 15px;
  }
   .offer-section .price-total.show_final_amt {
      font-size: 40px; 
      height: 75px;
   }

}

@media (min-width: 992px) and (max-width: 1100px) {
   .block.phone-details .card {
      padding: 20px;
}

.offer-section .offer-section-inner .headline h3 {
   font-size: 20px;
}

.offer-section .price-total.show_final_amt {
   font-size: 60px;
   height: 78px;
}