/** Higher screens+ **/
@media only screen and (min-width : 1921px){

}

@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;
    }
    #domain-search input,
    #check-domains-form input,
    #domain-search button,
    #check-domains-form button {
        font-family: DefaultFont-Medium, sans-serif;
        font-size: 1.875rem;
    }
    .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;
    }
    .domains-search-table .btn-sh {
        font-size: 1.4375rem;
        padding: 0.5rem 1.5rem;
    }
    .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;
    }
    #header .header-panel .panelBtn{
        font-size: 1.125rem;
    }
    #vps-form-summary .page-title-wrapper {
        text-align: left;
    }
    #vps-form-summary .page-title-wrapper > div {
        display: flex;
    }
    #vps-form-summary #total-price {
        margin-left: auto;
    }
    .order-cart .service-name b {
        font-size: 1.75rem;
    }
    .order-cart #hosting-params-wrapper .param-name {
        font-size: 1.35rem;
    }
    .order-cart #hosting-params-wrapper .param-wrapper .param-price {
        font-size: 1.125rem;
    }
    .form-sh .user-data label.custom-control-label {
        font-size: 1.125rem;
    }

    .paginationCarouselContent .gdpr {
        font-size: 1.375rem;
        max-width: 330px;
    }

    .chatCarousel{
        margin-bottom: 40px;
    }
    .chatCarouselContent .text1{
        font-size: 4.25rem;
    }
    .chatCarouselContent ul {
        font-size: 1.6875rem;
    }
    .chatCarouselContent ul li {
        margin-top: 48px;
        padding-bottom: 10px;
    }
    .chatCarouselContent .carousel-item .image-wrapper .btn-support {
        bottom: 84px;
        font-size: 1.375rem;
    }
    .chatCarouselContent .carousel-item .image-wrapper .btn-support b {
        font-size: 1.375rem;
    }

    .chatCarouselContent .carousel-caption{
        width: calc(100% - 640px);
        padding-left: 170px;
        padding-bottom: 100px;
    }
    .chatCarouselContent .carousel-item .image-wrapper {
        width: 640px;
    }

    .paginationCarouselContent .carousel-caption{
        padding-bottom: 222px;
    }

    .grids-element-border .row {
        margin-left: -68px;
        margin-right: -68px;
    }
    .grids-element-border .row > div {
        padding-left: 68px;
        padding-right: 68px;
    }

    .grids-element-border {
        padding: 2rem 0 6rem;
    }

    .grids-element .counters .value {
        font-size: 3.125rem;
    }
    .grids-element .counters .name {
        font-size: 1.6875rem;
    }
    
    .grids-element-random .sub-title {
        font-size: 1.4375rem;
    }

    .news-category.swiper {
        margin-left: -68px !important;
        margin-right: -68px !important;
    }
    .news-category.swiper .row > div {
        padding-left: 68px;
        padding-right: 68px;
    }

    .news-category .news-item a.more {
        font-size: 1.6875rem;
        text-align: left;
    }
    .news-category .news-item a.more img {
        margin-left: 3rem;
    }

    #aquarium #fish-left {
        left: -40px;
    }
    #aquarium #fish-right {
        right: -35px;
    }

    .testimonials .carousel-inner .carousel-item .quote-mark{
        padding-top: 39px;
    }
    .testimonials .carousel-inner .carousel-item .opinion{
        font-size: 2.3125rem;
    }

    .tables .package-item.package-featured {
        padding-right: 15px;
        padding-left: 15px;
    }
    .tables .package-item:nth-child(3n+1) .card {
        right: -75px;
    }
    .tables .package-item:nth-child(3n+3) .card {
        left: -75px;
    }
    .tables .package-item:nth-child(3n+1) {
        padding-left: 0;
        padding-right: 90px;
    }
    .tables .package-item:nth-child(3n+3) {
        padding-right: 0;
        padding-left: 90px;
    }
    .tables .package-item .package-price .savings {
        font-size: 1.6875rem;
    }
    .tables .package-item .package-price .prolong-price {
        font-size: 1.6875rem;
    }
    .tables .package-item .package-price .duration {
        font-size: 1.25rem;
    }
    .tables .package-item .package-price .price {
        font-size: 3.75rem;
    }
    .tables .package-item .packages-params .packages-param .value {
        font-size: 3.75rem;
    }

    .tables .package-item .package-price .prolong-price {
        font-size: 1.5rem;
    }
    .tables .package-item .package-price .savings {
        font-size: 1.5rem;
    }
    .tables .package-item .package-title{
        font-size: 2.3125rem;
    }
    .tables .package-item .package-subtitle{
        font-size: 1.25rem;
    }
    .tables .package-item .package-price .price {
        font-size: 3rem;
    }
    .tables .package-item .packages-params .packages-param .value {
        font-size: 3rem;
    }
    .tables .package-item .package-price .duration {
        font-size: 1.125rem;
    }
    .tables .package-item .order-button-wrapper {
        margin-top: 40px;
    }

    #domain-search input,
    #check-domains-form input {
        height: 83px;
    }
    #domain-search button,
    #check-domains-form button {
        padding: 1.125rem 3rem;
    }

    .testimonials #google-opinions-summary {
        margin-top: 105px;
    }
    .testimonials .carousel-inner .carousel-item .opinion{
        font-size: 2rem;
    }
    .testimonials .carousel-inner .carousel-item .image-wrapper img {
        max-height: unset;
    }
    .testimonials .carousel-inner .carousel-item .author{
        font-size: 2.3125rem;
    }
    .testimonials .carousel-inner .carousel-item .author-info {
        font-size: 1.25rem;
    }

    #aquarium .container {
        padding-top: 175px;
        padding-bottom: 83px;
    }
    #aquarium #fish-left {
        top: 300px;
    }
    #aquarium #fish-right {
        top: 250px;
    }
    #aquarium-content p:first-child {
        font-size: 4.3125rem;
    }
    #aquarium-content p:first-child .big {
        font-size: 24.8125rem;
    }
    #aquarium-content p:nth-child(2) {
        font-size: 8.5625rem;
    }
    #aquarium-content p:last-child {
        font-family: DefaultFont-Medium, sans-serif;
        font-size: 3.625rem;
        line-height: 1.2;
    }

    .paginationCarousel{
        margin-top: 70px;
        margin-bottom: 115px;
    }
    .paginationCarouselContent .text1{
        font-size: 4.25rem;
    }
    .paginationCarouselContent .text2{
        font-size: 1.6875rem;
    }

    .grids-element.page_element .describe {
        font-size: 1.6875rem;
    }

    .grids-element-title-top > .row{
        padding: 3rem 0;
    }

    .grids-element-img-top {
        padding: 3rem 0;
    }
    .grids-element-img-top .row > div .img-wrapper img {
        max-width: unset;
    }

    .grids-element-accordion #accordion .card-header {
        padding: 38px 0 20px 0;
    }
    .grids-element-accordion #accordion .card-header .button {
        font-size: 1.875rem;
    }
    .grids-element-accordion {
        padding-top: 36px;
        padding-bottom: 60px;
    }
    .grids-element-accordion #accordion .card-header .button .triangle {
        margin-top: 3px;
    }
    .grids-element-accordion #accordion .card-body {
        font-size: 1.5rem;
    }

    .grids-element-timeline {
        padding: 4rem 0;
    }

    .grids-element-package-parameters .grid {
        margin-bottom: 3.25rem;
    }

    .layout-homepage .sections-wrapper .section:nth-child(5) {
        padding-bottom: 50px;
    }

    #footer{
        font-family: DefaultFont, sans-serif;
        font-size: 1.6875rem;
    }
    #footer .col-left p {
        margin: 1.25rem 0 2.75rem;
    }
    #footer img {
        height: unset;
    }
    #footer p.payments-logo {
        margin-top: 3.5rem;
    }
    #footer .payments-logo img {
        margin-right: 4.5rem;
        height: unset;
    }
    #footer .main-footer .bottom-links ul li {
        padding: 1.1rem 0;
    }
    #footer .main-footer .bottom-links ul li img {
        margin-top: 11px;
    }
    #footer .bottom-footer{
        font-size: 1.125rem;
    }

    #header .dropdown-item{
        font-size: 1.25rem;
    }
    #header span.dropdown-item{
        font-size: 1.375rem;
    }

    .list .package-item .packages-params .packages-param {
        margin-top: 15px;
    }
    .list .package-item .package-title {
        font-size: 2.4375rem;
    }
    .list .package-item .package-subtitle {
        font-size: 1.1875rem;
    }
    .list .package-item .packages-params {
        font-size: 1.6875rem;
    }
    .list .package-item .price-header {
        font-size: 1.5625rem;
    }

    .headlines-element.page-element.text .sub-title {
        font-size: 2.3125rem;
    }

    .package-params th .package-name {
        font-size: 2.3125rem;
    }
    .package-params th .package-price .from {
        font-size: 1.25rem;
    }
    .package-params th .buttons {
        margin-top: 25px;
    }
    .package-params th .buttons .btn {
        font-size: 0.83375rem;
        padding: 0.51rem 1.43rem;
    }

    .package-params table,
    .domains-price-table table{
        font-size: 1.25rem;
    }

    .popular-domains-group-header {
        font-size: 1.75rem;
    }
    .popular-domains-group .popular-domains .domain-extension {
        font-size: 2rem;
    }
    .popular-domains .domain-price .left {
        font-size: 2rem;
    }
    #domain-search-boxes .box {
        font-size: 1.25rem;
    }
    .nav-tabs.other-tld-nav-tabs .nav-link {
        font-size: 1.5rem;
    }
    .other-tld-table .row {
        font-size: 1.75rem;
    }
    .other-tld-table .row .suffix {
        font-size: 1.75rem;
    }

    .nav-pills .nav-link.domain-group {
        padding: 1.125rem 1.625rem;
    }

    .domains-price-table table thead tr th{
        font-size: 1.6875rem;
    }

    #hosting-form-wrapper .packages .package .title {
        font-size: 2.0625rem;
    }
    #hosting-form-wrapper .packages .package .sub-title {
        font-size: 1.1875rem;
    }
    #hosting-form-wrapper .packages .package .parameter {
        font-size: 2.3125rem;
    }
    #hosting-form-wrapper .packages .package .price-header {
        font-size: 1.5625rem;
    }
    #hosting-form-wrapper .packages .package .package-price {
        font-size: 3.0625rem;
    }
    #hosting-form-wrapper .packages .package .package-savings {
        font-size: 1.3125rem;
    }
    #hosting-form-wrapper .packages .package {
        padding: 32px 30px 34px 213px;
    }
    #hosting-form-wrapper #login-preview-wrapper {
        font-size: 1.375rem;
    }
    #hosting-form-wrapper #package-periods .header {
        font-size: 2.0625rem;
    }
    #hosting-form-wrapper #package-periods .set-item .period {
        font-size: 1.125rem;
    }
    #hosting-form-wrapper #package-periods .set-item .price {
        font-size: 1.0625rem;
    }

    .accordion-sh .acc-group-heading{
        font-size: 1.875rem;
    }
    .faq-category .accordion-sh .acc-group-heading > span .triangle {
        width: unset;
    }

    .layout-status #status-menu a {
        font-size: 1.5rem;
    }
    
    .duo .solo .carousel-slide {
        max-width: 980px;
    }
    .duo .package-item .package-base {
        width: 480px;
    }
    .duo .package-item .package-extended {
        width: calc(100% - 480px);
    }
    .duo .package-item .package-extended .left{
        width: 560px;
    }
    .duo .solo .package-item .package-extended .left {
        width: 630px;
    }
    .duo .package-item .package-extended .right {
        width: calc(100% - 560px);
    }
    .duo .solo .package-item .package-extended .right {
        width: calc(100% - 630px);
    }
    .duo .package-item .package-header {
        font-size: 1.5rem;
    }
    .duo .package-item .package-first-param {
        font-size: 3rem;
    }
    .duo .package-item .package-price .price {
        font-size: 2rem;
    }
    .duo .package-item .package-price .from {
        font-size: 1.25rem;
    }
    .duo .package-item .parameters {
        margin: 12px 0 24px;
        font-size: 1.25rem;
    }
    .duo .package-item .package-extended .right ul li {
        font-size: 1.25rem;
    }
    .duo .package-item .btn-sh {
        font-size: 1.125rem;
        min-width: 287px;
    }
    .duo .package-item .btn-sh span:last-child{
        font-size: 1rem;
    }
    .duo .package-item .package-base .package-body {
        padding-left: 43px;
        padding-right: 43px;
    }
    .duo .package-item .package-extended .package-body {
        background-position: left 50px center;
        background-size: auto 80%;
    }
    .duo .package-item .package-extended .package-body .left {
        padding-left: 43px;
        padding-right: 43px;
    }

    #footer #langModalDropdown #langDropdown,
    #footer #langModalDropdown .dropdown-menu button {
        font-size: 1.5rem;
    }
    #footer #langModal .button-wrapper {
        margin-bottom: 428px;
    }
    #footer #langModalDropdown #langDropdown,
    #footer #langModalDropdown .dropdown-menu {
        max-width: 620px;
    }

    
    .duo .package-item .package-title {
        margin-top: 25px;
    }
    .duo .package-item .package-extended .package-body {
        padding-bottom: 40px;
    }
    .duo .package-item .parameters .packages-param {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .duo .package-item .package-base {
        padding-bottom: 40px;
    }
    .duo .package-item .package-extended .order-button-wrapper {
        margin-top: 35px;
    }
    .duo .package-item .package-extended .right ul li {
        font-size: 1.125rem;
        padding: 8px 0;
    }
    .duo .package-item .package-price .duration {
        font-size: 1rem;
    }
}

