/* ==========================================================================
   Author's custom styles
========================================================================== */
.banner {position: relative; overflow: hidden; padding-bottom: 30px; padding-top: 30px;}
.banner img.bg {position: absolute; left: 0; top: 0; min-height: 100%; min-width: 100%; z-index: -1;}
.banner h1 {font-size: 40px; color: #ff5100; font-weight: 300; margin-top: 0; margin-bottom: 20px;}
.banner h1 span {color: #000; font-weight: 400;}
.banner h1 span.spacing {color: #fff; font-weight: 300; list-style-position: 3px;}
.banner h1.two {margin-bottom: 0; margin-top: 15px;}
.banner h1.two span {padding: 0 5px;}
.banner h1.two span.up {font-weight: 300; color: #ff5100; vertical-align: text-top; display: inline-block; margin-top: -5px;}
.banner .image img {max-width: 100%; margin: 0 auto;}
.bx-wrapper ul li { height: 250px; width:auto; }
.bx-wrapper ul li img {height: 180px !important; width:auto;}
.key-features {padding-top: 30px; padding-bottom: 30px; background-color: #DDEAED;}
.key-features h1 {font-size: 32px; font-weight: 600; text-align: center; margin-top: 0; margin-bottom: 20px;}
.key-features h1 span {color: #FF5100; font-weight: 600;}
.key-features .image {margin-top: 50px; padding-top: 15px; padding-bottom: 15px;}
.key-features .image img {width: 300px; max-width: 100%;}
.key-features td {font-size: 17px;}
.key-features table tr:nth-child(even) {background-color: #F1F8FA; background-color: rgba(255, 255, 255, .5); }
.key-features table tr:nth-child(odd) {background-color: #fff; background-color: rgba(255, 255, 255, .8); }
.key-features .table-bordered>thead>tr>th, .key-features .table-bordered>tbody>tr>th, .key-features .table-bordered>tfoot>tr>th, .key-features .table-bordered>thead>tr>td,
.key-features .table-bordered>tbody>tr>td, .key-features .table-bordered>tfoot>tr>td {border: 2px solid #DDEAED; width: 50% !important; font-size: 16px; font-weight: 400; padding: 10px 15px;}
.key-features .table-bordered>thead>tr>td .small-text, .key-features .table-bordered>tbody>tr>td .small-text, .key-features .table-bordered>tfoot>tr>td .small-text {font-size: 14px; font-weight: 300; font-style: italic;}
.key-features .bullet {width: 12px; height: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; float: left; margin-right: 10px; margin-top: 5px;}
.key-features .bullet.blue {background-color: #0063CE;}
.key-features .bullet.black {background-color: #000;}

.application {padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #ddd;}
.application h1 {margin-top: 0; margin-bottom: 30px; font-size: 32px; font-weight: 600;}
.application h1 span {color: #FF5100; font-weight: 600;}
.application .box {cursor: pointer; width: 100%; padding: 15px; background-color: #F8F8F8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 20px; min-height: 200px; text-align: center;}
.application .box span.image{display: inline-block; margin-bottom:10px;}
.application .box h2 {font-size: 26px; font-weight: 300; margin-top: 0; margin-bottom: 15px;}
.application .box p {margin: 0;	font-size: 15px;}

.specifications {padding-top: 40px; padding-bottom: 40px; background-color: #f8f8f8;}
.specifications h1 {font-size: 32px; font-weight: 300; text-align: center; margin-top: 0; margin-bottom: 20px;}
.specifications h1 span {font-weight: 600; color: #FF5100;}
.specifications td {font-size: 17px;}
.specifications .sp-box .image {padding-top: 25px; padding-bottom: 25px;}
.specifications .sp-box .image img {max-width: 100%; height: 120px;}
.specifications .cat {font-size: 20px; font-weight: 400; text-align: center; margin-bottom: 10px;}
.specifications h2 {font-size: 26px; font-weight: 300; text-align: center; margin: 0;}
.specifications table tr:nth-child(odd) {background-color: #fff; background-color: rgba(255, 255, 255, .3);}

.steps {background-color: #dde3e7; border-top: 1px solid #bec8ce; border-bottom: 1px solid #bec8ce; padding-top: 30px; padding-bottom: 30px; text-align: center;}
.steps p.text {font-size: 18px; font-weight: 400; margin-top: 0; margin-bottom: 20px;}
.steps .step-img {width: 100%;}
.steps .step-img img {max-width: 100%;}

.contact {padding-top: 40px; padding-bottom: 40px;}
.contact h1.title {margin-top: 0; padding-bottom: 20px; font-weight: 600;}
.contact h1.title span {font-weight: 600; color: #FF5100;}
.contact .left, .contact .right {min-height: 160px; text-align: center; padding-top: 10px; padding-bottom: 10px;}
.contact .left {border-right: 1px solid #a7a7a7;}
.contact .left h1 {margin-top: 60px; display: inline-block; background-color: #FF5100; color: #fff; padding: 8px 16px;}
.contact address {width: 50%; text-align: left; margin: 0 auto;}
.contact address .title {color: #FF5100; font-weight: 600;}
.contact address a {color: #0063CE;
	-webkit-transition: all 0.15s ease-In; -moz-transition: all 0.15s ease-In; -ms-transition: all 0.15s ease-In; -o-transition: all 0.15s ease-In; transition: all 0.15s ease-In;
}
.contact address a:hover, .contact address a:focus {color: #FF5100;}
.modal-header {border-bottom: none;}
.modal-body {display: inline-block;}

/* 02-11-2023 new style */
.fpc-featured-section {
   display: block;
   width: 100%;
   margin: 5rem 0;
}
.fpc-featured-section .feauted-list-item li {
   font-size: 18px;
   margin: .5rem 0;
}
@media(min-width: 1200px) {
}

@media(min-width: 992px) and (max-width: 1199px) {
}

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

}

@media(max-width: 767px) {

.modal-body {width: 100%;}
.modal-content{width: 100%;}
#jssor_1, #jssor_2, #jssor_3 {width: 100%!important;}
#jssor_1 img, #jssor_2 img, #jssor_3 img {max-width: 100%; height: auto;}
.res-block {width: 100%!important;}
.res-slide {width: 100%!important;}
.contact .left {border-right: none; min-height: 110px;}
.contact .left h1 {margin-top: 0;}
.contact address {width: 80%!important;}
.prod-img-block img{display: table; margin: 1.5rem auto}
}

@media(max-width: 480px) {

.bx-viewport {height:350px!important;}
.banner h1.two {font-size:30px;}
.key-features .image {margin-top:0px;}
.contact .left h1 {margin-top:0px;}
}