@media (max-width:1199px){
    .navbar .nav-link{width: 6.5rem;}
    .navbar-brand{padding-right:0rem;}
}

@media (max-width:990px) {
    .navbar-brand {
        padding: 1rem 0;
    }

    .navbar .nav-link {
        width: 100%;
        padding: 1rem 0 !important;
    }

    .navbar .nav-lang .dropdown-toggle {
        display: block;
        width: 100%!important;
    }

    .navbar .nav-social .nav-link {
        padding: 1rem 0 !important;
    }

    .navbar .nav-reg {
        margin-left: 0;
    }

    .navbar .container {
        margin-left: 0;
        margin-right: 0;
    }
    .navbar .nav-reg .nav-link{width:100%;}
    .navbar{padding-right: 1rem;;}
}

@media (max-width:768px){
    .carousel-box p{max-width: 100%!important;}
    .carousel-box ul li:nth-child(2){padding-right: 0;}
    .carousel-box ul li span,
    .carousel-box ul li{font-size:2rem!important;}
    .navbar-brand .navbar-date{display:none;}
    .three::before{font-size: 10rem;}
    .navbar-brand{display: flex; flex-direction:column;height:5rem;margin:0;color:#fff;justify-content:flex-start;
    transform: translate3d(0px, 0px, 30px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);padding-left:0!important;
    transform-style: preserve-3d;-webkit-transition: 0.4s;
  transition: 0.4s;}
  .carousel-box{padding-top: 30%!important;}
  .carousel-box img{display: block; width: 100%;}
  .carousel-box .img-no-responsive {max-width: 100px;}
}

@media (max-width:480px){
    .banner{padding-top: 0!important;}
    .carousel-box .carousel-img img{display: block; width: 100%;}    
    footer{text-align: center;}
    .carousel-box ul li span{font-size: 1.9rem;}
    .carousel-box p{font-size: 1rem;}
    .carousel-box{min-height: 560px;}
    .three::before{font-size: 5rem;}
}