/*****CSS START HERE******/

 @media (min-width:1170px) and (max-width:1200px) {
.auto-container {
 width: 1140px;
}
.pricing-left {
    width: 31.4%;
}
}
 @media (min-width:1024px) and (max-width:1169px) {
 .auto-container {
 max-width: 990px;
}
ul.connect-ul li {
 width: 24.2%;
}
.pricing-left {
    width: 31.2%;
	    margin: 0 31px 0 0;
		    padding: 30px 20px;
				    height: 480px;
}
.pricing-left large {
    font-size: 40px;
    line-height: 40px;
}
.pricing-left li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
}
 @media (min-width:980px) and (max-width:1023px) {
.auto-container {
 max-width: 950px;
}
ul.connect-ul li {
 width: 24.2%;
}
.reduction-right {
 padding: 10px 10px 0 0;
}
.pricing-left {
    width: 31.2%;
	    margin: 0 30px 0 0;
		    padding: 30px 20px;
				    height: 480px;
}
.pricing-left large {
    font-size: 40px;
    line-height: 40px;
}
.pricing-left li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
}
@media (min-width:768px) and (max-width:979px) {
.auto-container {
 max-width: 740px;
}
ul.connect-ul li {
width: 23.9%;
}
.reduction-right {
 padding: 10px 10px 0 0;
}
.reduction-outer {
 padding: 30px 0 0;
}
ul.convenient-ul li {
 width: 32.8%;
}
section.convenient-outer {
 padding: 40px 0 20px;
}
section.seamless-outer {
 padding: 30px 0 20px;
}
section.fancy-outer {
 padding: 100px 0 70px;
}
.pricing-left {
    width: 31.2%;
	    margin: 0 23px 0 0;
		    padding: 30px 20px;
				    height: 480px;
}
.pricing-left large {
    font-size: 40px;
    line-height: 40px;
}
.pricing-left li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
}
 @media screen and (max-width:767px) {
 .auto-container {
 max-width:100%;
 padding:0 15px;
}
.nav-btn {
 display: block;
 float: left;
 cursor: pointer;
 right: 21px;
 position: absolute;
 top: 13px;
}
 nav {
position:relative;
 transition: all 0.3s ease;
}
nav ul {
display:none;
}
 .main nav ul {
 display: block;
 width: 100%;
 position: fixed;
 left: 0;
 height:100vh;
 top: 50px;
 z-index: 9;
 background:#001a3a;
}
nav li {
 width:100%;
 text-align: center;
}
nav li a {
color: #fff;
padding: 10px 15px;
 display: inline-block;
 width: 100%;
 transition: ease all .5s;
}
 #nav-icon1 {
 width: 25px;
 height:16px;
 position: fixed;
 margin: 0px auto;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-transition: .5s ease-in-out;
 -moz-transition: .5s ease-in-out;
 -o-transition: .5s ease-in-out;
 transition: .5s ease-in-out;
 cursor: pointer;
 z-index:999;
}
 #nav-icon1 span {
 display: block;
 position: absolute;
 height: 2px;
 width: 22px;
 background: #ffffff;
 opacity: 1;
 left: 8px;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-transition: .25s ease-in-out;
 -moz-transition: .25s ease-in-out;
 -o-transition: .25s ease-in-out;
 transition: .25s ease-in-out;
}
#nav-icon1 span:nth-child(1) {
 top: 12px;
 width: 22px;
}
 #nav-icon1 span:nth-child(2) {
top: 7px;
 width: 22px;
 background-color: #ffffff;
}
 #nav-icon1 span:nth-child(3) {
 top: 17px;
}
 #nav-icon1.open span:nth-child(1) {
 top: 17px;
 -webkit-transform: rotate(135deg);
 -moz-transform: rotate(135deg);
 -o-transform: rotate(135deg);
 transform: rotate(135deg);
 width: 22px;
}
 #nav-icon1.open span:nth-child(2) {
opacity: 0;
 top: -60px;
 width: 100%;
}
 #nav-icon1.open span:nth-child(3) {
 top: 17px;
 -webkit-transform: rotate(-135deg);
 -moz-transform: rotate(-135deg);
 -o-transform: rotate(-135deg);
 transform: rotate(-135deg);
}
 #nav-icon1.open {
 top:10px;
}
nav li a, .header-right li a {
 color: #fff;
 padding: 10px 15px;
 display: inline-block;
 width: 100%;
 text-align: left;
 transition: ease all .5s;
}
body .signup-button {
width: 120px !important;
 padding: 9px 15px !important;
 text-align: center !important;
 margin: 10px 15px !important;
}
header {
 padding: 15px 0;
 position: fixed;
 box-shadow: 0 0 10px #ffffff8f;
 z-index: 11;
 height: 50px;
 background-color: #001a3a;
}
 ul.connect-ul li {
 width: 100%;
 padding: 12px 15px;
}
.reduction-right {
 padding: 15px 0 0 0;
 width: 100%;
 text-align: left;
}
section.reduction-outer {
 padding: 30px 0 0;
}
ul.convenient-ul li {
 width: 100%;
 padding: 0 0 20px;
}
section.convenient-outer {
 padding: 0 0 20px;
}
 .reduction-right p {
 padding: 0 0 26px 0;
}
section.seamless-outer {
 padding: 0 0 20px;
}
section.fancy-outer {
 padding: 50px 0 40px;
}
.header-left {
 padding: 0;
}
.banner-inner {
 max-width: 100%;
 width: 100%;
 padding: 0 15px;
}
.header-left img {
 filter: brightness(200);
 width: 80px;
}
section.banner-outer {
 padding: 100px 0 30px;
}
.banner-inner form {
 margin: 20px 0 0;
}
input.banner-filed {
 width: 100%;
}
input.field-btn {
margin: 15px 0 15px 0;
 padding: 8.5px 30px;
}
.rating-outer {
 padding:30px 0 0;
}
.rating-outer img {
 width: 80%;
}
section.manage-outer {
 padding: 50px 15px;
}
.owl-carousel .owl-stage-outer {
 padding: 0;
 float: left;
 width: 100%;
}
ul.convenient-ul {
 margin: 30px 0 0;
}
.reduction-left {
 width: 100%;
}
.faq-outer {
 padding: 30px 0 30px;
}
section.ai-powered-outer.free-con {
 padding: 0 0 30px;
}
.footer01 {
 padding: 0 0 20px;
 width: 100%;
}
.header-right li {
 margin: 0;
}
a.get-started {
 margin: 0;
 width: 100% !important;
 float: left;
 background: transparent;
 padding: 10px 15px !important;
}
footer {
 padding: 30px 0 0px;
}
a.get-started:hover {
 background: #001a3a;
}

.pricing-left {
    width: 100%;
	    margin: 0 0 20px;
		    padding: 30px 15px;
				    height: auto;
}
.pricing-left large {
    font-size: 30px;
    line-height:30px;
}
.pricing-left li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
.pricing-inner {
    padding: 30px 0 0;
}
section.fancy-outer.pricing-outer {
    padding: 0 0 30px;
}
}
/*****CSS END HERE******/