@media only screen and (min-width: 1366px) {



    /* section {padding: 80px 150px;} */



}

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

}

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

 

    .footer-map-wrap  {padding: 100px 0 !important;}

}



@media only screen and (min-width: 1200px) {



    .footer-main .collapse:not(.show) {display: block !important; }

    .footer-map-wrap  {padding: 50px 0;}

    .footer-links > li > a, .footer-links > li > span {position: relative; overflow: hidden;}

    .footer-links > li > a::before, .footer-links > li > span::before {

        position: absolute;

        content: "";

        height: 1px;

        width: 100%;

        left: -100%;

        bottom: 0;

        background-color: #fff;

        opacity: 0.7;

        transition: all 300ms ease-in-out;

    }

    .footer-links > li:hover > a::before, .footer-links > li:hover > span::before {

        left: 0;

    }



}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .footer-main .collapse:not(.show) {display: block !important; }

    footer { padding: 30px 0 0px;}

    .footer-main {margin-bottom: 40px;}

    .service-item p {-webkit-line-clamp: 3;}

    .navbar-nav .nav-item:hover .nav-link, .navbar-nav .nav-item .nav-link.active, .navbar-nav .nav-item .nav-link[aria-expanded="true"] {

        color: #d79a30;

    }

    .navbar-nav .nav-item > .nav-link::before  {

        width: 100%;

    }

    .navbar-nav .nav-item:hover > .nav-link::before, .navbar-nav .nav-item > .nav-link.active::before {

        left: 0;

    }

    .about-thumb-wrapper img:nth-child(2) {

        max-width: 50%;

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

   

    .footer-main .collapse:not(.show) {display: block !important; }

    .header-links-wrap { display: flex; align-items: center; flex-flow: row-reverse; justify-content: space-between; width: auto; }

    header .navbar { padding: 0;}

    .desk-nav { display: none; }

    .mobile-menu { display: block;}

    footer {padding: 30px 0 0;}

    .service-item p {-webkit-line-clamp: 3;}

    .dropdown-menu {opacity: 1;transform: none;box-shadow: none !important;padding: 0 15px;}

    .dropdown.open .dropdown-menu {display: block;}

    .navbar-collapse {background-color: #fff;}

    header .navbar-nav .nav-item .nav-link {color: #131220; padding: 20px 15px!important; }

    header .navbar-nav .nav-item.dropdown .nav-link {padding: 20px 25px 20px 15px!important; }

    header .dropdown > .nav-link::after {filter: invert(1);}

    .navbar-nav .nav-item:hover .nav-link, .navbar-nav .nav-item .nav-link.active, .navbar-nav .nav-item .nav-link[aria-expanded="true"] {

        color: #d79a30;

    }

    .custom-carousel-caption h2 {
        font-size: 38px;
    }

    .navbar-nav .nav-item > .nav-link::before  {

        width: 100%;

    }

    .navbar-nav .nav-item:hover > .nav-link::before, .navbar-nav .nav-item > .nav-link.active::before {

        left: 0;

    }



}

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

    header .navbar {padding: 0;}

    .navbar-nav .nav-item:hover .nav-link, .navbar-nav .nav-item .nav-link.active, .navbar-nav .nav-item .nav-link[aria-expanded="true"] {color: #d79a30;}

	.f-title button, .m-title button { display: block;position: relative;color: #fff;text-shadow: none;background: none;background-image: none;background-image: none;border: 0;box-shadow: none;font-size: 12px;position: absolute;top: 0;right: 0;padding: 0;width: 100%; cursor: pointer; height: 100%; outline: 0!important; }

    .f-title button:focus, .f-title button:hover, .f-title button:active, .m-title button:focus, .m-title button:hover, .m-title button:active { box-shadow: none!important; outline: 0!important; background-color: transparent; }

    footer { padding: 30px 0 0;}

    .f-title {padding: 20px 0; margin-bottom: 0;border-top: 1px solid #ddd;}

    .footer-main {margin-bottom: 50px;}

    .footer-main .desc { margin-bottom: 40px;}       

    .footer-map-wrap {padding: 0 !important;}

    .section-heading > h2, .section-heading > h1{ font-size: 55px;}

    .footer-main {padding: 0px 10px;}

    .footer-bottom { padding: 0;}

    .custom-carousel-caption h2 {font-size: 30px;}

    .service-item p {-webkit-line-clamp: 2;}

    .dropdown-menu {opacity: 1;transform: none;box-shadow: none !important;padding: 0 15px;}
    

    .dropdown.open .dropdown-menu {display: block;}

    .navbar-collapse {background-color: #fff;}

    header .navbar-nav .nav-item .nav-link {color: #131220; padding: 20px 15px!important; }

    header .navbar-nav .nav-item.dropdown .nav-link {padding: 20px 25px 20px 15px!important; }

    header .dropdown > .nav-link::after {filter: invert(1);}

	.col-service, .col-portfolio, .col-blog { -ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%; padding-left: 0; padding-right: 0; }

    .service-item h3 {font-weight: 700;font-size: 20px;}

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

    .navbar-nav .nav-item:hover > .nav-link::before, .navbar-nav .nav-item > .nav-link.active::before { left: 0;}

    .custom-carousel-caption h5 { font-size: 16px; }

    .cta-link {background-size: 14px;}

    .port-title {

        /* max-width: 85%; */

        font-size: 15px;

    }

    .oem-detail {

        padding: 30px 20px;

    }

    .bordered-title {

        font-size: 50px;

    }

    .about-thumb-wrapper img:nth-child(2) {

        max-width: 50%;

    }

    .main-banner .carousel-item > img {

        height: 85vh;

        min-height: 728px;

        object-fit: cover;

    }

    .custom-carousel-caption {

        align-items: end;

        padding-bottom: 30px;

    }

    .navbar-nav .nav-item .nav-link {

        font-size: 20px;

    }

    .mcf-item {

        margin-top: 30px;

        margin-bottom: 0;

    }

}



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

    .footer-logo > img {width: 180px;}

    .custom-carousel-caption h2 {font-size: 26px;}

    .navbar-brand > img { width: 160px; }

    .service-item h3 {font-size: 18px;}

    .footer-bottom p {font-size: 12px;}

}

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





}