/*@container_width: 1625px;*/ .media-meterials-container .tab { margin-top: 42px; } .media-meterials-container .tab .nav-tabs > li.active > a, .media-meterials-container .tab .nav-tabs > li.active > a:focus, .media-meterials-container .tab .nav-tabs > li.active > a:hover { border: 0; margin: 0; } .media-meterials-container .tab .nav > li > a:focus, .media-meterials-container .tab .nav > li > a:hover { background: transparent !important; border: 0; margin: 0; } .media-meterials-container .tab .nav { margin: 0; border-top: 0 solid #dadada; border-bottom: 0 solid #dadada; display: flex; } @media only screen and (max-width: 600px) { .media-meterials-container .tab .nav { display: inline-block; width: 100%; } } .media-meterials-container .tab .nav li { margin: 0; padding: 6px 0; width: 185px; height: 44px; background-color: #a2a2a2; display: block; align-items: center; border-radius: 5px; text-align: center; margin-right: 65px; display: inline-grid; } @media only screen and (max-width: 600px) { .media-meterials-container .tab .nav li { width: 100%; margin-bottom: 10px; } } .media-meterials-container .tab .nav li a { border: 0; margin: 0; color: white; font-size: 16px; font-weight: 400; text-align: center; } .media-meterials-container .tab .nav li a.title { padding: 0 5px; } .media-meterials-container .tab .nav li:hover { background-color: #001c58; } .media-meterials-container .tab .nav li.active { display: flex; align-items: center; border-radius: 5px; text-align: center; background-color: #001c58; display: inline-grid; } .media-meterials-container .tab .nav li.active a { background-color: transparent; font-size: 16px; font-weight: 400; text-align: center; } .media-meterials-container .tab .tab-content { margin-top: 52px; } @media only screen and (max-width: 600px) { .media-meterials-container .tab .tab-content { align-items: center; margin: auto; text-align: center; } } .media-meterials-container .tab .tab-content .group-content .item hr { margin: 42px 0; border-top: 1px solid #8c8c8c; } .media-meterials-container .tab .tab-content .group-content .item .row { display: flex; align-items: center; } @media only screen and (max-width: 600px) { .media-meterials-container .tab .tab-content .group-content .item .row { display: inline-block; } } @media only screen and (min-width: 992px) { .media-meterials-container .tab .tab-content .group-content .item .row .image-col { width: 27.7%; } } @media only screen and (min-width: 992px) { .media-meterials-container .tab .tab-content .group-content .item .row .description-col { width: 55.7%; } } .media-meterials-container .tab .tab-content .group-content .item .row .col-md-3 .photo { max-width: 315px; } @media only screen and (max-width: 1024px) { .media-meterials-container .tab .tab-content .group-content .item .row .col-md-3 .photo { width: 260px; } } @media only screen and (max-width: 600px) { .media-meterials-container .tab .tab-content .group-content .item .row .col-md-3 .photo { width: 100%; padding: 20px 10px; display: inline-block; } } .media-meterials-container .tab .tab-content .group-content .item .row .col-md-3 .photo img { width: 100%; } .media-meterials-container .tab .tab-content .group-content .item .row .col-md-7 .short-descriptions { font-size: 16px; color: #4d4d4d; *margin-left: 28px; } @media only screen and (max-width: 600px) { .media-meterials-container .tab .tab-content .group-content .item .row .col-md-7 .short-descriptions { padding: 20px; margin: 0; } } .media-meterials-container .tab .tab-content .group-content .item .row .col-md-2 .action-box { padding-left: 30px; } @media only screen and (max-width: 600px) { .media-meterials-container .tab .tab-content .group-content .item .row .col-md-2 .action-box { padding: 0 10px; } } .media-meterials-container .tab .tab-content .group-content .item .row .col-md-2 .action-box .action { height: 50px; background-color: #001c58; color: white; display: flex; align-items: center; justify-content: center; font-size: 15px; border-radius: 3px; width: 142px; } @media only screen and (max-width: 600px) { .media-meterials-container .tab .tab-content .group-content .item .row .col-md-2 .action-box .action { width: 100%; } } .media-meterials-container .tab .tab-content #tabcompany-introduction .short-descriptions { margin-bottom: 30px; } .media-meterials-container .tab .tab-content #tabcompany-introduction .short-descriptions hr { margin: 42px 0; border-top: 1px solid #8c8c8c; } .media-meterials-container .disclaimer-materials-box { font-size: 14px; color: #898989; } video { width: 100%; }