@media only screen and (max-width:1200px){
    .logo h6 {
	font-size: 22px;
    }
}
@media only screen and (max-width:767px){
    .logo img {
	width: 165px;
	margin-right: 0px;
	margin-bottom: 7px;
    }
    .logo h6 {
	font-size: 20px;
    }
    .box-box{
        width: 50%;
    }
}
@media only screen and (max-width:575px){
    .logo img{
        width: 165px;
    }
    .ht-right-top a {
	font-size: 11px;
	text-transform: uppercase;
	 border-left: none; 
	padding: 0px 2px;
    }
    .ht-right-bottom p{
        font-size: 15px;
    }
    .ht-right{
        padding: 0;    
    }
    .logo h6 {
	font-size: 12px;
    }
}

@media only screen and (max-width:480px){
    .single-box:hover .content span {
    color: var(--wc);
    font-size: 16px;
    }
    .box-box{
        width: 100%;
    }
}