/* global Css Start  */
body {
    background: #fff;
    font-family: "Raleway", sans-serif;
}
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6,
p,li,button,.site-content ul li,
.woocommerce button.button{
    font-family: "Raleway", sans-serif;
}
p{
    color: #6D6D6D;
}
p a {
    color: #2774D7;
}
.btn_two {
    padding: 15px 29px;
    font-family: "Raleway", sans-serif;
}
.btn_two:hover{
    background-color: #F50416;
}
p a:hover{
    color: #F50416;
}
.position-relative {
    position: relative !important;
}
.hidden{
    display: none;
}
.site-content {
    padding-top: 160px;
}
.section-header.text-center{
    text-align: center;
}
.section-header .subtitle,
.section-header .subtitle p{
    color: #3078D1;
    font-family: "Raleway", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: 0.44px;
    margin-bottom: 15px;
}
.section-header .title{
    color: #2D2D2D;
    font-family: "Raleway", sans-serif;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 15px;
}
.section-header>:last-child{
    margin-bottom: 0 !important;
}
.section-header {
    margin-bottom: 40px;
}
.error-404.not-found,.defult-page-inner {
    padding: 50px 0 80px;
}
.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid #2D2D2D;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
    margin: 30px auto;
    display: block;
}
@keyframes spinner-border {
    to { transform: rotate(360deg); }
}
/* global Css End  */

