html {
    scroll-behavior: smooth;
}

@media (min-width: 1200px) and (max-width: 1400px) {
.egx-para-1.disc{    font-size: 15px;}
    li.nav-item {
        margin: 0 5px;
    }

    li a.nav-link {
        font-size: 16px;
    }

    .egx-hero-inner-wrap {
        max-width: 650px;
        padding: 171px 0 32px 0;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {

    .egx-hero-inner-wrap {
        max-width: 650px;
        padding: 171px 0 32px 0;
    }

    .egx-hero-inner-wrap .hero-inner-title {
        font-size: 40px;
        line-height: 50px;
    }

    .logo_site {
        width: 100px;
    }

    li.nav-item {
        margin: 0 3px;
    }

    li a.nav-link {
        font-size: 14px;
    }

    .egx-btn-1 {
        display: inline-block;
        font-size: 14px;
        font-family: var(--urbanist);
        color: #ffffff;
        font-weight: 700;
        line-height: 1;
        text-transform: capitalize;
        background: var(--egx-gd-1);
        border-radius: 50px;
        padding: 10px 5px;
        position: relative;
        z-index: 1;
        transition: 0.3s var(--cube-1);
        overflow: hidden;
        transition-delay: 0s;
    }

    .egx-header-1-search-btn {
        width: 35px;
        height: 35px;
    }

    .egx-header-1-search-btn i {
        font-size: 15px;
    }

}

@media (min-width: 768px) and (max-width: 992px) {
    .egx-solar-panel-1-card::after {

        height: 86.5%;
    }

    .dropdown-menu {
        width: 100%;
    }

    .egx-hero-inner-wrap {
        max-width: 100%;
        padding: 123px 0 32px 0;
        margin-top: 80px;
    }

    .egx-hero-inner-wrap .hero-inner-title {
        font-size: 30px;
        line-height: 40px;
    }

}

@media (min-width: 400px) and (max-width: 768px) {
	
	.list-mainarea span.item-text{
		font-size: 14px;
        line-height: 15px;
        text-align: left;
	}

    .egx-hero-inner-area {
        background: url("../assets/images/cbgweb3.jpg") no-repeat center center;

    }

    .m--mt-3-our-s {
        margin-top: -50px;
    }

    .pageheader {
        background: #000 url(../assets/images/pageheader.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 30px;

    }

    .m--res-box {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-top: 30px;
    }

    .step-number {
        margin-bottom: 50px
    }

    .egx-subtitle-2 {
        padding-top: ;
    }

    .timeline {
        width: 70% !important;
        margin: auto;
    }

    .egx-para-1 {
        padding: 10px;
    }

    .egx-hero-inner-wrap {
        max-width: 100%;
        padding: 30px 0 16px 0;
        margin-top: 117px;
    }

    .h-slid-title {
        text-align: center;
        font-size: 2rem;
    }

    .m--he1 {
        color: #000;
        text-shadow: 1px 1px 1px #fff;
        text-align: center;
    }

    .d-pading-2 {
        padding: 51px 12px;
    }

    .m--text-center {
        text-align: center;
    }

    .m--text-left {
        text-align: left;
    }

    .m--h2-font {
        font-size: 1.8rem;
    }

    .m--mt-5 {
        margin-top: 50px !important;
    }

    .m--hed-font {
        font-size: 1rem !important
    }

    .m--p-font {
        font-size: 1rem !important
    }

    .egx-hero-inner-wrap .hero-inner-title {
        font-size: 30px;
        line-height: 40px;
    }

    .q-contact {
        margin: 0;
        padding-top: 0;
    }

}


@media (min-width: 300px) and (max-width: 400px) {
.list-mainarea span.item-text{
		font-size: 14px;
        line-height: 15px;
        text-align: left;
	}
    .egx-hero-inner-area {
        background: url("../assets/images/cbgweb3.jpg") no-repeat center center;

    }

    .m--mt-3-our-s {
        margin-top: -50px;
    }

    .pageheader {
        background: #000 url(../assets/images/pageheader.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 30px;

    }

    .m--res-box {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-top: 30px;
    }

    .step-number {
        margin-bottom: 50px
    }

    .egx-subtitle-2 {
        padding-top: ;
    }

    .timeline {
        width: 70% !important;
        margin: auto;
    }

    .egx-para-1 {
        padding: 10px;
    }

    .egx-hero-inner-wrap {
        max-width: 100%;
        padding: 30px 0 16px 0;
        margin-top: 117px;
    }

    .h-slid-title {
        text-align: center;
        font-size: 2rem;
    }

    .m--he1 {
        color: #000;
        text-shadow: 1px 1px 1px #fff;
        text-align: center;
    }

    .d-pading-2 {
        padding: 51px 12px;
    }

    .m--text-center {
        text-align: center;
    }

    .m--text-left {
        text-align: left;
    }

    .m--h2-font {
        font-size: 1.8rem;
    }

    .m--mt-5 {
        margin-top: 50px !important;
    }

    .m--hed-font {
        font-size: 1rem !important
    }

    .m--p-font {
        font-size: 1rem !important
    }

    .egx-hero-inner-wrap .hero-inner-title {
        font-size: 30px;
        line-height: 40px;
    }

    .q-contact {
        margin: 0;
        padding-top: 0;
    }

}