*{
    /* This is for full page effect affections */
    /* For fonts effect */
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    background-color: #f7f89b;
    color: black;
    margin: 0;
    padding: 0;
    /* For element content overflows state */    
    overflow: auto;
    scrollbar-width: thin;
    scroll-behavior: smooth;
    scroll-snap-type: mandatory;
    /* control for drag case */
    -webkit-user-drag: none;
}
.headerpannel{
    /* control width and height */
    width: 100%;
    height: 40px;
    /* control background and color */
    background-color: black;
    color: white;
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* control position */
    position: fixed;
    z-index: 100;
}

.headertitle{
    /* control width and height */
    width: auto;    
    height: 25px;
    /* control space padding and margin */
    padding-left: 0.1em;
    padding-right: 0.1em;    
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* control font */
    font-size: 0.8em;
    font-weight: 600;
    /* control border property */
    border: 1px solid white;
    border-radius: 10px;
}

.headermenu{
    /* control postion */
    position: fixed;
    left: 0;
    z-index: 90;
    /* control space padding and margin */
    margin-left: 0.3em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* control width and height */
    width: 25px;
    height: 25px;
    /* control font */
    font-size: 1em;
    /* control border property */
    border: 1px solid white;
    border-radius: 5px;

}
.headermenu a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* control text-decoration */
    text-decoration: none;
}
.searchmenu{
    
    /* control postion */
    position: fixed;
    right: 0;
    z-index: 90;
    /* control space padding and margin */
    margin-right: 0.3em;
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* control width and height */
    width: 25px;
    height: 25px;
    /* control border property */
    border: 1px solid white;
    border-radius: 5px;
}

.elementspacer-fromheader-index{
    /* control width and height */
    height: 40px;
}

.searchinputbox{
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* control postion */
    position: fixed;
    z-index: 80;
    /* control width and height */
    width: 100%;
    height: 30px;
    /* control background and color */
    background: black;
}

.elementspacer-fromheader-display{
    /* control width and height */
    height: 30px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .searchinputbox #seachproducts,
    .searchinputbox #searchservices{
        /* control width and height */
        height: 25px;
        width: 60%;
        /* control background and color */
        background-color: white;
        color: black;
        /* control border property */
        border: 1px solid gray;
        border-radius: 10px;
        /* control space padding and margin */
        padding-left: 0.2em;
    }

}

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

    .searchinputbox #seachproducts,
    .searchinputbox #searchservices{
        /* control width and height */
        height: 25px;
        width: 30%;
        /* control background and color */
        background-color: white;
        color: black;
        /* control border property */
        border: 1px solid gray;
        border-radius: 10px;
        /* control space padding and margin */
        padding-left: 0.2em;
    }

}

.product-displays{
    /* control display and alignment */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: start;
    justify-content: center;
}
.services-displayer{
    /* control display and alignment */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: start;
    justify-content: center;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

    .column{
        /* control width and height */
        width: 145px;
        height: auto;
        max-height: 195px;
        /* control space padding and margin */
        margin: 0.2em;
        padding: 0.1em;
        /* control border property */
        border: 1px solid gray;
        border-radius: 5px;
        /* control display and alignment */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        /* control background and color */
        background-color: white;
        color: black;
        box-shadow: 0 2px 3px 0 #00000033, 0 2px 3px 0 #00000030;
    }
    .column a {
        /* control display and alignment */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        /* control background and color */
        background-color: white;
        color: black;
        /* control text-decoration */
        text-decoration: none;
        /* control position */
        position: relative;
        /* control width and height */
        width: 99%;
    }

    .column a .content{
        /* control width and height */
        width: 130px;
        height: 120px;
        /* control display and alignment */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border: 1px solid gray;
        border-radius: 5px;
        /* control background and color */
        background-color: white;
        color: black;
    }

}

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

    .column{
        /* control width and height */
        width: 160px;
        height: auto;
        max-height: 195px;
        /* control space padding and margin */
        margin: 0.2em;
        padding: 0.1em;
        /* control border property */
        border: 1px solid gray;
        border-radius: 5px;
        /* control display and alignment */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        /* control background and color */
        background-color: white;
        color: black;
        box-shadow: 0 1px 2px 0 #016958, 0 1px 2px 0 #016958;
    }
    .column a {
        /* control display and alignment */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        /* control background and color */
        background-color: white;
        color: black;
        /* control text-decoration */
        text-decoration: none;
        /* control position */
        position: relative;
        /* control width and height */
        width: 99%;
    }

    .column a .content{
        /* control width and height */
        width: 145px;
        height: 140px;
        /* control display and alignment */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border: 1px solid gray;
        border-radius: 5px;
        /* control background and color */
        background-color: white;
        color: black;
    }


}


