.topsaddicon {
    width: 20px;
    height: 20px;
}

.center-block {
    display: block;
}

.hid-4xl {
    display: block;
}

.vis-4xl {
    display: none;
}

.hid-xxxl {
    display: block;
}

.vis-xxxl {
    display: none;
}


.mbrnd-block {
    margin-bottom: 40px;
}

.bg-brand, .bg-brand-reverse {
    display: flex;
    align-content: center;
    flex-wrap: wrap-reverse;
}
.flash-content-block {
    top: 32%;
}

@media (min-width:2001px) {
    .hid-4xl {
        display: none !important;
    }

    .vis-4xl {
        display: block !important;
    }

    .hid-xxxl {
        display: none !important;
    }

    .vis-xxxl {
        display: block !important;
    }

    .btnback, .btnback:hover, .btnback:focus {
        width: 120px;
    }

    .contact .info-item {
        padding: 30px 30px;
    }

    .monthdiv h4 {
        padding: 10px 0;
        border: 1px solid #faf6ee;
        margin-bottom: 25px;
        font-size: 28px;
    }

    .Gem img {
        max-width: 200px;
    }

    .gemdesc {
        min-height: 66px;
    }

    .flash-content-block {
        top: 32%;
    }
}

@media (min-width:3001px) {
    .col-4xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-4xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-4xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-4xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-4xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-4xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-4xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-4xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-4xl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-4xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-4xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-4xl-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .order-4xl-1 {
        order: 1 !important;
    }

    .order-4xl-2 {
        order: 2 !important;
    }

    .container-fluid {
        padding-right: 170px;
        padding-left: 170px;
    }

    .h1, h1 {
        font-size: 3.8rem;
    }

    .h2, h2 {
        font-size: 3.4rem;
    }

    .h3, h3 {
        font-size: 3.0rem;
    }

    .h4, h4 {
        font-size: 2.8rem;
    }

    .h5, h5 {
        font-size: 2.5rem;
    }

    .h6, h6 {
        font-size: 2.2rem;
    }

    body, p, a, .nav-link, .productinfo, .btn, .address-item, .footer .social-icons, .footer .footer-content .footer-links ul a, .footer .footer-content .footer-info p {
        font-size: 25px;
    }

    .address-item-top {
        font-size: 22px;
        padding: 0 5px;
    }

    .flash-content-block h1 {
        font-size: 4.7rem;
        margin-bottom: 70px;
    }

    .flash-content-block .btngel, .flash-content-block .btngel:hover {
        font-size: 3.2rem;
    }

    .footer .icon15 {
        width: 25px;
        height: 25px;
    }

    .social-icons .icon30 {
        max-width: 40px !important;
        max-height: 40px !important;
    }

    .topsaddicon {
        width: 30px;
        height: 30px;
    }

    .iconp, icono {
        max-width: 45px;
        max-height: 45px;
    }

    .right-icons .icon25 {
        max-width: 35px !important;
        max-height: 35px !important;
    }

    .navbar a, .navbar a:hover, .navbar a:focus, .navbar .dropdown ul a {
        font-size: 24px;
    }

    .productslider .item {
        padding-right: 20px;
        padding-left: 20px;
    }

    .nav-prods a::before {
        width: 16px;
        height: 16px;
    }

    .card-img-overlay {
        padding: 40px;
        position: absolute;
        top: calc(49% - 320px);
        bottom: auto;
    }

    .btnseemore, .btnseemore:hover {
        background-color: #c9ae5d !important;
        color: #fff;
        width: 260px;
        font-size: 25px;
        padding: 10px 15px;
    }

    .footer .footer-legal .copyright, .footer .footer-legal .copyright a {
        font-size: 16px;
    }

    .footer .footer-content h4 {
        font-size: 28px;
    }

    .social-icons-follow ul li a img {
        max-width: 100px;
        max-height: 100px;
    }

    .social-title {
        font-size: 42px;
    }

    .form-control, .control-label
    .footer .footer-content .footer-newsletter .newsletter input[type=submit] {
        font-size: 25px;
    }


    .bcontent-block p {
        margin-top: 0px;
    }

    .bcontent-block .mt-5 {
        margin-top: 1.5rem !important;
    }

    .bg-brand, .bg-brand-reverse {
        position: relative;
        padding: 15px;
    }


    .block-2 .bimg-bg-reverse::before {
        left: 45px;
        bottom: 7%;
        box-shadow: -30px 16px 10px #9d9d9d;
        transform: rotateZ(-4deg) skew(0);
    }

    .block-2 .bg-brand-reverse::before {
        left: 0;
        right: 12px;
        bottom: 10%;
        box-shadow: 0 30px 10px rgba(0, 0, 0, 0.3);
        transform: rotateZ(4deg) skew(0);
    }

    .Pgheadercontent {
        padding: 40px 80px 40px 40px;
    }

    .Pgheader-edu {
        padding: 70px;
    }

    .contact .info-item .icon30 {
        max-width: 60px;
        max-height: 60px;
    }

    .info-txt .social-icons .icon30 {
        max-width: 55px !important;
        max-height: 55px !important;
    }

    .contact .info-item .info-txt {
        min-height: 130px;
    }
}

