/* ----Today New style----- */

.related_products .card-inner-door,
.about_related_product .card-inner-door{
    width: 100%;
}

.product_description_enner .pro_desci{
    width: 49.5%;
    padding: 0 35px 0 0;
}   
.product_description_enner .custome_door_table_part {
    width: 50.5%;
}
.custome_door_table_part table{
    border-collapse: separate;
    border-spacing: 0 5px;
}
.custome_door_table_part table th,
.custome_door_table_part table td{
    border: none;
    text-align: center;
}
.custome_door_table_part table th{
    font-weight: 600;
    font-size: 12px;
    color: rgb(34, 40, 49);
    line-height: 12px;
    letter-spacing: 0.018em;
}
.custome_door_table_part table td:nth-child(odd){
    background: rgb(235, 232, 231);
}
.custome_door_table_part table td:nth-child(even){
    background: rgb(195, 196, 201);
}
.custome_door_table_part table td{
    font-weight: 400;
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 17px;
    letter-spacing: 0.018em;
}
.pro_desci p {
    font-size: 14px;
    text-align: justify;
    font-weight: 400;
    color: rgb(34, 40, 49);
    line-height: 20px;
    letter-spacing: 0.018em;
}
.lcd_click_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
}
.lcd_click_btn h3{
    font-weight: 700;
    color: rgb(34, 40, 49);
    font-size: 29.3399px;
    letter-spacing: 0.018em;
    text-transform: uppercase;
    margin-bottom: 0;
}
.lcd_click_btn a {
    padding: 8px 0px;
    text-align: center;
    width: 100%;
    max-width: 160px;
    height: fit-content;
    margin-bottom: 15px;
    color: #fff !important;
    font-size: 15px;
    border: 2px solid #000;
    background: #000;
    outline: none !important;
    font-weight: 500;
    text-transform: uppercase;
    transition: 0.4s;
    text-decoration: none !important;
    display: block;
    margin: 0 0 0 20px;
    border-radius: 50px;
}
.lcd_click_btn a:hover{
    background-color: transparent;
    color: #000 !important;
}

.contact-detail-section .contact-detail-label h2 {
    font-weight: 700;
    color: rgb(55, 56, 45);
    font-size: 50px;
    font-family: 'nexa';
    padding: 34px 0 25px;
    text-align: center;
    border-bottom: 2px solid #000;
}

.contact-detail-section .contact-detail-label p {
    width: 100%;
    max-width: 500px;
    font-weight: 400;
    color: rgb(55, 56, 45);
    font-size: 18px;
    text-align: center;
    margin: 30px auto;
    font-family: 'Gotham';
}

.contact-detail-section .contact-detail-label h2 {
    font-weight: 700;
    color: rgb(55, 56, 45);
    font-size: 50px;
    font-family: 'nexa';
    padding: 34px 0 25px;
    text-align: center;
    border-bottom: 2px solid #000;
}

.contact-detail-section .contact-detail-label p {
    width: 100%;
    max-width: 500px;
    font-weight: 400;
    color: rgb(55, 56, 45);
    font-size: 18px;
    text-align: center;
    margin: 30px auto;
    font-family: 'Gotham';
}

.checkbox_section .container-fluid {
    padding: 35px 45px;
}

.checkbox_row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.checkbox_row .checkbox_column {
    width: 100%;
    max-width: 24%;
    padding: 0 10px;
    pointer-events: none;
}

.checkbox_column input[type=checkbox]+label {
    cursor: pointer;
    padding: 0.2em;
    display: flex;
    align-items: center;
    user-select: none;
}

.checkbox_column input[type=checkbox] {
    display: none;
    user-select: none;
}

.checkbox_column input[type=checkbox]+label:before {
    content: "\2714";
    border-radius: 0;
    display: inline-block;
    vertical-align: bottom;
    color: transparent;
    transition: .2s;
    font-size: 35px;
    user-select: none;
    position: relative;
    z-index: 3;
    top: -5px;
    left: 5px;
}

.checkbox_column input[type=checkbox]+label::after {
    content: " ";
    position: absolute;
    border: 2px solid #000;
    width: 30px;
    height: 30px;
}

.checkbox_column label span {
    margin-left: 20px;
    font-family: 'Radley', serif;
    font-size: 30px;
}

.checkbox_column input[type=checkbox]+label:active:before {
    transform: scale(0);
}

.checkbox_column input[type=checkbox]:checked+label:before {
    background-color: transparent;
    border-color: #000;
    color: #000;
}

.checkbox_column input[type=checkbox]:disabled+label:before {
    transform: scale(1);
    border-color: #aaa;
}

.checkbox_column input[type=checkbox]:checked:disabled+label:before {
    transform: scale(1);
    background-color: #bfb;
    border-color: #bfb;
}

.contact-content-wrapper {
    padding: 45px 45px 80px;
    background-repeat: no-repeat;
    background-size: cover;
}

.contact-form-wrapper input:first-child {
    margin-top: 0;
}

.contact-form-wrapper input,
.contact-form-wrapper textarea {
    width: 100%;
    display: block;
    margin-top: 15px;
    height: 40px;
    border: 2px solid #000;
    padding: 10px;
    font-weight: 400;
    color: rgb(34, 40, 49);
    line-height: 17px;
    outline: none !important;
}

.contact-form-wrapper input::placeholder,
.contact-form-wrapper textarea::placeholder {
    font-weight: 400;
    color: rgb(34, 40, 49);
    line-height: 17px;
}

.contact-form-wrapper select {
    margin-top: 15px;
    width: 100%;
    height: 40px;
    outline: none !important;
    box-shadow: none !important;
    font-weight: 400;
    color: rgb(34, 40, 49) !important;
    line-height: 17px;
    border: 2px solid #000;
}

.contact-form-wrapper select option {
    font-weight: 400;
    color: rgb(34, 40, 49) !important;
    line-height: 17px;
}

.contact-method {
    margin-top: 15px;
}

.contact-method label {
    color: #000;
    font-size: 20px;
    margin-bottom: 7px;
}

.form-group {
    display: block;
    margin-bottom: 25px;
    width: 50%;
}

