@media screen and (max-width: 1499px) {
    .container {
        max-width: 1260px;
        width: 96%;
    }
    .main_menu ul li a {
        font-size: 15px;
        padding: 15px 15px;
    }
    .pro-box-left .pro-box-in {
        height: 277px;
    }
    .rec-pro {
        width: 18%;
        padding: 15px;
    }
    .view-btn {
        font-size: 20px;
    }
    .rel-items p {
        font-size: 14px;
    }
    body {
        font-size: 15px;
    }
    .items-sec h3 {
        font-size: 24px;
        margin: 0 0 20px;
    }
    .pro-drc-box h4 {
        font-size: 20px;
        margin: 0 0 15px;
    }
    h3 {
        font-size: 24px;
        margin: 0 0 30px;
    }
    .pagination ul li a {
        font-size: 14px;
        min-width: 34px;
    }
}

@media screen and (max-width: 1199px) {
    .main_menu ul li a {
        font-size: 14px;
        padding: 12px 10px;
    }
    .search-btn {
        height: 40px;
        width: 100px;
    }
    body {
        font-size: 15px;
        line-height: 1.6;
    }
    .search-top .form-select {
        width: 135px;
        font-size: 15px;
    }
    .search-top input[type="text"] {
        width: calc(100% - 150px);
        padding: 0 15px;
        margin-right: -1px;
    }
    
    .sec {
        padding: 25px 0;
    }
    .banner-sec {
        padding-top: 35px;
    }
 /*   .body-bg {
        padding-top: 135px;
    }*/
    .items-sec h3 {
        font-size: 24px;
    }
    .items-pro {
        width: calc(33.33% - 1px);
        padding: 20px;
        margin-left: 1px;
    }
    .items-pro:first-child {
        width: 33.33%;
        margin-left: 0;
    }
    .pro-box-left .pro-box-in {
        height: 218px;
    }
    .view-btn {
        font-size: 18px;
    }
    .cen-caps {
        width: 135px;
    }
    .rec-pro .items-pro-img img {
        height: 150px;
    }
    .rel-items .items-pro-img img {
        height: 200px;
    }
}
@media screen and (max-width: 991px) {
    .banner-box {
        padding: 5px;
    }
    .items-pro {
        padding: 15px;
    }
    .pro-box-left .pro-box-in {
        height: 165px;
    }
    .rec-pro {
        width: 31.33%;
        padding: 15px;
    }
    .footer-left p {
        max-width: 100%;
    }
    ul.social-link {
        margin-bottom: 25px;
    }
    .search-col {
        width: 58%;
        padding: 0 15px;
    }
    .view-btn {
        font-size: 16px;
    }
    .cen-caps {
        width: 115px;
    }
 /*   .top-menu {
        padding: 9px 0;
    }*/
    .main_menu > ul > li:first-child > a i {
        margin-right: 0;
    }
    .body-bg {
        /*padding-top: 120px;*/
        /*padding-top: 0px !important;*/
    }
    header{
        position: sticky !important;
        top: 0; 
    }
    .pro-details {
        padding-left: 12px;
    }
    .bredcrumb ul li a {
        font-size: 13px;
    }
    .pagination ul li a {
        padding: 3px 10px;
        font-size: 13px;
        min-width: 30px;
    }
    .pagination ul {
        column-gap: 7px;
    }
    .rec-pro .items-pro-img img {
        height: 200px;
    }
    .add_to_cart {
    position: relative;
    float: right;
    }
    i.fas.fa-shopping-cart {
    color: #000;
    }
    li.cart-menu-item {
        display: none !important;
    }
    i.fas.fa-shopping-cart {
    color: #000;
    }
    h1.entry-title {
    margin-top: 12px;
    margin-left: 38px;

    }
    #post-489 h2.form_title {
    margin-top: 23px;
    }
    i.fas.fa-shopping-cart {
    margin-right: 4px;
    margin-top: 5px;
    }
    span.cart-count {
    top: 2px;
    }
    .add_to_cart {
    visibility: visible;
    opacity: 1;
    }
    .main_menu{
    clear: both;
    }
    article#post-12 {
    padding: 1px 0;
    }

    .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
        padding: 0 !important;
    }
    .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
    left: 15px;
    top: 9px;
}
.search-top {
    display: flex;
    margin: 10px 0;
    padding: 10px;
}
.trigger_down {
    position: absolute;
    right: 0;
    top: 10px;
    width: 100px;
    text-align: end;
    display: flex;
    justify-content: flex-end;
    height: 20px;
}

}
@media screen and (max-width: 767px) {
    ul.footer-nav {
        margin-bottom: 25px;
    }
      .bredcrumb {
        margin: 15px 0 37px;
    }
    .banner-cen {
        padding: 5px;
        width: 100%;
    }
    .banner-left {
        padding: 5px;
        width: 100%;
    }
    .banner-right {
        width: 100%;
    }
    .banner-right-in {
        padding: 5px;
    }
    .items-pro:first-child {
        width: 50%;
        margin-left: 0;
    }
    .items-pro {
        width: calc(50% - 1px);
        margin-left: 1px;
        margin-top: 1px;
    }
    .pro-box-left .pro-box-in {
        height: auto;
        padding: 10px;
    }
    .pro-box-right {
        width: 100%;
        padding: 0 10px;
    }
    .pro-box-left {
        width: 100%;
        padding: 0 10px;
    }
    .items-sec h3 {
        font-size: 20px;
    }
    .rec-pro {
        width: 45%;
        padding: 15px;
        margin: 0 2.5% 20px;
    }
    .rec-box {
        margin: 0 -2.5%;
    }
/*    .search-col {
        position: absolute;
        width: 100%;
        left: 0;
        top: 50px;
    }*/
    .search-btn {
        height: 32px;
        width: 100px;
        font-size: 14px;
    }
    .search-top .form-select {
        width: 135px;
        font-size: 13px;
        padding: 0 9px;
    }
    .search-top input[type="text"] {
        width: calc(100% - 150px);
        padding: 0 10px;
        margin-right: -1px;
        font-size: 13px;
    }
    .header-top {
        padding: 12px 0 0px;
        margin: 0;
    }
    .right-col p {
        font-size: 12px;
    }
    .logo-col {
        width: 120px;
    }
    .footer-bottom p {
        font-size: 13px;
    }
    ul.footer-nav a {
        font-size: 13px;
    }
    .footer {
        padding-top: 25px;
    }
    .bredcrumb ul li a {
        font-size: 12px;
    }
    body {
        font-size: 14px;
    }
    .pro-drc-box h4 {
        font-size: 18px;
        margin: 0 0 15px;
    }
    .pagination ul li a span {
        display: none;
    }
    .main_menu ul li ul li a {
        padding: 5px;
        font-size: 14px;
    }
    .main_menu {
        max-height: 80vh;
        /*overflow: auto;*/
    }
    .mega_menu_item h3 {
        margin-bottom: 10px;
        font-size: 18px;
        color: #000;
        margin-top: 10px;
    }
    .mega_menu_item {
        padding: 0 3px;
    }
    .main_menu ul li .mega_menu_item a {
        padding: 5px 7px;
    }
    .main_menu > ul > li:first-child > a {
        padding-left: 0;
    }
    .main_menu ul li a {
        font-size: 14px;
        padding: 5px 0;
    }
    .main_menu ul li a i {
        float: right;
        margin-top: 4px;
    }
    .main_menu > ul > li {
        margin: 0 0 0 -1px;
    }
    .mega_menu_item img {
        display: none;
    }
    .main_menu ul li ul {
        box-shadow: none;
    }
    .header-top {
        flex-wrap: wrap;
    }
    .search-col {
        width: 100% !important;
        padding: 0 !important;
    }
    .search-col {
        width: 100% !important;
        padding: 0 !important;
        order: 3;
    }
    .logo-col {
        order: 1;
    }
    .right-col {
        order: 2;
    }
    .banner-sec {
        padding-top: 54px !important;
    }
    #post-489 .form-control {
    width: 100% !important;
}
.wp-block-column.product_detail.is-layout-flow.wp-block-column-is-layout-flow {
    margin-left: 0;
}
#post-489 h2.form_title {
    margin-top: 0;
}
.logo-col {
    width: 100px;
}
    }
@media screen and (max-width: 479px) {
.rec-pro .items-pro-img img {
    height: 130px;
}

}