@media (min-width: 1400px) {
     .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
         max-width: 1400px;
     }
}

@media (max-width: 992px) {

     .logo img {
          width: 60%;
     }

     #headerOuter.sticky .TopMenuOuter {
          padding: 15px 0 0 0;
     }

     .navbar-toggler {
          display: block;
          color: var(--white);
          position: absolute;
          top: 20px;
          right: 20px;
          font-size: 25px;
          border: solid 1px rgba(255, 255, 255, 0.8);
     }

     .navbar-toggler.collapsed::before {
          content: "";
          font-family: "Material Icons";
          content: "\e5d2";
          display: inline-block;
     }

     .navbar-toggler::before {
          content: "";
          font-family: "Material Icons";
          content: "\e5cd";
          display: inline-block;
     }

     .navbar-toggler:focus {
          border: none;
          outline: none;
          box-shadow: none;
          border: solid 1px rgba(255, 255, 255, 0.8);
     }

     h2.title, h1.title {
          font-size: 18px;
          line-height: 30px;
          padding: 15px 0 0;
     }

     .homepageSlider {
          padding: 100px 0;
     }

     .bannerImg img {
          position: relative;
          width: 100%;
     }

     .btn a, .btn {
          display: block;
     }

     .btn a {
          padding: 7px 15px;
          font-size: 14px;
     }

     .videoBtn img {
          width: 20px;
     }

     .bannerImg img {
          margin: 0;
     }

     .subTitle {
          font-size: 14px;
          padding-top: 15px;
     }

     .bannerText {
          padding: 0;
     }

     .carousel-indicators {
          left: 0;
          text-align: center;
          right: 0;
          bottom: 10px;
     }

     .homepageHeader {
          min-height: auto;
     }

     .homepageSlider {
          padding-bottom: 0px;
     }

     .btn {
          padding: 0px;
     }

     a.basiceBtn {
          margin: 0;
     }

     .btn a {
          margin-bottom: 15px;
     }

     .navbar-collapse.show {
          width: 100%;
     }

     .open .navbar {
          background-color: #2B4274;
          padding: 0;
          align-items: flex-start;
     }

     .white-navbar .navbar-nav li.nav-item:last-child a {
          text-align: center;
     }

     .open .navbar {
          border-top: solid 1px rgba(255, 255, 255, 0.4)
     }

     .topmenu {
          display: block;
          padding: 0;
     }

     .topmenu.open {
          padding-top: 20px;
     }

     .TopMenuOuter {
          padding: 15px 0 0 0;
     }

     .navbar-collapse {
          text-align: left;
     }

     .navbar-nav li {
          width: 100%;
          padding: 7px 15px !important;
          border-bottom: solid 1px rgba(255, 255, 255, 0.4)
     }

     .navbar-nav li:last-child {
          padding: 0 !important;
     }

     .navbar-nav li.nav-item:last-child a {
          border-radius: 0px !important;
          -webkit-border-radius: 0px !important;
          -moz-border-radius: 0px !important;
          -ms-border-radius: 0px !important;
          -o-border-radius: 0px !important;
     }

     .TopMenuOuter .container {
          padding: 0;
     }

     .logo {
          padding: 0 15px;
     }

     .TopMenuOuter .row {
          margin: 0;
     }

     .navbar-nav li.active a.nav-link::after, .scrolldown {
          display: none;
     }

     /* body.Menuopen {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
   }
    */
     .leftImg_01 {
          margin: 0;
          width: 300px;
     }

     .bannerImg, .leftImg_01, .systemSectionRightImg {
          position: relative;
          width: 100%;
     }

     .leftImg_01 {
          transform: translateX(-20px) translateY(0px);
          -moz-transform: translateX(-20px) translateY(0px);
          -webkit-transform: translateX(-20px) translateY(0px);
          -o-transform: translateX(-20px) translateY(0px);
          -ms-transform: translateX(-20px) translateY(0px);
     }

     .section {
          padding: 40px 10px;
     }

     .title h1, .title h2 {
          font-size: 20px;
          line-height: 30px;
     }

     .title span {
          font-size: 16px;
          padding-bottom: 8px;
          padding-top: 15px;
     }

     .navbar-nav li a.nav-link {
          font-size: 14px;
     }

     .rightcontent {
          padding: 0 15px;
     }

     a.blue-btn {
          padding: 7px 20px;
     }

     .industryListing {
          grid-template-columns: 1fr;
          padding: 0;
     }

     .listing {
          display: block !important;
     }

     .ListingBox h3, .solutionsBox h4 {
          font-size: 18px;
     }

     .solutionsBox {
          border-bottom: solid 1px rgba(85, 85, 85, 0.4);
          border-radius: 0px;
          -webkit-border-radius: 0px;
          -moz-border-radius: 0px;
          -ms-border-radius: 0px;
          -o-border-radius: 0px;
     }

     .ListImg {
          padding: 0 0 15px 0;
     }

     .ListingBox {
          padding: 30px 30px 10px 30px;
     }

     p.para {
          padding: 0;
     }

     .solutionsBox img {
          width: 25px;
     }

     .solutionListing {
          grid-template-columns: 1fr;
          gap: 0;
     }

     p.text-center, .title, p.para {
          text-align: left !important;
     }

     .howitWorkList {
          border-bottom: solid 1px rgba(85, 85, 85, 0.4);
     }

     .howitWorkListOuter .howitWorkList:last-child {
          border-bottom: 0;
     }

     .howitWorkListOuter .howitWorkList:last-child .howitWorkContent p {
          margin-bottom: 0;
     }

     .systemSectionLeftContent {
          padding: 0 10px 0 15px;
     }

     .systemSectionRightImg {

          width: 350px;
     }

     .systemSectionRightImg {
          padding-top: 0;
     }

     .systemSectionRightImg img {
          width: 100%;
     }

     .accordion-button {
          font-size: 15px;
          padding: 15px 12px;
     }

     .accordion-body ul li {
          font-size: 14px;
     }

     .solutionsBox {
          padding: 30px 0px;
     }

     .howitWorkNumber img {
          width: 100%;
     }

     .howitWorkListOuter .howitWorkList:nth-child(even) .howitWorkNumber {
          order: 1;
     }

     .howitWorkList {
          padding-bottom: 20px;
     }

     .howitWorkListOuter .howitWorkList:nth-child(even) .howitWorkContent {
          order: 2;
     }

     .howitWorkList, .howitWorkListOuter .howitWorkList:nth-child(even) {
          grid-template-columns: 1fr;
     }

     .howitWorkContent {
          padding-left: 0;
     }

     .howitWorkList h3 {
          font-size: 18px;
     }

     .howitWorkNumber {
          padding-bottom: 15px;
     }

     .FeatureList {
          display: block;
     }

     .FeatureListImg img {
          width: 100%;
     }

     /* .FeatureListImg img {
        position: relative;
        margin: 0;
        width: 300px;
   }
    */
     /* .FeatureListImg {
       width: 300px;
        display: flex;
        justify-content: center;
   }
    */
     .owl-nav, .owl-stage-outer {
          margin: 0;
     }

     .FeatureListSilder .owl-theme .owl-nav {
          text-align: center;
          display: block !important;
          margin: 30px auto 0 auto;
          padding: 0;
          width: 80%;
     }

     .sectionFeature {
          overflow-x: hidden;
     }

     .valueList {
          padding-top: 0;
          margin: 10px 0;
     }

     .valueList {
          font-size: 22px;
          line-height: 25px;
     }

     .valueList span {
          font-size: 16px;
     }

     .valueListCountImg {
          width: 100%;
          margin-top: 15px;
     }

     .clientLogosList {
          grid-template-columns: 1fr 1fr;
          gap: 15px;
          padding-top: 0;
     }

     .clientlogo img {
          width: 80px;
     }

     .clientlogo a {
          padding: 15px 10px;
          justify-content: center;
     }

     /* .testinomailImg {
        padding: 0;
   }
    */
     .testimonialSlider .owl-nav {
          top: 0;
          position: relative;
          display: none;
     }

     .testinomailImg::before, .testinomailImg::after {
          background-size: 40px;
     }

     .testinomailBox {
          grid-template-columns: 1fr;
     }

     .dec {
          padding-top: 0px;
     }

     .dec p:first-child:before {
          background-size: 20px;
          background-repeat: no-repeat;
     }

     .clientName {
          font-size: 16px;
     }

     .clientName span {
          font-size: 14px;
     }

     .testimonialSlider .owl-nav {
          display: none !important;
     }

     .testimonialSlider .owl-dots {
          position: relative;
          bottom: 0;
          left: 0;
          padding-top: 15px;
          text-align: left;
     }

     .dec p {
          font-size: 16px;
          line-height: 30px;
     }

     .testinomailContent {
          padding-left: 0;
     }

     .subscribeFooter {
          position: relative;
          padding: 30px;
          margin: 0;
          top: 0;
          bottom: 0;
          border-radius: 0;
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          -ms-border-radius: 0;
          -o-border-radius: 0;
          display: block;
     }

     .silderBox h4 {
          font-size: 18px;
     }

     .subscribeFooter h3 {
          font-size: 20px;
     }

     .subscribeContent {
          width: 100%;
     }

     .footerOuter .container {
          padding: 0;
     }

     .footerOuter {
          padding: 0 0 20px 0;
     }

     .footerLeft {
          display: block;
     }

     .whiteBtnOutLine {
          padding: 11px 28px;
          font-size: 14px;
     }

     .footerLeft {
          padding: 15px;
          display: block !important;
     }

     .logoContent {
          padding-left: 0;
     }

     .footerMenu {
          padding-left: 0px;
     }

     .footerOuter .row {
          margin: 0;
     }

     .allrights {
          text-align: left !important;
     }

     .copyrightOuter p {
          margin: 10px 0;
     }

     .footerTitle {
          padding: 15px 0 7px 0;
     }

     .lightHeader .navbar-toggler, .sticky .navbar-toggler {
          color: #2B4274;
          border: solid 1px #2B4274;
     }

     #headerOuter.lightHeader .topmenu a.nav-link, #headerOuter.sticky .topmenu a.nav-link {
          color: var(--white) !important;
     }

     .subscribeFooter:after {
          background-size: 100px;
          right: 0;
          width: 100px;
          height: 50px;
     }

     .pageTitle h1, .pageTitle h2 {
          font-size: 20px;
     }

     .InnerpageHeader {
          padding: 127px 0 30px 10px;
     }

     .teamSlider .owl-stage-outer {
          margin-left: 0px;
     }

     .aboutpageSection01Left {
          padding-left: 40px;
     }

     .imagepettern01 img {
          width: 90%;
     }

     .WorkingExperience {
          padding: 10px 15px;
          right: 0;
     }

     .workTitle {
          font-size: 20px;
     }

     .sectionValue {
          display: none;
     }

     .aboutRightImg, .aboutRightImg02 {
          width: 100%;
          margin: 0;
          -moz-transform: translateX(0%) translateY(0px);
          -webkit-transform: translateX(0%) translateY(0px);
          -o-transform: translateX(0%) translateY(0px);
          -ms-transform: translateX(0%) translateY(0px);
          transform: translateX(0%) translateY(0px);
     }

     .mission {
          padding-top: 20px;
          padding-left: 10px;
     }

     .sectionOurMission {
          padding-top: 0;
     }

     .colom-reverse {
          flex-direction: column-reverse;
     }

     .vissonText {
          padding-top: 30px;
     }

     .sectionOuter .section:last-child {
          padding-bottom: 30px;
     }

     .systemSectionRightImg, .bannerImg {
          width: 100%;
          transform: translateX(15px) translateY(0px);
          -moz-transform: translateX(15px) translateY(0px);
          -webkit-transform: translateX(15px) translateY(0px);
          -o-transform: translateX(15px) translateY(0px);
          -ms-transform: translateX(15px) translateY(0px);
     }

     .FeatureListImg img {
          transform: translateX(-15px) translateY(0px);
          -moz-transform: translateX(-15px) translateY(0px);
          -webkit-transform: translateX(-15px) translateY(0px);
          -o-transform: translateX(-15px) translateY(0px);
          -ms-transform: translateX(-15px) translateY(0px);
     }

     .distributorListingFeatures {
          grid-template-columns: 1fr
     }

     .distributorImg {
          position: relative;
          width: 100%;
          transform: translateX(8%) translateY(0px);
          -moz-transform: translateX(8%) translateY(0px);
          -webkit-transform: translateX(8%) translateY(0px);
          -o-transform: translateX(8%) translateY(0px);
          -ms-transform: translateX(8%) translateY(0px);
     }

     .InnerpageHeader {
          background: url(../img/innerHeader.png) no-repeat center center;
     }
}

