.cms-home .columns .column.main { padding: 0; }

.banner-box-hydac-section .owl-carousel { display: block; }
.banner-box-hydac-section .owl-carousel > .item + .item { display: none; }
.banner-box-hydac-section .owl-nav { display: none; }
.banner-box-hydac-section .owl-dots { position: absolute; margin: 0; bottom: 40px; left: 0; width: 100%; }

.banner-box-hydac-section .owl-item .item { position: relative; overflow: hidden; }
.banner-box-hydac-section .owl-item .item:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.3); }
.banner-box-hydac-section .banner-content { position: absolute; left: 0; top:50%; text-align: center; transform: translateY(-50%); width: 100%; z-index: 2; padding: 0 15px; }
.banner-box-hydac-section .item .video { position: relative; padding-bottom: 35%; padding-top: 30px; height: 0; overflow: hidden; }
.banner-box-hydac-section .item .video {background: linear-gradient(to right, #bdc3c7, #424242);}
.banner-box-hydac-section .item .video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.banner-box-hydac-section .item .iframe-video { position: relative; padding-bottom: 35%; padding-top: 30px; height: 0; overflow: hidden; }
.banner-box-hydac-section .item .iframe-video > a { display: none; } 
.banner-box-hydac-section .item .iframe-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

.youtube-slider .slide { position: relative; width: 100%; padding-top: 177.78%; overflow: hidden; }
.youtube-slider .slide iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.youtube-slider .slide .thumbnail { display: none; }

.banner-content .banner-discription { font-size: 25px; color: #ffffff; margin: 0 0 15px; }
.banner-content .banner-title { font-size: 48px; color: #ffffff; margin: 0 0 25px; max-width: 800px; display: inline-block; }
.banner-content .banner-button { display: none; }
.owl-item.active .banner-content .banner-button { display: block; }
.banner-content .banner-button .action.btn:last-child { background: #f5f5f5; color: #1c1d20; }
.banner-content .banner-button .action.btn:last-child:hover { background: #1c1d20; color: #ffffff; }
.banner-content .banner-button .action.btn:first-child { margin-right: 10px; }

@media (min-width:1500px) {
    .banner-box-hydac-section .banner-content { top: 150px; transform: none; }    
    .banner-box-hydac-section { min-height: 500px; }
}

.our-companies { padding: 74px 0; }
.brand-slider { font-size: 0; text-align: center; }
.brand-slider .brand-item { width: 14.2857%; display: inline-block; vertical-align: top; padding: 0 20px; margin-bottom: 12px; }
.brand-slider .brand-item a { height: 84px; display: flex; justify-content: center; align-items: center; width: 100%; }
.brand-slider .owl-item .brand-item { width: 100% !important; padding: 0 10px; }
.brand-slider .owl-item .brand-item img { width: auto; opacity: 1 !important; /* height: 100%; */ } 
.no-touch .brand-item { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
.no-touch .brand-item:hover { -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3); box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3); }

.browse_product { padding: 74px 0; text-align: center; }
.browse_product_main { display: flex; justify-content: space-between; align-items: center; margin: 7px 0 28px; }
.browse_product_main .browse_product_box { height: 170px; display: flex; justify-content: center; align-items: center; padding: 0 5px; }
.browse_product_main .browse_product_box a { display: block; }
.browse_product_box .icon { display: flex; justify-content: center; align-items: center; height: 65px; width: 65px; margin: 0 auto; }
.browse_product_box .icon img { width: auto; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.7; }
.no-touch .browse_product_box a:hover span svg path { fill: var(--hyd-red)}
.no-touch .browse_product_box a:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }
.browse_product_main .browse_product_box a h5 { color: #111111; font-size: 14px; font-weight: 700; margin: 30px 0 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.no-touch .browse_product_main .browse_product_box a:hover h5 { color: var(--hyd-red); }
.line_link { position: relative; font-size: 14px; color: #1c1d20; font-weight: 700; display: inline-block; padding-bottom: 2px; text-transform: uppercase; }
.line_link:before { content: ""; position: absolute; background-color: #1c1d20; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.no-touch .line_link:hover:before { width: 0px; }


.online-store-section { padding: 74px 0; text-align: center; }
.touch .online-store-main .owl-nav { display: none; }
.online-store-section .view-btn { margin: 13px 0 0; }

/* .home_our_podcasts { max-width: 1530px; padding:0 15px; margin: 0 auto; line-height: 0; } */
.home_our_podcasts { max-width: 100%; padding:0; margin: 0 auto; line-height: 0; }
.home_our_podcasts img { width: 100%; max-width: 100%; }
.home_our_podcasts img.pod_mobile { display: none; }

.order_by { background: url(../images/gift-bg.jpg) no-repeat center center; background-size: cover; padding: 0 40px; }
.order_by > div { display: flex; justify-content: space-between; align-items: center; min-height: 130px; }
.order_by > div .orderby_left { display: flex; align-items: center; }
.order_by > div .orderby_left h3 { font-size: 32px; color: #fff; /*color: #1c1d20;*/ font-weight: 400; margin: 0; }
.order_by > div .orderby_icon { margin-right: 25px; }
.order_by > div .orderby_right .action.btn,
.card-content .btn {background: #fff; color: #000;}
.no-touch .order_by > div .orderby_right .action.btn:hover,
.no-touch .card-content .btn:hover {background:#ed1c24; color: #fff;}
.hydac_careers { padding: 74px 0; }
.careers_main { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.careers_main .careers_left { max-width: 42.4%; flex: 42.4%; }
.careers_main .careers_left .section_title { text-align: left; }
.careers_main .careers_left .section_title:before { display: none; }
.careers_left .careers_description { margin: 0 0 25px; } 
.careers_left .careers_description p { text-align: justify; }
.careers_left .careers_description :last-child { margin: 0; }
.careers_main .careers_right { max-width: 55.7%; flex: 55.7%; }
.careers_right .careers_list { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.careers_right .careers_list .careers_list_box { display: flex; justify-content: center; align-items: center; max-width: 25%; flex: 25%; text-align: center; border-left: 1px solid #dddddd; }
.careers_right .careers_list .careers_list_box:first-child { border: 0; }
.careers_list_box a { display: block; }
.careers_list_box .careers_icon { width: 87px; height: 87px; display: flex; align-items: center; justify-content: center; border-radius: 100%; overflow: hidden; border: 1px solid #ed1c24; margin: 0 auto; transition: all 0.5s ease; }
.careers_list_box h4 { margin: 30px 0 0; color: #1c1d20; font-weight: bold; font-size: 16px; }
.no-touch .careers_list_box a:hover .careers_icon { background-color: #ed1c24; }
.no-touch .careers_list_box a:hover .careers_icon svg path { fill:#ffffff; }
.no-touch .careers_list_box a:hover h4 { color: #ed1c24; }

.capabilities { background: #f5f5f5; padding: 74px 0; }
.capabilities_cotent { font-size: 0;}
.capabilities_cotent > .content_box { display:inline-block; vertical-align: top; width: 33.3%; padding: 0 40px; text-align: center; }
.capabilities_cotent > .content_box:first-child { padding-left: 0; }
.capabilities_cotent > .content_box:last-child { padding-right: 0; }

@media (min-width:1450px) {
.capabilities_cotent > .content_box { padding: 0 102px; }
.capabilities_cotent > .content_box:nth-child(2) { padding: 0 68px; }
}

.capabilities_icon { display: flex; justify-content: center; align-items: center; width: 87px; height: 87px; border: 1px solid #ed1c24; border-radius: 100px; margin: 0 auto 28px; }
.capabilities_cotent > .content_box h3 { font-size: 18px; color: #1c1d20; font-weight: bold; margin:0 0 20px; }

.capabilities_cotent .content_box h3 a { font-size: 18px; color: #1c1d20; font-weight: bold; display: inline-block; }
.no-touch .capabilities_cotent .content_box:hover h3 a { color: #ed1c24; }

.capabilities_cotent .content_box { text-align: center; }
.capabilities_cotent .content_box :last-child { margin: 0; }

.about-hydac { background-color: #f5f5f5; padding: 74px 0; }
.about-content .section_title { text-align: left; }
.about_content_main { display: flex; align-items: center; flex-wrap: wrap; }
.about_content_main .about_img { max-width: 50%; flex: 50%; margin-top: -94px; line-height: 0; } 
.about_content_main .about-content  { max-width: 50%; flex: 50%; padding: 0 50px 0 78px; }
.about_content_main .about-content .section_title:before { display: none; }
.about_description :last-child { margin: 0; }
.about_description p { font-size: 14px; color: #666666; text-align: justify;  }
.about_description { margin: 0 0 30px; scrollbar-width: thin; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch; max-height: 350px; overflow-y: auto; overflow-x: hidden; padding-right: 10px; }
.about_description::-webkit-scrollbar { background: #dddddd; }
.about_description::-webkit-scrollbar-thumb { background: var(--hyd-red); cursor: pointer; }
.about_description::-webkit-scrollbar-track { box-shadow: inset 0 0 5px var(--hyd-white); }
.about_description::-webkit-scrollbar { width: 5px;}
.about_description::-webkit-scrollbar-thumb { width: 5px; }
.about_description::-webkit-scrollbar-track { width: 5px; }

.why_hydac { background: #ed1c24; padding: 36px 0; }
.why_hydac .container { display: flex; align-items: center; flex-wrap: wrap; }
.why_hydac .container .why_hydac_left { max-width: 18%; flex: 18%; text-align: left; }
.why_hydac .container .why_hydac_left .section_title { text-align: left; color: #ffffff; }
.why_hydac .container .why_hydac_left .section_title:before, 
.why_hydac .container .why_hydac_left .section_title:after { background: var(--hyd-white); }
.why_hydac .container .why_hydac_left .section_title:before { display: none; }
.why_hydac .container .why_hydac_left p { color: #ffffff; }

.why_hydac .container .why_hydac_right { max-width: 82%; flex: 82%; text-align: left; padding-left: 60px; }
.why_hydac_right .choose-content-box { display: flex; flex-wrap: wrap; text-align: center;}
.why_hydac_right .choose-content-box .choose-box { display: flex; justify-content: center; align-items: center; width: 20%; padding: 0 10px; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; min-height: 210px; }
.why_hydac_right .choose-content-box .choose-box a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.no-touch .choose-content-box .choose-box:hover { background-color: #ba0d14; }
.choose-box-content span { margin: 0 auto; height: 60px; width: 62px; display: flex; justify-content: center; align-items: center; }
.choose-box-content h5 { color: #fff; font-size: 16px; margin: 15px 0 0; line-height: 20px; }
.why_hydac_right .choose-content-box .choose-box:nth-child(1) h5 { max-width: 110px; }
.why_hydac_right .choose-content-box .choose-box:nth-child(2) h5 { max-width: 130px; }
.why_hydac_right .choose-content-box .choose-box:nth-child(5) h5 { max-width: 170px; }

/*home tab*/
ul.tabs { margin: 0 auto; display: inline-block; padding: 0; list-style: none; text-align: center; border-bottom: 1px solid #dddddd; }
ul.tabs li { margin: 0 30px; cursor: pointer; color: #666666; position: relative; font-size: 16px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; display: inline-block; vertical-align: top; padding: 0 0 6px; }
ul.tabs li:before { width: 0px; height: 2px; content:""; position: absolute; left: 0; bottom: -1px; background: #ed1c24; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
ul.tabs li:hover { color: #1c1d20; }
ul.tabs li.active { color: #1c1d20; font-weight: bold; }
ul.tabs li:hover:before,
ul.tabs li.active:before { width: 100%; }
ul.tabs li:first-child { margin-left: 0; }
ul.tabs li:last-child { margin-right: 0; } 

.no-touch .tab_container .owl-dots { display: none; }
.touch .tab_container .owl-nav { display: none; }

.tab_container { border-top: none; clear: both; width: 100%; background: #fff; margin-top: 26px; }
.tab_content { padding:0; display: none; }


/*card*/
.hydac_card .container { max-width: 1562px; }
.two-col { font-size: 0; margin: 0 -15px; }
.two-col > div { width: 50%; display: inline-block; vertical-align: top; padding: 0 15px; }
.two-col .card-img { line-height: 0; }
.card-left,
.card-right { position: relative; }
.card-left .card-content { position: absolute; width: 100%; max-width: 355px; left: 50px; top: 50%; transform: translateY(-50%); }
.card-right .card-content { position: absolute; width: 100%; max-width: 355px; left: 50px; top: 50%; transform: translateY(-50%); }
.card-content h3 { font-weight: 700; font-size: 30px; margin: 0 0 20px; color: #ffffff; }
.card-content p { font-size: 14px; font-weight: 500; margin: 0 0 25px; color: #ffffff; }
.card-content .btn { max-width: 170px; }
.card-left .card-content .btn { background-color: #ffffff; color: #1c1d20; }
.card-left .card-content .btn:hover { background-color: #ed1c24; color: #ffffff; }
.card-right .card-content p { max-width: 305px; }

.two-col .card-img img.card_mobile { display: none;}

.touch .card-right .card-img { background: #484849; }

/* hydac_youTube */
.youtube-slider .slide iframe {width: 100%; height: 400px; object-fit: cover;}

/* hydac_youTube */

@media (min-width: 768px) and (max-width: 1200px)  {
    .banner-box-hydac-section .item .video { padding-bottom: 43%; }
    .banner-box-hydac-section .item .iframe-video { padding-bottom: 43%; }
}

@media (min-width:1500px) {
    .two-col .card-img { min-height: 300px; }
}

@media (min-width: 900px) and (max-width: 1299px) {
.card-content h3 { font-size: 22px; margin: 0 0 15px; }
.card-content p { font-size: 12px; margin: 0 0 10px; }
.card-left .card-content,
.card-right .card-content { left: 20px; }
    
.card-left .card-content .btn { height: 35px; }
}

@media (min-width: 768px) and (max-width: 899px) {
.card-content h3 { font-size: 20px; margin: 0 0 15px; }
.card-content p { font-size: 12px; display: none; }
.card-left .card-content,
.card-right .card-content { left: 20px; }
    
.card-left .card-content .btn { height: 35px; }
}

@media (max-width:767px) {
.card-content h3 { font-size: 22px; margin: 0 0 10px; }
.card-content p { font-size: 12px; margin: 0 0 10px; }
.card-left .card-content,
.card-right .card-content { left: 20px; }
}

@media (max-width:479px) {
.card-content h3 { font-size: 20px; margin: 0 0 10px; }
.card-content p { font-size: 12px; margin: 0 0 10px; }
.card-left .card-content,
.card-right .card-content { left: 15px; top: 15px; transform: none; max-width: 300px; }
.card-content .btn { min-width: 120px; max-width: 120px; font-size: 12px; }
.two-col .card-img { min-height: 200px; }
}

/*Home Responsive*/
@media (max-width:1399px) {
    .browse_product,
    .online-store-section,
    .capabilities,
    .about-hydac,
    .hydac_careers,
    .our-companies { padding: 50px 0; }
    
    .about_content_main .about-content { padding: 0 0 0 25px; }
    .about_description { max-height: 250px; }
}

@media (max-width:1249px) {
    .careers_main .careers_left { max-width: 100%; flex: 100%; }
    .careers_main .careers_right { max-width: 100%; flex: 100%; margin-top: 30px; }
    
    .why_hydac .container .why_hydac_left { max-width: 100%; flex: 100%; text-align: center; }
    .why_hydac .container .why_hydac_right { max-width: 100%; flex: 100%; padding-left: 0; }
    .why_hydac .container .why_hydac_left .section_title { text-align: center; }
    .why_hydac .container .why_hydac_left .section_title br { display: none; }
    .why_hydac .container .why_hydac_left .section_title:before { display: inline-block; }
    
    .banner-content .banner-title { font-size: 40px; }
    .order_by > div .orderby_left h3 { font-size: 20px; }
    .capabilities_cotent > .content_box h3 a { color: #1c1d20;}
}

@media (max-width:1079px) {
.capabilities_cotent > .content_box { padding: 0 20px; }
.careers_list_box h4 { margin: 20px 0 0; }
    
    .why_hydac_right .choose-content-box .choose-box { align-items:flex-start; min-height: inherit; padding:20px 10px; }
    .why_hydac_right .choose-content-box .choose-box a { align-items:flex-start; }
    .choose-box-content h5 { font-size: 14px; }
    
    .banner-content .banner-discription { font-size: 20px; }
    .banner-content .banner-title { font-size: 36px; }
    .banner-box-hydac-section .owl-dots { bottom:30px; }
}

@media (max-width:767px) {
    .browse_product,
    .online-store-section,
    .capabilities,
    .about-hydac,
    .hydac_careers,
    .our-companies,
    .why_hydac { padding: 30px 0; }
    .hydac_careers { padding-top: 0; }
    
    .careers_right .careers_list .careers_list_box { max-width: 50%; flex: 50%; }
    .careers_right .careers_list .careers_list_box:first-child,
    .careers_right .careers_list .careers_list_box:nth-child(2) { margin-bottom: 30px; }
    .careers_right .careers_list .careers_list_box:nth-child(3) { border: 0; }
    
    .banner-content .banner-discription { font-size: 18px; }
    .banner-content .banner-title { font-size: 22px; }
    .banner-box-hydac-section .item .video,
    .banner-box-hydac-section .item .iframe-video { padding-bottom: 93%; } 
    
    .why_hydac_right .choose-content-box { justify-content: center; }
    .why_hydac_right .choose-content-box .choose-box { width: 50%; }
    
    .about_content_main .about_img { max-width: 100%; flex: 100%; margin-top: -60px; } 
    .about_content_main .about-content { max-width: 100%; flex: 100%; margin-top: 20px; padding: 0; }
    .about_content_main .about-content .section_title br { display: none; }
    .about_content_main .about-content .section_title:after { display: none; }
    
    .browse_product_main .browse_product_box a h5 { margin: 15px 0 0; font-size: 12px; } 
    .browse_product_main { margin: 0; }
    .browse_product .line_link { display: none; }
    .browse_product_main .browse_product_box { height: auto; }
    .browse_product_main:not(.owl-carousel) > .browse_product_box { width: 33.3333%; display: none; }
    .browse_product_main:not(.owl-carousel) > .browse_product_box:nth-child(1), 
    .browse_product_main:not(.owl-carousel) > .browse_product_box:nth-child(2), 
    .browse_product_main:not(.owl-carousel) > .browse_product_box:nth-child(3) { display: block; }
    .hydac_card .two-col > * {background: linear-gradient(to right, #bdc3c7, #878787);}
    .banner-box-hydac-section .owl-carousel > .item .banner-button { display: block; }
    .browse_product_main:not(.owl-carousel) .browse_product_box .icon {background: linear-gradient(to right, #bdc3c7, #878787);}
    .browse_product_main:not(.owl-carousel) { align-items: start; }
    
    .order_by > div { display: none; }
    
    .two-col { margin: 0; }
    .two-col > div {  display: block; width: 100%; padding: 0; }
    .two-col > div.left { margin: 0 0 30px; }
    
    ul.tabs li { margin:0 15px; font-size: 14px; }
    .online-store-section .view-btn { display: none; }
}

@media (max-width:639px) {
    .careers_list_box h4 { font-size: 14px; }
}

@media (max-width:450px) {
    .two-col .card-img img.card_mobile { display: block; width: 100%; }
    .two-col .card-img img.card_desktop { display: none; }
    
    .home_our_podcasts img.pod_mobile { display: block; }
    .home_our_podcasts img.pod_desktop { display: none; }
}

@media (max-width:400px) {
    .banner-content .banner-title { font-size: 20px; }
}

/*Home Responsive*/