/* Prinox Printing Business HTML-5 Template */

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

    .banner-section .social-box,
    .banner-section .email-box,
    .banner-section .scroll-box,
    .main-footer .email-box,
    .main-footer .social-box,
    .main-footer .scroll-box {
        left: 30px;
        display: none;
    }
}

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

    .banner-section .social-box,
    .banner-section .email-box {
        display: none;
    }

    .quality-section {
        padding-bottom: 30px;
    }
}

@media only screen and (max-width: 1340px) {
    .page-wrapper {
        overflow: hidden;
    }

    .main-header .main-menu .navigation>li {
        margin-right: var(--margin-right-25);
    }

    .project-section .lower-box .info-box::before {
        width: 180px;
    }

    .printing-section .title-box {
        font-size: var(--font-80);
    }

    .printing-section .owl-nav {
        left: 15px;
        right: 15px;
    }

    .main-footer .social-box,
    .main-footer .email-box,
    .main-footer .scroll-box,
    .team-section .icon-layer-one {
        display: none;
    }

    .services-section-four .owl-nav {
        left: 15px;
        right: 15px;
    }

    .project-section-two .lower-box .info-box::before {
        width: 190px;
    }

    .main-header.header-style-two {
        position: relative;
    }

    .main-slider-two .content-column .inner-column {
        padding-top: var(--padding-zero);
    }

    .services-section-five .title-box {
        font-size: var(--font-70);
    }
}

@media only screen and (min-width: 1200px) {

    #wizard-form .cartSideBarArea {
        max-width: 930px;
    }

    .CartPaymentSummary {
        margin-top: -140px;
    }


}

@media only screen and (max-width: 1200px) {
    .main-slider-two .image {
        right: -280px;
        top: -150px;
    }

    .banner-section .pattern-layer-four,
    .printing-section .vector-icon-three,
    .testimonial-section .vector-icon-one {
        display: none;
    }

    .main-slider .slide {
        padding-bottom: 250px;
    }

    .quality-section .content-column .inner-column,
    .business-section .content-column .inner-column {
        padding-left: var(--padding-zero);
    }

    /* .business-section .image-three{
		left:140px !important;
	} */
    .project-section .lower-box .info-box::before {
        width: 140px;
    }

    .main-footer .lower-box .info-box::before {
        width: 180px;
    }

    .project-section-two .lower-box .info-box::before {
        width: 140px;
    }

    .price-block .price-list li {
        font-size: var(--font-16);
    }

    .project-info-box {
        padding: 30px 30px;
    }

    .filter-box .right-box {
        margin-top: var(--margin-top-5);
    }

    .contact-section {

        padding-bottom: 15px;
    }








}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .head_padding {
        padding-left: 20px;
        padding-right: 20px;
    }

    .discount {
        font-size: 13px;
        padding-left: 1rem;
    }

    .top-right {
        float: right;
        padding: 0px 5px;
    }

    .li_top_head {
        font-size: 13px;
        padding: 2px 3px;
    }


    /* ########################(Cart Page Start)####################### */


    .cartOrderSummaryArea {
        margin-top: -140px;
    }

    #wizard-form .cartSideBarArea {
        max-width: 790px;
    }

    /* ########################(Cart Page End)######################### */

}

@media only screen and (min-width: 768px) and (max-width: 915px) {

    .discount {
        margin-left: -3.5rem;

        text-align: center;
    }

    .top-right ul {
        float: right;

    }

    .filter-box .results h1 {
        display: none;
    }

}

@media only screen and (max-width: 1140px) {
    .page-wrapper {
        overflow: hidden;
    }

    h3 {
        font-size: var(--font-30);
    }

    h2 {
        font-size: var(--font-36);
    }

    .main-header .main-menu .navigation>li {
        margin-right: var(--margin-right-20);
    }

    .main-slider,
    .project-section .outer-container {
        padding-left: var(--padding-zero);
    }

    .project-section .outer-container {

        padding-inline: 30px;

    }

    .main-slider .social-box,
    .main-slider .email-box {
        display: none;
    }

    .main-slider .counter-boxed {
        left: 0px;
    }

    .faq-section .vector-layer-two,
    .main-footer .lower-box .info-box::before,
    .project-section .lower-box .info-box::before {
        display: none;
    }

    .testimonial-block .image-column .inner-column {
        padding-top: var(--padding-zero);
    }

    .testimonial-section .owl-dots {
        top: 0px;
        margin-top: var(--margin-top-30);
        margin-left: var(--margin-zero);
    }

    .testimonial-section .owl-dots .owl-dot {
        margin-left: var(--margin-zero);
        margin-right: var(--margin-right-20);
    }

    .services-section .inner-container {
        display: block !important;
    }

    .services-section .inner-container .service-block {
        width: 33.333%;
        float: left;
    }

    /* .business-section .image-three {
		left: 90px !important;
	} */
    .service-block-two .inner-box::before {
        right: 10px;
    }

    .testimonial-block .image-column .inner-column {
        padding-left: var(--padding-zero);
    }

    .service-block-three .text br {
        display: none;
    }

    .business-section-two .content-column .inner-column {
        padding-left: var(--padding-zero);
    }

    .project-section-two .lower-box .info-box:before,
    .services-section-four .inner-container:before,
    .services-section-four .inner-container:after {
        display: none;
    }

    .pricing-tabs .buttons-outer {
        margin-top: var(--margin-zero);
    }

    .service-block-six .inner-box {
        padding-right: var(--padding-zero);
    }

    .service-block-six .inner-box:before {
        display: none;
    }

    .faq-section-three .counter {
        font-size: var(--font-70);
    }

    .team-block .overlay-box {
        left: 15px;
        right: 15px;
    }

    .project-detail-section .button-box {
        padding: 0px 0px 30px;
    }

    .project-detail-section .info-box {
        margin-right: var(--margin-right-30);
    }

    .project-info-box {
        margin-top: var(--margin-top-40);
    }

    .shop-detail-section .content-column .inner-column {
        padding-left: var(--padding-zero);
    }

    .shoping-cart-section .cart-outer {
        overflow-x: auto;
    }
    .checkout-shipping-box p{
        padding-top: 0px;
    }
}

