/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v9/iJWKBXyIfDnIV7nBrXw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
    max-width: 100%;
    overflow-x: hidden;
}
body {
  font-family: 'Rubik', sans-serif;
  font-family: 'Rubik', sans-serif;
  font-family: 'Rubik', sans-serif;
  max-width: 100%;
  overflow-x: hidden;
}
::selection {
  background: #f64aa196;
  color: white;
}

body *:focus {
  outline: none;
}

a:hover {
  text-decoration: none;
}

/*nav start*/
.bondoruz_navcont {
  width: 100%;
  margin: 0 auto;
  min-height: 75px;
  background: #fff;
  padding: 17px 70px 0px;
}
.logocont {
  width: 15%;
  display: inline-block;
}
.logocont img {
  width: 100%;
}
.rest_logocont {
  width: 84%;
  display: inline-block;
  text-align: right;
  height: 54px;
}
.dropdown_nav {
  width: 100px;
  background: white;
  display: inline-block;
  padding: 10px 12px 27px;
  font-size: 10px;
  letter-spacing: 1px;
  cursor: pointer;
  position: relative;
}
.inner_dd_nav_li {
  position: absolute;
  width: 150px;
  left: 5px;
  top: 55px;
  background: white;
  text-align: left;
  height: auto;
  display: none;
  padding-bottom: 27px;
}
.dropdown_nav:hover  .inner_dd_nav_li {
  display: block;
}
.dd {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 10px;
  padding: 10px;
}

