/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 23 2018 | 09:24:14 */
.titangr{display:inline-block;
         width:30%;
         text-align:center;
         vertical-align:top;
         padding:7px;
         }
.oe{display:inline-block;
    width:56%;
    }
.to{display:inline-block;
    width:36%;}
 .head-margin-top {margin-top:55px;}
.four{display:inline-block;
     width:22%;
     text-align:center;
     padding:14px;
 word-wrap: break-word;}


.mainprodimg{
  width:85%; margin:auto; /*display:block*/; max-height:185px !important; border:1px solid #a9a9a9;
}
.titang{display:inline-block;
         width:31%;
         text-align:center;
         vertical-align:top;
      box-sizing: border-box;
 
         }
.imstyle{ padding:25px; 
         background-color:inherit;
       box-sizing: border-box;
  margin:auto;
       }

.fi{display:inline-block;
         width:24%;
         text-align:center;
         vertical-align:top;
          }
.se{display:inline-block;
         width:74%;
         text-align:left;
         vertical-align:top;}

.note{background-color:#f4f4f4;
      border:2px solid #f4f4f4;
     box-shadow: 0px 0px 1px 0px #888;
       padding:15px;}
.co{display:inline-block;
    width:55%;
    padding:8px;
    text-align:center;
     }
.ct{display:inline-block;
    width:35%;
    padding:8px;
    text-align:left;
    vertical-align:top;
     }
.done{display:inline-block;
      width:12%;
      margin:5px;}
.dtwo{display:inline-block;
      width:70%;
      margin:5px;}
.dthree{display:inline-block;
      width:12%;
      margin:5px;
     }
.do{display:inline-block;
      width:60%;
      margin:5px;}
.dt{display:inline-block;
      width:14%;
      margin:5px;}
.dth{display:inline-block;
      width:14%;
      margin:5px;}
.doo{display:inline-block;
  vertical-align:top;
      width:46%;
      padding:5px;}
.doo1{display:inline-block;
  vertical-align:top;
      width:46%;
      padding:5px;}
.dtt{display:inline-block;
      width:23%;
      margin:5px;}
.dthh{display:inline-block;
      width:23%;
      margin:5px;
 margin-left:40px;}

.bimg-f{display:inline-block;
        width:58%;
        margin:8px;
      }
.bimg-s{display:inline-block;
        width:38%;
        margin:8px;
        vertical-align:top;
      }
.mymar{margin-right:500px;}
.icon{display:inline-block;
         width:14%;
         padding:5px;
  max-width:100px;
  text-align:center;
         }
.text{display:inline-block;
         width:76%;
         padding:5px;
         vertical-align:top;
         }
.fourcol{display:inline-block;
         width:23%;
         text-align:center;
         vertical-align:top;
         padding:7px;
         }
.twocol{display:inline-block;
         width:45%;
         text-align:center;
         vertical-align:top;
         padding:7px;
         }
.twocoll{display:inline-block;
         width:49%;
         vertical-align:top;
         }
.mymargin{margin-left:20px;
          margin-bottom:12px;}