@media only screen and (min-width:992px) {

    /*####################################(Cart Popup Modal Start)###############################*/

    #cart-popupModal .cart-popupModal-wrapper {
        max-width: 700px;
    }

    /*####################################(Cart Popup Modal End)#################################*/

    /*###############################(Request for Quote Start)###############################*/
    .RFQ-form .RFQ-form_container {
        width: 80%;
        margin: auto;
    }

    /*###############################(Request for Quote End)###############################*/

}

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


    table.cartTable #quantity button {

        height: 30px;
        width: 30px;
    }

    table.cartTable #quantity input {

        width: 50px;
        margin-block: 10px;
    }


    table.cartTable .cartTableCell .product-item .product-info .skuText {
        padding-left: 0px;
        margin-left: 0px;
        border-left: 0px;
        display: block;
    }

    .register-section .inner-container>.row {
        margin-inline: -25px;
    }

    .styled-form input[type="text"],
    .styled-form input[type="email"],
    .styled-form input[type="password"],
    .styled-form input[type="tel"],
    .styled-form input[type="number"],
    .styled-form input[type="url"],
    .styled-form select,
    .styled-form textarea {
        height: 35px;
    }

}



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

    #wizard-form .cartSideBarArea {
        max-width: 585px;
    }

    #wizard-form .CartPaymentSummary .pd-tp-bt-cart-no span:first-child {
        float: right;
        margin-bottom: 5px;
    }


    #wizard-form .CartPaymentSummary .pd-tp-bt-cart-no p {
        margin-bottom: 5px;
    }

    .service-block-two .inner-box {
        text-align: center;
    }

    .service-block-two .inner-box .text {
        max-width: 100%;
    }

    .quality-section .sec-title h2 {
        font-size: 30px;
    }
}

@media only screen and (min-width: 768px) {


    /*#############################(Mega Menu Start)#################################*/

    .sub-menu-block li,
    .sub-menu-block p {
        text-align: left;
    }

    .sub-menu-block p.sub-menu-head {
        margin-bottom: 5px;
    }

    .sub-menu-block .row>div {
        margin-bottom: 5px;
    }

    .sub-menu-block .sub-menu-box {
        margin-bottom: 10px;
    }

    .sub-menu-block p.sub-menu-head a {

        text-align: left;
        color: var(--color-three);
        font-size: var(--font-16);
        font-weight: 500;
        text-transform: capitalize;
        font-family: var(--font-family-Inter);

    }

    .sub-menu-box .menu-viewMore {

        font-size: var(--font-14);
        font-weight: 400;
        text-transform: capitalize;
        font-family: var(--font-family-Inter);
        cursor: pointer;
        display: inline-block;
    }

    .sub-menu-block .sub-menu-lists li {
        padding-left: 7px;
        margin-bottom: 3px;
    }

    .sub-menu-block .sub-menu-lists li>a {

        color: var(--color-six);
        font-size: var(--font-14);
        font-weight: 400;
        text-transform: capitalize;
        font-family: var(--font-family-Inter);
        cursor: pointer;
        display: inline-block;
        width: 100%;
        transition: all .2s ease;

    }

    .sub-menu-block .sub-menu-lists li:hover a {
        color: var(--main-color);
    }

    div.sub-menu-block {

        position: absolute;
        margin-top: 0px;
        width: 100%;
        left: 0;
        right: 0;
        margin: auto;
        max-height: 450px;
        overflow-y: auto;
        padding: 25px 30px 30px 30px;
        color: #333;
        box-sizing: border-box;
        z-index: 3;
        font-size: 16px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        transform: rotateX(90deg);
        -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
        transform-origin: top center;
        overflow: auto;
        transition: all .2s ease-in;
        box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);

    }

    div.sub-menu-block::-webkit-scrollbar {
        width: 4px;
    }

    div.sub-menu-block::-webkit-scrollbar-thumb {
        background: #7F7F7F !important;
        border-radius: 10px !important;
    }

    div.sub-menu-block::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #C3C3C3;
        border-radius: 10px;
    }

    .top-level-link:hover>div.sub-menu-block {
        background-color: #f9f9f9;
        visibility: visible;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        transform: rotateX(0deg);

    }


    /*#############################(Mega Menu End)#################################*/


    /*######################################(Product List Page Start)##############################*/

    .filter-box .left-box #advFilters {

        display: none;
    }

    .page-wrapper:has(>.sidebar-page-container){
      overflow: visible;
    }

    .sidebar-page-container .sidebar-side aside{
        position: sticky;
        top: 90px;
    }
    #cart-popupModal .modal-body{ border-block: 1px solid #ccc;}
    /*######################################(Product List Page Start)##############################*/
    /*######################################(Product Detail Page Start)##############################*/
    .shop-detail-section .swiper-container-horizontal figure.image {
        height: 350px;
        margin-bottom: 0px;
    }

    .shop-detail-section .gallery-column .thumbs-carousel {
        max-height: 448px;
        overflow-y: auto;
    }

    /*######################################(Product Detail Page End)################################*/

    .main-menu .navigation>li>ul,
    .main-menu .navigation>li>ul>li>ul {
        display: block !important;
        visibility: hidden;
        opacity: 0;
    }


    /*######################################(Request for Quote Start)################################*/
    .rfq-image {
        position: relative;
        padding-top: 30px;
    }

    /* .rfq-image::after {
        content: '';
        display: block;
        width: 1px;
        height: 80%;
        background: linear-gradient(to right, var(--color-seven) 0%, var(--color-eight) 100%);
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
    } */
    /*######################################(Request for Quote End)################################*/

    /* Home SliderCustom Code */


    .main-slider .owl-dots {
        display: inline-block !important;
        top: 50%;
        transform: translateY(-50%);

    }



    /*######################################(Cart Page Start)##############################*/


 .page-wrapper:has(>#wizard-form){

    overflow: visible;
}
#wizard-form .CartPaymentSummary {
    position: sticky;
    top: 130px;

}

    /*######################################(Cart Page End)################################*/




}

