@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 {
    text-align: center;
    margin: auto;
}
.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_right .social-icons {
    display: inline-block;
}
.social-icons ul li {
    display: inline-block;
    margin: 0 !important;
}
.logo img {
    width: 120px;
}
.header_right .menu-area {
    margin-top: 10px;
}
.footer_top_menu .menu_row {
    grid-template-columns: repeat(1,1fr);
}

.slider-section .owl-carousel .owl-nav {
    width: 100%;
}
.slider-section .single-slide.bg-img {
    height: 200px;
}


}
@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) {


}