.column a .content img{
    /* control border property */
    border: none;
    border-radius: 5px;
}

.title{
    /* control font */
    font-size: 0.55em;
    font-weight: 600;
    /* control background and color*/
    background-color: white;
    color: black;
    white-space: nowrap; 
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    
}

.title-description{    
    /* control font */
    font-size: 0.6em;
    /* control background and color*/
    background-color: rgb(6, 212, 92);
    /* background-color: white; */
    color: red;
    /* control position */
    position: absolute;
    bottom: 0;
    /* control width and height */
    width: 100%;
    height: 10px;
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.notproduct_found_yet{
    /* control background and color */
    background-color: #191a0d;
    color: white;
}

.notproduct_found_yet p{
    /* control border property */
    border: none;
    border-radius: 3px;
    /* control font */
    font-size: 0.8em;
    /* control background and color */
    background-color: white;
    color: black;
    /* control space padding and margin */
    margin: 0.1em;
    padding: 0.1em;
}

.product-price-printer{
    /* control font */
    font-size: 0.6em;
    /* control space padding and margin */
    margin: 0.12em;
    padding: 0.12em;
    /* control background and color */
    background-color: #191a0d;
    color: white;
    /* control border property */
    border: none;
    border-radius: 3px;
    
    white-space: nowrap; 
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pheightspacer{
    /* control width and height */
    height: 10px;
}


.product-column{
    /* control border property */
    border: 1px solid gray;
    border-radius: 5px;
    /* control space padding and margin */
    margin: 0.2em;
    padding: 0.2em;
    /* control position */
    position: relative;
    /* control width and height */
    height: 500px;
    /* control overflow */
    overflow: hidden;
}

.content-body-product-details-container{
    /* control width and height */
    height: 400px;
}

.profile-vendor{
    /* control display and alignment */
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    /* control background and color */
    background-color: black;
    color: white;
    /* control space padding and margin */
    padding: 0.2em;
    /* control postion */
    position: absolute;
    z-index: 10;
    /* control width and height */
    width: 99%;

}



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

.profile-vendor-name{
    /* control width and height */
    height: 35px;
    /* control space padding and margin */
    padding-left: 0.3em;
    padding-right: 0.3em;
    margin-right: 4em;
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    /* control position */
    position: absolute;
    right: 0;
    /* control font */
    font-size: 0.8em;
    /* control border property */
    border: 1px solid white;
    border-radius: 10px;
}

.close-previewer-product{
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    /* control position */
    position: absolute;
    right: 0;
    /* control width and height */
    height: 35px;
    /* control space padding and margin */
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin-right: 1em;
    /* control border property */
    border: 1px solid white;
    border-radius: 4px;
}

.close-previewer-product a{    
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    /* control text-link */
    text-decoration: none;
}

}

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

.profile-vendor-name{
    /* control width and height */
    height: 35px;
    /* control space padding and margin */
    padding-left: 0.3em;
    padding-right: 0.3em;
    margin-right: 4em;
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    /* control position */
    position: absolute;
    z-index: 10;
    right: 0;
    /* control border property */
    border: 1px solid white;
    border-radius: 10px;
}

.close-previewer-product{
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    /* control position */
    position: absolute;
    right: 0;
    /* control width and height */
    height: 35px;
    /* control space padding and margin */
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin-right: 1em;
    /* control border property */
    border: 1px solid white;
    border-radius: 4px;

}

.close-previewer-product a{    
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    /* control text-link */
    text-decoration: none;
}




}

.fa-close{
    /* control font */
    font-size: 1.2em;
}




.profile-vendor-image{
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* control width and height */
    height: 50px;
    width: 50px;
    /* control border property */
    border: none;
    border-radius: 50%;
    /* control overflow */
    overflow: hidden;
}