@media (min-width: 1490px) {
    .payment-frame .payment_methods:before {
        display: block;
    }
    .payment-frame.payment-przelewy24blik .payment_methods:before {
        display: none;
    }
}

@media (min-width: 1200px) and (max-width: 1584px) {
    .tables .package-item.package-featured {
        padding: 0;
    }
}

/** Desktop+ **/
@media (min-width: 1200px) {
    .border-xl-left {
        border-left: 1px solid #dee2e6 !important;
    }

    #area-code-wrapper {
        float: right;
        width: 100%;
    }
    #header .header-panel .panelBtn i{
        display: none;
    }
    #header .header-panel .panelBtn .text {
        display: inline;
    }
    .tables .package-item:nth-child(3n+1) .card {
        border-right: 0 none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .tables .package-item:nth-child(3n+3) .card {
        border-left: 0 none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}

@media (max-width: 1800px) {

}

@media (max-width: 1440px) {

}

/** Laptop **/
@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;
    }

    .grids-element-accordion #accordion .card-body {
        font-size: 1.25rem;
    }

    .chatCarouselContent .text1 {
        font-size: 3.5rem;
    }
    .chatCarouselContent .text2,
    .chatCarouselContent ul {
        font-size: 1.375rem;
    }
    .chatCarouselContent ul li {
        margin-top: 18px;
    }

    #steps .step-wrapper#step2, #steps .step-wrapper#step3{
        padding-left: 100px;
    }
    #steps .step-wrapper#step2::before, #steps .step-wrapper#step3::before{
        width: 80px;
    }

    .popular-domains .domain-extension {
        font-size: 2rem;
    }

    .testimonials .carousel-inner .carousel-item .quote-mark {
        display: none;
    }

    #aquarium-content p:first-child {
        font-size: 3.5rem;
    }
    #aquarium-content p:first-child .big {
        font-size: 20rem;
    }
    #aquarium-content p:nth-child(2) {
        font-size: 7rem;
    }
    #aquarium-content p:last-child {
        font-size: 3rem;
    }
    #aquarium #fish-left {
        top: 120px;
        left: -100px;
        height: 50%;
    }
    #aquarium #fish-right {
        top: 110px;
        right: -60px;
        height: 50%;
    }

    .news-category .news-item a.more {
        font-size: 1.25rem;
    }
    .news-category .news-item a.more img {
        height: 75%;
        margin-left: 1.5rem;
    }

    .list .package-item {
        padding: 19px 19px 23px;
    }

    .grids-element-header-icon-featured .featured-column {
        border-right: 0;
    }
    
    .grids-element-random .sub-title {
        font-size: 1.125rem;
    }

    .duo .solo .carousel-slide {
        max-width: 420px;
    }
    .duo .package-item .package-base {
        width: 50%;
    }
    .duo .package-item .package-extended {
        width: 50%;
    }
    .duo .package-item .package-extended .left{
        width: 100%;
    }
    .duo .package-item .package-extended .package-body {
        background-position: top 50px center;
        background-size: 75% auto;
    }
    
    .grids-element-shadow .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .grids-element-shadow .row .grid {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1165px) {

}

