/* Breakpoints of media query */

@media (max-width: 1800px) {
     .crm_mr {
          margin-top: 100px;
     }

     .footer-v1 .footer-intro img {
          width: 18.75rem;
     }

     .footer-intro img {
          width: 71%;
     }

     .h-inner-content h3 {
          font-size: 30px;
     }

     header .nav-item {
          height: 48px;
          margin-right: 70px;
     }

     header .navbar-expand-lg .navbar-nav .nav-link {
          padding: 0.7em 0;
     }

     .hero-img img {
          height: 690px;
     }

     .hero-img {
          margin-left: 52px;
     }

     .contact-btn.get-start {
          padding: 14px 20px;
     }

     .contact-btn {
          font-size: 18px;
          padding: 14px 38px;
     }

     .h-join-community h5 {
          margin-right: 40px;
     }

     p {
          font-size: 18px;
     }

     h5 {
          font-size: 18px;
     }

     h1,
     .main-f {
          font-size: 65px;
     }

     h4 {
          font-size: 22px;
     }

     h2 {
          font-size: 58px;
     }

     .footer-links li,
     .footer-nav li .f-link {
          font-size: 22px;
     }


}

@media (max-width: 1700px) {
     .terms-conditions-inner p {
          font-size: 22px;
          margin-bottom: 22px;
     }

     .terms-conditions-inner h3 {
          margin-bottom: 22px;
     }

     .terms-conditions-inner {
          gap: 28px;
     }

     h3 {
          font-size: 30px;
     }

     .objectives-item {
          gap: 28px;
     }

     .template-items {
          width: 80%;
     }

     .objectives-item .email-input {
          width: 80%;
     }

     .template-pages h4 {
          margin: 20px 0 20px;
     }

     .textareaa .form-control {
          padding-left: 25px;
     }

     .title-heading {
          gap: 30px;
          margin: 0 0 60px;
     }

     .key-modules-v1 .card-container {
          margin-right: 27px;
          margin-bottom: 27px;
     }

     .card-inner img {
          width: 3.875rem;
     }

     .card h4 {
          padding: 24px 0 28px;
     }

     h4.c-title {
          font-size: 20px;
     }

     .card-container .card {
          padding: 35px 35px 42px;
     }

     .header-v1 .navbar-brand .full-logo {
          width: 15.5rem;
     }

     .footer-v1 .footer-intro img {
          width: 15.75rem;
     }

     .footer-intro {
          width: 57%;
     }

     .footer-social img.social-v {
          width: 25px;
          height: 25px;
     }

     .footer-nav {
          gap: 28px;
     }

     .footer-links li,
     .footer-nav li .f-link,
     .footer-copyright h4 {
          font-size: 20px;
     }

     .row.footer-bottom {
          padding-top: 42px;
          margin-top: 100px;
     }

     img.gradient-v {
          right: -60px;
          bottom: -60px;
     }

     .h-inner-content h3 {
          font-size: 28px;
          padding-bottom: 10px;
     }

     header ul {
          margin-left: 12.6875rem;
     }

     .contactArrow {
          margin-left: 12px;
     }

     .contact-btn {
          padding: 14px 32px;
     }

     header .navbar-expand-lg .navbar-nav .nav-link {
          padding: 0.4em 0;
          font-size: 16px;
     }

     header .nav-item {
          height: 33px;
     }

     .h-inner-content .contact-btn.get-start {
          font-size: 14px;
     }

     .contact-btn.get-start {
          padding: 12px 20px;
     }

     .h-join-community {
          gap: 40px;
          margin: 40px 80px 0 0;
     }

     .h-join-community h5 {
          margin-right: 0;
     }

     .h-join-community img {
          width: 32%;
     }

     .hero-img img {
          height: 640px;
     }

     .hero-section {
          padding: 60px 0 0;
     }

     .h-inner-content h1 {
          margin: 20px 0;
     }

     h1,
     .main-f {
          line-height: 5rem;
          font-size: 62px;
     }

     h2 {
          font-size: 54px;
     }
}

