@media only screen and (max-width: 1600px) {
    .padding-top {
        padding-top: 140px;
    }
    .padding-bottom {
        padding-bottom: 140px;
    }
    .domain-outer-box {
        padding: 120px 0;
    }
    .domain-box {
        padding: 80px 108px 91px 100px;
    }
    .padding-bottom125 {
        padding-bottom: 115px;
    }
    .tastimonials-rt-box #carouselExampleControls {
        padding: 125px 85px;
    }
    .newsletter-rt-con {
        width: 76%;
    }
    .slide3 .banner-content-box .banner-content-lft-box .hosting-off:last-child {
        right: 0;
        top: -126px;
    }
    .slide3 .hosting-off {
        height: 234px;
    }
    
}
@media only screen and (max-width: 1440px) {
    .footer-box {
        grid-template-columns: 21% 7% 14% 16%;
    }
    .sub-banner-con {
        padding: 220px 0 130px;
    }
    .sub-banner-title h1 {
        margin-bottom: 30px;
    }
    .price-box {
        gap: 23px;
    }
    .price-box-item {
        padding: 32px 20px 16px;
        border: 1px solid #dfdfdf;
    }
    .price-box-item h3 {
        font-size: 24px;
        margin-bottom: 28px;
    }
    .banner-content-lft-box {
        width: 545px;
    }
    .guarantee-box-img img {
        width: 100%;
    }
    .guarantee-box-content h2 {
        margin-bottom: 34px;
    }
    .guarantee-list-content {
        padding-left: 106px;
    }
    .guarantee-box-content ul li {
        margin-bottom: 49px;
    }
    .tab-content ul {
        grid-template-columns: 36% 50%;
    }
    .hosting-box .nav-pills .nav-link {
        padding: 12px 40px;
    }
    h1 {
        font-size: 52px;
        line-height: 60px;
    }
    .vedio-img > a > img{
        width: 100%;
    }
    .banner-content-rt-title p {
        margin-bottom: 30px;
    }
    .banner-content-rt-title .generic-btn a {
        padding: 18px 32px;
    }
    .hosting-off span {
        font-size: 28px;
        line-height: 34px;
    }
    .hosting-off {
        width: 273px;
        height: 228px;
    }
    .hosting-off-link a i {
        width: 61px;
        height: 61px;
        font-size: 24px;
    }
    .banner-con .swiper-slide {
        height: 809px;
        padding: 195px 0 138px;
    }
    .padding-bottom {
        padding-bottom: 130px;
    }
    .padding-top {
        padding-top: 130px;
    }
    h2 {
        font-size: 36px;
        line-height: 48px;
    }
    .home-price-item {
        padding: 80px 30px 30px;
    }
    .home-price-item p {
        margin-bottom: 26px;
    }
    .price-value {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 25px;
    }
    .home-price-box {
        gap: 15px;
    }
    .home-price-item ul {
        margin-bottom: 30px;
    }
    .domain-outer-box {
        padding: 110px 0;
    }
    .domain-box {
        padding: 80px 108px 80px 100px;
    }
    .domain-box .generic-title p {
        margin: 0 auto 28px;
    }
    .domain-input {
        margin-bottom: 30px;
    }
    .generic-box {
        grid-template-columns: 37% 50.3%;
    }
    .generic-box-img img{
        width: 100%;
    }
    .generic-box2 {
        grid-template-columns: 47.3% 48%;
    }
    .padding-bottom125 {
        padding-bottom: 100px;
    }
    .padding-top125 {
        padding-top: 100px;
    }
    .generic-title p {
        margin: 0 auto 54px;
    }
    .hosting-feature-item {
        padding: 42px 23px 36px;
    }
    .hosting-feature-item figure {
        margin-bottom: 22px;
    }
    .hosting-feature-item h4 {
        margin-bottom: 12px;
    }
    .hosting-feature-item p {
        margin-bottom: 16px;
    }
    .hosting-feature-box {
        gap: 15px;
    }
    .view-btn a {
        padding: 19px 38px;
    }
    .tastimonials-lft-box::after {
        width: 356px;
        height: 435px;
        background-size: contain;
    }
    .tastimonials-rt-box #carouselExampleControls {
        width: 100%;
        padding: 100px 76px;
    }
    .quate-icon {
        width: 68px;
        height: 68px;
        font-size: 20px;
        margin-bottom: 20px;
    }
    .tastimonials-content h2 {
        margin-bottom: 14px;
    }
    .tastimonials-content p {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 18px;
    }
    .adim-box {
        gap: 20px;
        margin-bottom: 32px;
    }
    .app-box-item ul li {
        width: 210px;
        height: 95px;
    }
    .app-box-item {
        margin-bottom: 24px;
    }
    .newsletter-con {
        padding: 60px 0;
    }
    .newsletter-con > .wrapper{
        z-index: 1;
        position: relative;
    }
    .newsletter-con::before,
    .newsletter-con::after{
        height: 100%;
    }
    .newsletter-rt-con {
        width: 68%;
    }
    .newsletter-input {
        width: 54%;
    }
    .footer-con {
        padding: 86px 0;
    }
    .header-con .navbar-expand-lg .navbar-nav {
        gap: 40px;
        margin-right: 45px;
    }
    .join-hostik-box {
        gap: 24px;
    }    
    .join-hostik-item {
        padding: 52px 56px 48px;;
    }
    .team-box-item img {
        width: 100%;
    }
    .team-box {
        gap: 25px;
    }
    .team-box-item figure {
        margin-bottom: 22px;
    }
    .team-box-item span {
        margin-bottom: 18px;
    }
    .team-box-item {
        padding-bottom: 30px;
    }
    .contact-lft-box h2 {
        margin-bottom: 40px;
    }
    .contact-info {
        padding: 28px 39px 30px;
    }
    .contact-rt-box h3 {
        margin-bottom: 30px;
    }
    .form-con ul li textarea {
        height: 130px;
    }
    .contact-rt-box h3 {
        font-size: 34px;
    }
    .map-con,.map-con iframe {
        height: 600px;
    }
    .form-con ul li {
        margin-bottom: 18px;
    }
    .submit-btn {
        padding: 21px 10px 22px;
    }
    .dedicated-server-item {
        width: 100%;
        margin: 0 auto 60px;
    }
    .dedicated-server-box > ul .dedicated-server-data {
        grid-template-columns: 70.5% 25%;
    }
    #light iframe {
        width: 100%;
    }
    #light {
        width: 88%;
    }
    #boxclose {
        right: -14px;
        font-size: 24px;
    }
    .price_rangetxt div.icon {
        margin-left: 103px;
    }
    .price_rangetxt div.icon:nth-child(5) {
        margin-left: 90px;
      }
    #icon-0 {
        margin-left: 48px;
      }
    .slider-outer {
        padding: 44px 70px 55px;
    }
    .price_content .value {
        font-size: 24px;
        line-height: 24px;
    }
    .product-con {
        margin-bottom: 32px;
    }
    .vps-offer-value {
        font-size: 36px;
        line-height: 44px;
    }
    .slide3 .banner-content-box .banner-content-lft-box .hosting-off:last-child {
        right: 10px;
        top: -120px;
    }
    .slide3 .banner-content-box .banner-content-lft-box .vedio-img:nth-child(2) {
        bottom: -143px;
    }
    .slide3 .banner-content-box .banner-content-lft-box .hosting-off:nth-child(3) {
        right: 10px;
        bottom: -143px;
    }
}

