/* CSS Document */
html {
  scroll-behavior: smooth;
}

body{
	font-family: "Stack Sans Headline", sans-serif;
	font-size:14px;
	font-weight:400;
}

.top-links{background-color:#fff;float:left;width:100%;position:relative; overflow: hidden; border-bottom: 1px solid #ddd;}
.top-links a{outline: none;letter-spacing: .9px;font-weight:400;display:inline-block;padding:6px 10px 6px 0;color:#444;text-decoration:none;text-transform:capitalize;font-size:1.1em; border-right: 1px solid #ddd;}
.top-links a > svg { color: #F7B32B;width:20px;line-height:25px;text-align:center;}
.top-links a > i { color: #F7B32B;width:20px;line-height:25px;text-align:center;}
.top-links a:hover > svg, .top-links a:focus > svg { color: #03045e;}
.top-links a:hover > i, .top-links a:focus > i { color: #03045e;}
.top-links .col-lg-7 a {border-right: 0;}
.top-links .col-lg-5{text-align:right;}
.top-links .col-lg-5 a{text-transform:none; padding:6px 4px; }
.top-links .col-lg-5 a:last-child {border-right: 0;}

.fixed-height{float:left;width:100%;z-index:1050; padding: 1.1em 0; position: relative;}
.fixed-height .col-lg-3 { width: 20%;}
.fixed-height .col-lg-9 { width: 80%;}
.logo{ float:left; width: 100%; position: relative;z-index: 1050;}
.logo a {
	outline: none;
	display: flex;
	gap: 10px;
	align-items: center;
	text-decoration: none;
}
.logo a:hover, .logo a:focus {text-decoration: none;}
.logo a > span {
	width: 44px;
	line-height: 1.03em;
	font-size: 1.7em;
	color: #03045e;
	font-weight: 400;
	text-transform: uppercase;
	/*display: none;*/
}
.logo a > span > span {
	font-size: 1.2em;
	/*color: #666;*/
}
.logo a > img { max-width: 100%; width: 70px;}

.moving {
	position: relative;
	z-index: 3;
	float: left;
	width: 100%;
	background: linear-gradient( to left, #03045e, #F7B32B);
	padding: .7em 0;
}
.moving p {
	color: #fff;
	margin: 0;
	letter-spacing: .6px;
}

.slider{float:left;width:100%;}
.slider .item > img{width:100%;}
.carousel-control{width:12%;opacity:1;}
.carousel-control i, .carousel-control svg{position:absolute;top:50%;transform:translateY(-50%);text-shadow:none;color:#fff;border: 1px solid #fff;font-size:.8em;border-radius:8px; padding:1.3em 1em;background-color:rgba(30,30,30,.4);}
.left.carousel-control i, .left.carousel-control svg{left:15px;}
.right.carousel-control i, .right.carousel-control svg{right:15px;}
.carousel-indicators { bottom: 40px; }
.carousel-indicators li{height:8px;width:15px;background-color:#fff;border:0; margin: 0; transition: width .2s linear;border-radius: 0;}
.carousel-indicators .active{background-color:#F7B32B;height:8px;width:30px;}
.slider .glyphicon-chevron-left,.slider .glyphicon-chevron-right{color:#002DCE;background-color:#fff;height:60px;width:60px;line-height:56px;border:1px solid #ccc;text-shadow:none;}
.carousel-control.right,.carousel-control.left{background:none;z-index:2;}

.about{float:left;width:100%;padding:2em 0 4em;position:relative;text-align:center;}
.about p{ text-align: justify; font-weight: 300; letter-spacing: .7px; color:#444;margin:0;line-height:1.5em;font-size:1em;}
.pro-block { float: left; width: 100%; position: relative; }
.pro-block:hover .pro-text { transform: translateY(calc(-100% / 2)); }
.pro-block img { border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; height: 263px; object-fit: cover; width: 100%; }
.pro-text { height: 96px; overflow: hidden; float: left; width: 100%; padding: 1em 1.5em; background: #03045e; transition: transform .25s ease-out; }
.pro-block h4 { letter-spacing: .7px; font-weight: 400; color: #fff; margin-bottom: 12px; margin-top: 0; display: -webkit-box; -webkit-line-clamp: 1;	-webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.pro-block h4 > a { outline: none;color: #fff; }
a.quote { outline: none;display: inline-block; background: #F7B32B; color: #000; border-radius: 30px; padding: .4em 1.1em; letter-spacing: .3px;}

.services{text-align:center;float:left;width:100%;padding:3em 0;position:relative;background-image: linear-gradient(rgba(245,245,245,.7), rgba(245,245,245,.7)), url('../images/pattern.jpg');background-size: cover;}
.services p{ text-align: justify; font-weight: 300; letter-spacing: .7px; color:#444;margin:0;line-height:1.5em;font-size:1em;}
.services a{outline: none;text-decoration:none;}
.best-seller iframe, .services iframe{width:100%;display:block;height:350px;}
.best-seller .container-fluid .col-lg-12, .services .container-fluid .col-lg-12 { padding: 0;}
.best-seller{text-align:center;float:left;width:100%;margin:2em 0 4em;}

.omit { padding: 3em 0 0; margin: 0;}
.pb-5 { padding: 3em 0 5em;}

footer{padding:3em 0 4em;float:left;width:100%;position:relative;background-color:#03045e;}
.foot-list ul{margin:0;padding:0 0 1em 1.5em;color: #fff;}
.foot-list h4{ letter-spacing: .7px; padding: 0 0 10px; display:inline-block;color:#fff;font-weight:400;text-transform:capitalize;font-size:22px;position:relative;margin-bottom:10px;}
.foot-list ul li{float:none;}
.foot-list ul li:last-child{border:0;}
.foot-list ul li a{ outline: none;letter-spacing: .7px; font-size: 15px; text-transform:capitalize;color:#fff;font-weight:300;display:block;margin:0 0 .5em;text-decoration:none;}
.foot-list ul li a:hover{color:#F7B32B;}
.foot-list.no-format ul { list-style: none; padding: 0 0 0 .5em;}
.foot-list.no-format ul li a { outline: none;text-transform: none;}
.foot-list.no-format ul li a > svg { margin-right: 5px; }
footer .form-control{margin:0 0 1em;resize:none;padding:1.5em;border-radius:10px; border: 0;}
footer .btn-success { color: #03045e; border-radius: 100vw; display: flex; justify-content: center; align-items: center; background-color:#F7B32B;border-color:#F7B32B;padding:.6em 1.5em .6em 1.1em; font-size: 16px; letter-spacing: .5px;}
footer .btn-success > svg { fill: #03045e; width: 20px;}
footer .btn-success:hover > svg { fill: #fff; }
footer .col-lg-4 [class*="col-lg-12"] { padding: 0;}
footer .social {text-align: left;width: 100%;float: left; margin: 1.5em 0 0 .5em; }
footer .social a { outline: none;color: #fff; text-decoration: none;}
footer .social i { display: inline-block; margin: 0 15px 0 0; font-size: 18px; }
footer .social a:hover i, footer .social a:hover svg,
footer .social a:focus i, footer .social a:focus svg
{ color: #F7B32B;}

.allrights{background-color:#F7B32B;float:left;width:100%;}
.rights{padding:3em 0;}
.rights p{ font-size: 14px; text-align:center;color:#1e1e1e;letter-spacing: .6px;text-transform:capitalize;margin-bottom:0;font-weight:300;}

.breadcrum {position: relative;float: left;width: 100%;padding: 3em 0;text-transform: capitalize;background: #03045e;}
.breadcrum h2 { font-size: 30px; font-weight: 500; margin: 0; z-index: 1;position: relative; color: #F7B32B; letter-spacing: .6px; }
.breadcrum a {outline: none;color: #fff;display: inline-block;margin-right: 4px;font-weight: 400;z-index: 1;position: relative; text-decoration:none;}
.breadcrum a > svg {color: #fff;}
.breadcrum a:last-child {pointer-events: none;}

.wight-box { margin: 0;}
.wight-box .item{padding: 2em; text-align: justify; background: #fff;}
.wight-box .item > h3 { text-transform : capitalize!important; font-weight: 500; margin: .5em 0; font-size: 22px; letter-spacing: .8px; }
.wight-box .item > h3 > img { height: 40px; width: 40px; margin:0 10px 0 0;}
.wight-box .item p { text-align: justify; line-height: 1.5em; font-weight: 300; color: #777; letter-spacing: .6px;}
.top-nav-box { padding-top: 5px;}
.top-nav-box .util-pagination { top: auto; right: 0; left: 0; }
.top-nav-box .util-navigation .util-prev, .top-nav-box .util-navigation .util-next{padding:2px 7px!important;}
.review-rating i, .review-rating svg {
	width: 18px;
    color: #fdb813;
}
.review-rating > span {
	font-weight: 600;
	display: block;
	font-size: 18px;
}
.review-rating svg.dark {
	color: #30323e;
}

.about2{float:left;width:100%;padding:3em 0;}
.about2 p {
	text-align: justify;
	font-weight: 300;
	letter-spacing: .7px;
	color: #444;
	margin: 0 0 1em;
	line-height: 1.5em;
	font-size: 1em;
}

.contact-details{padding: 1.7em 1.9em;margin:0;background-color:#F7B32B; border-radius: 20px;}
.contact-details h3 { margin: 0; text-transform: uppercase; }
.contact-details li{list-style:none;color:#555;margin: 0 0 .5em;}
.contact-details li a{outline: none;color:#444;text-decoration:none;font-size:1.1em;display:inline-block; line-height: 1.5em; width: calc(100% - 33px); }
.contact-details li a:hover i{color:#fff;}
.contact-details li span {margin:0 0 .5em; display: block; font-size: 1.2em;}
.contact-details li i{ vertical-align: top; margin-right:8px;background-color: #03045e; border-radius: 6px; line-height: 25px; height: 25px; width: 25px; color: #fff; text-align: center;}
.contact-details hr{border-color:#03045e;margin: 15px 0;}
.contact-details iframe { border-radius: 15px; margin: 1em 0 0; width: 100%; }

.accordions{float:left;width:100%;padding:3em 0;}
.accordions #accordion{margin:0 0 1em;}
.accordion-toggle:hover {text-decoration: none;}
.accordions .panel:first-child .panel-title, .accordions .panel:first-child .panel-heading, .accordions .panel:first-child.panel-default{background-color:#002DCE;color:#fff;border-color:#002DCE;font-size:1.08em;}
.panel-heading{padding-top:8px;padding-bottom:8px;border-radius:0;}
.content { float: left; width: 100%; }
.panel-group{margin-bottom:0;}
.panel-group .panel{border-radius:0;}
.panel-title{font-size:13px;text-transform:uppercase;font-weight:600;}
.panel-title a {outline: none;text-decoration: none;}
.panel-body a{display:block;color:#555;}

.pro-view {float: left; width: 100%; padding: 3em 0;}
.product-desc-details { float: left; width: 100%; }
.product-desc-details button{text-transform:capitalize;margin:15px 0;}
.product-desc-details button > i{margin-right:10px;}

.top-nav-box{background:none!important;}

.carousel-fade .carousel-inner { background: #fff; }
.carousel-fade .carousel-control { z-index: 2; }  
.carousel-fade .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity;}
.carousel-fade .next.left,.carousel-fade .prev.right,.carousel-fade .item.active { opacity: 1; }
.carousel-fade .active.left,.carousel-fade .active.right { left: 0; opacity: 0;z-index: 1;}
/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left {opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}

.whatsapp {
    position: fixed;
    bottom: 4%;
    right: 4%;
    z-index: 3;	
}
.whatsapp img {
	height: 70px;
	width: 70px;
}
a#scroll{ box-shadow: 0 4px 10px 0 rgba(0,0,0,.2);background-color:#F7B32B;color:#03045e; border-radius: 15px; border: 1px solid #fff;padding:14px 18px; position:fixed;bottom:18%;right:2%;text-decoration:none;z-index:1000;font-size:1.5em; }

.h-100 {min-height:100px;}

.about h3 { letter-spacing: .8px; text-transform: capitalize; color:#666; margin-top: 0; font-size: 28px; font-weight: 600; }
.about h3 > span { color:#03045e;}

.spacer { float:left; width: 100%; padding: 2em 0 0;}
.about .col-lg-3 { width: 20%;}
.head {color: #03045e; margin-top:0;margin-bottom: 20px;display: inline-block;position: relative;padding-bottom: 10px;letter-spacing:.7px;}
.head > span { color: #03045e; /*666*/}
/*.head::before{content:"";position:absolute;bottom:0;left:0;right:0;margin:auto;height:3px;width:75%;background-color:#666;border-radius:10px;}
.head::after{content:"";position:absolute;bottom:-8px;right:0;left:0;margin:auto;height:3px;width:50%;background-color:#03045e;}*/
.text-center { text-align: center;}

.spacer .col-lg-2 { width: 20%; padding-right: 15px; }
.product-block { border: 1px solid #ccc; margin: 1em 0; float: left; width: 100%; background: #f5f5f5; text-align: left;}
.product-block img { width: 100%; height: 290px; object-fit: cover; }
.product-text { position: relative; height: 80px/*160*/; overflow: hidden; margin: 0 0 2em;padding: 0 1.2em; float: left; width: 100%;}
.product-text h4 { text-transform: capitalize; font-size: 20px; letter-spacing: .6px; display: -webkit-box; -webkit-line-clamp: 1;	-webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: 1.3em; }
.product-text h4, .product-text h4 > a { outline: none; color: #03045e; margin-bottom: 10px;}
.product-text h4 > span { color: #777; }
.product-text h4:nth-child(2) { margin-top: 0;}
.product-text h5 { margin-top: 0; margin-bottom: 10px; letter-spacing: .7px;font-weight: 300; line-height: 1.3em; }
.product-text .quote {
	bottom: 0;
	position: absolute;
	margin: .7em 0 0;
}

.small-head { margin-top: 0; padding-bottom: 5px; font-weight: 400;letter-spacing: .7px; border-bottom: 2px solid #F7B32B; display: inline-block;}

.search-block { overflow: hidden; float: left; width: 100%; position: relative; margin: .5em 0 1em; border: 1px solid #03045e; border-radius: 100vw;}
.search-block form { margin: 0; }
.search-block input { width: 250px; border: 0; display: block; padding: .85em 1.5em; }
.search-block input::placeholder { letter-spacing: .5px; font-weight: 400; }
.search-block input:focus { outline: none;}
.search-block button { position: absolute; top: 12px; right: 20px; padding: 0; background: none; border: 0;}
.search-block i { color: #03045e; font-size: 18px; }

.swiper-slide {
	height: auto;
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide > a {
	outline: none;
	height: 100%;
	width: 100%;
}
.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	margin-left: auto;
	margin-right: auto;
}
.mySwiper .swiper-wrapper {
	height: auto;
}
.swiper-slide {
	background-size: cover;
	background-position: center;
	background-color: #ceced0;
}
.mySwiper2 {
	height: auto;
	aspect-ratio: 1 / 1;
	width: 100%;
	border: 1px solid #ccc;
}
.mySwiper {
	height: auto;
	aspect-ratio: 7 / 1;
	box-sizing: border-box;
	margin: 15px 0 0;
}
.mySwiper .swiper-slide {
	width: 100%;
	opacity: 0.2;
	border: 1px solid #0092DB;
	overflow: hidden;
}
.mySwiper .swiper-slide-thumb-active {
	opacity: 1;
}
.mySwiper2 .swiper-button-next:after, .mySwiper2 .swiper-button-prev:after {
	font-size:2em;
	color: #000;
}
.mySwiper .swiper-button-prev::after, .mySwiper .swiper-button-next::after {
	background: #fff;
	border-radius: 4px;
	font-size: 18px;
	display: none;
}

.mySwiper2 .swiper-button-prev, .mySwiper2 .swiper-rtl .swiper-button-next, .mySwiper2 .swiper-button-next, .mySwiper2 .swiper-rtl .swiper-button-prev {
	background: #fff;
	border-radius: 4px;
}

.product-desc-details h3 { color: #03045e; font-weight: 500; font-size: 26px; margin: 0 0 15px; letter-spacing: .3px;}
.product-desc-details h4 { color: #03045e; font-weight: 500; margin: .8em 0 0; font-size: 20px; letter-spacing: .5px;}
.product-desc-details p { font-weight: 400; color: #555; line-height: 1.4em; font-size: 1.1em; margin: .3em 0 0; letter-spacing: .3px;}
.product-desc-details a { outline: none;font-weight: 400; color: #555; letter-spacing: .3px; text-decoration: none; }
.product-desc-details ul { padding: 0; list-style: none; margin: .4em 0 .8em;}
.product-desc-details ul li {font-weight: 400; color: #555; line-height: 1.7em; font-size: 1.1em; }
.product-desc-details ul li i, .product-desc-details ul li svg { margin: 0 10px 0 0; color: #F7B32B;}
.table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>th { font-weight: 600;}

.contact-form{width:100%;;float:left;z-index:1;position:relative;}
.contact-form > img {top:-65px;left:-65px;position:absolute;width:20%;z-index:-1;}
.contact-form table{width:100%;text-align:left;}
.contact-form table tr th{font-weight:400;color:#555;}
.contact-form table tr td { position: relative;}
.contact-form table tr td::before { position: absolute; top:18px; left: 15px; font-family:'FontAwesome'; color: #F7B32B; font-size: 16px; }
.contact-form table tr:first-child td:first-child::before {content: "\f007";}
.contact-form table tr:first-child td:nth-child(2)::before {content: "\f025";}
.contact-form table tr:first-child td:last-child::before {content: "\f0e0";}
.contact-form table tr:nth-child(2) td::before { top:21px; content: "\f303";}
.contact-form input{border-radius: 10px;width:94%;float:left;border:none;margin:4px 0 10px 0;border-bottom:2px solid #999;padding: .8em .7em .8em 2.4em;background-color: #f6f6f6;}
.contact-form input::placeholder, .contact-form textarea::placeholder { font-size: 14px; }
.contact-form input:nth-child(2){margin-right:0;}
.contact-form textarea{border-radius: 10px;padding: .8em .7em .8em 2.4em;width:98%;border:none;resize:none;margin:6px 0 14px;border-bottom:2px solid #999;background-color: #f6f6f6;}
.contact-form button{letter-spacing: .5px;border:none;text-transform:capitalize;font-size:15px;font-weight:500;background-color:#F7B32B;color:#fff;padding:.8em 1.8em; border-radius: 30px; color: #03045e;}
.contact-form button:hover{color:#000;background-color:#fff;transition:all 0.1s ease;font-weight:600;}
.contact-form table tr td > svg {
	position: absolute;
	top: 18px;
	left: 0;
	color: #fc0;
}
form { float: left; width: 100%; }

.accordions .product-text {
	height: 140px;
	margin: 0 0 1em;
}
.accordions.downloads .product-text {
	height: 110px;
}
.accordions .product-text h4 {
	-webkit-line-clamp: 2;
	font-size: 18px; 
}
.accordions .product-text .quote {
    position: static;
    margin: 0;
}
.accordions.category .product-text {
	height: 90px;
}
.accordions.sub-category .product-text {
	height: 110px;
}
.accordions.sub-category .product-text h4, .accordions.sub-category .product-text h4 > a { margin-bottom: 0;}
.accordions.product-individual .product-text {
    height: 70px;
}

.nav-tabs > li > a {
	outline: none;
	margin-right: 4px;
}

.nav>li>a {
	outline: none;
    padding: 6px 15px;
	font-weight: 300;
	letter-spacing: .5px;
}
.nav-tabs>li>a, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
	outline: none;
    color: #fff;
    background-color: #03045e;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	outline: none;
    color: #333;
    background-color: #F7B32B;
	border-color: #F7B32B;
	font-weight: 500;
}

.text-center > p { text-align: center;}

.certifications { text-align: center; float:left;width:100%; padding: 3em 0;}
.pdf-block { border: 1px solid #ccc; margin: 1em 0; float: left; width: 100%; background: #f5f5f5; text-align: left;}
.pdf-img { float: left; width: 100%; aspect-ratio: 1/1; }
.pdf-block img { height: 100%; width:100%; object-fit: cover; }
.pdf-text { position: relative; height: 80px; overflow: hidden; padding: 0 1.2em; float: left; width: 100%;}
.pdf-text h4 { text-transform: capitalize; font-size: 20px; letter-spacing: .6px; display: -webkit-box; -webkit-line-clamp: 1;	-webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: 1.3em; }
.pdf-text h4, .pdf-text h4 > a { color: #03045e; margin-bottom: 10px;}

.pagination>li>a, .pagination>li>span {
	outline: none;
    color: #03045e;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	outline: none;
    background-color: #03045e;
    border-color: #03045e;
}

.about2 p > abbr { color: #222; font-weight: 500;}
.choose { float: left; width: 100%; padding: .8em 1.5em; border: 1px solid #ddd; border-radius: 15px; margin: 0 0 1.5em; }

@media(max-width:1440px){	
	.fixed-height {	padding: .9em 0;}
	.about .col-md-2 { width: 20%; }
	.about .col-md-2:last-child { display: none;}
	.product-block img { height: 240px;}
}
@media(max-width:1199px){	
	.top-links a { font-size: 14px; }
	.top-links a > i {width: 18px;}
	.logo a > span { font-size: 1.3em;}
	.about img {height: 560px; object-fit: cover;}	
	.about-us { margin: -3em 0 0;}	
	.carousel-indicators {bottom: 50px;}
	.product-block img, .pro-block img { height: auto; aspect-ratio: 1/1; }
	.about .col-md-2 {width: 25%;}
	#cssmenu > ul > li:nth-child(3) > a > img { width: 115px; }
	#cssmenu > ul > li > a { letter-spacing: .4px; padding: 23px 8px 18px; font-size: 1em;}
	#cssmenu > ul > li:nth-child(3) > a { padding-left: 0;  padding-right: 0;}
	#cssmenu > ul > li:nth-child(7) > a, #cssmenu > ul > li:last-child > a { letter-spacing: .4px; padding: 10px 12px;}
}
@media(max-width:991px){
	.top-links { height: 32px; }
	.top-links a { font-size: 13px; float: left; text-align: center; width: 28px; height: 32px; overflow: hidden; padding: 8px 4px; line-height: 20px; }
	.top-links .col-md-5 a:first-child, .top-links .col-md-5 a:nth-child(2), .top-links .col-md-7 a:first-child { width: auto;}	
	.top-links .col-md-5 a:first-child {line-height: 14px;}
	.top-links .col-md-7 > div {display: inline-block;}
	.top-links a > i, .top-links a > svg {line-height: normal; width: 12px; }
	.top-links .col-md-5 a:first-child > i, .top-links .col-md-5 a:first-child > svg,
	.top-links .col-md-5 a:nth-child(2) > i, .top-links .col-md-5 a:nth-child(2) > svg,
	.top-links .col-md-7 a:first-child > i, .top-links .col-md-7 a:first-child > svg{ margin-right: 6px;}
	.top-links .col-lg-7 a { padding: 9px 4px;}	
	.fixed-height .col-md-3 { width: 33.33333333%;}
	.fixed-height .col-md-9 { width: 100%;}
	.logo a > span { font-size: 1.7em;}
	#abs { margin: -51px 0 0; }
	#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {text-align: left;}
	#cssmenu ul {margin: 2.6em 0 0;}
	#cssmenu > ul > li > a, #cssmenu > ul > li:first-child > a {padding: 12px; font-size: 1em; letter-spacing: .3px; }	
	#cssmenu > ul > li:last-child > a { display: block; margin: 0 0 1em ;}
	#cssmenu ul ul {padding: 0;}
	#cssmenu ul ul li a {padding: 8px 18px;}
	#cssmenu #menu-button {	color: #333; text-align: right; padding: 9px 50px 0 0;}
	#cssmenu #menu-button::before {	top: 7px; right: 15px; }
	#cssmenu #menu-button::after {top: 13px; right: 15px; }
	#cssmenu #menu-button.menu-opened::before, #cssmenu #menu-button.menu-opened::after {top: 13px; right: 18px; background: #fff;}
	#abs::before { content: ""; position: absolute; top: -5px; right: 20px; height: 40px; width: 40px; background-color: #03045e; border-radius: 4px; }
	#cssmenu > ul > li:nth-child(3) > a { padding-left: 12px;  padding-right: 12px; padding-top: 10px;	padding-bottom: 10px;}
	.about .img-responsive{width:100%;margin:2em 0 0;}
	.accordions .product-text, .accordions.category .product-text, .accordions.sub-category .product-text, .accordions.product-individual .product-text {height: auto; }
	.accordions .product-text h4, .pdf-text h4 { font-weight: 400; height: 40px;}
	.product-desc-details h3 {	margin: 10px 0;}
	.mySwiper { aspect-ratio: 6 / 1;}
	.about .col-md-2 {width: 33.33333333333333%;}
	.about .product-block img { margin: 0; height: auto; aspect-ratio: 1/1;}
}
@media(max-width:767px){
	.top-links { height: 75px; }	
	.top-links::before { content: ""; position: absolute; left: 0; height: 1px; width: 100%; top: 50%; transform: translateY(-50%); background-color: #ddd;}
	.top-links a { padding: 8px 5px; float: left; font-size: 1em; width: 26px;overflow: hidden;height: 34px;text-align: center; line-height: 20px; }
	.top-links .col-lg-7, .top-links .col-lg-5 {text-align: center;}	
	.top-links .col-lg-7 > div, .top-links .col-lg-5 > div {display: inline-block;}
	.top-links .col-md-7 a:last-child { border-right: 0; padding: 7px 5px;}
	.top-links .col-lg-5 a {padding: 7px 4px 9px;}
	.top-links .col-md-5 a:first-child {padding: 7px 4px 9px 0; line-height: 24px;	}
	.slider, .slider .item{height:40vh;overflow:hidden;}
	.slider .item > img{height:100%;object-fit:cover; object-position: left;}
	.carousel-control i, .carousel-control svg{ padding: 1em .7em;}
	.about .img-responsive{margin:0;}
	.about p {margin: 0 0 15px;}
	.about, .products{padding:2em 0;}
	.breadcrum{padding:3em 0;}		
	.pro-desc > h4{font-size:16px;}	
	.contact-details { margin:0 0 2em; }
	.spacer {padding: 0;}
	.product-block {margin: 0 0 1em;}
	.product-block > img, .pro-block img { height: auto; aspect-ratio: 1/1; }
	.pro-block { margin: 0 0 1em; }
	footer .social {margin: .5em 0 1em .6em;}
	footer .col-lg-4 [class*="col-lg-6"]:nth-child(2n), footer .col-lg-4 [class*="col-lg-6"]:nth-child(2n+1) {padding: 0;}
	footer .col-lg-5 [class*="col-lg-6"]:nth-child(2n), footer .col-lg-5 [class*="col-lg-6"]:nth-child(2n+1) {padding: 0;}
	.allrights .col-md-6:last-child { text-align: center; }
	.allrights .col-md-6:last-child a { display: inline-block; padding: 0 .75em; margin: 1em 0 0; }
	a#scroll { bottom: 15%; right: 5%; }
	.mySwiper { aspect-ratio: 4 / 1;}
	.about .col-md-2 {width: 50%;}
	.logo a > span {display: block;}	
	.accordions .product-text .quote { position: static; }
	.about2 .col-xs-6 { width: 100%; }
}
@media(max-width:500px){	
	.top-links a > i {width: 10px;}
	.top-links .col-md-7 a:first-child > i, .top-links .col-md-7 a:first-child > svg { margin-right: 8px; }	
	.top-links .col-md-5 a:first-child > i { margin-right: 7px;}
	.carousel-indicators {bottom: 40px;}
	.services .col-xs-6, .accordions .col-xs-6, .certifications .col-xs-6 { width:100%;}
	.pdf-block { margin: 0 0 1em;}
	.head { font-size: 26px; line-height: 1.2em; }
	.head > span { display: block; font-size: 32px; }
	.contact-form table tr td {	display: block; float: left; width: 100%; }
	.contact-form input, .contact-form textarea {width: 100%;}
	.product-text, .accordions .product-text {height: auto;}
	.accordions .product-text h4 { font-size: 20px;	height: auto; font-weight: 500; }
	.product-text h4, .pdf-text h4 { display: block; }
	.product-text .quote { position: static; margin: 0; }
	.accordions .product-text .quote { margin: .7em 0 0; }
	.breadcrum h2 {	font-size: 24px;}
	.about .col-md-2 {width: 100%;}
}
@media(max-width:400px){
	.logo {width: 165px;}
	.top-links a { letter-spacing: .3px;}
}
@media(max-width:365px){
	.top-links .col-md-7 a:last-child { padding: 7px 0 7px 5px;}
	.top-links a { font-size: .91em;}
}