@media only screen and (max-width:767px) {
    .spac-200
    {
        padding: 10px 25px 0px 30px;
    }
    .spac-reverse
    {
        padding:0px 25px 0px 30px;
    }
    #pro1 {
        padding-bottom: 10px!important;
    }
    .mission img {
        max-width: 100%!important;
        width: 450px;
        padding: 11px 14px 11px 7px;
    }
    .anim15
    {
        display: none;
    }
    .polygon-img::after {
        content: '';
        width: 0px;
        height: 20px;
        border-left: 34px solid transparent;
        border-right: 34px solid transparent;
        border-top: 34px solid #fff;
        position: absolute;
        bottom: -1px;
        left: 40%;
        transform: rotate(180deg);
    }
    #footer22 {
        background-image: url(../images/footer-bg5.png);
        background-size: cover;
        position: absolute;
        background-repeat: no-repeat;
        background-position: center center;
        bottom: 0;
        width: 100%;
        z-index: 999999999999999999999;
        height: 227px;
    }

    .polygon-img2::after {
        content: '';
        width: 0px;
        height: 20px;
        border-left: 34px solid transparent;
        border-right: 34px solid transparent;
        border-top: 34px solid #fff;
        position: absolute;
        bottom: -1px;
        left: 40%;
        transform: rotate(180deg);
      }

    .polygon-img
    {
        display: flex;
        justify-content: center;
        vertical-align: middle;
        align-items: center;
    }
    .navbar-purple {
        background-color: var(--Primary1);
        padding: 6px 7px!important;
    }
    .section222
    {
        height: 100%!important;
    }
    .t-layout-heading2 {
        padding: 22px 15px 1px 15px!important;
    }
    .coming_soon_block {
        padding: 50px 0px!important;
    }
    .t-layout-desc2
    {
        padding:5px 15px 12px 15px!important; 
    }

    .layout-text {
        bottom: 34px!important;
    }

    .copyright-social {
        position: relative!important;
        top: 115px!important;
        padding: 0px 60px!important;
    }

    .navbar-green .navbar-nav .nav-item .nav-link:focus
    {
        color: var(--Neutrals100)!important;
    }

    #footer
    {
        background-color: #EFF0F6;
    }
    .email-bar
    {
        text-align: left!important;
        align-items: center;
        vertical-align: middle;
        display: flex;
    }

    .list-content {
        padding-left: 16px!important;
        margin-bottom: 20px;
    }

    .product-section3 {
        padding: 16px 15px 0px 33px!important;
    }

    .gap-11 {
        padding: 4px 42px 27px 42px!important;
    }

    .menubar ul li a svg {
        width: 30px!important;
        height: 30px!important;
    }

    .support-element {
        padding-top: 5px;
        position: relative;
        top: 5px;
        z-index: 999999999999;
    }

    ::marker
    {
        display: none;
    }

    #desktop-only
    {
       display: none;
    }

    .navbar-purple-text {
        margin-bottom: 0!important;
        /* text-indent: -26px; */
    }
    .copyright {
        position: relative;
        top: 36px;
        padding: 37px 0px 10px 0px;
        margin-top: 5rem !important;
        text-align: right;
    }

    .navbar-top {
        padding: 0px 10px !important;
    }

    #about {
        padding-top: 21px !important;
    }

    .anim1 {
        position: absolute;
        bottom: -76px !important;
        right: 5% !important;
    }

    .navbar-brand .svg-avatar {
        width: 100% !important;
        height: 82px;
        top: 5px;
        position: relative;
    }

    .anim2 {
        top: -2% !important;
        left: 7% !important;
    }

    .btn-primary {
        font-size: var(--xxxSmall) !important;
    }

    .btn-style2 {
        padding: 8px 10px !important;
    }

    .btn-style2 img {
        width: 16px!important;
    }

    .branding-block {
        position: relative !important; ;
        top: -29px !important;
        margin-bottom: 45px;
    }

    .link-header4 {
        padding-top: 1px !important;
    }

    .btn-style1 {
        padding: 7px 22px !important;
        border-radius: 33px;
        text-align: center;
    }

    .mobile-none {
        display: none !important;
    }

    .order-mobile-first {
        order: 1;
    }

    .order-mobile-last {
        order: 2;
    }

    .gap-30 {
        padding: 20px 25px 0px 25px !important;
    }

    .gap-40 {
        padding: 20px 25px 20px 25px !important;
        position: relative;
    }

    .gap-60 {
        padding: 0px 25px 25px 25px !important;
        position: relative;
    }

    .gap-50 {
        padding: 12px 25px 25px 25px !important;
        ;
    }

    .solution-block {
        margin-top: 0px !important;
    }

    .content2 {
        padding-bottom: 0px !important;
    }

    .copyright {
        margin-top: 1rem !important;
        text-align: center !important;
        top: 0px !important;
    }

    .footer-gap {
        padding: 1px 15px 174px 15px !important;
        margin-top: 30px !important;
    }

    .footer {
        padding:4px 30px 11px 30px !important;
    }

    .footer-list {
        padding: 14px 5px 5px 5px !important;
    }

    .service-block {
        margin-bottom: 20px;
    }

    #services {
        margin-bottom: 40px!important;
    }

    .gap-20 {
        padding: 10px 10px 36px 10px !important;
    }

    .about-section {
        padding: 8px 30px 42px 30px !important;
    }

    .about-section h1 {
        font-size: var(--heading3) !important;
    }

    .content {
        padding: 41px 0px !important;
    }

    .service-section {
        padding: 8px 30px 42px 30px !important;
    }

    .service-section h1 {
        text-align: left !important;
    }

    .service-section h4 {
        text-align: left !important;
    }

    .service-section p {
        text-align: left !important;
        margin-bottom: 5px !important;
    }

    .service-block {
        padding: 25px 30px 25px 30px !important;
    }

    .gap-10 {
        padding: 0px 25px;
    }

    .service-block-text p {
        margin-top: 3px !important;
    }

    .service-block .redirect-link {
        width: 40px !important;
        height: 40px !important;
    }

    .navbar-green {
        min-height:5px;
        background: var(--Neutrals100)!important;
        /* padding: 20px 20px 20px 20px; */
    }

    .navbar-toggler img {
        width: 24px;
        /* padding-top: 4px */
    }

    .navbar-collapse {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .navbar-toggler {
        border: 0;
        position: absolute;
        right: 3%;
        top: -56px;
        background-color: var(--background1);
        border-radius: 50%;
        width: 42px;
        height: 42px;
        display: flex;
        vertical-align: middle;
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    .anim4 {
        position: absolute;
        top: 0% !important;
        left: 89% !important;
    }

    .anim9 {
        display: none;
    }

    .navbar-green .navbar-nav .nav-item {
        padding: 7px 33px !important;
        border-right: 1px solid var(--Neutrals100) !important;
        border-left: 1px solid var(--Neutrals100) !important;
    }

    .navbar-green .navbar-nav .nav-item .nav-link
    {
        color: var(--Primary1)!important;
        font-weight: var(--bold) !important;
    }

    .navbar-green .navbar-nav .nav-item .nav-link.active{
        color: var(--Neutrals100)!important;
    }
    .navbar-green .navbar-nav .nav-item {
        /* border-bottom: 1px solid #7fdba1; */
        text-align: center;
    }

    /* .navbar-green .navbar-nav .nav-item:last-child
    {
        border-bottom: 1px solid var(--Secondary1);
    } */

    .navbar-toggler[aria-expanded="true"] #menu-after {
        display: none;
    }

    .navbar-toggler[aria-expanded="false"] #menu-before {
        display: none;
    }

    .about-section h4 {
        line-height: 1.4;
    }

    .anim6 {
        position: absolute;
        bottom: -25px !important;
        right: 10% !important;
        z-index: 0;
        left: inherit !important;
    }

    .anim7 {
        bottom: -10px !important;
    }

    .anim8 {
        bottom: 0 !important;
        right: 8px !important;
        text-align: right;
        top: 20%!important;
    }

    .section2 h1 {
        font-size: var(--heading3) !important;
        margin-bottom: 10px !important;
    }

    .section2 h4 {
        font-size: var(--small) !important;
    }

    .about-company {
        padding: 10px 10px 10px 10px !important;
    }

    .section2 {
        height: 100% !important;
        padding: 28px 11px !important;
    }

    .about-services {
        padding: 50px 15px 45px 15px !important;
    }

    .about-services-sction {
        text-align: left !important;
    }

    .anim11 {
        top: -8% !important;
        right: 0% !important;
        left: inherit !important;
    }

    .anim12 {
        display: none;
        top: 25% !important;
        left: -11% !important;
    }

    .t-layout {
        margin-bottom: 57px;
    }

    .text-section {
        padding-top: 15px !important;
    }

    .anim13 {
        bottom: -5% !important;
        right: 5% !important;
        left: inherit !important;
    }

    .section4 {
        height: 100% !important;
        padding-top: 0 !important;
        padding-bottom: 30px;
    }

    .cntent-space {
        padding-top: 0px !important;
    }

    .anim14 {
        top: 0% !important;
        right: 6% !important;
        left: inherit !important;
    }

    .anim14 img {
        width: 50px !important;
        height: 50px !important;
    }

    .anim15 {
        top: 29% !important;
        right: 2% !important;
    }

    .mrgn {
        margin-top: 10px;
    }

    .contact-form-content2 {
        padding: 19px 18px
    }

    #contact-form {
        background: rgb(255, 255, 255);
        background: linear-gradient(82deg, rgba(255, 255, 255, 1) 0%, rgba(246, 239, 254, 1) 100%);
    }

    .text-sort,
    .text-sort2 {
        text-align: center;
    }

    .footer2 p span {
        display: block;
    }

    .social-list {
        position: static;
        /* top: 5px; */
        margin-top: -4px;
        margin-bottom: 30px;
    }
    .block-height {
        height: 335px;
    }
    .service-block-text
    {
        padding-top: 20px;
    }
    /* .service-block {
        height: 273px;
    }
    .service-block2 {
        height: 273px!important;
    } */
    .content5 {
        padding-top: 12px!important;
    }
    #product {
        background: transparent;
        padding-top: 0!important;
        padding-bottom: 0!important;
    }
    canvas {
        height: 886px!important;
    }
    #support-element-mobile
    {
        padding: 6px;
        position: absolute;
        right: 57px;
        z-index: 999999999999999;
    }

    #support-element-mobile .nav-item ul li
    {
        line-height: 2;
    }

    #support-element-mobile .nav-item ul li a
    {
        text-decoration: none;
        font-family: 'Ubuntu', sans-serif;
        font-size: var(--xxxSmall);
        font-weight: var(--semiBold);
        text-transform: capitalize;
        color: var(--Primary1);
        padding: 5px 14px;
    }

    #support-element-mobile .nav-item ul.dropdown-menu.show
    {
        width: 170px;
    }

    #support-element-mobile .nav-item ul li a img
    {
        width: 17px;
        position: relative;
        top: -1px;
        margin-right: 2px;
    }

    .dropdown-toggle img
    {
        width: 41px;
    }
    .dropdown-toggle::after
    {
        display: none;
    }
    .social-list1
    {
        text-align: right;
    }
}