.day-flex .form-group:nth-child(even) {
    padding-left: 25px;
}

.form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.form-group label {
    position: relative;
    cursor: pointer;
    font-weight: 500;
    color: #000;
    font-size: 18px;
    line-height: 18px;
    display: flex;
    align-items: center;
    user-select: none;
}

.form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #000;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.day-time-col {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
}

.day-time-col .main-label {
    font-weight: 700;
    font-style: normal;
    color: #242c3f;
    font-size: 20px;
    margin-bottom: 10px;
}

.day-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.day-col {
    width: 40%;
}

.time-col {
    width: 20%;
}

.time-col .form-group {
    width: 100%;
}

.contact-form-wrapper textarea {
    height: auto !important;
    resize: none;
}


.contact-content-wrapper .row {
    justify-content: space-between;
}

.contact-content-wrapper .row .col-lg-7 {
    width: 53%;
}

.address-with-hour-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}

.address-with-hour-row .address-col,
.address-with-hour-row .hour-col {
    width: 46%;
}

.address-with-hour-row .address-col {
    text-align: center;
}

.address-with-hour-row .address-col h2 {
    font-size: 32px;
    color: #000;
    line-height: 40px;
    font-weight: 400;
    font-family: 'Gotham';
}

.contact-icon-list-flex {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
    border-bottom: 5px solid #37382c;
    padding: 15px 0;
}

.contact-icon-list-flex .contact-icon-list a {
    margin-left: 32px;
}

.contact-icon-list-flex .contact-icon-list a img {
    width: 26px;
    height: 26px;
}

.contact-icon-list-flex label {
    font-weight: 700;
    font-style: normal;
    color: #000;
    font-family: 'Gotham';
    font-size: 20px;
}

.contact-deep-detail a {
    font-weight: 700;
    font-style: normal;
    color: #000;
    font-family: 'Gotham';
    font-size: 18px;
    display: block;
    width: 100%;
    text-align: left;
    margin-top: 15px;
    text-decoration: none !important;
}

.hour-col .hour-lable {
    text-align: center;
    margin-top: 70px;
    border-bottom: 5px solid #37382c;
}

.hour-col .hour-lable h2 {
    font-weight: 700;
    font-style: normal;
    color: #000;
    font-family: 'nexa';
    margin-bottom: 0;
    font-size: 40px;
}

.hour-col .hour-lable h4 {
    font-weight: 400;
    font-style: normal;
    color: #000;
}

.hour-col ul {
    padding-left: 0;
    list-style: none;
    margin-top: 30px;
    margin-bottom: 0;
}

.hour-col ul li:first-child {
    margin-top: 0;
}

.hour-col ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}

.hour-col ul li span {
    font-weight: 700;
    font-style: normal;
    color: #000;
}

.cooman_label_text_center {
    text-align: center;
    margin: 30px 0;
}

.cooman_label_text_center h3 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 10px;
}

.view_all_btn {
    display: inline-flex;
    text-align: center;
    justify-content: center;
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    border: 1px solid #000;
    padding: 12px 80px;
    transition: all 0.5s ease;
    font-weight: 100;
    width: auto;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: 700;
}

.view_all_btn:hover {
    background-color: #000;
    color: #fefefe;
}
.hero-section {
    position: relative;
}
.inner_uid_logo{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.7);
    padding: 20px;
    border-radius: 10px;
}
.inner_uid_logo img{
    width: 100%;
    max-width: 200px;
}
.contact-hero-section .banner_img{
    width: 100%;
    height: 800px;
}
.contact-hero-section .banner_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.multi-use-btn {
    width: fit-content;
    padding: 10px 70px;
    color: #fefefe;
    font-size: 18px;
    font-weight: 100;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #000;
    text-decoration: none;
    border: 1px solid transparent;
    margin: 0 auto;
    transition: all 0.5s ease;
    letter-spacing: 1px;
    font-family: 'Fira Code', monospace;
    background-color: #000;
    color: #fff;
    border: 2px solid #000;
    display: block;
    margin: 35px 0 0 0;
    border: 1px solid #000;
}


.contact-form-wrapper button.multi-use-btn.yellow-btn:hover {
    background-color: transparent;
    color: #000;
}

/* --- door specification style ---- */

.door-spacecification{
    position: relative;
    width: 100%;
    background: url(../images/ds-bg.png) no-repeat;
    background-size: cover;
    background-position: center right;
    padding: 60px 0 150px;
}

.main-door-img-box{
    width: 350px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.main-door-img-box img{
    width: 100%;
    height: 100%;
    display: block;
    margin: 40px auto ;
    object-fit: contain;
}

.item-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}
.first-label-part h2{
    font-size: 74.4796px;
    color: rgb(36, 45, 64);
    line-height: 68px;
    letter-spacing: 0.018em;
    font-family: 'Aileron';
}
.first-label-part h3{
    font-size: 50.9735px;
    color: rgb(36, 45, 64);
    line-height: 46px;
    letter-spacing: 0.018em;
    font-family: 'Aileron';
}
.second-logo-part img{
    width: 100%;
    max-width: 150px;
}
.first-label-part .select2 {
    width: 100% !important;
    max-width: 300px;
    margin-top: 30px;
}
.first-label-part .select2-selection {
    border: none;
    border-radius: 0;
}
.first-label-part .select2-selection__rendered{
    font-weight: 400 !important;
}
.first-label-part .select2-dropdown {
    background-color: #e0e0e0;
    border: none;
}
.first-label-part .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 27px;
    height: 27px;
    border: 2px solid #000;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}
