@charset "utf-8";
/* CSS Document */
@media  (max-width:767px) {

/*----------------20-10-2022---------------------*/
.text-center{ padding-top:20px !important;}
.transformation-part{ min-height:400px !important; }




/*----------------20-10-2022---------------------*/

	
	
	
.client-logo {
    margin-top: -10px;
    margin-bottom: 10px;
	
}	
	

.our-clients {
	margin-top: 0px;
}
.banner-text-part h1 {
	font-size: 28px;
	text-align: center
}
.heading-client {
	width: 144px;
	height: 57px;
	margin: 0 auto;
	margin-top: 25px;
}
.sales-delivery h2 {
	font-size: 27px;
}
.order-management h3 {
	padding-top: 35px;
}
.order-management span {
	display: flex;
}
.go-sales-part h2 {
	font-size: 26px;
}
.manage-workflow h2 {
	font-size: 26px;
	color:#fff;
}
.award-part h2 {
	font-size: 26px;
}
.testimonial-part h2 {
	font-size: 26px;
}
.order-management h3 {
	font-size: 24px;
}
.our-clients{ padding:0;}
.gosales-text p {
	margin-bottom: 12px;
	text-align: center;
}
.manage-workflow p{ color:#fff; font-size:15px;}
.award-logo ul li {
	width: calc(50% - 20px);
}
.achieve-part {
	border-radius: 30px 30px;
	margin-bottom: 30px;
}
.order-place::before {
	width: 363px;
	height: 366px;
	right: 16px;
	left: 0;
	z-index: -123;
}
.features-left{ margin-top:25px !important;}
.for-all span img{ margin-top:9px;}
.our-clients {
	clip-path: none;
}
.total-exp img {
	width: 50%;
}
.free-demo h2 {
	font-size: 26px;
}
.easy-to-use h5 {
	font-size: 20px;
}
.sales-field h2 {
	font-size: 26px;
}
.achieve-part-start {
	width: 100%;
	min-height: auto;
	position: relative;
	margin-left: 0;
	padding: 15px;
	margin-bottom: 15px;
}
.free-demo {
	margin-top: 410px;
}
.easy-to-use img {
	max-width: 30%;
}
.easy-to-use {
	min-height: auto;
	margin-top: -603px;
	float: left;
	width: 100%;
	text-align: center;
}
.easy-to-use h5 {
	font-size: 18px;
}
.manage-workflow {
	background: #1A40AA;
	padding-top:60px;
}
.banner-text-part .video-on {
	width: 50px;
	height: 50px;
	right: 0;
	top: 85%;
}
.order-management {
	text-align: center;
}
.order-management span {
	display: flex;
	justify-content: center;
}
/*----------------------------------13/09/2022--------------------------------*/
.sales-banner{ width:100%; margin-bottom:15px;}
.heading-client h6{ font-size:20px;}
.transformation-part{ min-height:400px; padding:10px 15px; }
.management-banner{ width:100%; margin-bottom:15px;}
/*----------------------------------13/09/2022--------------------------------*/

.gosales-text {
	margin-left: 0;
	padding: 15px;
	text-align: center;
}
.order-place {
	margin-top: 25px;
}
.work-flow-part {
	min-height: 130px;
	height: 0;
}
.banner-text-part p {
	text-align: center;
	font-size: 22px;
}
.banner-part {
	height: 330px;
}
.easy-to-use::after {
	width: 140px;
	height: 80px;
}
.achieve-part-start p {
	text-align: center;
}
.free-demo {
	text-align: center;
}
.footer-part .company-part {
	text-align: center;
}
.footer-part {
	text-align: center;
}
.demo-heading {
	width: 100%;
}
.demo-heading input {
	width: 100%;
}
.management-banner {
	text-align: center;
	height: auto;
	padding: 25px;
}
.sales-banner {
	text-align: center;
	height: auto;
	padding: 25px;
}
/*.free-demo ul{ display:flex; justify-content:center; }*/
.free-demo ul li {
	width: 180px;
}
.new_banner_content ul li {
	width: 162px !important;
}
.tempo-slider_box {
	width: 100% !important;
	height: auto !important;
}
.tempo-slider_box img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.slide-bar{ display:none;}
.new-success-story h2{ font-size:26px;}
.new_banner_section{ width:100%;}
/*-----------------------------new-css----------------*/  
.brocure-image {
	width: 100%;
	margin-top: 25px;
}
.stellarnav.mobile.right > ul {
	right: -20px;
}
#exampleModal .modal-dialog {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 300px;
}
.free-demo {
	min-height: 300px;
}
.new_banner_content ul li:last-child {
	margin-left: 0;
}
.new_banner_content ul li {
    display: block;
    margin-bottom: 15px;
    float: left;
    margin-right: 5px;
}
.free-demo ul li {
	display: block;
	margin-bottom: 25px;
	width:100%;
}
.free-demo ul li:last-child{ position:relative;}
.free-demo ul li:last-child {
	margin-left: 0;
}

.succc-new-image {
  top: 8%;
 
}
.succc-new-image h1{ font-size:13px; margin-bottom:15px;}
.thank-you-part img{ width:100%;}
.succc-new-image h2{ font-size:18px; margin-bottom:10px;}
.footer-bottom p{ font-size:12px;}

.succc-new-image .new-read-more{ padding:5px 12px;}
.pagination .page-item{ margin-bottom:40px !important;}

.award-logo .d-flex{ padding:0;}

}
@media screen and (min-width:768px) and (max-width:1120px) {
	    .achieve-part-start{width: 154px; margin-left:0;}
	    .free-demo h2{ font-size:34px;}
		.succc-new-image h2{ font-size:28px;} 
		.succc-new-image h1{ margin-bottom:14px; font-size:31px;}
		.achieve-part:last-child{ margin-bottom: 137px;}
		.easy-to-use{width: 215px; margin-top: -338px;}
		.easy-to-use::after{ width:160px;}
		.footer-part{ margin-top:65px;}
		
		.stellarnav.mobile.right > ul {
  right: 129px;
}

.slide-bar{}

.company-part{ text-align:center;}
	
	}
	
	
	
