@media only screen   and (min-device-width: 320px)   and (max-device-width: 480px)  and (-webkit-min-device-pixel-ratio: 2) {
	
}

@media only screen 768px{
.src{ margin-left:2%; !important}

}


.hide-space{}
form.custom span.custom { cursor:pointer !important;}

.m2{ margin: 0px -20px;}

.query_rule {color:#000;}

.line-h{line-height:1.5; }
/*---------search -page----------*/
.case{ text-transform:uppercase; color:#000; font-size:16px;}
.src{height:280px; text-align:center; padding-top:200px;}
.lin{ text-decoration:underline;}
/*---------search --page---end------*/

.pro-name{ text-transform:uppercase; text-align:center; color:#666; line-height:1.5; padding:10px 5px 5px 5px;}
.pro-name a{  color:#000; }
.pro-id{ text-transform:uppercase; font-size:12px; color:#666; line-height:1.3; padding:5px;}


.blog-space{ margin:40px;}

.customNavigation{

      text-align: right;
    }
    .customNavigation a{
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
   
  
   .for-shadow a img{
	   border:1px solid #ccc;
	   padding:4px;
	   -webkit-box-shadow: 0px 0px 30px 0px rgba(47, 50, 47, 0.88);
-moz-box-shadow:    0px 0px 30px 0px rgba(47, 50, 47, 0.88);
box-shadow:         0px 0px 30px 0px rgba(47, 50, 47, 0.88);
   /*box-shadow: 0px 0px 5px #ccc;
   border:5px solid #fff;
   box-shadow: 10px 10px 5px #ccc; 
   -moz-box-shadow: 10px 10px 5px #ccc; 
   -webkit-box-shadow: 10px 10px 5px #ccc; 
   -khtml-box-shadow: 10px 10px 5px #ccc; */
   }
   
 .howto{  text-transform:uppercase;   }
.howto li { border-bottom:1px solid #999;  list-style:none; line-height:3;}
.howto li a{  } 
   
   .pagination>li:first-child>a, .pagination>li:first-child>span{border-bottom-left-radius:0px;
border-top-left-radius: 0px;}
.pagination>li:last-child>a, .pagination>li:last-child>span{border-bottom-right-radius: 0px;
border-top-right-radius: 0px;}
.pagination>li>a, .pagination>li>span {color:#872a94}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
color: #fff !important;
background-color: #872a94 !important;
border-color: #ddd;
}
.pagination>li {
background-color: #872a94 !important;
border-color: #ddd;
color: #fff !important;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #fba043 !important;
    border-color: #ddd!important;
    color: #fff !important;
    cursor: default;
    z-index: 2;
}