.header-main{position: relative!important;}
#header-top-bar{background: #204b6a;}
.inner-banner {height: 650px; padding-top: 120px; position: relative; background-image: url("../images/plesk-license-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;padding: 0% 18% 0% 0%;}
.inner-banner p {font-family: 'Poppins-Regular';font-size: 24px;line-height: 30px;margin-bottom: 20px;padding: 0% 15% 0% 0%;}
.inner-banner ul{padding:0px 0px 10px 0px;margin:0px 0px 0px 20px;}
.inner-banner ul li{font-family: 'Poppins-Light';font-size: 18px;list-style-type: disc;padding: 3px 0px;}
.inner-banner h2 {font-family: 'Poppins-SemiBold'; font-size: 30px; margin-bottom: 10px; color: #ffde26; line-height: 1.2;padding: 0% 4% 0% 0%;}
.inner-banner a {background-color:#64ba04;color: #fff;padding: 15px 30px;text-decoration: none;transition: all .3s ease-in-out;border-radius: .25rem;font-family: Lato, sans-serif;font-weight:700;font-size: 16px;top: 42px;position: relative;left: 10px}
.inner-banner a:hover {background-color: #fff;color: #0178e5;}
.container-sm{width:1140px; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto } .ml-auto, .mx-auto{margin-left: auto !important;margin-right: auto !important;}
.inner-banner .amt{width: 20%; margin-bottom: 20px;float: left;}
.inner-banner .amt p{color:#fff; font-size: 16px;  font-family:Lato,sans-serif;font-weight:400;margin-bottom: 0px;}
.inner-banner .amt h3{font-size:50px;color:#fff; font-family: 'Poppins-SemiBold';}
.inner-banner .amt h3 sup{font-size:26px; font-family: 'Poppins-Regular';top: -22px;right: 1px;}
.inner-banner .amt h3 span{font-size:16px; font-family: 'Poppins-Regular';}

.pl{padding: 60px 0px;position: relative;}
.pl h2 {color: #1e1e1e;font-family: 'Poppins-Regular';font-size: 34px;text-align: center;width: 100%;margin-bottom: 10px;}
.pl p {color: #565559;font-family: 'Poppins-Regular';font-size: 20px !important;text-align: center;margin: 0px auto 70px auto;width: 100%;padding: 0% 5%;}
.pl section{border-radius: 6px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);height: 280px;margin-bottom: 30px;border-bottom: 2px solid #fb7820;background: #fff;padding: 20px;}
.pl section::before{background: #fb7820;position: absolute;color: #fff;border-radius: 4px;font-family: "flaticon";content: "\f129";display: block;z-index: 100;font-size: 22px;padding:10px;width: 60px;height: 50px; margin: 0 auto;left: 0; right: 0;  top: -20px;text-align: center;}
.pl section:hover::before{background:#000;transition: all .3s ease-in-out;}
.pl section p{color:#515151;font-size:16px !important;margin: 12px auto 50px auto;}
.pl section h3{font-family: 'Poppins-Medium';font-size: 22px; padding-top: 40px;text-align: center;}
.pl section h3 span{font-size: 14px;}
.pl section:hover .wht{color: #fff;}
.pl section::after{position: absolute;content: "";width: 100%;height: 0;background: #1766ae;
top: 0;left: 0;z-index: -1;  transition: all 0.3s ease-out 0s;border-radius: 6px;}
.pl section:hover::after {height: 100%;}
.bghover {z-index: 1;position: relative;}

.quality{padding:60px 0px;position: relative;background: #f7fafe;}
.quality h2{padding: 0px 30px;color: #1e1e1e;font-family: 'Poppins-Regular';font-size: 34px;text-align: center;
width: 100%;}
.quality ul{position: relative;padding: 0px; display: inherit;}
.quality ul li{font-family: 'Poppins-Regular';padding: 2px 0px 0px 10px;}
.quality ul li img{background: #fb7820; padding: 10px;  position: absolute; margin-top: 8px;border-radius: 4px;}
.quality ul li span{font-size: 22px;color: #1766ae;font-family: 'Poppins-SemiBold';margin-left: 80px;}
.quality ul li p{font-size: 18px;padding:5px 0px 0px 81px;text-align: left;}
.quality p{font-size: 21px;margin: 0 auto 50px auto;text-align: center;font-family: 'Poppins-Regular';width: 100%;}

.chp{padding:60px 0px 80px 0px;position: relative;}
.chp h2{padding: 0px 30px;color: #1e1e1e;font-family: 'Poppins-Regular';font-size: 34px;text-align: center;
    width: 100%;}
.chp p{font-size: 21px;margin: 0 auto 30px auto;text-align: center;font-family: 'Poppins-Regular';width: 100%;}

.chp a{font-size:16px;color: #fff !important;background: #fb7820;padding:5px 20px;border-radius: 4px;text-decoration: none;transition: all .3s ease-in-out;display: inline-block;text-align: center;margin: 0 auto;font-family: 'Poppins-Medium';width: 25%;text-transform: uppercase;}
.chp a:hover{background: #1766ae;color: #fff;}
.bg-table{background: #fff;box-shadow: 0 7px 17px rgba(0, 0, 0, 0.15);border-radius: 8px;font-family:Lato,sans-serif;}
.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 thead th span{font-size: 20px;background: #115586;border-radius: 4px;padding: 5px 15px;} 
.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{text-align: center;color: #252525;font-size: 20px; background: #daecf7;border-top: 2px solid #c9d7e0;
  border-bottom: 2px solid #c9d7e0;font-weight: 600;padding: 8px 0px !important;}
.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{top: 98px; background: #204b6a;box-shadow: 0 2px 2px #eee;z-index:1;}
.wdblue{background:#2999a8;}

@media only screen and (min-width:320px)and (max-width:479px){
  .inner-banner {padding-top: 40px;height: 220px;background: #204b6a;}
  .inner-banner h1{font-size: 32px;padding: 0px;}
  .inner-banner p{font-size: 16px;line-height: 24px;margin-bottom: 15px;}
  .inner-banner ul{padding: 0px 0px 10px 0px;}
  .inner-banner ul li{font-size: 16px;}
  .inner-banner h2{font-size: 20px;}
  .inner-banner .amt{width: 38%;}
  .inner-banner .amt h3{font-size:40px;}
  .inner-banner .amt h3 sup{font-size: 16px;top: -16px;}
  .inner-banner a{font-size: 14px;padding: 12px 20px;top: 32px;}
  .banner{padding-top: 120px;}
  .banner .banner-content h1 {font-size: 60px;}  
  .banner .banner-content p {font-size: 16px;margin-bottom: 16px;}
 
  .pl{padding: 30px 0px 0px 0px;}
  .pl section{height: 240px;margin-bottom: 40px;}
  .pl h2{font-size:18px;padding: 0% 3%;margin-bottom: 10px;}
  .pl p{font-size: 14px!important;padding: 0% 5%;margin: 0 auto 30px auto;}
  .pl section h3{font-size:18px;padding-top: 30px;}
  .pl section p{font-size: 14px !important;margin: 12px auto 20px auto;}
  .pl section::before{padding: 5px;width: 50px;height: 40px;font-size: 18px;}

  .quality{padding: 30px 0px;}
  .quality h2{font-size: 22px;}
  .quality p {font-size: 14px;margin: 0 auto 20px auto;padding:0% 5% 0% 5%;}
  .quality ul li{padding: 2px 0px 0px 0px;}
  .quality ul li img{padding: 8px;}
  .quality ul li span{font-size: 16px;}
  .quality ul li p{font-size: 14px;margin-bottom: 10px;}

  .chp{padding: 30px 0px;}
  .chp h2{font-size: 22px;}
  .chp p{font-size: 14px;margin: 0 auto 10px auto;padding:0% 3%;}
  .bg-table{margin: 20px 0px}
  .bg-table thead th{font-size: 18px;}
  .bg-table th, .bg-table td{padding: 10px 10px !important;}
  .head td{font-size: 16px;}
  .chp a{font-size:14px;width: auto;}
}
@media only screen and (min-width:480px) and (max-width:767px){
  .inner-banner {padding-top: 20px;height: 550px;background: #204b6a;}
  .inner-banner h1{font-size: 32px;}
  .inner-banner p{font-size: 16px;line-height: 24px;margin-bottom: 15px;}
  .inner-banner ul{padding: 0px 0px 10px 0px;}
  .inner-banner ul li{font-size: 16px;}
  .inner-banner h2{font-size: 20px;}
  .inner-banner .amt{width: 38%;}
  .inner-banner .amt h3{font-size:40px;}
  .inner-banner .amt h3 sup{font-size: 16px;top: -12px;}
  .inner-banner a{font-size: 14px;padding: 12px 20px;}
  .banner{padding-top: 120px;}
  .banner .banner-content h1 {font-size: 60px;}  
  .banner .banner-content p {font-size: 16px;margin-bottom: 16px;}

  .pl{padding: 30px 0px 0px 0px;}
  .pl h2{font-size:18px;padding: 0% 3%;margin-bottom: 10px;}
  .pl p{font-size: 14px!important;padding: 0% 5%;margin: 0 auto 30px auto;}
  .pl section h3{font-size:16px;padding-top: 30px;}
  .pl section p{font-size: 14px !important;margin: 12px auto 20px auto;}
  .pl section::before{padding: 5px;width: 50px;height: 40px;font-size: 18px;}

  .quality{padding: 30px 0px;}
  .quality h2{font-size: 22px;}
  .quality p {font-size: 14px;margin: 0 auto 20px auto;padding:0% 5% 0% 5%;}
  .quality ul li{padding: 2px 0px 0px 5px;}
  .quality ul li img{padding: 8px;}
  .quality ul li span{font-size: 16px;}
  .quality ul li p{font-size: 14px;margin-bottom: 10px;padding: 0px 0px 0px 35px;}
  .chp{padding: 30px 0px;}
  .chp h2{font-size: 22px;}
  .chp p{font-size: 14px;margin: 0 auto 10px auto;padding:0% 3%;}
  .bg-table{margin: 20px 0px}
  .bg-table thead th{font-size: 18px;}
  .bg-table th, .bg-table td{padding: 10px 10px !important;}
  .head td{font-size: 16px;}
  .chp a{font-size:14px;width: auto;}
}
@media only screen and (min-width:768px) and (max-width:1024px){
  .inner-banner {padding-top: 50px;height: 240px;background: #204b6a;}
  .inner-banner h1{font-size: 30px;padding: 0% 5% 0% 0%;}
  .inner-banner p{font-size: 16px;line-height: 24px;margin-bottom: 15px;}
  .inner-banner ul{padding: 0px 0px 10px 0px;}
  .inner-banner ul li{font-size: 16px;}
  .inner-banner h2{font-size: 20px;}
  .inner-banner .amt h3{font-size: 40px;}
  .inner-banner .amt h3 sup{font-size: 16px;top: -12px;}
  .inner-banner a{font-size: 14px;padding: 12px 20px;top: 32px;}
  .banner{padding-top: 120px;}
  .banner .banner-content h1 {font-size: 60px;}  
  .banner .banner-content p {font-size: 16px;margin-bottom: 16px;}

  .pl{padding: 30px 0px 0px 0px;}
  .pl h2{font-size:18px;padding: 0% 3%;margin-bottom: 10px;}
  .pl p{font-size: 14px!important;padding: 0% 5%;margin: 0 auto 30px auto;}
  .pl section h3{font-size:16px;padding-top: 30px;}
  .pl section p{font-size: 14px !important;margin: 12px auto 20px auto;}
  .pl section::before{padding: 5px;width: 50px;height: 40px;font-size: 18px;}

  .quality{padding: 30px 0px;}
  .quality h2{font-size: 22px;}
  .quality p {font-size: 14px;margin: 0 auto 20px auto;padding:0% 5% 0% 5%;}
  .quality ul li{padding: 2px 0px 0px 5px;}
  .quality ul li img{padding: 8px;}
  .quality ul li span{font-size: 16px;}
  .quality ul li p{font-size: 14px;margin-bottom: 10px;}

  .chp{padding: 30px 0px;}
  .chp h2{font-size: 22px;}
  .chp p{font-size: 14px;margin: 0 auto 10px auto;padding:0% 3%;}
  .bg-table{margin: 20px 0px}
  .bg-table thead th{font-size: 18px;}
  .bg-table th, .bg-table td{padding: 10px 10px !important;}
  .head td{font-size: 16px;}
  .chp a{font-size:14px;width: auto;}
}
@media only screen and (min-width:1024px) and (max-width:1280px) {
  .banner{padding-top: 140px;}
  .banner .banner-content h1 {font-size: 50px;}  
  .banner .banner-content p {font-size: 20px;margin-bottom: 16px;}
  .mrlft{margin-left: 120px}
} 
@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 ul{padding: 0px 0px 10px 0px;}
  .inner-banner ul li{font-size: 16px;}
  .inner-banner h2{font-size: 25px;}
  .inner-banner .amt h3{font-size: 30px;}
  .inner-banner .amt h3 sup{font-size: 16px;top: -12px;}
  .inner-banner a{font-size: 14px;padding: 12px 20px;top: 20px;}
}
@media (min-width: 1080px) {
  .inner-banner {padding-top: 100px;height: 350px;}
  .inner-banner h1 {
      font-size: 32px;
  }
  .inner-banner p {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 15px;
  }
  .inner-banner ul {
      padding: 0px 0px 10px 0px;
  }
  .inner-banner ul li {
      font-size: 16px;
  }
  .inner-banner h2 {
      font-size: 20px;
  }
  .inner-banner .amt {
      width:20%;
  }
  .inner-banner .amt h3 {
      font-size: 30px;
  }
  .inner-banner .amt h3 sup {
      font-size: 16px;
      top: -12px;
  }
  .inner-banner a {
      padding: 12px 20px;
      top: 20px;
      left: 0px;
  }
}
@media (min-width:1920px) {
  .inner-banner {
      padding-top: 120px;
      height: 500px;
  }
  .inner-banner h1 {
      font-size: 49px;
  }
  .inner-banner p {
      font-size: 24px;
      line-height: 32px;
      margin-top: 20px;padding: 0% 26% 0% 0%;
  }
  .inner-banner ul {
      padding:0px 0px 20px 0px;
  }
  .inner-banner ul li {
      font-size: 18px;
  }
  .inner-banner h2 {
      font-size: 28px;
  }
  .inner-banner .amt {
      width: 18%;
  }
  .inner-banner .amt h3 {
      font-size: 50px;
  }
  .inner-banner .amt h3 sup {
      font-size: 26px;
      top: -22px;
  }
  .inner-banner a {
      padding: 15px 30px;
      top: 42px;
      left: 10px;
  }
}