@media only screen and (min-width: 1024px) {

    /*#############################(Swiper Start)###############################*/
    .shop-detail-section .swiper-container-horizontal figure.image {
        height: 430px;
    }

    .shop-detail-section .gallery-column .thumbs-carousel .swiper-wrapper {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .shop-detail-section .gallery-column .thumbs-carousel .swiper-slide {
        margin-right: 0px !important;
    }

    /*#############################(Swiper End)#################################*/

}

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

    .main-header .main-box .logo-box {
        position: relative;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        margin: 0px;
        text-align: left;
    }

    .main-menu .navigation>li>a {
        font-size: 14px;
    }

    .main-header .main-menu .navigation>li {
        margin-right: 10px;
    }

    .main-header .header-upper .logo-box {
        margin: 0px;
        padding: 0px;
    }

    .main-header .sticky-header .logo {
        padding: 10px 0px 10px;
        width: 110px;
    }

    .main-header {
        position: relative;
    }

    .main-menu .navigation>li>a {
        text-transform: capitalize;
    }

    .main-header .outer-box {
        display: none;
    }

    h1 {
        font-size: var(--font-60);
    }

    .mCSB_inside>.mCSB_container {
        margin-right: var(--margin-zero);
    }

    #navbarSupportedContent {
        display: block;
    }

    .navbarSupportedContent {
        display: block;
    }

    .main-header .logo-box {
        padding: 10px 0px;
    }

    .business-section .content-column .inner-column {
        padding-top: var(--padding-zero);
    }

    .main-slider h1 {

        font-size: 25px;
        line-height: 35px;

    }

    .business-section .content-column {
        order: 1;
    }

    .business-section .images-column {
        order: 2;
    }

    .business-section .image-three {
        top: 40px !important;
    }

    .project-section {
        padding-top: var(--padding-top-20);
    }

    .project-section .lower-box .info-box:last-child {
        margin-top: var(--margin-top-30);
    }

    .brand-section span,
    .printing-section .title-box {
        font-size: var(--font-50);
    }

    .quality-section .content-column {
        order: 1;
    }

    .quality-section .images-column {
        order: 2;
    }

    .quality-section .images-column img {
        margin: auto;
        display: block;
    }

    .fluid-section-one .left-column {
        width: 100%;
    }

    .fluid-section-one .right-column {
        width: 100%;
    }

    .fluid-section-one .left-column .inner-column {
        max-width: 100%;
        padding-right: var(--padding-right-15);
    }

    .testimonial-block .content-column .inner-column {
        padding-top: var(--padding-top-50);
    }

    .banner-section .lower-box .text br,
    .banner-section .pattern-layer-three,
    .faq-section .vector-layer-one {
        display: none;
    }

    .subscribe-box {
        padding-left: var(--padding-zero);
        margin-top: var(--margin-top-40);
    }

    .main-footer .instagram-widget {
        margin-left: 0px;
    }

    .main-slider-two .image {
        right: -420px;
        top: -220px;
    }

    .business-section-two .content-column {
        order: 1;
    }

    .business-section-two .images-column {
        order: 2;
    }

    .brand-section-two span {
        font-size: var(--font-80);
    }

    .faq-section-two .accordion-outer {
        margin-right: var(--margin-zero);
    }

    .project-section-two .lower-box .info-box {
        margin-bottom: var(--margin-bottom-30);
    }

    .project-section-two .lower-box {
        border-radius: 5px;
        padding: 30px 60px 0px;
    }

    .pricing-tabs .buttons-outer {
        margin-bottom: var(--margin-bottom-40);
    }

    .price-section .title-column .text {
        max-width: 100%;
    }

    .price-section .pricing-column .text {
        max-width: 100%;
    }

    .banner-section .carousel-box {
        margin-top: var(--margin-top-30);
    }

    .faq-section .vector-layer-three,
    .business-section-three .blocks-column .inner-column .service-block-five:nth-child(2) .inner-box::before {
        display: none;
    }

    .business-section-three .blocks-column .inner-column .service-block-five:last-child .inner-box {
        border-top: 1px solid rgba(var(--black-color-rgb), 0.05);
        border-right: 1px solid rgba(var(--black-color-rgb), 0.05)
    }

    .services-section-five .title-box {
        font-size: var(--font-50);
    }

    .faq-section-three .accordian-column .inner-column {
        margin-left: var(--margin-zero);
    }

    .subscribe-box-two {
        margin-top: var(--margin-top-25);
        padding-left: var(--padding-zero);
    }

    .page-title {
        padding: 30px 0px;
    }

    .service-block .text {
        max-width: 100%;
    }

    .business-section.style-two {
        padding-bottom: var(--padding-bottom-150);
    }

    .service-detail h3 {
        font-size: var(--font-26);
    }

    .sidebar-page-container .sidebar-side.left-sidebar {
        order: 1;
    }

    .sidebar-page-container .content-side.right-sidebar {
        order: 2;
    }

    .filter-box .pages-list li {
        margin-left: var(--margin-zero);
        margin-right: var(--margin-right-15);
    }

    .filter-box .pages-list li:last-child {
        margin-right: var(--margin-zero);
    }

    /* .shop-detail-section .content-column {
        order: 1;
    } */
    /* .shop-detail-section .gallery-column {
        order: 2;
    } */
    .shop-detail-section .gallery-column .thumbs-carousel {
        position: static;
        width: 100%;
        overflow-x: auto;
    }

    .shop-detail-section .gallery-column .thumbs-carousel .swiper-slide {
        margin-bottom: 10px;
        margin-left: 5px;
        margin-top: 10px;
    }

    .shop-detail-section .gallery-column .thumb {

        height: 70px;
    }

    .shop-detail-section .gallery-column .carousel-outer {
        padding-right: 5px;
    }

    .shop-detail-section .list-two {
        margin-top: var(--margin-top-20);
    }

    .blog-detail blockquote br {
        display: none;
    }

    .blog-detail .social-box {
        width: 100%;
        margin-top: var(--margin-top-15);
    }

    .blog-detail .new-post {
        padding: var(--padding-zero);
    }

    .blog-detail .new-post .prev-arrow {
        position: relative;
        top: 0px;
        margin-bottom: var(--margin-bottom-20);
    }

    .blog-detail .new-post .next-arrow {
        position: relative;
        top: 0px;
        margin-bottom: var(--margin-bottom-20);
    }

    .error-section h1 {
        font-size: var(--font-100);
    }

    .error-section h2 {
        font-size: var(--font-24);
    }

    .error-section .text {
        margin-top: var(--margin-top-15);
    }

    .contact-section .image-column .inner-column {
        padding-left: 10px;
    }

    .contact-section .image {
        margin-top: var(--margin-top-30);
    }

    .sidebar-page-container {
        padding-top: 30px;
    }

    .filter-box .left-box .form-group select {
        max-width: 135px;
    }





}

