@media screen and (max-width: 1880px) {
    
}

@media screen and (max-width: 1740px) {
    
}

@media screen and (max-width: 1536px) {

   

}

@media screen and (max-width: 1400px) {
.box-img video{height: 100%;object-fit: cover;}

}

@media screen and (max-width: 1300px) {
    
}

@media screen and (max-width: 1200px) {
    .navbar-brand { max-width: 36%;}
    .navbar-brand img {max-width: 60%;}
    .navbar .navbar-nav .nav-link {margin: 0 10px;font-size: 20px;}
    .about-personal h2 { font-size: 45px;max-width: 100%;font-weight: 400;margin-bottom: 20px;}
    .about-descrition-details{width: 100% !important;}
    .about-personal .svg-arrow{display: none;}
    .text-titles-parents img {opacity: 0.7;}
    p{text-align: justify;font-size: 17px;}
    .products-item {margin: 0;height: 100%;}
    .products-info h3 {font-size: 24px;}
    .products-info p {text-align: left;}
}

@media screen and (max-width:1024px) {
    .float_box_container{padding: 0;}
}


@media screen and (max-width:991px) {
    .title-lg{font-size: 55px;}
    .header-corporate .content .description p{line-height: 1.4;}
    .creative-orbit .orbit-wrapper {margin: auto;}
    .footer-logo{width: 100%;max-width: 40%;margin-bottom: 20px;}
    section {padding: 40px 0;}
    .box-title h6 {font-size: 20px;font-weight: 400;}
    .d-grid.custom-width {grid-template-columns: 100%;margin-top: 20px;}
    .box-title h6 br{display: none;}
    .d-grid:not(.dsn-isotope):not(.d-grid-no-space) {grid-row-gap: 8px;}
    .navbar{background-color:#ffffff};
    .navbar .navbar-nav .nav-link {color: var(--black-dark) !important;}
    .navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active {
    color: #000 !important;
    font-weight: 800;
}
.navbar .navbar-nav .nav-link {
    color: var(--text-dark);
}
}



@media screen and (max-width:767px) {
  .title h2 {font-size: 46px;} 
  .about-personal h2 {font-size: 34px;line-height: 1.48;}

}


@media (max-width:664px) {
.footer-logo{width: 100%;max-width: 80%;margin-bottom: 20px;}
    
}

@media (max-width:575px) {
   .title h2 {font-size: 38px;}
   section {padding: 25px 0;}
}

@media (max-width:480px) {
   .about-personal h2 {font-size: 30px;line-height: 1.48;}
   .navbar.scrolled .container-fluid {
    padding: 0;
    transition: 0.4s;
}
.navbar .container-fluid {
    padding: 0px 12px;
}
.navbar-brand img {
    max-width: 100%;
}
}
@media (max-width:420px) {
   .creative-orbit .orbit-wrapper {
    width: 100%;
    height: 100%;
} 
.application-img {
    padding: 14px;
}
.application-info h4 {
    max-width: 100%;
}
.box-brands .brand-inner {
    padding-left: 0;
}
}
@media (max-width:375px) {
    
}

@media (max-width:320px) {
   
}