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

.carousel-caption {

   

    top: 104px;}

}



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

    .sticky a.nav-link {

    color: #fff!important;

}
.eror-box h1 {
    font-size: 85px;
    font-weight: bold;
}
.eror-box h2 {
   
    font-size: 20px;
}
.eror-box {
    background: #fff;
    padding: 30px;
    }
.blog_post_content {
    
    padding-bottom: 0px!important;
}
/*.hero-bkg-animated {
      display: none;
}*/
.cat-box {
       display: block;
       margin-top: 30px;
}
.slider-span {
    bottom: 24px;
    position: absolute;
    left: 0px;
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
    background: #f1f1f1;
    padding: 15px 15px 15px 15px;
    border-radius: 0px 100px 100px 0px;
    visibility: hidden;
    transition: .1s all ease-in-out;
    -moz-transition: .1s all ease-in-out;
    -ms-transition: .1s all ease-in-out;
    -o-transition: .1s all ease-in-out;
    -webkit-transition: .1s all ease-in-out;
    width: 231px;
    font-weight: 700;
    text-transform: capitalize;
    z-index: 0;
        box-shadow: 0 7px 20px rgba(0,0,0,.15);

}
.slide-intre img {
    
    width: 35px;
}

.slider-img-box{
    width: 65px;
    height: 65px;
    
}
.hide-box {
    display: none;
}
.mt-70 {
     margin-top: 30px;
}
.left-box {
    width: 100%;
    left: 0px;
    position: relative;
    
}
.right-box {
   
    width: 100%;
    margin-top: 0px;
    margin-bottom: 30px;
}
.left {
    width: 100%;
   
}
.right {
    width: 100%;
    position: relative;
    right: 0px;
    
}

    ul.right-menu .btn-trial {

    width: 140px!important;

    text-align: center!important;

    margin: 18px auto!important;

}

    .dropdown-menu {

    min-width: 100%!important;

}

   .hidden-mobile{

    display: none!important;

   }

   ul.right-menu {

    margin-right: 0!important;

}

  li.nav-item {

    padding-right: 27px!important;

    padding-left: 27px;

}



    .navbar{

        padding:0!important;

    }

    .carousel-caption h1 {
    font-size: 18px!important;
    padding-bottom: 0px!important;
    line-height: 25px;
}
 .carousel-caption h2 {
    font-size: 18px!important;
    padding-bottom: 0px!important;
    line-height: 25px;
}



    .carousel-caption p {

    

    font-size: 16px!important;

    

}

.navbar-light .navbar-brand {

    margin-left: 30px!important;

}

.button-home a{padding: 12px 22px!important;

    font-size: 15px!important;

}

.first-li4 {

    right: 29%;

    top: -18%;

}

.first-li6 {
    right: 40%;
    top: 139%;
}
.first-li7 {

    right: 46%;

    top: 55%;

}

.first-li3 {

    left: 4%;

}

.first-li2 {

    left: 6%;

}

.first-li1 {

    top: -26%;

}

.first-li {

    top: -8%;

}

}

