﻿body { 
}



/*======================@media quiry strat 1024px */
@media (max-width: 1024px) {

 .innerpad {padding: 30px 3%;}
 .left-contact .rightsTo p {margin-bottom: 0; }
 .pricing-plan .sec-seperator-half.br-20 {width: 97%}
 .pricing-plan .row {margin: 0px;}
 .affiliate ul li {width: 100%;}
 .clients {padding: 0px 0px; }
.clients figure {min-width: 109px;}
 .browse-menu-gl {min-width: 202px;}
 header a.logoBox img {width: 71px;margin-right: 20px;}    
 .header-cate-cont .category-tags {width: calc(100% - 0%); }
 .collapse.navbar-collapse .nav-link {padding: 8px 10px;}
 .pricing-slab .columone {margin-bottom: 20px; }
 ul.nav-left-menu .navbar-form {margin:0px!important;}
 .profileModalBox .btn {min-width: auto;}
 .navbar-nav li {border-bottom:0px;} 
 /**home page*/
 .steps-home {padding: 42px;margin: 0% 0%;}
 .partners {margin: 0% 0%;padding: 31px;}
 .partners-img-hold a {width: 82px; height: 71px;}
 .restarurent {margin: 0;}
 .menu-list h2 a {padding: 9px 10px;}
 .menu-list h2 span {font-size: 23px;}
 .contact-left .refreshIcon {display: none;}
 .contact-left {padding: 40px;}
 .contact-us {padding: 0 1%;}     
 .main-contact-us {padding-top:30px;}
 .top-banner .top-banner-left {float: left;padding: 1px 0px 50px 0px !important;}

    }

/*======================@media quiry strat 768px */

