@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:hover .hexa_img_2{ 
 width:auto !important;
 display:block !important;
 text-align:center; 
}
.hexagon{
 margin-top:0;	
}
.heading::before {
    left: 45%;
    right: 45%;
}
.heading::after {
    left: 36%;
    right: 36%;
}
.footer_top .discl.info-col {
    padding-right: 0;
    margin-bottom: 35px;
}
}

@media only screen and (max-width:823px) { 
.logo {
    width: 190px;
    text-align: left;
}
.btn-primary.login_btn {
    position: absolute;
    top: -38px;
    right: 15px;
    font-size: 15px;
    padding: 5px 10px;
}
.menu-area, .portfolio_login{
 text-align:center;
 display:block;	
}
.social-icons ul li {
    display: inline-block;
    margin: 0;
}
  .header-bottom {
    position: relative;
    z-index: 999;
    width: 100%;
    background: #fff;
    top: 0rem;
    padding-bottom: 0px;
}
.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:767px) { 
    .corner_img {
    display: none;
}
.header_top .contact_info a {
    display: block;
}
}
@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) {


}