@media only screen and (min-width:768px) {

    .space-top
    {
        padding-top: 35px;
    }
    
    .polygon-img::after {
        content: '';
        width: 0px;
        height: 20px;
        border-left: 42px solid transparent;
        border-right: 40px solid transparent;
        border-top: 47px solid #fff;
        position: absolute;
        top: 44%;
        right: -24px;
        transform: rotate(90deg);
      }
    
      
  .polygon-img2::after {
    content: '';
    width: 0px;
    height: 20px;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-top: 37px solid #fff;
    position: absolute;
    top: 43%;
    right: -24px;
    transform: rotate(90deg);
  }

    .form-headings222 {
        padding-top: 0;
    }
#footer22 {
    background-image: url(../images/footer-bg4.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 999;
}

    #footer22 {
        height: 207px;
    }
    .email-bar
    {
        text-align: left!important;
        align-items: center;
        vertical-align: middle;
        display: flex;
    }
    #support-element-mobile
    {
        display: none;
    }
    #mobile-only
    {
       display: none;
    }

    .social-list {
        position: relative;
        top: -15px;
    }
    .block-height {
        height: 328px;
    }
    /* .block-height {
        height: 276px;
    }
    .service-block2 {
        height: 100%!important;
    } */
    .about-services-sction
    {
       text-align: center;
    }
    .text-sort {
        text-align: left;
    }

    .text-sort2 {
        text-align: right;
    }

    #contact-form {
        background-image: url(../images/contact/contact-banner.png);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .copyright {
        position: relative;
        top: 36px;
        padding: 37px 0px 10px 0px;
        margin-top: 14rem !important;
        text-align: right;
    }

    .navbar-green {
        border-radius: 0;
        width: 100%;
        /* -webkit-box-shadow: 0 7px 6px -5px rgba(0, 0, 0, .5);
        -moz-box-shadow: 0 7px 6px -5px rgba(0, 0, 0, .5);
        box-shadow: 0 7px 6px -5px rgba(0, 0, 0, .5); */
    }


    /* .contact-form-content2 {
        padding-left: 150px;
    } */
}