/** Laptop+ **/
@media (min-width: 992px) {
    #header .dropdown:hover > .dropdown-menu {
        display: flex;
    }
    #header .dropdown-menu .items-desc-wrapper {
        background-color: #e9ecef;
        width: 0;
        overflow: hidden;
        transition: all 0.5s ease;
    }
    #header .dropdown-menu .items-desc-wrapper:hover,
    #header .dropdown-menu .items-desc-wrapper.active {
        width: 200px;
    }
    #header .dropdown-menu .items-desc-wrapper .item-desc {
        display: none;
        padding: 0.2rem 1rem;
    }
    #header .dropdown-menu .items-desc-wrapper .item-desc:hover,
    #header .dropdown-menu .items-desc-wrapper .item-desc.active {
        display: block;
    }
    #header .dropdown > .dropdown-toggle:active {
        /*Without this, clicking will make it sticky*/
        pointer-events: none;
    }
    #header .dropdown-toggle::after{
        display: none;
    }
    #header .navbar-nav .dropdown-menu{
        padding: 26px 16px 31px;
        border-radius: 0 0 11px 11px;
        border: 3px solid #000f75;
        border-top: 0;
        margin: 0;
    }
    #header .navbar-nav .dropdown:last-child .dropdown-menu,
    #header .navbar-nav .dropdown:nth-last-child(2) .dropdown-menu,
    #header .navbar-nav .dropdown:nth-last-child(3) .dropdown-menu {
        left: auto;
        right: 0;
    }
    #header .navbar-nav .dropdown-menu.dropdown-menu-right::before,
    #header .navbar-nav .dropdown:last-child .dropdown-menu::before,
    #header .navbar-nav .dropdown:nth-last-child(2) .dropdown-menu::before,
    #header .navbar-nav .dropdown:nth-last-child(3) .dropdown-menu::before {
        left: auto;
        right: 30px;
    }
    #vps-form-summary {
        position: sticky;
        top: 180px;
    }
    #form_vps .square-label > div.align-self-center {
        min-width: 110px;
        max-width: 110px;
        margin-right: 20px;
    }
    .grids-element-random:before {
        background: url('../images/about/team_bg.png') no-repeat top center #f3f3f3;
    }
    #topheader-domain-search input {
        width: 640px;
    }
}