/*** menu reponsive ***/	

@media screen and (min-device-width:1650px) and (max-device-width:2090px) {
.navbar-expand-lg .navbar-nav .dropdown-menu {
	right: -920px;
	max-width: 920px
}


}
@media screen and (min-device-width:1600px) and (max-device-width:1800px) {

}
@media screen and (min-device-width:1600px) and (max-device-width:2090px) {
header .container {
	max-width: 1521px
}
#service .container {
	max-width: 1521px
}

.client_logo .container {
	max-width: 1521px
}

}
@media screen and (min-device-width:1480px) and (max-device-width:1600px) {

}
@media screen and (min-device-width:1480px) and (max-device-width:2090px) {


.navbar-expand-lg .navbar-nav .nav-link {
	padding-left: 0.5rem
}





@keyframes underline3 {
0% {
width:0%;
background-color:#fff
}
100% {
width:45%;
background-color:transparent
}
}

}
@media screen and (min-device-width:1880px) and (max-device-width:2090px) {
.inner_burger_menu {
	right: -10%
}
}
@media screen and (min-device-width:1831px) and (max-device-width:1899px) {

}
@media screen and (min-device-width:1700px) and (max-device-width:1830px) {

}
@media screen and (min-device-width:1600px) and (max-device-width:1699px) {


}
@media screen and (min-device-width:1500px) and (max-device-width:1599px) {

}
@media screen and (min-device-width:1430px) and (max-device-width:1499px) {

}
@media screen and (min-device-width:1400px) and (max-device-width:1499px) {


}
@media screen and (min-device-width:1200px) and (max-device-width:1399px) {


}
@media screen and (min-device-width:1000px) and (max-device-width:1099px) {

}
@media screen and (min-device-width:1100px) and (max-device-width:1199px) {

}
@media screen and (min-device-width:1200px) and (max-device-width:1299px) {

}
@media screen and (min-device-width:1300px) and (max-device-width:1330px) {

}
@media screen and (min-device-width:1331px) and (max-device-width:1400px) {

}
@media screen and (min-device-width:1480px) and (max-device-width:1850px) {

}
@media screen and (min-device-width:1200px) and (max-device-width:1479px) {



/*.navbar-expand-lg .navbar-nav .nav-link {
	padding-left: 1.5rem
}*/
header .container {
	/*max-width: 1378px;*/
}
.client_logo_ul li {
	display: inline-block;
	padding: 0 0 12px 0;
	float: left
}

.client_logo_ul li h6 {
	float: left;
	margin-top: 15px;
	padding-right: 11px;
	line-height: 26px
}

.iconimg {
	width: 35px;
	height: 35px;
	line-height: 30px
}

.client_logo_ul li h6 {
	font-size: 23px;
	float: left
}

}
@media screen and (min-device-width:1300px) and (max-device-width:1479px) {

}
@media screen and (min-width:992px) and (max-width:1199px) {

.navbar-expand-lg .navbar-nav .dropdown-menu {
	right: -589px;
	max-width: 589px
}
.navbar-brand {
    max-width: 243px;
    margin: auto;
}
.desktop_nav {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
}
@media screen and (min-device-width:720px) and (max-device-width:767px) {
.menu-list.active {
	left: 1%!important
}
}
@media screen and (min-device-width:768px) and (max-device-width:778px) {
.menu-list.active {
	left: 0 !important
}
}
@media screen and (min-device-width:779px) and (max-device-width:830px) {
.menu-list.active {
	left: -5%!important
}
}
@media screen and (min-device-width:831px) and (max-device-width:874px) {
.menu-list.active {
	left: -9%!important
}
}
@media screen and (min-device-width:875px) and (max-device-width:900px) {
.menu-list.active {
	left: -12%!important
}
}
@media screen and (min-device-width:901px) and (max-device-width:970px) {
.menu-list.active {
	left: -15%!important
}
}
@media screen and (min-device-width:971px) and (max-device-width:990px) {
.menu-list.active {
	left: -19%!important
}
}
@media screen and (min-device-width:768px) and (max-device-width:991px) {

header .container {
	max-width: 868px
}
.mobilemenu_logo {
	width: 155px
}

.mobilenav {
	display: block!important
}
.desktop_nav {
	display: none
}
.backtomainmenu {
	display: block
}
.so-apart {
	top: 58%
}

.dropdown-menu ul li ul {
	display: none!important
}
.arrow ul {
	margin: 0 auto;
	width: 60px;
	display: block;
	position: relative;
	margin-bottom: 67px;
	margin-top: 40px
}

.dropdown-menu ul li ul {
	left: 0!important;
	display: none!important;
	padding: 51px 15px 30px!important;
	width: 100%!important
}
.dropdown-menu ul li a h6 {
	font-size: 16px
}
.dropdown-menu ul li a {
	font-size: 13px
}

.navbar-toggler {
	color: #99d98c
}

.navbar-nav .nav-link {
	font-size: 15px
}

.inner_burger_menu {
	display: none
}
.inner_page_menu .navbar-nav {
	display: inline-flex
}
.sub_menu_div {
	border: none!important
}

.top-contact {
	position: relative;
	right: -15px
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
	position: relative;
	padding: 67px 16px 30px 0;
	top: -41px;
	right: 21px!important
}

}
@media only screen and (width:767px) {
#client_logo {
	padding: 32px 0
}
.client_logo_ul li h6 {
	font-size: 24px;
	margin-left: 41%
}
.client_logo_ul li img {
	width: 19%
}

header .container {
	max-width: 100%
}

}
@media only screen and (max-width:991px) {
header .container {
	max-width: 100%
}
.mobilemenu_logo {
	width: 226px;
	margin-top: 8px;
}

}
@media screen and (min-device-width:480px) and (max-device-width:767px) {

.mobilenav {
	display: block!important
}
.desktop_nav {
	display: none
}
.backtomainmenu {
	display: block
}
.so-apart {
	top: 58%
}
header .container {
	max-width: 755px
}

.dropdown-menu ul li ul {
	left: 0!important;
	display: none!important;
	padding: 51px 15px 30px!important;
	width: 100%!important
}
.dropdown-menu ul li a h6 {
	font-size: 16px
}
.dropdown-menu ul li a {
	font-size: 13px
}

.inner_burger_menu {
	display: none
}
.inner_page_menu .navbar-nav {
	display: inline-flex
}
.sub_menu_div {
	border: none!important
}

.navbar-toggler {
	color: #99d98c
}

.right_border {
	border: none
}

.navbar-nav .nav-link {
	font-size: 15px
}
.shadow-effect {
	background: #fff
}

.case_list .dropdown-menu {
	left: 0;
	right: 0;
	width: 300px;
	margin: auto
}
.case_list .dropdown-item {
	padding: 11px 1.5rem;
	font-size: 14px
}

.top-contact {
	position: relative;
	right: -15px
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
	position: absolute;
	padding: 9px 16px 30px 0;
	top: -142px;
	right: 0!important;
	background: #fff;
	z-index: 9999999999999999;
	height: 100vh;
	left: -38px;
	overflow-y: scroll;
	transition: 2s all ease
}

}
@media screen and (min-device-width:320px) and (max-device-width:359px) {

}
@media screen and (min-device-width:360px) and (max-device-width:479px) {

}
@media screen and (min-device-width:480px) and (max-device-width:580px) {

}
@media screen and (min-device-width:290px) and (max-device-width:479px) {


.mobilenav {
	display: block!important
}
.desktop_nav {
	display: none
}
.backtomainmenu {
	display: block
}
.so-apart {
	top: 58%
}

.arrow ul {
	margin: 0 auto;
	width: 60px;
	display: block;
	position: relative;
	margin-bottom: 43px;
	margin-top: 40px
}

.dropdown-menu ul li ul {
	left: 0!important;
	display: block!important;
	padding: 51px 15px 30px!important;
	width: 100%!important
}
.dropdown-menu ul li a h6 {
	font-size: 16px
}
.dropdown-menu ul li a {
	font-size: 17px
}

.case_list .dropdown-menu {
	left: 0;
	right: 0;
	width: 300px;
	margin: auto
}
.case_list .dropdown-item {
	padding: 11px 1.5rem;
	font-size: 14px
}


.navbar-toggler {
	background: #fff;
	color: #99d98c
}

.fa-quote-right {
	left: 141px;
	color: #fff;
	font-size: 26px!important;
	opacity: .5
}
.fa-quote-left {
	color: #fff;
	font-size: 26px!important;
	opacity: .5;
	left: -141px
}


.navbar-nav .nav-link {
	font-size: 15px
}

.inner_burger_menu {
	display: none
}
.inner_page_menu .navbar-nav {
	display: inline-flex
}
.sub_menu_div {
	border: none!important
}


.s-logo {
	min-height: 80px;
	max-height: 93px;
	margin-bottom: 30px
}
.navbar-brand {
	max-width: 156px
}

.so-apart {
	right: 0!important;
	top: 58%
}

.top-contact {
	position: relative;
	right: -15px
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
	position: relative;
	padding: 67px 16px 0 0;
	top: -41px;
	right: 46px!important
}

}
@media screen and (min-device-width:1100px) and (max-device-width:1400px) {
.shadow-effect {
	background-repeat: no-repeat;
	background-size: 108% 100%
}

}
@media screen and (min-device-width:1200px) and (max-device-width:1300px) {

}
@media screen and (min-device-width:320px) and (max-device-width:767px) {


.sticky_icon_div {
	padding: 13px 5px;
	top: 60%
}
.sticky_icon_ul {
	width: 28px
}




#nav-tabContent {
	padding: 0!important
}
#nav-tabContent .icon_div {
	padding: 40px 10px 40px 30px!important
}

