/***************relaxy module**************/

.comm-title {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 30px;
  position: relative;
}
.comm-title-left {
  float: left;
  width: 100%;
  text-align: left;
  margin-top: 30px;
  position: relative;
}
.comm-title h1, .comm-title-left h1 {
	font-weight: bold;
	color: #117ec2;
	font-size: 30px;
}
.com-dot {
  position: absolute;
  bottom: -20px;
  width: 100%;
  text-align: center;
}

.fir-sid, .twi-sid, .third-sid {
  height: 12px;
  width: 12px;
  display: inline-block;
  background: #ffc220;
  border-radius: 50%;

}

.twi-sid {
  margin: 0 7px;
}


.com-prg p {
  text-align: center;
  width: 100%;
  color: #606062;
}
.com-titile .com-prg p:last-child {
  padding-top: 20px;
}
.com-prg {
  float: left;
  width: 100%;
  margin-top: 50px;
}
.alin-left {
  float: left;
  width: 100%;
}
.com-list-in ul li {
  line-height: 24px;
  margin-top: 15px;
  font-size: 18px;
  color: #606062;
}
.relay-ser {
  float: left;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 50px;
}
.comm-image {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 50px;
}
.com-list-head {
  position: relative;
}
.com-list-head h3 {
  color: #117ec2;
  font-weight: bold;
  line-height: 32px;
}
.com-list-in {
  float: left;
  width: 100%;
  min-height: 240px;
}
.relay-ser .com-list-in {
  margin-top: 30px;
}
.img-round {
  height: 103px;
  width: 103px;
  background: #fff;
  border: 2px solid #ffc220;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

.img-round img {
  text-align: center;
  margin-top: 10px;
}
.bt-img {
  float: left;
  width: 100%;
  margin-top: 30px;
}
.bt-img h5 {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  font-weight: bold;
}


/***************smart phone control**************/

.all-sm-in {
  margin-top: 30px;
}

.smart-img {
  margin-top: 30px;
}


.im-title h2 {
  font-weight: bold;
  font-size: 30px;
  text-align: ;
  color: #117ec2;
}
.im-title {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  float: left;
  font-size: 18px;
}
.im-title span {
  color: #606062;
}
.sign-gat {
  float: left;
  width: 100%;
  margin-top: 50px;
}

.sign-ser {
  width: 100%;
  text-align: center;
  margin-top: 15px;
}

.sign-ser .img-round {
  position: relative;
}
.sign-ser .comm-ser-box::after {
  position: absolute;
  content: "";
  width: 103px;
  height: 193px;
  background: #ffc220;
  top: 192px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
.img-round span {
  font-weight: bold;
  margin-top: 25px;
  display: block;
}
.bg-trp {
  width: 103px;
  height: 35px;
  background: #fff;
  margin: 0 auto;
  border-radius: 50%;
}
/************************video phone********************/
.phone-in-main {
  float: left;
  width: 100%;
  margin-top: 50px;
}
.phone-in-main .com-prg p {
  text-align: left;
}
.phone-in-main .com-prg {
  margin-top: 0;
}

.con-pho {
  float: left;
  width: 100%;
  margin-top: 50px;
}

.phone-12 {
  text-align: center;
}
.phone-12 span {
  font-weight: bold;
  padding-top: 5px;
  display: block;
  color: #606062;
}
.con-pho .com-list-in {
  margin-top: 0;
}

.input-main-in .com-prg {
  margin-top: 0;
}

/****************input module****************/

.inpu-head-box {
  float: left;
  width: 100%;
  margin-top: 50px;
}
.inpu-head-box .com-list-head {
  text-align: center;
  margin-top: 20px;
  float: left;
}
.inpu-head-box .com-list-in {
  text-align: center;
}
.inpu-head-box .com-list-in {
  margin-top: 20px;
}

.in-cer-mod {
  display: block;
}
.in-cer-mod img {
  display: inline-block;
  vertical-align: middle;
}
.in-cer-mod label {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #606062;
  padding-left: 10px;
  max-width: 69%;
}
.in-cer-mod label span {
  display: block;
  font-weight: bold;
}
.in-cer-mod br {
  display: none;
}
.in-tex-bt {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 50px;
  color: #606062;
  font-size: 18px;
}
.flt-marg {
  float: left;
  width: 100%;
  margin-top: 50px;
}
.flt-marg.cont-03 img {
	width: 100%;
}
.flt-marg .com-list-head h4 {
  font-weight: bold;
  text-align: left;
  display: block;
  color: #117ec2;
  margin-top: 20px;
  float: left;
}
.mdrl-02 .com-list-head h3 {
  margin-top: 0;
}

.mdrl-02 .com-list-in{
  margin-top: 0;
}
.mdrl-04 .com-list-head {
  text-align: left;
}
.mdrl-04 .com-list-in {
  text-align: left;
}

/******************connectors********************/


.comm-ser-box {
  text-align: center;
  float: left;
  width: 100%;
}
.comm-ser-box h5 {
  color: #606062;
  font-weight: bold;
  display: block;
  margin-top: 20px;
}
.cont-01 .comm-ser-box {
  margin-top: 96px;
}
.in-cer-mod h5 {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  font-weight: bold;
}

/******************connectors********************/

.config-01 .comm-title-left {
  margin: 0;
}
.config-01 .com-prg {
  margin: 0;
}
.config-01 .com-prg p{
  text-align: left;
}
.set-heig {
  height: 20px;
  width: 100%;
  float: left;
}
/******************blind shutter module*****************/

.com-prg {
  margin-top: 10px;
}
.confi-im-box {
  float: left;
  width: 100%;
  margin-top: 50px;
}
.blind-02 .com-list-in {
  text-align: left;
}
.blind-02 .com-list-head {
  text-align: left;
}
.blind-02 {
  margin-top: -185px;
  float: left;
  width: 100%;
}
.blind-02 .inpu-head-box {
  text-align: center;
}
.blind-02 .com-list-head h3 {
  max-width: 78%;
}
.blind-02 .in-cer-mod {
  float: left;
  width: 100%;
  margin-top: 30px;
}

/***********************dimmer module**************************/

.dimer-01 {
  text-align: center;
  width: 100%;
  position: relative;
}
.dimer-01::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100px;
  background: #ffc220;
  left: 0;
  bottom: -78px;
    z-index: -1;
}
.dimer-02 h5 {
  color: #ffc220;
  font-weight: bold;
}
.dimer-02 h5 span {
  display: block;
  color: #606062;
}
.partn-box {
  background: white;
  height: 42px;
  width: 100%;
  border-radius: 50%;
}


.dimer-05 {
  float: left;
  width: 100%;
  margin-top: 30px;
}
.dimer-05 p {
  line-height: 39px;
  color: #606062;
}
.dimer-05 .in-cer-mod {
  margin-top: 30px;
}
.dimer-04 .in-cer-mod {
  margin-top: 30px;
}
.dimer-06 .in-cer-mod {
  margin-top: 30px;
}


/***************push button interface**************/



.push02 {
  position: relative;
}
.push-card {
  position: absolute;
  right: -192px;
  bottom: -24px;
}
.push04 {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: -200px;
}
.push04 .in-cer-mod {
  margin-top: 30px;
}
.push05 {
  margin: 0;
}
.push06 {
  float: left;
  width: 100%;
  margin-top: 50px;
}


/****************Power supply module******************/


.psm-01 .comm-image {
  margin: 0;
}
.psm-03 {
  float: left;
  width: 100%;
  margin-top: 30px;
  color: #606062;
}
.psm-02 {
  margin-top: 20px;
  float: left;
}


/****************sensors******************/

.sensor-02 .com-prg p {
  text-align: left;
}
.sensor-02 {
  position: relative;
  margin-left: 374px;
}
.sensor-01 {
  position: relative;
  min-height: 400px;
}
.sensor-03 {
  position: absolute;
  left: 0;
  top: 85px;
}
.sensor-04 {
  position: absolute;
  top: 239px;
  right: 0;
}
.sensor-05 {
  margin-top: 150px;
}

.sen-cont p {
  line-height: 39px;
  color: #606062;
}
.image-box-sensor{
    float: left;
    width: 100%;
    margin-top: 50px;
}
.sensor-07 {
  float: left;
  width: 100%;
  margin-top: -171px;
}

.sensor-08 .in-cer-mod {
  display: inline-block;
  vertical-align: middle;
  margin-top: 20px;
  margin-left: 12px;
}

.sensor-09 .in-cer-mod {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  margin-top: 81px;
}


/*************glass panel**************/


.glassp02 img {
  margin-top: 30px;
}
.glassp03 span {
  font-size: 30px;
  color: #606062;
}

.glassp03 {
  float: left;
  width: 100%;
  margin-top: 95px;
}
.glassp04 .com-list-head h3 {
  color: #606062;
}
.glassp05 p {
  max-width: 63%;
  margin: 15px auto 0 auto;
  font-size: 19px;
}
.glassp05 img {
  margin-top: 43px;
}
.glassp05::after {
  position: absolute;
  content: "";
  background-image: url("../image/glass-border.png");
  width: 189px;
  height: 209px;
  bottom: 52px;
  left: 75px;
}
.glassp05 {
  position: relative;
}
.glassp09 .comm-ser-box {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  float: none;
}
.ce-gls {
  margin: 70px auto 0 auto;
  float: none;
  display: table;
}
.ce-gls div:nth-child(2) {
  width: 60px;
}
.glassp12 .comm-ser-box {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  float: none;
}
.glassp12 div:nth-child(1) {
  margin-left: 0;
}

.glassp12 .comm-ser-box {
  margin-left: 80px;
}
.glassp11 .com-list-head h3 {
  color: #606062;
}
.glassp15 .com-list-head h4 {
  color: #606062;
  margin: 0;
}
.glassp15 {
  float: left;
  width: 100%;
}
.glassp17 .com-list-head h4 {
  font-weight: normal;
}
.glassp17 .com-list-head h3 {
  margin-bottom: 0;
}
.glassp17 .com-list-in {
  margin-top: 20px;
}
.glassp17 .in-cer-mod h5 {
  display: block;
  margin: 5px 0;
}
.glassp17 .in-cer-mod {
  display: inline-block;
  vertical-align: middle;
}
.glassp18 .in-cer-mod {
  display: inline-block;
  vertical-align: middle;
  margin-left: 50px;
}
.glassp18 div:nth-child(1) {
  margin: 0;
}

.glassp18{
    margin: 0 auto;
    float: none;
    display: table;
}
.glassp20 {
  float: left;
  width: 100%;
  margin: 172px 0;
}
.glassp21 .in-cer-mod h5 {
  display: block;
  margin: 6px 0;
}

.glassp21 {
  float: none;
  margin: 39px auto 0 auto;
  display: table;
}
.glassp23 .com-list-in ul li:last-child {
  margin-top: 50px;
}

.glassp23 .com-list-head h4 {
  color: #606062;
  margin: 0;
  font-weight: normal;
}
.glassp25 {
  position: absolute;
  top: 0;
  left: 0;
}

.glassp24 {
  position: relative;
  float: left;
  width: 100%;
  min-height: 757px;
}
.glassp26 .in-cer-mod {
  margin-top: 30px;
}

.glassp26 .in-cer-mod h5 {
  display: block;
  text-align: center;
  margin: 6px 0;
}
.rely01 .com-prg {
	margin-top: 40px;
}
.dimer-04 {
	margin-top: 0;
}
.header-title-in {
	background: #fff;
	float: left;
	width: 100%;
}
.head-sk-title h2 {
	text-align: center;
	font-size: 38px;
	padding: 20px 0;
	position: relative;
    color: #117dc1;
}

.head-sk-title h2::before {
	background: #ffc220;
	content: "";
	height: 3px;
	width: 150px;
	left: 0;
	bottom: 0;
	position: absolute;
	right: 0;
	margin: 0 auto;
}
.midd-our-main {
  float: left;
  width: 100%;
}
.to-head-in {
	text-align: center;
	width: 100%;
	margin: 52px 0 67px 0;
}
.to-head-in h2 {
  font-weight: bold;
  color: #117ec2;
  margin: 9px;
}
.to-head-in h2:last-child {
  color: #ffc220;
}
.our-com-text {
	float: left;
	width: 100%;
	margin-bottom: 60px;
}
.comp01 p {
  font-size: 25px;
  line-height: 37px;
  color: #606062;
}
.comp02 {
	width: 100%;
	text-align: center;
}
.box-tex3 .comp01 p {
	padding-top: 52px;
}

.box-tex5 .comp01 p {
	padding-top: 64px;
}










/************************** responsive ***************************/
@media (max-width:1199px){
.glassp14 {
	margin-top: 52px;
}
    .glassp16 {
	margin-top: 40px;
}
    .glassp24 {
	min-height: 570px;
}
    .input-serct .in-cer-mod label {
	width: 100%;
	text-align: center;
	padding-left: 0;
	margin-top: 10px;
}
    .input-serct .in-cer-mod {
	text-align: center;
}
    .blind-02 .com-list-head {
	height: 149px;
}
    .cont-04 .in-cer-mod {
	margin-top: 30px;
	float: left;
}
        .smart-img {
	height: 180px;
}
    .vid-ph {
	margin-top: 80px;
}
        .box-tex5 .comp01 p {
	padding-top: 40px;
}
    .box-tex3 .comp01 p {
	padding-top: 24px;
}
}
/************************** end 1199px **************************/

@media (max-width:991px){
.glassp24 {
	min-height: 412px;
}
    .glassp12 .comm-ser-box {
	margin-left: 79px;
}
.glassp05::after {
	display: none;
}
    .sensor-03 {
	display: none;
}
    .sensor-02 {
	margin-left: 0;
}
    .sensor-01 {
	min-height: auto;
}
    .com-list-head h3 {
	line-height: 28px;
	font-size: 20px;
}
    .sensor-09 .in-cer-mod {
	margin-left: 0px;
	margin-top: 20px;
}
    .phone-in-main .vid-ph {
	margin-top: 60px;
}
    .dimer-01::after {
	height: 77px;
	bottom: -59px;

}
    .vid-ph {
	width: 100%;
	text-align: center;
}
    .dimer-01::after {
	display: none;
}
    .blind-02 .com-list-head {
	height: auto;
}
    .blind-02 {
	margin-top: -154px;
}
    .relay-ser02 {
	height: 358px;
}
    .cont-03 {
	margin-top: 0;
	float: left;
}
    .config-01 .in-cer-mod {
	margin-top: 25px;
}
    .config-01 .set-heig {
	height: 0;
}

    .smart-img {
	height: 115px;
}
    .vid-ph {
	margin-top: 20px;
}
    .com-list-in {

	min-height: auto;
}
    .push04 {
	margin-top: 0;
}
    .push-card {
	display: none;
}
        .comp01 p {
	font-size: 18px;
	line-height: 31px;
}
	
}
/************************** end 991px **************************/
@media (max-width:767px){
    .to-head-in {
	margin: 52px 0 36px 0;
}
        .to-head-in h2 {
	font-size: 21px;
}
    .our-com-text {
	margin-bottom: 40px;
}
    .comp01 p {
	font-size: 16px;
	line-height: 27px;
	margin-bottom: 25px;
}
    .comm-title h1, .comm-title-left h1 {
	font-size: 26px;
}
        .ce-gls {
	margin: 0px auto 34px auto;
}
    .glassp20 {
	margin: 50px 0;
}
    .comm-title h1, .comm-title-left h1 {
	font-size: 22px;
}
    .glassp03 {
	margin-top: 50px;
}
    .glassp03 span {
	font-size: 23px;
}
    .flt-marg {
	margin-top: 30px;
}
    .com-list-in ul li {
	font-size: 16px;
}
    .glassp05 p {
	text-align: center;
}
    .comm-ser-box h5 {
	margin-top: 10px;
	font-size: 15px;
}
 .com-list-head h4 {
	font-size: 20px;
}
    .com-list-head h3 {
	font-size: 21px;
	line-height: 27px;
}
    .in-cer-mod h5 {
	font-size: 15px;
	text-align: center;
}
    .glassp24 {
	min-height: 259px;
}
    .glassp26 .in-cer-mod {
	margin-top: 14px;
}
    .glassp24 .com-list-in {
	min-height: 100px;
}
    .input-serct .com-list-head {
	text-align: center;
	width: 100%;
}
.mdrl-02 .in-cer-mod {
	margin-top: 20px;
}
    .mdrl-02 .com-list-head h3 {
	margin-top: 25px;
}
    .mdrl-04 .inpu-head-box {
	margin-top: 0;
}
    .mdrl-04 .inpu-head-box .com-list-head {
	margin-top: 0;
}
    .com-list-in {
	min-height: auto;
}
    .sensor-04 {
	position: relative;
	float: right;
}
    .sensor-05 {
	margin-top: 0;
}
    .com-list-in {
	min-height: auto;
}
    .sensor-11 .set-heig {
	display: none;
}
    .sensor-11 .in-cer-mod {
	margin-top: 10px;
}
    .sensor-07 {
	margin-top: 0;
}
        .phone-in-main .vid-ph {
	margin-top: 0px;
}
    .fir-sid, .twi-sid, .third-sid {
	height: 9px;
	width: 9px;
}
    .twi-sid {
	margin: 0 4px;
}
    .dimer-04 .comm-title-left h1 {
	font-size: 25px;
}
    .dimer-04 {
	margin-top: 0;
}
    .dimer-05 .comm-title-left {
	margin-top: 0;
}
    .vid-ph {
	margin-top: 20px;
}
    .dimer-05 p {
	line-height: 32px;
}
    .blind-02 {
	margin-top: 0;
}
    .relay-ser02 {
	height: auto;
}
    .relay-ser {
	margin-top: 30px;
}
    .cont-01 .comm-ser-box {
	margin-top: 30px;
	margin-bottom: 15px;
}
    .sign-ser .comm-ser-box::after {
	display: none;
}
    .smart-img {
	height: 118px;
}
    .sign-gat {
	margin-top: 20px;
}
}/************************** end 767px **************************/







/***** 23-06-2022 *****/




.in-cer-mod h5 {
    padding-left: 0;
}

.in-cer-mod {
    padding: 3px 0;
    transition: 500ms;
    border-radius: 10px;
}

.inner-b {
    /* display: inline-block; */
    vertical-align: middle;
}
span.blue-underline {
  font-size: 13px;
  color: #117ec2;
  font-weight: 400 !important;
}
span.blue-underline:hover {
  text-decoration: underline;
}
.inner-b span {
    display: block;
    font-size: 13px;
    color: #117ec2;
    padding-left: 10px;
}

.in-cer-mod:hover .inner-b span,
.comm-ser-box:hover .inner-b span{
    text-decoration: underline;
}


.comm-ser-box .inner-b {
    width: 100% !important;
    display: block;
    text-align: center;
}
.comm-ser-box .inner-b span {
    padding: 0;
}



/***** 23-06-2022 *****/








/****** 04-11-2022 ******/




.flt-marg .com-list-head h4 {
    text-transform: capitalize;
}
.com-list-head h3 {
    text-transform: capitalize;
}

.com-list-in ul li::first-letter{
  text-transform: capitalize;
}


.page-template-glass-panel  .inner-b {
    text-align: center;
}

.page-template-glass-panel  .inner-b span {
    padding-left: 0px;
}