.featurhed h3 { font-family: 'Montserrat Light'; text-transform: uppercase; font-size: 20px;}
.featurhed h1 { font-family: 'Montserrat Thin'; font-size: 50px;}

.cus-demo a { background-color: red;  }
.cus-demo:hover { background-color: red;  }
.ineindder { padding: 25px; margin-top: 20px; }

   

@media only screen and (min-width: 993px) and (max-width: 3000px) { 
.coverback {  height: 550px; background-image: url(<?php echo base_url().'assets-public/' ?>dist/img/restaurant-billing-software-cover.jpg); background-size: 100% auto; background-position: 0px; }
.hder-data h1 { font-family: 'Montserrat'; font-weight: bold; font-size: 60px;}
.hder-data h2 { font-family: 'Montserrat Light';}
.cloudback {  background-color: #6aa546;}
.cloudback h1 { color:#fff; font-size: 40px;}
.cloudback p { color:#fff; font-size: 20px;}
.logobk { background-position: center center; }
.hdrlogo { position:absolute;left:8%;transform: translateY(-50%); top: 50%; z-index:99;}
.hdrlogo img { height:60px; z-index:9999;transition-timing-function: linear; transition:0.3s;}
.shd-box { font-size: 16px;}
.morefbig { display: block;}
.morefsmall { display: none; }
 .mobile-li li { font-size: 16px; line-height: 30px;}
 .mobilepading { padding-top: 3%;}
 .resp-padding { padding: 10% 20% 10% 20%;}
 .forbig { display: block;}
 .for-small { display:  none;}
 .resp-bgimg {background-position: center center; background-size:100% auto;}
 .res-pad-col { padding:2% 5% 2% 6%;}
}
 @media only screen and (min-width: 260px) and (max-width: 992px) { 
.coverback {background-size:auto 100%; background-position: center; background-image: url(<?php echo base_url().'assets-public/' ?>dist/img/restaurant-billing-software-cover2.jpg);}
.cloudback {  background-color: #6aa546;}
.cloudback h1 { color:#fff; font-size: 30px;}
.cloudback p { color:#fff; font-size: 16px;}
 .hder-data h1{ font-size: 22px; font-weight: bold;}
  .hder-data h2{ font-size: 22px; font-weight: bold;}
  .cus-sml-width { width: 49%; display: inline-block; padding: 10px;}
  .hdrlogo { position:absolute;left:4%; z-index:99; transform: translateY(-50%); top: 50%;}
  .hdrlogo img { height: 45px; transition-timing-function: linear; transition:0.3s;}

.center-pos {transform: translateY(-50%); top: 50%;}
  .shd-box { font-size: 15px;}
  .comnh1 { font-size: 25px;}
  .morefbig {display: none;  }
.morefsmall { display: block; }
.mobile-htag h1 { font-size: 28px;}
.mobile-htag h3 { font-size: 15px;}
 .mobile-li li { font-size: 14px; line-height: 30px;}
  .mobilepading { padding-top: 10%;}

   .forbig { display: none;}
   .for-small { display: block;}
    .resp-bgimg {background-position: bottom; background-size:100% auto;}
    .resp-bgimg-none { background-image: none; }
    .res-pad-col { padding:4% 8% 4% 12%;}
    .small-pad { padding: 5%;}
}

.absu-bg { position: absolute; width: 100%; height: 100%; background-position: center center; background-size:100% auto; left: 0px; top: 0px;} 

.menu-nav-cus { width: 50px; height:40px; background: ; position: fixed; right: 5px; top: 20px; z-index: 999; font-size: 34px; line-height: 0px;color: #000;}
.menu-nav-cus .icon-bar2 { width: 30px; height: 2px; margin-top: 8px;} 
.w-line { background: #fff;}
.b-line { background: #000;}
.mob-menu-blk { position: fixed;top: 0px; left: 0px; width: 100%;height: 100%; background-color: rgba(255,255,255,0.95); z-index: 999;padding: 10px; overflow-y:scroll; overflow-x: hidden; 
}

.mob-menu-blk::-webkit-scrollbar {
    width: 2px; 
  }
   
 .mob-menu-blk::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
  }
   
 .mob-menu-blk::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 0px solid slategrey;
  }




::-webkit-scrollbar {
    width: 5px; 
  }
   

 ::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
  }
   
 ::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 0px solid slategrey;
  }
.bluedot { color: #47c9e5; font-size: 80px; line-height: 2px;}
.fixrightblock { position: fixed; width: 50%; height: 100%;  right: 5%; top: 0px; padding-top: 50px; overflow-y: scroll; overflow-x: hidden; }
.fixrightblock::-webkit-scrollbar {
    width: 0px; 
  }
   
 .fixrightblock::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
  }
   
 .fixrightblock::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 0px solid slategrey;
  }
.cus-lvl label { font-size: 13px;  }
.cus-input { transition-timing-function: linear; transition:0.3s; border-left: none; border-top:none; border-right:none; padding: 5px 0px 10px 0px; width: 100%; border-bottom: 2px solid #dcdcdc;}
.cus-input:focus { outline: none; border-bottom: 2px solid #47c9e5;}
.cus-gr-padding { padding-bottom: 20px; }
.gray-link { color: #727272; font-size: 17px;}
.cus-option-blk { position: absolute; background-color: #fff; width: 100%; top:-10px; max-height: 300px;
-webkit-box-shadow: 0px 0px 5px -1px rgba(148,148,148,1);
-moz-box-shadow: 0px 0px 5px -1px rgba(148,148,148,1);
box-shadow: 0px 0px 5px -1px rgba(148,148,148,1); display: none; overflow-y: scroll; overflow-x: hidden; z-index: 9999;}
.cus-option-blk option { list-style: none; padding: 10px;}
.cus-option-blk option:hover { background-color: #e7e7e7;}
.cus-option-back { position: fixed; width: 100%; height: 100%; background-color: red; top: 0px; left: 0px; }

.cus-option-blk::-webkit-scrollbar {
    width: 5px; 
  }
   
 .cus-option-blk::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
  }
   
 .cus-option-blk::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 0px solid slategrey;
  }

 @media only screen and (min-width: 260px) and (max-width: 992px) { 

 }

.cus-ab-blk { width: 35%;  background-color: var(--color-themec); position: absolute; top: 20%; left: 2%; text-align: left; padding: 30px; }


 .small-nav-ul { margin-top: 45px; margin-left: -20px; font-size: 20px;}
 .small-nav-ul li { list-style: none}
 .small-nav-ul li a { color: #000; background-color: ; display: block; padding: 10px; border-bottom: 1px solid #ccc;}
 .innerli { margin-left: 30px;}


 .cus-sm-blk { position: relative; background-color: #fff; border-bottom:4px solid var(--color-slide-text-bg);  height: 350px;transition-timing-function: linear; transition:0.5s; overflow: hidden;}
 .cus-sm-blk ul { display: none; }
 .cus-sm-blk:hover ul { display: block;}
 .cus-sm-blk:hover p { display: none;}
 .cus-sm-blk:hover h3 { color: #fff;}
 .cus-sm-blk:hover ul { color: #fff;}
 .cus-sm-blk:hover .rebkimg {opacity: 1; top: 0px;  }
 .cus-sm-blk:hover .in-des-bk { opacity: 0.85;  }
 .cus-sm-blk:hover .linkbtn1 { opacity: 1;  }
 .cus-sm-blk:hover .linkbtn2 { opacity: 0;  }
 .rebkimg { opacity: 0; top: 350px;  height: 350px; position: absolute;left: 0px; width: 100%; background-position: center center; transition-timing-function: linear; transition:0.5s; background-size: auto 105%;}
.pad-2 { padding: 2%;}
.in-des { position: absolute;width: 100%; height: 350px; top: 0px; left: 0px;padding: 20px 30px 20px 30px; transition-timing-function: linear; transition:0.5s;}
.in-des-bk {  opacity: 0; position: absolute;width: 100%; height: 350px; top: 0px; left: 0px;background-color: var(--color-slide-text-bg-alt); transition-timing-function: linear; transition:0.5s;}
.linkbtn1 {position: absolute;width: 100%; height: 80px; bottom: 0px; left: 0px; opacity: 0;}
.linkbtn2 {position: absolute;width: 100%; height: 80px; bottom: 0px; left: 0px; opacity: 1;}