/* Enter Your Custom CSS Here */
.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{

font-size: 100%;
    margin: 0;
    line-height: 1;
  	width:auto;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 3px;
    left: auto;
    color: #515151;
    background-color:rgb(245,180,5); /*#ebe9eb;*/
    border: 0;
    white-space: nowrap;
    display: -webkit-box;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;

}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #a46497;
    color: #000000;
    -webkit-font-smoothing: antialiased;
}

/*this is for the image on the home page to make it faint and also remove the margin bottom. */
.the-content img, .post-content img {
    /* margin-bottom: 1.75em; */
}

img {
    opacity:1;
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
}


p, h1, h2, h3, h4, h5, h6 {
    /* margin: 0 0 28px 0; */
    /* margin-bottom: 1.75em; */
}

.panel-grid-cell .so-panel {
    zoom: 1;
}

.vendor_img
{
width"570"
}
/*this is for the vendor Description page*/

.vendor_description {
    width: 100%;
    clear: both;
    display: inline-block;
    padding-left: 20px;
    padding-top: 5px;
    background-color: rgba(0,0,0,.1);
    height: 245px;
    font-weight: 700;
}

.vendor_address p {
   /* margin: 0 0 10px;*/
    float: right;
      margin-left: 10px;
}


.img_div img {
    height: 150px;
    width: 150px;
   	max-width: 160px;
 	max-height:130px;
}

/*this is the padding for the map*/



.vendor_description .description {
    width: 50%;
    float: right;
    clear: right;
    padding-top: 20px;
    padding-right: 5px;
    top: 78%;
    position: relative;
}



:hov


.cls

element.style {
    display: table;
}
/*this is to add the color to the buttons*/
#respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {

    background-color: #F5B405;
}

:hov/*add the color to the buttons*/

.cls

element.style {
    background-color: #F5B405;
}
/*make the imag thesame size as the desc and the button on the vendor list page./
.woocommerce img, .woocommerce-page img {
    height:auto;
    width: 100%
}*/

/*crazy comment img
:hov

.cls

element.style {
    height: auto;
    width: 100%;
}*/



:hov

.cls

element.style {
    min-height: 210px;
    min-width: 210px;
    border: 2px solid #ebe9eb;
}


/*make the items in the vendor list be arranged in a table form.*/
:hov

.cls

element.style {
    display: table-column;
    margin-right: 0%;
}

.woocommerce ul.products li.product a img {
    max-width: 100%;
  	min-width: 60px;
    min-height: 158.75px;
    max-height: 260px;
    display: block;
    margin: 0.7em 0 1em;
    box-shadow: none;
}

.woocommerce ul.products li.product .price {
    color: #F5B405;
    display: block;
    font-weight: 400;
    margin-bottom: .5em;
    font-size: 1.857em;
}

/*for the vendor list page*/

/*for the button above the vendor info page*/

element.style {
    color: white;
    margin-left: 5px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width: auto;
    margin-top: 10px;
    min-height: 34px;
    background-color: #f5b405;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
}


input, button, select, textarea {
    font-family: 'Open Sans';
    font-size: 1.5em;
    line-height: inherit;
}

/*for the text below the product images*/
.woocommerce ul.products li.product .price {
    color: #F5B405;
    display: block;
    font-weight: 700;
    margin-bottom: .5em;
    font-size: 1.6em;
    line-height: 44px;
}

.woocommerce ul.products li.product h3 {
    padding: .5em 0;
    margin: 0;
    font-size: 1em;
    font-weight: 700;
    color: #323232;
    font-family: "Open Sans";
    line-height: 24px;
}
/*center the buttons' text*/

.woocommerce ul.products li.product .button {
    margin-top: 1em;
    text-align: -webkit-center;
  	width:100%;
}
/*for editing the text areas... in this case the words on the drop down of sort*/
input, button, select, textarea {
    font-family: 'Open Sans';
    font-size: 1em;
    line-height: inherit;
}
/*cart button*/

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background:#F5B405 !important;

