/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	/*heading style*/
	.footer_3{
		padding-left: 5% !important;
	}

   /*.logo_wrapper {background: red !important;}*/
	.title_chal{
		width: 100%;
		font-size: 1em !important;
		height: 12vh !important;
		/*max-height: auto!important;*/
		margin: 7% auto !important;
		margin-left: 13% !important;
	}

	.title_chal  .display-4{
		font-size: 2em !important;
	}

	.all_title_rep{
		width: 80% !important;
	margin-left: 10% !important;}

.all_title_rep_abt{
		width: 90% !important;
	margin-left: 15% !important;
	}

.all_title_rep_pro{
		width: 100% !important;
	margin-left: 0% !important;
	}






	.logo_wrapper{height: 20% !important;}
	.logo_3{
		position:absolute;
	left:25%;
		width: 50% !important;
		top: 1% !important;	
	}
	.logo_name{	   
		width:100% !important;		
		margin:14% 0 0 10%  !important;	
	}

	.title_bottom{
		width: 100% !important;
		height:  50% !important;
		margin: -2% 0 0 -7%  !important;
	}

	#logo_4{
		position: absolute;
		right: 0%;

	}
	#logo_4 i{
		font-size: 5vw !important	;

	}




	/*menu*/


	#nav_c{

		color: white !important; 
		font-weight: bolder; 
		/*border-radius: 0px;  */
		
		position: relative !important; 
		top: 80% !important;
		left: 0% !important;
		height:auto;  
		/*top: 0%; */
		width: 100px;
	}

		 .nav_chal{
		padding: 0px !important;

	}


	.navbar-brand i{
		font-size: 5vw !important;
	}
	.navbar-toggler-icon{
		font-size: 4vw !important;
	}

	/*slider*/

	.carousel-inner{
		height: 80vh !important;
		box-shadow: -10px 0px 15px gray;

		/*background-color: pink;*/

	}

	.carousel-indicators{
		margin-left: 10% !important; 
		top: 1% !important;
	}
	.carousel-indicators li {
	    width: 20px !important;
	    height: 1px !important;
	    background: gray !important;
	}

	.carousel-control-prev {
		display: none; 

	}


	.carousel-control-next {
		display: none;
	}

	/*1st slide*/
	.sld_sub_title{
		height: 800px !important;

		/*background-color: pink;*/

	}
	.sld_sub_title h1{
		font-size: 5vw;
	}

	.sld_sub_title h5{
		font-size: 4vw;
	}
	.sld_sub_title p{
		font-size: 3.5vw;
		font-weight: normal;
		padding: 1% !important;
		width: 100% !important;
		text-align: left !important;
		margin: 0px !important;
	}

	.sld_sub_title h2{
		font-size: 4.5vw !important;
	}
	.sld_sub_left_1st{
		width: 100% !important;
		height: 300px !important;
		padding-top: 8% !important;


	}
	
		.sld_sub_left_1st i{
			font-size: 2em !important;
			margin-left: 12% !important;
		}

	.sld_sub_left_1st span{
			
			margin-left: -2% !important;

		}

	.sld_sub_right_1stslide{
		width: 100% !important;
		height: 150px !important;
		margin-left: -10% !important;	
		padding-left:-10% !important;
		margin-top: -10vh !important; 	
		
	}

.sl_card{
	float: left !important;
}



.sld_sub_right img{
	margin-left: 5% !important;
}

.slide_img_1000 img{
	margin-left: -15% !important;

}


.slide_img_700 img{
	margin-left: -5% !important;
	width: 100% !important;

}
.slide_img_1100 img{
	margin-left: -5% !important;
	width: 100% !important;

}
.slide_img_1800 img{
	margin-left: -5% !important;

}
	.sy_sus{
		animation: none !important;
	}

	 #slider_auorotate{	
	left:  10% !important; 
	width: 100px !important; 
	height:auto !important; 
	 top: 70%; 
	 font-size: 0.8em !important;
padding: 10px !important;

	 margin-top: 1%;
	 margin-right: 22%;
	 font-weight: bold;
	 letter-spacing: 0.1em;

}

/*other slides*/
.sld_sub_left_otr{
		width: 100% !important;
		height: 250px !important;
		padding: 5% 0 0 5% !important;
}
.sld_sub_left_otr li{
font-weight: normal;
font-size:0.9em;
}

.sld_sub_left_otr p{
		text-indent: 0px !important;
		margin:1% 0%;
}

.sld_sub_right{
	width: 100% !important;
	height: 150px !important;
}

.sld_sub_right img{
margin:0% 0 0 0%;
}

.sld_sub_button_1800{
	position: absolute;
	top:30% !important;
	/*right*/:50%;
	z-index: 5 !important;
	/*left: 30%;*/
	/*width: 100px;*/

}

.map_wrapper{
	/*height: 200vh !important;*/
}

/*footer*/
.footer_res{
	max-width: 100% !important;
	height: auto !important;
	padding-bottom: 10px;
}

.f_nav h4{
	width: 100% !important;
	margin-left: 0px !important;
}


.footer .nav ul{
	margin-left: 0% !important;
 max-width: 100% !important;
 width: 100% !important;
  list-style-type: initial !important;
    list-style-image: url('../bullete.png')  !important;

}



.footer .footer_form {
	max-width: 390px !important;
	width: 100px !important;
	float: none !important;
	clear: both !important; 
	margin-left: 350px !important;
	padding-left: 350px !important;
}



footer p {
	font-size: 0.9em !important;
	padding: 0.5em 0;
}

footer i {
	font-size: 1.2em !important;
	padding: 0.5em 0;
}


.footer_road{
	bottom: 0% !important;
	right: -20% !important;
	height: 100% !important;
}


/*APPLICATIONS*/

.poster-main{
	margin-left: -70% !important; 
}



.poster-main .poster-prev-btn {
   left:22% !important;
   z-index: 9999;
   /*background: orang*/
   top: -20% !important;
   display: none;
  
}

.poster-main .poster-next-btn {
  right: 40% !important;
  z-index: 9999;
   top: -20% !important;
   display: none;

  
}


.app_margin{
	margin-left: 0px !important;
}


.app_t{
	/*height: 2000px !important;*/

}


.app_img{
	width: 80vw !important;
}


.s_video_wrapper{
	height: 400vh !important;
	/*display:  inline;*/
	/*padding: 20px;*/
}


/*about menu*/
.chal_wrapper{
	height: 250vh !important;
}

.chal_wrapper_left{
	float: none !important;
	width: 100%;
	/*margin: auto;*/
	/*height: 50%;*/
	/*display: block !important;*/
	
}


.chal_wrapper_left img{

margin:8% 0 0 40%;
 width: 35%;
  height: 30%;
  /*background: red !important;*/


}
.chal_wrapper_left p{
width: 100%; 
margin:2% 0% 5% 10%;
font-size: 0.8em !important; 
line-height: 1.5em; 
font-weight: bold;
text-align: center;
}


.chal_wrapper_right{
	float: none !important;
	width: 90%;
padding:0 2%;
margin: 0% 0  0 13%;
	/*height: 50%;*/
font-size: 0.9em; 
line-height: 2em; 
	
}
.his_wrapper img{
margin-top: 5%;
}
.his_wrapper  p{
	font-size: 0.9em;
	font-weight: normal;
}

.his_wrapper  ul{
	font-size: 0.9em;
	font-weight: normal;
}

.miss_wrapper img{
 margin:-5% 10px 5px 15% !important; 
}

.miss_wrapper .mis_p{
	height: 100vh ;
	font-weight: normal; 
	font-size: 0.9em;
	padding-left:  20%;
	width: 110%;

}


.pol_wrapper{	
width: 100%;

}
.pol_wrapper img{
width:90%;
height:50vh;

margin-left:10%;
}


.pol_wrapper img:hover{
box-shadow: 0px 0px 50px orange;
}



.ul_pol{
	margin-left:15%;
	 /*height: 150vh !important;*/
}




.ul_pol li a {
	font-size: 0.9em !important;
}


.certi_wrapper{
	width: 100%;
}
.blue_bg{
	/*background-color: transparent !important;*/
	/*color: #4e4d7a;*/
	width: 100%;
	margin: 0%;
	padding: 0%;
	height: 75vh;
	margin-left: 5%;

}

.blue_bg img{
	width:80% !important;
	height: 60vh;
	margin-left:  5%;
	padding: 0%;

}

.blue_bg  h3{
	font-size: 1em;
	font-weight: bold;
	/*margin: -50%;*/
	/*padding:-50%;	*/
}
.award_wrapper {
	width: 90% !important;
}
.award_wrapper h5{
/*font-size: 0.9em;*/
}
.award_wrapper iframe{
	width: 90% !important;
	margin: 0%;
}

.award_img{
	width: 80% !important;
	margin-left:15% !important;
	margin-bottom: 100px;
}
.carr_wrapper{
	width: 100% !important;
	/*margin: -10% !important;*/
	height:auto !important;

}
.carr_wrapper img{
	display: none;
}
.carr_wrapper h4{
	width: 100% !important;
	margin-left: 0% !important;
	padding-left: 15%; 
}

.carr_wrapper p{
margin: 0% !important; 
padding-left:  15% !important;
width: 100% !important; 
}
.carr_wrapper_ul li{
margin: 0% !important; 
padding-left:  15% !important;
width: 100% !important; 
}

.carr_wrapper_ul span{

width: 80% !important; 
}



/*start brochure style*/

.content_wrap {
	margin-left: 5% !important;
	padding-right: 0% !important;

	/*height: auto !important;*/
}

/*for languge product 3 list*/

.bro_lan{
	/*background: red;*/
	padding-bottom: 2% !important;

}



.bro_list {
margin-left: -10% !important;
padding-right: 0% !important;
margin-right: 0% !important;
width: 100% !important;
/*background-color: red;*/
}


.bro_link span{
	font-size: 1em;
	
}
.bro_list li {
	padding-bottom: 20%;
	position: relative;
	width: 100% !important;
	margin:50px 0px;
	/*background-color: pink;*/


}
.bro_list span{
font-size: 1.2em;
/*margin-bottom: 2%;*/
width: 100% !important;
}

.btn_span{
	width: 50% !important;
	display: inline;
	float: left !important;
	position: absolute;
	bottom: 0%;
	left: 0%;
	
	


}


.btn_span a{

/*	color: #F0F8FF ;
	background-color: #4e4d7a;*/
	/*margin-left: 10px;*/
	position: relative;
	/*left: -30%;*/
	padding:10px 0px;
	width: 50%;
	border-right: 2px inset silver;
	border-radius: 0%;
	/*background: pink;	*/
	/*padding-left:-100%; */
}
.li_p{
	width: 100% !important;

	/*border-bottom: m: 2px solid silver;*/
	/*padding-bottom: px;*/


}
.li_p_2{
	margin-top:50px;
	/*background: red;*/
}
.bro_list li p{
font-size: 1.2em;
/*margin: 1% 0%;*/
width: 100% !important;
padding: 5px 0px;
margin: 5px 0px;

}

.btn_span_2{
	width: 100% !important;
	/*background: pink;*/
	float: left;
	margin:7px 0px;
}

.btn_span_2 a{
/*	color: #F0F8FF ;
	background-color: #4e4d7a;*/
	/*margin-left: 10px;*/
	position: relative;
	/*left: -30%;*/
	padding:10px 0px;
	width: 50%;
	border-right: 2px inset silver;
	border-radius: 0%;
	/*background: pink;	*/
	/*padding-left:-100%; */
}


.part_list h5 {
	font-size: 1em;


}

.part_list ul{
	margin: 0% !important;
}

.part_btn {
	width: 40%;
}
.part_list .btn{
	/*font-weight: bold;*/
	color: #DC143C;

}
.part_air{

	width: 100%;
}

