@media (max-width:1700px) {
    .main-banner:before,
    .why-explainer-mobile {
        display: none
    }
}

@media (max-width:1600px) {
    .cta-sec:before {
        background-size: 70%;
        bottom: -100px;
        left: 0;
        display: none
    }
    .pop-form .close-btn {
        right: 120px !important
    }
}

@media (max-width:1450px) {
    .stats-inner img {
        left: -76px
    }
}

@media (max-width:1366px) {
    .main-banner {
        padding: 110px 0 90px;
        background-position: 85%;
        height: unset
    }
    .bnr-txt p {
        padding: 20px 0;
        font-size: 14px
    }
    .bnr-txt ul li {
        font-size: 14px;
        padding-bottom: 5px
    }
    .stats-inner img {
        left: -55px;
        width: 15%
    }
}

@media (max-width:1200px) {
    .bnr-form-txt h2 {
        font-size: 20px
    }
    .ftr-txt p {
        font-size: 15px
    }
    .pop-form .close-btn {
        right: 120px !important
    }
    .ftr-txt.hd-txt h2,
    .hd-txt h2 {
        font-size: 32px
    }
    .bnr-txt p {
        font-size: 16px
    }
    .bnr-txt h1 {
        font-size: 30px !important
    }
    .cta-txt.hd-txt h2 {
        font-size: 25px
    }
    .cta-sec:after {
        width: 300px
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .bnr-ul ul,
    .bnr-ul ul:nth-child(2) {
        padding: 0
    }
    .bnr-btn,
    .bnr-txt h2,
    .bnr-ul,
    .bnr-ul ul,
    .hd-txt h2,
    .hd-txt p,
    .right-rsvrd-txt,
    .terms-txt {
        text-align: center
    }
    .wow {
        animation-name: none !important;
        visibility: visible !important
    }
    .bnr-btn .get-started {
        padding: 10px 3px;
        font-size: 12px
    }
    .bnr-btn .cht-st span {
        color: #fff
    }
    .bnr-txt h2 {
        font-size: 25px
    }
    .bnr-ul {
        flex-direction: column
    }
    .bnr-form {
        margin-top: 50px
    }
    .bnr-form-txt h2,
    .ty-ev-box h2 {
        font-size: 20px
    }
    .bnr-form-txt span {
        font-size: 16px
    }
    .form-pric h4 {
        font-size: 35px
    }
    .bnr-txt p,
    .bnr-txt ul li {
        font-size: 12px
    }
    .hd-txt h2 {
        font-size: 22px;
        line-height: 25px
    }
    .head_top .navbar-right {
        display: flex
    }
    .ftr-form img.flash-discount,
    .trust-logo,
    .why-exp-vid:before,
    button.navbar-toggle {
        display: none
    }
    .form-btn-div-st img {
        width: 100%;
        margin-top: 20px
    }
    .seo-packages .hd-txt,
    .trust-logo {
        padding-bottom: 20px
    }
    .price-box {
        margin-top: 30px
    }
    .why-exp-box {
        margin-top: 25px
    }
    .address-detl {
        float: left;
        width: 100%;
        clear: both;
        margin-top: 35px
    }
    .ftr-form input {
        margin: 0
    }
    .col-st-ftr-frm {
        margin-top: 10px
    }
    .right-rsvrd-txt {
        left: 0
    }
    .faq-sec .col-sm-offset-2.col-sm-8 {
        margin-left: 4%
    }
    .address-detl ul li a {
        font-size: 17px
    }
    .price-box.center img.discount_badge {
        width: 140px;
        top: -45px
    }
    .seo-price h4 {
        font-size: 17px !important
    }
    .seo-price h3 {
        font-size: 16px !important
    }
    .seo-price p,
    .tell-lchat a span {
        font-size: 12px !important
    }
    .price-list {
        margin: 15px 0;
        padding: 20px 0
    }
    .price-box {
        padding: 20px 10px
    }
    .get-started {
        margin-right: 0
    }
    .tell-lchat a {
        font-size: 11px
    }
    .price-btn .get-started {
        padding: 9px 8px !important
    }
    .stats-counter h2 span {
        font-size: 42px
    }
    .stats-counter h4 {
        font-size: 15px
    }
    .cta-txt.hd-txt h2 {
        font-size: 18px !important
    }
    .live-chat-btn {
        padding: 9px 8px
    }
    .testi-box {
        padding: 10px
    }
    .testi-box .fa-quote-left {
        font-size: 30px
    }
}

@media screen and (max-width:992px) {
    .head_top .navbar #myNavbar11 {
        display: unset
    }
    .bnr-txt h1 {
        font-size: 21px !important
    }
    .pop-form .close-btn {
        top: 0 !important;
        right: 0 !important
    }
    .main-banner {
        padding: 150px 0 60px !important
    }
    .ftr-form img.flash-discount {
        right: -70px;
        top: -45px
    }
    .testi-txt-img i.fa.fa-quote-left {
        top: 30px
    }
    .cta-txt.hd-txt h2 {
        font-size: 20px
    }
    .cta-sec:after {
        right: 0;
        width: 180px !important
    }
    .get-started,
    .tell-lchat a span {
        font-size: 14px
    }
    .price-list {
        padding: 30px 15px
    }
    .price-list li {
        font-size: 12px
    }
    .seo-price h4 {
        font-size: 22px
    }
    .bnr-form {
        margin: 0
    }
    .form-pric h4,
    .form-pric h5,
    .form-pric h6,
    .form-pric h6:before,
    .form-pric:before {
        display: none
    }
    .popupform-main h2 {
        font-size: 35px !important;
        margin: 10px 0 0;
        color: #fff;
        font-weight: 400 !important
    }
    .popupform-main h3,
    .popupform-main h4 {
        font-size: 25px !important;
        font-weight: 300 !important
    }
    .bnr-form-txt h2 strong {
        font-size: 24px !important;
        margin-left: 0 !important
    }
    div#pop-form {
        width: 100%;
        margin: 0 auto;
        display: table;
        text-align: center;
        padding-top: 0 !important
    }
    .pop-form {
        position: absolute !important;
        width: 510px !important;
        height: unset !important;
        top: 50px !important;
        padding: 20px !important;
        background: #003262 !important
    }
    div#pop-form form {
        width: 100% !important;
        margin: 0 auto !important;
        display: block !important
    }
    .bnr-btn {
        gap: 10px
    }
}

