@font-face {
    font-family: 'ARB-187 Modern Caps';
    src: url('font/ARB-187 Modern Caps.ttf') format('truetype');
}

@font-face {
    font-family: 'Brandon_reg_it';
    src: url('font/Brandon_reg_it.otf') format('opentype');
}

.logo {
    height: 100px;
    width: 200px;
}

.nav-item .nav-link {
    font-family: 'ARB-187 Modern Caps';
    color: black !important;
    border-right: 2px solid;
    border-color: rgb(168, 111, 60);
    /*font-weight: bold;*/
    align-items: center;
    font-size: 18px;
}

.bord {
    border-right: none !important;
    margin-right: 10% !important;
}

.nav-item .nav-link:hover {
    color: rgb(226, 33, 28);
    border-bottom: 3px solid;
    border-color: rgb(226, 33, 28);
}

.nav-link .hov:hover {
    color: rgb(226, 33, 28);
}

.bton {
    background: rgb(164, 105, 52);
    color: white;
    /*font-family: 'ARB-187 Modern Caps';*/
    font-weight: bold;
    border-radius: 5px;
    border-color: rgb(164, 105, 52) !important;
    box-shadow: none;
    /*width: 7%;*/
    width: 100px;
    padding: 5px;
    margin: 2px;
}

.cQSLQU {
    /*font-family: 'ARB-187 Modern Caps';*/
    background-color: rgb(226, 33, 28);
    /*height: 100% !important;*/
    width: 100%;
    margin-right: -15px;
}

.oop {
    font-weight: bold;
    color: white;
}

.cQSLQU .oop:hover {
    color: white;
}

.s1 {
    font-size: 20px;
}

.o2 {
    font-size: 28px;
}

.reed {
    /*padding:10%;*/
    text-align: center;
}

.navbar {
    padding: 0;
}

.navbar-toggler > span {
    float: right;
    width: 150px;
    height: -1px;
    /*position: relative;
              top: 10px;*/
    transition: all 0.3s ease 0s;
}

@media (max-width: 1024px ) and (min-height: 1366px) {
    .med {
        /*width: 100%;*/
        text-align: start !important;
    }

    .nav-item .nav-link {
        font-family: 'ARB-187 Modern Caps';
        color: black !important;
        border-right: 2px solid;
        border-color: rgb(168, 111, 60);
        font-weight: bold;
        align-items: center;
        font-size: 15px !important;
    }

        .nav-item .nav-link > span {
            margin: -2px !important;
        }

    .im12 {
        width: 30%;
    }

    .bton {
        background: rgb(164, 105, 52);
        color: white;
        /*font-family: 'ARB-187 Modern Caps';*/
        font-weight: bold;
        border-radius: 5px;
        border-color: rgb(164, 105, 52) !important;
        box-shadow: none;
        /*width: 7%;*/
        width: 25%;
        padding: 5px;
        margin: 2px;
    }

    .med {
        margin-top: 2% !important;
    }
}

.im12 {
    width: 30%;
}


@media (min-width: 768px) {
    .bton {
        background: rgb(164, 105, 52);
        color: white;
        /*font-family: 'ARB-187 Modern Caps';*/
        font-weight: bold;
        border-radius: 5px;
        border-color: rgb(164, 105, 52) !important;
        box-shadow: none;
        /*width: 7%;*/
        /*width: 100px;*/
        /*padding: 5px;
                  margin: 2px;*/
    }

    .bton {
        background: rgb(164, 105, 52);
        color: white;
        /*font-family: 'ARB-187 Modern Caps';*/
        font-weight: bold;
        border-radius: 5px;
        border-color: rgb(164, 105, 52) !important;
        box-shadow: none;
        /*width: 7%;*/
        width: 25%;
        padding: 5px;
        margin: 2px;
    }
}


@media (max-width: 540px) {

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }

    .men h1 {
        font-size: x-large;
    }

    .buy {
        margin-bottom: 10%;
    }

    .texth1 {
        font-size: 40px !important;
    }

    .rowrow .botnn {
        margin-bottom: 3%;
    }
}

@media (width: 768px) {
    .text {
        padding: 0 !important;
    }

    /*.cta_row {
                flex-direction: column;
            }*/
}