@media (max-width: 1600px) {
     .crm-application .container {
          max-width: 1180px;
     }

     .crm-content h3,
     .faqs-blog h3 {
          font-size: 40px;
     }

     .crm_mr {
          margin-top: 80px;
     }

     .form-control {
          margin-left: 14px;
     }

     .email-input button {
          padding: 10px 36px;
     }

     .objectives-sec .circle-effect {
          left: -36%;
          top: -36%;
     }

     .template-items {
          row-gap: 12px;
          column-gap: 10px;
     }

     .objectives-item {
          gap: 24px;
     }

     .objectives-item p {
          width: 94%;
     }

     .objectives-item .form-control,
     .objectives-item .form-control::placeholder {
          font-size: 14px;
     }

     .sub-title {
          padding: 12px 18px;
     }

     .card-inner img {
          width: 3rem;
     }

     .card h4 {
          padding: 20px 0 24px;
     }

     .card-container .card {
          padding: 32px 32px 40px;
     }

     .circle-effect {
          right: -170px;
          bottom: -170px;
     }

     .terms-conditions-inner p {
          font-size: 20px;
          margin-bottom: 20px;
          /* padding-bottom: 20px; */
     }

     .terms-conditions-inner h3 {
          margin-bottom: 20px;
     }

     /* .terms-conditions-inner {
          gap: 26px;
     } */

     .footer-v1 .footer-intro img {
          width: 14.75rem;
     }

     .footer-intro img {
          width: 67%;
     }

     .footer-links li,
     .footer-nav li .f-link,
     .footer-copyright h4 {
          font-size: 18px;
     }

     img.gradient-v {
          right: -70px;
          bottom: -70px;
     }

     .footer-nav li h4 {
          margin-bottom: 12px;
     }

     .footer-nav {
          gap: 25px;
     }

     .footer-social {
          gap: 30px;
     }

     .footer-intro p {
          margin-top: 28px;
     }

     .h-inner-content h3 {
          padding-bottom: 8px;
     }

     .navbar-expand-lg {
          padding: 0 60px;
     }

     footer {
          padding: 120px 60px 60px;
     }

     .sec-padding {
          padding: 130px 60px;
     }

     .hero-inner {
          padding: 0 0 0 60px;
     }

     header {
          padding: 18px 0;
     }

     header .nav-item {
          margin-right: 70px;
          height: 30px;
     }

     header .navbar-expand-lg .navbar-nav .nav-link {
          padding: 0.3em 0;
     }

     .contactArrow {
          margin-left: 10px;
          width: 14px;
          height: 14px;
     }

     .contact-btn {
          font-size: 16px;
          padding: 14px 30px;
     }

     .hero-section {
          padding: 50px 0 0;
          margin: 86px 0 0;
     }

     h1,
     .main-f {
          line-height: 4.5rem;
          font-size: 58px;
     }

     p {
          font-size: 16px;
     }

     h5 {
          font-size: 16px;
     }

     h4 {
          font-size: 18px;
     }

     h2 {
          font-size: 50px;
     }

     h6 {
          font-size: 13px;
     }

     h3 {
          font-size: 25px;
     }

     .contact-btn.get-start {
          padding: 10px 20px;
     }

     .h-inner-content .contact-btn.get-start {
          font-size: 13px;
     }

     .hero-img img {
          height: 590px;
     }

     /* .hero-img {
          margin-left: 60px;
     } */

     header ul {
          margin-left: 11.6875rem;
     }

     .h-inner-content {
          margin: 0 0 70px;
     }

     .contact-btn.get-btn {
          margin-right: 12px;
     }

     .navbar-brand {
          padding: 0;
     }
}