.part_air{
	/*padding-bottom: 5% !im;*/
	/*height: 20vh;*/
}
.part_air a{
	float: none !important;
	
	margin-top: -40% !important;
}
.manual_list{
	margin:0px !important;
}
.manual_list ul{
	list-style: none;
	
}


.manual_list li {
	/*margin-left:s 0px !important;*/
	font-size: 0.9em;
	padding: 15px;
	margin:2% 0% !important;
	
	/*display: block;*/

	/*background: silver;*/
}
.li_big{
	/*padding-bottom: 10%;*/
	height: 15vh;
}

.manual_list li span{
	font-size: 0.9em;
	/*background: red;*/
	width: 100% !important;
	clear: both;


}
.manual_list li a{
	font-size: 0.85em;
color: #DC143C;
	/*background-color: pink;*/
	margin:0% 0 0 0%;
	padding: 5px;
	float: none !important;
	clear: both;
	/*width: 100% !important;*/
}


.manual_btn{
	width: 100%;
	float: left;
}

.retro_list li{
	/*display: block !important;*/
	height: 17vh;
	padding-bottom: 15% !important;
	position: relative;
}
.retro_title{
	/*background: silver;*/
		float: none !important;
		clear: both;
	width: 100% !important;
	font-size: 1em;


}
.retro_btn{
	/*background: pink;*/
	float: left !important;
	width: 100% !important;
	position: absolute;
	bottom: 0%;	
	left: 0%;

}

.retro_btn a{
	/*background: pink;*/
	float: none !important;
	/*margin: 5px 0px !important;*/

}
.sidenav_pro_hide{
	visibility: hidden !important;
}

.fixed_pro_hide{
	/*display: none;*/
	visibility: visible;
	padding: 2px 0px;
	margin-top: -20%;


}

.fixedpro_display{
	display: none;
}


/*product page*/
.title_chal_pro .display-4{
font-size: 1em;

}

.title_chal_pro span{
font-size: 1em !important;
	
}
.title_chal_pro{
	width: 100% !important;
	/*position: absolute;*/
font-size: 1em;
border-left: 20px solid #f0ad4e;
border-right: 20px solid #f0ad4e;
line-height: 1.5em;
/*box-sizing: border-box !important;*/


}
.mobile_pro_margin{
	
	left: -15% !important;
	margin-top: 0% !important;

}








.pro_list{
	margin-left: -12% !important;
	width: 135%;
}

.pro_table{
	font-size: 0.8em;
}

.pro_list h6{
	font-size:0.8em !important;
	margin-left: 5%;
	
}


.pro_list h5{
	font-size:0.8em !important;
	margin-left: 7%;
	width: 100%;
	height: 15vh !important;
	padding-right: 5px !important;	
}

#pro_pdf_btn{
	/*background: red;*/
	/*width: 100% !important;*/
	float: left!important;
	position: relative !important;
	top:15% !important;
	padding: 1px !important;
	margin: 1px !important;
	/*float: left !important;*/


}
.pro_pdf_btn_br{
	float: left !important;
}

/*autorotate of product*/

	 .a_rotate_pro{	
	left: 10%; 
	width: 100px !important; 
	height:10% !important; 
	 top: 80%; 
	 font-size: 0.5em !important;
padding: 10px !important;

	 margin-top: 1%;
	 margin-right: 100%;
	 font-weight: bold;
	 letter-spacing: 0.1em;

}




.title_chal_pro{
	padding-top: 15% !important;
}

.pro_custom_wrapper{
	height: 100vh;
}
.pro_de{
	width: 100% !important;
	margin-left: 0% !important;
	padding: 0% !important;
}



.pro_custom_wrapper .custom{
	/*background: red !important;*/
	margin-top: 5%;
	  font-size: 0.9em !important;
	  font-weight: normal !important; 
	/*margin-left: -65% !important;*/

}

.retro_wrapper{
	/*height: 100vh !important;*/
}
.retro_wrapper .title_chal{
	height: 20% !important;
	width: 100% !important;
	margin-left: 0% !important;
}


.retro_wrapper_h5{
	font-size:1em !important;
	margin-left:-5% !important;
	width:90% !important;
	height: 10vh !important;
	padding-right: 5px !important;	
	text-transform: capitalize ;

}


.retro_wrapper p{
	width: 100% !important;
	font-weight:normal !important;
	margin-left: -10% !important;
	line-height: 1.2em !important;

}

/*slider footer*/
.bac_fix{
display: none !important;
/*visibility : hidden !important;*/
}

.key_app{
	width: 90%;
	margin-bottom: 50%;

	/*background: red;*/
	height: 100%;
	/*background: #f8f8fa ; */
	 margin : 3% 5%; 
	 /*box-shadow: 0px 0px 10px gray;*/



}

.key_app_1{
	float: none !important;
	padding:5% 5% 5% 10%;
	 width: 100%;
	 height:35vh;  
	  /*background: white ;*/
}


.key_app_1 h3{
font-size: 1em !important;
}

.key_app_1 h5{
font-size: 1em !important;
}

.key_video{
	float: none !important;
padding: 10px 0px;
 padding-left: 5%; 
 width:100%;
  max-width: 100%; 


}

.key_video video{
box-shadow: 0px 0px 10px #4e4d7a; 
height: 100%;
}



.key_app_height {
background: #f8f8fa;
/*box-shadow: 0px 0px 10px silver;*/
 margin: auto; 
	/* padding-left: 5%;*/
 font-family: Adobe Caslon Pro; 
font-size: 1em;
color: #4e4d7a;
font-weight: normal !important; 
line-height: 1.5em;
padding: 5% 0%;

}

.key_fp{
	width: 100% !important;
	padding: 0% !important;
	margin:0% !important;
}

.key_fp i{
	padding-left: 5%;
	
}

.key_fp span{
	width:80% !important;
	
}

.key_fp_btm p{
	/*background: black !important;*/
margin: 5% 0 0 5% !important;
padding: 0% !important;
width: 100% !important;
text-align: center;
}
.map_wrapper h6{
	/*padding-left: 15% !important;	*/
	text-align: center;
}


/*key app paragraph */
.mob_p{
	display: block !important;
	float: right;
	font-size: 1.5em;
	/*background: #F8F8FA!important;*/
	/*border-bottom: 2px solid orange;*/
	padding: 0px;

	/*box-shadow: 1px 1px 10px silver;*/
}



/*spigot part wrapper*/
.spigot_1{
	height: 80vh !important;
}
.spigot_2{
	height: 80vh;
	
}

.pro_part_wrapper .title_chal_pro{
height: 15% !important;
padding-top: 2% !important;
}


/*home key app title*/
.homekey_title{
	width: 70% !important;
	margin-left:20%;

}
.testi_wrapper{
	height: auto !important;

	margin-left: 1% !important;
}

.testi .carousel-inner{
	min-height: 10vh !important; 
   max-height: 80vh !important;
}





.con_wrapper_ul{
padding: 10px 0 5px 10px !important;
}


.contact_wrapper_img img{
 border: none;	
	 margin-left: 7% !important;
	 padding-top: 10% !important;
	 width: 70% !important;
 }

.test_c_para{
	 margin-bottom: 17vh !important;


}
.prev_testi{
	visibility: hidden!important;
}

.testi_img{
	width: 100% !important;
	margin-left: 5% !important;
}
.testi_end{	
	margin:220% 0px 0 15px !important;
}

.val_img{
	width: 100%;
	margin:auto;
}
.val_img img{
	width: 100%;
	margin:auto;
}
.val_para{
	padding-left: 5%;	
}

.val_tick{
/*	display: inline-block ; */ 
	width:20px !important;	
	vertical-align: bottom ;
	padding:15px 0px;
}


.val_sab_para{
	/*vertical-align: bottom; ;*/
	 display: inline-block;	 
	   width: 90%;
	   margin:15px 0px ;
	   font-size: 1em;
	color: #4e4d7a;
line-height: 1.2em;
word-spacing: 0.2em;
	
	
}



.event_pic img{
	width: 80% !important;
	margin-left: 10%;
}

.event_pic a{

	margin-left:20% !important;

}
.event-card{
	width: 80% !important;
	margin-bottom: 5%;
	 height:auto !important;
	 display: block !important;

}

.event-img img{
margin-left:30%;
}

.all_pdf_pro{
	padding-left: 10% !important;
}

.all_pdf .all_pdf_btn a{
background: #4e4d7a;
color: white !important;
line-height: 1em !important;


}


.all_pdf .all_pdf_h{
	font-size: 0.9em !important;
}

.contact_p{
	font-size: 0.9em !important;
}

}









































/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
 /*.logo_wrapper {background: green !important;}*/

	.all_title_rep{
		width: 50% !important;
	margin-left: 25% !important;

}

.all_title_rep_pro{
		width: 50% !important;
	margin-left: 30% !important;
	}

.all_title_rep_abt{
	width: 50% !important;
	margin-left:35% !important;
}



/*heading style*/
	.title_chal{
		width: 70vw !important	;
		font-size: 1em !important;
		height: 16vh !important;
		margin-bottom: 5% !important;
	}

	.title_chal  .display-4{
		font-size: 2em !important;
	}



  .logo_3{
		
		width: 30% !important;
		padding-top: 2%;		
	}
		.logo_name{	   
		width: 62% !important; 
		margin:1% 0 0 -7% !important;
	}

		.title_bottom{
		width: 100% !important;
		height:  40% !important;
		margin: -2% 0 0 -7%  !important;
	}
	#logo_4{
		position: absolute;
		right: 0%;

	}

	#logo_4 i{
		font-size: 3vw !important	;

	}


	/*menu*/


	#nav_c{

		color: white !important; 
		font-weight: bolder; 
		/*border-radius: 0px;  */
		
		position: relative !important; 
		top: 80% !important;
		left: 0% !important;
		height:auto;  
		/*top: 0%; */
		width: 100px;
	}



		 .nav_chal{
		padding: 0px !important;

	}


	.navbar-brand i{
		font-size: 3vw !important;
	}
	.navbar-toggler-icon{
		font-size: 3vw !important;
	}
	/*1st slide*/
.slider_wrapper{
		height: 60vw !important;
	}
		
	.carousel-inner{
		height: 350px !important;
		box-shadow: -10px 0px 15px gray;

		/*background-color: pink;*/

	}



/*	.testi .carousel-inner{
		height: 100px !important;
		box-shadow: -10px 0px 15px gray;

		background-color: pink !important;

	}
*/


		.carousel-control-prev {
		margin:0vh 0 0 1vh !important;
		
		top: 30vh !important; 

	}
	.carousel-control-next {
		margin:0vh !important;
		top: 30vh !important; 
	}
	.carousel-indicators{
		/*display: none;*/
		/*visibility: hidden;*/
		left: 50% !important;

	}

	.sld_sub_title h1{
		font-size: 3vw;
	}

	.sld_sub_title h5{
		font-size: 2vw;
	}
	.sld_sub_title p{
		font-size: 2vw;
		font-weight: normal;
		padding: 1% !important;
		width: 100% !important;
		text-align: left !important;
		margin: 0px !important;
	}
	.sld_sub_left_1st{
		width: 50% !important;
		/*height: 250px !important;*/
		padding-top: 5% !important;
		/*background: red !important;*/
		font-size: 0.7EM !important;

	}
	
		.sld_sub_left_1st i{
			font-size: 2em !important;
			margin-left: 1% !important;
		}

	.sld_sub_left_1st span{
			
			margin-left: -2% !important;
		}

	.sld_sub_right_1stslide{
		width: 30% !important;
		height: 50px !important;
	position: relative !important;
	left: -10% !important;
	margin-top: -10vh !important;
		/*background: red;*/

	}

	.sl_card{
	float: left !important;
}

	.sy_sus{
		animation: none !important;
	}

	.autorotate{	
	left:  60% !important; 
	width: 100px !important; 
	height:15%; 
	 top: 70%; 
	 font-size: 0.5em;
padding: 10px !important;
/*margin-left: */

	
}



