.gainer-losers-block{

  margin-top: 2rem;

}

.gainer-losers-block h1{

  font-size: 36px;

  color: #05c0d3;

  border-left: 0.5rem solid #05c0d3;

  font-family: 'Century Gothic';

  font-weight: bold;

  padding-left: 0.75rem;

}

.gainer-losers-block h1 span{

  font-family: 'Century Gothic';

  font-weight: bold;

  color: #003b74;

}

.gainer-losers-block h1 small{

  font-size: 14px;

  color: #7e7e7e;

  border-left: 1px solid #003b74;

  padding-left: 0.25rem;

}

ul.breadcrumb {

  padding: 5px 10px;

  margin-bottom: 0;

  list-style: none;

  background: none;

  justify-content: flex-end;

}

ul.breadcrumb li {

  display: inline;

  font-size: 16px;

  color: #05c0d3;

}

ul.breadcrumb li+li:before {

  padding: 8px;

  color: #003b74;

  content: ">";

}

ul.breadcrumb li a {

  color: #003b74;

  text-decoration: none;

}

ul.breadcrumb li a:hover {

  color: #01447e;

  text-decoration: underline;

}

ul.gainer-losers-btn{

  display: flex;

  list-style-type: none;

  padding: 0.5rem 0;

  margin: 0;

  border-bottom: 1px solid #ddd;

}

ul.gainer-losers-btn li a{

  padding: 0.5rem 0.85rem;

  font-size: 16px;

  color: #7e7e7e;

}

ul.gainer-losers-btn li a.active{

  color: #314584;

  border-bottom: 4px solid #314584;

}

.tab-dropdown{

  align-items: flex-end;

  margin-bottom: 2rem;

  margin-top: 1rem;

}

.enter-company-name{

  width: 30%;

  display: flex;

  justify-content: center;

  margin: 0 auto;

}

.enter-company-name input{

  width: 100%;

  padding: 0.5rem 0.75rem;

  border-radius: 0.25rem;

  border: 1px solid #ddd;

  font-size: 14px;

}

.enter-company-name input::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #000;

}

.enter-company-name input::-moz-placeholder { /* Firefox 19+ */

  color: #000;

}

.enter-company-name input:-ms-input-placeholder { /* IE 10+ */

  color: #000;

}

.enter-company-name input:-moz-placeholder { /* Firefox 18- */

  color: #000;

}

.dropdown-list{

  width: 100%;

  display: flex;

}

.each-dropdown-list{

  width: calc(25%);

  padding: 0 8px;

  font-size: 14px;

  color: #000;

}

.each-dropdown-list label{

  font-size: 14px;

  color: #000;

  margin-bottom: 0.25rem;

}

.each-dropdown-list select{

  -moz-appearance: none;

    /*-webkit-appearance: none;*/

    outline: none;

    /*background: url(../images/dropdown.png);*/

    background-position: right;

    background-repeat: no-repeat;

    background-position-x: 97%;

    font-size: 14px;

    color: #000;

}

.gainer-losers-block ul.main-gainer-tab{

  margin-top: 2rem;

  margin-bottom: 2rem;

}

.gainer-losers-block ul.main-gainer-tab li a{

  font-size: 16px;

  color:#7e7e7e;

  background: #d5d6d7;

  border-radius: 0;

      padding: 0.5rem 2.38rem;

    border-right: 2px solid #fff;

}

.gainer-losers-block ul.main-gainer-tab li a.active{

      background-image: linear-gradient(to right, #048a97, #0597a5, #06a5b4, #07b3c3, #08c1d2, #07c3d6, #06c5d9, #05c7dd, #05bdd5, #07b3cc, #0baac4,

 #0ea0bb);

      color: #fff;

      border: 1px solid #d5d6d7;

}

.gainer-losers-block .pagination li a{

  color: #000;

  border-radius: 50%;

  width: 26px;

    height: 26px;

    

    display: inline-block;

    border: 1px solid #05c0d3;

    margin: 0.2rem;

    background: #05c0d3;

    font-size: 14px;

}

.gainer-losers-block .pagination li:nth-of-type(1) a,

.gainer-losers-block .pagination li:nth-last-of-type(1) a{

  border: none;

  background: none;

  font-size: 16px;

}

.gainer-losers-block .pagination li a.active{

  background: #003b74;

  border: 1px solid #003b74;

  color: #fff;

}

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

  .gainer-losers-block ul.main-gainer-tab li a{

    padding: 0.5rem 1.55rem;

  }

  .gainer-losers-block h1{

    font-size: 30px;

  }

  ul.breadcrumb li{

    font-size: 14px;

  }

  ul.gainer-losers-btn li a{

    padding: 0.5rem;

  }

}

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

  .gainer-losers-block ul.main-gainer-tab li a{

    padding: 0.5rem 0.65rem;

    font-size: 15px;

  }

  .gainer-losers-block h1{

    border-left: none;

    font-size: 28px;

  }

  .gainer-losers-block h1 small{

    display: block;

  }

}

#floorplanSelect{

  display: none;

}

@media(max-width:767px){

  #floorplanSelect{

    display: block;

    width: 280px;

    margin: 0 auto 1rem;

    -moz-appearance: none;

    -webkit-appearance: none;

    outline: none;

    background: url(../images/dropdown.png);

    background-position: right;

    background-repeat: no-repeat;

    background-position-x: 97%;

  }

  .gainer-losers-block ul.main-gainer-tab{

    display: none;

  }

}

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

  .gainer-losers-block ul.main-gainer-tab{

    margin-top: 0;

    margin-bottom: 1rem;

  }

  .dropdown-list{

    margin-top: 1rem;

  }

}

@media(min-width:576px) and (max-width:767px){

  .gainer-losers-block h1{

    font-size: 26px;

  }

  ul.breadcrumb li{

    font-size: 15px;

  }

  ul.gainer-losers-btn{

    margin-bottom: 1rem;

  }

  .enter-company-name{

    width: 50%;

  }

}

@media(min-width:320px) and (max-width:575px){

  .gainer-losers-block h1{

    font-size: 22px;

    padding-left: 0;

    border-left: 0;

  }

  .gainer-losers-block h1 small{

    display: block;

  }

  ul.breadcrumb{

    justify-content: flex-start;

    padding-left: 0;

  }

  ul.breadcrumb li{

    font-size: 15px;

  }

  .tab-dropdown{

    margin-top: 0rem;

    margin-bottom: 0.75rem;

  }

  ul.gainer-losers-btn{

    margin-bottom: 1rem;

    margin-top: 0;

  }

  .dropdown-list{

    display: block;

  }

  .each-dropdown-list{

    width: 100%;

    margin-bottom: 0.5rem;

  }

  .enter-company-name{

    width: 100%;

  }

  .gainer-losers-block{

    margin-top: 1rem;

  }

}