/** Laptop **/
@media (min-width: 992px) and (max-width: 1199px) {
    #header .navbar-nav .nav-item > a{
        font-size: 0.875rem;
    }
    #area-code-wrapper {
        float: right;
        width: 63%;
    }
    .topCarouselContent .carousel-caption {
        width: calc(100% - 520px);
    }
    .topCarouselContent .carousel-item .image-wrapper {
        width: 520px;
    }
    .tables .package-item.package-featured {
        padding-right: 15px;
        padding-left: 15px;
    }

    .duo .package-item .package-extended .package-body .left {
        padding-bottom: 0;
    }
}


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

    #header #bottom-bar {
        padding-bottom: 0.5rem;
    }
    #header .navbar-brand .logo{
        max-width: 230px;
    }
    #header .event img {
        max-height: 40px;
    }
    #header .dropdown-item:last-child{
        border-bottom: 0;
    }
    .grid-icons{
        height: auto;
        background: #26345b;
        padding-top: 0;
    }
    .nav-tabs.other-tld-nav-tabs .nav-item {
        width: auto;
    }
    .nav-tabs.other-tld-nav-tabs .nav-link {
        font-size: 1rem;
    }
    .other-tld-table .tld-col {
        padding: 0.2rem 1rem;
    }

    .testimonials .carousel-inner .carousel-item .opinion{
        font-size: 1.6rem;
    }
    .testimonials .carousel-inner .carousel-item .author{
        font-size: 1.85rem;
    }
    .testimonials .carousel-inner .carousel-item .author-info {
        font-size: 1rem;
    }

    #aquarium-content p:first-child {
        font-size: 2.625rem;
    }
    #aquarium-content p:first-child .big {
        font-size: 15rem;
    }
    #aquarium-content p:nth-child(2) {
        font-size: 5.25rem;
    }
    #aquarium-content p:last-child {
        font-size: 2.25rem;
    }
    #aquarium #fish-left,
    #aquarium #fish-right {
        display: none;
    }

    .grids-element-timeline .describes .describe-wrapper {
        width: 80%;
    }

    #hosting-form-wrapper #package-periods .set-item {
        padding-left: 15px;
        padding-right: 15px;
    }
    #hosting-form-wrapper .packages .package .package-price {
        font-size: 2.5rem;
    }
    #hosting-form-wrapper .packages .package .package-savings .text {
        margin-right: 0;
    }
    #hosting-form-wrapper .packages .package .price-header {
        font-size: 1.125rem;
    }
    #otherPackagesModal .modal-body {
        padding: 0 20px;
    }

    .package-params table, .domains-price-table table {
        font-size: 1rem;
    }
    .package-params table th,
    .package-params table td {
        padding: 0.5rem;
    }
    
    .duo .package-item .package-base .package-body {
        padding: 0 12px;
    }
    .duo .package-item .package-extended .package-body {
        background-position: top 80px center;
    }
    .duo .package-item .package-extended .package-body .left {
        padding: 0 12px;
    }
}


/** Tablets (landscape mode)  **/
@media (min-width: 768px) and (max-width: 991px) {
    #vps-form-summary .page-title-wrapper {
        text-align: left;
    }
    #vps-form-summary .page-title-wrapper > div {
        display: flex;
    }
    #vps-form-summary #total-price {
        margin-left: 20px;
    }
}


/** Tablets+  **/
@media (min-width: 768px) {

}


/** Tablets (portrait mode)  **/
@media (min-width : 481px) and (max-width : 768px) {

}


