@media only screen and (min-width: 1000px) and (max-width: 1180px) {
    .logo {
        width: 165px;
    }

        .logo img {
            width: 100%;
        }

    .main {
        width: 100%;
    }

    .main-inr {
        padding: 0px 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .logo {
        width: 115px;
        margin-right: 20px
    }

        .logo img {
            width: 100%;
        }

    .main {
        width: 100%;
    }

    .main-inr {
        padding: 0px 15px;
    }

    .claim-form-row {
        width: 100%;
    }

    .navigation li {
        padding: 0px 5px;
    }

        .navigation li a {
            font-size: 14px;
        }

    .content-box h2 {
        font-size: 18px;
    }

    .content-box p {
        font-size: 15px;
        line-height: 23px;
    }

    .ctmr-dtls-form {
        width: 100%;
    }

    .table-list {
        overflow: auto;
    }

    .form-box {
        width: 100%;
    }


    .hpswitch-headerlogo a {
        width: 140px;
    }

        .hpswitch-headerlogo a img {
            display: inline-block;
            width: 100%;
        }

    .hpswitch-headernav ul li a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    .faq-video .video-hd {
        font-size: 20px;
    }

    .faq-video .video-row .video-box {
        width: 100%;
    }

    .pick-up .choose-file {
        width: 100%;
    }

    .cont-Mainwrap {
        display: inherit;
    }

    .left-Baneer {
        width: 100%;
        height: auto;
    }

    .right-Login {
        width: 100%;
        height: auto;
    }

    .leftbanner-pd {
        width: 100%;
    }

    .right-Loginpd {
        padding: 0px;
    }

    .right-Login h1 {
        font-size: 26px;
    }

    .drop-menu {
        display: block;
        position: relative;
        top: 0px;
        padding-top: 10px;
    }

        .drop-menu li {
            padding: 0px !important;
        }

            .drop-menu li a {
                text-align: left;
                background: #208bcd;
                padding-left: 15px;
            }

                .drop-menu li a:hover {
                    border-bottom: #fff 1px solid !important;
                    background: #208bcd;
                }

    .sub-menu {
        background-position: 97% 20px;
    }


    .logo {
        width: 115px;
        float: left;
    }

        .logo img {
            width: 100%;
        }

    .main {
        width: 100%;
    }

    .main-inr {
        padding: 0px 12px;
    }

    .menu-mob {
        display: block;
    }

    .navigation {
        position: fixed;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        left: 100%;
        top: 53px;
        z-index: 999999999;
        background: #208bcd;
    }

    .top-row {
        height: 53px;
        padding: 10px 0px;
        display: inherit;
    }

    .navigation li {
        float: inherit;
        padding: 15px;
        margin-bottom: 0;
    }

    .intro-row {
        display: inherit;
    }

    .intro-lft {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 250px;
    }

    .intro-rit {
        width: 100%;
        display: inherit;
        height: auto;
    }

    .intro-cont {
        padding: 25px 15px 0px 15px;
    }

    .intro-logo {
        width: 150px;
    }

        .intro-logo img {
            width: 100%;
        }

    .claim-form-row {
        width: 100%;
    }

    .content {
        padding: 15px 0px;
    }

    .claim-form {
        padding: 15px;
    }

    .col-50-l {
        width: 100% !important;
    }

    .col-50-r {
        width: 100% !important;
        float: left !important;
    }

    .radio-box p {
        width: 165px;
        font-size: 14px;
    }

    .radio-col {
        padding-right: 5px;
    }

    .container-radio {
        font-size: 12px;
    }

    .claim-frm-row i {
        font-size: 15px;
    }

    .choose-file label {
        width: 100%;
        padding-bottom: 5px;
        display: block;
        padding-right: 0px;
    }

    .file-filed {
        width: 100%;
    }

    .choose-file {
        display: inherit;
    }

    .content-box h2 {
        font-size: 18px;
    }

    .content-box p {
        font-size: 15px;
        line-height: 23px;
    }

    .ctmr-dtls-form {
        width: 100%;
    }

    .ctmr-dtls-row {
        display: inherit;
    }

    .ctmr-dtls-col {
        padding-bottom: 10px;
    }

    .col-60, .col-50, .col-40 {
        width: 100%
    }

    .ctmr-dtls h2 {
        font-size: 18px;
    }

    .invoice-frm {
        width: 100% !important;
    }

        .invoice-frm .ctmr-dtls-row {
            padding-bottom: 0px;
        }

    .remaining-time {
        font-size: 17px;
    }

    .tab-row a {
        font-size: 14px;
        padding: 0px 5px;
        margin: 0px 1px;
    }

    .invupld-frm {
        width: 100%;
    }

        .invupld-frm .col-50 {
            width: 100%;
        }

    .table-list {
        overflow: auto;
    }

        .table-list table th {
            font-size: 12px;
        }

        .table-list table td {
            font-size: 14px;
        }

    .invupld-frm .ctmr-dtls-col {
        padding-bottom: 0px;
    }

    .help-desk {
        width: 100%;
        padding: 30px 0px 0px 0px;
        margin: 0px auto;
    }

    .col-30-l {
        width: 100% !important;
    }

    .col-70-r {
        width: 100% !important;
    }

    .row-2new {
        height: auto;
    }

    .col-70-r .input-filed {
        font-size: 15px;
    }

    .filed-40 .file-hw {
        width: 100%;
    }

    .invoice-msg {
        width: 100%;
    }

    .aprd-frm-row {
        display: inherit;
    }

    .form-box {
        width: 100%;
    }

    .form-inr {
        padding: 10px 0px;
    }

    .aprd-col em {
        display: none;
    }

    .aprd-col {
        padding-bottom: 7px;
    }

        .aprd-col strong {
            font-size: 17px;
        }

    .popup-box {
        width: 96%;
        margin-top: 70px;
    }

    .close-btn {
        top: -23px;
        right: 3px;
    }

    .popup-cont {
        padding: 15px;
    }

    .exhge-row li span {
        width: 150px;
    }

    .exhge-row li {
        font-size: 13px;
    }

    .exhge-btn .btn {
        width: 100%;
        margin: 0px 0 6px 0;
        font-size: 18px;
    }

    .exhge-btn {
        display: inherit;
    }

    .spoc-table {
        padding-right: 0px;
    }

    .popup-box h3 {
        font-size: 20px;
    }

    .spoc-dtls {
        width: 100%;
        display: inherit;
    }

        .spoc-dtls span {
            width: 100%;
            font-size: 15px;
            padding-bottom: 5px;
            display: block;
        }

    .faq-acc h5 {
        font-size: 14px;
    }

    .faq-ans p {
        font-size: 14px;
        line-height: 18px;
    }

    .faq-box h2 {
        font-size: 19px;
    }

    .faq-box h3 {
        font-size: 16px;
    }

    .dowload-pdf {
        display: inherit;
        text-align: center;
    }

        .dowload-pdf span {
            display: block;
            margin-bottom: 10px
        }

    .new-request {
        width: 100%;
    }

    .popup-box-ap {
        margin-top: 40px;
    }

    .popup-box-ap {
        width: 90%;
    }

    .ap-table {
        overflow-x: auto;
    }

        .ap-table table {
            width: 600px;
        }

    .ap-hd {
        font-size: 16px !important;
    }

    .ap-table td {
        font-size: 16px;
    }

    .header-myacc {
        position: absolute;
        bottom: 12px;
        right: 56px;
    }

    .submenu-switch {
        right: -65px;
    }

    .submenu-switch-lists a {
        font-size: 14px !important;
    }

    .hpswitch-login {
        position: static;
    }

    .hpswitch-logininr {
        position: relative;
        flex-direction: column;
    }

    .hpswitch-loginleft {
        width: 100%;
    }

    .hpswitch-form {
        padding-top: 60px;
    }

    .hpswitch-loginleft {
        padding: 16px;
        display: block;
    }

    .logohp-switch {
        position: static;
        width: 220px;
    }

    .hpswitch-loginright {
        display: none;
    }

    .hpswitch-header {
        height: 60px;
    }

    .hpswitch-headerinr {
        padding: 0 66px 0 16px;
    }

    .hpswitch-headerlogo a {
        width: 120px;
    }

        .hpswitch-headerlogo a img {
            display: inline-block;
            width: 100%;
        }

    .hpswitch-wrapper {
        margin-top: 60px;
    }


    .hpswitch-headernav {
        position: fixed;
        left: -100%;
        top: 60px;
        width: 100%;
        height: calc(100vh - 60px);
        width: 100%;
        max-width: 80%;
        padding: 24px 16px;
        background: #1D7FCC;
        z-index: 99;
        border-top: 1px solid #fff;
        transition: all 0.3s ease-in;
    }

        .hpswitch-headernav.active-fixed {
            left: 0;
        }

    .hpswitch-headerright a {
        font-size: 12px;
    }

        .hpswitch-headerright a span img {
            display: inline-block;
            width: 100%;
            max-width: 24px;
        }

    .navbar-toggler {
        display: block;
        margin-top: 0;
        cursor: pointer;
        position: absolute;
        right: 12px;
        background: transparent;
        border: 0px;
        outline: none;
        top: 50%;
        transform: translateY(-50%);
    }

        .navbar-toggler .icon-bar {
            background-color: #ffffff;
            transform: rotate(0deg) translate(0px,0px);
            transition: ease all .2s;
            width: 32px;
            height: 2px;
            display: block;
            border-radius: 0px;
        }

            .navbar-toggler .icon-bar + .icon-bar {
                margin-top: 8px;
            }

    .icon-bar:nth-child(3) {
        width: 25px;
        transition: ease all .2s;
    }

    .navbar-toggler.active {
        right: 8px;
    }

        .navbar-toggler.active .icon-bar:nth-child(1) {
            width: 25px;
        }

        .navbar-toggler.active .icon-bar:nth-child(1) {
            transform: rotate(45deg) translate(9px,4px);
            transition: ease all .2s;
        }

        .navbar-toggler.active .icon-bar:nth-child(2) {
            opacity: 0;
            transition: ease all .2s;
        }

        .navbar-toggler.active .icon-bar:nth-child(3) {
            transform: rotate(-45deg) translate(11px,-6px);
            transition: ease all .2s;
        }

    .hpswitch-headernav ul {
        flex-direction: column;
    }

        .hpswitch-headernav ul li {
            height: auto;
            margin: 0 0 24px 0;
        }

            .hpswitch-headernav ul li a {
                padding-bottom: 8px;
            }

    .container-switch {
        max-width: 100%;
    }

    .switchmiddle-section h1 {
        font-size: 16px;
        line-height: 24px;
    }

    .steps-switch h2, .cmnswith-heading {
        font-size: 28px;
        line-height: 34px;
    }

    .steps-switch ul {
        flex-wrap: wrap;
    }

        .steps-switch ul li {
            width: 100%;
            margin: 0 0 16px 0;
        }

            .steps-switch ul li:last-child {
                margin-bottom: 0;
            }

            .steps-switch ul li span {
                font-size: 14px;
            }

    .switchsteps-img img {
        width: auto;
    }

    .details-process ul li {
        width: 100%;
        font-size: 14px;
    }

    .additional-process ul {
        width: 100%;
    }

        .additional-process ul li {
            font-size: 14px;
        }

    .switch-footerinr span, .switch-footerinr a {
        font-size: 12px;
    }

    .submenu-switch {
        right: -65px;
    }

    .submenu-switch-lists a {
        font-size: 14px !important;
    }

    .hpswitch-headernav ul li a {
        padding-bottom: 8px;
        height: auto;
    }

    .submenu-switch-menuinr {
        position: static;
        transform: translateY(0);
        opacity: 1;
        padding: 8px 0 0px 16px;
        visibility: visible;
    }

        .submenu-switch-menuinr ul li {
            margin-bottom: 12px;
        }

            .submenu-switch-menuinr ul li:last-child {
                margin-bottom: 0;
            }

            .submenu-switch-menuinr ul li a {
                font-size: 14px;
            }
}

@media only screen and (max-width:360px) {
    .hpswitch-form {
        padding-top: 40px;
    }
}

/*HP Assured Buy Back New Css Start 20-10-23*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .frmBoxCont {
        padding: 20px 5px;
    }
}

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

    .containerFluid {
        width: 100%;
    }

    .containerBox {
        width: 100%;
        max-width: 100%;
        padding: 0px 0px;
        box-sizing: border-box;
        margin: 0px auto;
    }

    .containerInr {
        padding: 0px 12px;
    }

    .frmhdBox h2 {
        font-size: 22px;
    }

    .frmhdBox p {
        font-size: 15px;
    }

    .frmBoxCont {
        padding: 15px 0px;
    }

    .frmBoxRow {
        display: inherit;
        padding-bottom: 0px;
    }

    .frmCol-25 {
        width: 100%;
    }

    .frmCol-50 {
        width: 100%;
    }

    .frmFildBox {
        padding-bottom: 15px;
    }

    .chkBox {
        align-items: first baseline;
    }

    .input-filed {
        font-size: 16px;
        height: 32px;
    }

    .popupCont {
        width: 92%;
    }

    /*Claim css*/
    .claimBox .frmCol-25 {
        width: 100%;
    }

    .claimBox .frmBoxRow {
        padding-bottom: 0px;
    }	
}


/*Added by akash*/
@media only screen and (min-width: 768px) {
    #thank-you .popupCont {
        width: 470px;
    }
}

/*HP Assured Buy Back New Css END*/


/*Added on 29 april for modified cust login page*/


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .clmBannerCont p {
        font-size: 28px;
        line-height: 35px;
    }

    .clmForm h2 {
        font-size: 26px;
        line-height: 34px;
    }
}

@media only screen and (max-width: 767px) {
    body {
        background: #fff
    }

    .clmWrp {
        width: 100%;
        display: inherit;
    }

    .clmBanner {
        width: 100%;
        height: auto;
    }

    .clmBannerCont {
        padding: 15px 0px;
    }

        .clmBannerCont p br {
            display: none;
        }

        .clmBannerCont p {
            font-size: 22px;
            line-height: 28px;
            padding: 0px 12px 15px 12px;
        }

    .clmFormCol {
        width: 100%;
    }

    .clmFormSubHD {
        
        font-size: 19px;
    }

    .clmForm h2 {
        padding: 0px 30px 20px 30px;
        font-size: 30px;
        line-height: 34px;
    }

    .clmFormRow label {
        font-size: 14px;
    }

    .clmForm {
        padding: 20px 0px;
    }
}