.header-main {position: relative !important;}
#header-top-bar {background: #204b6a;}
.inner-banner {height: 650px;padding-top: 80px;position: relative;background-image: url("../images/affiliate-program-banner.jpg");background-position: top center;background-size: 100%;background-repeat: no-repeat;color: #fff;}
.inner-banner h1 {font-family: Lato, sans-serif; font-size: 60px;  font-weight: 900;  margin-bottom: 15px;  color: #fff; line-height: 1.2;}
.inner-banner h2 {font-family: 'Poppins-Regular';font-size: 18px;margin: 20px 0px 0px 0px;line-height: 26px;padding: 0% 8% 0% 0%;}

.affiliates{padding: 60px 0px;position: relative; font-family: 'Poppins-Regular';color: #2a2a2a;}
.affiliates p {font-family: 'Poppins-Regular'; font-size: 16px;width: 100%;}
.affiliates ul {position: relative;padding: 0px;margin-left: 20px;text-align: justify;}
.affiliates ul li {font-family: 'Poppins-Regular';padding:8px 0px;list-style: disc!important;}
.affiliates h2 {padding: 0px 30px;color: #1e1e1e; font-size: 34px;text-align: center;width: 100%;}

.bg-table{background: #fff;box-shadow: 0 7px 17px rgba(0, 0, 0, 0.15);border-radius: 8px;font-family:Lato,sans-serif;margin: 20px 0px 40px 0px;}
.bg-table thead {border-radius: 18px;}
.bg-table thead th{ font-size:24px; text-align: center; color: #fff;border-top: 0px solid #dee2e6;}
.bg-table thead th:first-child{border-top-left-radius: 0px;}
.bg-table thead th:last-child{border-top-right-radius: 0px;}
.bg-table th, .bg-table td{font-size:16px;  padding:15px 15px !important;text-align: center;}
.bg-table tbody tr td:first-child{font-weight: 600;text-align: left;}
.head td:first-child{text-align: left;color: #252525;font-size: 20px; background: #daecf7;border-top: 2px solid #c9d7e0;
  border-bottom: 2px solid #c9d7e0;}
.bg-table td i.fa-check{color: #258D5C;}
.bg-table td i.fa-times {color: #F23131}
.bg-table th, .bg-table td a{color: #007bff;transition: all .3s ease-in-out;}
.bg-table th, .bg-table td a:hover{color: #212529;text-decoration: none;}
.bg-table th, .bg-table td i{font-size: 16px;color: #b0bec8;}
.bg-table tr:hover{background: #f0f7fd;}
.bg-table thead tr:hover{background:none;}
.stk-tblhd{position: sticky; top: 98px; background: #204b6a;box-shadow: 0 2px 2px #eee;z-index:1;}
.orng{background:#fb7820;}
.wpblue{background:#21759a;}
.trbg {background: #fff;}
.trbg:hover {background: #ffede1!important;}

.how {position: relative;padding: 60px 0px;background: #f7fafe;}
.how section {width: 100%;text-align: left;font-family: 'Poppins-Regular';}
.how section h2 {color: #1e1e1e;font-size: 34px;margin-bottom: 18px;margin-left: 18px;}
.how section p {color:#2b2b2b;font-size: 16px;margin-left: 25px;margin-bottom: 8px;}
.how ul {position: relative;padding: 0px 0px 0px 20px;}
.how ul li::before{content:"\f177";position: absolute;font-family:"Flaticon";color: #1766ae;}

.banners{position: relative;padding: 60px 0px 0px 0px;font-family: 'Poppins-Regular';}
.banners h2 {color:#1e1e1e;font-size:34px;margin: 0 auto;text-align: center;}
.banners p {color:#565559;font-size: 21px;width: 100%;margin: 8px 0px 30px 0px; text-align: center;padding: 0% 20%;}
.banners section{text-align: center;margin: 0 auto;}
.banners section img{margin:10px;}
.banners textarea {font-size: 14px;color: #757581;margin-bottom: 10px;height: 250px;}

@media only screen and (min-width:320px)and (max-width:479px) {
    .inner-banner {padding-top: 40px;height: 240px;background: #204b6a;}
    .inner-banner h1 {font-size: 32px;}
    .inner-banner p {font-size: 16px;line-height: 24px;margin-bottom: 15px;}
    .inner-banner h2 {font-size: 16px;margin: 10px 0px 0px 0px;line-height: 22px; padding: 0px;}

    .bg-table thead th{font-size: 18px;}
    .affiliates{padding: 30px 15px;}
    .affiliates h2{font-size: 22px;}
    .affiliates p{font-size: 14px;}
    .affiliates ul{margin-left: 10px;}
    .affiliates ul li{font-size: 14px;padding: 5px 0px;}
    .stk-tblhd{top: 30px;}

    .how{padding: 30px 15px;}
    .how section h2{font-size: 22px;margin-bottom: 10px;}
    .how section p{font-size: 14px;margin-bottom: 10px;}
    .how ul li::before{font-size: 14px;}

    .banners{padding: 30px 0px;}
    .banners h2{font-size: 22px;padding: 0% 16%;}
    .banners p{font-size: 14px;margin: 0 auto 20px auto;padding: 0% 5%;}
    .banners textarea{height: 200px; width: 300px;margin: 0 auto;}
}
@media only screen and (min-width:480px) and (max-width:767px) {
    .inner-banner {padding-top: 20px;height: 280px;background: #204b6a;}
    .inner-banner h1 {font-size: 35px;}
    .inner-banner h2 {font-size: 16px;margin: 10px 0px 0px 0px;line-height: 22px;}
    .inner-banner p {font-size: 16px;line-height: 24px;margin-bottom: 15px;}

  .bg-table thead th{font-size: 18px;}

  .affiliates{padding: 30px 15px;}
  .affiliates h2{font-size: 22px;}
  .affiliates p{font-size: 14px;}
  .affiliates ul{margin-left: 10px;}
  .affiliates ul li{font-size: 14px;padding: 5px 0px;}
  .stk-tblhd{top: 70px;}

  .how{padding: 30px 15px;}
  .how section h2{font-size: 22px;margin-bottom: 10px;}
  .how section p{font-size: 14px;margin-bottom: 10px;}
  .how ul li::before{font-size: 14px;}

  .banners{padding: 30px 0px;}
  .banners h2{font-size: 22px;padding: 0% 16%;}
  .banners p{font-size: 14px;margin: 0 auto 20px auto;padding: 0% 5%;}
  .banners textarea{height: 200px; width: 300px;margin: 0 auto;}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
    .inner-banner {padding-top: 50px;height: 200px;background: #204b6a;}
    .inner-banner h1 {font-size: 32px;}
    .inner-banner h2 {font-size: 18px!important;margin: 10px 0px 0px 0px;line-height: 24px;}
    .inner-banner p { font-size: 16px;line-height: 24px;margin-bottom: 15px;}
    .bg-table thead th{font-size: 18px;}
 
    .affiliates{padding: 30px 15px;}
    .affiliates h2{font-size: 22px;}
    .affiliates p{font-size: 14px;}
    .affiliates ul{margin-left: 10px;}
    .affiliates ul li{font-size: 14px;padding: 5px 0px;}

    .stk-tblhd{top: 50px;}

    .how{padding: 30px 15px;}
    .how section h2{font-size: 22px;margin-bottom: 10px;}
    .how section p{font-size: 14px;margin-bottom: 10px;}
    .how ul li::before{font-size: 14px;}
    .how img{display: none;}

    .banners{padding: 30px 0px;}
    .banners h2{font-size: 22px;padding: 0% 16%;}
    .banners p{font-size: 14px;margin: 0 auto 20px auto;padding: 0% 5%;}
    .banners textarea{width: 300px;margin: 0 auto;}
}
@media only screen and (min-width:1024px) and (max-width:1280px) {
    .inner-banner {padding-top: 20px;height: 250px;}
    .banner {padding-top: 140px;}
    .banner .banner-content h1 {font-size: 50px;}
    .banner .banner-content p {font-size: 20px;margin-bottom: 16px;}
    .how img{display: block;}
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
    .inner-banner {padding-top: 20px;height: 450px;}
    .inner-banner h1 {font-size: 35px;}
    .inner-banner p {font-size: 16px;line-height: 24px;margin-bottom: 15px;}
    .inner-banner h2 {font-size:18px; margin: 10px 0px 0px 20px;}
}
@media (min-width: 1080px) {
    .inner-banner {padding-top: 40px;height: 350px;}
    .inner-banner h1 {font-size: 35px;}
    .inner-banner h2{margin: 10px 0px 0px 0px;}
    .inner-banner p {font-size: 16px;line-height: 24px;}
}
@media (min-width:1920px) {
    .inner-banner {padding-top: 110px;height: 460px;}
    .inner-banner h1 {font-size: 52px;}
    .inner-banner p {font-size: 24px;line-height: 34px;}
}