@media(max-width:1399px) {



    .hero-banner-form .mb {



        margin-top: 42px;



    }



}







@media(max-width:1299px) {



    .hero-banner-form .mb {



        border-radius: 20px;



        padding: 20px;



    }







    .fg2 input,



    .fg2 textarea,



    .fg2 select {



        padding: 9px 12px;



    }



}







@media(max-width:1199px) {



    #hero {



        height: 100vh;



    }







    .hero-banner-form {



        right: 20px;



    }







    .din .di {



        padding: 15px;



    }







    .di .dn {



        font-size: 34px;



    }







    .di .icon-box {



        width: 50px;



        height: 50px;



        margin: 0 auto 10px;



    }



    .thank-you-sec .thank-you-con .thank-you-title {

        font-size: 6.25rem;

    }



    .error-sec .error-title {

        font-size: 160px;

    }



    .error-subtitle {

        font-size: 40px;

    }



    .thank-you-sec,

    .error-sec {

        height: calc(100vh - var(--header-height) - var(--footer-height));

        min-height: 600px;

    }





    .common-sec {

        padding: 80px 0;

    }

}







@media(max-width:991px) {



    #hero {



        height: auto;



    }







    .hero-banner-form {



        position: relative;



    }







    .hero-slider {



        height: 550px;



    }







    .hero-banner-form .mb {



        max-width: 100%;



        transform: inherit;



        width: 100%;



        border-radius: inherit;



        margin-top: 0;



        padding: 30px 20px;

        background-image: none;
        background-color: #fff;

    }


    .hero-banner-form .mb .mh h3 {
        color: var(--gd);
    }

    .hero-banner-form .mb .mh p {
        color: var(--tb) !important;
    }

    .hero-banner-form .fg2 input,
    .hero-banner-form .fg2 textarea,
    .hero-banner-form .fg2 select {
        background-color: #f6f6f6;
        border: 1px solid #e5e5e5;
    }


    .hero-banner-form .fg2 input:focus,
    .hero-banner-form .fg2 textarea:focus,
    .hero-banner-form .fg2 select:focus {

        border-color: var(--sand);



        background-color: var(--cream);
    }


    .hero-banner-content {



        max-width: 100%;



    }







    .hdesc {



        max-width: 100%;



    }







    .htitle br {



        display: none;



    }







    .hero-banner-form .hero-form-row {



        display: flex;



        align-items: center;



        flex-wrap: wrap;



        column-gap: 14px;



    }







    .hero-banner-form .hero-form-row .fg2 {



        width: calc(50% - 7px);



    }







    .hero-banner-form .hero-form-row .w-100 {



        width: 100%;



    }







    .sg,



    .ag,



    .wg {



        grid-template-columns: 1fr
    }







    .pp.active,



    .bgrid {



        grid-template-columns: 1fr 1fr
    }







    .pp.active {



        gap: 20px;



    }







    .pc {



        width: calc(50% - 20px);



    }







    .vg {



        grid-template-columns: 1fr 1fr
    }







    .fg {



        display: block;



        margin: 0 -10px;



    }







    .features-slide {



        padding: 0 10px;



    }







    .ftp {



        grid-template-columns: 1fr 1fr
    }







    .hstats {



        display: none
    }







    .wimg {



        height: 420px
    }







    .menu-icon {



        display: inline-block;



        vertical-align: middle;



    }







    .navigation-bar {



        position: fixed;



        width: 50%;



        min-height: 100vh;



        top: 0;



        bottom: 0;



        left: -50%;



        transition: all .6s ease-in-out;



        margin: 0;



        z-index: 9999;



        height: 100vh;



        background: rgba(250, 247, 240, .97);



    }







    .navigation-bar.slide-menu {



        left: 0;



    }







    .navbar-main {



        width: 100%;



        margin: 0;



        padding: 0;



        display: block;



    }







    .mb-menu-logo {



        display: block;



        width: 100%;



        padding: 15px 55px 15px 15px;



        display: block;



        width: 100%;



        border-bottom: .0625rem solid rgb(179 179 179 / 20%);



    }







    .mb-menu-logo .menu-logo {



        max-width: 124px;



        display: block;



    }







    .mb-menu-logo .menu-logo img {



        width: 100%;



    }







    .mb-menu-logo .close-menu {



        position: absolute;



        right: 1.25rem;



        top: 25px;



        width: 1.5625rem;



        height: 1.5625rem;



        padding: .25rem;



    }







    .mb-menu-logo .close-menu:before {



        content: '';



        width: 100%;



        position: absolute;



        top: 0;



        left: 0;



        right: 0;



        height: .125rem;



        background: var(--gd);



        -webkit-transform: rotate(45deg);



        transform: rotate(45deg);



        margin: auto;



        bottom: 0;



    }







    .mb-menu-logo .close-menu:after {



        content: '';



        width: 100%;



        position: absolute;



        top: 0;



        left: 0;



        right: 0;



        height: .125rem;



        background: var(--gd);



        -webkit-transform: rotate(-45deg);



        transform: rotate(-45deg);



        margin: auto;



        bottom: 0;



    }







    .nav-menu-main {



        overflow-y: auto;



        height: calc(100vh - 5.375rem);



        min-height: calc(100vh - 5.375rem);



    }







    .nav-menu-main .nlinks {



        padding-top: 1.5625rem;



        padding-bottom: .9375rem;



        padding-right: 0;



        margin-right: 0 !important;



        display: block;



    }







    .nav-menu-main .nlinks a {



        padding: 15px 25px;



        display: block;



        font-size: 16px;



        color: var(--tb);



        border-bottom: .0625rem solid rgb(179 179 179 / 20%);



    }







    #strip,



    #about,



    #products,



    #videos,



    #why,



    #features,



    #support,



    .ctas,



    #testi,



    #blog {



        padding: 60px 0;



    }







    #strip .st .stbtn {



        display: none;



    }







    .sg,



    .wg {



        gap: 40px;



    }







    #strip .button {



        display: block;



        text-align: center;



    }







    #strip .button .stbtn {



        margin-top: 0;



    }







    .about-main-img {



        background: transparent;



        aspect-ratio: inherit;



    }







    .aib {



        bottom: -40px;



        right: 30px;



    }







    .aiw .dr {



        display: none;



    }







    .about-btn {



        justify-content: center;



        margin-top: 40px !important;



    }







    .wim img {



        width: 100%;



        height: 100%;



    }







    .di .dn {



        font-size: 28px;



    }







    .ds {



        padding: 42px 0;



    }







    .di .dl {



        font-size: 13px;



    }







    .din {



        gap: 20px;



        flex-wrap: wrap;



        justify-content: center;



    }







    .din .di {



        width: calc(33.33% - 20px);



    }







    .bhead .btn {



        display: none;



    }







    .responsive-btn {



        display: block;



        text-align: center;



        margin-top: 30px;



    }







    .cta-forest {



        padding: 46px 24px;



    }







    .bktop {



        bottom: 40px;



        right: 15px;



    }







    .whatapp-btn {



        right: 12px;



        bottom: 100px;



        width: 50px;



        height: 50px;



    }







    .pinfo {



        padding: 12px;



    }







    .pinfo p {



        margin-bottom: 20px;



    }







    .pinfo h3 {



        font-size: 18px;



    }







    .tca {



        padding: 18px;



    }







    .tt {



        margin-bottom: 25px;



    }



    .thank-you-sec .thank-you-img {

        max-width: 120px;

    }



    .thank-you-sec .thank-you-con .thank-you-title {

        font-size: 5.25rem;

    }



    .error-sec .error-title {

        font-size: 130px;

    }



    .error-subtitle {

        font-size: 34px;

    }



    .common-sec {

        padding: 50px 0;

    }

    .blog-listing-filter-search .form-control {
        font-size:16px;
        padding: 12px 22px
    }

    .search-submit-btn {
        min-width: 40px;
        width: 40px
    }

    .search-submit-btn svg {
        display: block;
        height: 20px;
        width: 20px
    }

}