/*other slides*/
.sld_sub_title h2{
		font-size: 2.5vw !important;
	}
.sld_sub_left_otr li{
font-weight: normal;
font-size:0.9em;
}

.sld_sub_left_otr p{
		text-indent: 0px !important;
		margin:1% 0%;
}


/*
.sld_sub_right img{
margin:0% 0 0 0%;
}*/

.sld_sub_button_1800{
	position: absolute;
	top:45% !important;
	/*right*/:50%;
	z-index: 5 !important;
	width: 100px;
	/*padding:0px !important;*/
	/*left: 30%;*/
	/*width: 100px;*/

}
.sld_sub_button_1800 span{
font-size: 0.7em !important;
}




/*footer*/
.footer_res{
	max-width: 100% !important;
	height: auto !important;
	padding-bottom: 10px;
}

.f_nav h4{
	width: 100% !important;
	margin-left: 0px !important;
}


.footer .nav ul{
	margin-left: 0% !important;
 max-width: 100% !important;
 width: 100% !important;
  list-style-type: initial !important;
    list-style-image: url('../bullete.png')  !important;

}



.footer .footer_form {
	max-width: 390px !important;
	width: 100px !important;
	float: none !important;
	clear: both !important; 
	margin-left: 350px !important;
	padding-left: 350px !important;
}



footer p {
	font-size: 0.9em !important;
	padding: 0.5em 0;
}

footer i {
	font-size: 1.2em !important;
	padding: 0.5em 0;
}


.footer_road{
	bottom: -20% !important;
	right: -118% !important;
	height: 100% !important;
}

/*APPLICATIONS*/

.poster-main{
	margin-left: -300px !important; 
}


.poster-main .poster-prev-btn {
   left:18% !important;
   z-index: 9999;
   /*background: orang*/
   bottom: 10%;
    top: -20% !important;
}

.poster-main .poster-next-btn {
  right: 30% !important;
  z-index: 9999;
  top: -20% !important;
  
}

.s_video_wrapper{
	height: 450vh !important;
	direction: inline;
	padding-left: 10% !important;
	/*padding: 20px;*/
}

.s_video{
	/*position: relative;*/
	margin:50px 0 100px 10px;
	float: left !important;
	width: 40vw !important;
	height: 50vh !important;
}

.s_video_t h6{
font-size: 0.8em !important;
}



/*about menu*/
.chal_wrapper{
	height: 300vh !important;
}

.chal_wrapper_left{
	float: none !important;
	width: 100%;
	/*margin: auto;*/
	/*height: 50%;*/
	/*display: block !important;*/
	
}


.chal_wrapper_left img{

margin:2% 0 0 40%;
 width: 20%;
  /*height: 2%;*/
  /*background: red !important;*/


}
.chal_wrapper_left p{
width: 100%; 
margin:2% 0% 5% 0%;
font-size: 0.8em !important; 
line-height: 1.5em; 
font-weight: bold;
text-align: center;
}
.sign_m{
	width: 5% !important;
	margin-top: 2% !important;
	margin-left: -3% !important;
}

.chal_wrapper_right{
	float: none !important;
	width: 90%;
padding:0 2%;
margin: 0% 0  0 13%;
	/*height: 50%;*/
font-size: 0.9em; 
line-height: 2em; 
	
}

.his_wrapper img{
margin-top: 5%;
/*width: */
}

.his_img{
	width: 90% !important;
	float: none !important;
}
.his_wrapper  p{
	font-size: 0.9em;
	font-weight: normal;
	/*float: none !important;*/

}

.his_wrapper  ul{
	font-size: 0.9em;
	font-weight: normal;
}


.miss_wrapper{
	height: 200vh  !important;
}
.miss_wrapper img{
 margin:-5% 10px 5px 15% !important; 
 width: 50%;
}

.miss_wrapper .mis_p{
	height: 100vh ;
	font-weight: normal; 
	font-size: 0.9em;
	padding-left:  20%;
}



.pol_wrapper{	
width: 100%;
height: 250vh !important;

}
.pol_wrapper img{
width:55%;
height:50vh;

margin-left:25%;
}
.ul_pol{
	margin-left:15%;
}
.ul_pol li a {
	font-size: 0.9em !important;
}


.award_wrapper {
	width: 90% !important;
}
.award_wrapper h5{
/*font-size: 0.9em;*/
}
.award_wrapper iframe{
	width: 100%;
	margin: 0%;
}


.carr_wrapper{
	width: 100% !important;
	/*margin: -10% !important;*/
	height:auto !important;

}
.carr_wrapper img{
	display: none;
}
.carr_wrapper h4{
	width: 100% !important;
	margin-left: 0% !important;
	padding-left: 15%; 
}

.carr_wrapper p{
margin: 0% !important; 
padding-left:  15% !important;
width: 100% !important; 
}
.carr_wrapper_ul li{
margin: 0% !important; 
padding-left:  15% !important;
width: 100% !important; 
}

.carr_wrapper_ul span{

width: 80% !important; 
}






/*top menu bar*/
.bro_menu{
/*margin-left: 20% !important;*/
}
.sidenav_dwn{
	 width:80%;
	  padding: 20px 0px ;  
	  margin: 10px 30px;  
	  height: 50px; 
	  overflow: hidden;
	  transition: 1s ease; 
	

}

/*start brochure style*/

.content_wrap {
	margin-left: 5% !important;
	padding-right: 0% !important;

	/*height: auto !important;*/
}

/*for languge product 3 list*/

.bro_lan{
	/*background: red;*/
	padding-bottom: 2% !important;

}



.bro_list {
margin-left: 0% !important;
padding-right: 0% !important;
margin-right: 0% !important;
width: 100% !important;
/*background-color: red;*/
}


.bro_link span{
	font-size: 1em;
	
}
.bro_list li {
	padding-bottom: 50px;
	position: relative;
	width: 100% !important;
	margin:50px 0px;
	/*background-color: pink;*/


}
.bro_list span{
font-size: 1.2em;
/*margin-bottom: 2%;*/
width: 100% !important;
}

.btn_span{
	width: 50% !important;
	display: inline;
	float: left !important;
	position: absolute;
	bottom: 0%;
	left: 0%;
	
	


}

.btn_span a{
/*	color: #F0F8FF ;
	background-color: #4e4d7a;*/
	/*margin-left: 10px;*/
	position: relative;
	/*left: -30%;*/
	padding:10px 0px;
	width: 50%;
	border-right: 2px inset silver;
	border-radius: 0%;
	/*background: pink;	*/
	/*padding-left:-100%; */
}
.li_p{
	width: 100% !important;

	/*border-bottom: m: 2px solid silver;*/
	/*padding-bottom: px;*/


}
.li_p_2{
	margin-top:50px;
	/*background: red;*/
}
.bro_list li p{
font-size: 1.2em;
/*margin: 1% 0%;*/
width: 100% !important;
padding: 5px 0px;
margin: 5px 0px;

}

.btn_span_2{
	width: 100% !important;
	/*background: pink;*/
	float: left;
	margin:7px 0px;
}

.btn_span_2 a{
/*	color: #F0F8FF ;
	background-color: #4e4d7a;*/
	/*margin-left: 10px;*/
	position: relative;
	/*left: -30%;*/
	padding:10px 0px;
	width: 50%;
	border-right: 2px inset silver;
	border-radius: 0%;
	/*background: pink;	*/
	/*padding-left:-100%; */
}



.manual_list{
	margin:0px !important;
}
.manual_list ul{
	list-style: none;
	
}


.manual_list li {
	/*margin-left:s 0px !important;*/
	font-size: 1em;
	padding: 15px;
	margin:2% 0% !important;
	
	/*display: block;*/

	/*background: silver;*/
}
.li_big{
	/*padding-bottom: 10%;*/
	height: 5vh !important;
	padding-bottom: 2% !important; 

}

.manual_list li span{
	font-size: 0.9em;
	/*background: red;*/
	width: 50% !important;
	clear: none;
	float: left;


}
.manual_list li a{
	font-size: 0.85em;

	/*background-color: pink;*/
	margin:0% 0 0 0%;
	padding: 5px;
	float: right !important;
	clear: none;
	color: #DC143C;


	/*width: 100% !important;*/
}


.manual_btn{
	width: 100%;
	float: left;

}


.part_list .btn{
	font-weight: bold;
	color: #DC143C;

}

.retro_btn a{
	color: #DC143C;
	/*font-weight: bold;*/
}





.sidenav_pro_hide{
	visibility: hidden !important;
}

.fixed_pro_hide{
	/*display: none;*/
	visibility: visible;
	padding: 2px 0px;
	margin-top: -20%;


}

.fixedpro_display{
	display: none;
}


/*product page*/
.title_chal_pro .display-4{
font-size: 1em;

}

.title_chal_pro span{
font-size: 1em !important;
	
}
.title_chal_pro{
	width: 100% !important;
	/*position: absolute;*/
font-size: 1em;
border-left: 20px solid #f0ad4e;
border-right: 20px solid #f0ad4e;
line-height: 1.5em;
/*box-sizing: border-box !important;*/


}
.mobile_pro_margin{
	
	left: 0% !important;
	margin-top: 0% !important;
}

.pro_list{
	margin-left: 0% !important;
	width: 120%;
}

.pro_table{
	font-size: 0.8em;
}

.pro_list h6{
	font-size:0.8em !important;
	margin-left: 1%;
	
}


.pro_list h5{
	font-size:0.8em !important;
	margin-left:0%;
	width: 80% !important;
	height: 20vh !important;
	padding-right: 5px !important;	
}

#pro_pdf_btn{
	background: red !important;
	margin-top: 5% !important;
	/*float: left !important;*/


}

.pro_pdf_btn_br{
	float: right !important;
}

/*autorotate of product*/

	 .a_rotate_pro{	
	left: 10%; 
	width: 100px !important; 
	height:10% !important; 
	 top: 80%; 
	 font-size: 0.5em !important;
padding: 10px !important;

	 margin-top: 1%;
	 margin-right: 100%;
	 font-weight: bold;
	 letter-spacing: 0.1em;

}






.pro_custom_wrapper{
	height:170vh !important;
}

.pro_custom_wrapper .title_chal{
	
	height: 15% !important;
}
.pro_de{
	width: 50% !important;
	margin-left: 25% !important;
	padding: 0% !important;
}
.pro_custom_wrapper p{margin-top: 10%;}

.retro_wrapper .title_chal{
	height: 20% !important;
	width: 80% !important;
	margin-left: 10% !important;
}


.retro_wrapper_h5{
	font-size:1em !important;
	margin-left:-5% !important;
	width:90% !important;
	height: 15vh !important;
	max-height: 50px !important;
	padding-right: 5px !important;	
	text-transform: capitalize ;

}


.retro_wrapper p{
	width: 100% !important;
	font-weight:normal !important;
	margin-left: -10% !important;
	line-height: 1.2em !important;

}




/*slider footer*/
.bac_fix{
display: none !important;
/*visibility : hidden !important;*/
}
.get_page_height{
height: 2200vh !important;
}

.key_app{
	width: 90%;
	margin-bottom: 50%;

	/*background: red;*/
	height: 100%;
	/*background: #f8f8fa ; */
	 margin : 3% 5%; 
	 /*box-shadow: 0px 0px 10px gray;*/



}

.key_app_1{
	float: none !important;
	padding:5% 5% 5% 10%;
	 width: 100%;
	 height:60vh;  
	 
	  /*background: white ;*/
}


.key_app_1 h3{
font-size: 1em !important;
}

.key_app_1 h5{
font-size: 1em !important;
}

.key_video{
	float: none !important;
padding: 50px 0px;
 padding-left: 5%; 
 width:90%;
  max-width: 100%; 


}

