@media screen and (max-width: 1440px) {
    .main-box {
        padding-left: 1% !important;
        padding-right: 1% !important;
    }

    /* banner */
    .banner-con .banner-img-con img {
        height: auto;
        right: 0;
        max-width: 100%;
    }

    .bg-outer-wrapper {
        height: 700px;
        background-position: bottom;
    }

    .banner-con p {
        font-size: 20px;
        line-height: 29px;
        font-weight: 300;
        margin-bottom: 30px;
    }

    .banner-con .banner-price {
        font-size: 44px;
        font-weight: 700;
        margin-bottom: 28px;
    }

    /*  */
    .welcome-company-con .welcome-box span.number {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 8px;
    }

    .welcome-company-con .welcome-company-inner-content {
        margin-left: 60px;
    }

    .hosting-plans-con .hosting-plan-box .price span,
    .managed-unmanaged-con .managed-box .price span {
        font-size: 40px;
        line-height: 42px;
    }

    .promotion-con .off-tag {
        font-size: 42px;
        line-height: 42px;
    }

    .comparison-plans-con .generic-price {
        font-size: 40px;
        line-height: 40px;
    }

    .footer-con {
        background-position: bottom;
        padding-top: 110px;
    }

    .footer-con .row {
        padding-bottom: 50px;
    }

    .copyright-con {
        padding-top: 40px;
        padding-bottom: 40px;
        width: 100%;
    }

    .footer-con .newsletter-con form {
        margin-bottom: 70px;
    }

    .footer-con .contact-form-wrapper {
        padding: 30px;
    }


    /* FONT SIZES */
    h1 {
        font-size: 52px;
        line-height: 62px;
        margin-bottom: 20px;
    }

    h2 {
        font-size: 36px;
        line-height: 46px;
    }

    h3 {
        font-size: 30px;
        line-height: 38px;
    }

    h4 {
        font-size: 24px;
        font-weight: 600;
    }

    .heading-title-con {
        margin-bottom: 50px;
    }

    /* 404 page styling start here*/
    .error-con h2 {
        font-size: 120px;
        line-height: 125px;
        margin-bottom: 10px;
    }

    .error-con p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    .sub-bg-wrapper {
        height: 500px;
        background-position: bottom;
    }

    .margin-tp {
        margin-top: 15px;
    }

    .build-hosting-server-con .server-box .heading-title-con p {
        font-size: 20px;
        line-height: 30px;
    }

    .our-history-con .owl-carousel .owl-nav button i {
        font-size: 22px;
    }

    .our-history-con .owl-carousel .owl-nav button.owl-next {
        right: -15px;
    }

    .our-history-con .owl-carousel .owl-nav button.owl-prev {
        left: -15px;
    }

}

