

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


@media (min-width: 1800px) {
    .bg-img {
        left: 50%;
        transform: translateX(-50%);
        width: 70%;
    }
    
}

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



@media (max-width: 1200px) {

    .hand-img {
        position: static;
        margin-top: 20px;
        margin-bottom: -50px;
        margin-left: -35px;
    }

    .table td, .table th {
        padding: 25px;
    }
}

@media (max-width: 992px) {

    html {
        font-size: 15px;
    }

    .section {
        padding: 80px 0 65px;
    }
}

@media (max-width: 769px) {

    html {
        font-size: 14px;
    }

    .main-title {
        margin-bottom: 15px;
    }


    .section {
        padding: 60px 0 0;
    }
}

@media (max-width: 569px) {

    html {
        font-size: 13px;
    }

    .grey-block .section-title {
        margin-bottom: 30px;
    }

    .section {
        padding: 50px 0 0;
    }

    .table td, .table th {
        padding: 20px;
    }

    .table-wraper,
    .grey-block {
        border-radius: 26px;
    }

}

@media (max-width: 500px) {

    html {
        font-size: 12px;
    }

    .table td, .table th {
        padding: 15px;
    }

}

@media (max-width: 460px) {
    .grey-block {
        padding: 30px 20px;
    }

    .section {
        padding: 40px 0 0;
    }
}

@media (max-width: 380px) {
    html {
        font-size: 11px;
    }
}



@media (max-width: 350px) {
    html {
        font-size: 10px;
    }
}