/** Smartphone landscape mode / Mini Tablet **/
@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;
    }

    #choose-domains .table-sh-body,
    #order-domain-search #choose-domains .domains-search-table,
    #choose-domains .table-sh-body .text-right,
    #order-domain-search #choose-domains .text-right {
        text-align: center !important;
    }
    .order-cart .promo-code,
    .order-cart .promo-code .text-right{
        text-align: center !important;
    }
    .order-cart .table-sh,
    .order-cart .table-sh .text-right{
        text-align: center !important;
    }
    .discount-box{
        display: none;
    }
    .text-two-columns{
        column-count: 1;
    }
    #steps .step-wrapper#step2, #steps .step-wrapper#step3{
        padding-left: 50px;
    }
    #steps .step-wrapper#step2::before, #steps .step-wrapper#step3::before{
        width: 30px;
    }
    form .hidden-label{
        display: block;
    }
    .cs-tooltip-cloud{
        right: 0;
    }
    .cs-tooltip-cloud::before{
        margin-right: 43px;
        right: 0;
    }

    #P24FormContainer #przelewy24RPCCardForm {
        text-align: left;
        width: 100%;
    }
    #P24FormContainer #przelewy24RPCCardForm p {
        display: block;
    }
    #P24FormContainer #przelewy24RPCCardForm p:nth-child(4) {
        margin-left: 0;
        margin-right: 0;
    }
    #P24FormContainer #przelewy24RPCCardForm button:nth-child(6) {
        margin-right: 0;
    }
    #P24FormContainer #przelewy24RPCCardForm label,
    #P24FormContainer #przelewy24RPCCardForm input {
        width: 100%;
    }
    #P24FormContainer #przelewy24RPCCardForm label {
        text-align: left;
        margin-bottom: 0.5rem;
    }
    #P24FormContainer #przelewy24RPCCardForm input#P24_expMonth,
    #P24FormContainer #przelewy24RPCCardForm input#P24_expYear {
        width: calc(50% - 8px);
    }
    #P24FormContainer #przelewy24RPCCardForm button {
        margin-left: auto;
    }
    #hosting-form #packages .package .title,
    #hosting-form #packages .package .sub-title {
        font-size: 1.5rem;
    }

    #domain-search button,
    #check-domains-form button {
        padding: 0.5rem 1rem;
    }
    #domain-search input,
    #check-domains-form input {
        height: 48px;
    }
    #domain-search input,
    #check-domains-form input,
    #domain-search button,
    #check-domains-form button {
        font-size: 1.25rem;
    }
    #domain-search-container-wrapper .popular-domains .domain-extension {
        font-size: 1.75rem;
    }
    #domain-search-container-wrapper .popular-domains .domain-price .left {
        font-size: 1.75rem;
    }

    .testimonials .carousel-inner .carousel-item .text-wrapper {
        padding-top: 20px;
        padding-right: 20px;
    }

    #aquarium .container {
        padding-top: 65px;
        padding-bottom: 35px;
    }
    #aquarium-content p:first-child {
        font-size: 1.75rem;
    }
    #aquarium-content p:first-child .big {
        font-size: 10rem;
    }
    #aquarium-content p:nth-child(2) {
        font-size: 3.5rem;
    }
    #aquarium-content p:last-child {
        font-size: 1.5rem;
    }

    .grids-element.swiper,
    .news-category.swiper {
        overflow: hidden;
    }
    .news-category.swiper {
        margin-bottom: 2rem;
    }
    .grids-element .swiper-wrapper,
    .news-category .swiper-wrapper {
        width: 100%;
    }
    .grids-element .row.swiper-wrapper,
    .news-category .row.swiper-wrapper {
        margin-left: unset;
        margin-right: unset;
        flex-wrap: unset;
        padding-top: 0;
        padding-bottom: 0;
    }
    .grids-element .row.swiper-wrapper .swiper-slide,
    .news-category .row.swiper-wrapper .swiper-slide {
        width: 75%;
        background-color: rgba(0, 0, 0, 0.05);
        border-radius: 11px;
        min-height: 100%;
        height: auto;
    }
    .news-category .row.swiper-wrapper .swiper-slide {
        padding-left: 15px;
        padding-right: 15px;
    }
    .news-category .swiper-slide .news-item .img-wrapper img {
        margin-bottom: 20px;
    }
    .news-category .swiper-slide .news-item h3 {
        margin-bottom: 10px;
    }
    .news-category .swiper-slide .news-item p {
        margin-bottom: 10px;
    }
    .layout-homepage .sections-wrapper .section:nth-child(4) .grids-element .row.swiper-wrapper .swiper-slide,
    .layout-homepage .sections-wrapper .section:nth-child(5) .grids-element .row.swiper-wrapper .swiper-slide,
    .layout-homepage .sections-wrapper .section:nth-child(8) .grids-element .row.swiper-wrapper .swiper-slide,
    .layout-homepage .sections-wrapper .section:nth-child(9) .grids-element .row.swiper-wrapper .swiper-slide,
    .orange1 .sections-wrapper .section > div:nth-child(1) .grids-element .row.swiper-wrapper .swiper-slide,
    .orange2 .sections-wrapper .section > div:nth-child(2) .grids-element .row.swiper-wrapper .swiper-slide,
    .orange3 .sections-wrapper .section > div:nth-child(3) .grids-element .row.swiper-wrapper .swiper-slide,
    .orange4 .sections-wrapper .section > div:nth-child(4) .grids-element .row.swiper-wrapper .swiper-slide,
    .orange5 .sections-wrapper .section > div:nth-child(5) .grids-element .row.swiper-wrapper .swiper-slide,
    .orange6 .sections-wrapper .section > div:nth-child(6) .grids-element .row.swiper-wrapper .swiper-slide,
    .orange7 .sections-wrapper .section > div:nth-child(7) .grids-element .row.swiper-wrapper .swiper-slide,
    .orange8 .sections-wrapper .section > div:nth-child(8) .grids-element .row.swiper-wrapper .swiper-slide,
    .orange9 .sections-wrapper .section > div:nth-child(9) .grids-element .row.swiper-wrapper .swiper-slide,
    .orange10 .sections-wrapper .section > div:nth-child(10) .grids-element .row.swiper-wrapper .swiper-slide,
    .navy1 .sections-wrapper .section > div:nth-child(1) .grids-element .row.swiper-wrapper .swiper-slide,
    .navy2 .sections-wrapper .section > div:nth-child(2) .grids-element .row.swiper-wrapper .swiper-slide,
    .navy3 .sections-wrapper .section > div:nth-child(3) .grids-element .row.swiper-wrapper .swiper-slide,
    .navy4 .sections-wrapper .section > div:nth-child(4) .grids-element .row.swiper-wrapper .swiper-slide,
    .navy5 .sections-wrapper .section > div:nth-child(5) .grids-element .row.swiper-wrapper .swiper-slide,
    .navy6 .sections-wrapper .section > div:nth-child(6) .grids-element .row.swiper-wrapper .swiper-slide,
    .navy7 .sections-wrapper .section > div:nth-child(7) .grids-element .row.swiper-wrapper .swiper-slide,
    .navy8 .sections-wrapper .section > div:nth-child(8) .grids-element .row.swiper-wrapper .swiper-slide,
    .navy9 .sections-wrapper .section > div:nth-child(9) .grids-element .row.swiper-wrapper .swiper-slide,
    .navy10 .sections-wrapper .section > div:nth-child(10) .grids-element .row.swiper-wrapper .swiper-slide {
        background-color: rgba(255, 255, 255, 0.2);
    }
    .layout-homepage .sections-wrapper .section:nth-child(5) .grids-element .swiper-button-prev,
    .navy1 .sections-wrapper .section > div:nth-child(1) .grids-element .swiper-button-prev,
    .navy2 .sections-wrapper .section > div:nth-child(2) .grids-element .swiper-button-prev,
    .navy3 .sections-wrapper .section > div:nth-child(3) .grids-element .swiper-button-prev,
    .navy4 .sections-wrapper .section > div:nth-child(4) .grids-element .swiper-button-prev,
    .navy5 .sections-wrapper .section > div:nth-child(5) .grids-element .swiper-button-prev,
    .navy6 .sections-wrapper .section > div:nth-child(6) .grids-element .swiper-button-prev,
    .navy7 .sections-wrapper .section > div:nth-child(7) .grids-element .swiper-button-prev,
    .navy8 .sections-wrapper .section > div:nth-child(8) .grids-element .swiper-button-prev,
    .navy9 .sections-wrapper .section > div:nth-child(9) .grids-element .swiper-button-prev,
    .navy10 .sections-wrapper .section > div:nth-child(10) .grids-element .swiper-button-prev,
    .layout-homepage .sections-wrapper .section:nth-child(5) .grids-element .swiper-button-next,
    .navy1 .sections-wrapper .section > div:nth-child(1) .grids-element .swiper-button-next,
    .navy2 .sections-wrapper .section > div:nth-child(2) .grids-element .swiper-button-next,
    .navy3 .sections-wrapper .section > div:nth-child(3) .grids-element .swiper-button-next,
    .navy4 .sections-wrapper .section > div:nth-child(4) .grids-element .swiper-button-next,
    .navy5 .sections-wrapper .section > div:nth-child(5) .grids-element .swiper-button-next,
    .navy6 .sections-wrapper .section > div:nth-child(6) .grids-element .swiper-button-next,
    .navy7 .sections-wrapper .section > div:nth-child(7) .grids-element .swiper-button-next,
    .navy8 .sections-wrapper .section > div:nth-child(8) .grids-element .swiper-button-next,
    .navy9 .sections-wrapper .section > div:nth-child(9) .grids-element .swiper-button-next,
    .navy10 .sections-wrapper .section > div:nth-child(10) .grids-element .swiper-button-next {
        color: #f54600;
    }
    .grids-element .swiper-button-next,
    .grids-element .swiper-button-prev,
    .news-category .swiper-button-next,
    .news-category .swiper-button-prev {
        position: static;
        display: inline-block;
        margin-top: 0.5rem;
        width: auto;
        height: auto;
        font-size: 1.5rem;
        color: #000f75;
    }
    .grids-element .swiper-button-next::after,
    .grids-element .swiper-button-prev::after,
    .news-category .swiper-button-next::after,
    .news-category .swiper-button-prev::after {
        display: none;
    }

    .grids-element-title-top > .row {
        padding: 0;
    }

    .grids-element-border .row > div:not(:last-child, .swiper-slide) {
        margin-bottom: 1.5rem;
    }
    .grids-element-border .swiper-slide .grid-content-wrapper {
        border: 0 none;
    }
    .grids-element-border img {
        border-radius: 11px;
        margin-top: 1.25rem;
    }

    .grids-element-timeline .describes .describe-wrapper {
        width: 95%;
    }
    .grids-element-timeline .grid:last-child .title {
        font-size: 2rem;
    }

    .grids-element-package-parameters .title {
        font-size: 1rem;
    }
    .grids-element-package-parameters .describe,
    .grids-element-package-parameters .describe p {
        font-size: 1rem;
    }

    .grids-element-accordion #accordion .card-header .button {
        font-size: 1.5rem;
    }
    .grids-element-accordion #accordion .card-body {
        font-size: 1rem;
    }

    .grids-element-shadow .row .swiper-slide {
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    .grids-element-shadow .swiper-slide .grid-content-wrapper {
        box-shadow: none;
    }
    
    .grids-element-random .sub-title {
        font-size: 1rem;
    }

    #footer {
        font-size: 1.125rem;
    }
    #footer .main-footer .bottom-links ul li {
        padding: 0.5rem 0;
    }

    .news-category .news-item a.more {
        font-size: 1rem;
    }
    .news-category .news-item a.more img {
        height: 25px;
        width: auto;
        margin-left: 1rem;
    }

    #hosting-form-wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }
    #hosting-form-wrapper #package-periods .set-item .period {
        font-size: 1rem;
    }
    #hosting-form-wrapper #package-periods .set-item .price {
        font-size: 1rem;
    }
    #hosting-form-wrapper .packages .package {
        padding-left: 15px;
        padding-right: 15px;
        background-image: none;
    }
    #hosting-form-wrapper .packages .package .title {
        margin-top: 0;
    }
    #hosting-form-wrapper .packages .package .package-price {
        margin-bottom: 5px;
    }

    #footer #langModalDropdown #langDropdown,
    #footer #langModalDropdown .dropdown-menu button {
        font-size: 1.125rem;
    }
    #footer #langModalDropdown #langDropdown,
    #footer #langModalDropdown .dropdown-menu {
        max-width: 470px;
    }
    
    .carousel-slider-container.active .carousel-slide-nav i {
        color: rgba(245, 70, 0, 1);
        text-shadow: -1px -1px #fff,  -1px 1px #fff,  1px 1px #fff,  1px -1px #fff;
    }
    .carousel-slider-container.active .carousel-slide-nav.prev { left: -5px; }
    .carousel-slider-container.active .carousel-slide-nav.next { right: -5px; }

    .swiper.grids-element-alternately .with-bg,
    .carousel-slider-container.active.grids-element-alternately .with-bg {
        color: #222222 !important;
    }
    .swiper.grids-element-alternately .bg-left,
    .swiper.grids-element-alternately .bg-right,
    .carousel-slider-container.active.grids-element-alternately .bg-left,
    .carousel-slider-container.active.grids-element-alternately .bg-right {
        display: none;
    }
    .carousel-slider-container.active.grids-element-alternately .grid-content {
        padding: 0 1.5rem;
    }

    .swiper.grids-element-alternately-shadow .with-bg,
    .carousel-slider-container.active.grids-element-alternately-shadow .with-bg {
        color: #222222 !important;
    }
    .swiper.grids-element-alternately-shadow .bg-left,
    .swiper.grids-element-alternately-shadow .bg-right,
    .carousel-slider-container.active.grids-element-alternately-shadow .bg-left,
    .carousel-slider-container.active.grids-element-alternately-shadow .bg-right {
        display: none;
    }
    .carousel-slider-container.active.grids-element-alternately-shadow .grid-content {
        padding: 0 1.5rem;
    }
    .swiper.grids-element-alternately-shadow .text-wrapper,
    .carousel-slider-container.active.grids-element-alternately-shadow .text-wrapper {
        background-color: transparent;
        box-shadow: none;
        border-radius: 0;
        padding: 0;
    }

    .swiper.grids-element-circles .grid-content,
    .carousel-slider-container.active.grids-element-circles .grid-content {
        padding: 1rem;
    }
    .swiper.grids-element-circles .text,
    .carousel-slider-container.active.grids-element-circles .text {
        background-color: transparent;
        padding: 0;
        border-radius: 0;
        margin-top: 0;
        border: 0;
    }
    
    .swiper.grids-element-count .grid-content,
    .carousel-slider-container.active.grids-element-count .grid-content {
        padding: 0.5rem 1rem;
    }

    .swiper.grids-element-random,
    .carousel-slider-container.active.grids-element-random {
        padding: 1rem 0;
    }
    .swiper.grids-element-random .grid-content,
    .carousel-slider-container.active.grids-element-random .grid-content {
        padding: 1rem;
    }

    .grids-element-filter.swiper .grids-tabs,
    .grids-element-filter.carousel-slider-container.active .grids-tabs {
        display: none;
    }
    .grids-element-filter.swiper .grid-element.hidden > div,
    .grids-element-filter.carousel-slider-container.active .grid-element.hidden > div {
        opacity: 1;
        max-height: none;
    }
    section .swiper.grids-element-filter .full-width-strip,
    section .carousel-slider-container.active.grids-element-filter .full-width-strip {
        background-color: transparent;
    }
    section .swiper.grids-element-filter .full-width-strip::before,
    section .carousel-slider-container.active.grids-element-filter .full-width-strip::before {
        display: none;
    }
    .swiper.grids-element-img-left.grids-element-filter .describe .gradient,
    .swiper.grids-element-img-left.grids-element-filter .full-width-strip .describe .gradient {
        background-image: linear-gradient(transparent, #f2f2f2);
    }
    .carousel-slider-container.active.grids-element-img-left.grids-element-filter .full-width-strip .describe .gradient {
        background-image: linear-gradient(transparent, #ffffff);
    }
    .grids-element-filter.carousel-slider-container.active .carousel-slide {
        border-radius: 11px;
        overflow-y: auto;
    }

    .grids-element-alternately-text .photo:first-child {
        border-right: 0;
    }
    .grids-element-alternately-text.swiper,
    .grids-element-alternately-text.carousel-slider-container.active {
        padding: 1rem 0;
    }
    .grids-element-alternately-text.swiper .carousel-slide-wrapper,
    .grids-element-alternately-text.carousel-slider-container.active .carousel-slide-wrapper {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .grids-element-alternately-text.swiper .title,
    .grids-element-alternately-text.carousel-slider-container.active .title {
        margin-top: 1rem;
    }

    .grids-element-header-icon.swiper .carousel-slide-wrapper,
    .grids-element-header-icon.carousel-slider-container.active .carousel-slide-wrapper {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .grids-element-header-icon.swiper .grid-content,
    .grids-element-header-icon.carousel-slider-container.active .grid-content {
        padding: 1rem;
    }
    .grids-element-header-icon.swiper .describe p:last-child,
    .grids-element-header-icon.carousel-slider-container.active .describe p:last-child {
        margin-bottom: 0;
    }

    .duo .custom-switch {
        padding-left: 0;
        padding-right: 4.5rem;
        margin-bottom: 0.5rem;
    }
    .duo .custom-control-label {
        font-size: 1.125rem;
        padding: 1px 0;
        color: #000f75;
    }
    .duo .custom-control-label::before {
        top: .25rem;
        height: 1.5rem;
    }
    .duo .custom-switch .custom-control-label::before {
        border-radius: .75rem;
    }
    .duo .custom-switch .custom-control-label::before {
        left: unset;
        right: -4.5rem;
        width: 4rem;
    }
    .duo .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        border-color: #000f75;
        background-color: #000f75;
    }
    .duo .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
        transform: translateX(1.5rem);
    }
    .duo .custom-switch .custom-control-label::after {
        top: calc(.25rem + 2px);
        left: unset;
        right: calc(-3rem + 1px);
        width: calc(2.5rem - 4px);
        height: calc(1.5rem - 4px);
        border-radius: .55rem;
    }
    .duo #slider-container-packages {
        overflow-y: hidden;
    }
    .duo #slider-container-packages .carousel-slide-wrapper {
        padding-top: 4px;
    }
    .duo .package-item .package-base {
        width: 100%;
        border-right: 0;
    }
    .duo .package-item .package-extended {
        width: 100%;
    }
    .duo .carousel-slide-nav.prev {
        left: 0;
    }
    .duo .carousel-slide-nav.next {
        right: 0;
    }
    .duo .carousel-slide {
        border: 0;
        overflow: visible;
    }
    .duo .packages-header {
        font-family: DefaultFont-Medium, sans-serif;
        color: #000f75;
        font-size: 1rem;
        text-align: center;
        display: block;
    }
    .duo .package-item .package-base,
    .duo .package-item .package-extended {
        transform: translateY(-125%);
        position: absolute;
        top: 0;
        transition: transform 0.5s ease;
    }
    .duo .package-item .package-base.active,
    .duo .package-item .package-extended.active {
        transform: translateY(0);
        position: static;
        opacity: 1;
    }
    .duo .package-item .package-header {
        background-color: #fff;
        color: #000f75;
        border-bottom: 0;
        font-size: 1rem;
        display: none;
    }
    .duo .package-item .package-extended .package-body {
        padding: 0;
    }
    .duo .package-item .package-base .package-body,
    .duo .package-item .package-extended .package-body .left {
        border: 1px solid #000f75;
        border-radius: 11px;
        padding-bottom: 20px;
        overflow: hidden;
    }
    .duo .package-item .package-extended .package-body {
        background-position: top 80px center;
        background-size: 65% auto;
    }
    .duo .package-item .package-title {
        margin: 0 -12px;
        padding: 1rem 0;
        text-transform: none;
        border-radius: 11px;
        border-bottom: 1px solid #000f75;
    }
    .duo .package-item .package-extended .package-title {
        background-color: #000f75;
        color: #fff;
    }
    .duo .package-item .parameters {
        margin-bottom: 14px;
    }
    .duo .package-item .package-extended .order-button-wrapper {
        margin-top: 15px;
    }
}


