@media only screen and (max-width: 1400px) and (min-width: 1200px){
    .our-banner:after {
        background-size: 76%;
        right: -140px;
    }
 
    .our-banner:before { 
        background-size: 70%;
        left: -10px;
    }
    .best-seller {
        padding: 30px 0;
    }
}

@media only screen and (max-width: 980px) and (min-width: 320px) {
    
    .popupform h2 {
        font-size: 20px;
    }
    
    .step-wrapper .steps .text{
        width: 100%;
    }
    
    .our-service ul.bibgul {
        flex-flow: wrap; 
    }
    section {
        overflow: hidden;
        padding: 30px 0;
    }
    .our-banner {
        height: auto;
        margin-top: 0;
        background-size: cover;
        padding-block: 110px 40px;
    }

    header {
        text-align: center;
    }

    header ul li {
        margin-left: 0;
    }

    header ul {
        display: none;
    }

    header ul li.btn-li {
        display: none;
    }

    .our-banner h3 {
        font-size: 22px;
    }

    .our-banner h1 {
        font-size: 26px;
    }

    .our-banner h1 br {
        display: none;
    }

    .our-banner h1:before {
        display: none;
    }

    .our-banner h1 span {background: #f58437;height: auto;width: auto;}

    .our-banner:after, .our-banner:before {
        display: none;
    }

    .our-banner p {
        font-size: 17px;
        margin-bottom: 20px;
    }

    .our-banner p br {
        display: none;
    }

    .btn:before {
        display: none;
    }

    .btn {
        font-size: 12px;
    }

    .btn-block a {
        margin-left: 4px;
    }

    .heading h2 {font-size: 27px;}

    .heading h2 br {
        display: none;
    }

    .heading {
        margin: 0 0 10px;
    }

    .form-wrapper {
        width: 100%;
        margin-top: 80px;
        padding: 50px 20px 30px;
        text-align: center;
    }

    .form-wrapper .get {
        right: 100px;
        top: -63px;
        max-width: 140px;
    }

    .form-wrapper h5 {
        font-size: 21px;
    }

    .form-wrapper h5 span {
        font-size: 32px;
    }

    .our-service li {width: 46%;margin: 0 4px 20px;}
    .our-book {
        height: auto;
        width: 100%;
    }

    .our-book .txt ul li p {width: 100%;margin: 20px 0 0;}

    .our-book .txt {
        text-align: center;
    }

    .our-book .txt {
        padding: 30px 20px;
    }

    .our-book .color {
        margin: 0;
        text-align: center;
    }

    .our-book .portfolio img {
        width: 46%;
    }

    .our-book .portfolio {
        margin-top: 30px;
    }

    .cta {
        background: #cb2f1d;
        margin-top: 0;
        overflow: initial;
        overflow: hidden;
        padding: 130px 0 30px 0;
    }

    .cta .container-fluid {
        height: auto;
        width: 100%;
        background: transparent;
        padding: 0;
    }

     .cta .container-fluid:after {top: -120px;background-size: contain;right: 0;height: 120px;left: 0;margin: 0 auto;width: 100px;}


    .cta .container-fluid:before {
        display: none;
    }

    .cta h2 {
        font-size: 24px;
    }
    
    .cta h2 BR {
        display: none;
    }
    
    
    .cta p {
        font-size: 18px;
        padding: 0 10px;
    }
    
    .our-sales .container:after {
        display: none;
    }

    .our-sales {}

    .our-sales:before {
        display: none;
    }

    .our-sales .box h3 {
        font-size: 18px;
        font-weight: 600;
    }

    .our-sales .box h5 {
        transform: rotate(0);
        right: inherit;
        left: 20px;
        bottom: 20px;
        text-shadow: 0px 2px 5px #000;
    }

    .our-sales .box.two h5 {
        right: inherit;
        bottom: 10px;
    }

    .our-sales .box.three h5 {
        right: inherit;
        bottom: 10px;
        text-shadow: 0 7px 5px #fff;
    }

    .our-sales .box.four h5 {
        right: inherit;
        bottom: 19px;
        left: 50px;
    }

    .our-sales .box.five h5 {
        right: 0;
        left: 40px;
        bottom: 10px;
    }

    .selling .heading h2 {
        font-size: 30px;
    }

    .selling {
        height: auto;
        text-align: center;
    }

    .selling p {
        margin: 0 0 40px;
    }

    .selling:before {
        display: none;
    }

    .step-wrapper:before {
        display: none;
    }

    .step-wrapper .steps .lable {
        margin: 0 0 20px;
    }

    .selling:after {
        display: none;
    }

    .happy-client ul li {
        margin: 0 0 0;
        font-size: 36px;
        width: 49%;
        height: 140px;
        line-height: inherit;
    }

    .happy-client ul li:after {
        display: none;
    }

    .testimonial {
        padding: 30px 0;
    }

    .testimonial .heading p br {
        display: none;
    }

    .testimonial .heading p {
        font-size: 16px;
    }

    .bbc {
        padding: 10px 0;
    }

    .best-seller {
        background-size: cover;
        background-position: bottom;
        padding: 30px 0;
        height: auto;
    }

    .best-seller h2 {
        font-size: 28px;
    }

    .best-seller h2 span {
        margin: 10px 0 0;
    }

    .best-seller p {
    }

    .best-seller p br {
        display: none;
    }

    .best-seller p {
        font-size: 17px;
    }

    footer {
        text-align: center;
    }

    footer ul {
        text-align: center;
        margin-top: 7px;
    }
    .our-service {
        text-align: center;
    }
    .popupform ul li {
        width: 98%;
    }

    .popupform {
        width: 93%;
    }

    .popupform .fancybox-close-small {
        right: -8px;
        top: -20px;
    }

    a.logo img {
    width: 180px;
}
    
}