@media (max-width: 768px) {
 .banner-txt-sliding {height: 177px;}
 .top-banner-right img {border-radius: 1rem !important;border: 1px solid #ddd;border-left: 0px solid #ddd;}
 .partners-img-hold {padding-top: 25px; }
 .restarurent-box .demo-call-link {padding-left: 0 !important;}
 .partners-img-hold a { width: 79px; height: 71px;}
  header.fixed + main {padding-top: 4rem; }
 .banner-txt-sliding {width: 297px; }
 .header-create-btn .btn.create {height: 35px;}
 nav.navbar {padding-top: 1rem !important;padding-bottom: 1rem !important;}
 .navbar .container-fluid {align-items: flex-start;}
 #isMobile {width: 60%;position: relative;}
 #isMobile .all-template-link .header-cate-btn {width: 100%;background: #ebf1f5 !important;}
 #isMobile .header-two-Btn {position: absolute;right: 0px;top: 0px;display: flex; }
    .all-template-link {
        width: 200px;
        position: absolute;
        background: #fbfbfb;
        padding: 0px;
        left: 0px;
        top: 0px;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }
    .header-cate-btn {
        margin: 2px 0 0px 0 !important;
    }
 /**start slash*/
 .innerpad {padding: 30px 3%;}
 .nav-left-menu {  margin: 0 auto;}
 .nav-left-menu ul {display:flex;}
 .nav-left-menu ul.c-menu__items.tag-item {display: block; }
 .Terms-Service-changing-txt .changing-txt {width: 100%;margin: 29px auto 15px; }
 .top-banner {width: 100%;}
 .col-md-12 .top-banner .top-banner-left {float: left; padding: 1px 0px 0px 0px !important;}
 .registrationHelp {display:none;}
 .pricing-slab .columone {margin-bottom: 20px;    }
 .clients figure {min-width: 102px;}
 .affiliate h2 { font-size: 28px; }
 .affiliate h4 {  font-size: 13px;}
 .affiliate ul li { width: 100%; }
 .affiliate .btn { margin-top: 15px; margin-bottom:0px; } 
 .clients{ padding: 0px 25px;} 
 .footerSection .left-contact { width: 92%; margin: 20px auto;}
 .left-contact .footerlogo {text-align:left;   margin: 0px; }
    .left-contact .rightsTo {  text-align: left; }
 .socialMedia-main {  text-align: left;display: block;}
 .socialMedia-main .pay-logo {padding: 30px 30px 10px 0px;}
 .socialMedia-main .pay-logo img {width: 43%;}
 .socialMedia-main .btn.book-call {padding: 0px 15px !important;}
 .footerSection .socialMedia li {padding: 0px 12px 0px 0px;}
 .footerSection .pay-logo img {width: 33%;height: auto;}
 .footerSection .socialMedia {margin: 9px 0 0 0px;} 
 .footerSection .socialMedia li img {width: 33px;height: auto;}
 .left-contact .rightsTo p {margin-bottom: 0;}
 .pricing-plan .sec-seperator-half.br-20 {width:97% }
 .pricing-plan .row {margin:0px;}
 .header-cate-cont .category-tags {width: calc(100% - 0%);}
 .footer-links ul {float: left;width: 100%;}
 .sec-pad.home {padding:0px 5%;}
 .menu-list h1 {font-size: 2rem;}
 .section-title-H h2 {font-size: 2rem;}
 .client-logo ul li {padding: 6px 8px;margin: 10PX;}
 .partners h2 {font-size: 2rem;}
 .restarurent .col-lg-6 {margin-bottom: 25px;}
 .contact-left .refreshIcon img {display: none;}
 .innerpage-padding .contact-us {width:100%;}
 .contact-left {padding: 40px;}
 .main-contact-us {padding: 65px;}
 .contact-side-article {padding:0px;margin-top:25px;}
 .collapse.navbar-collapse .nav-link:hover {background: transparent !important;border-radius: 30px;}
 .pageInner .registration {margin-top:50px}
 #isMobile .header-create-btn {margin:0 10px;}
 .client-logo ul li img {width:80%    }
 .client-logo {margin-top: 44px;margin-bottom: 15px;width: 80%;margin: 0 auto 30px; float: none;}
 .top-banner-left p {width: 85%;}
 .top-banner-left h1 {margin-top: 32px;font-size: 29px;line-height: 44px;}


 
    .Menuboard-three-list {
        margin-top: 4px;
     
    }
.Menuboard-three-list .row {margin: 40px 40px 0px 40px;padding: 0px;}
.Menuboard-three-list .row .col-md-6 {width:100%;}
.three-list-box-right .row {padding: 0px;margin: 0px;justify-content: left;}
.three-list-box-right .row .box-card {width:50% }
    .hvm-menu .menu-list {padding:20px;margin:0px;}
    .hvm-menu .row {padding:15px;    }
    .Menuboard-three-list .box-card span { left: 0;}
    .Menuboard-three-list .box-card {padding: 20px 15px 5px 35px;}

    .category-tags ul
    {
        column-count: auto;
      
    }
        .category-tags ul li {
            background: #fbfbfb;
        }
        /**end slash*/
    }


/*======================@media quiry strat 576px */
@media (max-width: 576px) {



    .portrait-banner {
        width: 50% !important;
    }
    .Menuboard-three-list .row {
        margin: 20px 10px 0px 10px;;
        padding: 0px;
    }

    .category-tags ul li {
        background:transparent;
    }
    .three-list-box-right .row .box-card {
        width:100%
    }
    .navbar-collapse.collapse.show li a {
        color: #fff;
        padding: 5px 20px; /* width: 100%; */
        float: left;
        text-align: left;
    }

    .pricing-slab .columone {
        margin-bottom: 20px;
    }

    header.fixed {
        padding-right: 0rem;
    }

    .affiliate-content {
        margin-bottom: 25px;
    }

    .affiliate .row {
        padding-bottom: 40px;
        margin: 0px;
    }

    .innerpage-banner img {
        display: none;
    }

    .innerpage-banner {
        padding: 1.5rem;
    }

    .sec-seperator-half.br-20 {
        height: auto;
    }

    .toggle-btn-container {
        width: 100%;
    }

        .toggle-btn-container .toggle-btns {
            display: block;
            width: 100%;
        }

    .innerpad {
        padding: 10px 3%;
    }

    .innerpage-banner h2 {
        font-size: 31px;
        line-height: 37px;
        margin-top: 5px;
    }

    .innerpage-banner p {
        font-size: 15px;
        margin-top: 10px;
    }

    .innerpage-banner {
        border-radius: 1rem;
        min-height: auto;
    }

    .pricing-plan .sec-seperator-half.br-20 {
        width: 95%;
    }
    .menu-list h2 span {
       
        font-size: 15px;
    }
    .top-banner-left h1 {
        margin-top: 0px;
        font-size: 42px;
        line-height: 50px;
    }

    .top-banner-right img {
        border-radius: 1rem 1rem 1rem 1rem !important;
    }

    .top-banner img {
        width: 100%;
    }

    .top-banner {
        border-radius: 1rem;
    }

    .partners-img-hold a {
        width: 102px;
        height: 60px;
    }

    .top-banner img {
        border-radius: 1rem;
    }

    .top-banner .top-banner-left {
        float: left;
        padding: 1px 0px 5px 0px !important;
    }

    .banner-txt-sliding {
        width: 400px;
    }

    header.fixed + main {
        padding-top: 4rem;
    }

    .client-logo ul li {
        padding: 6px 8px;
        margin: 0PX;
    }

    .section-title-H h2 {
        font-size: 26px;
    }

    .steps-home {
        padding: 21px;
        margin: 0% 0%;
    }

    .steps-home-desc {
        padding: 0;
    }

    .menu-list h2 span {
        display: inline-block;
        width: auto;
    }

    .partners .black-btn {
        margin-bottom: 20px;
    }

    .clients figure {
        min-width: 112px;
    }

        .clients figure img {
            max-height: 52px;
        }

    .clients h2 {
        font-size: 1.5rem;
    }

    .screenlock-home h2 {
        font-size: 25px;
    }

    .screenlock-home {
        padding-top: 35px;
        padding-bottom: 31px;
    }

    .restarurent .restarurent-box {
        padding: 2rem;
    }

    .footerSection .left-contact {
        width: 100%;
        margin: 20px auto;
    }
    .footer-links ul li span {
        display: block;
        padding: 10px 0px;
        
    }

    .footerSection .pay-logo img {
        width: 43%;
        height: auto;
    }

    .contact-left .refreshIcon img {
        display: none;
    }

    .main-contact-us {
        padding: 43px;
    }

    .contact-left {
        padding: 0;
    }

        .contact-left .contact-form {
            padding: 0px;
        }

    .contact-us .tilte {
        font-size: 26px;
    }

    .contact-left .contact-form .btn-h {
        height: auto;
        width: 100%;
    }

    .innerpad .partners {
        padding: 11px;
    }

        .innerpad .partners article {
            border: solid 1px #e3e1e1;
            text-align: left;
            padding: 20px;
        }

    #isMobile .header-create-btn .create {
        padding: 0;
        height: 40px !important;
        width: 40px !important;
    }

    #isMobile .login {
        padding: 0;
        height: 40px !important;
        width: 40px !important;
    }

    .nav-left-menu {
        margin: 0 29px;
    }

    .logModul .logModul_inner .login-form-holds .forget-hold {
        right: -110%;
    }

    .navbar-toggler:focus {
        outline: 0 !important;
        box-shadow: none !important;
    }
    /*****/
    #popup {
        width: 86%;
    }

        #popup .modal__content {
            width: 100%;
            padding: 10px;
        }

    .partners-img-hold a:nth-child(3n) {
        margin-right: 0px !important;
    }

    .logo-hold {
        width: auto;
        justify-content: left;
    }

    .navbar-toggler {
        margin-top: 18px;
        position: absolute;
        width: auto;
    }

    nav.navbar {
        padding-top: 1rem !important;
        padding-bottom: .7rem !important;
    }

    .design-of-week h2 img {
        width: 24px;
    }

    .top-banner-left p {
        width: 65%;
    }

    .banner-txt-sliding {
        height: 215px;
    }

    .client-logo ul li {
        padding: 6px 8px;
        margin: 0PX;
        width: 43%;
        text-align: center;
        border: 1px solid #cbcbcb;
        margin: 10px;
    
    }
        .client-logo ul li img {
            width: 56%;
        }

}

