@media (max-width: 480px) {
     body {
         overflow-x: hidden;
         max-width: 100%;
         box-sizing: border-box;
     }
     .icon-icon-media{
        width: 23% !important;
     }

     .timeline-dot-line {
         left: 2% !important;
     }

     .timeline-circle {
         left: 8px;
         transform: translate(-50%, -50%);
     }

     .timeline-fill-line {
         left: 2% !important;
     }

     .timeline-circle-two {
         left: -27px;
         transform: translate(50%, -50%);
     }

     header {
         position: static;
     }

     .main-wapper {
         position: static;
     }

     .slide-content {
         position: absolute;
         left: 43%;
         line-height: 9px;
         top: 54%;
     }

     .navbar-collapse {
         width: 100%;
     }

     .navbar-nav {
         flex-direction: column !important;
         align-items: flex-start !important;
         background-color: transparent;
         padding: 38px 9px;

     }


     #s-lider {
         position: static;
     }

     .navbar-light .navbar-nav .nav-link {
         color: black;
     }


     .navbar-nav .nav-item {
         width: 100%;
     }

     .navbar-nav .nav-link {
         display: block;
         width: 100%;
         text-align: left;
         padding: 8px 0;
     }

     .navbar-light .navbar-toggler {
         float: right;
     }

     #m-snone {
         display: block !important;
     }

     button.slick-next.custom-arrow.slick-arrow {
         right: 0px;
         width: 7%;
     }

     button.slick-prev.custom-arrow.slick-arrow {
         left: 0px;
         width: 7%;
     }

     .slide-content h2 {
         font-size: 14px !important;
         margin-bottom: 0 !important;
     }

     .slide-content p {
         font-size: 12px !important;
         line-height: 14px;
     }

     .btn-17-link .text {
         font-size: 9px !important;
     }

     .btn-17-link {
         padding: 8px 13px;

     }

     .sec-card {


         position: relative !important;
         transform: none !important;
         left: 0 !important;
         width: 100% !important;
         margin-top: 1rem;

     }

     .studio-section {
         padding: 0 !important;
     }

     section#s-lider {
         padding: 0 !important;
     }

     p {
         font-size: 14px !important;
     }

     .some {
         width: 85% !important;
     }

     .image-wrapper::before {
         content: '';
         position: absolute;
         top: -25px;
         right: 0;
         bottom: 30px;
         left: 91px;
         background-color: #d99169;
         z-index: 0;
         border-radius: 0.5rem;
     }

     .image-wrapper {
         margin-top: 59px;
     }

     .icon-content-info {
         line-height: 49px;
         border-left: 0 !important;
     }

     .project-section {
         padding-top: 0 !important;
     }

     .last-bg {
         background-size: cover !important;
         background-position: right !important;
     }

     .g-4,
     .gx-4 {
         padding: 0 !important;
         margin: 0px !important;
     }

     li {
         font-size: 14px;
     }

     .post {
         font-size: 12px;
     }

     .ss-bottom {
         font-size: 14px;
     }

     .cursor-dot {
         display: none !important;
     }

     .cursor-outline {
         display: none;
     }

     .diagonal-img-wrapper {
         clip-path: none;
     }

     .project-card .row {
         flex-direction: column;
     }

     .navbar-light .navbar-toggler {
         border: none;
         color: transparent;
     }

     #s-lider .slick-slide img {
         height: 150px;
         width: 100% !important;
         max-width: 100% !important;
         object-fit: cover;
     }

     button.slick-next-new.custom-arrow.slick-arrow {
         width: 7%;
     }

     button.slick-prev-new.custom-arrow.slick-arrow {
         width: 7%;
     }

     .s-one {
         padding-left: 13px !important;
     }

     footer {
         padding: 0 !important;
     }

     .Copyright {
         font-size: 10px !important;
     }

     .breadcrumb-area {
         padding-top: 50px;
     }

     .hover-set {
         font-size: 10px;
     }

     .bg-warr-pe {
         display: contents !important;
     }

     .news-btn {

         padding: 15px 20px;
         display: flex;
         margin: 0 auto;
         width: 50% !important;
     }

     .one-base {
         margin: 0 auto;
     }

     .career-section {
         padding: 41px !important;
     }

     .g-5,
     .gx-5 {
         --bs-gutter-x: 0rem;

     }
 }

 @media (min-width: 768px) and (max-width:1024px) {
     body {
         overflow-x: hidden;
         max-width: 100%;
         box-sizing: border-box;
     }

     header {
         position: static;
     }

     .main-wapper {
         position: static;
     }

     .slide-content {
         position: absolute;
         left: 40%;
         line-height: 9px;
     }

     .navbar-collapse {
         width: 100%;
     }

     .navbar-nav {
         flex-direction: column !important;
         align-items: flex-start !important;
         background-color: transparent;
         padding: 10px 15px;

     }

     #s-lider {
         position: static;
         padding: 0 !important;
     }

     .navbar-light .navbar-nav .nav-link {
         color: black;
     }


     .navbar-nav .nav-item {
         width: 100%;
     }

     .navbar-nav .nav-link {
         display: block;
         width: 100%;
         text-align: left;
         padding: 8px 0;
     }

     .navbar-light .navbar-toggler {
         float: right;
     }

     #m-snone {
         display: block !important;
     }

     button.slick-next.custom-arrow.slick-arrow {
         right: 0px;
         width: 3%;
     }

     button.slick-prev.custom-arrow.slick-arrow {
         left: 0px;
         width: 3%;
     }

     .sec-card {
         top: 59%;
         position: relative !important;
         transform: none !important;
         left: 0 !important;
         width: 100% !important;
         margin-top: 1rem;
     }

     .box-set {
         padding: 21px 8px;
     }

     p {
         font-size: 14px;
     }

     .box-set h5 {
         font-size: 16px;
     }

     .studio-section {
         padding: 48px;
     }

     .some {
         width: 95% !important;
     }

     .image-wrapper::before {
         right: -12px;
     }

     .g-4,
     .gx-4 {
         padding: 0 !important;
         margin: 0px !important;
     }

     .s-one {
         padding-left: 13px !important;
     }

     footer {
         padding: 0 !important;
     }

     .Copyright {
         font-size: 10px !important;
         text-align: center;
     }

     .breadcrumb-area {
         padding-top: 50px;
     }

     .hover-set {
         font-size: 10px;
     }

     .bg-warr-pe {
         display: contents !important;
     }

     .news-btn {

         padding: 15px 20px;
     }

     .career-section {
         padding: 41px !important;
     }

     .g-5,
     .gx-5 {
         --bs-gutter-x: 0rem;

     }

     button.slick-next-new.custom-arrow.slick-arrow {
         width: 4%;
     }

     button.slick-prev-new.custom-arrow.slick-arrow {
         width: 4%;
     }

     #s-lider .slick-slide img {
         height: auto;
     }

     .slide-content p {
         font-size: 16px;
         line-height: 23px;
     }

     .btn-17-link {
         padding: 12px 20px;
     }

     .cursor-dot {
         display: none;
     }

     .cursor-outline {
         display: none;
     }

     .news-btn .text {
         font-size: 13px !important;
     }

     .detail-image {
         box-shadow: none;
     }

     .enquiry-right {
         padding: 43px 20px !important;
         background-color: #fff;
         align-items: flex-start;
     }

     .enquiry-section {
         min-height: 85vh;
     }

     .media-tab {
         display: flex;
         flex-direction: column;
         align-items: center;
         width: 100% !important;

     }

     .media-tab-two {

         width: 100% !important;
         margin-top: 42px;

     }
 }