.category-top-m{padding: 40px 0;margin-bottom: 20px;}
.category-top-m .genral-heading-m{padding: 0 0 20px 0;text-align: left;}
.category-top-m .genral-heading-m .genral-heading h1{display: inline-block;width: 100%;font-size: 34px;color: #0061bc;line-height: 46px;font-family:OpenSans-SemiBold;}
.category-top-m .genral-heading-m .genral-heading h2{	font-family:OpenSans-Bold;}
.category-top-right p{display: inline-block;width: 100%;color: #000000;line-height: 29px;}
.category-boxes{margin-bottom: 30px;}
.category-boxes .img{margin-bottom: 20px;}
.category-boxes .img img{width: 100%;height:270px;object-fit:cover;}
.category-boxes span{display: inline-block;color: #1c2856;text-align: center;padding: 6px 20px;font-family:OpenSans-Bold;border-radius: 6px;}
.category-boxes:hover span{color: #fff;background-color:#1c2856;transition: 0.3s;}
.pagination-m .paging-navigation{margin-bottom: 34px; float: right;}
.pagination-m .page-numbers{background-color: #0061bc;color: #fff;padding: 11px  12px;border: 1px solid #dee2e6;}
.pagination-m .page-numbers.current{background-color: #ffc500;color: #0061bc;transition: 0.2s ease;}
.pagination-m .page-numbers:hover{background-color: #ffc500;color: #0061bc;transition: 0.2s ease;}
.top-services-m{margin-bottom: 30px;}
.top-services{padding: 20px 0;}
.top-services-left span{display: inline-block; width: 100%;font-size: 50px;color: #ffc500;font-family:OpenSans-Bold;font-style: italic;}
.top-services-content label{float: left;width: 100%;font-size: 19px;color: #111111;font-family:OpenSans-SemiBold;}
.top-services-content p{float: left;width: 100%;color: #585756;font-size: 13px;margin-bottom: 0;}
.top-services:hover{background-color: #fff;box-shadow: -1px 1px 13px 0px rgba(161,161,161,0.75);-webkit-box-shadow: -1px 1px 13px 0px rgba(161,161,161,0.75);-moz-box-shadow: -1px 1px 13px 0px rgba(161,161,161,0.75);}
.quote-form-m{padding-bottom: 30px;background-image: url('https://www.ybyboxes.com/wp-content/themes/ybyboxes-new/assets/webp/background.webp');background-repeat: no-repeat;background-size: cover;background-position: initial;}
.quote-form-m .genral-heading-m {padding: 30px 0;}
.quote-form-m .genral-heading-m .genral-heading h2{margin-bottom: 0;}
.quote-form-m .genral-heading-m .genral-heading p{margin: 0;}
.bottom-content-m{padding-top: 60px;margin-bottom: 40px;}
.bottom-content-sub{margin-top: 30px;height: 298px;overflow: hidden;padding-right: 15px; scrollbar-color: #7dc0ff #cccccc; scrollbar-width: thin;}
.bottom-content-sub-inner{width: calc(100% - 8px);}
.bottom-content-sub:hover{overflow-y: scroll;}
.bottom-content-sub:hover .bottom-content-sub-inner{width: 100%;}
.bottom-content-sub h3, .bottom-content-sub h2{font-size: 22px;color: #0061bc;font-family:OpenSans-Bold;margin: 14px 0px;}
.bottom-content-sub h3 label, .bottom-content-sub h2 label{font-size: 22px;color: #0061bc;font-family:OpenSans-Bold; color: #ffc500;}
.bottom-content-sub p{color: #000;display: inline-block;width: 100%;}
.bottom-content-sub .col-lg-6:first-child{background-image: url('https://www.ybyboxes.com/wp-content/themes/ybyboxes-new/assets/images/why-border.png');background-repeat: no-repeat;background-position: top right;}
.bottom-content-sub::-webkit-scrollbar{width: 8px;background-color: #cccccc;border-radius: 14px;}
.bottom-content-sub::-webkit-scrollbar-thumb{background: #7dc0ff;}
.paper-stock-m{background-color: #f0f7fe;padding-bottom: 30px;}
.paper-stock-m .genral-heading-m{padding: 30px 0;}
.paper-stock-m .genral-heading-m .genral-heading h2{margin-bottom: 8px;}
.paper-stock-m .col-lg-6{padding: 0;}
.paper-stock-left .img{overflow: hidden;border-radius: 15px;}
.paper-stock-left .img img{width: 100%;transition: 0.3s ease;}
.paper-stock-right h4{display: inline-block;width: 100%;color: #0061bc;font-family:OpenSans-Bold;margin-bottom: 15px;}
.paper-stock-right p{display: inline-block;width: 100%;margin-bottom: 15px;color: #333333;}
.paper-stock-right span{color: #333333;display: inline-block;width: 100%;}
.paper-stock-right span strong{color: #333333;display: inline-block;font-family:OpenSans-Bold;}
.paper-stock{margin-bottom: 25px;}
.paper-stock:hover .paper-stock-left .img img{transform: scale(1.1);}
.paper-stock-m .get-quote-btn.view-btn{text-align: center;}
.standout-shapes-m{background-color: #fff;margin-bottom: 38px;}
.standout-shapes-m .genral-heading-m{padding: 48px 0;}
.standout-shapes-m .genral-heading-m .genral-heading h2{margin-bottom: 20px;}
.standout-shapes .img{margin-bottom: 15px;}
.standout-shapes .img img{width: 100%;}
.standout-shapes h4{display: inline-block;width: 100%;color: #0061bc;margin-bottom: 25px;font-family:OpenSans-Bold;}
.standout-shapes strong{float: left; width: 100%;}
.standout-shapes ul{display: inline-block;width: 100%;margin-bottom: 36px; margin-top: 10px;}
.standout-shapes ul li{float: left; width: 100%;list-style: inside;}
.standout-shapes-m .carousel-control-next, .standout-shapes-m .carousel-control-prev{width: auto;height: 0;top: 28%;}
.standout-shapes-m .carousel-control-next svg, .standout-shapes-m .carousel-control-prev svg{fill: #ffda3a;font-size: 30px;}
.standout-shapes-m .carousel-control-next{right: 15px;}
.standout-shapes-m .carousel-control-prev{left: 15px;}
.standout-shapes-m .get-quote-btn.view-btn{text-align: center;}
.about-us-m{background-color: #f0f7fe;padding-bottom: 40px;}
.about-us-m .genral-heading-m {padding: 40px 0 25px;}
.about-us-m .genral-heading-m .genral-heading h2{font-size: 45px;margin-bottom: 35px;}
.about-us-m .genral-heading-m .genral-heading h2 label{font-size: 45px;}
.about-sub{padding: 12px 0;background-color: #fff;box-shadow: 0px 0px 7px 3px rgb(214 214 214 / 75%);-webkit-box-shadow: 0px 0px 7px 3px rgb(214 214 214 / 75%);-moz-box-shadow: 0px 0px 7px 3px rgb(214 214 214 / 75%);}
.about-content{padding: 0 12px;background-color: #Fff;height: 385px;overflow-y: hidden; scrollbar-color: #7dc0ff #cccccc; scrollbar-width: thin;}
.about-content-inner{width: calc(100% - 8px);}
.about-content:hover{overflow-y: scroll;}
.about-content:hover .about-content-inner{width: 100%;}
.about-content::-webkit-scrollbar{width: 8px;background-color: #cccccc;border-radius: 14px;}
.about-content::-webkit-scrollbar-thumb{background: #7dc0ff;}
.about-content h3{display: inline-block;width: 100%;color: #362f2d;margin-bottom: 20px;}
.about-content p{display: inline-block;width: 100%; margin-bottom: 20px;color: #362f2d;}
.about-us .col-lg-4{background-image: url('https://www.ybyboxes.com/wp-content/themes/ybyboxes-new/assets/images/why-border.png');background-repeat: no-repeat;background-position: right;background-size: contain;}
.about-us .col-lg-4:last-child {background-image: none;}
.about-divider{display: inline-block;width: 100%;text-align: center;display: none;}	
.about-divider img{max-width: 100%;}
.customer-tabs-m{padding: 30px 0;}
.customer-tabs-m .genral-heading-m{padding: 60px 0 0;text-align: left;}
.customer-tabs-m .nav-tabs{border: 0;}
.customer-tabs-m .nav-tabs .nav-link{border: 0;border-radius: 0;padding: 5px 10px;display: inline-block;width: 100%;}
.customer-tabs-m .nav-tabs .nav-item{display: inline-block;width: 48%;margin-right: 10px;margin-bottom: 25px;}
.customer-content span{display: inline-block;width: 100%;color: #231f20;font-family:OpenSans-SemiBold;margin-bottom: 13px;}
.customer-content p{display: inline-block;width: 100%;margin: 0;font-size: 14px;}
.customer-pic{text-align: center;}
.customer-tabs-m .nav-tabs .nav-link:hover{background-color: #f0f7fe;transition: 0.3s ease;border-radius: 10px;}
.customer-tabs-m .nav-tabs .nav-link.active{background-color: #f0f7fe;border-radius: 10px;}
.tab-content-m .tab-content .tab-pane{display: inline-block;width: 100%;}
.tab-content-sub{padding: 60px 40px;position: relative;}
.tab-content-sub #tab-dots1{position: absolute;top: 0;left: 0;}
.tab-content-sub #tab-dots2{position: absolute;bottom: 0;right:0;}
.tab-data{padding: 30px 20px;box-shadow: 0px 0px 12px 1px rgba(95,95,95,0.75);-webkit-box-shadow: 0px 0px 12px 1px rgba(95,95,95,0.75);-moz-box-shadow: 0px 0px 12px 1px rgba(95,95,95,0.75);position: relative;z-index: 9;background-color: #fff;}
.tab-data h3{color: #022c60;font-size: 26px;font-family:OpenSans-SemiBold;margin-bottom: 35px;}
.tab-data p{display: inline-block;width: 100%;color: #5e5e5e;margin-bottom: 15px;}
.tab-data ul{display: inline-block;width: 100%;list-style: none;margin: 0;}
.tab-data ul li{margin-bottom: 15px;}
.tab-data ul li:last-child{margin: 0;}
.tab-data ul li svg{vertical-align: inherit;fill: #ffc500;}
.tab-data ul li span{display: inline-block;color: #2a2a2a;font-family:OpenSans-SemiBold;}
.eyecatching-m{background-color: #f0f7fe;padding-bottom: 30px;}
.eyecatching-m .genral-heading-m{padding: 30px 0;}
.eyecatching-m .genral-heading-m .genral-heading h2{margin-bottom: 20px;}
.eyecatching{margin-bottom: 30px;}
.eyecatching-info{background-color: #fff;padding: 15px 5px;text-align: center;}
.eyecatching .img img{width: 100%;}
.eyecatching-info label{display: inline-block;width: 100%;margin-bottom: 15px;font-family:OpenSans-Bold;color: #0061bc;font-size: 18px;}
.eyecatching-info p{display: inline-block; width: 100%;margin-bottom: 23px;}
.eyecatching-m .get-quote-btn.view-btn{text-align: center;}
.middle-content-m{padding: 50px 0;}
.border-title{display: inline-block;width: 100%;padding-bottom: 30px;position: relative;color: #0061bc;font-size: 40px;margin-bottom: 24px;font-family:OpenSans-SemiBold;}
.border-title:after{content: ""; position: absolute;left: 0;width: 100px;top: 100%;background-color: #ffc500;height: 2px;}
.middle-content-left p{display: inline-block;width: 100%;color: #333333;margin-bottom: 25px;line-height: 30px;}
.middle-content-left ul{display: inline-block;width: 100%;margin-bottom: 30px;}
.middle-content-left ul li{display: inline-block;width: 100%;margin-bottom: 15px;font-family:OpenSans-SemiBold;position: relative;padding-left: 30px;}
.middle-content-left ul li:after{content: "";left: 0;width: 15px;background-color: #ffc500;height: 2px;top: 12px;position: absolute;}
.middle-content-left .get-quote-btn.view-btn{text-align: left;}
.addons-m{padding: 60px 0;background-color: #f0f7fe;}
.addons-m .get-quote-btn.view-btn{text-align: left;}
.top-addons label{display: inline-block; width: 100%;color: #8e8d8a;margin-bottom: 35px;}
.addons-left h1{display: inline-block;width: 100%;margin-bottom: 50px;color: #0061bc;font-family:OpenSans-SemiBold;font-size: 38px;}
.addons-right p{display: inline-block;width: 100%;color: #2a2a2a;margin-bottom: 30px;}
.addons-right strong{display: inline-block;width: 100%;font-family:OpenSans-Bold;color: #0061bc;margin-bottom: 25px;}
.addons-right ul{display: inline-block; width: 100%;margin: 0;}
.addons-right ul li{float: left; width: 50%;font-size: 18px;color: #2a2a2a;margin-bottom: 15px;}
.addons-right ul li svg{fill: #ffc500;font-size: 20px;margin-right: 10px;}
.addons-right ul li:nth-child(7){margin: 0;}
.addons-right ul li:nth-child(8){margin: 0;}
.addons-m .addons-right .get-quote-btn.view-btn{display: none;}
.printing-m{padding: 60px 0;}
.printing-content p{display: inline-block;width: 100%;color: #333333;margin-bottom: 25px;}
.printing-slider .carousel-indicators{position: relative;margin: 0;}
.printing-slider .carousel-indicators li{border-radius: 50%;width: 10px;height: 10px;background-color: #ffc500;opacity: 1;margin: 0 10px;}
.printing-slider .carousel-indicators .active{background-color: #073460;}
.embellishments-m{padding: 60px 0;background-color: #f0f7fe;}
.embellishments-left h3{display: inline-block; width: 100%;color: #0061bc;text-transform: uppercase;font-size: 26px;margin-bottom: 20px;font-family:OpenSans-Bold;}
.embellishments-left label{color: #ffc500;font-size: 26px;font-family:OpenSans-Bold;}
.embellishments-left p{display: inline-block;width: 100%;margin-bottom: 25px;}
.embellishments-m .get-quote-btn.view-btn{text-align: left;}
.embellishments-slider .carousel-indicators{position: relative;margin: 0;}
.embellishments-slider .carousel-indicators li{border-radius: 50%;width: 10px;height: 10px;background-color: #ffc500;opacity: 1;margin: 0 10px;}
.embellishments-slider .carousel-indicators .active{background-color: #073460;}
.gifts-m{padding: 60px 0;}
.gifts-m .genral-heading-m{padding: 0;text-align: left;}
.gifts-m .genral-heading-m .genral-heading p {display: inline-block;width: 100%;color: #333333;}
.gifts-right span{display: inline-block;width: 100%;padding-left: 20px;color: #333333;font-family:OpenSans-Bold;margin-bottom: 20px;position: relative;}
.gifts-right span:after{content: "";left: 0;width: 10px;background-color: #ffc500;height: 4px;top: 10px;position: absolute;}
.reviews-m{padding: 60px 0;background-color: #f0f7fe;}
.review-left label{display: inline-block;width: 100%;color: #8e8d8a;margin-bottom: 25px;}
.review-left h2{color: #0061bc;font-size: 36px;display: inline-block;width: 85%;margin-bottom: 53px;font-family:OpenSans-Bold;line-height: 50px;}
.review-btn{display: inline-block;width: 100%;}
.review-btn a{text-decoration: none;background-color: #084695;color: #fff;font-family: OpenSans-SemiBold;padding: 15px;border-radius: 5px;width: 230px;
display: inline-block;text-align: center;}
.review-btn a:hover{background-color: #ffcf2a;transition: 0.3s ease;color:#084695;}
.top-images ul{display: inline-block;width: 100%;list-style: none;margin: 0 0 20px;text-align: center;}
.top-images ul li{display: inline-block;margin-right: 15px;border: 1px solid #ffcf68;border-radius: 50%;padding: 25px 15px;}
.top-images ul li:last-child{margin: 0;}
.review-info{text-align: center;}
.review-info p{display: inline-block;width: 100%;color: #6d6d6d;margin-bottom: 25px;line-height: 30px;font-size: 18px; height: 130px; overflow: hidden;}
.review-info label{color: #231f20;display: inline-block;width: 100%;margin-bottom: 5px;font-family:OpenSans-Bold;font-size: 22px;}
.review-info .stars{display: inline-block;width: 100%;}
.review-info .stars svg{fill: #ffd06a;}
.review-slider-m .carousel-control-next, .review-slider-m .carousel-control-prev{ width: auto; height: 0; top: 45%; }
.review-slider-m .carousel-control-next svg, .review-slider-m .carousel-control-prev svg{ fill: #ffc500; height: 25px; width: 25px; }
.faqs-m .genral-heading-m .genral-heading h2{margin-bottom: 30px}
.faqs-m .genral-heading-m .genral-heading p{width: 60%;}
.accordion-m{width: 100%;display: inline-block;}
.accordion {background-color: #fff;cursor: pointer;padding: 18px 0 0; width: 100%;text-align: left;border: 0; outline: none;position: relative;}
.accordion img{padding-right: 10px;}
.accordion span{color: #1c1c1c;font-family: "OpenSans-SemiBold";position: relative;display: inline-block;width: 91%;vertical-align: middle;}
.accordion:focus{outline: none;}
.accordion:after{content: "+";position: absolute;right: 0;font-size: 24px;top: 10px;color: #0061bc;}
.accordion.active1{color: #0061bc;}
.accordion span.active1{color: #0061bc;}
.accordion.active1:after{content: "-";position: absolute;right: 0;font-size: 34px;top: 0;color: #0061bc;}
.accordion .faq-border {margin-top: 18px; }
.accordion .faq-border img{width: 100%;}
.panel {padding: 5px 0;background-color: #fff;overflow: hidden;display: none;text-align: left;}
.panel p{float: left;width: 100%;color: #5e5e5e; margin: 0;padding: 0 35px;}
.pagination-m {text-align: center;}
@media screen and (min-width : 21px) and (max-width : 1200px) {
.with-us-left{padding: 100px 0 0;}
.slider-content{background-color: #fff;padding: 40px 0;}
#slider-m{position: relative;}
.box-slider-sub{display: none;}
.slider-heading{position: relative;z-index: 9;margin-bottom: -10px;}
.navigation{top: 66%;}
.customer-tabs-m .nav-tabs .nav-item{width: 47%;}
.customer-content{padding-left: 15px;}
.top-images ul li{margin-right: 0;padding: 25px 12px;}
.accordion span{width: 86%;}
.product-slider{margin-bottom: 15px;}
.product-slider-content h2{margin-bottom: 20px;font-size: 26px;line-height: normal;}
.product-slider-content p{margin-bottom: 20px;}
.middle-content-right .img img{width: 100%;}
.printing-content p{font-size: 14px;margin-bottom: 10px;}
.gifts-left .img img{width: 100%;}
}
@media screen and (min-width : 21px) and (max-width : 991px) {
.with-us-m .col-lg-6:first-child{display: none;}
.about-us {height: 250px; overflow: hidden;}
.about-us:hover{ overflow-y: scroll;}
.about-us::-webkit-scrollbar{width: 8px;background-color: #cccccc;border-radius: 14px;}
.about-us::-webkit-scrollbar-thumb{background: #0061bc;}
.about-us{scrollbar-color: #0061bc #cccccc; scrollbar-width: thin;}
.about-us .col-lg-4{background-image: none;}
.about-divider{display: block;}
.navigation{top: 48%;width: 72%;text-align: right;left: 0;}
.box-slider-m{padding: 20px 0;}
.top-images ul li{margin-right: 15px;padding: 25px 15px;}
.review-left{margin-bottom: 30px;}
.middle-content-left p{font-size: 14px;line-height: normal;}
.border-title{font-size: 26px;}
.addons-m .addons-left .get-quote-btn.view-btn{display: none;}
.addons-m .addons-right .get-quote-btn.view-btn{display: block;}
.addons-right ul li:nth-child(7){margin-bottom: 15px;}
.addons-right ul li:nth-child(8){margin-bottom: 15px;}
.printing-left{margin-bottom: 15px;}
.printing-m .col-md-5{margin: 0 auto;}
.embellishments-left{margin-bottom: 30px;}
.gifts-m .genral-heading-m .genral-heading h2{font-size: 26px;margin-bottom: 20px;}
.review-info p{height: 150px;}
}
@media screen and (min-width : 21px) and (max-width : 767px) {
.mid-call-m{padding: 50px 0;}
.mid-call h1{font-size: 35px;}
.navigation{top: 40%;width: 72%;}
.gifts-left .img{text-align: center;margin-bottom: 20px;}
.gifts-left .img img{width: 50%;}
.category-top-m{padding: 20px 0;margin: 0;}
.category-top-m .genral-heading-m .genral-heading h1{font-size: 24px;line-height: normal;}
.genral-heading-m .genral-heading label {font-size: 26px;}
.category-top-right p{font-size: 14px;}
.about-us {height: 300px; overflow: hidden;}
.about-us:hover{ overflow-y: scroll;}
}
@media screen and (min-width : 21px) and (max-width : 575px) {
.top-services-m .col-lg-3{width: 80%;margin: 0 auto;}
.featured-boxes-sub .col-lg-2{display: none;}
.featured-boxes-sub .col-lg-2:first-child{display: block;}
.genral-heading-m .genral-heading h2{font-size: 30px;}
.genral-heading-m .genral-heading label{font-size: 30px;}
.mid-call-m{padding: 35px 0;}
.mid-call h1{font-size: 25px;width: 100%;}
.call-inquiry li{font-size: 20px;}
.call-inquiry a:first-child li{padding: 0;}
.call-inquiry li:nth-child(2){padding: 0;}
.navigation{top: 38%;width: 91%;}
.navigation .carousel-control-next, .navigation .carousel-control-prev{padding: 10px 15px;}
.slider-heading h1{font-size: 30px;}
.slider-heading h1 label{font-size: 30px;}
.customer-tabs-m .genral-heading-m{padding: 0;}
.customer-tabs-m .nav-tabs .nav-item{width: 100%;margin-right: 0;}
.review-left h2{width: 100%;}
.tab-content-sub{padding: 30px 5px;}
.top-images ul li{margin-right: 5px;padding: 18px 12px;}
.top-images ul li img{width: 50px;}
.faqs-m .genral-heading-m .genral-heading p{width: 100%;}
.paper-stock-left{margin-bottom: 20px;}
.addons-left h1{font-size: 28px;}
.addons-right ul li{width: 100%;}
.about-us {height: 320px; overflow: hidden;}
.about-us:hover{ overflow-y: scroll;}
}
@media screen and (min-width : 21px) and (max-width : 475px) {
.why-points li span{width: 85%;}
.navigation{top: 30%;width: 91%;}
.genral-heading-m{padding: 30px 0;}
.with-us-right .genral-heading-m{padding: 30px 0;}
.with-us-right .genral-heading-m .genral-heading h2{font-size: 30px;}
.with-us-right .genral-heading-m .genral-heading h2 label{font-size: 30px;}
.addons-left h1{font-size: 20px;}
.gifts-left .img img{width: 80%;}
.about-us {height: 345px; overflow: hidden;}
.about-us:hover{ overflow-y: scroll;}
.review-info p {height: 185px;}
}
@media screen and (min-width : 21px) and (max-width : 375px) {
.top-services-m .col-lg-3{width: 100%;}
.genral-heading-m .genral-heading h2{font-size: 26px;}
.navigation{top: 25%;}
.top-images ul li{margin-right: 4px;}
.top-images ul li img{width: 40px;}
.accordion span{width: 80%;}
.about-us {height: 390px; overflow: hidden;}
.about-us:hover{ overflow-y: scroll;}
}
@media screen and (min-width : 21px) and (max-width : 320px) {
.navigation{top: 20%;}
}