@media only screen and (max-width: 768px) {
    /* ##########################(Global Css Start)####################### */

    .g_in_spacing_block {

        padding-top: 25px;
        padding-bottom: 25px;
    }


    .static-content {
        padding-inline: 5px;
    }

    .static-content h2 {

        line-height: 26px;
        font-size: 24px;
    }

    /* ##########################(Global Css End)######################### */
    /* ##########################(Shop Page Start)######################### */
    .listModeON .shop-item .lower-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 10px;
        flex-wrap: wrap;
    }

    .filter-box .left-box .form-group {
        margin-right: 10px;
    }

    /* ##########################(Shop Page End)######################### */
    /* ##########################(Product Detail Page Start)####################### */
    .shop-detail-section {
        padding-top: 30px;
    }

    /* ##########################(Product Detail Page End)######################### */

    .main-header .logo-box .logo {
        margin-left: 7px;
    }

    img[alt="site-logo"] {
        width: 90px;
    }

    /* Project Section Start*/

    .project-section .owl-dots {

        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 0px;
        width: 100%;


    }

    .project-section .owl-dot {

        background: #fff;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50% !important;
        box-shadow: inset 0 0 3px rgb(0 0 0 / 30%);
        margin-inline: 5px !important;
        margin-block: 5px !important;
        transition: all .4s ease-in-out !important;
        opacity: 1 !important;
    }

    .project-section .owl-dot.active {
        background-color: var(--main-color);
    }

    /* Project Section End*/



}

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

    .main-header .sticky-header .mobile-nav-toggler,
    .main-header .nav-outer .mobile-nav-toggler {
        display: block;
    }

    .main-header .sticky-header .mobile-nav-toggler {
        padding-block: 20px;
    }

    .top-level-link .sub-menu-block,
    .sub-menu-box .sub-menu-lists {

        max-height: 0px;
        overflow: hidden;
        transition: max-height;
        transition-duration: 600ms;

    }

    .open.top-level-link .sub-menu-block,
    .sub-menu-box.open .sub-menu-lists {

        max-height: 1000px;
        transition-duration: 2s;
    }

    .header-upper .logo-outer {
        position: relative;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        width: 100%;
        margin: 0px;
    }

    .main-header .sticky-header .outer-box {
        display: block;
        right: 15px;
        left: auto;
        top: 0px;
    }

    .nav-outer .mobile-nav-toggler {
        display: block;
        margin: 0;
        padding: 8px 0;
        margin-left: 20px;
    }

    #navbarSupportedContent {
        display: block;
    }

    .navbarSupportedContent {
        display: block !important;
    }

    /* ##############################(Mega Menu Mobile Version Start)############# */

    /* .top-level-link .sub-menu-block{
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    position: absolute;

  }
  .open.top-level-link .sub-menu-block{
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    position: relative;

} */

    .top-level-link .sub-menu-box {
        position: relative;
    }

    .top-level-link .sub-menu-box .menu-viewMore {
        display: none;
    }

    p.sub-menu-head {
        margin-bottom: 0px;
    }

    p.sub-menu-head a {
        position: relative;
        display: block;
        font-weight: 600;
        line-height: 24px;
        padding: 10px 20px;
        padding-left: 30px;
        font-size: var(--font-14);
        color: var(--white-color);
        text-transform: uppercase;
        margin-bottom: 0px;
    }

    .sub-menu-block .row>div:has(div.menu-browseMore) {
        display: none;
    }

    p.sub-menu-head a:before {
        content: '- ';
    }

    .main-header .mobile-menu .navigation ul.sub-menu-lists li>a {
        padding-left: 40px;
        position: relative;
        padding-block: 2px;
        font-size: 12px;
        font-weight: 300;
    }

    .main-header .mobile-menu .navigation ul.sub-menu-lists li>a:before {
        content: '-- ';

    }

    .main-header .mobile-menu .sub-menu-block .row>div {
        width: 100%;
    }

    /* ##############################(Mega Menu Mobile Version End)############### */
    .main-slider .content-column .inner-column {
        padding-top: 0px;
    }

    .mCSB_inside>.mCSB_container {
        margin-right: 0px;
    }

    .main-header .outer-box {
        position: absolute;
        right: 40px;
        margin-left: 0px;
        padding: 12px 0px;
    }

    .main-header .outer-box .header-Search-box,
    .main-header .button-box {
        display: none;
    }

    .main-header .sticky-header .outer-box {
        padding: 35px 0px;
    }

    .main-slider .vector-layer {
        right: 45%;
        top: -50%;
    }

    .service-block-three .arrow,
    .sponsors-section .vector-icon-one,
    .main-header .main-menu {
        display: none;
    }

    h2 {
        font-size: var(--font-34);
    }

    h1 {
        font-size: var(--font-44);
        line-height: 54px;
    }

    h4 {
        font-size: var(--font-20);
    }

    .page-title {
        padding: 20px 0px;
    }

    .main-header .nav-outer .mobile-nav-toggler {
        display: block;
        z-index: 99;
    }

    .main-slider .image {
        display: none;
    }

    .main-slider .counter-boxed {
        position: relative;
        display: none;
    }

    .main-slider .slide {
        padding: 120px 0px;
    }

    .services-section .inner-container .service-block {
        width: 50%;
    }

    .sec-title .text br {
        display: none;
    }

    .feature-block {
        margin-bottom: var(--margin-bottom-20);
    }

    .business-section .options-list {
        margin-top: var(--margin-zero);
    }

    .project-section .lower-box {
        padding: 50px 30px 20px;
        border-radius: 4px;
    }

    .service-block-two .inner-box {
        text-align: center;
    }

    .service-block-two .inner-box:before,
    .printing-section .post-info .rating::before,
    .printing-section .vector-icon-one,
    .printing-section .vector-icon-two {
        display: none;
    }

    .service-block-two .text {
        max-width: 100%;
    }

    .printing-section .post-info .rating {
        padding-left: var(--padding-left-30);
    }

    .fluid-section-one .left-column .accordion-box {
        margin-top: var(--margin-top-20);
    }

    .testimonial-block .text {
        line-height: 34px;
        font-size: var(--font-18);
    }

    .services-section-four .sec-title .button-box {
        margin-top: var(--margin-top-20);
    }

    .service-block-four .text {
        padding: 0px 15px;
    }

    .faq-section-two .accordion-outer {
        padding: 30px 30px;
    }

    .service-block-five .arrow,
    .cta-section .icon-one,
    .cta-section .icon-two,
    .service-block-five .inner-box:before,
    .project-section-two .title-box .text br {
        display: none;
    }

    .service-block-five .inner-box {
        padding: var(--padding-zero);
    }

    .business-section-three .blocks-column .inner-column,
    .business-section-three .blocks-column .inner-column .service-block-five:last-child .inner-box {
        border: none;
    }

    .banner-section .lower-box .info-box {
        margin-bottom: var(--margin-bottom-20);
    }

    .project-block-two .content {
        left: 15px;
        right: 15px;
        bottom: 15px;
    }

    .services-section-five .title-box {
        font-size: var(--font-40);
    }

    .service-block-six .inner-box {
        text-align: center;
    }

    .faq-section-three .accordian-column .inner-column {
        padding: 30px 30px;
    }

    .service-detail .two-column .video-box {
        margin-bottom: var(--margin-bottom-30);
    }

    .project-detail-section .info-box {
        margin-bottom: var(--margin-bottom-20);
    }

    .project-detail-section .info-outer {
        padding: 35px 0px 15px;
    }

    .filter-box {
        padding: 25px 20px 5px;

    }

    .filter-box .left-box {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    .filter-box .results {
        margin-right: var(--margin-zero);
        margin-bottom: var(--margin-bottom-15);
    }

    .filter-box .left-box .form-group {
        width: 100%;
        max-width: 250px;
        margin-right: var(--margin-zero);
        margin-bottom: var(--margin-bottom-15);
    }

    .blog-detail h3 {
        font-size: var(--font-24);
    }

    .blog-detail .two-column:before {
        display: none;
    }

    .blog-detail blockquote {
        font-size: var(--font-20);
    }

    .blog-detail .list-three li {
        font-size: var(--font-16);
    }

    .blog-detail .gallery-box .video-box {
        margin-bottom: var(--margin-bottom-30);
    }

    .blog-detail .image-two {
        margin-bottom: var(--margin-bottom-35);
    }

    .more-posts-inner {
        display: block;
        text-align: center;
    }

    .blog-detail .new-post {
        width: 100%;
    }

    .blog-detail .new-post .post-inner {
        padding-left: var(--padding-zero);
    }

    .blog-detail .more-posts .new-post .image {
        position: relative;
        margin: 0 auto;
        width: 85px;
        height: 85px;
        display: block;
        margin-bottom: var(--margin-bottom-20);
    }

    .blog-detail .new-post .prev-arrow {
        margin: 0 auto;
        margin-bottom: var(--margin-bottom-20);
    }

    .blog-detail .new-post .next-arrow {
        margin: 0 auto;
        margin-top: var(--margin-top-30);
        margin-bottom: var(--margin-bottom-20);
    }

    .blog-detail .more-posts:before {
        display: none;
    }

    .sidebar-page-container .comments-area .reply-comment {
        margin-left: var(--margin-zero);
    }

    .sidebar-page-container .comments-area .comment-box .text br {
        display: none;
    }

    .sidebar-page-container .comments-area .comment {
        padding-left: var(--padding-zero);
    }

    .sidebar-page-container .comments-area .comment-box .author-thumb {
        position: relative;
        margin-bottom: var(--margin-bottom-20);
    }

    .sidebar-page-container .comments-area .comment-box .reply-btn {
        right: 0px;
    }

    .business-section .images-column .inner-column {
        display: none;
    }


    /* Cart Page Start*/

    #wizard-form .cartOrderSummaryArea {
        margin-top: 30px;
        margin-bottom: 30px;
    }


    /* Cart Login Start */
    .verticalBorder,
    .cartLogin-LayoutWrapper::before {
        display: none;
    }

    .cartLogin-LayoutWrapper .regNow_container {
        text-align: left;
    }

    .cartLogin-LayoutWrapper .regNow_container p.orForTablets {
        display: block;
        margin-top: 20px;
        position: relative;
        text-align: center;
        line-height: normal;
    }

    .cartLogin-LayoutWrapper .regNow_container p.orForTablets span {
        background-color: var(--color-four);
        border-radius: 50%;
        padding: 10px 10px;
        z-index: 1;
        position: relative;

    }

    .cartLogin-LayoutWrapper .regNow_container p.orForTablets::before {
        content: " ";
        position: absolute;
        display: block;
        top: 9px;
        background-color: #acacac;
        height: 1px;
        width: 100%;
    }

    /* Cart Login End */

    /* Cart Page End*/

    /*####################################(Request for Quote Start)#################################*/
    #requestforquote .RFQ-title h1 {
        margin-bottom: 0px;
        padding-bottom: 7px;
    }

    .RFQ-form {
        padding-inline: 10px;
    }

    .RFQ-text ul:after {
        clear: both;
    }

    .RFQ-text ul>li {
        float: left;
        width: 50%;
    }

    .RFQ-text ul {
        overflow: auto;
        list-style-type: disc;
    }

    /*####################################(Request for Quote End)#################################*/
    /*####################################(RFQ Modal Start)###############################*/


    #rfq-popupModal .mag-b-2.billing-margin {

        height: 20px;
    }

    /*####################################(RFQ Modal End)#################################*/


    .contact-info-section {

        padding-top: 45px;
        padding-bottom: 15px;

    }

    /*####################################(Shop Page Start)###############################*/

    .filter-box .left-box>div {

        float: left;
    }

    .filter-box>div {

        flex-wrap: nowrap;
    }

    .filter-box .left-box .results {
        width: 100%;
    }

    .filter-box .left-box .form-group {

        margin-right: 12px;

    }

    .filter-box .left-box>div.form-group:not(.availFilter) {

        width: auto;

    }

    .filter-box .left-box .availFilter {
        width: max-content;

    }

    .filter-box .pages-list {

        display: flex;
    }

    .filter-box .right-box {

        display: none !important;
    }

    .sidebar-page-container .sidebar-side.left-sidebar {

        transform: translateY(100%);
        transition: transform 0.5s ease-in-out;
        position: absolute;
        opacity: 0;
        visibility: hidden;
        padding: 30px;
    }


    .sidebar-page-container .sidebar-side.left-sidebar::after{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color:rgba(0, 0, 0, 0.4); /* Background color with some opacity */
        backdrop-filter: blur(10px);
        z-index: -1;
    }


    .sidebar-page-container .sidebar-side.left-sidebar::before {
        content: 'Close';
        position: absolute;
        top: 0px;
        right: 7px;
        font-size: 20px;
        background: linear-gradient(#f8f8f8, #d8d8d8);
        font-size: 12px;
        padding: 0px 15px;
    }

    .sidebar-page-container .sidebar-side.slideDown{

        animation: slideDown 0.5s ease-in-out forwards;
        opacity: 1;
        visibility: visible;
        z-index: 10;


    }
    @keyframes slideDown {
        0% {
            transform: translateY(100%);
        }
        100% {
            transform: translateY(10%);
        }
    }

    .sidebar-page-container .sidebar-side aside{
        max-width: 470px;
        margin: auto;
    }

    /*####################################(Shop Page End)#################################*/
    /*####################################(Top Nav Start)###############################*/


    .li_top_head_right {
        margin-right: 2px;
    }

    .discount {
        text-align: center;
        padding-left: 5px;
        font-size: 13px;
    }

    .head_padding {
        padding-left: 15px;
        padding-right: 25px;
    }

    /*####################################(Top Nav End)#################################*/
    /*####################################(Swiper Start)###############################*/

    .shop-detail-section .gallery-column .carousel-outer {

        padding-right: 0px;
    }

    .shop-detail-section .swiper-container-horizontal figure.image {

        height: 290px;
    }

    .shop-detail-section .gallery-column .thumb {
        height: 76px;
    }

    .shop-detail-section .gallery-column .thumbs-carousel .swiper-slide {

        margin-right: 12px !important;
    }

    .swiper-container-vertical>.swiper-wrapper {
        flex-direction: row !important;
    }


    /*####################################(Swiper End)#################################*/

    /*######################################(Home Slider Start)################################*/

    .main-slider .owl-dots {

        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 10px;
        left: 0px;
        right: 0px;
    }

    /*######################################(Home Slider End)################################*/

}

