@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.cdnfonts.com/css/neue-haas-grotesk-display-pro');

                
body{font-family: "Archivo", sans-serif;  font-family: 'Neue Haas Grotesk Display Pro', sans-serif;}
.btn-know-more, .btn-know-more:hover{text-decoration:none; background-color:#141414 !important; padding:10px 20px; color:#fff !important; border-left:3px solid #FD8D5E !important; border-radius:0; font-size: 16px;}

.top-header .navbar .container{max-width: 1440px !important;}
/*********Navigation************/
.navbar ul.navbar-nav li { padding: 0 20px;}
.navbar ul.navbar-nav li a { font-size:16px; color:#141414; }
.navbar ul.navbar-nav li a.nav-link.active{color:#0E76BC; font-weight: 500;}
.navbar .right-menus { display: flex; justify-content: space-evenly;  list-style: none; align-items:center; margin: 0;}
.navbar .right-menus li{margin:0 10px;}
.navbar .right-menus li a { background: #F3DBD8; padding: 10px; border-radius: 50px; color:#B84B4B !important;}
.navbar .right-menus li:last-child a{background:#B84B4B !important; color:#fff !important; font-size:16px; transition: all 0.5s ease-in-out;}
.navbar .right-menus li:last-child a:hover{background:#213C59 !important; color:#fff !important; font-size:16px; transform: scale(1.1);}
.navbar ul.navbar-nav .current-menu-item a{color:#b84b4b; font-weight:500;}

/**************** Banner Slider ************************/
#carouselPowell .carousel-caption{bottom: 10rem !important;}
#carouselPowell .carousel-caption h5 { font-size:52px; color:#fff; font-weight:700; text-align:left; }
#carouselPowell .carousel-caption p { font-size:16px; color:#fff; line-height: 2.2; text-align:left; padding: 10px 0;}
#carouselPowell .carousel-caption a{background-color:#B84B4B; text-decoration:none; color:#fff; padding:12px 30px; border-radius:50px; float: left; transition: all 0.5s ease-in-out;}
#carouselPowell .carousel-caption a:hover{background:#213C59 !important; transform: scale(1.1);}

a.btn-contactnow {
    margin-right: 6px;
}

/*.banner{background-image: url(../images/banner-1.png); background-size: cover; background-repeat: no-repeat; height: 699px;}
.banner .banner-content { padding-top: 150px;}
.banner .banner-content h1{font-size:52px; color:#fff; font-weight:700;}
.banner .banner-content p{font-size:16px; color:#fff; line-height: 2.2}
.banner .banner-content a{background-color:#B84B4B; text-decoration:none; color:#fff; padding:12px 30px; border-radius:50px;}
*/
/*******Brand Logo********/
.brand-logo { box-shadow: 0 0 10px #c9c5c5;}
.brand-logo ul.brand-logo-list { display: flex; justify-content: space-between; list-style-type: none; flex-wrap:wrap;}

/**********We Work Hard To Meet Your Needs***************/

.work-hard{background: #F1F1F1;}
.work-hard h2 { text-align: center;font-size: 36px;  font-weight: 700;}
.work-hard p{text-align:center; font-size:16px; color:#000;}
.work-hard .card{padding: 50px 20px 10px; border:none; border-radius: 20px;}
.work-hard .card img{width: 100%; margin: 0 auto;height: 220px;object-fit: contain;}
.work-hard .btn-workhard{background:#213C59;color: #fff;width:100%;max-width: 300px;text-align: center;margin: 0 auto;display: flex;justify-content: center;align-items: center;border-radius: 50px; transition: all 0.5s ease-in-out;}
.work-hard .btn-workhard:hover{background:#B84B4B; color:#fff; transform: scale(1.1); }

/*********ORDER EARLY***********/
.order-early .container{background-image: url(../images/offer-banner.png); background-size: cover; background-repeat: no-repeat; }
.order-early .order-early-content {padding: 52px 50px;}
.order-early .order-early-content h2{font-size:32px; color:#fff; font-weight:700;}
.order-early .order-early-content h2 span{color:#FFC621;}
.order-early .order-early-content p{font-size:16px; color:#fff;}
.order-early .order-early-content .btn-order{background:#000; padding:8px 30px; color:#fff; border-radius:50px; transition: all 0.5s ease-in-out;}
.order-early .order-early-content .btn-order:hover{background-color: #213C59 !important; transform: scale(1.1);}

/*-----------Most Popular----------------*/

.most-popular h2 { text-align: center;font-size: 36px;  font-weight: 700;}
.most-popular p{text-align:center; font-size:16px; color:#000;}
.most-popular .card{ border:1px solid #ddd; border-radius: 20px; transition: all 0.5s ease-in-out;}
.most-popular .card:hover { transform: scale(1.1);}
.most-popular .card:hover a{color: #B84B4B !important;}
.most-popular .card img { padding: 30px 50px;}
.most-popular .card img{width: 100%; margin: 0 auto;height: 220px;object-fit: contain;}
.most-popular .btn-workhard{background:#213C59;color: #fff;width:100%;max-width: 300px;text-align: center;margin: 0 auto;display: flex;justify-content: center;align-items: center;border-radius: 50px;}
.most-popular .btn-workhard:hover{background:#B84B4B; color:#fff; }
.most-popular .card {min-height:350px; text-align: center;}
.most-popular .card .btn-popular { font-size: 18px;}

/**************NOTEBOOK AND SPECIAL*********************/
.notebooks-special .notebooks-box-one{background-image: url(../images/notebook.png); background-size: cover; background-repeat: no-repeat; padding:140px 28px; }
.notebooks-special .notebooks-box-two{background-image: url(../images/coopspecial.png); background-size: cover; background-repeat: no-repeat; padding:158px 28px; }
.notebooks-special .notebooks-box p {font-size: 16px; color: #000; margin-bottom: 0;}
.notebooks-special .notebooks-box h2 {font-size: 30px; font-weight: 900;}
.notebooks-special .notebooks-box .btn-contactnow { font-size: 16px; background-color: #B84B4B; color: #fff; border-radius: 50px; margin-top: 10px; transition: all 0.5s ease-in-out;}
.notebooks-special .notebooks-box .btn-contactnow:hover{background-color: #213C59 !important; color: #fff !important; transform: scale(1.1);}


/***************About Us*********************/
.aboutus .container{background-image: url(../images/aboutbg.png); background-size: cover; background-repeat: no-repeat; }
.aboutus .about-images { position: relative; text-align: center;}
.aboutus .about-images img { max-width: 436px; text-align: center;}
.aboutus .btn-about { position: absolute; color: #fff; top: 40%; left: 0px; transform: rotate(270deg); background: #B84B4B; border-radius: 50px; transition: all 0.5s ease-in-out;}
.aboutus .btn-about:hover{background: #213C59 !important; color: #fff !important;} 
.aboutus .about-content h2{font-size: 32px; color: #fff;}
.aboutus .about-content p{font-size: 16px; color: #fff; font-weight: 300;}
.aboutus .row{align-items: center;}

/************Testimonials*************/
#testimonials h2{font-size: 42px; color: #000; text-align: center;  font-weight: 600; position: relative;}
#testimonials-slider .fas { font-size: 42px; padding: 20px 0; color: #939393; text-align: center; display: flex; justify-content: center;}
#testimonials-slider p { font-size: 18px;  text-align: center;  color: #000; line-height: 1.6;}
#testimonials-slider p strong{color:#B84B4B; font-size:20px}

#testimonials-slider .item {padding: 24px;max-width: 840px;margin: 0 auto;border-radius: 30px; background: #fff; text-align: center;}
#testimonials-slider .testimonials-clients p{margin-bottom: 0px; text-align: left; font-size: 14px;}
#testimonials-slider .testimonials-clients { display: flex; justify-content: center; list-style: none; padding: 0;}
#testimonials-slider ul.testimonials-clients li { margin-right: 20px;}

/***********Owl Carousel Nav arrow css************/

#testimonials-slider .owl-nav .owl-next{ position: absolute; right: 0px; top: 42%; /*border: 2px solid #000;*/ text-align: center; z-index: 5; 
    width: 40px; height: 40px;  outline: 0; background: #fff;  color: #000; transition: all 0.3s; font-size: 20px;  border-radius: 50px;  line-height: 30px;}

#testimonials-slider .owl-nav .owl-prev {  position: absolute;  left: 22px;  top: 42%; /*border: 2px solid #000;*/ text-align: center;  z-index: 5; 
width: 40px;  height: 40px; outline: 0; background: #fff;  transition: all 0.3s;  color: #000;   font-size: 20px;  border-radius: 50px;  line-height: 30px;}
#testimonials-slider .owl-nav .owl-prev:hover .fas, #testimonials-slider .owl-nav .owl-next:hover .fas {  color: #B84B4B;}
#testimonials-slider .owl-nav .owl-prev .fas{font-size: 36px; color:#D1D1D1; padding: 0 !important;}
#testimonials-slider .owl-nav .owl-next .fas{font-size: 36px; color:#D1D1D1; padding: 0 !important;}
#testimonials-slider .owl-nav { margin-top: 30px;}

/********WHY BUY FROM COLONIAL REDI RECORD!**********/
.colonial-redi{background: #f1f1f1;}
.colonial-redi h2{font-size: 32px; color: #000; text-align: center;}
.colonial-redi h2 span{font-weight: 900;}
.colonial-redi p{font-size: 16px; color: #000; text-align: center;}
.colonial-redi .colonial-box .numbers { background-color: #B84B4B; padding: 3px 8px; max-width: 50px; max-height: 50px; margin-left: 20px; color: #fff; font-size: 26px; font-weight: bold; text-align: center;}
.colonial-redi .colonial-box{background-color:#4085BB; border-radius: 20px;}
.colonial-redi .colonial-box .colonial-box-content {padding:20px;}
.colonial-redi .colonial-box .colonial-box-content h3{font-size:28px; color:#fff;}
.colonial-redi .colonial-box .colonial-box-content p{text-align:left; color:#fff; font-size:16px;}


/************CopyRight **********/
.footer {background: #213C59;}
.footer-about p{color: #fff; font-size: 16px; padding:20px 20px 20px 0}
.footer .footer-links h2 { font-size: 18px; color: #fff;}
#footer ul.footer-menus {padding:0}
#footer ul.footer-menus li { list-style:none; line-height:2.2; color:#fff; text-decoration:none; font-size:14px;}
#footer ul.footer-menus li a{color:#fff; text-decoration:none; font-size:14px;}
#footer ul.footer-menus li a:hover{color:#B84B4B !important; }
.footer ul.footer-menus li a span{color: #B84B4B;}
.copyright p, .copyright p a{color:#A4C1E0; text-decoration:none;}
.copyright .footer-social-links{display:flex; justify-content:center; flex-wrap:wrap;  align-items: baseline;}
.copyright .footer-social-links p{color: #A4C1E0;}
.copyright .footer-social-links li{list-style:none; color: #A4C1E0; margin:0 5px; width:30px; height:30px; line-height:30px;  border-radius:50px; text-align: center;}
.copyright .footer-social-links li a{color:#A4C1E0; font-size:16px;}
.copyright .footer-social-links li a:hover{color:#B84B4B; font-size:16px;}

/*footer subscription*/


.footer .content {
  width: 280px;
  height: 40px;
  box-shadow: 2px 4px 10px rgba(0, 0, 0, .2);
  border-radius: 60px;
  overflow: hidden;
}
.subscription input::placeholder { color: #fff;}

.subscription {
  position: relative;
  width: 100%;
  height: 100%;
}

.subscription .add-email{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  padding: 0 20px;
  background: #677B8F;
  color: #fff;
}

.subscription .submit-email {
  position: absolute;
  top: 0;
  right: 0;
  height: calc(100% - 2px);
  width: 100px;
  border: none;
  border-radius: 60px;
  outline: none;
  margin: 1px;
  padding: 0 20px;
  cursor: pointer;
  background: transparent;
  color: #FFFFFF;
  transition: width .35s ease-in-out,
    background .35s ease-in-out;
    transform: rotate(45deg);

}

.subscription.done .submit-email {
  width: calc(100% - 2px);
  background: #C0E02E;
}

.subscription .submit-email .before-submit,
.subscription .submit-email .after-submit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 38px;
  transition: visibility .35s ease-in-out,
    opacity .35s ease-in-out;
}

.subscription.done .submit-email .before-submit,
.subscription:not(.done) .submit-email .after-submit {
  visibility: hidden;
  opacity: 0;
}

.subscription .submit-email .after-submit {
  transition-delay: .35s;
}

.subscription:not(.done) .submit-email .before-submit,
.subscription.done .submit-email .after-submit {
  visibility: visible;
  opacity: 1;
}


/******General Information page*******/

.banner{background-image: url(../images/general-informationbg.png); background-size: cover; background-repeat: no-repeat; height:390px; }
.banner .banner-content { padding-top:140px;}
.banner .banner-content h1{font-size:36px; color:#000000; font-weight:700;}
.banner .banner-content p{font-size:16px; color:#000000; line-height: 2.2}
.banner{background-position: center;}
/**general-information**/

.general-informatin h2{text-align: center; font-size: 32px; color: #000; padding-bottom: 30px; font-weight: 700;}
.general-informatin .general-informatin-box { text-align: center; background: #F3DBD8; border-radius: 25px; padding: 20px; min-height: 525px; margin-bottom: 20px;}
.general-informatin .general-informatin-box h3{ font-size:26px; font-weight:600}
.general-informatin .general-informatin-box p{color:#000; font-size:16px;}
.general-informatin .general-informatin-box img {padding: 15px 0;}

.we-reserve .container{background-image: url(../images/we-reserve.png); background-size: cover; background-repeat: no-repeat; border-radius:20px; }
.we-reserve .we-reserve-content{text-align: center; padding: 70px 0;}
.we-reserve .we-reserve-content h2{font-size: 32px; color: #B84B4B;}
.we-reserve .we-reserve-content p{font-size: 18px; color: #000;}

/****Artwork Guidelines****/

.our-equipment h2 { text-align:center; font-size:32px; font-weight:700; color:#000}
.our-equipment p{font-size:16px; text-align:center;}

.accordion .accordion-item .accordion-button{background-color:#B84B4B; font-size:20px; color:#fff;}
.accordion .accordion-item .accordion-button:focus{box-shadow: none !important;}
.accordion .accordion-item .accordion-button::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
 }

 .accordion .accordion-item .accordion-body {background-color: #F3DBD8 !important;}
 .accordion .accordion-item .accordion-body ul li:first-child { border-bottom: 1px dashed #BE2323; padding:20px 0}
.accordion .accordion-item .accordion-body ul li{line-height:1.7; padding:20px 0; list-style:none; position: relative;}
.accordion .accordion-item .accordion-body ul li:before{ 
    font-family: "Font Awesome 5 Free";
    content: "\f14a";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    padding: 0 5px;
    height: 15px;
    line-height: 16px;
    color: #B84B4B;
    margin-right: 4px;
    font-size: 1rem;
    width: 15px;
    position:absolute;
    left:-25px;
    top:25px
}

/*****Spot Color Files**********/

.spotcolor-files{background: #FCF5F4;}
.spotcolor-files h2{font-size: 30px; text-align: center; color: #000; padding-bottom: 20px; font-weight: 700;}
.spotcolor-files .spotcolor-files-box{ background:#fff; padding:20px; border-radius:20px;  min-height:351px; }
.spotcolor-files .spotcolor-files-box h3{ font-size: 22px; color: #B84B4B;  font-weight: 600; padding-left: 12px;}
.spotcolor-files .spotcolor-files-box ul li{font-size: 16px; color: #000; list-style: none; position: relative; padding: 10px 0 20px;}
.spotcolor-files .spotcolor-files-box ul li:nth-child(2) { border-top: 1px dashed #000; padding:12px 0 20px;}

.spotcolor-files .spotcolor-files-box ul li:before{ 
    font-family: "Font Awesome 5 Free";
    content: "\f14a";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    padding: 0 5px;
    height: 15px;
    line-height: 16px;
    color: #213c5966;
    margin-right: 4px;
    font-size: 1rem;
    width: 15px;
    position:absolute;
    left:-25px;
    top:15px
}

.spotcolor-files .fas {font-size: 8px; vertical-align: middle; align-items: center; color: #B84B4B;}
.spotcolor-files p{font-size: 16px; color: #000;}

.artwork-guidelines {background-image: url(../images/artwork.png); background-size: cover; background-repeat: no-repeat; border-radius:20px; }
.artwork-guidelines .artwork-guidelines-content{text-align: center; padding: 70px 0;}
.artwork-guidelines .artwork-guidelines-content h2{font-size: 32px; color: #B84B4B;}
.artwork-guidelines .artwork-guidelines-content p{font-size: 18px; color: #000;}
.artwork-guidelines .artwork-guidelines-content p span{color:#B84B4B !important;}
.artwork-guidelines .artwork-guidelines-content p a{text-decoration: none; color: #000;}

/******Products *******/

.products-categories{background-color:#F3DBD8; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.products-categories h2{text-align: center; font-size: 32px; padding-bottom:20px; }
.products-categories button.btn.btn-search, .products-categories button.btn.btn-search:hover { background-color: #E26C6C; padding: 6px 45px; color: #fff;}
.products-list table tr th, .products-list table tr td { border: 1px solid #ddd;}
.products-list table thead{background-color: #F9ECEA;}
.products-list table tbody{background-color: #F5F5F5;}
.pagination{margin: 0 auto 50px; display: flex; justify-content: center;}

/*******Contact Us*********/

.get-touch ul.get-touch-image{display: flex; justify-content: space-around; flex-wrap: wrap; list-style: none; padding: 25px 0 10px; border-top: 1px dashed #BE2323;}
.get-touch ul.get-touch-contact{list-style: none; padding: 0px;}
.get-touch ul.get-touch-contact li img {float: left; vertical-align: middle; padding: 10px;}
.get-touch ul.get-touch-contact li p{margin-bottom: 5px; font-size: 16px; color: #000}
.get-touch ul.get-touch-contact li a{text-decoration: none; color: #000; font-size: 16px;}
.contact-title{text-align: center; font-size: 32px; color: #000; padding:40px 0;}
.contact-title span{font-weight: 300;}
.contactus { background: #F3DBD8;}
.get-touch p span strong{color: #B84B4B;}
.contactus ul.get-touch-contact li {  border-top: 1px dashed #BE2323; padding: 25px 0; }
.contact-form .btn-contactsub { background-color: #B84B4B; color: #fff; padding: 8px 30px; transition: all 0.5s ease-in-out;}
.contact-form .btn-contactsub:hover { background-color: #213C59 !important; color: #fff; padding: 8px 30px; transform: scale(1.1);}
.contact-form  label{color: #000; font-weight: 700;}

/***Our Services*****/

.our-services .card {text-align:center; background:#FBF6F5; border-radius:20px; padding:30px;margin-bottom: 15px; min-height:400px; transition:all 0.5s ease-in-out; }
.our-services .card:hover{transform: scale(1.1);}
.our-services .card img { max-width: 140px; text-align:center; margin:0 auto}
.our-services .card .card-title{font-size: 20px; color: #000; font-weight: 600;}
.our-services .card .card-text{font-size: 16px; color: #000;}
.services-leftlist, .services-rightlist, .services-centerlist{list-style: none;} 
.services-area .services-leftlist li, .services-area .services-rightlist li, .services-area .services-centerlist li {background: #EFEFEF; padding: 10px 20px; max-width: fit-content; width: 100%; border: 1px solid #d4d4d4; border-radius: 10px; transition: all 0.5s ease-in-out;}
.services-area .services-leftlist li:hover, .services-area .services-rightlist li:hover, .services-area .services-centerlist li:hover{background: #213C59 !important; transform: scale(1.1);}
.services-area .services-leftlist li:hover a, .services-area .services-rightlist li:hover a, .services-area .services-centerlist li:hover a{color:#fff !important;}
.services-area .services-leftlist li img, .services-area .services-rightlist li img, .services-area .services-centerlist li img{max-width:20px; margin:5px; }
.services-area .services-leftlist li a, .services-area .services-rightlist li a, .services-area .services-centerlist li a{ text-decoration:none; color:#000000;}
.services-area ul.services-centerlist { text-align: center; margin: 0 auto; display: flex; justify-content: center;}
.services-area ul.services-leftlist, .services-area ul.services-rightlist { margin-top: 80px;}
.services-area ul.services-leftlist { float: right;}
.services-area ul.services-leftlist li, .services-area ul.services-rightlist li { margin-bottom: 32px;}

.services-area ul.services-leftlist li:first-child{margin-left: 30px;}
.services-area ul.services-leftlist li:nth-child(4){margin-left:-30px}
.services-area ul.services-leftlist li:nth-child(5){margin-left:-60px}
.services-area ul.services-rightlist li:first-child{margin-right: 30px;}
.services-area ul.services-rightlist li:nth-child(3){margin-left:35px}
.services-area ul.services-rightlist li:nth-child(5){margin-right:-60px}

.reach-out {background-image: url(../images/reach-out.png); background-size: cover; background-repeat: no-repeat; background-position: center; }
.reach-out .reach-out-content{padding: 50px 0;}
.reach-out-content h2{font-size: 24px; color: #000; font-weight: bold;}
 .reach-out-content h2 sapn{color:#213C59;}
 .btn-contacttoday { background: #B84B4B;  padding: 10px;  border-radius: 50px; color: #fff; transition: all 0.5s ease-in-out;}
 .btn-contacttoday:hover{background:#213C59 !important; transform:scale(1.1); color:#fff !important; }

/*Products page-24-12-2024*/

div#subcategroy_section ul li {line-height: 2;}
div#subcategroy_section ul li a{color:#000; font-size:18px; font-weight:500;  display: block;}
.products-list .product_view img {
    max-height: 300px;
    object-fit: contain;}
.products-list .product_view a{font-size:20px;}
.products-list .products-list-content {
    padding: 0 10px;
}
.product_sections .product .woocommerce-product-gallery__wrapper img {
    max-height: 370px;
    object-fit: contain;
}
div#subcategroy_section ul {
    display: flex;
    justify-content: center;
    list-style: none;
    text-align: center;
    padding: 0px;
    margin-top: 20px;
    flex-wrap: wrap;
}

div#subcategroy_section ul li {
    border: 1px solid #ddd;
    margin: 5px;
    padding: 5px;
    text-align: center;
    max-width: 280px;   
     box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}
div#subcategroy_section ul li




/* 27-09-2024 added by sudhanshu */

.product_sections img.wp-post-image {max-width: 100%; height: auto;} 
.product_sections .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {flex-basis: 40%;}
.product_sections .summary.entry-summary {flex-basis: 56%;}


.product_sections .products.columns-4 {display: grid;gap: 10px;grid-template-columns: repeat(4, 1fr);}

.woocommerce-product-gallery__image {display: inline-block;margin-left: 11px;margin-top: 11px;}

main#main{padding: 20px 60px;max-width: 1400px;margin: 0 auto;
}
section#products-list {padding: 20px 60px;max-width: 1320px;margin: 0 auto;
}

.type-product {display: flex !important;flex-flow: wrap;gap: 20px;box-sizing: border-box; justify-content: space-around;
}

h2.woocommerce-loop-product__title {font-size: 18px;margin-top: 16px;color: #1b1b1c;font-family: var(--bs-btn-font-family); line-height: var(--bs-btn-line-height);text-align: center;padding: 0 10px;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link{text-decoration: none;}


ul.products.columns-4 {display: grid;margin: 29px 0;padding: 0;gap: 16px;box-sizing: border-box; grid-template-columns: repeat(4, 1fr);}
ul.products.columns-4 li { list-style: none;}
ul.products.columns-4 li  {border: 1px solid #ccc;border-radius: 15px;box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;text-align: center;
}
ul.products.columns-4 li{
  text-align: center;
}
.woocommerce-loop-product__title:after { content: "\f061"; font-family: 'Font Awesome 6 Free'; font-weight: 900;  display: inline-block;  margin-left: 5px;}
ul.page-numbers {display: flex;gap: 18px;justify-content: center;list-style: none;}
a{text-decoration: none;}
ul.page-numbers a {color: white;}
ul.page-numbers li {background: #3e84bb;color: white !important;padding: 5px;border-radius: 50%;min-width: 33px;text-align: center;}
.work-hard .card {margin-top: 20px;}
ul.products.columns-4 li{
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  border-radius: 12px;
}
.woocommerce-loop-category__title {
    font-size: 18px;
    margin-top: 16px;
    color: #1b1b1c;
    font-family: var(--bs-btn-font-family);
    line-height: var(--bs-btn-line-height);
    text-align: center;
    padding: 0 10px;
}
.woocommerce-loop-category__title::after{
  content: "\f061"; font-family: 'Font Awesome 6 Free'; font-weight: 900;  display: inline-block;  margin-left: 5px;
}

.products-list-content p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
  line-height: 1.2em;
  max-height: 2.4em;
}

.product_view {
  box-shadow: rgb(0 0 0 / 20%) 0px 1px 3px 0px, rgb(27 31 35 / 31%) 0px 0px 0px 1px;
  border-radius: 5px;
  height: 100%;
  text-align: center;
  margin: 10px;
}
.product_view img{width: 100%;height: auto;}
.products-list-content > div[style*="bottom: 10px"] {
  display: none;
}
.products-list-content h2 a {
  color: #b74a4a;
  font-size: 24p1x;
  font-weight: 600;
}

.products-list-content h2 {
  margin-top: 15px;
  margin-bottom: 15px;
}



/*  */
#search-form {
  position: absolute;
  right: 0;
  background: white;
  padding: 10px;
  left: 0;
  text-align: center;
  z-index: 1;
}

#search-input {
  padding: 5px;
}

#search-submit {
  background: #b84b4b;
  border: none;
  padding: 7px 16px;
  color: white;
}
/*  */

.woocommerce-product-gallery.woocommerce-product-gallery--without-images.woocommerce-product-gallery--columns-4.images {
  flex-basis: 35%;
}
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px;}
}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1230px;}
}
@media (min-width:600px) {
form.woocommerce-ordering {width: 48%;display: inline-block;text-align: end;}
p.woocommerce-result-count {width: 48%;display: inline-block;margin-top: 15px;font-size: 18px;text-transform: capitalize;
}
ul.products.columns-4 li img {min-height: 300px;object-fit: contain;width: 95%;}
form.woocommerce-ordering select {padding: 8px 0;}
#search-input {
  min-width: 400px;
}
}


/* ==Responsive== */

@media screen and (max-width:1200px){
.navbar .right-menus li:last-child a {  font-size: 12px;}
.navbar .right-menus{padding: 0;}
.navbar ul.navbar-nav li {padding: 0 5px;}
.product_sections img.wp-post-image {  max-width: 100%;height: auto;}
.product_sections .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {flex-basis: 28%;}
main#main { padding: 20px 28px;}
nav.woocommerce-breadcrumb { margin: 10px 0px;}
ul.products.columns-4 {gap: 30px;grid-auto-flow: dense;grid-template-columns: repeat(3, 1fr);}
.footer .content {width: auto;}
.woocommerce-product-details__short-description div:last-child { /* display: none; */ width: 100% !important;}
}
@media screen and (max-width:991px){
.navbar .right-menus {justify-content: left;}
.product_sections .products.columns-4 {display: grid; gap: 10px;grid-template-columns: repeat(3, 1fr); list-style: none;}
ul.products.columns-4 {grid-template-columns: repeat(2, 1fr);}
.woocommerce-product-gallery__image{display: inline-block;}
.product_sections .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {flex-basis: 100%;}
.woocommerce-product-gallery__image:nth-child(1) {display: block;text-align: center;}
.product_sections .summary.entry-summary {flex-basis: 100%;}
.notebooks-special .notebooks-box-one {margin-bottom: 20px;}
.footer .footer-links h2 {margin-top: 20px;}
.footer .content {width: 300px;}
.colonial-redi .colonial-box {margin-bottom: 20px;}
.navbar ul.navbar-nav li {margin-bottom: 14px;}
.most-popular .card{margin-bottom: 20px;}
.copyright p, .copyright p a{text-align: center;}
select#Parntcategry { margin-bottom: 20px;}
}


/* ========media max 768px======== */

@media screen and (max-width:768px){
.product_sections .products.columns-4 {grid-template-columns: repeat(2, 1fr);}
ul.brand-logo-list li {margin-bottom: 10px;}
.our-services .card {margin-bottom: 20px;}
.banner {background-position: inherit;}
.summary.entry-summary table {
  width: 100%; 
  max-width: 100%; 
  overflow-x: auto;
  display: block; 
  border-collapse: collapse;        
   margin: 30px 0;
  display: inline-block 

}

.summary.entry-summary {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: auto; 
}

.summary.entry-summary table td, 
.summary.entry-summary table th {
  text-align: left; 
  white-space: nowrap; 
}

.general-informatin .general-informatin-box{min-height: 350px;}
}

/* =====media max 600px======  */

@media screen and (max-width:600px){
.product_sections .products.columns-4 {grid-template-columns: repeat(1, 1fr);}
.woocommerce-product-gallery__image {display: inline-block;}
.type-product {display: block !important;}
ul.products.columns-4 li {border: 1px solid #bbbbbb;border-radius: 6px;text-align: center; list-style: none;}
ul.products.columns-4 li a{box-shadow: none;}
ul.products.columns-4 {grid-template-columns: repeat(1, 1fr);}
.footer .footer-links h2 {margin-top: 20px;}
.aboutus .about-images img{width: 100%;}
.about-content {padding: 15px;text-align: justify;}
.aboutus .btn-about {position: absolute;color: #fff;top: 22%;left: -24px;}
.reach-out-content h2 {font-size: 15px;max-width: 60%;line-height: 22px;}
.reach-out { padding: 0 12px;}
.services-area ul.services-leftlist{margin-top: 12px;}
section#products-list { padding: 20px 20px;}
ul.products {margin: 0;padding: 0;}
.general-informatin .general-informatin-box{min-height: auto;}
  

}


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

  .services-area .services-leftlist li, .services-area .services-rightlist li, .services-area .services-centerlist li{padding: 10px 4px;}
  .services-area ul.services-leftlist li:first-child, .services-area ul.services-leftlist li:nth-child(5){margin-left: 0px !important;}
  .services-area ul.services-leftlist li, .services-area ul.services-rightlist li{margin-bottom: 16px;}

}


@media screen and (max-width:767px){
.services-area ul.services-leftlist { float: left !important;}
   .services-area ul.services-leftlist li:first-child, .services-area ul.services-leftlist li:nth-child(5), .services-area ul.services-leftlist li:nth-child(4), .services-area ul.services-rightlist li:nth-child(3){margin-left: 0px !important;}
   .services-area ul.services-centerlist {  justify-content: start; text-align: left !important;}
   .services-area ul.services-leftlist li, .services-area ul.services-rightlist li, .services-area ul.services-leftlist, .services-area .services-centerlist li{width: 100% !important; max-width: 450px;}
   .services-leftlist, .services-rightlist, .services-centerlist{padding: 0px;}
   .services-area ul.services-leftlist li, .services-area ul.services-rightlist li { margin-bottom: 15px;}
}