@media only screen and (max-width:1199px) {
.portfolio_login a{
 padding:7px;
 font-size:13px;	
}
}
@media only screen and (max-width:1024px) {

}
@media screen and (max-width: 991px) {
.portfolio_login {
    margin-left: 0px;
}
.portfolio_login a {
    padding: 7px;
    font-size: 12px;
}
.hexa_img, .hexa_caption{
 width:auto;
 display:block;
 text-align:center;	
}
.hexagon{
 margin-top:0;	
}

}

@media only screen and (max-width:767px) { 
.logo{
 text-align:center;	
}
.menu-area, .portfolio_login{
 text-align:center;
 display:block;	
}
.top-right{
 margin:10px 0;	
}
.portfolio_login{
 margin-top:10px;	
}
.social-icons{
 margin-top:12px;	
}
#banner .owl-carousel .item{
 height:240px;	
}
.corner_img {
    margin-top: 10px;
    text-align: center;
}
.callback_form{
 margin-top:25px;	
}
.callback::before{
 width:100%;	
}
.ft_left, .ft_right{
 text-align:center;	
}
}
@media only screen and (max-width:575px) { 
.header_top, .social-icons{
 text-align:center;	
}
#banner .owl-carousel .item {
    height: 180px;
}
}
@media only screen and (max-width:360px) { 
}
@media only screen and (max-width:320px) {


}