/* Big screen :1200px. */
@media (min-width: 1501px) and (max-width: 2700px) {
    .hero-Area{
    height: auto;
}
.hero_Content i img {
    width: 464px;
}

.hero_Content h1 {
    font-size: 75px;
}

.hero_Content p {
    margin-bottom: 65px;
    margin-top: 140px;
}
.granty-Area::before {
    top: -266px;
}
}
@media (min-width: 1200px) and (max-width: 1500px) {
    .woman {
        transform: translate(0px,65px);
    }
    img.laptop {max-width: 814px;}

.granty_top i {
    max-width: 886px;
}

.granty_top i a {
    left: -55px;
}
.hero-Area:after {
    width: 1200px;
    height: 1200px;
    top: 60%;
}

.hero_Content p {
    margin-top: 94px;
    font-size: 28px;
    max-width: 522px;
    margin-bottom: 50px;
}

.granty-Area::before {
    width: 1198px;
    height: 1210px;
    top: -153px;
}

.granty-Area {
    margin-top: -105px;
    padding-top: 110px;
}

.grty {
    right: 0;
}
.hero_Content h1 {
    font-size: 60px;
}

.hero_Content h3 {
    font-size: 40px;
}

.hero-Area {
    height: auto;
}

.hero_Content i {
    margin: 30px 0;
}

.hero_Content i img {
    max-width: 475px;
}

}


