#sticker img{ width:60%; } @media (min-width: 576px) and (max-width: 768px) { #sticker img{ width:50%; } } #sticker_flex_on_image{ position:absolute; z-index:20; } #sticker_flex_on_image img{ width:80px; } .start_360{ position:relative; } .start_360 img{ opacity:0.5; } .start_360:after{ position:relative; } .start_360::after { background-image: url("../image/360_icon_new2.png"); background-size: 100% auto; content: ""; display: block; height: 50px; left: 50%; /* przesunięcie na 50% szerokości rodzica */ position: absolute; top: 50%; /* przesunięcie na 50% wysokości rodzica */ transform: translate(-50%, -50%); /* przesunięcie o połowę szerokości i wysokości elementu */ width: 50px; } .start_3d{ position:relative; } .start_3d img{ opacity:0.5; } .start_3d:after{ position:relative; } .start_3d::after { background-image: url("../image/3d_icon.png"); background-size: 100% auto; content: ""; display: block; height: 50px; left: 50%; /* przesunięcie na 50% szerokości rodzica */ position: absolute; top: 50%; /* przesunięcie na 50% wysokości rodzica */ transform: translate(-50%, -50%); /* przesunięcie o połowę szerokości i wysokości elementu */ width: 50px; } .start_video{ position:relative; } .start_video img{ opacity:0.5; } .start_video:after{ position:relative; } .start_video::after { background-image: url("../image/video_icon.png"); background-size: 100% auto; content: ""; display: block; height: 50px; left: 50%; /* przesunięcie na 50% szerokości rodzica */ position: absolute; top: 50%; /* przesunięcie na 50% wysokości rodzica */ transform: translate(-50%, -50%); /* przesunięcie o połowę szerokości i wysokości elementu */ width: 50px; } .box_3d{ height: auto; margin: 0px auto; overflow: hidden; width: 100%; position:relative; } .box_3d:after{ background-image: url("../image/3d_icon.png"); background-size: 100% auto; content: ""; display: block; height: 50px; left: 20px; position: absolute; bottom: 25px; width: 50px; } .box_360{ height: auto; margin: 0px auto; overflow: hidden; width: 100%; } .box_360 > img{ opacity:0; } .box_360 .box_360_content{ top: 0px; position:absolute; width:100%; height:100%; margin:0px auto; } ul.list_360{ list-style: none; position:relative; } ul.list_360:after{ background-image: url("../image/360_icon_new2.png"); background-size: 100% auto; content: ""; display: block; height: 50px; left: 20px; position: absolute; top: 15px; width: 50px; } .list_360 li { list-style: none; opacity:0; top:0px; left:0px; position:absolute; display:block; width:100%; } .list_360 li:hover { cursor:pointer; } .list_360 li.active { opacity:1; } .box_360 ul.list_360 { width: 100%; height: 315px; } .box_360 ul.list_360 li img { display: block; height: auto; margin:0px auto; } .avilible_dots{ display:inline-block; } .avilible_dots i{ margin-right:2px; } .filmYoutube { height: 0; padding-bottom: 56.25%; position: relative; width: 100%; } .filmYoutube iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .heading_description_image { border-bottom: 4px solid #e73046; margin-bottom: 20px; position: relative; width: 100% !important; } .heading_description_image .heading_slogan { background: #e73046 none repeat scroll 0 0; color: #fff; margin-top:-30px; padding: 10px; position: relative; } .heading_description_image .heading_slogan .h1 { display: block; font-size: 1.82857em; font-weight: 600; margin: 0 !important; padding: 0; } .heading_description_image .heading_slogan .h2 { display: block; font-size: 1.42857em; font-weight: 100; margin: 0 !important; padding: 0; } .h3_box p { border: 1px solid #dfdedf; box-shadow: 0 0 2px rgba(0, 0, 0, 0.08); margin-bottom: 20px; padding: 10px; } .h3_box .h3 { background: #f5f5f5 none repeat scroll 0 0; border-bottom: 4px solid #e73046; display: block; margin: 0; padding: 10px; width: 100%; } #tab-description .desc_img a { background-color: #f8f9f9; border: 1px solid #d7dadc; box-shadow: 0 0 2px rgba(0, 0, 0, 0.08); display: block; margin-bottom: 25px; padding: 3%; position: relative; text-align: center; transition: all 0.15s ease 0s; width: 100%; } #tab-description .desc_img a img { width: 100%; } #tab-description section ul { list-style-type: none; padding-left: 20px; } #tab-description section li { color: #0f6210; font-weight: 700; margin-bottom: 10px; padding-left: 20px; position: relative; } #tab-description section li::before { color: #0f6210; content: "\f054"; font-family: "FontAwesome"; font-weight: 400; margin: 0 5px 0 -15px; } #tab-description section { background: #dff8d4 none repeat scroll 0 0; margin-bottom: 30px; padding: 20px; } #tab-description section .h2 { margin-top: 0; } #tab-description .h2.he { background: rgba(231, 48, 70, 0.1) none repeat scroll 0 0; border-left: 4px solid rgba(231, 48, 70, 1); font-size: 20px !important; font-weight: 700; padding: 15px; text-transform: uppercase; } #tab-description .h2 { display: block; margin: 40px 0 20px; } .product-info .description { color: #4d4d4d; line-height: 20px; margin-bottom: 10px; padding: 5px 5px 10px; } .dropdown-menu { font-size: 14px; } .form-control:focus, button:focus, .btn:focus { box-shadow: none !important; } .form-group .dropdown.bootstrap-select .btn { background: #ffffff; border: 1px solid #dddddd; border-radius: 5px; } .form-group .dropdown.bootstrap-select .btn:after { position: absolute; right: 10px; font-size: 15px; margin-top: 8px; } .form-group .dropdown.bootstrap-select.show .btn { background: #F5F5F5; border: 1px solid #dddddd; border-radius: 5px 5px 0px 0px; } .form-group .dropdown.bootstrap-select.show >.dropdown-menu { background: #ffffff; border: 1px solid #dddddd; border-radius: 0px 0px 5px 5px; margin-top: -3px; min-width: calc(100% + 1px); } .btn-primary { background-color: #1d80db; border-color: #1d80db; color: #fff; } .btn-primary.active:not(:disabled):not(.disabled), .btn-primary:active:not(:disabled):not(.disabled), .show > .btn-primary.dropdown-toggle { background-color: #0062bd; border-color: #0062bd; color: #fff; } .link.big { line-height: 15px; } .link.big i { font-size: 20px; } .link.bigest { line-height: 45px; } .link.bigest i { font-size: 20px; } .btn { border-radius: 5px; border: 0px solid #fff; box-shadow: none; font-size: 14px; } .btn.nowrap { white-space: nowrap; } .btn.big { font-size: 14px; font-weight: bold; text-transform: uppercase; white-space: nowrap; } .btn.big i { font-size: 20px; } .btn.bigest { font-size: 16px; font-weight: bold; text-transform: uppercase; white-space: nowrap; padding: 10px 30px; } .btn.bigest i { font-size: 20px; } .btn.alpha { background: #D9D9D9; color: #fff; opacity: 0.5 !important; } .btn.alpha:hover { opacity: 1; } .btn.alpha i { color: inherit; } .btn.whitee { background: #fff; opacity: 1; color: #333E48; -webkit-box-shadow: 1px 1px 2px 0px #333e48; -moz-box-shadow: 1px 1px 2px 0px #333e48; box-shadow: 1px 1px 2px 0px #333e48; } .btn.whitee:hover { background: #333E48; color: #fff; } .btn.primary { background: #0062bd; opacity: 1; color: #ffffff; } .btn.primary:hover { background: #1d80db; } .btn.primary.bordered { background: none; border: 1px solid #0062bd; } .btn.primary.bordered:hover { background: #e73046; border: 1px solid #e73046; } .btn.primary.bordered:hover i { color: #fff; } .btn.primary.bordered i { font-size: 20px; color: #333E48; } .btn.primary2 { background: #5d646e; opacity: 1; color: #ffffff; } .btn.primary2:hover { background: #1d80db; } .btn.primary2.bordered { background: none; border: 1px solid #5d646e; } .btn.primary2.bordered:hover { background: #e73046; border: 1px solid #e73046; } .btn.primary2.bordered:hover i { color: #fff; } .btn.primary2.bordered i { font-size: 20px; color: #333E48; } .btn.secondery { background: #333E48; opacity: 1; color: #fff; } .btn.secondery.bordered { background: none; border: 1px solid #333E48; color: #333E48; } .btn.secondery.bordered.active { background: #333E48; color: #fff; } .btn.secondery.bordered:hover { background: #333E48; border: 1px solid #333E48; color: #fff; } .btn.secondery.bordered:hover i { color: #fff; } .btn.secondery.bordered i { font-size: 15px; color: #333E48; } .btn.secondery:hover { background: #333E48; opacity: 0.9; } .btn.danger { background: #e25151; opacity: 1; color: #ffffff; } .btn.danger.bordered { background: none; border: 1px solid #e25151; } .btn.danger.bordered:hover { background: #f36262; border: 1px solid #f36262; } .btn.danger.bordered:hover i { color: #ffffff; } .btn.danger.bordered i { font-size: 15px; color: #333E48; } .btn.danger:hover { background: #f36262; opacity: 0.9; } .btn.light { text-transform: none !important; font-weight: normal !important; white-space: nowrap; } .btn.info { background: #54c4c8; opacity: 1; color: #ffffff; } .btn.info:hover { background: #54ced2; } .btn.icon { background: none; opacity: 1; padding: 0px; color: #333E48; padding: 3px 8px; border: 1px dashed rgba(0,0,0,0.05); } .btn.icon:hover { background: #e73046; color: #ffffff; } .btn span { font-weight: bold; } .page_title .buttons { display: inline; } .page_title .buttons .btn { height: 100%; line-height: 28px; border-radius: 5px 5px 0px 0px; } .form-control { font-size: 14px; } label, input[type=text], input[type=password], input[type=number] { min-height: 25px; line-height: 25px; margin: 0px; } label { padding: 0.375rem 0px; margin: 0px; } .custom-radio .custom-control-label:before { top: 0.6rem; } .custom-radio .custom-control-label:after { top: 0.6rem; } .custom-radio .custom-control-label:hover { cursor: pointer; } .custom-radio .custom-control-input:checked~.custom-control-label:before { background-color: #0062bd; } .custom-radio .custom-control-input:focus~.custom-control-label:before { box-shadow: none !important; } .custom-checkbox .custom-control-label:before { top: 0.6rem; } .custom-checkbox .custom-control-label:after { top: 0.6rem; } .custom-checkbox .custom-control-label:hover { cursor: pointer; } .custom-checkbox .custom-control-input:checked~.custom-control-label:before { background-color: #0062bd; } .custom-checkbox .custom-control-input:focus~.custom-control-label:before { box-shadow: none !important; } .oviModal .modal-dialog .modal-content .modal-footer { display: block; } @media (min-width: 768px) { .nopadding-right { padding-right: 0px; } } @media (min-width: 992px) { .nopadding-right, .nopadding-cright { padding-right: 0px; } } @media (max-width: 576px) { #button-payment-method { width: 100%; } } .product_card #product_title h1 { font-size: 20px; color: #00407b; font-weight: bold; text-transform: uppercase; } .product_card #product_v .no_sale_recomendet{ border: 1px dashed rgba(0, 0, 0, 0.05); background:rgba(0, 0, 0, 0.05); width:100%; margin:10px 0px; font-size:12px; padding:5px; border-radius :5px; } .product_card #product_v .no_sale_recomendet table{ width:100%; } .product_card #product_v .no_sale_recomendet .login_info{ display:inline-block; text-align:right; padding-right:10px; } .product_card #product_v .no_sale_recomendet .login_info_icon{ display:inline-block; width:20px; height:100%; font-size:16px; } .product_card #product_v .login_recomendet{ border: 1px dashed rgba(0, 0, 0, 0.05); width:100%; margin:10px 0px; font-size:12px; padding:5px; border-radius :5px; } .product_card #product_v .login_recomendet table{ width:100%; } .product_card #product_v .login_recomendet .login_info{ display:inline-block; text-align:right; padding-right:10px; } .product_card #product_v .login_recomendet .login_info_icon{ display:inline-block; width:20px; height:100%; font-size:16px; } .product_card #product_v .login_recomendet a{ font-weight:bold; } .product_card #product_media_box { border-color: #dddddd; border-radius: 5px 0 0 5px; border-style: solid; border-width: 1px 5px 1px 1px; overflow: hidden; position: relative; display: inline-block; min-height: 405px; width: 100%; } .product_card #product_media_box.full_size { min-height: 455px; } .product_card #product_media_box .box-hide { display: none; } .product_card #product_media_box .box-hide.slick-initialized { display: block !important; } .product_card #product_media_box #product_media_list .slick-list { display: grid; grid-template-rows: 1fr; /* Każdy slajd zajmuje całą dostępną wysokość */ } .product_card #product_media_box #product_media_list .slick-slide { display: grid; grid-template-rows: 1fr; } .product_card #product_media_box #product_media_list .slick-track .slick-slide a { display: inline-block; width: 100%; height: 100%; text-align: center; } .product_card #product_media_box #product_media_list .slick-track .slick-slide a img { display: inline-block; max-width: 100%; max-height: 100%; height: auto; } .product_card #product_media_box #product_media_list .box_video { display: flex; justify-content: center; align-items: center; height: 100%; /* Ustawia pełną wysokość kontenera */ } .product_card #product_media_box #product_media_list .box_video .iframe-container { width: 100%; max-width: 100%; aspect-ratio: 16 / 9; /* Ustawia proporcje 16:9 */ } .product_card #product_media_box #product_media_list .box_video .iframe-container iframe { width: 100%; height: 100%; border: 0; display: block; } .product_card #product_media_box #product_thumb_list { margin-top:15px; text-align: center; } .product_card #product_media_box #product_thumb_list .slick-arrow { height: calc(100% - 6px); width: 38px; top: 0px; bottom: 0px; transform: none; margin:0px 6px; border-radius:3px; background:#f5f5f5; border:1px solid #f5f5f5; } .product_card #product_media_box #product_thumb_list .slick-arrow:hover { background:#ddd; } .product_card #product_media_box #product_thumb_list .slick-arrow.slick-prev { left: 0px; } .product_card #product_media_box #product_thumb_list .slick-arrow.slick-prev:before { content: "\f053"; } .product_card #product_media_box #product_thumb_list .slick-arrow.slick-next { right: 0px; } .product_card #product_media_box #product_thumb_list .slick-arrow.slick-next:before { content: "\f054"; } .product_card #product_media_box #product_thumb_list .slick-arrow:before { display: block; font-family: "FontAwesome"; font-size: 25px; width: 100%; color: #333E48; } .product_card #product_media_box #product_thumb_list .slick-list { width: calc(100% - 105px); display: inline-block; padding:0px!important; margin:0px -15px; } .product_card #product_media_box #product_thumb_list .slick-list .slick-track .slick-slide { padding:5px; text-align:center; margin-right:3px; margin-left:3px; border:1px solid #f5f5f5; border-radius:3px; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } .product_card #product_media_box #product_thumb_list .slick-list .slick-track .slick-slide:hover { cursor:pointer; border:1px solid #ddd; background:#f5f5f5; } .product_card #product_media_box #product_thumb_list .slick-list .slick-track .slick-slide img{ border-radius:3px; } .product_card #product_media_box #product_thumb_list .slick-list .slick-track .slick-slide.slick-active { opacity: 1; } .product_card #product_media_box #product_thumb_list .slick-list .slick-track .slick-slide.slick-active.slick-center { opacity: 1; border-bottom: 2px solid #00407b; } .product_card #product_media_box .status_sticker { text-align: left; margin-left: 0px; margin-top: 10px; } .product_card #product_media_box .status_sticker .sticker { border-radius: 0 5px 5px 0; color: #fff; font-size: 11px; font-weight: bold; margin-bottom: 5px; padding: 3px 17px; text-transform: uppercase; display: inline-block; white-space: nowrap; position: relative; } .product_card #product_media_box .status_sticker div:nth-child(n + 1) { margin-left: -7px !important; } @media (max-width: 767px) { .product_card #product_media_box #product_thumb_list .slick-arrow { margin:0px 5px!important; } } .product_card .option_box h3 { color: #333e48; font-size: 18px; font-weight: bold; } .product_card .option_box .form-group > div.option_list { background: #F5F5F5; } .product_card .option_box .form-group > div.option_list .radio { padding: 0px 10px; border-bottom: 1px dashed #ccc; } .product_card .option_box .form-group > div.option_list .radio:last-child { border-bottom: 0px dashed #ccc; } .product_card .option_box .form-group > div.option_list .radio:hover { background: #f9f8f8; } .product_card .option_box .form-group > div.option_list .radio > div { width: 100%; } .product_card .option_box .form-group > div.option_list .radio > div label { width: 100%; } .product_card .option_box .form-group > div.option_list .radio > div label table { width: 100%; } .product_card .option_box .form-group > div.text-danger { padding: 5px 15px; } .product_card .option_box .form-group > label { width: 100%; display: inline-block; background: #333E48; color: #fff; font-size: 16px; border-bottom: 2px solid #e73046; padding: 5px 15px; font-weight: bold; border-radius: 5px 5px 0px 0px; } .product_card .option_box .form-group.required > label:before { content: '* '; color: #F00; font-weight: bold; } .product_card .price_box_t { display: table-row; width: 100%; float: right; } .product_card .price_box_t .price_box { display: table-cell; padding-bottom: 10px; padding-top: 10px; vertical-align: bottom; width: 100%; float: right; } .product_card .price_box_t .price_box .pv { color: #333E48; font-size: 20px; line-height: 35px; text-align: left; } .product_card .price_box_t .price_box .pv.price { font-size: 14px; line-height: 20px; } .product_card .price_box_t .price_box .pv.price_old { font-size: 14px; line-height: 20px; color: #e17a7a; } .product_card .price_box_t .price_box .pv.price_old s { color: #e17a7a; } .product_card .price_box_t .price_box .pv.price_with_tax { font-size: 14px; line-height: 20px; color: #bbbbbb; font-weight: normal; } .product_card .price_box_t .price_box .pv.bold_price { font-weight: bold; font-size: 20px; color: #333E48; } .product_card .price_box_t .price_box .pv.small_price { font-weight: bold; font-size: 14px; line-height:14px; color: #333E48; } .product_card .price_box_t .price_box .pv span { font-weight: 300; color: #bbbbbb; font-size: 12px !important; } .product_card .price_box_t .lowest_price { font-weight: 300; color: #bbbbbb; font-size: 12px !important; } .discounts_box table{ width:100%; } .discounts_box table thead th{ background:#f5f5f5; padding:5px 10px; } .discounts_box table tbody td{ border-bottom:1px solid #f5f5f5; padding:0px 10px; } .product_card #product_action { margin-top: 0px; } .product_card #product_action #input-quantity { border: 1px solid #D9D9D9; border-right: 0px solid #fff; border-radius: 5px 0px 0px 5px; text-align: center; height: 100%; } .product_card .nav-tabs { background: #F5F5F5; margin-top: 15px; margin-bottom: 0px; border-radius: 5px 5px 0px 0px; border-bottom: 3px solid #333E48; overflow: hidden; } .product_card .nav-tabs.cnav { border-radius: 5px 0px 0px 0px; } .product_card .nav-tabs li a { padding: 10px 20px; font-size: 15px; display: inline-block; border-right: 1px solid #eaeaea; } .product_card .nav-tabs li a:hover { background: #ededed; } .product_card .nav-tabs li a.active { background: #333E48; color: #ffffff; font-weight: bold; cursor: default; } .product_card .nav-tabs li a.active:hover { background: #333E48; } .product_card .tab-content #tab-specification img, .product_card .tab-content #tab-description img { max-width: 100%; } .product_card .tab-content #tab-specification table, .product_card .tab-content #tab-description table { border: 0px solid #fff; width: 100% !important; margin-bottom: 0px; } .product_card .tab-content #tab-specification table thead, .product_card .tab-content #tab-description table thead { background: #F5F5F5; } .product_card .tab-content #tab-specification table thead tr td, .product_card .tab-content #tab-description table thead tr td { border: 1px solid #F5F5F5; } .product_card .tab-content #tab-specification table thead tr th, .product_card .tab-content #tab-description table thead tr th { border: 1px solid #F5F5F5; padding: 1rem 0.75rem; font-size: 16px; } .product_card .tab-content #tab-specification table tbody tr, .product_card .tab-content #tab-description table tbody tr { height: auto !important; } .product_card .tab-content #tab-specification table tbody tr th, .product_card .tab-content #tab-description table tbody tr th { width: 30% !important; text-align: right; padding: 0.75rem; padding-right: 20px; font-weight: bold; height: auto !important; border: 1px solid #F5F5F5; } .product_card .tab-content #tab-specification table tbody tr td, .product_card .tab-content #tab-description table tbody tr td { border: 1px solid #F5F5F5; } .product_card .tab-content #tab-specification table tbody tr td:first-child, .product_card .tab-content #tab-description table tbody tr td:first-child { width: 30% !important; text-align: right; padding: 0.75rem; padding-right: 20px; font-weight: bold; height: auto !important; } .product_card .tab-content #tab-specification table tbody tr td:last-child, .product_card .tab-content #tab-description table tbody tr td:last-child { width: 70% !important; padding: 0.75rem; height: auto !important; color: #00407b; } .product_card .tab-content #tab-description { padding: 30px 0px; } .product_card .attachment_box { margin-top: 30px; } .product_card .attachment_box .box-heading { background: #F5F5F5; display: inline-block; width: 100%; heght: 100%; } .product_card .attachment_box .box-heading span { background: #dddddd; padding: 15px; font-size: 15px; font-weight: bold; text-transform: capitalize; display: inline-block; } .product_card .attachment_box .box-content{ padding:0px 15px; } .product_card .attachment_box .box-content > div { padding:5px 5px; border-bottom:1px dashed #dddddd; display: flex; align-items: center; /* Wyśrodkowanie w pionie */ justify-content: center; /* Wyśrodkowanie w poziomie */ } .product_card .attachment_box .box-content > div .button-download div{ display:inline; } @media (max-width: 576px) { .product_card .attachment_box .box-content > div .button-download div{ display:none!important; } } .product_card .accessories_tabs_box { margin-top: 30px; } .product_card .accessories_tabs_box .box-heading { background: #F5F5F5; display: inline-block; width: 100%; heght: 100%; } .product_card .accessories_tabs_box .box-heading span { background: #dddddd; padding: 11px; font-size: 15px; font-weight: bold; float:left; text-transform: capitalize; display: inline-block; } .product_card .accessories_tabs_box .box-heading .nav-tabs { margin-top:0px; border-radius:0px; height:100%; } @media (max-width: 767px) { .product_card .accessories_tabs_box .box-heading .nav-tabs { width:100%; float:left; } } .product_card .accessories_tabs_box .box-content{ padding:0px; background:#f9f9f9; } .product_card .accessories_tabs_box .box-content > div { padding:5px 5px; border-bottom:1px dashed #dddddd; display: flex; align-items: center; /* Wyśrodkowanie w pionie */ justify-content: center; /* Wyśrodkowanie w poziomie */ } .product_card .accessories_tabs_box .box-content > div .button-download div{ display:inline; } @media (max-width: 576px) { .product_card .accessories_tabs_box .box-content > div .button-download div{ display:none!important; } } .product_card .accessories_box { margin-top: 15px; } .product_card .accessories_box .according_heading { padding: 10px 10px 3px 10px; background: #333E48; border-radius: 0px 5px 0px 0px; border-bottom: 3px solid #333E48; } .product_card .accessories_box .according_heading h3 { font-size: 16px; font-weight: boldnormal; color: #fff; } .product_card .accessories_box .accordion .card:first-child { border-radius: 0px; } .product_card .accessories_box .accordion .card:last-child .card-header:after { height: 0px !important; } .product_card .accessories_box .accordion .card .card-header { padding: 0px; background: #F5F5F5; border-bottom: 0px solid #fff; } .product_card .accessories_box .accordion .card .card-header:hover { background: #eee; } .product_card .accessories_box .accordion .card .card-header:after { position: absolute; width: 100%; left: 0px; height: 1px; bottom: 0px; content: ""; background: #eee; } .product_card .accessories_box .accordion .card .card-header .btn-according { width: 100%; text-align: left; position: relative; } .product_card .accessories_box .accordion .card .card-header .btn-according:before { position: absolute; width: 20px; height: 20px; font-size: 20px; top: 0px; content: "\f01b"; font-family: "FontAwesome"; right: 15px; color: #333E48; } .product_card .accessories_box .accordion .card .card-header .btn-according.collapsed:before { content: "\f01a" !important; color: #D9D9D9 !important; } .product_card .accessories_box .accordion .card .card-body { padding: 0px; } @media (max-width: 767px) { .cnav { border-radius: 5px 5px 0px 0px !important; } .product_card #product_title { margin-top: 20px; } .product_card #product_title h1 { text-transform: uppercase; } .product_card #product_media_box { border-radius: 5px 5px 0px 0px; border-style: solid; border-width: 1px 1px 5px 1px; } }