@media only screen and (max-width: 1366px) {
    .home-slider .slider-content {
        top: 30%;
    }
    .banner-2 .owl-carousel .item{
        height: 400px;
    }
    .banner-3-img{
        height: 450px;
    }
    .banner-5{
        height: 400px;
    }
    .h-group-box {
        height: 350px;
    }
    .banner-6{
        height: 450px;
    }
    .banner-6 .owl-carousel .item{
        height: 450px;
    }
    .banner-6-s-text{
        height: 450px;
        padding: 0 0 0 0;
    }
    .adobe img{
        width: 60px;
    }
    .p-text-a-l .p-text-a-box {
        padding-right: 700px;
        padding-left: 20px;
    }
    .p-text-a-r .p-text-a-box {
        padding-right: 20px;
        padding-left: 700px;
    }
    .p-img {
        height: 500px;
    }
}
@media only screen and (max-width: 576px) {
    .t-gray-16{
        font-size: 13px;
    }
    .header-logo {
        width: 200px
    }
    .header-m-logo{
        width: 200px;
    }
    .header-navbar-button {
        background-color: transparent;
        color: #3B3C3E;
        font-size: 30px;
        border: none;
        display: block;
        transition: 0.3s ease-in-out;
    }
    .header-navbar-button-scroll {
        color: #F16013;
        transition: 0.3s ease-in-out;
    }
    .navbar-white .header-navbar-button{
        color: #F16013;
    }
    #navbar-1-menu {
        background-color: #ffffff63;
        backdrop-filter: blur(15px);
    }
    .offcanvas-header{
        height: 100px;
    }
    .offcanvas-close {
        background-color: transparent;
        color: #3B3C3E;
        font-size: 40px;
        border: none;
        display: block;
        transition: 0.3s ease-in-out;
        margin-left: auto;
    }

    .left-menu-ul .list-group-item {
        border: none;
        margin-bottom: 5px;
        font-family: 'DIN Pro';
        font-weight: 600;
        color: #3B3C3E;
        background-color: transparent;
        font-size: 20px;
        text-align: right;
        display: inline-flex;
        justify-content: end;
        align-items: center;
        font-family: "Sora", sans-serif;
    }
    .navbar-brand{
        margin: 0px;
    }
    .home-slider .owl-carousel .item{
        height: 50vh;
    }
    .slider-content {
        top: 40%;
    }
    .custom-owl-nav-home{
        top: 80%;
    }
    .custom-owl-nav-home .container-fluid {
        display: inline-flex;
        justify-content: end;
    }
    .t-white-60 {
        font-weight: 300;
        font-size: 30px;
        color: #ffffff;
        line-height: 60px;
    }
    .t-white-60-b {
        font-weight: 800;
        font-size: 30px;
        color: #ffffff;
        line-height: 60px;
    }
    .banner-3-img img {
        width: 80%;
    }
    .slider-content .btn-white-1 {
        margin-top: 15px;
    }
    .slider-count {
        margin-top: 20px;
    }
    .home-slider .slider-content {
        top: 40%;
    }
    .home-slider .slider-content .t-gray-48{
        font-size: 20px;
    }
    .banner-1-left .t-white-48{
        font-size: 24px;
    }
    .banner-1-left:after {
        display: none;
    }
    .banner-1-right:after{
        display: none;
    }
    .banner-1{
        height: auto;
    }
    .banner-1-center-1,
    .banner-1-center-2,
    .banner-1-right{
        height: 200px;
    }
    .banner-1-center-1 .t-white-36,
    .banner-1-center-2 .t-white-36,
    .banner-1-right .t-white-36{
        font-size: 24px;
    }
    .custom-owl-nav-6 {
        right: 0;
    }
    .accordion .t-gray-24{
        font-size: 18px;
    }
    .banner-2 a {
        margin-top: 20px;
    }
    #banner-2-slider{
        margin-top: 50px;
    }
    .banner-2 .owl-carousel .item {
        height: 200px;
    }
    .banner-2 .slider-content{
        width: 150px;
        height: 80px;
        padding: 10px 10px 10px 10px;
    }
    .banner-2 .slider-content .t-orange-24{
        font-size: 13px;
    }
    .banner-3-img {
        height: 250px;
    }
    .banner-3-img .t-white-48-o{
        font-size: 24px;
    }
    .banner-3-img .col-md-12{
        padding: 20px 20px 20px 20px;
    }
    .banner-4-left{
        height: 200px;
    }
    .banner-4-left .t-white-48-o{
        font-size: 24px;
    }
    .banner-4-right{
        padding-left: 10px;
        margin-top: 20px;
        height: auto;
    }
    .banner-4-right:after{
        display: none;
    }
    .banner-4-left:after{
        display: none;
    }
    .banner-4{
        margin-top: 30px;
    }
    .h-group-box-1 .t-gray-48-2{
        font-size: 24px;
    }
    .h-group-box {
        height: 180px;
        margin-bottom: 20px;
    }
    .banner-6-s-text::after{
        display: none;
    }
    .banner-6 .owl-carousel .item {
        height: 300px;
    }
    .banner-6-s-text {
        height: 300px;
        padding: 0 0 0 0;
    }
    .banner-6 {
        height: 300px;
    }
    .banner-6-s-text .t-white-24{
        font-size: 18px;
    }
    .banner-6-s-text .t-white-48-o{
        font-size: 24px
    }
    .b-7-title .t-white-48-b{
        font-size: 24px;
    }
    .b-7-title a{
        margin-top: 20px;
    }
    .t-box{
        height: 150px;
    }
    .b-7-img .t-white-24{
        font-size: 18px;
    }
    .b-7-img .col-6{
        margin-bottom: 20px;
    }
    .b-8-title .t-gray-48-2{
        font-size: 24px
    }
    .banner-8 .b-8{
        height: 290px;
        padding: 10px;
    }
    .banner-8 .t-orange-48{
        font-size: 20px;
    }
    .b-8-3{
        margin-top: 20px;
    }
    .catalog img {
        position: absolute;
        width: 50%;
        left: 50%;
        top: 50px;
    }
    .banner-9 .t-white-24{
        position: relative;
        z-index: 1;
        font-size: 20px;
    }
    .banner-9 .col-md-3 {
        justify-content: start;
    }
    .footer .t-black-18 {
        text-align: center;
    }
    .footer-text .t-orange-24{
        font-size: 16px;
    }
    .footer-ul li {
        margin-bottom: 10px;
        text-align: center;
    }
    .footer-4{
        text-align: center;
    }
    .page-banner {
        height: 200px;
    }
    .banner-10 .t-gray-84{
        font-size: 42px;
    }
    .banner-11{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .banner-11 .t-gray-64{
        font-size: 28px;
    }
    .ab-box{
        align-items: end;
    }
    .ab-box img{
        width: 50px;
    }
    .about-images{
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .banner-12 .container-fluid .row{
        height: 100%;
    }
    .b-12-text .t-gray-84{
        font-size: 24px;
    }
    .b-12-text .t-orange-48-b{
        font-size: 24px;
    }
    .b-12-titles div {
        width: 150px;
        height: 40px;
    }
    .b-12-titles{
        left: -50px;
        bottom: -25px
    }
    .b-12-titles .t-white-27{
        font-size: 16px;
    }
    .b-12-titles-r{
        text-align: left;
    }
    .banner-13 .col-md-6 {
        padding: 20px ;
    }
    .banner-s .col-md-6 {
        display: inline-flex;
        align-items: center;
        padding: 0px 20px 0px 20px;
    }
    .banner-s .t-gray-16,
    .banner-s .t-white-16{
        text-align: justify;
        margin-bottom: 20px;
    }
    .projects{
        margin-bottom: 30px;
    }
    .p-img {
        height: 200px;
    }
    .p-text-a-l{
        position: relative;
    }
    .p-text-a-l .p-text-a-box{
        padding-right: 20px;
        padding-top: 20px;
    }
    .p-text-a-r {
        position: relative;
    }
    .p-text-a-r .p-text-a-box {
        padding-left: 20px;
        padding-top: 20px;
    }
    .projects .t-gray-48-2{
        font-size: 24px;
        margin-top: 20px;
    }
    .projects .t-gray-48-2-b {
        font-size: 24px;
    }
    .projects .t-gray-16 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .banner-s .t-orange-48-o,
    .banner-s .t-white-48,
    .banner-s .t-white-48-o {
        font-size: 24px;
    }
    .banner-13 .t-orange-48 {
        font-size: 22px;
    }
    /*.banner-13 .col-md-6 img{
        height: 250px;
    }*/
    .banner-media .col-md-4{
        margin-bottom: 20px;
    }
    .banner-media .m-box{
        height: 150px;
    }
    .banner-media .m-text .t-orange-32{
        font-size: 24px;
    }
    .banner-media-2 .m-box{
        height: 100px;
    }
    .banner-media-3 .m-box {
        height: 100px;
    }
    .banner-contact .t-orange-24{
        font-size: 18px;
    }
    .banner-contact .t-orange-24-b {
        font-size: 18px;
    }
    .mobile-lang{
        left: auto;
        right: 0;
        padding: 3px 0 0 3px;
    }
    .newsdetail-banner-1 .t-orange-48-o{
        font-size: 24px;
        margin-top: 20px;
    }
    .footer-address-text {
        width: 100%;
    }
    .services-carousel .f-carousel__slide img {
        height: 250px;
    }
    .hover-mobile-menu{
        width: 110px;
        margin-left: auto;
        border-right: solid 1px #3B3C3E;
        margin-right: 10px;
        border-bottom: solid 1px #3B3C3E;
    }
    .hover-mobile-menu ul{
        padding: 0;
    }
    .hover-mobile-menu ul li{
        text-align: right;
        margin-bottom: 10px;
    }
    .hover-mobile-menu ul li a{
        font-family: "Sora", sans-serif;
        font-size: 16px;
        color: #3B3C3E;
        font-weight: 500;
        padding-right: 10px;
    }
    .page-banner-2 .t-white-36-2-b {
        font-size: 30px;
    }
    .page-banner-2 .t-white-36-2 {
        font-size: 18px;
    }
    .slider-logo {
        width: 250px !important;
    }
    .banner-3-logo {
        width: 250px !important;
        margin-top: 0px !important;
    }
    .banner-7-logo {
        width: 200px;
    }
    .banner-5-logo{
        width: 120px;
    }
    .banner-c-logo {
        width: 150px !important;
    }
}