@media screen and (min-device-width: 1199px) and (max-device-width: 1399px) {

	.our_clients_section .owl-controls .owl-buttons {
		top: 15rem !important;
	}
	header.site_header .container, footer.footer_main .container {
    max-width: 95% !important;
  }

}

@media only screen and (max-width: 1399px) {
	.container.about_our_features_container {
		  max-width: 1200px !important;
		}
		.our_features_card_gap {
  		gap: 24px !important;
	}
}


@media only screen and (max-width: 1199px) {
	.our_clients_section .owl-controls .owl-buttons {
  		left: -8rem !important;
  		top: 17.2rem !important;
	}
	.about_banner_hero_img img{
  left: 0rem !important;
  min-width: unset !important;
}
.container.about_our_features_container {
		  max-width: 960px !important;
		}
		.our_features_card_gap {
  		gap: 24px !important;
	}
	.step1_section {
  	background-position: 8% 10%, 98% center, 98% 4%, center !important;
	}
}


@media only screen and (max-width: 1024px) {
	.customer-timlineslider .customer-timlinesliderinner button.slick-prev.slick-arrow{
		left: -2% !important;
	}
	.customer-timlineslider .customer-timlinesliderinner button.slick-next.slick-arrow{
		right: -2% !important;
	}
}


@media only screen and (max-width: 991px) {
	.home_banner_section img.home_banner_vector_img {
  		margin-top: 0rem !important;
	}  
	.direct_marketing_section::after {
		display: none !important;
	}
	.grow_faster_section ul.nav.nav-pills .nav-item .nav-link {
	    padding: 15px 18px !important;
	    min-width: fit-content !important;
	    white-space: nowrap;
	}
	.grow_faster_section .nav.nav-pills {
	  display: flex;
	  overflow: auto;
	  flex-direction: row;
	  flex-wrap: nowrap;
	  padding: 0px 16px 18px 0px;
	  margin-bottom: 0px !important;
	}
	 .collaborate_with_teams_section ul.nav.nav-pills, .security_privacy_section ul.nav.nav-pills {
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap;
    overflow: auto;
  }
  .bonuses_unilevel_plan_section.collaborate_with_teams_section ul.nav.nav-pills {
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap;
    overflow: auto;
  }

  .bonuses_unilevel_plan_section.collaborate_with_teams_section ul.nav.nav-pills li.nav-item button.nav-link {
  		white-space: nowrap;
  		padding: 7px 12px;
  		font-size: 16px;
  }
  .bonuses_unilevel_plan_section.collaborate_with_teams_section ul.nav.nav-pills li.nav-item button.nav-link .collaborate_team_tab_img {
  		min-width: 35px;
  		min-height: 35px;
  }

    .our_clients_section .owl-controls .owl-buttons {
    	left: auto !important;
    	top: -4.5rem !important;
    	right: 0;
  	}
  	section.features_banner_section {
  			padding: 6rem 0 4rem 0 !important;
  	}
  	section.matrix_mlm_banner_section, section.mlm_plans_banner_section {
  		padding: 8rem 0 4rem 0 !important;
		}
		.happy_customer_relationships_main_section{
			padding-bottom: 0rem !important;
		}

		.contact_banner_top_section {
  			min-height: 200px !important;
  		}
		  .mlm_plans_banner_bottom_section {
			margin-top: 0rem !important;
		  }
		  .pricing_inner_wrapper.free_wrapper {
			padding-right: 20px !important;
		  }
}


@media only screen and (max-width: 767px) {

	.happy_customer_relationships_section {
		  padding: 4rem 0 8rem 0 !important;
	}
	.our_features_card_height {
	  min-height: fit-content !important;
	  align-items: center;
	}
	.our_features_card_height img {
  	max-width: 90px;
	}
	.step1_section {
    background-position: 8% 10%, 95% 33%, 98% 4%, center !important;
    background-size: 14%, 28%, 21%, cover !important;
  }

  header.site_header .main_header_width_section {
  min-width: unset !important;
  text-align: start;
}
.create_project_btn_header {
  min-width: unset !important;
  justify-content: end;
  display: grid;
}
.mhv-80 {
	min-height: auto !important;
}
	.number_custom_card {
		padding: 2rem 1rem 1rem 3rem;
		width: 85%;
		margin-left: 2rem;
	}
	.custom_number_section h3 {
		min-width: 60px !important;
		min-height: 60px !important;
	}
	.custom_number_section {
		width: 75px !important;
		height: 75px !important;
		top: -1.5rem !important;
		left: -1.5rem !important;
	}
}

@media only screen and (max-width: 575px) {

	.faq_section {
	  padding: 20px 0px 15px !important;
	}
	.collaborate_with_teams_section .tab-content img {
	  animation: MoveUpDown1 0s linear infinite !important;
	}
	.count_section ul li {
   	 width: 47%;
  }
  .card.our_features_card {
  		padding: 2rem 1rem !important;
	}
	.our_features_card_gap {
  	  gap: 37px !important;
  }
  section.contact_banner_section {
  	background-size: 150%, 100% !important;
  }
  .faq_page_section {
	    padding: 15px !important;
	}
	.calculations_mlm_plan_section .accordion_custom .accordion-item .accordion-header button {
  	font-weight: 500 !important;
  	font-size: 16px !important;
	}

	.heading_lg_section h2 {
  	font-size: 42px !important;
	}
	section.create_project_banner_section {
  	padding: 9rem 0 4rem 0 !important;
  }
  .img-left-right, .img-rotateleft-rotateright {
  	animation: unset !important;
	}
	.faq_page_section .accordion-item .accordion-header button {
		font-size: 16px;
	  }
}

