body{
    font-family: 'Barlow Semi Condensed', sans-serif;
}
button#dropdownMenu2{
    font-size:16px;
}
@media (min-width: 768px) and (max-width: 900px){
    button#dropdownMenu2{
        font-size:12px;
    }  
}
.rating{
    display: flex;
    max-width:180px;
    justify-content: space-between;
}
.fas.fa-star, .fa-star-half-alt{
    color:#D9A443;
}
.brand{
    width:100px;
    height:100px;
    border:1px solid #ccc;
    margin-right: 10px;
    box-sizing: initial;
}
.feature{
    display: flex;
}
.info{
    width:100%;
}
.vs{
    width:100%;
    margin-top:10px;
    font-size: 18px;    ;
}
.btn-warning{
    background-color: #B38B00
}
.cat{
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   
}
.cat a{
    color:#585858;
    font-weight: 700;
}
.cat a.btn-warning{
    color:#fff;
    font-weight: 500;
    /* width: 50%; */
}
blockquote{
    display:block;
    padding: 15px 20px 15px 45px;
    margin: 0 0 20px;
    position: relative;
    
    /*Font*/
    font-family: Georgia, serif;
    font-size: 21px !important;
    line-height: 0.7;
    color: rgb(185, 185, 185);
    text-align: justify;
    

  }
  
  blockquote::before{
    content: "\201C"; /*Unicode for Left Double Quote*/
    
    /*Font*/
    font-family: Georgia, serif;
    font-size: 60px;
    font-weight: bold;
    color: #999;
    
    /*Positioning*/
    position: absolute;
    left: 10px;
    top:5px;
  }
  
  blockquote::after{
    /*Reset to make sure*/
    content: "";
  }
  .navbar {
      background-color: #000;
      z-index: 1030;
    -webkit-box-shadow:  6px 8px 16px 0 rgb(47 47 47 / 30%), 6px 8px 16px rgb(47 47 47 / 30%);
    box-shadow: 6px 8px 16px 0 rgb(47 47 47 / 30%), 6px 8px 16px rgb(47 47 47 / 30%);
    padding-top: .5625rem;
  }

  .popular div[class*="col-"]{
      margin-top:30px;
  }
  .form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.form-row>.col, .form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}
.popular div[class*="col-"]{
    margin-top:30px;
}
.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
}
.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type="range" i] {
    appearance: auto;
    cursor: default;
    color: -internal-light-dark(rgb(16, 16, 16), rgb(255, 255, 255));
    padding: initial;
    border: initial;
    margin: 2px;
}