body{ margin:0; padding:0; font-family: 'Mulish', sans-serif;}
.row{ margin:0; padding:0;}
.container-fluid{ margin:0; padding:0;}
.loader {
   position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../img/loader.gif) 50% 50% no-repeat rgb(255 255 255);
    opacity: 5;
}
body {
    scroll-padding-top: 70px; /* height of sticky header */
    }

  html {
      scroll-padding-top: 70px; /* height of sticky header */
    }

    .disci{ float:left; width:100%; height:auto; position:relative; border:solid 1px #ddd; font-size:13px; padding:6px 10px;}
	.disci span{     display: -webkit-box; width:100%;
    -webkit-line-clamp: 1; padding-right:15px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
	.disci i{ font-size:10px; color:#000; margin-top:3px;     position: absolute; top: 7px;   right: 8px; }
	.disci-in{ position:absolute; top:30px; left:0px; width:250px; background:#fff; border:solid 1px #ddd; display:none; }
	.disci-in ul{ padding:0;max-height: 300px; overflow:auto; }
	.disci-in ul::-webkit-scrollbar-track
{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.disci-in ul::-webkit-scrollbar{width:5px;background-color: #F5F5F5;}
.disci-in ul::-webkit-scrollbar-thumb{background-color: #2FB1EB;border: 1px solid #eee;}
	.disci-in li{width: 250px;  auto; font-size: 13px; float:left; width:100%; border-bottom:solid 1px #ddd; list-style:none; padding:10px 10px;}
	.disci-in li:hover{ background:#f2f2f2;}
	.disci:hover .disci-in{ display:block; }

.topfix{ position:fixed; top:0px; width:100%; z-index:9; background:#fff; border-bottom: solid 1px #ddd;}
.topmenu{ padding-top:38px;}
.sidemargin{ margin:0 auto; width:95%;}

.mega-menu-col{ width:17% !important;}

.top-menu{ float:left; width:100%; height:auto;}

.eventnone{pointer-events:visible;}

.changeregi {
    margin-top: 20px;
    background: #013ed5;
    float: left;
    width: 100%;
    padding: 10px 20px;
    position: relative;
    max-width: 240px;
}
.fotnewsl { margin-top: -20px;}
.changeregi a span{ width:100%; float:left; color:#fff; font-size:11px;}
.changeregi a{ color:#fff; text-decoration:none;font-size:15px;}
.changeregi:hover{ background:#000;}
.changeregi i { position:absolute; right:10px; top:22px; font-size:15px;}
.sitemap{ float:left; width:100%; height:auto;}

.logis{ border:solid 1px #002581;}
.logi img{     /*height: 50px; */ margin-top:0px;}
.desk{ display:block;}
.mobi{ display:none !important;}
.newmenu-desk{ display:block;}
.newmenu-mobi{ display:none;}
.slider{ float:left; width:100%; margin-top: 70px;}
.slidte{ float:left; width:100%; height:auto; max-width:40%; text-align:left; position: absolute;
    right: 15%;
    top: 23%; bottom:30%;
    left: 8%;}
.slidte h3{ font-size:40px; color:#002581; float:left; width:100%; font-weight:bold; }
.slidte span{ float:left; width:100%; margin-top:30px;}
.slidte span a{ padding:8px 30px; border:solid 1px #002581; font-size:16px;  color:#fff; background:#002581; border-radius:5px; text-decoration:none; transition:all 0.5s ease;}
.slidte span a:hover{ color:#002581; background:#fff; transition:all 0.5s ease; }

.prosys .col-md-3{ padding-right: 5px; padding-left: 5px; margin-bottom:10px;}
.nepr{ background: linear-gradient(#a8dadc 25%, #457b9d 60%); border-radius:10px; border:solid 1px #ddd; box-shadow:0px 5px 25px #f2f2f2; transition:all 0.5s ease; float:left; width:100%; height:auto; padding: 25px 15px; }
.nepricon{ float:left; width:100%; height:auto; text-align:center;}
.nepricon span{ height:102px; width:102px; text-align:center; display:inline-block; background:#fff; text-align:center; border-radius:50%;}
.nepricon span img{ height:85px; margin-top: 15px;}
.neprhead{ float:left; width:100%; height:auto; color:#fff; font-size:20px; font-weight:bold; height:auto; overflow:hidden; margin:20px 0px 10px 0px; text-align:center; }
.neprdis{ float:left; width:100%; height:auto; color:#eee; font-size:14px;height:45px; overflow:hidden; text-align:center; display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;}
.neprread{ float:left; width:100%; height:auto; text-align:center; color:#fff; margin-top: 10px; font-weight:bold;}
.neprread span{ color:#fff; text-decoration:none;}
.neprread span i{ font-size:12px;}

.hoin{ display:inline-block; transition:all 0.5s ease;}
.hooff{ display:none; transition:all 0.5s ease;}
.nepr:hover{ background:#fff; transition:all 0.5s ease;}
.nepr:hover .nepricon span{ background:#002581; transition:all 0.5s ease;}
.nepr:hover .neprhead{ color:#002581; transition:all 0.5s ease;}
.nepr:hover .neprdis{ color:#797979;  transition:all 0.5s ease;}
.nepr:hover .neprread span{color:#002581; transition:all 0.5s ease;}

.nepr:hover .hoin{ display:none; transition:all 0.5s ease;}
.nepr:hover .hooff{ display:inline-block; transition:all 0.5s ease;}


.tagis{ float:left; width:100%; height:auto; margin:10px 0px;}
.tagis strong{     display: block;
    font-size: 16px;
    color: #000;
    font-weight: normal;
    margin-right: 20px;}
.tagis strong i{     font-size: 12px; color: #002581; margin-right: 6px;}

.proboxi{ float:left; width:100%; height:auto; position:relative;transition:all 0.5s ease; }
.prohed { 
    font-size:40px; 
    font-weight:bold; 
    color:#0a6b37; 
    border-bottom: 4px solid #040c5d;
    display: inline-block;
}
.col-md-12.mb50 {
    text-align: center;
}
.proimg{ float:left; width:100%; height:auto; overflow:hidden;}
.proimg img{ width:100%;}
.prohead{ font-size: 19px;
    font-weight: bold;
    color: #000;
    background: #eee;
    position: absolute;
    width: 100%;
    bottom: 0%;
    left: 0;
    padding: 30px 10px;transition:all 0.5s ease;
    text-align: center;}
.proslid {
    float: none;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background: #eeeeeefa; transition:all 0.5s ease;
    height: 100%;
    padding-top: 40%;  opacity:0;
}
.proslid h3{ float:left; width:100%; height:auto; font-size:19px; font-weight:bold; color:#000;}
.proslid span{ height:auto; margin-top:15px; display:inline-block;}
.proslid span{ padding:8px 30px; border:solid 1px #fff; font-size:15px; text-transform:uppercase; background:#002581; color:#fff; text-decoration:none; transition:all 0.5s ease; }
.proboxi:hover .proslid span{ color:#000; background:none; border:solid 1px #000; transition:all 0.5s ease; }

.proboxi:hover .prohead{transition:all 0.5s ease; opacity:0;}
.proboxi:hover .proslid{transition:all 0.5s ease; opacity:5;}

.blue-button{ padding:8px 30px; font-size:14px; display:inline-block; border:solid 1px #f18d21; color:#fff;  text-decoration:none; background:#f18d21; border-radius:5px; transition:all 0.5s ease; cursor:pointer; }
.blue-button:hover{ border:solid 1px #002581; color:#002581;  background:#fff; transition:all 0.5s ease; text-decoration:none;}


.grey-button-dark{ padding:8px 30px; font-size:14px; background:#eee; display:inline-block; border:solid 1px #eee; color:#000; border-radius:5px;   text-decoration:none; transition:all 0.5s ease; }
.grey-button-dark:hover{ border:solid 1px #002581; color:#fff; background:#002581; transition:all 0.5s ease; text-decoration:none;}

.blue-button-dark{ padding:8px 30px; font-size:14px; display:inline-block; border:solid 1px #002581; color:#002581; border-radius:5px;   text-decoration:none; transition:all 0.5s ease; }
.blue-button-dark:hover{ border:solid 1px #002581; color:#fff; background:#002581; transition:all 0.5s ease; text-decoration:none;}
.motebut{ padding:15px 40px; font-size:16px; font-weight:bold;}
.parabg{ background:url(../img/patabg.webp) top center no-repeat; background-size:cover; background-attachment:fixed; padding:3rem 0px;}
.tabContainer {margin-top: 1.5rem;}
.paratab{ float:left; width:100%; height:auto;}

.abcont{ float:left; width:100%; height:auto;}
.abcont h3{ float:left; width:100%; height:auto; font-size:40px; font-weight:bold; color:#0a6b37; padding-bottom:20px; margin-bottom:30px; background:url(../img/borderbule.jpg) bottom left no-repeat;}
.abcont p{ float:left; width:100%; height:auto; font-size:18px; color:#000; font-weight:600;}
.abcont span{ float:left; width:100%; height:auto; margin-top:20px;}

.abcont{ float:left; width:100%; height:auto;}


.counteri{ float:left; width:100%; height:auto;}
.c-no{height:150px;}
.grey-bg{background:#ebebeb;}
.counter-Txt{text-align:left; font-size:34px; font-weight:bold; margin-top:0px; color:#002581;}
.counter-Txt span{display:block;font-size: 50px; color: #002581; display: inline-block;  vertical-align: middle;}
.counter-Txt p{ font-size: 18px;
    color: #000;
    margin-top: -10px;
    font-weight: 600;}
.counter-Txt small{ display: inline-block;
    font-size: 19px;
    font-weight: bold;}


.newsi{ float:left; width:100%; height:auto;}

.newsf{ float:left; width:100%; height:auto; margin: 0 0 10px;}
.newsfim{ float:left; width:100%; height:auto; float:left; width:100%; height:auto; overflow:hidden;border: solid 1px #f2f2f2;}
.newsfim img{ float:left; width:100%; height:auto; /*height: 200px;*/ transition:all 0.5s ease; max-height: 270px;  max-width: 100%;}
.newsfhead{ float:left; width:100%; height:auto; font-size:18px; font-weight:bold; color:#000; height:50px; overflow:hidden; margin: 15px 0px 10px 0px;}
.newsfte{ float:left; width:100%; height:auto; font-size:14px; color:#777; height:45px; overflow:hidden; display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;}
.newsfte a{color: #777; text-decoration: none;}
.newsf:hover .newsfim img{ transform: scale(1.1); transition:all 0.5s ease; }

.featu{ padding:50px 0px; background:#fff;}
.feapro{ float:left; width:100%; height:auto; text-align:center;}
.feati{ margin-top:100px;}
.fepri{ display: inline-block;
    width: 30%;
    margin: 20px 10px;}
.ferim{ float:left; width:100%; height:auto; overflow:hidden;}
.ferim img{ width:100%;}
.ferte{ float:left; width:100%; height:auto; font-size:18px; color:#000; font-weight:bold; text-align:center; margin-top:40px; text-transform:uppercase;}
.menuviewall{ float: left;  width: 100%;  text-align: right;  padding: 10px;}
.menuviewall a{display:inline-block; float:right; padding: 8px 30px;
    border: solid 1px #002581;
    font-size: 16px;
    color: #fff;
    background: #002581 !important;
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.5s ease;}
.menuviewall a:hover{ color:#fff;  background: #000 !important;}
.mapbg{ padding:12px 0px; height:auto; background:url(../img/mapbg.webp) top center repeat-x; background-size:cover; background-attachment:fixed;margin-top:0px; }

.hcari{ float:left; width:100%;    margin-top: 20%;}
.harica{ float:left; width:100%; margin-bottom:20px; font-size:18px; font-weight:600;}
.jontem h3{ font-size:22px;}
.hcarimg{ float:left; width:100%;}
.hcarimg img{     float: left;
    width: 100%;
    margin-top: 0px; margin-bottom: 0px;}
.scrollup{
font-size: 20px;color: #fff; background-color: #2196F3;
border: 1px solid #A2A2A2;
text-align: center;
width: 40px;
height: 40px;
position: fixed;
z-index: 1;
bottom: 40px;
right: 14px;
cursor: pointer;
border-radius: 50%;
padding-top: 2px;
transition: background-color 0.3s ease, transform 0.3s ease;
}
.scrollup:hover {background-color:#186eb2}
.scrollup .fa-angle-double-up:before {
    content: "\2191";
}

.ml10{ margin-left:10px }
.ml20{ margin-left:20px }
.ml30{ margin-left:30px }
.ml36{ margin-left:36px }
.ml40{ margin-left:40px }
.ml50{ margin-left:50px }
.ml60{ margin-left:60px }

.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt36{ margin-top:36px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}

.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb36{ margin-bottom:36px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}

.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt36{ padding-top:36px;}
.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}
.pt60{ padding-top:60px;}

.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}
.pb36{ padding-bottom:36px;}
.pb40{ padding-bottom:40px;}
.pb50{ padding-bottom:50px;}
.pb60{ padding-bottom:60px;}

.border{ border:solid 1px #ddd;}



.insigi{ padding:50px 0px; background:#fff; margin-top:0px;}
.insig{ float:left; width:100%; height:auto;}
.insigl{ float:left; width: 30%;}
.insigl img{ border:solid 1px #ddd; box-shadow:5px 5px 5px #f2f2f2;     width: 100%;}
.insigr{ display: inline-block;
    width: 64%;
    margin-left: 20px;}

.lpnes{ transition:all 0.5s ease;}
.lpnes:hover .insigl img{ transition:all 0.5s ease; transform:scale(1.1)}

.insigr h4{ float:left; width:100%; font-size:18px; font-weight:bold; color:#002581; height:45px; overflow:hidden;}
.insigr p{ float:left; width:100%; font-size:13px;  color:#000; height: 38px;
    overflow: hidden;
    margin-bottom: 15px; display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;}
.insigr span{ float:left; width:100%;}
.insigr span a{ color:#002581; font-size:13px; font-weight:bold; text-decoration:none;}
.insigr span a:hover{ color:#000;text-decoration:none;}

.footer{ background:#0a6b37; padding:50px 0px;}
.fothead{ float:left; width:100%; color:#fff;  font-size:20px; font-weight:bold; margin-bottom:30px;}
.fotlink{ float:left; width:100%; font-size:18px; color:#fff;}
.fotlink a{ float:left; width:100%; font-size: 18px;transition:all 0.5s ease;
    color: #fff;
    text-decoration: none;
    margin-bottom: 10px;}
.fotlink a:hover{ color:#3bc1ff;transition:all 0.5s ease; }
.fotnewsl{ float:left; width:100%; height:auto;}
.fotnewsl p{ float:left; width:100%; height:auto; font-size:14px; color:#fff; margin:0;}
.fotnewsl input{ float:left; width:100%; height:auto; background:#fff; border:none; height:40px; padding:10px;}
.fotnewsl input::placeholder{ font-size:13px;}
.fotnewsl button{ float:right; width:auto; background:#00164d;  color:#fff; border:none; padding:8px 20px; font-size:15px; margin-top:10px; cursor:pointer;transition:all 0.5s ease; }
.fotnewsl button:hover{ background:#3bc1ff; color:#fff;transition:all 0.5s ease; }
.homsoci{ float:left; width:100%; height:auto;transition:all 0.5s ease; }
.homsoci a{ display:inline-block; margin-right:20px; font-size:25px; color:#fff; text-decoration:none;transition:all 0.5s ease; }
.homsoci a:hover{color:#3bc1ff;transition:all 0.5s ease; }


.hoacor .accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;  font-size: 15px;
    margin-top: 7px;
}
.hoacor .accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067";      font-size: 15px;
    margin-top: 7px;
}


.acidte{ float:left; width:100%; height:auto; font-size:16px; color:#fff; margin:0;}
.acidte a{ color:#fff; text-decoration:none; transition:all 0.5s ease;}
.acidte a:hover{color:#3bc1ff;transition:all 0.5s ease; }

.hoacor .card{    background-color: transparent;}
.hoacor .card-header {
        padding: 10px 0px;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: solid 1px #3c5592;
    color: #fff;
        font-size: 19px;
   /* padding-top: 0;*/
}

.hoacor .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px 0px;
    border-bottom: solid 1px #ddd;float: left;
    width: 100%;
}
.card{ border:none;}
.copy{ background:#00164d; padding:15px 0px; text-align:center;}
.copyte{ float:left; width:100%; text-align:center; font-size:14px; color:#fff;}
.copyte a{color:#fff; text-decoration:none;transition:all 0.5s ease; }
.copyte a:hover{color:#3bc1ff;transition:all 0.5s ease; }
.copyte span{ border-left:solid 1px #ddd; padding-left:10px; margin-left:10px;}

.bradis{ background:#f2f2f2; padding:15px 0px; }
.inbreadcrum{ float:left; width:100%; color:#838383; font-size:14px; text-align:left; }
.inbreadcrum span{ padding:0px 10px; display:inline-block;}
.inbreadcrum strong{ color:#000;}
.inbreadcrum a{color:#838383; text-decoration:none; display:inline-block; }
.inbreadcrum a:hover{color:#002581; }
.inpagetopsapnce{ margin-top:75px;}
.inpagehead{ width:100%; float:left; height:auto; text-align:center; color:#002581; font-weight:bold; font-size:38px;}
.acord{ float:left; width:100%; height:auto; background:#fff; padding:10px;}
#myDIV{ overflow: auto; padding-right:0px; float:left; width:100%;}
#myDIV::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#myDIV::-webkit-scrollbar
{
	width:5px;
	background-color: #ddd;
}

#myDIV::-webkit-scrollbar-thumb
{
	background-color: #eee;
	border: 1px solid #eee;
}

/*--Sidebar start here---*/
.topnav {
	width: 100%;
	padding: 0px 0px 0px 0;
}

ul.topnav {
	padding: 0;
	margin: 0;
	font-size: 1em;
	line-height: 0.5em;
	list-style: none;
}

ul.topnav li {}

ul.topnav li a {
	line-height: 10px;
	font-size: 14px;
	padding: 18px 5px;
	color: #000;
	display: block;
	text-decoration: none; font-weight:bold;
}
ul.topnav li a img{ height:20px; margin-right:10px; float:left; margin-top: -5px;}
ul.topnav li a:hover {
 background:#f2f2f2;
	color:#000;
}

.aback a{ /*background:#f2f2f2;*/ color:#3bb6ec !important;}

ul.topnav ul {
	margin: 0;
	padding: 0;
	display: none;     border-bottom: solid 1px #ddd;
    padding-bottom: 15px;
}

ul.topnav ul li {
	margin: 0;
	padding: 0;
	clear: both;
}

ul.topnav ul li a {
	padding:10px 0px 10px 20px;
	font-size: 13px;
	font-weight: normal;
	outline:0;
}

ul.topnav ul li a:hover {
	background-color:#f2f2f2;
	color:#000;
}

ul.topnav ul ul li a {
	color:silver;
	padding-left: 40px;
}

ul.topnav ul ul li a:hover {
	background-color:#D3CEB8;
	color:#675C7C;
}

ul.topnav span{
	float:right; font-size:17px; color:#999;
}

/*--Sidebar end here---*/

.filterpro{ float: left;
    width: 100%;
    font-size: 18px;
    color: #002581;
    padding: 10px 0px;
    /*border-top: solid 1px #ddd;*/
    border-bottom: solid 1px #ddd;
    font-weight: bold;
    margin-bottom: 10px;}
.filterpro a{ display:block;}
.filterpro i{ float:right; font-size:18px; margin-top:5px;}
.prodis{ float:left; width:100%; height:auto;}
.prodis .col-md-4{    padding: 0px 5px; margin-bottom: 15px}
.bordibo{ border-bottom:solid 1px #ddd;}
.lightbluebg{ background:#f7fafb;}
.toptexii{ font-size:18px; color:#000; font-weight:bold; float:left; width:100%; text-align:center; padding:50px 0px;}
.whitetbluebg{ background:#fff;}

.clierangi{ background:#fff; border-bottom:solid 2px #2fb1eb; position:relative; float:left; width:100%; transition:all 0.5s ease;}
.clienflip{    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 0;
    text-align: center;
    background: #2fb1ebdb;
    padding:38% 15px 15px 15px;  transition:all 0.10s ease; opacity:0;}
.clienflip h4{ float:left; width:100%; font-size:16px; color:#fff; height:40px; overflow:hidden; margin:0; font-weight:500; transition:all 0.5s ease;}
.clienflip span { display:inline-block; padding:5px 25px; color:#000; font-size:15px; text-decoration:none; background: #fff; margin-top:10px; font-weight:500; transition:all 0.5s ease;}
.cliprdsd{ float:left; width:100%; background:#fff; transition:all 0.5s ease;}
.prodifs{ float:left; width:100%; transition:all 0.5s ease; text-align:center; height: 200px; overflow: hidden; padding: 20px;}
.prodifs img{ width:100%; transition:all 0.5s ease; max-height:244px; max-width:348px; width: auto;  transition: all 0.5s ease;  max-height: 185px;  max-width: 245px;   padding: 15px;}
.prodifte{float:left; width:100%; font-size:15px; color:#000; text-align:center; height: 85px; transition:all 0.5s ease;
    overflow: hidden;
    margin: 0;
    font-weight: bold;
    padding: 15px 15px 15px 15px; transition:all 0.5s ease;}


.clierangi:hover .clienflip{ display:block; transition:all 0.10s ease; opacity:2;}

.imgzooming{ float:left; width:100%; height:auto;border:solid 1px #ddd;     padding: 35px;}
.imgzooming img{width:100%; height:auto; }

.prodcconts{ float:left; width:100%; height:auto;}
.prodheadi{ float:left; width:100%; height:auto;}
.prodheadi h1{ float:left; width:100%; height:auto; color:#0a6b37; font-size:40px; font-weight:bold; background:url(../img/blueborder.jpg) bottom left no-repeat; padding-bottom:35px; margin-bottom:35px;}
.prodheadi h2{ float:left; width:100%; height:auto; color:#002581; font-size:40px; font-weight:bold; background:url(../img/blueborder.jpg) bottom left no-repeat; padding-bottom:35px; margin-bottom:35px;}
.prodisi{ float:left; width:100%; height:auto; color:#414141; font-size:14px; line-height:26px; margin-bottom:0px !important;}
.prodisi ul{ padding-left:15px;}
/* .prodisi li{ list-style-image:url(../img/licircle.png); margin-bottom:10px;} */
.prodisi li{ list-style-type: disc; margin-bottom:10px;     color: #000;}
.imgbutbi{ float:left; width:100%; height:auto; margin:15px 0px; text-align:center;}
.imgbutbi a{display: inline-block;
    width: 47%;
    text-align: center;
    padding: 20px 0px;
    font-weight: bold;
    margin-bottom: 10px;
    margin: 10px 5px 5px 5px;}

.proddisps{ background:#f1f1f1; }


.discpsion{ float:left; width:100%; height:auto;}
.discpsion h3{ float:left; width:100%; height:auto; font-size:22px; font-weight:bold; color:#002581; margin-bottom:10px;}
.discpsion h2{ float:left; width:100%; height:auto; font-size:22px; font-weight:bold; color:#002581; margin-bottom:10px;}
.discpsion p{ float:left; width:100%; height:auto; font-size:16px; color:#414141;}
.img-right{ float:right;     margin: 0px 0px 50px 50px; max-width:500px;}
.img-left{ float:left;     margin: 0px 50px 50px 0px; max-width:500px;}

.prodibg{ background:url(../img/prodibg.jpg) top center no-repeat; background-size:cover; background-attachment:fixed; padding: 3rem 0;}
		/* styles unrelated to zoom */

		/* these styles are for the demo, but are not required for the plugin */
		.zoom {
			display:inline-block;
			position: relative;
		}

		/* magnifying glass icon */
		.zoom:after {
			content:'';
			display:block;
			width:33px;
			height:33px;
			position:absolute;
			top:0;
			right:0;
			background:url(../zoom/icon.png);
		}

		.zoom img {
			display: block;
		}

		.zoom img::selection { background-color: transparent; }

		#ex2 img:hover { cursor: url(grab.html), default; }
		#ex2 img:active { cursor: url(grabbed.html), default; }
.contact {
    padding-bottom: 50px;
}
.contact .heading {
    margin-bottom: 50px;
}
.contact .heading h2 {
    font-size: 30px;
    font-weight: 700;
    color: #404356;
    margin: 0;
    margin-bottom: 15px;
}
.contact .heading h2 span {
    color: #7035cf;
    font-weight: 300;
}
.contact .heading p {
    font-size: 14px;
    font-weight: 400;
    color: #525f7f;
    line-height: 26px;
    margin: 0;
}
.contact .main {
    background: #ffffff;
    box-shadow: 1px 1px 20px 0 rgba(0,0,0,0.08);
}
.contact .main h3 {
    font-size: 20px;
    font-weight:bold;
    color: #000;
    margin: 0;
    margin-bottom: 20px;
}
.contact .form-control {
    padding: 25px;
    font-size: 13px;
    margin-bottom: 10px;
    background: #f8f8f9;
    border: 0;
    border-radius: 5px; outline:none;
}
.contact button.btn {
    padding: 10px;
    border-radius: 5px;
    font-size: 15px;
    background: linear-gradient(to right, rgba(114,96,206,1) 0%, rgb(38 173 235) 100%);
    color: #ffffff;
}

.contact .main .left {
    padding: 60px 60px;
}
.contact .main .right {
    background:#002581;
    background-size: cover;
    padding: 40px;
    color: #ffffff;
    height: 100%; float: left;
}
.contact .main .right h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px;
}
.contact .main .right .info {
    margin-bottom: 35px;
}
.contact .main .right .info i {
    font-size: 25px;
    color: #ffffff;
}
.contact .main .right .info span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 15px;
}
.contact .main .right a {
    text-decoration: none;
    color: #ffffff;
}
.contact .main .right a:hover {
    text-decoration: none;
    color: #3bc1ff;
}

.contact .main .right .social a {
    text-decoration: none;
    font-size: 30px;
    color: #ffffff;
    margin-right: 20px;
}

.careis-cover{float: left;
    width: 100%;
    height: auto;
    color: #414141;
    font-size: 16px;
    line-height: 26px;}
a { color: #002581;}

.carhedi{float: left;
    width: 100%;}
.carhedi h3{float: left;
    width: 100%;
    height: auto;
    font-size: 28px;
    font-weight: bold;
    color: #002581;
    padding-bottom: 20px;
    margin-bottom: 30px; text-align:left;
    /*background: url(../img/borderbule.jpg) bottom center no-repeat;*/}

.carebox {
    height: auto;
    border: dashed 1px #ddd;
    padding: 20px;
    position: relative;
    color: #999;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.carebox, strong {
    color: #000;
}
.carpo {
    float: left;
    width: 100%;
    height: auto;
    height: auto;
    font-size: 28px;
    color: #000;
    margin-bottom: 10px;
}
.cardisc {
    float: left;
    width: 100%;
    height: auto;
    margin: 10px 0px;
    line-height: 24px;
    color: #999;
}
.carappl {
    position: relative;
    bottom: 0;
    right: 0;
    float: right;
    width: 100%;
    text-align: right;
}
.applyfo {
    border: dotted 1px #ddd;
    padding: 40px 20px;
    background: #fff;
    box-shadow: 0px 5px 35px #eaeaea;
    border-radius: 10px;
    float: left;
    width: 100%;
}
.applyfo .form-control {
    height: 40px;
}

.bardtop{ float:left; width:100%; background:#f1f1f1;  padding-top:20px;     height: 100%; }
.aboutlink{ float:left; width:100%; height:auto;}
.aboutlink a{ float:left; width:100%; height:auto; color:#000; font-size:16px; text-decoration:none;   padding: 13px 20px 13px 20px;  font-weight: bold;}
.aboutlink a i{ float:right; font-size: 14px;  margin-top: 6px;}
.aboutlink a:hover{ color:#000; background:#fff; text-decoration:none;}
.aboutlink .active{ background:#f18d21; color:#fff;}
.leftis{ order:2;}
.aboutsec{ float:left; width:100%; font-size:15px; color:#464646;}
.aboutsec h1{
    height: auto;
    font-size: 28px;
    font-weight: bold;
    color: #0a6b37;
    padding-bottom: 20px;
    margin-bottom: 30px;
    background: url(../img/borderbule.jpg) bottom left no-repeat;}
.aboutsec p { font-size:15px; color:#464646; line-height:24px; text-align:justify;}
.aboutsec ul li { font-size:15px; color:#464646; line-height:28px; text-align:justify;}
.aboutsec ul{    margin-left: -15px;}
.aboutsec h4{ color:#000; font-weight:bold; margin-bottom:30px;}

.bggrey{ background:#f1f1f1; padding:30px;}
.bggrey-dark{ background:#ddd; padding:30px;}
.bggrey-trnas{background:#fff; border:solid 1px #ddd; padding:30px;}

.latisf{ float:left; width:100%; height:auto;}
.latisf h1{height: auto;
    font-size: 28px;
    font-weight: bold;
    color: #002581;
    padding-bottom: 20px;
    margin-bottom: 30px;
    background: url(../img/borderbule.jpg) bottom left no-repeat;}

/*.latinip{ float:left; width:100%; margin-bottom:30px;}
.latinipimg{ float:left; width:200px; height:200px; overflow:hidden; border:solid 1px #ddd;}
.latinipimg img{ height:100px;}
.lisirigh{ float:right; width:70%;}
.latinipte{ float:left; width:100%;}
.latinipdi{ float:left; width:100%;}
.latinipte{ float:left; width:100%;}*/

.lpnes{ margin-bottom:50px; margin-bottom: 50px;  border-bottom: solid 3px #002581;  padding-bottom: 10px;}

.newsinner{ float:left; width:100%; height:auto; font-size:15px; line-height:24px; text-align: justify;color:#464646;}
.newsinner img{ float:right; width:auto; max-width:100%; height:auto;}
.newsinner p{height:auto; font-size:15px; line-height:24px; text-align: justify; color:#464646;}
.newsinner li{height:auto; font-size:15px; line-height:28px; text-align: justify; color:#464646;}

.spoffser{ float:left; width:100%; height:auto; border: solid 1px #ddd; transition:all 0.5s ease; margin-bottom: 30px;
   padding: 30px 20px;
    border-left: solid;
    box-shadow: 5px 5px 5px #fff;}
.spoffser h4{float: left;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    color: #002581;
    height: 45px;
    overflow: hidden;}
.spoffser span{float: left;
    width: 100%;
    font-size: 13px;
    font-weight: bold;
    color: #464646;}
.spoffser:hover{box-shadow: 5px 5px 5px #dcdcdc;transition:all 0.5s ease;}
.carousel-indicators li { background-color: rgb(0 37 129);}
.carousel-indicators .active { background-color: #2fb1eb;}

.searchi{ float:left; width:100%; height:auto; margin-bottom:30px; border-bottom:solid 2px #0f2581; box-shadow: 5px 5px 15px #fff;
    padding: 20px;transition:all 0.5s ease; }

.sinsigr{ display: inline-block;
    width:100%;
    margin-left: 0px;}

.searchi:hover{ transition:all 0.5s ease; box-shadow: 5px 5px 15px #eae8e8;}

.sinsigr h4{ float:left; width:100%; font-size:24px; font-weight:bold; color:#002581; height:auto;}
.sinsigr p{ float:left; width:100%; font-size:16px;  color:#000; height: auto;
    overflow: hidden;
    margin-bottom: 15px;}
.sinsigr span{ float:left; width:100%; text-align:right; font-weight:bold;}
.sinsigr span{ color:#002581; font-size:15px; font-weight:bold; text-decoration:none;}
.sinsigr span:hover{ color:#000;text-decoration:none;}






.aneform{ float:left; width:100%;}
.aneform label{}

.coli{ float:left; width:100%; height:auto; border:solid 1px #ddd; padding:10px; font-size:15px; margin-bottom: 50px; text-transform: capitalize;     padding-bottom: 25px;}
.coli-head{    float: none;
    width: auto;
    padding: 7px 25px;
    display: inline-block;
    margin-top: -30px;
    background: #f5f5f5; font-size:14px;
    
    margin-bottom: 10px;
    font-weight: bold;}
	
.btndown{ padding:8px 20px; background:#0099CC; color:#fff; display:inline-block; border-radius:3px; text-decoration:none; border:none;}
.btndown:hover{background:#000; text-decoration:none; color:#fff; border:none;}	



.fresh{ float:left; width:100%; background:#0099CC; text-align: center;  padding: 20px; border-radius: 7px;}
.fresh img{ height:100px; border: solid 2px #fff; border-radius: 58%;  padding: 18px;}
.fresh p{ color:#fff; font-size:16px; text-decoration:none;  float:left; width:100%; margin-top:10px; text-align:center;}

.expe{ float:left; width:100%; background:#ff8100; text-align:center;text-align: center;  padding: 20px; border-radius: 7px;}
.expe img{ height:100px; border: solid 2px #fff; border-radius: 58%; padding: 18px;}
.expe p{ color:#fff; font-size:16px; text-decoration:none; float:left; width:100%; margin-top:10px; text-align:center; }

.midcen{ display:inline-block; float:none;}

.expe:hover{ background:#111;}
.fresh:hover{ background:#111;}


.aneform{ float:left; width:100%;}
.aneform label{}

.coli{ float:left; width:100%; height:auto; border:solid 1px #ddd; padding:10px; font-size:15px; margin-bottom: 50px; text-transform: capitalize;     padding-bottom: 25px;}
.coli-head{    float: none;
    width: auto;
    padding: 7px 25px;
    display: inline-block;
    margin-top: -30px;
    background: #f5f5f5; font-size:14px;
    
    margin-bottom: 10px;
    font-weight: bold;}
	
.btndown{ padding:8px 20px; background:#0099CC; color:#fff; display:inline-block; border-radius:3px; text-decoration:none; border:none;}
.btndown:hover{background:#000; text-decoration:none; color:#fff; border:none;}	

.alagclass{color: #0f98d5 !important;}


.fresh{ float:left; width:100%; background:#0099CC; text-align: center;  padding: 20px; border-radius: 7px;}
.fresh img{ height:100px; border: solid 2px #fff; border-radius: 58%;  padding: 18px;}
.fresh p{ color:#fff; font-size:16px; text-decoration:none;  float:left; width:100%; margin-top:10px; text-align:center;}

.expe{ float:left; width:100%; background:#ff8100; text-align:center;text-align: center;  padding: 20px; border-radius: 7px;}
.expe img{ height:100px; border: solid 2px #fff; border-radius: 58%; padding: 18px;}
.expe p{ color:#fff; font-size:16px; text-decoration:none; float:left; width:100%; margin-top:10px; text-align:center; }
.search-box .search-addon {
    padding: 10px 19px;
    float: left;
    color: #222;
    background-color: transparent;
    border: none;
}
.midcen{ display:inline-block; float:none;}

.expe:hover{ background:#111;}
.fresh:hover{ background:#111;}

.annexturrow .row{margin-right: 0; margin-left: 0;}


.successfully-added {
    width: 500px; padding: 20px; text-align: center;
    position: fixed;
    left: 36%;
    top: 40%;
    background: #2fb1ec;
    color: #fff;
    z-index: 10;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 14px -2px rgb(0 0 0 / 34%);
    -moz-box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.34);
    box-shadow: 0px 0px 14px -2px rgb(0 0 0 / 34%);
}



.csrbac{ background:url(../img/schedule-bg.html) top left no-repeat;}
.csroveim{ float:left; width:100%; height:auto; position:relative;}
.csroveim img{ width:95%; 
            border-radius:100px 0;}
.csrovete{ float:left; width:100%; height:auto;}
.csrovete h2{     font-size: 32px; width:100%; font-weight:700; margin-bottom:25px;
    color: #002581;}

.newsdevlpil {
    padding: 0px 15px;
}
.rsidy {
    float: right;
    width: 100%;
    max-width: 550px;
    width: 100%;
    margin: 10px 0px 20px 50px;
}
.rsidy img {
    border: solid 1px #ddd;     width: 100%;
}

.lsidy img {
    border: solid 1px #ddd;     width: 100%;
}

.newsdevlpil b {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
    display: block;
    margin-top: 10px;
    color: #002581;
}
.newsdevlpil p {
    font-size: 15px;
    text-align: justify;
    line-height: 24px;
    color: #464646;
    padding: 0 !important;
    display: block;     display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fulldetailsw p{    display: inline;    
    overflow:visible !important;
    text-overflow;}

.seciend {
    border-bottom: solid 1px #ddd;
    padding-bottom: 40px;
    margin-top: 40px;
}
.lsidy {
    float: left;
    width: 100%;
    max-width: 550px;
    border: solid 1px #ddd;
    margin: 10px 50px 20px 0px;
}


.csrconte{ max-width:1300px;}

.csrdocu{float: left;
    width: 100%;
    height: auto;
    padding: 15px;
    background: #fff;
    border-radius: 0;
    box-shadow: 0px -10px 15px #e5e2e2;
    transition: all 0.5s ease;
    margin-bottom: 17px;
    border-left: solid 4px #002581;}
.csrdocu:hover{ background:#f1f1f1;transition:all 0.5s ease;}	
.csrdocu span{ float:left; width:90%; font-size:16px; font-weight:700; color:#464646;}
.csrdocu i{ color:#002581; font-size:20px; float:right;}


.side-bar{
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(15px);
  width: 290px;
  height: 100vh;
  position: fixed;
  top: 0;
  left: -100%;
  overflow-y: auto;
  transition: 0.6s ease;
  transition-property: left;
}

.side-bar {
    background: #fff; border-top: solid 1px #ddd;
    backdrop-filter: blur(15px);
    width: 100%;
    height: 90vh;
    position: fixed;
    top: 60px;
    overflow-y: auto;
    transition: 0.6s ease;
    transition-property: left;
}

.side-bar .close-btn{margin: 15px;}
.side-bar.active{
  left: 0;
}

.side-bar .menu{
  width: 100%;
  margin-top: 50px;
}

.side-bar .menu .item{
  position: relative;
  cursor: pointer;
}

.side-bar .menu .item a{
  color: #000;
  font-size: 16px;
  text-decoration: none;
  display: block;
  padding: 5px 30px;
  line-height: 35px; text-align:left; border-bottom: solid 1px #ddd;
}

.side-bar .menu .item a:hover{
  background: #04b5eb;
  transition: 0.3s ease; color: #fff !important;
}

.side-bar .menu .item i{
  margin-right: 15px;
}

.side-bar .menu .item a .dropdown{
  position: absolute;
  right: 20px;
  margin: 10px;
  transition: 0.3s ease;
}

.side-bar .menu .item .sub-menu{
  background: rgba(255, 255, 255, 0.1);
  display: none;
}

.side-bar .menu .item .sub-menu a{
  padding-left:40px; color: #8f8f8f;
    font-size: 14px;
}

.rotate{
  transform: rotate(90deg);
}

.close-btn{
  position: absolute;
  color: #000;
  font-size: 20px;
  right: 0;
  margin: 25px;
  cursor: pointer;
}

.menu-btn{
  position: absolute;
  color: #fff;
  font-size: 20px;
  margin: 15px;
  cursor: pointer;
}


.carousel-indicators {
    z-index: 8 !important;}
@media (max-width: 900px){
  .main h1{
    font-size: 40px;
    line-height: 60px;
  }
}











@media(max-width:1000px) and (min-width:700px){
body{overflow-x:hidden;}
.container {
    max-width: 100%;
}
.desk{ display:block  !important;}
.deskp{ display:block;}
.mobi{ display:none  !important; }

.newmenu-desk{ display:none !important;}
.newmenu-mobi{ display:block;}

.newsfim { text-align: center;}
.slidte {
    float: left;
    width: 100%;
    height: auto;
    max-width: 100%;
    text-align: center;
    position: absolute;
    right: inherit;
    bottom: inherit;
    left: inherit;
    background: #ffffffd1;
    top: 0;
    height: 100%; padding-top: 38%;padding: 11% 30px 0px 70px;
    text-align: left;
}

.slidte span a {font-size: 13px;}
.slidte h3 {
    font-size: 24px;
    padding: 0px 0px;
}
	.slidte span {
    float: left;
    width: 100%;
    margin-top: 12px;
}
.logi img {
    height: 40px;
    margin-top: 10px;
}
.topmenu {
    padding-top: 0;
}
.mResTabAccordA {
    display: inline-block;
    text-decoration: none;
    padding: 15px 0px !important;}
.c-no{height:100%;}
.counter-Txt{margin-top:0px;}
.margin-bot-35{margin-bottom:35px;}
.fepri {
    display: inline-block;
    width: 90%;
    margin: 20px 0px;
}
ul.topnav li a {
    line-height: 10px;
    font-size: 14px;
    padding: 18px 5px;
    color: #000;
    display: block;
    text-decoration: none;
    font-weight: normal;
    line-height: 20px;
}
.discpsion h3 {
    float: left;
    width: 100%;
    height: auto;
    font-size: 25px;
    font-weight: bold;
    color: #002581;
    margin-bottom: 20px;
}
.feati {
    margin-top: 0;
    margin-bottom: 0px;
}
.hcarimg img {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.mapbg{ margin-top:0px; height:auto;}
.prohed{ font-size:28px;}
.abcont h3 {font-size: 23px;}
.abcont p {font-size: 16px;}
.insig {margin-top: 30px;}
.insigl {
    float: left;
    width: 28%;
}
.insigr p{ margin-bottom:0;}
.fotlink {margin-bottom: 50px;}
.fothead {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 21px;
    text-decoration: none;
    margin-bottom: 10px;
    font-weight: bold;
}
.homsoci { margin-bottom: 50px;}
.hcari { margin-top: 10%;}
.slider { margin-top: 55px;}
.tabContainer .tabContent.mTabActive {
    opacity: 1;
    display: block;
    margin-top: 50px;
    border-bottom: solid 1px #4e4e4e;
    margin-bottom: 20px;
}
.logis {
    border: solid 1px #002581 !important;}
	.sina-nav .extension-nav {
    float: right;
    margin-left: 20px;
    margin-top: 0 !important;
}
.mResTabAccordA { margin: 0px 20px !important;}
.chaiya img{ width:20px;}
.mega-menu-col{ width:inherit !important;}
.inpagetopsapnce {margin-top: 60px;}
#myDIV {
    float: left;
    width: 100%;
    height: auto;
    overflow: auto;
    max-height:inherit;
    padding-right: 5px;
}
.inpagehead { font-size: 28px; line-height:30px;}
.imgbutbi a{display: inline-block;
    width: 47%;
    text-align: center;
    padding: 20px 5px;
    font-weight: bold;
    margin: 5px 5px 5px 5px;
    height: 80px;
    float: left;}
ul.topnav li a img {
    height: 20px;
    margin-right: 10px;
    float: left;
    margin-top: 5px;
}
	.inbreadcrum { text-align: center;}
.prodheadi h1 { font-size:28px;}
.img-right {
    float: left;
    margin: 0px 0px 30px 0px;
    width: 100%;
}

.img-left {
    float: left;
    margin: 0px 30px 30px 0px;
    width: 100%;
}
.contact .main .left {
    padding: 10px 10px; margin-top: 50px;
}
.sidemargin {
    margin: 0 auto;
    width: 100%;
}
.leftis{ order: 2;}
.bardtop {
    float: left;
    width: 100%;
    background: #f1f1f1;
    padding: 20px 0px 20px 0px;
    height: auto;
    margin-top: 0px;
    margin-bottom: 50px;
}
.lpnes{ margin-bottom:20px;}
.latisf h1 {
    height: auto;
    font-size: 24px;}
	.mobspaci{ margin-top:0px;}
.newsinner img {
    float: left;
    width: 100%;}
.wordbra{ word-break: break-word;}
.neprhead {     height: 45px; font-size: 18px;     margin: 10px 0px 0px 0px;
    line-height: 22px;}
.nepr{padding: 15px 15px;}
.parabg{padding: 40px 0px;}
.neprdis{ display:none;}
.neprread{ display:none;}
.nepricon span {
    height: 82px;
    width: 82px;}
.nepricon span img {
    height: 65px;
    margin-top: 11px;
}
.prohead {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    background: #eee;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 5px 5px 5px 5px;
    transition: all 0.5s ease;
    text-align: center;
    height: 55px;
}
.proslid {
    float: none;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background: #eeeeeefa;
    transition: all 0.5s ease;
    height: 100%;
    padding-top: 20%;
    opacity: 0;
}

.proslid span {
    padding: 5px 20px;
    border: solid 1px #fff;
    font-size: 14px;}
.proslid h3 {
    float: left;
    width: 100%;
    height: auto;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}
.newsfim img {
    float: none;
    width: auto;
    height: auto;
    /* height: 200px; */
    transition: all 0.5s ease;
    max-height: 205px;
    max-width: 288px;
}
.prodifs img {
    width: 100%;
    transition: all 0.5s ease;
    max-height: 244px;
    max-width: 348px;
    width: 100%;
    transition: all 0.5s ease;
    max-height: inherit;
    max-width: inherit;
    padding: 15px;
}
.menuviewall{    float: left;
    width: 100%;
    text-align: left;
    padding: 10px;
    margin-bottom: 30px;
}

.menuviewall a{ float:left; }
.imgzooming {
    float: left;
    width: 100%;
    height: auto;
    border: solid 1px #ddd;
    padding: 15px;
}
.sina-nav ul { margin-top: 0 !important;}
.eventnone{pointer-events: none;}
.prodifs {
    float: left;
    width: 100%;
    transition: all 0.5s ease;
    text-align: center;
    height: auto;
    overflow: hidden;
    padding: 20px; height: 170px;
}
.prodifs img {
    width: 100%;
    transition: all 0.5s ease;
    max-height: 244px;
    max-width: 348px;
    width: 100%;
    transition: all 0.5s ease;
    max-height: inherit;
    max-width: inherit;
    padding: 15px;
    max-width: 250px;
    max-height: 250px;
}
}












@media(max-width:700px) and (min-width:500px){
body{overflow-x:hidden;}
.desk{ display:none  !important;}
.deskp{ display:none;}
.mobi{ display:block  !important; }
.newmenu-desk{ display:none !important;}
.newmenu-mobi{ display:block;}
.newsfim { text-align: center;}
.slidte {
    float: left;
    width: 100%;
    height: auto;
    max-width: 100%;
    text-align: center;
    position: absolute;
    right: inherit;
    bottom: inherit;
    left: inherit;
    background: #ffffffd1;
    top: 0;
    height: 100%; padding-top: 38%;padding: 38% 30px 0px 30px;
    text-align: left;
}

.slidte span a {font-size: 13px;}
.slidte h3 {
    font-size: 24px;
    padding: 0px 0px;
}
	.slidte span {
    float: left;
    width: 100%;
    margin-top: 12px;
}
.logi img {
    height: 40px;
    margin-top: 10px;
}
.topmenu {
    padding-top: 0;
}
.mResTabAccordA {
    display: inline-block;
    text-decoration: none;
    padding: 15px 0px !important;}
.c-no{height:100%;}
.counter-Txt{margin-top:35px;}
.margin-bot-35{margin-bottom:35px;}
.fepri {
    display: inline-block;
    width: 90%;
    margin: 20px 0px;
}
.feati {
    margin-top: 0;
    margin-bottom: 0px;
}
.hcarimg img {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.mapbg{ margin-top:0px; height:auto;}
.prohed{ font-size:28px;}
.abcont h3 {font-size: 23px;}
.abcont p {font-size: 16px;}
.insig {margin-top: 30px;}
.insigl {
    float: left;
    width: 28%;
}
.insigr p{ margin-bottom:0;}
.fotlink {margin-bottom: 50px;}
.fothead {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 21px;
    text-decoration: none;
    margin-bottom: 10px;
    font-weight: bold;
}
.homsoci { margin-bottom: 50px;}
.hcari { margin-top: 10%;}
.slider { margin-top: 55px;}
.tabContainer .tabContent.mTabActive {
    opacity: 1;
    display: block;
    margin-top: 50px;
    border-bottom: solid 1px #4e4e4e;
    margin-bottom: 20px;
}
.logis {
    border: solid 1px #002581 !important;}
	.sina-nav .extension-nav {
    float: right;
    margin-left: 20px;
    margin-top: 0 !important;
}
.mResTabAccordA { margin: 0px 0px !important;}
.chaiya img{ width:20px;}
.mega-menu-col{ width:inherit !important;}
.inpagetopsapnce {margin-top: 60px;}
#myDIV {
    float: left;
    width: 100%;
    height: auto;
    overflow: auto;
    max-height: 280px;
    padding-right: 15px;
}
.inpagehead { font-size: 28px; line-height:30px;}
.imgbutbi a{display: inline-block;
    width: 100%;
    text-align: center;
    padding: 20px 0px;
    font-weight: bold;
    margin: 5px 0px 5px 0px;}
	.inbreadcrum { text-align: center;}
.prodheadi h1 { font-size:28px;}
.img-right {
    float: left;
    margin: 0px 0px 30px 0px;
    width: 100%;
}

.img-left {
    float: left;
    margin: 0px 0px 30px 0px;
    width: 100%;
}
.contact .main .left {
    padding: 10px 10px; margin-top: 50px;
}
.leftis{ order: inherit;}
.bardtop {
    float: left;
    width: 100%;
    background: #f1f1f1;
    padding: 20px 0px 20px 0px;
    height: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}
.lpnes{ margin-bottom:20px;}
.latisf h1 {
    height: auto;
    font-size: 24px;}
	.mobspaci{ margin-top:0px;}
.newsinner img {
    float: left;
    width: 100%;}
.wordbra{ word-break: break-word;}
.neprhead {     height: 45px; font-size: 18px;     margin: 10px 0px 0px 0px;
    line-height: 22px;}
.nepr{padding: 15px 15px;}
.parabg{padding: 40px 0px;}
.neprdis{ display:none;}
.neprread{ display:none;}
.nepricon span {
    height: 82px;
    width: 82px;}
.nepricon span img {
    height: 65px;
    margin-top: 11px;
}
.prohead {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    background: #eee;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 5px 5px 5px 5px;
    transition: all 0.5s ease;
    text-align: center;
    height: 55px;
}
.proslid {
    float: none;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background: #eeeeeefa;
    transition: all 0.5s ease;
    height: 100%;
    padding-top: 20%;
    opacity: 0;
}

.proslid span {
    padding: 5px 20px;
    border: solid 1px #fff;
    font-size: 14px;}
.proslid h3 {
    float: left;
    width: 100%;
    height: auto;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}
.newsfim img {
    float: none;
    width: auto;
    height: auto;
    /* height: 200px; */
    transition: all 0.5s ease;
    max-height: 205px;
    max-width: 288px;
}
.prodifs img {
    width: 100%;
    transition: all 0.5s ease;
    max-height: 244px;
    max-width: 348px;
    width: 100%;
    transition: all 0.5s ease;
    max-height: inherit;
    max-width: inherit;
    padding: 15px;
}
.menuviewall{    float: left;
    width: 100%;
    text-align: left;
    padding: 10px;
    margin-bottom: 30px;
}

.menuviewall a{ float:left; }
.imgzooming {
    float: left;
    width: 100%;
    height: auto;
    border: solid 1px #ddd;
    padding: 15px;
}
.sina-nav ul { margin-top: 0 !important;}
.eventnone{pointer-events: none;}
.prodifs {
    float: left;
    width: 100%;
    transition: all 0.5s ease;
    text-align: center;
    height: auto;
    overflow: hidden;
    padding: 20px;
}
.prodifs img {
    width: 100%;
    transition: all 0.5s ease;
    max-height: 244px;
    max-width: 348px;
    width: 100%;
    transition: all 0.5s ease;
    max-height: inherit;
    max-width: inherit;
    padding: 15px;
    max-width: 250px;
    max-height: 250px;
}
}








@media(max-width:500px) and (min-width:50px){
body{overflow-x:hidden;}
.desk{ display:none  !important;}
.deskp{ display:none;}
.mobi{ display:block  !important; }
.newmenu-desk{ display:none !important;}
.newmenu-mobi{ display:block;}
.slidte {
    float: left;
    width: 100%;
    height: auto;
    max-width: 500px;
    text-align: center;
    position: absolute;
    right: inherit;
    bottom: inherit;
    left: inherit;
    top: 0;
    height: 100%; padding-top: 38%;padding: 38% 30px 0px 30px;
    text-align: left;
}

.slidte span a {font-size: 13px;}
.slidte h3 {
    font-size: 24px;
    padding: 0px 0px;
}
	.slidte span {
    float: left;
    width: 100%;
    margin-top: 12px;
}
.logi img {
    height: 40px;
    margin-top: 10px;
}
.topmenu {
    padding-top: 0;
}
.mResTabAccordA {
    display: inline-block;
    text-decoration: none;
    padding: 15px 0px !important;}
.c-no{height:100%;}
.counter-Txt{margin-top:35px;}
.margin-bot-35{margin-bottom:35px;}
.fepri {
    display: inline-block;
    width: 90%;
    margin: 20px 0px;
}
.feati {
    margin-top: 0;
    margin-bottom: 0px;
}
.hcarimg img {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.mapbg{ margin-top:0px; height:auto;}
.prohed{font-size: 24px;
  border-bottom: 3px solid;}
.abcont h3 {font-size: 23px;}
.abcont p {font-size: 16px;}
.insig {margin-top: 30px;}
.insigl {
    float: left;
    width: 28%;
}
.insigr p{ margin-bottom:0;}
.fotlink {margin-bottom: 50px;}
.fothead {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 21px;
    text-decoration: none;
    margin-bottom: 10px;
    font-weight: bold;
}
.homsoci { margin-bottom: 50px;}
.hcari { margin-top: 10%;}
.slider { margin-top: 0;}
.tabContainer .tabContent.mTabActive {
    opacity: 1;
    display: block;
    margin-top: 50px;
    border-bottom: solid 1px #4e4e4e;
    margin-bottom: 20px;
    padding:0;
}
.logis {
    border: solid 1px #002581 !important;}
	.sina-nav .extension-nav {
    float: right;
    margin-left: 20px;
    margin-top: 0 !important;
}
.mResTabAccordA { margin: 0px 0px !important;}
.chaiya img{ width:20px;}
.mega-menu-col{ width:inherit !important;}
.inpagetopsapnce {margin-top: 0;}
#myDIV {
    float: left;
    width: 100%;
    height: auto;
    overflow: auto;
    max-height: 280px;
    padding-right: 15px;
}
.inpagehead { font-size: 28px; line-height:30px;}
.imgbutbi a{display: inline-block;
    width: 100%;
    text-align: center;
    padding: 20px 0px;
    font-weight: bold;
    margin: 5px 0px 5px 0px;}
	.inbreadcrum { text-align: center;}
.prodheadi h1 { font-size:28px;}
.img-right {
    float: left;
    margin: 0px 0px 30px 0px;
    width: 100%;
}

.img-left {
    float: left;
    margin: 0px 0px 30px 0px;
    width: 100%;
}
.contact .main .left {
    padding: 10px 10px; margin-top: 50px;
}
.leftis{ order: inherit;}
.bardtop {
    float: left;
    width: 100%;
    background: #f1f1f1;
    padding: 20px 0px 20px 0px;
    height: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}
.lpnes{ margin-bottom:20px;}
.latisf h1 {
    height: auto;
    font-size: 24px;}
	.mobspaci{ margin-top:0px;}
.newsinner img {
    float: left;
    width: 100%;}
.wordbra{ word-break: break-word;}
.neprhead {     height: 45px; font-size: 18px;     margin: 10px 0px 0px 0px;
    line-height: 22px;}
.nepr{padding: 15px 15px;}
.parabg{padding: 40px 0px;}
.neprdis{ display:none;}
.neprread{ display:none;}
.nepricon span {
    height: 82px;
    width: 82px;}
.nepricon span img {
    height: 65px;
    margin-top: 11px;
}
.prohead {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    background: #eee;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 5px 5px 5px 5px;
    transition: all 0.5s ease;
    text-align: center;
    height: 55px;
}
.proslid {
    float: none;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background: #eeeeeefa;
    transition: all 0.5s ease;
    height: 100%;
    padding-top: 20%;
    opacity: 0;
}

.proslid span {
    padding: 5px 20px;
    border: solid 1px #fff;
    font-size: 14px;}
.proslid h3 {
    float: left;
    width: 100%;
    height: auto;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}
.newsfim img {
    float: none;
    width: 100%;
    height: auto;
    /* height: 200px; */
    transition: all 0.5s ease;
    max-height: 205px;
    max-width: 288px;
}
.prodifs img {
    width: 100%;
    transition: all 0.5s ease;
    max-height: 244px;
    max-width: 348px;
    width: 100%;
    transition: all 0.5s ease;
    max-height: inherit;
    max-width: inherit;
    padding: 15px;
}
.menuviewall{    float: left;
    width: 100%;
    text-align: left;
    padding: 10px;
    margin-bottom: 30px;
}

.menuviewall a{ float:left; }
.imgzooming {
    float: left;
    width: 100%;
    height: auto;
    border: solid 1px #ddd;
    padding: 15px;
}
.sina-nav ul { margin-top: 0 !important;}
.eventnone{pointer-events: none;}
.prodifs {
    float: left;
    width: 100%;
    transition: all 0.5s ease;
    text-align: center;
    height: auto;
    overflow: hidden;
    padding: 20px;
}
.prodifs img {
    width: 100%;
    transition: all 0.5s ease;
    max-height: 244px;
    max-width: 348px;
    width: 100%;
    transition: all 0.5s ease;
    max-height: inherit;
    max-width: inherit;
    padding: 15px;
    max-width: 250px;
    max-height: 250px;
}
.searchi {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    border-bottom: solid 2px #0f2581;
    box-shadow: 5px 5px 15px #fff;
    padding: 0;
    transition: all 0.5s ease;
}
.fotnewsl { margin-top: -10px;}
.successfully-added {
    width: 92%; padding: 20px;
    position: fixed;
    left: 0%; text-align: center; margin:0px 5%;
    top: 40%;
    background: #2fb1ec;
    color: #fff;
    z-index: 9;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 14px -2px rgb(0 0 0 / 34%);
    -moz-box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.34);
    box-shadow: 0px 0px 14px -2px rgb(0 0 0 / 34%);
}
/*.discpsion p { word-break: break-all;}*/
.discpsion ul,ol{ float:left; width:100%;}
.counter-Txt small {
    display: inline-block;
    font-size: 19px;
    font-weight: bold;
    width: 100%;
    margin-top: -10px;
    float: left;
}
.logi img { margin-left: 15px;}
}
/*Company Facts Read more button*/
p.aboutus-readmore {
    text-align: right;
    margin-right: 20px;
    font-weight: bold;
    position: relative;
    top: 45px;
}
#tab1 > h3, #tab2 > h3, #tab3 > h3 {font-size: 20px;}
.aboutus-readmore > a.read-more-link {
    color: #fff;
    text-decoration: none;
}
/*Whatsapp & call section*/
.sidemargin .row .col-md-4.text-center > p.quote-text { color: #fff;margin: 2.25rem 0; }
.sidemargin .row .col-md-6.text-center > p.quote-text { color: #fff;margin: 2.25rem 0; }
.sidemargin .row .col-md-1.text-center a img { width: 50px }

p.quote-text.call-to-action-1 {
    font-style: italic;
}