@media only screen and (max-width: 599px) {
    h1 {
        font-size: var(--font-40);
    }

    h2 {
        font-size: var(--font-28);
    }

    .main-slider .vector-layer {
        right: 0px;
    }

    .main-slider .vector-layer {
        right: -55px;
        top: -80px;
    }

    .project-section-four .play-box {
        margin-top: var(--margin-top-25);
    }

    .main-slider .counter-boxed .counter-text {
        margin-top: var(--margin-top-5);
    }

    .main-slider .counter-boxed {
        padding-left: var(--padding-left-15);
        padding-right: var(--padding-right-15);
        padding-bottom: var(--padding-zero);
    }

    .main-slider .counter-boxed .counter-block {
        text-align: center;
        margin-bottom: var(--margin-bottom-25);
    }

    .services-section .inner-container .service-block {
        width: 100%;
    }

    .service-block .text {
        max-width: 100%;
    }

    .project-section .lower-box .info-box,
    .project-section .lower-box .lower-inner {
        display: block !important;
        text-align: center;
    }

    .project-section .lower-box .play-box {
        margin-right: var(--margin-zero);
        margin-bottom: var(--margin-bottom-30);
    }

    .project-section .lower-box .info-box {
        margin-bottom: var(--margin-bottom-30);
    }

    .project-section .lower-box .info-box:last-child {
        margin-top: var(--margin-zero);
    }

    .brand-section span,
    .printing-section .title-box {
        font-size: var(--font-40);
    }

    .accordion-box.style-two .block .acc-btn {
        font-size: var(--font-18);
    }

    .main-footer .instagram-box .image {
        margin-bottom: var(--margin-bottom-15);
    }

    .main-footer h5 {
        margin-bottom: 15px;
    }

    .main-footer .widgets-section {
        padding-top: 30px;
    }

    .project-block .content {
        left: 15px;
        bottom: 15px;
        right: 15px;
    }

    .main-slider-two .image {
        right: -520px;
        top: -320px;
    }

    .brand-section-two span {
        font-size: var(--font-50);
    }

    .faq-section-two .accordion-outer {
        padding: 20px 20px;
    }

    .project-section-two .title-box .play-box {
        margin-bottom: var(--margin-bottom-25);
    }

    .project-section-two .lower-box {
        padding: 30px 15px 0px;
        text-align: center;
    }

    .cta-section .counter-boxed {
        text-align: center;
    }

    .cta-section .counter-boxed .counter-block {
        margin-bottom: var(--margin-bottom-25);
    }

    .cta-section .counter-boxed .counter-block:last-child {
        margin-bottom: var(--margin-zero);
    }

    .page-title .icon-two {
        display: none !important;
    }

    .cta-section-two .side-icon,
    .cta-section .counter-boxed .counter:before {
        display: none;
    }

    .footer-bottom-inner {
        text-align: center;
        display: block !important;
    }

    .footer-style-two .copyright {
        font-size: var(--font-16);
        margin-top: var(--margin-top-10);
        margin-bottom: var(--margin-bottom-20);
    }

    .cta-section-two .inner-container {
        padding: 40px 30px;
    }

    .cta-section.style-two .counter-boxed .counter {
        font-size: var(--font-44);
    }

    .shop-detail-section .comments-area .comment {
        padding-left: var(--padding-zero);
    }

    .shop-detail-section .comments-area .comment-box .author-thumb {
        position: relative;
    }

    .shop-detail-section .comments-area .comment .comment-inner .rating {
        position: relative;
        right: 0px;
        top: 0px;
        margin-bottom: var(--margin-bottom-5);
    }

    .news-block-two h3 {
        font-size: var(--font-26);
    }

    .news-block-two .post-meta li {
        margin-bottom: var(--margin-bottom-20);
    }

    .news-block-two .text {
        margin-top: var(--margin-top-10);
    }

    /* #################################(Shop Page Start)##########################*/
    .listModeON .shop-item .inner-box {
        flex-direction: column;
    }

    .listModeON .shop-item .image {
        margin-bottom: 20px;
    }

    /* #################################(Shop Page End)########################## */
    /* #################################(Product Detail Page Start)######################## */

    .listModeON .shop-item .upper-content h2.product-title {
        -webkit-line-clamp: 2;
    }

    .productExtraBtns>* {
        float: none;
        display: inline-block;
    }

    .productExtraBtns .info-viewMore {
        margin-right: 5px;
    }

    .productExtraBtns {
        margin-bottom: 15px;
        margin-top: 5px;
    }

    .shop-detail-section .content-column .price {
        margin-bottom: 0px;
    }

    /* #################################(Product Detail Page End)########################## */

}