@media only screen and (max-width: 1199px) {
    .banner-con .swiper-slide {
        height: 733px;
        padding: 195px 0 138px;
    }
    #light iframe {
        width: 100%;
        height: 490px;
    }
    .dedicated-server-con .generic-title p {
        margin: 0 auto 54px;
    }
    .sub-banner-con {
        padding: 190px 0 120px;
    }
    .sub-banner-title h1 {
        margin-bottom: 26px;
    }
    .banner-content-lft-box {
        width: 448px;
    }
    .header-con .navbar-expand-lg .navbar-nav {
        gap: 25px;
        margin-right: 25px;
    }
    .breadcrumb {
        padding: 11px 12px 14px;
    }
    .header-btn a {
        padding: 13px 20px 15px;
    }
    h1 {
        font-size: 44px;
        line-height: 50px;
    }
    .banner-content-rt-title h1 {
        margin-bottom: 14px;
    }
    .banner-content-rt-title p {
        margin-bottom: 24px;
    }
    .hosting-off {
        width: 225px;
        height: 188px;
        padding: 0 46px 0 35px;
    }
    .hosting-off span {
        font-size: 22px;
        line-height: 30px;
    }
    .hosting-off-link a i {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    .banner-content-box {
        gap: 65px;
    }
    .banner-con .carousel-indicators li, .banner-con .swiper-pagination-bullet {
        width: 40px;
    }
    .padding-top {
        padding-top: 110px;
    }
    .padding-bottom {
        padding-bottom: 110px;
    }
    .home-price-plan .generic-title p {
        margin: 0 auto 90px;
    }
    h2 {
        font-size: 32px;
        line-height: 44px;
    }
    .generic-title p {
        width: 64%;
    }
    .home-price-item {
        padding: 70px 20px 32px;
    }
    h3 {
        font-size: 22px;
    }
    .home-price-item p {
        margin-bottom: 24px;
    }
    .home-price-item ul {
        margin-bottom: 26px;
    }
    .price-value {
        font-size: 24px;
        padding-top: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .generic-btn a {
        min-width: 145px;
        padding:16px 24px 17px;
    }
    .home-price-box {
        gap: 13px;
    }
    .domain-outer-box {
        padding: 100px 0;
    }
    .domain-box {
        padding: 65px 68px;
    }
    .domain-name ul {
        gap: 38px;
    }
    .generic-box-content p {
        line-height: 26px;
        margin-bottom: 20px;
    }
    .generic-box-content ul li {
        margin-bottom: 10px;
        font-size: 14px;
    }
    .generic-box-content ul {
        margin-bottom: 25px;
    }
    .generic-title p {
        margin: 0 auto 44px;
    }
    .hosting-feature-item {
        padding: 32px 16px 34px;
    }
    .hosting-feature-item p {
        margin-bottom: 12px;
        font-size: 14px;
    }
    .map-img-con img{
        width: 100%;
    }
    .hosting-feature-box {
        gap: 19px;
    }
    .tastimonials-rt-box #carouselExampleControls {
        padding: 70px 54px;
    }
    .quate-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 16px;
    }
    .quate-icon img{
        width: 32px;
    }
    .tastimonials-content h2 {
        line-height: 42px;
        margin-bottom: 12px;
    }
    .tastimonials-content p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 18px;
    }
    .app-box-item ul li img {
        width: 142px;
    }   
    .app-box-item ul li {
        width: 200px;
        height: 85px;
    } 
    .faq-box .card-header .btn-link {
        font-size: 16px;
        white-space: normal;
        padding: 20px 72px 20px 32px;
    }  
    .faq-box .card-header .btn-link::after {
        top: 10px;
        width: 38px;
        height: 38px;
        font-size: 18px;
    }
    .newsletter-con {
        padding: 50px 0;
    }
    .newsletter-input {
        width: 78%;
    }
    .newsletter-rt-con span {
        letter-spacing: normal;
    }
    .newsletter-input input {
        padding: 18px 92px 18px 32px;
    }
    .newsletter-input button i {
        height: 53px;
    }
    .footer-con {
        padding: 76px 0;
    }
    .footer-box {
        grid-template-columns: 22% 7% 15% 20%;
    }
    .social-icon ul li a i {
        width: 40px;
        height: 40px;
    }
    .price-box {
        gap: 19px;
    }
    .price-box-item {
        padding: 26px 15px 16px;
    }
    .price-box-item ul li {
        font-size: 14px;
        line-height: 14px;
        padding-left: 20px;
        margin-bottom: 18px;
    }
    .price-box-item ul {
        margin-bottom: 30px;
    }
    .price-box-item h3 {
        font-size: 22px;
        margin-bottom: 22px;
    }
    .guarantee-box-content ul li:after {
        bottom: -44px;
        height: calc(100% - 50px);
    }
    .hosting-box .nav-pills .nav-link {
        padding: 11px 20px;
    }
    .hosting-box #v-pills-tab {
        gap: 22px;
    }
    .hosting-box {
        gap: 90px;
    }
    .tab-content ul {
        margin-bottom: 32px;
        grid-template-columns: 44% 48%;
    }
    .tab-content h2 {
        margin-bottom: 20px;
    }
    .join-hostik-item {
        padding: 44px 31px 42px;
    }
    .join-hostik-item figure {
        margin-bottom: 20px;
    }
    .join-hostik-box {
        gap: 19px;
    }
    .team-box {
        gap: 20px;
    }
    .team-box-item figure {
        margin-bottom: 20px;
    }
    .team-social-icon ul li a i {
        width: 38px;
        height: 38px;
    }
    .team-box-item {
        padding-bottom: 26px;
    }
    .team-box-item span {
        margin-bottom: 16px;
    }
    .join-hostik-item {
        padding: 34px 9px 36px;
    }
    .join-hostik-box {
        gap: 15px;
    }
    .about-generic-box .generic-box {
        grid-template-columns: 37% 51%;
    }
    .team-box {
        gap: 20px;
    }
    .contact-lft-box h2 {
        margin-bottom: 30px;
    }
    .contact-info {
        gap: 18px;
        padding: 26px 28px 28px;
    }
    .contact-info-title span,
    .contact-info-title a{
        font-size: 14px;
    }
    .contact-rt-box {
        padding: 43px 23px;
    }
    .contact-rt-box h3 {
        font-size: 30px;
        margin-bottom: 24px;
    }
    .form-con ul li input, .form-con ul li textarea {
        padding: 18px 24px;
    }
    .form-con ul li textarea {
        height: 120px;
    }
    .map-con, .map-con iframe {
        height: 400px;
    }
    .domain-table thead tr th {
        padding: 20px 52px;
    }
    .domain-table tbody tr td {
        padding: 18px 50px;
    }
    .dedicated-server-item {
        padding: 41px 38px 30px;
    }
    .dedicated-server-box > ul .dedicated-server-data {
        gap: 30px;
        grid-template-columns: 67.5% 29%;        
    }
    .dedicated-server-data ul li {
        font-size: 14px;
        line-height: 16px;
        padding-left: 22px;
    }
    .dedicated-server-list ul:last-child li:first-child {
        width: 249px;
    }
    .dedicated-server-data ul:first-child li:nth-child(2) {
        width: auto;
    }
    .slider-outer {
        padding: 44px 30px 50px;
    }
    .price_rangetxt div.icon {
        margin-left: 74px;
    }
    .image_holder span {
        width: 85px;
        height: 85px;
        margin: 0 auto 20px;
    }
    .price_txt .numeric1,.price_txt .dollar {
        line-height: 45px;
        font-size: 45px;
    }
    .price_content {
        padding: 42px 46px;
    }
    .product-con {
        gap: 16px;
        margin-bottom: 28px;
    }
    .not-found-title h2 {
        font-size: 170px;
        line-height: 170px;
        margin-bottom: 12px;
    }
    .slide3 .hosting-off {
        height: 164px;
    }    
    .slide3 .vedio-img > a > img {
        width: 100%;
        height: 164px;
    }
    .slide3 .banner-content-rt-title p {
        padding: 0;
    }
    .slide3 .banner-content-rt-title {
        padding: 0px 190px;
    }
    
}
@media only screen and (max-width: 991px) {
    .hosting-off-link a i {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
    .about-generic-box .generic-box {
        grid-template-columns: 100%;
    }
    .team-box {
        gap: 30px;
        grid-template-columns: 48% 48%;
    }
    .join-hostik-item h4 {
        line-height: 22px;
    }
    .join-hostik-item p {
        font-size: 14px;
    }
    #button {
        width: 72px;
        height: 72px;
        bottom: 47px;
        right: 72px;
    }
    #button::after {
        font-size: 20px;
        line-height: 50px;
    }
    .header-con .navbar-expand-lg .navbar-nav > li {
        width: auto;
    }
    .header-con .navbar-expand-lg .navbar-nav .dropdown-menu {
        top: 0;
        position: relative;
      }
    #light iframe {
        height: 385px;
    }
    #light {
        top: 40%;
        margin-top: 0;
    }
    #boxclose {
        font-size: 20px;
    }
     /**************/
     .navbar-toggler {
        top: 50%;
        right: 0;
        padding: 0;
        width: 32px;
        border: none;
        position: absolute;
        transform: translateY(-65%);
    }
    .header-btn a {
        font-size: 12px;
        padding: 13px 22px;
    }
    .navbar-toggler-icon{
        float: left;
        width: 100%;
        height: 2px;
        margin: 3px 0;
        background: var(--white-color);
    }
    .navbar-btn{
        margin-top: 15px;
        margin-bottom: 30px;
    }
    .header-con .navbar-nav li:first-child{
        margin-top: 13px;
    }
    .navbar-toggler:focus{
        outline: none;
    }
    .navbar-toggler .navbar-toggler-icon:nth-child(1),
    .navbar-toggler .navbar-toggler-icon:nth-child(3) {
    -webkit-transition: transform .35s ease-in-out;
    -moz-transition: transform .35s ease-in-out;
    -o-transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
    }
    .navbar-toggler:not(.collapsed) .navbar-toggler-icon:nth-child(1) {
    position: absolute;
    top:8px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    left: 0px;
    }
    .navbar-toggler:not(.collapsed) .navbar-toggler-icon:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent;
    }
    .navbar-toggler:not(.collapsed) .navbar-toggler-icon:nth-child(3) {
    position: absolute;
    top:8px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    left: 0px;
    }
    .navbar-collapse.collapse, .navbar-collapse.collapsing {
        width: 100%;
        right: 0;
        top: 48px;
        z-index: 999;
        position: absolute;
        background: var(--accent);
    }
    .header-con .navbar-nav li {
        margin-left: 30px;
        margin-right: 30px;
        padding-bottom: 6px;
        border-bottom: 1px solid #ffffff85;
      }
    .header-con .navbar-light .navbar-nav .active > .nav-link {
        padding-bottom: 0 !important;
        border-bottom: none;
    }
    .header-con .navbar-light .navbar-nav .active > .nav-link,
    .header-con .navbar-light .navbar-nav .nav-link:hover{
        color: var(--black-color);
    }
    .header-con .navbar-nav {
        gap: 22px;
        margin-right: 0;
    }
    .header-con .navbar-light .navbar-nav .nav-link{
        color: var(--white-color);
    }
    .header-btn {
        margin-top: 25px;
        margin-left: 25px;        
        margin-bottom: 20px;        
    }
    .header-con .navbar-light .navbar-nav .nav-link{
        display: inline-block;
        padding-bottom: 0 !important;
    }
    .header-con .navbar-expand-lg .navbar-nav {
        gap: 10px;
        margin-right: 0;
        align-items: initial;
    }
    /**************/
    .banner-content-lft-box {
        width: 329px;
    }
    .banner-content-box {
        gap: 54px;
        grid-template-columns: 47.2% 45%;
    }
    h1 {
        font-size: 38px;
        line-height: 42px;
    }
    .banner-content-rt-title .generic-btn a {
        padding: 17px 22px 17px;
    }
    .price-box-item {
        padding: 26px 30px 16px;
    }
    .hosting-off {
        width: 169px;
        height: 138px;
        padding: 0 20px;
    }
    .hosting-off span {
        font-size: 20px;
        line-height: 24px;
    }
    .header-con {
        padding-bottom: 12px;
    }
    .banner-con .swiper-slide {
        height: 630px;
        padding: 180px 0 130px;
    }
    .padding-bottom {
        padding-bottom: 90px;
    }
    .padding-top {
        padding-top: 90px;
    }
    h2 {
        font-size: 28px;
        line-height: 38px;
    }
    .home-price-plan .generic-title p {
        margin: 0 auto 80px;
    }
    .home-price-box {
        gap: 73px 30px;
        grid-template-columns: 48% 48%;
    }
    .domain-outer-box {
        padding: 80px 0;
    }
    .domain-box {
        width: 100%;
        padding: 45px 48px;
    }
    .domain-input input {
        padding: 16px 74px 18px 24px;
    }
    .domain-input button {
        top: 49%;
        width: 46px;
        height: 46px;
    }
    .generic-box {
        text-align: center;
        grid-template-columns: 100%;
    }
    .generic-box2 {
        text-align: center;
        grid-template-columns: 100%;
     }
     .generic-box-content{
         order: 2;
    }
    .padding-bottom125 {
        padding-bottom: 80px;
    }
    .generic-box-img img {
        width: 380px;
    }
    .generic-box-content ul {
        text-align: left;
        margin-bottom: 20px;
        display: inline-block;
    }
    .generic-box-content h2 {
        padding-right: 0;
    }
    .generic-box2 .generic-box-content p,
    .generic-box .generic-box-content p{
        max-width: 80%;
        margin: 0 auto 20px;
    }
    .generic-title p {
        margin: 0 auto 34px;
        width: 74%;
    }
    .hosting-feature-box {
        gap: 30px;
        grid-template-columns: 48% 48%;
    }
    .tastimonials-lft-box::after {
        width: 226px;
        height: 285px;
    }
    .tastimonials-rt-box #carouselExampleControls {
        padding: 40px 30px;
    }
    .quate-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 12px;
    }
    .tastimonials-content h2 {
        line-height: 38px;
    }
    .adim-box > figure img {
        width: 62px;
        height: 62px;
    }
    .adim-title h4 {
        font-size: 16px;
        margin-bottom: 4px;
    }
    .adim-box {
        gap: 12px;
        margin-bottom: 22px;
    }
    .tastimonials-rt-box .carousel-control-next i, .tastimonials-rt-box .carousel-control-prev i {
        font-size: 16px;
    }
    .tastimonials-rt-box .carousel-control-next {
        right: -10px;
    }
    .app-box {
        gap: 30px;
        text-align: center;
        grid-template-columns: 100%;
    }
    .app-box-content{
        order: 2;
    }
    .app-box-content p {
        padding: 0 100px;
        margin-bottom: 20px;
    }
    .app-box-item ul li {
        width: 200px;
        height: 75px;
    }
    .faq-box .card {
        margin-bottom: 15px;
    }
    .newsletter-con {
        padding: 40px 0;
    }
    .newsletter-input {
        width: 100%;
    }
    .newsletter-con::before, .newsletter-con::after {
        height: 133px;
        width: 100px;
        background-size: contain;
    }
    .footer-con {
        padding: 70px 0;
    }
    .footer-details{
        text-align: center;
        grid-column: 1/-1;
    }
    .footer-details p{
        padding: 0 150px;
        margin-bottom: 16px;
    }
    .footer-box {
        gap: 30px;
        grid-template-columns: 28% 25% 23%;    
    }
    .social-icon ul {
        justify-content: center;
    }
    .newsletter-input input {
        padding: 18px 92px 18px 20px;
    }
    .price-box {
        gap: 30px;
        grid-template-columns: 48% 48%;
    }
    .guarantee-box {
        text-align: center;
        grid-template-columns: 100%;
    }
    .guarantee-box-content{
        order: 2;
    }
    .guarantee-img {
        width: 500px;
        margin: 0 auto;
    }
    .guarantee-box-content ul{
        width: 55%;
        text-align: left;
        display: inline-block;
    }
    .guarantee-list-content h4 {
        margin-bottom: 10px;
    }
    .hosting-box {
        gap: 50px;
        grid-template-columns: 44.03% 46%;
    }
    .tab-heading-img {
        gap: 20px;
    }
    h3 {
        font-size: 20px;
    }
    .tab-heading-img figure img {
        width: 45px;
    }
    .tab-content h2 {
        padding-right: 0;
        margin-bottom: 16px;
    }
    .tab-content p {
        font-size: 14px;
        margin-bottom: 22px;
    }
    .tab-content ul li {
        font-size: 14px;
        line-height: 14px;
        padding-left: 26px;
    }
    .tab-content ul li::after {
        font-size: 16px;
    }
    .tab-content ul {
        margin-bottom: 28px;
        grid-template-columns: 50% 50%;
    }
    .guarantee-box-content h2 {
        margin-bottom: 26px;
    }
    .sub-banner-con {
        padding: 170px 0 110px;
    }
    .sub-banner-title h1 {
        margin-bottom: 22px;
    }  
    .contact-box {
        grid-template-columns: 42% 46.3%;
    } 
    .contact-lft-box h2 {
        margin-bottom: 25px;
    }
    .contact-info {
        margin-bottom: 15px;
        padding: 24px 22px 26px;
    }
    h4 {
        font-size: 18px;
        line-height: 18px;
    }
    .contact-rt-box {
        padding: 30px 23px;
    }
    .contact-rt-box h3 {
        font-size: 28px;
        margin-bottom: 22px;
    }
    .form-con ul li input, .form-con ul li textarea {
        padding: 15px 20px;
    }
    .form-con ul li textarea {
        height: 100px;
    }
    .form-con ul li {
        margin-bottom: 14px;
    }
    .submit-btn {
        padding: 17px 10px 19px;
    }
    .map-con, .map-con iframe {
        height: 400px;
    }
    .domain-table thead tr th {
        padding: 18px 36px;
    }
    .domain-table {
        width: 100%;
    }
    .domain-table tbody tr td {
        font-size: 14px;
        line-height: 14px;
        padding: 14px 38px;
    }
    .dedicated-server-box > ul .dedicated-server-data {
        gap: 15px;
        grid-template-columns: 100%;
    }
    .dedicated-server-list ul:last-child li:first-child {
        width: 242px;
    }
    .dedicated-server-data ul:first-child li:nth-child(2) {
        width: 193px;
    }
    .dedicated-server-btn {
        gap: 10px;
        flex-direction: column;
    }   
    .price_rangetxt {
        display: none;
    } 
    .slider-container #slider .ui-slider-handle {
        width: 50px;
        height: 50px;
        background-size: contain;
    }
    .product-con {
        gap: 11px;
        margin-bottom: 20px;
        grid-template-columns: 49% 49%;
    }
    .price_content .smallbox {
        padding: 20px 10px;
    }
    .price_content .value {
        font-size: 22px;
        line-height: 22px;
    }
    .vps-offer-value {
        font-size: 26px;
        line-height: 30px;
        padding-right: 10px;
        margin-right: 10px;
    }
    .vps-coupon {
        font-size: 20px;
        line-height: 20px;
    }
    .price_txt .numeric1, .price_txt .dollar {
        line-height: 35px;
        font-size: 35px;
    }
    .month-title {
        font-size: 22px;
        line-height: 38px;
    }
    .not-found-title h2 {
        font-size: 140px;
        line-height: 140px;
    }
    .not-found-title span {
        font-size: 28px;
        margin-bottom: 20px;
        letter-spacing: 8px;
    }
    .not-found-title p {
        margin-bottom: 30px;
    }
    .slide3 .banner-content-rt-title {
        padding: 0px 120px;
    }
}
@media only screen and (max-width: 767px) {
    .hosting-off {
        width: 186px;
        height: 155px;
        padding: 0 20px;
    }
    .hosting-box #v-pills-tab {
        gap: 15px;
        flex-direction: row !important;
    }
    .tab-heading-img {
        gap: 10px;
    }
    .hosting-box .nav-pills .nav-link {
        padding: 10px 15px;
        width: 48.5%;
    }
    .domain-table tbody tr td:first-child {
        font-weight: normal;
        color: var(--text-color);
        text-align: right;
        background: #eee;
    }
    .generic-box {
        width: 100%;
        gap: 15px;
    }
    .banner-content-box.banner-content-box2 .banner-content-lft-box{
        order: 1;
    }
    .banner-content-box.banner-content-box2 .banner-content-rt-title{
        order: 2;
    }
    .dedicated-server-con .generic-title p {
        margin: 0 auto 48px;
    }
    .banner-content-box {
        gap: 54px;
        grid-template-columns: 100%;
    }
    .home-price-box {
        gap: 73px 23px;
    }
    .banner-content-box {
        gap: 30px;
        text-align: center;
        grid-template-columns: 100%;
    }
    .banner-content-lft-box {
        width: 370px;
        margin: 0 auto;
    }
    .banner-con .swiper-slide {
        height: 848px;
        padding: 160px 0 120px;
    }
    h1 {
        font-size: 34px;
        line-height: 44px;
    }
    .banner-content-rt-title h1 {
        padding: 0 60px;
        margin-bottom: 12px;
    }
    .slide2 .banner-content-rt-title h1 {
        padding: 0 40px;
    }
    .banner-content-rt-title p {
        padding: 0 30px;
        margin-bottom: 18px;
    }
    .banner-content-rt-title .generic-btn a {
        padding: 14px 18px 16px;
    }
    .padding-top {
        padding-top: 70px;
    }
    .padding-bottom {
        padding-bottom: 70px;
    }
    .home-price-item > span {
        margin-bottom: 12px;
    }
    .price-value {
        font-size: 22px;
        line-height: 22px;
    }
    .generic-btn a {
        min-width: auto;
        padding: 14px 20px 14px;
    }
    h3 {
        font-size: 20px;
    }
    .domain-outer-box::before {
        width: 190px;
        height: 234px;
        background-size: contain;
    }
    .domain-box {
        padding: 40px 38px;
    }
    .domain-box .generic-title p {
        margin: 0 auto 24px;
    }
    .domain-name ul {
        gap: 8px 24px;
        flex-wrap: wrap;
    }
    .domain-outer-box {
        padding: 60px 0;
    }
    .hosting-off-link a i {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
    h2 {
        font-size: 26px;
        line-height: 30px;
    }
    .generic-box-img img {
        width: 320px;
    }
    .generic-box-content h2 {
        margin-bottom: 12px;
    }
    .generic-box2 .generic-box-content p, .generic-box .generic-box-content p {
        max-width: 80%;
        font-size: 14px;
        line-height: 24px;
        margin: 0 auto 18px;
    }
    .padding-bottom125 {
        padding-bottom: 60px;
    }
      .padding-top125 {
        padding-top: 60px;
    }
    .hosting-feature-box {
        gap: 23px;
        margin-bottom: 40px;
    }
    .generic-title p {
        margin: 0 auto 30px;
    }
    .view-btn a {
        font-size: 14px;
        padding: 15px 30px 17px !important;
    }
    .tastimonials-lft-box{
        display: none;
    }
    .tastimonials-box {
        grid-template-columns: 100%;
    }
    .tastimonials-rt-box #carouselExampleControls {
        text-align: center;
    }
    .adim-box {
        justify-content: center;
    }
    .quate-icon {
        margin: 0 auto 12px;
    }
    .slider-arrow{
        justify-content: center;
    }
    .newsletter-box {
        gap: 15px;
        flex-direction: column;
    }
    .newsletter-rt-con {
        gap: 15px;
        width: 80%;
        flex-direction: column;
    }
    .footer-con {
        padding: 60px 0;
    }
    .footer-details p {
        margin-bottom: 16px;
        padding:0 40px;
    }
    .footer-box {
        grid-template-columns: 26% 27% 27%;
    }
    h4 {
        font-size: 18px;
        line-height: 18px;
    }
    .tastimonials-content h2 {
        padding-right: 0;    
    }
    .wrapper {
        padding: 0 15px;
    }
    .price-box {
        gap: 22px;
    }
    .price-box-item {
        padding: 20px 28px 16px;
    }
    .guarantee-img {
        gap: 20px;
        width: 470px;
    }
    .guarantee-box-content ul {
        width: 85%;
    }
    .hosting-box {
        padding: 0 15px;
        grid-template-columns: 100%;
    }
    .sub-banner-con {
        padding: 150px 0 90px;
    }
    .sub-banner-title {
        width: 75%;
    }
    .join-hostik-box {
        gap: 15px;
        grid-template-columns: 100%;
    }
    .join-hostik-item {
        padding: 34px 48px 36px;
    }
    .team-box {
        gap: 21px;
    }
    .team-social-icon ul li a i {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }
    .team-social-icon ul {
        gap: 8px;
    }
    .team-box-item span {
        margin-bottom: 14px;
    }
    .join-hostik-item h4 {
        line-height: 26px;
    }
    .contact-box {
        gap: 30px;
        grid-template-columns: 100%;
    }
    .contact-rt-box h3 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .map-con, .map-con iframe {
        height: 360px;
    }
    .domain-table thead {
        display: none;
    }
    .domain-table tbody tr td:first-child {
        text-align: right;
        font-weight: normal;
        color: var(--text-color);
    }
    .domain-table tbody tr td {
        text-align: right;
    }
    table tr {
        display: block;
    }
    table td::before {
        float: left;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        content: attr(data-label);
        color: var(--primary--color);
    }
    table td {
        display: block;
        text-align: right;
        border-bottom: 1px solid #ddd;
    }
    .domain-table tbody tr {
        border-bottom: none;
    }
    .dedicated-server-btn {
        flex-direction: column;
    }
    .dedicated-server-data ul {
        width: 248px;
        margin: 0 auto 20px;
        flex-direction: column;
    }
    .dedicated-server-title h5 {
        padding: 12px 11px;
        font-size: 14px;
    }
    .dedicated-server-title {
        top: -63px;
    }
    .dedicated-server-title:after {
        width: 255px;
    }
    .slider-outer {
        padding: 34px 20px;
    }
    .price_content {
        padding: 38px 15px;
    }
    .vps-bottom-con {
        gap: 20px;
        flex-direction: column;
    }
    .vps-offer-con {
        justify-content: center;
    }
    #backup_val {
        justify-content: center;
    }
    .slider-container #slider .ui-slider-handle {
        width: 40px;
        height: 40px;
    }
    .app-box-content p {
        padding: 0 40px;
    }
    .not-found-title h2 {
        font-size: 100px;
        line-height: 100px;
    }
    .not-found-title span {
        font-size: 26px;
        margin-bottom: 16px;
        letter-spacing: 6px;
    }
    .not-found-title p {
        margin-bottom: 24px;
    }
    .not-found-title p br {
        display: none;
    }
    .slide3 .banner-content-box .banner-content-lft-box .vedio-img:nth-child(2) {
        position: relative;
        bottom: 0;
    }
    .slide3 .hosting-off {
        position: relative;
    }
    .slide3 .banner-content-box .banner-content-lft-box .hosting-off:nth-child(3) {
        right: 0;
        bottom: 0;
    }
    .slide3 .banner-content-box .banner-content-lft-box .hosting-off:last-child {
        right: 0;
        top: 0;
    }
    .slide3 .banner-content-rt-title {
        padding: 0;
    }
}
@media only screen and (max-width: 575px) {
    .banner-content-rt-title p {
        line-height: 22px;
    }
    #light {
        width: 88%;
        margin-top: 0;
      }
    .hosting-box {
        padding: 0;    
    }
    .banner-content-lft-box {
        width: 315px;
    }
    .hosting-off span {
        font-size: 18px;
        line-height: 22px;
    }
    .hosting-off {
        width: 157px;
        height: 132px;
        padding: 0 10px;
    }
    .hosting-off-link a i {
        width: 35px;
        height: 35px;
        font-size: 14px;
    } 
    .banner-content-rt-title h1 {
        padding: 0;
        margin-bottom: 8px;
    }
    h1 {
        font-size: 30px;
        line-height: 34px;
    }
    .banner-content-rt-title p {
        padding: 0;
        margin-bottom: 16px;
    }
    .banner-content-rt-title .generic-btn a {
        font-size: 14px;
        line-height: 14px;
    }
    .banner-con .swiper-slide {
        height: 740px;
        padding: 140px 0 70px;
    }
    .banner-con .carousel-indicators li, .banner-con .swiper-pagination-bullet {
        width: 30px;
        height: 2px;
    }
    .padding-bottom {
        padding-bottom: 50px;
    }
    .padding-top {
        padding-top: 50px;
    }
    .home-price-plan .generic-title p {
        margin: 0 auto 60px;
    }
    h2 {
        font-size: 22px;
        line-height: 28px;
    }
    .home-price-box {
        grid-template-columns: 100%;
    }
    .home-price-item p {
        margin-bottom: 18px;
        font-size: 14px;
    }
    .generic-btn a {
        padding: 12px 18px 15px;
    }
    .domain-outer-box {
        padding: 40px 0;
    }
    .domain-box .generic-title p {
        width: 100%;
        margin: 0 auto 18px;
    }
    .domain-box {
        padding: 30px 28px;
    }
    .generic-box-img img {
        width: 280px;
    }
    .generic-box2 .generic-box-content p, .generic-box .generic-box-content p {
        max-width: 100%;
        margin: 0 auto 16px;
    }
    .padding-bottom125 {
        padding-bottom: 50px;
    }
    .padding-top125 {
        padding-top: 50px;
    }
    .generic-title p {
        width: 100%;
        margin: 0 auto 28px;
    }
    .hosting-feature-box {
        gap: 30px;
        margin-bottom: 30px;
        grid-template-columns: 100%;
    }
    body {
        font-size: 14px;
        line-height: 23px;
    }
    .quate-icon img {
        width: 26px;
    }
    .tastimonials-content h2 {
        line-height: 30px;
        
    }
    .app-box-item ul {
        gap: 15px;
        float: none;
        flex-direction: column;
    }
    .app-box-item ul li {
        width: 100%;
        height: 75px;
    }
    .app-box-content p {
        padding: 0;
        margin-bottom: 16px;
    }
    .faq-box {
        width: 100%;
    }
    .faq-box .card-header .btn-link::after {
        top: 20px;
        right: 12px;
    }
    .faq-box .card-header .btn-link {
        padding: 20px 62px 20px 20px;
    }
    .newsletter-rt-con {
        width: 100%;
        flex-direction: column;
    }
    .footer-details p {
        padding: 0;
    }
    .footer-box {
        text-align: center;
        grid-template-columns: 100%;
    }
    .site-map > ul {
        text-align: left;
        display: inline-block;
    }
    .contact-link {
        width: 167px;
    }
    .footer-con {
        padding: 40px 0;
    }
    .price-box {
        gap: 15px;
        grid-template-columns: 100%;
    }
    .guarantee-img {
        gap: 10px;
        width: 300px;
    }
    .guarantee-box-img figure:last-child {
        margin-top: -10px;
    }
    .guarantee-box-content h2 {
        margin-bottom: 20px;
    }
    .guarantee-box-content ul {
        width: 100%;
    }
    .guarantee-list-content h4 {
        margin-bottom: 8px;
    }
    .guarantee-list-content p {
        line-height: 22px;
    }
    .guarantee-box-list figure {
        width: 80px;
        height: 80px;
    }
    .guarantee-list-content {
        padding-left: 96px;
    }
    .guarantee-box-content ul li {
        margin-bottom: 20px;
    }
    .guarantee-box-content ul li::after {
        left: 40px;
        bottom: -17px;
        height: calc(100% - 64px);        
    }
    .sub-banner-con {
        padding: 140px 0 90px;
    }
    .sub-banner-con {
        padding: 140px 0 70px;
    }
    .sub-banner-title {
        width: 100%;
    }
    .sub-banner-title h1 {
        margin-bottom: 16px;
    }
    .tab-content ul {
        gap: 16px 12px;
        margin-bottom: 28px;
        grid-template-columns: 52% 43%;
    }
    .about-banner .sub-banner-title {
        width: 100%;
    }
    .join-hostik-item {
        padding: 30px 57px 32px;
    }
    .team-box {
        gap: 15px;
        grid-template-columns: 100%;
    }
    .contact-info {
        padding: 20px 22px 22px;
    }
    .contact-rt-box h3 {
        font-size: 24px;
        margin-bottom: 12px;
    }
    .form-con ul li textarea {
        height: 80px;
    }
    .form-con ul li input, .form-con ul li textarea {
        padding: 12px 15px;
    }
    .form-con ul li {
        margin-bottom: 12px;
    }
    .submit-btn {
        padding: 13px 10px 15px;
    }
    .map-con, .map-con iframe {
        height: 320px;
    }
    .newsletter-input input {
        padding: 15px 62px 16px 16px;
    }
    .newsletter-input button i {
        height: 48px;
        width: 48px;
    }
    .newsletter-lft-con img{
        width: 140px;
    }
    .site-map h4 {
        margin-bottom: 14px;
    }
    .dedicated-server-data ul {
        width: 218px;
    }
    .dedicated-server-title {
        width: 100%;
    }
    .dedicated-server-item {
        margin: 0 auto 40px;
    }
    .dedicated-server-title:after {
        width: 261px;
    }
    .dedicated-server-con .generic-title p {
        margin: 0 auto 44px;
    }
    .slider-outer {
        padding: 30px 15px;
    }    
    .slider-container #slider {
        height: 10px;
    }
    .ui-slider-horizontal .ui-slider-range {
        height: 10px;
    }
    .product-con {
        gap: 15px;
        grid-template-columns: 100%;
    }
    .vps-coupon {
        font-size: 18px;
        line-height: 18px;
    }
    .vps-coupon span {
        font-size: 12px;
        line-height: 18px;
    }
    .vps-offer-value {
        font-size: 20px;
        line-height: 24px;
    }
    .price_txt .numeric1, .price_txt .dollar {
        line-height: 30px;
        font-size: 30px;
    }
    .month-title small {
        font-size: 14px;
    }
    .price_content .value {
        font-size: 20px;
        line-height: 20px;
    }
    .slider-container #slider .ui-slider-handle {
        width: 30px;
        height: 30px;
    }
    #button {
        width: 64px;
        height: 64px;
        bottom: 47px;
        right: 52px;
    }
    .tastimonials-content p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 18px;
    }
    .faq-box .card-body {
        font-size: 14px;
        line-height: 22px;
        padding: 0 22px 20px;
    }
    .app-box-content p {
        line-height: 22px;
    }
    .hosting-box .nav-pills .nav-link {
        width: 100%;
    }
    .not-found-title h2 {
        font-size: 70px;
        line-height: 70px;
    }
    .not-found-title span {
        font-size: 22px;
        margin-bottom: 10px;
        letter-spacing: normal;
    }
    .not-found-title p {
        margin-bottom: 22px;
    }
    .slide2 .banner-content-rt-title h1 {
        padding: 0 11px;
    }
    .slide3 .vedio-img > a > img {
        width: 100%;
        height: auto;
    }
    .slide3 .hosting-off {
        height: 132px;
    }
    
    
}