/* responsive css */

@media (max-width:320px) {

    .hero-style1 .hero-title  h1{
        font-size: 33px;
        line-height: 29px;
    }

    .hero-style1 .hero-title  p{
        font-size: 33px;
        line-height: 29px;
    }
}


@media (min-width:312px) and (max-width:380px) {

    .get-offer-ban{
        margin-top: 10px;
    }
    .banner-title {
        position: relative;
        top: 0;
        text-align: right;
        left: -265px;
        z-index: 12;
    }
    .banner-title h4 {
        font-size: 24px;
    }

    .get-offer .off {
        font-size: 41px;
    }
    .bann-img img{
        width: 50%;
    }
    .bann-img {
        position: relative;
        top: -1px;
    }
    .banner-title {
        position: relative;
        left: -165px;
    }

    .get-offer .sec-tittle {
        position: relative;
        bottom: 126px;
        left: 33px;
    }

    .lear-button {
        position: absolute;
        bottom: 69px;
        left: 41px;
    }
    .get-offer .off{
        top: 0px;
        font-size: 41px;
    }
    .per {
        top: -15px;
        font-size: 21px;
        left: 250px;
    }

    .get-offer-ban .off{
        position: absolute;
        top: 22px;
        left: 14px;
    }
    .get-offer-ban .bann-img 
    {
        position: absolute;
        top: 108px;
    }

    .get-offer-ban .off h4 {

    font-size: 20px;
    color: #19199b;
    text-align: left;
}

.get-offer-ban .lear-button {
    position: absolute;
    top: 84px;
    left: 14px;
}
.get-offer-ban .bann-img img{
    width: 78%;
}
}

@media (min-width:380px) and (max-width:480px) {
    .banner-title {
        position: relative;
        top: 9px;
        left: -320px;
}
}
@media (min-width:481px) and (max-width:576px) {

}


@media (min-width:577px) and (max-width:767px) {
}


@media (min-width:768px) and (max-width:991px) {


}

@media (min-width:312px) and (max-width:991px) {

    .category-area-w {
        padding: 33px 0 120px 0;
    }
}

@media (max-width:576px) {
    .packagerefer{
        display:block;
    }
    
}
/* responsive end */