.header-main {position: relative !important;}
#header-top-bar {background: #204b6a;}
.inner-banner {height: 650px;padding-top: 80px;position: relative;background-image: url("../images/all-hosting-options-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}

.type{padding:60px 0px;position: relative;font-family: 'Poppins-Regular';  background: #f8f9fa;}
.type h2 {padding: 0px 30px;color: #1e1e1e; font-size: 34px;text-align: center;width: 100%;}
.type p {font-family: 'Poppins-Regular'; font-size: 18px;margin: 0 auto 50px auto;width: 100%;text-align: center;color: #565559;padding: 0% 5%;}
.type section{border: 1px solid #daecf7;border-top-color: rgb(240, 244, 255);border-top-style: solid;
border-radius: 16px;padding: 20px;height: 370px;font-family:'Poppins-Regular';box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);transition: all .3s ease-in-out;margin-bottom: 30px;background: #fff;}
.type section img{text-align: center;margin: 10px auto 20px auto; display: block;}
.type section h5{padding:5px 0px; font-size: 24px; margin-bottom: 10px;text-align: center;}
.type section p{padding:5px 0px; font-size: 16px; margin-bottom: 10px;text-align: center;}
.type section h6{padding:5px 0px; font-size: 24px; margin-bottom: 10px;text-align: center;}
.type section h6 a{border: 1px solid #212529;border-radius:30px; font-size: 16px;color: #212529; margin-bottom: 10px;padding: 5px 20px;text-decoration: none;}
.type section:hover{box-shadow:none;border: 1px solid #0a6cc4;border-bottom: 4px solid #0a6cc4;}
.type section:hover h5{color: #0a6cc4;}
.type section:hover a{background: #0a6cc4; color: #fff;border: 0px;}


.hosting{position: relative;background: #fb7820;padding: 32px 0px;}
.hosting::before{background-image: url(../images/orng-bg.jpg); background-repeat: no-repeat; content: ""; position: absolute; width: 100%; bottom: 0; background-position: center top; top: 0; left:0;height: 220px;}
.hosting h2{padding-top: 35px; color: #fff; font-family:'Poppins-Regular';font-size: 34px;}
.hosting p{color:#fff;font-family:'Poppins-Light';font-size: 18px;}
.hosting .but{position: relative;top: 40%;justify-content: center;display: flex;}
.hosting .but a{position: relative; background: #111111;border-radius:4px;padding:15px 20px;color: #fff;font-family:Lato,sans-serif;text-decoration: none;text-transform:uppercase;transition: all .3s ease-in-out;}
.hosting .but a i{background:#fff;border-radius:4px;color: #000;padding:10px 10px;left: 15px;position: relative;}
.hosting .but a:hover{background: #1766ae;color: #fff;}
.hosting .but a i:hover{background: #000;color: #fff;}

.solution{padding: 60px 0px;position: relative;}
.solution h2 {padding: 0% 10%;color: #1e1e1e;font-family: 'Poppins-Regular';font-size: 34px;    text-align: center;width: 100%;}
.solution ul {position: relative; padding: 0px; display: inherit;text-align: center;margin-bottom: 0px;}
.solution ul li {font-family: 'Poppins-Regular';padding: 0px 30px 0px 30px;text-align: left;}
.solution ul li::before {content: "\f129";position: relative;top: 2px;margin-right: 10px;font-size: 21px;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;font-family: "flaticon";color: #1e1e1e;}
.solution ul li span {font-size: 22px;color: #e85d00;font-family: 'Poppins-Medium';}
.solution ul li p {font-size: 16px !important;padding: 5px 0px 0px 0px;text-align: left;margin:0px 0px 20px 0px;color: #434343;}
.solution p {color: #565559;font-family: 'Poppins-Regular';font-size: 21px !important;text-align: center;margin: 0 auto 50px auto;width: 100%;}

.add{padding: 90px 0px;position: relative;background-image: url(../images/bluebg.jpg); background-repeat: no-repeat;height: 430px;}
.add h2{color: #fff; font-family:'Poppins-Regular';font-size: 36px; width: 100%; padding: 0% 36% 0% 0%;margin-bottom: 20px;}
.add p{color:#fff;font-family:'Poppins-Regular';font-size: 22px;width: 100%;margin-bottom: 40px;}
.add a{position: relative; background: #fb8720;border-radius:4px;padding:15px 30px;color: #fff;font-family:'Poppins-SemiBold';text-decoration: none;text-transform:uppercase;transition: all .3s ease-in-out;}
.add a:hover{background: #1766ae;color: #fff;}
.add .amt{justify-content: center; display: flex;}
.add .amt h3{font-size:220px;color:#fff; font-family: 'Poppins-SemiBold';}
.add .amt h3 sup{font-size:45px; font-family: 'Poppins-Regular';top:-125px;left: 5px;}
.add .amt h3 span{font-size:45px; font-family: 'Poppins-Regular';}

.why{padding:60px 0px;position: relative;}
.why h2 {color: #1e1e1e;font-family: 'Poppins-Regular';font-size: 34px;text-align: center;margin: 0 auto;}
.why p{font-family:'Poppins-Regular';font-size:18px;text-align: center;margin: 10px auto 50px auto;}
.why section {border: 1px solid #daecf7;border-top-color: rgb(240, 244, 255);border-top-style: solid;
border-top-width: 1px;border-radius: 16px;border-top: 9px solid #daecf7;padding: 20px;height: 170px;}
.why section h5{padding:5px 0px; font-family:'Poppins-Regular';font-size: 24px; margin-bottom: 10px;}
.why section p{padding:5px 0px; font-family:'Poppins-Regular';font-size: 14px; margin-bottom: 10px;text-align: justify;}

@media only screen and (min-width:320px)and (max-width:479px) {
  .inner-banner {padding-top: 20px;height: 220px;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;}
 
  .type{padding: 30px 0px;}
  .type h2{font-size: 22px;}
  .type h3{font-size: 18px;}
  .type p{font-size: 14px;padding: 0% 5% 0% 5%;margin-bottom: 30px;}
  .type section{height: 310px;}
  .type section h5{font-size: 20px;}
  .type section p{font-size: 14px;padding: 0px;margin-bottom: 0px;}
  .type section img{margin: 0px auto 20px auto;}
  .type section h6{margin-top: 10px;}

  .hosting h2{font-size: 22px;padding-top: 0px;}
  .hosting p{font-size: 14px;}
  .hosting .but{top: 0%;}
  .hosting .but a{padding: 10px 20px}
  .hosting .but a i{padding: 8px 10px;}
  
  .solution{padding: 30px 0px;}
  .solution h2{font-size:18px;padding: 0% 3%;margin-bottom: 10px;}
  .solution p{font-size: 14px!important;padding: 0% 5%;margin: 0 auto 10px auto;}
  .solution ul{margin-bottom: 0px;}
  .solution ul li{padding: 10px 20px 0px 20px;}
  .solution ul li::before{font-size: 16px;top: 0px;}
  .solution ul li span{font-size: 16px;}
  .solution ul li p{font-size: 14px !important;margin: 0px 0px 10px 0px;}

  .add{padding: 30px 0px;text-align: center;height: 340px;}
  .add h2{font-size: 22px;text-align: center;padding: 0% 5% 0% 5%;}
  .add p{font-size: 14px;margin: 0 auto 30px auto;}
  .add a{padding: 10px 30px;}
  .add .amt{margin-top: 10px;}
  .add .amt h3{font-size: 100px;}
  .add .amt h3 sup{font-size: 30px;top: -50px;}
  .add .amt h3 span{font-size: 30px;}
  
  .why{padding:30px 0px}
  .why p{font-size: 14px;margin: 0 auto 30px auto;padding: 0% 5% 0% 5%;}
  .why h2{font-size: 18px;padding: 5px 0px;margin-bottom: 10px;}
  .why section{padding: 10px 20px;margin-bottom: 15px;height: 150px;}
  .why section h5{font-size: 20px;margin-bottom:0px;}
}
@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}.inner-banner h2{font-size: 25px}

  .type{padding: 30px 0px;}
  .type h2{font-size: 22px;}
  .type h3{font-size: 18px;}
  .type p{font-size: 14px;padding: 0% 5% 0% 5%;margin-bottom: 30px;}
  .type section{height: 310px;}
  .type section h5{font-size: 20px;}
  .type section p{font-size: 14px;padding: 0px;margin-bottom: 0px;}
  .type section img{margin: 0px auto 20px auto;}
  .type section h6{margin-top: 10px;}

  .hosting h2{font-size: 22px;padding-top: 0px;}
  .hosting p{font-size: 14px;}
  .hosting .but{top: 0%;}
  .hosting .but a{padding: 10px 20px}
  .hosting .but a i{padding: 8px 10px;}

  .solution{padding: 30px 0px;}
  .solution h2{font-size:18px;padding: 0% 3%;margin-bottom: 10px;}
  .solution p{font-size: 14px!important;padding: 0% 12% 0% 12%;margin: 0 auto 30px auto;}
  .solution ul{margin-bottom: 0px;}
  .solution ul li{padding: 10px 20px 0px 20px;}
  .solution ul li::before{font-size: 16px;top: 0px;}
  .solution ul li span{font-size: 16px;}
  .solution ul li p{font-size: 14px !important;margin: 0px 0px 10px 0px;}

  .add{padding: 30px 0px;text-align: center;height: 340px;}
  .add h2{font-size: 22px;text-align: center;padding: 0% 5% 0% 5%;}
  .add p{font-size: 14px;margin: 0 auto 30px auto;}
  .add a{padding: 10px 30px;}
  .add .amt{margin-top: 10px;}
  .add .amt h3{font-size: 100px;}
  .add .amt h3 sup{font-size: 30px;top: -50px;}
  .add .amt h3 span{font-size: 30px;}

  .why{padding: 10px 0px 0px 0px;}
  .why h2{font-size: 22px;padding: 5px 0px;margin-bottom: 10px;}
  .why p{font-size: 14px;margin: 0 auto 30px auto;padding: 0px;}
  .why section{padding: 10px 20px;margin-bottom: 15px;height: 220px;}
  .why section h5{font-size: 20px;margin-bottom:0px;}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
  .inner-banner{padding-top: 20px;height: 200px;background: #204b6a}
  .inner-banner h1{font-size: 35px}
  .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}
  .type{padding: 30px 0px;}
  .type h2{font-size: 22px;}
  .type h3{font-size: 18px;}
  .type p{font-size: 14px;padding: 0% 5% 0% 5%;margin-bottom: 30px;}
  .type section{height: 330px;}
  .type section h5{font-size: 20px;}
  .type section p{font-size: 14px;padding: 0px;margin-bottom: 0px;}
  .type section img{margin: 0px auto 20px auto;}
  .type section h6{margin-top: 10px;}
  .hosting::before{height: auto;}
  .hosting h2{font-size: 22px;padding-top: 0px;}
  .hosting p{font-size: 14px;}
  .hosting .but{top: 30%;}
  .hosting .but a{padding: 10px 20px}
  .hosting .but a i{padding: 8px 10px;}
  .solution{padding: 30px 0px;}
  .solution h2{font-size:18px;padding: 0% 3%;margin-bottom: 10px;}
  .solution p{font-size: 14px!important;padding: 0% 5%;margin: 0 auto 10px auto;}
  .solution ul{margin-bottom: 0px;}
  .solution ul li{padding: 10px 20px 0px 20px;}
  .solution ul li::before{font-size: 16px;top: 0px;}
  .solution ul li span{font-size: 16px;}
  .solution ul li p{font-size: 14px !important;margin: 0px 0px 10px 0px;}
  .solution img{display: none;}
  .add{padding: 30px 0px;height: 240px;}
  .add h2{font-size: 24px;padding:0% 5% 0% 0%;}
  .add p{font-size: 14px;margin: 0 auto 30px auto;}
  .add a{padding: 10px 30px;}
  .add .amt{margin-top: 10px;}
  .add .amt h3{font-size: 100px;}
  .add .amt h3 sup{font-size: 30px;top: -50px;}
  .add .amt h3 span{font-size: 30px;}
  .why{padding:30px 0px}
  .why h2{font-size: 22px;padding: 5px 0px;}
  .why p{font-size: 14px;margin: 0 auto 30px auto;padding: 0px;}
  .why section{padding: 10px 20px;margin-bottom: 15px;height: 180px;}
  .why section h5{font-size: 20px;margin-bottom:0px;}
}
@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;}
  
}
@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;}
  .type h2{font-size: 22px;}
  .type h3{font-size: 18px;}
  .type p{font-size: 18px !important;margin-bottom: 20px !important;}
  .type section h3{font-size: 28px;}
  .type section p{font-size: 16px!important;}
  .type{padding: 30px 0px;}
  .why{padding:30px 0px}
  .why h2{font-size: 22px;padding: 5px 0px;}
  .why section{padding: 10px 20px;margin-bottom: 15px;height: 170px;}
  .why section h5{font-size: 20px;margin-bottom:0px;}
}
@media (min-width:1920px) {
  .inner-banner {padding-top: 140px;height: 460px;}
  .inner-banner h1 {font-size: 52px;}
  .inner-banner p {font-size: 24px;line-height: 34px;}
  .type{padding: 60px 0px;}
  .type h2{font-size: 34px;}
  .type h3{font-size: 20px;}
  .type p{font-size: 18px!important;margin-bottom: 50px !important;}
  .type section h3{font-size: 30px;}
  .type section p{font-size: 16px!important;margin-bottom: 10px !important;}
  .why{padding: 60px 0px}
  .why h2{font-size: 34px;padding: 5px 0px;margin-bottom: 0px;}
  .why section{padding: 10px 20px;margin-bottom: 15px;height: 180px;}
  .why section h5{font-size: 24px;margin-bottom:10px;}
}