/*banner strat*/
.bannercont {
  width: 100%;
  margin: 0 auto;
  min-height: 700px;
  background: green;
  background: url(../img/BDZbackground2020.svg);
  background-size: cover;
  background-position: 0px 0%;
  background-color: #1e1d57;
  /*animation: bann_animation linear 10s forwards infinite;*/
}
/*@keyframes bann_animation {
  0% {
    background-position: 0px 0%;
  }
  40% {
    background-position: 50px 3%;
  }
  100% {
    background-position: 0px 0%;
  }
}*/
.lock img {
  width: 10px;
  margin-bottom: 5px;
  transform: translateX(5px);
}
.ban_head {
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  color: white;
  font-size: 60px;
  display: block;
  text-align: center;
  letter-spacing: -1px;
  margin-top: 50px;
}
.ban_subhead {
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    color: white;
    font-size: 20px;
    display: block;
    text-align: center;
}
/*banner end*/
.tick_div_cont {
  width: 100%;
  margin: 0 auto;
  /* min-height: 100px; */
  /* background: #ccc; */
  text-align: center;
  padding-top: 2%;
}
.inner_tickdiv img{
  width: 20px;
}
.inner_tickdiv{
  width: 16%;
  display: inline-block;
  color: white;
}
.ban_whitecont {
  width: 83%;
  margin: 1% auto;
  min-height: 200px;
  background: white;
  border-radius: 10px;
  padding: 2% 6%;
}
.ban_whitecont h2 {
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  font-size: 40px;
  color: #515151;
  margin-bottom: 1px;
  margin-top: 0px;
}
.ban_whitecont p {
  margin: 0 0 10px;
  font-family: 'Rubik', sans-serif;
  letter-spacing: 0px;
  margin-top: 2%;
  font-size: 13px;
  color: #546e7a;
}
.ban_whitecont .input_text_numbers {
  width: 48%;
  padding: 9px 20px;
  margin-right: 1%;
  font-size: 18px;
  border-radius: 5px;
  border: 1px solid #ccc;
  margin-top: 2%;
}
.ban_whitecont label {
  margin:4% auto  2%;
  font-weight: 200;
  font-size: 15px;
  letter-spacing: 1px;
  color: #323232;
  float: left;
}
.Al_enviar_su_formulario {
  margin: -2% auto 2%!important;
}
.ban_whitecont label span{
  margin-left: 0px;
  font-size: 12px;
  letter-spacing: 0px;
  color: #546e7a;
  font-weight: 400;
}
.ban_whitecont label a{
color: #f24b9e;
font-weight: 500;
}
.ban_button {
  width: 100%;
  background: #f1368c;
  color: white;
  padding: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  border: none;
  margin: 2% auto 5%;
  transition: all .5s;
}
.ban_button:hover {
  background: #ac3572;
}
.howitwork {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.howitwork img{
  width: 55px;
  margin: 0 auto;
  text-align: center;
}
.normal_head {
  font-family: 'Rubik', sans-serif;
  margin-top: 5%;
  font-size: 37px;
  text-align: center;
  font-weight: 400;
}
.normal_sub_head {
}
.howitwork .col-md-6 {
  margin-top: 5%;
}
.howitwork h3 {
  font-family: 'Rubik', sans-serif;
  font-size: 21px;
  color: #2b263db8;
}
.howitwork p{
  font-size: 13px;
  letter-spacing: 0px;
  color: #546e7a;
}

.feedbackcont{
  width: 100%;
  margin: 5% auto;
}
.feedback {
  margin: 0 0 10px;
  width:100%; 
  font-size: 18px;
  min-height: 70px;
  font-weight: 400;
  color: #546e7a;
  text-align: center;
}
.feedback::before {
  content: " '' ";
}
.feedback::after {
  content: " '' ";
}
.raiting_start{
  color: #706e6e;
  display: block;
  text-align: center;
}
.raiting_start i.active {
  color: #e8c103;
}
.rating_innerstar.active {
    color: #e8c103;
}   
.rating_innerstar{
   font-size: 20px;
   color: #706e6e
  }
.feedback_name {
  font-size: 15px;
  font-weight: 700;
  font-family: 'Rubik', sans-serif;
  color: #15549a;
  letter-spacing: 0px;
  margin-top: 5px;
  text-align: center;
}
.feedback_inner{
  margin-top: 2%
}
.bottomfeedbackcont {
  width: 100%;
  margin: 6% auto;
  float: left;
}
.calender_cont {
  display: flex;
  align-content: center;
  justify-content: center;
}
.calender_inner {
  width: 54%;
  min-height: 200px;
  background: white;
  box-shadow: 1px 1px 9px 0px #0003;
  border-radius: 5px;
  padding: 0px 11px 35px;
}
.calender_icon_cont {
  display: block;
  text-align: center;
  color: #f44ba1;
  font-size: 47px;
  margin-top: 27px;
}
.calender_head {
  letter-spacing: 0px;
  color: #263238;
  font-size: 16px;
  margin-top: 27px;
  font-family: 'Rubik', sans-serif;
  text-align: center;
  font-weight: 400;
}
.calender_text {
  letter-spacing: 1px;
  color: #546e7a;
  font-size: 14px;
  margin-top: 27px;
  font-family: 'Rubik', sans-serif;
  text-align: center;
  font-weight: 400;
}
.calender_button {
  width: 80%;
  margin: 0 auto;
  display: block;
  padding: 4px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  border: none;
  background: #f44ba1;
  color: white;
  padding: 10px;
  font-size: 13px;
  border-radius: 5px;
  margin-top: 21px;
  transition:  all .5s;
}
.calender_button:hover {
  background: #ac3572;
}
.accordion_wrapper {
  margin-top: 5%;
}
.acc_tri {
  width: 100%;
  height: auto;
  background: #fff;
  padding: 7px 15px;
  /* border: 1px solid #f44ba1; */
  box-shadow: 1px 1px 10px 0px #0000002e;
  border-radius: 5px;
  font-size: 16px;
  color: #848484;
  cursor: pointer;
  transition: all .5s;
}
.acc_tri:hover {
  background: #fbfbfb;
}
.acc_text {
  height: 0px;
  overflow: hidden;
  width: 100%;
  font-weight: 100;
  /* background: red; */
  margin-bottom: 5%;
  font-size: 13px;
  transition: height 1s!important;
}
.acc_expand {
  height: auto;
  padding: 20px 21px;
  /*transition: max-height 1.5s!important;*/
  color: #546e7a;
  font-weight: 400;
  line-height: 24px;
  transition: height 1s!important;
}
.acc_text.acc_expand .for_height_acc_text {
  opacity: 1;
  transition: all .5s;
}
.acc_text .for_height_acc_text {
  opacity: 0;
}
.acc_tri_active {
  border: 1px solid #f44ba1;
  color: #f44ba1;
}
.exceptfooter {
  /*margin-bottom: 300px;*/
  z-index: 1;
  background: white;
  position: relative;

}
.calender_icon_cont img {
  width: 50px;
}
/*.calender_inner*/

/*footer start*/
  .beforefooter {
    width: 100%;
    margin:0 auto;
    background: #f7f7f7;
  }
  .static_footer {
    width: 100%;
    margin: 0 auto;
    min-height: 300px;
    background: #1e2127;
    position: static;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
    padding-top: 0px; 
    padding-bottom: 0px;
  }
  .terms_privecy_footer {
    display: block;
    width: 100%;
    text-align: center;
    color: #546e7a;
    font-size: 12px;
  }
  .terms_privecy_footer a:hover {
    color: white!important   ;
  }
  .copyrght {
    display: block;
    width: 100%;
    text-align: center;
    color: #546e7a;
    margin-top: 5%;
    font-size: 12px;
  }
  .copyrght a {
    color: #546e7a!important   ;
  }
  .copyrght a:hover {
    color: white!important   ;
  }
  .terms_privecy_footer a{
    color: #546e7a;
  }
  .inner_footer_cont {
    margin-top: 100px;
    border-right: 1px solid #484848;
    border-left: 1px solid #484848;
  }
  .inner_footer_cont img {
    width: 65%;
    display: block;
    text-align: center;
    margin: 4% auto;
  }
/*footer end*/

/*compair strat*/
  .ban_whitecont.forcompair {
    width: 100%;
    margin: 2% auto;
    min-height: 165px;
    background: white;
    border-radius: 0px 0px 10px 10px;
    padding: 0% 0%;
  }
  .compair_top_name {
    width: 100%;
    margin: 0 auto;
    /* min-height: 70px; */
    background: #efefef;
    padding: 15px 30px 10px;
    position: relative;
  }
  /*ribbon*/
  .ribbon {
    position: absolute;
    background: #f51f8a;
    top: 15%;
    padding: 9px 1px 9px 16px;
    left: -9px;
    font-family: 'Rubik', sans-serif;
    color: white;
    letter-spacing: .5px;
    font-size: 13px;
    font-weight: 100;
    z-index: 1;
    line-height: 1.16;
  }
  .ribbon:before {
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      background: #e6047500;
      bottom: -6px;
      left: 1.9px;
      z-index: 0;
      border-left: 6.5px solid #ff000000;
      border-right: 6.5px solid #ffff0000;
      border-bottom: 6.5px solid #b51263;
      border-top: -1px solid #00800000;
      transform: rotate(45deg);
  }
  .ribbon span {
    width: 29px;
    height: 100%;
    position: absolute;
    right: -28px;
    top: 0;
    overflow: hidden;
  }
  .ribbon span  img{
    width: 100%;
    height: 100%;
  }


 
  /*ribbon end*/
  .ban_whitecont.forcompair p {
      margin: 0 0 0px;
      font-family: 'Rubik', sans-serif;
      letter-spacing: 0px;
      margin-top: 0%;
      font-weight: 400;
      font-size:18px;
  }
  .star_largescreen {
    float: right;
    color: #ffd146 !important
  }
  .ban_whitecont.forcompair p span{
    /*margin-left: 10px;*/
  }
  .comparelogo_cont img{
    width: 129px;
    margin: 14px auto 14px;
  }
  .compare_inner_result {
    width: 100%;
    margin:0 auto;
  }
  .ban_whitecont.forcompair .compare_inner_result p{
    font-size: 18px;
    font-weight: 400;
    margin-top: 30px;
    text-align: center;
    color: #7b7979;
  }

  .ban_whitecont.forcompair .compare_inner_result .rate p small{
  font-size: 75%;
  font-weight: 400;
  }
  .compare_inner_result .col-md-2 {
    text-align: center;
  }
  .ban_whitecont.forcompair .compare_inner_result p  small{
  font-size: 71%;
  text-align: center;
  font-weight: 300;
  }
 button.applyfor_compare {
    margin-top: 30px;
    width: 100%;
    background: #1eae02;
    padding: 8px 32px;
    /*background-image: linear-gradient(#1eae02, #1f860b);*/
    border: none;
    border-radius: 40px 30px 30px 0;
    color: white;
    font-family: 'Rubik', sans-serif;
    font-weight: 100;
    letter-spacing: 0px;
    font-size: 15px;
  }
  
  
  button.applyfor_compare img{
    height: 15px;
    margin-top: -4px;
  }
  
  span.applyfor_compare_link {
    color: #f51f8a;
    padding-top: 4px;
    float: left;
    text-align: center;
    width: 100%;
  }
  .compare_ban_head {
    color: white;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
  }
  .compare_somewhite_bar {
    background: white;
    padding: 10px;
    text-align: center;
    letter-spacing: 2px;
    color: #15549a;
    font-size: 13px;
  }
  .compare_somewhite_bar span{
  margin: 0px 5px;
  }
  .smalltext_comare {
      color: white;
      text-align: center;
      font-size: 12px;
      line-height: 16px;
      margin: 0 20px;

  }
  .comparelogo_cont .companyname {
    width: 100%;
    background: #efefef;
    margin: 0px auto!important;
  }
/*compair end*/

/*privecy start*/
  .privecy_ban {
    width: 100%;
    margin: 0 auto;
    min-height: 200px;
    background: url(../img/privecy.jpg);
    background-size: cover;
    background-attachment: fixed;
    padding: 60px;
    word-break: break-all;
  }
  .privecy_ban h2{
    font-size: 36px;
    color: #fff;
    font-family: 'Rubik', sans-serif;
  }
  .privecy_cont {
    width: 100%;
    margin: 0 auto;
    min-height: 400px;
    padding-bottom: 25px;
  }
  h3.p_p_head {
      color: #f043c2;
      margin-top: 57px;
      line-height: 30px;

  }
  .privecy_cont p {
    font-size: 12px;
    margin-top: 8px;
    color: #546e7a;
    line-height: 24px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
  }
  .privecy_cont  ul li{
    margin-bottom: 6px;
    letter-spacing: 0px;
    font-size: 12px;
    margin-top: 7px;
    color: #546e7a;
    line-height: 18px;
    font-weight: 400;
  }
  .tg {
    width: 100%;
    border-color: #cbcbcb;
    letter-spacing: 1px;
  }
  .tg {
    border-collapse: collapse;
    border-spacing: 0;
  }

  .tg td {
  
    font-size: 14px;
    padding:  20px 5px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
    border-color: black;
  }

  .tg th {
  
    font-size: 14px;
    font-weight: normal;
    padding: 20px 5px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
    border-color: black;
  }

  .tg .tg-0pky {
    border-color: inherit;
    text-align: left;
    vertical-align: top;
    width: 33%;
    font-size: 13px;
    padding: 19px 38px 19px;
    display: table-cell;
    align-items: center;
    justify-content: center;
    color: #546e7a;
    letter-spacing: 0;
  }
  .tg span {
    display: block;

    margin-bottom: 20px;
  }
/*privecy end*/
.static_footer p {
  color: #546e7a;
  text-align: center;
  font-size: 13px;
  width: 90%;
  margin: 100px auto 0px;
  line-height: 24px;
}

@media only screen and  (max-width: 786px) and (min-width: 300px) {
  .privecy_ban {
    width: 100%;
    margin: 0 auto;
    min-height: 200px;
    background: url(../img/privecy.jpg);
    background-size: cover;
    background-attachment: fixed;
    padding: 60px 0px;
    word-break: break-all;
  }
}
@media only screen and  (max-width: 375px) and (min-width: 300px) {
  .logocont img {
      width: 76%;
      margin-top: 2%;
  }
  .inner_footer_cont {
      margin-top: 20px;
    }
    .static_footer p {
        margin: 27px auto 0px;
      }
      .input_text_numbers::placeholder{
        font-size: 13px;
      }

      .ban_whitecont h2 {
          font-family: 'Rubik', sans-serif;
          font-weight: 400;
          font-size: 28px;
          margin-top: 13px;
      }
      h3.p_p_head {
        color: #f043c2;
        margin-top: 32px;
        font-size: 18px;
        line-height: 22px;
      }
      .privecy_ban h2 {
        font-size: 39px;
        line-height: 48px;
        color: #fff;
        font-family: 'Rubik', sans-serif;
        text-align: center
      }
      .calender_cont , .accordion_cont {
        padding-left: 0px;
        padding-right: 0px;
      }
      .tg .tg-0pky {
        width: 32%!important;
        font-size: 13px;
        padding: 5px;
        display: table-cell;
        text-align: center;
        vertical-align: inherit;
        word-break: break-all;
      }

}
@media only screen and  (max-width:450px) and (min-width: 375px) {
  .logocont img {
      width:58%;
      margin-top: 1%;
  }
  .inner_footer_cont {
      margin-top: 20px;
    }
    .static_footer p {
        margin: 27px auto 0px;
      }
      .input_text_numbers::placeholder{
        font-size: 13px;
      }
      .ban_whitecont h2 {
          font-family: 'Rubik', sans-serif;
          font-weight: 400;
          font-size: 28px;
          margin-top: 13px;
      }
      .privecy_ban h2 {
        font-size: 39px;
        line-height: 48px;
        color: #fff;
        font-family: 'Rubik', sans-serif;
        text-align: center
      }
      .calender_cont , .accordion_cont {
        padding-left: 0px;
        padding-right: 0px;
      }
}
@media only screen and  (max-width:500px) and (min-width: 450px) {

      .input_text_numbers::placeholder{
        font-size: 13px;
      }
      .privecy_ban h2 {
        font-size: 39px;
        line-height: 48px;
        color: #fff;
        font-family: 'Rubik', sans-serif;
        text-align: center
      }
}
@media only screen and  (max-width:708px) and (min-width: 450px) {
  .logocont img {
      width:200px;
      margin-top: 1%;
  }
  .inner_footer_cont {
      margin-top: 20px;
    }
    .static_footer p {
        margin: 27px auto 0px;
      }

}
@media only screen and  (max-width:3000px) and (min-width: 708px) {

      .table_cont {
          width: 100%;
          overflow-x: inherit!important;
      }
}
@media only screen and  (max-width:3000px) and (min-width: 1500px) {
  .logocont img {
    width: 176px;
  }
  .calender_inner {
      width: 64%;
    }
}
@media (min-width: 1200px){
.container {
    width: 1204px;
}
.term_conditions_container {
  width: 1060px;
}
}
@media only screen and  (max-width: 708px) and (min-width: 300px) {
  .inner_tickdiv img{
    width: 20px;
    text-align: left;
    margin: 4px auto;
    margin-right: 8px;

  }
  .inner_tickdiv{
    width:auto;
    text-align: left;
    margin: 0 20px;
  }
  .logocont, .rest_logocont {
    width: 100%;
    display: block;
    text-align: center;
  }
  
  .ban_head {
 font-size: 35px;
  }
  .normal_head {
    font-size: 34px;
    margin-top: 71px;
  }
  .howitwork .col-md-6 {
      margin-top: 10%;
  }
  .feedback_inner {
      margin-top: 5%;
      margin-bottom: 10%;
  }
  .feedback {
      font-size: 18px;
      min-height: inherit;
  }
  .feedback_name {
      font-size: 13px;
    }
    .calender_inner {
        width: 100%;
        max-width: 377px;
    }
    .inner_footer_cont {
        border-right: 1px solid #48484800;
        border-left: 1px solid #48484800;
    }
    .beforefooter {
        /*min-height 100px;*/
      }

      .ban_whitecont {
          width: 100%;
          margin: 6% auto;
      }
      .ban_whitecont .input_text_numbers {
      width: 100%;
      }



      .ban_whitecont.forcompair .compare_inner_result p {
          margin-top: 7px;
      }
      .compare_bottom {
          float:left;
      }
      .ban_whitecont.forcompair .compare_inner_result p span {
        display: block;
        display: contents;
      }
      .ban_whitecont.forcompair {
        border-radius: 10px 10px 10px 10px;
      }
      .compare_ban_head {
          color: white;
          text-align: center;
          font-size: 18px;
          margin-bottom: 20px;
          line-height: 24px;
          margin-left: 15px;
          margin-right: 15px;
      }
      .comparelogo_cont .companyname {
           background: white; 
        }
        .star_outer {
          background: #efefef!important;
          color: #ffd146 !important
        }
        .rate {
          padding-bottom: 1px;
          border-bottom: 1px solid #efefef;
        }
        .fees, .compare-rate {
          padding: 0px;
        }
        .fees {
          border-right:1px solid #efefef
        }
        button.applyfor_compare {
            margin-top: 20px;
          }
          .ban_whitecont.forcompair {
              margin: 5% auto;
            }

}

@media only screen and  (max-width: 1000px) and (min-width: 708px) {
  .inner_tickdiv img{
    width: 20px;
    display: block;
    text-align: center;
    margin: 4px auto;
  }
  .inner_tickdiv {
      width: 18%;
    }
    .break_mob.hidden-xs.hidden-sm  {
      display: block!important;
    }
}
@media only screen and  (max-width: 10000px) and (min-width: 1201px) {
  .inner_tickdiv {
    width: 16%;
    font-size: 16px;
    }
    .container {
        width: 1104px;
    }
}
@media only screen and  (max-width: 992px) and (min-width: 707px) {
.
}
.table_cont {
/*  width: 100%;
  overflow-x:scroll;*/
}
table * {
  width: 100%!important
}

/* new added*/
.ban_whitecont label {
       margin: 4% auto 2%;
       font-weight: 200;
       font-size: 15px;
       letter-spacing: 1px;
       color: #323232;
       float: left;
       width: 100%;
       display: block;
       float: none;
   }
   .ban_button {
      margin-bottom: 5%;
   }
   #loading {
      display: block;
      text-align: left;
      margin: -5% auto 5%;
      display: none;
   }
   #loading img{
      width: 20px;
      margin-top: 20px;
   }
   .cant_empty::placeholder {
     color: red;
   }
