@charset "utf-8";
/* CSS Document */
@media (max-width:1600px) {
.list_img{
  height:390px!important;
}
}
@media (max-width:1024px) {
.mobil_none_1024{
  display: none;
  visibility: hidden;
}
.page_trible_box{
  height:320px;
  overflow: hidden;
  position:relative;
}
.trible_top_title{
  width:100%;
  margin-top:0px;
  padding:0 0 0px 0;
}
.detail_page_container{
    width:100%!important;
  float:none!important;
}
.detail_container{
  width:100%!important;
  float:none!important;
  overflow: hidden!important;
  padding:100px 0 20px  0;
}
.detail_content_wrapper{
  width:95%!important;
  float:none!important;
  overflow: hidden;
}
.detail_content{
  width:100%;
  margin:auto!important;
  float:none!important;
}
.same_products{
  width:100%;
}
.same_img{
  height:300px;
}
.prodcut-icn-box{
  width:40px;
  height:40px;
  margin-bottom: 10px;
  line-height: 40px;
}
.detail_other_img{
  width:95%;
  margin:auto;
}
.detail-main-img{
  width:95%;
  margin:auto;
}
.page-center-right-wrap img{
  width:98%;
  margin:auto;
}
.page-center{
  width:95%;
  margin:auto;
}
.top_setup_wrapper{
  width:90%;
}
.page-center-product{
  width:70%;
  padding:40px 0 40px 0;
}
.center-product-desc{
  width:30%;
  padding:15% 0 50px 0;
}
.center_h{
   font-size:30px;
}
.center_pn{
   font-size:18px;
   font-weight: bold;
}
.center_pp{
   font-size:18px;
   font-weight: bold;
}
.center_a{
  font-size: 20px;
}
.center_ht{
   font-size: 42px;
}
.list_img{
  height:380px;
}
.fix-25{
   height:350px;
}
.fix-33{
    height:560px;
}
.fix-50{
  height:560px;
}
.fix-100{
  height:700px;
}
}/*****/
@media (max-width:834px) {
.top_header{
  display: none;
  visibility: hidden;
}
.mobil_navigation{
  display: block;
  width:100%!important;
  visibility: visible;
  position: fixed;
  height:70px!important;
  background-color:#32cdd0;
  top:0;
  z-index: 1000000;
  border:none!important;
}
.mobil_menu_content{
	width:90%;
	margin:auto;
	height:70px;
}
.mobil_logo{
  width:60%;
  text-align: left;
  line-height: 70px;
}
.mobil_icon{
  text-align: right;
  line-height: 70px;	
}
.mobil_top_box{
	width:50%;
	float:left;
	text-align: center;
}
.top-bg{
	height:70px;
}
.mobil_paral{
  height:350px!important;
}
.sidenav {
   max-width:60%;
}
.page_first_box{
  width:50%;
  height:auto;
  position:relative;
}
.box_icon{
  margin-top:-23px;
}
.box_title{
  width:100%;
  height:30px;
}
.bx_title{
   font-size:16px;   
   font-weight: 600;
   letter-spacing: 0px; 
}
.box_desc{
  height:60px;
  width:100%;
  padding:5px 0 0px 0;
}
.section_content{
  width:100%;
  margin-top:-50px;
}
.next_button{
	font-size: 12px;
	letter-spacing: 0px;
	padding:8px 30px 8px 30px;
	font-weight: 600;
   transition:all .2s ease-in-out;
   -webkit-transition:all .2s ease-in-out;
   -o-transition:all .2s ease-in-out;
   -moz-transition:all .2s ease-in-out;
}
.page_center_content{
  margin-top:50px;
  width:92%;
  margin:50px auto 0 auto;
  padding:50px 0 50px 0;
}
.center_h{
   font-size:18px;
   font-weight:600;
}
.center_h2{
   font-size:18px;
   font-weight:600;
}
.center_s{
   font-size:12px;
   font-weight:600;
   color:#000;
}
.center_s2{
   font-size:12px;
   font-weight:600;
   color:#737474;
}
.left_row_a{
  font-size: 12px;
  padding:15px 0 15px 0;
}
.btn-center{
	font-size: 10px;
	font-weight:700;
	letter-spacing: 0px;
	padding:7px 30px 7px 30px;
}
.right_title{
  padding:0;
}
.right_desc{
  padding:5px 0 5px 0;
}
.ft_tit_spn{
   font-size:14px;
   font-weight:600;   
}
.footer_a{
   font-size:10px;
   font-weight:600;
   padding:8px 0 8px 0!important;
   transition:all .2s ease-in-out;
   -webkit-transition:all .2s ease-in-out;
   -o-transition:all .2s ease-in-out;
   -moz-transition:all .2s ease-in-out;
}
}/****834 end********/
@media (max-width:768px) {

}/********/
@media (max-width:480px) {
.sidenav {
   max-width:100%;
}
.mobil_logo{
  width:90%;
  text-align: left;
  line-height: 70px;
}
.mobil_paral{
  height:200px!important;
}
.page_first_box{
  width:100%;
  height:auto;
  position:relative;
}
.box_icon{
  margin-top:-43px;
}
.bx_title{
   font-size:22px;   
   font-weight: 400;
   letter-spacing: 0px; 
}
.box_title{
  width:100%;
  height:50px;
}
.footer_box{
  width:50%;
  margin:0 auto 20px auto;
}
.mobil_blg_paral{
  margin-top:70px;
  height:80px!important;
}
.center_left,.center_right{
  width:100%;
  float:none;
  height:auto;
}
.center_left_content{
  width:95%;
  margin:0 auto 20px auto;
}
.center_right_content{
  width:95%;
  margin:auto;
}
.blog_left_list{
  width:100%;
  float:none;
}
.blog_right_list{
  display:none;
  visibility: hidden;
}
.blog_account_wrapper{
  width:100%;
  padding:15px 0 15px 0;
  height:auto;
}
.blog_page_wrapper{
  width:100%;
}
.blog_left_wrapper{
  width:100%;
}
.blog_list_img{
  width:100%;
  height:170px;
}
.blog_info{
  width:95%;
  margin:auto;
  padding:20px 0 20px 0;
}
.blog_date{
  width:30%;
}
.blog_category{
  width:70%;
}
.blg_spn{
   color: #000;
   font-size:10px;
   font-weight:600;   
}
.blog_list_title{
  width:95%;
  margin:auto;
  padding:5px 0 5px 0;
}
.blg_ttl{
   color: #000;
   font-size:22px;
   font-weight:600;   
}
.blog_list_content,.blog_list_button{
  width:95%;
  margin:auto;
  padding:5px 0 5px 0;
}
.blg_cnt{
   color: #000;
   font-size:14px;
   font-weight:400;   
}
.blog_row{
  width:100%;
  margin-bottom:80px;
  padding-bottom:20px;
}
.about_left,.about_right{
  width:100%;
  padding:20px 0 20px 0;
}
.contact_page_wrapper{
  width:90%;
  margin:auto;
}
.abt_box_wrap{
  width:100%;
  margin:auto;
}
.contat_first_box{
  width:100%;
  float:left;
  height:auto;
}
.contact_box_wrap{
  width:100%;
}
.box_cnt_title{
  width:100%;
  padding:0  0 7px 0;
  border-bottom:solid 1px #000;
}
.top-bg{
  width:100%;
  height:50px;
}
}/**********/
@media (max-width:384px) {

}/**********/
@media (max-width:360px){
 
@media (max-width:240px) {

}