body{font-family: 'Dosis', sans-serif!important;}
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600&display=swap');
.font-family{
    font-family: 'Dosis', sans-serif!important;
}
.mobile-filed{    font-size: 18px;
    font-weight: bold;
    color: #000;}



.mostly-customized-scrollbar {
  display: block;
  width: 100%;
 
  overflow-y:scroll;
  height: 16em;
  margin-top:20px;
}
.new-btn-tag {
    width: 29.8%;
}
.m-resolution{
    float:right;
}
.m-t-onc{
    padding:4px 15px!important;
}

.new-btn-tag1 {
    margin-left:30.1%;
}
.model-p-footer{
    padding:0px 41px;
}
.max-button{ padding:0px; margin-top:13px;}

.login-btn-of{margin-left:34.1%;}
.offset-login{margin-left:28%;}
.lgg-capt{margin:0px auto; width:290px;}
.popu-login{ width:auto; margin:0px auto;}
.catptcha{margin-left:7%}
.m-auto{margin:0px auto; display:block}
.m-t-12{margin-top:12px;}
.text-icon-i1{margin-right:5px;}
.text-icon-i1 i{font-size:29px;margin-top: -3px;}
.img-p-r{padding-right:0px; width:20%;
         flex: 0 0 auto;
}
.navbar{margin:0px; padding:0px;}
.add-tag-footer{
    margin-left:26%;

}
.col-md-select{
    flex: 0 0 auto;
width: 13.667%;
}

.modal-dialog {
    max-width: 600px;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem 2.5rem!important;
}
.m-col-md-41 {
  width:90px; display:inline-block;
}
.m-col-md-41, .inviter-name-bold-p{
    font-size:10px;
}
.miss{margin-right:-40px;}

/* Demonstrate a "mostly customized" scrollbar
 * (won't be visible otherwise if width/height is specified) */
.mostly-customized-scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #aaa; /* or add it to the track */
}

/* Add a thumb */
.mostly-customized-scrollbar::-webkit-scrollbar-thumb {
    background: #000;
}


.parent {
  width: 128px;
}
.offset-412 {
    margin-left: 36.333333%;
}
.container1 {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  padding: 100% 0 0 0; /* 34.37% = 100 / (w / h) = 100 / (640 / 220) */
}

.container1 img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.p-r-0{padding-right:0px}

.parent-1 {
  width: 50px;
}

.container1-1 {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  padding: 100% 0 0 0; /* 34.37% = 100 / (w / h) = 100 / (640 / 220) */
}

.container1-1 img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.active-question{
color: #11a0b5!important;

}
.active-color{color: #000!important;}


.file-upload {

}

.file-upload-btn {
  width: 100%;
  margin: 0;
  color: #fff;
  background: #1FB264;
  border: none;
  padding: 10px;
  border-radius: 4px;
  border-bottom: 4px solid #15824B;
  transition: all .2s ease;
  outline: none;
  text-transform: uppercase;
  font-weight: 700;
}

.file-upload-btn:hover {
  background: #1AA059;
  color: #ffffff;
  transition: all .2s ease;
  cursor: pointer;
}

.file-upload-btn:active {
  border: 0;
  transition: all .2s ease;
}

.file-upload-content {
  display: none;

}

.file-upload-input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}

.image-upload-wrap {
    display:block!important;

}
.img-border-radius{
    border-radius:100%;
}

.image-dropping,
.image-upload-wrap:hover {

}

.image-title-wrap {
  padding: 0;
  color: #222;
}

.drag-text {
  text-align: center;
}

.drag-text h3 {
  font-weight: 100;
  text-transform: uppercase;
  color: #15824B;
  padding: 60px 0;
}

.file-upload-image {
  max-height: 200px;
  max-width: 200px;
  margin: auto;
  padding: 20px;
}

.remove-image {

  margin:10px 0px 0px 0px;
  color: #fff;
  background: #cd4535;
  border: none;
  padding:5px;
  border-radius: 4px;
  border-bottom: 4px solid #b02818;
  transition: all .2s ease;
  outline: none;
  text-transform: uppercase;
  font-weight: 700;
}

