.pattern_two,
.pattern_three {
    background: black;
    color: white;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.pattern_three_text {
    background: white;
    color: black;
    padding: 24px;
}
#osmedia p{
    font-size: 18px;
    margin: 0 auto;
    padding-bottom: .5rem;
    border-bottom: solid 2px #7d888e;

}
.additional_features {
    text-align: center;
    font-weight: bold;
}
.sect h2 {
    font-size: 45px;
    font-weight: 700;
    letter-spacing: normal;
}

.accordion-body ul {
    list-style: disc;
    padding-left: 12px;
}
.accordion-body a {
    display: block;
    margin-top: 15px;
    margin-left: 12px;
}
.accordion-body small { 
    margin-left: 12px;
    display: block;
}

.overview-items .slick-slide img {
    aspect-ratio: 160 / 65;
}

.support-block {
    color: white;
    padding-right: 30px;
}
/* .tag-products {
    justify-content: center !important;
} */
.overview-video {
    display: flex;
    justify-content: center;
    padding-top: 60px;
    padding-bottom: 30px;
}
.overview-gallery-dark {
    padding-top: 30px;
    padding-bottom: 60px;
}
.overview-modal-content {
    padding: 30px;
}
.overview-modal-content a {
    overflow-wrap: anywhere;
    display: inline-block;
}
.breadcrumb{
    padding: 0px 30px;
    max-width: 1154px;
    margin: 0 auto;
}
.breadcrumb-item::before {
    content: '' !important; 
    padding-right: 0px !important;
}
.overview-support {
    padding: 60px 0px;
}
.section-breadcumb {
    background: #e6e6e6;
    padding-top: 60px;
    padding-bottom: 30px;
}
.tag-section {
    background: #e6e6e6;
    padding-bottom: 30px;
}

.overview-support-dsc{
    padding: 0px 30px;
    max-width: 1154px;
    margin: 0 auto;
}
.tag-section .container{
    max-width: 1154px;
    padding: 0px 30px;
}
.tag-section .container .tag-group .tag a{
    max-width: 1154px;
    margin: 0 10px 0 0;
}
#functional_list .container h2{
    margin-bottom: 1em;
}
.overview-gallery-slider img{
    object-fit:cover;
}
.overview-head-item-accordion{
    padding-bottom: 30px;
    padding-top: 30px;
}
.main_feature iframe{
    width: 100%;
    aspect-ratio: 16/9;
}
.main_feature video{
    width: 100%;
}
.main_feature .btn {
    background-color: #FA4616 !important;
}
.main_feature .overview-modal-content button {
    background-color: #cccccd !important;
}
.main_feature .btn:hover {
    background-color: #7D888E !important;
}
.pattern-one video, .pattern-one iframe {
    width: 100%;
}

.pattern-two video, .pattern-two iframe {
    width: 100%;
}

.overview-video iframe {
    width: 100%;
    height: 216px;
}
.product_parallax {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 30vh;
}
.me-3 {
    margin-right: 10px !important;
    margin-left: 22px !important;
}
.align-center{
    text-align: center;
}
.half-width img{
    width: 100%;
}
.full-width img{
    width: 100%;
}
.documents-table .docs_td {
    width: 20% !important;
}
.documents-table .docs_icon {
    width: 5% !important;
}
.store-price {
    font-size: 16px;
} 
.store-price .btn{
    font-size: 16px;
    float: right;
}
.model iframe{
    width: 100%;
    height: 260px;
}
.learn-news a {
    color: inherit;
    font-weight: 400;
}
.learn-news a:hover {
    text-decoration: underline !important;
}
.sec_header {
    padding-bottom:15px;
    margin-bottom:0px;
    font-size: 30px;
}
.sec_header:not(:first-child){
    padding-top:40px;
}

.overview-head-extra-btns a p {
    display: flex;
    min-height: 60px;
    color: #000;
    font-size: 13px;
    padding: 6px 10px;
    border: 1px solid #dddede;
    overflow: auto;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
}
.parallax_section {
    padding-top: 60px;
}
.main_feature .pattern-one,
.main_feature .pattern_two,
.main_feature .pattern_three,
.empty-place,
 .sub_feature {
    padding-top: 60px;
    padding-bottom: 60px;
}
.additional_features{
    padding-bottom: 30px;
    margin-bottom: 0 !important;
}
.overview-items .slick-slide {
    height: auto !important;
}
.gallery_main img{
    min-height: 250px;
}

.outter-overview-modal {
    display: flex;
    align-items: center;
}
.outter-overview-modal:has(.overview_table) {
    display: block;
}

.overview-buy-featured .learn-btn {
    background-color: #FA4616 !important;
}
.overview-buy-featured .learn-btn:hover {
    background-color: #7e898f !important;
}
.compatible_os h4:not(:first-child) {
    margin-top: 40px;
    /* margin-bottom: 20px; */
    margin-bottom: .5rem;
}
@media screen and (min-width: 1201px) {
    .modal-dialog {
        width: 70%;
        max-width: 70%;
    }
}
@media screen and (max-width: 1200px) {
    .modal-dialog {
        width: 80% ;
        max-width: 80% ;
    }
}