.profile-vendor-image img{
    /* control width and height */
    height: 100%;
    width: 100%;
    /* control border property */
    border: none;
    border-radius: 50%;
}

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

.vendorbusinesslocation{
    /* control background and color */
    background-color: red;
    color: white;
    /* control width and height */
    height: 30px;
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    /* control font */
    font-size: 0.8em;
}

}

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

.vendorbusinesslocation{
    /* control background and color */
    background-color: red;
    color: white;
    /* control width and height */
    height: 30px;
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

}









.headervendorheaderspacer-2{
    height: 55px;
}

.headervendorheaderspacer{
    height: 2px;
}

.product-image{
    /* control border property */
    border: 1px solid gray;
    border-radius: 5px;
    /* control space padding and margin */
    margin: 0.2em;
    padding: 0.2em;
    /* control width and height */
    width: 300px;
    height: 290px;
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* control background and color */
    background-color: white;
    color: black;
}

.product-image-slider button{
    /* control border property */
    border: 1px solid gray;
    border-radius: 5px;
    /* control pointer */
    cursor: pointer;
    /* control background and color */
    background-color: white;
    color: black;
    /* control space padding and margin */
    padding: 0.3em;
}

.get-service-image-view{
    
    /* control height and width */
    height: 30px;
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    /* control background and color */
    background-color: green;
    color: wheat;
    /* control space padding and margin */
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    padding-left: 0.2em;
}


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

    .header-sname{
        /* control space padding and margin */
        margin: 0.1em;
        padding-left: 0.2em;
        padding-right: 0.2em;
        /* control background and color */
        background: transparent;
        color: wheat;
        /* control font */
        font-size: 0.8em;
    }


}

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

    .header-sname{
        /* control space padding and margin */
        margin: 0.1em;
        padding-left: 0.2em;
        padding-right: 0.2em;
        /* control background and color */
        background: transparent;
        color: wheat;
        /* control font */
        font-size: 0.8em;
    }

}







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

    .view-product-field-use{
        /* control height and width */
        height: 30px;
        /* control display and alignment */
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
        /* control background and color */
        background-color: green;
        color: wheat;
        /* control space padding and margin */
        margin-top: 0.2em;
        margin-bottom: 0.2em;
        /* control font */
        font-size: 0.8em;
    }


}

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

    .view-product-field-use{
        /* control height and width */
        height: 30px;
        /* control display and alignment */
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
        /* control background and color */
        background-color: green;
        color: wheat;
        /* control space padding and margin */
        margin-top: 0.2em;
        margin-bottom: 0.2em;
    }


}



/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .product-clip{
        /* control width and height */
        width: 320px;
        height: 220px;
        /* control space padding and margin */
        padding: 0.2em;
        /* control background and color */
        background-color: white;
        color: black;
        /* control border property */
        border: 1px solid gray;
        border-radius: 5px;
        /* control display and alignment */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .product-clip{
        /* control width and height */
        width: 400px;
        height: 250px;
        /* control space padding and margin */
        padding: 0.2em;
        /* control background and color */
        background-color: white;
        color: black;
        /* control border property */
        border: 1px solid gray;
        border-radius: 5px;
        /* control display and alignment */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

.product-details{
    /* control space padding and margin */
    padding: 0.3em;
    margin: 0.3em;
    /* control background and color */
    background-color: white;
    color: black;
}
.product-clip video{
    /* control background and color */
    background-color: black;
    color: white;
    /* control border property */
    border: none;
    border-radius: 3px;
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 600px) {

    .p-pro-description{
        /* control font */
        font-size: 0.7em;
    }

}


.keyfeacturs{
    /* control space padding and margin */
    margin: 0.3em;
    padding: 0.2em;
    /* control border property */
    border: 1px solid gray;
    border-radius: 3px;
}

@media only screen and (max-width: 600px) {

    .p-pro-description{
        /* control font */
        font-size: 0.7em;
    }

    .keyhead{
        /* control width and height */
        height: 30px;
        /* control display and alignment */
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
        /* control font */
        font-weight: 700;
        font-size: 0.7em;
    }

    .retailers-customer-offer,
    .consumer-customer-offer{    
        /* control width and height */
        height: 30px;
        /* control display and alignment */
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
        /* control font */
        font-weight: 700;
        font-size: 0.7em;
    }


}

@media only screen and (min-width: 600px) {

    .p-pro-description{
        /* control font */
        font-size: 0.8em;
    }

    .keyhead{
        /* control width and height */
        height: 30px;
        /* control display and alignment */
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
        /* control font */
        font-weight: 700;
        font-size: 0.8em;
    }

    .retailers-customer-offer,
    .consumer-customer-offer{    
        /* control width and height */
        height: 30px;
        /* control display and alignment */
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
        /* control font */
        font-weight: 700;
        font-size: 0.8em;
    }


}





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

.offer-care table {
  border-collapse: collapse;
  width: 100%;
  /* control background and color */
  background-color: white;
  color: black;
  /* control font */
  font-size: 0.7em;
}

.offer-care td,.offer-care th {
  border: 1px solid #294dc2;
  text-align: left;
  padding: 5px;
  /* control background and color */
  background-color: white;
  color: black;
}

.offer-care tr:nth-child(even) {
  background-color: #e3ee81;
}



}

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

.offer-care table {
  border-collapse: collapse;
  width: 100%;
  /* control background and color */
  background-color: white;
  color: black;
  /* control font */
  font-size: 0.8em;
}

.offer-care td,.offer-care th {
  border: 1px solid #294dc2;
  text-align: left;
  padding: 5px;
  /* control background and color */
  background-color: white;
  color: black;
}

.offer-care tr:nth-child(even) {
  background-color: #e3ee81;
}



}