@media screen and (max-width: 1199px) {
    .padding-top {
        padding-top: 80px;
    }

    .padding-bottom {
        padding-bottom: 80px;
    }

    #back-to-top-btn {
        bottom: 50px;
        right: 50px;
        width: 70px;
        height: 70px;
    }

    /* FONT SIZES */
    h1 {
        font-size: 44px;
        line-height: 54px;
        margin-bottom: 15px;
    }

    h2 {
        font-size: 32px;
        line-height: 40px;
    }

    h3 {
        font-size: 28px;
        line-height: 36px;
    }

    h4 {
        font-size: 22px;
    }

    /* special */
    .margin-tp-ngtv {
        margin-top: -150px;
    }

    .heading-title-con h2 {
        margin-bottom: 10px;
    }

    .heading-title-con p {
        font-size: 18px;
        line-height: 28px;
    }

    .heading-title-con {
        margin-bottom: 30px;
    }

    /* header */
    .header-con {
        padding: 30px 0;
    }

    .scroll-up,
    .scroll-down {
        padding: 20px 0;
    }

    .top-bar-con a {
        margin: 0 14px;
    }

    .header-con .navbar-expand-lg .navbar-nav {
        gap: 44px;
    }

    /* banner */
    .banner-con p {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 25px;
    }

    .banner-con .banner-price {
        font-size: 38px;
        margin-bottom: 20px;
    }

    .banner-con .banner-price span.starting-text {
        top: -10px;
    }

    .bg-outer-wrapper {
        height: 600px;
        background-position: bottom;
    }

    /* buttons */
    .secondary-button a,
    .secondary-button button {
        padding: 0 10px;
        min-width: 185px;
    }

    /*  */
    .welcome-company-con .welcome-box {
        padding: 30px 25px;
        margin-bottom: 25px;
        border-radius: 4px;
    }

    .welcome-company-con .welcome-box span.number {
        font-size: 34px;
        line-height: 34px;
        margin-bottom: 8px;
    }

    .welcome-company-con .welcome-company-inner-content {
        margin-left: 20px;
    }

    /*  */
    .hosting-plans-con .hosting-plan-box .upper-portion {
        padding: 40px 20px 20px;
    }

    .hosting-plans-con .hosting-plan-box h3,
    .managed-unmanaged-con .managed-box h3 {
        margin-bottom: 6px;
    }

    .hosting-plans-con .hosting-plan-box p {
        font-size: 16px;
        line-height: 25px;
    }

    .hosting-plans-con .hosting-plan-box .middle-portion {
        padding: 20px;
    }

    .hosting-plans-con .hosting-plan-box .middle-portion span.red-text {
        margin-bottom: 5px;
    }

    .hosting-plans-con .hosting-plan-box .price span,
    .managed-unmanaged-con .managed-box .price span {
        font-size: 32px;
        line-height: 34px;
    }

    .hosting-plans-con .hosting-plan-box .price,
    .managed-unmanaged-con .managed-box .price {
        margin-bottom: 15px;
    }

    .hosting-plans-con .hosting-plan-box .lower-portion {
        padding: 25px;
    }

    .hosting-plans-con .hosting-plan-box .lower-portion ul li,
    .managed-unmanaged-con .managed-box .lower-portion ul li {
        padding-left: 23px;
        padding-bottom: 11px;
        margin-bottom: 11px;
        font-size: 15px;
    }

    .search-domain-con form input {
        width: 100%;
        height: 60px;
        font-size: 18px;
    }

    .search-domain-con form button {
        min-width: 165px;
        height: 52px;
        line-height: 52px;
    }

    .search-domain-con form .form-group span {
        font-size: 20px;
    }

    /*  */
    .vps-price-slider-con .sliderbox {
        background-color: var(--secondary--color);
        box-shadow: 0px 10px 20px rgb(0 0 0 / 7%);
        border-top: 5px solid var(--primary--color);
        border-radius: 14px;
        padding: 50px 56px;
    }

    .price_content .smallbox {
        width: 140px;
        height: 140px;
    }

    .promotion-con .coupon-code span {
        font-size: 20px;
    }

    .promotion-con .coupon-code {
        font-size: 14px;
    }

    .promotion-con .off-tag {
        font-size: 34px;
        line-height: 34px;
    }

    .promotion-con .secondary-button {
        margin-left: 0;
    }

    /*  */
    .choose-dedicated-server-con .feature-box {
        padding: 0 10px 0 0;
    }

    .choose-dedicated-server-con .heading-title-con {
        margin-bottom: 40px;
    }

    .feature-box h4 {
        margin-bottom: 10px;
    }

    /*  */
    .comparison-plans-con .generic-price {
        font-size: 34px;
        line-height: 34px;
    }

    .comparison-plans-con .plan-content {
        padding: 20px;
    }

    .comparison-plans-con .comparison-table .plan-top .primary-button a {
        min-width: 150px;
    }

    .comparison-table th {
        padding: 18px 0 0;
    }

    .comparison-plans-con .comparison-table .plan-top .plan-heading {
        padding-bottom: 18px;
    }

    .comparison-plans-con .generic-price {
        margin-bottom: 12px;
    }

    .comparison-table table thead tr th:first-child {
        width: 310px;
    }

    /*  */
    .testimonials-con .white-box {
        padding: 30px;
    }

    .testimonials-con .owl-carousel .owl-item img.person-img {
        top: 39px;
        left: -27px;
        width: 51px;
    }

    .heading-title-con h2 {
        margin-bottom: 8px;
    }

    /*  */
    .testimonials-con .white-box h4 {
        margin-bottom: 2px;
    }

    .testimonials-con .white-box span {
        font-size: 17px;
        margin-bottom: 14px;
    }

    /*  */
    .footer-con {
        padding-top: 90px;
    }

    .footer-con .newsletter-con form {
        margin-bottom: 50px;
    }

    .footer-sitemap-wrapper {
        grid-template-columns: 36% 28% 27%;
        gap: 26px;
    }

    .footer-con .contact-form-wrapper {
        padding: 25px 20px;
    }

    .footer-con .contact-form-wrapper h4 {
        margin-bottom: 15px;
    }

    .footer-con .row {
        padding-bottom: 40px;
    }

    .copyright-con {
        padding-top: 25px;
        padding-bottom: 25px;
        width: 100%;
    }

    .footer-con .newsletter-con form input {
        height: 55px;
        padding: 12px 12px 10px;
    }

    /* about page styling */
    .hostiko-story-con .box img {
        max-width: 100%;
        height: auto;
    }

    .box .bottom-con {
        padding: 25px 20px;
    }

    .our-history-con .history-box .content {
        padding: 0;
    }

    .hostiko-team-con .team-box {
        padding: 20px 13px;
    }

    .hostiko-team-con .team-box img {
        width: 120px;
        margin-bottom: 18px;
    }

    .hostiko-team-con .team-box h4 {
        font-size: 20px;
    }

    .hostiko-team-con .col-lg-3.col-md-6 {
        padding-right: 10px;
        padding-left: 10px;
    }

    .hostiko-team-con .team-box .social-icons {
        padding-top: 16px;
    }

    .hostiko-team-con .team-box .social-icons ul li {
        margin: 0 10px;
    }

    .build-hosting-server-con .server-box {
        padding: 43px 45px 50px;
    }

    .build-hosting-server-con .server-box .right-content .price span.font-montserat {
        font-size: 38px;
        line-height: 38px;
        margin: 0 3px;
    }

    .our-history-con .owl-carousel .owl-nav button {
        top: -242px;
    }

    .help-con .heading-title-con p {
        margin-bottom: 30px;
    }

    .product-detail-info-box .nav-pills .nav-link {
        padding: 0;
        color: var(--black--color);
        font-weight: 600;
        font-size: 18px;
        line-height: 18px;
    }

    .mailing-address-con .need-help-con {
        padding: 30px 35px;
    }

    .mailing-address-con .mailing-address-content p {
        margin-bottom: 25px;
    }

    .mailing-address-con .phone-no-con {
        margin-bottom: 32px;
    }

    .mailing-address-con .mailing-address-content {
        padding-left: 65px;
    }

    .dedicated-hosting-plans-con .dedicated-plans-box .plans:hover {
        width: 102%;
    }

    /* coming soon page */
    .coming-soon-con .new-logo {
        margin-bottom: 30px;
        width: 250px;
    }

    .coming-soon-con h1 {
        margin-bottom: 40px;
        font-size: 80px;
        line-height: 80px;
    }

    .coming-soon-con h2 {
        font-size: 30px;
    }

    /* dedicated servers page */
    .dedicated-hosting-plans-con .dedicated-plans-box .plans {
        padding: 25px 40px 27px;
    }

    .dedicated-hosting-plans-con .dedicated-plans-box .plans .content2 .secondary-button a {
        min-width: 150px;
        height: 45px;
        line-height: 45px;
    }

    .dedicated-servers-features-con .dedicated-box {
        gap: 25px;
        padding-left: 0;
    }

    .deploy-in-seconds-con .smallbox {
        gap: 15px;
        width: 140px;
        height: 140px;
    }

    .deploy-in-seconds-con .apps-con {
        margin-bottom: 60px;
    }

    .managed-unmanaged-con .managed-box {
        padding: 50px;
    }

    .faq-con .accordion-card {
        margin-bottom: 30px;
        padding-right: 15px;
    }

    /* reseller page */
    .hosting-plans-con.four-plans .hosting-plan-box .lower-portion {
        padding: 30px 15px;
    }

    .four-plans .col-lg-3.col-md-6 {
        display: flex;
    }

    .four-plans .hosting-plan-box {
        width: 100%;
    }

    .hosting-plans-con.four-plans .hosting-plan-box .middle-portion span.red-text {
        font-size: 14px;
    }

    .plans-include-con .col-lg-3.col-md-6 {
        padding-left: 0;
    }

    .plans-include-con .row {
        margin-bottom: 40px;
        align-items: center;
    }

    .plans-include-con .feature-listing-con ul li {
        padding-left: 20px;
        line-height: 20px;
        margin-bottom: 12px;
        font-size: 15px;
    }

    .plans-include-con .feature-listing-con {
        padding: 0 15px 0 0;
    }

    .plans-include-con .font-size-20 {
        font-size: 18px;
    }

    .vps-feature-content p {
        margin-bottom: 26px;
    }

    .vps-additional-features-con .additional-box {
        padding: 35px 25px;
    }

    .vps-additional-features-con .additional-box .vps-content {
        padding-left: 20px;
    }
}