.rsProductOfferContainer {
    font-size: 1rem !important;
    margin:0 !important;
    padding: 0 !important;
}
.overview-others{
    padding-top: 0 !important;
}

#nav-support td i {
    font-size: 36px !important;
}
.btob-information-wrapper-1 .overview-head-item-banner {
    padding-top: 30px;
}

.documents-table th, td {
    vertical-align: middle;
}
#res-spec_detail h4 {
    margin:0px 0px 20px 0px !important;
    font-weight: 500;
    font-family: Helvetica !important;
}
#res-spec_detail h4:not(:first-child){
    margin:40px 0px 20px 0px !important;
}

.information-wrapper-title {
    font-size: 45px;
}
.gallery-slider-custom {
    width: 280px !important;
    padding: 0px 5px;
  }
.overview-gallery .slick-slide {
    width: 350px !important;
    margin: 0 5px;
    max-width: 350px;
}
.overview-section-sp-noflex img {
    max-width: 100%;
}
.sub_feature .modal-content {
    display: block !important;
}
@media screen and (max-width: 1100px) {

    #nav-support td, #nav-support th {
        padding: 5px !important;
        font-size: 16px;
    }
    .documents-table a { 
        font-size: 16px;
    }
    .me-3 {
        margin-right: 4px !important;
        margin-left: 4px !important;
    }
}
@media (min-width: 768px) {
    .product_parallax {
        height: 40vh;
        background-attachment: fixed;
        margin-top: 0 !important;
    }
    .overview-video iframe {
        width: 560px;
        height: 315px;
    }       
}
/* @media (min-width: 768px) { */
    .product_parallax {
        position: relative;
        overflow: hidden;
        height: 40vh;
        background-attachment: fixed;
        background-size: cover;
        background-position: center;
    }

    @supports (-webkit-touch-callout: none) {
        .product_parallax {
            background-attachment: scroll !important;
        }
    }
/* } */
/* Media queries for different screen sizes */
@media (max-width: 1200px) {
    .breadcrumb-item a {
        font-size: 2.6vw;
    }
    .sp-w-space {
        white-space: normal;
    }
    .table-responsive {
        overflow-x: unset;
    }
}

@media (max-width: 959px) {
    .breadcrumb-item {
        font-size: 2.8vw;
    }

    .outter-overview-modal {
        max-height: calc(100vh - 6rem);
        overflow-y: auto;
        display: block;
    }
    .overview-modal-content {
        padding: 10px;
    }
    .overview-modal-content button {
        top: -80px;
        right: -30px;
        font-size: 50px;
        width: 100px;
        height: 100px;
        background-color: transparent !important;
        color:white;
        /* position: fixed !important; */
    }
    .pattern_two{
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .information-wrapper-title{
        padding-bottom: 40px !important;
    }
    .right-information {
        padding-top: 0px !important;
    }
    #res-spec_detail h4 {
        margin:0px 0px 20px 0px !important;
        font-size: 30px !important;
    }
    #res-spec_detail h4:not(:first-child){
        margin:40px 0px 20px 0px !important;
    }
    #faqs {
        padding-top: 0 !important;
    }
    .sp-info {
        padding-bottom: 30px !important;
    }
    .modal-dialog {
        width: auto;
        max-width: 100%;
        margin: .5rem;
    }
    .modal-dialog-centered {
        min-height: calc(100% - 6rem);
        margin: 3rem .5rem 3rem .5rem;
    }
    .overview-modal-dsc{
        padding:1rem 0;
    }
    
}

@media (max-width: 768px) {
    .breadcrumb-item {
        font-size: 2.6vw;
    }
    .model {
        width: 100%;
    }
    .model iframe {
        width: 100%;
        height: auto;
    }

    .main_feature section, .sub_feature{
        padding-top: 30px !important;
        padding-bottom: 30px !important;;
    }
    .overview-video {
        padding-top: 30px !important;
        padding-bottom: 15px !important;;
    }
    .overview-gallery-dark {
        padding-top: 15px;
        padding-bottom: 30px;
    }
    #functional_list .container {
        padding: 30px 30px;
    }
    .overview-support {
        padding: 30px 0px;
    }
    .overview-buy-featured{
        padding: 30px;
    }
    .overview-items {
        padding: 30px 20px;
    }
    .section-breadcumb {
        padding-top: 30px;
        padding-bottom: 10px;
    }
    .tag-section .container .tag-group {
        padding-bottom: 0 !important;
    }
    /* .model-alert {
        padding: 0px;
    } */

    .overview-others img {
        aspect-ratio: 0 !important;
    }
    
    .dl-type-parent-title {
        padding-bottom: 0;
        padding-bottom: 0;
    }
    
    .pattern_two section{
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    
    .learn-news .latest-version-info-detail a {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        word-wrap: break-word;
        max-width: 100%;
        font-size: 15px;
    }
}

@media (max-width: 576px) {
    .breadcrumb-item {
        font-size: 2.4vw;
        padding-left: 4px !important;
    }
    .breadcrumb-item a{
        padding-right: 2px !important;
        font-size: 2.6vw;
    }
    .gallery-text {
        padding: 0 30px;
    }
    .model {
        width: 100%;
    }
    .model iframe {
        width: 100%;
        height: auto;
    }
    
}
a:hover {
    color:#FA4616;
}