.hero-layout1
{
    margin-top: 0px;
}

.container {
    min-height: 60px;
}

.herocontainer
{
    padding-top: 150px;
}

.hero-layout1 .hero-mask {
    padding-top: 225px;
}

@media (max-width: 1340px) {
    .hero-layout1 .hero-mask {
        padding-top: 180px;
    }
}
@media (max-width: 1200px) {
    .hero-layout1 .hero-mask {
        padding-top: 120px;
    }
}

@media (max-width: 1024px) {
    .hero-layout1 .hero-mask {
        padding-top: 70px;
        padding-bottom: 100px;
    }
}

@media (max-width: 991px) {
    .hero-layout1 .hero-mask {
        padding-top: 100px;
        padding-bottom: 95px;
    }

    .herocontainer {
        padding-top: 110px;
    }

    .hero-layout1 .icon-btn:first-child {
        left: 10%;
    }

    .hero-layout1 .icon-btn:last-child {
        left: 90%;
    }

    .container {
        min-height: 46px;
    }
    .breadcumb-wrapper {
        padding-top: 75px;
        padding-bottom: 75px;
    }
}

@media (max-width: 800px) {
    .herocontainer {
        padding-top: 50px;
    }
}

@media (max-width: 767px) {
    .hero-layout1 .hero-mask {
        padding-top: 100px;
        padding-bottom: 95px;
    }

    .hero-title {
        margin-bottom: 0px;
    }

    .hero-text {
        margin-bottom: 0px;
    }
}

@media (max-width: 600px) {
    .herocontainer {
        padding-top: 0px;
    }
    .container {
        min-height: 0px;
    }
}

@media (max-width: 576px) {
    .herocontainer {
        padding-top: 40px;
    }

    .hero-layout1 .hero-mask {
        padding-top: 40px;
        padding-bottom: 100px;
    }
}

@media (max-width: 540px) {
    .hero-layout1 .hero-mask {
        padding-top: 30px;
        padding-bottom: 95px;
    }
}

@media (max-width: 450px) {
    .hero-layout1 .hero-mask {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}