body {color: #222;}
ul {padding: 0;margin: 0;list-style: none;font-size: 0;}
h1, h2, h3, h4, h5, h6 {margin: 0;}
p {font-size: 14px;margin-bottom: 7px;}
img {max-width: 100%;}
.tel_no {display: none;}
/*--------------End Common css------------------*/
.header_top {background: #242175;}
.top-header {background: #e7b41b;height: 45px;line-height: 45px;}
.top-header ul li {float: left;margin-right: 25px;font-size: 16px;}
.top-header ul li a {color: #222;text-decoration: none;}
.top-header ul li a:hover {color: #242175;text-decoration: underline;}
.top-header ul li:last-child {margin-right: 0;}
.top-header ul li img {margin-right: 10px;filter: invert(1);}
.top-header .cart-icon {float: right;}
.header {padding: 60px 0;}
.navbar.navbar-expand-lg.navbar-light {padding: 0;}
.navbar-nav .mobile_menu {display: none;}
.header-section {display: flex;align-items: center;}
.header-section .logo {width: 20%;text-align: center;margin-right: 15px;}
.header-section .header_contant {width: 80%;}
.header_top.img .header-section .header_contant ul li {display: inline-block;font-size: 14px;margin-right: 4px;}
.header_top.img .header-section .header_contant ul li:last-child {margin-right: 0;}
.header_top.img .header_contant ul li a {color: #fff;padding: 6px 14px;font-weight: 600;text-decoration: none;background: none;border-radius: 0;position: relative;overflow: hidden;display: block;}
.header_top.img .header_contant ul li a:after {position: absolute;background: #e7b41b;top: 0;width: 100%;height: 100%;left: -100%;content: "";transition: all 0.4s cubic-bezier(.08, .82, .17, 1);}
.header_top.img .header_contant ul li:hover a::after, .header_top.img .header_contant ul li.active a {background: #e7b41b;left: 0;color: #222;}
.header_top.img .header_contant ul li a span {position: relative;z-index: 1;}
.header-section .header_contant ul li a:hover {background: none;color: #222;}
.leatherbinders-product {background: url(..//images/background-img.jpg);padding-top: 40px;}
.leatherbinders-product.hmoe-pag { padding-bottom: 40px;}
.leatherbinders-product .welcometext {font-size: 16px;color: #656565;line-height: 28px;}
.leatherbinders-product h1 {font-size: 40px;text-transform: uppercase;margin-bottom: 15px;color: #242175;font-weight: 600;}
.leatherbinders-product .welcometext a {color: #242175;}
.ordernow span {border: 1px solid #8B475D;padding: 4px 8px;background: #fff;}
.leatherbinders-product h2 {font-size: 28px;font-weight: 600;text-align: center;margin-top: 20px;}
.leatherbinders-product .row.pord_item > div {margin-top: 30px;}
.border_div {border: 1px solid #d2d0d0;border-radius: 100%;}
.box {background: #fff;text-align: center;height: 100%;border: 1px solid #f1f1f1;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;}
.leatherbinders-product.pag .box {text-align: left;}
.box:hover {background: #f2f2f2;border: 1px solid #e7b41b;}
.box .text p:nth-child(2) {color: #bd8f02;font-weight: 600;}
.box .item-img img {transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;}
.box .item-img img:hover {transform: scale(1.1);}
.box .text {padding: 10px 15px 10px 15px;}
.box .item-img {display: flex;align-items: center;justify-content: center;height: 250px;background: #fff;padding: 0 10px;overflow: hidden;}
.box .text h5 {font-size: 18px;margin-bottom: 7px;font-weight: 600;}
.leatherbinders-product.pag .box .text h5 {font-size: 20px;}
.box p:last-child {margin-bottom: 0;}
.box .text a {color: #242175;}
.box .text a:hover {color: #bd8f02;}
.box .text p span {color: #242175;font-weight: 600;}
.box .text h6 {font-size: 18px;margin-bottom: 5px;color: #bd8f02;}
.leatherbinders-product.sec .box {height: auto;}
.leatherbinders-product.sec .box .item-img {height: auto;padding: 20px;}
.rightbaar h4 {font-size: 22px;font-weight: 600;margin-bottom: 7px;}
.rightbaar h6 {color: #bd8f02;font-size: 18px;font-weight: 600;margin-bottom: 14px;}
.sidebaar .box .text h5 {font-size: 18px;font-weight: normal;line-height: 25px;margin-bottom: 0;}
.book-img ul li {float: left;width: 18.25%;border: 1px solid #ccc;background: #fff;text-align: center;padding: 6px;margin: 0 15px 10px 0;}
.book-img ul li:last-child {margin-right: 0;}
.book-img ul li:nth-child(5) {margin-right: 0;}
.book-img ul li img {height: 75px;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;}
.book-img ul li img:hover {transform: scale(1.1);}
.rightbaar .item-cod {color: #bd8f02;font-weight: 600;}
.rightbaar span {color: #242175;}
.leatherbinders-product .welcometext.col {font-size: 18px;line-height: 35px;}
.contact {display: inline-block;width: 100%;margin: 60px 0 20px;}
.contact ul li {float: left;width: 23.90%;background: #fff;padding: 55px 10px 0 10px;position: relative;height: 135px;margin-right: 15px;color: #242175;text-align: center;font-weight: 600;font-size: 18px;box-shadow: 0 0 6px 0 #ccc;-webkit-box-shadow: 0 0 6px 0 #ccc;-moz-box-shadow: 0 0 6px 0 #ccc;}
.contact ul li:last-child {margin-right: 0;}
.contact ul li .img-icon {position: absolute;top: -35px;background: #03022b;border-radius: 50%;left: 0;right: 0;width: 60px;height: 60px;margin: 0 auto;padding: 10px;}
.contact ul li span {display: block;font-size: 16px;font-weight: normal;color: #222;position: relative;}
.contact ul li span::before {content: "";border: 2px dotted #ccc;display: inline-block;width: 95px;position: absolute;left: 0;right: 0;margin: 0 auto;top: 30px;}
.prod-table {display: inline-block;width: 100%;margin-bottom: 10px;}
.mobile-table {display: none;}
table {width: 100%;}
table tr td {border: 1px solid #ccc;text-align: center;padding: 7px;color: #656565;}
table tr td:first-child {background: #555;color: #fff;border: 1px solid #fff;}
label {display: block;font-size: 14px;color: #8B475D;}
.leatherbinders-product .box .text form p {color: #222;}
.form-control.my_input {width: 130px;text-align: center;padding: 7px 0;border-radius: 0;float: left;margin-right: 15px;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;}
.submit_btn {background: #242175;color: #fff;border: none;padding: 8px 35px;text-transform: uppercase;margin-right: 15px;cursor: pointer;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;}
.submit_btn:hover {background: #bd8f02;}
.viewcart_btn {background: #242175;border: none;color: #fff;padding: 8px 35px;text-transform: uppercase;cursor: pointer;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;}
.viewcart_btn:hover {background: #bd8f02;}
.footer-text {background: #fff;text-align: center;padding: 30px 0;margin-top: 40px;}
.footer-text h4 {font-size: 28px;font-weight: 600;text-transform: uppercase;color: #242175;margin-bottom: 15px;}
.footer-text p {font-size: 16px;line-height: 28px;color: #656565;margin-bottom: 0;}
.footer-text p strong {color: #222;font-weight: 600;}
.footer {background: #ededed;padding: 33px 0 25px;border-top: 2px dotted #ccc;}
.footer .card_img h3 {font-size: 25px;font-weight: 600;}
.footer .card_img span {display: block;font-size: 16px;margin-top: 5px;font-weight: normal;}
.footer .card_img ul li {float: left;margin: 12px 6px 0 0;}
.footer_img ul li {float: left;width: 48%;border: 1px solid #e7b41b;padding: 10px;margin-right: 10px;text-align: center;}
.footer_img ul li img {height: 60px;}
.footer_img ul li:last-child {margin-right: 0;}
.footer_content {font-size: 20px;text-align: center;}
.footer_content .topinfo {color: #242175;}

/*********responsive-navigator************/

@media (min-width:1024px) and (max-width:1199px) {
.header_top.img .header-section .header_contant ul li {margin-right: 2px;}    
.header_top.img .header_contant ul li a {padding: 6px 5px;}   
.top-header ul li {font-size: 14px;}
.book-img ul li {width: 18%;} 
.contact ul li {width: 23.75%;}
.contact ul li span {font-size: 14px;}
.footer_img ul li img {height: 50px;}
.footer_img ul li {width: 47%;}}

@media (min-width:992px) and (max-width:1023px) {
.header_top.img .header-section .header_contant ul li {margin-right: 2px;}    
.header_top.img .header_contant ul li a {padding: 6px 5px;}	
.top-header ul li {font-size: 14px;} 
.book-img ul li {width: 18%;}
.contact ul li span {font-size: 14px;}
.contact ul li {width: 23.75%;}
.footer_img ul li img {height: 50px;}
.footer_img ul li {width: 47%;}}

@media (max-width:991px) {
.container {max-width: none;}
.header {padding: 20px 0;}
.main-menu.sticky .navbar.navbar-expand-lg {background: #031532;}
.navbar.navbar-expand-lg.navbar-light {padding: 10px 0 0;}
.navbar.navbar-expand-lg {background: #222;padding-top: 10px;position: absolute;top: 0;width: 100%;left: 0;z-index: 1;}
.navbar-toggler {background: #fff;border-radius: 0;padding: 4px 7px;font-size: 15px;margin-left: 15px;margin-bottom: 10px;}
.navbar.navbar-expand-lg .container {max-width: 100%;}
#navbarNavAltMarkup {background: #fff;width: 100%;padding: 5px 0;}
.tel_no {display: block;}
.tel_no {position: absolute;top: 15px;right: 15px;}
.tel_no img {width: 20%;margin-right: 10px;}
.tel_no a {color: #fff;text-decoration: none;display: flex;align-items: center;}
.header_top.img .header-section .header_contant .navbar-nav ul li {display: block;font-size: 16px;}
.header_top.img .header_contant ul li:hover a::after, .header_top.img .header_contant ul li.active a {color:#bd8f02;background: no-repeat;}
.header_top.img .header_contant ul li a {padding: 3px 15px;color: #242175;}
.header-section .header_contant ul li a:hover {color:#bd8f02;}
.header_top.img .header_contant ul li a::after {background: no-repeat;}
.navbar-nav .mobile_menu {display: block;}
.navbar-nav .desktop_menu {display: none;}
.top-header {margin-top: 53px;}
.header-section {display: initial;}
.header-section .logo {width: auto;text-align: center;margin-right: 0;}
.right_baar .color_img ul {display: -webkit-box;display: -ms-flexbox;display: initial;-ms-flex-wrap: wrap;flex-wrap: initial;margin-right: 0;margin-left: 0;}
.right_baar .color_img ul li {-webkit-box-flex: initial;flex: initial;max-width: initial;padding: initial;float: left;width: 17%;margin: 0 10px 10px 0;}
.right_baar .color_img.mobile-box ul li span {height: 87px;}
.addres_right ul li {font-size: 14px;}
.top-header ul li {margin-right: 10px;font-size: 12px;}
.book-img ul li {width: 17.50%;}
.book-img ul li img {height: 55px;}
.contact ul li {width: 23.40%;font-size: 15px;padding: 45px 7px 0 7px;}
.contact ul li span {font-size: 14px;}
.contact ul li span::before {top: 48px;}
table tr td {padding: 3px;font-size: 14px;}
.footer_content {font-size: 18px;}
.footer_img ul li {width: 45%;}
.footer_img ul li img {height: 40px;}
.wow {visibility: visible !important;-webkit-animation: none !important;-moz-animation: none !important;-o-animation: none !important;-ms-animation: none !important;animation: none !important;}}

@media (max-width:767px) {
.top-header .icon-adders {width: 40%;}
.top-header .icon-adders li {line-height:normal;padding-top: 7px;}  
.top-header .icon-adders li img {float: left;}  
.leatherbinders-product .welcometext.col {line-height: 25px;font-size: 14px;}
.book-img ul li {width: 18%;}
.contact ul li {width: 23.20%;font-size: 14px;padding: 35px 7px 0 7px;}  
.rightbaar h4 {margin-top: 25px;} 
table tr td {padding: 8px;}
.footer_img ul li {width: 20%;}
.footer_content {font-size: 16px;text-align: left;margin: 12px 0;}}

@media (max-width:667px) {
.contact ul li {width: 23%;} 
.prod-table {display: none;}  
.mobile-table {display: block;margin-bottom: 8px;}
.mobile-table table tr:first-child td {background: #555;color: #fff;border: 1px solid #fff;}
table tr td:first-child {background: no-repeat;color: #656565;border: 1px solid #ccc;}}

@media (max-width:640px) {
.top-header .icon-adders {width: 38%;}
.top-header ul li {margin-right: 3px;}    
.top-header ul li img {margin-right: 5px;}    
.leatherbinders-product h1 {font-size: 35px;}	
.book-img ul li {width: 17.70%;}
.contact ul li {margin-right: 14px;}   
.contact ul li span {word-break: break-all;} 
.form-control.my_input {width: 120px;}
.submit_btn {padding: 8px 26px;margin-right: 10px;}
.viewcart_btn {padding: 8px 20px;}}

@media (max-width:567px) {
.top-header ul li img {margin-right: 4px;width: 14px;}
.top-header ul li {font-size: 10px;}    
.leatherbinders-product h1 {font-size: 30px;}  
.leatherbinders-product h2 {font-size: 23px;line-height: 31px;}  
.book-img ul li {width: 17%;}
.contact {margin: 60px 0 0px;}    
.contact ul li {width: 48%;margin-bottom: 57px;}    
.contact ul li:nth-child(2n) {margin-right: 0;} 
.form-control.my_input {width: 105px;margin-right: 12px;}
.submit_btn {padding: 9px 18px;margin-right: 10px;font-size: 14px;}
.viewcart_btn {padding: 8px 10px;font-size: 14px;} 
.footer-text.margin {margin-top: 0;}}

@media (max-width:479px) {
.top-header {height: 63px;}
.top-header .icon-adders {width: 100%;}
.top-header .cart-icon {float: left;line-height: normal;padding-top: 4px;}
.leatherbinders-product h1 {font-size: 26px;}   
.book-img ul li {width: 16.80%;}
.book-img ul li img {height: 45px;}
.ordernow span {display: inline-block;margin-top: 5px;}
.rightbaar h6 {font-size: 16px;}
.form-control.my_input {width: 83px;margin-right: 10px;}
.submit_btn {padding: 9px 5px;margin-right: 7px;}
.viewcart_btn {padding: 8px 4px;}}

@media (max-width:414px) {
.book-img ul li {width: 16.50%;}    
.book-img ul li img {height: 35px;}    
.contact ul li {width: 47.90%;} 
.form-control.my_input {width: 135px;margin-right: 15px;}
.leatherbinders-product.pag .box .text h5 {font-size: 18px;}
.submit_btn {padding: 9px 38px;margin-right: 0;}
.viewcart_btn {display: inline-block;width: 100%;margin-top: 10px;}
.footer_img ul li {width: 35%;}}

@media (max-width:375px) {
.contact ul li {width: 47%;}  
.book-img ul li {margin: 0 13px 10px 0;}  
.form-control.my_input {width: 124px;}
.submit_btn {padding: 9px 35px;}}

@media (max-width:360px) {
.book-img ul li {margin: 0 11px 10px 0;}
.book-img ul li img {height: 27px;}
.form-control.my_input {width: 110px;margin-right: 10px;}
.submit_btn {padding: 9px 25px;}}

@media (max-width:320px) {}
