@media (max-width: 330px) {
    .btn {
        font-size: 13px;
    }

    #header .bg-header {
        background-image: url("/img/header_mobile@05x.png");
        left: -1300px;
    }

    #website .triangle-purple {
        background-image: url("/img/bg-site@05x.png");
    }

    #website .triangle-purple:after {
        top: 440px;
    }

    .assignment {
        max-width: 100px;
    }

    #online .assignment {
        width: 100px;
    }

    #fun .justify-content-between {
        flex-wrap: wrap;
    }

    #fun .assignment-list {
        width: 100%;
        display: flex !important;
        justify-content: space-around;
        flex-direction: row-reverse;
    }

    #fun .assignment {
        width: 135px;
        max-width: 135px;
    }

}

@media (min-width: 576px) {
    #header .beget-phone {
        font-size: 24px;
        font-weight: 700;
    }
}

@media (min-width: 768px) {
    #header {
        padding-bottom: 10px !important;
    }

    #header .container {
        padding-bottom: 110px;
    }

    #header .bg-header {
        width: 2491px;
        height: 571px;
        background-image: url("/img/header.png");
        bottom: 0;
        left: -1000px;
    }

    .menu-fixed #domain-list {
        transition: all 0.2s;
    }

    .menu-fixed .domain-list .icon {
        height: 25px;
    }

    .domain-amount i {
        font-size: 30px;
    }

    #press .triangle-red {
        left: -225px;
    }

    #press .icon-pen {
        left: -80px;
    }

    #press .icon-pen-shadow {
        left: -120px;
    }

    #press .icon-press {
        left: -20px;
    }

    #press .domain-amount {
        left: 65px;
        margin-top: 0;
    }

    #website .triangle-purple {
        top: -310px;
        left: -530px;
    }

    #website .triangle-purple:after {
        height: 0;
    }

    #website .triangle-blue {
        top: -50px;
        right: -320px;
    }

    #website .icon-mobile {
        width: 240px;
        height: 240px;
        right: 45px;
        top: 195px;
    }

    .online-parallax-layout {
        left: -30px;
        top: -20px;
    }

    #online .icon-lines {
        right: 20px;
        height: 300px;
        width: 400px;
        top: 10px;
    }

    #online .icon-circle {
        width: 420px;
        height: 420px;
        top: -20px;
    }

    #online .icon-online {
        left: 90px;
    }

    #online .domain-amount {
        right: -85px;
    }

    #space {
        padding-top: 130px;
    }

    #space .background-space {
        left: -140px;
        top: -30px;
        border: 270px solid transparent;
        height: 90px;
        border-left: 1600px solid #04041b;
        -webkit-transform: scale(2);
        -ms-transform: scale(2);
        transform: scale(2);
    }

    #space:after {
        height: 0;
    }

    #space .icon-space-white {
        left: auto;
        right: 0;
        top: 60px;
    }

    #space .space-rings {
        left: auto;
        top: -50px;
        right: -172px;
    }

    #fun .background-fun {
        left: -90px;
        top: -24px;
    }

    #host .triangle-blue {
        background-size: cover;
        transform: scaleX(1);
        left: -1005px;
        top: -125px;
    }

    #host .icon-host {
        right: 0;
        top: 95px;
        width: 200px !important;
    }
}


@media (min-width: 992px) {
    h1 {
        font-size: 30px;
    }

    #online .domain-amount {
        right: -6px;
    }

    #fun .background-fun {
        left: 0;
        top: 0;
    }

    .domain-list .icon, .menu-fixed .domain-list .icon {
        height: 30px;
    }

    .menu-fixed .domain-list>a:hover .icon {
        filter: none;
    }

    .menu-fixed .domain-list>a {
        color: transparent;
        border-top: 3px solid transparent;
        border-radius: 0;
        margin-top: -12px;
        padding: 15px 6px 8px;
        transition: border 0.15s;
    }

    .menu-fixed .domain-list>a:hover {
        background-color: transparent;
    }

    .menu-fixed .domain-list .press:hover {
        border-color: #e0282d;
    }
    .menu-fixed .domain-list .website:hover {
        border-color: #31b8e8;
    }
    .menu-fixed .domain-list .site:hover {
        border-color: #74569a;
    }
    .menu-fixed .domain-list .online:hover {
        border-color: #4fa44a;
    }
    .menu-fixed .domain-list .space:hover {
        border-color: #f6d768;
    }
    .menu-fixed .domain-list .fun:hover {
        border-color: #e75528;
    }
    .menu-fixed .domain-list .host:hover {
        border-color: #ef4c3d;
    }
    .menu-fixed .domain-list .pw:hover {
        border-color: #3c74ba;
    }
}


@media (min-width: 1200px) {
    .container {
        max-width: 960px;
    }

    #website .triangle-purple {
        top: -275px;
        left: -530px;
    }

}