.first-label-part .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: transparent;
}
.first-label-part .select2-container--default .select2-selection--single .select2-selection__arrow::after, .select2-container--default .select2-selection--single .select2-selection__arrow::before {
    position: absolute;
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background: #000;
    top: 50%;
}
.first-label-part .select2-container--default .select2-selection--single .select2-selection__arrow::before {
    transform: rotate(50deg);
    left: 4px;
}
.first-label-part .select2-container--default .select2-selection--single .select2-selection__arrow::after {
    left: 10px;
    transform: rotate(-50deg);
}
.select2-search--dropdown{display: none;}
.first-label-part .select2-container .select2-selection--single{
    height: 40px;
}
.first-label-part .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 40px;
}
.select2-dropdown{
    background-color: #e0e0e0;
    border: none;
}
.first-label-part .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #e5a903;
}
.plus-point-content {
    position: absolute;
}
.plus-point-content img{
    margin: 0 auto 15px;
    max-width: 200px;
    height: auto;
}
.door-zoom-inner-content {
    position: relative;
    transition: all 0.5s ease;
}
.flex-direction1{
    flex-direction: row-reverse;
}
.door-zoom-inner-content span{
    width: 26px;
    height: 26px;
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 23px;
    line-height: 20px;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
}
.plus-content{
    width: 100%;
    max-width: 350px;
    padding-right: 70px;
    display: none;
    transition: all 0.5s ease;
}
.plus-content h4{
    font-size: 20.5103px;
    color: rgb(36, 45, 64);
    line-height: 18px;
    letter-spacing: 0.018em;
    font-weight: 400;
    text-align: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
    text-align: left;
}
.plus-content h4::after{
    position: absolute;
    content: " ";
    bottom: 0;
    left: -28%;
    width: 150%;
    border-bottom: 3px solid #000;
}
.plus-content h4::before{
    position: absolute;
    content: " ";
    bottom: -3px;
    left: -30%;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background-color: #000;
}
.plus-content p{
    display: list-item;
}
.content-position-1{
    top: 12%;
    left: -77%;
}
.plus-position1{
    top: 230px;
    left: 350px;
}

.door-zoom-inner-content:hover .plus-content{ 
    display: block;
    filter: alpha(display=block);
}
.content-position-2{
    top: 64%;
    left: -99%;
}
.plus-position2{
    top: 230px;
    left: 350px;
} 

.content-position-3{
    top: 15px;
    right: 25px;
    left: auto;
}
.plus-position3{
    top: 0;
    right: 0;
    left: auto;
} 
.content-position-3 .plus-right-content h4::before{
    left: auto !important;
    right: -8% !important;
}
.content-position-3 .plus-right-content h4::after {
    left: -40px;
    width: 120%;
}
.content-position-3 .plus-right-content{ 
    left: 100%;
    position: relative;
    top: -15px;
    padding-left: 40px;
    padding-right: 0;
}
.content-position-4 {
    top: 51%;
    left: 80px;
}
.content-position-4 .plus-right-content{
    left: 100%;
    position: relative;
    top: -15px;
    padding-left: 40px;
    padding-right: 0;
}
.content-position-4 .plus-right-content h4::before {
    left: auto !important;
    right: 17% !important;
    bottom: 197px;
}
.content-position-4 .plus-right-content h4::after {
    left: -240px;
    width: 200%;
    bottom: 200px;
}
.content-position-4 .plus-right-content img{
    position: relative;
    top: -80px;
    left: 165px;
}
.content-position-5 {
    top: 78%;
    right: 37px;
    left: auto;
}
.content-position-5 .plus-right-content h4::before{
    left: auto !important;
    right: -8% !important;
}
.content-position-5 .plus-right-content h4::after {
    left: -40px;
    width: 120%;
}
.content-position-5 .plus-right-content{ 
    left: 108%;
    position: relative;
    top: -20px;
    padding-left: 40px;
    padding-right: 0;
}
.plus-position5{
    right: -21px;
}
.second-img-door{
    width: 600px;
}
.second-item-content-position-1{
    top: 12%;
    left: -56%;
}
.second-item-content-position-3 {
    top: 66px;
    right: 37px;
}
.second-item-content-position-4 {
    top: 47%;
    left: 79%;
}
.second-item-content-position-5 {
    top: 78%;
    right: 57px;
}
.content-position-4.second-item-content-position-4 .plus-right-content{
    top: -30px;
    max-width: 550px;
    padding-left: 0;
}
.content-position-4.second-item-content-position-4 .plus-right-content img {
    top: 0;
    left: 0;
}
.second-item-content-position-1 .plus-position1 {
    top: 248px;
}
.third-item-main-door-images .content-position-1 {
    top: 12%;
    left: -75%;
}
.third-item-main-door-images .content-position-2 {
    top: 64%;
    left: -96%;
}
.third-item-main-door-images .content-position-4 {
    top: 51%;
    left: 87px;
}
.third-item-main-door-images .content-position-3 {
    top: 23px;
}
.owl-nav{
    margin: 20px 0 !important;
}
.owl-nav button{
    background-color: transparent !important;
    margin: 0 15px !important;
}
.owl-nav button img{
    width: 100%;
    max-width: 60px;
}
.owl-nav button:first-child{
    transform: rotate(180deg);
}
.main-ds-door-item-4{
    width: 850px;
}   
.main-ds-door-item-4 .content-position-1 {
    top: -33%;
    left: 26%;
}
.main-ds-door-item-4 .content-position- .door-zoom-inner-content{
    position: relative;
}
.main-ds-door-item-4 .content-position-5 {
    top: 47%;
    right: 50px;
}
.main-ds-door-item-4 .plus-position5{
    top: 200px;
}
.main-ds-door-item-4 .content-position-3 {
    top: -4%;
    right: -1%;
}
.main-ds-door-item-4 .plus-position3 {
    top: 205px;
    right: 388px;
}
.main-ds-door-item-4 .content-position-3 .plus-right-content h4::after {
    left: -424px;
    width: 242%;
}
.verticle-zoom-content{
    display: flex;
    align-items: center;
}
.verticle-zoom-content .plus-content h4::after,
.verticle-zoom-content .plus-content h4::before{
    display: none !important;
}
.main-ds-door-item-4 .content-position-1 .plus-content-position-1{
    padding-right: 0;
    max-width: 100%;
    padding-bottom: 76px;
    position: relative;
}

