.div_hover { background-color: #FFFFFF; }
.div_hover:hover { border:3px double #A2B70D }
body{
    overflow-x: hidden;
}
@media only screen and (min-width:563px){
	.name{
		width:30%;
	}
}
@media only screen and (max-width: 992px) {
	.name{
     width:45%;
	}
}
@media only screen and (max-width: 562px) {
	.name{
     width:85%;
	}
}
@media only screen and (min-width:563px){
	.book_count{
		width:30%;
	}
}
@media only screen and (max-width: 562px) {
	.book_count{
     width:20%;
	}
}
@media only screen and (min-width:762px){
    .zoom:hover{ 
        position:relative;
        -webkit-transform:scale(2.2);
        transform:scale(2.2);
        left:60%;
        top:-15%;
        z-index:1; 
    }
}
.social-box li {
    display: inline-block;
    margin-right: 10px;
    margin-top: 11px;
}
.social-box li a {
	color: #fff;
}
*{
  box-sizing: border-box;
}
.f{
    padding: 0px 10px;
}
i{
  padding: 0px 10px;
}
.social-icon {
    border-radius: 6px;
    width:36px;
    height:32px;
    vertical-align:sub;
}
.mail {
    border-radius: 6px;
    width:38px;
    height:34px;
    vertical-align:sub;
}
.msngr-icon {
    border-radius: 50%;
    width:36px;
    height:32px;
    vertical-align:sub;
}
.telegram-icon {
    border-radius: 50%;
    vertical-align:sub;
    width:36px;
    height:32px;
    vertical-align:sub;
}
ul{
    padding-left:0px;
    margin-bottom: 0.7rem;
}
.phone-icon{
    color: orange;
    border-radius: 50%;
    background:white;
}
.mail-icon{
    color: red;
    padding:0px;
}
.form-group{
    margin-bottom:0;
    padding-bottom: 1em;
}
::-webkit-input-placeholder {
    font-family:Helvetica Neue;
    font-weight:bold;
    text-align:center;
    font-size:22px;
}