/* Extra small devices (phones, 600px and down) */
/* @media only screen and (max-width: 600px) {} */

/* Small devices (portrait tablets and large phones, 600px and up) */
/* @media only screen and (min-width: 600px) {} */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

.notproduct{
    /* control width and height */
    width: 95%;
    height: auto;
    /* control border property */
    border: rgb(107, 107, 107) solid 1px;    
}

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

.notproduct{
    /* control width and height */
    width: 80%;
    height: auto;
    /* control border property */
    border: rgb(107, 107, 107) solid 1px;    
}

}






.notproductfoundmessage{
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.notproductfoundmessage h1{
    /* control font */
    font-size: 1em;
    /* control background and color */
    background-color: white;
    color: black;
    /* control space paddding and margin */
    padding: 0.2em;
    margin: 0.2em;
    /* control borer property */
    border: 1px solid rgb(46, 46, 46);
}

.company-service{
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.company-profile-logo{
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* control overflow */
    overflow: hidden;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

.company-profile-logo img{
    /* control width and height */
    width: 90%;
    height: 90%;
    /* control border property */
    border: 1px solid rgb(75, 74, 74);
    border-radius: 10%;

}

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

.company-profile-logo img{
    /* control width and height */
    width: 90%;
    height: 90%;
    /* control border property */
    border: 1px solid rgb(75, 74, 74);
    border-radius: 10%;
}

}



.company-detailes{
    /* control width and height */
    width: 90%;
    /* control border property */
    border: 1px solid gray;
    /* control space padding and margin */
    padding: 0.1em;
    margin: 0.2em;
}

.company-title{
    /* control background and color */
    background-color: white;
    color: black;
    /* control space padding and margin */
    padding: 0.2em;
    /* control font */
    font-weight: 600;
}

.ouroffice{
    /* control space padding and margin */
    margin: 0.2em;
    padding: 0.1em;
    /* control border property */
    border: 1px solid gainsboro;
}

.adscalling{
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.adscalling h1{
    /* control color */
    color: blue;
    text-align: center;
}
.adscalling h4{
    /* control color */
    color: blue;
}

.whatweoffer{
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* control space padding and margin */
    margin: 0.2em;
    /* control font */
    font-size: 1.2em;
}

.serviceheader,
.service-title{
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.serviceheader{
    /* control font */
    font-size: 1.1em;
}


.sub-service-title{
    /* control border property */
    border: 1px solid gray;
    /* control space padding and margin */
    margin: 0.2em;
    padding: 0.2em;
}

.sbsv-title{
    /* control background and color */
    background-color: white;
    color: black;
    /* control space padding and margin */
    padding: 0.2em;
    /* control font */
    font-weight: 600;
}

.keyfeactures{
    /* control background and color */
    background-color: #00000046;
    /* control space padding and margin */
    padding: 0.2em;
}