@media(max-width:1920px){
    .webtool .parent-grid {grid-template-rows: 0.4fr 0.28fr 0.2fr 0.3fr 0.3fr 0.2fr 0.3fr;}
}
@media (max-width: 1680px) {}
@media (max-width: 1520px) {}
@media (max-width: 1440px) {
    .webtool .parent-grid {
        grid-template-rows: 0.4fr 0.19fr 0.2fr 0.3fr 0.3fr 0.2fr 0.3fr;
    }
    .light-box {width: 50%;}
}
@media(max-width:1366px){
    .webtool .parent-grid {
        grid-template-rows: 0.4fr 0.29fr 0.2fr 0.3fr 0.3fr 0.4fr 0.3fr;
    }
}
@media(max-width:1280px){
    h1{font-size: 60px;}
    h2{font-size: 40px;}
    .hero .home-cards .red-box , .hero .health-card .green-box{width: 47%;}
    .hero .session-card::after{left: 130px;}
    .hero .health-card::before{left: -233px;bottom: -241px}
    .hero .health-card::after{bottom: -279px;}
    .hero .card-hero::before{right: -292px;top: 98px;}
    .hero .home-cards p{font-size: 14px;}
    .integrated .integrated-img {height: 539px;}
    .webtool .parent-grid {grid-template-rows: 0.4fr 0.1fr 0.2fr 0.3fr 0.4fr 0.2fr 0.3fr 0.2fr;}
    .webtool .parent-grid .grid-item .webtool-card {aspect-ratio: 3 / 4;}
    .webtool .parent-grid .grid-item:nth-child(2) {grid-row: 2 / 6;}
    .webtool .parent-grid .grid-item:nth-child(3) {grid-row: 3 / 7;}
    .webtool .parent-grid .grid-item:nth-child(4) {grid-row: 2 / 6;}
    .webtool .parent-grid .grid-item:nth-child(5) {grid-row: 7 / 10;}
    .footer input {padding: 16px 16px;}
    .footer input[type="submit"] {padding: 16px 15px;margin-left: -4px;}
    .groups .groups-cards .card .svg-img {max-width: 24%;}
    h3 {font-size: 36px;}
    .card_pricing .card-body{padding: 5px;}
    .card_pricing .card-body p.fs-36{font-size: 28px;}
    .header .navbar-nav {gap: 9px;}
    .padding-cards {padding-inline: 5px;text-align: center;}
    .light-box {width: 60%;}

}
@media(max-width:1024px){
    .card_team .teamsvg-img {width: 190px;}
    .icons_teamLinks i {font-size: 20px;padding: 7px;}
}
@media(max-width:991px){
    h2.timeline-title{font-size: 28px;}
    p.timeline-detail{font-size: 16px;}
    h3{font-size: 30px;}
    .padding-cards {padding-inline: 22px;}
    .hero .session-card {position: unset;}
    .hero .health-card::after {right: 154px;top: -31px;}
    /*.webtool .parent-grid .grid-item:nth-child(2) {grid-row: 1 / 3;}*/
    /*.webtool .parent-grid .grid-item:nth-child(5) {grid-row: 2 / 6;}*/
    .webtool .parent-grid > div:nth-child(3) {grid-column: 1 / span 3;}
    /*.webtool .parent-grid .grid-item:nth-child(3) {grid-row: 6 / 7;}*/
    .webtool .parent-grid {grid-template-rows: 0.4fr 0.2fr 0.4fr 0.3fr 0.4fr 0.29fr;}
    .webtool .parent-grid > div:nth-child(1) {grid-row: 1 / span 3;}
    .webtool .parent-grid .grid-item:nth-child(2) {grid-row: 1 / span 3;}
    .webtool .parent-grid .grid-item:nth-child(5) {grid-row: 4 / span 3;}
    .webtool .parent-grid .grid-item:nth-child(3) {grid-row: 7 / span 1;}
    .webtool .parent-grid .grid-item:nth-child(4) {grid-row: 4 / span 3;}
    .webtool .parent-grid .grid-item:nth-of-type(5) .webtool-card , .webtool .parent-grid .grid-item:nth-of-type(1) .webtool-card {aspect-ratio: 3 / 4;}
    .header .nav-item .dropdown-menu.main-submenu {width: 22%;}
    .header .dropend .dropdown-menu{position:absolute;left: 100%;}
    .light-box {width: 41%;}
    }
