.home-img{
    border-radius: 10px;
    width: 100px;
    }
    .home-text{
          margin-top: 11px;
    }
   .p-width{
		  width:65%;
	}
	@media only screen and (min-device-width: 250px) and (max-device-width: 1022px) 
	             {
     .p-width{
		  width:100%;
	}
    }
    .home-align{
		  text-align:right;
	}
	@media only screen and (min-device-width: 250px) and (max-device-width: 1022px) 
	             {
     .home-align{
		 text-align:left;
	}
    }
    
    .home-product{
      background: #ffffff;
      border: 1px solid #f2f2f2;
    }
    
   .home-radius{
    border-radius: 12px;
    }
    
    .videoWrap {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    position: relative;
}
.videobgcls {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 741px;
    transition: 1s opacity;
    object-fit: cover;
    position: relative;
    z-index: 2;
    vertical-align: top;
}
@media only screen and (max-width: 600px){
.videobgcls {
    position: relative;
    top: 55px;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 1s opacity;
    object-fit: cover;
    position: relative;
    z-index: 2;
    vertical-align: top;
    /*margin-top: 100px;*/
}
}

@media only screen and (max-width: 390px){
.videobgcls {
    /*position: relative;*/
    top: 55;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 1s opacity;
    object-fit: cover;
    position: relative;
    z-index: 2;
    vertical-align: top;
    /*margin-top: 100px;*/
}
}
@media only screen and (min-device-width: 250px) and (max-device-width: 390px) 
	             {
     .textline.videobgcls {
    /*position: relative;*/
    top: 55px;
    left: 0;
    width: 445px;
    height: 100%;
    transition: 1s opacity;
    object-fit: cover;
    position: relative;
    z-index: 2;
    vertical-align: top;
    /*margin-top: 100px;*/
}
    }
    /******IPHONE******/
    @media only screen and (min-device-width: 395px) and (max-device-width: 450px) 
	             {
     .videobgcls {
    /*position: relative;*/
    top: 55px;
    left: 0;
    width: 415px;
    height: 100%;
    transition: 1s opacity;
    object-fit: cover;
    position: relative;
    z-index: 2;
    vertical-align: top;
    /*margin-top: 100px;*/
}
    }
    
    @media only screen and (min-device-width: 400x) and (max-device-width: 500px) 
	             {
     .videobgcls {
    /*position: relative;*/
    top: 55px;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 1s opacity;
    object-fit: cover;
    position: relative;
    z-index: 2;
    vertical-align: top;
    /*margin-top: 100px;*/
}
    }
    
    .jcbl-blog{
      padding: 19px;
    }
    @media only screen and (min-device-width: 250px) and (max-device-width: 1022px) 
	             {
     .jcbl-blog{
      padding: 19px;
    }
    }
    .jcbl-home-align{
      text-align: center;
    }
    @media only screen and (min-device-width: 250px) and (max-device-width: 1022px) 
	             {
     .jcbl-home-align{
      text-align: left;
      padding: 14px;
          margin-bottom: -18px;
    }
    }
    .iq-mt-100{
           margin-top: 100px;
    }
    @media only screen and (min-device-width: 250px) and (max-device-width: 1022px) 
	             {
     .iq-mt-100{
          margin-top: 20px;
    }
    }
    .iq-mb-100{
          margin-bottom: 100px;
    }
    @media only screen and (min-device-width: 250px) and (max-device-width: 1022px) 
	             {
     .iq-mb-100{
         margin-bottom: 50px;
    }
    } 
    
    .home-icon-top{
          margin-top: -171px;
    }
    @media only screen and (min-device-width: 250px) and (max-device-width: 1022px) 
	             {
     .home-icon-top{
         margin-top: 50px;
    }
    }
    @media only screen and (min-device-width: 1023px) and (max-device-width: 1028px) 
	             {
     .home-icon-top{
         margin-top: -65px;
    }
    }
    
    @media only screen and (min-device-width: 1023px) and (max-device-width: 1028px) 
	             {
     .home-pro-list{
     margin-top: 110px;
    }
    }
      @media only screen and (min-device-width: 1023px) and (max-device-width: 1028px) 
	             {
     .home-blog-list{
     margin-top: 110px;
    }
    }
     .home-gup-buttom{
   margin-top: 0px;
}
 @media only screen and (min-device-width: 250px) and (max-device-width: 1022px) 
	             {
    .home-gup-top{
   margin-top: -50px;
}
    }
    .home-gup-icon{
   margin-top: 0px;
}
 @media only screen and (min-device-width: 250px) and (max-device-width: 1022px) 
	             {
    .home-gup-icon{
   margin-top: -100px;
}
    }
    .home-timeline{
        	    text-align: center;
    }
    
    	@media only screen and (min-device-width: 250px) and (max-device-width: 1022px) 
	             {
     .home-timeline{
		 text-align:left;
         margin-left: 11px;
}
	}
    .iimg {
filter: grayscale(100%);
}

.iimg:hover {
 filter: none;
  -webkit-filter: grayscale(0%);
}

.iiimg {
   -webkit-filter: grayscale(100%);
 filter: grayscale(100%);
}

.iimg:hover {
    -webkit-filter: none !important;
 filter: none !important;
 }

#mySidenav a {
	position: fixed;
	z-index: 1000;
	right: -38px;
	transition: .3s;
	padding: 15px;
	width: 73px;
	text-decoration: none;
	font-size: 20px;
	color: #fff;
	border-radius: 5px 0 11px 0
}

#mySidenav a:hover {
	right: 0
}