.compare_bottom{
  padding-top: 10px!important;
  border-top: 1px solid #efefef!important;
  line-height: 14px!important;
  width: 90%!important;
  margin-left: auto!important;
  margin-right: auto!important;
  text-align: center!important;
  color: darkgray!important;
  padding-bottom: 10px!important;
  font-size: 10px!important;
  /*margin: 14px auto 5px!important;*/
   }

    @media only screen and  (max-width: 700px) and (min-width: 300px ) {
            .compare_bottom {
                float: left;
                width: 100%!important;
            }
    }

.descriptionDiv{
  display: none;
}
  .compare_inner_result .ribbon {
      position: absolute;
      background: #f51f8a;
      top: -5%;
      display: none;
    }
    
    @media only screen and  (max-width: 992px) and (min-width: 300px ) {
    .compare_inner_result {
    padding-bottom: 0px;
    /*padding-top: 41px;*/
    position: relative;
    }
    .compare_inner_result .ribbon {
        position: absolute;
        background: #f51f8a;
    top: -16.5px;
        display: block;
      }

      .ban_whitecont.forcompair {
          margin: 8% auto;
      }
    }
  /*ribbon end*/
  
  @media only screen and (max-width: 993px) and (min-width: 320px) {
      
}













@media only screen and  (max-width: 993px) and (min-width: 706px) {
    break_mob.hidden-xs.hidden-sm {
  display: none!important;
}
.ban_whitecont.forcompair .compare_inner_result p {
    font-size: 29px;
  }
  .ban_whitecont.forcompair {
      width: 70%;
      padding-bottom: 4%;
      border-radius: 10px;
  }
  button.applyfor_compare {
      font-size: 18px;
  }
    .col-md-3.rate , .col-md-2.col-sm-6.col-xs-6.fees , .compar3-rate , .col-md-2.col-xs-12.repayment {
        width:33.3%;
        float: left;
        display: inline-block;
        margin-top: 1%;
    }
    .break_mob.hidden-xs.hidden-sm {
        display:none!important;
    }
    .compare_inner_result .col-md-12{
        float: left;
    }
    .container {
        width: 90%;
    }
    .compare_inner_result {
        width: 100%;
    }
    .ban_whitecont.forcompair .compare_inner_result p {
        font-size: 18px;
    }
    .ban_whitecont.forcompair .compare_inner_result p small {
        display:block
    }
    
    button.applyfor_compare {
        margin-top: 10px;
    }
    .ban_whitecont.forcompair .compare_inner_result p {
    margin-top: 10px;
    }
    .ban_whitecont.forcompair {
    padding-bottom: 0%;
    }
    .ban_whitecont.forcompair {
        width: 100%;
        padding-bottom: 0%;
    }
    .ban_whitecont.forcompair {
        margin: 4% auto;
    }
    .compare_inner_result .col-md-2.col-xs-12 {
        width: 100%;
    }
    .applyfor_compare {
            padding: 10px;
    }
}
@media only screen and  (max-width: 3993px) and (min-width: 994px) {

}
@media only screen and  (max-width: 992px) and (min-width: 300px) {
    .logocont {
          width:100%;
          display:block;
          text-align:center;
      }
        .logocont img {
            width: 58%;
            margin-top: -2%;
        }
        .bondoruz_navcont {
            width: 120%;
            margin: 0 auto;
            min-height: 60px;
            background: white;
            margin-bottom: 1px;
            padding: 17px 70px 0px;
            border-bottom-left-radius: 70%;
            border-bottom-right-radius: 70%;
            position: fixed;
            left: -10%;
            z-index: 2;
        }
        .compare_ban_head , .ban_head {
               margin-top: 90px;
        }
        .logocont img {
            width: 76%;
            margin-top: 0%;
            max-width: 135px;
        }
.compare_inner_result   .ribbon {
    display:block;
}
.row.compair_top_name.hidden-xs.hidden-sm .ribbon {
    display:none;
}
}
@media only screen and  (max-width: 3992px) and (min-width: 993px) {
    button.applyfor_compare {
            padding: 10px 0px;
    }
    .col-md-12 .compare_bottom {
    margin-top: 10px!important;
}
.compare_inner_result   .ribbon {
    display:none;
}
.row.compair_top_name.hidden-xs.hidden-sm .ribbon {
    display:block;
}
}

@media only screen and  (max-width: 3375px) and (min-width: 300px) {
    .inner_tickdiv {
        margin: 0 4px;
    }
}
p.companyname.star_outer span {
    color: #ffd146 ;
    }