background-color:#F5B405 !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#F5B405 !important;

}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {

background:#F5B405 !important;

background-color:#F5B405 !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#F5B405 !important;

}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {

background: #F5B405 !important;

color:white !important;

text-shadow: transparent !important;

border-color:#F5B405 !important;

}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background: #F5B405 !important;

box-shadow: none;

text-shadow: transparent !important;

color:white !important;

border-color:#F5B405 !important;

}

/*how to make the quantity filed on the cart button bigger*/
.woocommerce .quantity .qty {
    width: 4em;
    text-align: center;
    height: 2.2em;
}

/*trying to make a line*/


:hov

.cls

element.style {
    display: block;
    margin-top: 2.2em;
    margin-bottom: 3.2em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 0.2px;
}
/*make the price tag on the sigle products page bigger and thicker*/
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #77a464;
    font-size: 2.25em;
    font-weight: 800;
}

/*make the text less black*/
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #323232;
    background-color: #ffffff;
}

/*make the date puicker text black*/
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%;
    color: black;
}
/*image on events page*/

img {
    opacity: 1;
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

/*colors fro headers*/


:hov

.cls

element.style {
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
Inherited from h1
h1, .h1 {
    font-size: 36px;
   color: #F5B405;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: #F5B405;
}

.panel-grid-cell {
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    flex-wrap: wrap;
}


.wp-notes-widget-container.use-wp-notes-style .wp-notes-widget.text-colour-black a.wp-notes-action-link, .wp-notes-widget-container.use-wp-notes-style .wp-notes-widget.text-colour-black p, .wp-notes-widget-container.use-wp-notes-style .wp-notes-widget.text-colour-black h5, .wp-notes-widget-container.use-wp-notes-style .wp-notes-widget.text-colour-black h3{
    color: #F5B405 !important;
}

/*To change the text color and size of the events table*/
th {
    text-align: left;
    color: #F5B405;
    font-size: x-large;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: larger;
}

/*this is the code for the events page mpk*/

* {
   /* box-sizing: border-box;*/
}
.row::after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] {
       padding: 15px;
}
.col-1ex {width: 8.33%;}
.col-2ex {width: 16.66%;}
.col-3ex {width: 25%;}
.col-4ex {width: 33.33%;}
.col-5ex {width: 41.66%;}
.col-6ex {width: 50%;}
.col-7ex {width: 58.33%;}
.col-8ex {width: 66.66%;}
.col-9ex {width: 75%;}
.col-10ex {width: 83.33%;}
.col-11ex {width: 91.66%;}
.col-12ex {width: 100%;}

.exmenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
   
}
.expmenu li {
    padding: 8px;
    margin-bottom: 25px;
    margin-right: 10px;
    background-color: #ffffff;
    color: #F5B405;
   /* box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    border:solid black 2px;
    border-radius:10px;*/
    display:inline-block;
    min-width:260px;   
    max-width:260px;   
    vertical-align:top;
  }
.exmenu li:hover {
    background-color: #ffffff;
}

/*this is the code for the map to get bigger*/

#pl-113 .panel-grid-cell .so-panel:last-child {
    margin-bottom: 0px;
    width: 100%;
}

/*styling the same page above*/
#wpsl-search-btn {
    padding: 7px 10px;
    line-height: 1.428571429;
    font-weight: 400;
    color: #ffffff;
  background-color: #F5B405;
  background-image: none;
}


.em-pagination, .page-numbers{
    border: 2px solid #F5B405;
    border-collapse: collapse;
  	float:right;
  	margin:5px;
	padding-right: 5px;
    padding-left: 5px;	
}

.vendor_name_tag{
      color: #0e0e0e;
    float: left;
    font-size: large;
    font-weight: bold;
  	position: absolute;
      width: 245px;
    word-break: break-all;
  
}

.vendor_list_labels{
color: #0e0e0e;
}

