@media screen and (min-device-width: 320px) and (max-device-width: 480px) {
                .navbar-brand {
                    margin-right: 0rem !important;
                }
                .about-text img {
                    width: 100%;
                    float: left;
                }
                .contact-left {
                    width: 100%;
                }
                .mob-order {
                    order: 2;
                }
                .hero-text h2 {
                    font-size: 20px;
                }
                .hero-text h1 {
                    font-size: 29px;
                }
                .icon {
                    padding-bottom: 1rem;
                    width: 65%;
                }
                .mob-form {
                    margin-top: 3rem;
                }
                .pro-padding {
                    padding: 0rem 0rem;
                }
                .spanner-padding {
                    padding: 0rem 0rem;
                }
                .carousel-inner {
                    height: auto;
                }
                .carousel-control-prev {
                    display: none;
                }
                .carousel-control-next {
                    display: none;
                }
                .about-text {
                    padding-top: 3rem;
                }
            }
            
            @media screen and (min-device-width: 481px) and (max-device-width: 767px) {
                .navbar-brand {
                    margin-right: 0rem !important;
                }
                .about-text img {
                    width: 100%;
                    float: left;
                }
                .contact-left {
                    width: 100%;
                }
                .mob-order {
                    order: 2;
                }
                .hero-text h2 {
                    font-size: 20px;
                }
                .hero-text h1 {
                    font-size: 29px;
                }
                .mob-form {
                    margin-top: 3rem;
                }
                .pro-padding {
                    padding: 0rem 0rem;
                }
                .spanner-padding {
                    padding: 0rem 0rem;
                }
                .carousel-inner {
                    height: auto;
                }
                .carousel-control-prev {
                    display: none;
                }
                .carousel-control-next {
                    display: none;
                }
                .about-text {
                    padding-top: 3rem;
                }
            }
            
            @media screen and (min-device-width: 767px) and (max-device-width: 1024px) {
                .nav-item {
                    padding-left: 1rem;
                }
                .about-text img {
                    width: 100%;
                }
                .pro-m {
                    padding-top: 0rem;
                }
                .about-text {
                    padding-top: 3rem;
                }
                .carousel-inner {
                    height: auto;
                }
            }