.previewaction{
    /* control postion */
    position: absolute;
    bottom: 0;
    /* control width and height */
    width: 99%;
    height: 50px;
    /* control display and alignment */
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}


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

.preview-vendor-service{
    /* control position */
    position: fixed;
    z-index: 30;
    top: 5em;
    /* control background and color */
    background-color: white;
    color: black;
    /* control border property */
    border: 1px solid gray;
    border-radius: 3px;
    /* control space padding and margin */
    
    /* control width and height */
    width: 80%;
    height: 400px;
    /* control display and alignment */
    display: none;
    /* display: block; */
}


}


.content-reviewbody{
    /* control width ad height */
    height: 398px;
    /* control position */
    position: relative;
    z-index: 1;
    /* control background and color */
    background-color: white;
    color: black;
}

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

.preview-vendor-service{
    /* control position */
    position: fixed;
    z-index: 30;
    top: 5em;
    /* control background and color */
    background-color: white;
    color: black;
    /* control border property */
    border: 1px solid gray;
    border-radius: 3px;
    /* control space padding and margin */
    
    /* control width and height */
    width: 70%;
    height: 400px;
    /* control display and alignment */
    display: none;
    /* display: block; */
}

}

.closer-action-btn{
    /* control postion */
    position: absolute;
    right: 0;
    top: 0;
    /* control width and height */
    width: 30px;
    height: 30px;
    /* control border property */
    border: 1px solid #d3d0d0;
    border-radius: 3px;
    /* control display and alignment */
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
    /* control background and color */
    background-color: black;
    color: white;
}

.closer-action-clicked-close{
    /* control font */
    font-size: 1.2em;
    font-weight: 600;
    /* control color */
    color: white;
    background-color: black;
    /* control pointer */
    cursor: pointer;
}

.get-display-all-review-shared{
    /* control width and height */
    height: 397px;
    /* control background and color */
    background-color: white;
    color: black;
}

.user-container-rview,
.user-rview-profile,
.rview-img,
.rview-name,
.rvp{
    /* control background and color */
    background-color: grey;
    color: black;
}

.user-container-rview{
    /* control space padding and margin */
    margin: 0.2em;
    padding: 0.2em;
    /* control border property */
    border: 1px solid gray;
    border-radius: 3px;
}