/** Smartphone landscape mode / Mini Tablet **/
@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;
    }

    .tables .package-item .packages-params .packages-param .value {
        font-size: 2.5rem;
    }
    .tables .package-item .package-price .price {
        font-size: 2.5rem;
    }
    .tables .package-item .package-price .savings {
        font-size: 1.25rem;
    }
    .tables .package-item .package-price .prolong-price {
        font-size: 1.25rem;
    }
    .tables .package-item .package-price .duration {
        font-size: 1rem;
    }
    .tables .package-item .order-button-wrapper {
        margin-top: 20px;
    }

    #domain-search-container-wrapper .popular-domains {
        display: none;
    }
    #domain-search input,
    #check-domains-form input,
    #domain-search button,
    #check-domains-form button {
        font-size: 1rem;
    }

    .testimonials .carousel-inner .carousel-item .opinion {
        font-size: 1.25rem;
    }
    .testimonials .carousel-inner .carousel-item .author {
        font-size: 1.5rem;
    }

    #aquarium .container {
        padding-top: 45px;
        padding-bottom: 15px;
    }
    #aquarium-content p:first-child {
        font-size: 1.3125rem;
        margin-bottom: 23px;
    }
    #aquarium-content p:first-child .big {
        font-size: 7.5rem;
    }
    #aquarium-content p:nth-child(2) {
        font-size: 2.625rem;
        margin-bottom: 15px;
    }
    #aquarium-content p:last-child {
        font-size: 1.125rem;
    }

    .grids-element-accordion #accordion .card-header .button {
        font-size: 1.25rem;
    }
    .grids-element-accordion #accordion .card-body {
        font-size: 1rem;
    }

    .grids-element-timeline {
        padding-top: 0;
    }

    .grids-element-alternately .grid {
        padding-left: 15px;
        padding-right: 15px;
    }

    #hosting-form-wrapper #package-periods .set-row {
        border: 0;
    }
    #hosting-form-wrapper #package-periods .set-item-col {
        width: calc(33% - 4px);
        display: inline-block;
        border: 1px solid #e4e4e4;
        border-radius: 11px;
        margin-bottom: 5px;
    }
    #hosting-form-wrapper #package-periods .set-item {
        padding: 5px 10px;
    }

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

    #footer #langModalDropdown {
        margin-bottom: 44px;
    }
    #footer #langModal .button-wrapper {
        margin-bottom: 65px;
    }
    #footer #langModalDropdown #langDropdown,
    #footer #langModalDropdown .dropdown-menu {
        max-width: 340px;
    }
    #footer #langModalDropdown #langDropdown .country-name,
    #footer #langModalDropdown .dropdown-menu button .country-name {
        display: none;
    }
}

