@media screen and (min-width: 375px) {
    .logo-wrapper{
        width: 120px;
    }

    .banner-wrapper{
        width: 90%;
    }

    .home-service-overlay .title{
        padding: 16px;
    }
}

@media screen and (min-width: 414px) {
    .logo-wrapper{
        width: 150px;
    }

    .home-service-overlay .title{
        font-size: var(--font-sm);
    }
}

@media screen and (min-width: 576px) {
    .banner-wrapper{
        width: 70%;
        padding: 64px 0;
    }

    .contact-bg{
        width: 350px;
    }

    .domain-item{
        display: flex;
    }

    .domain-item .domain-availability{
        text-align: center;
        margin-bottom: 4px;
    }

    .domain-item .domain-price{
        margin-right: 16px;
    }

}

@media screen and (min-width: 768px) {
    .logo-wrapper{
        width: 180px;
    }

    .banner-wrapper{
        width: 50%;
        padding: 96px 0;
    }

    .banner-sub{
        font-size: var(--font-xs);
    }

    .banner-title{
        font-size: var(--font-xl);
    }

    .banner-desc{
        font-size: var(--font-xs);
    }

    .sized-box{
        padding-top: 64px;
    }

    .contact-bg{
        width: 50%;
    }

    .home-contact{
        font-size: var(--font-lg);
    }

    .section-title,.section-subtitle{
        font-size: var(--font-lg);
    }

    .home-domain-search{
        width: 90%;
        margin: auto;
    }

    .section-banner-title{
        font-size: var(--font-lg);
    }

    .ssl-box{
        min-height: 100%;
    }

    .ssl-feature-links{
        padding-left: 40px;
        font-size: var(--font-xs);
    }

    .sample-wrapper{
        margin-top: -230px;
    }

    .ill-4{
        margin-top: -200px;
    }

    .enterprise{
        border-right: 1px solid var(--color-white);
    }

    .ill-5{
        padding-top: 16px;
        width: 100%;
        margin-bottom: -48px;
    }

    .add-on{
        display: flex;
    }

    .add-on div:first-child{
        border-bottom: 1px solid var(--text-grey-dark);
        border-right: unset;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
    }

    .add-on div:last-child{
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
    }

    .add-on div{
        width: 50%;
    }

    .ssl-logo{
        width: 180px;
    }

    .security .fa-check{
        font-size: var(--font-sm);
    }

    .special-domain img{
        width: 100%;
        margin-bottom: 32px;
    }

    .special-domain-select .form-select{
        width: 100%;
        margin-left: unset;
    }

    .domain-name .badge{
        font-size: 10px;
    }

    .doc-tab .nav-link{
        min-width: 200px;
    }
}

@media screen and (min-width: 992px) {
    html,body{
        font-size: var(--font-sm);
    }

    .header-link,.child-item a{
        font-size: var(--font-xs);
    }

    .header-item{
        display: block;
    }

    .header-item.mobile{
        display: none;
    }

    .banner-sub{
        font-size: var(--font-sm);
    }

    .banner-title{
        font-size: var(--font-xxl);
    }

    .banner-desc{
        font-size: var(--font-sm);
    }

    footer{
        padding: 32px 0;
    }

    .home-service-overlay .title{
        font-size: var(--font-md);
    }

    .home-desc-wrapper .title{
        font-size: var(--font-xl);
    }

    .home-desc-wrapper{
        padding: 16px 16px 16px 32px;
    }

    .home-domain-box{
        padding: 16px 8px;
    }

    .home-domain-search .input-group .form-control,
    .home-domain-search .input-group .input-group-text{
        min-height: 45px;
    }

    .section-banner-title{
        font-size: var(--font-xxl);
    }

    .workspace-package-price{
        font-size: var(--font-xl);
    }

    .phone-wrapper{
        padding-top: 64px;
    }

    .phone-system .section-title{
        font-size: var(--font-xxl);
    }

    .info-card ul li a{
        font-size: var(--font-xs);
    }

    .ssl-logo{
        width: 220px;
    }

    .whois-wrapper{
        padding: 32px;
    }

    .domain-provider{
        padding: 32px 16px 32px 16px;
    }

    .provider-img{
        width: 40%;
    }

    .domain-provider .price{
        font-size: var(--font-lg);
    }

    .provider-action .btn-contact{
        font-size: var(--font-xs);
    }
}

@media screen and (min-width: 1200px) {

    .logo-wrapper{
        width: 220px;
    }

    .header-wrapper{
        justify-content: start;
    }

    .header-links{
        margin-left: 80px;
    }

    .header-link{
        padding: 8px 24px;
    }

    .child-links{
        left: 0;
        top: 105%;
    }

    .copyright,.footer-links{
        font-size: var(--font-xs);
    }

    .banner-wrapper{
        width: 40%;
        padding: 256px 0;
    }

    .border-bl{
        border-bottom-left-radius: 150px;
    }

    .home-service-overlay .title{
        font-size: var(--font-lg);
        padding: 32px 16px;
    }

    .home-desc-wrapper{
        padding: 16px 16px 16px 64px;
    }

    .home-contact{
        font-size: var(--font-xl);
    }

    .section-title,.section-subtitle{
        font-size: var(--font-xl);
    }

    .section-banner-title{
        font-size: var(--font-3xl);
    }

    .ssl-wrapper{
        width: 80%;
        margin: 0 auto;
    }

    .ssl-cert-img{
        width: 220px;
    }

    .ssl-feature-links{
        padding-left: 60px;
    }

    .business-wrapper{
        font-size: var(--font-xs);
    }

    .package{
        font-size: var(--font-md);
    }

    .package-price{
        font-size: var(--font-xl);
    }

    .language{
        width: 120px;
        height: 120px;
    }

    .ill-4{
        margin-top: -250px;
    }

    .video .workspace-list{
        font-size: var(--font-sm);
    }

    .domain-provider .price{
        font-size: var(--font-xl);
    }

    .domain-price small{
        font-size: 10px;
    }
}

@media screen and (min-width: 1400px) {
    .header-link{
        padding: 8px 32px;
    }

    .section-banner-title{
        font-size: var(--font-4xl);
    }

    .provider-img{
        width: 30%;
    }
}

@media screen and (min-width: 1600px) {

    .banner-title{
        font-size: var(--font-4xl);
    }

}