@media screen and (max-width: 991px) {
    #footer22 {
        background-image: url(../images/footer-bg5.png);
        background-size: cover;
        position: absolute;
        background-repeat: no-repeat;
        background-position: center center;
        bottom: 0;
        width: 100%;
        z-index: 999;
    }

#footer
{
    background-color: #EFF0F6;
    margin-top: 30px;
}
}

@media screen and (min-width: 992px) {
    .gap11 {
        padding-left: 30px!important;
    }
    
    #footer {
        height: 659px;
        
    }
    .about-section {
        padding: 49px 42px 10px 0px;
    }
    
.footer-gap {
    padding: 78px 40px 15px 40px;
    top: 20px;
    position: relative;
}


}

@media screen and (max-width: 991px) and (min-width: 768px) {
    #footer22 {
        height: 240px;
    }
    #footer {
        height: 842px;
    }
    .t-layout-heading2 h4 {
        font-size: var(--xxxSmall)!important;
    }
    .t-layout-heading2 h6 {
        font-size: var(--xxxxSmall)!important;
    }
    .t-layout-desc2 p {
        font-size: var(--xxxxxSmall)!important;
    }

}

@media screen and (min-width: 1281px) {

    #footer {
        height: 630px;
    }
    .section222 {
        height: 245px;
        position: relative;
        z-index: 1;
    }
    
#hover_1,
#hover_2 #hover_3 {
    min-height: 100vh;
}
  }

@media screen and (max-width: 1280px) and (min-width: 768px) {
    .service-block
    {
  margin-bottom: 20px;
    }

    .section222 {
        height: 100%;
        position: relative;
        z-index: 1;
    }

    .t-layout {
        margin-bottom: 60px;
    }
  }

  @media screen and (max-width: 1440px) and (min-width: 1281px) {
    #footer {
        height: 700px;
    }
  }

  @media screen and (max-width: 1535px) and (min-width: 1441px) {
    #footer {
        height: 700px;
    }
  }

  @media only screen and (min-width:1536px) {
    #footer {
        height: 700px;
    }
    .footer-gap {
        top: 54px!important;
    }
  }