.main-ds-door-item-4 .content-position-1 .plus-content-position-1 h4::after,
.main-ds-door-item-4 .content-position-1 .plus-content-position-1 h4::before{
    display: none;
}
.main-ds-door-item-4 .content-position-1 .plus-position1 {
    top: 281px;
    left: 80px;
}
.first-flx-content-col{
    width: 51%;
}
.main-ds-door-item-4 .content-position-1 .door-zoom-inner-content .plus-content-position-1::before{   
    position: absolute;
    content: " ";
    bottom: 0;
    left: 92px;
    width: 3px;
    height: 86px;
    border-left: 3px solid #000;
}
.main-ds-door-item-4 .content-position-1 .door-zoom-inner-content .plus-content-position-1::after{
    position: absolute;
    content: " ";
    bottom: 85px;
    left: 14.06%;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background-color: #000;
}
.main-product-list-data {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.wrought_doors_dtl {
    display: flex;
    height: 100%;
    flex-direction: column;
}
.i-product-btn-group {
    margin-top: auto;
}
.wrought_doors_dtl a h4{
    margin-bottom: 0;
    font-family: 'Arimo', sans-serif;
    font-weight: 700;
    font-style: normal;
    color: rgb(0, 0, 0);
    font-size: 20px;
    letter-spacing: 0.246em;
    text-transform: uppercase;
}
.door_inner_wrapper .wrought_doors_dtl .request_quote_btn.reft-btn{
    width: fit-content !important;
    margin: 15px auto 0;
    padding: 10px;
    font-family: 'Fira Code', monospace;
    font-weight: 400;
    font-style: normal;
    color: rgb(255, 255, 255);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.door_inner_wrapper .wrought_doors_dtl .request_quote_btn.reft-btn:hover{
    background-color: transparent;
    color: #000;

}
#door_specificarion_slider .slick-prev {
    background: url("../images/nav-arrow.png") no-repeat;
    left: 50%;
    background-size: cover;
    z-index: 9;
    transform: translateX(-120%) rotate(180deg);
    bottom: 0;
    top: auto;
    width: 60px;
    height: 60px;
}
#door_specificarion_slider .slick-arrow.slick-next {
    background: url("../images/nav-arrow.png") no-repeat;
    right: 50%;
    transform: translateX(120%);
    background-size: cover;
    z-index: 9;
    bottom: 0;
    top: auto;
    width: 60px;
    height: 60px;
}
#door_specificarion_slider .slick-prev:before,
#door_specificarion_slider .slick-next:before{
    display: none;
}
.desktop_slider_show{
    display: block;
}
.mobile_slider_show{
    display: none;
}
.wid_button_group_row{
    display: flex;
    align-items: center;
    padding: 0 20px;
}
.wid_button_group_row button{
    width: 100%;
    margin: 0 10px;
    border: 1px solid #000;
    background-color: #000;
    padding: 40px 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.5s ease;
    font-size: 22px;
    font-family: 'Arimo', sans-serif;
    font-weight: 700;
    color: rgb(255, 255, 255);
    text-align: center;
}
.wid_button_group_row button.active{
    background-color: transparent;
    color: #000;
}
.wid_button_group_row button:hover{
    background-color: transparent;
    color: #000;
    transition: all 0.5s ease;
}
.breadcrumb-section {
    padding: 25px 25px;
}
.breadcrumb-section .breadcrumb li a, .breadcrumb-section .breadcrumb li {
    font-weight: 400;
    color: rgb(36, 45, 64);
}
.breadcrumb-section .breadcrumb li a, .breadcrumb-section .breadcrumb li {
    font-weight: 400;
    color: rgb(36, 45, 64);
}

/* ----Today new page design:: 1 april----  */