@media(max-width:800px){
    .p_top {padding-top: 3em;}

}
@media(max-width:767px){
    h2.timeline-title {
    font-size: 24px;}
    .timeline-entry:nth-child(odd) .timeline-content{
        padding-left: 77px;
    }
    .timeline-entry:nth-child(even) .timeline-content{
        padding-left: 20px;
    }

    .timeline-entry:nth-child(even) .timeline-content{
        padding-right: 50px;
    }
    /*.team{padding-inline: 20px;}*/
    hero .home-cards .red-box, .hero .health-card .green-box {width: 54%;}
    .hero .health-card::before {left: -442px;}
    .hero .health-card::after {right: 108px;}
    .hero .card-hero::before {right: -268px;top: 35px;}
    .hero .session-card::after {left: 156px;top: -175px;}
    .features .features-cards {padding: 3em;}
    h1 {font-size: 50px;}
    .webtool .parent-grid .grid-item:nth-of-type(5) .webtool-card , .webtool .parent-grid .grid-item:nth-of-type(1) .webtool-card , .webtool .parent-grid .grid-item .webtool-card{aspect-ratio: 1 / 1;}
    .webtool .parent-grid > div:nth-child(2) {grid-column: 1 / span 2;}
    /*.webtool .parent-grid > div:nth-child(1) {grid-column: 2 / span 2;grid-row: 3 / span 1;}*/
    /*.webtool .parent-grid .grid-item:nth-child(5) {grid-row: 4 / 6;}*/
    .webtool .parent-grid > div:nth-child(5) {grid-column: 1 / span 2;}
    /*.webtool .parent-grid .grid-item:nth-child(4) {grid-row: 6 / 8;}*/
    .webtool .parent-grid > div:nth-child(4) {grid-column: 2 / span 2;}
    /*.webtool .parent-grid .grid-item:nth-child(3) {grid-row: 8 / 9;}*/
    .webtool .parent-grid {grid-template-rows: 0.5fr 0.5fr 0.4fr 0.6fr 0.5fr 0.5fr 0.5fr 0.5fr;}
    .webtool .parent-grid > div:nth-child(1) {grid-column: 2 / span 2;grid-row: 3 / span 2;}
    .webtool .parent-grid .grid-item:nth-child(2) {grid-row: 1 / span 2;}
    .webtool .parent-grid .grid-item:nth-child(3) {grid-row: 9 / span 3;}
    .webtool .parent-grid .grid-item:nth-child(4) {grid-row: 7 / span 2;}
    .webtool .parent-grid .grid-item:nth-child(5) {grid-row: 5 / span 2;}
    .integrated .int-content {max-width: 100%;}
    .light-box {width: 54%;}
}
@media(max-width:600px){
    .blog-cards{padding-inline: 3em;}
    .blog_details , .faq-faq{padding-inline: 2em;}
    .faq-faq .accordion-button.fs-18 {
        font-size: 16px;
    }
    .faq-section {
        background-position: center;}
    .faq-faq .accordion-button::after {font-size: 14px;padding: 7px 8px 9px 8px;}
    .items-faq {
        margin-bottom: 29px;}
    .faq-faq .accordion-button:not(.collapsed)::after {padding: 8px 8px 7px 8px;}
    .about_us{padding-inline: 30px;}
    .timeline-entry {flex-direction: column; align-items: center;}
    .timeline-entry .number {left: 0%;top:134px;}
    .timeline::before {left: 0%;}
    .timeline-entry:nth-child(even) .timeline-content {
        padding-left: 38px;
    }
    .timeline-entry:nth-child(even){flex-direction: column-reverse; }
    .timeline-entry:nth-child(odd) .timeline-content {
        padding-left: 38px;
    }
    .contact-section , .pricing{padding-inline: 30px;}
    .pricing h2 {font-size: 38px;}
    .hero .card-hero::before {right: -242px;top: 59px;}
    .hero .health-card::before {left: -405px;bottom: 163px;}
    .features .features-cards {padding: 1em;}
    .consultation , .groups{padding-inline: 26px;}
    h1 {font-size: 35px;}
    .light-box {width: 61%;}
}
@media(max-width:480px){
    .faq-faq .accordion-button.fs-18 {font-size: 14px;padding: 16px;}
    .timeline-entry:nth-child(even) .timeline-content {
        padding-right: 30px;
    }
    .button-button {padding: 12px 49px;}
    .pricing h2 {font-size: 33px;}
    .hero .home-cards .red-box , .hero .health-card .green-box {width: 63%;}
    .hero .home-cards {padding: 9px;}
    .hero .card-hero::before {right: -205px;}
    .hero .health-card::before {left: -355px;}
    .hero .health-card::after {right: -25px; top:-47px;}
    .hero .session-card::after {left: 113px;}
    .light-box {width: 71%;}
    }
@media(max-width:414px){
    h2 {font-size: 30px;}
    .blog-cards , .blog_details {padding-inline: 1em;}
    .fs-16{font-size: 14px;}
    h3{font-size: 33px}
    .faq-faq {padding-inline: 1em;}
    .faq-faq .accordion-button::after {font-size: 12px;padding: 6px 8px 9px 8px;}
    .faq-faq .accordion-button.fs-18 {font-size: 13px;padding: 13px;}
    .timeline-entry .number {left: 5%;}
    .about_us{padding-inline: 9px;}
    .timeline::before {left: 5%;}
    .timeline-entry:nth-child(even) .timeline-content {padding-right: 4px;}
    p{font-size: 16px;}
    .contact-section h3{font-size: 22px;}
    .contact-section , .pricing{padding-inline: 15px;}
    .padding-cards {padding-inline: 13px;}
    .pricing h2 {font-size: 26px;}
    .footer input {padding: 16px 8px;}
    .light-box {width: 92%;}
    .webtool .parent-grid > div:nth-child(2) , .webtool .parent-grid > div:nth-child(1) , .webtool .parent-grid > div:nth-child(4) , .webtool .parent-grid > div:nth-child(5) {grid-column: 1 / span 3;}
}
@media(max-width:320px){
    .light-box {width: 100%;}
    .button {padding: 10px 21px;}
}