@media (width: 280px) {
    .back {
        margin-top: 51% !important;
    }

    .med .bton {
        width: auto;
    }
}
/*.men {
            min-height: 345px;
        }*/


@media (width: 540px) {
    .mob {
        order: 2;
        height: 400px;
    }

    .txx {
        color: white;
        margin-top: -55% !important;
    }

    .next {
        margin-top: -92%;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }

    .navbar-toggler-icon {
        margin-right: -122%;
    }
}

@media (max-width: 360px) {
    .navbar-toggler-icon {
        margin-right: -10%;
    }
}


@media (width: 768px) {
    .navbar-toggler-icon {
        margin-right: -286% !important;
    }

    .back {
        margin-top: 24% !important;
    }

    .botnn {
        width: 100% !important;
        font-size: x-small !important;
    }

    .sor2 {
        margin-right: -6%;
    }

        .sor2 img {
            width: 100px !important;
            height: 30px !important;
        }
}


@media (min-width: 995px) and (max-width: 1144px) {
    .hov {
        font-size: 10px !important;
    }
}
@media (min-width: 1144px) and (max-width: 1296px) {
    .hov {
        font-size: 12px !important;
    }
}

@media (min-width: 807px) and (max-width: 835px) {
    .next {
        margin-top: -49% !important;
    }
}

@media (min-width: 990px) and (max-width: 1020px) {
    .next {
        margin-top: -33% !important;
    }
}


@media (min-width: 951px) and (max-width: 987px) {
    .next {
        margin-top: -35% !important;
    }

    .back {
        margin-top: 21% !important;
    }
}



@media (min-width: 836px) and (max-width: 855px) {
    .next {
        margin-top: -46% !important;
    }
}

@media (min-width: 855px) and (max-width: 875px) {
    .next {
        margin-top: -44% !important;
    }
}

@media (min-width: 875px) and (max-width: 907px) {
    .next {
        margin-top: -42% !important;
    }

    .back {
        margin-top: 22% !important;
    }
}

@media (min-width: 921px) and (max-width: 950px) {
    .next {
        margin-top: -37% !important;
    }
}

@media (min-width: 908px) and (max-width: 920px) {
    .next {
        margin-top: -39% !important;
    }

    .back {
        margin-top: 22% !important;
    }
}

@media (min-width: 782px) and (max-width: 807px) {
    .next {
        margin-top: -52% !important;
    }

    .back {
        margin-top: 22% !important;
    }
}

@media (min-width: 768px) and (max-width: 782px) {
    .next {
        margin-top: -55% !important;
    }

    .back {
        margin-top: 22% !important;
    }
}

@media (min-width: 758px) and (max-width: 772px) {

    .next {
        margin-top: -55% !important;
    }

    .mob {
        order: 2;
        height: 400px;
    }

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}



@media (min-width: 744px) and (max-width: 758px) {

    .next {
        margin-top: -57% !important;
    }

    .mob {
        order: 2;
        height: 400px;
    }

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}




@media (min-width: 731px) and (max-width: 744px) {

    .next {
        margin-top: -59% !important;
    }

    .mob {
        order: 2;
        height: 400px;
    }

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}



@media (min-width: 715px) and (max-width: 731px) {

    .next {
        margin-top: -61% !important;
    }

    .mob {
        order: 2;
        height: 400px;
    }

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}





@media (min-width: 700px) and (max-width: 715px) {

    .next {
        margin-top: -63% !important;
    }

    .mob {
        order: 2;
        height: 400px;
    }

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}





@media (min-width: 689px) and (max-width: 700px) {

    .next {
        margin-top: -65% !important;
    }

    .mob {
        order: 2;
        height: 400px;
    }

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}





@media (min-width: 679px) and (max-width: 689px) {

    .next {
        margin-top: -67% !important;
    }

    .mob {
        order: 2;
        height: 400px;
    }

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}



@media (min-width: 665px) and (max-width: 679px) {

    .next {
        margin-top: -69% !important;
    }

    .mob {
        order: 2;
        height: 400px;
    }

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}



@media (min-width: 654px) and (max-width: 665px) {

    .next {
        margin-top: -71% !important;
    }

    .mob {
        order: 2;
        height: 400px;
    }

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}