@media only screen and (max-width: 420px) {
	.count_section ul li {
   	 width: 100%;
  }
  section.contact_banner_section {
  	background-size: 250%, 100% !important;
  }
	.contact_right_section ul li {
	  font-size: 18px !important;
	}

	.bonuses_matrix_plan_section .accordion_custom .accordion-item .accordion-header button{
		padding: 5px !important;
		font-weight: 500 !important;
	  font-size: 18px !important;
	}
	.bonuses_matrix_plan_section .accordion_custom .accordion-item .accordion-header button img{
		width: 25px !important;
	}
	.bonuses_matrix_plan_section .accordion_custom .accordion-item .accordion-body{
		padding: 15px !important;
	}
	.heading_lg_section h2 {
  	font-size: 36px !important;
	}
	.or_login_with::before, .or_login_with::after {
	  width: 25% !important;
	}
}




/*--------------=========== signup-register Page left bar css here start ===========--------------*/

/*@media only screen and (max-width: 991px) {
	.accordion_left_side .custom_card {
	  overflow: unset !important;
	}
	.accordion_left_side .accordion .accordion-item button.accordion-button {
		padding: 5px !important;
	}
	.accordion-flush .accordion-item .accordion-button::after {
  	display: none;
	}
	.accordion_left_side .accordion .accordion-item {
	  z-index: 9;
	  width: fit-content;
	}
	.accordion_left_side .accordion .accordion-header .accordion-button:not(.collapsed) {
  	min-width: 180px;
	}
	.accordion_left_side .accordion .accordion-header .accordion-button:not(.collapsed) span {
  	display: block !important;
	}

	.accordion_left_side .accordion .accordion-item .tooltip-container {
  position: relative;
}

.accordion_left_side .accordion .accordion-item .tooltip {
  position: absolute;
  background-color: #cd2027;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  display: none;
  z-index: 1;
  opacity: 1;
  min-width: 190px;
  top: 0;
  left: 3rem;
}

	.accordion_left_side .accordion .accordion-item .tooltip-trigger:hover + .tooltip,
	.accordion_left_side .accordion .accordion-item .tooltip:hover {
	  display: block !important;
	}

  .accordion_left_side .accordion .accordion-item .tooltip::before {
    content: "";
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 9px solid #CD2027;
    width: 0;
    height: 0;
    position: absolute;
    left: -9px;
    top: 50%;
    transform: translatey(-50%);
  }
  .accordion_left_side .accordion .accordion-header .accordion-button:not(.collapsed) + .tooltip {
  	display: none !important;
	}
	.accordion_left_side .accordion .accordion-header .accordion-button:not(.collapsed) img {
  	margin-left: 0px !important;
  	margin-right: 8px;
	}
}

@media only screen and (max-width: 575px) {
	.col-xs-1 {
		min-width: 50px;
    width: 50px;
	}
	.col-xs-11 {
		
	}
}*/

@media only screen and (min-width: 992px) {
	.accordion_left_side .offcanvas {
	  position: sticky;
	  bottom: unset;
	  z-index: 99999;
	  display: flex;
	  flex-direction: column;
	  max-width: unset;
	  color: var(--bs-offcanvas-color);
	  visibility: visible;
	  background-color: unset;
	  background-clip: padding-box;
	  outline: 0;
	  transition: unset;
	  width: unset;
	  border-left: none;
	  transform: unset !important;
	}
	.accordion_left_side .offcanvas-body {
	  padding: 0px !important;
	}
}

@media only screen and (max-width: 991px) {
	.accordion_left_side .custom_card {
    overflow: unset !important;
    overflow-y: unset;
    overflow-y: unset !important;
    flex-basis: unset !important;
    overflow-y: unset !important;
    height: unset !important;
    top: unset !important;
    min-height: unset !important;
    position: unset !important;
    margin-bottom: 10px;
/*    width: fit-content !important;*/
    box-shadow: unset !important;
    border-radius: unset !important;

   /* width: 100%;
    text-align: right;*/
  }
}
/*--------------=========== signup-register Page left bar css here end ===========--------------*/


/* responsive */
@media (max-width:991px) {
	.pricing_inner_wrapper {
	  margin: 10px 0px !important;
	  border-radius: 10px !important;
	  padding: 10px 20px 30px;
  }
  
	.main_price_div {
	  font-size: 50px;
	  line-height: 60px;
	}
  
	.pricing_points li{
	  font-size: 16px;
	  margin: 5px 0;
	}
  
	.pricing_inner_wrapper::before,
	.pricing_inner_wrapper.medium_wrapper::before,
	.pricing_inner_wrapper.primum_wrapper::before {
	  font-size: 70px;
	  line-height: 60px;
	}
  
	.pricing_inner_wrapper.medium_wrapper {
	  padding: 20px 20px 40px;
	}
  
	.medium_wrapper .teams_div {
	  font-size: 40px;
	}
  
	.medium_wrapper .main_price_div {
	  font-size: 60px;
	  line-height: 80px;
	}
	.medium_wrapper .procss_div {
	  font-size: 16px;
	}
	.medium_wrapper .pricing_points li{
	  font-size: 17px;
  }
  }