@media (min-width: 1000px) and (max-width: 1400px) {
     .navbar-nav li {
          padding: 0px 10px !important;
          font-weight: 500 !important;
     }

     .bannerImg {
          width: 500px;
     }

     h2.title, h1.title {
          font-size: 30px;
     }

     .homepageSlider {
          padding-bottom: 50px;
     }

     .homepageHeader {
          min-height: auto;
     }

     .scrolldown {
          display: none;
     }

     .leftImg_01 {
          width: 410px;
     }

     .systemSectionRightImg {
          width: 500px;
     }

     .howitWorkNumber img {
          width: 100%;
     }

     .howitWorkList {

          grid-template-columns: 249px 1fr;

     }

     .howitWorkListOuter .howitWorkList:nth-child(even) {
          grid-template-columns: 1fr 249px;
     }

     .FeatureListImg img, .valueListCountImg {
          width: 100%;
     }

     .valueList {
          font-size: 40px;
     }

     .valueList span {
          font-size: 18px;
     }

     .title h1, .title h2 {
          font-size: 35px;
          line-height: 40px;
     }

     .clientLogosList {
          grid-template-columns: 1fr 1fr 1fr 1fr;
     }

     .testimonialSlider .owl-carousel .owl-nav button.owl-next {
          margin-right: -77px;
     }

     .subscribeFooter {
          left: 5%;
          right: 5%;
     }

     .subscribeFooter h3 {
          font-size: 35px;
     }

     .sectionValueImg img {
          width: 100%;

          -moz-transform: translateX(0%) translateY(0px);
          -webkit-transform: translateX(0%) translateY(0px);
          -o-transform: translateX(0%) translateY(0px);
          -ms-transform: translateX(0%) translateY(0px);
          transform: translateX(0%) translateY(0px);
     }

     .aboutRightImg, .aboutRightImg02 {
          width: 100%;
     }

     .teamSlider .owl-stage-outer {
          margin-left: 5%;
     }

     .socialIcon a {
          width: 26px;
          height: 26px;
          font-size: 12px;
     }

     .sectionOuter>.section:last-child {
          padding-bottom: 230px;
     }

     .distributorImg {
          position: relative;
          right: 0;
          width: 100%;
          transform: translateX(30px) translateY(0px);
          -moz-transform: translateX(30px) translateY(0px);
          -webkit-transform: translateX(30px) translateY(0px);
          -o-transform: translateX(30px) translateY(0px);
          -ms-transform: translateX(30px) translateY(0px);
     }
}


