.mainnav{
    text-align: right;
    font-size: 14px;
    color: white;
    padding: 0px 5px;
    cursor: pointer;
}
.mainnav:hover{
    color: #f7961c !important;
}
.card-title{
    text-align: center;
}
.title-heading .heading{
    font-size: 30px !important;
}
.bg-half-170 {
    padding:170px 0;
    background-size:cover;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center;
    position:relative;
    background-position:center center
}
@media (max-width: 767px) {
    .bg-home,
    .bg-half-170,
    .bg-half-260,
    .bg-marketing,
    .swiper-slider-hero .swiper-container .swiper-slide {
     padding:100px 0;
     height:auto
    }
}
.timg .avatar.avatar-medium{
    height: 60px;
    width: 60px;
}
@media (max-width: 500px) {
    #topnav .buy-button {
     display:inline;
    }
    .misearch {
        display:none;
    }
    .micat {
        display:none;
    }
}
.subcontent {
    font-size: 13px !important;
}
.section{
    padding: 50px 0 !important;
}
@media (max-width: 768px) {
    #mainImage {
     display:none !important;
    }
}
#emailsubscribe{
    color: rgb(255, 255, 255);
}
* {
  box-sizing: border-box;
}
#myInput {
  background-position: 10px 10px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 14px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}
#myTable {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
  font-size: 12px;
}
#myTable th, #myTable td {
  text-align: center;
  padding: 12px;
}
#myTable tr {
  border-bottom: 1px solid #ddd;
}
#myTable tr.header, #myTable tr:hover {
  background-color: #f1f1f1;
}
.imagecenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.notification {
  background-color: #555;
  color: white;
  text-decoration: none;
  padding: 10px 20px;
  position: relative;
  display: inline-block;
  border-radius: 10px;
}
.notification:hover {
  background: #F0AD89 ;
}
.notification .badge {
  position: absolute;
  top: -14px;
  left: -15px;
  padding: 5px 10px;
  border-radius: 50%;
  background: #126358 ;
  color: white;
}
.pagebutton {
  color: white;
  background-color: #939fbf;
  border: #385499;
  border-radius: 10px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  font-size: 15px;
}
.pagebutton:hover{
  background-color: #385499;
  color: white;
}
#main-menu li.active {
  color: red !important;
}
.input-row {
  display: flex;
}

.input-row .col-6 {
  display: flex;
  justify-content: center; /* وسط افقی */
  align-items: center;     /* وسط عمودی */
}

.input-row select {
  height: 35px;
  width: 70%; /* یا هر عرض دلخواه */
}