/** Smartphone portrait mode **/
@media (max-width: 490px) {
    h2 {
        font-size: 1.75rem;
    }

    .btn-sh {
        font-size: 1rem;
    }

    #header .dropdown-item{
        white-space: normal;
    }
    .btn{
        white-space: normal;
    }
    #header .navbar-brand .logo{
        max-width: 250px;
    }
    #header .event p {
        white-space: normal;
    }
    #toggleCornerPanel {
        margin-bottom: 3.25rem;
    }
    #hosting-form #packages .package .title,
    #hosting-form #packages .package .sub-title {
        font-size: 1.25rem;
    }

    #hosting-form-wrapper #package-periods .set-item-col {
        width: calc(50% - 4px);
    }

    .grids-element-border img {
        margin-top: 0;
    }

    .testimonials .carousel-inner .carousel-item .opinion {
        font-size: 1.125rem;
        margin-bottom: 1rem;
    }
    .testimonials .carousel-inner .carousel-item .author {
        font-size: 1.25rem;
    }

    #aquarium {
        display: none;
    }

    .grids-element-timeline .grid:first-child {
        max-width: 70%;
    }
    .grids-element-timeline .grid:nth-child(2) {
        max-width: 90%;
    }

    .news-category .news-item .img-wrapper img {
        box-shadow: 0 0 20px #ddd;
    }

    .grids-element-img-left {
        padding: 3rem 0 0;
    }

    #layout-contact__altum .form-sh .form-control {
        margin-bottom: 20px;
    }

    .grids-element-header-icon-featured {
        box-shadow: 0 0 20px #ddd;
        border-radius: 11px;
        padding: 10px;
        margin-bottom: 20px;
    }

    .layout-status .quick-links li {
        text-align: center;
    }
    .layout-status .quick-links a {
        font-size: 1.25rem;
    }

    .grids-element.page_element .img-wrapper img {
        max-width: 70%;
    }
    .grids-element.grids-element-border.page_element img {
        max-width: 100%;
    }

    .grids-element-accordion #accordion .card-header .button .triangle {
        display: none;
    }
    .grids-element-accordion #accordion .card-header .button .chevron {
        margin-right: 15px;
        transform: rotate(90deg);
        transition: transform 0.25s ease-in-out;
        display: inline-block;
        margin-top: 3px;
    }
    .grids-element-accordion #accordion .card-header .button.collapsed .chevron {
        transform: rotate(0);
    }
    .grids-element-accordion #accordion .card-body {
        padding-left: 31px;
    }

    .faq-category .accordion-sh .acc-group-heading > span .triangle {
        display: none;
    }
    .faq-category-section:nth-child(4n+1) .faq-category .accordion-sh .acc-group-heading > span .triangle.orange {
        display: none;
    }
    .faq-category .accordion-sh .acc-group-heading > span .chevron {
        margin-top: 10px;
        margin-right: 15px;
        transform: rotate(90deg);
        transition: transform 0.25s ease-in-out;
        width: 17px;
        display: inline-block;
    }
    .faq-category .accordion-sh .acc-group-heading > span .chevron.orange {
        display: none;
    }
    .faq-category-section:nth-child(4n+1) .faq-category .accordion-sh .acc-group-heading > span .chevron {
        display: none;
    }
    .faq-category-section:nth-child(4n+1) .faq-category .accordion-sh .acc-group-heading > span .chevron.orange {
        display: block;
    }
    .faq-category .accordion-sh .acc-group-heading > span.collapsed .chevron {
        transform: rotate(0);
    }
    .accordion-sh .content {
        padding-left: 51px;
    }

    .list .package-item .packages-column:first-child .packages-param:nth-child(3),
    .list .package-item .packages-column:first-child .packages-param:nth-child(4),
    .list .package-item .packages-column:last-child .packages-param:nth-child(1),
    .list .package-item .packages-column:last-child .packages-param:nth-child(2) {
        display: none;
    }
    
    .duo .package-item .package-extended .package-body {
        background-position: top 100px center;
        background-size: 75% auto;
    }
}


@media (max-width: 440px) {

}


/** Normal phone portrait mode+ **/
@media (min-width: 320px) {

}