.current{
background-color: #F5B405;
}

/*for the button on vendors list.*/
.sort_Vendors{

    margin-right: 5.5%;
  	margin-bottom:20px;
    float: initial;
}

/*to remove the line in the vendor list*/
.broken_link, a.broken_link {
    text-decoration: none;
}


/*this is to add a boundaries to the fields in the tables on the cart page
td {
  border: 1px solid rgba(0,0,0,.1);
}
*/

/*this is to customize the controls on the  carousel*/
.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 3%;
    opacity: 0.05;
    filter: alpha(opacity=40);
    /* font-size: 20px; */
    /* color: #ffffff; */
    text-align: center;
    /* text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); */
    background-color: rgba(0, 0, 0, 0);
}



/* Limit product titles on product listing page */
.woocommerce ul.products li.product h3 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

/*this is for adjusting and making the prices on the same line on shop page*/
.woocommerce ul.products li.product .price {
    color: #F5B405;
    /*display: -webkit-box;*/
  	display: -webkit-inline-box;
    font-weight: 300;
    margin-bottom: .5em;
    font-size: 1.157em;
}
.woocommerce ul.products li.product .price del {
    color: inherit;
    opacity: .5;
    display: block;
    margin-right: 10px; /*this will add some space betn the prices*/
}


/*this is the part for determining the location of the add to cart button depending on the screen size*/


/* Large desktops and laptops */
@media (min-width: 1200px) {
.woocommerce ul.products li.product{
  min-height: 460px !important; margin-bottom:10px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #f7f6f6;
}
ul.products li.product a.button {
  position: absolute !important; bottom: 20px;
	}
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
.woocommerce ul.products li.product{
  min-height: 450px !important; margin-bottom:10px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #f7f6f6;
}
ul.products li.product a.button {
  position: absolute !important; bottom: 20px;
	}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
.woocommerce ul.products li.product{
  min-height: 500px !important; margin-bottom:10px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #f7f6f6;
}
ul.products li.product a.button {
  position: absolute !important; bottom: 20px;
	}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
.woocommerce ul.products li.product{
  min-height: 500px !important; margin-bottom:10px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #f7f6f6;
}
ul.products li.product a.button {
  position: absolute !important; bottom: 20px;
	}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
.woocommerce ul.products li.product{
  min-height: 450px !important; margin-bottom:10px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #f7f6f6;
}
ul.products li.product a.button {
  position: absolute !important; bottom: 20px;
	}
}

/* this is the original css for making the button stay at the bottom.
 
.woocommerce ul.products li.product{
  min-height: 450px !important; margin-bottom:1px;
}
ul.products li.product a.button {
  position: absolute !important; bottom: 20px;
}
*/

/*this is for the butons to get width 100%*/
.woocommerce ul.products li.product .button {
    margin-top: 1em;
    text-align: -webkit-center;
    width: 90%;
    margin-bottom: -10px;
}


/*this is the css for vendor dash board tinymce*/
.mce-panel {
    /* border: 0 solid #cacaca; */
    /* border: 0 solid rgba(0,0,0,0.2); */
    /* background-color: #f0f0f0; */
   
}

.wcmp_form1 p {
    color: #4d4d4d;
    font-size: 15px;
    font-weight: 700;
    padding: 15px 4% 0px;
    margin: 15px 0 15px 0px;
}

.tinycenter{
    text-align: -webkit-center;
}
/*this is for the hide from user check box*/
.input-group-addon {
     width: 40%;
}


/* on mobile browsers, I set a width of 100% */
table.mceLayout, textarea.tinyMCE {
    width: 100% !important;
}

/* on large screens, I use a different layout, so 600px are sufficient */
@media only screen and (min-width: 600px) {
    table.mceLayout, textarea.richEditor {
       width: 600px !important;
    }
}

.wcmp_main_holder .wcmp_form1 span.txt {
    /* display: table-cell !important; */
    /* margin-left: 202px; */
    display: inline-block !important;
}

