/* Extra-Small Screen*/
@media screen and (max-width:576px) {
    .topDownPadding {
        /* T-R-B-L */
        padding: 100px 0px 100px 0px;
    }

    .topDownPadding2 {
        padding: 100px 0px 100px 0px;
    }

    .headingOne {
        line-height: 58px;
        font-size: 36px;
    }

    .heroBg {
        background: url('./Images/hero-bg.webp');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center !important;
    }

    .aboutImgSize {
        width: 350px;
    }

    .fImg,
    .aboutImgSize2 {
        width: 100%;
        height: auto;
    }

    .aboutImg {
        width: 100%;
        height: auto;
    }
    .paddTop{
        padding-top:220px;
    }
    #country-code{
        width:30%;
    }

}

/* Small Screen*/
@media (min-width:576px) and (max-width:767px) {
    .topDownPadding {
        /* T-R-B-L */
        padding: 100px 0px 100px 0px;
    }

    .topDownPadding2 {
        padding: 100px 0px 100px 0px;
    }

    .headingOne {
        line-height: 58px;
        font-size: 36px;
    }

    .aboutImgSize {
        width: 550px;
    }

    .fImg,
    .aboutImgSize2 {
        width: 100%;
        height: auto;
    }

    .heroBg {
        background-position: center bottom !important;
    }

    .aboutImg {
        width: 100%;
        height: auto;
    }
    .paddTop{
        padding-top:220px;
    }
    #country-code{
        width:30%;
    }
}

/* Medium Screen */
@media (min-width:768px) and (max-width:991px) {
    .topDownPadding {
        /* T-R-B-L */
        padding: 100px 50px 100px 50px;
    }

    .topDownPadding2 {
        padding: 100px 50px 100px 50px;
    }

    .headingOne {
        line-height: 58px;
        font-size: 36px;
    }

    .heroBg {
        background: url('./Images/hero-bg.webp');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center bottom !important;
    }

    .homeCard {
        height: 335px;
    }

    .aboutImgSize {
        width: 420px;
        height: 400px;
    }

    .fImg,
    .aboutImgSize2,
    .aboutImg {
        width: 340px;
    }
    .progressbar-text {
        left: 27% !important;
    }
    .paddTop{
        padding-top:220px;
    }
    #country-code{
        width:30%;
    }

}

/* Large Screen */
@media (min-width:992px) and (max-width:1199px) {
    .topDownPadding {
        /* T-R-B-L */
        padding: 100px 0px 100px 0px;
    }

    .topDownPadding2 {
        padding: 100px 0px 100px 0px;
    }

    .headingOne {
        line-height: 58px;
        font-size: 36px;
    }

    .homeCard {
        height: auto;
    }

    .aboutImgSize {
        width: 600px;
    }

    .fImg,
    .aboutImgSize2 {
        width: 100%;
        height: auto;
    }

    .heroBg {
        background-position: center bottom !important;
    }

    .aboutImg {
        width: 100%;
        height: auto;
    }
}

/* Extra Large */
@media (min-width:1200px) and (max-width:1399px) {
    .topDownPadding {
        /* T-R-B-L */
        padding: 100px 120px 260px 120px;
    }

    .headingOne {
        line-height: 64px;
        font-size: 50px;
    }

    .homeCard {
        height: 420px;
    }

    .aboutImgSize {
        width: 600px;
    }

    .fImg,
    .aboutImgSize2 {
        width: 500px;
    }

    .aboutImg {
        width: 500px;
    }

    .heroBg {
        background-position: center bottom !important;
    }

    .topDownPadding2 {
        padding: 100px 120px 100px 120px;
    }

    .aboutImg {
        width: 100%;
        height: auto;
    }

    .aboutImgSize2 {
        width: 500px;
    }
 
}

/* Extra extra Large */
@media (min-width:1400px) and (max-width:1600px) {
    .topDownPadding {
        /* T-R-B-L */
        padding: 100px 120px 260px 120px;
    }

    .topDownPadding2 {
        padding: 100px 120px 100px 120px;
    }

    .heroBg {
        background: url('./Images/hero-bg.webp');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center bottom !important;
    }

    .homeCard {
        height: 390px;
    }

    .aboutImgSize {
        width: 600px;
    }

    .fImg {
        width: 550px;
    }

    .aboutImg {
        width: 100%;
        height: auto;
    }

    .aboutImgSize2 {
        width: 550px;
    }
}

@media (min-width:1600px) {
    .aboutImgSize {
        width: 600px;
    }

    .topDownPadding {
        /* T-R-B-L */
        padding: 100px 120px 260px 120px;
    }

    .fImg {
        height: 600px;
    }

    .homeCard {
        height: 390px;
    }

    .heroBg {
        background-position: center bottom !important;
    }

    .topDownPadding2 {
        padding: 100px 120px 100px 120px;
    }

    .aboutImg {
        width: 550px;
    }

    .aboutImgSize2 {
        width: 550px;
    }
}