.key_video video{
box-shadow: 0px 0px 10px #4e4d7a; 
height: 90%;
}



.key_app_height {
background: #f8f8fa;
/*box-shadow: 0px 0px 10px silver;*/
 margin: auto; 
	/* padding-left: 5%;*/
 font-family: Adobe Caslon Pro; 
font-size: 1em;
color: #4e4d7a;
font-weight: normal !important; 
line-height: 1.5em;
padding: 5% 0%;

}

.key_fp{
	width: 95% !important;
	padding:  0% !important;

	padding-left:  5% !important;
	margin:0% !important;
}
.key_fp_2{
	float: none !important;
	padding:  0% !important;
	padding-left:  5% !important;
}
.key_fp_btm{
	/*margin-left: 1% !important;*/

	width: 100% !important;
	margin:auto !important;
}
.key_fp_btm p{ 
	margin: 5% 0 0 1% !important;
padding: 0% !important;
width: 100% !important;
text-align: center;
font-size: 1em;
	
}
/*key app paragraph */
.mob_p{
	display: block !important;
	float: right;
	font-size: 1.5em;
	/*background: #F8F8FA!important;*/
	/*border-bottom: 2px solid orange;*/
	padding: 0px;

	/*box-shadow: 1px 1px 10px silver;*/
}



/*spigot part wrapper*/
.spigot_1{
	height: 130vh !important;
	width: 100% !important;
}
.spigot_2{
	height: 130vh;
	
}

.pro_part_wrapper .title_chal_pro{
height: 20% !important;
padding-top: 2% !important;
width: 70% !important;
}


#sp_1{
	width: 50% !important; 
	margin: 0 25% !important;
}

.spigot_sp_p1{
	margin: 0 15% !important;
	width: 100%;
}

.spigot_1_img ul li{
	margin: 0 15% !important;
	width: 100% !important;
}
#sp_2{
	width: 60% !important; 
	margin: 0 20% !important;
}

.spigot_sp_p2{
	margin: 0 15% !important;
	width: 100%;
}

.spigot_2_img ul li{
	margin: 0 15% !important;
	width: 100% !important;
}

/*home key app title*/
.homekey_title{
	width: 40% !important;
	margin-left:30%;
}
.testi_wrapper{
	height: auto !important;

	margin-left: 1% !important;
}
.testi_img{
	width: 40% !important;
	margin-left: 35% !important;
}
.testi_bg{
	height: auto !important;
	padding: 2% 2% !important;
}
.testi_para{
	font-size: 0.8em !important;	
	width: 100% !important;
}
.testi_end{
	/*margin: 30% 0px 0 15px !important;*/
}
.testi_title{
	font-size: 0.9em !important;
}

.testi_sub{
	font-size: 0.9em !important;
}
.con_wrapper_ul{
padding: 10px 0 5px 10px !important;
}


.contact_wrapper_img img{
 border: none;	
	 margin-left: 7% !important;
	 padding-top: 10% !important;
	 width: 50% !important;
 }

.test_c_para{
	 margin-bottom: 27vh !important;
}

.prev_testi{
	visibility: hidden!important;
}



.event_pic img{
	width: 50% !important;
	margin-left: 25%;
}

.event_pic a{

	margin-left:35% !important;

}
.event-card{
	width: 60% !important;
	margin-bottom: 5%;
margin-left:20%;

	 height:auto !important;
	 display: block !important;

}

.event-img img{
margin-left:50%;
}

.last_img_event{
	margin-left: 20% !important; 
}





/*APPLICATIONS*/

.poster-main{
	margin-left: -20% !important; 
}
.poster-list{
	/*margin-left: 50% !important; */

}
.pictureSlider{
	/*margin-left: 50% !important; */
}
.app_demo_1{
	/*margin-left: 50% !important;*/
}
.poster-main .poster-prev-btn {
   left:22% !important;
   z-index: 9999;
   /*background: orang*/
   top: -20% !important;
   display: none;
  
}

.poster-main .poster-next-btn {
  right: 40% !important;
  z-index: 9999;
   top: -20% !important;
   display: none;

  
}



.all_pdf{
padding-bottom: 2%;
}
.all_pdf_pro{
	padding-left: 10% !important;
}

.all_pdf .all_pdf_btn a{
background: #4e4d7a;
color: white !important;
line-height: 1em !important;


}


.all_pdf .all_pdf_h{
	font-size: 0.9em !important;
}








}




































/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  /*.logo_wrapper {background: blue !important;}*/
	.all_title_rep{
		width: 50% !important;
	margin-left: 25% !important;

}

.all_title_rep_pro{
		width: 50% !important;
	margin-left: 30% !important; 
	}

.all_title_rep_abt{
	width: 50% !important;
	margin-left:35% !important;
}



  /*heading style*/
	.title_chal{
		width: 70% !important	;
		font-size: 1em !important;
		height: 12vh !important;
		margin-bottom: 5% !important;
	}

	.title_chal  .display-4{
		font-size: 2em !important;
	}

  .logo_3{
		
		width: 25% !important;
		padding-top: 2%;		
	}
		
	.logo_name{	   
		width: 60% !important; 
		margin:1% 0 0 1% !important;
	}
	#logo_4{
		position: absolute;
		right: 0%;

	}

	#logo_4 i{
		font-size: 2.5vw !important	;

	}



nav{
	height:40px !important;
}


	/*menu*/
	#nav_c{
 position: absolute !important;
  left: 85% !important;

    top: 0% !important; 
      height:40px !important; 
   
     /*width: 130px;*/
		
	}


	/*	nav{
		height: 4vw !important;
		min-height: 3.5vw !important;
		max-height: 3vw !important;
	}
*/
	


	.navbar-brand i{
		font-size: 3vw !important;
	}
	.navbar-toggler-icon{
		font-size: 4vw !important;
	}


		/*1st slide*/
	.carousel-inner{
		height: 450px !important;
		padding-top: 5% !important;
		box-shadow: -10px 0px 15px gray;


		/*background-color: pink;*/

	}
	.carousel-control-prev {
		margin:0vh 0 0 1vh !important;
		
		top: 20vh !important; 

	}
	.carousel-control-next {
		margin:0vh !important;
		top: 20vh !important; 
	}

	.carousel-indicators{
		/*display: none;*/
		/*visibility: hidden;*/
		left: 50% !important;

	}

	.sld_sub_title h1{
		font-size: 3vw;
	}

	.sld_sub_title h5{
		font-size: 2vw;
	}
	.sld_sub_title p{
		font-size: 2vw;
		font-weight: normal;
		padding: 1% !important;
		width: 100% !important;
		text-align: left !important;
		margin: 0px !important;
	}
	.sld_sub_left_1st{
		width: 50% !important;
		/*height: 250px !important;*/
		padding-top: 1% !important;
		

	}
	
		.sld_sub_left_1st i{
			font-size: 2em !important;
			margin-left: 0% !important;
		}

	.sld_sub_left_1st span{
			
			margin-left: -2% !important;
		}

	.sld_sub_right_1stslide{
		width: 50% !important;
		height: 100% !important;
	position: relative !important;
	left: -5% !important;
	background: #e5ecf3 !important;
		/*background: red;*/
		margin-top: -5vh !important;

	}

	.sy_sus{
		animation: none !important;
	}

	.autorotate{	
	left:  60% !important; 
	width: 100px !important; 
	height:3.5vw; 
	 top: 70%; 
	 font-size: 0.5em;
padding: 10px !important;
/*margin-left: */

	
}


/*footer*/
.footer_res{
	max-width: 100% !important;
	height: auto !important;
	padding-bottom: 10px;
}

.f_nav h4{
	width: 100% !important;
	margin-left: 0px !important;
}


.footer .nav ul{
	margin-left: 0% !important;
 max-width: 100% !important;
 width: 100% !important;
  list-style-type: initial !important;
    list-style-image: url('../bullete.png')  !important;

}



.footer .footer_form {
	max-width: 390px !important;
	width: 100px !important;
	float: none !important;
	clear: both !important; 
	margin-left: 350px !important;
	padding-left: 350px !important;
}



footer p {
	font-size: 0.9em !important;
	padding: 0.5em 0;
}

footer i {
	font-size: 1.2em !important;
	padding: 0.5em 0;
}


.footer_road{
	bottom: -20% !important;
	right: -158% !important;
	height: 100% !important;
}




/*APPLICATIONS*/




.poster-main{

	/*margin-left: 0 -10% !important; */
}


.poster-main .poster-prev-btn {
   left:10% !important;
   z-index: 9999;
   /*background: orang*/
   bottom: 10%;
    top: -20% !important;
}

.poster-main .poster-next-btn {
  right: 25% !important;
  z-index: 9999;
  top: -20% !important;
  
}

.app_margin{
	margin-left: 10% !important;
}
.app_img{
	width: 40vw !important;

}


.s_video_wrapper{
	height: 400vh !important;
	/*direction: inline;*/
	padding-left: 10% !important;
	/*padding: 20px;*/
}

.s_video{
	/*position: relative;*/
	margin:0 0 0% 10px !important;
	float: left !important;
	width: 40vw !important;
	height:auto !important;
	/*background: pink;*/
}

.s_video_t h6{
font-size: 0.8em !important;
}


/*about menu*/
.chal_wrapper{
	height: auto !important;
}


.sign_m{
	width: 10% !important;
	margin-top: 2% !important;
	margin-left: -3% !important;
}
.his_wrapper{
	/*height: 300vh !important;	*/
}
.his_wrapper img{
margin: 5% 15%;
/*margin:auto;*/
width: 60%;
float:none;
}
.his_wrapper  p{
	font-size: 0.9em;
	font-weight: normal;
}

.his_wrapper  ul{
	font-size: 0.9em;
	font-weight: normal;
}


.miss_wrapper{
	height:auto  !important;
}
.miss_wrapper img{
 margin:-5% 10px 5px 15% !important; 
 width: 50%;
 float: none !important;
}

.miss_wrapper .mis_p{
	height: 100vh ;
	font-weight: normal; 
	font-size: 0.9em;
	padding-left:  20%;

}



.pol_wrapper{	
width: 100%;
height: auto !important;

}
.pol_wrapper img{
width:55%;
height:auto;

margin-left:25%;
}
.ul_pol{
	margin-left:15%;
}
.ul_pol li a {
	font-size: 0.9em !important;
}
.carr_wrapper{
	width: 100% !important;
	/*margin: -10% !important;*/
	height: auto;
}
.carr_wrapper img{
	display: none;
}
.li_big{
	/*padding-bottom: 10%;*/
	height: 7vh !important;
	/*padding-bottom: 2% !important; */

}

.part_list .btn{
	font-weight: bold;
	color: #DC143C;

}
.retro_btn a{
	color: #DC143C;
	font-weight: bold;
}



.sidenav_pro_hide{
	visibility: hidden !important;
}

.fixed_pro_hide{
	/*display: none;*/
	visibility: visible;
	padding: 2px 0px;
	margin-top: -20%;


}

.fixedpro_display{
	display: none;
}


/*product page*/
.title_chal_pro .display-4{
font-size: 1em;

}

.title_chal_pro span{
font-size: 1em !important;
	
}
.title_chal_pro{
	width:90% !important;
	/*position: absolute;*/
font-size: 1em;
border-left: 20px solid #f0ad4e;
border-right: 20px solid #f0ad4e;
line-height: 1.5em;
/*box-sizing: border-box !important;*/


}
.mobile_pro_margin{
	
	left: 0% !important;
	margin-top: 0% !important;
}

.pro_list{
	margin-left: 0% !important;
	width: 120%;
}

.pro_table{
	font-size: 0.8em;
}

.pro_list h6{
	font-size:0.8em !important;
	margin-left: 1%;
	
}