@media(max-width:3000px) and (min-width:2001px) {
    .col-xxxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xxxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xxxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xxxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xxxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-xxxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xxxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xxxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-xxxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xxxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xxxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-xxxl-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .order-xxxl-1 {
        order: 1 !important;
    }

    .order-xxxl-2 {
        order: 2 !important;
    }

    .container-fluid {
        padding-right: 120px;
        padding-left: 120px;
    }

    .hid-4xl {
        display: none !important;
    }

    .vis-4xl {
        display: block !important;
    }

    .h1, h1 {
        font-size: 3.5rem;
    }

    .h2, h2 {
        font-size: 3.2rem;
    }

    .h3, h3 {
        font-size: 3rem;
    }

    .h4, h4 {
        font-size: 2.5rem;
    }

    .h5, h5 {
        font-size: 2.25rem;
    }

    .h6, h6 {
        font-size: 2rem;
    }

    body, p, a, .nav-link, .productinfo, .btn, .address-item, .footer .social-icons, .footer .footer-content .footer-links ul a, .footer .footer-content .footer-info p {
        font-size: 22px;
    }

    .social-icons .icon30 {
        max-width: 35px !important;
        max-height: 35px !important;
    }

    .flash-content-block h1 {
        font-size: 3.2rem;
        margin-bottom: 20px;
    }

    .flash-content-block .btngel, .flash-content-block .btngel:hover {
        font-size: 2.2rem;
    }

    .footer .icon15 {
        width: 25px;
        height: 25px;
    }

    .right-icons .icon25 {
        max-width: 30px !important;
        max-height: 30px !important;
    }

    .iconp, .icono {
        max-width: 40px;
        max-height: 40px;
    }

    .topsaddicon {
        width: 25px;
        height: 25px;
    }

    .nav-prods a::before {
        width: 12px;
        height: 12px;
    }

    .navbar a, .navbar a:hover, .navbar a:focus, .navbar .dropdown ul a {
        font-size: 22px;
    }

    .card-img-overlay {
        padding: 20px;
    }

    .card-img-overlay {
        padding: 50px;
    }

    .btnseemore, .btnseemore:hover {
        background-color: #c9ae5d !important;
        color: #fff;
        width: 260px;
        font-size: 25px;
        padding: 10px 15px;
    }

    .footer .footer-legal .copyright, .footer .footer-legal .copyright a {
        font-size: 16px;
    }

    .footer .footer-content h4 {
        font-size: 28px;
    }

    .form-control, .control-label,
    .footer .footer-content .footer-newsletter .newsletter input[type=submit] {
        font-size: 22px;
    }

    .social-icons-follow ul li a img {
        max-width: 95px;
        max-height: 95px;
    }

    .brands-block {
        margin: 4pc 7pc;
    }

    .Pgheadercontent {
        padding: 30px 60px 30px 30px;
    }

    .Pgheader-edu {
        padding: 55px;
    }

    .contact .info-item .icon30 {
        max-width: 45px;
        max-height: 45px;
    }

    .contact .info-item .info-txt {
        min-height: 100px;
    }

    .info-txt .social-icons .icon30 {
        max-width: 42px !important;
        max-height: 42px !important;
    }

    .card-img-overlay {
        padding: 40px;
        position: absolute;
        top: 0;
        bottom: auto;
    }
}

@media(max-width:2500px) and (min-width:2001px) {
    .card-img-overlay {
        padding: 40px;
        position: absolute;
        top: 0;
        bottom: auto;
        width: 55%;
    }

    .bullionsection2 .card-img-overlay, .bullionsection4 .card-img-overlay {
        left: auto;
        right: 0;
    }

    .bullionsection1 .card-img-overlay, .bullionsection3 .card-img-overlay {
        left: 0;
        right: auto;
    }


    .card-img-overlay h1 {
        font-size: 3.2rem;
    }
}

@media(max-width:2150px) and (min-width:2001px) {
    .Pgheadercontent, .Pgheader-edu {
        width: 75%;
    }

    .Pgheader-edu {
        padding: 45px;
    }

    .Gem img {
        max-width: 160px;
    }
}