@media (max-width: 430px) {



    .blogGl-isotop .content {
        width:100% !important;
     
    }

    .blogGl-isotop li {
 
        width: 100%;
        float: left;
    }

    .blogGl-isotop li {
      
        border-radius: 35px;
        border: 1px solid #ddd;
        margin-bottom: 10px;
    }

    .left-blog .blog-bg-box {
        padding: 2rem;
        margin-bottom: 20px;
    }

        .blogGl-isotop li.active {
           
            border-radius: 35px !important;
          
        }

    #isMobile {
        width: 50% !important;
        display: flex !important;
        padding: 0px 20px;
    }
    .header-cate-mobile:hover .header-cate-cont-mobile
 {
        display: block !important;
        width: 100%;
        position: absolute;
        left: -41%;
        width: 322px;
    }

    .how-to-integrate .internate-left {
        padding: 20px;
        margin-bottom:30px;
    }
    .how-to-integrate .usb-right {
        padding:20px;
    }
    .contact-side-article article.email {
   
        margin-left: 0;
    }

    .clients figure {
        min-width: 116px;
    }
    .affiliate.partners-logo {padding:20px;
    }
    .clients {
        padding: 0px 15px;
    }
    .footerSection {
        padding: 0px 15px;
    }
    .innerpage-padding {
        padding: 0px 20px;
    }
    .partners-img-hold a {
        width: 100px;
        height: 60px;
    }
    .sec-seperator {
        height: 0px;
    }
    .Pos-right-sec img {
        width: 100%;
    }
    .Pos-right-sec img {
        float: left;
        margin-top: 0;
    }
    .POS-steps .col-md-3
   {
        padding: 15px;
    }
    .POS-steps .step-text .card { 
        margin-top: 0; 
    }
    .uploadForm-profile input { 
        width: 193px; 
    }
    .my_profilSection {margin-top:30px;
    }
    .screenbg .col-xl-2 h1 {
        font-size: 27px;
     
    }
}

/*======================@media quiry strat 414px */

@media (max-width: 414px) {

 .navbar-toggler {position: absolute;width: auto;/* right: -194px; */display: contents;}
 .logo-hold {width: auto;justify-content: left;}
  header.fixed + main {padding-top: 3rem !important;}
  #isMobile {width: 47%;position: relative;}
  .logo-hold { display: grid !important;}
  #isMobile .nav-link.profile-icon {width: 40px;height: 40px; padding: 12px; }
  .navbar-form .browse-menu-gl {min-width: 187px !important;width: 187px !important;}
 .navbar-toggler-icon {margin-left: 15px;margin-top: 8px; }
 .header-cate-btn {padding: 11px 29px 12px 18px !important;}

    /*****/
}

/*======================@media quiry strat 375px */

@media (max-width: 375px) 
{
     

    /*****/

}