a {

}
@media (max-width: 991px) {
    .container {
        padding: 0 16px;
    }
    .top-header {
        margin-top: 32px;
    }
    .header .balance-row {
        background-color: #F0F0F0;
        border-radius: 16px;
        padding: 8px 8px 8px 16px;
        display: flex;
        justify-content: space-between;
    }
    .header .balance-row b {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        margin: 0;
        padding: 0;
        color: #161616;
    }
    .header .balance-row p {
        font-size: 13px;
        font-weight: 500;
        line-height: 20px;
        color: #676767;
        margin: 0;
        padding: 0;
    }
    .header .balance-row .blue-button {
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        text-align: center;
        padding: 12px 28px;
        min-width: initial!important;
    }
    .header ul.profile-inner-footer,
    .header .profile-inner-area ul {
        list-style: none;
        display: block;
        padding: 0;
        width: 100%;
    }
    .header .profile-inner-area {
        height: 100%;
    }
    .header .profile-inner-footer {
        position: absolute;
        bottom: 0;
    }
    .header ul.profile-inner-footer li,
    .header .profile-inner-area ul li {
        padding: 12px 16px;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: #161616;
        margin-bottom: 5px;
    }
    .header ul.profile-inner-footer li:hover,
    .header .profile-inner-area ul li:hover {
        background-color: #F0F0F0;
    }
    .header ul.profile-inner-footer li.separator,
    .header .profile-inner-area ul li.separator {
        height: 2px;
        background-color: #F0F0F0;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 0;
    }
    .header ul.profile-inner-footer li img,
    .header .profile-inner-area ul li img {
        margin-right: 10px;
    }
    .header ul.profile-inner-footer li a,
    .header .profile-inner-area ul li a {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: #161616;
        text-decoration: none;
    }
    .header .profile-inner-area .accounts-section {
        background-color: #F7F7F7;
        border-radius: 16px;
        padding: 16px;
    }
    .header .profile-inner-area .add-account {
        padding: 21px;
        border-radius: 16px;
        background-color: #FEFEFE;
    }
    .header .profile-inner-area .account-item {
        background-color: #FEFEFE;
        border-radius: 16px;
        padding: 16px 50px;
        margin-bottom: 8px;
    }
    .header .profile-inner-area .account-item b {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        color: #161616;
        margin: 0 0 4px 0;
        padding: 0;
    }
    .header .profile-inner-area .account-item p {
        font-size: 13px;
        font-weight: 500;
        line-height: 20px;
        text-align: left;
        padding: 0;
        margin: 0;
        color: #676767;
    }
    .header {
        margin-top: 16px;
    }
    .header .navbar-toggler {
        z-index: 9;
        display: flex;
        justify-content: center;
        align-items: center;
        outline: none;
        box-shadow: none;
        padding: 0;
    }
    .header .media-nav-body {
        padding-top: 120px;
    }
    /*.header .navbar {
        padding: 0;
    }*/
    .header .navbar .navbar-brand img {
        height: 16px;
    }
    .header .top-row {
        padding: 16px 0 16px 0;
    }
    .header .top-row a {
        border: none;
        font-size: 16px;
        line-height: 24px;
        padding: 0;
        height: 24px;
        text-decoration: none;
        color: #A2AAAD;
    }
    .header .burger-inner-area {
        padding: 32px 20px 32px 20px;
        background-color: #000000;
        height: 100vh;
        width: 100vw;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        position: fixed;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        z-index: 9999;
    }
    .header .burger-inner-area .language-switcher {
        transform: translate(-13px, -89px)!important;
        width: max-content!important;
        min-width: max-content!important;
    }
    .header .nav-link {
        margin: 16px 0 0 0;
        padding: 0;
        font-weight: 700;
        font-size: 25px;
        line-height: 31px;
    }
    .header .header-menu {
        margin: 0;
        padding: 0;
    }
    .header .header-menu .dropdown-item {
        font-weight: 500;
        font-size: 25px;
        line-height: 31px;
        color: #A2AAAD;
        padding: 8px 0 0 0;
    }
    .slider .carousel-caption h3 {
        font-size: 38px;
        line-height: 38px;
    }
    .slider .carousel-caption p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 24px;
        margin-bottom: 80px;
    }
    .slider .carousel-inner {
        min-height: 340px;
    }
    /*.digit {
        font-size: 38px!important;
        line-height: 38px!important;
    }
    .time-part {
        height: 72px!important;
    }*/
    .info {
        /*margin-top: 90px;*/
        margin-top: 35px;
    }
    .info .info-row {
        margin-top: 48px;
        align-items: center;
    }
    /*.info .point {
        width: 56px;
        height: 56px;
        min-width: 56px;
        min-height: 56px;
        border-radius: 28px;
        margin: 0 32px 0 0;
    }*/
    .info .point span{
        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 39px;
    }
    .info .content {
        /*margin-top: 0;
        align-items: flex-start;
        text-align: left;*/
        margin-top: 10px;
    }
    .info .content h2 {
        width: 100%;
        font-size: 25px;
        line-height: 31px;
        margin: 0;
    }
    .info .content p {
        width: 100%;
        margin: 8px 0 0 0;
        font-size: 16px;
        line-height: 24px;
    }
    .announcements {
        padding-top: 66px;
        overflow: hidden;
        /*margin-top: 50px;
        margin-bottom: 80px;*/
        margin-bottom: 0;
    }
    .announcements .area:before {
        right: 0;
        top: -67px;
        width: 141px;
    }
    .announcements-carousel {
        padding: 24px;
    }
    .announcements .slide-body {
        /*min-height: 200px;*/
        min-height: auto;
        width: 90%;
    }
    .announcements .carousel-indicators {
        bottom: -20px;
    }
    .announcements .carousel-inner {
        height: auto;
        padding-bottom: 0;
    }
    .announcements-carousel h2 {
        font-size: 25px;
        line-height: 31px;
    }
    .announcements-carousel p {
        font-size: 16px;
        line-height: 24px;
    }
    .announcements .carousel-caption {
        position: initial;
    }
    .price-list {
        /*padding: 80px 0 116px;*/
        padding: 40px 0;
    }
    .price-list .title {
        font-size: 25px;
        line-height: 31px;
    }
    .price-list .sub-title {
        font-size: 16px;
        line-height: 24px;
    }
    .price-list .nav {
        margin-top: 40px;
        flex-wrap: nowrap!important;
        overflow-x: auto;
        padding: 0 25px 15px 25px;
        justify-content: flex-start;
    }
    .price-list .table th {
        border-bottom: none!important;
    }
    .price-list .table thead .first td,
    .price-list .table thead .first th {
        vertical-align: top;
    }
    .price-list .table th, .price-list .table td {
        padding-top: 24px!important;
    }
    .price-list .table .first th,
    .price-list .table .first td {
        /*text-wrap: nowrap!important;*/
    }
    .price-list .table tbody td {
        /*text-align: start!important;*/
    }
    .price-list .nav-link {
        font-size: 20px;
        line-height: 30px;
        padding: 16px;
        color: #161616;
    }
    .price-list .table {
        margin-bottom: 32px;
    }
    .price-list .table thead .first {
        padding-top: 24px;
        padding-right: 24px;
    }
    .price-list .table thead td {
        font-size: 13px;
        line-height: 20px;
        padding-right: 24px;
    }
    .price-list .table th {
        font-size: 13px;
        line-height: 20px;
        padding-left: 24px;
        padding-right: 24px;
        text-align: center;
    }
    .price-list .table th.last {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .price-list .table tbody td {
        font-size: 16px;
        line-height: 24px;
        padding-right: 24px;
    }

    .price-list .table img {
        margin: 0;
        float: none;
    }

    .price-list .hint {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #676767;
    }
    .price-list .hint a {
        text-decoration: none;
        color: #03C3D7;
    }
    .calculator-row {
        padding: 16px 32px;
    }
    .calculator-row h2 {
        font-size: 13px;
        line-height: 20px;
    }
    .calculator-row p {
        display: none;
        font-size: 13px;
        line-height: 20px;
    }
    .calculator-row .flat-button {
        font-size: 13px;
        line-height: 20px;
        padding: 8px 24px;
    }
    .calculator .sizes-box {
        flex-direction: column;
        gap: 10px;
        align-items: center;
        margin-bottom: 24px;
    }
    .calculator .sizes-box input {
        margin: 0!important;
    }
    .calculator .sizes-box .select-box {
        width: 100%;
    }
    .calculator .fixed-size {
        width: 100%;
    }
    #calculator-measurement-options {
        transform: translate(0, -121px)!important;
    }
    .stats {
        padding: 80px 0 80px;
    }
    .stats .counter {
        font-size: 38px;
        line-height: 38px;
    }
    .stats p {
        font-size: 16px;
        line-height: 24px;
        margin: 0;
    }
    .stats .pins {
        margin-top: 8px;
    }
    .stats .pins .pin-row {
        margin-top: 32px;
    }
    /*.stats .content {
        align-items: flex-start;
        text-align: left;
        margin-top: 0;
    }*/
    .stats .content h2 {
        font-size: 16px;
        line-height: 24px;
    }
    .stats .content p {
        font-size: 13px;
        line-height: 20px;
        margin: 16px 0 0 0;
        text-align: left;
    }
    .stats .point {
        min-width: 80px;
        min-height: 80px;
        width: 80px;
        height: 80px;
        margin-right: 16px;
        margin-left: 0;
        border-radius: 40px;
    }
    .stats .video-area {
        margin-top: 40px;
        padding: 24px;
        display: block;
    }
    .stats .video {
        margin-bottom: 24px;
        width: 100%;
    }
    .stats .info{
        margin-top: 24px;
        display: flex;
    }
    .stats .video .overlay {
        border-radius: 13px;
    }
    /*.best-deals {
        padding: 80px 0 80px;
    }*/
    .best-deals h2 {
        font-size: 25px;
        line-height: 31px;
    }
    .best-deals p {
        font-size: 16px;
        line-height: 24px;
        margin: 8px 0 0 0;
    }
    .best-deals .deals {
        margin-top: 24px;
    }
    .best-deals .deal-item {
        margin-top: 16px;
    }
    .best-deals .button-row {
        margin-top: 40px;
    }
    .best-shops {
        padding-top: 0;
        /*padding-bottom: 80px;*/
        padding-bottom: 40px;
    }
    .best-shops h2 {
        font-size: 25px;
        line-height: 31px;
        /**/
        padding-top: 20px;
    }
    .best-shops p {
        margin: 8px 0 0 0;
        font-size: 16px;
        line-height: 24px;
    }
    .best-shops .brand-slider {
        margin-top: 40px;
    }
    .best-shops .button-row {
        margin-top: 40px;
    }
    .join-us {
        /*padding: 220px 0 0 0;*/
        /*background-image: url(../img/video-background.png);*/
        /*background-size: contain;*/
        /*padding: 40px 0 0 0;*/
        background-size: cover;
    }
    /*.join-us::after {
        top: 160px;
    }*/
    .join-us .content {
        margin-top: 40px;
        z-index: 3;
    }
    .join-us h2 {
        font-size: 38px;
        line-height: 38px;
    }
    .join-us p {
        margin: 32px 0 32px 0;
        font-size: 16px;
        line-height: 24px;
    }
    .pickup-points {
        /*margin: 80px 0 80px 0;*/
        margin: 40px 0;
    }
    .pickup-points h2 {
        font-size: 25px;
        line-height: 31px;
    }
    .pickup-points p {
        margin: 8px 0 0 0;
        font-size: 16px;
        line-height: 24px;
    }
    .pickup-points .scroll-carousel.big {
        margin-top: 80px;
    }
    .quality-control .flat-button {
        padding: 8px 24px;
        font-size: 13px;
        line-height: 20px;
        font-weight: 600;
    }
    .main-footer {
        padding: 26px 0 144px 0;
    }
    .quality-control img {
        height: initial!important;
    }
    .home-footer img {
        height: 50px;
        margin-top: 24px;
    }
    .footer-nav {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 8px;
    }
    .footer-social-bar {
        gap: 8px;
    }
    .media-mb-10 {
        margin-bottom: 10px!important;
    }
    .media-mb-16 {
        margin-bottom: 16px!important;
    }
    .media-mb-24 {
        margin-bottom: 24px!important;
    }
    .media-mb-40 {
        margin-bottom: 40px!important;
    }
    .media-pr-5 {
        padding-right: 5px!important;
    }
    .media-pl-5 {
        padding-left: 5px!important;
    }
    .george-head-part {
        right: 0!important;
    }
    .best-deals .deal-item img{
        width: 350px;
        height: 160px;
        /**/
        object-fit: cover;
    }
    .calculator .modal-header,
    .business-calculator .modal-header {
        margin-bottom: 48px;
     }
    .business-calculator .mb-32 {
        margin-bottom: 24px!important;
    }
    .business-calculator .modal-footer .footer {
        flex-direction: column!important;
        gap: 36px!important;
        justify-content: center!important;
        align-items: center!important;
    }
    .calculator .modal-footer p {
        text-align: center;
    }
    .calculator .modal-body {
        margin: 0!important;
     }
    .calculator .modal-footer {
        padding: 0!important;
        border: none!important;
    }
    .calculator .modal-footer .estimated-price {
        margin-top: 114px;
    }
    .calculator .modal-footer button {
        width: 100%;
    }
    .calculator .for-dim-note {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        text-align: left;
        color: #161616;
    }
    .promo-modal .blue-button {
        padding: 8px!important;
    }
    .promo-modal .modal-header h2 {
        font-size: 32px!important;
    }
    .promo-modal .modal-header h3 {
        font-size: 16px!important;
    }
    .promo-modal .modal-body h3{
        font-size: 20px!important;
    }
    .promo-modal .modal-body p {
        font-size: 16px!important;
    }
    .promo-box.kz_promo {
        flex-direction: column;
    }
    .promo-banner {
        width: 100%;
        min-height: 130px;
        padding: 24px;
    }
    .promo-banner img {
        height: 130px;
    }
    .promo-banner h2 {
        font-size: 32px;
        margin: 0 0 8px 0;
    }
    .promo-banner h3 {
        font-size: 16px;
    }
    .promo-box {
        gap: 24px;
        padding: 16px 16px 20px 16px
    }
    .promo-box .promo-progress {
        width: 100%;
        padding: 0;
    }
    .promo-box .progress-info h2 {
        margin-bottom: 8px;
        font-size: 20px;
    }
    .promo-box .progress-info p {
        font-size: 16px;
    }
    .promo-box .step-label {
        font-size: 14px;
        padding: 8px 14px;
        bottom: -44px;
    }
    .promo-box .kz_step-label {
        font-size: 14px;
        padding: 8px 14px;
        bottom: -10px;
    }
    .referral-steps-container {
        flex-direction: column;
        align-items: flex-start;
        position: relative;
    }

    .referral-line {
        background-image: repeating-linear-gradient(to bottom, #d4d4d4 0, #d4d4d4 8px, transparent 8px, transparent 16px);
        width: 2px;
        top: 0;
        left: 20px;
        right: auto;
        height: 63%;
    }
    .referral-step {
        width: 100%;
        flex-direction: row;
    }
    .referralModal button {
        padding: 13px 20px;
    }
    .referralModal button span {
        display: none;
    }
    .referralModal button img {
        margin: 0;
    }
}
@media (max-width: 768px) {
    /*md equivalent*/
    /*put your class here*/
}
@media (max-width: 992px) {
    /*lg equivalent*/
    /*put your class here*/
}
@media (max-width: 1200px) {
    /*xl equivalent*/
    /*put your class here*/
}