@media (max-width: 1450px) {
     .crm-application .container {
          max-width: 1150px;
     }

     .crm-image {
          margin-left: 20px;
     }

     .template-items {
          width: 86%;
     }

     .footer-intro {
          width: 60%;
     }

     .footer-intro img {
          width: 65%;
     }

     .footer-social img.social-v {
          width: 22px;
          height: 22px;
     }

     .footer-social {
          gap: 28px;
     }

     .h-inner-content .contact-btn.get-start {
          font-size: 12px;
          padding: 10px 18px;
     }

     header .navbar-expand-lg .navbar-nav .nav-link {
          font-size: 15px;
     }

     .h-join-community {
          margin: 35px 80px 0 0;
     }

     .h-join-community h5 {
          margin-right: 20px;
     }

     .hero-img img {
          height: 570px;
     }
}

@media (max-width: 1399px) {
     .crm-application .container {
          max-width: 1120px;
     }

     .crm_mr {
          margin-top: 60px;
     }

     .crm-content h3,
     .faqs-blog h3 {
          font-size: 38px;
     }

     .crm-content {
          gap: 24px;
     }

     .template-items,
     .objectives-item .email-input {
          width: 93%;
     }

     .template-pages h4 {
          margin: 0px 0 20px;
     }

     .objectives-item {
          gap: 22px;
     }

     .key-modules-v1 .c-description {
          font-size: 15px;
     }

     .title-heading {
          gap: 28px;
          margin: 0 0 50px;
     }

     .card-container .card {
          padding: 28px 28px 34px;
     }

     .key-modules-v1 .card-container {
          margin-right: 22px;
          margin-bottom: 22px;
     }

     .card h4 {
          padding: 14px 0 18px;
     }

     .header-v1 .navbar-brand .full-logo {
          width: 13.5rem;
     }

     .footer-v1 .footer-intro img {
          width: 12.75rem;
     }

     img.gradient-v {
          right: -6.25rem;
          bottom: -6.25rem;
     }

     .footer-links li,
     .footer-nav li .f-link,
     .footer-copyright h4 {
          font-size: 16px;
     }

     .row.footer-bottom {
          padding-top: 32px;
          margin-top: 90px;
     }

     .footer-intro p {
          margin-top: 22px;
     }

     .h-inner-content h3 {
          font-size: 25px;
     }

     .navbar-expand-lg {
          padding: 0 50px;
     }

     .hero-inner {
          padding: 0 0 0 50px;
     }

     .sec-padding {
          padding: 120px 50px;
     }

     footer {
          padding: 100px 50px 50px;
     }

     h2 {
          font-size: 46px;
     }

     h1,
     .main-f {
          line-height: 3.8rem;
          font-size: 52px;
     }

     h4.c-title,
     h4 {
          font-size: 18px;
     }

     h3 {
          font-size: 23px;
     }

     header .navbar-expand-lg .navbar-nav .nav-link {
          font-size: 14px;
     }

     header .nav-item {
          margin-right: 50px;
     }

     header ul {
          margin-left: 9rem;
     }

     .h-inner-content h1 {
          margin: 16px 0;
     }

     .h-join-community h5 {
          margin-right: 0;
     }

     .hero-img img {
          height: auto;
     }

     .contact-btn {
          padding: 12px 28px;
     }

     .navbar-brand .full-logo {
          width: 90%;
     }

     .h-join-community {
          gap: 30px;
     }
}

@media (max-width: 1349px) {
     .crm-image {
          margin-left: 40px;
     }

     .crm-application .container {
          max-width: 1050px;
     }

     .crm-content h3,
     .faqs-blog h3 {
          font-size: 36px;
     }
}

