@media (min-width: 320px) and (max-width: 767px) {
.colbar {
    margin-left: 8px;
    margin-right: 8px;
}
.modal.fade.in, .modal.container.fade.in, .modal.modal-overflow.fade.in{
top: 15%;
left:0;
}
#footer .bor-r{
border:none;
}
#footer ul li, .copy{
float:left;
}
#footer ul li a{
padding-right:10px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.radius-a{
display:none;
}
.mar-o li:first-child{
padding-right:0px;
}
.line-c,.total-c,.arrow-c{
display:none!important;
}
.count-c{
font-size:13px;
}
.top-last-menu li, .top-last-menu li a{
font-size:13px;
}
.cat-title .cat-btn{
    font-size: 14px;
}
.primaryMenuuu_menuBlock .navbar{
min-height:auto;
}
.bckbtn, .nckbtn, .nckbtn:hover, .bckbtn:hover{
    padding: 10px 20px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.bg-ban{
    background-size: cover;
}
.top-tas h3{
margin-top:40px;
}
.modal.fade.in, .modal.container.fade.in, .modal.modal-overflow.fade.in{
top: 130px;
right:0;
left:0;
}
}
@media (min-width: 991px) and (max-width: 1023px) {
.radius-a li{
       font-size: 13px;
  }
}
@media (min-width: 1024px) and (max-width: 1300px) {
  .radius-a li{
       font-size: 13px;
  }
.radius-a img {
    margin-bottom: 0;
}
.mar-o li:first-child {
    padding-right: 0;
}
.my-acc {
    padding: 8px 10px;
}
.menu ul li a {
    padding: 15px 13px;
}
.padd-t {
    padding-top: 0px;
    margin-top: 10px;
}
.bg-ban h2 {
    margin-top: 10px;
}
.left-mar{
margin-top:5px;
}
}
@media (min-width: 1024px) and (max-width: 1200px) {
.bg-ban{
    background-size:cover;
}
}
@media (min-width: 768px) and (max-width: 991px) {

.product-item img{
    padding: 5px 3px;
}
}