@media only screen and (min-width:2701px) and (max-width: 3100px) {
/*50%*/
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 2030px;
}
.card-box-price img {
margin-top: -216px;
width: 100%;
height: 360px;
}
.pricingTable .tabsBtnHolder ul{
margin-bottom:250px;
}
}
@media only screen and (min-width:2001px) and (max-width: 2700px) {
/*67%*/
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1525px;
}
.card-box-price img {
margin-top: -216px;
width: 100%;
height: 360px;
}
.pricingTable .tabsBtnHolder ul{
margin-bottom:250px;
}
}
@media only screen and (min-width: 1801px) and (max-width: 2000px) {
/*75%*/
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1324px;
}
.banner-heading h2{
padding-top: 70px;	
}
.card-box-price img {
margin-top: -236px;
width: 100%;
}
.pricingTable .tabsBtnHolder ul{
margin-bottom: 233px;
}
}
@media only screen and (min-width:1601px) and (max-width: 1800px) {
/*80%*/
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1260px;
}
.card-box-price img {
margin-top: -195px;
width: 100%;
}
}
@media only screen and (min-width:1517px) and (max-width: 1600px) {
/*90%*/
.card-box-price img {
margin-top: -192px;
width: 100%;
}
.email-section h3{
padding-top: 24px;
padding-bottom: 24px;	
}
}
@media only screen and (min-width:1400px) and (max-width: 1440px) {
.card-box-price img {
    margin-top: -194px;
    width: 100%;
    height: 299px;
}
}
@media only screen and (max-width: 991px) {
/*sidenav-start*/	
.sidenav {
margin: 0px;
height: 100%;
width: 300px;
position: fixed;
z-index: 9999;
display: block;
top: 0;
left: -300px;
background-color:#fff;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
padding-left: 0px !important;
}

.sidenav a {
padding: 10px 0px 10px 10px;
text-decoration: none;
font-size: 15px;
color:#000;
display: block;
transition: 0.3s;
font-weight: 500;
border-bottom:1px solid #e5d4dd;
font-family: 'Rubik';
}

.sidenav a:hover {
color: #ffffff;
background-color: #fe70ba;
box-shadow: unset;
}
.sidenav a.active{
color: #fff;
background: #16a6fb;	
} 
.sidenav .closebtn {
position: absolute;
top: 0px;
right: 15px;
font-size: 36px;
margin-left: 50px;
color:#000;
background-color: transparent;
}
.sidenav .closebtn:active{
background-color: transparent;
color: #8650a0;	
}
.menuOverlay.active {
opacity: 1;
visibility: visible;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.menuOverlay {
position: fixed;
width: 100%;
height: 100%;
left: 0px;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
opacity: 0;
visibility: hidden;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
top: 0;
}
.menuOpen {
left: 0;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
/*box-shadow:4px -4px 12px 2px rgb(0 0 0 / 23%), 4px -7px 20px 6px rgb(0 0 0 / 24%);*/
}
/*sidenav-end*/
.fixed-top{
z-index: 9999;	
}
.mobile-view-header {
box-shadow: 0 2px 15px rgb(0 0 0 / 23%);
background-color: #fff;
padding: 10px 0px;
z-index: 99;
}
a.login-btn-book-style{
z-index: 1
}

.banner-heading h2{
font-size: 20px;	
}
.banner-section {
height: unset;
position: relative;
background-size: 100%;
position: relative;
background-size: cover;
padding-bottom: 240px;
background-position: center;
margin-top: 60px;
}
.our-services-section h1 {
font-size: 30px;
font-weight: 600;
text-align: left;
color: #2f353e;
margin-bottom: 15px;
}
.our-services-section {
margin-top: 25px;
margin-bottom: 60px;
}
.conversation-management-section h5{
font-size: 30px;	
}
.brand-activation-section{
margin-top: 0px;
margin-bottom: 0px;	
}
.our-Products-section {
padding-top: 20px;
}
.our-Products-section h3 {
font-size: 30px;
font-weight: 600;
text-align: left;
color: #2f353e;
}
.brand-activation-section h5{
font-size: 30px;	
}
.customer-engagement-section h2{
padding-top: 80px;
font-size: 30px;	
}
.customer-btn-section {
margin-top: 35px;
}
.customer-notification-btn{
margin-bottom: 12px;	
}
.top-footer-section {
margin-top: 50px;
}
.submit-btn-style{
margin-bottom: 23px;	
}
.about-us-section {
margin-top: 30px;
}
.about-us-section h3{
font-size: 30px;	
}
.about-us-section img {
margin-top: 0px;
}
.about-our-section h3{
font-size: 30px;		
}
.customer-bg-img {
position: absolute;
top: 0px;
left: 0px;
}

}
@media only screen and (max-width: 768px) {
.bottom-bloons-section{
display: none;
}
.logo-section img{
width: 100%;
}
.digital-box-style img{
width: 100%;
}
.company-ideal-section {
background-color: #f4f5fe;
padding:30px 3px;
}
.digital-marketing-section {
background-color: #fff;
padding: 10px;
margin-top: 45px;
}
.digital-box-style img {
margin-top: -15px;
}
.digital-box-style h3 {
font-size: 20px;
}
.contact-us-section{
z-index: unset;
}
.banner-heading h2{
text-align: left;
padding: 20px 0px;	
font-size: 30px;
font-weight: 600;
}
.banner-btn{
text-align: left;
padding: 6px 0px;	
}
.our-services-section h2{
font-size: 20px;	
}
.our-services-section p{
padding-top: 0px;	
}
.conversation-management-section h5{
margin-top: 20px;
font-size: 30px;
font-weight: 600;
}
.conversation-box {
padding-top: 10px;
}
.trend-analysis-section h5 {
color: #00aeef;
padding-top: 15px;
font-size: 30px;
font-weight: 600;
}
.trend-analysis-section p{
padding-top: 0px;
}
.logo-section {
margin-top: 20px;
margin-bottom: 0;
background-color: rgba(244, 245, 254, 0.5);
padding: 17px;
}
.company-ideal-section h3 {
font-size: 30px;
font-weight: 600;
text-align: left;
color: #2f353e;
}
.card-box-price img{
display: none;
}
.company-ideal-section h3 {
font-size: 20px;
font-weight: 600;
text-align: center;
color: #2f353e;
}
.card-box-price{
background-color: #fff;
padding: 15px;
width: 100%;
border-top-left-radius: unset;
min-height: auto;
}
.email-section h3{
margin-bottom: 0px;
padding-top: 10px;
padding-bottom: 24px;
font-size: 20px !important;	
}
.monthlyPriceList .col-lg-3.col-12{
padding-right: unset;
padding-left: unset;
}
.yearlyPriceList .col-lg-3.col-12{
padding-right: unset;
padding-left: unset;
}
.pricingTable .tabsBtnHolder ul{
margin-bottom: 25px;	
}
.pt-90 {
padding-top: 20px !important;
}
.footer-price-btn-style{
min-height: 57px;
background: #fff;
border-bottom-left-radius: unset;
padding: 20px;
margin-bottom: 20px;	
}
.footer-inner-price-btn-style{
margin-bottom: 30px;	
}
.border-right-side {
border-right: unset;
z-index: unset;
}
.right-side-box-shodow {
box-shadow: unset;
z-index: unset;
}
.card-box-price1 h1 {
font-size: 30px;
font-weight: 600;
text-align: center;
color: #000;
}
a.get-startet-price {
font-size: 15px;
text-align: left;
color: #2f353e;
border-radius: 30px;
border: solid 1px #000;
background-color: #fff;
padding: 7px 25px;
}
.heading-inner p{
font-weight: 500;	
}
.active-box-style{
top: -17px;
}
.border-bottom-right-side {
border-bottom-right-radius: unset;
}
.terms-style {
font-size: 16px;
font-weight: normal;
padding-top: 0px;
color: #000;
}
.mobile-view-header img{
width: 85px;
padding-top: 6px;	
}
.logo-mobile{
	text-align: left;
}
}
@media only screen and (max-width: 600px) {
.testimonial-section {
padding-bottom: 60px;
}
}