@media (max-width: 1330px) {
    #home-1 h1{
        font-size: 5rem;
    }
    #home-contact h1{
        font-size: 7rem;
    }
    #home-3-head h1,#home-5-head h1,#home-5-head-about h1{
        font-size: 3rem;
    }
    .service-row:hover > h1{
        font-size: 1.5rem;
    }
    .service-row h1{
        font-size: 2.2rem;
    }
    #num{
        top: 20px;
    }
}
@media (max-width: 1235px) {
    .i-boxes{
        grid-template-columns: repeat(3, 1fr);
    }
    .slide-content-box {
        width: 65%;
    }
}
@media (max-width: 1150px) {
    .p-grid-item label {
        font-weight: 500;
        font-size: .8rem;
    }
}
@media (max-width: 1100px) {
    .faq-wrapper {
        width: 85%;
    }
    .faq-title {
        font-size: 3rem;
    }
    #home-6 h1{
        font-size: 2.5rem;
    }
    .scroll-now{
        right: 0;
    }
    .service-row:hover > h1{
        font-size: 1.1rem;
    }
    .service-row h1{
        font-size: 1.8rem;
    }
    #num{
        top: 10px;
        font-size: 1rem;
    }
    .bullets p{
        font-size: .8rem;
    }
}
@media (max-width: 1074px) {
    #home-1 h1,#home-services h1,#home-7 h1{
        font-size: 4rem;
    }
    #home-contact h1{
        font-size: 5rem;
    }
    .p-grid-item p {
        font-size: 1.4rem;
    }
    #home-10 h1{
        font-size: 3rem;
    }
    #home-10 img{
        width: 1.5rem;
    }
    .video-focus-center {
        gap: 25px;
    }
}
@media (max-width: 1040px) {
    .link-flex-1{
        column-gap: 100px;
    }
    .contact-details{
        right: 2%;
    }
    #home-6 h1{
        font-size: 2.3rem;
    }
}
@media (max-width: 991px) {
    .video-focus-center {
        position: relative;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;

        gap: 25px;

        max-height: calc(100vh - 50px); /* critical */
        overflow-y: auto;
        overflow-x: hidden;

        padding: 70px 40px;
        margin: 0 auto 0 auto;
    }
    .video-focus-center::-webkit-scrollbar{
        display: none;
    }
    .slide-content-box {
        width: 75%;
    }
    .point{
        width: 100%;
        padding: 3% 3% 0 5%;
    }
    .three-box{
        right: 0;
        transform: translate(25%, -75%);   
    }
    .c-btn-placement{
        top: 40%;
        left: 50%;
        transform: translate(-50%, -40%);
    }
    .circular-btn {
        width: 100px;
        height: 100px;
        border-width: 5px;
    }
    .circle-text span {
        top: 0;
        transform-origin: 0 45px;
    }
    .tb p{
        font-size: 1.5rem;
    }
    .tb p span {
        font-size: .9rem;
    }
    #about-overlap{
        padding: 0 5%;
    }
    #home-7 h1{
        margin-bottom: 40px;
    }
    #p-grid-2{
        padding-top: 30px;
    }
    .p-grid-item a {
        width: 30px;
        height: 30px;
    }
    .p-grid-item a img {
        width: 15px;
    }
    .test-flex{
        display: grid;
        column-gap: unset;
        row-gap: 20px;
    }
    .slidee,.slidee-about {
        padding: 4%;
    }
    #home-2 p{
        font-size: 2rem;
        line-height: 40px;
    }
    #links{
        margin-top: 10%;
    }
    .foot{
        display: grid;
        justify-content: center;
    }
    .foot p:nth-child(1),.foot p:nth-child(2){
        text-align: center;
    }
}
@media (max-width: 893px) {
    .faq-wrapper {
        width: 90%;
    }
    .faq-title {
        font-size: 2.5rem;
    }
    .bullets{
        display: grid;
        column-gap: unset;
        row-gap: 5px;
    }
    .bullets p{
        border-right: unset;
        padding: 5px 0;
    }
    .service-row:hover > .bullets{
        column-gap: unset;
        padding-right: unset;
        row-gap: 0;
    }
    .service-row:hover > .bullets p{
        padding: 0 0;
    }
    .service-row-img-1,.service-row-img-2{
        height: 200px;
        width: 200px;
    }
    .service-row:hover > h1{
        font-size: .8rem;
    }
    .service-row h1{
        font-size: 1.1rem;
    }
    #num{
        top: 5px;
        font-size: .8rem;
    }
}
@media (max-width: 858px) {
    #home-1 h1,#home-services h1,#home-7 h1{
        font-size: 3rem;
    }
    #home-contact h1{
        font-size: 4rem;
    }
    .link-flex-1{
        column-gap: 50px;
    }
    .link-flex-2{
        column-gap: 25px;
    }
    #w-flex{
        display: grid;
        column-gap: unset;
        row-gap: 35px;
        padding: 10% 10% 10% 15%;
    }
}
@media (max-width: 768px) {
    #home-11-wrapper{
        display: none;
    }
    #home-13{
        display: block;
    }
    #home-10 h1{
        font-size: 2rem;
    }
    .i-box i {
        font-size: 4rem;
    }
    .i-box p{
        font-size: 1rem;
    }
    .i-boxes{
        grid-template-columns: repeat(2, 1fr);
    }
    .nav-btn {
        display: none;
    }
    #slide-title {
        font-size: 1.2rem;
    }
    #slide-desc {
        font-size: 1rem;
    }
    .slidee,.slidee-about {
        flex: 0 0 450px;
    }
    .overlay-content {
        inset: 60px 25px 25px;
        padding: 70px 25px 25px 25px;
    }
    .video-focus-close,.overlay-close {
        right: 10px;
        z-index: 5;
    }
    .overlay-content h2{
        font-size: 2rem;
    }
}
@media (max-width: 740px) {
    .home-text p,.home-text-services p,.home-text-contact-p,#home-7-p{
        font-size: 1rem;
        font-weight: 800;
    }
    #foot-grid p{
        font-size: 1rem;
    }
}
@media (max-width: 700px) {
    .scroll-now{
        display: none;
    }
    .s-links{
        top: 70%;
        left: 0;
    }
    .faq-wrapper {
        width: 95%;
    }
    .faq-title {
        font-size: 2rem;
    }
}
@media (max-width: 658px) {
    .service-row-img-1,.service-row-img-2{
        height: 175px;
        width: 175px;
    }
    .check-grid{
        grid-template-columns: repeat(2, 1fr);
    }
    #form{
        padding: 5%;
    }
    .flex{
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .flex a{
        width: fit-content;
        margin: auto;
        display: block;
        white-space: nowrap;
    }
    .home-text a:nth-child(1) img,.home-text a:nth-child(2) img,.home-text-services a:nth-child(1) img,.home-text-services a:nth-child(2) img{
        margin: -2.6% 2% 0 0;
    }
    .link-flex-1{
        display: grid;
        align-items: center;
        justify-content: center;
        column-gap: unset;
        row-gap: 25px;
    }
    #foot-grid{
        row-gap: 50px;
        margin: 0 0 20% 0;
    }
    .arrow-up, .contact-details{
        bottom: 7%;
    }
    .arrow-up{
        left: 2%;
    }
}
@media (max-width: 645px) {
    #home-1, #home-foot{
        padding: 20% 10% 20% 10%;
    }
    #home-services{
        padding: 20% 10% 25% 10%;
    }
    #home-contact{
        padding: 20% 10% 15% 10%;
    }
}
@media (max-width: 607px) {
    .service-row{
        padding: 10% 5%;
    }
    .video-focus-video video {
        width: 90%;
        height: auto;
    }
}
@media (max-width: 568px) {
    .overlay-content h2{
        font-size: 1.6rem;
    }
    #home-10 h1{
        font-size: 1.7rem;
    }
    #home-10 img{
        width: 1rem;
    }
    #home-1 h1, #home-foot h1, #home-3-head h1,#home-5-head h1,#home-5-head-about h1,#home-services h1,#home-7 h1{
        font-size: 2.5rem;
    }
    .service-row-img-1{
        border-radius: 15px;
    }
    .service-row-img-1 img{
        transform: scale(.7);
    }
    .service-row-img-1,.service-row-img-2{
        height: 100px;
        width: 100px;
    }
    #slide-title {
        font-size: 1rem;
    }
    #slide-desc {
        font-size: .8rem;
    }
    #slide-tag{
        width: 120px;
        padding: 1% 0;
        border-radius: 4px;
        font-size: .8rem;
    }
    #slide-badge{
        font-size: .8rem;
        padding-right: 10%;
    }
}
@media (max-width: 550px) {
    #home-6 h1,#about-detail h1{
        font-size: 2rem;
    }
    #about-detail p{
        font-size: 1rem;
    }
}
@media (max-width: 505px) {
    #home-10{
        display: grid;
        text-align: center;
        row-gap: 25px;
    }
    #details h5{
        font-size: 1.5rem;
    }
    .i-boxes{
        grid-template-columns: repeat(1, 1fr);
    }
    .i-box i {
        font-size: 3rem;
    }
    #home-2 p{
        font-size: 1.5rem;
        line-height: 30px;
    }
    .home-text p br{
        display: none;
    }
    #home-1{
        padding: 25% 10% 20% 10%;
    }
    #home-services{
        padding: 25% 10% 25% 10%;
    }
    #home-contact{
        padding: 25% 10% 15% 10%;
    }
    #home-1 h1, #home-foot h1, #home-3-head h1,#home-5-head h1,#home-5-head-about h1,#home-services h1,#home-7 h1{
        font-size: 2rem;
    }
    #home-contact h1{
        font-size: 3rem;
    }
    #home-3-head p,#home-5-head p,#home-5-head-about p{
        font-size: 1rem;
    }
    .s-links{
        left: 2%;
    }
    .s-links p{
        display: none;
    }
}
@media (max-width: 450px) {
    .p-grid-item label{
        font-size: .6rem;
        font-weight: 300;
    }
    .p-grid-item label, .p-img{
        right: 10px;
    }
    .p-grid-item p{
        left: 10px;
    }
    .headline-copy h1{
        font-size: 2.5rem;
    }
    .t-box-2-copy p{
        font-size: .8rem;
    }
    .w-flex-in h1{
        font-size: 2rem;
    }
    .title-left{
        display: none;
    }
    .faq-question {
        font-size: 1rem;
    }
    .faq-answer {
        font-size: .8rem;
    }
    .faq-wrapper {
        width: 100%;
    }
    .faq-title {
        font-size: 1.7rem;
    }
    #home-6 h1{
        font-size: 1.8rem;
    }
    .link-flex-3{
        column-gap: 20px;
    }
    #form p{
        font-size: 1rem;
    }
    #first-name::placeholder,#last-name::placeholder,#phone::placeholder,#email::placeholder,#message::placeholder {
        font-size: .8rem;
    }
    .slidee,.slidee-about {
        flex: 0 0 320px;
        padding: 6% 4%;
    }
    .flex-t h1,.p-grid-item p{
        font-size: 1.2rem;
    }
}
@media (max-width: 409px) {
    .three-box{
        top: 100%;
        transform: translate(25%, -100%);   
    }
    .home-text a:nth-child(1) span,.home-text a:nth-child(2) span,.home-text-services a:nth-child(1) span,.home-text-services a:nth-child(2) span{
        font-size: 1rem;
    }
    .home-text a:nth-child(1) img,.home-text a:nth-child(2) img,.home-text-services a:nth-child(1) img,.home-text-services a:nth-child(2) img{
        transform: scale(.9);
        margin: -2% 2% 0 0;
    }
    .flex-nav,.btn-nav{
        gap: 10px;
    }
    .btn-nav p{
        display: none;
    }
    #foot-grid{
        margin: 0 0 40% 0;
    }
    #home-6 h1{
        font-size: 1.5rem;
    }
    .service-row-img-1,.service-row-img-2{
        height: 75px;
        width: 75px;
    }
}
@media (max-width: 379px) {
    .check-grid{
        grid-template-columns: repeat(1, 1fr);
    }
    #details h5{
        font-size: 1.2rem;
    }
    #home-1{
        padding: 30% 10% 20% 10%;
    }
    #home-services{
        padding: 30% 10% 25% 10%;
    }
    #home-contact{
        padding: 30% 10% 15% 10%;
    }
    #home-1 h1, #home-foot h1, #home-3-head h1,#home-5-head h1,#home-5-head-about h1,#home-services h1,#home-7 h1{
        font-size: 1.7rem;
    }
    #home-contact h1{
        font-size: 2.5rem;
    }
    .p-grid-item{
        aspect-ratio: 16/12;
    }
    .p-grid-item p{
        font-size: 1rem;
    }
    .p-grid-item:hover > p {
        bottom: 40%;
        left: 50%;
        transform: translate(-50%,40%);
    }
    #slide-badge{
        padding-right: 15%;
    }
}
@media (max-width: 350px) {
    .arrow-up{
        width: 50px;
        height: 50px;
    }
    .arrow-up, .contact-details{
        bottom: 9%;
    }
    #home-6 h1{
        font-size: 1.3rem;
    }
    .headline-copy h1{
        font-size: 2rem;
    }
    #slide-badge,#slide-tag{
        top: 100%;
    }
}
@media (max-width: 328px) {
    .arrow-up, .call a:nth-child(2){
        display: none;
    }
    .contact-details{
        right: unset;
        text-align: center;
    }
}
@media (max-width: 322px) {
    #home-1{
        padding: 35% 10% 20% 10%;
    }
    #home-services{
        padding: 35% 10% 25% 10%;
    }
    #home-contact{
        padding: 35% 10% 15% 10%;
    }
    #home-1 h1, #home-foot h1, #home-3-head h1,#home-5-head h1,#home-5-head-about h1,#home-services h1,#home-7 h1{
        font-size: 1.65rem;
    }
    #home-contact h1{
        font-size: 2.2rem;
    }
    .para{
        padding: 10px;
        font-size: 13px;
    }
}