@media(max-width:767px) {



    .ham {



        display: flex
    }







    .vg {



        grid-template-columns: 1fr
    }







    .afs {



        grid-template-columns: 1fr 1fr;

    }



    .tca {



        flex: 0 0 calc(100% - 2px)
    }







    .fg {



        gap: 16px;



    }







    .supl {



        font-size: 14px;



        padding: 10px 15px;



    }







    .htitle br {



        display: none;



    }







    .hdesc {



        max-width: 100%;



        margin: 15px 0 15px;



    }







    .hero-slider {



        height: 420px;



    }







    .sdots {



        bottom: 36px;



    }







    .ftp {



        padding-bottom: 40px;



    }







    .bktop {



        bottom: 46px;



    }







    #strip,



    #about,



    #products,



    #videos,



    #why,



    #features,



    #support,



    .ctas,



    #testi,



    #blog {



        padding: 50px 0;



    }







    footer {



        padding: 50px 0 0;



    }







    .mb {



        border-radius: 20px;



        padding: 20px;



    }







    .fc2 ul li a,



    .fc2 ul li p {



        font-size: 13px;



    }







    .info-text img {



        width: 14px;



        height: 14px;



        margin-top: 3px;



    }







    .fc2 h4 {



        margin-bottom: 14px;



    }







    .quote-icon .icon {



        width: 30px;



        height: 30px;



    }



    .marquee-main::before,

    .marquee-main::after {

        width: 80px;

    }



    .thank-you-sec,

    .error-sec {

        min-height: 400px;

    }



    .thank-you-sec .thank-you-img {

        max-width: 90px;

    }



    .thank-you-sec .thank-you-con .thank-you-title {

        font-size: 4.25rem;

    }



    .thank-you-sec .thank-you-con p {

        font-size: 16px;

    }



    .error-sec .error-title {

        font-size: 100px;

    }



    .error-subtitle {

        font-size: 28px;

        padding-bottom: 15px;

    }



    .error-sec p {

        font-size: 14px;

    }

    .fg2 input,
    .fg2 textarea,
    .fg2 select {
        min-height: 40px;
        font-size: 12px;
    }

    .hero-banner-form .mb .mh h3 {
        font-size: 24px;
    }

    .mb .btn{
        font-size: 14px;
    }

    .breadcrumbs{display: none;}
    .inner-banner-title{font-size: 24px;}
    .inner-banner-content .cms-con{display: none;}
    .inner-banner-sec{padding: 30px 0;}
    .inner-banner-image{position: absolute;height: 100%; position: absolute; z-index: -1; inset: 0;}
    .inner-banner-content{position: unset;transform: unset;padding: 0;}

    .blog-listing-filter-search .form-control {
        font-size:16px;
        padding: 12px 22px;
    }

    .blog-listing-filter-search {
        max-width: 100%;
        margin-bottom: 30px
    }

    .blog-category .selectFilter {
        display: block;
        background: linear-gradient(360deg,#fff 0,var(--gp) 100%);
        color: #1f1741;
        position: relative;
        border-radius: 50px;
        font-size: 16px;
        padding: 14px 18px;
        line-height: 1;
        font-weight: 700;
        border: 1px solid rgba(31,23,65,.1);
        width: 100%;
        z-index: 3;
        text-align: left
    }

    .blog-category .selectFilter::after {
        content: "";
        position: absolute;
        right: 20px;
        top: -3px;
        bottom: 0;
        width: 10px;
        height: 10px;
        border-bottom: 3px solid #1f1741;
        border-right: 3px solid #1f1741;
        transform: rotate(45deg);
        margin: auto;
        transition: border 0.4s ease-in-out,transform 0.4s ease-in-out
    }

    .blog-category .filterDropdown {
        margin: 0 auto;
        width: 100%;
        top: 51px;
        position: absolute;
        background: linear-gradient(360deg,#fff 0,var(--gp) 100%);
        border-radius: 0;
        z-index: 2;
        display: none;
        border: 1px solid rgba(31,23,65,.1);
        border-radius: 20px;
        overflow: hidden;
        margin-top: -50px;
        max-height: 580px;
        padding-top: 44px
    }

    .blog-category ul {
        text-align: left;
        display: block;
    }

    .blog-category ul li.categories {
        padding: 0
    }

    .blog-category ul li {
        display: block;
        border-radius: 0;
        border: 0;
        border-bottom: 1px solid #e5e5e5;
        padding: 0
    }

    .blog-category ul li:last-child {
        border-bottom: none
    }

    .blog-category ul li a {
        padding: 10px 15px;
        display: block;
        border-radius: 0;
        border: none;
    }
    .blog-category{margin-bottom: 30px;}


}







@media (max-width: 568px) {







    .pp.active,



    .bgrid,



    .fg {



        grid-template-columns: 1fr;



    }







    .fb2 {



        padding: 15px;



    }







    .pp.active {



        gap: 15px;



    }







    .pc {



        width: 100%;



    }







    #about {



        overflow: hidden;



    }







    .ftp {



        display: flex;



        flex-wrap: wrap;



        row-gap: 30px;



        column-gap: 20px;



    }







    .fc2 {



        width: calc(50% - 20px);



    }







    .fc2.contact {



        width: 100%;



    }







    .fc2.contact ul li {



        margin-bottom: 12px;



    }







    .fbr {



        width: 100%;



        display: none;



    }







    .header {



        padding: 0 15px;



    }







    .nlogo img {



        max-height: 40px;



    }







    .menu-icon {



        margin-left: 8px;



    }







    .navigation-bar {



        width: 90%;



        left: -90%;



    }







    .nav-menu-main .nlinks a {



        padding: 12px 20px;



        font-size: 14px;



        font-weight: 500;



    }







    .supl .icon {



        width: 16px;



        height: 16px;



    }







    .gbtn,



    .btn {



        padding: 10px 18px;



    }







    .con {



        padding: 0 15px;



    }







    .tc {



        padding: 12px;



    }







    .tci {



        width: 35px;



        height: 35px;



    }







    .cb {



        padding: 40px 0;



    }







    .about-main-img img {



        width: 100%;



    }







    .aib {



        bottom: -30px;



        right: 0px;



        padding: 15px 12px;



    }







    .aib .big {



        font-size: 30px;



    }







    p,



    .st p,



    .cb p {



        font-size: 14px;



    }







    #about p,



    #products p,



    #why p,



    #features p,



    .ctas p,



    #testi p,



    #blog p,



    .fim p,



    .cta-forest p {



        font-size: 14px !important;



    }







    .ptabs {



        margin-bottom: 10px;



        padding-bottom: 20px;



        overflow-x: scroll;



        justify-content: start;



    }







    .ptab {



        padding: 5px 12px;



        white-space: nowrap;



        height: 32px;



        font-size: 12px;



    }







    .about-btn {



        margin-top: 30px !important;



        gap: 8px;



    }







    .img-vis::before,



    .img-vis::after {



        display: none;



    }







    .img-vis img,



    .fim img,



    .blog-silde img {



        width: 100%;



        height: 100%;



        object-fit: cover;



    }







    .wimg {



        height: 270px;



    }







    .din {



        gap: 10px;



    }







    .di .dn {



        font-size: 24px;



    }







    .di .icon-box .icon {



        width: 22px;



        height: 22px;



    }







    .di .icon-box {



        width: 45px;



        height: 45px;



    }







    .din .di {



        width: calc(50% - 10px);



    }







    .fh2,



    .th,



    .bhead {



        margin-bottom: 25px;



    }







    .supl {



        font-size: 12px;



        padding: 10px 12px;



    }







    .supl svg {



        width: 16px;



        height: 16px;



    }





    #support .con {

        margin-bottom: 20px;

    }



    .sups {



        margin-top: 12px;



    }







    .tca {



        padding: 15px;



    }







    .fbr .sl {



        display: none;



    }







    .fbr p {



        margin-bottom: 0;



    }







    .responsive-sl {



        display: flex;



        margin-top: 20px;



    }







    .cta-forest p {



        margin-bottom: 20px !important;



    }







    .fbot {



        justify-content: center;



    }







    .bktop {



        bottom: 26px;



        right: 10px;



    }







    .whatapp-btn {



        right: 9px;



        bottom: 80px;



        width: 42px;



        height: 42px;



    }







    .whatapp-btn .icon {



        width: 22px;



        height: 22px;



    }







    .fc2 ul li {



        margin-bottom: 8px;



    }











    footer {



        padding: 30px 0 0;



    }







    .ftp {



        padding-bottom: 20px;



    }







    .hero-slider {



        height: 62vh;



    }



    .tc h4 {

        font-size: 15px;

    }



    .tc p {

        font-size: 13px;

    }







    #hero .container {



        padding-left: 15px;



        padding-right: 15px;



    }







    .hero-banner-form .hero-form-row .fg2 {



        width: 100%;



    }







    .hero-banner-form .mb {



        padding: 25px 15px;



    }



    .af {

        display: block;

    }



    .afi {

        margin-bottom: 10px;

    }





    #about p {

        font-size: 12px !important;

    }



    .ctabtns .btn,

    .ctabtns .gbtn {

        height: 42px;

    }



    .ctabtns svg {

        width: 20px;

        height: 20px;

    }



    .thank-you-sec,

    .error-sec {

        min-height: 500px;

    }



    .thank-you-sec .thank-you-img {

        max-width: 80px;

        margin-bottom: 15px;

    }



    .thank-you-sec .thank-you-con .thank-you-title {

        font-size: 50px;

    }



    .thank-you-sec .thank-you-con p {

        font-size: 15px;

    }



    .error-sec .error-title {

        font-size: 80px;

    }



    .error-subtitle {

        font-size: 24px;

    }



    .common-sec {

        padding: 40px 0;

    }

    .page-numbers {
        font-size: 12px;
        padding: 5px 8px
    }
    .sec-title{font-size: 30px;}

}