.pro_list h5{
	font-size:1em !important;
	margin-left:0%;
	width: 80% !important;
	height: 7vh !important;
	padding-right: 5px !important;	
}

#pro_pdf_btn{
	background: red !important;
	margin-top: 0% !important;
	
	/*float: left !important;*/


}

.pro_pdf_btn_br{
	float: right !important;
}
/*autorotate of product*/

	 .a_rotate_pro{	
	left: 10%; 
	width: 100px !important; 
	height:10% !important; 
	 top: 80%; 
	 font-size: 0.5em !important;
padding: 10px !important;

	 margin-top: 1%;
	 margin-right: 100%;
	 font-weight: bold;
	 letter-spacing: 0.1em;

}





.pro_custom_wrapper{
	height:auto !important;
}
.pro_custom_wrapper .title_chal{
	width: 50% !important;
	height: 7% !important;
}
.pro_de{
	width: 60% !important;
	margin-left: 20% !important;
	padding: 0% !important;
}

.retro_wrapper .title_chal{
	height: 20% !important;
	width: 80% !important;
	margin-left: 10% !important;
}


.retro_wrapper_h5{
	font-size:1em !important;
	margin-left:-5% !important;
	width:90% !important;
	height: 20vh !important;
	max-height: 50px !important;
	padding-right: 5px !important;	
	text-transform: capitalize ;

}



.key_app .title_chal{
	height: 80px !important;
}

/*slider footer*/
.bac_fix{
display: none !important;
/*visibility : hidden !important;*/
}

.key_app{
	width: 90%;
	margin-bottom: 50%;

	/*background: red;*/
	height: 100%;
	/*background: #f8f8fa ; */
	 margin : 3% 5%; 
	 /*box-shadow: 0px 0px 10px gray;*/



}

.key_app_1{
	float: none !important;
	padding:5% 5% 5% 10%;
	 width: 100%;
	 height:auto;  
	 
	  /*background: white ;*/
}


.key_app_1 h3{
font-size: 1em !important;
}

.key_app_1 h5{
font-size: 1em !important;
}

.key_video{
	float: none !important;
padding: 50px 0px;
 padding-left: 5%; 
 width:90%;
  max-width: 100%; 


}

.key_video video{
box-shadow: 0px 0px 10px #4e4d7a; 
height: 90%;
}



.key_app_height {
background: #f8f8fa;
/*box-shadow: 0px 0px 10px silver;*/
 margin: auto; 
margin-left: 7%;
font-size: 1em;
font-weight: normal;
padding: 5% 0%;


}

.key_fp{
	width: 95% !important;
	padding: 0% !important;
	padding-left:  5% !important;
	margin:0% !important;
}
.key_fp_btm p{

	

padding: 0% !important;
width: 90% !important;
text-align: center;
font-size: 1em;
}
/*key app paragraph */
.mob_p{
	display: block !important;
	float: right;
	font-size: 1.5em;
	/*background: #F8F8FA!important;*/
	/*border-bottom: 2px solid orange;*/
	padding: 0px;

	/*box-shadow: 1px 1px 10px silver;*/
}


/*spigot part wrapper*/
.spigot_1{
	height: 50vh !important;
	width: 100% !important;
}
.spigot_2{
	height: 50vh;
	
}

.pro_part_wrapper .title_chal_pro{
height: 20% !important;
padding-top: 2% !important;
width: 70% !important;
}


#sp_1{
	width: 50% !important; 
	margin: 0 25% !important;
}

.spigot_sp_p1{
	margin: 0 15% !important;
	width: 100%;
}

.spigot_1_img ul li{
	margin: 0 15% !important;
	width: 100% !important;
}
#sp_2{
	width: 60% !important; 
	margin: 0 20% !important;
}

.spigot_sp_p2{
	margin: 0 15% !important;
	width: 100%;
}

.spigot_2_img ul li{
	margin: 0 15% !important;
	width: 100% !important;
}

/*home key app title*/
.homekey_title{
	width: 40% !important;
	margin-left:25%;
}
.testi_wrapper{
	height: auto !important;

	margin-left: 1% !important;
}
.testi_img{
	width: 40% !important;
	margin-left: 35% !important;
}
.testi_bg{
	height: auto !important;
	padding: 2% 2% !important;
}
.testi_para{
	font-size: 0.8em !important;	
	width: 100% !important;
}
.testi_end{
	/*margin: 30% 0px 0 15px !important;*/
}
.testi_title{
	font-size: 0.9em !important;
}

.testi_sub{
	font-size: 0.9em !important;
}
.con_wrapper_ul{
padding: 10px 0 5px 10px !important;
/*width: 100% !important;*/

min-width: 100% !important;

}


.contact_wrapper_img img{
 border: none;	
	 margin-left: 100% !important;
	 padding-top: 10% !important;
	 width: 100% !important;
 }
.test_c_para{
	 margin-bottom: 10vh !important;
}
.prev_testi{
	visibility: hidden!important;
}


} 
































/*no change in this*/

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  /*.logo_wrapper {background: orange !important;}*/
  /*heading style*/

 	.all_title_rep{
		width: 50% !important;
	margin-left: 25% !important;

}

.all_title_rep_pro{
		width: 50% !important;
	margin-left: 30% !important;
	}

.all_title_rep_abt{
	width: 50% !important;
	margin-left:35% !important;
}


	.title_chal{
		width: 70% !important	;
		font-size: 1em !important;
		height: 7vh !important;
		margin-bottom: 5% !important;
	}

	.title_chal  .display-4{
		font-size: 2em !important;
	}

  .logo_3{
		
		width: 20% !important;
		padding-top: 2%;		
	}
		
	.logo_name{	   
		width: 60% !important; 
		margin:1% 0 0 1% !important;
	}
		

	#logo_4 i{
		font-size: 2vw !important	;

	}

	nav{
		height: 45px !important;
	}
	#nav_c{
 position: absolute !important;
  left: 90% !important;
   height:45px !important; 
    top: 0% !important; 
     /*width: 130px;*/
		
	}



	.navbar-brand i{
		font-size: 2.5vw !important;
	}
	.navbar-toggler-icon{
		font-size:3vw !important;
	}


		/*1st slide*/
	.carousel-inner{
		height: 600px !important;
		max-height: 100% !important;

		/*background-color: pink;*/

	}
	.carousel-control-prev {
		margin-top: 0% !important;
	}
	.carousel-control-next {
		margin-top: 0% !important;
	}
	.carousel-indicators{
		/*display: none;*/
		/*visibility: hidden;*/
		left: 50% !important;

	}

	.sld_sub_title h1{
		font-size: 2.5vw;
	}

	.sld_sub_title h5{
		font-size: 1.7vw;
		margin: 0 0 2% 0 !important;
	}
	.sld_sub_title p{
		font-size: 1.5vw;
		font-weight: normal;
		padding: 1% !important;
		width: 100% !important;
		text-align: left !important;
		margin: 0 0 2% 0 !important;
	}
	.sld_sub_left_1st{
		width: 50% !important;
		/*height: 250px !important;*/
		padding-top: 5% !important;
		

	}
	
		.sld_sub_left_1st i{
			font-size: 1.5em !important;
			margin-left: 0% !important;
		}

	.sld_sub_left_1st span{
			
			margin-left: -3% !important;
		}

	.sld_sub_right_1stslide{
		width: 50% !important;
		height: 100% !important;
	position: relative !important;
	left: 0% !important;
		background: #e5ecf3 !important;

	}

	.sy_sus{
		 animation: box_pro 5s ease infinite !important;
	}

	.autorotate{	
	left:  60% !important; 
	width: 100px !important; 
	height:3.5vw !important; 
	 top: 70%; 
	 font-size:1em;
padding: 10px !important;
/*margin-left: */

	
}

.sld_sub_button_1800{
	position: absolute;
	top:57% !important;
	/*right:50%;*/
	z-index: 5 !important;
	width: 150px;
	/*padding:0px !important;*/
	/*left: 30%;*/
	/*width: 100px;*/

}

.sld_sub_button_1800 span{
font-size: 0.9em !important;
}

/*footer*/
.footer_res{
	max-width: 100% !important;
	height: auto !important;
	padding: 1% 0% !important;
}

.f_nav h4{
	width: 100% !important;
	margin-left: 0px !important;
}


.footer .nav ul{
	margin-left: 5% !important;
 max-width: 50% !important;
 width: 20% !important;
  list-style-type: initial !important;
    list-style-image: url('../bullete.png')  !important;

}

.footer .nav .nav_ul_1{
	 width: 30% !important;
	 margin-right: 5%;
}

.footer .nav .nav_ul_2{
	 width: 30% !important;
	 /*margin-left: 45%;*/
}


.footer .footer_form {
	max-width: 100% !important;
	width: 100px !important;
	float: none !important;
	/*clear: both !important; */
	margin-left: 350px !important;
	/*padding-left: 350px !important;*/
	/*background: red !important;*/
}



footer p {
	font-size: 0.9em !important;
	padding: 0.5em 0;
}

footer i {
	font-size: 1.2em !important;
	padding: 0.5em 0;
}

/*APPLICATIONS*/

.poster-main{
margin-left: 5% !important; 
}


.poster-main .poster-prev-btn {
   left:1% !important;
   z-index: 9999;
   /*background: orang*/
   bottom: 10%;
    top: -20% !important;
    display: block;
}

.poster-main .poster-next-btn {
  right: 10% !important;
  z-index: 9999;
  top: -20% !important;
  display: block;
  
}
.app_margin{
	margin-left: 5% !important;
}
.app_img{
	width: 20vw !important;
	
	float: none;
	/*height: auto !important;*/

}

.s_video_top{
	margin-top:-10% !important;
}
.s_video_wrapper{
	height:500vh !important;
	/*direction: inline;*/
	padding-left: 10% !important;
	/*padding: 20px;*/
}

.s_video{
	/*position: relative;*/
	margin:10% 0 0% 10px !important;
	float: left !important;
	width: 40vw !important;
	height: auto !important;
	/*background: pink;*/
}

.s_video_t h6{
font-size: 0.8em !important;
}



/*about menu*/
.chal_wrapper{
	height: 100vh !important;
	
}

.chal_wrapper_left{
	float: right !important;
	width: 30%;
	height: 100vh;
	/*margin: auto;*/
	/*height: 50%;*/
	/*display: block !important;*/
	
}


.chal_wrapper_left img{

margin:2% 5% 0 35%;
 width:40%;
 height: 25%;
  /*height: 2%;*/
  /*background: red !important;*/


}
.chal_wrapper_left p{
width: 100%; 
margin:2% 0% 5% 5%;
font-size: 0.8em !important; 
line-height: 1.5em; 
font-weight: bold;
text-align: center;
}
.sign_m{
	width: 25% !important;
	margin-top: 2% !important;
	margin-left: -3% !important;
}

.chal_wrapper_right{
	float: left !important;
	width: 60%;
	/*height: 50vh !important;*/
padding:0 0%;
margin: 0% 0  0 10%;
	/*height: 50%;*/
font-size: 0.9em; 
line-height: 2em; 
	
}
.miss_wrapper{
	height:50vh  !important;
}
.miss_wrapper img{
 margin:-5% 10px 5px 5% !important; 
 width: 50% !important;
 float: left !important;
}

.miss_wrapper .mis_p{
	height: 50% !important;
	font-weight: normal; 
	font-size: 0.9em;
	padding-left: 1% !important;
	margin-left: 0% !important;
margin-top: 0% !important;


}



.his_wrapper img{
margin-top: 5%;
/*width: */
}

.his_img{
	width: 60% !important;
	height: 400px !important;
	float: none !important;
	margin-left: 15% !important;
}
.his_wrapper  p{
	font-size: 0.9em;
	font-weight: normal;
	/*float: none !important;*/

}