@media only screen and (max-width: 767px) {
    /*.button-home {
         display: none;
    } */
    .new-btunn {
    	 display: block;
    }
    .cent-fix {
        text-align: center!important;
    }

    .sticky .logo img{

margin-top: 20px;}

    .about-bnnr1 {

   

    min-height: 400px;

}
.mt-60 {
    margin-top: 0px;
}
.pricingTable {
    
    padding-bottom: 30px;
}


.just h2:after {
    
    background: none;
   
}
.just h2 {
    margin-bottom: 15px;
}
.bootom-content {
    padding: 40px 0 50px;
    background: #fff;
}
.just h2 {
    margin-bottom: 0px;
}
.loyalty-content.just {
    padding-top: 0px;
    padding-bottom: 0px;
}
.slider-span {
      width: 150px;
}
.packerdbkl {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}
.intre-main.aos-init.aos-animate {
    height: 1350px;
}
.left-box {
    
    padding: 20px;
        margin-top: 0px;
   
}
.left {
    width: 100%;
     float: inherit;
}
.right {
   
    padding: 20px;
    margin-top: 0px;
    
}
.loyalty-content h2 {
   
    font-size: 22px;
    line-height: 30px;
}
.first-li8 {
    position: absolute;
    right: 18%;
    top: 39%;
}
.first-li9 {
    position: absolute;
    right: 37%;
    top: -17%;
}
.first-li11 {
    position: absolute;
    right: 45%;
    top: 7%;
}
.first-li10 {
    position: absolute;
    left: 3%;
    top: 19%;
}

    .free h3 {

        

    font-size: 20px;

}

    .contact-section h5 {

    

    font-size: 17px;

}

    .mobile-pb {

    padding-bottom: 14px;

}

    .contact-section .row.form-row {

    padding: 10px 30px!important;

}

    .contact-section .contact-row1 {

   

    padding: 30px 0!important;

}

    .first-li3 {

    left: 0;

    top: 9%;

}

.first-li .slider-span, .first-li3 .slider-span, .first-li7 .slider-span, .first-li1 .slider-span, .first-li5 .slider-span, .first-li4 .slider-span {

    width: 141px!important;

}

.slider-span{

    font-size: 13px!important;

}

.first-li2 {

    

    top: 81%;

}

.first-li7 {

    right: 76%;

    top: 40%;

}

.first-li5 {

    right: 38%;

    top: 29%;

}

   .first-li {

    top: -26%;

    left: 13%;

}

.first-li4 {

    right: 30%;

    top: 53%;

}

.first-li1 {
    top: -16%;
    left: 66%;
}

    .carousel-caption {

   

    top: 90px;}



    .loyalty-image img {

    width: 100%;

}

    .serices-main .serices-box{

        width: 100%!important;

    }

    .serices-main h3, .services-title h3, .loyalty-main h2, .princing-head h2{

        font-size: 25px!important;

        padding-bottom: 14px;

    }

    .serices-main p, .pricingTable .pricingTable-signup, .princing-head p, .services-title p, .loyalty-main p, .about-content-box p, .choose-sub-box p, .contact-tilte p {

    font-size: 15px;

    

}



.serices-box.serices-box1 {

    margin-bottom: 25px;

}

.contact-form h4, .contact-tilte h4{        font-size: 25px!important;

}

.pricingTable .title {

    font-size: 27px;

    

}

.adress-intro {

    margin: 0 auto;

    max-width: 100%!important;

    text-align: center!important; 

}

.adress-intro ul li span, .adress-intro ul li a {

    font-size: 16px;

}

.coman-p {

   

    font-size: 22px!important;

    

}

.contact-intro-box {

    margin-bottom: 33px;

}

.pricingTable .price-value {

    font-size: 30px;

}

.pricingTable .month{

    font-size: 16px;

}

.services-content h4, .choose-sub-box h5{

    font-size: 18px!important;

}

.loyalty-content {

    padding-top: 20px;

    padding-bottom: 32px;

}

.button-home a {

    padding: 12px 22px!important;

    font-size: 15px!important;

}

.products-nav ul li, footer .touch p {

    font-size: 15px;

}

.padding-top-home {

    padding-bottom: 16px;

}

.counts-box {

    margin-bottom: 30px;

}

.counts-box i {

    font-size: 36px;

    }

.counts-box small, .counter-main span {

    font-size: 44px;

} 

.counter-main {

    padding: 66px 0 180px!important;

}

.counts-box p {

    font-size: 16px;

}

.footer-area h3 {

    font-size: 18px;

    padding-bottom: 14px!important;

    

}

.footer-area {

    margin-bottom: 25px;

}

.call_action .button-home {

    text-align: center;

}

.call_action .button-home a {

    float: none!important;

}

.call_action {

    padding: 37px 0 52px!important;

}

.call_action h4{

    font-size: 29px;

    text-align: center!important;

    padding-bottom: 37px;

}

.call-action-box1 h4{

    font-size: 29px;

    margin: 0!important;

    text-align: center!important;}

.mobile-hidden-li{
    /*display: none;*/
}
.about-bottom {
    
    background-position-x: 50%;
}



/*about css*/

.about-bnnr h4 {

    font-size: 37px;

    

    margin-left: 23px;

}

.about-content-box h3, .choose-content h3 {

        padding-bottom: 14px;

    font-size: 30px;

    

}

.about-content-box {

    padding-top: 41px;

}

.choose-content {

     padding-top: 0!important;}



.choose-sub-box h5 {

    font-size: 23px;

   

    padding-bottom: 8px;

}

.post-classic {

   

    margin-bottom: 42px;

}

.get-start-main{

    text-align: center;

}

.get-start-main img {margin-top: 42px;

   float: none!important;

}



.choose-sub-box1 {

    padding: 15px 0px 15px 30px!important;

}

.prining-main {

    padding: 60px 0 0;

}

.basic-prining-main {

    padding: 0px 0 60px 0;

}

.prining-main1{

    padding: 20px 0 60px!important;

}

.mobile-visible{

    display: block!important;

}

.mobile-hidden{

    display: none;

}

/*24sep 2021*/

.serices-main {
    padding: 60px 0;
    
}

.mt-150 {
    margin-top: 40px;
}

.about-content {
    padding: 80px 0px;
    background: #fff;
}

.pricing-tablee
{
    padding: 0px 0 0;
}


}











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

 .logo::after {
    zoom: 68%;
    left: -22px!important;
}

.navbar-light .navbar-brand {

    margin-left: 23px!important;

}

.logo img {
    padding-left: 0px!important;
    zoom: 60%;
}

    .get-start-main img {

    width: 100%!important;

}

    .serices-main .serices-box {

   

    padding: 50px 0px 50px 0px!important;

    

}

    .integration-visual-wrap {

   

    height: 633px!important;

}

.first-li3 {
    left: 25%;
    top: 90%;
}

    .first-li {
    top: -28%;
    left: 9%;
}

.first-li1 {
    top: -4%;
    left: 34%;
}

.first-li7 {
    right: 39%;
    top: 103%;
}
.first-li4 {
    right: 59%;
    top: 129%;
}
.first-li12 {
    right: 51%;
    top: 116%;
}




    .carousel-control-prev, .carousel-control-next {

    

    display: none!important;

}

.copyright-main p {

    

    text-align: center!important;

}

  .copyright-main span {

    float: none!important;

    display: block;

}  

}

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

    

    .about-bnnr1 {

    min-height: 100%!important;

}
.carousel-caption {

   

    top: 48px;}

    .carousel-caption h1 {
    font-size: 14px!important;
    padding-bottom: 0px!important;
    line-height: 20px;
}
.carousel-caption h2 {
    font-size: 14px!important;
    padding-bottom: 0px!important;
    line-height: 20px;
}



}