.header-main{position: relative!important;}
#header-top-bar{background: #204b6a;}
.inner-banner {height: 650px; padding-top: 80px; position: relative; background-image: url("../images/web-design-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 p {font-family: 'Poppins-Regular';font-size: 24px;line-height: 30px;margin-bottom: 20px;}
.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;}
.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';}

/*-- plans--*/
.pb-90 {padding-bottom: 90px;}
.price-section {margin-top: -100px; background: #fff;-webkit-box-shadow: 0 0 5px 2px rgba(51, 51, 51, 0.1);
box-shadow: 0 0 5px 2px rgba(51, 51, 51, 0.1);border-radius: 4px;}
.price-section .pr-1{padding-right: .25rem !important;}
.price-section .pl-1{padding-left: .25rem !important;}
.plans{padding:0px;position: relative;}
.banner-btn-group .btn:not(:last-child) {margin-right: 25px}          
.plans h2{font-size:26px;padding: 0px 30px;color:#000; font-family: 'Poppins-Regular';margin:20px auto 30px auto;width: 100%;text-align: center;}
.plan-wrap{position: relative;padding: 60px 18px 20px 18px;}
.planbg{background: #ffffff;
background: -moz-linear-gradient(left,  #ffffff 0%, #f9f9f9 100%);
background: -webkit-linear-gradient(left,  #ffffff 0%,#f9f9f9 100%); 
background: linear-gradient(to right,  #ffffff 0%,#f9f9f9 100%);
}
.pl-1 {padding-left: 0px;}
.pr-1 {padding-right: 0px;}
.plan-head{padding-bottom: 25px; border-bottom: 1px solid rgba(16,69,219,.12);}
.plan-head h3{font-size:26px;color:#000; font-family: 'Poppins-Regular';}
.plan-head h3 span{font-family: 'Poppins-SemiBold';}
.plan-head p{color:#000; font-size: 16px;  font-family:Lato,sans-serif;font-weight:400; margin-top: 15px;margin-bottom: 0px;}
.popular-tag{font-family: 'Poppins-Regular';font-size:25px;background:#fb7820; color: #fff;text-transform: uppercase;padding: 5px 10px 5px 30px;width: 97%;margin: 0 auto;position: absolute;z-index: 2;left: -4px;}
.plan-price{padding: 20px 0px; border-bottom: 1px solid rgba(16,69,219,.12);display: -webkit-box;
-webkit-box-pack: justify;-webkit-box-align: center;}
.renewal{padding: 4px 0px 7px 0px; border: 1px solid; font-size:16px; font-family:Lato,sans-serif;font-weight:700; color: #00a20a;border-radius: 4px;text-align: center;box-shadow: 0 2px 3px 3px #e6e3e3;}
.plan-amt{width: 50%;}
.plan-amt p{color:#434959; font-size: 16px;  font-family:Lato,sans-serif;font-weight:400;margin-bottom: 0px;}
.plan-amt h3{font-size:50px;color:#3d3d3d; font-family: 'Poppins-SemiBold';}
.plan-amt h3 sup{font-size:26px; font-family: 'Poppins-Regular';top: -22px;right: 1px;}
.plan-amt h3 span{font-size:16px; font-family: 'Poppins-Regular';}
.plan-discount{width: 50%;text-align: right;}
.plan-discount p{text-decoration: line-through; font-size:15px; font-family:Lato,sans-serif;margin-bottom: 5px;margin-right: 10px;}
.plan-discount span{color:#1f76c5;background:#e7f3fd;padding:5px 10px; font-size:14px; font-family:Lato,sans-serif;font-weight:900;text-transform: uppercase;}
.feature{padding: 20px 0 20px 0;}
.feature ul {padding:0px;margin-bottom: 0px;}
.feature ul li{list-style-type: none;font-family:Lato,sans-serif;font-size: 16px; font-weight:400;margin-bottom: 10px;color: #3d3d3d;}
.feature ul li svg{top: 2px;position:relative;margin-right: 10px;}
.feature ul li:last-child{margin-bottom:0px;}
.btn-wrap{margin: 20px 0px 40px 0px; font-family:Lato,sans-serif;font-size: 14px; font-weight:900;}
.btn-wrap .blk-btn{color: #fff;background: #3d3d3d;padding:10px 25px;border-radius: 4px;text-decoration: none;text-transform: uppercase;transition: all .3s ease-in-out;margin-right: 5px;}
.btn-wrap .blk-btn:hover, .btn-wrap .orng-btn:hover{background:#1766ae;color: #fff;}
.btn-wrap .orng-btn{color: #fff;background: #fb7820;padding:10px 20px;border-radius: 4px;text-decoration: none;text-transform: uppercase;transition: all .3s ease-in-out;display: inline-block;text-align: center;}

.wd{padding: 60px 0px;position: relative; font-family: 'Poppins-Regular';color: #2a2a2a;}
.wd h2 {padding: 0px 30px;color: #1e1e1e; font-size: 34px;text-align: center;width: 100%;}
.wd p {color: #565559;font-family: 'Poppins-Regular';  font-size: 21px;  text-align: center; width: 100%;padding: 1% 5%;}

.services-icon {width: 122px;height: 122px;text-align: center;line-height: 122px;border-radius: 50%;    background-image: -moz-linear-gradient( 21deg, rgb(251,120,32) 0%, rgb(253,159, 95) 100%);background-image: -webkit-linear-gradient( 21deg, rgb(251,120,32) 0%, rgb(253,159, 95) 100%);background-image: -ms-linear-gradient( 21deg, rgb(251,120,32) 0%, rgb(253,159, 95) 100%);box-shadow: 0px 3px 7.44px 0.56px rgba(0, 0, 0, 0.11);
color: #fff;font-size: 54px;margin: 0 auto 60px;position: relative;}
.services-icon::before {content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) rotate(0deg);height: 182px;width: 182px;border: 2px dashed #e2dfe9; border-radius: 50%;	z-index: -1;	-webkit-animation: iconRotate 15s linear infinite;	animation: iconRotate 15s linear infinite;	animation-play-state: paused;}
@-webkit-keyframes iconRotate {
	to {
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
		transform: translate(-50%, -50%) rotate(360deg);
	}
}
@keyframes iconRotate {
	to {
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
		transform: translate(-50%, -50%) rotate(360deg);
	}
}
.services-icon::after { content: "";background-image: -moz-linear-gradient( 21deg, rgb(251,120,32) 0%, rgb(255,171,107) 100%);background-image: -webkit-linear-gradient( 21deg, rgb(251,120,32) 0%, rgb(255,171,107) 100%);
background-image: -ms-linear-gradient( 21deg, rgb(251,120,32) 0%, rgb(255,171,107) 100%);position: absolute;
width: 33px;height: 26px;border-radius: 30px;transform: rotate(-28deg) translateX(0px);z-index: -1;top: 21px;
right: -9px;transition: .3s linear;}
.services-item:hover .services-icon::after {transform: rotate(-28deg) translateX(-20px);}
.services-item:hover .services-icon::before {animation-play-state: running;}
.services-content h4{font-size: 24px;margin-bottom: 5px;padding-bottom: 15px;position: relative;font-family: 'Poppins-Medium';color: #000;text-decoration: none;}
.services-content h4::before {content: "";position: absolute;left: 0;bottom: -1.5px;background-image: url("../images/title-line.png");height: 3px;width: 45px;margin: 0 auto;right: 0;}
.services-content p {font-size: 16px;line-height: 1.6;margin-bottom: 15px; color: #2a2a2a;}
.services-content > a.order-more {display: inline-block;font-size: 14px;font-weight: 700;background-image: linear-gradient(to right, rgb(251,109,98), rgb(255,171,107));background-image: -webkit-linear-gradient(to right, rgb(251,109,98), rgb(255,171,107));background-image: -ms-linear-gradient(to right, rgb(251,109,98), rgb(255,171,107));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
/* .services-item-wrap [class*="col-"]:nth-child(2) .services-item {margin-top: 50px;} */
.services-item-wrap {position: relative;margin-top: 60px;}
.service-line-shape {position: absolute;left: 0;top: 0;	z-index: -1;}
.service-line-shape.one {background-image:url("");width: 280px;height: 121px;left: -190px;top: 33px; background-repeat: no-repeat;}
.service-line-shape.two {background-image: url("../images/line2.png");
    width: 185px;height: 50px;top: 65px;left: 25.7%;}
.service-line-shape.three {
    background-image: url("../images/line3.png");
    width: 184px;
    height: 50px;
    left: auto;
    right: 26%;
    top: 40px;
}
.service-line-shape.four {
    background-image: url("");
    width: 326px;
    height: 72px;
    left: auto;
    right: -19%;
    top: 40px;
}
.service-shape {
    position: absolute;
    z-index: -1;
}
.service-shape.one {
    left: 11%;
    bottom: 120px;
}
.service-shape.two {
    right: 12%;
    bottom: 18%;
}
.services-item {text-align: center;padding: 0 20px;}

.what{position: relative; padding: 60px 0px;background: #f7fafe;}
.what h2 {color: #1e1e1e;font-family: 'Poppins-Regular';font-size: 34px;text-align: center;margin: 0 auto;}
.what h3 {color: #1766ae;font-family: 'Poppins-Regular';font-size: 22px;line-height: 30px;margin-bottom: 20px;border-bottom: 1px dashed #1766ae;padding-bottom: 20px;}
.what p {font-family:'Poppins-Regular';font-size: 21px;text-align: center;margin: 0 auto 40px auto;color: #565559;padding: 1% 8%;}
.what ul{position: relative;padding: 0px; display: inherit;}
.what ul li{font-family: 'Poppins-Regular';padding: 30px;margin-bottom: 10px;transition: all .3s ease-in-out;border-radius: 8px;border: 1px solid #dcdcdc;background: #f5faff;}
.what ul li:hover{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);background: #fff;}
.what ul li span{font-size: 26px;color: #1766ae;font-family: 'Lato', sans-serif;font-weight: 700;display: inline-block;width: 100%;margin-top: 15px;}
.what ul li a{font-size: 18px;color: #fff;background:#fb7820;display: inline-block;border-radius: 50px;padding: 5px 20px;-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;-ms-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;z-index: 1;position: relative;height: 38px;overflow: hidden;text-transform: uppercase;margin-top: 10px;}
.what ul li a:hover{color: #fff;background: #1766ae;text-decoration: none;}
.what ul li a::before{background: #1766ae;content: "";height: 60px;left: auto;position: absolute;top: 0;  right: 0; width: 0; z-index: -1;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s;-ms-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;}
.what ul li a:hover::before {width: 100%;right: auto;left: 0;}
.what ul li i{margin-left: 7px;-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;-ms-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;}
.what ul li a:hover i{-webkit-transform: translateX(8px);-moz-transform: translateX(8px);-ms-transform: translateX(8px);transform: translateX(8px);}

.what ul li p{font-size: 16px;padding:5px 0px 0px 0px;text-align: justify;margin-bottom: 10px;color: #2a2a2a;}
.what ul li img{text-align: center;border-radius: 8px;}

.addon{position: relative; padding: 60px 0px 80px 0px;}
.addon h2 {color: #1e1e1e;font-family: 'Poppins-Regular';font-size: 34px;text-align: center;margin: 0 auto;width: 100%;}
.addon p {font-family:'Poppins-Regular';font-size: 21px;text-align: center;margin: 0 auto 40px auto;color: #565559;width: 100%}
section {position: relative;}
section .box {
  position: relative;
  background: #fff;
  border-radius: 10px;
  padding: 20px 14px;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  text-align: center;
  border: 1px solid #e1e1e1;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05);
}
section .box:hover {background: #2e6fa6;}
section .box .price h2 {font-size: 40px;color: #000;-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;-ms-transition: all .6s ease-in-out;  -o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;display: block;  text-decoration: none;font-family: 'Poppins-Regular';}
section .box .price h2 sup{font-size: 22px;right: 1px;top: -12px;}
section .box:hover .price h2 {color: #fff !important;}
section .box .price {position: relative;  margin-bottom: 10px;text-align: center;-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;  -ms-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;}
section .box .text {position: relative;margin-top: 10px;}
section .box .text h2 a {font-size: 40px;margin-bottom: 20px;  color: var(--color-set-one-2);  -webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out; transition: all .6s ease-in-out;line-height: 30px; display: block; text-decoration: none;font-family: 'Poppins-Regular';}
section .box:hover .text h2 a {color: #fff;}
section .box .text p {margin-bottom: 10px;font-family: 'Poppins-Regular';font-size: 16px;color: #333;}
section .box:hover .text p{color: #fff;}
section .box .order {
  position: relative;
  width: 46px;
  height: 46px;
  overflow: hidden;
  display: block;
  margin: 0 auto;
  background: #fb7820;
  line-height: 26px;
  text-align: center;
  border-radius: 50px;
  color: #fff;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}
section .box .order i {
  font-size: 14px;
  line-height: 46px;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 16px;
}
section .box .order span {
  transform: translateX(-80px);
  -webkit-transform: translateX(-80px);
  -moz-transform: translateX(-80px);
  -ms-transform: translateX(-80px);
  -o-transform: translateX(-80px);
  display: inline-block;
  font-size: 14px;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6 ease-in-out;
  -o-transition: all .6s ease-in-out;
  text-transform: uppercase;
  transition: all .6s ease-in-out;
  line-height: 46px;font-family: 'Poppins-Medium';
}
section .box:hover .order {width: 150px;}
section .box:hover .order span {transform: translateX(0px);display: inline-block;  margin-right: 30px;}
.no-gutters {padding-right: 8px;padding-left: 8px;}

.capabilites{position: relative; padding: 60px 0px;}
.capabilites h2 {color: #f60;font-family: 'Poppins-Regular';font-size: 34px;text-align: center;margin: 0 auto;width: 100%;}
.capabilites p {font-family:'Poppins-Regular';font-size: 21px;text-align: center;margin:10px auto 40px auto;color: #1e1e1e;width: 100%;padding: 0% 9%;}
.capabilites ul{position: relative;padding: 0px; display: inherit;}
.capabilites ul li{font-family: 'Poppins-Regular';padding: 2px 0px 0px 35px;}
.capabilites ul li::before{content:"\f15d";position: relative;top: 4px;margin-right: 10px;font-size: 24px;    font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;font-family:"flaticon";color: #fb7820;}
.capabilites ul li span{font-size: 22px;color: #1766ae;font-family: 'Poppins-SemiBold';}
.capabilites ul li p{font-size: 16px;padding:5px 0px 0px 35px;text-align: left;}

.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 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;}


.billing {
/* font-family: Lato,sans-serif;
height: 36px; */
  border: 1px solid #c7c7c7;
  border-radius: 4px;
  font-family: 'FontAwesome';
content: "\f107";cursor: pointer;position: relative;
}
/* .billing::after {
  display: inline-block;
  font-family: 'FontAwesome';
  content: "\f107";
  transition: 0.3s ease;
  position: relative;
  font-size: 24px;top: -55px;left: 92%;cursor: pointer;
} */

.billing::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #666;
  position: absolute;
  right: 8px;
  top: 16px;
  pointer-events: none;
}

.billing select {
  width: 100%;
  background: transparent;
  height: 36px;
  border: 0px solid #ccc;
  border-radius: 2px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;  font-family: Lato,sans-serif;
  font-size: 16px;color: #3d3d3d;
}
.billing select option{height: 36px;}
  .billing-dropdown {
    border: 1px solid #c7c7c7;
    border-radius: 8px;
    cursor: pointer;
    height: 80px;
    /* margin: 0 auto 20px; */
    position: relative;
    width: 230px;
  }
  .billing select::-ms-expand {
    display: none;
  }

.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:180px;color:#fff; font-family: 'Poppins-SemiBold';}
.add .amt h3 sup{font-size:45px; font-family: 'Poppins-Regular';top:-96px;}
.add .amt h3 span{font-size:45px; font-family: 'Poppins-Regular';}

@media only screen and (min-width:320px)and (max-width:479px){
  .inner-banner {padding-top: 20px;height: 430px;background: #204b6a;}
  .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{width: 34%;}
  .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;}
  .plans{padding:40px 0 0px 0;}
  .plans h3{font-size:22px;}
  .plans h1{font-size:32px;}
  .plans p{font-size:14px;margin-bottom: 5px;margin-top:0px}
  .plan-amt h3 sup{top: -5px;font-size: 16px;}
  .plans section {margin-left: 40px;}
  .plans section p{padding: 18px 0px;}

  .plan-wrap{padding: 30px 20px 20px 20px;}
  .planbg{background:none;}
  .plan-head{padding-bottom: 15px;}
  .price-section{width: 100%;}
  .popular-tag{top: -20px;left: 0;width: 100%;font-size: 18px;}
 
  .wd{padding:30px 0px 0px 0px}
  .wd h2{font-size: 22px;padding: 0px 5px;}
  .wd p{font-size: 14px;}
  .services-item-wrap{margin-top: 30px;}
  .services-content p{margin-bottom: 45px;padding: 0px;margin-top: 10px;}
  .services-icon{width: 110px;height: 110px;margin: 0 auto 40px;}
  .services-icon::before{width: 150px;height: 150px;}
  .services-icon{font-size: 45px;}
  .service-line-shape.two, .service-line-shape.three{display: none;}
  .services-content h4{font-size: 22px;}

  .what{padding:30px 0px}
  .what h2{font-size: 22px;padding: 0px 5px;}
  .what p{font-size: 14px;padding: 5px 10px;margin: 0 auto 10px auto;}
  .what ul li{padding: 20px;}
  .what ul li span{font-size: 22px;}
  .what ul li p{font-size: 14px;}
  .what ul li a{font-size: 16px;height: 34px;}

  .addon{padding:30px 0px}
  .addon h2{font-size: 22px;padding: 0px 5px;}
  .addon p{font-size: 14px;padding: 5px 10px;margin: 0 auto 10px auto;}
  section .box .text p{font-size: 18px;}
  .no-gutters{padding-right: 15px;padding-left: 15px;}
  section .box .text{margin-top: 0px;}

  .capabilites{padding:30px 0px}
  .capabilites h2{font-size: 22px;padding: 0px 5px;}
  .capabilites p{font-size: 14px;padding: 5px 22px;margin: 0 auto 10px auto;text-align: justify;}
  .capabilites ul li span{font-size: 14px;}
  .capabilites ul li::before{font-size: 14px;top: 0px;margin-left: 5px;}
  .capabilites ul li p{font-size: 14px;padding: 2px 0px 0px 5px;}
  .capabilites ul li{padding: 2px 0px 0px 5px;}

  .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;}
}
@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: 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{width: 34%;}
  .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;}
  .plans h3{font-size:22px;}
  .plans h1{font-size:32px;}
  .plans p{font-size:14px;margin-bottom: 5px;margin-top:0px}
  .plan-amt h3 sup{top: -5px;font-size: 16px;}
  .plans section {margin-left: 40px;}
  .plans section p{padding: 18px 0px;}

  .plan-wrap{padding:30px 20px 20px 20px;}
  .plan-head{padding-bottom:15px;}
  .price-section{width: 100%;}
  .popular-tag{top: -30px;left: 0;right: 0;}

  .wd{padding:30px 0px 0px 0px}
  .wd h2{font-size: 22px;padding: 0px 5px;}
  .wd p{font-size: 14px;}
  .services-item-wrap{margin-top: 30px;}
  .services-content p{margin-bottom: 45px;padding: 0px;margin-top: 10px;}
  .services-icon{width: 110px;height: 110px;margin: 0 auto 40px;}
  .services-icon::before{width: 150px;height: 150px;}
  .services-icon{font-size: 45px;}
  .service-line-shape.two, .service-line-shape.three{display: none;}
  .services-content h4{font-size: 22px;}

  .what{padding:30px 0px}
  .what h2{font-size: 22px;padding: 0px 5px;}
  .what p{font-size: 14px;padding: 5px 10px;margin: 0 auto 10px auto;}
  .what ul li{padding: 20px;}
  .what ul li span{font-size: 22px;}
  .what ul li p{font-size: 14px;}
  .what ul li a{font-size: 16px;height: 34px;}

  .addon{padding:30px 0px}
  .addon h2{font-size: 22px;padding: 0px 5px;}
  .addon p{font-size: 14px;padding: 5px 10px;margin: 0 auto 10px auto;}
  section .box .text p{font-size: 18px;}
  .no-gutters{padding-right: 15px;padding-left: 15px;}
  section .box .text{margin-top: 0px;}

  .capabilites{padding:30px 0px}
  .capabilites h2{font-size: 22px;padding: 0px 5px;}
  .capabilites p{font-size: 14px;padding: 5px 22px;margin: 0 auto 10px auto;text-align: justify;}
  .capabilites ul li span{font-size: 14px;}
  .capabilites ul li::before{font-size: 14px;top: 0px;margin-left: 5px;}
  .capabilites ul li p{font-size: 14px;padding: 2px 0px 0px 5px;}
  .capabilites ul li{padding: 2px 0px 0px 5px;}

  .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;}
}
@media only screen and (min-width:768px) and (max-width:1024px){
  .inner-banner {padding-top: 20px;height: 450px;background: #204b6a;}
  .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: 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;}
  .plans{padding:40px 0;}
  .plans h3{font-size:22px;margin-bottom: 0px;}
  .plans h1{font-size:32px;}
  .plans p{font-size:14px;margin-bottom: 5px;margin-top:0px}
  .plan-amt h3 sup{top: -5px;font-size: 16px;}
  .plans section {margin-left: 40px;}
  .plans section p{padding: 18px 0px;}

  .plan-wrap{padding:30px 20px 20px 20px;}
  .plan-head{padding-bottom:15px;}
  .price-section{width: 100%;}
  .popular-tag{font-size: 16px;padding: 0px 10px 0px 30px;}

  .wd{padding:30px 0px 0px 0px}
  .wd h2{font-size: 22px;padding: 0px 5px;}
  .wd p{font-size: 14px;}
  .services-item-wrap{margin-top: 30px;}
  .services-content p{margin-bottom: 45px;padding: 0px;margin-top: 10px;}
  .services-icon{width: 110px;height: 110px;margin: 0 auto 40px;}
  .services-icon::before{width: 150px;height: 150px;}
  .services-icon{font-size: 45px;}
  .service-line-shape.two, .service-line-shape.three{display: none;}
  .services-content h4{font-size: 22px;}

  .what{padding:30px 0px}
  .what h2{font-size: 22px;padding: 0px 5px;}
  .what p{font-size: 14px;padding: 5px 10px;margin: 0 auto 10px auto;}
  .what ul li{padding: 20px;}
  .what ul li span{font-size: 22px;}
  .what ul li p{font-size: 14px;}
  .what ul li a{font-size: 16px;height: 34px;}

  .addon{padding:30px 0px}
  .addon h2{font-size: 22px;padding: 0px 5px;}
  .addon p{font-size: 14px;padding: 5px 10px;margin: 0 auto 10px auto;}
  section .box .text p{font-size: 16px;}
  .no-gutters{padding-right: 5px;padding-left: 5px;}
  section .box .text{margin-top: 0px;}

  .capabilites{padding:30px 0px}
  .capabilites h2{font-size: 22px;padding: 0px 5px;}
  .capabilites p{font-size: 14px;padding: 5px 22px;margin: 0 auto 10px auto;text-align: justify;}
  .capabilites ul li span{font-size: 14px;}
  .capabilites ul li::before{font-size: 14px;top: 0px;margin-left: 5px;}
  .capabilites ul li p{font-size: 14px;padding: 2px 0px 0px 5px;}
  .capabilites ul li{padding: 2px 0px 0px 5px;}

  .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;}
}
@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: 40px;
      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 {
      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: 16px;
      left: 0px;
  }
}
@media (min-width:1920px) {
  .inner-banner {
      padding-top: 80px;
      height: 650px;
  }
  .inner-banner h1 {
      font-size: 60px;
  }
  .inner-banner p {
      font-size: 24px;
      line-height: 30px;
      margin-bottom: 20px;
  }
  .inner-banner ul {
      padding: 0px 0px 10px 0px;
  }
  .inner-banner ul li {
      font-size: 18px;
  }
  .inner-banner h2 {
      font-size: 30px;
  }
  .inner-banner .amt {
      width: 20%;
  }
  .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;
  }

}