锘?container { position: relative; /* @media (max-width: 768px) { padding: 0; }*/ } .container .title { text-align: center; padding-bottom: 66px; } .container .title p { font-size: 26px; font-weight: 600; } .container .owl-carousel .owl-stage-outer .owl-item { margin-bottom: 125px; } @media (max-width: 1100px) { .container .owl-carousel .owl-stage-outer .owl-item { margin-bottom: 0; } } .container .owl-carousel .owl-stage-outer .owl-item .item { margin: 0 auto; cursor: pointer; overflow: hidden; } .container .owl-carousel .owl-stage-outer .owl-item .item a { color: black; } .container .owl-carousel .owl-stage-outer .owl-item .item a:hover { color: #eb6338; text-decoration: none; } .container .owl-carousel .owl-stage-outer .owl-item .item a .img-wrapper { height: 218px; width: auto; max-width: 380px; margin: 7px auto; box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 3px; } .container .owl-carousel .owl-stage-outer .owl-item .item a .img-wrapper img { height: 100%; } .container .owl-carousel .owl-stage-outer .owl-item .item a .name-wrapper { height: 70px; background-color: white; display: flex; justify-content: center; align-items: center; } .container .owl-carousel .owl-stage-outer .owl-item .item a .name-wrapper .name { font-size: 16px; font-weight: 600; margin-bottom: 0; } @media (min-width: 1024px) { .container .owl-carousel .owl-stage-outer .owl-item:nth-child(2n + 1) .item { margin-left: auto; margin-right: 0; } .container .owl-carousel .owl-stage-outer .owl-item:nth-child(2n + 0) .item { margin-right: auto; margin-left: 0; } } @media screen and (max-width: 1100px) { .container .owl-carousel .owl-nav { display: none; } } .owl-prev { height: 54px; width: 54px; position: absolute; top: 28%; transform: translateY(-50%); display: block !important; border: 0px solid black; left: 0; outline: none !important; } .owl-prev:hover { background-color: transparent !important; } @media screen and (max-width: 1200px) { .owl-prev { left: 0; } } .owl-prev .right-indicator { width: 54px; height: 54px; } .owl-next { height: 54px; width: 54px; position: absolute; top: 28%; transform: translateY(-50%); display: block !important; border: 0px solid black; right: -1px; outline: none !important; } .owl-next:hover { background-color: transparent !important; } @media screen and (max-width: 1200px) { .owl-next { right: 0; } } .owl-next .left-indicator { width: 54px; height: 54px; } .p-70 { padding: 70px 0 0 0; } @media (min-width: 1101px) { .owl-dots { display: none; } } @media (max-width: 1100px) { .owl-dots { margin-bottom: 125px; } } @media (min-width: 1100px) { .owl-carousel .owl-nav.disabled { display: block; } } .only-item { max-width: 396px; /*350px;*/ margin: 0 auto; cursor: pointer; overflow: hidden; margin-left: 10%; } @media (max-width: 768px) { .only-item { margin-left: 5%; } } @media (max-width: 425px) { .only-item { margin-left: unset; } } .only-item a { color: black; } .only-item a:hover { color: #eb6338; text-decoration: none; } .only-item a .img-wrapper { width: auto; margin: 7px auto; box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 3px; } .only-item a .img-wrapper img { height: 100%; width: 100%; } .only-item a .name-wrapper { height: 70px; background-color: white; display: flex; justify-content: center; align-items: center; } .only-item a .name-wrapper .name { font-size: 16px; font-weight: 600; margin-bottom: 0; }