@media (max-width:1920px){
    .corporate .logomark{width:700px;top:-67px;}
    .hp-contents .nav-pills .nav-link{text-align:left;}
    .banner-content .why-we{flex-wrap:wrap;gap:3rem;}
    .banner-content .why-we div{width:40%;}
    .corporate-detail .inovasfer-object{bottom:-15%;}
    .services-pg .box .contents .content{width:90%;}
    .hero-header .hero-cont{gap:5rem;}
}
@media (max-width:1700px){
    .footer .information .item h3{font-size:14pt;}
    .footer .information .item a p{max-width:150px;}
}
@media (max-width:1440px){
    .hp-contents .nav-pills{padding:3rem;}
}
@media (max-width:1366px){
    .corporate .logomark{width:500px;top:185px;}
    .partners .box .logo{max-width:180px;max-height:180px;}
    .hp-contents .nav-pills{padding:3rem;}
    .hp-contents .tab-pane{padding:0 3rem;font-size:13.5pt;}
    .news .box img{width:330px;}
    .services .box .content .texts p{max-width:100%;}
    .banner-content .why-we div{width:100%;}
    .banner-content{display:grid;}
    .banner-content .why-we{width:100vw;padding:0 5rem;display:flex;}
    .banner-content .why-we div{width:20%;}
    .corporate-detail .inovasfer-object{bottom:-5%;}
    .banner-content .cont{width:100%;padding:0 5rem;}
    .banner-content .cont .desc{max-width:100%;}
    .contact-banner .item{padding:2rem;width:100%;}
    .footer .information{flex-wrap:wrap;justify-content:space-around;}
    .hero-header .hero-cont{gap:5rem;}
    .hero-header .hero-cont .items{gap:2rem;}
}
@media (max-width:1200px){
    .hero-header{padding-top:0;align-content:normal;}
    .hero-header .navbar{height:fit-content;}
    .navbar{background-color:#fff!important;padding:2rem 0;}
    .navbar .navbar-nav{width:100%;}
    .navbar .navbar-nav .nav-item{width:100%;}
    .hero-header .navbar .logo{display:none;}
    .hero-header .navbar .mbllogo, .detail-header .navbar .logo{display:block;width:300px;}
    .navbar .navbar-nav .nav-link {color: #000;border-bottom: 1px solid #000;}
    .hp-contents .nav-pills{padding:1rem;}
    .hp-contents .nav-pills .nav-link{font-size:14pt;}
    .hp-contents .tab-pane{padding:0 5rem;font-size:12pt;}
    .navbar-toggler{background-color:#0a3a71;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #0a3a71;color:#fff;}
    .navbar-toggler:hover{background-color:transparent;color:#0a3a71;}
    .services-detail-cont .items h5{width:calc(50% - 2rem);}
    .footer .information{gap:2rem;}
    .footer .information .item a p{max-width:130px;font-size:12pt;}
    .footer .information .item a .icon{width:40px;height:40px;}
    .footer .information .item a .icon i{font-size:12pt}
}
@media (max-width:1024px){
    .news .col-lg-6{width:100%;}
}
@media (max-width:992px){
    .corporate .logomark{width:240px;top:389px;}
    .hero-header .hero-cont{gap:3rem;width:100%;}
    .hero-header .hero-cont h1{font-size:30pt;}
    .services .box{margin-top:2rem;}
    .what-tsrs .d-flex{display:grid!important;}
    .partners .box{margin-top:2rem;}
    .hp-contents .nav-pills{width:100%;display:grid;align-items:center;justify-content:center;}
    .hp-contents .tab-pane{padding:0;margin-top:1rem;}
    .hp-contents{height:1600px;}
    .container-fluid{max-width:95%;}
    .news .box{display:grid;height:700px;align-items:start;}
    .news .box img{width:100%;border-radius:50px 50px 0 0;height:400px;}
    .news .box .content h1{font-size:26pt;}
    .news .col-lg-6.gap-2{gap:2rem!important;}
    .footer{background-size:cover;}
    .footer .justify-items-end{justify-items:start!important;margin:3rem 0;}
    .footer .copyright{margin-top:0;}
    .corporate-detail .desc{padding:3rem;margin-top:2rem;}
    .vz-mz{margin-top:5rem;}
    .vz-mz h1{margin-top:3rem;}
    .sustainability .box{margin-top:2rem;}
    .services-detail .container-fluid{padding:2rem;}
    .services-detail .justify-content-end{justify-content:start!important;}
    .services-detail .servicesDetailSlider{margin-top:3rem;}
    .partners-detail h2{margin-top:3rem;}
    .contact-banner{width:90vw;}
    .contact-banner .item{width:90vw;}
    .contact-banner .information{display:grid;}
    .contact-banner .information .hr{width:100%;height:1px;}
    .services-detail-cont .items h5{width:100%;}
    .hero-header .hero-cont{max-width:450px;}
}
@media (max-width:768px){
    .hero-header .navbar .mbllogo, .detail-header .navbar .logo{width:230px;}
    .sustainability .justify-content-end{justify-content:start!important;}
    .footer .corp{max-width:100%;}
    .footer .menu{display:grid;}
    .footer .information{display:grid;}
    .footer .hr{width:80%;}
    .corporate-detail .inovasfer-object{width:90%;bottom:-2%;}
    .banner-content .why-we{display:grid;padding:0 1rem;justify-content:normal;}
    .banner-content .why-we div{width:fit-content;}
    .banner-content .why-we .d-flex{width:100%;}
    .banner-content .item{width:95vw;padding:2rem;}
    .banner-content .item .logomark{bottom:-166px;width:300px;}
    .banner-content .item h1{font-size:25pt;}
    .banner-content{gap:0;}
    .banner-content .cont{padding:0 1rem;}
    .services-pg .box{height:600px;}
    .services-pg .box .contents{display:grid;}
    .services-pg .box .contents .content{display:grid;align-items:start;gap:1rem;}
    .services-pg .box .image{width:100%;height:600px;}
    .services-pg .box .contents .content h1{margin:0;width:100%;font-size:26pt;margin-left:1rem;}
    .services-pg .box .contents .content p{margin-left:1rem;width:100%;}
    .services-pg .box .contents .view{width:75px;height:75px;margin-left:1rem;}
    .services-pg .box .icon{width:175px;height:175px;}
    .services-pg .box .contents .content img{max-width:65px;max-height:65px;}
    .contact-banner .information a{font-size:14pt;}
    .contact-banner .information a .icon{width:50px;height:50px;}
}