@media (min-width: 644px) and (max-width: 654px) {

    .next {
        margin-top: -73% !important;
    }

    .mob {
        order: 2;
        height: 400px;
    }

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}




@media (min-width: 634px) and (max-width: 644px) {

    .next {
        margin-top: -75% !important;
    }

    .mob {
        order: 2;
        height: 400px;
    }

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}



@media (min-width: 624px) and (max-width: 634px) {

    .next {
        margin-top: -77% !important;
    }

    .mob {
        order: 2;
        height: 400px;
    }

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}



@media (min-width: 605px) and (max-width: 624px) {

    .next {
        margin-top: -80% !important;
    }

    .mob {
        order: 2;
        height: 400px;
    }

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}


@media (min-width: 594px) and (max-width: 605px) {

    .next {
        margin-top: -83% !important;
    }

    .mob {
        order: 2;
        height: 400px;
    }

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}

@media (min-width: 580px) and (max-width: 594px) {

    .next {
        margin-top: -85% !important;
    }

    .mob {
        order: 2;
        height: 400px;
    }

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}


@media (min-width: 574px) and (max-width: 580px) {

    .next {
        margin-top: -88% !important;
    }

    .mob {
        order: 2;
        height: 400px;
    }

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}



@media (min-width: 564px) and (max-width: 574px) {

    .next {
        margin-top: -90% !important;
    }

    .mob {
        order: 2;
        height: 400px;
    }

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}





@media (min-width: 552px) and (max-width: 564px) {

    .next {
        margin-top: -92% !important;
    }

    .mob {
        order: 2;
        height: 400px;
    }

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}




@media (min-width: 540px) and (max-width: 552px) {

    .next {
        margin-top: -95% !important;
    }

    .mob {
        order: 2;
        height: 400px;
    }

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}





@media (min-width: 533px) and (max-width: 540px) {

    .next {
        margin-top: -97% !important;
    }

    .mob {
        order: 2;
        height: 400px;
    }

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}


@media (min-width: 523px) and (max-width: 533px) {

    .next {
        margin-top: -100% !important;
    }

    .mob {
        order: 2;
        height: 400px;
    }

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}

@media (min-width: 513px) and (max-width: 523px) {

    .next {
        margin-top: -103% !important;
    }

    .mob {
        order: 2;
        height: 400px;
    }

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}


@media (min-width: 500px) and (max-width: 513px) {

    .next {
        margin-top: -107% !important;
    }

    .mob {
        order: 2;
        height: 400px;
    }

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}



@media (min-width: 485px) and (max-width: 500px) {

    .next {
        margin-top: -112% !important;
    }

    .mob {
        order: 2;
        height: 400px;
    }

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}



@media (min-width: 471px) and (max-width: 485px) {

    .next {
        margin-top: -116% !important;
    }

    .mob {
        order: 2;
        height: 400px;
    }

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}


@media (min-width: 570px) and (max-width: 767px) {
    .divord {
        text-align-last: center;
        margin-left: auto;
        margin-right: -26% !important;
        margin-top: 28%;
    }
}

@media (min-width: 650px) and (max-width: 767px) {
    .back {
        margin-top: 24% !important;
    }
}


@media (min-width: 580px) and (max-width: 650px) {
    .back {
        margin-top: 26% !important;
    }
}

@media (min-width: 550px) and (max-width: 580px) {
    .back {
        margin-top: 28% !important;
    }
}