/*making the button on check out page bigger (place bindding order)*/
#place_order.button.alt {
    font-size: x-large;
    float: right;
}

.review_link_data_wappers{
    min-width: 180px;
    max-width: 240px;
  	float: right;
}

.wc-backward{
    width: 20%;
    text-align: -webkit-center;
}
.return-to-shop{
  
      width: 20%;
}
.coupon{
    padding: 10px;
    vertical-align: top;
}
.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
width:50%;
text-align: -webkit-center;
}

/*some more formating in the pagination*/
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #f5b405;
    color: #8a7e88;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    color: #f5b405;
}

/*changing the events button color*/
div.css-search div.em-search-main .em-search-submit {
    position: absolute;
    top: 5px;
    right: 5px;
    -moz-box-shadow: 0px 0px 0px 0px #ffffff;
    -webkit-box-shadow: 0px 0px 0px 0px #ffffff;
    box-shadow: 0px 0px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5b405), color-stop(1, #f5b405) );
    background: -moz-linear-gradient( center top, #f5b405 5%, #f5b405 100% );
    background-color: #f5b405;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #ffffff;
    font-weight: bold;
    padding: 8px 10px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #c7c5c7;
    line-height: 16px;
}

div.css-search div.em-search-main .em-search-submit:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5b405), color-stop(1, #f5b405) );
    background: -moz-linear-gradient( center top, #C4DB99 5%, #f5b405 100% );
    background: -ms-linear-gradient(top, #C4DB99, #f5b405);
    background: -o-linear-gradient(top, #C4DB99, #f5b405);
    background: linear-gradient(top, #C4DB99, #f5b405);
    background-color: #f5b405 ;
}
/*this is for the advanced options*/
span.show-advanced{
color: #f5b405;
}

span.hide-advanced{
color: #f5b405;
}

/*making the country disppear on the events page*/
div.css-search div.em-search-location, div.em-search-location-meta {
    margin: 0px;
    display: none;
    padding: 0px;
}

/* for the new product ribbon on products*/
.woosticker.new_ribbon_left {
    background-position: -1px -1px;
    top: 14px;
}

.woosticker.onsale_round_right {
    background-position: -2px -234px;
    top: 13px;
}
/*move on sale sticker*/
.woocommerce span.onsale {
    min-height: 3.236em;
    min-width: 3.236em;
    padding: .202em;
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 3.236;
    top: -.5em;
    left: -.5em;
    margin: 0;
    border-radius: 100%;
    background-color: #77a464;
    color: #fff;
    font-size: .857em;
    -webkit-font-smoothing: antialiased;
    z-index: 9;
    top: 54px;
    left: 0px;
}
/*this is for adjusting */
.pms-payment-id{
    padding-left: 2% !important;
    padding-right: 2% !important;
}
.pms-payment-amount{
    padding-left: 2% !important;
    padding-right: 2% !important;
}
.pms-payment-date{
    padding-left: 4% !important;
    padding-right: 4% !important;
}
.pms-payment-status{
    padding-left: 2% !important;
    padding-right: 2% !important;
}

/*to hide the second acceptance check box*/
.wc-terms-and-conditions{
display:none;
}
/*for the sharif sharing buttons*/
.shariff-main {
    display: -webkit-inline-box!important;
  	margin-top: 13px!important;
}

/*this is for changing the backgroup color for the button on the pop up*/
.woocommerce-Button.button{
background-color: #f5b405;
}
/*other edits on the pop up for login and registration */
body .woo-login-popup-sc-modal .woocommerce-Button {
    width: 100%;
    clear: both;
    font-size: 25px;
    line-height: 28px;
    height: auto;
    padding: 4px;
    margin: 20px 0px;
    font-weight: 800;
}

/*this is for changing the color of the registration button*/
.wcmp_regi_main .button {
    background: #f5b405;
}

/*these are the classes for the Ecommerce products*/
.All_ecommerce_products{
  display:inline-block; 
  margin-right: 20px;
  margin-left: 13px;
  max-width:280px;
  min-width:200px;
  text-align: -webkit-center;
  /*margin-right: 1.5%;
  margin-left: 10px;*/
}
.ecommerce_products_image{
/*width:200px;
height:100px;*/
    width: 240px;
    height: auto;
    margin-left: 10px;
}
.ecommerce_products_text{
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 16px;     /* fallback */
   max-height: 132px;      /* fallback */
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}

.ecommerce_products{
max-width:240px;
min-width:200px;
}

.ecommerce_products_image{
/*max-height:250px;
min-height:200px;
max-width:300px;
min-width:200px;*/
}

/*remove the border around the shop description*/
.description_data table td{
border:0px solid #ccc !important;
}

/*for more products button in the single products page*/
.goto_more_offer_tab.button {
    margin: 15px 0 10px !important;
    max-width: 200px;
}


/*making images in single product page shorter
.woocommerce div.product div.images img {
    display: block;
    width: 80%;
    max-height: 500px;
    box-shadow: none;
      height: -webkit-fill-available;
      padding-left: 2px;
}

.attachment-sho_single.size-shop_single{
    height: 110px;
    height: -webkit-fill-available;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
    width: 25%;
    display: inline-block;
    height: 100px;
  margin-top:1px;
}*/


.woocommerce #primary .images img {
    width: auto;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    cursor: pointer;
    opacity: .5;
    margin: 0;
    padding: 2px;
    height: 150px;
}

/*removing social media icons on vendor page*/
.shariff.shariff-align-flex-start ul {
    justify-content: flex-start;
    align-items: flex-start;
    display: none;
}

/*remove vendor logo on shop page*/
.vendor_description .vendor_img_add {
    float: left;
    width: 280px;
    max-width: 100%;
    display: none;
}

/*trying to resolve events list images*/
img.attachment-250x250.size-250x250.wp-post-image{
width:auto;
}

/*Adding space btn pinward notes*/
.wp-notes-widget-container.use-wp-notes-style {
    position: relative;
    z-index: 1;
    padding-top: 10px;
    margin: 10px;
}




/*display categories in frontend*/
.wpt-form-set-checkboxes {
    float: left;
    width: 100%;
}
 
.wpt-form-set-checkboxes li {
    float: left;
    width: 33%;
}
 
.wpt-form-set-checkboxes li input {
    float: left;
    margin-right: 5px;
}
 
.wpt-form-set-children {
    width: 100%;
    float: left;
}
 
.wpt-form-set-children li {
    float: left;
    width: 25%;
    padding-right: 35px;
}
 
.wpt-form-set-children li input {
    float: left;
    margin-right: 5px;
}
 
li[class^='tax-children-'] {
    clear: both;
    width: 100%;
}


/*this is the part for determining the sive of the banner non vendor shop depending on the screen size*/


/* Large desktops and laptops */
@media (min-width: 1200px) {

  .vendor_description{
    height:245px;
  }
  .vendor_description_background{
    height:245px;
  }
  .vendor_info_labels{
    font-size:32px;
  }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

  .vendor_description{
    height:205px;
  }
  .vendor_description_background{
    height:205px;
  }
  .vendor_info_labels{
    font-size:30px;
  } 

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

  .vendor_description{
    height:160px;
  }
  .vendor_description_background{
    height:160px;
  }
  .vendor_info_labels{
    font-size:29px;
  }

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

  .vendor_description{
    height:125px;
  }
  .vendor_description_background{
    height:125px;
  }
  .vendor_info_labels{
   font-size:27px;
  }

}

/* Portrait phones and smaller */
@media (max-width: 480px) {

  .vendor_description{
    height:105px;
  }
  .vendor_description_background{
    height:105px;
  }

 .vendor_info_labels{
  font-size:25px;
 }

}

.jumbotron {
    background-position-x: left !important;
}