@media (min-width: 767px) and (max-width: 999px) {
     .row.colom-reverse {
          flex-direction: inherit;
     }

     .logo img {
          width: 218px;
     }

     .btn {
          display: flex;
          padding: 15px 0 0 0;
     }

     a.basiceBtn {
          margin-right: 15px;
     }

     h2.title, h1.title {
          font-size: 24px;
     }

     .bannerImg img {
          position: absolute;
          margin: 0 -45px 0 0;
          width: 400px;
     }

     .homepageSlider {
          padding: 150px 0 50px 0;
     }

     .bannerText {
          padding-bottom: 10px;
     }

     .carousel-indicators {
          text-align: left;
          right: inherit;
     }

     /* .leftImg_01 {
        position: absolute;
        margin-left: -350px;
        width: 600px;
   }
    */
     .text-center, .title, p.para, p.text-center {
          text-align: center !important;
     }

     .industryListing {
          grid-template-columns: 1fr 1fr;
          padding: 0;
     }

     .solutionListing {
          grid-template-columns: 1fr 1fr;
          gap: 30px;
     }

     .solutionsBox {
          border-bottom: none;
     }

     /* .systemSectionRightImg {
        width: inherit;
   }
    */
     .howitWorkList, .howitWorkListOuter .howitWorkList:nth-child(even) {
          grid-template-columns: 250px 1fr;
     }

     .howitWorkListOuter .howitWorkList:nth-child(even) {
          grid-template-columns: 1fr 250px;
     }

     .howitWorkListOuter .howitWorkList:nth-child(even) .howitWorkNumber {
          order: 2;
     }

     .howitWorkListOuter .howitWorkList:nth-child(even) .howitWorkContent {
          order: 1;
     }

     .howitWorkList {
          border-bottom: none;
     }

     .howitWorkContent {
          padding-left: 40px;
     }

     .clientLogosList {
          grid-template-columns: 1fr 1fr 1fr 1fr;
          gap: 15px;
          padding-top: 0;
     }

     .testinomailBox {
          grid-template-columns: 300px 1fr;
     }

     .homepageSlider {
          overflow: hidden;
     }

     .aboutusSection .title {
          text-align: left !important;
     }

     .FeatureListImg img {

          width: 300px;
     }

     .FeatureList {
          grid-template-columns: 320px 1fr;
     }

     .footerOuter .container {
          padding: 0;
          width: 100%;
          max-width: 100%;
     }

     .subscribeFooter {
          display: flex;
          justify-content: space-between;
          align-items: center;
     }

     .subscribeContent {
          width: 70%;
     }

     .footerLeft {
          padding: 15px;
          display: flex !important;
     }

     .footerLogo {
          padding-right: 40px;
     }

     .systemSectionRightImg img {
          width: 180%;
     }

     .leftImg_01 {
          margin: 0;
          width: 800px;
     }

     .bannerImg {
          width: 350px;
     }

     .leftImg_01 {
          width: 300px;
     }

     .FeatureList {
          display: grid;
     }

     .sectionFeature {
          position: relative;
     }

     .owl-stage-outer {
          padding: 0;
     }

     .FeatureListSilder .owl-theme .owl-nav {
          width: 300px;
          text-align: left;
          margin: 33px 0 0 80px;
          text-align: center;
     }

     .distributorListingFeatures {
          grid-template-columns: 1fr 1fr;
     }

     .distributorImg {
          position: relative;
          width: 100%;
          transform: translateX(12%) translateY(50px);
          -moz-transform: translateX(12%) translateY(50px);
          -webkit-transform: translateX(12%) translateY(50px);
          -o-transform: translateX(12%) translateY(50px);
          -ms-transform: translateX(12%) translateY(50px);
     }