#btn-nav {
  float: right;
  margin-right: 18px;
  margin-top: 5px;
  font-size: 20px;
}
.total, .pending {
  position: absolute;
  border-radius: 50%;
  font-size: 13px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  margin-top: -32px;
}
.total {
  margin-left: 14px;
  background-color: #007bff;
}
.pending {
  margin-left: 10px;
  background-color: red;
}


.total, .pending2 {
  position: absolute;
  border-radius: 50%;
  font-size: 13px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  margin-top: -32px;
}
.pending2 {
  margin-left: 18px;
  /* background-color: rgb(21, 133, 67); */
  background-color: #2968a8;
}

.total, .pending3 {
  position: absolute;
  border-radius: 50%;
  font-size: 13px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  margin-top: -32px;
}

.pending3 {
  margin-left: 17px;
  background-color: rgb(21, 133, 67);
}

.otstup99 {
  margin-right: 5px;
  margin-top: 10px;
}

.otstup100 {
  margin-right: 9px;
  margin-top: 14px;
}


.otstup88 {
  margin-top: 10px;
}

.otstup102 {
  margin-top: 4px;
}

.otstup107 {
  margin-top: 10px;
}

#btn-nav2 {
  float: right;
  margin-right: 12px;
  margin-top: 0px;
  font-size: 20px;
}




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

  .navbar-nav-otstup {
    margin-left: 70px;
  }

}

@media (min-width: 1450px) and (max-width: 1550px) {

  .navbar-nav-otstup {
    margin-left: 1px;
  }
  
  }

@media (min-width: 900px) and (max-width: 1202px) {

.navbar-nav-otstup {
  margin-left: 1px;
}

}

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

  .navbar-nav-otstup {
    margin-top: 30px;
  }

  .navbar-nav-otstup2 {
    margin-top: 10px;
  }

}

#btn-nav {
  float: right;
  margin-right: 18px;
  margin-top: 5px;
  font-size: 20px;
}
.total, .pending {
  position: absolute;
  border-radius: 50%;
  font-size: 13px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  margin-top: -32px;
  margin-bottom: 500px;
}
.total {
  margin-left: 18px;
  background-color: #007bff;
}
.pending {
  margin-left: 14px;
  background-color: red;
}
.plus_nine {
  position: absolute;
  border-radius: 50%;
  font-size: 13px;
  font-weight: bold;
  width: 26px;
  height: 20px;
  display: flex;
  justify-content: center;
  margin-top: -32px;
  margin-left: 10px;
  background-color: red;



}
.size {
  font-size: 30px;
}
.modal-body {
  max-height: calc(69vh - 80px);
  overflow-y: auto;
}

.otstup7 {
  margin-top: 5px;
}

.logostyle {
  margin-left: 50px;
  font-size: 20px;
}


@media (min-width: 992px) and (max-width: 1400px) {
  .logostyle {
  font-size: 13px;
  }
  
.logostyle2 {
  font-size: 13px;
  margin-left: -10px;
}

}

@media (min-width: 992px) and (max-width: 1450px) {

  .hiddensearch61 {
      display: none; 
      visibility: hidden;
    }
  }

@media (min-width: 992px) and (max-width: 1180px) {

}

@media (max-width: 650px) {
  .logostyle {
  margin-left: 5px;
  font-size: 13px;
}
}

@media (min-width: 992px) and (max-width: 1160px) {
  .hiddensearch6 {
    display: none; 
    visibility: hidden;
    margin-left: 50px;
  }
}


@media (min-width: 992px) and (max-width: 1070px) {
  .hiddensearch7 {
    display: none; 
    visibility: hidden;
    margin-left: 50px;
  }
}

@media (min-width: 992px) {
  .hiddensearch8 {
    display: none; 
    visibility: hidden;

    }
}

@media (min-width: 920px) and (max-width: 991px) {
  .frog22 {
  display: flex;
  margin-left: 250px;

}
.hiddensearch9 {
    display: none; 
    visibility: hidden;
  }

  .befbr {
  font-size: 20px;
}
}

@media (min-width: 820px) and (max-width: 920px) {
  .frog22 {
  display: flex;
  margin-left: 150px;

}
.hiddensearch9 {
    display: none; 
    visibility: hidden;
  }
  .befbr {
  font-size: 20px;
}
}

@media (min-width: 750px) and (max-width: 821px) {
  .frog22 {
  display: flex;
  margin-left: 90px;

}
.hiddensearch9 {
    display: none; 
    visibility: hidden;
  }

}

@media (min-width: 751px) and (max-width: 769px) {
  .hiddensearch9 {
    display: none; 
    visibility: hidden;
  }
}

@media (min-width: 680px) and (max-width: 751px) {
  .frog22 {
  display: flex;
  margin-left: -10px;

}
.hiddensearch9 {
    display: none; 
    visibility: hidden;
  }

  
.befbr {
  font-size: 20px;
}
}



@media (min-width: 650px) and (max-width: 681px) {
  .frog22 {
  display: flex;
  margin-left: -30px;

}

.hiddensearch9 {
    display: none; 
    visibility: hidden;
  }

  
.befbr {
  font-size: 20px;
}

}


@media (min-width: 600px) and (max-width: 651px) {
  .frog22 {
  display: flex;
  margin-left: 80px;

}
.hiddensearch9 {
    display: none; 
    visibility: hidden;
  }


.befbr {
  font-size: 20px;
}

}