.img-text{font-size: 121px; color: #e6e6e6;}
.m-d-m{margin: 0px!important; padding: 0px!important;}






.p-t-30{
  padding-top: 30px;
}
.bg {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; margin-top: 5px;
}
.display-image{
width: 128px; height: 128px;
}

.display-image img{

  display: block;
   max-width:128px;
   max-height:128px;
   width: auto;
   height: auto;



}

.parent {
  width: 128px;
}

.container1 {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  padding: 100% 0 0 0; /* 34.37% = 100 / (w / h) = 100 / (640 / 220) */
}

.container1 img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.span_pseudo, .chiller_cb span:before, .chiller_cb span:after {
  content: "";
  display: inline-block;
  background: #fff;
  width: 0;
  height: 0.2rem;
  position: absolute;
  transform-origin: 0% 0%;
}

.chiller_cb {
  position: relative;
  height: 2rem; display: inline-block;
  align-items: center; width: 100%;
}
.chiller_cb input {
  display: none;
}
.chiller_cb input:checked ~ span {
    background-image: linear-gradient(#fcd472, #ec776e);
}
.chiller_cb input:checked ~ span:before {
  width: 1rem;
  height: 0.15rem;
  transition: width 0.1s;
  transition-delay: 0.3s;
}
.chiller_cb input:checked ~ span:after {
  width: 0.4rem;
  height: 0.15rem;
  transition: width 0.1s;
  transition-delay: 0.2s;
}
.chiller_cb input:disabled ~ span {
  background: #ececec;
  border-color: #dcdcdc;
}
.chiller_cb input:disabled ~ label {
  color: #dcdcdc;
}
.chiller_cb input:disabled ~ label:hover {
  cursor: default;
}
.chiller_cb label {
  padding-left: 0;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin-bottom:0; font-size: 14px!important; color: #000!important;
  width: 100%;
}
.chiller_cb span {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border: 2px solid #ffe65e;
  position: absolute;
  right: 15px;
  transition: all 0.2s;
  z-index: 1;
  box-sizing: content-box; border-radius: 5px;
}
.chiller_cb span:before {
  transform: rotate(-55deg);
  top: 1rem;
  left: 0.37rem;
}
.chiller_cb span:after {
  transform: rotate(35deg);
  bottom: 0.35rem;
  left: 0.2rem;
}

.p-t-15{padding-top: 15px}
.offset-41{

  margin-left: 41%;
}
.modal-footer1 {
    padding-bottom:20px;
}

.drocr1{

  background: #C0C0C0; border: 0px; padding: 8px 0px; border-radius:5px; color: #fff; font-size: 1px;
  margin-left: 10px; margin-bottom: 15px;
}

.drocr{

  background: #C0C0C0; border: 0px; padding: 8px 0px; border-radius:5px; color: #fff; font-size: 14px;
  margin-left: 10px; margin-bottom: 15px;
}
.modal-bg{
  
  padding: 8px 20px;
  margin: 0px;
}
.btn-extra{
  right: 5%;
      top: 20px!important;
}

.btn-extra1{
  right:2%;
      top: 0px!important;
}
.sm-medium{
  font-size: 14px; font-weight:normal; color: #ccc;
}
.b-left{ border-left: 1px solid #cbcbcb  }
.title-color1{
  color: #8f8f8f;
     
      font-size: 18px; font-weight: 600;
      margin-bottom: 0px;
}
.sm-text{ font-size: 18px; color: #8a8989;}

.title-color{
  color: #000;
   
      font-size: 26px; font-weight: 600;
      margin-bottom: 0px;
}
.item .item-content {
    padding: 0px 35px;
}
.fa-id-boating{
  background-image:url('../assets/img/tag.jpeg');
  background-repeat:no-repeat; width:30px; height: 34px; display:inline-block;

              }
.image-upload {

    border-radius: 5px;
    margin-bottom: 20px;
    position: relative;
    text-align: center;

    color: #666;
    overflow: hidden
}

.item-wrapper form img {
  margin-bottom: 0px;
width: 121px!important;
height: 121px;
max-height: 121px;
/* width: auto; */
border-radius: 100%;
overflow: hidden;
padding: 0px;
}

.image-upload img {
    height: 100% !important;
    width: auto !important;
    border-radius: 0px;
    margin: 0 auto
}

.image-upload i {
    font-size: 8em;
    color: #ccc;
}

.image-upload input {
    cursor: pointer;
    opacity: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0
}

.item-wrapper input {
  height: 121px;
  /* line-height: 43px; */
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 20px;
  width: 121px;
}
.fa-color-s{
  color: #d2d2d2;
    font-size:2.8em;
}
.fa-color-s-map{
  color: #d2d2d2;
    font-size:4em; margin-left:5px;
}
.mpa-iocn-mrng{margin-top:4px;}
.m-r-20{margin-right: 20px}
.col-md-width{     width: 93.6666666667%!important;
 }

 .input-bg{
   background: #f4f9ff; border:1px solid #bec7ce; border-radius: 5px;
   padding:3px 5px;
 }
.box-shadow{
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
.form-control1{
    width:58px;
}


.input-m-t30{margin-top: 19px;}

select{
  background: #f4f9ff; border:1px solid #bec7ce;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    border-radius: 5px; height: 32px;
}
.mring-top-icon{ margin-top: 25px;}
.form-layout{padding: 0px 15px;}
.form-check .form-check-input{float: right!important; border: 2px solid #ffe872; cursor: pointer;}
.form-check { padding-left:0px!important;}
.form-check label{color: #000; font-size: 16px; cursor: pointer;}
.gray-btn{
  background-color: #afafaf;
      border-radius: 30px;
      padding: 6px 37px;
      font-size: 16px;
      color: #fff;
      text-transform: uppercase; margin:0px auto;
      
display: inherit;
}
.text-icon-i i{
  font-size: 23px;
      margin-left: 5px; color: #cccccc;vertical-align: top;
}
.text-troll{
  font-size: 14px; color: #ccc; font-weight: bold;
}
.col-md-31 {
    flex: 0 0 auto;
    width: 40%!important;
}
.mySwiper1{margin: 0px 10px; overflow: hidden;}
.input-button{margin-top: 30px;}
.imq-p-r{padding-right:0px}
.img-rge{padding-left:0px;}

.clinet-prv{padding-top: 30px;}
.maxer{    color: #ccc;
    font-size: 9px;
    font-weight: normal; text-align: center;}
    .box-privew{
      padding: 15px; background-color:#fafafa; margin:35px 15px; border-radius: 15px;
    }
    .imag-box{width: 50px; height: 50px; background-color: #dbdbdb; border-radius: 50%;}

        .dr-name {
   
    display: inline-block;
    font-size: 16px;
    word-break: break-all;  margin-top:12px; line-height:20px;font-weight:600;
 
}



    .drram {
    margin-top: 1px;
    display: inline-block;
    font-size: 12px;
    word-break: break-all;
  
}
     .box-er{
       border: 1px solid #dfdfdf;
margin: 3px;
background-color: #fff;
border-radius: 15px;
height: 34px;
text-align: center;
line-height: 34px;
     }

     .box-counter{  }
     .oned{    font-size: 25px;
    color: #fff;
    font-weight: bold;
    font-style: normal;
    line-height: 50px;
    text-align: center;
    width: 128px;
    display: inline-block;
    height:128px;
}
     .box-counter p{
        font-size: 12px;
    color: #000;
    padding: 0px 0px 5px 0px;
    margin: 0px;
    line-height: 18px;
    height: 29px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
     }
 .oned img{width: 60px; height: 60px; border-radius: 100px;
 }

  .oned1{    font-size: 25px;
    color: #fff;
    font-weight: bold;
    font-style: normal;
    line-height: 50px;
    text-align: center;
    width: 100%;
    display: inline-block;

}
 .oned1 img{width: 50px; height: 50px; border-radius: 100px;
 }

.m-t-20{margin-top: 33px!important;}

.box-er1{
      
  overflow: hidden; 
  text-overflow: ellipsis; 
  white-space: nowrap; padding:0px 5px;
}
.btn-1 {
background: #7366ff;

        background-image: -webkit-linear-gradient(top, #7366ff, #a26cf8);
  background-image: -moz-linear-gradient(top, #7366ff, #a26cf8);
  background-image: -ms-linear-gradient(top, #7366ff, #a26cf8);
  background-image: -o-linear-gradient(top, #7366ff, #a26cf8);
  background-image: linear-gradient(to bottom, #7366ff, #a26cf8);
}
.btn-2 {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);

}
.btn-3{

     background: #25aae1;
  background-image: -webkit-linear-gradient(top, #25aae1, #40e495);
  background-image: -moz-linear-gradient(top, #25aae1, #40e495);
  background-image: -ms-linear-gradient(top, #25aae1, #40e495);
  background-image: -o-linear-gradient(top, #25aae1, #40e495);
  background-image: linear-gradient(to bottom, #25aae1, #40e495);



}
.btn-4{

     background: #f5ce62;
  background-image: -webkit-linear-gradient(top, #f5ce62, #e43603);
  background-image: -moz-linear-gradient(top, #f5ce62, #e43603);
  background-image: -ms-linear-gradient(top, #f5ce62, #e43603);
  background-image: -o-linear-gradient(top, #f5ce62, #e43603);
  background-image: linear-gradient(to bottom, #f5ce62, #e43603);
}
.btn-5{
  /*background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7);*/

   background: #667eea;
  background-image: -webkit-linear-gradient(top, #667eea, #764ba2);
  background-image: -moz-linear-gradient(top, #667eea, #764ba2);
  background-image: -ms-linear-gradient(top, #667eea, #764ba2);
  background-image: -o-linear-gradient(top, #667eea, #764ba2);
  background-image: linear-gradient(to bottom, #667eea, #764ba2);

}
.btn-6{
   /*background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);*/

    background: #fc6076;
  background-image: -webkit-linear-gradient(top, #fc6076, #ff9a44);
  background-image: -moz-linear-gradient(top, #fc6076, #ff9a44);
  background-image: -ms-linear-gradient(top, #fc6076, #ff9a44);
  background-image: -o-linear-gradient(top, #fc6076, #ff9a44);
  background-image: linear-gradient(to bottom, #fc6076, #ff9a44);

}
.btn-7{
   /*background-image: linear-gradient(to right, #009245, #FCEE21, #00A8C5, #D9E021);*/

    background: #009245;
  background-image: -webkit-linear-gradient(top, #009245, #FCEE21);
  background-image: -moz-linear-gradient(top, #009245, #FCEE21);
  background-image: -ms-linear-gradient(top, #009245, #FCEE21);
  background-image: -o-linear-gradient(top, #009245, #FCEE21);
  background-image: linear-gradient(to bottom, #009245, #FCEE21);
}
.btn-8{
   /*background-image: linear-gradient(to right, #6253e1, #852D91, #A3A1FF, #F24645);*/

    background: #6253e1;
  background-image: -webkit-linear-gradient(top, #6253e1, #852D91);
  background-image: -moz-linear-gradient(top, #6253e1, #852D91);
  background-image: -ms-linear-gradient(top, #6253e1, #852D91);
  background-image: -o-linear-gradient(top, #6253e1, #852D91);
  background-image: linear-gradient(to bottom, #6253e1, #852D91);
}
.btn-9{
 /*background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a , #FBB03B);*/

  background: #ed6ea0;
  background-image: -webkit-linear-gradient(top, #ed6ea0, #ec8c69);
  background-image: -moz-linear-gradient(top, #ed6ea0, #ec8c69);
  background-image: -ms-linear-gradient(top, #ed6ea0, #ec8c69);
  background-image: -o-linear-gradient(top, #ed6ea0, #ec8c69);
  background-image: linear-gradient(to bottom, #ed6ea0, #ec8c69);
}
.btn-10{
   /*background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);*/

   background: #25aae1;
  background-image: -webkit-linear-gradient(top, #25aae1, #4481eb);
  background-image: -moz-linear-gradient(top, #25aae1, #4481eb);
  background-image: -ms-linear-gradient(top, #25aae1, #4481eb);
  background-image: -o-linear-gradient(top, #25aae1, #4481eb);
  background-image: linear-gradient(to bottom, #25aae1, #4481eb);
}


.col-md-91 {
    flex: 0 0 auto;
    width: 69%;
}
.float-right{float:right;}
.card-title{font-size: 14px; 
                height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width:86%; margin:0px!important; font-weight:650;

}
.card-body{
     padding:8px 0px!important;
}
.card-text{font-size: 12px; text-align:justify;}
.a1{ position:relative; margin-top:-21px;}
.card-border{

  background: #fff;
}
.locaton-text {
    color: #c5c5c5;
    font-size: 32px;
    /* margin-top: 20px; */
    text-align: center; margin-left: 15px;
}
.locaton-text1 {
    color: #c5c5c5;
    font-size: 22px;
    /* margin-top: 20px; */
    text-align: center; margin-left: 15px;
}
.mrgi-t-15{margin-top: 15px;}

.gradBtn {
  background-image: linear-gradient(#fcd472, #ec776e);

  border: 0px; border-radius: 10px; color: #fff; padding:6px 30px; font-size: 16px;
}

.col-md-51 {
    flex: 0 0 auto;
    width: 47%;
}
.width-col-100{
  width: 100%;
}
.add-button-i{
    flex: 0 0 auto;
    width:4.5%; padding:0px;
}

.grad {
  background-image: linear-gradient(#fcd472, #ec776e);

  border: 0px; border-radius: 20px; color: #fff; padding: 6px 30px; font-size: 16px;
}
.cheiger{margin:23px 15px 30px 15px; font-size: 14px; text-align: justify;   font-style: normal;}
.m-t-10{margin-top: 12px;}
.reig{flex: 0 0 auto;
width: 43%;;}
.text_size{font-size:12px; color:#000; font-weight:normal;} 
.icon-margin-top{margin-top:22px;}
.fa-font-top{margin-top:21px;}
.fa-font-top1{margin-top:17px;}
.padding-lable{ padding-bottom:5px;}
.col-md-212 {
    flex: 0 0 auto;
    width: 10.666667%;
}
.btn-t-30{margin-top:25px;}
.btn-t-36{margin-top:36px;}

.grad1 {
  background-image: linear-gradient(#fcd472, #ec776e);

  border: 0px; border-radius:5px; color: #fff; padding: 5px 0px; font-size: 14px;  width: 30px; 
}
.grad1 i{font-size: 16px;}
.moder-tpp{padding-top: 0px!important}
.f-size{font-size: 12px;}
.offset-21 {
    margin-left: 20.666667%;
}
.pop label{color: #000; font-style:normal; padding-bottom:5px;}
.mix-area{border-radius: 5px;     border: 1px solid #bec7ce;}

.btn-close{position: absolute; color: #000; opacity: 1; top: 13px; font-size: 10px;}

.btn-close1{position: absolute; color: #000; opacity: 1; top: 13px; font-size: 18px; border:0px; background:#fff;}
.btn-searc{border: 0px; background: transparent;
    position: absolute;}
.searc-f{border-left: 0px; border-right: 0px; border-top: 0px; padding-left: 25px!important;}
.image-box-invite img{width: 30px; height: 30px; border-radius: 50px;}
.image-box-invite{ display: inline;}
.inviter-name{font-size: 12px; text-align:left!important}

.inviter-name1{font-size: 10px; text-align:left!important}
.p-0{padding: 0px!important}
.m-b-15{margin-bottom: 15px;}

@media screen and (max-width: 600px) {
.navbar { width: 100%;}
.navbar-toggler{float: right;}
.teer{width: 100%;}
.offset-4{margin-left: 0px;}
.offset-1{margin-left: 0px;}
.reig {
    width: 100%;
}
select{width: 100%}

.form-check label {
    color: #000;
    font-size: 16px;
    width: 98%;
    font-size: 14px;
}
.offset-5 {
    margin-left: 27.666667%;
}
.box-er {
    border: 1px solid #dfdfdf;
    margin: 5px 20px;
    height: 30px;
    background-color: #fff;
    border-radius: 15px;
    width: 87%; color:
}

.offset-21 {
    margin-left: 0;
}
.modal-title{
  width: 100%;
  text-align:center;
}
.m-diplay-title{    font-size:16px;
    margin-top: 0px;
    text-align: center!important;
    width: 100%;}

    .offset-41 {
    margin-left: 0;
}
.m-offest{margin-left: 0px;}
.m-offset-left{margin-left: 10%}
    .m-dplay-imge{
      text-align: center; margin-bottom: 15px;
    }
    .bixer{margin-left: 0px;}
    .m-p-t-30{padding-top: 0px!important}
    .drocr{
          width: 100%;
              margin-left: 0px;
    }
    .add-button-i {
    flex: 0 0 auto;
    width: 2.666667%;
}
.mring-top-icon{text-align:center;}
.imag-box{display: inline-block;}
.m-text-center{text-align: center;}
.box-er1{margin: 5px!important;}
.m-col-md-4{width: 50%;}
.m-offset-8{margin-left: 0px;}
}
.m-offset-8 button{width: 100%;}
.country-code{     position: absolute;
    height: 54px;
    background: transparent;
    border: #fff;
    margin-left: 12px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    box-shadow: none;
    outline: none; text-align:center;
    margin-top: 3px; font-weight:bold; font-size:18px; color:#757575;}

.jstfixed1 {
     width:200px;
    height: 160px;
    display: inline-block;
    position: absolute;
        border: 1px solid #ffe65e!important;
    border-radius: 20px;
    background: #fff;
}
 .col-md-81 {
    flex: 0 0 auto;
    width: 66.5666666667%;
}
 .m-t-200{margin-top:20px;}
.maker-right {
    float: right;
}
 .jst1{margin-left:0px}
.jst2{margin-left:60px}
.jst3{margin-left:90px}
.jst4{margin-left:120px}
.jst5{margin-left:150px}
.jst6{margin-left:180px}
.jst7{margin-left:210px}
.jst8{margin-left:240px}
.jst9{margin-left:270px}
.jst10{margin-left:300px}

.bixer{padding:15px; border-radius:20px; text-align: center;

  padding-left:36px; width: 100%; outline: none;
  outline: none;
  background: transparent;
  border: 0px;

}
.input-bg-img{
  background-image:url('../assets/img/input-text-bg-login-1.png');
  background-repeat:no-repeat; width:400px; height: 58px; margin:0px auto;

}


@-moz-document url-prefix() {

  .chiller_cb label{
    width: 97%;
  }

}


@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {
    .fa-color-s{
        font-size: 2em;
text-align: center;
padding-left: 7px;
padding-top: 7px;
    }
    .fa-color-s-map{
        font-size: 3em;
margin-left: 10px;
margin-top: 13px;
    }
    #ddlSalutation{
        width:50px; margin-left:7px;
    }
    .offset-login {
    margin-left: 24%;
}
    .login-btn-of {
    margin-left: 32%;
}
    .icon-margin-top{margin-top:24px;}
    .col-md-51 {
        width: 45.5%;
    }
    .cal-spanTag{ width:100%;margin-top:90px; }
    
    #btnAddNewTag{display:block; margin:0px auto;}
    .text-icon-i1 i{font-size:21px;}
    .text-icon-i i{font-size:18px;}
    .ger{ position:absolute;}
    .text-icon-i1{ margin-right:0px;}
    .img-rge {
       
        margin-top: 16px;
    }
    .locaton-text{ margin-left:10px;}
    .locaton-text1{ margin-left:10px;}
    .gradBtn{ font-size:14px; padding:6px 19px;}
    .rc-anchor-normal-footer{
        margin-left:-84px;
    }
     .navbar-light .navbar-toggler{
        float:right; margin-top:12px;
    }





    .offest-768{
      margin-left: 24%!important;
    }
    .teer{
        width:100%;
    }
   
    .spicfiat{white-space: normal!important; margin-top:0px!important}
  
.mder768{
  width: 82%;
}
.bigme{
  width: 100%; margin: 0px!important; padding: 0px!important;
}


    .m-dplay-imge{
 margin-bottom: 10px;
    }
    .m-dplay-imge:first-child{
      margin-left: 0px;
    }

    .m-dplay-imge img{
      max-width: 100%;
    }

    .container {
    max-width: 615px;
}
.box-counter{ width: 47%}
.offset-5 {
    margin-left: 30%;
}
.offset-4 {
    margin-left:20%;
}

.offset-2 {
    margin-left: 4.667%;
}

.box-privew{
  margin: 10px 0px 10px 15px;
}
.box-privew .col-md-2{
  width: 28%;  padding-right: 0px;
}

.cal-spanTag{padding:0px;}
#spncertification{width:100%!important;}
#locationpreview{width:100%!important;}
#spnName{padding-left:23px; padding-right:0px;}


.box-privew .col-md-10{
  width: 72%!important; padding-left: 0px;
}
#divRequestInvite .col-md-4{width:95%;}
#divRequestInvite .offset-4{margin-left:0px;}


.nex-axies{width:73%; margin-left: 27% !important;}


.box-privew .drram{
  overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap; margin-top: 10px;
}

.offset-5768{
  width: 121px; margin:5px auto 0px auto;
}


.max-3 {
    width: 74%!important;
    padding-right: 0px;
}
.max-button {
    width: 21%!important;
    padding: 0px;
}

.nagarju{margin-top:30px;}
  .col-md-212{
        width:16%!important;
    }
  .input-m-t30 {
    margin-top: 23px!important;
}
  .mring-top-icon {
    margin-top: 30px!important;
}

 
    .new-fixing{margin-left:30%!important; width:70%!important;}

}

.ger { position:absolute; width:10px;}

@media (max-width: 480px) {

    .country-code{


border: #fff;
margin-left: 15px!important;

text-align: left;
margin-top: -1px;
font-weight: bold;
font-size: 14px; width:100px; display:inline-block;
    }

    .new-btn-tag1{margin-left:0px; padding:0px 15px;
    }
    .lgg-capt{ width:300px}
    .offset-login {
    margin-left: 0%;
}
    .login-btn-of {
    margin-left: 0%;
}
    .form-group{padding-right:15px;}
    .imq-p-r{ width:75%;}
    .grad{ width:97%;}
    #spnName{
        width: 68%;
    }
    .img-rge {
    padding-left: 0px;
    width: 32%;
}

       .navbar-light .navbar-toggler{
        float:right; margin-top:12px; margin-right:15px;
    }
       .icon-margin-top{ margin-top:5px;}
       .col-md-51{width:89%;}
       .btn-t-30 {
    margin-top: 0px;
}
       .btn-t-36 {
    margin-top: 0px;
}
       .col-md-select{ width:100%;}
.modal-body{
    padding:10px;
}
    #divRequestedDoctor{
        width:100%; padding:0px; margin:0px;
    }
.chiller_cb span{
    right:5px!important;
}
   
    .form-control1{
        width:100%;
    }
    .mring-top-icon{text-align:left}
    .col-md-212{
        width:100%;
    }
 
  .offset-480 {
    margin-left: 24.667%!important;
}

  .input-bg-img {
    background-image: url('../assets/img/input-text-bg-login.jpeg');
    background-repeat: no-repeat;
    width: 340px;
    height: 58px; margin: 0px auto;
}
.drocr {
    width: 95%;
    margin-left: 0px;
}
  .box-privew  .col-md-2{ width: 50px;}
  .box-privew .col-md-10{ width: 80%;}
  .drram{ width: 73%; margin-top: 0px;}
  

  .mySwiper1 .swiper-container{padding: 0px; margin: 0px;}
  .offset-5768{width: 121px; margin: 5px auto 0px auto!important;}
  .bixer{width: 100%; padding-left:37px;}
 
  .m-offset-left {
    margin-left: 5%;
    margin-top: 10px;
}

  .input-m-t30 {
    margin-top: 0px;
}
.chiller_cb label{
  width: 90%; text-align: justify;;
}
.container{padding-right: 0px;}

.mring-top-icon {
    margin-top: 10px;
}

.offset-5 {
    margin-left: 24.667%;
}
.box-counter {
    width: 33%;
}


.offset-5 {
    margin-left: 0px;
}
.input-button {
    margin-top: 20px;
}
.p-t-30 {
    padding-top: 0px;
}
.modal-body{
    padding:1rem!important;
}
.col-md-81{ margin-bottom: 150px;}

.box-privew {margin: 15px 15px 15px 2px;;}

.inviter-name{ text-align:center!important;}
.inviter-name1{text-align:center!important}
.m-offest-footer{position: absolute;
margin-left: -30px;
width: 82px;
right: 0px;}
.footer-padding{padding:0px;}
.m-f-340{

}
.m-f-md-8{

}
.m-f-md-81{
    width:75%;
}


.max-3{
  width: 70%; padding-right:15px;
}
.max-button{
width:27%; padding: 0px;
}
.m-col-md-41 {width: 80px; padding: 0px 6px; margin: 0px;}
.mixer-1{width:97%;}
.inviter-name-bold-p1{font-size: 10px; font-weight: normal; text-align: center; }
.m-p-12{padding: 0px;}
.m-resolution{float: right; display: inline-block;}
.m-t-151{margin-top:9px;}
.model-p-footer{padding:0px!important; margin: 0px;}
.miss{margin:0px; padding:0px}








}