@media screen and (max-width: 3789px) and (min-width: 2526px) {}

@media screen and (max-width: 2508px) and (min-width: 1929px) {}
@media screen and (max-width:1400px) and (min-width:992px){}

@media screen and (max-width:1200px) and (min-width:992px){}



@media screen and (max-width: 991px) {}

@media screen and (max-width: 991px) {
    .pBlock {padding-block: 4.5rem;}
    .header-section .navbar-expand-lg .navbar-nav {margin-bottom: 32px;}
    #innerBrandsys .innerBrandsys-grid {grid-template-columns: repeat(2, 1fr);}
    #innerHowworkPage .innerHowworkPage_steps {grid-template-columns: repeat(2, 1fr);}
    #innerWork .innerWork_step-card:not(:last-child) {margin-bottom: 30px;}
    
    #brandWhat h2 {font-size: 32px;}
    #brandWhat .what-item p {margin-bottom: 0;}
    .page-id-39 .hero-section .row {row-gap: 48px;}
    #cmplt_brand .row {row-gap: 24px;}
    
    .feature-item p {font-size: 1rem;}
    .feature-icon {width: 55px;height: 55px;}
    .feature-icon svg {width: 26px;height: 26px;}
    .pricing-intro  a {font-size: 17px;}
    .btn-payment span {font-size: 14.6px;}
    .payment-info p {font-size: 15px;}
    #innerConMail .mail-content a {font-size: 15px;}
    #innerConMail .mail-content p {font-size: 17px;}
    .head_btn .btn-primary {font-size: 15px;}
    #brandWhat .what-item p {font-size: 15px;}
    .innerBlog_grid {grid-template-columns: repeat(2, 1fr);}
    .hero-section h1 {font-size: 55px;}
}


@media screen and (max-width: 767px) {
        #innerReady .button_bx {flex-direction: column;}
        #innerReady .button_bx a {text-align: left;font-size:15px;}
        #brandget ul {flex-wrap: wrap;}
        #brandget #gform_wrapper_2 {padding: 28px;}
        #brandget #gform_wrapper_2 .icon-feature h2 {font-size: 22px;}
        #brandWhat .what-steps {gap: 32px;}
        
        .hero-section h1 {font-size: 45px;}
        
        #innerBrandsys .innerBrandsys-grid {grid-template-columns: repeat(1, 1fr);}
        #innerBrandsys .innerBrandsysprice {font-size: 40px;}
        #innerPrivacy .innerPrivacy_line {font-size: 15px;line-height: 1.3;}
        #innerPrivacy .innerPrivacy_box ol li a {font-size: 17px;}
        .feature-list {min-height: unset;}
        .pricing-section ul {min-height: unset;}
        .innerBlog_grid {grid-template-columns: repeat(1, 1fr);}
        .blogSingle_cnt p {font-size: 16px;}
        .blogSingle_img {float: unset;width: 100%;margin: 0 0 30px 0;}
}

@media screen and (max-width:570px) {
    .pBlock {padding-block: 3.5rem;}
    
    .navbar-brand {font-size: 21px;}
    .feature-icon {width: 60px;height: 60px;}
    .feature-icon svg {width: 28px;height: 28px;}
    
    
    .cta-text {font-size: 16px;}
    .heading-lg {font-size: 27px;}
    
    
    #innerReady .row p {font-size: 16px;}
    
    #innerBrandsys .innerBrandsys-grid {grid-template-columns: repeat(1, 1fr);}
    #innerHowworkPage .innerHowworkPage_steps {grid-template-columns: repeat(1, 1fr);}
    #brandWhat h2 {font-size: 28px;}
    #brandWhat {padding: 3rem 0;}
    #brandget #gform_wrapper_2 .icon-feature h2 {font-size: 20px;}
    #brandget #gform_wrapper_2 {padding: 15px;}
    
    #innerPrivacy .innerPrivacy_box ol {padding-left: 10px;}
    .popular-badge {padding: 0.375rem 0.5rem;font-size: 11px;}
    .hero-section h1 {font-size: 36px;}
    #innerBrandsys .innerBrandsysprice {font-size: 35px;}
}

@media screen and (max-width:420px) {
    .navbar-brand {font-size: 17px;}
    #innerWork .innerWork_step-card h3 {font-size: 22px;}
    #innerWork .innerWork_step-card {padding: 25px;gap: 15px;}
    #innerWork .innerWork_step-number {font-size: 50px;
}
}

@media only screen and (max-width:430px) and (-webkit-min-device-pixel-ratio:2){
  .hero-section h1 {font-size: 38px;}
}

@media only screen and (max-width: 390px) and (-webkit-min-device-pixel-ratio: 3){
    .hero-section h1 {font-size: 38px;}
}