@charset "utf-8";
/* CSS Document */
body,html{ padding:0; margin:0 auto; background:#fff; width:100%; height:100%;}
header{ border-top:0px solid #e80026; border-bottom:5px solid #f48533; box-shadow:2px 2px 5px rgba(0,0,0,0.5); position:fixed; top:0; width:100%; background:#fff; height:70px;  z-index:1000;}

/* HTML: <div class="loader"></div> */
.spinner {
  width: 50px;
  aspect-ratio: 1;
  transform: translate(-100%,100%);
  animation: l14 2s infinite; 
}
@keyframes l14 {
  0%{
   box-shadow: 
    50px -50px #B5AC01,
    50px -50px #ECBA09,
    50px -50px #0000,
    50px -50px #0000,
    50px -50px #0000}
  25%{
   box-shadow: 
    100px -50px #0000,
    50px  -50px #ECBA09,
    50px  -50px #E86E1C,
    50px  -50px #0000,
    50px  -50px #0000}
  50%{
   box-shadow: 
    100px -50px  #0000,
    50px  -100px #0000,
    50px  -50px  #E86E1C,
    50px  -50px  #D41E45,
    50px  -50px  #0000}
  75%{
   box-shadow: 
    100px -50px  #0000,
    50px  -100px #0000,
     0px  -50px  #0000,
    50px  -50px  #D41E45,
    50px  -50px  #B5AC01}
  100%{
   box-shadow: 
    100px -50px  #0000,
    50px  -100px #0000,
     0px  -50px  #0000,
    50px    0px  #0000,
    50px  -50px  #B5AC01}
}


#loader {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: white;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    .lod {
      width: 50px;
      height: 50px;
      border: 5px solid #ccc;
      border-top-color: #007bff;
      border-radius: 50%;
      animation: spin 1s linear infinite;
    }

    @keyframes spin {
      to { transform: rotate(360deg); }
    }

    /* Hide loader after page is loaded */
    body.loaded #loader {
      display: none;
    }


::-webkit-scrollbar-track{ width:5px; background-color:#fff;}
::-webkit-scrollbar{ width:4px; height:3px; border-radius:5px; background-color:#000;}
::-webkit-scrollbar-thumb{width:3px; border-radius:5px; background-color:#f48533;}

footer{ background:#e80026; height:40px; width:100%; text-align:left; position:fixed; bottom:0; color:#fff; font:normal 14px abel; line-height:40px; z-index:1000;}
footer .wrapper{ padding:0;}
footer div.soc_in{ float:right; margin:5px 50px 0 0;}
div.soc_in a{ text-decoration:none; cursor:pointer; margin:0 0 0 10px;}

.top-gr{ background-image:linear-gradient(to right, #a42186 20%, #f48533 20%, #f48533 100%); height:3px; width:100%;}
div#brand{ width:25%; margin-top:5px; margin-left:15px; float:left; display:inline-block; border:0px solid #f00;}
div#brand img{ max-width:100%; max-height:100%;}
.wrapper_menu{ width:100%; max-width:1920px; min-width:320px; margin:0 auto; display:block; border1:1px solid red;}
.wrapper{ width:100%;  margin:0 auto; display:block; padding:0; max-width:1366px; min-width:320px; border:0px solid red;}


.content_sec{ margin: 30px auto 0 auto; display:block; clear:both;}
div#nav_sec1{ width:72.5%; display:inline-block; float:left; position:relative; margin:0 0 0 1%; height: 65px; background:url(../images/nav_bg1.png); }
.menu{ width:100%; display: inline-block; float:left; position:relative; margin:0 0 0 1%; z-index:10000; }
.menu li{ list-style-type: none; float: left;}
.menu li a{ font: normal 20px zurich; color:#4c4c4c; cursor:pointer; transation: all .3s ease-in-out;  text-decoration: none; padding: 26px 0px; display: block;  width: 150px; text-align: center; transition: all 0.5s ease-in-out; border:0px solid red; }
.sel1{ background-color:#FF9900; height:65px; margin:1px 0 0 0; border-radius:30px; box-shadow:0 0 5px rgba(0,0,0,0.5); }
.sel a{ color:#FF9900 !important; transition: all 0.5s ease-in-out;}
.menu li a:hover{ text-shadow1:2px 2px 0px rgba(232,0,38,1); color:#FF9900; transition: all 0.5s ease-in-out;}
#tab_sel{ position:absolute; bottom:5px; left:0; margin:10px 10px 0 0; border-width:0 10px 10px 10px; border-color:#FF9900 transparent; border-style:solid;}
#tab_sel::after{ content:""; position:absolute; bottom:-15px; left:-60px; width:120px; height:5px; background-color:#FF9900;}
#nav-btn{ display: none; float: right; margin: 20px; width:40px; height:35px; background:none; border:none; cursor:pointer; padding:0;}
#nav-btn img{ background:url(../Images/menu_icon.png) no-repeat; width:100%; max-width:100%; max-height:100%;}
#nav-btn img:hover{ box-shadow:0 0 3px rgba(0,0,0,0.5);}

div#main{ padding:0; margin1:0 0 50px 0; position:relative; top:75px; border:0px solid #f00; height:85%; width:100%; margin:0 auto; overflow-y:auto;}
div#main div#banner_sec{ padding:0; margin:0; height:auto; width:100%; background:#fff; border:0px solid red; overflow:hidden;}
div#main div#banner_sec img{ max-width:1280px; min-width:320px; width:100%; height:auto; max-height:100%; margin:0 auto; display:block;}
/*div#sliderFrame{ padding:0; margin:0; width:100%; position:relative; border:1px solid red; display:block;}
div#sliderFrame div#slider{ padding:0; margin:0;}
div#sliderFrame div#slider img{}*/

p{color:#444; font:normal 18px abel; padding:0; margin:0 0 20px 0; text-align:justify; animation1: prg 1s ease 1;}
/*p.hom{color:#737373; font:normal 30px abel; text-shadow:1px 1px 0px rgba(0,0,0,0.3); padding:0; margin:55px auto; text-align:center; width:90%;}*/
.lg-c1{color:#a52187;}
.lg-c2{color:#f48533;}

label.hd1{color:#f48633; font:normal 25px zurich; padding:0; margin:0 0 10px 0; text-align:justify; animation: prg 1s ease 1;}
.hd1_w{color:#fff; font:normal 20px zurich; padding:0; margin:0 0 10px 0; text-align:justify; animation: prg 1s ease 1;}
label {color:#fff; font:normal 18px source; padding:0; margin:0 0 10px 0; text-align:left;}

.hom_left{ position:relative; float:left; display:inline-block; width:92%; padding:0; margin:0 50px; border:0px solid red;}
.hom_right{ position:relative; float:left; display:inline-block; width:24%; padding:0; margin:0; border:0px solid red;}

#blog_clint{ padding:0; margin:0 50px; border:0px solid red; clear:both; width:92%; display:none;}
#blog_sec{ display:inline-block; width:72%; border:0px solid red; float:left;}
#blog_sec:hover1{ background-color:#FFFFFF; opacity:50%;}
.blog_head{color:#f48633; font:normal 25px zurich; padding:0; margin:0 0 10px 0; text-align:justify; animation: prg 1s ease 1;}

#blogsec_container{width:95%; height:320px; overflow: hidden; position: relative; margin: 15px auto; border: 1px solid #f48633;}
.blogsec_scroll{overflow-x: auto; scroll-behavior: smooth;}
ul#blogsec_ul{list-style: none; display: inline-flex; margin: 0; padding: 0;}
ul#blogsec_ul li{min-width: 180px; width:180px; height: 280px; background-color: #fff; margin: 10px; text-align: center; border: 1px solid #999; border-radius:15px 15px 0 0; flex-shrink: 0; cursor:pointer; transition: all 0.8s ease-in-out;}
ul#blogsec_ul li img{ width:80%; height:auto;}
ul#blogsec_ul li div.blg_title{color:#aaa; font:normal 18px zurich; padding:0; margin:0 0 10px 10px; text-align:justify; transition: all 0.8s ease-in-out;}
ul#blogsec_ul li p{font-size:14px; text-align:justify; padding:0 10px; margin:0;}
ul#blogsec_ul li a{float:right; color:#f48633; cursor:pointer; text-decoration:none; margin:0 10px 0 0;}
ul#blogsec_ul li:hover{ border:1px solid #f48633;}
ul#blogsec_ul li:hover div.blg_title{ color:#f48633;}
.btn {position: absolute; top: 50%; transform: translateY(-50%); background: #333; color: #fff; border: none; padding: 10px; cursor: pointer; z-index: 10;}
.btn.left {left: 0;}
.btn.right {right: 0;}

#client_tell_sec{ width:27.5%; height:380px; border:0px solid red; float:left; box-shadow1:inset 0px 0px 5px rgba(0,0,0,0.5); margin:0 0 0 5px; padding1:10px;}
#client_tell_sec ul{ padding:10px 15px; margin:0; height:310px; overflow-y:auto;}
#client_tell_sec ul li{ list-style:none; padding:10px 15px; margin:0 0 10px 0; border-right:2px solid #f48633; border-bottom:2px solid #f48633; display:block; position:relative;}
#client_tell_sec ul li img{ width:50px; height:50px; border-radius:30px; box-shadow:0px 0px 5px rgba(0,0,0,0.5); float:left;}
#client_tell_sec ul li label{ font:bold 20px source; color:#000; margin:0 0 0 20px;}
#client_tell_sec ul li span{ font:normal 12px source; color:#aaa;}
#client_tell_sec ul li p{ clear:both; font:normal 15px abel; padding:10px 0 0 0;}

#our_clt{ position:relative; top:0px; display:block; width:100%; border:0px solid red; float:left; background-color:#fff;}
#our_clt label{ position:relative; display:block; padding:20px 0 0 10%;}
#our_clt p{ width:70%; text-align:center; margin:0 auto; font-size:24px;}
#our_clt img{ width:50%; max-width:100%; min-width1:320px; height:auto; margin:20px 5%; position:relative; float:left; top:0px; display:inline-block; box-shadow:2px 2px 20px rgba(0,0,0,0.5);}
#clt_inr_lft{ width:49%; position:relative; float:left; margin:10px 0; display:none; border:0px solid red;}
#clt_inr_lft img{ width:90%; box-shadow:5px 5px 2px rgba(0,0,0,0.5);}
#clt_inr_rht{ width:49%; position:relative; float:right; margin:10px 0; display:none; border:0px solid red;}
#clt_inr_rht img{ width:70%; margin:20% 0 0 10%;}

#btm_contant{ position:relative; top:0px; width:97%; margin:0px 0 0 0; padding:20px; border:0px solid red; display:block; float:left; background-color:#FF9900;}
#btm_contant div{ position:relative; width:30%; margin:0 12px; float:left; border:0px solid red; cursor:pointer; color:#fff; display:inline-block;}
#btm_contant div span{ padding:5px; float:left; background:#fff; border-radius:10px; margin:10px 0 0 0px; width:25px; height:25px;}
#btm_contant div span img{ width:100%; height:auto;}
#btm_contant div b{ padding:5px; width:70%; line-height:25px; float:left; margin:0 0 0 10px;}
#btm_contant div label{ display:block; float:left; margin:0 0 0 50px; width:60%;}
div.mid_tab{}
div.mid_tab::before{ content:""; width:1px; background-color:#CCCCCC; height:100px; position:absolute; left:-20px; top:10px; box-shadow:1px 1px 0px rgba(e,e,e,0.5); }
div.mid_tab::after{ content:""; width:1px; background-color:#CCCCCC; height:100px; position:absolute; right:10px; top:10px; box-shadow:1px 1px 0px rgba(e,e,e,0.5); }

#clint_logo{ width:92%; height:330px; margin:30px auto; box-shadow:0px 25px 30px rgba(0,0,0,0.5); overflow:hidden; border-radius:50px;}
#clint_logo ul#imageList{ padding:0; margin:0 0 0 15px; transition: transform 0.8s ease-in-out; border:0px solid red;}
#clint_logo ul#imageList li{ padding:0; margin:auto 0; display:inline-block; list-style:none; cursor:pointer; width:24.5%; height:160px; overflow:hidden; opacity: 0.8; transition: opacity 0.8s ease; border-radius:25px;}
#clint_logo ul#imageList li img{ width:100%; max-width:100%; max-height:100%; height:100%; padding:0; margin:0;}
#clint_logo ul#imageList li.fade-in { opacity: 1;}

/* about page */
.main_cnt{ width:90%; display:block; clear:both; padding:15px 0 ; margin:0 auto;}
.main_cnt h1{ padding:10px 0;}

#radping_empsec{ width:90%; padding:0; margin:10px auto; display:block;}
#radping_empsec h2{ padding:0; margin:0; text-align:center; font:bold 25px abel; color:#666666; text-decoration:underline;}

ul.emp_ceo{ padding:0; margin:15px 0 0 0; border:0px solid red;}
ul.emp_ceo li{ padding:0; margin:0; width:49.5%; border:0px solid green; display:inline-block; list-style:none;}
ul.emp_ceo li div.emp_imgsec{ width:35%; display:inline-block;}
ul.emp_ceo li div.emp_imgsec img{ width:100%; height:auto;}
ul.emp_ceo li div.emp_detailsec{ width:60%; display:inline-block;}
ul.emp_ceo li label{ font:bold 30px abel; display:block; color:#000; margin:0px 0; position:relative; top:-120px;}
ul.emp_ceo li span{ font:normal 25px source; display:block; color:#666666; margin:0px 0; position:relative; top:-120px;}
ul.emp_ceo li p{ font:normal 22px source; display:block; color:#666666; margin:0 25px; position:relative; top:-120px;}

ul.emp_ceo li label.clr_orange{ color:#f48634;}
ul.emp_ceo li label.clr_pink{ color:#ff5186;}
ul.emp_ceo li label.clr_lavan{ color:#a751ff;}
ul.emp_ceo li label.clr_blue{ color:#51dcff;}
ul.emp_ceo li label.clr_orange1{ color:#ff6e51;}

ul.emp_member{ padding:0; margin:0px 0; border:0px solid red;}
ul.emp_member li{ padding:0; margin:70px 10px; width:280px; height:150px; border:0px solid green; display:inline-block; list-style:none; background-image:linear-gradient(to bottom,#f48533 0%, #fff 20%, #fff 90%, #fff 90%, #f48533 100%); border-radius1:25px 25px 0 0 ; box-shadow:3px 3px 10px rgba(0,0,0,0.3); transition: all 0.8s ease-in-out; position:relative; cursor:pointer;}
ul.emp_member li::after{content: ""; position: absolute; top: -62px; left: 0; width: 0; height: 0; border-left: 140px solid transparent; border-right: 140px solid transparent;
  border-bottom: 60px solid #f48533;}
ul.emp_member li::before{content: ""; position: absolute; bottom: -62px; left: 0; width: 0; height: 0; border-left: 140px solid transparent; border-right: 140px solid transparent; border-top: 60px solid #f48533;}
ul.emp_member li label{ font:bold 30px abel; display:block; color:#ff6e51; margin:40px 0 0 20px; transition: all 0.8s ease-in-out; cursor:pointer;}
ul.emp_member li span{font:normal 25px source; display:block; color:#666666; margin:0px 40px; position:relative; transition: all 0.8s ease-in-out; cursor:pointer;}

ul.emp_member li:hover{ background:#f48533; transition: all 0.8s ease-in-out; border-radius:25px;}
ul.emp_member li:hover label{ color:#fff; margin:40px 0 0 30px; transition: all 0.8s ease-in-out;}
ul.emp_member li:hover span{ margin:0px 50px; transition: all 0.8s ease-in-out;}

#mis_vis{ background-color:#fff; margin:0; padding:10px 0 0 0; border:0px solid red; display:block; clear:both;}
#mis_vis h1{ position:relative; left:0; top:20px; margin:0 0 0 5%;}

.m_v_main_lft1{ position:relative; top:40px; width:80%; margin:50px auto;}
.m_v_main_lft1::after{ content:""; position:absolute; top:5px; left:103px; width:50%; height:1px; background-color:#58b3e5;}
.m_v_main_lft1 img{ position:absolute; left:0; top:-70px;}
.m_v_main_lft1 label{color:#58b3e5; font:normal 25px source; display:block; margin:0px 0 0 150px; padding:10px 0 0 0;}
.m_v_main_lft1 p{color:#737373; font:normal 20px abel; display:block; margin:0 0 0 180px; width:50%; float:left; 
				height:auto; border-radius:10px; padding:20px; box-shadow:3px 3px 5px rgba(88,179,229,0.5);}
				
.m_v_main_lft2{ position:relative; top:40px; width:80%; margin:50px auto;}
.m_v_main_lft2::after{ content:""; position:absolute; top:5px; left:103px; width:50%; height:1px; background-color:#d258e5;}
.m_v_main_lft2 img{ position:absolute; left:0; top:-70px;}
.m_v_main_lft2 label{color:#d258e5; font:normal 25px source; display:block; margin:0px 0 0 150px; padding:10px 0 0 0;}
.m_v_main_lft2 p{color:#737373; font:normal 20px abel; display:block; margin:0 0 0 180px; width:50%; float:left; 
				height:auto; border-radius:10px; padding:20px; box-shadow:3px 3px 5px rgba(210,88,229,0.5);}
				
.m_v_main_lft3{ position:relative; top:40px; width:80%; margin:50px auto;}
.m_v_main_lft3::after{ content:""; position:absolute; top:5px; left:103px; width:50%; height:1px; background-color:#e58058;}
.m_v_main_lft3 img{ position:absolute; left:0; top:-70px;}
.m_v_main_lft3 label{color:#e58058; font:normal 25px source; display:block; margin:0px 0 0 150px; padding:10px 0 0 0;}
.m_v_main_lft3 p{color:#737373; font:normal 20px abel; display:block; margin:0 0 0 180px; width:50%; float:left; 
				height:auto; border-radius:10px; padding:20px; box-shadow:3px 3px 5px rgba(229,128,88,0.5);}
				
.m_v_main_lft4{ position:relative; top:40px; width:80%; margin:50px auto;}
.m_v_main_lft4::after{ content:""; position:absolute; top:5px; left:103px; width:50%; height:1px; background-color:#58e591;}
.m_v_main_lft4 img{ position:absolute; left:0; top:-70px;}
.m_v_main_lft4 label{color:#58e591; font:normal 25px source; display:block; margin:0px 0 0 150px; padding:10px 0 0 0;}
.m_v_main_lft4 p{color:#737373; font:normal 20px abel; display:block; margin:0 0 0 180px; width:50%; float:left; 
				 height:auto; border-radius:10px; padding:20px; box-shadow:3px 3px 5px rgba(88,229,145,0.5);}

.m_v_main_rht1{ position:relative; top:40px; right:0; width:80%; margin:140px auto;}
.m_v_main_rht1::after{ content:""; position:absolute; top:5px; right:103px; width:50%; height:1px; background-color:#9c58e5;}
.m_v_main_rht1 img{ position:absolute; right:0; top:-70px;}
.m_v_main_rht1 label{color:#9c58e5; font:normal 25px source; text-align:right; display:block; margin:50px 150px 0 0; padding:10px 0 0 0;}
.m_v_main_rht1 p{color:#737373; font:normal 20px abel; display:block; text-align:left; margin: 0 100px 0 0; width:50%; float:right; height:auto; border-radius:10px; padding:20px; box-shadow:-3px 3px 5px rgba(156,88,229,0.5);}

.m_v_main_rht2{ position:relative; top:40px; right:0; width:80%; margin:140px auto;}
.m_v_main_rht2::after{ content:""; position:absolute; top:8px; right:102px; width:50%; height:1px; background-color:#e55874;}
.m_v_main_rht2 img{ position:absolute; right:0; top:-70px;}
.m_v_main_rht2 label{color:#e55874; font:normal 25px source; text-align:right; display:block; margin:50px 150px 0 0; padding:10px 0 0 0;}
.m_v_main_rht2 p{color:#737373; font:normal 20px abel; display:block; text-align:left; margin: 0 100px 0 0; width:50%; float:right; height:auto; border-radius:10px; padding:20px; box-shadow:-3px 3px 5px rgba(229,88,116,0.5);}

.m_v_main_rht3{ position:relative; top:40px; right:0; width:80%; margin:140px auto;}
.m_v_main_rht3::after{ content:""; position:absolute; top:12px; right:103px; width:50%; height:1px; background-color:#c6e558;}
.m_v_main_rht3 img{ position:absolute; right:0; top:-70px;}
.m_v_main_rht3 label{color:#c6e558; font:normal 25px source; text-align:right; display:block; margin:50px 150px 0 0; padding:10px 0 0 0;}
.m_v_main_rht3 p{color:#737373; font:normal 20px abel; display:block; text-align:left; margin: 0 100px 0 0; width:50%; float:right; height:auto; border-radius:10px; padding:20px; box-shadow:-3px 3px 5px rgba(198,229,88,0.5);}

.m_v_main_rht4{ position:relative; top:40px; right:0; width:80%; margin:140px auto;}
.m_v_main_rht4::after{ content:""; position:absolute; top:12px; right:103px; width:50%; height:1px; background-color:#5863e5;}
.m_v_main_rht4 img{ position:absolute; right:0; top:-70px;}
.m_v_main_rht4 label{color:#5863e5; font:normal 25px source; text-align:right; display:block; margin:50px 150px 0 0; padding:10px 0 0 0;}
.m_v_main_rht4 p{color:#737373; font:normal 20px abel; display:block; text-align:left; margin: 0 100px 0 0; width:50%; float:right; height:auto; border-radius:10px; padding:20px; box-shadow:-3px 3px 5px rgba(88,99,229,0.5);}

div#mdul{ margin:0 auto; padding:10px auto; display:block; width:100%; position:relative; float:left; z-index:10000; clear:both;}
div#mdul div{ margin:auto; padding:0; width:50%; height:100px; text-align:center; display:inline-block; float:left; font:bold 20px abel; color:#fff;}
div#mdul div label{ position:relative; top:25%; width:50%; margin:0 auto; display:block; text-align:center}
div#mdul div:nth-child(2){ background-color:#abdf61; margin:auto;}
div#mdul div:nth-child(3){ background-color:#6190df;}
div#mdul div:nth-child(4){ background-color:#d561df;}
div#mdul div:nth-child(5){ background-color:#df6173;}
div#mdul div#tit{ position:absolute; top:25px; left:44.3%; height:150px; width:150px; border-radius:50%; margin:0; 
			   background-image:radial-gradient(#fb9d56 0%, #f48533 62%, #ccc 63%, #fff 67%, #fff 90%, #fb9d56 90%, #fb9d56 95%, #ccc 95%, #fff 100%); border:3px solid #f48533;}
div#mdul div#tit h1{ color:#fff; margin:25px 0 0 0;}


h1{ padding:0; margin:0; color:#f48633; font:normal 25px zurich;}


/*Product*/

ul#prod_tab{padding:0; margin:0 0 0 5%; clear:both; white-space:nowrap;}
ul#prod_tab li{ position:relative; bottom:0; list-style:none; margin:0 10px; width:15%; float:left; display:inline-block; padding:0;}
ul#prod_tab li.sel button{ padding:5px 0; border-radius:5px 5px 0 0; cursor:pointer; font:normal 20px zurich; width:100%; background-image:linear-gradient(to top, #f48633 60%, #fff 100%); color:#fff; border:1px solid #fff; border-bottom:none; cursor:pointer;}
ul#prod_tab li button{ padding:5px 0; height:40px; border-radius:5px 5px 0 0; cursor:pointer; font:normal 20px zurich; width:100%; background-color:#fff; color:#f48633; border:1px solid #f48633; border-bottom:none; cursor:pointer; transition: all 0.8s ease-in-out; }
ul#prod_tab li button:hover{ background-color:#f48633; color:#fff; transition: all 0.8s ease-in-out; }

#prod_main{ padding:0; margin:0; position:relative; top:0px; clear:both; border-top:3px solid #f48633; border-radius:25px 25px 0 0;}
/*.prod_iframe{ padding:0; margin:0; border:1px solid red; width:100%; height:500px;}*/
#prod_rad{ border:0px solid red; padding:30px 0 0 0; margin:30px 0 0 0;}
#prod_car{ border:0px solid red; padding:60px 0 30px 0; margin:0px 0 0 0; display:none;}
#prod_den{ border:0px solid red; padding:60px 0 30px 0; margin:0px 0 0 0; display:none;}
#prod_crit{ border:0px solid red; padding:60px 0 30px 0; margin:0px 0 0 0; display:none;}
#prod_ser{ border:0px solid red; padding:60px 0 30px 0; margin:0px 0 0 0; display:none;}

div.prod1{ border:0px solid red; width:30%; height:auto; margin:20px 20px; background-color1:#0066CC; position:relative; float:left; transition: all 0.8s ease-in-out;}
div.prod1 label{ position:absolute; width:100%; bottom:10px; font:normal 20px zurich; color:#ccc; text-align:center; margin:0 auto; padding:5px 0; display:block; transition: all 0.8s ease-in-out;}
div.prod1 div{ border-width: 2px 0 0 2px; border-color:#c03f00; border-style:solid; width:100%; border-radius:15px 15px 0 0; overflow:hidden; box-shadow:5px 5px 10px rgba(192,63,0,0.2);}
div.prod1:hover label{ color:#f48633; transition: all 0.8s ease-in-out;}
div.prod1 div img{ width:100%; height:auto; max-width:500px; min-width:200px;}

.prod_big_res{ width:95%; position:relative; margin:0 auto; border:0px solid red; padding:0; clear:both;}
ul.prod_big_res_inr{ padding:0; margin:0; display:block; clear:both;}
ul.prod_big_res_inr li{ position:relative; width:23.8%; margin:5px 5px 15px 5px; padding:0; display:inline-block; border:0px solid red; list-style:none; transition: all 0.5s ease-in-out; border-radius:15px ;background-image:linear-gradient(to bottom,#e56336 0%, #fff 80%);}
/*ul.prod_big_res_inr li:nth-child(odd){background-image:linear-gradient(to bottom,#e56336 0%, #fff 80%);}
ul.prod_big_res_inr li1:nth-child(even){background-image:linear-gradient(to bottom,#fff 20%, #e56336 100%);}
ul.prod_big_res_inr li1:nth-child(even) div.product_list_lbl{ color:#e56336 !important;}*/
.product_list{ position:relative; width:100%; height:100%; margin:5px;}
.product_list div.product_list_lbl{padding:0; margin:5px auto; width:100%; text-align:center; font:normal 20px zurich; color:#fff;}
.product_list a{ position:relative; z-index:1000;}
.product_list a img{ width:97%; height:auto; max-width:500px; min-width:200px;}
.product_list a button{ position:absolute; top:50%; left:0; padding:5px 0; height:40px; border-radius:5px 5px 0 0; cursor:pointer; font:normal 20px zurich; width:100%; background-color:#f48633; color:#fff; border:1px solid #f48633; transition: all 0.8s ease-in-out; opacity:0;}

.prod_bg_1{background-image:linear-gradient(to bottom,#368ce5 0%, #fff 90%); border-radius:15px 15px 0 0;}
.prod_bg_2{background-image:linear-gradient(to bottom,#36e5ca 0%, #fff 90%); border-radius:15px 15px 0 0;}
.prod_bg_3{background-image:linear-gradient(to bottom,#e56336 0%, #fff 90%); border-radius:15px 15px 0 0;}
.prod_bg_4{background-image:linear-gradient(to bottom,#fff 0%, #e56336 90%); border-radius:15px 15px 0 0;}

#prod_pop{ position:absolute; width:100%; height:100%; padding:0; margin:0; background-color:rgba(0,0,0,0.6); opacity:0; z-index:5000; top:0; overflow:hidden; display:none;}

.prod_pop_inr{ width:95%; height:80%; padding:0; margin:0; position:relative; top:10%; right:0; float:right; background:#fff; border-radius:0px; display:block;}
.prod_pop_inr div.prod_poptit{ width:100; background-color:#f48533; font:normal 18px zurich; letter-spacing:2px; color:#fff; text-indent:15px; line-height:30px; border-radius1:15px 15px 0 0; border-top:1px solid #fff;}
.prod_pop_inr div.prod_poptit button{ float:right; background:#fff; color:#FF0000; font-weight:bold; border:none; cursor:pointer; padding:7.5px 10px; border-radius1:0 15px 0 0;}
.prod_pop_inr .prod_pop_inrcnt{ position:relative; width:69%; height:400px; overflow:auto; padding:0px; margin:0; display:inline-block; float:left; border1:3px solid #f48533;}
.prod_pop_inr img{ width:200px; height:auto; padding:30px; margin:0 auto; display:block; }
.prod_pop_inr label{ font:bold 15px source; letter-spacing:1px; color:#737373; padding:0 0 0 10px; line-height:30px;}
.prod_pop_inr p{ width:90%; margin:0 auto; padding:5px 0; display:block; font:normal 15px abel;}
.prod_pop_inr ul.prod_pop_list{ list-style:none; padding:0; margin:0 0 0 25px; font-weight:normal;}
.prod_pop_inr ul.prod_pop_list li{ padding:5px 0; margin:0; font:normal 15px abel !important; color:#737373; letter-spacing:.5px; text-indent1:20px;}

div.prod_popimg{ position:relative; width:30%; margin:0; padding:0; border:0px solid red; display:inline-block; float:left; background:#fff;}

.p_inr_det{ padding:0; margin:0; display:inline-block; width:75%; height:100%; float:left;}
.p_poptit{ padding:10px; margin:0; display:block; color:#e56336; font:normal 18px zurich !important; letter-spacing:1px;}

ul.pop_img_big{ position:relative; top:0 !important;  padding:0; margin:0; display:block; width:100%; height:250px; border:0px solid red;}
ul.pop_img_big li{ padding:0; margin:0; display:block; width:100%; height:80% !important; list-style:none;}
ul.pop_img_big li img{ width:200px; height:auto; padding:0px; margin:20% auto; display:block;}

ul.pop_img_thumb{ padding:0; margin:0; display:block;}
ul.pop_img_thumb li{ padding:0; margin:0; display:inline-block; width:22%; height:auto; list-style:none; cursor:pointer; border:2px solid #fff; transition: all 0.8s ease-in-out;}
ul.pop_img_thumb li img{ width:60px; height:auto; padding:0px; margin:0 auto; display:block; transition: all 0.8s ease-in-out;}
ul.pop_img_thumb li:hover{ border:2px solid #f48533; transition: all 0.8s ease-in-out;}
ul.pop_img_thumb li.sel{ border:2px solid #f48533; transition: all 0.8s ease-in-out;}

.p_lst_pop_inr{ padding:0; margin:2px 0 0 0; display:inline-block; width:24%; height:92.6%; float:left; overflow-y:auto; border-left:2px solid #f48533;}

.p_prd_lst{ padding:10px; margin:0; display:block; color:#e56336; font:normal 18px zurich !important; letter-spacing:1px;}

.p_lst_pop_inr ul{ padding:0; margin:0;}
.p_lst_pop_inr ul li{ list-style:none; padding:10px; margin:0; border-bottom:2px solid #fff; border-left:2px solid #fff; background:#f48533; color:#fff; font:normal 15px abel !important; cursor:pointer; position:relative; transition: all 0.5s ease-in-out;}
.p_lst_pop_inr ul li:hover{ text-decoration:underline; transition: all 0.8s ease-in-out;}
.p_lst_pop_inr ul li.sel{ background:#fff; color:#f48533; margin-left:20px; transition: all 0.5s ease-in-out;}
.p_lst_pop_inr ul li.sel::after{ content:""; position: absolute; bottom: 0px; left:-20px; width: 0; height: 0; border-top: 20px solid transparent; border-left: 20px solid #f48533; border-bottom: 20px solid transparent; transition: all 0.8s ease-in-out; z-index:1;}

/* product 2 page css */
ul#prod_pg_tab{ padding:0; margin:0 auto; width:90%;}
ul#prod_pg_tab li{ list-style:none; padding:15px 0; margin:auto; display:inline-block; cursor:pointer; width:33%;}
ul#prod_pg_tab li button{ background:none; cursor:pointer; padding:0; margin:0 auto; width:100%; border:none; color:#fff; font:normal 25px zurich !important;}
ul#prod_pg_tab li:nth-child(1){ background-color:#1399de;}
ul#prod_pg_tab li:nth-child(2){ background-color:#de136e;}
ul#prod_pg_tab li:nth-child(3){ background-color:#b1de13;}

#prd_pg2_manf{ padding:0; margin:auto; width:90%; border-top:10px solid #1399de; position:relative;}
#prd_pg2_manf::after{ content:""; position:absolute; top: -4px; left: 48%; width: 0; height: 0;border-left: 40px solid transparent; border-right: 40px solid transparent; border-top: 20px solid #1399de;}
#prd_pg2_manf::before{ content:""; position:absolute; top: 0px; left: 48%; width: 0; height: 0;border-left: 40px solid transparent; border-right: 40px solid transparent; border-top: 20px solid red;}
.prd_pg2_manf_inr{ margin:25px 0 0 0;}
.prd_pg2_manf_inr_prd{background-image:linear-gradient(to top, #2489c3 0%, #33aff6 100%); height:60px; padding:10px; cursor:pointer; margin:10px 0 0 0; border-radius:15px 15px 0 0;}
.prd_pg2_manf_inr_prd img{ width:50px; height:50px; display:inline-block; float:left; transition: all 0.8s ease-in-out;}
.prd_pg2_manf_inr_prd label{ padding:0; margin:0 0 0 5%; position:relative; top:25%; cursor:pointer; display:inline-block; float:left; font:bold 20px zurich;}
.prd_pg2_manf_inr_prd button{ position:relative; top:20% !important; display:inline-block; float:right; margin:0 2% 0 0; width:40px; height:40px; border-radius:20px; border:none; box-shadow:3px 3px 3px rgba(0,0,0,0.3); cursor:pointer;}
.prd_pg2_manf_inr_prd button::after{content:""; position:absolute; bottom: 13px; left: 8px; width: 0; height: 0;border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 15px solid #2489c3; transition: all 0.8s ease-in-out;}
.prd_pg2_manf_inr_prd button.btn_rot{ transform:rotate(180deg);}

.prd_pg2_manf_inr_cont{ width:100%; padding:0; margin:0; border-bottom:5px solid #2489c3; height:270px; overflow:hidden; display:none;}
.p_inr_det_p2{ padding:0; margin:0; display:inline-block; width:100%; height:100%; float:left;}
.p_poptit_p2{ padding:10px; margin:0; display:block; color:#e56336; font:normal 18px zurich !important; letter-spacing:1px;}

div.prod_popimg_p2{ position:relative; width:40%; margin:0; padding:0; border:0px solid red; display:inline-block; float:left; background:#fff;}
ul.pop_img_big_p2{ padding:0; margin:0; display:inline-block; width:75%; height:270px; border:0px solid red;}
ul.pop_img_big_p2 li{ padding:0; margin:0; display:block; width:100%; height:80% !important; list-style:none;}
ul.pop_img_big_p2 li img{ width:90%; height:auto; padding:0px; margin:0 auto; position:relative; top:0; display:block; border:0px solid red;}

ul.pop_img_thumb_p2{ padding:0; margin:0; display:inline-block; width:22%; border:0px solid red;}
ul.pop_img_thumb_p2 li{ padding:0; margin:0; display:inline-block; width:100%; height:auto; list-style:none; cursor:pointer; border:2px solid #fff; transition: all 0.8s ease-in-out;}
ul.pop_img_thumb_p2 li img{ width:80px; height:auto; padding:0px; margin:0 auto; display:block; transition: all 0.8s ease-in-out;}
ul.pop_img_thumb_p2 li:hover{ border-bottom:2px solid #f48533; transition: all 0.8s ease-in-out;}
ul.pop_img_thumb_p2 li:hover img1{width:100px; height:auto; transition: all 0.8s ease-in-out;}
ul.pop_img_thumb_p2 li.sel{ border:1px solid #f48533; transition: all 0.8s ease-in-out;}

.prod_pop_inrcnt_p2{ position:relative; width:58%; height:270px; overflow:auto; padding:0px; margin:0 0 0 1%; display:inline-block; float:left; border1:3px solid #f48533;}
.prod_pop_inrcnt_p2 label{font:bold 15px source; letter-spacing:1px; color:#737373; padding:0 0 0 10px; line-height:30px;}

ul.prod_pop_list_p2{ list-style:none; padding:0; margin:0 0 0 35px; font-weight:normal;}
ul.prod_pop_list_p2 li{ padding:5px 0; margin:0; font:normal 15px abel !important; color:#737373; letter-spacing:.5px; text-indent1:20px;}


/*ul.prod_big_res_inr li:hover{ border-right:0px solid #CC3300; border-left:5px solid #CC3300;}
ul.prod_big_res_inr li div.prd_tmpbg{ position:absolute; top:33px; left:45px; z-index:10; width:90%; height:90%; display:block; background:#CC3300; max-width:500px; min-width:200px; transition: all 0.8s ease-in-out;}
ul.prod_big_res_inr li label{ padding:0; margin:5px auto; width:100%; text-align:center; font:normal 20px zurich; color:#CC3300;}
ul.prod_big_res_inr li a{ position:relative; z-index:1000;}
ul.prod_big_res_inr li a img{ width:100%; height:auto; max-width:500px; min-width:200px;}
ul.prod_big_res_inr li a button{ position:absolute; top:50%; left:0; padding:5px 0; height:40px; border-radius:5px 5px 0 0; cursor:pointer; font:normal 20px zurich; width:100%; background-color:#f48633; color:#fff; border:1px solid #f48633; transition: all 0.8s ease-in-out; opacity:0;}*/
/*ul.prod_big_res_inr li:hover div.prd_tmpbg{ top:17px; left:-5px; box-shadow:0px 0px 20px rgba(0,0,0,0.3);}
ul.prod_big_res_inr li:hover a{ box-shadow:0px 0px 20px rgba(0,0,0,0.3);}*/
/*.prod_big_res_inr::before{ content:""; position:absolute; top:50px; left:50px; z-index:10; width:100%; height:100%; display:block; background:red; background-repeat:no-repeat;}
.prod_big_res_inr label{ padding:0; margin:5px auto; width:100%; text-align:center; font:normal 20px zurich; color:#CC3300;}
.prod_big_res_inr a{}
.prod_big_res_inr a img{ width:100%; height:auto; max-width:500px; min-width:200px;}

.prod_big_res_inr a button{ position:absolute; top:50%; left:0; padding:5px 0; height:40px; border-radius:5px 5px 0 0; cursor:pointer; font:normal 20px zurich; width:100%; background-color:#f48633; color:#fff; border:1px solid #f48633; transition: all 0.8s ease-in-out; opacity:0;}*/

/*Contact */

.cont_sec_left{ border:0px solid red; width:49.5%; padding:0; margin:0; float:left;}
.cont_sec_rgt{ border:0px solid blue; width:49.5%; padding:0; margin:0; float:left;}

.cont_sec{ width:95%; float:left;}
.cont_sec_img{ position:relative; display:inline-block; float:left;}
.cont_sec_img span{width:80px; height:80px; margin:30px 20px; border-radius:50%; background-color1:#CC3300; display:block; float:left; scale:1 50%; box-shadow:0px 10px 20px rgba(0,0,0,0.1);}
.cont_sec_img span img{margin:0px auto; padding:0; width:60px; height:100px; position:relative; left:10px; top:-40px;}
.cont_sec h2{ font:bold 20px source; color:#CC3300; display:inline-block;}
.cont_sec label{font:normal 18px abel; color:#666666; display:block;}
.cont_sec_det{ display:inline-block; float:left;}

.cont_sec_rgt h2{ font:bold 20px source; color:#CC3300; margin:10px 0 10px 20px;}
iframe{ width:80%; height:300px; margin:0 auto; display:block; box-shadow1:5px 5px 10px rgba(0,0,0,0.2);}
.cont_sec_rgt img{ width:80%; height:auto; margin:25px auto; padding:; display:block;}

/* event */

#prod_list_sec{ width:90%; display:block; border:0px solid red; position:relative; margin:20px auto;}
#prod_list_sec ul#prodtab_list{ display:block; padding:0; margin:0; clear:both;}
#prod_list_sec ul#prodtab_list li{ list-style:none; padding:10px 10px; margin:10px 5px 0 5px; border-radius:0; background:#f48533; cursor:pointer; font:normal 15px zurich; text-align:center; cursor:pointer; width:100px; display:inline-block; float:left; color:#fff; transition: all 0.8s ease-in-out;}
#prod_list_sec ul#prodtab_list li.seltab{ background:#fff; color:#f48533; border-top:1px solid #f48533; border-left:1px solid #f48533; border-right:1px solid #f48533;}
#prod_list_sec ul#prodtab_list li:hover{ background:#fff; color:#f48533; border-top:1px solid #f48533;}
#prod_imgsec{background-image:linear-gradient(to top, #fff 0%, #f48533 100%); width:90%; padding:3px; margin:1px auto; display:block; clear:both;}
#prod_imgsec_inr{ background:#fff; width:100%; display:block;}
#galler_radi{ padding:0; margin:0;}
#galler_dental{ padding:0; margin:0;}
#galler_cc{ padding:0; margin:0;}
ul.gallery_img{ list-style:none; padding:0; margin:0; display:block; margin:0 auto;}
.gallery_img li{ padding:0; margin:10px; width:30%; cursor:pointer; display:inline-block; transition: all 0.8s ease-in-out; position:relative;}
.gallery_img li img{ width:100%; height:auto; transition: all 0.8s ease-in-out;}
.gallery_img li::after{content:""; position: absolute; bottom: 60px; left: 40%; width: 0; height: 0; border-left: 35px solid transparent; border-right: 35px solid transparent;
  border-bottom: 35px solid #f48533; transition: all 0.8s ease-in-out; z-index:1;}
.glry_img_details{ padding:10px; margin:0; display:block; background:#f48533; cursor:pointer; position:relative; bottom:0; z-index:1000;}
.glry_img_details label{ display:block; font:normal 20px zurich; color:#fff; z-index:1000; padding:0; margin:0;}
.glry_img_details p{ font:bold 15px source; width:95%; color:#FFFFFF; text-align:left; margin:0; padding:0 !important; z-index:1000;}
.glry_img_details p span{ font:normal 15px source; display:block;}
.gallery_img li:hover{ box-shadow:0px 0px 20px rgba(0,0,0,0.3);}

.gallery_img li:hover::after{content:""; bottom:80px;}

#prod_list_sec ul#prodtab_list li span{ padding:5px 7px; text-align:center; display:inline-block; background:#fff; font:bold 15px source !important; color:#737373; letter-spacing:2px;}
#prod_list_sec ul#prodtab_list li label{ padding:0; margin:0; font:bold 15px abel !important; color:#fff; text-indent:20px; display:inline-block; letter-spacing:5px; width:80%; text-align:center; cursor:pointer;}


/* HTML: <div class="loader"></div> */
.loader {
  width: 70px;
  aspect-ratio: 1;
  background: conic-gradient(from -45deg,#8A8780 90deg,#94BA65 0 180deg,#2790B0 0 270deg,#2B4E72 0);
  animation: l20 2s infinite; 
}
@keyframes l20 {
  0%  {clip-path: polygon(0    0   ,100% 0   ,50% 50%)}
  25% {clip-path: polygon(100% 0   ,100% 100%,50% 50%)}
  50% {clip-path: polygon(100% 100%,0    100%,50% 50%)}
  75% {clip-path: polygon(0    100%,0    0   ,50% 50%)}
  100%{clip-path: polygon(0    0   ,100% 0   ,50% 50%)}
}

@keyframes prg {
  0%  { margin-top:50px; margin-left:0px;}
  100%{margin-top:0px; margin-left:0px;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /* styles for large desktops */
  #btm_contant div label{ width:80%;}
  
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* styles for small desktops */
.menu li a{ width:125px;}
#tab_sel::after{ content:""; bottom:-15px; left:-60px; width:120px; height:5px;}
#blog_sec{ width:60%;}
#btm_contant div label{ width:80%;}
#client_tell_sec{ width:38%;}
div#mdul div#tit{ left:43%;}
div#mdul div label{ top:15px; width:60%;}
ul.emp_ceo li label{ font:bold 30px abel; display:block; color:#000; margin:0px 0; position:relative; top:-70px;}
ul.emp_ceo li span{ font:normal 25px source; display:block; color:#666666; margin:0px 0; position:relative; top:-70px;}
ul.emp_member li{ margin:70px 25px;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* styles for tablets */
  div#nav_sec1{ background:none; overflow:none !important; width:70%; }
#tab_sel{ display: none; }
.menu{ width: 200px; position: absolute; z-index: 15000; overflow: none !important; right: 1px; top: 54px; right:20px; background: #fff; display:none; padding:0; margin:0; border:1px solid #e80026; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); }
.menu li{ list-style-type: none; float: none; border-bottom: 1px dotted #e80026; width: 100%; border-left1:2px solid #ccc; }
.menu li a{ font: normal 20px zurich; color:#c9b1b1; cursor:pointer; transation: all .3s ease-in-out;  text-decoration: none; padding: 10px 0px; display: block;  width: 150px;  margin: auto; }
#nav-btn{ display: block;}
.cont_sec_left{ width:98%;}
.cont_sec_rgt{ width:98%; display:block;}
#btm_contant div label{ width:80%;}
#blog_sec{ width:95%;}
#client_tell_sec{ width:95%;}
.m_v_main_lft1, .m_v_main_lft2, .m_v_main_lft3, .m_v_main_lft4, .m_v_main_rht1, .m_v_main_rht2, .m_v_main_rht3, .m_v_main_rht4{ width:95%;}
.m_v_main_lft1 label, .m_v_main_lft2 label, .m_v_main_lft3 label, .m_v_main_lft4 label{ margin:0px 0 0 100px;}
.m_v_main_rht1 label, .m_v_main_rht2 label, .m_v_main_rht3 label, .m_v_main_rht4 label{ margin:50px 120px 0 0;}
.m_v_main_lft1 p, .m_v_main_lft2 p, .m_v_main_lft3 p, .m_v_main_lft4 p{  margin:0 0 0 130px; width:60%;}
.m_v_main_rht1 p, .m_v_main_rht2 p, .m_v_main_rht3 p, .m_v_main_rht4 p{ margin: 0 120px 0 0; width:60%;}
div#mdul div#tit{ left:40%; top:25px;}
div#mdul div label{ top:15px; width:60%;}
.prod_pop_inr{ width:65%;}
ul.emp_ceo li{ width:90%;}
ul.emp_ceo li label{ font:bold 30px abel; display:block; color:#000; margin:0px 0; position:relative; top:-110px;}
ul.emp_ceo li span{ font:normal 25px source; display:block; color:#666666; margin:0px 0; position:relative; top:-110px;}
ul.emp_member li{ margin:70px 25px;}
.gallery_img li{ width:45%;}
ul.prod_big_res_inr li{ width:31.5%;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  /* styles for small tablets */
div#nav_sec1{ background:none; overflow:none !important; width:70%; }
#tab_sel{ display: none; }
.menu{ width: 200px; position: absolute; z-index: 10110; overflow: none !important; right: 1px; top: 54px; right:20px; background: #fff;  display: none; padding:0; margin:0; }
.menu li{ list-style-type: none; float: none; border-bottom: 1px dotted #e80026; width: 100%; }
.menu li a{ font: normal 20px zurich; color:#c9b1b1; cursor:pointer; transation: all .3s ease-in-out;  text-decoration: none; padding: 10px 0px; display: block;  width: 150px;  margin: auto; }
#nav-btn{ display: block; }
.cont_sec_left{ width:98%;}
.cont_sec_rgt{ width:98%; display:block;}
#btm_contant div{ width:45%;}
#btm_contant div b{ width:60%}
#btm_contant div label{ width:80%;}
.m_v_main_lft1, .m_v_main_lft2, .m_v_main_lft3, .m_v_main_lft4, .m_v_main_rht1, .m_v_main_rht2, .m_v_main_rht3, .m_v_main_rht4{ width:95%;}
.m_v_main_lft1 label, .m_v_main_lft2 label, .m_v_main_lft3 label, .m_v_main_lft4 label{ margin:0px 0 0 100px;}
.m_v_main_rht1 label, .m_v_main_rht2 label, .m_v_main_rht3 label, .m_v_main_rht4 label{ margin:50px 120px 0 0;}
.m_v_main_lft1 p, .m_v_main_lft2 p, .m_v_main_lft3 p, .m_v_main_lft4 p{  margin:0 0 0 130px; width:60%;}
.m_v_main_rht1 p, .m_v_main_rht2 p, .m_v_main_rht3 p, .m_v_main_rht4 p{ margin: 0 120px 0 0; width:60%;}
div#mdul div{ width:100%;}
ul#prod_tab{ }
ul#prod_tab li{ width:20%;}
#blog_sec{ width:95%;}
#client_tell_sec{ width:95%;}
div#mdul div#tit{ width:30%; height:300px; position:absolute; left:-2px; top:12%; border-radius:0; margin:0; padding:0; display:block; border:2px solid #fff; background-color:#f48533;background-image:none; border-radius:0 20px 20px 0;}
div#mdul div#tit h1{ margin:40% 0 0 0;}
div#mdul div label{ top:20px; left:15%; width:60%;}
ul.emp_shuffleList li label{ margin:10px 0;}
ul.emp_shuffleList li span{ margin:10px 0;}
ul.emp_shuffleList li p{ margin:0 15px;}
.prod_pop_inr{ width:80%;}
ul.emp_ceo li{ width:90%;}
ul.emp_ceo li label{ font:bold 30px abel; display:block; color:#000; margin:0px 0; position:relative; top:-100px;}
ul.emp_ceo li span{ font:normal 25px source; display:block; color:#666666; margin:0px 0; position:relative; top:-100px;}
ul.emp_member li{ margin:70px 15px;}
.gallery_img li{ width:45%;}
ul.prod_big_res_inr li{ width:48%;}
}

/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
  /* styles for phones */
  div#brand{ margin-top:20px;}
div#nav_sec1{ background:none; overflow:none !important; width:65%; }
#tab_sel{ display: none; }
.menu{ width: 200px; position: absolute; z-index: 10010; overflow: none !important; right: 1px; top: 54px; right:20px; background: #fff;  display: none; padding:0; margin:0; }
.menu li{ list-style-type: none; float: none; border-bottom: 1px dotted #e80026; width: 100%; }
.menu li a{ font: normal 20px zurich; color:#c9b1b1; cursor:pointer; transation: all .3s ease-in-out;  text-decoration: none; padding: 10px 0px; display: block;  width: 150px;  margin: auto; }
#nav-btn{ display: block; }
.cont_sec_left{ width:98%;}
.cont_sec_rgt{ width:98%; display:bock;}
#clint_logo ul#imageList li{ width:48.5%;}
#btm_contant div{ width:90%;}
#btm_contant div b{ width:60%}
#btm_contant div label{ width:80%;}
div.mid_tab::before{ content:""; width:0px; }
div.mid_tab::after{ content:""; width:0px; }
.m_v_main_lft1, .m_v_main_lft2, .m_v_main_lft3, .m_v_main_lft4, .m_v_main_rht1, .m_v_main_rht2, .m_v_main_rht3, .m_v_main_rht4{ width:98%; top:20px !important;}
.m_v_main_lft1::after, .m_v_main_lft2::after, .m_v_main_lft3::after, .m_v_main_lft4::after, .m_v_main_rht1::after, .m_v_main_rht2::after, .m_v_main_rht3::after, .m_v_main_rht4::after{ content:""; height:0px;}

.m_v_main_lft1 img, .m_v_main_lft2 img, .m_v_main_lft3 img, .m_v_main_lft4 img, .m_v_main_rht1 img, .m_v_main_rht2 img, .m_v_main_rht3 img, .m_v_main_rht4 img{ right:0; top:-50px; display:none;}
.m_v_main_lft1 label, .m_v_main_lft2 label, .m_v_main_lft3 label, .m_v_main_lft4 label, .m_v_main_rht1 label, .m_v_main_rht2 label, .m_v_main_rht3 label, .m_v_main_rht4 label{ margin:0px 0 0 10px; text-align:left;}
.m_v_main_lft1 p, .m_v_main_lft2 p, .m_v_main_lft3 p, .m_v_main_lft4 p, .m_v_main_rht1 p, .m_v_main_rht2 p, .m_v_main_rht3 p, .m_v_main_rht4 p{  margin:0 0 0 10px; width:85%; float:left;}
div#mdul div{ width:100%;}
ul#prod_tab{}
ul#prod_tab li{ width:30%; margin:0 0 0 1%;}
.cont_sec_det{ width:55%;}
#emp_list{ display:block;}
#blog_sec{ width:95%;}
#client_tell_sec{ width:95%;}
div#mdul div#tit{ width:30%; height:300px; position:absolute; left:-2px; top:12%; border-radius:0; margin:0; padding:0; display:block; border:2px solid #fff; background-color:#f48533;background-image:none; border-radius:0 20px 20px 0;}
div#mdul div#tit h1{ margin:90% 0 0 0;}
div#mdul div label{ top:15px; left:15%; width:60%;}
ul.emp_shuffleList li div.emp_imgsec{ width:80% !important; margin:0 auto; display:block}
ul.emp_shuffleList li div.emp_detailsec{ width:90%;}
ul.emp_shuffleList li label{ margin:10px 0;}
ul.emp_shuffleList li span{ margin:10px 0;}
ul.emp_shuffleList li p{ margin:0 15px;}
.prod_pop_inr{ width:80%;}
ul.emp_ceo li{ width:90%;}
ul.emp_ceo li label{ font:bold 30px abel; display:block; color:#000; margin:0px 0; position:relative; top:-40px; white-space:nowrap;}
ul.emp_ceo li span{ font:normal 25px source; display:block; color:#666666; margin:0px 0; position:relative; top:-40px; white-space:nowrap;}
ul.emp_member li{ margin:70px 20%;}
#prod_list_sec{ display:none;}
.gallery_img li{ width:80%; display:block; margin:0 auto;}
ul.prod_big_res_inr li{ width:97%;}
}

