
<style>

.navbar-default .navbar-nav>li>a {
    color: #000;
       font-weight: 600;
    font-size: 15px;
}
div#navbar {
    margin-top: 17px !important;
}


.navbar-default .navbar-nav>li>a:hover {
    color: #f74b07;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #f74b07;
    background-color: #f8f8f8;
}

@media only screen and  (min-width: 1280px)
{
.navbar-nav>li {
    float: left;
    padding-left: 35px;
}
.logocls {
    margin-right: 201px;
    margin-left: 113px;
}
}

@media only screen and  (min-width: 1024px) and (max-width: 1279px)
{
.logocls {
    margin-left: 61px;
  margin-right: 55px;
}
}
@media only screen and (max-width: 480px) 
{
img.logocls 
{
    margin-left: 13px;
    width: 65%;
    
}
.navbar-toggle
{

    margin-top: 19px;
}
}
@media only screen and (width: 768px) 
{
img.logocls {
    width: 91%;
    margin-left: 10px;
}
}
@media only screen and (width: 720px) 
{
.navbar-toggle {
    margin-top: 27px;
}
}

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

.navbar-default .navbar-toggle {

    margin-right: 77px;
}
img.logocls {
    margin-left: 47px;
}
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.foot-sec 
{
    color: #d7dee6;
    background-image: url('images/footbg.webp');
    background-position: center;
    background-size: 100% 100%;
    line-height: 2.0;
    
}
.anchor_cls
{
color:#fff;
}
.anchor_cls:hover
{
color:#f74b07;
text-decoration:none;
}
hr.new4 {
  border: 1px solid #f74b07;
  margin-top: 0px;
}
.ul_none
{
list-style-type:none;
}
.
body {font-family: Arial;}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}


.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

.tab button:hover {
  background-color: #ddd;
}

.tab button.active {
  background-color: #ccc;
}


.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
#tlt_product #features_info_table td.table-header {
    padding-top: 2em;
    background: #fff;
    color: #f74b07;
    font-weight: 700;
    font-size: 14px;
    padding-bottom: .5em;
    border-bottom: 1px solid #0054a6;
}
#tlt_product #features_info_table {
    border-collapse: separate;
    margin: 0;
    width: 100%;
    border-spacing: 0;
}
.tlt-product-panels .tab-title-mobile {
    display: block;
    font-size: 26px;
    color: #0054a6;
    padding-bottom: 20px;
    margin-bottom: 0;
}
.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 0px solid #dee2e6;
}
.table td:first-child {
    width: 30%;
}
.table td.table-header {
    padding-top: 2em;
    background: #fff;
    color: #f74b07;
    font-weight: 700;
    padding-bottom: .5em;
    border-bottom: 1px solid #0054a6;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #ddd; 
}


.imgcls
{
width:50%;
}
p.imgalign {
    text-align: center;
}
p.des {
    line-height: 1.7em;
    text-align: justify;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
}
.container cls {
    padding: 70px 0px 50px 0px;
}
.des-sec
{
box-shadow: 1px 2px 2px 3px #aeaeae;
}
div#Features {
    padding-left: 50px;
    padding-right: 50px;
}
.bannercls
{
width:100%;
}




/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: #000;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}


imgslidecls
{
width:100%;
}
/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Eight columns side by side */
.column {
  float: left;
  width: 12.50%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}
h1.prt-headcls {
    text-align: center;
    font-size: 48px;
    color: #000;
}
hr.abt {
    border: 2px solid #f74b07;
    margin-top: 0px;
    width: 9%;
}
img.imgcls1 {
    background-color: #f74b07;
    padding: 10px;
    border-radius: 20%;
}
p.paracls {
    font-size: 20px;
    padding-top: 40px;
}
img.imgslidecls {
    width: 100%;
}
p.prt-paracls {
    text-align: center;
    font-size: 17px;
}
.conbg
{
    background-image: url('images/images (12).webp');
    background-position: center;
    background-size: cover;
}
h4.descls 
{
    text-align: center;
    font-size: 31px;
    color: #f74b07;
  

}
.breadcrumbs {
    color: #a4a4a4;
    font-size: 12px;
    position: relative;
    top: 56px;
    padding-top: 61px;
    z-index: 1;
}
.breadcrumbs ul {
    margin-left: 4px;
}
.breadcrumbs ul li {
    display: inline;
}
.breadcrumbs ul li .breadcrumbs-delimiter {
    margin: 0 5px;
}
a {
    text-decoration: none;
    color: inherit;
    outline: 0;
}
.breadcrumbs ul li a:hover {
    color: #0054a6;
    transition: .5s;
}
.paddingcls {
    padding-top: 40px;
}
.paddingcls1 {
    padding-bottom: 60px;
}
.ul_none {
    list-style-type: disc;
}
.anchor_cls1
{
color:#fff;
}
.anchor_cls1:hover
{
color:#f74b07;
text-decoration:none;
}




@media only screen and  (min-width: 768px)  and (max-width: 1024px) 
{
p.paracls {
    font-size: 17px;
padding-top: 0px;
}
img.imgcls1 {
    background-color: #f74b07;
    padding: 5px;
    border-radius: 20%;
}
.paddingcls {
    padding-top: 40px;
padding-bottom: 40px;
}
.col-sm-3 {
    width: 50%;
}
}

@media only screen and (max-width: 480px) 
{
img.logocls 
{
    margin-left: 13px;
    width: 65%;
    
}
.navbar-toggle
{

    margin-top: 19px;
}
.col-sm-7 {
    margin-top: -70px;
    margin-bottom: -70px;
}
h1.prt-headcls {
    font-size: 38px;
}
}


</style>