@media only screen and (-Webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
    #header .bg-header {
        background-image: url("/img/header_mobile@2x.png");
    }
    .icon-pay {
        background-image: url("/img/pay@2x.png");
    }
    .icon-renew {
        background-image: url("/img/renew@2x.png");
    }
    .icon-gift {
        background-image: url("/img/gift@2x.png");
    }
    .icon-reg {
        background-image: url("/img/reg@2x.png");
    }
    .icon-beget {
        background-image: url("/img/beget-logo@2x.png");
    }
    .navbar-light .navbar-toggler-icon {
        background-image: url("/img/menu@2x.png");
    }
    .icon-press {
        background-image: url("/img/normal_8@2x.png");
    }
    .icon-website {
        background-image: url("/img/normal_4@2x.png");
    }
    .icon-site {
        background-image: url("/img/normal_5@2x.png");
    }
    .icon-online {
        background-image: url("/img/normal_6@2x.png");
    }
    .icon-space {
        background-image: url("/img/normal_9@2x.png");
    }
    .icon-fun {
        background-image: url("/img/normal_10@2x.png");
    }
    .icon-host {
        background-image: url("/img/normal@2x.png");
    }
    .icon-pw {
        background-image: url("/img/normal_2@2x.png");
    }
    .icon-ball {
        background-image: url("/img/ball@2x.png");
    }
    .icon-mobile {
        background-image: url("/img/radix@2x.png");
    }
    .icon-mobile-black {
        background-image: url("/img/mobile@2x.png");
    }
    .icon-notebook-red {
        background-image: url("/img/black@2x.png");
    }
    .icon-man-red {
        background-image: url("/img/black_4@2x.png");
    }
    .icon-screen-red {
        background-image: url("/img/black_5@2x.png");
    }
    .icon-cap-red {
        background-image: url("/img/red@2x.png");
    }
    .icon-joystick-red {
        background-image: url("/img/red_2@2x.png");
    }
    .icon-mark-red {
        background-image: url("/img/red_3@2x.png");
    }
    .icon-marks-red {
        background-image: url("/img/red_4@2x.png");
    }
    .icon-badge-red {
        background-image: url("/img/red_5@2x.png");
    }
    .icon-photo-red {
        background-image: url("/img/red_6@2x.png");
    }
    .icon-newspaper-red {
        background-image: url("/img/red_7@2x.png");
    }
    .icon-boxes-black {
        background-image: url("/img/black_2@2x.png");
    }
    .icon-chair-black {
        background-image: url("/img/black_3@2x.png");
    }
    .icon-screen-white {
        background-image: url("/img/white_2@2x.png");
    }
    .icon-man-white {
        background-image: url("/img/white_3@2x.png");
    }
    .icon-bag-white {
        background-image: url("/img/white_4@2x.png");
    }
    .icon-chair-white {
        background-image: url("/img/white-yellow_2@2x.png");
    }
    .icon-resume-white {
        background-image: url("/img/resume@2x.png");
    }
    .icon-rocket-yellow {
        background-image: url("/img/white-yellow@2x.png");
    }
    .icon-man-yellow {
        background-image: url("/img/white-yellow_3@2x.png");
    }
    .icon-notebook-yellow {
        background-image: url("/img/yellow-white@2x.png");
    }
    .icon-bicycle-yellow {
        background-image: url("/img/yellow-white_2@2x.png");
    }
    .icon-photo-yellow {
        background-image: url("/img/yellow-white_3@2x.png");
    }
    .icon-house-green {
        background-image: url("/img/green@2x.png");
    }
    .icon-notebook-green {
        background-image: url("/img/green_2@2x.png");
    }
    .icon-mark-green {
        background-image: url("/img/green_3@2x.png");
    }
    .icon-chair-green {
        background-image: url("/img/green_4@2x.png");
    }
    .icon-man-green {
        background-image: url("/img/green_5@2x.png");
    }
    .icon-screen-green {
        background-image: url("/img/green_6@2x.png");
    }
    .icon-bag-green {
        background-image: url("/img/green_7@2x.png");
    }
    .background-fun .triangle-red {
        background-image: url("/img/rectangle_3@2x.png");
    }
    #space .icon-space-white {
        background-image: url("/img/space@2x.png");
    }
    #space .space-rings {
        background-image: url("/img/space-rings@2x.png");
    }

    .online-parallax-layout .icon-lines {
        background-image: url("/img/bg-line-2-x@2x.png");
    }

    #online .icon-circle {
        background-image: url("/img/oval@2x.png");
    }

    #website .triangle-blue {
        background-image: url("/img/rectangle_7@2x.png");
    }
    #website .triangle-purple {
        background-image: url("/img/bg-site@2x.png");
    }
    #press .triangle-red {
        background-image: url("/img/rectangle_6@2x.png");
    }
    #press .icon-pen {
        background-image: url("/img/desktop-hd-3-1@2x.png");
    }

    #press .icon-pen-shadow {
        background-image: url("/img/pen-shadow@2x.png");
    }
    .rouble {
        background-image: url("/img/rouble@2x.png");
    }
    .white .rouble {
        background-image: url("/img/rouble-white@2x.png");
    }


    @media (min-width: 768px) {
        #header .bg-header {
            background-image: url("/img/header@2x.png");
        }
    }
}

@media (pointer: coarse) {
    .domain-list>a:hover {
        background-color: transparent !important;
    }
    .domain-list>a:hover .icon{
        filter: none;
    }
}