.pol_wrapper{	`	
width: 100%;
height: 250vh !important;

}
.pol_wrapper img{
width:55%;
height:70vh;

margin-left:25%;
}
.ul_pol{
	margin-left:15%;
}
.ul_pol li a {
	font-size: 0.9em !important;
}


.award_wrapper {
	width: 70% !important;
}
.award_wrapper h5{
/*font-size: 0.9em;*/
margin: 0% 0 0 15%;
width: 100%;
}
.award_wrapper iframe{
	width: 100%;
	margin: 0% 0 0 15%;
}

.award_img{
	width: 80% !important;
	margin-left:15% !important;
	margin-bottom: 100px;
}
.carr_wrapper{
	width: 100% !important;
	/*margin: -10% !important;*/
	height: 150vh;
}
.carr_wrapper img{
	display: none;
}


.sidenav_pro_hide{
	visibility: hidden !important;
}

.fixed_pro_hide{
	/*display: none;*/
	visibility: visible;
	padding: 2px 0px;
	margin-top: -20%;


}

.fixedpro_display{
	display: none;
}


/*product page*/
.title_chal_pro .display-4{
font-size: 1em;

}

.title_chal_pro span{
font-size: 1em !important;
	
}
.title_chal_pro{
	width:80% !important;
	/*position: absolute;*/
font-size: 1.5em;
border-left: 20px solid #f0ad4e;
border-right: 20px solid #f0ad4e;
line-height: 1.5em;
/*box-sizing: border-box !important;*/


}
.mobile_pro_margin{
	
	left: 0% !important;
	margin-top: 0% !important;
}

.pro_list{
	margin-left: 0% !important;
	width: 120%;
}

.pro_table{
	font-size: 0.8em;
}

.pro_list h6{
	font-size:0.8em !important;
	margin-left: 1%;
	
}


.pro_list h5{
	font-size:1em !important;
	margin-left:0%;
	width: 80% !important;
	height: 7vh !important;
	padding-right: 5px !important;	
}

#pro_pdf_btn{
	background: red !important;
	margin-top: 0% !important;
	
	/*float: left !important;*/


}

.pro_pdf_btn_br{
	float: right !important;
}
/*autorotate of product*/

	 .a_rotate_pro{	
	left: 10%; 
	width: 100px !important; 
	height:10% !important; 
	 top: 80%; 
	 font-size: 0.5em !important;
padding: 10px !important;

	 margin-top: 1%;
	 margin-right: 100%;
	 font-weight: bold;
	 letter-spacing: 0.1em;

}

.pro_custom_wrapper{
	height:100vh !important;
}
.pro_custom_wrapper .title_chal{
	width: 50% !important;
	height: 10% !important;
}
.pro_de{
	position: absolute;
	top: 30%;
	width: 50% !important;
	margin-left: 25% !important;
	padding: 0% !important;
}

.pro_custom_wrapper .custom{
	width: 80%;
	margin-left: 10%;
	margin-top: 0%;	
}

.retro_wrapper .title_chal{
	height: 20% !important;
	width: 70% !important;
	margin-left: 15% !important;
}


.retro_wrapper_h5{
	font-size:1em !important;
	margin-left:-5% !important;
	width:90% !important;
	height: 7vh !important;
	padding-right: 5px !important;	
	text-transform: capitalize ;

}

/*slider footer*/
.bac_fix{
display: none !important;
/*visibility : hidden !important;*/
}

.key_app{
	width: 90%;
	margin-bottom: 50%;

	/*background: red;*/
	height: 100%;
	/*background: #f8f8fa ; */
	 margin : 3% 5%; 
	 /*box-shadow: 0px 0px 10px gray;*/



}

.key_app_1{
	float: left !important;
	padding:5% 5% 5% 10%;
	 width: 100%;
	 height:auto; 

	 
	  /*background: white ;*/
}


.key_app_1 h3{
font-size: 1em !important;
}

.key_app_1 h5{
font-size: 1em !important;
}

.key_video{
	float: none !important;
padding: 50px 0px;
 padding-left: 20% !important; 
 width:80%;
  max-width: 100%; 


}

.key_video video{
box-shadow: 0px 0px 10px #4e4d7a; 
height: 50%;
}



.key_app_height {
background: #f8f8fa;
/*box-shadow: 0px 0px 10px silver;*/
 margin: auto; 
margin-left: 7%;
font-size: 1em;
font-weight: normal;

padding: 5% 0% !important;

}

.key_fp{
	width: 70% !important;
	padding: 0% !important;
	margin:0% !important;

	height: 70%;
}
.key_fp_1{
	/*margin-left: -50% !important;
	padding-left: -50% !important;*/
	
}

.key_fp_1 span{
	
	width: 85% !important;

}


.key_fp_2 span{
	
	width: 85% !important;

}



.key_fp_2{
	float: right !important;
	padding-left: 0% !important;
}
.key_fp_btm{
	/*margin-left: 1% !important;*/
	width: 100% !important;
}
.key_fp_btm p{
	margin-left: 20% !important;
	width: 90% !important;
}


/*key app paragraph */
.mob_p{
	display: block !important;
	float: right;
	font-size: 1.5em;
	/*background: #F8F8FA!important;*/
	/*border-bottom: 2px solid orange;*/
	padding: 0px;

	/*box-shadow: 1px 1px 10px silver;*/
}
/*spigot part wrapper*/
.spigot_1{
	height: 70vh !important;
	width: 100% !important;
}
.spigot_2{
	height: 70vh;
	
}

.pro_part_wrapper .title_chal_pro{
height: 20% !important;
padding-top: 2% !important;
width: 70% !important;
}


#sp_1{
	width: 50% !important; 
	margin: 0% !important;
	float: right;
}

.spigot_sp_p1{
	margin: 0 5% !important;
	width: 100%;
}

.spigot_1_img{
	margin-top: 10% !important;
	
}


.spigot_1_img ul li{
	margin: 0 5% !important;
	width: 100% !important;
}

#sp_2{
	width: 60% !important; 
	margin: 0% !important;
	float: right;
}

.spigot_sp_p2{
	margin: 0 5% !important;
	width: 100%;
}

.spigot_2_img{
	margin-top: 10% !important;
	
}


.spigot_2_img ul li{
	margin: 0 5% !important;
	width: 100% !important;
}



/*home key app title*/
.homekey_title{
	width: 20% !important;
	margin-left:40% !important; 
}
.testi_wrapper{
	height: auto !important;

	margin-left: 1% !important;
}
.testi_img{
	width: 25% !important;
	margin-left: 40% !important;
}
.testi_bg{
	height: auto !important;
	padding: 2% 2% !important;
}
.testi_para{
	font-size: 1.2em !important;	
	width: 100% !important;
}
.testi_end{
	/*margin: 30% 0px 0 15px !important;*/
}
.testi_title{
	font-size: 1.2em !important;
}

.testi_sub{
	font-size: 1em !important;
}


.con_wrapper_ul{
padding: 10px 0 5px 10px !important;
/*width: 100% !important;*/

min-width: 100% !important;

}


.contact_wrapper_img img{
 border: none;	
	 margin-left: 100% !important;
	 padding-top: 10% !important;
	 width: 100% !important;
 }
 .prev_testi{
	visibility: visible!important;
}

.event_pic a{

	margin-left:40% !important;

}
} 



/*no change in this*/

























/*
@media only screen and (max-width: 2000px) and (min-width: 1200px) {*/
/* Extra large devices (large laptops and desktops, 1200px and up)background: orange !important; */
@media only screen and (min-width:850px) {

.poster-main{
	overflow: hidden;
	/*margin-left: 20vw !important; */
	 margin: 0% !important;

	 padding: 0% !important;

margin-left : 10%   !important;

	  width: 100% !important;
	  /*max-width: 80vw !important;*/
	  /*padding: auto !important;*/
}


.poster-main .poster-prev-btn {
	opacity: 0;
   left:-7% !important;
   z-index: 9999;
   /*background: orang*/
   top: -10% !important;

  
}

.poster-main .poster-next-btn {
	opacity: 0;	
  right: 0vw !important;
  z-index: 9999;
 top: -10% !important;
  
}

}





















/*
@media only screen and (max-width: 2000px) and (min-width: 1200px) {*/
/* Extra large devices (large laptops and desktops, 1200px and up)background: orange !important; */
@media only screen and (min-width: 992px) {
  .logo_wrapper { height: 7.5vw;}

	.all_title_rep{
		width: 30% !important;
		width: 30vmax !important;
	margin-left: 30% !important;
}

.all_title_rep_abt{
	margin-left: 35%;
	width: 30% !important;
}
  .all_title_rep_pro{
		width: 40% !important;
	margin-left: 30% !important;
	}



/*heading style*/
	.title_chal{
		width: 40% !important;
		/*min-width: 50% !important;*/
		font-size: 1.5vw !important;
		height: 15% !important;
		margin:0 0 5% 30%!important;
		
	}

	.title_chal  .display-4{
		font-size: 2em !important;
	}



   .logo_3{
		
		width: 20% !important;
		max-width:20% !important;
		padding-top: 1%;
		 margin-top: -0.5%;		
position: relative;
left: 4%;
		 /*margin-left: 0% !important;*/
	}
		
	.logo_name{	   
		width: 48% !important; 
		max-width:50% !important;
		/*height: 0% !important;*/
		margin:0% 0  0 2% !important;
		/*background: red;*/
	}
		.title_bottom{
		width: 70% !important;
		height:  45% !important;
		margin: -2% 0 0 7%  !important;
	}

	#logo_4 i{
		font-size: 2vw !important	;

	}

	#logo_4{
		position: absolute;
		right: 1%;

	}


	.navbar-brand i{
		font-size: 2vw !important;
	}
nav{
		height:45px !important;
		/*max-height:7vh !important;
		min-height: 7vh !important;*/

	}

	#nav_c{
 position: absolute !important;
  left: 90% !important;
  /*margin-right: -10% !important;*/
   height:45px !important; 
   max-height:45px !important;
   min-height:45px !important;
    top: 0% !important; 
    padding-top: 10px !important;
     /*width: 130px;*/
		
	}


	/*slider*/

.slider_wrapper{
height: 45vw !important;
/*min-height: 45vw !important;*/
max-height: 90vw !important;
margin-bottom: 15vh !important;
}



.carousel-inner{
		height: 80vh !important;
		max-height: 100vh !important;
		min-height: 80vh !important;
		box-shadow: -10px 0px 15px gray;
		padding-top: 1% !important;
	}
.carousel-indicators{
		/*display: inline-block !important;*/
		visibility: visible !important;
	}

	.carousel-indicators li {
	    max-width: 3vw;
	   width: 3vw;
	    max-height:5vh;
	    min-height:3vh;
	   height:4.5vh !important;
	 /*background-size: 80px 60px !important;*/


	    
	}

	.carousel-control-prev {
		margin:0vh 0 0 2vh !important;
		
		top: 25vh !important; 

	}
	.carousel-control-next {
		margin:0vh !important;
		top: 25vh !important; 
	}

	.sld_sub_title h2{
		font-size: 2vw !important;
	}

.sld_sub_title h1{
		font-size: 2.5vw;
		padding-left: -10% !important;
		margin-left: -20% !important;
	}

	.sld_sub_title h5{
		font-size: 1.7vw;
		margin: 0 0 2% -20% !important;
	}
	.sld_sub_title p{

		font-size: 1.2vw !important;
		font-weight: bold !important;
		padding: 1% !important;
		width: 90% !important;
		text-align: left !important;
		margin: 0 0 2% 0% !important;
	}
	.sld_sub_left_1st{
		width: 42vw !important;
		min-width: 50vw !important;
		height: 80vh !important;
		padding-top: 15vh !important;
		font-size: 1.1em !important;
		/*background: blue !important;*/
		

	}
	
		.sld_sub_left_1st i{
			font-size: 1.5em !important;
			margin-left: 0% !important;
		}

	.sld_sub_left_1st span{
			
			margin-left: -3% !important;
		}

	.sld_sub_right_1stslide{
		width: 37vw !important;

		/*height: 150px !important;*/
	position: relative !important;
	left: -5vw !important;

	margin-top: -5vh !important;
	
		/*background: red;*/

	}
.sy_sus{
	animation: none !important;
}


.autorotate{	
	left: 40vw !important; 
	width: 150px !important; 
	height:6vh !important; 
	max-height: 5vw !important;
	 top: 65vh !important; 
	 font-size: 1em !important;
padding: 10px !important;
/*margin-left: */

	
}


/*other slides*/

.sld_sub_left_otr li{
font-weight: bold;
font-size:1vw !important;
}

.sld_sub_left_otr p{
		text-indent: 0px !important;
		margin:0.5% 0% !important;
}

.slider_show_ul{
	font-size: 1.5em !important;
}


.sld_sub_button_1800{
	position: relative !important;
	top:5% !important;
	/*right:50%;*/
	z-index: 5 !important;
	width: 150px;
	/*padding:0px !important;*/
	/*left: 30%;*/
	/*width: 100px;*/

}

.sld_sub_button_1800 span{
font-size: 1em !important;
/*font-weight: bolder;;*/

}






/*footer*/
.footer_1{
	width: 27vw !important;
	/*background-color: red;*/
}
.footer_res{
	max-width: 100% !important;
	height: auto !important;
	padding: 1% 0% 5% 0%!important;
	/*background: gray !im;*/
	

}

.f_nav{
	width: 50vw !important;


}

.footer_3{
	width:20vw !important;
	padding-left: 2%;

}
.footer_title{
	font-size: 0.8em !important;
	
}




.f_nav h4{
	width: 100% !important;
	margin-left: 0px !important;
}


.footer .nav ul{
	margin-left: 0% !important;
 max-width: 50% !important;
 width: 25% !important;
  list-style-type: initial !important;
    list-style-image: url('../bullete.png')  !important;
	/*background: pink;*/


}

.footer .nav .nav_ul_1{
	 width: auto !important;
	 /*margin-right: 5%;*/

}

.footer .nav .nav_ul_2{
	 width: auto !important;
	 margin-left: 2% !important;

}


.footer .footer_form {
	/*max-width: 100% !important;*/
	width: 100% !important;
	float: none !important;
	/*clear: both !important; */
	margin-left: 0px !important;
	/*padding-left: 350px !important;*/
	/*background: red !important;*/
}

.form{
	width: 100% !important;

}
.footer .footer_form input{
	width: 100% !important;
}



.footer_road{
	bottom: -50% !important;
	right: -15% !important;
	height: 90% !important;
}



/*APPLICATIONS*/

.app_t{
	/*position: relative !important;
	left: 2em !important;*/
	/*padding-left: 1em ;*/
	/*margin: auto !important;*/
	
	width: 100% !important;

}

.app_t h6{
	font-size: 0.8em !important;
}



.poster-main{
	/*margin-left: 20vw !important; */

/*background: red; */
margin :0 5%  !important;

	  width: 100% !important;
	  /*max-width: 80vw !important;*/
	  /*padding: auto !important;*/
}


.poster-main .poster-prev-btn {
	opacity: 0;
   left:-7% !important;
   z-index: 9999;
   /*background: orang*/
   top: -10% !important;

  
}

.poster-main .poster-next-btn {
	opacity: 0;	
  right: 0vw !important;
  z-index: 9999;
 top: -10% !important;
  
}
.app_margin{
	/*background: red;*/
	margin:0% !important;
	padding-left:8rem !important;

}
.app_img{
	width: 25vw !important;
	max-width:350px !important;
display: inline-block !important;

/*margin-left: auto !important;*/
	
	/*margin: 15% !important;*/
}
.modal-content{
	/*width: 100%;*/
}
.s_video_wrapper{
	height: 250vh !important;
	/*direction: inline;*/
	padding-left: 10% !important;
	/*margin-bottom: 50% !important;*/
	/*padding: 20px;*/
}
.s_video_top{
	margin-top: -15% !important;
}
.s_video{
	/*position: relative;*/
	margin:200px 0 0% 10px !important;
	float: left !important;
	width: 25vw !important;
	height: 30vh !important;
	/*margi-top: 5% !important;*/
	/*background: pink;*/
}

.s_video_t h6{
font-size: 1em !important;
}

.s_video_t span{
text-align: center ;
margin:0 0 0 20% !important;
}
/*about menu*/
.chal_wrapper{
	height: 100vh !important;
	/*max-height: 100vh !important*/
}

.chal_wrapper_left{
	float: right !important;
	width: 30%;
	/*height: 100vh;*/
	/*margin: auto;*/
	/*height: 50%;*/
	/*display: block !important;*/
	
}


.s_video iframe{
	width:100%;
	height:100% !important;
}

.chal_wrapper_left img{

margin:-20% 0 0 35%;
 width: 40%;
 height: 35%;
 max-height: 40%;
  /*height: 2%;*/
  /*background: red !important;*/


}
.chal_wrapper_left p{
width: 100%; 
margin:2% 0% 5% 5%;
font-size: 0.8em !important; 
line-height: 1.5em; 
font-weight: bold;
text-align: center;
}


.chal_wrapper_right{
float: left !important;
width: 60%;
padding:0%;
margin: 0% 0  0 10%;
/*margin: 0%;*/
font-size: 1em; 
line-height: 2em; 
font-weight: normal;	
}




/*.his_img{
	width: 60% !important;
	height: 400px !important;
	float: none !important;
	margin-left: 15% !important;
}*/

.his_wrapper{
/*height: 250vh !important;*/
}
.his_wrapper img{
margin: 0% 0%;
margin-left:0% !important;
margin-right: 2%;
margin-top: -1%;
/*margin:auto;*/
width: 50% !important;
height: 500px !important;
float:left !important;
}
.his_wrapper  p{
	font-size: 1em;
	font-weight: normal;

	/*float: right !important;*/

	/*margin-left: 15% !important;*/
}

.his_wrapper  ul{
	font-size: 1em;
	font-weight: normal;
}
.his_wrapper .ul_br{
	/*margin-top: 10% !important;*/
	width: 100% !important;
	clear: both;
	/*float: left;*/
	/*background: red;*/
}

.ul_btm{
	/*height: 60vh;*/
	width: 100% !important;
	/*float: left;*/
}

.miss_wrapper{
	height:50vh  !important;
}
.miss_wrapper img{
 margin:-5% 10px 5px 5% !important; 
 width: 4	0% !important;
}

.miss_wrapper .mis_p{
	/*height: 50% !important;*/
	width: 100% !important;
	text-align: center;
	font-weight: bold; 
	font-size: 1em;
	padding-left: 0%;
margin-top: 0% !important;

}

.pol_wrapper{	
width: 100%;
height: 280vh !important;

}
.pol_wrapper img{
width:50%;
height:75vh;

margin-left:25%;
}
.ul_pol{
	margin:5% 5%;
}
.ul_pol li a {
	font-size: 1em !important;
}
.award_wrapper {
	width: 70% !important;
}
.award_wrapper h5{
/*font-size: 1.2em;*/
font-weight: bold;

}
.award_wrapper iframe{
	width: 80%;
	margin: 0% 0 0 25%;
}

.award_img{
	width: 20% !important;
	margin-left:10% !important;
	margin-bottom: 50px;
}

.carr_wrapper{
	width: 100% !important;
	/*margin: -10% !important;*/
	height: auto;

}

.carr_wrapper img{
	display: block;
}



.carr_wrapper h4{
	width: 100% !important;
	margin-left: 0% !important;
	padding-left: 21%; 
}

.carr_wrapper p{
margin: 0% !important; 
padding-left:  25% !important;
width: 100% !important; 
font-weight: bold !important;
}
.carr_wrapper_ul li{
margin: 0% !important; 
padding-left:  25% !important;
width: 100% !important; 
font-weight: bold !important;

font-size: 1vw !important; 


}

.carr_wrapper_ul span{
/*background: red !important;*/
width: 90% !important; 
}


/*top menu bar*/
.bro_menu{
/*margin-left: 20% !important;*/
}
.sidenav_dwn{
	 width:80%;
	  padding: 20px 0px ;  
	  margin: 10px 30px;  
	  height: 50px; 
	  overflow: hidden;
	  transition: 1s ease; 
	

}

/*start brochure style*/

.content_wrap {
	margin-left: 10% !important;
	padding-right: 0% !important;
width: 85% !important;
	/*height: auto !important;*/
}





/*for languge product 3 list*/

.bro_lan{
	/*background: red;*/
	padding-bottom: 2% !important;

}



.bro_list {
margin-left: 0% !important;
padding-right: 0% !important;
margin-right: 0% !important;
width: 100% !important;
/*background-color: red;*/
}


.bro_link span{
	font-size: 1.5em;
	
}
.bro_list li {
	padding-bottom: 10px;
	position: relative;
	width: 100% !important;
	margin:30px 0px;
	/*background-color: pink;*/


}
.bro_list_title{
	width: 70% !important;
}

.bro_list span{
font-size: 1.5em;
/*margin-bottom: 2%;*/
width: 60% !important;
}


.bro_list .btn_span{
	width:30% !important;
	display: inline;
	float: right !important;
	position: initial;
		font-weight: bold;

}

.btn_span a{
/*	color: #F0F8FF ;
	background-color: #4e4d7a;*/
		color: #DC143C;

	font-size: 0.8em;
	position: relative;
	/*left: -30%;*/
	padding:10px 0px;
	width: 100px;
	border:none;
	border-radius: 0%;
	background: transparent;	
	/*padding-left:-100%; */
}
.li_p{
	width: 100% !important;

	/*border-bottom: m: 2px solid silver;*/
	/*padding-bottom: px;*/


}
.li_p_2{
	margin-top:50px;
	/*background: red;*/
}
.bro_list li p{
font-size: 1.2em;
/*margin: 1% 0%;*/
width:100% !important;
/*padding: 5px 0px;*/
/*margin: 0px 0px; */
border-bottom: 2px inset silver;
/*box-shadow: 10px 5px 10px gray; */
float: left;
padding-top: 1% !important;
margin: 0% !important;
	/*background: pink;*/

}

.btn_span_2{
	width: 30% !important;
	background: transparent;
	float: right;
	margin-top:0px;

}

.btn_span_2 a{
/*	color: #F0F8FF ;
	background-color: #4e4d7a;*/
	/*margin-left: 10px;*/
	/*position: relative;*/
	/*left: -30%;*/
	/*margin:0% !important;*/
		color: #DC143C;
		font-weight: bold;
	padding:0px 0px !important;
	width: 100px;
	border: none;
	border-radius: 0%;
	background: transparent !important;	
	/*padding-left:-100%; */
}


.part_list ul{
	margin-left:5% !important;
}



.li_big{
	/*padding-bottom: 10%;*/
	height: 8vh !important;
	/*padding-bottom: 2% !important; */

}
.manual_list li a{
	font-size: 0.85em;

	/*background-color: pink;*/
	margin:0% 0 0 0%;
	padding: 5px;
	float: right !important;
	clear: none;
	color: #DC143C;
	font-weight: bold;	

	/*width: 100% !important;*/
}
.retro_btn a{
		color: #DC143C;
	font-weight: bold;	
}
.part_list .btn{
	color: #DC143C !important;

}
.sidenav_pro_hide{
	visibility: visible !important;
}

.fixed_pro_hide{
	/*display: none;*/
	visibility: hidden !important;
	padding: 2px 0px;
	margin-top: -20%;


}

.fixedpro_display{
	display: block !important;
}



.sidenav_pro_hide{
	visibility: hidden !important;
}

.fixed_pro_hide{
	/*display: none;*/
	visibility: visible;
	padding: 2px 0px;
	margin-top: -20%;


}

.fixedpro_display{
	display: none;
}



/*product page*/
.title_chal_pro .display-4{
font-size: 1em;

}

.title_chal_pro span{
font-size: 1em !important;
	
}
.title_chal_pro{
	width:50% !important;
	/*position: absolute;*/
font-size: 1.2em;
border-left: 20px solid #f0ad4e;
border-right: 20px solid #f0ad4e;
line-height: 1.5em;
/*box-sizing: border-box !important;*/


}

.title_chal_pro .display-4{
	font-size: 2em !important;
}


.mobile_pro_margin{
	
	left: 0% !important;
	
	margin-top: 0% !important;.
}

.pro_list{
	margin-left: 2% !important;
	width: 100% !important;
	
	
	overflow-x: hidden;
}

.pro_table{
	font-size: 1em;
	width:85% !important;

}

.pro_list h6{
	font-size:1em !important;
	margin-left:2%;
	
}


.pro_list h5{
	font-size:1em !important;
	margin-left:70px;
	width: 70% !important;
	height: 10% !important;
	padding-right: 5px !important;	
}

#pro_pdf_btn{
	background: red !important;
	margin-top: 0% !important;
	
	/*float: left !important;*/


}

.pro_pdf_btn_br{
	float: right !important;
}
/*autorotate of product*/

.a_rotate_pro{	
	left: 10%; 
	width: 150px !important; 
	height:5vh !important; 
	max-height: 5vw !important; 
	 top: 90% !important; 
	 font-size: 1em !important;
padding: 10px !important;

	 margin-top: 1%;
	 margin-right: 100%;
	 font-weight: bold;
	 letter-spacing: 0.1em;

}


.pro_custom_wrapper{
	height:150vh !important;
	/*max-width:1200px !ime-mode: portant;*/
	/*background: red;*/
} 
.pro_custom_wrapper .title_chal{
	width: 50% !important;
	height: 10% !important;
}
.pro_de{
	position: absolute;
	top: 30%;
	width: 50% !important;
	max-width: 50% !important;

	margin-left: 25vw !important;
	padding: 0% !important;
}

.pro_custom_wrapper .custom{
	width: 80%;
	margin-left: 10%;
	margin-top: 0%;	
}

.retro_wrapper .title_chal{
	height: 20% !important;
	width: 50% !important;
	margin-left: 20% !important;
}
.retro_wrapper  p{
	margin-left: 0% !important;
	font-weight: bold !important;
}

.retro_wrapper_h5{
	font-size:1.1em !important;
	margin-left:5% !important;
	width:80% !important;
	height: 10vh !important;
	padding-right: 5px !important;	
	text-transform: capitalize ;

}

.bac_fix{
display: block !important;
/*visibility: visible !important;*/
}

.key_app{
	width: 90%;
	margin-bottom: 50%;

	/*background: red;*/
	height: 100%;
	/*background: #f8f8fa ; */
	 margin : 3% 5%; 
	 /*box-shadow: 0px 0px 10px gray;*/



}



.key_app_1{
	/*float: initial !important;*/
	padding:auto 5%  !important;
	 width: 50%;
	 height:100%;  
	 
	  /*background: blue !important ;*/
}


.key_app_1 h3{
font-size: 1.5em !important;
}

.key_app_1 h5{
font-size: 1.1em !important;
}

.key_video{
	/*float: none !important;*/
padding: 50px 0px;
 padding-left: 0% !important; 
 width:40vw;
  max-width: 100%; 


}

.key_video video{
box-shadow: 0px 0px 10px #4e4d7a; 
height: 50%;
}



.key_app_height {
background: #f8f8fa;
/*box-shadow: 0px 0px 10px silver;*/
 margin: auto; 
margin-left: 7%;
font-size: 1em;
font-weight: normal;

padding: 5% 0%;
padding-left:0% !important;

}

.key_fp{
	width: 50% !important;
	padding: 0% 5% !important;
	margin:0% !important;
	
}

.key_fp_1{
	font-weight: normal !important;
}
.kf_right{
	float: right !important;
}

.kf_left{
	float: left !important;

}

/*key app mobile para*/
.mob_p{
	display: none !important;
	}



/*spigot part wrapper*/
.spigot_1{
	height: 90vh !important;
	/*max-height: 70vh !important;*/
	width: 100% !important;
}
.spigot_2{
	height:90vh;
	
}

.pro_part_wrapper .title_chal_pro{
height: 20% !important;
/*max-height: 30% !important;*/
padding-top: 2% !important;
width: 30% !important;
}


#sp_1{
	width: 50% !important; 
	/*max-width:600px !important; */
	margin: 0% !important;
	float: right;
}

.spigot_sp_p1{
	margin: 0 10% !important;
	width: 100%;
	font-weight: bold;
	font-size: 1.2em !important;

}

.spigot_1_img{
	margin-top: 5% !important;
	
}


.spigot_1_img ul li{
	margin: 0 10% !important;
	width: 100% !important;
	font-weight: bold;

}

#sp_2{
	width: 55% !important; 
	margin: 0% !important;
	float: right;
}

.spigot_sp_p2{
	margin: 0 10% !important;
	width: 100%;
	font-weight: bold;
	font-size: 1.2em !important;
}

.spigot_2_img{
	margin-top: 10% !important;
	
}

.spigot_2_img ul li{
	padding: 10px 0 !important;	
}
.spigot_2_img ul li{
	font-weight: bold;

	margin: 0 10% !important;
	width: 100% !important;
}



.con_wrapper_ul{
padding: 10px 0 5px 50px !important;
/*width: 100% !important;*/

min-width: 50% !important;

}


.contact_wrapper_img img{
/*border: 5px solid silver !important;*/
	padding: 10px !important;
		/*margin-left: 5px !important;		*/
	 border: 5px solid #4e4d7a; 
	 margin-left: 5% !important; 
	
 }


.test_c_para{
	font-size: 1.2vmax !important;
}

.test_c_caption{
	font-size: 1.2vmax !important;

}


.event_pic img{
	 margin-left:25%;
}

.event_pic a{

	 margin-left:40% !important;
}
.event-card{
	 width:20% !important;
  vertical-align: top;
 
   height:52vh !important;
   margin:1%;
   padding: 1%;
   display: inline-block !important;

}
.event-img{

  width:60%; 
  margin:auto;
   padding-top: 25px;
padding-left: 5% !important;
margin-left: 0px;


}
.event-img img{
	  width:100% !important; 
  margin:auto;
   padding-top: 25px;
padding-left: 5% !important;
margin-left: 0px;
}

.last_img_event{
	margin-left: 0% !important; 
}


.testi_img{
	width: 30% !important;
	margin-left: 35% !important;
}

.map_img{
	width: 90%;
	
	margin:auto !important;
	padding-left: 10%;

}
.key_fp_btm p{
	/*background: black !important;*/
margin: 5% 0 0 0 !important;
padding: 0% !important;
width: 100% !important;
text-align: center;
}



.all_pdf{
padding-bottom: 0%;
}
.all_pdf_pro{
	padding-left: 3vw !important;
	width:90vw;
}

.all_pdf .all_pdf_btn{
	float: right;
	
}

.all_pdf .all_pdf_btn a{
background: transparent;
color: #4e4d7a !important;
line-height: 1em !important;
/*border-bottom: 1px solid #4e4d7a;*/


}


.all_pdf .all_pdf_h{
	font-size: 0.9em !important;
	width: 40vw;
}


.contact_p{
	font-size: 1vw !important;
	line-height: 1.2em;
}




}





@media only screen and (max-width: 1280px) and (min-height:  1000px)  {
	/*for chie screen 1280-1080 */
/*.key_app_carousel-inner.carousel-inner{
	height: 200px !important; 
}*/

.carousel-inner{
		height: 20vh !important;
		min-height: 50vh !important;
		max-height: 50vh !important;
	/*background: red !important;*/
	}
.key_fp_btm p{
margin: auto !important;
}

.poster-main{

margin :0 -1%  !important;
	 
}

.app_img{
	width: 30vw;
}

}










/* Extra large devices (large laptops and desktops, 1200px and up) background: pink!important;*/
@media only screen and (min-width: 2000px) {
  .logo_wrapper { }
/*height: 7.5vw;*/

.app_demo_1{
	 margin-left: 0% !important; 
}

  .poster-main{

/*margin :0 vw 0 !important;*/

}

.poster-main .poster-next-btn {
  right: -65% !important;

  
}

.his_wrapper .ul_br{
	/*margin-top: 10% !important;*/
	width: 100% !important;
	clear: none;
	/*float: left;*/
	/*background: red;*/
}



.retro_wrapper .title_chal{
	height: 20% !important;
	width: 50% !important;
	margin-left: 20% !important;
}
.retro_wrapper  p{
	margin-left: 10% !important;
}

.retro_wrapper_h5{
	font-size:1.1em !important;
	margin-left:5% !important;
	width:80% !important;
	height:70px !important;
	padding-right: 5px !important;	
	text-transform: capitalize ;

}


.pro_custom_wrapper .title_chal{
	width: 50% !important;
	height: 10% !important;
}
.pro_de{

	position: absolute;
	top: 30%;
	width: 40% !important;
	max-width: 40% !important;

	margin-left: 30% !important;
	padding: 0% !important;
}

.pro_custom_wrapper .custom{
	width: 80%;
	margin-left: 10%;
	margin-top: 0%;	
	font-size: 1.2em !important;
}



/*spigot part wrapper*/
.spigot_1{
	height: 90vh !important;
	max-height: 70vh !important;
	width: 100% !important;
}
.spigot_2{
	height:90vh;
	
}

.pro_part_wrapper .title_chal_pro{
height: 20% !important;
max-height: 30% !important;
padding-top: 2% !important;
width: 40% !important;
}


#sp_1{
	width: 40% !important; 
	/*max-width:600px !important; */
	margin: 0% !important;
	float: right;
}

.spigot_sp_p1{
	margin: 0 15% !important;
	width: 100%;
	font-weight: bold;
	font-size: 1.2em !important;

}

.spigot_1_img{
	margin-top: 5% !important;
	
}


.spigot_1_img ul li{
	margin: 0 15% !important;
	width: 100% !important;
	font-weight: bold;

}

#sp_2{
	width: 40% !important; 
	/*max-width:600px !important; */
	margin: 0% !important;
	float: right;
}

.spigot_sp_p2{
	margin: 0 15% !important;
	width: 100%;
	font-weight: bold;
	font-size: 1.2em !important;

}

.spigot_2_img{
	margin-top: 5% !important;
	
}


.spigot_2_img ul li{
	margin: 0 15% !important;
	width: 100% !important;
	font-weight: bold;

}

.app_margin{
	margin-left: 7% !important;
}


.event_pic img{
	 margin-left:25%;
}

.event_pic a{

	 margin-left:40% !important;
}
.event-card{
	 width:20% !important;
  vertical-align: top;
 
   height:52vh !important;
   margin:1%;
   padding: 1%;
   display: inline-block !important;

}
.event-img{

  width:60%; 
  margin:auto;
   padding-top: 25px;
padding-left: 5% !important;
margin-left: 0px;


}
.event-img img{
	  width:250vw !important; 
  margin:auto;
   padding-top: 25px;
padding-left:5vw !important;
margin-left: 0px;
}

.last_img_event{
	margin-left: 0% !important; 
	padding-left: 0% !important; 
}
.event_title{
	font-size: 1vw;

}
.event_sub_title{
	font-size: 1vw;
}
.val_tick{
/*	display: inline-block ; */ 
	width:2vw;	
	vertical-align: bottom ;
	padding:15px 0px;
}

.val_sab_para{
	/*vertical-align: bottom; ;*/
	 
	 
	   font-size: 1vw !important;
	
	
	
}



}