@media all and (min-width: 350px) {

    #LandingSection .container-fluid {
        padding: 20% 4% 2% 4%;

    }
       #inProductWorks .container-fluid{
            padding: 0% 4% 4% 4%;
            margin-top: 0%;
        } 
.heading-slider{
padding: 10px 0px;
font-weight: bold;
text-align: center;
font-size: 2.2em;
}
    .landingDescpBody .featureCompLand h1 {
        font-size: 1.5em;
        line-height: 35px;
        font-display: optional;
    }
.landingDescpBody .ButtonDark{
    margin-bottom: 25px;
}
    #inAboutUs .container-fluid {
        padding: 2% 5% 1% 5%;
    }

    .tothetop {
        top: 84%;
        left: 85%;
    }
        .footerCurve img{
    transform:rotate(180deg);
        }
.WhatsappMe {

    top: 92%;
    z-index: 5555;
    right: 20px;
}

    .counterPannel .well {
        border-radius: 10px;
        margin: 6% 0%;
    }

    #inOurServices .container-fluid {
        padding: 1% 5% 5% 5%;
    }

    .sectionHeaderTop h2 {
        font-size: 1.3em;
        line-height: 25px;
        font-weight: 400;
        padding-top: 20px;
    }

    .whyUsTypesTop .well {

        transition: 0.5s;
        padding: 2% 15px;
    }

    .whyUsTypesTop .well h3 {
        font-size: 1.2em;
    }

    .whyUsTypesTop .well h4 {
        font-size: 1.1em;
        line-height: 25px;
    }

    #inTechUsed .container-fluid {
        padding: 2% 5% 2% 5%;
    }

    #inWeServe .container-fluid {
        padding: 0% 5% 2% 5%;
    }

    #inTestimonials .container-fluid {
        padding: 0% 5% 0% 5%;
    }

    .footerComponent .container-fluid {
        padding: 2% 5% 1% 5%;
    }

    .copyright {
        padding: 2px 0px;
        margin: 20px 0px 0px 0px;
        border-radius: 5px;

    }

    .copyright .footerReserved h4 {
        text-align: left;
        line-height: 22px;
    }

    #bodyWrapper .container-fluid {
        padding: 17% 5% 3% 5%;
    }

    #bodyWrapper .pagginationSmallDev h5 {
        font-size: 0.9em;
        font-weight: 700;
        padding-bottom: 10px;
    }

    .secContactComp iframe {
        margin-top: 10px;
        border-radius: var(--borderRadius10);
    }

    #inFaqHome .container-fluid {
        padding: 0% 5% 0% 5%;
    }

    #inConnectComp .container-fluid {
        padding: 2% 5% 2% 5%;
    }

    #inOurPackage .container-fluid {
        padding: 2% 5% 2% 5%;
    }

    .packFeaturesDesp .well h6 {
        padding: 15px 15px;
        font-size: 1em;
        line-height: 25px;
    }

    .packFeaturesDesp .well {
        padding: 10px 15px;
    }


.contactFooter .well {
    padding: 10px 15px;
    margin-bottom: 20px;
}
}

@media all and (min-width: 1400px) {

    #LandingSection .container-fluid {
        padding: 7% 10% 3.5% 12%;

    }
        #inProductWorks .container-fluid{
            padding: 0% 12% 4% 12%;
            margin-top: 0%;
        }
#inAmazingWorks .container-fluid{
            padding: 0% 10% 0% 10%;
        }
.heading-slider{
padding: 10px 0px;
font-weight: bold;
text-align: center;
font-size: 7em;
}
    .landingDescpBody .featureCompLand h1 {
        font-size: 3.3em;
        font-weight: normal;
        line-height: 60px;
    }

    #inAboutUs .container-fluid {
        padding: 2% 11% 1% 12%;
    }

    .counterPannel .well {
        border-radius: 80px;
        margin-bottom: 2%;
    }

    #inOurServices .container-fluid {
        padding: 1% 11% 3% 12%;
    }

    .sectionHeaderTop h2 {
        font-size: 1.5em;
        line-height: 35px;
        font-weight: 400;
        padding-top: 50px;
    }

    .whyUsTypesTop .well {

        transition: 0.5s;
        padding: 15% 15px;
    }

    .whyUsTypesTop .well h3 {
        font-size: 1.2em;
    }

    .whyUsTypesTop .well h4 {
        font-size: 0.9em;
    }

    #inTechUsed .container-fluid {
        padding: 2% 8% 2% 10%;
    }

    #inWeServe .container-fluid {
        padding: 0% 8% 2% 10%;
    }

    #inTestimonials .container-fluid {
        padding: 3% 3% 3% 10%;
    }

    .footerWrapper .container-fluid {
        padding: 0% 11% 1% 12%;
    }

    .copyright {
        padding: 2px 0px;
        margin: 20px 0px 0px 0px;
        border-radius: 5px;

    }

    .copyright .footerReserved h4 {
        text-align: right;
        font-size: 0.7em;
    }
  .copyright .footerLinks h4 {
        font-size: 0.9em;
    }
    .tothetop {
        top: 86.5%;
        left: 96%;
    }

    .WhatsappMe {
        top: 93%;
        z-index: 5555;
        right: 10px;
    }

    #bodyWrapper .container-fluid {
        padding: 2% 10% 3% 12%;
    }

    .secContactComp iframe {
        margin-top: 60px;
        border-radius: var(--borderRadius10);
    }

    #inFaqHome .container-fluid {
        padding: 0% 11% 0% 12%;
    }

    #inConnectComp {
        background-size: cover;
        background-image: url(../../Assets/image/bgWeb03.png);
        background-repeat: no-repeat;
        background-position: center;
    }

    #inConnectComp .container-fluid {
        padding: 2% 5% 2% 12%;
    }

    #inOurPackage .container-fluid {
        padding: 2% 10% 2% 11%;
    }

    .packFeaturesDesp .well h6 {
        padding: 15px 15px;
        font-size: 1em;
        line-height: 25px;
    }

    .packFeaturesDesp .well {
        padding: 15px 25px;
    }
    .contactFooter .well {
    padding: 10px 25px;
    margin-bottom: 50px;
}
    .cardOurPackageCard {
opacity: 0;
transform: translateY(120px);
transition: opacity 1s ease, transform 1s ease;
}
.cardOurPackageCard.show {
opacity: 1;
transform: translateX(0);
}
    .cardOurServicesCard {
opacity: 0;
transform: translateX(120px);
transition: opacity 1s ease, transform 1s ease;
}
.cardOurServicesCard.show {
opacity: 1;
transform: translateX(0);
}
.cardLandingSectionCard {
opacity: 0;
transform: translateY(120px);
transition: opacity 1s ease, transform 1s ease;
}
.cardLandingSectionCard.show {
opacity: 1;
transform: translateX(0);
}
    .cardWeServeCard {
opacity: 0;
transform: translateY(120px);
transition: opacity 0.7s ease, transform 0.7s ease;
}
.cardWeServeCard.show {
opacity: 1;
transform: translateX(0);
}
    .cardAboutUsCard {
opacity: 0;
transform: translateX(120px);
transition: opacity 0.8s ease, transform 0.8s ease;
}
.cardAboutUsCard.show {
opacity: 1;
transform: translateX(0);
}
        .footerCurve img{
    transform:rotate(180deg);
    margin-top: -155px;
        }
            .inAmazingWorks {
opacity: 0;
transform: translateX(-40px);
transition: opacity 0.7s ease, transform 0.7s ease;
}
.inAmazingWorks.show {
opacity: 1;
transform: translateX(0);
}
}