@media screen and (max-width: 1359px){

    .container {
        max-width: 1080px;
    }

    .offerimg img{
        width: -webkit-fill-available;
    }

    .productcard {
        width: 380px;
    }

    .productcard img {
        width: 100px;
        height: 373px;
    }

    h2 {
        font-size: 24px;
        padding-bottom: 24px;
        color: #05131E;
    }

}

@media screen and (max-width: 1179px){

    .container {
        max-width: 900px;
    }

    .menu-list{
        width: 800px;
        margin: 0 auto;
        padding: 15px 0;
    }

    .sub-menu-sub-list{
        margin: 0 auto;
        width: 800px;
        display: none;
    }

    .submenu-item{
        display: grid;
        width: 190px;
    }
    
    .productcard {
        width: 300px;
    }

}

@media screen and (max-width: 949px){

    .container {
        max-width: 700px;	
    }

    .menu-list{
        width: 700px;
        margin: 0 auto;
        padding: 15px 0;
    }

    .sub-menu-sub-list{
        margin: 0 auto;
        width: 700px;
        display: none;
    }

    .submenu-item{
        display: grid;
        width: 175px;
    }


    .offer p {
        font-size: 17px;
        padding-bottom: 24px;
    }

    h1, h2, h3, h4, h5, h6 {
        font-size: 32px;
    }

    .title {
        font-size: 17px;
    }

    p{
        font-size: 14px;
    }

    .products {
        padding: 100px 0;
    }

    .productcard {
        width: 300px;
    }

    h2{
        font-size: 24px;
        padding-bottom: 24px;
        color: #05131E;
    }

    .productcard img {
        width: 70px;
        height: 261px;
    }
    
}

@media screen and (max-width: 799px){

    .container {
        max-width: 500px;	
    }

    .age-verification-main img {
        width: 100%;
    }

    #menu{
        height: 100%;
        margin: 0 auto;
    }

    .menu-list{
        width: 100%;
        margin: 0 auto;
        padding: 12px 0;
        padding-top: 50%;
    }

    .menu-list ul{
        display: block;
    }

    .menu-list ul :not(last-child){
        padding-bottom: 12px;
    }


    .shown{ display: block !important; }

    .mainscreen {
        display: block;
    }

    .offer {
        width: 100%;
        position: relative;
        padding-bottom: 32px;
        transform: translate(0,0);
    }

    .offerimg {
        width: 100%;
        margin: 0 auto;
    }

    .legend {
        display: block;
        position: relative;
    }

    .legenddisc {
        width: 100%;
        position: relative;
        transform: translate(0, 0);
        padding-bottom: 24px;
    }

    .legendimg {
        width: 100%;
    }

    .process {
        display: block;
        position: relative;
    }

    .processdisc {
        width: 100%;
        position: relative;
        transform: translate(0, 0);
    }

    .processimg {
        width: 100%;
        padding-bottom: 24px;
    }

    .row {
        display: block;
        padding-bottom: 0;
    }

    .productcard {
        width: auto;
        padding-bottom: 32px;
    }

    .form {
        width: auto;
    }

    .select_forms {
        display: block;
    }

    .productcardpagerow {
        display: block;
    }

    .firstcolumn{
        margin: 0 auto;
        text-align: center;
    }

    .secondcolumn{
        display: none;
    }

    .thirdcolumn{
        display: none;
    }
    
    .fourthcolumn{
        display: none;
    }

    .productcardimg {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 32px;
    }

    .productcardimg img {
        height: 460px;
    }

    .productcardpagedisc {
        width: 100%;
        position: relative;
        top: 50%;
        transform: translate(0, 0);
        right: 0;
    }

    .product_info_row {
        display: block;
        justify-content: space-between;
    }

    .productfirstcolumn {
        width: 100%;
    }

    .productsecondcolumn {
        width: 100%;
    }

}


@media screen and (max-width: 559px){

    .container {
        max-width: 320px;	
    }

    .age-verification-main img {
        width: 100%;
        padding-bottom: 24px;
    }

    .age-title {
        font-size: 17px;
    }

    .age-subtitle {
        padding-bottom: 24px;
        font-size: 14px;
    }

    .offer p {
        font-size: 14px;
        padding-bottom: 24px;
    }

    .button{
        font-size: 14px;
    }

    .darkbutton{
        font-size: 14px;
    }

}