@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');



html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {margin: 0;padding: 0;border: 0;font-family: 'Roboto', sans-serif;font-size: 100%;font-weight: normal;vertical-align: top;background: transparent;}



article, aside, figure, footer, header, nav, section, details, summary {display: block;}







html {-webkit-box-sizing: border-box;box-sizing: border-box;scroll-behavior: smooth;}



html::-webkit-scrollbar {width: 7px;}



html::-webkit-scrollbar-track {background-color: #555e68;}



html::-webkit-scrollbar-thumb {background: #0d3084;}



html {scrollbar-color: #0d3084 #555e68;scrollbar-width: thin;}







*,*:before,*:after {-webkit-box-sizing: inherit;box-sizing: inherit;}







:root {



  --green: #6ab21c;



  --blue: #0d3084;



  --lightblue: #155FB6;



  --dark: #000000;



  --white: #ffffff;



 /* --bluegray: #555e68; */
--bluegray: #454c54;


  --gradbg :linear-gradient(90deg, #1dcfb0, #6ab21c);



}







img {max-width: 100%;height: auto;}



ul {list-style: none;}



a {margin: 0;padding: 0;text-decoration: none;vertical-align: baseline;background: transparent;font-weight: 600;}



a:focus, a:hover {text-decoration: none;vertical-align: baseline;background: transparent;}



hr {display: block;height: 1px;border: 0;border-top: 1px solid #c7c7c7;margin: 0;padding: 0;}



input, select {vertical-align: middle;}



input, label, textarea, select, input, option, button {outline: none;}







/* table {width: 100%;background-color: #FFFFFF;border-collapse: collapse;border: 1px solid #000000;color: #000000;}



table td {border: 1px solid #000000;padding: 5px;}



table th {border: 1px solid #000000;padding: 5px;white-space: nowrap;}



table thead {background-color: #000000;color: #FFFFFF;} */



.ht{display: none;font-size: 12px;line-height: 1;white-space: nowrap;}







.button, .button:focus, .button:active {display: inline-block;font-size: 12px;font-weight: 600;background: var(--lightblue);color: var(--white);line-height: 1;border: 0px;border-radius: 5px;text-transform: uppercase;cursor: pointer;outline: none;padding: 10px 10px;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}







.button:hover, .button:focus {background: var(--bluegray);color: #ffffff;outline: none;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}







.form-label{margin-bottom: 5px;font-size: 14px;font-weight: 400;line-height: 1;color: #000;}



.form-label span{color: red;}



.form-control, .form-select{border: 1px solid var(--lightblue);}



.form-control:focus, .form-select:focus{box-shadow: none;  border: 1px solid var(--blue);}







.headtitle{display: block;width: 100%;}



.headtitle h2{display: block;font-size: 28px;font-weight: 500;line-height: 1;color: #2c2c2c;margin-bottom: 20px;}



.headtitle h3{display: block;font-size: 20px;font-weight: 500;line-height: 1.8;color: var(--blue);margin-bottom: 20px;}











body{background-color: #ffffff;}







#header_mian{display: block;width: 100%;padding: 10px 0;}



#header_mian .logo{display: block;width: 100%;padding: 0;}



#header_mian .logo img{max-width: 100%;}



#header_mian .right_info{display: flex;align-items: center;justify-content: flex-end;gap: 40px;}



#header_mian .right_info .contact_info{display: flex;align-items: center;justify-content: flex-end;gap: 20px;}



#header_mian .right_info .contact_info .phone{display: flex;align-items: center;gap: 10px;}



#header_mian .right_info .contact_info .phone .icon i{font-size: 30px;color: var(--green);} 



#header_mian .right_info .contact_info .phone .info{display: flex;flex-direction: column;gap: 5px;}



#header_mian .right_info .contact_info .phone .info span{display: block;font-size: 12px;font-weight: 600;line-height: 1;}



#header_mian .right_info .contact_info .phone .info a{display: block;font-size: 20px;font-weight: 600;line-height: 1;}



#header_mian .right_info .cart_box{display: flex;align-items: center;justify-content: space-between;gap: 20px;background-color: var(--bluegray);padding: 10px;border-radius: 10px;}



#header_mian .right_info .cart_box .icon i{font-size: 32px;color: var(--white);}



#header_mian .right_info .cart_box .info{display: block;width: auto;}



#header_mian .right_info .cart_box .info span{display: block;font-size: 14px;font-weight: 400;line-height: 1;color: var(--white);}



#header_mian .right_info .cart_box .info .btn_box{display: flex;align-items: center;justify-content: space-between;gap: 10px;margin-top: 5px;}



#header_mian .right_info .cart_box .info .btn_box a.button{background: var(--green);color: var(--white);padding: 5px 10px;}



#header_mian .right_info .cart_box .info .btn_box a.button:hover{background-color: var(--lightblue);color: var(--white);}







#header_mian .right_info .endbox #searchForm{display: none;}







#header_mian .navbar{background-color: var(--lightblue);margin-top: 10px;border-radius: 10px;}



#header_mian .navbar .navbar-nav .nav-item{line-height: 1;}



#header_mian .navbar .navbar-nav .nav-item .nav-link{color: var(--white);}



#header_mian .navbar .navbar-nav .nav-item .nav-link:hover{text-shadow: 0 0 2px #FFF;}



#header_mian .navbar form{position: relative;}



#header_mian .navbar form .form-control{border: 0;padding: 4px 33px 4px 10px;}



#header_mian .navbar form .button{position: absolute;right: 0;top: 0;border-radius: 0 .375rem .375rem 0;background: var(--green);color: var(--white);}







#header_mian .navbar .menu_box .offcanvas_button{display: none;}











.homemain{display: block;width: 100%;border-radius: 20px;padding: 40px 0;}



.homemain .categories .sidebar{display: block;width: 100%;padding: 20px;background-color: var(--bluegray);  border-radius: 10px;}



.homemain .categories .sidebar .catlist{display: flex;flex-direction: column;padding: 0;margin: 0;}



.homemain .categories .sidebar .catlist li{display: block;line-height: 1;border-bottom: 1px solid var(--white);}



.homemain .categories .sidebar .catlist li:last-child{border: 0;}



.homemain .categories .sidebar .catlist li .link{display: flex;align-items: center;justify-content: space-between; text-align: left;background-color: var(--bluegray);padding: 10px;color: var(--white);}



.homemain .categories .sidebar .catlist li .link.link_selected, .homemain .categories .sidebar .catlist li .link:hover{background: var(--white);color: var(--blue);}



.homemain .categories .sidebar .catlist li .link.link_selected i{transform: rotate(90deg);color: var(--blue);}



.homemain .categories .sidebar .catlist li .ul_two{display: flex;flex-direction: column;gap: 10px;padding: 10px;}



.homemain .categories .sidebar .catlist li .ul_two li{line-height: 1;}



.homemain .categories .sidebar .catlist li .ul_two li .link_two{display: block;font-size: 14px;font-weight: 400;line-height: 1;color: var(--white);padding: 5px 10px;}



.homemain .categories .sidebar .catlist li .ul_two li .link_two.link_selected_two span, .homemain .categories .sidebar .catlist li .ul_two li .link_two:hover span{font-weight: 600;}















#content_mid, #homess{display: block;width: 100%;}



#homess{margin-bottom: 40px;}



/* banner */



.homehero_1{position: relative;max-width: 100%;width: 100%;height: 400px;float: none;background: inherit;overflow: hidden;}


.slides{position: absolute;top: 0;left: 0;max-width: 100%;width: 100%;height: 400px;background-size: 100% 100% !important;}



.hgh2{font-size: 40px;color: var(--white);position: absolute;display: block;max-width: 90%;width: 100%;padding: 1.7482517482517483%;text-align: left;left: 50%;top: 50%;transform: translate(-50% , -50%);bottom: inherit !important;background: rgba(13, 48, 132, 0.7);}



.frame-overlay{background: initial;}



.hglink{margin-top: 20px;background-color: var(--white);color: var(--lightblue);}







.offcanvas{background-color: var(--lightblue);}



.offcanvas .offcanvas-header .offcanvas-title{display: block;font-size: 26px;font-weight: 600;color: var(--white);}



.offcanvas .offcanvas-header .btn-close{  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;  opacity: 1;}



.offcanvas .offcanvas-body nav ul{display: flex;flex-direction: column;gap: 10px;}



.offcanvas .offcanvas-body nav ul li a{color: var(--white);}







.product_section{display: block;width: 100%;margin-bottom: 20px;}



.product_section .hometitles{display: block;width: 100%;text-align: left;font-size: 28px;font-weight: 700;margin-bottom: 40px;color: #808080;position: relative;}



.product_section .hometitles::after{content: "";position: absolute;top: 50px;left: 0;height: 6px;width: 100px;background: var(--gradbg);display: block;}



.product_section .homeprodwidth{display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap; gap: 20px;}



.product_section .homeprodwidth .homeprod{display: flex;flex-direction: column;flex: 0 1 calc(25% - 15px);cursor: pointer;background-color: var(--white);border-radius: 10px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;}



.product_section .homeprodwidth .homeprod:hover{transform: scale(1.02);}



.product_section .homeprodwidth .homeprod .prodimgbox{display: block;width: 100%;text-align: center;padding: 30px;} 



.product_section .homeprodwidth .homeprod .prodimgbox .Img_View_prod{display: block;max-width: 108px;width: 100%;margin: 0 auto;}



.product_section .homeprodwidth .homeprod .contbox{display: flex;flex-direction: column;gap: 10px;width: 100%;padding: 10px;color: var(--white);background-color: #D9EAFF;  border-radius: 0px 0px 10px 10px;}



.product_section .homeprodwidth .homeprod .contbox h2{display: block;font-size: 16px;font-weight: 500;line-height: 1.4;color: var(--blue);display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;min-height: 70px;}



.product_section .homeprodwidth .homeprod .contbox span{display: block;font-size: 18px;font-weight: 600;line-height: 1.2;color: var(--green);}



.product_section .homeprodwidth .homeprod .contbox .button{text-align: center;}



.product_section .homeprodwidth .homeprod:hover .contbox .button{text-align: center;color: var(--white);}















#testimonial{width:100%;padding:30px;box-sizing: border-box;background-color:#f5f5f5;text-align:center;margin-top: 20px;border-radius: 10px;}



#testimonial h2{font-size:24px; text-transform:capitalize; font-weight:700;color: var(--blue);}



#testimonial h4{font-size:18px; text-transform:capitalize; font-weight:700;color: #4F4F4F;}



#testimonial .rank-btn{font-size:18px; font-weight:400; font-weight:700; margin:20px auto 0; display:table; padding:10px 20px; background: #30E2C3; background: linear-gradient(90deg, #30E2C3, #7ED321);color: #2c2c2c; border-radius:5px; text-decoration: none; text-transform:uppercase;}



#testimonial .rank-btn img{margin-top:5px;}



.content{display: block;width: 100%;}



.content .testinfo{display: block;width: 100%;padding: 20px;border-radius: 10px;margin-bottom: 20px;background-color: #FFF;}



.content .testinfo p{display: block;margin-bottom: 10px;}



.content .testinfo em{display: block;text-align: right;}











.infonote .freedel{display: block;width: 100%;padding: 20px;background-color: var(--green);border-radius: 10px;margin-top: 20px;}



.infonote .freedel h2{display: block;font-size: 30px;font-weight: 600;line-height: 1;color: var(--dark);width: 150px;}



.infonote .freedel h2 span{display: block;font-size: 40px;font-weight: 800;line-height: 1;color: var(--dark);}



.infonote .freedel h2 small{display: block;font-size: 28px;font-weight: 400;line-height: 1;color: var(--dark);}



.infonote .freedel i{font-size: 80px;color: #000;}



.infonote .freedel ul{margin-top: 20px;}



.infonote .freedel ul li{color: var(--white);font-size: 14px;}







.infonote .dometic{display: block;width: 100%;padding: 20px;background-color: var(--white);border-radius: 10px;box-shadow: 0 0 1px 0 #000;text-align: center;margin-top: 20px;}







.footer-section {background: #f5f5f5;position: relative;}



.footer-cta {border-bottom: 1px solid var(--green);}



.single-cta{display: flex;}



.single-cta i {color: var(--green);font-size: 30px;margin-top: 8px;}



.cta-text {padding-left: 15px;display: inline-block;}



.cta-text h4 {color: var(--blue);font-size: 20px;font-weight: 600;margin-bottom: 2px;}



.cta-text span, .cta-text a {color: var(--gray);font-size: 15px;font-weight: 400;}



.cta-text a.button{color: var(--white);font-size: 16px;padding: 12px 20px;}



.footer-content {position: relative;z-index: 2;}



.footer-pattern img {position: absolute;top: 0;left: 0;height: 330px;background-size: cover;background-position: 100% 100%;}



.footer-logo {margin-bottom: 30px;}



.footer-logo img {max-width: 200px;}



.footer-text p {margin-bottom: 14px;font-size: 14px;color: var(--gray);line-height: 28px;}



.footer-social-icon span {color: #fff;display: block;font-size: 20px;font-weight: 700;margin-bottom: 20px;}



.footer-social-icon a {color: var(--green);font-size: 36px;margin-right: 15px;line-height: 1;}



.facebook-bg{background: #3B5998;}



.twitter-bg{background: #55ACEE;}



.google-bg{background: #6ab21c;}



.footer-widget-heading h3 {color: var(--blue);font-size: 20px;font-weight: 600;margin-bottom: 40px;position: relative;}



.footer-widget-heading h3::before {content: "";position: absolute;left: 0;bottom: -15px;height: 2px;width: 50px;background: var(--blue);}



.footer-widget ul li {display: inline-block;width: 33.33%;margin-bottom: 12px;float: left;}



.footer-widget ul li a:hover{color: #6ab21c;}



.footer-widget ul li a {color: var(--gray);text-transform: capitalize;}



.subscribe-form {position: relative;overflow: hidden;}



.subscribe-form input {width: 100%;padding: 14px 28px;background: #2E2E2E;border: 1px solid #2E2E2E;color: #fff;}



.subscribe-form button {position: absolute;right: 0;background: #6ab21c;padding: 13px 20px;border: 1px solid #6ab21c;top: 0;}



.subscribe-form button i {color: #fff;font-size: 22px;transform: rotate(-6deg);}



.copyright-area{background: #155FB6;padding: 25px 0;}



.copyright-text p {margin: 0;font-size: 14px;color: #FFFFFF;}



.copyright-text p a{color: #6ab21c;}



.footer-menu li {display: inline-block;margin-left: 20px;}



.footer-menu li:hover a{color: #6ab21c;}



.footer-menu li a {font-size: 14px;color: #878787;}











/* content pages */



#page_header_banner{height: inherit;max-width: 100%;width: 100%;display: block;margin: 0;background-image: inherit;background-size: inherit;background-repeat: inherit;
}



#page_header_banner h1{display: block;width: 100%;text-align: left;font-size: 40px;font-weight: 600;margin-bottom: 40px;color: #2c2c2c;position: relative;font-family: inherit;padding: 0;line-height: 1;}



#page_header_banner h1::after{content: "";position: absolute;top: 50px;left: 0;height: 6px;width: 100px;background: var(--gradbg);display: block;}



div.content-bg{position: relative;float: none;margin: 0;padding: 40px 40px;max-width: 100%;width: 100%;background-size: inherit;background-image: inherit;background-position: inherit;



background-repeat: inherit;border-radius: 10px;  background-color: #D9EAFF;
}







.content_main .content-bg h4{display: block;font-size: 22px;font-weight: 600;list-style: 1;color: #2c2c2c;}



.content_main .content-bg h4 ~ p{display: block;font-size: 18px;font-weight: 400;line-height: 1.3;color: #666;padding-bottom: 20px;}



.content_main .content-bg h4 ~ p em{display: block;font-size: 12px;font-weight: 600;line-height: 1;margin-top: 5px;}







/* form */



.form_page .boxwrap h2{display: block;font-size: 28px;font-weight: 600;line-height: 1;color: #2c2c2c;margin-bottom: 20px;}











#bannerchat{max-width: 100%;width: 100%;height: auto;display: block;vertical-align: middle;margin: 20px 0 0;}



#bannerchat a img{border-radius: 10px;width: 100%;}



#telesales{background: url(../_template/images/layout/customer-support.png);background-repeat: no-repeat;max-width: 100%;width: 100%;background-size: cover;height: 200px;display: block;margin: 20px 0 0;border: 1px solid #BFBFBF;border-radius: 10px;position: relative;}



#telesales span{position: absolute;left: 0;top: 0;font-size: 20px;font-weight: 600;padding: 10px;width: 160px;color: #343434;}



#telesales h3{position: absolute;left: 0;bottom: 0;color: #343434;font-size: 24px;font-weight: 700;display: block;text-align: center;width: 100%;max-width: 180px;padding: 10px;}











/* product page */



#product{display: block;width: 100%;}



#product .product-bg{display: flex;align-items: flex-start;justify-content: space-between;padding: 40px;max-width: 100%;width: 100%;background-image: inherit;  margin-top: 0;border-radius: 0 0 10px 10px;background-color: #EEE;}



#product .product-bg div.product-leftcol{max-width: 100%;width: 100%;padding: 0 20px 0 0;float: none;position: inherit;}



#product .product-bg div.product-leftcol #product_image{position: relative;margin: 0 0 20px;max-width: 320px;width: 100%;min-height: 320px;height: auto;padding: 0px;display: flex;align-items: center;justify-content: center;border-radius: 10px;background-color: #FFF;}



#product .product-bg div.product-leftcol div.thumbnails{position: inherit;margin: 0 0 20px;padding: 0 0 20px;background-image: inherit;max-width: 320px;width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;gap: 13px 13px;float: none;}



#product .product-bg div.product-leftcol div.thumbnails .thumb{position: relative;}



#product .product-bg div.product-leftcol div.thumbnails .thumb .product_small_images{float: none;margin-right: 0;background-color: #FFF;padding: 5px;width: 70px;height: 70px;object-fit: cover;object-position: center;border-radius: 5px;}



#product .product-bg div.product-leftcol div.thumbnails .thumb .lightbox_images{position: absolute;right: 5px;top: 5px;z-index: 1;font-size: 14px;color: var(--green);}



#product .product-bg div.product-leftcol div.assistance{position: inherit;max-width: 320px;}



#product .product-bg div.product-leftcol div.assistance p{padding: 0;margin: 0 0 20px 0;float: none;font-size: 18px;}



#product .product-bg div.product-leftcol ul.product-links{display: block;width: 100%;max-width: 320px;margin: 0;}



#product .product-bg div.product-leftcol .social_sher{display: block;width: 100%;margin-top: 20px;}



#product .product-bg div.product-leftcol .social_sher #st-1{width: 100%;max-width: 320px;display: flex;justify-content: flex-end;}



#product .product-bg div.product-rightcol{position: relative;float: none;margin: 0;padding: 0;width: 100%;max-width: 100%;}



#product .product-bg div.product-rightcol h2{display: block;font-size: 26px;font-weight: 600;line-height: 1.3;padding-bottom: 10px;color: var(--blue);}



#product .product-bg div.product-rightcol .sku{display: flex;flex-direction: column;gap: 10px; width: 100%;}



#product .product-bg div.product-rightcol .sku strong{font-size: 12px;font-weight: 400;line-height: 1.2;color: var(--bluegray);}



#product .product-bg div.product-rightcol .sku span{font-size: 12px;font-weight: 600;line-height: 1.2;color: var(--bluegray);}



#product .product-bg div.product-rightcol .longdescription{margin-bottom: 10px;}



#product .product-bg div.product-rightcol .longdescription span{font-size: 14px;font-weight: 400;line-height: 1.3;color: var(--bluegray);}



#product .product-bg div.product-rightcol .was-price, #product .product-bg div.product-rightcol .price, #product .product-bg div.product-rightcol .in_stock{display: block;width: 100%;font-size: 20px;line-height: 1;



margin-top: 10px;}



#product .product-bg div.product-rightcol #buy{display: block;width: 100%;padding: 10px 0;}



#product .product-bg div.product-rightcol #buy .counter{display: flex;align-items: center;justify-content: flex-start;gap: 0;padding: 10px 0;}



#product .product-bg div.product-rightcol #buy .counter input{padding: 5px;border: 1px solid var(--green);width: 60px;text-align: center;}



#product .product-bg div.product-rightcol #buy .counter span{border-radius: 0;font-size: 24px;padding: 6px 14px;background-color: var(--green);}



#product .product-bg div.product-rightcol .deliveryinfo{display: flex;align-items: center;gap: 20px;  margin-top: 20px;}



#product .product-bg div.product-rightcol .deliveryinfo .infobox{display: flex;align-items: center;justify-content: space-between;gap: 10px;border-radius: 10px;padding: 10px;background-color: var(--bluegray);}



#product .product-bg div.product-rightcol .deliveryinfo .infobox p{display: block;font-size: 14px;font-weight: 600;line-height: 1.2;color: var(--white);max-width: 140px;}



#product .product-bg div.product-rightcol .deliveryinfo .infobox i{font-size: 36px;color: var(--white);}



#product .product-bg div.product-rightcol #buy a[type=submit]{padding: 16px 24px;}



#shop_header_wrapper{display: flex;align-items: center;justify-content: space-between;padding: 14px;border-radius: 10px 10px 0 0;background-color: var(--lightblue);}



#shop_header_wrapper #shop_header_name h1{font-size: 16px !important;font-weight: 600;color: var(--white);}



#shop_header_wrapper #back-to-category a{font-size: 16px;font-weight: 600;line-height: 1;color: var(--white);}







#product .product-bg #accessories{display: block;width: 100%;margin-top: 40px;}



#product .product-bg #accessories p{display: block;font-size: 26px;font-weight: 600;line-height: 1.3;padding-bottom: 10px;color: var(--blue);}



#product .product-bg #accessoriestext{display: block;margin-bottom: 20px;font-weight: 600;}



.cat_product.insideprod .small_product_table .small_product_image{background-color: var(--white);  border-radius: 10px 10px 0 0;}



.cat_product.insideprod .small_product_table .small_product_cont .button_box .ato.button{display: flex;align-items: center;justify-content: space-between;gap: 10px;}



#product .product-bg .cat_product.insideprod .small_product_table .small_product_cont .button_box .ato.button input[type=checkbox]{accent-color: var(--green);}



#related{display: flex;align-items: center;justify-content: space-between;padding: 14px;border-radius: 10px 10px 0 0;background-color: var(--lightblue);  margin-top: 30px;}



#related h3{font-size: 16px;font-weight: 600;color: var(--white);}



.related-wrap{display: block;padding: 40px;max-width: 100%;width: 100%;border-radius: 0 0 10px 10px;background-color: #EEE;}











#shop_header_wrapper_cat{display: flex;align-items: center;justify-content: space-between;padding: 14px;border-radius: 10px;margin-bottom: 20px;background-color: var(--lightblue);}



#shop_header_wrapper_cat #shop_header_name h1{font-size: 22px !important;font-weight: 600;color: var(--white);}



#shop_header_wrapper_cat .cat_right{display: flex;align-items: center;justify-content: flex-end;gap: 10px;}



#shop_header_wrapper_cat .cat_right .cat_pgnum{display: block;font-size: 14px;color: #FFF;width: auto;float: none;}



#shop_header_wrapper_cat .cat_right .cat_sort .form-select{border: 0;font-size: 12px;padding: 5px 36px 5px 10px;}



.cat_desc{display: block;font-size: 16px;font-weight: 400;line-height: 1.2;color: #666;padding-bottom: 10px;}







.cat_product{display: block;width: 100%;border-radius: 10px;  margin-bottom: 24px;box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;}



.cat_product .small_product_table{display: flex;flex-direction: column;}



.cat_product .small_product_table .small_product_image{display: block;text-align: center;width: 100%;padding: 10px;}



.cat_product .small_product_table .small_product_image .catprodimg{position: relative;padding: 0;top: inherit;bottom: inherit;}



.cat_product .small_product_table .small_product_image .catprodimg a{display: block;width: 100%;}



.cat_product .small_product_table .small_product_image .catprodimg a img{max-width: 100%;height: auto;}



.cat_product .small_product_table .small_product_image .catprodimg .pngfix {position: absolute;right: 0;top: 0;}



.cat_product .small_product_table .small_product_cont{display: block;width: 100%;text-align: left;padding: 10px;background-color: #F5F5F5;border-radius: 0px 0px 10px 10px;}



.cat_product .small_product_table .small_product_cont .cattitle{display: block;margin-bottom: 10px;}



.cat_product .small_product_table .small_product_cont .cattitle .small_product_title_link{display: block;font-size: 16px;font-weight: 600;line-height: 1.2;color: var(--blue);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 38.4px;}



.cat_product .small_product_table .small_product_cont p{display: block;width: 100%;font-size: 14px;font-weight: 400;line-height: 1.2;margin-bottom: 10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 33.6px;}



.cat_product .small_product_table .small_product_cont .pricebox{display: flex;align-items: center;gap: 10px;font-size: 12px;margin-bottom: 10px;}



.cat_product .small_product_table .small_product_cont .pricebox .small_product_wasprice{color: #848484;font-weight: 700;display: block;text-decoration: line-through;}



.cat_product .small_product_table .small_product_cont .pricebox .small_product_price{color: #3e69a9;font-weight: 700;display: block;}



.cat_product .small_product_table .small_product_cont .button_box{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 10px;}



#cat_footer{display: flex;justify-content: space-between;width: 100%;margin: 20px 0;}



#cat_footer .pagination-left{display: flex;align-items: center;gap: 10px;}



#cat_footer .pagination-right a{display: flex;align-items: center;gap: 10px;}











/* cart */



.form_table {margin: 0 0;width: 100%;background-color: #fff;}



.form_table th, .small_form_table th {font-weight: 700;line-height: 19px;background-color: var(--lightblue);padding: 0 10px;font-size: 12px;color: var(--white);text-align: center;border-bottom: 1px solid gray;}



.form_table .subheading, .small_form_table .subheading {background-color: #dfd9fc;line-height: 26px;border-bottom: 1px solid silver;padding: 0 5px!important;}



.form_table td, .small_form_table td {line-height: 1.8em;padding: 10px 5px 10px 5px;font-size: 14px;color: #484848;vertical-align: middle;border-bottom: 1px solid #ced4da;}



.input-group{flex-wrap: nowrap;}







table.Summarytable {width: 100%;background-color: #FFFFFF;border-collapse: collapse;border: 1px solid #ced4da;color: var(--dark);}



table.Summarytable td {border: 1px solid #ced4da;padding: 5px;}



table.Summarytable th {padding: 5px;white-space: nowrap;color: var(--white);}



table.Summarytable thead {background-color: var(--lightblue);color: #FFFFFF;}



.paymentgetway{display: block;width: 100%;text-align: right;padding: 12px;}





.sitemapdesign #top{margin-bottom: 20px;}

.sitemapdesign #cont ul{  padding: 0 0 20px 20px;}

.sitemapdesign #footer{background: inherit;background-size: inherit;padding: 10px 0;height: inherit;line-height: inherit;
}













/* resonsive */



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



  #header_mian .right_info .contact_info .phone .info a{font-size: 18px;}



  #header_mian .navbar .navbar-nav .nav-item .nav-link{  font-size: 14px;}



  .product_section .homeprodwidth .homeprod{flex: 0 1 calc(33.33% - 15px);}



  #product .product-bg div.product-leftcol #product_image{min-height: 200px;}



  #product .product-bg div.product-leftcol div.thumbnails .thumb .product_small_images{width: 65px;height: 65px;}



  #product .product-bg div.product-leftcol #product_image a img{  max-width: 160px;}



  .homemain .categories .sidebar{  padding: 10px;}



  .homemain .categories .sidebar .catlist li .link{  font-size: 14px;}



  .homemain .categories .sidebar .catlist li .ul_two li .link_two{font-size: 12px;  padding: 5px 5px;}



  #product .product-bg div.product-rightcol .deliveryinfo .infobox{align-items: flex-start;flex-direction: column-reverse;}



  



}



    



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



  #header_mian .right_info .contact_info{display: none;}



  #header_mian .navbar .navbar-nav{margin-top: 20px;}



  #header_mian .navbar .menu_box{display: flex;align-items: center;justify-content: space-between;width: 100%;gap: 10px;}



  #header_mian .navbar .menu_box .offcanvas_button{display: block;padding: 6px 10px 6px 0px;font-size: 14px;text-align: center;white-space: nowrap;border-right: 1px solid var(--white);color: var(--white);}



  .navbar-toggler{display: flex;align-items: center;justify-content: space-between;width: 100%;color: #FFF;border: 0;padding: 0;}



  .navbar-toggler:focus{box-shadow: none;}



  .chat_box{display: flex;gap: 24px;}



  .infonote{display: flex;gap: 24px;}



  .infonote .dometic{display: flex;align-items: center;justify-content: center;}



  #bannerchat{display: flex;align-items: center;justify-content: center;border-radius: 10px;}



  .offcanvas .offcanvas-body nav ul ul{margin: 10px;font-size: 14px;}







  #header_mian .right_info .endbox{display: flex;align-items: center;justify-content: flex-end;gap: 10px;position: relative;}



  #header_mian .right_info .endbox #searchForm{display: block;}



  #header_mian .right_info .endbox #searchForm input{display: none;}



  #header_mian .right_info .endbox #searchForm.active input{display: block;position: absolute;left: 0;width: 100%;max-width: 217px;top: 0;height: 61px;padding: 10px;}



  #header_mian .right_info .endbox #searchForm .button .fa-magnifying-glass{display: block;}



  #header_mian .right_info .endbox #searchForm.active .button .fa-magnifying-glass{display: none;}



  #header_mian .right_info .endbox #searchForm.active .button .fa-xmark{display: block;}



  #header_mian .right_info .endbox #searchForm .button .fa-xmark{display: none;}



}



    



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



  .ht{display: inline-flex;}



  table{border: 0;}



  .tr {display: block; border: 2px solid var(--blue);margin-bottom: 10px;background-color: var(--white);}



  .tr td{display: flex;align-items: center;justify-content: space-between;width: 100%;margin-bottom: 0px;border: 0;}



  .tr td:not(:last-child){border-bottom: 1px solid var(--blue);} 



  .form_table{background-color: #d9eaff;}







  .homehero_1, .slides, .frame-overlay{height: 200px;}



  .product_section .homeprodwidth .homeprod{flex: 0 1 calc(50% - 10px);}



  .footer-widget ul li{width: 50%;}



  .product_section .hometitles{font-size: 30px;}



  .hgh2{font-size: 20px;}



  div.content-bg{text-align: inherit;}



  .content_main .content-bg h4 ~ p{  font-size: 14px;}



  #page_header_banner h1{  font-size: 26px;}



  #product .product-bg{  padding: 20px;}



  #product .product-bg div.product-leftcol #product_image{max-width: 100%;}



  #product .product-bg div.product-leftcol #product_image a img{max-width: inherit;}







  #product .product-bg div.product-leftcol{padding: 0;}



  #product .product-bg div.product-leftcol div.thumbnails{max-width: 100%;}



  #product .product-bg div.product-leftcol div.thumbnails .thumb .product_small_images{width: 61px;height: 61px;}



  #product .product-bg div.product-rightcol .deliveryinfo .infobox{    flex-direction: row;}



  ul.product-links{margin: 0 0 20px 0;}



  #shop_header_wrapper{flex-direction: column;align-items: flex-start;gap: 10px;}



  .boxwrap{padding: 30px 0;}



  .paymentgetway{text-align: center;}



}



    



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



  #header_mian .logo{text-align: center;}



  #header_mian .right_info .endbox{width: 100%;}



  #header_mian .right_info .endbox #searchForm.active input{max-width: calc(100% - 39px);}



  #header_mian .right_info .cart_box{  width: calc(100% - 42px);}



  



  .chat_box, .infonote{flex-direction: column;}



  #product .product-bg div.product-rightcol .deliveryinfo{flex-direction: column-reverse;}



  #product .product-bg div.product-rightcol .deliveryinfo .infobox{width: 100%;}



  #shop_header_wrapper_cat{flex-direction: column;align-items: flex-start;gap: 10px;}

  #shop_header_wrapper_cat .cat_right{  width: 100%;  justify-content: space-between;}



}

/* Added by Clive */
div.product-rightcol p.price span {
	font-size: 20px;
	font-weight: 700;
}

.longdescription strong {
	font-weight: 700;
}
#product .product-bg div.product-rightcol .sku strong, #product .product-bg div.product-rightcol .sku span {
	font-weight: 400;
	font-size: 15px;
}

span.alert {
	font-size: 20px;
	font-weight: 700;
	text-align:right;
}
#home_heading {
}
/* Default styles for larger screens (desktops) */
#home_heading {
  padding-left: 20px;
  padding-bottom: 10px;
  font-size: 20px;
  color: #0d3084;
}

/* Media query for tablets (typical screen width range: 768px to 991px) */
@media (max-width: 991px) {
  #home_heading {
    font-size: 18px; /* Slightly smaller font size for tablets */
  }
}

/* Media query for phones (typical screen width range: up to 767px) */
@media (max-width: 767px) {
  #home_heading {
    font-size: 16px; /* Even smaller font size for phones */
  }
}