.Manage-accordion::before {
	display: none
}
}
@media screen and (min-device-width:768px) and (max-device-width:991px) {

.sticky_icon_div {
	padding: 13px 5px
}
.Manage-accordion::before {
	display: none
}
#menu-container .menu-list{padding-left: 71px !important;}

.heading-client h6 {
  font-size: 17px;
  padding-left: 11px;}
  .sales-part{ height: 202px !important; }
  .slide-bar{ right: 8px; }
  element {
}


}
@media screen and (min-device-width:320px) and (max-device-width:767px) {
.shadow-effect .test_part1{ width:100% !important;}	
.testimonials-banner-new2 .test_part1{ margin-top: 0px !important; }
.test_part1{ display: flex; justify-content: center; align-items: center; }
.test_head img{ margin: 0 auto !important; }
.test_part1{ padding: 0 !important; }
}



@media screen and (min-device-width:320px) and (max-device-width:991px) {

.mobilemenu_logo {
	position: relative;
	z-index: 99999;
}
.mobilemenu_logo img{ max-width:100%; height:auto;}
.heading-client h6{ font-size:20px !important;}
#testimonial-slider012 .service_pre{ display:none;}
#testimonial-slider012 .service_next{ display:none;}
.monthly-annually-part{padding-bottom: 50px !important;
}


}

/*** menu reponsive ***/




/*-------------------------20-10-2022--------------------------*/

@media (max-width:768px){
	.four-o-four-text-lg {
		font-size: 60px;
	}
	.four-o-four-bg {
		height: 600px;
	}
}
@media (max-width:600px){
	#testimonial-slider .item img {
		max-width: 145px;
		margin: auto;
	}

}


/* menu-responsive */
.mobilenav .menu-list.active {
    left: 0% !important;
    -webkit-transition: left 0.5s;
    -o-transition: left 0.5s;
    transition: left 0.5s;
}
/* end-menu-responsive */