.user-rview-profile{
    /* control display and alignment */
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: start;
}
.rview-img{
    /* control width and height */
    height: 40px;
    width: 40px;
    /* control border property */
    border: 1px solid #eceaea;
    border-radius: 50%;
    /* control display and alignmet */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.rview-img img{
    /* control width and height */
    width: 100%;
    height: 100%;
    /* control border property */
    border: none;
    border-radius: 50%;
}

.rview-name{
    /* control font */
    font-size: 0.8em;
    font-weight: 600;
}



.startchatcare,
.startpreviews{
    /* control space padding and margin */
    margin: 0.3em;
}

.startchatcare a button{
    /* control border property */
    border: 1px solid gray;
    border-radius: 5px;
    /* control space padding and margin */
    padding: 0.2em;
    /* control background and color */
    background-color: green;
    color: white;
    /* control pointer */
    cursor: pointer;

}
.startpreviews button{
    /* control border property */
    border: 2px solid green;
    border-radius: 5px;
    /* control space padding and margin */
    padding: 0.2em;
    /* control background and color */
    background-color: gray;
    color: white;
    /* control pointer */
    cursor: pointer;
}
.bottom-description-spacer{
    /* control width and height */    
    height: 50px;
}




.getsearchenginedisplay{
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    /* control position */
    position: relative;
    z-index: 30;
}

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

.displaysearchengineresulthere{
    /* control background and color */
    background-color: white;
    color: black;
    /* control width and height */
    width: 97%;
    height: 350px;
    /* control border property */
    border-bottom: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /* control position */
    position: fixed;
    z-index: 20;
    /* control padding and margin */
    padding: 0.12em;
    /* control display and alignment */
    /* display: block; */
    display: none;
    /* control overflow */
    overflow-y:auto;
}

}

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

.displaysearchengineresulthere{
    /* control background and color */
    background-color: white;
    color: black;
    /* control width and height */
    width: 70%;
    height: 400px;
    /* control border property */
    border-bottom: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /* control position */
    position: fixed;
    z-index: 20;
    /* control padding and margin */
    padding: 0.12em;
    /* control display and alignment */
    display: none;
    /* display: block; */
    /* control overflow */
    overflow-y:auto;
}


}

.displaysearchengineresultherefetchdisplay{
    /* control width and height */
    height: 240px;
    /* control background and color */
    background-color: transparent;
}




.closesearchui{
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: center;
    /* control border property */
    border: 1px solid #6b6b6b;
    border-radius: 3px;
    /* control space padding and margin */
    margin-right: 0.3em;
    padding: 0.2em;
    /* control position */
    position: absolute;
    right: 0;
    z-index: 2;
    /* control background and color */
    background-color: transparent;

}
.opennavigation-search{
    /* control cursor */
    cursor: pointer;
}
.closesearchengineui{
    /* control pointer */
    cursor: pointer;
}

.toppaidads{
    /* control display and alignment */
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    /* control position */
    position: relative;
    /* control background and color */
    background-color: blue;
}

.leftclickslider{
    /* control position */
    position: absolute;
    left: 0;
    /* control space padding and margin */
    margin: 0.1em;
}

.rightclickslider{    
    /* control position */
    position: absolute;
    right: 0;
    /* control space padding and margin */
    margin: 0.1em;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.getclickleft,
.getclickright{
    /* control font */
    font-size: 1em;
    /* copntrol pointer */
    cursor: pointer;
}

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.getclickleft,
.getclickright{
    /* control font */
    font-size: 2em;
    /* copntrol pointer */
    cursor: pointer;
}

}





/* Extra small devices (phones, 600px and down) */

@media only screen and (max-width: 600px) {

    .companyfixed{
        /* control width and height */
        width: 130px;
        height: 80px;
        /* control border property */
        border: 1px solid gray;
        /* control space padding and margin */
        margin: 0.1em;
    }
    .companyfixed a .img{
        /* control width and height */
        width: 100%;
        height: 70%;
        /* control space padding and margin */
        margin: 0;
        padding: 0;
        /* control display and alignment */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

    }
    .companyfixed a .img img{
        /* control width and height */
        width: 100%;
        height: 100%;
        /* control space padding and margin */
        padding: 0;
        margin: 0;
    }

    .companyname{
        /* control text alignment */
        text-align: center;
        /* control font */
        font-size: 0.6em;
    }

}

