@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap');

.responsive {
    max-width: 100% !important;
    width: 100%;
    height: auto;
}
#gallery-carousel-4 .picframe img{
    height: 20em;
    
}
/* #subheader{
    padding: 0;
    padding-top: 10em;
    padding-bottom: 10em;
} */

#subheader h1,
#subheader ul {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 0 5px;
    font-size: 5em;
    font-family: 'Dancing Script', cursive;
    font-weight: 700;
    /* border-radius: 25px; */
}

a{
    text-decoration: none !important;
}

.home-bg-1{
    background-color: #212225;
}

.modal-header, .modal-footer{
    background-color:#18191B;
}
.modal-header button{
    color:white;
}
.modal-header button:hover{
    color:#929292;
}
.modal-body{
    background-color:#1D1E1F;
}
section#gallery-section{
    height: 30em;
}

/*#gallery-section #photo-carousel .owl-dots{*/
/*	position: relative;*/
/*	margin-top: -300px;*/
/*	z-index: 1000;*/
/*}*/

.get-quotation-div{
    background-color: var(--primary-color-1);
    text-align: center;
    font-family: "Open Sans",Arial, Helvetica, sans-serif;
    /* style="background-color:#30864a;text-align:center" */
}

span.my-overlay {
    text-align: center;
    display: table;
    position: absolute;
    width: 100%;
    height: 100%;
    background:rgba(0, 0, 0, 0.0);
    opacity: 0;
    z-index: 1;
}

span.my-overlay:hover{
    background:rgba(0, 0, 0, 0.5);
    opacity: 1;
}

#services-cover{
    padding: 0px;
}

#services-cover img {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    display: block;
  }
/*#before-after img{*/
/*    height: 12em;*/
/*}*/

.modal-options select {
    font-family: 'FontAwesome', 'Second Font name'
  }

#section-testimonial-kitchen div.container{
    padding: 0;
    max-width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}
#section-testimonial-kitchen{
    padding: 0 !important;
}

#back-to-top{
    bottom: 90px !important;
    right: 38px;
}

.pic-services div.row div img{
    width: 100%;
}


select#design-type option[value="Kitchen-Cabinet"]{ background-image:url(../images/icon/kitchen-cabinet.png); }
select#design-type option[value="Wardrobe"] { background-image:url(../images/icon/wardrobe.png); }
select#design-type option[value="TV-Cabinet"] { background-image:url(../images/icon/tv.png); }
select#design-type option[value="Shoe-Cabinet"] { background-image:url(../images/icon/shoe-cabinet.png); }


@media screen and (max-width: 600px) {
    #blank-2-col-div, .view-in-computer {
        visibility: hidden !important;
        width: 0px !important;
        height: 0px !important;
        margin: 0px !important;
        padding: 0px !important;
    }
    
    .separator span:before,
    .separator span:after {
        content: "";
        position: absolute;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        top: 5px;
        width: 10em;
    }
    #before-after img{
        height: 12em;
    }
    /*section#gallery-section .item{*/
    /*    height: 50%;*/
    /*}*/
}
@media screen and (min-width: 600px){
    .view-in-mobile {
        visibility: hidden !important;
        width: 0px !important;
        height: 0px !important;
        margin: 0px !important;
        padding: 0px !important;
    }
    .separator span:before,
    .separator span:after {
        content: "";
        position: absolute;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        top: 5px;
        width: 20em;
    }
    #about-text{
        padding: 0, 50px, 0, 50px;
    }
    #subheader{
        padding: 10em 0em;
    }
    #home-services{
        width: 600px;
        height: 300px;
    }
    #before-after img{
        height: 50em;
    }
    /*section#gallery-section .item{*/
    /*    height: 50%;*/
    /*}*/

}
/*@media screen and (min-width: 1900px){*/
/*    .view-in-mobile {*/
/*        visibility: hidden !important;*/
/*        width: 0px !important;*/
/*        height: 0px !important;*/
/*        margin: 0px !important;*/
/*        padding: 0px !important;*/
/*    }*/
/*    .separator span:before,*/
/*    .separator span:after {*/
/*        content: "";*/
/*        position: absolute;*/
/*        border-bottom: 1px solid rgba(255, 255, 255, 0.1);*/
/*        top: 5px;*/
/*        width: 20em;*/
/*    }*/
/*    #about-text{*/
/*        padding: 0, 50px, 0, 50px;*/
/*    }*/
/*    #subheader{*/
/*        padding: 10em 0em;*/
/*    }*/
/*    #home-services{*/
/*        width: 600px;*/
/*        height: 300px;*/
/*    }*/
/*    #before-after img{*/
/*        height: 50em;*/
/*    }*/
/*    section#gallery-section .item{*/
/*        height: 35%;*/
/*    }*/
/*}*/