@media screen and (max-width : 991px) {

    /*  */
    .navbar-toggler {
        top: 55%;
        right: 0;
        padding: 0;
        width: 32px;
        border: none;
        position: absolute;
        transform: translateY(-65%);
    }

    .header-con .navbar-expand-lg .navbar-nav {
        gap: 10px;
        margin-right: 0;
        padding: 8px 20px 0;
        align-items: start;
        z-index: 9999;
        position: relative;
    }

    .header-con .navbar-light .navbar-nav .dropdown .nav-link::after {
        top: 15px;
    }

    .header-con .navbar-light .navbar-nav .nav-link:hover {
        color: var(--secondary--color);
        background-color: var(--primary--color);
        border-radius: 4px;
    }

    .header-con .navbar-nav li {
        margin-left: 0;
        padding-bottom: 0;
        margin-right: 0;
        width: 100%;
        cursor: pointer;
    }

    .header-con .navbar-light .navbar-nav .dropdown-menu .dropdown-item {
        color: var(--primary--color);
        padding: 10px 15px;
        font-size: 16px;
        line-height: 20px;
        border-radius: 4px;
    }

    .header-con .navbar-light .navbar-nav .dropdown-menu {
        padding: 10px;
        margin-top: 8px;
        width: 100%;
    }

    .header-con .navbar-light .navbar-nav .nav-link {
        display: inline-block;
        color: var(--black--family2);
        padding: 5px 10px !important;
        display: block;
    }

    .header-con .navbar-light .navbar-nav .nav-item:last-child a {
        border-bottom: none;
    }

    .header-con .navbar-light .navbar-nav .nav-link::before {
        display: none;
    }

    .navbar-toggler-icon {
        float: left;
        width: 100%;
        height: 2px;
        margin: 3px 0;
        background: var(--secondary--color);
    }

    .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: 38px;
        z-index: 999;
        position: absolute;
        background-color: var(--secondary--color);
        box-shadow: 0px 0px 100px rgb(0 0 0 / 15%);
        border-radius: 4px;
    }

    .header-contact .contact-btn {
        color: var(--black--family2);
        text-align: left;
        padding: 12px 10px;
    }

    /*  */
    .padding-top {
        padding-top: 60px;
    }

    .padding-bottom {
        padding-bottom: 60px;
    }

    /* header */
    .header-con {
        padding: 20px 0;
    }

    /* FONT SIZES */
    h1 {
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 10px;
    }

    h2 {
        font-size: 30px;
        line-height: 35px;
    }

    h3 {
        font-size: 26px;
        line-height: 30px;
    }

    h4 {
        font-size: 22px;
    }

    /* banner */
    .banner-con .banner-img-con img {
        height: auto;
        right: 38px;
        max-width: unset;
        width: 320px;
    }

    .bg-outer-wrapper {
        height: 520px;
    }

    .banner-con p {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 20px;
    }

    .welcome-company-con .welcome-company-inner-content {
        margin-left: 0;
    }

    .banner-con .banner-price {
        font-size: 30px;
        margin-bottom: 16px;
    }

    .banner-con .banner-price span.starting-text {
        top: -3px;
    }

    .banner-con .banner-price span {
        font-size: 18px;
    }

    /*  */
    .welcome-company-con .welcome-box {
        padding: 25px 18px;
        margin-bottom: 25px;
    }

    .welcome-company-con .heading-title-con h2 {
        font-size: 28px;
    }

    .welcome-company-con .col-lg-12 {
        padding: 0 10px;
    }

    .welcome-company-con .welcome-box img {
        margin: 0 auto 14px;
        height: 38px;
    }

    .welcome-company-con .welcome-box span.number {
        font-size: 28px;
        line-height: 28px;
    }

    .welcome-company-con .welcome-box span.welcome-text {
        font-size: 18px;
    }

    .hosting-plans-con .heading-title-con {
        text-align: center !important;
    }

    .heading-title-con h2 {
        margin-bottom: 8px;
    }

    .hosting-plans-con .heading-title-con {
        margin-bottom: 40px;
    }

    .hosting-plans-con .hosting-plan-box .upper-portion {
        padding: 40px 14px 15px;
    }

    .hosting-plans-con .hosting-plan-box .middle-portion {
        padding: 15px;
    }

    .hosting-plans-con .hosting-plan-box .middle-portion span.red-text {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 0;
    }

    .hosting-plans-con .hosting-plan-box .price span,
    .managed-unmanaged-con .managed-box .price span {
        font-size: 28px;
        line-height: 30px;
    }

    .hosting-plans-con .hosting-plan-box .price,
    .managed-unmanaged-con .managed-box .price {
        margin-bottom: 12px;
        font-size: 15px;
    }

    .primary-button a,
    .primary-button button {
        min-width: 150px;
        height: 45px;
        line-height: 45px;
    }

    .hosting-plans-con .hosting-plan-box .lower-portion {
        padding: 20px 12px;
    }

    .hosting-plans-con .col-lg-4.col-md-4 {
        padding-right: 10px;
        padding-left: 10px;
    }

    .hosting-plans-con .hosting-plan-box p {
        font-size: 15px;
        line-height: 23px;
    }

    .hosting-plans-con .hosting-plan-box .lower-portion ul li,
    .managed-unmanaged-con .managed-box .lower-portion ul li {
        padding-left: 18px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-size: 15px;
        line-height: 21px;
    }

    .hosting-plans-con .hosting-plan-box .lower-portion ul li i {
        top: 6px;
        font-size: 13px;
    }

    .heading-title-con p {
        font-size: 17px;
        line-height: 26px;
    }

    .hosting-plans-con .hosting-plan-box img,
    .managed-unmanaged-con .managed-box img {
        width: 50px;
    }

    .search-domain-con form button {
        min-width: 160px;
        height: 50px;
        line-height: 50px;
    }

    .search-domain-con ul li {
        font-size: 23px;
    }

    .price_rangetxt span {
        font-size: 17px;
    }

    .vps-price-slider-con .sliderbox {
        padding: 40px 35px;
    }

    .slider-container #slider .ui-slider-handle {
        width: 40px;
        height: 40px;
        margin-top: -10px;
        margin-left: -14px;
        background-size: contain;
    }

    .price_rangetxt {
        margin-bottom: 26px;
    }

    .slider-container #slider {
        margin: 0px auto 20px;
        width: 100%;
        height: 13px;
    }

    .ui-slider-horizontal .ui-slider-range {
        height: 13px;
    }

    .image_holder img {
        height: 36px;
        margin-bottom: 9px;
    }

    .price_content .value {
        font-size: 18px;
        line-height: 18px;
    }

    .image_holder span {
        margin-bottom: 4px;
        font-size: 15px;
    }

    .price_content .smallbox {
        height: 140px;
        width: 112px;
    }

    .slider-outer {
        margin-bottom: 30px;
    }

    .product-con {
        margin-bottom: 30px;
    }

    .promotion-con .off-tag {
        font-size: 30px;
        line-height: 30px;
    }

    .promotion-con .coupon-code span {
        font-size: 18px;
    }

    .promotion-con .coupon-code {
        font-size: 13px;
    }

    .secondary-button a,
    .secondary-button button {
        padding: 0 15px;
        min-width: 165px;
        height: 50px;
        line-height: 50px;
    }

    /*  */
    .choose-dedicated-server-con .feature-box {
        border: none;
        padding: 20px;
    }

    .comparison-plans-con.padding-top {
        padding-top: 20px;
    }

    .comparison-plans-con .heading-title-con {
        text-align: center !important;
    }

    .comparison-table ul li {
        background-color: var(--secondary--color);
        color: #000;
    }


    .comparison-table li.active {
        background: var(--primary--color);
        color: var(--secondary--color);
    }

    .comparison-table ul {
        border-bottom: 1px solid var(--secondary--color);
        padding-bottom: 0;
    }

    .comparison-table table thead tr th:first-child {
        width: 50%;
    }

    .comparison-table th:first-child,
    .comparison-table td:first-child {
        padding-left: 14px;
        padding-right: 14px;
    }

    .comparison-table th {
        padding: 14px 0 0;
    }

    .comparison-plans-con .comparison-table h4,
    .comparison-plans-con .comparison-table span.heading {
        margin-bottom: 14px !important;
        line-height: 28px;
        font-size: 20px;
        text-align: center;
    }

    .comparison-plans-con .generic-price {
        margin-bottom: 0;
    }

    .comparison-plans-con .generic-price {
        font-size: 28px;
        line-height: 28px;
    }

    .comparison-table td {
        padding: 11px 0;
        font-size: 16px;
    }

    .comparison-table {
        border-radius: 0;
    }

    /*  */
    .testimonials-con p {
        margin-bottom: 0;
    }

    .testimonials-con .owl-carousel .owl-item img.testimonial-quote {
        width: 40px;
    }

    .testimonials-con .owl-carousel .owl-item img.person-img {
        top: 39px;
        left: -30px;
        width: 50px;
    }

    .search-domain-con {
        background-size: contain;
    }

    .testimonials-con .owl-stage-outer {
        padding-top: 20px;
    }

    .testimonials-con .white-box {
        padding: 30px 40px;
    }

    /*  */
    .footer-con {
        background-image: none;
        background: linear-gradient(to right, #0f0fed 0%, #0ea6f5 100%);
        text-align: center;
        padding-top: 60px
    }

    .testimonials-con {
        margin-bottom: 0;
        padding-bottom: 60px;
    }

    .footer-con .newsletter-con form {
        width: 70%;
        margin: 0 auto 40px;
    }

    .footer-con .newsletter-con form button {
        right: 70px;
    }

    .footer-sitemap-wrapper {
        text-align: left;
        margin-bottom: 40px;
    }

    .footer-con .sitemap h6 {
        margin-bottom: 28px;
    }

    #back-to-top-btn {
        bottom: 50px;
        right: 50px;
        width: 60px;
        height: 60px;
    }

    .banner-con .banner-img-con img {
        width: 275px;
    }

    .bg-outer-wrapper {
        height: 471px;
    }

    .footer-con .col-lg-4 {
        margin: 0 auto;
        width: 400px;
    }

    .copyright-con {
        padding-top: 18px;
        padding-bottom: 18px;
        width: 100%;
    }

    .copyright-con .social-icons ul li {
        margin: 0 6px;
    }

    .header-contact {
        margin-left: 0;
    }

    .heading-title-con p.special-prgraph {
        font-size: 16px;
        line-height: 26px;
    }

    /* about page styling */
    .sub-bg-wrapper {
        height: 400px;
        background-position: bottom;
    }

    .margin-tp-ngtv-smol {
        margin-top: -70px;
    }

    .margin-tp {
        margin-top: 0;
    }

    .box .bottom-con {
        padding: 20px 12px;
    }

    .hostiko-story-con .box .bottom-con h4 {
        font-size: 21px;
    }

    .hostiko-story-con .col-lg-4.col-md-4 {
        padding-right: 10px;
        padding-left: 10px;
        display: flex;
    }

    .hostiko-story-con .col-lg-4.col-md-4 .box {
        width: 100%;
    }

    .our-history-con .history-box .top-circle span {
        font-size: 20px;
    }

    /*  */
    .hostiko-team-con .team-box {
        padding: 20px 25px;
    }

    .hostiko-team-con .team-box img {
        width: 100px;
    }

    .hostiko-team-con .col-lg-3.col-md-6 {
        margin-bottom: 20px;
    }

    .hostiko-team-con .col-lg-3.col-md-6:nth-last-of-type(-n+2) {
        margin-bottom: 0;
    }

    /*  */
    .our-client-con ul,
    .our-client-con ul li {
        display: inline-block !important;
    }

    .our-client-con ul li {
        width: 30%;
        margin: 0 0 15px;
    }

    .our-client-con ul li:nth-last-of-type(-n+3) {
        margin-bottom: 0;
    }

    .build-hosting-server-con .server-box {
        padding: 30px 25px 20px;
    }

    .build-hosting-server-con .server-box .heading-title-con p br {
        display: none;
    }

    .build-hosting-server-con .server-box .heading-title-con p {
        font-size: 18px;
        line-height: 28px;
    }

    .build-hosting-server-con .server-box .right-content .price span.font-montserat {
        font-size: 28px;
        line-height: 28px;
        margin: 0 3px;
    }

    .build-hosting-server-con .server-box .right-content .price {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .build-hosting-server-con {
        margin-bottom: 20px;
    }

    .build-hosting-server-con .server-box .right-content .price span.only-text {
        top: -8px;
    }

    .our-history-con .owl-carousel .owl-nav button {
        top: 60px;
    }

    .header-contact {
        margin-bottom: 6px;
    }

    .faq-con .accordion-card {
        margin-bottom: 30px !important;
    }

    .managed-unmanaged-con .managed-box {
        padding: 35px 25px 30px;
    }

    .header-contact .contact-btn:hover {
        background: var(--primary--color);
        color: var(--secondary--color);
        transition: ease-in-out 0.6s;
        box-shadow: none;
    }

    /*  */
    .mailing-address-con .mailing-address-content {
        padding-left: 0;
    }

    .mailing-address-con .contact-form-wrapper {
        padding: 30px;
    }

    .mailing-address-con .mailing-address-content p {
        margin-bottom: 18px;
        font-size: 18px;
        line-height: 28px;
    }

    .mailing-address-con .phone-no-con span,
    .mailing-address-con .phone-no-con a {
        font-size: 18px;
        line-height: 28px;
    }

    .mailing-address-con .phone-no-con {
        margin-bottom: 25px;
    }

    .mailing-address-con .need-help-con {
        padding: 25px 20px;
    }

    .mailing-address-con .need-help-con .secondary-button a {
        height: 50px;
        line-height: 50px;
        min-width: 175px;
        border-radius: 14px;
    }

    .mailing-address-con .contact-form-wrapper form ul li input {
        padding: 10px 14px;
        height: 50px;
    }

    .mailing-address-con .contact-form-wrapper form ul li textarea {
        height: 100px;
    }

    .mailing-address-con .contact-form-wrapper .primary-button button {
        height: 55px;
        line-height: 55px;
    }

    .customer-success-team-con .white-box {
        padding: 30px;
    }

    .customer-success-team-con .white-box img {
        margin-bottom: 20px;
        width: 62px;
    }

    .mailing-address-con .need-help-con h4 {
        font-size: 20px;
    }

    .build-hosting-server-con .server-box .heading-title-con p {
        font-size: 17px;
        line-height: 26px;
    }

    .specific-banner-con.banner-con .banner-img-con img {
        width: 175px;
    }

    .dedicated-hosting-plans-con .dedicated-plans-box .plans {
        padding: 20px 15px 25px;
    }

    .dedicated-hosting-plans-con .dedicated-plans-box .plans .content2 .secondary-button a {
        min-width: 120px;
        height: 42px;
        line-height: 42px;
    }

    .dedicated-hosting-plans-con .dedicated-plans-box .plans .content2 .price span {
        font-size: 18px;
    }

    .dedicated-hosting-plans-con .dedicated-plans-box .plans .content1 img {
        display: block;
        margin: 0 auto 12px;
    }

    .dedicated-hosting-plans-con .dedicated-plans-box .plans:hover {
        padding: 20px 15px 25px;
    }

    .dedicated-servers-features-con .dedicated-box {
        gap: 15px;
    }

    .dedicated-servers-features-con .dedicated-box img {
        width: 62px;
    }

    .deploy-in-seconds-con .smallbox img {
        transition: ease-in-out 0.6s;
        text-align: center;
        margin: 0 auto 10px;
    }

    .deploy-in-seconds-con .smallbox {
        display: inline-block !important;
        vertical-align: middle;
        text-align: center;
        padding: 20px;
        margin: 0 8px 16px;
    }

    .deploy-in-seconds-con .apps-con {
        display: inline-block !important;
    }

    .deploy-in-seconds-con .smallbox:first-child {
        margin-left: 0;
    }

    .deploy-in-seconds-con .smallbox:nth-child(4) {
        margin-right: 0;
    }

    .deploy-in-seconds-con .apps-con {
        margin-bottom: 35px;
    }

    .help-con .heading-title-con p {
        margin-bottom: 20px;
    }

    .heading-title-con h3 {
        margin-bottom: 14px;
    }

    .four-plans .col-lg-3.col-md-6 {
        margin-bottom: 30px;
    }

    .plans-include-con .col-lg-3.col-md-6 {
        padding-left: 15px;
        margin-bottom: 20px;
    }

    .plans-include-con .col-lg-3.col-md-6:nth-child(2) .feature-listing-con {
        border-right: none;
    }

    .plans-include-con .row {
        margin-bottom: 20px;
    }

    .four-plans .col-lg-3.col-md-6:nth-last-child(-n+2) {
        margin-bottom: 0;
    }

    .shared-hosting-features-con .feature-box {
        padding-right: 0;
    }

    .vps-feature-content p {
        margin-bottom: 16px;
    }

    .vps-feature-content ul li {
        padding-left: 25px;
        margin-bottom: 9px;
        line-height: 20px;
    }

    .vps-hosting-features-con .row {
        margin-bottom: 50px;
    }

    .vps-additional-features-con .additional-box {
        padding: 30px 20px;
    }

    .vps-additional-features-con .additional-box .vps-content {
        padding-left: 16px;
    }

    .pagination-con .page-link {
        margin: 0 7px;
    }

    /* coming soon  */
    .coming-soon-con .new-logo {
        width: 200px;
    }

    /* coming soon page */
    .compaign_countdown ul li {
        margin: 0 11px;
        min-height: 100px;
        /* width: 21%; */
        min-width: 100px;
    }

    .compaign_countdown ul li span.days,
    .compaign_countdown ul li span.hours,
    .compaign_countdown ul li span.minutes,
    .compaign_countdown ul li span.seconds {
        font-size: 45px;
        line-height: 55px;
    }

    .coming-soon-con h2 {
        font-size: 26px;
    }

    .coming-soon-con h1 {
        margin-bottom: 40px;
        font-size: 60px;
        line-height: 60px;
    }

    .build-hosting-server-con .server-box .secondary-button a {
        font-size: 13px;
    }

    .header-contact {
        margin-left: 20px;
        margin-right: 20px;
    }

}