/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {

    .companyfixed{
        /* control width and height */
        width: 130px;
        height: 140px;
        /* control border property */
        border: 1px solid gray;
        /* control space padding and margin */
        margin: 0.2em;
    }
    .companyfixed a .img{
        /* control width and height */
        width: 100%;
        height: 87%;
        /* control space padding and margin */
        margin: 0;
        padding: 0;
        /* control display and alignment */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

    }
    .companyfixed a .img img{
        /* control width and height */
        width: 100%;
        height: 100%;
        /* control space padding and margin */
        padding: 0;
        margin: 0;
    }

    .companyname{
        /* control text alignment */
        text-align: center;
        /* control font */
        font-size: 0.8em;
    }

}





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

    .paidfeaturedads{    
        /* control width and height */
        /* width: 130px; */
        height: 90px;
        /* control border property */
        border: 1px solid gray;
        /* control display and alignment */
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        align-content: center;
        /* control space padding and margin */
        margin: 0.1em;
        /* control overflow */
        overflow: hidden;
    }

    .alist{
        /* control width and height */
        width: 140px;
        height: 80px;
        /* control space padding and margin */
        margin: 0.1em;
        padding: 0.1em;
        /* control border property */
        border: 1px solid gray;
        border-radius: 3px;
        /* control display and alignment */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }
    .alist a .acontainer{
        /* control width and height */
        width: 98%;
        height: 100%;
        /* control display and alignment */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        /* control overflows */        
        overflow: hidden;
    }
    .alist a .acontainer .aimg{
        /* control width and height */
        width: 98%;
        height: 70%;
        /* control space padding and margin */
        margin: 0;
        padding: 0;
        /* control display and alignment */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        overflow: hidden;

        
    }

    .alist a .acontainer .aimg img{
        /* control width and height */
        width: 98%;
        height: 100%;
        /* control space padding and margin */
        padding: 0;
        margin: 0;
        overflow: hidden;
    }


    .adsmessage,
    .adsfromname{
        /* control font */
        font-size: 0.5em;
        /* control text alignment */
        text-align: left;
        /* control text alignment */
        width: 80%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


}

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

    .paidfeaturedads{    
        /* control width and height */
        /* width: 130px; */
        height: 143px;
        /* control border property */
        border: 1px solid gray;
        /* control display and alignment */
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        /* control space padding and margin */
        margin: 0.2em;
        /* control overflow */
        overflow: hidden;
    }

    .alist{
        /* control width and height */
        width: 130px;
        height: 132px;
        /* control space padding and margin */
        margin: 0.2em;
        padding: 0.1em;
        /* control border property */
        border: 1px solid gray;
        border-radius: 3px;
        /* control display and alignment */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .alist a .acontainer{
        /* control width and height */
        width: 100%;
        height: 100%;
    }
    .alist a .acontainer .aimg{
        /* control width and height */
        width: 100%;
        height: 80%;
        /* control space padding and margin */
        margin: 0;
        padding: 0;
        /* control display and alignment */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        
    }

    .alist a .acontainer .aimg img{
        /* control width and height */
        width: 100%;
        height: 100%;
        /* control space padding and margin */
        padding: 0;
        margin: 0;    
    }


    .adsmessage,
    .adsfromname{
        /* control font */
        font-size: 0.6em;
        /* control text alignment */
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    

}



/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .addyourads{
        /* control border property */
        border: 1px solid gray;
        /* control width and height */
        width: 130px;
        height: 80px;
        /* control space padding and margin */
        margin: 0.1em;
        /* control display and alignment */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /* control position */
        position: relative;

        /* control font */
        font-size: 0.6em;
    }

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .addyourads{
        /* control border property */
        border: 1px solid gray;
        /* control width and height */
        width: 120px;
        height: 135px;
        /* control space padding and margin */
        margin: 0.2em;
        /* control display and alignment */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /* control position */
        position: relative;
    }

}






.qreturn{
    /* control background and color */
    background-color: #191a0d34;
    color: whitesmoke;
    /* control border property */
    border: 1px solid gray;
    border-radius: 5px;
    /* control space padding and margin */
    margin: 0.3em;
    padding: 0.12em;
}

.qreturn a{
    /* control background and color */
    background:none;
    /* control text-link */
    text-decoration: none;
}
























.elementspacer-fromheader-footer{    
    /* control width and height */
    height: 40px;
}
.footerbasedcare{
    /* control background and color */
    background-color: black;
    color: white;
    /* control width and height */
    height: 40px;
    width: 100%;
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* control position */
    position: fixed;
    bottom: 0;
    z-index: 100;
    /* control font */
    font-size: 0.8em;
}