@media (min-width: 1921px) {
    h1 {
        font-size: 4.75rem;
    }
    h2 {
        font-size: 4rem;
    }
    h3{
        font-size: 2.3125rem;
    }
    h4{
        font-size: 2.3125rem;
    }
    p{
        font-size: 1.6875rem;
    }
    .grids-element-accordion #accordion .card-body {
        font-size: 1.6875rem;
    }
}

@media (min-width: 1585px) {
    h1 {
        font-size: 4.75rem;
    }
    h2 {
        font-size: 3.5rem;
    }
    h3{
        font-size: 2rem;
    }
    h4{
        font-size: 2rem;
    }
    p{
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }
    .btn-sh{
        font-size: 1.4375rem;
        padding: 0.86rem 2.35rem;
    }
    .btn-sh.btn-lg.btn-next {
        font-size: 1.375rem;
    }

    .form-sh .form-control{
        font-size: 1.25rem;
    }
    .form-sh .form-control:not(textarea){
        height: 53px;
    }

    .text-box{
        font-size: 1.6875rem;
    }

    #header #top-bar, #header #top-bar .btn, #header #top-bar .mail {
        font-size: 1.25rem;
    }
    #header #top-bar .btn {
        padding: 0.35rem 1.43rem;
    }

    .page-title,
    .page-title h2{
        font-size: 2.5rem;
    }
    .page-subtitle,
    .page-subtitle h3 {
        font-size: 1.2rem;
    }
    .page-subtext {
        font-size: 1.2rem;
    }
    .package-item .packages-params .packages-param {
        font-size: 1.15rem;
    }
    .btn-sh {
        font-size: 1rem;
    }
    .btn-xl{
        font-size: 1.2rem;
    }
    .grid-icons .grid-icon .desc {
        font-size: 0.9375rem;
    }
    .advantages .advantages-list .advantages-item {
        font-size: 1.2rem;
    }
    .advantages .chat-info {
        font-size: 1.2rem;
    }
    .testimonials .carousel-inner .carousel-item blockquote {
        font-size: 1.1rem;
    }
    .testimonials .carousel-inner .carousel-item .author {
        font-size: 1rem;
    }
    .cat-item p, .item-details p {
        font-size: 1rem;
    }
    .boxes .boxes-item p {
        font-size: 0.9375rem;
    }
    #footer {
        font-size: 1.6875rem;
    }
    .package-item .package-price .left, .buttons-row .package-price .left {
        font-size: 2.6rem;
    }
    .package-params table, .domains-price-table table {
        font-size: 1.2rem;
    }
    .text-box {
        font-size: 1.2rem;
    }
    .price-area .price-info {
        font-size: 1rem;
    }
    .page-title-wrapper .page-title {
        font-size: 1.75rem;
    }
    .form-title-wrapper .form-title {
        font-size: 1.75rem;
    }
}

@media (max-width: 1584px) {
    
}

@media (max-width: 1199px) {
    h1 {
        font-size: 4rem;
    }
    h2 {
        font-size: 2.875rem;
    }
    h3{
        font-size: 1.475rem;
    }
    h4{
        font-size: 1.475rem;
    }
    p{
        font-size: 1.25rem;
    }
}

@media (max-width: 1140px) {
    .headlines-element h1 {
        font-size: 1.875rem !important;
    }
}

@media (max-width: 1060px) {
    
}

@media (min-width: 992px) {
    
}

/** Laptop **/
@media (min-width: 992px) and (max-width: 1199px) {
    .topCarouselContent .carousel-caption {
        width: calc(100% - 520px);
    }
    .topCarouselContent .carousel-item .image-wrapper {
        width: 520px;
    }
}

@media (max-width: 991px) {
    .btn-sh {
        padding: 0.5rem 1rem;
    }
    .btn-sh.btn-sm {
        padding: 0.3rem 1.5rem;
        font-size: 1.125rem;
    }
    .btn-creator{
        font-size: 18px;
    }
}

@media (max-width: 920px) {
    
}

/** Tablets (landscape mode)  **/
@media (min-width: 768px) and (max-width: 991px) {
    
}

@media (max-width: 767px) {
    h1 {
        font-size: 3.2rem;
    }
    h2 {
        font-size: 2.3rem;
    }
    h3{
        font-size: 1.35rem;
    }
    h4{
        font-size: 1.35rem;
    }
    p{
        font-size: 1rem;
    }
}

@media (max-width: 660px) {
    
}
@media (max-width: 575px) {
    h1 {
        font-size: 3rem;
    }
    h2 {
        font-size: 2rem;
    }
    h3{
        font-size: 1.125rem;
    }
    h4{
        font-size: 1.125rem;
    }
    p{
        font-size: 1rem;
    }

    .promo .title {
        font-size: 1.375rem;
    }
    .promo.section .intro{
        font-size: 1.0625rem;
    }
    .promo .btn-slider{
        font-size: 1rem;
    }
}

@media (max-width: 490px) {
    h2 {
        font-size: 1.75rem;
    }
    
    .topheaders-element .headlines-element.page-element.text h1 {
        font-size: 1.625rem !important;
    }
}