/* Normal screen :992px. */
@media (min-width: 992px) and (max-width: 1200px) {

    .hero-Area:after {
        width: 990px;
        height: 990px;
        top: 60%;
    }
    
    .hero_Content p {
        margin-top: 138px;
        font-size: 24px;
        max-width: 460px;
        margin-bottom: 70px;
    }
    
    .granty-Area::before {
        width: 992px;
        height: 921px;
        top: -135px;
    }

.hero_Content h1 {
    font-size: 70px;
}
    
    .granty-Area {
        margin-top: -113px;
        padding-top: 113px;
    }

.grty {
    right: 0;
}


    .pricing_top_text {
        margin-left: 40px;
    }
    
    .pricing_top_text h1 {
        font-size: 50px;
    }
    .woman {
        transform: translate(0px,65px);
        width: 305px;
    }
    img.laptop {max-width: 814px;}

.granty_top i {
    max-width: 886px;
}

.granty_top i a {
    left: -55px;
}
.pricing_btm i img {
    width: 200px;
}

.pricing_btm a.thm_btn {
    width: 350px;
}
.granty_list__wrp ul:last-child {
    max-width: initial;
}

.granty_list__wrp ul {
    width: 45%;
}

.product_title h1 {
    font-size: 40px;
}

.product_blk_text p {
    font-size: 18px;
}
.menu-area nav ul li a {
    font-size: 16px;
    margin-left: 18px;
}
.hero_Content h1 {
    font-size: 48px;
}

.hero_Content h3 {
    font-size: 30px;
}

.hero-Area {
    height: auto;
}

.hero_Content i {
    margin: 30px 0;
}

.hero_Content i img {
    max-width: 500px;
}

}

 
/* Tablet screen :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .pricing_top_text {
        margin-left: 40px;
    }
    
    .pricing_top_text h1 {
        font-size: 40px;
    }
    .woman {
        transform: translate(0px,65px);
        width: 245px;
    }
    img.laptop {max-width: 525px;}

.granty_top i {
    max-width: 732px;
    text-align: center;
}

.granty_top i a {
    left: 0;
    width: 281px;
    top: 64px;
    font-size: 18px;
}
.pricing_btm i img {
    width: 150px;
}

.pricing_btm a.thm_btn {
    width: 350px;
}
.granty_list__wrp ul:last-child {
    max-width: initial;
}

.granty_list__wrp ul {
    width: 100%;
}

.product_title h1 {
    font-size: 32px;
    max-width: 545px;
}

.product_blk_text p {
    font-size: 18px;
}
.hero_Content h1 {
    font-size: 60px;
}

.hero_Content h3 {
    font-size: 40px;
}

img.grty {
    width: 142px;
    right: 75px;
}

.pricing_top {
    flex-direction: column;
}

.pricing_top img {
    max-width: 215px;
    margin-bottom: 20px;
}
.title__bg h1 {
    font-size: 30px;
}
.product_blk i {
    width: 200px;
    height: 200px;
}
.pricing_blk p {
    font-size: 15px;
    max-width: 200px;
}

.pricing_blk h2 {
    font-size: 26px;
}

.pricing_blk {
    height: 200px;
}

.pricing_blk.active h1 {
    font-size: 32px;
}

.pricing_blk.active span {
    font-size: 14px;
}
.granty_list__bdr {
    display: none;
}

.granty_list_blk h4 {
    font-size: 18px;
    margin-bottom: 10px;
}
.program-Area .col-lg-3.col-md-6{
    margin-bottom: 30px;
}
.apps_prog {
    max-width: 560px;
    margin: auto;
    height: auto;
    margin-bottom: 30px;
}
.regalo i img {
    width: 278px;
    position: absolute;
}

.regalo_top p {
    font-size: 18px;
}

.regalo_top h5 {
    font-size: 26px;
}

.regalo_top span {
    font-size: 20px;
}

.regalo_text_bg p {
    font-size: 14px;
}

.regalo_text_bg span {
    font-size: 18px;
}

.regalo_text_bg {
    max-width: 500px;
}

.regalo_wrp {
    max-width: 420px;
    margin-top: 35px;
    margin-bottom: 50px;
}

.regalo {
    overflow: hidden;
    position: relative;
}

.pricing_top_text h2 {
    font-size: 30px;
}
.hero_Content p {
    font-size: 20px;
    max-width: 384px;
    margin-top: 74px;
    margin-bottom: 28px;
}

.hero-Area:after {
    width: 788px;
    height: 686px;
    top: 60%;
}

.granty-Area::before {
    width: 768px;
    height: 768px;
    top: -126px;
}

.hero-Area {
    height: 90vh;
    clip-path: ellipse(85% 63% at 50% 37%);
}

.hero_Content h1 {
    font-size: 40px;
}

.header-area {
    padding: 10px 0;
}

.hero_Content h3 {
    font-size: 24px;
}

.hero-Area {
    height: auto;
}

.hero_Content i {
    margin: 30px 0;
}

.hero_Content i img {
    max-width: 250px;
}

}

 
/* small screen :320px. */
@media (max-width: 767px) {
    .pricing_top_text {
        margin-left: 40px;
    }
    
    .pricing_top_text h1 {
        font-size: 28px;
    }
    .woman {
    display: none;
    }
    img.laptop {max-width: 90%;}

.granty_top i {
    max-width: 100%;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    margin-bottom: 50px;
}

.granty_top i a {
    left: 0;
    position: unset;
}
.pricing_btm i img {
    width: 150px;
}

.pricing_btm a.thm_btn {
    width: 280px;
    margin-left: 0;
    margin-top: 25px;
}
.granty_list__wrp ul:last-child {
    max-width: initial;
}

.granty_list__wrp ul {
    width: 100%;
}

.granty_list__wrp {
    flex-direction: column;
    margin: 40px 0;
    height: auto;
}

.product_title h1 {
    font-size: 20px;
    max-width: 310px;
}

.product_blk_text p {
    font-size: 16px;
}

.product_blk {
    margin-top: 40px;
}

.product_blk_text h4 {
    font-size: 18px;
}
.hero_Content h1 {
    font-size: 32px;
}

.hero_Content h3 {
    font-size: 20px;
    letter-spacing: 7px;
}

img.grty {
    width: 100px;
    display: none;
}

.pricing_top {
    flex-direction: column;
}

.pricing_top img {
    max-width: 215px;
    margin-bottom: 20px;
}
.title__bg h1 {
    font-size: 18px;
}
.product_blk i {
    width: 129px;
    height: 129px;
    margin-bottom: -75px;
}
.pricing_blk p {
    font-size: 15px;
    max-width: 200px;
}

.pricing_blk h2 {
    font-size: 26px;
}

.pricing_blk {
    height: 200px;
    width: 100%;
}

.pricing_blk.active h1 {
    font-size: 32px;
}

.pricing_blk.active span {
    font-size: 14px;
}
.granty_list__bdr {
    display: none;
}

.granty_list_blk h4 {
    font-size: 16px;
    margin-bottom: 8px;
}
.program-Area .col-lg-3.col-md-6{
    margin-bottom: 30px;
}
.apps_prog {
    max-width: 560px;
    margin: auto;
    height: auto;
    margin-bottom: 30px;
    padding-top: 70px;
}
.regalo i img {
    width: 278px;
    position: absolute;
}

.regalo_top p {
    font-size: 18px;
}

.regalo_top h5 {
    font-size: 26px;
}

.regalo_top span {
    font-size: 20px;
}

.regalo_text_bg p {
    font-size: 14px;
}

.regalo_text_bg span {
    font-size: 18px;
}

.regalo_text_bg {
    max-width: 500px;
}

.regalo_wrp {
    max-width: 420px;
    margin-top: 35px;
    margin-bottom: 50px;
}

.regalo {
    overflow: hidden;
    position: relative;
}

.pricing_top_text h2 {
    font-size: 30px;
}
.regalo i img {
    width: 278px;
    position: absolute;
    display: none;
}

.regalo_top p {
    font-size: 16px;
}

.regalo_top h5 {
    font-size: 22px;
}

.regalo_top span {
    font-size: 18px;
}

.regalo_text_bg p {
    font-size: 12px;
}

.regalo_text_bg span {
    font-size: 16px;
}

.regalo_text_bg {
    max-width: 500px;
    width: 99%;
    margin-left: auto;
}

.regalo_wrp {
    max-width: 420px;
    margin-top: 35px;
    margin-bottom: 50px;
}

.regalo {
    overflow: hidden;
    position: relative;
}

.pricing_top_text h2 {
    font-size: 18px;
}

.pricing_wrp {
    flex-direction: column;
}

.pricing_blk.active {
    scale: 1;
    margin: 30px 0px;
}

.pricing_btm {
    margin: auto;
    margin-bottom: 50px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.footer_content {
    flex-direction: column;
}

.footer_content a.logo {
    margin-bottom: 20px;
}

.program_blk_lg_content {
    flex-direction: column;
    align-items: unset;
    margin: 0;
}

.program_blk_lg_content i {margin: unset;width: 100px;height: 100px;margin-bottom: 20px;}

.program_blk_lg_content i img {
    width: 60px;
}

.pbl_content h3 {
    font-size: 24px;
}
.hero_Content i img {
    width: 190px;
}

.header-area {
    padding: 20px 0;
}

.hero_Content p {
    font-size: 16px;
    margin-top: 100px;
    padding-bottom: 40px;
    max-width: 300px;
}

.granty_content h1 {
    font-size: 22px;
}

.granty_list__wrp li i {
    width: 70px;
    height: 70px;
}

.granty_list__wrp li i img {
    width: 32px;
}

.title__bg:before {
    width: 95%;
}

.program_blk_md > i img {
    height: 178px;
}

.apps_prog_content {
    flex-direction: column;
    padding: 20px;
    padding-top: 0;
}

.apps_prog_img img {
    width: 90%;
}

.thm_btn {
    font-size: 16px;
    width: 265px;
    height: 60px;
}

.title__bg {
    padding: 15px;
}

.product_blk_text {
    padding-top: 100px;
}
.logo-area img {
    width: 140px;
    object-fit: scale-down;
}
.granty_list__wrp li {
    align-items: inherit;
    margin-bottom: 18px;
}

.apps_prog_content i img {
    width: 100px;
    margin-bottom: 20px;
}

.Herramienta {
    top: 20px;
}

.product-Area {
    margin: 60px 0;
}
section.hero-Area {
    clip-path: ellipse(113% 63% at 50% 37%);
    height: auto;
}

.hero-Area:after {
    width: 410px;
    height: 370px;
    top: 63%;
}

.hero_Content i {
    margin-bottom: 20px;
}

.granty-Area {
    padding-top: 93px;
}

.pbm_content {
    padding: 20px 35px 30px;
}
 
}
 
/* Large Mobile screen :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {width:450px}
 
}