@charset "utf-8";
/*------: sheet style  :-------*/


@media all and (max-width:860px){


/* --banner-start --*/



.frongp_ban_1 {
	clear: both;
	width: 80%;
	min-width: 680px;
	height: 500px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;  
	flex-wrap: wrap;
	justify-content: center; 
	overflow: hidden;
	align-items: center;
	background-position: center center;


}



.bann {
	clear: both;
	position: relative;
	display: flex;
	flex-direction: row;  
	flex-wrap: wrap;
	justify-content: space-around; 
	align-items: baseline;
	width: 100%;
	height: 500px;
	min-width: 680px;
	overflow: hidden;
	background-color: #ffe;

}





.bann-img {
	position: absolute;
	margin: 0 auto;
	width: 90%;
	min-width: 680px;
	height: 500px;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all 2.5s;
	padding-bottom: 8%;
	overflow: hidden;

}



.bann-img:nth-child(1) {
   
   opacity:1;
}



.bann-left-button {
	position: absolute;
	text-align: center;
	font-size: 3em;
	font-weight: bold;
	width: 40px;
	height: 500px;
	color: #fff;
	top: 0;
	left: 0;
	border-radius: 0;
	background-color: gold;

}

.bann-left-button_f { 
	position: absolute;
	top: 220px;
	left: 13px;
	width: 30px;
	height: 30px;
	border-left: 4px solid #fff;
	border-bottom: 4px solid #fff;
	transform: rotate(45deg);
	border-radius: 5px 0 5px 0;

}


.bann-left-button_b { 
	position: absolute;
	top: 220px;
	right: 13px;
	width: 30px;
	height: 30px;
	border-right: 4px solid #fff;
	border-top: 4px solid #fff;
	transform: rotate(45deg);
	border-radius: 5px 0 5px 0;

}




.bann-right-button {
	position: absolute;
	text-align: center;
	font-size: 3em;
	font-weight: bold;
	width: 40px;
	height: 500px;
	top: 0;
	right: 0;
	border-radius: 0;
	background-color: gold;

}




.bann-left-button:hover {
	background-color:#9f9f9f;
	color:#0ff;

}



.bann-right-button:hover {
     background-color:#9f9f9f;
     color:#0ff;

}



/*  --

.bann-desi {
     position:absolute;
     bottom:35px;
     right:45px;

}




.bann-desi>ul {
     padding:0;
     margin:0;
     list-style:none;

}

.bann-desi li {
     width: 14px;
     height: 14px;
     border: 1px solid #aaa;
     border-radius: 100%;
     background-color: #bff;
     color: #000;
     float: left;
     margin-right: 20px;
}



.bann-desi li:hover {
     
     background-color: #fff;
     color: #875;

}

 -- */



/* --banner-end -- */



/* --search02-start -- */

.search02 {
float:left;

}





/* --Brief introduce start--*/


.dl01 {
	clear: both;
	width: 70%;
	min-width: 680px;
	display: block;
	margin-top: -2%;
	margin-bottom: 2%;
	margin: 5% auto;
	background-color: ff2;
      
}




/* --Brief introduce end --*/






/* --products and services detailing start --*/



.servpro {
	clear: both;
	width: 70%;
	min-width: 680px;
	display: flex;
	padding-bottom: 10px;
	margin: 1px auto;
	color: #222;
	background-color: #deefef;

}


.servpro_div {
	width: auto;
	height: auto;
	min-width: 80px;
	display: inline-block;
	margin: 5px 5px;
	text-align: center;

}


* -- services and products detailing end --*/


.newstitle_dash_1 {
    clear: both;
    height: 2px;
    width: 320px;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom:5%;
    border:none;
    background-color: #f667df;
}




.sim_1 {
	clear: both;
	width: 70%;
	min-width: 680px;
	display: flex;
	height: auto;
	margin: 1px auto;
	color: #222;
	background-color: #fff;

}


.sim_1_video {
	width: 40%;
	min-width: 80px;
	height: auto;
	display: flex;
	flex-direction: row;  
	flex-wrap: wrap;
	justify-content: space-around; 
	align-items: baseline;
	text-align: center;
	margin: 1em 5em;

}



.video_titl {
	clear: both;
	width: 70%;
	min-width: 680px;
	height: auto;
	display: flex;
	flex-direction: row;  
	flex-wrap: wrap;
	justify-content: space-around; 
	margin: 10px auto;
	font-size: 1.5em;
	color: #223;
	text-align: center;


}




.btm_container {
    clear:both;
    width:100%;
    min-width:680px;
    height:auto;
    display:block;
    margin-top: 15%;
    margin-left: auto;
    margin-right: auto;
    position:relative;
    background-image:linear-gradient(to right,#6e7e9e,#ffe);

}





.btm_cont_titl {
  position:absolute;
  top:-16px;
  left:30%;
  text-align:center;
  margin-left: auto;
  margin-right: auto;
  width: 45%;
  display:block;
  height: 40px;
  color: #ffe;
  z-index:111px;
  border-top-left-radius:100%;
  border-top-right-radius:100%;
  background-image:linear-gradient(to right,#99a9ba,#ddc);
}




.btm_cont_titl p {
     width: 100%;
     height: 70%;
     font-size: 1.5em;
     font=weight:bold;
}


.btm_bg01 {
    clear:both;
    width:100%;
    height:auto;
    display:flex;
    margin-left: auto;
    margin-right: auto;

}




.btm_bg_left {
     width:70%;
     float:left;
     height:15%;
     display:inline-block;
     margin-top:2%;

}


.btm_bg_right {
     width:30%;
     height:15%;
     float:right;
     padding:0;
     margin-top: 2%;
     display:inline-block;

}



.btm_bg_right img {
     float:right;
     width:96%
     height:96%
     margin-right:2%;
     margin-bottom:2%;

}


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





.btm_cont_cont {
  clear:both;
  width: 100%;
  color:#eef;
  height: 35px;
  font-size: 25px;
  margin-left:2%;
  margin-top:15px;
  margin-bottom:15px;
	
}


.btm_cont_adds {
  clear:both;
  width: 100%;
  color:#ffe;
  margin-left:2%;
  font-size: 20px;
  margin-top:2.5%;	
}




footer {
	clear:both;
	display:flex;
	margin: 0 auto;
	width:100%;
	min-width:1200px;
	height: 40px;
	line-height: 40px;
	color:white;
	background-color:black;
	
}


footer div {
	clear: both;
	width: auto;
	display: flex;
	margin: 0 2em;
	padding: 0 5px;
	flex-direction: row;  
	flex-wrap: wrap;
	justify-content: space-around; 
	align-items: baseline;
	color:white;
	
}
}