.myborder-right{border-right:1px solid #a9a9a9;}
@media screen and (max-width: 480px) {
  .titangr{display:block;
         width:100%;
    max-width:500px;
         }
  .do1{max-width:220px;
      display:block;
      width:100%;
      margin-right:auto;
      margin-left:auto;}
  .oe{display:block;
    width:100%;
    }
.to{display:block;
    width:100%;
    margin-left:auto;
    margin-right:auto;
   max-width:174px;}
  .four{display:block;
     width:100%;
     text-align:center;
     }
   .titang{display:block;
         width:100%;
         }
  .fi{display:block;
         width:100%;
        }
   .se{display:block;
         width:100%;
         }
  .myim{display:block;
        width:100%;
         height:260px;}
  .doo{display:block;
      width:100%;
      text-align:center;
    margin-bottom:12px;
     }
  .dtt{display:block;
      width:100%;
   text-align:center;
    margin:auto;
     margin-bottom:12px;
      }
  .dthh{display:block;
      width:100%;
   text-align:center;
    margin:auto;
     margin-bottom:12px;
     }
  .co{display:block;
     width:100%;
     text-align:center;}
  .ct{display:block;
     width:100%;}
  .done{display:block;
      width:100%;
     }
 .dtwo{display:block;
      width:100%;
      }
 .dthree{display:block;
      width:100%;
      }
  .do{display:block;
      width:100%;
     }
.dt{display:block;
      width:100%;
    }
.dth{display:block;
      width:100%;
     }
  .bimg-f{display:block;
        width:100%;
      }
.bimg-s{display:block;
        width:100%;
       }
  .fourcol{display:block;
         width:100%;
    max-width:400px;
         }
  img{ display:block;
         width:100%;
       }
  .twocol{display:block;
         width:100%;
         }
  .icon{display:block;
         width:100%;
         margin:auto;
        }
  .text{display:block;
         width:100%;
    text-align:center;
    margin-bottom:17px;
       }
  .mymar{margin-right:0px;
         margin-bottom:5px;
        width:100%;}
  .twocoll{display:block;
         width:100%;
    text-align:center;
         }
  .myborder-right{border-right:0px solid #a9a9a9;}
  .mymargin{margin-left:0px;
          margin-bottom:5px;
          }
}

 @media (min-width: 992px) and (max-width: 1200px) { 
   .four{display:inline-block;
     width:21% !important;
     text-align:center;
     padding:12px;
 word-wrap: break-word;}
   .myo{display:inline-block;
        width:45%;
        padding:15px;}
    .myt{display:inline-block;
        width:45%;
        padding:15px;}
  
}

@media (min-width: 768px) and (max-width: 992px){
  .last{display:block;
        margin-left:auto;
        margin-right:auto;}
  .spd{min-height:170px;}
  .icon{display:block;
         width:100%;
   margin-left:auto;
    margin-right:auto;
     max-width:100px;
        }
  .done{display:inline-block;
      width:12%;
      margin:5px;
   max-height:210px;}
  .dthree{display:inline-block;
      width:12%;
      margin:5px;
  max-height:210px;}
    .twocoll{display:inline-block;
         width:49%;
      box-sizing:border-box;
      padding:12px;
         }
   .bimg-f{display:inline-block;
        width:56%;
        padding:4px;
      }
  .bimg-s{display:inline-block;
        width:36%;
        padding:4px;
       }
  .myspdiv{margin-top:40px;}
  .text{display:block;
         width:100%;
    text-align:center;
    margin-bottom:14px;
       }
  .four{display:inline-block;
     width:21% !important;
     text-align:center;
     padding:12px;
 word-wrap: break-word;}
  .fi{display:inline-block;
         width:32%;
         text-align:center;
         vertical-align:top;
          }
.se{display:inline-block;
         width:62%;
         text-align:left;
         vertical-align:top;
        padding:12px;}
  
  .doo1{display:inline-block;
      width:46%;
    text-align:center;
      padding:5px;}
   .titang{ width:45% !important;

         }
}

  
@media (min-width: 481px) and (max-width: 767px){
 .titang{ width:45% !important;

         }
  .spd{min-height:170px;}
  .done{display:block;
      width:100%;
      margin-left:auto;
      margin-right:auto;
      max-width:147px;}
  
  .dthree{display:block;
      width:100%;
      margin-left:auto;
      margin-right:auto;
      max-width:147px;}
  
  .bimg-f{display:block;
        width:86%;
        margin-left:auto;
        margin-right:auto;
      }
  .bimg-s{display:block;
        width:86%;
     margin-left:auto;
        margin-right:auto;
       }
   .icon{display:block;
         width:100%;
   margin-left:auto;
    margin-right:auto;
        }
  .four{display:inline-block;
     width:42%;
     text-align:center;
     padding:10px;
 word-wrap: break-word;}
  .doo1{display:inline-block;
      width:46%;
      padding:5px;}
    .fi{display:inline-block;
         width:42%;
         text-align:center;
         vertical-align:top;
          }
.se{display:inline-block;
         width:52%;
         text-align:left;
         vertical-align:top;
        padding:8px;}
  
   .co{display:block;
       width:100%;
       text-align:center;}
   .ct{display:block;
       width:100%;
       text-align:center;}
    .doo{display:inline-block;
      width:100%;
      margin:5px;}
.dtt{display:inline-block;
      width:23%;
      margin:5px;}
.dthh{display:inline-block;
      width:23%;
      margin:5px;
 margin-left:40px;}
   .done{display:block;
        width:100%;
        }
   .dtwo{display:block;
        width:100%;
        }
    .dthree{display:block;
         width:100%;
        }
    .do{display:block;
        width:100%;
        }
    .dt{display:block;
        width:100%;
        }
    .dth{display:block;
         width:100%;
         }
   .twocoll{display:block;
           width:100%;
          
            }
  .icon{display:block;
         width:100%;
   margin:auto;
   
        }
   .text{display:block;
         width:100%;
    text-align:center;
     margin-bottom:17px;
       }
    .mymar{margin-right:0px;
          margin-bottom:5px;
          width:100%;}

}