.heroMobile{display: none;}
@media screen and (max-width: 1540px){
    .spareImage a img{
        max-height: 120px;
    }
    .spareImage a{
        height: 120px;
    }
}
@media screen and (min-width: 1024px){
    .technicalList > .technicalItem > a .technicalImg img {
        width: 32px;
    }
}
@media screen and (min-width: 1440px) and (max-width: 1800px) {}
@media screen and (min-width: 1800px)  {
    .prodTechTop{
        padding: 35px 35px 0px 35px;
    }
    .prodTechBottom{
        padding: 68px 35px 45px 35px;
    }
}
@media screen and (min-width: 1800px)  {
    .prodTechItem a{
        height: 365px;
        display: block;
    }
    .prodTechItem a > img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
}
@media screen and (min-width: 1540px) and (max-width: 1800px) {
    .prodTechItem a{
        height: 400px;
        display: block;
    }
    .prodTechItem a > img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
}
@media screen and (min-width: 1290px) and (max-width: 1540px) {
    .spareItemCard{
        padding: 40px 20px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1540px) {
    .loginBg img{max-width: 100%;}
    .prodTechItem a{
        height: 350px;
        display: block;
    }
    .prodTechItem a > img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .prodTechTop{
        padding-top: 45px;
    } 
    .findSearchForProduct {
        padding: 40px;
    }
    .widgetCard{
        padding: 20px;
    }
    .tab-content {
        padding: 30px;
    }
    .formBottomBanner{
        font-size: 24px;
        padding-right: 250px;
    }
    .mapImage img{
        width: 100%;
    }
    .contactMapWrapper{
        margin-top: 40px;
    }
    .mapPerson{
        left: -60px;
    }
    .mapPerson img{
        width: 200px;
    }
    .catalogCard a{
        padding: 30px;
    }
    .heroDescriptionWrapper h1{
        font-size: 40px;
    }
    .themeTitle.plt85 {
        padding: 20px 20px 20px 30px;
    }
    .heroButtonArea {
        margin-top: 20px;
        gap: 20px;
    }
    .frencoSpareParts{
        padding-top: 160px;
    }
    .heroBanner {
        margin-top: -230px;
    }
    .heroDescriptionWrapper::after{
        display: none;
    }
    .customerGuarantee {
        padding: 120px 20px;
    }
    .catalogArea {
        padding: 20px 30px 210px 30px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1290px) {
    .heroLogo{
        text-align: right;
    }
    .sliderWrapper{
        width: 100%;
    }
    .spareItemCard{
        padding: 40px 20px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {}
@media screen and (max-width: 1024px) {
    .centerLogo{display: none;}
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .headerRightWrapper{
        gap: 24px;
    }
    .spareImage a img{
        max-height: 100px;
    }
    .spareImage a{
        height: 100px;
    }
    .header {
        padding: 12px 0 10px 0;
    }

    .ftbg, .ftbg img{max-width: 70%;}
    .catalogBg, .catalogBg img{max-width: 100%;}
    .newsWrapper > img{
        max-width: 100%;
        left: 0;
    }

    .newsItem {
        flex-direction: column;
    }

    .heroDescriptionWrapper::before{display: none;}
    .heroDescriptionWrapper::after{display: none;}

    .loginRegisterLink{
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        justify-content: flex-end;
        align-items: flex-end;
    }

    .quickMenu > span {
        padding: 20px 20px;
        font-size: 17px;
        line-height: 20px;
    }
    
    .quickMenu ul li a {
        padding: 0 20px 0 20px;
        font-size: 16px;
    }
    
    .menuBottom {
        padding: 20px 20px;
    }
    
    .quickMenu ul {
        padding: 10px 0;
    }
    
    .quickMenu {
        width: 255px;
    }
    .textChange {
        margin-top: -40px;
        padding-bottom: 130px;
    }
    .textChangeWrapper {
        font-size: 16px;
        flex-direction: column;
        align-items: center;
        line-height: 30px;
    }
    
    .changeText {
        text-align: center;
        display: flex;
        height: 30px;
        padding: 0;
    }
    .heroBanner {
        height: 400px;
        margin-top: -230px;
    }
    
    .heroBanner img {
        object-fit: cover;
    }
    
    .partsFinderWrapper {
        width: 90%;
        margin: -70px auto 0 auto;
    }
    
    .heroLogo {
        position: absolute;
        top: -51px;
        right: 20px;
        width: 120px;
    }
    .formBottom {
        padding: 20px;
    }
    
    .partsFinderSearch span {
        font-size: 13px;
        text-align: left;
        padding-left: 6px;
    }
    
    .form-control, .form-select, #floatingSearch {
        height: 45px;
        font-size: 12px;
        padding: 10px 10px;
    }
    
    .form-floating>label {
        font-size: 12px;
        right: 0;
        padding: 10px 10px 10px 10px;
    }
    
    .btn-primary, .btn-secondary {
        height: 45px;
        font-size: 13px;
    }
    .partsFinderWrapper > span {
        padding: 20px 35px 19px 25px;
    }
    .ourCompany {
        padding-top: 30px;
        background-position: 80% 1%;
        background-size: 35px;
        padding-bottom: 40px;
    }
    
    .ourCompanyLeft p {
        font-size: 16px;
        line-height: 26px;
    }
    
    .ourCompanyLeft p br {
        display: none;
    }
    
    .companyIcon {
        bottom: 0;
        width: 150px;
        margin: 0 auto 20px auto;
    }
    
    .companyIcon img {
        width: 100%;
    }
    
    .ourCompanyRight p {
        font-size: 15px;
    }
    .sliderWrapper{
        width: 100%;
    }
    .exunaySpareParts {
        padding: 50px 0;
    }
    
    .themeTitle h2 {
        font-size: 24px;
        line-height: 34px;
    }
    
    .themeTitle {
        gap: 20px;
        margin-bottom: 50px;
    }
    
    .themeTitle p {
        font-size: 16px;
        line-height: 26px;
        flex-direction: column;
    }
    
    .themeTitle p br {
        display: none;
    }
    
    .sliderLink {
        margin-top: 20px;
    }
    
    .btn-link {
        font-size: 14px;
        line-height: 20px;
    }
    
    .farmingBanner:after {
        height: 200px;
        bottom: -90px;
    }
    
    .farmingArea h3 {
        font-size: 22px;
        line-height: 32px;
        top: -30px;
    }
    
    .farmingBanner {
        padding-top: 80px;
    }
    
    .themeTitle.verticalTitle {
        flex-direction: column;
        align-items: flex-start;
    }
    .newProducts .swiper-slide-active, .newProducts .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{
        filter: blur(0);
    }
    .productItem{
        padding: 20px;
    }
    .farmingBannerBottom{
        padding-bottom: 60px;
    }
    .innovationArea {
        flex-direction: column;
        align-items: flex-end;
        margin-top: 50px;
    }
    
    .innovationArea img {
        width: 200px;
    }
    
    .innovationArea span {
        font-size: 24px;
    }
    
    .themeTitleBig {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .themeTitleBig span {
        font-size: 24px;
        line-height: 32px;
        width: 100%;
        max-width: 100%;
    }
    
    .themeTitleBig span br {
        display: none;
    }
    
    .themeTitleBig p {
        font-size: 16px;
        margin-top: 10px;
    }
    
    .newProducts {
        margin-bottom: 50px;
    }
    
    .accordionWrapper {
        margin-top: 30px;
    }
    
    .accordion-button {
        flex-direction: column;
        gap: 10px;
        font-size: 16px;
        padding-right: 10px;
        padding: 20px 0 20px 0;
    }
    
    .accordion-button span {
        font-size: 13px;
    }
    
    .accordion-button:not(.collapsed) {
        padding: 20px 0 20px 0;
        padding-right: 30px!important;
    }
    
    .accordion-body {
        font-size: 15px;
        line-height: 26px;
    }
    
    .newsAndInnovations {
        padding-bottom: 50px;
    }
    
    .brandsWrapper h2 {
        font-size: 22px;
        line-height: 32px;
    }
    
    .brandsWrapper {
        gap: 20px;
    }
    
    .brands {
        margin-bottom: 90px;
    }
    
    .footerTopDesc, .footerTopLogo {
        padding: 20px 0;
        justify-content: center;
    }
    
    .footerTop {
        padding-bottom: 100px;
    }
    .footerLogoArea{
        width: 100%;
        justify-content: center;
        border-top: 0px solid #bfc8cc;
        margin-top: 0;
        padding-top: 40px;
    }
    .footerLogoArea p {
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        margin: 0px 0;
    }
    .footerMenuArea{
        margin-top: 30px;
    }

    .uxicon{
        margin-top: 30px;
    }
    .footerBottomArea{
        margin: 10px 0;
    }
    .finderTitle h1 {
        width: 100%;
    }
    .finderTitle p {
        width: 100%;
        padding-right: 0;
        text-align: center;
    }
    
    .finderTitle .form-floating {
        width: 100%;
    }
    
    .finderTitle {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        padding: 0;
    }
    
    .horizantalSearch .inputWrapper {
        flex-direction: column;
        gap: 10px;
        padding: 10px 10px 10px 10px;
    }
    
    .advancedSearch a {
        width: 100%;
        font-size: 15px;
        height: 45px;
        padding: 5px 45px 5px 10px;
    }
    
    .advancedSearch {
        width: 100%;
        align-items: center;
        display: flex;
        height: 45px;
        justify-content: center;
        background-position: 93% 50%;
    }
    
    .postPageTop {
        padding-top: 10px;
        padding-bottom: 30px;
    }
    
    .careerWrapper > p {
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 30px;
    }
    
    .informationCard {
        padding: 20px;
        gap: 0px;
        margin-bottom: 10px;
    }
    
    .informationCard h2 {
        font-size: 17px;
        margin-bottom: 10px;
    }
    
    .adressInfo {
        gap: 10px;
        margin-bottom: 30px;
    }
    
    .readMoreButton a {
        font-size: 14px;
    }
    
    .adressInfo {
        font-size: 15px;
        margin-bottom: 20px;
    }
    
    .subDesc {
        font-size: 18px;
        line-height: 34px;
    }
    
    .careerPage {
        padding-bottom: 40px;
    }
    
    .mb120 {
        margin-bottom: 50px;
    }

    .postPage{
        padding-bottom: 50px;
    }
    
    .subDesc {
        margin-top: 30px;
    }
    .breadCrumpLink{
        padding-left: 0;
        margin: 10px 0;
    }
    .contactFormWrapper > span {
        font-size: 14px;
        margin-bottom: 10px;
    }
    
    .formBottomBanner img {
        width: 120px;
    }
    
    .formBottomBanner {
        padding-right: 120px;
        font-size: 18px;
        line-height: 30px;
    }
    .categoryList .spareItemCard, .categoryList .productItem {
        width: calc(100% * 1/3 - 5px);
        padding: 10px;
    }
    
    .categoryList {
        gap: 7.5px;
    }
    
    .spareLink a {
        line-height: 20px;
        white-space: nowrap;
        letter-spacing: 0px;
        font-size: 12px;
    }
    
    .spareLink a > img {
        width: 18px;
    }
    
    .centerTitle h2 {
        font-size: 18px;
    }
    
    .centerTitle p {
        font-size: 18px;
    }
    
    .centerTitle {
        margin-bottom: 20px;
    }
    
    .partfinders {
        padding-bottom: 50px;
    }
    
    .seoWrapper p {
        font-size: 15px;
    }
    .centerTitle.withImage {
        flex-direction: column;
        gap: 10px;
    }
    
    .titlewithIcon {
        justify-content: center;
        text-align: center;
        align-items: center;
    }
    .categoryTop {
        flex-direction: column;
        gap: 15px;
    }
    
    .categoryInfoTop {
        flex-direction: column;
    }
    
    .sortByWrapper .form-select {
        padding-top: 26px;
        height: 60px;
    }
    .contactTitle {
        max-width: 100%;
        gap: 10px;
    }
    
    .contactTitle h2 {
        font-size: 22px;
        line-height: 28px;
    }
    
    .contactTitle p {
        font-size: 15px;
        line-height: 20px;
    }
    
    .contactMapWrapper {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 40px;
    }
    
    .contactAdressInfo {
        width: 100%;
    }
    
    .contactAdressInfo {
        padding: 30px 20px 50px 20px;
        min-height: auto;
    }
    
    .mapImage {
        margin-top: 0;
        padding-bottom: 0;
    }
    
    .mapImage img {
        width: 100%;
    }
    
    .contactMap {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 30px;
    }
    
    .mapPerson {
        /* position: unset; */
        order: 2;
        left: 0;
    }
    
    .mapPerson img {
        width: 150px;
    }
    
    .customerSupport {
        padding: 20px 20px;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        font-size: 14px;
    }
    
    .contact {
        padding-top: 10px;
        padding-bottom: 50px;
        margin-bottom: 60px;
    }
    .btn-primary {
        box-shadow: 0px 0px 12px 0px #000000cc;
    }
    
    .formButton {
        margin-top: 20px;
    }
    
    .formDescription {
        margin-top: 30px;
        font-size: 14px;
        line-height: 24px;
    }
    .questionTitle h2 {
        font-size: 18px;
        line-height: 30px;
    }
    
    .questionTitle p {
        font-size: 14px;
    }
    
    .questionTitle {margin-bottom: 30px;}
    
    .contactFormWrapper .form-control, .contactFormWrapper .form-select, .sortByWrapper .form-select {margin-bottom: 10px;}
    .image-thumbnails {
        width: 100%;
        flex-direction: row;
        overflow-y: unset;
        overflow-x: auto;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }
    
    .main-image {
        width: 100%;
        padding: 5px;
        background: #f1f1f1b0;
    }
    
    .main-image img {
        width: 100%;
        border-radius: 10px;
    }
    
    .product-detail {
        flex-direction: column;
        padding: 20px;
    }
    
    .image-thumbnails img {
        margin-bottom: 0;
        margin-right: 10px;
        width: 80px;
        height: 80px;
    }
    .detailCenter {
        padding: 25px 25px 25px 25px;
    }
    
    .brandLogo a img {
        width: 100%;
    }
    
    .brandLogo {
        padding: 10px;
    }
    
    .detailTop {
        height: 60px;
    }
    
    .detailCenter h2 {
        font-size: 16px;
        margin-bottom: 25px;
    }
    
    .techDesc {
        font-size: 12px;
    }
    
    .techItem span {
        font-size: 12px;
        width: 110px;
    }
    
    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {}
    
    .nav-link {
        padding: 10px;
        white-space: nowrap;
    }
    
    .detailTabs .nav {
        flex-wrap: nowrap;
        /* overflow: auto; */
        width: 100%;
    }
    
    .tab-content {padding: 20px;}
    
    .tabDescription {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    
    .tabDescription p {
        font-size: 14px;
    }
    
    .singleTitle {
        margin-bottom: 20px;
    }
    
    .singleTitle h2 {
        font-size: 17px;
    }
    
    .productItemDetailDesc h2, .productItemDetailDesc h2 a {
        font-size: 15px;
    }
    
    .productItemDetailDesc span {
        font-size: 12px;
    }
    
    .productNumber {
        font-size: 14px;
    }
    
    .productItemDetailDesc {
        margin-bottom: 10px;
    }
    
    .singleList {
        margin-bottom: 50px;
    }
    .detailCenter {
        padding: 15px;
    }
    
    .brandLogo a img {
        width: 100%;
        max-width: 100px;
    }
    
    .brandLogo {
        width: 100%;
        padding: 0;
    }
    
    .detailTop {
        height: 60px;
        flex-direction: column;
        gap: 10px;
        justify-content: flex-start;
        align-items: flex-start;
    }
    
    .detailCenter h2 {
        font-size: 14px;
        margin-bottom: 25px;
        width: 100%;
        line-height: 23px;
    }
    
    .techDesc {
        font-size: 12px;
    }
    
    .techItem span {
        font-size: 12px;
        width: 110px;
    }
    
    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    font-size: 16px;
}
    
    .nav-link {
        padding: 12px 25px;
        white-space: nowrap;
        font-size: 16px;
    }
    
    .detailTabs .nav {
        flex-wrap: nowrap;
        /* overflow: auto; */
        width: 100%;
        overflow-y: hidden;
    }
    
    .tab-content {padding: 20px;}
    
    .tabDescription {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    
    .tabDescription p {
        font-size: 14px;
    }
    
    .singleTitle {
        margin-bottom: 20px;
    }
    
    .singleTitle h2 {
        font-size: 17px;
    }
    
    .productItemDetailDesc h2, .productItemDetailDesc h2 a {
        font-size: 15px;
    }
    
    .productItemDetailDesc span {
        font-size: 12px;
    }
    
    .productNumber {
        font-size: 14px;
    }
    
    .productItemDetailDesc {
        margin-bottom: 10px;
    }
    
    .singleList {
        margin-bottom: 50px;
    }
    .detailBottom{
        padding: 30px 35px 25px 15px;
    }
    table tr th, table tr td{
        padding: 0 20px!important;
    }
    .catalogCard a{
        padding: 10px;
    }
    .contentWrapper p br{
        display: none;
    }
    .newsAndInnovations.newPage{
        padding-top: 20px;
        margin-bottom: 30px;
    }
    .contentWrapper{
        margin-top: 40px;
    }
    .pdfLinks{
        margin-top: 20px;
    }
    .pdfLinks a{
        width: calc(100% * 1/2 - 10px);
        padding: 20px;
        font-size: 16px;
    }
    .catalogWrapper{
        gap: 10px;
        flex-wrap: wrap;
        margin-bottom: 40px;
    }
    .catalogCard{
        width: calc(100% * 1/2 - 15px);
    }
    .catalogCard a{
        gap: 20px;
        height: 220px;
    }
    .gallerySliderModel {
        flex-direction: column;
        margin-top: 0;
    }
    
    .galleryRightSlider {
        width: 100%;
    }
    .imageWidthSelect:before {
        top: 13px;
    }
    .bannerWrapper{
        margin-bottom: 40px;
    }
    .solutions.align-start{
        margin-bottom: 20px;
    }
    .kvkkContent{
        font-size: 15px;
    }
    .postHeadDesc > h2 {
        font-size: 24px;
        line-height: 32px;
    }
    
    .postHeadDesc.toRight {
        justify-content: flex-start;
    }
    
    .postHeadDesc > p {
        text-align: left;
        font-size: 15px;
    }
    
    .postHeadDesc > p br {
        display: none;
    }
    .solutions img{
        width: 100%;
    }
    .prodTechTop {
        padding: 25px 35px 0px 25px;
    }
    .prodTechBottom{
        padding: 42px 35px 45px 25px;
    }
    .prodTechSlider{
        margin-bottom: 50px;
    }
    .pageWrapper span {
        font-size: 16px;
        line-height: 24px;
    }
    .pageWrapper p{
        line-height: 24px;
    }
    .postBlogList{
        flex-direction: column;
    }
    .postItem{
        width: 100%;
        padding: 30px;
    }
    .videoCard a:after{
        width: 100px;
        height: 100px;
        top: calc(50% - 50px);
        left: calc(50% - 50px);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .videoWrapper{
        margin-bottom: 50px;
    }
    .postDetail.centerPage p {
        font-size: 15px;
    }
    .postDetail.centerPage p br{
        display: none;
    }
    .pageTitle h3{
        font-size: 20px;
    }
    .pageTitle h2 {
        font-size: 24px;
        line-height: 40px;
    }
    .pageTitle p {
        font-size: 16px;
        line-height: 30px;
    }
    .innovationItem h3{
        font-size: 24px;
    }
    .innovationSliderWrapper a{
        padding: 40px;
    }
    .truckMan {
        position: absolute;
        left: auto;
        bottom: 0;
        z-index: 9;
        width: 100%;
        max-width: 170px;
        right: 0px;
    }
    .truckMan img{
        width: 100%;
    }
    .detailButton {
        flex: 1;
    }
    
    .detailButton a {
        height: 50px;
    }
    
    .headerSearchInput span {
        height: 50px;
        line-height: 50px;
        border: 0;
    }
    
    .searchDescription {
        border-top: 0;
        padding: 10px 0;
        /* display: none; */
        background: white;
        padding: 10px 20px;
    }
    
    .headerSearchInput input {
        height: 50px;
    }
    
    .heroDescriptionWrapper h1 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px;
        /* background: #ffffff80; */
        text-align: center;
        flex-direction: column;
        display: flex;
    }
    
    .searchDescription span {
        line-height: 16px;
        text-shadow: 0 0 #737373;
        font-size: 11px;
        width: 100%;
    }

    .heroButtonArea {
        margin-top: 20px;
    }
    
    .heroDescriptionWrapper p {
        line-height: 24px;
    }
        
    .heroButtonArea a br {
        display: none;
    }
    
    .heroButtonArea a img {
        height: 40px;
    }
    
    .frencoSpareParts {
        margin-top: 0;
        overflow: hidden;
        padding-bottom: 40px;
        background: #f2f2f2;
    }
    
    .sliderBg {
        width: 100%;
        z-index: 9;
    }
    
    a.linearBtn, .heroButtonArea a.linearBtn {
        padding: 16px 50px;
        height: auto;
    }
    .themeTitle.plt85 {
        padding: 20px 30px;
        margin-bottom: 20px;
        z-index: 99;
        position: relative;
    }
    
    .sliderWrapper.pl85 {
        padding: 0;
    }
    
    .sliderProducts > span {white-space: normal;display: block;font-size: 16px;line-height: 30px;text-align: center;}
    
    .bannerDescription {padding: 30px 30px;}
    
    .bannerArea > img {
        height: 280px;
        object-fit: cover;
    }
    
    .bannerDescription h2 {
        font-size: 22px;
        line-height: 30px;
    }
    
    .bannerDescription p {
        font-size: 18px;
        color: #bdbdbd;
    }
    
    .bannerDescription p br {
        display: none;
    }
    
    .customerGuarantee {
        padding: 0;
    }
    
    .customerGuaranteeDescription {
        max-width: 100%;
        z-index: 99;
        padding: 20px 20px 250px 20px;
    }
    
    .customerGuaranteeBg {right: 0;}
    
    .themeButtons {
        flex-direction: column;
        padding: 0 30px;
        gap: 10px;
        margin-top: 20px;
    }
    
    .themeButtons a {
        text-align: center;
    }
    
    .customerGuaranteeDescription p {
        font-size: 15px;
        line-height: 20px;
    }
    
    .catalogArea {
        padding: 30px;
    }
    
    .catalogBg img {
        width: 210px;
    }
    
    .catalogBg {
        right: 0;
        opacity: .6;
    }
    
    .catalogArea h2 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .promationFilm {
        flex-direction: column;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    
    .promationFilm a img {
        height: 100px;
    }
    
    .newsTitle h2 {
        line-height: 40px;
        font-size: 20px;
    }
    
    .newsTitle span {
        flex-direction: column;
        gap: 10px;
    }
    
    .newsTitle span a {
        font-size: 13px;
    }
    
    .newsTitle {
        margin-bottom: 40px;
    }
    
    .newsDetail h3 {
        font-size: 16px;
        line-height: 24px;
    }
    
    .newsDetail span {
        font-size: 12px;
        margin-bottom: 20px;
    }
    
    .subscribeArea h2 {
        font-size: 20px;
        margin-bottom: 0;
    }
    
    .subscribeArea p {
        font-size: 13px;
    }
    
    .newsletterWrapper input {padding: 5px 0;font-size: 14px;}
    
    .newsletterWrapper button {
        padding: 5px 25px;
        display: flex;
        align-items: center;
    }
    
    .newsletterWrapper button img {
        height: 18px;
    }
    
    .subscribe {
        padding: 40px 0;
    }
    
    hr.gray {color: #adadad;}
    
    .isoImage {
        top: -100px;
    }
    
    .footer {
        padding-top: 100px;
    }
    
    .footerMenuArea span {
        margin-bottom: 10px;
    }
    
    .footerMenuArea ul li {
        margin-bottom: 4px;
    }
    
    .isoImage img {
        max-width: 100%;
    }
    
    .copyright:before {
        width: 70px;
        height: 50px;
        background-size: contain;
        bottom: 0;
        left: 50%;
    }
    
    .socialMedia.flex-end {
        justify-content: center;
        padding-bottom: 40px;
    }
    .footerMenuArea.pt48 {
        padding-top: 0;
    }
    .footerMenuArea ul li a {
        font-size: 14px;
        line-height: 18px;
    }
    .heroDescriptionWrapper {
        padding-top: 74px;
    }
    .ftbg {
        top: -60%;
    }
    .footerLogoArea img {
        max-width: 160px;
    }
    
    .catalogArea {
        padding: 20px 20px 120px 20px;
    }
    .notFoundPage h1 {
        font-size: 100px;
    }
    
    .notFoundPage > p {
        font-size: 20px;
    }
    .widgetItem a {
        padding: 40px 10px;
    }
    
    .notFoundPage > p, .notFoundPage > p small {
        font-size: 19px;
        line-height: 26px;
    }
    
    .notFoundPage > p small {
        margin-top: 20px;
    }
    
    .notFoundPage {
        padding-top: 140px;
    }
    
    .notFoundPage > span {
        font-size: 14px;
        line-height: 20px;
        text-align: left;
    }
    
    .pageCircleBg {
        padding: 20px 10px;
        background-size: contain;
    }
    .widgetBox{
        padding: 0 10px;
        gap: 10px;
    }
    .aboutContentWrapper > p {
        font-size: 15px;
        line-height: 25px;
    }
    
    .aboutContentWrapper .heroButtonArea {
        align-items: flex-start;
        margin-top: 20px;
    }
    
    .imageGalleryWrapper ul {
        gap: 10px;
    }
    
    .aboutContentWrapper .imageGalleryWrapper ul li {
        width: calc(100% * 1/2 - 5px);
    }
    
    .aboutContentWrapper {
        padding-top: 10px;
    }
    
    .aboutDetail {
        flex-direction: column;
        margin-bottom: 30px;
    }
    
    .aboutTitle {
        max-width: 100%;
    }
    
    .aboutDesc {
        width: 100%;
    }
    
    .aboutDesc p {
        font-size: 15px;
        line-height: 30px;
    }
    
    .aboutTitle h3 {
        font-size: 20px;
    }
    
    .pt110 {
        padding-top: 40px;
    }
    
    .sweetBg .aboutTitle {
        padding-top: 0;
    }
    
    .sweetBg .aboutDesc {
        padding: 30px 20px 280px 20px;
    }
    
    .sweetBg .aboutDesc:after {
        display: none;
    }
    
    .aboutDetail.sweetBg {}
    
    .innovationSliderWrapper {
        /* position: unset; */
        width: calc(100% - 20px);
        left: 10px;
        top: 180px;
    }
    
    .aboutTitle h3 {
        font-size: 18px;
    }
    
    .innovationSliderWrapper a span {
        margin-bottom: 0;
    }
    .pageHeadWrapper {
        flex-direction: column;
    }
    
    .findSearchForProduct {
        padding: 20px;
    }
    
    .findSearchForProduct h2 {
        margin-bottom: 0;
        font-size: 16px;
        text-align: center;
        width: 100%;
        line-height: 20px;
    }
    
    .findSearchForProduct span {
        max-width: 100%;
        margin-top: 10px;
        font-size: 10px;
        line-height: 13px;
        text-align: center;
        padding: 0 20px;
    }
    
    .resultWrapper {
        gap: 10px;
    }
    
    .productResultItem {
        width: calc(100% * 1/2 - 5px);
    }
    
    .filterResult p {
        font-size: 16px;
    }
    
    .filterResult {
        gap: 20px;
    }
    .newPostWrapper {
        margin-top: 20px;
    }
    
    .newpostItem {
        flex-direction: column;
        gap: 30px;
        align-items: flex-start;
        position: relative;
        gap: 20px;
        padding: 40px 0;
    }

    .newPostWrapper.postBg .newpostItem{
        padding: 40px 20px;
        gap: 30px;        
    }

    .newPostWrapper.postBg .newpostItem .newpostLink {
        order: 2;
    }
    .newPostWrapper.postBg .newpostItem .newpostImg {
        order: 3;
    }
    .newPostWrapper.postBg .newpostItem .postWrapper {
        order: 1;
        gap: 5px;
        display: flex;
        flex-direction: column;
    }
    
    .pageTitle > img {
        max-width: 80%;
    }
    
    .pageTitle {
        padding-top: 20px;
        gap: 10px;
    }
    
    .newpostLink a img {
        width: 20px;
    }
    
    .newpostItem h2 {
        padding-right: 40px;
        font-size: 20px;
        line-height: 28px;
    }
    .newpostLink {
        
    }
    .blogDetailDesc h2 {
        font-size: 20px;
        font-weight: 500;
        line-height: 26px;
    }
    
    .blogDetailDesc p {
        font-size: 16px;
        line-height: 30px;
    }
    .allCategoryWrapper {
        padding: 30px;
    }
    
    .catTitle span {
        padding: 0 30px;
    }
    
    
    .subPageTitle {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 20px;
    }
    
    .subPageTitle h2 {
        font-size: 20px;
    }
    
    .subPageTitle a {
        font-size: 14px;
    }
    
    .spareItemCard {
        padding: 20px;
    }
    
    .supDesc span {
        font-size: 16px;
    }
    
    .seoWrapper {
        padding: 20px 20px;
    }
    .contactMapArea p {
        font-size: 16px;
    }
    
    .contactMapArea p br {
        display: none;
    }
    
    .mapArea {
        margin-top: 30px;
        margin-bottom: 10px;
    }
    
    .contactImg {
        margin-bottom: 0px;
    }
    
    .contactBottomArea {
        flex-direction: column;
    }

    .contactLeft {
        padding-left: 52px;
    }
    
    .contactLeft, .contactRight {
        width: 100%;
    }
    
    .contactFormContent {
        padding: 30px;
        flex-direction: column;
    }
    
    .contactMessage {
        width: 100%;
        padding-right: 0;
    }
    
    .contactMessage h2 {
        font-size: 25px;
        line-height: 40px;
    }
    
    .contactFormWrapper {
        width: 100%;
        margin-top: 20px;
    }
    
    .news {
        padding: 40px 0 40px 0;
    }
    .detailHiddenTab {
        padding: 10px 30px;
    }
    
    .detailSliderBottom {
        margin-bottom: 20px;
    }
    
    .brandLogo a {
        font-size: 15px;
        line-height: 45px;
    }
    
    .prodCode {
        width: 100%;
        line-height: 45px;
    }
    .wigdetsWrapper {
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .widgetCard {
        width: calc(100% * 1/2 - 5px);
        padding: 20px;
    }
    
    .widgetIcon {margin-bottom: 10px;}
    
    .widgetIcon img {
        height: 23px;
    }
    
    .widgetCard h3 {
        font-size: 16px;
    }
    
    .tabDescription span {
        font-size: 14px;
        line-height: 25px;
        font-weight: 400;
    }
    
    .detailArea {
        margin-bottom: 0px;
        padding-bottom: 20px;
    }
    .swiper-button-next, .swiper-button-prev {
        bottom: 0px;
    }
    .carouselSlider .swiper-slide{padding: 3px;}
    .tableDesc {
        flex-direction: column;
        gap: 20px;
        margin-top: 20px;
    }
    
    .tableDesc p {
        font-size: 14px;
    }
    
    .tableDesc a {
        padding: 10px 20px;
        font-size: 14px;
    }
    .headerSearchBar{
        max-width: 100%;
        align-items: end;
    }
    .darkbg img{
        max-width: 100%;
    }
    .technicalList {
        padding: 10px;
        max-height: 750px;
        overflow: auto;
    }
    
    .technicalItem {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        border-bottom: 1px solid #f3f3f3;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    
    .extraDetialTechnicalItem .technicalImg a {
        width: 75px;
        height: 75px;
        padding: 10px;
    }
    
    .extraDetialTechnicalItem .technicalImg a img {width: 100%;}
    
    .technicalRight {
        width: calc(100% - 75px);
    }
    .technicalImg{
        display: flex;
        align-items: center;
        width: 100px;
        height: 100px;
    }
    .discoverOurProducts > img {
        max-width: 240px;
        z-index: 0;
    }
    
    .discoverDesc {
        position: relative;
        z-index: 9;
    }
    .featureItem {
        font-size: 13px;
        line-height: 25px;
        padding: 10px;
        flex-wrap: wrap;
        gap: 10px;
    }
    .spareLink h2{
        font-size: 16px;
    }
    .postBottom a > img{
        height: 22px;
    }
    .loginBg{
        top: 280px;
    }
    .loginBg img{max-width: 100%;}
    .registerWrapper{
        padding: 20px;
        margin-top: 20px;
    }
    .registerWrapper > h2{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .registerWrapper p {
        font-size: 14px;
        line-height: 24px;
    }
    .loginFormWrapper{
        margin-top: 20px;
    }
    .loginWrapper h2{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .loginWrapper p{
        font-size: 15px;
        line-height: 26px;
    }
    .registerContent {
        padding: 10px;
    }
    
    .registerContent h2 {
        font-size: 22px;
    }
    
    .registerContent span {
        font-size: 16px;
        line-height: 22px;
        max-width: 60%;
        margin-bottom: 40px;
    }
    
    .registerButtons {
        flex-direction: column;
        gap: 0;
    }
    
    .registerButtons a {
        line-height: 34px;
    }
    .registerContent:after{
        bottom: 60px;
    }
    .categoryFilter{
        display: none;
    }
    .categoryFilterButton {
        display: flex;
        align-items: center;
        gap: 3px;
        margin-bottom: 10px;
        font-weight: 600;
        color: #ec670b;
        border: 1px solid #f1f1f1;
        background: #9393931f;
        padding: 7px 5px;
        border-radius: 4px;
        width: 100%;
        max-width: 150px;
        justify-content: center;
        padding-right: 10px;
    }
    .technicalItem .extraDetialTechnicalItem{
        display: none!important;
    }
    .technicalItem a {
        flex-direction: row;
        align-items: flex-start;
        gap: 10px;
        padding: 0;
    }
    
    .technicalImg img {
        max-width: 100px;
        aspect-ratio: 4 / 4;
        object-fit: contain;
    }
}
@media screen and (max-width: 768px) {
    .blogDetail .newPostWrapper .newpostItem {
        width: 100%;
    }
    .categoryList {
        gap: 10px;
    }
    .categoryList .spareItemCard, .categoryList .productItem, .singleList .categoryList .productItem {
        width: calc(50% - 5px);
        padding: 10px;
    }
    .catalogWrapper{
        margin-bottom: 40px;
        flex-wrap: wrap;
        gap: 10px;
    }
    .catalogCard{
        width: calc(100% * 1/2 - 5px);
    }
    .catalogCard a{
        height: 225px;
        gap: 35px;
    }
    .catalogCard a span {
        font-size: 16px;
        line-height: 20px;
        height: 50px;
    }
    .pdfLinks{
        margin-top: 0;
    }
    .pdfLinks a{
        width: 100%;
        padding: 20px;
        font-size: 16px;
    }
    .postHeadDesc{
        flex-direction: column;
        gap: 20px;
    }
    .buttonWrapper{
        flex-direction: column;
    }
    .pageNotFoundBg{
        margin-top: 0;
    }
    .pageNotFound .buttonWrapper{
        margin-top: 0;
    }
    .videoCard{
        width: 100%;
    }
    .centerLogo{display: none;}
    .headerRightWrapper {
        flex-direction: row;
        align-items: center;
        gap: 0;
        padding-right: 0;
        gap: 11px;
    }
    
    .heroButtonArea {
        margin-top: 15px;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }    
    .headerSearchInput{
        flex-wrap: wrap;
        border: 0;
        border-bottom: 1px solid #F3F3F3;
    }
    .ftbg, .ftbg img{max-width: 100%;}
    
    .widgetBox {
        flex-direction: column;
        gap: 20px;
    }
    .copyrightImg {
        justify-content: center;
        margin: 20px 0;
    }
    .copyright p{
        text-align: center;
    }
    .copyright:before{
        left: calc(50% - 35px);
    }
    
    .videoCard a:after{
        width: 80px;
        height: 80px;
        top: calc(50% - 40px);
        left: calc(50% - 40px);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .blogArea.darkBg {
        padding-bottom: 195px;
    }
    .postBottomDesc p{
        font-size: 18px;
        line-height: 25px;
    }
    .heroMobile{
        display: flex;
        flex-direction: column;
    }
    .heroDescriptionWrapper, .heroBanner{
        display: none;
    }
    .heroMobile .heroDescriptionWrapper{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 20px;
        position: absolute;
        top: 0;
    }
    .mobileHero {
        /* position: absolute; */
        top: 0;
        width: 100%;
    }
    
    .heroMobile {
        width: 100%;
        position: relative;
    }
    
    .mobileHero img {
        width: 100%;
        display: flex;
    }
    
    .heroTopWrapper {
        position: unset;
    }
    .logoArea {
        width: 100%;
        max-width: 104px;
    }
    .logoArea img{
        width: 100%;
    }
    .loginRegister a {font-size: 12px;}
    .menuWrapper > ul li:first-child {
        width: 24px;
        opacity: .4;
    }

    .menuWrapper > ul li:nth-child(2) {
        width: 12px;
        opacity: .6;
    }

    .menuWrapper > ul li:nth-child(3) {
        width: 31px;
        opacity: 1;
    }

    .menuWrapper > ul:hover li:first-child {
        width: 13px;
        opacity: 1;
    }

    .menuWrapper > ul:hover li:nth-child(2) {
        width: 31px;
        opacity: .6;
    }

    .menuWrapper > ul:hover li:nth-child(3) {
        width: 21px;
        opacity: .4;
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .loginRegister .navbar {
        padding: 0;
        margin-right: 7px;
    }
    .menuWrapper > ul {
        gap: 4px;
        width: 31px;
    }
    
    .loginRegister span {
        font-size: 10px;
    }
    
    .loginRegister .navbar a.nav-link {
        padding-right: 23px;
        padding-left: 10px;
        border-radius: 20px!important;
    }
    
    .loginRegister .dropdown-toggle::after {
        right: 7px;
        width: 9px;
    }
    
    .menuWrapper {
        margin-top: 6px;
    }
}