/* header css Start  */
.main_header .hp_left {
    width: 27%;
    column-gap: 60px;
}
.main_header .header-logo img {
    max-width: 195px;
}
.main_header .header-logo {
    padding-bottom: 10px;
}
.main_header .hp-center {
    width: 46%;
}
.main_header .hp_right{
    width: 27%;
    margin: 0;
}
.main_header .header_part{
    margin-inline: -10px;
}
.main_header .header_part>div{
    padding-inline: 10px;
}
.manu_side{
    width: 390px;
    position: absolute;
    transform: translate(-100%);
    visibility: hidden;
    z-index: 3;
    left: 0;
    top: 0;
    padding: 2rem 1.5rem 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: all 0.4s;
    height: 100vh;
}
.manu_side.menuload{
    opacity: 1;
    visibility: visible;
    transform: translate(0);
}
.main_menu .menu_toggle{
    padding: 0;
    border: 0;
    background-color: transparent;
    position: relative;
    height: auto;
    width: auto;
    cursor: pointer;
}
.head_search .head-header-filed {
    border-radius: 70px;
    background: #EFEFEF;
    padding: 14px 20px;
    max-width: 560px;
}
.head_search .head-header-filed input{
    font-family: "Raleway", sans-serif;
    color: #000;
    font-size: 12px !important;
    font-weight: 500;
    line-height: normal !important;
    letter-spacing: 0.24px;
}
.head_search .head-header-filed input::-webkit-input-placeholder{color: #6D6D6D;opacity: 1}
.head_search .head-header-filed input::-moz-placeholder{color: #6D6D6D;opacity: 1}
.head_search .head-header-filed input:-ms-input-placeholder{color: #6D6D6D;opacity: 1}
.head_search .head-header-filed input::-ms-input-placeholder{color: #6D6D6D;opacity: 1}
.head_search .head-header-filed input::placeholder{color: #6D6D6D;opacity: 1}
.head_search .search-icon{
    line-height: 16px;
    flex-shrink: 0;
}
.reset__button{
    cursor: pointer;
}
.reset__button svg{
    width: 18px;
    height: 18px;
    transition: all 0.4s;
}
.reset__button {
    margin: 0 12px;
    border: 0;
    border-right: .1rem solid #12121214;
    padding-right: 12px;
}
.reset__button:hover svg{
    transform: scale(1.07);
}
/* .head_search .menu, .search_mobile .menu{
    display: none;
} */
.main_header .header_section{
    padding: 22px 0 35px;
    border-bottom: 1px solid #D7D7D7;
}
body:not(.home) .main_header .header_section{
    background-color: #fff;
}
.main_header .sec_menu ul>li.head_cart {
    border-left: 0;
    padding-left: 0;
}
.main_header .sec_menu ul>li.head_cart .count {
    background-color: #F00;
    border: 1px solid #fff;
    top: -4px;
    right: -7px;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    width: 16px;
    height: 16px;
    font-weight: 600;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Poppins", sans-serif;
}
.main_header.sticky .header_section{
    padding: 22px 0;
}
.menu-overlay {
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    position: absolute;
    background: #12121280;
    z-index: 2;
    display: none;
}
body.toggled_open .menu-overlay{
    display: block;
}
.manu_side .menu-logo img {
    width: auto;
    margin: 0 auto 30px auto;
}
.manu_side .menu-close {
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
}
.search-menu .field-block {
    border-bottom: 1px solid #000;
    padding: 9px 15px;
}
.search-menu .field-block input {
    padding: 0 !important;
    width: 100%;
}
/* .search-menu  .lable-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.2s;
    color: #121212bf;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
}
.search-menu .field-block input:focus+.lable-placeholder{
    top: -15px;
} */
.search-menu button{
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
}
.search-menu .reset__button{
    border-right: .1rem solid #12121214;
    padding-right: 12px;
}
.search-menu .menu .item{
    padding: 15px 0;
    cursor: pointer;
}
.search-menu .menu .item:not(:last-child){
    border-bottom: 1px solid rgba(0, 129, 200, .25);
}
.search-menu .menu {
    position: absolute;
    left: 0;
    width: 100%;
    box-shadow: 3px 6px 12px 0 rgba(34, 49, 68, .07);
    z-index: 1;
    background: #fff;
    padding: 0 15px;
}
.search-menu .menu .item{
    display: block !important;
}
.search-menu {
    position: relative;
    margin-bottom: 20px;
}
.main_header .main_menu nav ul.menu>li {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
}
.main_header .main_menu nav ul.menu>li>a,
.main_header .main_menu nav ul.menu>li:first-child>a{
    padding: 15px 0;
    text-decoration: none;
    border: solid #EFEFEF;
    border-width: 1px 0 !important;
    font-size: 18px;
    color: #3078d1;
    font-weight: 600;
    text-transform: uppercase;
    background-color: transparent;
    border-radius: 0;
    margin-bottom: -1px;
    font-family: "Raleway", sans-serif;
    display: flex;
    align-items: center;
}
.main_header .main_menu nav ul.menu>li:first-child>a:hover {
    background-color: transparent;
}
.main_header .main_menu nav ul.menu>li>a:hover,
.main_header .main_menu nav ul.menu>li:first-child>a:hover,
.main_header .main_menu nav ul.menu>li.current-menu-item>a{
    color: #121212bf;
}
.manu_side::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5;
}
.manu_side::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #3078d1;
}
.manu_side::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5;
}
.main_header .main_menu nav ul.menu>li a span{
    height: 40px;
    width: 40px;
    margin-right: 12px;
    flex-shrink: 0;
}
.menu-footer .login a{
    font-size: 18px;
    color: #3078d1;
    font-weight: 600;
    text-transform: uppercase;
    font-family: "Raleway", sans-serif;
    display: flex;
    align-items: end;
    column-gap: 10px;
    line-height: 1;
}
.menu-footer .login a:hover{
    color: #121212bf;
}
.menu-footer .login a .icon{
    flex-shrink: 0;
    width: 18px;
}
.menu-footer {
    margin-top: 35px;
}
.main_header .sec_menu ul>li.head_cart>.hc_cart{
    right: 0;
    left: auto;
}
.main_header .sec_menu ul>li.head_cart>.hc_cart .hcf_box .item .cdm_txt h6,
.main_header .sec_menu ul>li.head_cart>.hc_cart .hcf_btn a{
    font-family: "Raleway", sans-serif;
}
.main_header .sec_menu ul>li.head_cart>.hc_cart .hcf_btn a{
    color: #F50416;
}
.main_header .sec_menu ul>li.head_cart>.hc_cart .hcf_btn a:hover{
    color: #2774D7;
}
/* header css End  */

/* Topbar Css Start  */
.topbar .topbar-item .icon img {
    width: 22px;
}
.topbar {
    background: #F7F9FC;
    padding: 15px 0;
}
.topbar .topbar-slider {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.topbar .topbar-item{
    font-family: "Raleway", sans-serif;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.28px;
    position: relative;
    display: flex !important;
    column-gap: 12px;
}
.topbar .topbar-item .icon{
    flex-shrink: 0;
}
/* Topbar Css End  */

/* Footer Css Start  */
.site_footer{
    background-color: #3078d1;
    padding: 25px 0 0;
}
.ft-menu .foot_title {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    font-family: "Raleway", sans-serif;
    color: #fff;
    margin-bottom: 10px;
}
.ft-menu li a,
.ft-menu-botton li a{
    color: #fff;  
    font-size: 16px;
    font-weight: 700;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    letter-spacing: 0.6px;
}
.ft-menu ul{
    display: flex;
    flex-wrap: wrap;
    max-width: 750px;
    margin: auto;
    align-items: center;
    row-gap: 8px;
}
.ft-menu ul li{
    width: 20%;
    text-align: center;
}
.ft-menu ul li a:hover,
.ft-menu-botton li a:hover{
    text-decoration: underline;
    text-underline-offset: .3rem;
}
.ft-menu {
    border-bottom: 1px solid #4889da;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.ft-contact ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 40px;
    row-gap: 20px;
}
.ft-contact ul li a,
.ft-contact ul li{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: "Raleway", sans-serif;
    letter-spacing: 0.6px;
    display: flex;
    column-gap: 10px;
    align-items: start;
}
.ft-contact ul li .icon {
    line-height: 10px;
}
.ft-contact ul li {
    position: relative;
}
.ft-contact ul li a:hover{
    text-decoration: underline;
    text-underline-offset: .3rem;
}
.site_footer .ft-logo .logo img {
    max-width: 155px;
}
.site_footer .ft-logo {
    text-align: center;
    margin-bottom: 10px;
}
.site_footer .ft-logo a {
    display: inline-block;
    vertical-align: middle;
}
.site_footer .ft-contact {
    margin-bottom: 15px;
}
.footer-bottom {
    background-color: #fff;
    padding: 12px 0;
}
.copy-right p,
.copy-right p a {
    margin-bottom: 0;
    font-size: 14px;
    color: #606060;
    font-weight: 400;
    font-family: "Raleway", sans-serif;
    letter-spacing: 0.7px;
}
.copy-right p a:hover{
    color: #2774D7;
}
.site_footer .copy-right{
    width: 47%;
}
.site_footer .col-center {
    text-align: center;
    width: 6%;
}
.site_footer .col-right{
    text-align: right;
    width: 47%;
}
.site_footer .col-right img{
    max-width: 211px;
    display: inline-block;
    vertical-align: middle;
}
.ft-menu-botton ul li {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
}
.ft-menu-botton {
    text-align: center;
    padding-bottom: 50px;
}
.ft-menu-botton ul li:not(:last-child){
    padding-right: 12px;
    margin-right: 12px;
    border-right: 1px solid #fff;
}
/* Footer Css End  */

/* Step Flow Page Css Start  */
/* Step one Sec Css Start  */
.step_form {
    padding-bottom: 0 !important;
}
.steps_title .small_txt{
    color: #767676;
    font-size: 14px;
    font-weight: 600;
    line-height: 29px; 
    letter-spacing: 0.56px;
    font-family: "Raleway", sans-serif;
    margin-bottom: 25px;
}
.steps_title .st_big h2{
    color: #2774D7;
    font-family: "Raleway", sans-serif;
    font-size: 34px;
    font-weight: 900;
    line-height: 44px; 
    margin-bottom: 0px !important;
}
.steps_title .st_big h2.text-black{
    color: #2D2D2D;
    font-weight: 700;
}
.steps_title .st_select{
    border-radius: 70px;
    border: 1px solid #D7D7D7;
    padding: 10px 10px 10px 24px;
    background: #FFF;
    text-align: left;
    margin-top: 30px;
}
.st_select button.ser_btn{
    width: 94px;
    font-weight: 600;
    letter-spacing: 0.28px;
    font-size: 14px;
    font-family: "Raleway", sans-serif;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: #2774D7;
    height: auto;
    padding: 9px 10px;
    text-indent: unset;
}
.st_select button.ser_btn .icon {
    line-height: 1;
    margin-left: auto;
    flex-shrink: 0;
    margin-top: 1px;
}
.st_select input[type=text] {
    width: calc(100% - 143px);
    padding: 10px 0px !important;
    height: auto;
    margin-left: 0;
    border-radius: 0;
}
.st_select .reset__button{
    background: transparent;
    padding: 5px 12px 5px 0;
    margin: 0 15px 0 0;
    top: 4px;
    position: relative;
}
.steps_title .pre_step a {
    border-radius: 25px;
    border: 1px solid #E3E3E3;
    background: #F7F9FC;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.48px;
    font-family: "Raleway", sans-serif;
    display: inline-flex;
    vertical-align: middle;
    min-width: 110px;
    align-items: center;
    column-gap: 10px;
}
.steps_title .pre_step a:hover{
    color: #2774D7;
    border-color: #2774D7;
    background: rgba(39, 116, 215, 0.15);
}
.steps_title .pre_step a .icon {
    width: 7px;
    display: inline-block;
}
.steps_title .pre_step a:hover .icon img{
    filter: brightness(0) saturate(100%) invert(34%) sepia(52%) saturate(1687%) hue-rotate(190deg) brightness(100%) contrast(89%);
}
.steps_title .step-wrapper {
    margin-bottom: 60px;
}
.device_types_main .dt_box{
    border: 2px solid #F50416;
    width: calc(33.33% - 16px);
    margin: 8px;
    display: flex;
    flex-direction: column;
    padding: 40px 20px 20px;
}
.device_types_main{
    max-width: 1070px;
    margin: 0 auto;
}
.device_types_main .dt_box:hover {
    border-color: #F50416;
}
.device_types_main .dt_box .dt_txt {
    font-family: "Raleway", sans-serif;
    font-size: 20px;
    letter-spacing: 0.4px;
    font-weight: 600;
    color: #000;
    padding: 19px 12px;
    background-color: #EFDE36;
    border-radius: 8px;
    margin-top: auto;
    transition: all 0.4s;
    margin-top: 40px;
}
.device_types_main .dt_box:hover .dt_txt{
    background-color: #2774D7;
    color: #fff;
}
.device_types_main .dt_box .dt_img{
    margin: auto;
}
.nfzf_section .nfzf_main {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    column-gap: 60px;
    row-gap: 26px;
}
.nfzf_section .nfzf_main .nfzf_box {
    background-image: none;
    display: flex;
    align-items: center;
    column-gap: 15px;
    padding: 0;
    color: #000;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.36px;
}
.nfzf_section .nfzf_main .nfzf_box .icon{
    background-color: #F50416;
    border-radius: 100px;
    width: 54px;
    height: 54px;
    flex-shrink: 0;
    display: flex;
}
.nfzf_section .nfzf_main .nfzf_box .icon img {
    max-width: 32px;
    margin: auto;
}
.nfzf_section {
    padding: 60px 0 80px;
}
.st_select button.ser_btn:hover{
    background-color: #F50416;
}
.st_select .menu{
    left: -1px;
    width: calc(100% + 2px);
    box-shadow: 3px 6px 12px 0 rgba(34, 49, 68, 0.15);
}
.st_select .menu::-webkit-scrollbar-track{
    background-color: rgba(0, 0, 0,0.1);
    border-radius: 10px
}
/* Step one Sec Css End  */
/* Step Two Sec Css Start  */
.brand_types_main .brand_box {
    border: 2px solid #F50416;
    padding: 0;
    width: calc(33.33% - 16px);
    margin: 8px;
}
.brand_types_main .brand_box:hover{
    border-color: #F50416;
}
.brand_box .brand_name{
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.4px;
    font-family: "Raleway", sans-serif;
    padding: 27px 15px;
    border-top: 1px solid rgba(39, 116, 215,0.16);
}
.brand_box .brand_image {
    padding: 15px;
    min-height: 278px;
}
.brand_types_main{
    max-width: 935px;
    margin: 0 auto;
    justify-content: center;
}
.result_brand{
    background-color: #F7F9FC;
    padding: 80px 0;
}
.result_brand .container{
    max-width: 1150px;
}
.result_brand_main .rbm_box {
    width: calc(25% - 20px);
    border-radius: 15px;
    border: 2px solid #F00 !important;
    margin: 10px;
    padding: 50px 15px 30px;
}
.result_brand_main .rbm_box>div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.result_brand_main {
    margin: 0 -10px;
}
.result_brand .heading,
.brand_types .heading{
    color: #2D2D2D;
    font-weight: 700;
    line-height: 44px;
    font-family: "Raleway", sans-serif;
    font-size: 34px;
    margin-bottom: 30px !important;
    text-align: center;
}
.result_brand_main .rbm_box .rbm_txt {
    color: #000;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.36px;
    margin: 40px 0 0;
}
.result_brand_main .rbm_box .rbm_img img{
    max-height: 170px;
}
.result_brand_main .rbm_box .rbm_img{
    margin: 0 !important;
}
.query-section ul.accordion li.full-width-li{
    display: block;
    border-radius: 4px;
    border: 1px solid #E3E3E3;
    padding: 15px;
    background-color: #fff;
    margin-right: 0;
}
.query-section ul.accordion li.full-width-li:hover{
    border-color: #FF0000;
}
.query-section ul.accordion li.full-width-li .form-group label{
    text-align: left;
    padding: 0;
    border: 0 !important;
}
.query-section ul.accordion li.full-width-li .inner.wcqhide{
    padding: 20px 0 0;
}
.query-navigations a.query-paid:not(:hover){
    color: #fff;
    background-color: #F00;
}
/* Step Two Sec Css End  */
/* Single Product Step Css Start  */
.single-product{
    background: #F7F9FC;
}
.steps_title.single-product-header {
    padding: 40px 0 40px;
}
.steps_title.single-product-header .st_main{
    max-width: 100%;
}
.product-desc-right .query-navigations{
    margin-top: 27px;
}
.query-section .query-navigations{
    margin-top: 1em;
}
/* Single Product Step Css End  */
/* Step Flow Page Css End  */

/* Checkout Page CSS Start */
.woocommerce-page .page{
    padding: 50px 0 80px;
}
.checkout-form-wrapper {
    border-radius: 12px 12px 0 0;
    border: 1px solid #EDEDED;
    background-color: #F7F9FC;
    padding: 30px 30px 40px;
    border-bottom: 0;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.payment_data-input input{
    border-radius: 12px;
    border: 1px solid #EDEDED;
    background: #FFF;
    letter-spacing: 0.28px;
    font-weight: 500;
    font-family: "Raleway", sans-serif;
    color: #2D2D2D;
    padding: 10px 20px !important;
    font-size: 14px !important;
    height: 50px;
}
.select2-container .select2-dropdown, .select2-container .select2-selection{
    border-radius: 12px;
    border: 1px solid #EDEDED;
    background: #FFF;
}
.select2-container .select2-selection--single .select2-selection__rendered{
    padding: 15px 20px;
    letter-spacing: 0.28px;
    font-weight: 500;
    font-family: "Raleway", sans-serif;
    color: #2D2D2D;
    font-size: 14px !important;
}
.select2-container .select2-selection--single .select2-selection__arrow{
    right: 15px;
}
.woocommerce form .form-row textarea::-webkit-input-placeholder{color: #6D6D6D;opacity: 1}
.woocommerce form .form-row textarea::-moz-placeholder{color: #6D6D6D;opacity: 1}
.woocommerce form .form-row textarea:-ms-input-placeholder{color: #6D6D6D;opacity: 1}
.woocommerce form .form-row textarea::-ms-input-placeholder{color: #6D6D6D;opacity: 1}
.woocommerce form .form-row textarea::placeholder{color: #6D6D6D;opacity: 1}
.woocommerce form .form-row input.input-text::-webkit-input-placeholder{color: #6D6D6D;opacity: 1}
.woocommerce form .form-row input.input-text::-moz-placeholder{color: #6D6D6D;opacity: 1}
.woocommerce form .form-row input.input-text:-ms-input-placeholder{color: #6D6D6D;opacity: 1}
.woocommerce form .form-row input.input-text::-ms-input-placeholder{color: #6D6D6D;opacity: 1}
.woocommerce form .form-row input.input-text::placeholder{color: #6D6D6D;opacity: 1}
.woocommerce form .woocommerce-billing-fields .form-row label{
    display: none !important;
}
.woocommerce-checkout .entry-header{
    display: none;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
    width: 49%;
}
.woocommerce-billing-fields .validate-postcode{
    clear: left;
}
.woocommerce-billing-fields {
    margin-bottom: 15px;
}
.woocommerce-account-fields>:last-child,
.woocommerce-checkout-payment:last-child{
    margin-bottom: 0 !important;
}
.woocommerce table.shop_table{
    border-radius: 12px;
    border: 1px solid #EDEDED;
    background: #F7F9FC;
}
.woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
    font-weight: 600;
    border-top: 0;
    background-color: #EFDE36;
    font-size: 18px;
    letter-spacing: 0.36px;
    font-family: "Raleway", sans-serif;
    color: #3078D1;
    padding: 21px 25px;
    border-radius: 0px 0px 11px 11px;
}
.woocommerce table.shop_table tfoot .order-total strong {
    float: right;
    font-weight: 600;
    font-size: 28px;
    letter-spacing: 0.56px;
}
.woocommerce table.shop_table td{
    border-color: #EDEDED;
    padding: 25px;
}
.woocommerce-checkout-review-order-table .product-name {
    display: flex;
    column-gap: 18px;
}
.woocommerce table.shop_table .product-name a:hover{
    color: #2774D7;
}
.woocommerce-checkout-review-order-table .product_item {
    border-radius: 8px;
    border: 1px solid #E3E3E3;
    width: 85px;
    height: 85px;
    flex-shrink: 0;
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 4px;
    justify-content: center;
}
.woocommerce-checkout-review-order-table .product_item img {
    max-height: 100%;
    width: auto;
    margin: 0 auto;
}
.woocommerce-checkout-review-order-table .product_item_qty{
    width: 100%;
}
.woocommerce-checkout-review-order-table .product_item_qty h6 {
    color: #3078D1;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.32px;
    margin-bottom: 15px !important;
}
.woocommerce-checkout-review-order-table .item_bottom .remove_item{
    color: #858585;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.2px;
    text-decoration: underline;
    margin-top: 14px;
    display: inline-block;
    line-height: normal;
}
.woocommerce-checkout-review-order-table .item_bottom .remove_item:hover{
    color: #F50416;
}
.woocommerce-checkout-review-order-table .item_bottom .amount{
    color: #F50416;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.36px;
}
.sg-box {
    border-radius: 15px;
    border: 1px solid #E3E3E3;
    background-color: #FFF;
    padding: 24px 20px 24px 100px;
    background-image: url(../images/satisfation.svg);
    background-repeat: no-repeat;
    background-position: 22px 24px;
    background-color: #EFDE36;
}
.sg-box .sg_big{
    color: #000;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.64px;
    margin-bottom: 10px;
    line-height: 24px;
}
.sg-box .sg_small{
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px; 
    letter-spacing: 0.56px;
}
.qty-control{
    display: inline-flex;
    border-radius: 6px;
    border: 1.5px solid #E3E3E3;
    background: #FFF;
    max-width: 90px;
    margin-right: 5px;
    padding: 7px 8px;
}
.qty-control input[type="number"] {
    padding: 0 !important;
    text-align: center;
    font-family: "Raleway", sans-serif;
    color: #000;
    letter-spacing: 0.72px;
    font-weight: 500;
    font-size: 18px !important;
}
.qty-control input[type="number"]::-webkit-inner-spin-button{
	display: none;
}
.qty-control button {
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
}
.qty-control button svg{
    vertical-align: middle;
}
.woocommerce form .form-row{
    margin: 0 0 15px;
}
.woocommerce a.button.back-to-home-button {
    color: #6D6D6D;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.28px;
    background: transparent;
    border-radius: 0;
    padding: 0 5px 0 18px;
}
.woocommerce a.button.back-to-home-button::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/left-arrow.svg);
    height: 100%;
    width: 14px;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(46%) sepia(3%) saturate(16%) hue-rotate(360deg) brightness(90%) contrast(88%);
    background-position: left center;
}
.woocommerce a.button.back-to-home-button:hover{
    color: #2774D7;
    background-color: transparent;
}
.woocommerce a.button.back-to-home-button:hover::before{
    filter: brightness(0) saturate(100%) invert(40%) sepia(93%) saturate(460%) hue-rotate(171deg) brightness(91%) contrast(100%);
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: unset;
    background-color: #F00;
    padding: 15px 25px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: 83% 50%;
    min-width: 140px;
    text-align: left;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    line-height: normal;
    background-image: url(../images/right-arrow-white.svg);
    font-family: "Raleway", sans-serif;
    width: auto;
}
.woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover{
    background-color: #2774D7;
}
.woocommerce-checkout .payment-box{
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #EDEDED;
    border-top: 0;
    padding: 30px;
    margin-top: -10px;
}
.woocommerce-checkout #payment ul.payment_methods {
    border-bottom: 0;
    padding: 0;
    margin-bottom: 30px;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: transparent;
    border-radius: 0;
}
.woocommerce-checkout #payment div.form-row {
    padding: 0;
    margin-top: 40px;
}
.wc_payment_methods li::before,
.woocommerce-checkout #payment div.payment_box{
    display: none !important;
}
.woocommerce-checkout #payment ul.payment_methods li {
    padding-left: 0;
    display: inline-flex;
    vertical-align: middle;
    margin-right: 25px;
}
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]{
    width: auto;
    margin-right: 10px;
    appearance: none;
    border: 2px solid rgba(48, 120, 209,0.2);
    border-radius: 100%;
    width: 16px;
    height: 16px;
    padding: 0 !important;
    cursor: pointer;
}
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:checked{
    background-color: #3078D1;
    border-color: #3078D1;
    box-shadow: inset 0 0 0px 2px #ffffff;
}
.woocommerce-checkout #payment ul.payment_methods li label{
    color: #6D6D6D;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.28px;
    line-height: normal;
    cursor: pointer;
}
.select2-container {
    width: auto;
}
.payment_label,
.payment_data-input label{
    color: #2774D7;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    margin-bottom: 15px !important;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.32px;
    display: block;
}
.payment_data-input input:focus{
    border-color: currentColor;
}
.woocommerce-checkout  .woocommerce-error li {
	margin-bottom: 0;
	margin-top: 4px;
}
.produc_contentwrap .stepswrap button#next,
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order
{
	text-transform:capitalize;
}
.produc_contentwrap .stepswrap .button-right {
    display: none !important;
}
/* Checkout Page CSS End */

/* Woocommerce Account Page Css Start  */
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
    background-color: #2774D7;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
    background-color: #F00;
}
.woocommerce form.login,
.woocommerce form.register,
.woocommerce-ResetPassword,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce .woocommerce-customer-details address{
    border-radius: 12px;
    border: 1px solid #EDEDED;
    background: #F7F9FC;
    padding: 20px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce button.button {
    min-width: 120px;
    padding: 15px 25px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    display: inline-flex;
    line-height: normal;
    align-items: center;
    column-gap: 10px;
    margin-top: 14px;
}
.woocommerce-form__input-checkbox {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    border: 1px solid #EDEDED;
    appearance: none;
    background-color: #fff;
    padding: 0 !important;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px;
}
.woocommerce-form__input-checkbox:checked{
    background-image: url(../images/tick.png);
}
.woocommerce form.login, .woocommerce form.register {
    height: calc(100% - 80px);
}
.woocommerce-MyAccount-navigation li{
    padding-left: 0;
}
.woocommerce-MyAccount-navigation li {
    padding: 15px 0 !important;
    margin-bottom: 0 !important;
}
.woocommerce-MyAccount-navigation li a{
    font-weight: 500;
}
.woocommerce-MyAccount-navigation li:not(:last-child){
    border-bottom: 1px solid rgb(39 116 215 / 20%); 
}
.woocommerce-MyAccount-navigation li a:hover,
.woocommerce-MyAccount-navigation li.is-active a{
    color: #2774D7;
}
.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 25px;
    padding: 0;
}
span#account_display_name_description {
    display: block;
    margin-top: 7px;
    font-size: 14px;
}
.woocommerce .woocommerce-MyAccount-content form .form-row label,
.woocommerce form.login .form-row label, .woocommerce form.register .form-row label{
    color: #2D2D2D;
    font-weight: 500;
}
.woocommerce .woocommerce-MyAccount-content form legend {
    color: #2D2D2D;
    font-weight: 700;
}
.woocommerce-EditAccountForm>:last-child{
    margin-bottom: 0 !important;
}
ul.woocommerce-order-overview{
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 16px;
    justify-content: space-between;
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-bottom: 80px;
    margin-top: 34px;
}
ul.woocommerce-order-overview li{
    flex: 1 0 0;
    border-radius: 8px;
    border: 1px solid #EDEDED !important;
    background: #F7F9FC;
    padding: 24px !important;
    margin: 0 !important;
    font-family: "Raleway", sans-serif !important;
}
ul.woocommerce-order-overview li label{
    color: #F50416;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.32px;
}
ul.woocommerce-order-overview li strong{
    color: #3078D1 !important;
    font-size: 20px !important;
    font-weight: 700;
    letter-spacing: 0.4px;
    display: block !important;
    margin: 10px 0 0;
}
.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th{
    padding: 10px 15px !important;
}
.woocommerce table.my_account_orders th {
    color: #2D2D2D;
}
.woocommerce table.my_account_orders th a:hover{
    color: #2774D7;
}
.woocommerce-MyAccount-content .woocommerce-order-details thead th,
.woocommerce-MyAccount-content .woocommerce-order-details thead td{
    color: #2D2D2D;
}
.woocommerce-MyAccount-content .woocommerce-order-details tfoot th{
    border-bottom-right-radius: 0 !important;
}
.woocommerce-MyAccount-content .woocommerce-order-details tfoot td{
    border-bottom-left-radius: 0 !important;
}
.woocommerce-MyAccount-content .woocommerce-order-details td,
.woocommerce-MyAccount-content .woocommerce-order-details th{
    padding: 13px 15px !important; 
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before{
    line-height: normal;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
    margin-top: 15px;
    margin-bottom: 15px;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody th{
    border-color: #EDEDED;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table{
    background-color: #fff;
}
.woocommerce-Address-title a{
    color: #2774D7;
}
.woocommerce-Address-title a:hover{
    color: #F50416;
}
.woocommerce-order-received .woocommerce-customer-details{
    display: none;
}
.woocommerce-order-received .woocommerce-order-details {
    width: 100% !important;
    float: none !important;
    margin: 0;
}
.woocommerce-order-received .woocommerce-order-details table.shop_table {
    border-radius: 12px;
    border: 1px solid #EDEDED;
    background: #fff;
    overflow: hidden;
    max-width: 844px;
    margin-inline: auto;
    width: 100%;
    border-collapse: separate;
}
.woocommerce-order-received .woocommerce-order-details table.shop_table thead{
    background-color: transparent;
}
.woocommerce-order-received table.shop_table tfoot td, .woocommerce-order-received table.shop_table tfoot th{
    border-radius: 0;
}
.woocommerce-order-received .woocommerce-order-details table.shop_table td,
.woocommerce-order-received .woocommerce-order-details table.shop_table th{
    padding: 24px !important;
}
.woocommerce-order-received .woocommerce-order-details table.shop_table td{
    border-color: #EDEDED;
}
.woocommerce-order-received table.shop_table tfoot td{
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0.4px;
    color: #000;
}
.woocommerce-order-received .woocommerce-order-details table.shop_table thead th{
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.32px;
    color: #000;
}
.woocommerce-order-received .woocommerce-order-details table.shop_table tbody td{
    border-top: 1px solid #EDEDED;
}
.woocommerce-order-received .woocommerce-order-details table.shop_table tbody td,
.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot th{
    color: #000;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.32px;
}
.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot th{
    color: #2774D7;
    font-weight: 600;
    background-color: #EFDE36;
}
.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot td{
    font-weight: 700;
    color: #2774D7;
    background-color: #EFDE36;
}
.woocommerce-order-received .product-name a:hover{
    color: #2774D7;
}
.thankyou-msg p{
    margin-bottom: 20px;
    line-height: 24px;
    font-size: 14px;
    letter-spacing: 0.56px;
}
.thankyou-msg h6 {
    color: #2D2D2D;
    margin-bottom: 20px !important;
    font-size: 20px;
    line-height: normal;
    font-weight: 700;
}
.thankyou-msg h5{
    font-weight: 600;
    letter-spacing: 0.32px;
    font-size: 16px;
}
.thankyou-msg{
    max-width: 778px;
    margin-inline: auto;
}
.thankyou-msg p:empty {
    display: none;
}
.woocommerce-account .woocommerce-MyAccount-content>:last-child{
    margin-bottom: 0 !important;
}
.woocommerce-MyAccount-content .woocommerce-order-details .shop_table{
    background-color: #fff;
}
.woocommerce-checkout .woocommerce-order-details .woocommerce-order-details__title{
    font-size: 34px;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 40px !important;
}
/* Woocommerce Account Page Css End  */

/* Trade in Page Css Start  */
.contact-info-sec{
    padding: 60px 0;
    background-color: #F7F9FC;
}
.contact-info-sec .contact-info-box {
    border-radius: 8px;
    border: 1px solid #EDEDED;
    background-color: #FFF;
    padding: 25px 30px 25px 25px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.contact-info-sec .contact-info-box .title{
    color: #2D2D2D;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.32px;
    margin-bottom: 15px !important;
    column-gap: 6px;
    line-height: 1;
}
.contact-info-sec .contact-info-box p{
    color: #000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.56px;
    line-height: 20px;
    margin-bottom: 20px;
}
.contact-info-sec .btn-link{
    color: #F50416;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.28px;
    margin-top: auto;
}
.contact-info-sec .btn-link:hover{
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 7%;
    text-underline-offset: 25%;
}
.contact-info-sec .section-header .title {
    color: #000;
    font-size: 16px;
    letter-spacing: 0.32px;
    margin-bottom: 12px !important;
}
.contact-info-sec .section-header p{
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px; /* 171.429% */
    letter-spacing: 0.56px;
}
.contact-info-sec .row{
    margin-inline: -8px;
    row-gap: 15px;
}
.contact-info-sec .row>div{
    padding-inline: 8px;
}
.track-order-id h6{
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}
.track-order-id{
    background-color: #2774D7;
    padding: 10px 0;
}
.track-info-block {
    margin-top: 40px;
}
.track-info-block .row{
    margin-inline: -8px;
    row-gap: 25px;
}
.track-info-block .row>div{
    padding-inline: 8px;
}
.track-info-sec{
    padding-bottom: 80px;
}
.track-info-block .alert-box {
    border-bottom: 1px solid rgb(0 0 0 / 8%);
    padding-bottom: 30px;
    margin-bottom: 25px;
}
.track-info-block .alert-box .alert {
    padding: 15px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.05);
    column-gap: 10px;
}
.track-info-block .alert-box.completed .alert,
.track-info-block .alert-box.received .alert,
.track-info-block .alert-box.shipped .alert{
    background-color: #d4edda;
}
.track-info-block .alert-box.completed .alert h6,
.track-info-block .alert-box.completed .alert p,
.track-info-block .alert-box.received .alert h6,
.track-info-block .alert-box.received .alert p,
.track-info-block .alert-box.shipped .alert h6,
.track-info-block .alert-box.shipped .alert p{
    color: #155724;
}
.track-info-block .alert-box.completed .icon path,
.track-info-block .alert-box.received .icon path,
.track-info-block .alert-box.shipped .icon path{
    fill: #155724;
}
.track-info-block .alert-box.processing .alert{
    background-color: #cce5ff;
}
.track-info-block .alert-box.processing .alert h6,
.track-info-block .alert-box.processing .alert p{
    color: #004085;
}
.track-info-block .alert-box.processing .icon path{
    fill: #004085;
}
.track-info-block .alert-box.offer .alert{
    background-color: #fff3cd;
}
.track-info-block .alert-box.offer .alert h6,
.track-info-block .alert-box.offer .alert p{
    color: #856404;
}
.track-info-block .alert-box.offer .icon path{
    fill: #856404;
}
.track-info-block .alert h6{
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px; 
    letter-spacing: 0.32px;
    margin-bottom: 10px !important;
}
.track-info-block .alert p{
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.56px;
}
.track-info-block .alert .alert-txt>:last-child,
.track-info-block .col-left:last-child,
.track-info-block address:last-child{
    margin-bottom: 0;
}
.track-info-block address label{
    color: #2D2D2D;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.56px;
    margin-bottom: 10px;
    display: block;
}
.track-info-block address p{
    color: #2D2D2D;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0.32px;
}
.track-info-block address {
    font-style: normal;
    margin-bottom: 30px;
}
.tips-collapse {
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background: rgba(239, 222, 54, 0.14);
    padding: 15px 24px;
}
.tips-collapse .tips-title{
    column-gap: 14px;
    cursor: pointer;
}
.tips-collapse .tips-title .title{
    color: #2D2D2D;
    font-size: 18px;
    font-weight: 600;
}
.tips-collapse .tips-title .icon-arrow img {
    transform: rotate(180deg);
    transform-origin: 50% 75%;
    transition: all 0.4s;
}
.tips-collapse.active .tips-title .icon-arrow img{
    transform: rotate(270deg);
    transform-origin: 80% 80%;
}
.tips-content {
    padding-top: 30px;
    display: none;
}
.tips-content ul li{
    padding-left: 35px;
    background-image: url(../images/verified.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #2D2D2D;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.56px;
}
.tips-content ul li:not(:last-child){
    margin-bottom: 20px;
}
.trade-product-block {
    border-radius: 8px;
    border: 1px solid #EDEDED;
    background: #F7F9FC;
    padding: 25px;
    margin-bottom: 25px;
}
.trade-product-head {
    display: flex;
    justify-content: space-between;
}
.trade-product-head .title h6 {
    color: #2D2D2D;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px !important;
}
.trade-product-head .title p{
    color: #6D6D6D;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.56px;
}
.trade-product-head .title .count {
    color: #2D2D2D;
    font-size: 14px;
    font-weight: 600;
    width: 18px;
    height: 18px;
    background-color: #EFDE36;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    border-radius: 30px;
    margin: 0 0 0 8px;
}
.trade-product-head .price{
    color: #3078D1;
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0.4px;
}
.trade-product-head .price sup {
    color: #3078D1;
    font-size: 12px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0.24px;
    text-transform: uppercase;
    margin-left: 3px;
}
.trade-product-block .pro-img {
    border-radius: 8px;
    border: 1px solid #E3E3E3;
    background: #fff;
    width: 85px;
    height: 85px;
    padding: 4px;
}
.trade-product-block .pro-img img {
    width: auto;
    height: 100%;
    margin: auto;
}
.trade-product-row {
    display: flex;
    column-gap: 15px;
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #EDEDED;
}
.trade-product-row .pro-title .title{
    margin-bottom: 8px;
}
.trade-product-row .pro-title .title a {
    color: #3078D1;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0.32px;
}
.trade-product-row .pro-title .lbl {
    padding: 5px 8px;
    border-radius: 40px;
    background: rgba(39, 116, 215, 0.14);
    color: #2D2D2D;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.48px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    margin: 8px 8px 0 0;
}
.trade-product-row .pro-price{
    color: #2D2D2D;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px; 
    letter-spacing: 0.32px;
}
.trade-product-row .pro-price sup{
    color: #2D2D2D;
    font-size: 10px;
    font-weight: 700;
    line-height: 23px; 
    letter-spacing: 0.2px;
    text-transform: uppercase;
    margin-left: 3px;
}
.track-form-main button, .track-form-main input[type=text]{
    font-family: "Raleway", sans-serif;
}
.track-form-main button:hover{
    background-color: #F50416;
}
.track-info-sec:empty {
    display: none;
}
/* Trade in Page Css End  */

/* responsive css Start  */
@media only screen and (max-width: 1199px) {
    .site-content {
        padding-top: 150px;
    }
    /* header css Start  */
    .main_header .header-logo img {
        max-width: 170px;
    }
    .main_header .hp_left{
        column-gap: 25px;
    }
    .main_header:not(.sticky) .header_section{
        padding-bottom: 22px;
    }
    /* header css End  */
    /* Woocommerce Account Page Css Start  */
    ul.woocommerce-order-overview li{
        padding: 16px !important
    }
    /* Woocommerce Account Page Css End  */
}
@media only screen and (max-width: 990px) {
    .site-content {
        padding-top: 130px;
    }
    .woocommerce-page .page,.error-404.not-found,.defult-page-inner {
        padding: 40px 0 70px;
    }
    /* Topbar Css Start  */
    .topbar .topbar-item{
        justify-content: center;
    }
    .topbar{
        padding: 10px 0;
    }
    .topbar .slick-arrow {
        line-height: 0.8;
    }
    .topbar .container{
        padding: 0 10px;
    }
    /* Topbar Css End  */

    /* header css Start  */
    .main_header .header-logo img {
        max-width: 145px;
    }
    .main_header .sec_menu .head_user,
    .main_header .sec_menu .head-mail,
    .main_header .sec_menu .head_cart{
        display: inline-block !important;
    }
    .main_header .sec_menu ul>li {
        margin: 0 0 0 12px;
    }
    .main_header .hp-center {
        width: 40%;
    }
    .main_header .hp_left,
    .main_header .hp_right{
        width: 30%;
    }
    .main_header .hp_left {
        column-gap: 20px;
    }
    .main_header .header_section{
        padding: 15px 0;
    }
    .main_header.sticky .header_section {
        padding: 15px 0;
    }
    body.toggled_open .menu-overlay{
        display: none;
    }
    .main_header .main_menu .manu_side{
        top: 46px;
        height: calc(100vh - 46px);
    }
    /* header css End  */

    /* Footer Css Start  */
    .site_footer .ft-contact .address{
        order: -1;
        width: 100%;
        justify-content: center;
    }
    /* Footer Css End  */

    /* Step one Sec Css Start  */
    /* Step Flow Page Css Start  */
    .nfzf_section .nfzf_main{
        column-gap: 30px;
    }
    .nfzf_section .nfzf_main .nfzf_box{
        font-size: 16px;
        column-gap: 10px;
    }
    .nfzf_section .nfzf_main .nfzf_box .icon img{
        max-width: 28px;
    }
    .nfzf_section .nfzf_main .nfzf_box .icon{
        width: 46px;
        height: 46px;
    }
    .device_types_main .dt_box .dt_txt{
        font-size: 18px;
        padding: 15px 12px;
    }
    .device_types_main .dt_box{
        padding: 40px 15px 15px 15px;
    }
    /* Step One Sec Css End  */
    /* Step Two Sec Css Start  */
    .result_brand_main .rbm_box{
        width: calc(33.33% - 20px);
    }
    .result_brand{
        padding: 60px 0;
    }
    /* Step Two Sec Css End  */
    /* Step Flow Page Css End  */

    /* Checkout Page CSS Start */
    .woocommerce-checkout #payment div.form-row{
        margin-top: 30px;
    }
    /* Checkout Page CSS End */

    /* Woocommerce Account Page Css Start  */
    ul.woocommerce-order-overview li{
        padding: 15px !important;
        flex: unset;
        width: calc(33.33% - 16px) !important;
        margin: 0 8px !important;
    }
    ul.woocommerce-order-overview li label{
        font-size: 14px;
    }
    ul.woocommerce-order-overview li strong{
        font-size: 16px !important;
    }
    ul.woocommerce-order-overview{
        column-gap: 0;
        width: auto;
        margin-left: -8px !important;
        margin-bottom: 60px !important;
        margin-right: -8px !important;
        justify-content: start;
    }
    .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody th{
        display: block;
        text-align: right !important;
    }
    .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr:first-child th{
        border-top: 0;
    }
    .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody th::before{
        content: attr(data-title) ": ";
        font-weight: 700;
        float: left;
    }
    .woocommerce table.shop_table_responsive tr:nth-child(2n) th, 
    .woocommerce-page table.shop_table_responsive tr:nth-child(2n) th {
        background-color: rgba(0, 0, 0, .025);
    }
    .woocommerce-checkout .woocommerce-order-details .woocommerce-order-details__title{
        margin-bottom: 30px !important;
    }
    /* Woocommerce Account Page Css End  */
    /* Trade in Page Css Start  */
    .track-info-sec {
        padding-bottom: 60px;
    }
    /* Trade in Page Css End  */
}
@media only screen and (max-width: 768px) {
    /* Woocommerce Account Page Css Start  */
    .woocommerce-account .woocommerce-MyAccount-navigation{
        margin-bottom: 30px;
    }
    /* Woocommerce Account Page Css End  */
}
@media only screen and (max-width: 767px) {
    .section-header .title{
        font-size: 28px;
    }
    .section-header .subtitle, .section-header .subtitle p{
        font-size: 18px;    
        margin-bottom: 10px;
    }
    .section-header {
        margin-bottom: 30px;
    }
    .woocommerce-page .page,.error-404.not-found,.defult-page-inner {
        padding: 10px 0 50px;
    }
    .site-content {
        padding-top: 110px;
    }
    .sg-box{
        padding: 20px 20px 20px 75px;
        background-position: 10px 20px
    }
    /* Topbar Css Start  */
    .topbar .topbar-item{
        column-gap: 10px;
        font-size: 12px;
    }
    .topbar .topbar-item .icon img {
        width: 20px;
    }
    /* Topbar Css End  */

    /* header css Start  */
    .main_header .hp_left, .main_header .hp_right{
        width: calc(50% - 88px)
    }
    .main_header .hp-center {
        width: 176px;
    }
    .main_header .sec_menu .head_user, .main_header .sec_menu .head-mail{
        display: none !important;
    }
    .main_header .header-logo img {
        max-width: 176px;
        margin: 0 auto;
    }
    .main_header .sec_menu ul>li {
        margin: 0 0 0 8px;
    }
    .main_header .header_section,.main_header.sticky .header_section {
        padding: 15px 0 10px;
    }
    .main_header:not(.sticky) .header_section {
        padding-bottom: 10px;
    }
    .main_header .main_menu .manu_side{
        top: 44px;
        height: calc(100vh - 44px);
    }
    .main_menu .menu_toggle svg {
        width: 27px;
    }
    /* header css End  */

    /* Footer Css Start  */
    .ft-menu ul li{
        width: 50%;
    }
    .site_footer .ft-contact {
        max-width: 290px;
        margin-inline: auto;
        margin-bottom: 25px;
    }
    .ft-menu-botton li a{
        font-size: 14px;
    }
    .ft-menu-botton ul li:not(:last-child){
        padding-right: 10px;
        margin-right: 10px;
    }
    .site_footer .copy-right {
        width: 90%;
    }
    .site_footer .col-center {
        width: 10%;
        order: -1;
    }
    .site_footer .col-center svg {
        max-width: 20px;
    }
    .copy-right p, .copy-right p a{
        font-size: 12px;
    }
    .site_footer .payment-icon img {
        max-width: 211px;
        margin-inline: auto;
    }    
    .site_footer .payment-icon{
        margin-bottom: 12px;
    }
    /* Footer Css End  */

    /* Step Flow Page Css Start  */
    /* Step one Sec Css Start  */ 
    .device_types_main .dt_box {
        width: 100%;
        margin: 0 0 20px;
    }
    .nfzf_section .nfzf_main .nfzf_box {
        width: calc(50% - 15px);
        row-gap: 10px;
        flex-direction: column;
    }
    .nfzf_section {
        padding: 20px 0 50px;
    }
    .steps_title .step-wrapper {
        margin-bottom: 30px;
    }
    .steps_title .st_select{
        padding: 7px 7px 7px 10px;
    }
    .st_select input[type=text]{
        width: calc(100% - 119px);
    }
    .st_select button.ser_btn{
        width: 90px;
    }
    .st_select .reset__button{
        border-right: 0;
    }
    .st_select button.ser_btn{
        right: 7px;
    }
    .steps_title .st_big h2{
        font-size: 28px;
    }
    /* Step one Sec Css End  */
    /* Step Two Sec Css Start  */
    .brand_types_main .brand_box{
        width: calc(100% - 16px);
        max-width: 100%;
    }
    .result_brand_main .rbm_box{
        width: calc(100% - 20px);
        max-width: 100%;
    }
    .brand_box .brand_image{
        width: 150px;
        min-height: 200px;
    }
    .result_brand .heading,
    .brand_types .heading{
        font-size: 28px;
        margin-bottom: 20px !important;
    }
    .result_brand {
        padding: 40px 0;
    }
    .brand_types {
        padding: 0 0 40px;
    }
    /* Step Two Sec Css End  */
    /* Single Product Step Css Start  */
    .steps_title.single-product-header {
        padding: 20px 0 30px;
    }
    /* Single Product Step Css End  */
    /* Step Flow Page Css End  */

    /* Checkout Page CSS Start */
    .checkout-form-wrapper{
        padding: 15px 12px 30px;
    }
    .woocommerce-checkout .payment-box{
        padding: 20px 17px;
    }
    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
        width: 100%;
    }
    .woocommerce table.shop_table td{
        padding: 15px;
    }
    .woocommerce-checkout-review-order-table .product_item{
        width: 65px;
        height: 65px;
    }
    .woocommerce-checkout-review-order-table .product-name{
        column-gap: 12px;
    }
    .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{
        padding: 15px;
    }
    /* Checkout Page CSS End */

    /* Woocommerce Account Page Css Start  */
    ul.woocommerce-order-overview li{
        width: calc(100% - 16px) !important;
    }
    ul.woocommerce-order-overview{
        margin-bottom: 50px !important;
    }
    .woocommerce-order-received .woocommerce-order-details table.shop_table td, .woocommerce-order-received .woocommerce-order-details table.shop_table th {
        padding: 15px !important;
    }
    .woocommerce-checkout .woocommerce-order-details .woocommerce-order-details__title {
        margin-bottom: 23px !important;
        font-size: 28px;
    }
    /* Woocommerce Account Page Css End  */

    /* Trade in Page Css Start  */
    .contact-info-sec{
        padding: 50px 0;
    }
    .tips-collapse{
        padding: 15px;
    }
    .tips-collapse .tips-title .title{
        font-size: 16px;
    }
    .track-info-sec {
        padding-bottom: 50px;
    }
    .trade-product-block{
        padding: 15px;
    }
    .trade-product-row{
        padding-top: 15px;
        margin-top: 15px;
        column-gap: 10px;
    }
    .trade-product-block .pro-img{
        width: 55px;
        height: 55px;
    }
    /* Trade in Page Css End  */
}
@media only screen and (max-width: 470px) {
    /* header css Start  */
    .main_header .hp_left{
        width: calc(50% - 76px);
    }
    .main_header .hp_right{
        width: calc(50% - 64px)
    }
    .main_header .hp-center {
        width: 140px;
    }
}