@media (max-width: 1199px) {
     .crm-content {
          gap: 20px;
          margin-right: 0;
     }

     .crm-application .container {
          max-width: 960px;
     }

     .crm-content h3,
     .faqs-blog h3 {
          font-size: 32px;
     }

     .col-input {
          padding: 3px;
     }

     .title-heading {
          gap: 20px;
     }

     .footer-v1 .footer-intro img {
          width: 10.75rem;
     }

     .footer-intro {
          width: 72%;
     }

     .footer-nav li h4 {
          margin-bottom: 0;
     }

     .footer-links li,
     .footer-nav li .f-link,
     .footer-copyright h4 {
          font-size: 14px;
     }

     .h-inner-content h3 {
          font-size: 22px;
     }

     .navbar-brand {
          margin: 0;
          width: 100%;
     }

     .navbar-brand .full-logo {
          width: 100%;
     }

     .navbar-mobile {
          width: 30%;
     }

     header ul {
          margin: 0 auto;
     }

     .h-join-us .contact-btn {
          display: inline-flex;
          align-items: center;
     }

     h6 {
          font-size: 12px;
     }

     h2 {
          font-size: 40px;
     }

     h1,
     .main-f {
          line-height: 3.2rem;
          font-size: 45px;
     }

     .h-join-community {
          margin: 25px 0px 0 0;
     }

     .h-inner-content {
          margin: 0 0 50px;
     }

     .hero-img {
          margin-left: 32px;
     }

     .h-join-community img {
          width: 28%;
     }
}

@media (max-width: 1024px) {
     .crm-image {
          margin-left: 20px;
     }

     h2 {
          font-size: 36px;
     }

     h1,
     .main-f {
          line-height: 3.2rem;
          font-size: 42px;
     }

     .h-inner-content {
          margin: 0 0 28px;
     }

     header .nav-item {
          margin-right: 40px;
     }

}

@media (max-width: 991px) {
     .crm_mr {
          margin-top: 40px;
     }

     .crm-content h3,
     .faqs-blog h3 {
          font-size: 30px;
     }

     .crm-image {
          margin: 30px 0 0 auto;
          width: 70%;
     }

     .card-container img.view-desk {
          padding-top: 30px;
     }

     .template-items,
     .objectives-item .email-input {
          width: 90%;
     }

     .title-heading {
          margin: 0 0 40px;
     }

     .card-inner img {
          width: 2.5rem;
     }

     .card-container.md_me_0 {
          margin-right: 0;
     }

     .card-container.md_me {
          margin-right: 16px !important;
     }

     .key-modules-v1 .card-container {
          margin-right: 0;
          margin-bottom: 16px;
     }

     .h-inner-content {
          padding-right: 30px;
     }

     .hero-v1 .h-join-us {
          padding: 0 0 32px;
     }

     .header-v1 .navbar-brand .full-logo {
          width: 10rem;
     }

     .header-v1 ul.navbar-nav {
          margin: 0;
     }

     img.gradient-v {
          right: -11.25rem;
          bottom: -8.25rem;
     }

     .footer-intro {
          width: auto;
     }

     footer {
          padding: 80px 30px 50px;
     }

     .row.footer-bottom {
          padding-top: 30px;
          margin-top: 30px;
     }

     .footer-intro img {
          width: 36%;
     }

     .footer-nav {
          gap: 22px;
     }

     .footer-intro p {
          margin-bottom: 24px !important;
     }

     .footer-links li,
     .footer-nav li .f-link,
     .footer-copyright h4 {
          font-size: 16px;
     }

     h4 {
          font-size: 16px;
     }

     header .navbar-expand-lg .navbar-nav .nav-link.is-active {
          color: #fff !important;
     }

     header .navbar-expand-lg .navbar-nav .nav-link.is-active svg path {
          stroke: #fff;
     }

     /* .h-inner-content h3 {
          font-size: 25px;
     } */

     .h-join-community img {
          width: 20%;
     }

     .hero-img {
          margin-left: 0;
          /* margin-top: 30px; */
     }

     .hero-img img {
          height: 450px;
          width: 100%;
          object-fit: cover;
     }

     .h-join-us.desk-visible {
          display: none;
     }

     .h-join-us.tab-visible {
          display: block;
          margin-top: 30px;
     }

     .navbar-expand-lg {
          padding: 0 30px;
     }

     .sec-padding {
          padding: 80px 30px;
     }

     .hero-inner {
          padding: 0 0 0 30px;
     }

     .hero-section {
          padding: 60px 0 0;
          margin: 75px 0 0;
     }

     .navbar-brand {
          width: auto;
     }

     .navbar-brand .full-logo {
          width: 65%;
     }

     .main-menu-wrapper {
          position: fixed;
          overflow: hidden;
          right: 0;
          top: 0;
          bottom: 0;
          background: #06050F;
          height: 100%;
          width: 100%;
          transform: translateX(100%);
          transition: all 0.5s ease-in-out;
          padding: 50px;
          z-index: 9;
     }

     .navbar-open .mobile-menu-wrap {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          height: 100%;
     }

     .navbar-open .desktop-view {
          display: none;
     }

     header .navbar-expand-lg .navbar-nav .contact-btn {
          transition: all 0.5s ease-in-out;
     }

     .navbar-open .main-menu-wrapper {
          transform: translateX(0);
          padding: 120px 30px 50px;
     }

     .navbar-nav {
          margin: 0;
          gap: 34px;
     }

     header .nav-item {
          margin-right: 0;
     }

     .navbar-mobile {
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 100%;
     }

     .navbar-collapse {
          background: inherit;
          height: 100%;
          overflow: hidden;
          /* height: calc(100vh - 200px); */
     }

     .main-menu-wrapper .navbar-nav,
     .main-menu-wrapper .contact-btn {
          -webkit-animation: fadeOut 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
          animation: fadeOut 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
          animation-delay: 0s;
     }

     .navbar-open .main-menu-wrapper .navbar-nav,
     .main-menu-wrapper .contact-btn {
          -webkit-animation: fadeIn 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
          animation: fadeIn 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
          animation-delay: 0.6s;
     }

     header .contact-btn {
          padding: 16px 90px;
          width: fit-content;
     }

     header .navbar-expand-lg .navbar-nav .nav-link {
          border-bottom: 0.5px solid #7E7E7E;
          padding-bottom: 24px;
          color: #7E7E7E !important;
     }

     .mobile-menu-wrap .nav-link svg {
          float: right;
          margin-top: 4px;
     }

     .navbar-open .full-logo {
          display: none;
     }

     .navbar-open .in-mobile {
          display: none;
     }

     .navbar-open .mini-logo {
          display: block;
     }

     .navbar-open .navbar-brand {
          z-index: 10;
     }
}

