@media screen and (min-width:991px) and (max-width:1280px){
    .sec2-pc-content {
        width: 35%;
    }
    .sec2-para-content {
        width: 65%;
    }
    .hero-rate p {
        margin: 21px 0 0;
    }
    p.sub-hdng {
        margin-top: 0;
    }
    .sec2-para-content h3.sec-hdng {
        font-size: 23px;
    }
    .features-sec-txt {
        font-size: 23px;
    }
    section.features-sec {
        padding: 43px 0 83px;
    }
    p.review-main-para {
        max-width: 100%;
        min-height: 135px;
        font-size: 14px;
    }
}
@media screen and (min-width:992px) and (max-width:1199.5px){
    .hero-rate p{
        text-align:left
    }
    .sec3-hdng-content h3 {
        font-size: 45px;
    }
    .sec3-txt-content p {
        font-size: 16px;
    }
    p.sec-para {
        font-size: 19px;
    }
    .sec3-txt-content h4 {
        font-size: 30px;
    }
    .features-sec-txt img {
        width: 40px;
    }
    .features-sec-txt {
        font-size: 18px;
    }
    .features-sec-hdng {
        margin-bottom: 20px;
    }
    .features-sec .btn-box {
        margin-left: 0;
    }
    section.features-sec {
        padding: 53px 0 0;
    }
    .sec9-content-para h3.text1 {
        font-size: 35px;
        line-height: 45px;
    }
    .sec9-pc {
        padding-left: 0;
    }
    p.sub-hdng {
        font-size: 20px;
        line-height: 36px;
        margin-bottom: 31px;
    }
    .hero-rate p.ratings-para {
        font-size: 12px;
        margin-bottom: 8px;
    }
    .hero-text h1{
        font-size: 32px;
    }
}
@media screen and (min-width:768px) and (max-width:991px) {
    .hero-text h1 {
        font-size: 32px;
    }
    p.sub-hdng {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 31px;
    }
    .hero-rate p.ratings-para {
        font-size: 12px;
        margin-bottom: 8px;
    }
    .sec4-content-container .col-md-5.offset-md-1 {
        margin-left: 0;
        width: 58%;
    }
    .sec4-content-container .col-md-5.offset-md-1 p{
        font-size: 16px;
    }
    .sec5-content-container .col-md-4 {
        width: 75%;
        margin: auto;
    }
    .sec9-content-container {
        max-width: 100%;
    }
    p.review-main-para {
        max-width: 100%;
    }
    .sec12-content-container p {
        font-size: 18px;
    }
    h3.sec-head {
        font-size: 36px;
    }
    .sec12-content-container{
        max-width: 100%;
    }
}
@media screen and (max-width:767px){
    .b-box p,.device_content_container .device_contnt:first-child .device_content.flex-row-reverse,.nav-cen{
        text-align:left
    }
    .sec9-content-para {
        width: 100%;
    }
    .sec9-pc img{
        width: 100%;
    }
    section.features-sec {
        padding: 34px 0 38px;
    }
    .features-sec .features-content2{
        order: 1;
    }
    .features-sec .features-content1{
        order: 2;
    }
    .features-sec .features-content3{
        order: 3;
    }
    .features-sec-txt + .features-sec-txt, .features-sec-txt {
        margin-top: 20px;
    }
    .features-sec-hdng h3.sec-hdng {
        font-size: 30px;
    }
    .features-sec-hdng {
        margin-bottom: 20px;
    }
    .features-sec-txt img {
        width: 34px;
    }
    .features-sec-txt {
        font-size: 20px;
        line-height: 32px;
    }
    .features-sec .btn-box {
        margin-left: 0;
    }
    .btn-box.money-back-btn-box {
        width: auto;
    }
    .top-bar{
        padding:5px
    }
    .as_seen_hdng {
        width: 100%;
        margin-left: 0;
    }
    .accordion{
        padding:8px 45px 8px 0;
        font-size:15px;
        line-height:25px
    }
    .header-li{
        display: none;
    }
    header .header-logo {
        width: 40%;
    }
    .toggle-btn.clicked-btn span:nth-child(3){
        opacity: 0;
    }
    .toggle-btn.clicked-btn span:nth-child(2){
        transform: rotate(-45deg) translate(0px, 1px);
    }
    .toggle-btn.clicked-btn span:first-child{
        transform: rotate(45deg) translate(5px, 4px);
    }
    .toggle-btn span:nth-child(2){
        opacity: 1;
    }
    .toggle-btn span:nth-child(2), .toggle-btn.clicked-btn span:nth-child(3){
        transform: rotate(0);
    }
    header .header-li.clicked-li{
        display: block;
    }
    header .header-li ul {
        flex-direction: column;
        position: fixed;
        right: 0;
        height: 100vh;
        justify-content: flex-start;
        background: #fff;
        z-index: 999;
        width: 100%;
        top: 130px;
        right: 100%;
        transition: all 0.5s;
        padding-left: 0;
    }
    header .header-li.clicked-li ul{
        right: 0;
    }
    header .header-li ul li{
        padding: 15px;
        width: 100%;
        border-bottom: 1px solid #00000025;
    }
    header.sticky .header-li ul{
        top: 70px;
    }
    .hero-text h1 {
        font-size: 30px;
        text-align: center;
    }
    .banner-pc-content::before {
        width: 101px;
        height: 101px;
        right: 0;
        top: 0;
    }
    p.sub-hdng {
        font-size: 20px;
        line-height: 27px;
        font-weight: 700;
        margin: 20px 0;
        text-align: center;
    }
    .btn-box {
        text-align: center;
    }
    section.sec3-sec, .sec11-content-container {
        padding: 29px 0 37px;
    }
    h3.sec-head {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 14px;
    }
    section.sec3-sec p.sec-para {
        font-size: 20px;
        line-height: 27px;
    }
    section.as_seen_on_sec {
        padding-bottom: 20px;
    }
    section.sec4-content {
        padding: 39px 0 20px;
    }
    .sec4-content-container {
        margin-top: 18px;
    }
    .sec4-paraa {
        margin-top: 24px;
    }
    .sec4-paraa p {
        font-size: 16px;
    }
    .sec4-paraa p b {
        font-weight: 600;
        line-height: 27px;
    }
    .sec4-paraa p:last-child{
        margin-bottom: 0;
    }
    .hero-text {
        padding: 13px 0 0;
    }
    .sec5-content {
        padding: 29px 0 27px;
    }
    .sec5-content-container > p {
        line-height: 27px;
        margin-bottom: 18px;
    }
    .sec5-review-content {
        padding: 8px;
    }
    .sec5-review {
        padding: 35px 18px 24px;
        text-align: center;
    }
    .sec5-review > p {
        font-size: 15px;
        line-height: 24px;
    }
    .reviewer > img {
        margin-right: 16px;
        width: 62px;
    }
    .reviewer-details > p {
        font-size: 12px;
        margin-bottom: 8px;
    }
    .reviewer-details > p b {
        font-size: 16px;
    }
    .reviewer-details {
        text-align: left;
    }
    .col-md-4.features-content1, .col-md-4.features-content3, .col-md-4.features-content2, .sec5-content-container .col-md-4 {
        width: 100%;
        padding: 0 15px;
    }
    .features-sec-txt p {
        font-size: 15px;
        line-height: 21px;
    }
    .features-sec-txt img {
        width: 19px;
        margin-top: 10px;
    }
    .sec7 .btn-box {
        margin-top: 27px;
        text-align: center;
    }
    .sec7 {
        padding: 20px 0 59px;
    }
    .sec8 {
        padding-bottom: 33px;
    }
    .sec9-content{
        flex-wrap: wrap;
    }
    .sec9-pc {
        padding-left: 0;
        padding-top: 0;
    }
    .sec9-content-para h3.text1 {
        font-size: 21px;
        line-height: 31px;
        margin: 32px 0 14px;
    }
    .exclusive-offer-sec {
        background: transparent;
        text-align: center;
        padding: 0;
        border-radius: 0;
        margin-top: 0;
        margin-bottom: 19px;
    }
    .sec9-right-pc{
        padding: 0 27px;
    }
    a.click-here-btn, a.click-here-btn:hover {
        margin: 0 0 18px;
        font-size: 13px;
    }
    .review-sec {
        padding: 53px 0 50px;
    }
    .review-content-container {
        margin-top: 7px;
    }
    .review-sec h3.sec-head{
        font-size: 20px;
    }
    .sec12-content-container {
        max-width: 100%;
        background: #FCF4EF;
        padding: 35px 25px 45px;
        text-align: center;
        margin: 51px auto 16px;
        border-radius: 12px;
    }
    .sec12-content-container p {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 27px;
        color: #084059;
    }
    .expert-advice-sec .row{
        flex-direction: column-reverse;
    }
    section.expert-advice-sec {
        padding: 23px 0 18px;
    }
    .section8 {
        padding: 46px 0 11px;
    }
    footer {
        padding: 50px 0;
}
}
@media screen and (min-width:320px) and (max-width:480px){
    .save-btn, .save-btn:hover {
        font-size: 16px;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
        padding: 10px 40px;
    }
}