@media screen and (min-width: 1200px){

}
@media screen and (min-width: 992px) {
    .banner-content h1{
        font-size: 50px;
    }
    h2.sec-header{
        font-size: 50px;
    }
}
@media screen and (min-width: 768px) {
  
}
@media screen and (min-width: 576px) {
  
}

@media screen and (max-width: 1200px) {
    .banner-sec .carousel-item {
        height: 500px;
    }
  
}
@media screen and (max-width: 1200px) and (min-width: 992px){
  
}
@media screen and (max-width: 992px) {
    .banner-sec .carousel-item {
        height: 400px;
    }
  
}
@media screen and (max-width: 992px) and (min-width: 768px){
    .menu-sec .navbar .navbar-nav .nav-link {
        padding: 8px 10px;
    }
}
@media screen and (max-width: 768px) {
    
    .menu-sec .navbar .navbar-nav .nav-item{
        margin-top: 1px;
    }
    .menu-sec .navbar .navbar-nav .nav-link {
        /* background-color: rgba(255, 255, 255, 0.5); */
        background-color: rgba(0, 0, 0, 0.7);
    }
    .menu-sec .navbar .dropdown-menu li{
        padding-left: 5px;
      }
    .banner-sec .carousel-item {
        height: 300px;
    }
    .knot-logo img{
        max-width: 200px;
    }
}
@media screen and (max-width: 576px) {
    .banner-content h1{
        font-size: 20px;
    }
    .ft-info{
        padding-left: 0;
        border-left: 0;
      }
}
@media screen and (max-width: 400px) {
  
}