@media (min-width:320px) and (max-width:767px) {
    .bnr-form-txt h2,
    .bnr-txt h1,
    .bnr-txt img,
    .bnr-txt p,
    .bnr-txt ul,
    .cta-txt.hd-txt h2,
    .faq-sec .hd-txt,
    .ftr-txt.hd-txt h2,
    .terms-txt,
    .trm-st-ftr p,
    .ty-ex-bx {
        text-align: center
    }
    .why-explainer {
        padding: 10px 0
    }
    .bnr-txt p br,
    .cta-sec:after,
    .dd-none,
    .head_top .navbar #myNavbar11,
    .main-banner:after,
    .seo-packages:after,
    .seo-packages:before,
    .tel-txt-cta,
    .testi-sec:before,
    .trust-logo,
    .why-explainer-desktop,
    button.navbar-toggle,
    ul.nav.navbar-nav.navbar-right li:first-child,
    ul.nav.navbar-nav.navbar-right li:nth-child(2) {
        display: none
    }
    .why-explainer-mobile {
        display: block
    }
    .head_top .navbar .navbar-header a.navbar-brand {
        margin: 0 auto;
        text-align: center;
        display: block;
        width: 100%
    }
    .bnr-btn .cht-st span,
    .bnr-txt p,
    .bnr-txt ul li,
    .cht-st,
    .head_top .navbar.navbar-defult ul li a,
    .stats-counter h4,
    .tell-lchat a,
    .tell-lchat a span,
    input#quoteSubmit {
        font-size: 12px
    }
    .get-started,
    .live-chat-btn {
        padding: 10px 15px;
        font-size: 12px
    }
    .price-list {
        padding: 10px;
        margin: 30px 0
    }
    .price-box.center .price-list li {
        color: #fff;
        font-size: 12px
    }
    .tab-content>.tab-pane {
        display: flex;
        justify-content: center;
        gap: 30px
    }
    .cta-sec {
        padding: 40px 0 !important
    }
    .ftr-cl-logo .hd-txt {
        padding: 20px !important
    }
    .ftr-cl-logo {
        padding: 40px !important
    }
    .panel-body p,
    .panel-title a.collapsed,
    .why-ex-bx p {
        font-size: 12px !important
    }
    .cta-txt.hd-txt h2 {
        font-size: 15px !important
    }
    .cta-btn {
        margin: 0 !important
    }
    .testi-box {
        padding: 10px
    }
    .ftr-form img.flash-discount {
        display: none;
        position: absolute;
        right: 0;
        top: -40px;
        width: 70px
    }
    .ftr-txt.hd-txt h2 {
        font-size: 25px
    }
    .testi-txt-img i.fa.fa-quote-left {
        top: 50px;
        font-size: 35px
    }
    .logo {
        margin: 0 auto
    }
    .thanks {
        height: unset !important;
        padding-top: 100px !important
    }
    .footer-sec,
    .main-banner {
        height: auto;
        background-position: revert
    }
    .wow {
        animation-name: none !important;
        visibility: visible !important
    }
    .ftr-cl-logo img,
    ul.nav.navbar-nav.navbar-right {
        width: 100%
    }
    .bnr-txt img,
    ul.nav.navbar-nav.navbar-right li {
        width: 50%
    }
    .bnr-btn.hdr-btn a,
    .ftr-form input {
        margin: 0
    }
    .bnr-txt img {
        margin: 0 auto;
        display: table
    }
    .bnr-btn .live-chat img {
        width: auto
    }
    .bnr-form {
        margin: 40px 0 0
    }
    .form-pric h6 {
        transform: rotate(-14deg);
        font-size: 11px;
        text-align: left;
        padding-left: 10px;
        display: none
    }
    .form-pric h4,
    .stats-counter h2 span {
        font-size: 20px
    }
    .form-pric h6:before {
        width: 108px;
        transform: rotate(11deg);
        left: 3px
    }
    .form-pric h4 {
        top: -28px;
        left: 38px
    }
    .form-pric:before {
        background-size: 66%;
        top: -49px;
        left: 10px
    }
    .form-pric h5 {
        font-size: 10px;
        left: 37px;
        top: -28px
    }
    .bnr-btn {
        justify-content: center;
        gap: 5px
    }
    .portfolio-sec .nav-tabs li a {
        font-size: 12px;
        padding: 10px;
        text-align: center
    }
    .portfolio-sec .nav-tabs {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
    .cta-btn {
        display: flex;
        justify-content: center
    }
    .faq-sec .row,
    .stats-inner ul {
        flex-wrap: wrap
    }
    .stats-inner ul li {
        width: 50%;
        margin-top: 25px
    }
    .address-detl ul li a {
        font-size: 15px
    }
    .address-detl {
        float: left;
        clear: both
    }
    .top-icon {
        top: -40px;
        right: 7px
    }
    .ftr-terms {
        padding-top: 35px
    }
    .head_top .navbar-right {
        display: flex
    }
    .main-banner .row {
        flex-direction: column
    }
    .bnr-txt {
        padding: 0 20px
    }
    .price-box {
        margin-top: 30px
    }
    .col-st-ftr-frm {
        margin-top: 10px
    }
    .right-rsvrd-txt {
        left: 0;
        text-align: center
    }
    P {
        padding: 12px !important
    }
    .main-banner {
        padding: 100px 0 60px !important
    }
    .logo {
        width: 318px !important;
        padding: 0 20px
    }
    .bnr-btn .get-started {
        font-size: 12px;
        padding: 10px 3px;
        margin: 0
    }
    .bnr-txt h1 {
        font-size: 17px !important
    }
    .hd-txt h2,
    .ty-ex-bx h3,
    .why-ex-bx h3 {
        font-size: 18px !important
    }
    .seo-price h4 {
        font-size: 18px
    }
    .price-box.center img.discount_badge {
        width: 155px !important;
        top: -34px !important;
        right: -7px !important
    }
    .seo-price h3 {
        font-size: 16px
    }
    .price-box.center .seo-price p {
        padding: 10px 0 !important
    }
    .hd-txt p {
        text-align: center;
        font-size: 12px;
        padding: 10px !important
    }
    .seo-packages .hd-txt {
        padding-bottom: 0
    }
    .stats-counter h2 sup {
        top: -15px
    }
    .stats-inner {
        padding: 40px 0
    }
    .popupform-main .pop-form h3 {
        font-size: 15px !important
    }
    .pop-form {
        padding: 20px 0 !important;
        width: 300px !important
    }
}