@media (min-width: 500px) and (max-width: 601px) {
  .frog22 {
  display: flex;
  margin-left: 40px;
}

.widthmobshop {
  width: 70%;
}

.hiddensearch10 {
  display: none; 
  visibility: hidden;
}

.hiddensearch9 {
    display: none; 
    visibility: hidden;
  }

.befbr {
  font-size: 20px;
}

}

@media (min-width: 391px) and (max-width: 501px) {
  .frog22 {
  display: flex;
  margin-left: -20px;
}

.hiddensearch10 {
  display: none; 
  visibility: hidden;
}

.hiddensearch9 {
    display: none; 
    visibility: hidden;
  }

  .befbr {
  font-size: 20px;
}

}

@media (min-width: 350px) and (max-width: 392px) {
  .frog22 {
  display: flex;
  margin-left: -10px;

}
.befbr {
  content: ' '; display: block;
}

.hiddensearch10 {
  display: none; 
  visibility: hidden;
}

.hiddensearch9 {
    display: none; 
    visibility: hidden;
  }

}

@media (min-width: 300px) and (max-width: 351px) {
  .frog22 {
  display: flex;
  margin-left: -25px;
}

.hiddensearch10 {
  display: none; 
  visibility: hidden;
}

.befbr {
  content: ' '; display: block;
}

.hiddensearch9 {
    display: none; 
    visibility: hidden;
  }

}

.widthmobshop {
  width: 70%;
}

@media (max-width: 429px) {
  .hiddensearch30 {
    display: none; 
    visibility: hidden;
  }

  .befbr {
  font-size: 20px;
}

}

@media (min-width: 430px) {
  .hiddensearch31 {
    display: none; 
    visibility: hidden;
  }

  .befbr {
  font-size: 20px;
}

}


.linkotstup a {
  margin-top: 4px;
}

.sign-in-box > .btn{
  padding: 8.5px 18px;
  font-size: 15px;
  border-radius: 10px !important;
  line-height: 1.35135;
  font-weight: 600;
  margin-left: 5px !important;
}
.sign-in-box .btn-sign-in{
  color: #686f7a;
  background-color: #fff;
  border: 1px solid #919499;
}
.sign-in-box .btn-sign-in:hover,
.sign-in-box .btn-sign-in:focus{
  background-color: #f2f3f5 !important;
}
.sign-in-box .btn-sign-up{
  color: #fff;
  background-color: #00A0EB;
  border: 1px solid #00A0EB;
}
.sign-in-box .btn-sign-up:hover,
.sign-in-box .btn-sign-up:focus{
  background-color: #047ACE;;
  border-color: #047ACE;;
}

.sign-in-box .modal-dialog{
  max-width: 400px;
}

.otstup97 {
  margin-bottom: 9px;
}

 @media (max-width: 430px) {

      .hiddensearch61 {
          display: none; 
          visibility: hidden;
        }
      .imgwith22 {
        width: 2.8%;
        }
  }
  @media (min-width: 431px) and (max-width: 450px) {

  .hiddensearch61 {
      display: none; 
      visibility: hidden;
    }
  .imgwith22 {
    width: 3.2%;
    }
  }

  @media (min-width: 451px) and (max-width: 490px) {

  .hiddensearch61 {
      display: none; 
      visibility: hidden;
    }
  .imgwith22 {
    width: 2.9%;
    }
  }

  @media (min-width: 491px) and (max-width: 590px) {

  .hiddensearch61 {
      display: none; 
      visibility: hidden;
    }
  .imgwith22 {
    width: 3%;
    }
  }

  @media (min-width: 591px) and (max-width: 650px) {

  .hiddensearch61 {
      display: none; 
      visibility: hidden;
    }
  .imgwith22 {
    width: 3.1%;
    }
  }

  @media (min-width: 651px) and (max-width: 820px) {

  .hiddensearch61 {
      display: none; 
      visibility: hidden;
    }
  .imgwith22 {
    width: 3.2%;
    }
  }

  @media (min-width: 821px) and (max-width: 991px) {

  .hiddensearch61 {
      display: none; 
      visibility: hidden;
    }
  .imgwith22 {
    width: 3.3%;
    }
  }

  @media (min-width: 992px) and (max-width: 1125px) {

  .hiddensearch5 {
      display: none; 
      visibility: hidden;
    }
  .imgwith22 {
    width: 2.3%;
    margin-right: 40px;
    }
  }

  @media (min-width: 1126px) and (max-width: 1305px) {
    .hiddensearch5 {
      display: none; 
      visibility: hidden;
    }

  .imgwith22 {
    width: 2.9%;
    margin-right: 80px;
    }
  }

  @media (min-width: 1306px) {

    .hiddensearch5 {
      margin-right: 50px;
    }

  .imgwith22 {
    width: 2.9%;
    }
  }

 @media (min-width: 992px) {

      .dropdown-content {
      display: none;
      position: absolute;

      }
      .dropdown:hover .dropdown-content {
        display: block;
      }
      }

      .hovextamp span:hover {
        color: rgb(252, 255, 255);"
      }

  @media (min-width:1024px) {
      .xcv {
        margin-left: -30px;
      }
      }