@media only screen and (min-width: 576px) {
    .shop-detail-section .gallery-column .thumbs-carousel::-webkit-scrollbar {
        height: 2px;
    }

    .shop-detail-section .gallery-column .thumbs-carousel::-webkit-scrollbar {
        width: 2px;
    }

    .register-section .column.login_column {
        margin-left: -1px;
    }

    .gridModeON .shop-item .upper-content h2.product-title {
        min-height: 44px;
    }

    .wizard-shoppingCart table.cartTable .cartTableCell .product-item .product-thumb{
        display: inline-block;
        min-width: 50px;
        max-width: 50px;
    }




}

@media only screen and (max-width: 575px) {
    .shop-item .image {
        width: 100%;
    }

    .gridModeON .shop-item .image {

        min-height: auto;

    }

    /* ##########################(Global Css Start)####################### */

    .g_in_spacing_block {

        padding-top: 15px;
        padding-bottom: 15px;
    }

    .font-size-large {

        font-size: 16px;
    }

    .g_in_spacing_inline {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* ##########################(Global Css End)######################### */


    /*######################################(Home Page Start)####################################*/
    #home-call-to-action {
        display: none;
    }

    /*######################################(Home Page Start)####################################*/
    /*######################################(Cart Page Start)####################################*/
    /* Left-sidebar Start*/

    .wizard-leftSideBar a.wizard-leftSideBar-link:before {

        top: 45%;
    }

    #wizard-form .cartSideBarArea {
        margin-bottom: 10px;
    }

    .wizard-leftSideBar a.wizard-leftSideBar-link {
        padding: 30px;
        border-bottom: 0px;
    }

    .wizard-leftSideBar a.wizard-leftSideBar-link span {
        display: none;
    }

    .wizard-leftSideBar a.cart-item-icon,
    .wizard-leftSideBar a.cart-shipping-icon,
    .wizard-leftSideBar a.cart-payment-details-icon {
        background-position: center center !important;
    }

    /* Left-sidebar End*/
    /* Cart Table Start*/
    .wizard-shoppingCart table.cartTable .cartTableHeading {
        display: none;
    }

    .wizard-shoppingCart table.cartTable .cartTableBody .cartTableRow {
        display: block;
        border-bottom: none;
    }

    .wizard-shoppingCart table.cartTable .cartTableBody .cartTableRow:after {

        content: '';
        display: block;
        height: 20px;
        background-color: transparent;
    }

    .wizard-shoppingCart table.cartTable tr>:nth-child(1),
    .wizard-shoppingCart table.cartTable tr>:nth-child(2) {
        width: 100%;
        display: block;
    }

    .wizard-shoppingCart table.cartTable tr>:nth-child(3) {
        text-align: left;
        padding-bottom: 7px;
    }

    .wizard-shoppingCart table.cartTable td.cartTableCell.price small {
        display: inline;
    }

    .wizard-shoppingCart table.cartTable tr>:nth-child(4) {
        text-align: right;
    }

    .wizard-shoppingCart table.cartTable .cartTableCell .product-item {
        flex-direction: column;
        align-items: center;
        padding-bottom: 15px;
    }

    .wizard-shoppingCart table.cartTable tr #quantity {
        border-top: 1px solid #e1e7ec;
        border-bottom: 1px solid #e1e7ec;
    }

    table.cartTable .cartTableCell .product-item .product-info {
        margin-left: 0px;
    }

    /* .wizard-shoppingCart table.cartTable tr>:nth-child(1),
    .wizard-shoppingCart table.cartTable tr>:nth-child(2),
    .wizard-shoppingCart table.cartTable tr>:nth-child(3),
    .wizard-shoppingCart table.cartTable tr>:nth-child(4) {
        text-align: left;
    } */
    .wizard-shoppingCart table.cartTable td.cartTableCell.price,
    .table.cartTable #quantity input {
        font-size: 12px;
    }

    .wizard-shoppingCart table.cartTable td.cartTableCell.price span.labelforMobile {
        display: inline;
    }

    .wizard-shoppingCart table.cartTable .cartTableCell .product-item .product-thumb {

        margin-bottom: 10px;

    }

    .wizard-shoppingCart table.cartTable td {
        vertical-align: baseline;
    }

    table.cartTable #quantity button#sub {
        margin-left: 13px;
    }

    table.cartTable #quantity button#add {
        margin-right: 13px;
    }

    .wizard-leftSideBar a.cart-item-icon,
    .wizard-leftSideBar a.cart-item-icon.active,
    .wizard-leftSideBar a.cart-shipping-icon,
    .wizard-leftSideBar a.cart-shipping-icon.active,
    .wizard-leftSideBar a.cart-payment-details-icon,
    .wizard-leftSideBar a.cart-payment-details-icon.active {
        background-size: 60px 60px;
    }

    table.cartTable .cartTableCell .product-item .product-info {
        height: 45px;
        overflow-x: hidden;
        justify-content: flex-start;

    }

    table.cartTable .cartTableCell .product-item .product-info h4.product-title a>span {

        -webkit-line-clamp: 2;

    }

    /* table.cartTable .cartTableCell .product-item .product-info::-webkit-scrollbar {
        width: 3px;
    } */
    table.cartTable .cartTableCell .product-item .product-info::-webkit-scrollbar-track {
        background-color: transparent;
        box-shadow: none;
        border-radius: 0px;
    }

    table.cartTable .cartTableCell .product-item .product-info::-webkit-scrollbar-thumb {
        background: #e0e0e0 !important;
        border-radius: 10px !important;
    }

    .cartTableCell .removeFromCart_container .remove-from-cart {
        font-size: 12px;
        font-weight: 400;
    }

    table.cartTable #quantity button {
        border: none;
    }

    /* Cart Table End*/
    /* Cart Login Start */
    #cart-login .cartLogin-LayoutWrapper {
        padding: 2rem 1.5rem;
    }


    .cartLogin-LayoutWrapper .shopping-cart-footer-buttons {
        flex-wrap: wrap;
    }

    .shopping-cart-footer-buttons .lnk_forgotpassword_container {
        order: 2;
        padding-left: 5px;
    }

    .shopping-cart-footer-buttons .loginThenContinue_container {
        width: 100%;
        order: 1;
        text-align: left;
        margin-bottom: 20px;
    }

    .cart-login-wrapper .cartback {
        padding-left: 0px;
    }

    .cartLogin-LayoutWrapper .regNow_container p.orForTablets {

        margin-top: 45px;
    }

    /* Cart Login End */
    /* Cart Payment Start */
    .payment_process_accordian .accordion-body .form-group .form-control#pmethod,
    .payment_process_accordian .accordion-body .form-group .form-control#peymentterm {
        width: 100%;
    }

    .cartPaymentArea div:has(>#tab) {
        margin-top: 20px;
    }

    .cartPaymentArea .accordion-body .creditCard-info .customselect_short {
        width: 160px;
    }

    /* Cart Payment End */
    /*######################################(Cart Page End)####################################*/

    /*######################################(Thank You Page Start)##################################*/

    .thankYou-textBlock h2 {

        font-size: 25px;
        line-height: 40px;
    }

    .thankYou-textBlock .sub-title span {
        padding-bottom: 3px;
    }


    /*######################################(Thank You Page End)####################################*/

    /*####################################(Cart Popup Modal Start)#################################*/



    #modal-prodImage_container a {
        display: block;
        text-align: center;
        margin-bottom: 10px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        max-width: none;
    }

    #modal-prodImage_container a img {
        max-width: 90px;
    }

    #cart-popupModal .modalFooter {
        flex-wrap: wrap;
        margin-top: 5px;
    }

    .modalFooter .modalFooter-left {
        text-align: center;
        width: 100%;
        order: 2;
        margin-top: 15px;
    }

    .modalFooter .modalFooter-right {
        width: 100%;
        justify-content: center;
        order: 1;
        flex-wrap: wrap;

    }

    #cart-popupModal #closeModalBtn {

        top: 8px;
        font-size: 20px;
    }

    #cart-popupModal .modal-body {

        padding-inline: 0px;
        padding-block: 10px;
    }

    .modal-body .modal-itemPrice {

        font-size: 13px;
    }

    /*####################################(Cart Popup Modal End)#################################*/

    /*####################################(Request for Quote Start)#################################*/
    .RFQ-form .RFQ-form_container {
        padding-top: 30px;
        padding-inline: 0px;
    }

    /*####################################(Request for Quote End)#################################*/
    /*####################################(Shop Page Start)##############################*/


    .filter-box .left-box>div {

        float: left;
    }

    .filter-box .left-box .results {
        width: 100%;
    }

    .filter-box .left-box .form-group {

        margin-right: 12px;

    }

    .filter-box .left-box>div.form-group:not(.availFilter) {

        width: auto;

    }

    .filter-box .left-box .availFilter {
        width: max-content;

    }

    .filter-box .pages-list {

        display: none;
    }

    .filter-box>div {
        flex-wrap: wrap;
    }

    .filter-box .left-box {
        order: 2;
        flex-wrap: wrap;
    }

    .filter-box .right-box {

        order: 1;
    }

    /*####################################(Shop Page End)################################*/
    /*####################################(TopNav Start)###############################*/
    .top-nav .top-left.pull-left,
    .top-right ul {
        float: none;
        width: max-content;
        margin: auto;
    }

    .top-nav .top-left.pull-left ul {

        display: flex;
        justify-content: center;
        align-items: center;

    }

    .top-nav .top-left.pull-left ul .li_top_head:first-child {
        display: none;
    }

    /*####################################(TopNav End)################################*/

    .register-section .column {
        border-bottom: none;
    }

    .register-section .column.login_column {
        margin-top: 20px;
    }

}

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

    .stdFntMid {
        font-size: 13px;
    }

    h1 {
        font-size: var(--font-26);
        line-height: 38px;
    }

    h2 {
        font-size: var(--font-24);
    }

    h3 {
        font-size: var(--font-22);
    }

    h5 {
        font-size: var(--font-18);
    }

    .business-section .image {
        display: block !important;
    }

    .business-section .image img {
        width: 100%;
        display: block;
    }

    .business-section .image-two {
        position: relative !important;
        right: 0px !important;
        margin-top: var(--margin-top-20);
    }

    .business-section .image-two img {
        position: relative;
        width: 100%;
        display: block;
    }

    .business-section .image-three {
        position: relative !important;
        top: 0px !important;
        margin-top: var(--margin-top-20);
    }

    .business-section .image-three img {
        position: relative;
        width: 100%;
        display: block;
    }

    .brand-section span,
    .printing-section .title-box {
        font-size: var(--font-30);
    }

    .printing-section .post-info .rating {
        padding-left: var(--padding-zero);
        margin-top: var(--margin-top-15);
    }

    .sec-title h2,
    .sec-title h1 {
        line-height: 34px;
        font-size: 26px;
    }

    .brand-section i {
        top: -10px;
    }

    .subscribe-box .form-group {
        padding-right: var(--padding-zero);
    }

    .subscribe-box .form-group button {
        position: relative;
        margin-top: var(--margin-top-20);
    }

    .business-section-two .image-four {
        margin-left: var(--margin-left-120);
    }

    .business-section-two .image-two {
        right: 0px !important;
        top: 20px !important;
    }

    .services-section-four .owl-nav {
        left: 0px;
        right: 0px;
    }

    .service-block-four .text {
        padding: 0px 0px;
    }

    .price-section .counter i {
        display: block;
        margin-left: var(--margin-left-15);
        margin-bottom: var(--margin-bottom-10);
    }

    .price-block .inner-box {
        padding: 40px 25px 30px;
    }

    .price-block .icon-box {
        right: 20px;
        top: 20px;
    }

    .banner-section .title-box .skills {
        padding-right: var(--padding-zero);
    }

    .banner-section .title-box .side-text {
        position: relative;
        top: 0px;
        margin: 15px 0px;
    }

    .services-section-five .vector-icon-one,
    .services-section-five .vector-icon-two,
    .banner-section .pattern-layer-two {
        display: none;
    }

    .banner-section .carousel-box .content {
        left: 15px;
        right: 15px;
        bottom: 15px;
    }

    .project-section-three .title-box .text br {
        display: none;
    }

    .project-section-three .title-box .text {
        margin-top: var(--margin-top-15);
    }

    .services-section-five .title-box {
        font-size: var(--font-24);
    }

    .project-section-four .filter-btns li {
        margin: 0px 5px 10px;
    }

    .faq-section-three .accordian-column .inner-column {
        padding: 20px 20px;
    }

    .news-block .inner-box {
        padding: 0px 15px;
    }

    .subscribe-box-two .form-group {
        padding-right: var(--padding-zero);
    }

    .subscribe-box-two .form-group button {
        position: relative;
    }

    .service-detail h3 {
        font-size: var(--font-22);
    }

    .project-info-box .info-list li br {
        display: none;
    }

    .project-info-box .info-list li {
        font-size: var(--font-14);
    }

    .project-info-box .opening {
        padding-left: var(--padding-zero);
    }

    .project-info-box .opening .icon {
        position: relative;
        display: inline-block;
        margin-bottom: var(--margin-bottom-20);
    }

    .project-info-box {
        padding: 20px 20px;
    }

    .voucher-box .form-group button {
        position: relative;
    }

    .voucher-box .form-group {
        padding-right: var(--padding-zero);
    }

    .blog-detail .post-meta li {
        margin-bottom: var(--margin-bottom-20);
    }

    .blog-detail .post-meta {
        padding-bottom: var(--padding-bottom-10);
    }

    /* Cart Modal Start */

    .modal-product-specs-details .modal-mfr-details .modal-mfr-name {
        width: 50%;
    }

    .modal-body .modal-product-specs-details .modal-cal-details .modal-itemQty {
        width: 50%;
    }

    #cart-popupModal .modal-body .modal-itemTitle {
        font-size: 15px;
    }

    /* Cart Modal End */
    /* Contact Page Start */

    .contact-form .form-group textarea {

        height: 150px;
    }

    .register-section {

        padding-top: 70px;
    }

    /* Contact Page End */


}

