@media (min-width: 1015px) and (max-width: 1799px) {
    .abt-img {
        position: absolute;
        top: 30%;
        right: 0%;
        z-index: 2;
        transition: 0.3s ease;
    }
}

@media (min-width: 320px) and (max-width: 1550px) {
    .logo-wdh {
        max-width: 150px !important;
    }

    .custom-container {
        max-width: 1300px !important;
    }
.mrgn-nav{
  margin-left: -40px;
}
    .product-box {
        padding: 30px 10px;

    }

    .product-box img {
        max-height: 205px;
        object-fit: contain;
    }

}

/* laptop view */
@media (min-width: 320px) and (max-width: 1024px) {
    .contact-icon {
        max-width: 100%;
    }

    .abt-img {
        position: absolute;
        top: 0%;
        right: 0%;
        z-index: 2;
        transition: 0.3s ease;
        width: 50%;
    }

    .main-banner h1,
    .main-banner h3 {

        font-size: 25px;

    }

    .kps-title {
        font-size: 35px;

    }

    .subscribe-title,
    .kps-title2 {
        font-size: 35px;

    }

    .main-banner h1 span,
    .main-banner h3 span {

        font-size: 28px;
    }

    .kps-pd {
        padding: 80px 0px;
    }

    .ft-header {
        word-break: break-all;
    }

    .prdc-para {
        max-width: 100%;
        margin: auto;
        font-weight: 300;
    }


    .input-group button {
        padding: 5px;

    }

    .input-group {
        padding: 10px 5px;
    }

    .logo-wdh {
        max-width: 150px !important;
    }

    .abtdtl .col-md-6 {
        width: 100% !important;
        display: block !important;
    }

    .product-item img {

        max-height: 140px;
        object-fit: contain;
    }
    .container-fluid {
    max-width: 100%;
    margin: auto;
}
.mrgn-nav {
        margin-left: -50px;

    }
    .top-fnt{
        font-size: 12px;


    }
    .tp-desc i {
    font-size: 12px;
}

}

/* tablet */
@media (min-width: 320px) and (max-width: 1023px) {
    .abt-img {
        position: absolute;
        top: 0%;
        right: -30%;
        z-index: 2;
        transition: 0.3s ease;
        width: 65%;
    }

    .banner-section {
        padding: 100px 10px;
    }

    .product-item img {
        max-height: 90px;
        object-fit: contain;
    }

    .quote-btn1 {
        margin-left: 20px;
        margin-top: 20px;
    }

    .bdge-para {
        max-width: 100%;

    }

    

    .tb-dsp {
        display: block;
        background-color: #262626;
    }

    .head-nn {
        display: none;
    }

    .main-banner .owl-dots {

        max-width: 65%;
        margin-top: 30px !important;

    }

    .abut-conte .col-md-7,
    .abut-conte .col-md-5 {
        width: 100% !important;
        display: block !important;


    }



    .abt-image-wrapper {
        margin-bottom: 30px;

    }

    .prdc-deal1 {

        padding: 20px;
    }


}

@media (min-width: 768px) and (max-width: 1400px) {
    .abot-overlay {
 
  left: -16px;
  
}
}
@media (min-width: 768px) and (max-width: 1023px) {
    .kps-pd {
        padding: 100px 10px;
    }
}

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

    .am-head {
        text-align: start;
    }

    .kps-pd {
        padding: 60px 0px;
    }

    .main-banner .owl-dots {

        text-align: center;

    }

    .head-mrgn {
        margin-bottom: 40px;
    }

    .main-banner h3 span {
        font-size: 26px !important;
    }

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

    .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 40px !important;
    }

    .contact-section {
        padding: 30px 20px;
    }

    .banner-section {
        padding: 100px 10px;
    }

    .main-banner h1,
    .main-banner h3 {
        font-size: 20px;
    }

    .overlay-content {
        top: 0%;
        right: 15%;

    }

    .abt-img {
        top: 0%;
        right: 0%;
        width: 50%;
    }

    .subscribe-title,
    .kps-title2 {
        font-size: 25px;
    }

    .subscribe-section {
        padding: 50px 0;
    }

    .subscribe-form button {
        text-align: start;
        max-width: 50%;
    }

    .subscribe-form {
        flex-direction: column;
        gap: 10px;
    }

    .subscribe-form input[type="email"],
    .subscribe-form button {
        width: 100%;

    }

    .kps-title {
        font-size: 27px;
    }

    .abt-cont h3 {
        font-size: 20px;

    }

    .asoc-container {
        max-width: 100%;
    }

    .container-fluid {
        max-width: 100%;
        margin: auto;

    }

    .abot-overlay {
        bottom: 224px;
        top: 0px;
        left: 0px;
        color: #fff;
        padding: 10px 10px 10px 10px;
        font-weight: 600;
        font-size: 16px;
        border-radius: 0;
        z-index: 1;
    }

    .abtdtl-description {

        margin: 0px 0 0px;
    }

    .kps-pd1 {
        padding: 40px 0px;
    }

    .abtdtl-subtext {

        margin-top: 0px;

    }

    .product-item h5 {
        font-size: 16px;
    }

    .prdc-deal1 {
        padding: 40px 0px;
    }

    .prdc-dtl1 {

        margin: 20px 5px 5px 5px;

    }

    .mrgn-sec {
        margin-top: 20px;

    }

    .product-category-sec {
        padding: 35px 0;
    }

    .prdc-deal1 {

        margin-bottom: 40px;
    }

    .item-map {
        position: relative;
        width: 100%;
        padding-bottom: 55%;
        height: 0;
        overflow: hidden;
    }

    .product-item img {
        max-height: 170px;
        object-fit: contain;
    }

    .banner-section h2 {
        font-size: 30px;

    }
    .para-contact{
  max-width: 100%;
  margin: auto;
}

}