.product-comaprison-hero-section {
    background: url(../images/product-comparison.png) no-repeat;
    background-size: cover;
    width: 100%;
    padding: 50px 0;
    background-position:center ;
}
.product-comaprison-hero-section .product_comparison_wrapper{
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    padding: 100px 0;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.product-comaprison-hero-section .product_comparison_wrapper h2{
    font-weight: 700;
    color: rgb(255, 255, 255);
    font-size: 29.5974px;
    line-height: 27px;
    letter-spacing: -0.015em;
}
.pro-compair-wh-content{
    margin: 50px 0;
}
.pro-compair-wh-content p{
    text-align: center;
    font-size: 20.5692px;
    color: rgb(0, 0, 0);
    line-height: 26px;
    letter-spacing: -0.015em;
    font-weight: 400;
}
.product-comparison-table{
    margin: 50px 20px 0;
}
.single_atc_btn a{
    background: #000;
    border: 1px solid #000;
    color: #FFF !important;
    width: 100%;
    max-width: 48%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    color: #000;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: 1px;
    margin: 0 auto;
    transition: all 0.5s ease;
}
.single_atc_btn a:hover{
    background-color: transparent;
    color: #000 !important;
}
.product-comparison-table .custom-product-col {
    width: 100%;
    padding: 0 5px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.product-comparison-table table{
    table-layout: fixed;
    margin-bottom: 30px;
}
.product-comparison-table table td{
    border: none;
}
.product-comparison-table .custom-product-col .door_inner_wrapper{
    display: flex;
    flex-direction: column;
}

.product_comp_checkbox .form-group label {
    position: relative;
    cursor: pointer;
    justify-content: center;
    display: block;
}
.product_comp_checkbox .form-group label:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 3px solid #000;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 0;
}
.product_comp_checkbox .form-group input:checked ~ label:after {
    content: '';
    display: block;
    position: absolute;
    top: -6px;
    left: 73%;
    transform: translate(-50%);
    background: url(../images/right.png) no-repeat;
    background-size: cover;
    border: none;
    border-width: 0;
    width: 27px;
    height: 27px;
}
.product_comp_checkbox{
    margin: 20px 0 0;
}
.product_comp_checkbox .form-group{
    width: fit-content;
    margin: 0;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.product-comparison-table table td:first-child{
    text-align: left;
}
.product-comparison-table table td{
        text-align: center;
}
.product-comparison-table table tr:nth-child(even) td{
    background-color: rgb(195, 196, 201);
    white-space: nowrap;
}
.product-comparison-table table tr td{
    font-weight: 400;
    color: rgb(0, 0, 0);
    font-size: 13.1668px;
    line-height: 12px;
    letter-spacing: -0.015em;
    padding: 15px;
    height: 0;
}
.product-comparison-table table tr:nth-child(odd) td{
    background: rgb(235, 232, 231);
    border-left: 25px solid #fff;
    border-right: 25px solid #fff;
}
.product-comparison-table table tr:nth-child(odd) td:last-child{
    border-right: 0;
}
.product-comparison-table table tr:nth-child(odd) td:first-child{
    background-color: transparent;
    border: none;
}
.product-comparison-table table tr:first-child td{
    background-color: transparent;
    border-left: 0;
    border-right: 0;
    padding: 0 10px;
}
.product-comparison-table .door_inner_wrapper .pro_id_size {
    padding: 15px 5px 20px;
    margin-top: auto;
}
.product-comparison-table .pro_price span,
.product-comparison-table .door_inner_wrapper .pro_price p {
    font-size: 22px;
}
.product-comparison-table .door_inner_wrapper .wrought_doors_dtl a p{
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*----hardwere_section-----*/
.hardwere-hero-section{
    background: url(../images/hardwere_hero.jpeg) no-repeat; 
    background-size: cover; 
    padding: 200px 0;   
    width: 100%;
    background-position: center center;
}
.SPH_section{
    margin: 50px 0 0; 
}
.SPH_section h2{
    font-weight: 700;
    color: rgb(0, 0, 0);
    font-size: 32.5689px;
    line-height: 29px;
    text-align: center;
    font-family: 'Arimo', sans-serif;
    margin-bottom: 50px;
}
.sph_content_wrapper{
    border: 2px solid #000;
    padding: 20px 50px;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.sph_box{
    width: 100%;
    height: 300px;
    overflow: hidden;
}
.sph_box img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.sph_content_wrapper h4{
    font-weight: 400;
    color: rgb(0, 0, 0);
    font-size: 18.183px;
    line-height: 20px;
    letter-spacing: 0;
    width: 100%;
    max-width: 200px;
    margin: 20px auto;
}
.sph_content_wrapper a{
    background: #000;
    border: 1px solid #000;
    color: #FFF !important;
    width: 100%;
    max-width: 200px;
    text-align: center;
    padding: 10px 0;
    color: #000;
    letter-spacing: 1px;
    margin: 0 auto;
    transition: all 0.5s ease;
    display: block;
    text-transform: uppercase;
    font-family: 'Fira Code', monospace;
    font-weight: 100;
    transition: all 0.5s ease;
    text-decoration: none !important;
    margin-top: auto;
}
.sph_content_wrapper a:hover{
    background-color: transparent;
    color: #000 !important;
}

.quick_view_quote_btn .btn-close{
    position: unset;
    top: 10px;
    right: 10px;
}
.form_inner_body{
    /* max-height: 500px;
    overflow: auto;
    padding: 0 50px; */
}
.model_img{
    margin: 0;
    width: 100%;
    height: 600px;
}
.model_img img{
    width: 100%;
    height: 100%;
    /* object-fit: contain; */
    object-fit: cover;
}
.slider-prev-next-btn a:first-child{
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    display: block;
    width: fit-content;
    height: fit-content;
}
.slider-prev-next-btn a:last-child{
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    display: block;
    width: fit-content;
    height: fit-content;
}
.form_inner_body::-webkit-scrollbar {
    width: 6px;
}
.form_inner_body::-webkit-scrollbar-thumb {
    background-color: #ebe8e7;
}

/* product compare */

.product-comparison-table .product_data{
    min-height: 530px;
    padding: 0 10px;
    height: 37%;
    display: flex;
    flex-direction: column; 
    margin-bottom: 20px;
}
.coman_comp_cell{
    padding: 15px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.coman_comp_cell.ci_data{
    background-color: rgb(195, 196, 201);
}
.product-comparison-table table tr:first-child td,
.product-comparison-table table tr td{
    padding: 0;
}
.coman_comp_cell.shape_data,
.coman_comp_cell.color_data{
    background: rgb(235, 232, 231);
    margin: 0 15px;
}
.product-comparison-table table tr td:first-child .coman_comp_cell.ci_data{
    white-space: nowrap;
    justify-content: flex-start;
}
.product-comparison-table table tr td:first-child .coman_comp_cell.shape_data,
.product-comparison-table table tr td:first-child .coman_comp_cell.color_data{
    background-color: transparent;
    white-space: nowrap;
    justify-content: flex-start;
    margin: 0;
}
.product-comparison-table table tr td:last-child .coman_comp_cell.shape_data,
.product-comparison-table table tr td:last-child .coman_comp_cell.color_data{
    margin-right: 0;
}
.product-comparison-table .custom-product-col .door_inner_wrapper{
    display: flex;
    flex-direction: column;
}
.product-comparison-table .custom-product-col{
    margin-bottom: 0;
}
.product-comparison-table .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}
/* product compare */
.explore-gallery-section .door_inner_wrapper .pro_img {
    max-width: 195px;
}






@media(max-width: 1199px){
    .model_img {
        margin: 60px auto;
        width: 100%;
        height: 500px;
    }
    .slider-prev-next-btn a:first-child {
        left: 5px;
    }
    .slider-prev-next-btn a:last-child {
        right: 5px;
    }
    /* .form_inner_body {
        max-height: 500px;
        overflow: auto;
        padding: 0 10px;
    } */
    .quick_view_quote_btn .modal-dialog {
        max-width: 95%;
    }
    .model_img {
        height: auto;
    }

}

@media(max-width: 767px){
    .form_inner_body {
        max-height: fit-content;
    }
}

@media(max-width:1500px){
    .product-comparison-table table {
        table-layout: auto;
    }
}

@media(max-width: 991px){
    .SPH_section .custom-product-col {
        width: 50%;
    }
}

@media(max-width: 767px){
.plus-point-content {
    margin-top: 25px;
}
}
@media(max-width: 576px){
    .pro-compair-wh-content p {
        font-size: 16px;
    }
    .product-comaprison-hero-section .product_comparison_wrapper h2 {
        line-height: normal;
        letter-spacing: 0;
    }
    .sph_box {
        height: 200px;
    }
    .sph_content_wrapper {
        border: 2px solid #000;
        padding: 20px 20px;
    }
    .sph_content_wrapper h4 {
        max-width: 100%;
    }
    .SPH_section .custom-product-col {
        width: 100%;
    }
    .SPH_section h2 {
        font-size: 24px;
    }
    .pagination a.page-link {
        padding: 5px 10px;
    }
    .explore-gallery-section .custom-product-col{
        width: 100%;
    }
    .pagination .page-link {
        padding: 5px 10px;
    }
    .product-pagination .pagi-btn img {
        width: 100%;
        max-width: 33px;
    }
    #door_specificarion_slider .slick-arrow.slick-prev,
    #door_specificarion_slider .slick-arrow.slick-next{
	width: 30px;
        height: 30px;
        bottom: -10px;
    }
}
 


@media (max-width: 1700px) {
    .contact-icon-list-flex .contact-icon-list a {
        margin-left: 15px;
    }

    .door_inner_wrapper .pro_id_size {
        padding: 7px 7px;
    }
    .single_pro_img {
        width: 83%;
    }
}

@media (max-width: 1600px) {
    .second-item-content-position-1 .plus-position1 {
        left: 250px;
    }

    .second-img-door .plus-content h4::after {
        width: 119%;
    }

    .main-ds-door-item-4 .content-position-3 .plus-content h4::before {
        left: 194px !important;
    }

    .second-img-door .plus-content {
        max-width: 310px;
    }

    .second-img-door .second-item-content-position-1 .plus-content {
        max-width: 223px;
        padding-right: 0;
    }

    .second-img-door .second-item-content-position-1 {
        left: -38%;
    }


    .second-img-door .plus-content h4::after {
        width: 119%;
    }


    .main-ds-door-item-4 .content-position-1 .door-zoom-inner-content .plus-content-position-1::after {
        left: 14.06%;
    }

    .main-ds-door-item-4 .content-position-5 .plus-right-content {
        max-width: 287px;
    }

    .main-ds-door-item-4 .content-position-3 .plus-content h4::before {
        left: 194px !important;
    }

    .main-ds-door-item-4 .content-position-3 .plus-content {
        width: 100%;
        max-width: 299px;
    }

    .door_material_slider .main_door_img_box {
        max-width: 650px;
    }

    .first_door_img_box .plus_content_position_3:before {
        top: 15%;
    }

    .first_door_img_box .plus_content_position_3:after {
        top: 13%;
    }

    .second_door_img_box .plus_content_position_2:before {
        top: 103%;
    }

    .second_door_img_box .plus_content_position_2:after {
        top: 98%;
    }

    .second_door_img_box .plus_content_position_2 {
        top: -230px;
        padding: 0;
    }

    .three_door_img_box .plus_content_position_3:before {
        top: 26%;
    }

    .three_door_img_box .plus_content_position_3:after {
        top: 24%;
    }

    .three_door_img_box .plus_content_position_2:before {
        height: 38%;
    }

    .three_door_img_box .plus_content_position_2 {
        bottom: 220px;
    }

    .four_door_img_box .plus_content_position_3:before {
        top: 25%;
    }

    .four_door_img_box .plus_content_position_3:after {
        top: 23%;
    }

    .five_door_img_box .plus_content_position_2 {
        top: -250px;
        padding: 0;
    }

    .five_door_img_box .plus_content_position_2:before {
        top: 106%;
        height: 70%;
    }

    .five_door_img_box .plus_content_position_2:after {
        top: 104%;
    }

    .six_door_img_box .plus_content_position_3:before {
        top: 25%;
    }

    .six_door_img_box .plus_content_position_3:after {
        top: 23%;
    }

}

@media(max-width:1450px){
    .checkbox_column label span {
        font-size: 22px;
    }

    .time-col {
        width: 28%;
    }

    .day-col {
        width: 55%;
    }

    .address-with-hour-row .address-col h2 {
        font-size: 20px;
        color: #000;
        line-height: 25px;
    }

    .contact-icon-list-flex label {
        font-size: 16px;
        white-space: nowrap;
    }

    .contact-deep-detail a {
        font-size: 16px;
    }

    .contact-icon-list-flex .contact-icon-list a {
        margin-left: 4px;
    }

    .pl-right-part {
        padding-left: 15PX;
    }

    .product-list-section .col-lg-2 {
        width: 25%;
    }

    .product-list-section .col-lg-10 {
        width: 75%;
    }

    .custom-product-col, .single-product-top-seller-section .custom-product-col {
        width: 33.33%;
    }

    .door_inner_wrapper .pro_id_size {
        padding: 7px 20px;
    }
    .single_pro_img {
        width: 88%;
    }
}
@media(max-width:1199px){
    .contact-hero-section .banner_img {
        width: 100%;
        height: 600px;
    }
    .contact-icon-list-flex .contact-icon-list a {
        margin-left: 0;
        margin-right: 10px;
    }
    .contact-icon-list-flex {
        flex-direction: column;
        align-items: baseline;
    }
    .hardware_details_main .hardware_box{
        padding-right: 20px;
    }
    .hardware_details_main .hardware_contact{
        padding-left: 20px;
    }
    .single_pro_img {
        width: 100%;
    }
    .image_content_second_content {
        padding: 20px 35px;
    }

    .plus-content h4::after,
    .plus-content h4::before{
        display: none;
    }


    .main-ds-door-item-4 .content-position-1 .door-zoom-inner-content .plus-content-position-1::before,
    .main-ds-door-item-4 .content-position-1 .door-zoom-inner-content .plus-content-position-1::after {
        display: none;
    }

    .plus-content p {
        display: block;
    }

    .plus-content {
        padding: 15px !important;
        background: #d5d5d5 !important;
        border-radius: 15px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        position: relative;
        left: 50%;
        z-index: 99;
    }


    .main-ds-door-item-4 .content-position-1 .plus-content-position-1 {
        left: 9% !important;
    }
    .content-position-4 .plus-right-content img {
        position: relative;
        top: 0;
        left: 0;
    }
    .plus-content.plus-content-position-2{
        top: -150px;
        left: 50px;
    }
    .content-position-3 .plus-right-content {
        left: 0;
    }
    .content-position-5 .plus-right-content {
        left: 74%;
    }
    .product-comparison-table .product_data{
        width: 250px;
    }

}
@media(max-width:991px){
    .product_description_enner .pro_desci {
        width: 100%;
        padding: 0;
    }
    .product_description_enner .custome_door_table_part {
        width: 100%;
    }
    .lcd_click_btn {
        margin-top: 40px;
    }
    .contact-content-wrapper .row .col-lg-7 {
        width: 100%;
        margin-top: 20px;
    }
    .product-img--main {
        height: 400px;
    }

    .content_position_2 .door_zoom_inner_content:hover .plus_content,
    .content_position_3 .door_zoom_inner_content:hover .plus_content {
        flex-direction: column;
    }

    .five_door_img_box .plus_content_position_3 {
        bottom: 180px !important;
        top: inherit !important;
    }

    .five_door_img_box .plus_content_position_4 {
        bottom: 220px;
        top: inherit !important;
    }

    .six_door_img_box .plus_content_position_3 {
        bottom: 170px;
        top: inherit !important;
    }
    .plus-content.plus-content-position-2 {
        top: -150px;
        left: 156px;
    }
    .content-position-4 .plus-right-content {
        left: 39%;
    }
    .plus-content {
        left: 80%;
    }
    .main-door-img-box.main-ds-door-item-4 > img{
        width: 100%;
        max-width: 600px;
    }
    .main-ds-door-item-4 {
        width: 100%;
    }
    .main-ds-door-item-4 .plus-position5 {
        top: 0;
        right: 53px;
    }
    .main-ds-door-item-4 .content-position-1 .plus-content-position-1 {
        left: -13% !important;
    }
    .content-position-5 .plus-right-content {
        left: 9%;
    }
    .main-ds-door-item-4 .content-position-1 .plus-position1 {
        top: 232px;
        left: 90px;
    }
    .main-ds-door-item-4 .plus-position3 {
        top: 205px;
        right: 365px;
    }
    
    
}

@media(max-width: 767px){
    .contact-content-wrapper {
        padding: 20px 10px;
    }
    .hardware_details_main {
        flex-direction: column;
    }
    .product-img--main {
        height: 300px;
    }

    .door_material_slider .slick-slider .slick-arrow {
        bottom: 3% !important;
        height: 40px;
        width: 40px;
    }

    .door_specification_slider .slick-slider .slick-prev:before {
        font-size: 20px;
        height: 30px;
        width: 30px;
    }

    .door_material_slider .slick-slider .slick-prev {
        left: 20px !important;
    }

    .door_specification_slider .slick-slider .slick-next:before {
        font-size: 20px;
        height: 30px;
        width: 30px;
    }

    .door_material_slider .slick-slider .slick-next {
        right: 20px !important;
    }

    .door_material_slider .door-spacecification .plus_point_content {
        position: inherit !important;
        text-align: center !important;
    }

    .door_material_slider .door-spacecification .plus_point_content .door_zoom_inner_content {
        text-align: center !important;
    }

    .door_material_slider .door-spacecification .plus_point_content .plus_content {
        display: block !important;
        margin: 0 auto !important;
        text-align: left !important;
        position: inherit !important;
        top: inherit !important;
        bottom: inherit !important;
        left: inherit !important;
        right: inherit !important;
        width: 100% !important;
        max-width: 400px !important;
    }

    .door_material_slider .door-spacecification .plus_point_content .plus_content>img {
        margin: 0 auto;
    }

    .door-spacecification {
        padding: 30px 10px 40px;
    }

    .door_specification_desk {
        display: none;
    }

    .door_specification_mobile {
        display: block;
    }

    .content-position-1,
    .content-position-2,
    .content-position-3,
    .content-position-4,
    .content-position-5 {
        top: inherit !important;
        left: inherit !important;
        right: inherit !important;
        bottom: inherit !important;
        /* display: none; */
    }

    .plus-position1,
    .plus-position2,
    .plus-position3,
    .plus-position4,
    .plus-position5 {
        width: 20px;
        height: 20px;
        border: 2px solid #fff;
        color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        vertical-align: middle;
        font-size: 23px;
        line-height: 20px;
        border-radius: 5px;
        cursor: pointer;
    }

    .specification_items_1 .plus-position1 {
        top: 38.5%;
        left: 23%;
    }

    .specification_items_1 .plus-position2 {
        top: 71%;
        left: 2%;
    }

    .specification_items_1 .plus-position3 {
        right: 20px;
        top: 20px;
    }

    .specification_items_1 .plus-position4 {
        top: 52%;
        left: 23%;
    }

    .specification_items_1 .plus-position5 {
        right: 6%;
        bottom: 20%;
        top: inherit;
    }

    .specification_items_2 .plus-position1 {
        top: 38.5%;
        left: 3%;
    }

    .specification_items_2 .plus-position2 {
        top: 71%;
        right: 5%;
        left: inherit;
    }

    .specification_items_2 .plus-position3 {
        right: 20px;
        top: 40px;
    }

    .specification_items_2 .plus-position4 {
        top: 48%;
        left: inherit;
        right: 16%;
    }

    .specification_items_3 .plus-position1 {
        top: 70%;
        left: 51%;
    }

    .specification_items_3 .plus-position2 {
        right: inherit;
        top: inherit;
        left: 0%;
        bottom: 30px;
    }

    .specification_items_3 .plus-position3 {
        top: 44%;
        right: inherit;
        left: 43%;
    }

    .specification_items_3 .plus-position4 {
        top: 0;
        right: 15px;
    }

    .specification_items_3 .plus-position5 {
        bottom: 0;
        right: 3px;
    }

    .specification_items_4 .plus-position1 {
        top: 6.5%;
        left: 34%;
    }

    .specification_items_4 .plus-position2 {
        top: 71%;
        right: 2%;
        left: inherit;
    }

    .specification_items_4 .plus-position3 {
        right: 43%;
        top: 24%;
    }

    .plus-content h4 {
        font-size: 18px;
        margin-bottom: 0;
        padding-bottom: 10px;
    }

    .plus-content p {
        font-size: 14px;
    }

    .main-door-img-box img {
        margin-top: 0 !important;
    }

    .content-position-3 .plus-content,
    .content-position-5 .plus-content {
        text-align: left;
    }

    .plus-content {
        max-width: 350px;
        width: 100%;
        text-align: center;
        display: block;
        height: fit-content;
        left: 50% !important;
        transform: translate(-50%);
        top: inherit !important;
    }

    .plus-content img {
        width: 50%;
        padding-right: 20px;
        margin: 0 auto !important;
        display: inline-block;
    }

    .plus-content>div {
        width: 50%;
        text-align: left;
    }

    .main-door-img-box {
        margin-top: 10px;
    }

    .door_material_slider .door-spacecification .main-door-img-box span {
        border: 2px solid #e5a903 !important;
        color: #e5a903 !important;
        width: 20px;
        height: 20px;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        font-size: 23px;
        line-height: 13px;
        border-radius: 5px;
        cursor: pointer;
    }

    .door_material_slider .specification_items_1 .plus_position1 {
        top: 26%;
        left: 88%;
    }

    .door_material_slider .specification_items_1 .plus_position2 {
        top: 35%;
        left: 70%;
    }

    .door_material_slider .specification_items_1 .plus_position3 {
        top: 62%;
        left: 56%;
    }

    .door_material_slider .specification_items_1 .plus_position4 {
        top: 55%;
        left: 28%;
    }

    .door_material_slider .specification_items_2 .plus_position1 {
        top: 24%;
        left: 69%;
    }

    .door_material_slider .specification_items_2 .plus_position2 {
        top: 23%;
        left: 53%;
    }

    .door_material_slider .specification_items_2 .plus_position3 {
        top: 57%;
        left: 50%;
    }

    .door_material_slider .specification_items_2 .plus_position4 {
        top: 45%;
        left: 28%;
    }

    .door_material_slider .specification_items_3 .plus_position1 {
        top: 24%;
        left: 89%;
    }

    .door_material_slider .specification_items_3 .plus_position2 {
        top: 14%;
        left: 57%;
    }

    .door_material_slider .specification_items_3 .plus_position3 {
        top: 57%;
        left: 56%;
    }

    .door_material_slider .specification_items_3 .plus_position4 {
        top: 16%;
        left: 13%;
    }

    .door_material_slider .specification_items_4 .plus_position1 {
        top: 24%;
        left: 60%;
    }

    .door_material_slider .specification_items_4 .plus_position3 {
        top: 57%;
        left: 56%;
    }

    .door_material_slider .specification_items_4 .plus_position4 {
        top: 16%;
        left: 32%;
    }

    .door_material_slider .specification_items_5 .plus_position1 {
        top: 32%;
        left: 69%;
    }

    .door_material_slider .specification_items_5 .plus_position2 {
        top: 19%;
        left: 56%;
    }

    .door_material_slider .specification_items_5 .plus_position3 {
        top: 80%;
        left: 39%;
    }

    .door_material_slider .specification_items_5 .plus_position4 {
        top: 84%;
        left: 4%;
    }

    .door_material_slider .specification_items_6 .plus_position1 {
        top: 24%;
        left: 75%;
    }

    .door_material_slider .specification_items_6 .plus_position3 {
        top: 75%;
        left: 56%;
    }

    .door_material_slider .specification_items_6 .plus_position4 {
        top: 22%;
        left: 16%;
    }

    .bottom_nav_slider {
        padding: 0;
    }

    .door_material_slider .slick-slider .slick-prev {
        left: 4px !important;
    }

    .door_material_slider .slick-slider .slick-next {
        right: 4px !important;
    }
    .item-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
        flex-direction: column;
    }
    .first-label-part h2 {
        line-height: normal;
        font-size: 34px;
    }
    .first-label-part h3 {
        font-size: 30px;
        line-height: 1;
    }

    .first-label-part .select2 {
        margin-top: 0;
    }
    .second-logo-part img {
        max-width: 80px;
        margin-top: 35px;
    }
    .main-door-img-box{
        width: 100%;
    }

    .plus-point-content{
        position: unset;
    }

    .door-zoom-inner-content {
        position: static;
    }


    .desktop_slider_show{
        display: none;
    }
    .mobile_slider_show{
        display: block;
    }

    /* .door-zoom-inner-content span {
        position: unset;
    } */

    .owl-nav button img {
        width: 100%;
        max-width: 46px;
    }
    .gallery_inner_model .model_img {
        width: 65%;
    }

}
@media(max-width: 576px){
    .custome_door_table_part table td {
        padding: 10px 30px;
        white-space: nowrap;
    }
    .lcd_click_btn {
        align-items: normal;
        margin-top: 100px;
        flex-direction: column;
    }
    .lcd_click_btn h3 {
        font-size: 24px;
    }
    .lcd_click_btn a {
        margin: 20px 0 0 0;
    }
    .lcd_click_btn {
        align-items: normal;
        margin-top: 30px;
    }
    .contact-hero-section .banner_img {
        width: 100%;
        height: 500px;
    }
    .contact-detail-section .contact-detail-label h2 {
        font-size: 40px;
    }
    .map iframe{
        height: 370px;
    }
    .address-with-hour-row .address-col, .address-with-hour-row .hour-col {
        width: 100%;
    }
    .contact-icon-list-flex {
        align-items: unset;
    }
    .contact-icon-list-flex label {
        margin-bottom: 10px;
    }
    .day-time-col {
        flex-wrap: wrap;
    }
    .day-col {
        width: 100%;
    }
    .time-col {
        width: 100%;
    }
    .multi-use-btn.yellow-btn {
        margin: 15px auto 0 !important;
    }
    .address-with-hour-row {
        margin-top: 0;
    }
    .product-img--main {
        height: 160px;
    }
    .single_product .container-fluid, .product_description .container-fluid, .product-list-section .container-fluid{
        padding: 0 15px;
    }
}