@media only screen and (max-width: 390px) {
    .listModeON .shop-item .lower-content {
        flex-direction: column;
    }

    .listModeON .shop-item .lower-content {
        margin-top: 0px;
    }

    .modalFooter .modalFooter-right .modal-viewCartBtn {
        padding: 10px 10px;
    }

    .modalFooter .modalFooter-right .modal-cartSubTotal {
        width: 100%;
        text-align: center;
        margin-right: 0px !important;
        margin-bottom: 20px;

    }

    #cart-popupModal .modal-body {
        margin-top: 10px;

    }

    /* ###################### (RFQ Modal Start) ##################### */

    #rfq-popupModal .decision-Buttons button#Submit {

        display: block;
        margin: auto;
        margin-bottom: 10px;

    }


    /* ###################### (RFQ Modal End) ####################### */
    /* ###################### (Contact Page Start) ###################### */

    .contact-info-section {

        padding-top: 40px;
        padding-bottom: 20px;
    }

    .info-column .icon {

        font-size: 40px;
    }


    /* ###################### (Contact Page End) ####################### */
    /* ###################### (Product List Page Start) ##################### */

    .shop-item .lower-content .listbuttons>ul {

        float: left;
    }

    .shop-item .lower-content .listbuttons li {
        margin-left: 0px;
        margin-right: 10px;

    }

    .shop-item .lower-content .button-box-container {
        align-self: center;
    }

    /* ###################### (Product List Page End) ####################### */
    /* ###################### (Product Detail Page Start) ###################### */

    .shop-detail-section .content-column .price i {
        margin-top: 7px;
    }

}

/* ###################### (Product Detail Page End) ####################### */
