.elementor-227 .elementor-element.elementor-element-7f858f6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.86;}.elementor-227 .elementor-element.elementor-element-7f858f6:not(.elementor-motion-effects-element-type-background), .elementor-227 .elementor-element.elementor-element-7f858f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://krcsistem.com/wp-content/uploads/2024/03/krc13.jpeg");}.elementor-227 .elementor-element.elementor-element-7f858f6::before, .elementor-227 .elementor-element.elementor-element-7f858f6 > .elementor-background-video-container::before, .elementor-227 .elementor-element.elementor-element-7f858f6 > .e-con-inner > .elementor-background-video-container::before, .elementor-227 .elementor-element.elementor-element-7f858f6 > .elementor-background-slideshow::before, .elementor-227 .elementor-element.elementor-element-7f858f6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-227 .elementor-element.elementor-element-7f858f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-227 .elementor-element.elementor-element-ecdb015{--iteration-count:infinite;--animation-duration:1200ms;}.elementor-227 .elementor-element.elementor-element-ecdb015 .elementor-headline{text-align:center;}.elementor-227 .elementor-element.elementor-element-0f74d03{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.95;--overlay-mix-blend-mode:luminosity;}.elementor-227 .elementor-element.elementor-element-0f74d03:not(.elementor-motion-effects-element-type-background), .elementor-227 .elementor-element.elementor-element-0f74d03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://krcsistem.com/wp-content/uploads/2024/03/krcsistemlogo.png");}.elementor-227 .elementor-element.elementor-element-0f74d03::before, .elementor-227 .elementor-element.elementor-element-0f74d03 > .elementor-background-video-container::before, .elementor-227 .elementor-element.elementor-element-0f74d03 > .e-con-inner > .elementor-background-video-container::before, .elementor-227 .elementor-element.elementor-element-0f74d03 > .elementor-background-slideshow::before, .elementor-227 .elementor-element.elementor-element-0f74d03 > .e-con-inner > .elementor-background-slideshow::before, .elementor-227 .elementor-element.elementor-element-0f74d03 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}/* Start custom CSS for container, class: .elementor-element-0f74d03 *//*CSS Grid*/
.section-grid{
   display: flex; 
   padding-left: 25px;
   padding-right: 25px;
}
.grid-prod{
  flex: 1 1 auto;
  display: flex; 
  flex-flow: row wrap;  
}
.prod-grid{
  flex: 1 1 25%;
  margin:2%;
  padding:12px;
  border: 2px solid #000;
}

.prod-grid img{
  width:100%;
}
h3, p{
  text-align: center;
  line-height: 1.5;
  letter-spacing: 1px;
}

.btn{
    background: darkcyan;
    border: 1px solid darkcyan;
    border-radius: 16px;
    color: white;
    font-size: 16px;
    width: 270px;
    height: 40px;
   margin-right:117px !important;
    margin: 1px; 
    letter-spacing: 1px;
    display: inline-block;
}

button{
  float: right;
  
}

/*CSS List*/
.section-list{
   display: flex; 
   padding: 2% 4%; 
}
table {
  width: 100%;
  margin: 10px 10px;
  border:2px solid #000;
  border-collapse: collapse;
  border-spacing: 0;
}
table tr td {
  padding: 10px;
  border-top: 2px solid #000;
}
tr td img{
  width:100%;
}
.btn-list{
    background: darkcyan;
    border: 1px solid darkcyan;
    border-radius: 6px;
    color: white;
    font-size: 22px;
    width: 200px;
    height: 40px;
    position: right;
    margin: 10px; 
    margin-top: 10%;
    letter-spacing: 1px;
    display: inline-block;
    
}

button{
  float: right;
}

@media (min-width : 320px) and (max-width : 480px) { 
  .section-list, .buttons{
    display: none;
  }
}

.prod-grid img {
    width:300px !important;
}


.prod-grid  img dome {
    width:700px !important;
}

@media (max-width: 858px){
    .prod-grid  {
    margin-left:5px !important;
    
}
    
    .btn{
    background: darkcyan;
    border: 1px solid darkcyan;
    border-radius: 16px;
    color: white;
    font-size: 16px;
    width: 270px;
    height: 40px;
   margin-right:10px !important;
    margin: 1px; 
    letter-spacing: 1px;
    display: inline-block;
}
}

@media only screen and (max-width : 520px) {
    
    .sp-container h2.frame-5 {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	animation: none;
	color: transparent;
	text-shadow: 0px 0px 1px #fff;
		margin-top:-20px;
		font-size:35px !important;
}
}/* End custom CSS */