@media (max-width: 768px) {

    .rowrow {
        text-align-last: center;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}

@media (min-width: 533px) and (max-width: 700px) {

    .txx {
        margin-top: -55% !important;
    }
}

@media (min-width: 788px) and (max-width: 880px) {

    .navbar-toggler-icon {
        margin-right: -300% !important;
    }
}

@media (min-width: 699px) and (max-width: 787px) {

    .navbar-toggler-icon {
        margin-right: -240% !important;
    }
}


@media (min-width: 614px) and (max-width: 699px) {

    .navbar-toggler-icon {
        margin-right: -187% !important;
    }
}

@media (min-width: 550px) and (max-width: 614px) {

    .navbar-toggler-icon {
        margin-right: -124% !important;
    }
}

@media (min-width: 336px) and (max-width: 417px) {

    .navbar-toggler-icon {
        margin-right: -25% !important;
    }
}


@media (max-width: 1024px) {




    .back {
        margin-top: 22%;
    }
}

@media (max-width: 1277px) {
    .nav-item .nav-link {
        font-family: 'ARB-187 Modern Caps';
        color: black !important;
        border-right: 2px solid;
        border-color: rgb(168, 111, 60);
        font-weight: bold;
        align-items: center;
        font-size: 13px !important;
    }
}


.bton {
    background: rgb(164, 105, 52);
    color: white;
    /*font-family: 'ARB-187 Modern Caps';
                font-weight: bold;
                border-radius: 5px;
                border-color: rgb(164, 105, 52) !important;
                box-shadow: none;
                /*width: 7%;*/
    width: 20%;
    font-size: 10px;
    /*padding: 5px;
                  margin: 2px;*/
}


@media (max-width: 280px) {
    .navbar-toggler > span {
        float: right;
        width: 100px;
        height: -1px;
        /*position: relative;
              top: 10px;*/
        transition: all 0.3s ease 0s;
    }

    .bton {
        background: rgb(164, 105, 52);
        color: white;
        /*font-family: 'ARB-187 Modern Caps';*/
        font-weight: bold;
        border-radius: 5px;
        border-color: rgb(164, 105, 52) !important;
        box-shadow: none;
        /*width: 7%;*/
        width: 20%;
        font-size: 10px;
        /*padding: 5px;
                  margin: 2px;*/
    }

    .im12 {
        width: 35%;
    }

    .navbar-toggler-icon {
        margin-right: -50%;
    }

    .nav-item .nav-link {
        font-family: 'ARB-187 Modern Caps';
        color: black !important;
        border-right: 2px solid;
        border-color: rgb(168, 111, 60);
        /*font-weight: bold;*/
        align-items: center;
        font-size: 15px;
    }
}
/*.col-sm-12  {
              background-color: #e7e9e6;
          }*/

/*.navbar-toggler-icon {
            margin-right: -60%;
        }*/

.cQSLQU {
    background-color: rgb(226, 33, 28) !important;
}

.fot {
    font-family: 'ARB-187 Modern Caps';
    color: black;
    font-weight: bold;
    margin-top: 8%;
}

.iconn {
    width: 40px;
    height: 40px;
    margin: 7px;
}

.ons {
    margin-top: 5% !important;
}

.mid .ons a {
    font-weight: bold;
    margin-right: 10px;
    color: black;
}

    .mid .ons a:hover {
        color: rgb(226, 33, 28);
    }

.ons2 {
    margin-top: 3% !important;
}

.mid .ons2 a {
    margin-right: 12px;
    color: black;
}

    .mid .ons2 a:hover {
        color: rgb(226, 33, 28);
    }

.ons3 {
    margin-top: 3% !important;
}

.mid .ons3 a {
    margin-right: 12px;
    color: black;
    text-decoration: underline;
    padding-right: 10px;
    border-right: 1px solid black;
    font-size: 13px;
}

    .mid .ons3 a:hover {
        color: rgb(226, 33, 28);
        border-right: 1px solid rgb(226, 33, 28);
        text-decoration: underline;
        text-decoration-color: rgb(226, 33, 28);
    }

header {
    position: fixed;
    z-index: 1;
    width: 100%;
    background-color: white;
    box-shadow: none;
    /*margin-bottom: 55%;*/
}
/*footer{
              margin-top:5%;
          }*/
.menu {
    display: inline-block;
    width: 100% !important;
    margin-top: 7%;
    background-size: contain;
    position: relative;
    background-color: #e7e9e6;
    /*height:40px;*/
}

.men {
    width: 100%;
    height: 100%;
    border: none;
    font-size: 18px;
    background-color: #e7e9e6;
}

.colbtn:hover {
    background-color: rgb(226, 33, 28);
    color: white;
}

.colbtn .men:hover {
    background-color: rgb(226, 33, 28);
    color: white;
    border: 1px solid rgb(226, 33, 28);
}
/*.colbtn .men:active {
            background-color: rgb(226, 33, 28) !important;
            color: white !important;
            border: 1px solid rgb(226, 33, 28) !important;
        }*/
.active, .men:hover {
    background-color: rgb(226, 33, 28);
    color: white;
    border: 1px solid rgb(226, 33, 28);
}

@media (min-width: 330px) and (max-width: 385px) {
    .menu {
        margin-top: 75%;
    }
}

@media (min-width: 400px) and (max-width: 450px) {
    .menu {
        margin-top: 71%;
    }

    .navbar-brand {
        visibility: inherit;
    }
}

@media (max-width: 280px) {
    .menu {
        margin-top: 95%;
    }

    .next {
        margin-top: -72% !important;
    }
}

@media (max-width: 320px) {
    .menu {
        margin-top: 85%;
    }
}

@media (min-width: 900px) and (max-width: 1500px) {
    .menu {
        margin-top: 10%;
    }
}

.trw {
    font-family: 'ARB-187 Modern Caps';
    color: black !important;
    font-size: 50px;
}

.backg {
    background-image: url('img/diamond-background.png');
    display: inline-block;
    width: 100% !important;
    /*margin-top: -165%;*/
    /*background-size:contain;*/
    position: relative;
    background-repeat: repeat;
}

.card-title {
    font-family: 'ARB-187 Modern Caps';
    color: black !important;
}

.card-text {
    /*font-family: 'Brandon_reg_it';*/
    font-family: BrandonGrotesque-Regular, Arial, Helvetica;
    /*font-family:'Bradley Hand ITC';*/
}

.botn {
    background-color: rgb(226, 33, 28);
    color: white;
    font-weight: bold;
    border-radius: 10px;
    /*width: 50%;
            height: 50px;*/
    font-size: initial;
}

.navbar-brand {
    visibility: hidden;
}

.img {
    background-image: url("https://koala-marketing-api-production.s3.amazonaws.com/round-table-pizza/assets/wings-with-sauce.jpeg");
    display: inline-block;
    width: 100% !important;
    flex: 0 0 430px;
    background-repeat: no-repeat;
    /*background-position: center center;
            background-size: cover;*/
}

.xx {
    background-image: url('img/diamond-background.png');
    display: inline-block;
    width: 100% !important;
    /*margin-top: -165%;*/
    /*background-size:contain;*/
    position: relative;
    background-repeat: repeat;
}

.size_list li {
    display: inline-block;
    position: relative;
}

.list {
    border-right: 1px solid black;
    margin-right: 2px;
    /*padding:2px;*/
    padding-right: 4px !important;
}

.deco {
    font-family: 'ARB-187 Modern Caps';
}

.gf_txt {
    position: absolute;
    bottom: -0.5rem;
    left: 2%;
    font-size: 1rem;
    text-transform: none;
}

.sub_section .img {
    flex: 0 0 430px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.sub_section {
    display: flex;
    min-height: 234px;
}

.card {
    height: 100%;
}

.back {
    background-image: url('img/back.jpeg');
    display: inline-block;
    width: 100% !important;
    margin-top: 7%;
    background-size: contain;
    position: relative;
    height: 100vh;
    background-repeat: no-repeat;
}



/*@media (width: 411px) and (height: 823px) {
            .next {
                margin-top: -40% !important;
            }
        }*/


@media (max-width: 471px) {
    .back {
        background-image: url('img/back2.jpeg');
        display: inline-block;
        width: 100% !important;
        margin-top: 37%;
        background-size: contain;
        position: relative;
        height: 100vh;
        background-repeat: no-repeat;
    }

    .sor {
        margin-top: 23%;
    }

    .order {
        margin-top: 70%;
        background-color: rgb(226, 33, 28);
        color: white;
        font-weight: bold;
        border-radius: 10px;
        width: 140px;
        height: 40px;
    }

    .mob {
        order: 2;
        height: 400px;
        background-size: contain;
    }

    .divord {
        text-align-last: center;
        margin-top: 0 !important;
    }

    .immgg {
        width: auto !important;
        margin-left: 0 !important;
        margin-top: -20% !important;
    }

    .men h1 {
        font-size: -webkit-xxx-large;
        font-size: 35px;
        margin-top: 10%;
    }

    .vv {
        width: 284% !important;
        height: 100% !important;
        /*position: absolute;*/
        /*top: 50%;*/
        left: 50%;
        /*float: right;*/
        /*z-index: 1;*/
        /*width: 100%;
                height: auto;*/
        /*transform: translate(-50%, -50%);*/
    }

    .sor2 {
        text-align: center !important;
    }

    .text-left {
        text-align: center !important;
    }

    .txx {
        margin-top: -105% !important;
    }

    .log {
        width: inherit;
    }

   /* .men {
        min-height: 345px;
    }*/

    .buy {
        margin-bottom: 10% !important;
    }

    .text {
        text-align: center;
    }

    .cta_row {
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
    }
}


@media (width: 320px) {
    .back {
        margin-top: 44% !important;
    }
}

@media (max-width: 380px) {
    .next {
        margin-top: -18%;
    }
}


@media (min-width: 768px) and (max-width:1050px) {
    .botnn {
        width: 100%;
        font-size: x-small !important;
    }
}




@media (min-width: 768px) and (max-width:1295px) {


    .sor2 img {
        width: 141px !important;
        height: 50px !important;
        margin-right: -11% !important;
    }
}




@media (max-width: 767px) {
    .botnn {
        margin-bottom: 2%;
    }
}


/* @media (max-width: 1024px) and (min-height: 1366px) {
            .nav-item .nav-link > span {
                margin: -2px !important;
            }
        }*/



@media (min-width: 374px) and (max-width: 376px) {
    .next {
        margin-top: -50% !important;
    }
}




@media (min-width: 1020px) and (max-width: 1025px) {
    .hov {
        font-size: 13px;
    }
}

@media (max-width: 320px) {
    /*.back {
                    margin-top: 44% !important;
                }*/

    .next {
        margin-top: -50%;
    }

    .texth1 {
        margin-top: 21%;
    }

    .order {
        margin-top: 70% !important;
        background-color: rgb(226, 33, 28);
        color: white;
        font-weight: bold;
        border-radius: 10px;
        width: 140px;
        height: 40px;
    }

    .divord {
        text-align-last: center;
    }
}

@media (min-width: 330px) and (max-width: 360px) {
    .back {
        margin-top: 78%;
    }

    .next {
        margin-top: -18% !important;
    }

    .order {
        margin-top: 70% !important;
        background-color: rgb(226, 33, 28);
        color: white;
        font-weight: bold;
        border-radius: 10px;
        width: 140px;
        height: 40px;
    }

    .divord {
        text-align-last: center;
        margin-top: 0 !important;
    }
}

@media (max-width: 380px) {
    .back {
        margin-top: 40%;
    }
}
/*@media (min-height: 568px) , (min-width: 320px){
            .next {
                margin-top: -22% !important;
            }
        }*/

@media (min-width: 380px) and (max-width: 420px) {
    .next {
        margin-top: -27% !important;
    }
}


@media (max-width: 420px) {
    .navbar-toggler-icon {
        margin-right: -38% !important;
    }
}


/*@media (max-width: 411px)  {
            .next {
                margin-top: -41% !important;
            }
        }*/
@media (min-width: 366px) and (max-width:375px) {
    .next {
        margin-top: -54% !important;
    }
}


@media (max-width: 300px) {
    .back {
        margin-top: 97%;
    }
}

@media (min-width: 990px) and (max-width: 1024px) {
    .back {
        margin-top: 10%;
    }

    .next {
        margin-top: -92%;
    }
}


@media (min-width: 580px) and (max-width: 990px) {
    .back {
        margin-top: 22%;
    }

    .next {
        margin-top: -92%;
    }
}



.order {
    background-color: rgb(226, 33, 28);
    color: white;
    font-weight: bold;
    border-radius: 10px;
    width: 150px;
    height: 50px;
    /*margin-top: 120% ;*/
}

.divord {
    text-align-last: center;
    margin-left: auto;
    margin-right: 1%;
    margin-top: 28%;
}


@media (min-width: 471px) and (max-width: 570px) {


    .order {
        width: 140px;
        height: 40px;
        margin-right: -61%;
    }
}



@media (min-width: 500px) and (max-width: 570px) {
    .back {
        margin-top: 31%;
    }
}

@media (min-width: 471px) and (max-width: 500px) {
    .back {
        margin-top: 33%;
    }
}

.mob {
    background-image: url('img/mobile-phone-trio.png') !important;
    background-size: cover;
    position: relative;
    /*height: 100vw;*/
    padding: 10%;
    background-repeat: no-repeat;
    /*background-position:right;*/
    background-position-x: center;
    margin-top: 50%;
}

.prop {
    font-family: 'ARB-187 Modern Caps';
    color: black !important;
}

.apple_app {
    background-image: url(https://koala-marketing-api-production.s3.amazonaws.com/round-table-pizza/assets/app-store-icon-vector.svg);
}

.google_play {
    background-image: url(https://koala-marketing-api-production.s3.amazonaws.com/round-table-pizza/assets/google-play-icon-vector.svg);
}

.app_btn {
    display: inline-block;
    width: 3.35593em;
    height: 1em;
    font-size: 2.9rem;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.rtp_cta {
    display: inline-block;
    padding: 0.9em 1.7em;
    background-color: rgb(226, 36, 38);
    border-radius: 8px;
    font-size: 1rem;
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    transition: all 0.3s ease-in-out 0s;
}

.flex_alcenter {
    -webkit-box-align: center;
    align-items: center;
}

.flex {
    display: flex;
}

.app_btn {
    margin: 0px 1% 20px;
}

.cta_row a:first-child {
    margin-left: 0px;
}

.rtp_cta {
    margin: 0px 1% 20px;
}

.backpng {
    background-image: url('img/diamond-background.png');
    display: inline-block;
    /*width: 100% ;*/
    /*margin-top: -165%;*/
    /*background-size:contain;*/
    position: relative;
    /*height: 380px;*/
    margin-top: -5% !important;
    background-repeat: repeat;
}

.men {
    background-image: url('img/round-table-t-shirts.jpeg');
    background-size: contain;
    position: relative;
    height: auto;
    padding: 10%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgb(255, 255, 255);
}

.four {
    min-height: 420px;
}

/*.botnn {
            background-color: rgb(226, 33, 28);
            color: white;
            font-weight: bold;
            border-radius: 10px;
            /*width: 200px;
            height: 50px;*/
}

*/
.vv {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
}

.vide {
    position: relative;
    /*background-color: rgb(0, 0, 0);*/
    /*font-size: 2rem;*/
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
}

.botnn {
    display: inline-block;
    padding: 0.9em 1.7em;
    background-color: rgb(218, 41, 28);
    border-radius: 8px;
    font-size: 1rem;
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    transition: all 0.3s ease-in-out 0s;
}


h6 {
    color: black;
}

.botn {
    width: 150px;
    height: 50px;
}


@media (width: 1024px) {
    .next {
        margin-top: -92% !important;
    }

    .botnn {
        width: 100%;
        font-size: x-small;
    }

    .sor2 img {
        width: 133px !important;
        height: 36px !important;
    }
}


@media (min-width: 433px) and (max-width: 490px) {
    .navbar-toggler-icon {
        margin-right: -72%;
    }
}

@media (min-width: 335px) and (max-width: 433px) {
    .navbar-toggler-icon {
        margin-right: -38%;
    }
}

@media (min-width: 490px) and (max-width: 550px) {
    .navbar-toggler-icon {
        margin-right: -110%;
    }
}
/* @media (min-width: 410px) and (max-width: 412px) {
            .next {
                margin-top: -34% !important;
            }
        }*/





@media (min-width: 995px) and (max-width: 1023px) {

    .sor2 img {
        width: 133px !important;
        height: 36px !important;
    }

    .next {
        margin-top: -32% !important;
    }

    .botnn {
        width: 100%;
        font-size: x-small;
    }
}


@media (min-width: 1025px) and (max-width: 1049px) {


    .next {
        margin-top: -30% !important;
    }

    .botnn {
        width: 100%;
        font-size: x-small;
    }
}

@media (min-width: 1050px) and (max-width: 1078px) {


    .next {
        margin-top: -28% !important;
    }

    .botnn {
        width: 100%;
        font-size: x-small;
    }
}

@media (min-width: 1079px) and (max-width: 1099px) {


    .next {
        margin-top: -26% !important;
    }

    .botnn {
        width: 100%;
        font-size: x-small;
    }
}

@media (min-width: 1100px) and (max-width: 1160px) {


    .next {
        margin-top: -23% !important;
    }

    .botnn {
        width: 100%;
        font-size: x-small;
    }
}

@media (min-width: 1161px) and (max-width: 1180px) {


    .next {
        margin-top: -22% !important;
    }

    .botnn {
        width: 100%;
        font-size: x-small;
    }
}

@media (min-width: 1181px) and (max-width: 1221px) {


    .next {
        margin-top: -20% !important;
    }

    .botnn {
        width: 100%;
        font-size: x-small;
    }
}

@media (min-width: 1222px) and (max-width: 1260px) {


    .next {
        margin-top: -18% !important;
    }

    .botnn {
        width: 100%;
        font-size: x-small;
    }
}

@media (min-width: 1261px) and (max-width: 1296px) {


    .next {
        margin-top: -16% !important;
    }

    .botnn {
        width: 100%;
        font-size: x-small;
    }
}

@media (min-width: 921px) and (max-width: 950px) {


    .next {
        margin-top: -38% !important;
    }

    .back {
        margin-top: 19% !important;
    }

    .botnn {
        width: 100%;
        font-size: x-small;
    }
}


@media (max-width: 550px) {
    .cQSLQU {
        border-top: 1px solid rgb(164, 105, 52);
        bottom: 0px;
        display: flex;
        height: 12%;
        left: 0px;
        margin: 0px;
        position: fixed;
        width: 100%;
        justify-content: center;
    }

        .cQSLQU span {
            display: inline !important;
            font-size: 22px !important;
        }

    .med {
        background: rgb(231, 233, 230);
        border-bottom: 2px solid rgb(164, 105, 52);
        -webkit-box-pack: center;
        justify-content: center;
        left: 0px;
        position: absolute;
        top: 70px;
        width: 100%;
        margin-top: 4% !important;
    }

    .navbar-collapse1 {
        background-color: white;
        box-shadow: rgb(0 0 0 / 30%) 0px 0px 15px 0px inset;
        flex-direction: column;
        height: calc(100% - 58px);
        left: 0px;
        padding: 0px;
        position: fixed;
        text-align: center;
        top: 95px;
        width: 100%;
        z-index: 9;
        display: block;
        max-inline-size: -webkit-fill-available;
    }

        .navbar-collapse a {
            border-bottom: 1px solid rgb(164, 105, 52);
            font-size: 20px;
            height: 58px;
            -webkit-box-pack: start;
            justify-content: flex-start;
            padding: 40px;
        }
}


@media (min-width: 986px) and (max-width: 990px) {

    .next {
        margin-top: -34%;
    }
}


@media (min-width: 550px) and (max-width: 992px) {
    .med {
        background: rgb(231, 233, 230);
        border-bottom: 2px solid rgb(164, 105, 52);
        -webkit-box-pack: center;
        justify-content: center;
        left: 0px;
        position: absolute;
        top: 58px;
        width: 100%;
        margin-top: 4% !important;
    }


    .cQSLQU {
        border-top: 1px solid rgb(164, 105, 52);
        bottom: 0px;
        display: flex;
        height: 10%;
        left: 0px;
        margin: 0px;
        position: fixed;
        width: 100%;
        justify-content: center;
    }

        .cQSLQU span {
            display: inline !important;
            font-size: 22px !important;
        }

    .o2 {
        display: inline !important;
    }

    .logo {
        max-width: 150px;
        min-width: 150px;
    }

    .navbar-toggler-icon {
        margin-right: -384%;
    }

    .row {
        justify-content: space-between;
    }

    .navbar-collapse1 {
        background-color: white;
        box-shadow: rgb(0 0 0 / 30%) 0px 0px 15px 0px inset;
        flex-direction: column;
        height: calc(100% - 58px);
        left: 0px;
        padding: 0px;
        position: fixed;
        text-align: center;
        top: 95px;
        width: 100%;
        z-index: 9;
        display: block;
        max-inline-size: -webkit-fill-available;
    }

        .navbar-collapse a {
            border-bottom: 1px solid rgb(164, 105, 52);
            font-size: 20px;
            height: 58px;
            -webkit-box-pack: start;
            justify-content: flex-start;
            padding: 40px;
        }
}

.animation {
    animation: mymove 3s;
}

.ani1 {
    animation-timing-function: cubic-bezier();
}

@keyframes mymove {
    from {
        bottom: -200px;
    }

    to {
        bottom: 1px;
    }
}