@media screen and (min-width: 1300px) {
  .container {
    max-width: 1200px;
}
}

@media (max-width: 1024px) {
.header-area  .logo {width: 200px;}
.header-area .main-nav ul.nav { margin-top: 80px;}
.main-banner .item {padding: 220px 20% 220px 20%;}
  }
@media (max-width: 768px) {
  .feat_blk2 .left_blk p {margin-bottom: 30px;}
}
  @media (max-width: 600px) {
.main-banner .item {padding: 120px 20% 120px 20%;}
.feat_blk2 .d-flex {display: block!important;}
  }