@media (max-width: 767px) {

     .template-items,
     .objectives-item .email-input {
          width: 100%;
     }

     .card-container.md_me {
          margin-right: 0px !important;
     }

     .key-modules-v1 .card-container {
          margin-bottom: 0;
     }

     .key-modules-v1 .row {
          row-gap: 18px;
     }

     .row.footer-bottom {
          padding-top: 30px;
          margin-top: 30px;
          flex-direction: column;
          align-items: self-start;
          gap: 24px;
     }

     .h-join-community {
          gap: 20px;
     }

     .h-join-community {
          margin: 20px 0px 0 0;
     }

     .hero-img img {
          height: 360px;
     }
}

@media (max-width: 575px) {
     .crm-content {
          gap: 16px;
     }

     .crm_mr {
          margin-top: 20px;
     }

     .crm-application h2 span.d-block {
          display: inline !important;
     }

     .crm-image {
          margin: 30px auto;
     }

     .crm-application .container {
          padding: 0;
     }

     .col_order_1,
     .col_order_2 {
          flex-direction: column-reverse;
     }

     .crm-content h3,
     .faqs-blog h3 {
          font-size: 28px;
     }

     .view-mobile {
          display: block;
     }

     .view-desk {
          display: none;
     }

     .template-pages {
          padding-bottom: 10px;
     }

     .hero-section p {
          font-size: 16px;
     }

     .objectives-item {
          gap: 16px;
     }

     .objectives-sec .circle-effect {
          left: -22%;
          top: -22%;
          width: 180px;
          height: 180px;
     }

     .objectives-item .form-control,
     .objectives-item .form-control::placeholder {
          font-size: 16px;
     }

     .objectives-item .form-control {
          border: 1px solid #777777;
          margin: 0;
          padding-left: 22px;
     }

     .objectives-item .col-input {
          padding: 0;
          flex-direction: column;
          gap: 14px;
          border: none;
     }

     .card h4 {
          padding: 20px 0 14px;
     }

     .title-heading {
          margin: 0 0 25px;
          text-align: center;
          gap: 16px;
     }

     .contact-btn,
     .email-input button {
          padding: 15px 28px;
     }

     .sub-title {
          font-size: 14px;
     }

     .key-modules-v1 .c-description {
          font-size: 14px;
     }

     .card-container .card {
          padding: 24px;
     }

     .key-modules-v1 .row {
          row-gap: 16px;
     }

     .contact-btn {
          width: 100%;
          text-align: center;
          align-items: center;
          justify-content: center;
     }

     header .contact-btn {
          width: 100%;
     }

     h2 {
          font-size: 32px;
     }

     h3 {
          font-size: 20px;
     }

     p {
          font-size: 14px;
     }

     .in-desk-links {
          display: none;
     }

     .in-mobile-links {
          display: block;
     }

     .in-mobile {
          display: block;
     }

     .in-desk {
          display: none;
     }

     .footer-nav-item.mr-item {
          margin-top: 20px;
          margin-bottom: 20px;
     }

     .footer-nav-item .col_item {
          display: flex;
          justify-content: space-between;
          align-items: center;
     }

     .footer-nav-item .mr_top {
          margin-top: 16px;
     }

     .footer-nav {
          padding: 0 16px;
     }

     a .arrow {
          rotate: 180deg;
          transition: 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
          -webkit-transition: 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
          -moz-transition: 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
          -ms-transition: 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
          -o-transition: 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
     }

     a[aria-expanded="true"] .arrow {
          transform: rotate(-180deg);
          -webkit-transform: rotate(-180deg);
          -moz-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
          -o-transform: rotate(-180deg);
     }

     footer {
          padding: 40px 16px 50px;
     }

     .footer-intro img {
          width: 12.625rem;
     }

     .footer-social {
          gap: 22px;
     }

     .online-brand .title-heading {
          border-bottom: 1px solid #7E7E7E;
          padding-bottom: 40px;
     }

     .navbar-expand-lg {
          padding: 0 16px;
     }

     .hero-inner {
          padding: 0 16px;
     }

     .sec-padding {
          padding: 64px 16px;
     }

     .navbar-brand .full-logo {
          width: 56%;
     }

     h1,
     .main-f {
          font-size: 40px;
     }

     .hero-img {
          margin-right: -4px;
     }

     .h-inner-content h3 {
          font-size: 20px;
     }

     .h-inner-content {
          margin: 0 0 25px;
          padding-right: 0px;
     }

     .hero-img img {
          height: 284px;
     }

     .navbar-open .mini-logo {
          width: 94%;
     }

     .navbar-open .main-menu-wrapper {
          padding: 100px 24px 50px;
     }

     header .navbar-expand-lg .navbar-nav .nav-link {
          font-size: 16px;
          padding-bottom: 16px;
     }
}

@media (max-width: 479px) {
     .crm-image {
          width: auto;
     }

     img.gradient-v {
          right: -18.25rem;
          bottom: -8.25rem;
     }

     .in-mobile,
     .footer-intro img {
          width: 11.25rem;
     }

     .hero-section {
          margin: 68px 0 0;
     }

     .main-menu-wrapper .contact-btn {
          text-align: center;
          margin: 0 auto;
     }

     header .contact-btn {
          padding: 16px 80px;
     }
}

@media (max-width: 375px) {

     .crm-content h3,
     .faqs-blog h3 {
          font-size: 26px;
     }

     .card-container .card {
          padding: 24px 18px;
     }

     .sub-title {
          font-size: 12px;
     }

     header {
          padding: 18px 0 12px;
     }

     .footer-intro img {
          width: 10.625rem;
     }

     .in-mobile,
     .footer-intro img {
          width: 9.25rem;
     }

     .hero-img img {
          height: 270px;
     }

     h1,
     .main-f {
          font-size: 38px;
          line-height: 3rem;
     }

     .h-inner-content h3 {
          font-size: 20px;
     }
}