@media screen and (min-width:1400px) {
}

@media screen and (max-width:1400px) {
}

@media screen and (max-width:1199px) {
    .item-name {
        font-size: 16px;
        line-height: 24px;
    }

    .gearitemblk {
        width: 31.3%;
    }

    .item-blk::before {
        right: 4px;
        bottom: -95px;
        height: 88px;
        clip-path: polygon(100% 0, 44% 6%, 100% 100%);
        transform: rotate(-28deg);
    }
}

@media screen and (max-width:1000px) {
    .tarvelgearblk {
        width: 100%;
    }

    .banner-heading1 {
        font-size: 130px;
        line-height: 70px;
    }
}

@media screen and (max-width:991px) {
    .item-quantity {
        font-size: 12px;
        line-height: 15px;
    }

    .item-details {
        padding: 5px 20px 5px 10px;
    }

    .item-blk::before {
        right: 5px;
        bottom: -73px;
        height: 76px;
        clip-path: polygon(100% 0, 43% 6%, 100% 100%);
        transform: rotate(-25deg);
    }
}

@media screen and (max-width:767px) {
    .item-blk::before {
        right: 7px;
        bottom: -66px;
        height: 75px;
        clip-path: polygon(100% 0, 43% 6%, 100% 100%);
        transform: rotate(-23deg);
    }

    .travelgear-banner {
        display: none;
    }

    .res-banner {
        display: block;
    }

    .tarvelgear-itemsec .container {
        width: 697px;
    }

    .item-quantity {
        font-size: 11px;
        line-height: 15px;
    }
}

@media screen and (max-width:727px) {
    .gearitemblk {
        width: 48%;
    }

    .item-blk::before {
        right: 2px;
        bottom: -96px;
        height: 79px;
        clip-path: polygon(100% 0, 64% 6%, 100% 100%);
        transform: rotate(-30deg);
    }

    .tarvelgear-itemsec .container {
        width: 620px;
    }
}

@media screen and (max-width:650px) {
    .item-blk::before {
        right: 3px;
        bottom: -87px;
        height: 78px;
        clip-path: polygon(100% 0, 64% 6%, 100% 100%);
        transform: rotate(-28deg);
    }

    .tarvelgear-itemsec .container {
        width: 570px;
    }
}

@media screen and (max-width:600px) {
    .item-blk::before {
        right: 6px;
        bottom: -65px;
        height: 74px;
        clip-path: polygon(100% 0, 64% 6%, 100% 100%);
        transform: rotate(-23deg);
    }

    .tarvelgear-itemsec .container {
        width: 455px;
    }
}

@media screen and (max-width:485px) {
    .gearitemblk {
        width: 100%;
    }

    .item-blk::before {
        right: -5px;
        bottom: -126px;
        height: 86px;
        clip-path: polygon(100% 0, 65% 6%, 100% 100%);
        transform: rotate(-35deg);
    }

    .item-quantity {
        min-height: 33px;
        font-size: 13px;
        line-height: 15px;
    }

    .item-name {
        font-size: 15px;
        line-height: 25px;
    }

    .tarvelgear-itemsec .container {
        width: 380px;
    }
}

@media screen and (max-width:410px) {
    .item-blk::before {
        right: -4px;
        bottom: -115px;
        height: 79px;
        clip-path: polygon(100% 0, 64% 6%, 100% 100%);
        transform: rotate(-34deg);
    }

    .item-name {
        font-size: 13px;
        line-height: 20px;
    }

    .item-quantity {
        font-size: 12px;
    }

    .tarvelgear-itemsec .container {
        width: 350px;
    }
}

@media screen and (max-width:380px) {
    .item-name {
        font-size: 15px;
        line-height: 25px;
    }

    .item-quantity {
        min-height: 35px;
        font-size: 13px;
        line-height: 16px;
    }

    .item-blk::before {
        right: 3px;
        bottom: -96px;
        height: 83px;
        clip-path: polygon(100% 0, 64% 6%, 100% 100%);
        transform: rotate(-29deg);
    }

    .tarvelgear-itemsec .container {
        width: 320px;
    }
}

@media screen and (max-width:350px) {
    .item-blk::before {
        right: 4px;
        bottom: -85px;
        height: 82px;
        clip-path: polygon(100% 0, 64% 6%, 100% 100%);
        transform: rotate(-27deg);
    }

    .tarvelgear-itemsec .container {
        width: 290px;
    }
}

@media only screen and (max-device-width: 640px) and (orientation: landscape) {
}