@media screen and (max-width : 767px) {

    /*  */
    .padding-top {
        padding-top: 50px;
    }

    .padding-bottom {
        padding-bottom: 50px;
    }

    /* header */
    .top-bar-con a {
        margin: 0 10px;
    }

    .header-con {
        padding: 16px 0;
    }

    /* banner */
    .banner-con {
        text-align: center;
    }

    .bg-outer-wrapper {
        background-image: none;
        background: linear-gradient(to right, #0f0fed 0%, #0ea6f5 100%);
        height: auto;
    }

    .margin-tp-ngtv {
        margin-top: 0;
    }

    .banner-con .banner-img-con img {
        height: auto;
        right: unset;
        /* display: none; */
    }

    .banner-con {
        padding-bottom: 30px;
        padding-top: 10px;
    }

    .banner-con p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    .banner-con .banner-price {
        font-size: 28px;
        margin-bottom: 14px;
        line-height: 27px;
    }

    .banner-img-con {
        margin-top: 14px;
    }

    /*  */

    .welcome-company-con {
        padding-top: 50px;
        text-align: center;
    }

    .welcome-company-con .welcome-box span.number {
        font-size: 24px;
        line-height: 24px;
    }

    .heading-title-con p {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 10px;
    }

    .heading-title-con p br {
        display: none;
    }

    .welcome-company-inner-content {
        margin-bottom: 20px;
    }

    .hosting-plans-con.padding-top {
        padding-top: 35px;
    }

    .welcome-company-con .welcome-box {
        margin-bottom: 18px;
    }

    .welcome-company-con .welcome-box span.welcome-text {
        font-size: 16px;
    }

    /* FONT SIZES */
    h1 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    h2 {
        font-size: 27px;
        line-height: 32px;
    }

    h3 {
        font-size: 24px;
        line-height: 28px;
    }

    h4 {
        font-size: 20px;
    }

    .secondary-button a,
    .secondary-button button {
        padding: 0 15px;
        min-width: 160px;
        height: 48px;
        line-height: 48px;
        font-size: 13px;
    }

    .heading-title-con p.special-prgraph {
        font-size: 16px;
        line-height: 25px;
    }

    /* hosting plans */
    .hosting-plans-con .col-lg-4.col-md-4 {
        margin: 0 auto 30px;
        width: 370px;
    }

    .hosting-plans-con .hosting-plan-box .lower-portion {
        padding: 25px;
    }

    .hosting-plans-con .hosting-plan-box img,
    .managed-unmanaged-con .managed-box img {
        width: 45px;
    }

    .hosting-plans-con .heading-title-con {
        margin-bottom: 30px;
    }

    /*  */
    .search-domain-con form button {
        min-width: 139px;
        height: 46px;
        line-height: 46px;
        font-size: 13px;
    }

    .search-domain-con form input {
        height: 52px;
        font-size: 16px;
        padding: 12px 15px 11px 85px;
    }

    .search-domain-con form .form-group span {
        font-size: 18px;
        left: 20px;
    }

    .search-domain-con ul {
        display: grid !important;
        grid-template-columns: 32% 32% 32%;
        gap: 10px;
    }

    .search-domain-con ul li span {
        font-size: 15px;
        line-height: 19px;
        margin-top: 7px;
    }

    .search-domain-con form {
        margin-bottom: 25px;
    }

    .vps-price-slider-con .sliderbox {
        padding: 30px 20px;
    }

    .price_rangetxt span {
        font-size: 15px;
        letter-spacing: -0.5px;
    }

    .slider-outer {
        margin-bottom: 28px;
    }

    .price_rangetxt {
        margin-bottom: 20px;
    }

    .price_content .smallbox {
        height: 135px;
        width: 135px;
    }

    .product-con {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        justify-items: center;
        align-items: center;
        padding: 0 20px;
    }

    .product-con>.smallbox:nth-child(4) {
        grid-column: 1 / 3;
        justify-self: center;
        grid-row: 2;
    }

    .product-con>.smallbox:nth-child(5) {
        grid-column: 2 / 4;
        justify-self: center;
        grid-row: 2;
    }

    .promotion-con .off-tag {
        font-size: 25px;
        line-height: 25px;
    }

    .promotion-con .coupon-code span {
        font-size: 16px;
        line-height: 18px;
    }

    .choose-dedicated-server-con .feature-box {
        text-align: center;
        padding: 15px 20px;
    }

    .choose-dedicated-server-con .col-lg-3.col-md-6 {
        margin: 0 auto;
        width: 500px;
    }

    .choose-dedicated-server-con .feature-box p {
        margin-bottom: 0;
    }

    /*  */
    .comparison-plans-con.padding-top {
        padding-top: 0;
    }

    .comparison-table ul li {
        border: 1px solid #dddddd;
        border-bottom: none;
    }

    .comparison-plans-con .comparison-table h4,
    .comparison-plans-con .comparison-table span.heading {
        margin-bottom: 10px !important;
        line-height: 26px;
        font-size: 18px;
        text-align: left;
    }

    .comparison-table th {
        padding: 10px 0 0;
    }

    .comparison-plans-con .generic-price {
        font-size: 25px;
        line-height: 25px;
    }

    .comparison-table td {
        padding: 9px 0;
        font-size: 15px;
    }

    .testimonials-con .white-box {
        padding: 30px 35px;
    }

    .testimonials-con .heading-title-con p {
        margin-bottom: 0;
    }

    .testimonials-con .heading-title-con {
        margin-bottom: 20px;
    }

    .testimonials-con .white-box span {
        font-size: 15px;
        margin-bottom: 8px;
    }

    .testimonials-con .white-box h4 {
        margin-bottom: 0;
    }

    .footer-con .newsletter-con form button {
        right: 6px;
        height: 45px;
        line-height: 45px;
    }

    .footer-con .newsletter-con form input {
        width: 100%;
        height: 50px;
    }

    .footer-con .newsletter-con form {
        width: 100%;
        margin: 0 auto 35px;
    }

    .footer-con {
        padding-top: 40px;
    }

    .footer-con .sitemap h6 {
        margin-bottom: 22px;
    }

    .footer-con .sitemap ul li a {
        font-size: 15px;
    }

    .footer-sitemap-wrapper {
        grid-template-columns: 34% 27% 32%;
        gap: 26px;
    }

    .footer-sitemap-wrapper {
        margin-bottom: 35px;
    }

    .footer-con .row {
        padding-bottom: 30px;
    }

    .copyright-con {
        padding-top: 14px;
        padding-bottom: 14px;
        width: 100%;
        text-align: center;
        display: block !important;
    }

    .copyright-con p {
        font-size: 15px;
        margin-bottom: 5px !important;
    }

    .copyright-con .social-icons,
    .copyright-con ul {
        display: inline-block !important;
    }

    .copyright-con span {
        margin-right: 0;
    }

    .copyright-con .social-icons ul li i {
        font-size: 13px;
    }

    .copyright-con span {
        margin-right: 0;
        font-size: 15px;
    }

    .copyright-con .social-icons ul li {
        margin: 0 4px;
    }

    .testimonials-con {
        padding-bottom: 50px;
    }

    /* 404 */
    .error-con p {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 28px;
    }

    .error-con h2 {
        font-size: 100px;
        line-height: 100px;
        margin-bottom: 10px;
    }

    .error-con .secondary-button a {
        min-width: 200px;
    }

    /* about  */
    .margin-tp-ngtv-smol {
        margin-top: 0;
    }

    .sub-bg-wrapper {
        height: auto;
    }

    .hostiko-story-con .heading-title-con {
        text-align: center !important;
    }

    .hostiko-story-con .col-lg-4.col-md-4 {
        margin: 0 auto 20px;
        width: 350px;
    }

    .hostiko-story-con .col-lg-4.col-md-4:nth-last-child(-n+1) {
        margin-bottom: 0;
    }

    .hostiko-story-con .box .bottom-con {
        padding: 20px;
    }

    .hostiko-story-con .box .bottom-con h4 {
        font-size: 20px;
    }

    .hostiko-team-con .col-lg-3.col-md-6 {
        margin: 0 auto 20px;
        width: 350px;
    }

    .hostiko-team-con .col-lg-3.col-md-6:nth-last-child(-n+2) {
        margin-bottom: 20px;
    }

    .hostiko-team-con .col-lg-3.col-md-6:nth-last-child(-n+1) {
        margin-bottom: 0;
    }

    /*  */
    .build-hosting-server-con .server-box {
        padding: 20px;
        margin-bottom: 0;
    }

    .build-hosting-server-con {
        margin-bottom: 30px;
    }

    .build-hosting-server-con .server-box .right-content .price {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .build-hosting-server-con .server-box .heading-title-con h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .build-hosting-server-con .server-box .heading-title-con p {
        font-size: 16px;
        line-height: 25px;
    }

    .faq-con .accordion-card {
        margin-bottom: 20px !important;
    }

    .help-con .heading-title-con p {
        margin-bottom: 20px;
    }

    .heading-title-con h3 {
        margin-bottom: 13px;
    }

    .managed-unmanaged-con .col-lg-6.col-md-6 {
        margin-bottom: 25px;
    }

    .managed-unmanaged-con .col-lg-6.col-md-6:nth-last-child(-n+1) {
        margin-bottom: 0;
    }

    .mailing-address-con .contact-form-wrapper {
        padding: 30px;
        text-align: center;
        margin-bottom: 20px;
    }

    .mailing-address-con .mailing-address-content {
        text-align: center;
    }

    .mailing-address-con .mailing-address-content p {
        margin-bottom: 14px;
        font-size: 16px;
        line-height: 25px;
    }

    .mailing-address-con .phone-no-con span,
    .mailing-address-con .phone-no-con a {
        font-size: 16px;
        line-height: 26px;
    }

    .mailing-address-con .phone-no-con {
        margin-bottom: 20px;
    }

    .mailing-address-con .need-help-con {
        padding: 20px 20px 25px;
        margin: 0 auto;
        width: 70%;
    }

    .mailing-address-con .contact-form-wrapper form ul li input {
        height: 48px;
    }

    .mailing-address-con .contact-form-wrapper form ul li textarea {
        height: 90px;
    }

    .mailing-address-con .contact-form-wrapper .primary-button button {
        height: 50px;
        line-height: 50px;
    }

    .customer-success-team-con .col-lg-6.col-md-6 {
        margin-bottom: 20px;
    }

    .customer-success-team-con .col-lg-6.col-md-6:last-child {
        margin-bottom: 0;
    }

    .customer-success-team-con .white-box img {
        width: 55px;
    }

    /* dedicated page */
    .margin-tp-85 {
        margin-top: 0;
    }

    .specific-banner-con.banner-con .banner-img-con img {
        width: 150px;
    }

    .dedicated-hosting-plans-con .dedicated-plans-box .plans {
        display: block !important;
    }

    .dedicated-hosting-plans-con .dedicated-plans-box .plans .content1 {
        display: inline-block;
        width: 20%;
        margin: 0 7px 15px;
    }

    .dedicated-hosting-plans-con .dedicated-plans-box .plans .content1.text-left {
        width: 25%;
    }

    .dedicated-hosting-plans-con .dedicated-plans-box .plans span {
        margin-left: 0;
        font-size: 14px;
    }

    .dedicated-hosting-plans-con .dedicated-plans-box .plans .content1 h5 {
        position: absolute;
        top: 13px;
        font-size: 19px;
    }

    .dedicated-hosting-plans-con {
        text-align: center;
    }

    .dedicated-hosting-plans-con .dedicated-plans-box .plans {
        padding: 50px 15px 25px;
    }

    .dedicated-hosting-plans-con .dedicated-plans-box .plans:hover {
        width: 100%;
        left: unset;
        position: unset;
        padding: 30px 15px 25px;
    }

    .dedicated-hosting-plans-con .dedicated-plans-box .plans.dedicated-first-plan:hover {
        padding: 50px 15px 25px;
    }


    .dedicated-hosting-plans-con .dedicated-plans-box .plans:hover h5 {
        position: absolute;
        color: var(--secondary--color);
    }

    /* .dedicated-hosting-plans-con .dedicated-plans-box .plans .content1.text-left h5 {
        display: block;
    }

    .dedicated-hosting-plans-con .dedicated-plans-box .plans .content1 h5 {
        display: none;
    } */

    .dedicated-hosting-plans-con .dedicated-plans-box .plans:hover .content1.text-left h5 {
        color: var(--secondary--color);
    }

    /* .dedicated-hosting-plans-con .dedicated-plans-box .plans:hover .content1 h5 {
        display: none !important;
        color: var(--secondary--color);
    }

    .dedicated-hosting-plans-con .dedicated-plans-box .plans:hover .content1.text-left h5 {
        display: block !important;
        color: var(--secondary--color);
    } */

    .dedicated-hosting-plans-con .dedicated-plans-box .plans {
        position: relative;
    }

    .dedicated-servers-features-con .col-lg-6,
    .dedicated-servers-features-con .col-lg-6:nth-last-of-type(-n+2) {
        margin-bottom: 30px;
    }

    .dedicated-servers-features-con .dedicated-box img {
        width: 50px;
    }

    .dedicated-servers-features-con .dedicated-box {
        gap: 20px;
    }

    .dedicated-servers-features-con .dedicated-box h4 {
        margin-bottom: 10px;
    }

    .deploy-in-seconds-con .smallbox:nth-child(4) {
        margin-right: 8px;
        margin-left: 0;
    }

    .deploy-in-seconds-con .smallbox:nth-child(3),
    .deploy-in-seconds-con .smallbox:last-child {
        margin-right: 0;
    }

    .deploy-in-seconds-con .apps-con .smallbox .font-size-20 {
        font-size: 18px;
        line-height: 28px;
    }

    .deploy-in-seconds-con .smallbox {
        padding: 25px 20px;
    }

    .deploy-in-seconds-con .apps-con {
        margin-bottom: 30px;
    }

    .four-plans .col-lg-3.col-md-6:nth-last-child(-n+2) {
        margin-bottom: 30px;
    }

    .four-plans .col-lg-3.col-md-6:nth-last-child(-n+1) {
        margin-bottom: 0;
    }

    .plans-include-con .feature-listing-con {
        padding: 0;
        border-right: none;
    }

    .plans-include-con .font-size-20 {
        font-size: 15px;
    }

    .plans-include-con .col-lg-3.col-md-6 {
        padding-left: 15px;
        margin-bottom: 0;
    }

    .plans-include-con .row {
        margin-bottom: 10px;
    }

    .shared-hosting-features-con .feature-box {
        padding-right: 0;
        text-align: center;
    }

    .shared-hosting-features-con .col-lg-4 {
        margin-bottom: 30px;
    }

    .shared-hosting-features-con .col-lg-4:nth-last-of-type(-n+3) {
        margin-bottom: 30px;
    }

    .shared-hosting-features-con .col-lg-4:nth-last-of-type(-n+1) {
        margin-bottom: 0;
    }

    .vps-hosting-features-con {
        text-align: center;
    }

    .vps-hosting-features-con img {
        width: 270px;
        margin-bottom: 20px;
    }

    .vps-feature-content ul li {
        text-align: left;
    }

    .vps-hosting-features-con .vps-feature-content ul {
        margin: 0 auto !important;
        width: 400px;
    }

    .vps-hosting-features-con .row {
        margin-bottom: 40px;
    }

    .vps-additional-features-con .col-lg-6 {
        margin-bottom: 20px;
    }

    .vps-additional-features-con .col-lg-6:nth-last-of-type(-n+2) {
        margin-bottom: 20px;
    }

    .vps-additional-features-con .col-lg-6:nth-last-of-type(-n+1) {
        margin-bottom: 0;
    }

    .pagination-con .page-link {
        margin: 0 5px;
    }

    .compaign_countdown ul li {
        margin: 0 8px;
        min-height: auto;
        min-width: 70px;
        padding: 10px;
        font-size: 18px;
    }

    .compaign_countdown ul li span.days,
    .compaign_countdown ul li span.hours,
    .compaign_countdown ul li span.minutes,
    .compaign_countdown ul li span.seconds {
        font-size: 30px;
        line-height: 30px;
    }

    .compaign_countdown ul {
        float: left;
        width: 100%;
        min-width: 100%;
        display: inline-block;
        margin: 0 auto;
        max-width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .coming-soon-con h1 {
        margin-bottom: 40px;
        font-size: 46px;
        line-height: 46px;
    }

    .coming-soon-con h2 {
        font-size: 24px;
    }

    .coming-soon-con .new-logo {
        width: 170px;
    }

    .faq-con .accordion-card h4 {
        line-height: 26px;
        margin-bottom: 12px;
    }


}


@media screen and (max-width : 575px) {

    /*  */
    .padding-top {
        padding-top: 40px;
    }

    .padding-bottom {
        padding-bottom: 40px;
    }

    /*  */
    .price_content .smallbox {
        height: 124px;
        width: 108px;
    }

    .hosting-plans-con .col-lg-4.col-md-4 {
        margin: 0 auto 30px;
        width: 100%;
    }

    .choose-dedicated-server-con .col-lg-3.col-md-6 {
        margin: 0 auto;
        width: 100%;
    }

    /*  */
    .comparison-table ul li {
        padding: 10px;
        font-size: 15px;
    }

    .comparison-table ul {
        width: 100%;
    }

    .comparison-table {
        width: 100%;
    }

    .comparison-plans-con .comparison-table h4,
    .comparison-plans-con .comparison-table span.heading {
        margin-bottom: 10px !important;
        line-height: 22px;
        font-size: 15px;
        text-align: left;
    }

    .price_content .smallbox {
        display: inline-block;
    }

    .product-con {
        grid-template-columns: 48% 48%;
        display: inline-block !important;
    }

    .promotion-con {
        display: inline-block !important;
    }

    .testimonials-con .white-box {
        padding: 20px;
    }

    .testimonials-con .owl-carousel .owl-item img.person-img {
        display: none;
    }

    .testimonials-con .white-box {
        margin-left: 0;
    }

    .footer-sitemap-wrapper {
        grid-template-columns: 100%;
        gap: 23px;
        text-align: center;
    }

    .top-bar-inner-con {
        display: inline-block !important;
        text-align: center;
        width: 100%;
    }

    .top-bar-con a {
        margin: 0 8px;
    }

    .header-con .navbar-brand img {
        width: 125px;
    }

    .header-con {
        padding: 13px 0;
    }

    /* FONT SIZES */
    h1 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 10px;
    }

    h2 {
        font-size: 24px;
        line-height: 28px;
    }

    h3 {
        font-size: 24px;
        line-height: 28px;
    }

    h4 {
        font-size: 20px;
    }

    .banner-con p {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 14px;
    }

    .banner-con .banner-price {
        font-size: 24px;
        margin-bottom: 12px;
        line-height: 24px;
    }

    .secondary-button a,
    .secondary-button button {
        padding: 0 13px;
        min-width: 150px;
        height: 44px;
        line-height: 44px;
        font-size: 13px;
    }

    .banner-con {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .welcome-company-con .heading-title-con h2 {
        font-size: 24px;
    }

    .welcome-company-con {
        padding-top: 40px;
    }

    .hosting-plans-con .col-lg-4.col-md-4:last-child {
        margin-bottom: 0;
    }

    .search-domain-con form button {
        position: relative;
        width: 100%;
        right: unset;
    }

    .search-domain-con form .form-group span {
        font-size: 18px;
        left: 20px;
        top: 24px;
    }

    .search-domain-con form input {
        margin-bottom: 10px;
        height: 46px;
    }

    .heading-title-con {
        margin-bottom: 25px;
    }

    .search-domain-con form .form-group span {
        font-size: 16px;
        left: 12px;
        top: 23px;
    }

    .search-domain-con form input {
        height: 52px;
        font-size: 15px;
        padding: 11px 15px 11px 75px;
    }

    .search-domain-con ul {
        grid-template-columns: 31% 31% 31%;
        gap: 10px;
    }

    .search-domain-con ul li {
        font-size: 22px;
    }

    .price_rangetxt {
        margin-bottom: 18px;
        display: inline-block !important;
    }

    .price_rangetxt .icon {
        display: inline-block;
        width: auto;
        margin: 0 4px;
    }

    .product-con {
        padding: 0;
    }

    .price_content .smallbox {
        height: 110px;
        width: 120px;
        padding: 9px 8px;
        margin: 3px;
    }

    .price_content .value {
        font-size: 17px;
        line-height: 17px;
    }

    .image_holder span {
        margin-bottom: 0;
        font-size: 14px;
    }

    .image_holder img {
        height: 34px;
        margin-bottom: 8px;
    }

    .promotion-con .off-tag {
        font-size: 20px;
        line-height: 20px;
    }

    .promotion-con .coupon-code span {
        font-size: 14px;
        line-height: 16px;
    }

    .promotion-con .coupon-code {
        font-size: 13px;
        display: inline-block !important;
        margin-bottom: 15px;
        margin-left: 10px;
    }

    .choose-dedicated-server-con .heading-title-con {
        margin-bottom: 25px;
    }

    .choose-dedicated-server-con .feature-box {
        text-align: center;
        padding: 12px 0;
    }

    .hosting-plans-con,
    .comparison-plans-con {
        background-position: right;
    }

    .comparison-plans-con .generic-price {
        font-size: 22px;
        line-height: 22px;
    }

    .primary-button a,
    .primary-button button {
        min-width: 130px;
        height: 44px;
        line-height: 44px;
        font-size: 13px;
        padding: 0 10px;
    }

    .comparison-table th:first-child,
    .comparison-table td:first-child {
        padding-left: 12px;
        padding-right: 12px;
    }

    .comparison-table td {
        padding: 7px 0;
        font-size: 14px;
    }

    .testimonials-con .heading-title-con {
        margin-bottom: 15px;
    }

    .testimonials-con .white-box span {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .testimonials-con {
        padding-bottom: 40px;
    }

    /* footer */
    .footer-con .newsletter-con form input {
        height: 46px;
        border-radius: 10px;
        font-size: 15px;
    }

    .footer-con .newsletter-con form button {
        right: 5px;
        height: 42px;
        line-height: 42px;
        font-size: 13px;
    }

    .footer-con .newsletter-con form {
        margin: 0 auto 25px;
    }

    .footer-con .sitemap h6 {
        margin-bottom: 18px;
    }

    .footer-con .sitemap ul li {
        line-height: 19px;
        margin-bottom: 9px;
    }

    #back-to-top-btn {
        bottom: 30px;
        right: 30px;
        width: 50px;
        height: 50px;
    }

    .footer-sitemap-wrapper {
        margin-bottom: 30px;
    }

    .footer-con .col-lg-4 {
        margin: 0 auto;
        width: 100%;
    }

    .footer-con .contact-form-wrapper {
        padding: 20px 16px;
        box-shadow: 0px 10px 20px rgb(0 0 0 / 15%);
    }

    .footer-con .contact-form-wrapper form ul li input {
        padding: 12px 14px;
        height: 46px;
        border-radius: 10px;
    }

    .footer-con .contact-form-wrapper form button {
        height: 46px;
        line-height: 46px;
        border-radius: 10px;
    }

    .footer-con .contact-form-wrapper form ul li textarea {
        height: 70px;
        padding: 12px 14px;
        border-radius: 10px;
    }

    .copyright-con p {
        font-size: 14px;
        margin-bottom: 2px !important;
    }

    .copyright-con {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .copyright-con span {
        font-size: 14px;
    }

    /* 404 page */
    .error-con h2 {
        font-size: 70px;
        line-height: 70px;
        margin-bottom: 10px;
    }

    .error-con p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .error-con .secondary-button a {
        min-width: 180px;
        padding: 0 15px;
    }

    /* about */
    .hostiko-story-con .col-lg-4.col-md-4 {
        width: 100%;
    }

    .our-history-con .history-box .top-circle {
        top: -87px;
    }

    .our-history-con .history-box .top-circle span {
        margin-bottom: 20px;
    }

    .our-history-con .owl-carousel .owl-stage-outer {
        padding-top: 101px;
    }

    .our-history-con .heading-title-con {
        margin-bottom: 15px;
    }

    .our-history-con .heading-title-con p {
        margin-bottom: 0;
    }

    .hostiko-team-con .team-box span {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .hostiko-team-con .team-box h4 {
        font-size: 18px;
        margin-bottom: 0;
    }

    .hostiko-team-con .team-box p {
        padding-bottom: 15px;
    }

    .hostiko-team-con .team-box .social-icons ul li {
        margin: 0 7px;
        font-size: 14px;
    }

    .our-client-con ul li {
        width: 45%;
    }

    .build-hosting-server-con .server-box {
        text-align: center;
        display: block !important;
        padding: 20px 18px;
    }

    .build-hosting-server-con .server-box .heading-title-con {
        text-align: center !important;
    }

    .build-hosting-server-con .server-box .heading-title-con h2 {
        font-size: 22px;
        line-height: 27px;
    }

    .build-hosting-server-con .server-box .right-content {
        margin-top: 10px;
    }

    .build-hosting-server-con .server-box .right-content .price span.font-montserat {
        font-size: 24px;
        line-height: 24px;
        margin: 0 3px;
    }

    .hostiko-team-con .col-lg-3.col-md-6 {
        width: 100%;
    }

    .our-history-con .owl-carousel .owl-nav button.owl-next {
        right: 0;
    }

    .our-history-con .owl-carousel .owl-nav button.owl-prev {
        left: 0;
    }

    .faq-con .accordion-card {
        padding-right: 0;
    }

    /*  */
    .mailing-address-con .contact-form-wrapper .primary-button button {
        height: 48px;
        line-height: 48px;
    }

    .mailing-address-con .need-help-con {
        padding: 20px 20px 25px;
        margin: 0 auto;
        width: 100%;
    }

    .mailing-address-con .need-help-con .secondary-button a {
        height: 46px;
        line-height: 46px;
        min-width: 150px;
    }

    .customer-success-team-con .white-box {
        padding: 25px;
    }

    .customer-success-team-con .white-box img {
        width: 48px;
        margin-bottom: 17px;
    }

    .mailing-address-con .need-help-con h4 {
        margin-bottom: 13px;
    }

    .mailing-address-con .contact-form-wrapper {
        padding: 20px 10px;
        text-align: center;
        margin-bottom: 20px;
    }

    .mailing-address-con .mailing-address-content p {
        margin-bottom: 10px;
    }

    /* dedicated page */

    .deploy-in-seconds-con .smallbox {
        gap: 15px;
        width: 30%;
        height: auto;
        padding: 20px;
    }

    .deploy-in-seconds-con .apps-con .smallbox .font-size-20 {
        font-size: 14px;
        line-height: 25px;
    }

    .deploy-in-seconds-con .smallbox {
        padding: 15px 10px;
        margin: 0 4px 16px;
        height: 108px;
    }

    .deploy-in-seconds-con .smallbox img {
        width: 36px;
        margin: 0 auto 8px;
    }

    .deploy-in-seconds-con .apps-con {
        margin-bottom: 15px;
    }

    .dedicated-hosting-plans-con .dedicated-plans-box .plans .content1 {
        width: 18%;
        margin: 0 7px 15px;
    }

    .dedicated-hosting-plans-con .dedicated-plans-box .plans .content1.text-left {
        width: 22%;
    }

    .dedicated-hosting-plans-con .dedicated-plans-box .plans span {
        margin-left: 0;
        font-size: 14px;
        line-height: 20px;
    }

    .specific-banner-con.banner-con .banner-img-con img {
        width: 130px;
    }

    /* reseller page */
    .plans-include-con .feature-listing-con {
        margin: 0 auto;
        width: 210px;
    }

    .plans-include-con .feature-listing-con ul li {
        padding-left: 20px;
        line-height: 19px;
        margin-bottom: 10px;
        font-size: 15px;
    }

    .plans-include-con .col-lg-3.col-md-6 {
        padding-left: 15px;
        margin-bottom: 12px;
    }

    .plans-include-con .row {
        margin-bottom: 0;
    }

    .plans-include-con .font-size-20 {
        font-size: 15px;
        line-height: 22px;
    }

    .vps-hosting-features-con .row {
        margin-bottom: 30px;
    }

    .vps-hosting-features-con .vps-feature-content ul {
        margin: 0 auto !important;
        width: 100%;
    }

    .vps-additional-features-con .additional-box .vps-content {
        padding-left: 20px;
    }

    .vps-additional-features-con .additional-box {
        padding: 25px 20px;
    }

    .pagination-con .page-link {
        margin: 0 3px;
    }

    .compaign_countdown ul li span.days,
    .compaign_countdown ul li span.hours,
    .compaign_countdown ul li span.minutes,
    .compaign_countdown ul li span.seconds {
        font-size: 24px;
        line-height: 24px;
    }

    .compaign_countdown ul li {
        margin: 0px 6px;
        min-height: auto;
        min-width: 70px;
        padding: 10px;
        font-size: 16px;
    }

    .coming-soon-con h1 {
        margin-bottom: 25px;
        font-size: 40px;
        line-height: 40px;
    }

    .coming-soon-con h2 {
        font-size: 22px;
    }

    .coming-soon-con .new-logo {
        width: 150px;
    }

    .faq-con .accordion-card h4 {
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 25px;
    }

    .price_rangetxt span {
        font-size: 13px;
        letter-spacing: -1.2px;
    }

    .vps-price-slider-con .sliderbox {
        padding: 25px 10px;
    }
}