/** * @version:$Id:default.css 1001 09-01-2011 Robert Vining $ *

 *@package: SobiPro Products Template

 * =================================================== *

 * @author *

 * Name:Robert Vining, Sobi Templates *

 * Email:robert@sobitemplates.com *

 * Url:http://www.SobiTemplates.com *

 * =================================================== *

 *  @copyright Copyright (C) 2011 Sobi Templates (http://www.sobitemplates.com). All rights reserved. *

 *  @license see http://www.sobitemplates.com/license *

 *  Sobi Templates Proprietary Use v1. *

 *  You can use and modify this file for your specific purpose, but you may not distribute this file in whole or in part.

 * =================================================== *

 * File location:components/com_sobipro/usr/templates/sp_biztab/css/default.css */



/********* sp default frontend CSS ************/

#SobiPro img {

    max-width: 100%;

}

#SobiPro span.spEntriesListEditLink a, #SobiPro span.spEntryEditLink a {

    display: block;

    float: right;

    text-align: center;

    padding: 4px;

    font-size: 12px;

    margin-left: 5px;

    text-decoration: none;

}



#SobiPro {

    width: 100%;

	margin-bottom: 15px;

}



#SobiPro, #SobiPro .ui-widget input, #SobiPro .ui-widget select, #SobiPro .ui-widget textarea, #SobiPro .ui-widget button {

	font-family: inherit!important;

}



#SobiPro p {

    line-height: 1.3em;

}



#SobiPro .well {

	background: none;

	border: none;

}

#SobiPro .review-rating-stars {

	float: right;

	padding: 0;

}

#SobiPro .review-rating-stars > div {

	margin-top: 7px;

}

#SobiPro #st_detail .review-rating-stars {

	height: 35px;

	padding: 0;

}

#SobiPro #st_detail .review-rating-stars > div {

	margin: 0;

}

div.SobiPro.componentheading {

    font-size: 20px;

    line-height: 30px;

    float: left;

	padding: 5px;

}



#SobiPro a {

    text-decoration: none;

}



#SobiPro div.SPListing {

}





div.pagination-wrapper {

    width: 100%;

    text-align: center;

    line-height: 30px;

	display: inline-block;

}



div.pagination-wrapper span {

	border: none;

	background: none;

}



#SobiPro div.spCatListCell {

	display: inline-block;

	text-align: left;

}



#SobiPro div.spEntriesListContainer {

    height: 100%;

}



#SobiPro div.spEntriesListCell {

    margin: 0;

    padding: 0;

    float: left;

    position: relative;

    border-bottom: 2px solid;

    margin-bottom: 20px;

}



#SobiPro div.spEntriesListRow {

    clear: both;

    margin-top: 1px;

}



#SobiPro div.spCatListContainer {

    width: 100%;

    text-align: center;

    margin-bottom: 15px;

}



#SobiPro span.spCatListSubCats {

    font-size: 12px;

    float: left;

    display: block;

    width: 50%;

	line-height: 30px;

}



#SobiPro span.spCatListSubCats a {

	display: block;

}



#SobiPro div.spCatsListTitle {

    padding: 2px 0px;

    border-bottom: 1px solid;

}



#SobiPro div.spCatsListTitle a {

    font-weight: bold;

    font-size: 16px;

	display: block;

    padding: 15px 0;

}



#SobiPro div.spCatsListIntrotext {

}



#SobiPro div.spCatListIcon {

    float: right;

}



#SobiPro div.spCatListIcon img {

    border: none;

}



#SobiPro .spEntriesListRow .spEntriesListRightCell-2 {

    margin-left: 2%;

}



/************** Submenu toolbar ***************/

#SobiPro div.spTopMenu {

	text-align: center;

  position: relative;

  z-index:2;

}

.alphaslide {

  position: relative;

  z-index:1;

}

#SobiPro ul.spTopMenu {

	display: block;

    list-style-type: none;

    margin: 0;

    padding: 0;

	margin-bottom: 10px;
	text-align:right;

}



#SobiPro ul.spTopMenu .navbar-search {

    float: none;

    margin-top: 10px;

    margin-bottom: 10px;

}



#SobiPro .alphaSlide li {

	list-style-type: none;

}



#SobiPro .alphaSlide #alpha-index {

	width: auto;

}

#SobiPro .alphaSlide .alphalist, #SobiPro .alphaSlide #alpha-index {

	display:inline-block; 

	float:none;

}

#SobiPro .alphaSlide .navbar {

	text-align: center;

}

#SobiPro .alphaSlide .btn {

	margin-top: -7px;

}



#SobiPro ul.spTopMenu li {

    display: inline-block;

    font-size: 16px;

    height: 30px;

	margin: 0 5px;
	
}

#SobiPro ul.spTopMenu li a, .spAlphaLetter a {

    font-weight: bold;

}



#SobiPro ul.spTopMenu li a:link, #SobiPro ul.spTopMenu li a:visited, #SobiPro ul.spTopMenu li a:hover, #SobiPro ul.spTopMenu li a:focus, #SobiPro ul.spTopMenu li a:active, #SobiPro input#SPCatsShow, #SobiPro input#SPAlphaShow {

    text-decoration: none;

    line-height: 30px;

    padding: 0 15px;

    font-weight: bold;

}



#SobiPro input#SPCatsShow, #SobiPro input#SPAlphaShow {

    font-size: 16px;

    height: 30px;

    border: none;

    background: none;

    font-family: inherit;

    cursor: pointer;

    margin: 0 auto;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}



#SobiPro .navbar-search {

    position: relative;

    float: left;

    margin-top: 0px;

    margin-bottom: 0px;

}



#SobiPro .navbar-search .search-query {

padding: 4px 14px;

margin-bottom: 0;

font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

font-size: 13px;

font-weight: normal;

line-height: normal;

-webkit-border-radius: 15px;

-moz-border-radius: 15px;

border-radius: 15px;

}







/************** SP AlphaMenu Style ***********/



#SobiPro div.spAlphaMenu {

    width: 100%;

    text-align: center !important;

	padding: 5px 0;

}



#SobiPro div#alpha_select {

    padding: 10px 0;

}



#SobiPro div.spAlphaMenu span {

    font-weight: normal;

    font-size: 16px;

    padding: 0 2px;

}



#SobiPro div.spAlphaMenu a {

    font-weight: bold;

    text-decoration: none !important;

	color: inherit;

}



#SobiPro span.spAlphaLetterSelected  a {

    font-size: 16px;

    font-style: italic;

}



/*********** Vcard Style ***************/

#SobiPro div.spEntriesListTitle {

    display: block;

    height: auto;

    width: 100%;

    float:left;

}



#SobiPro div.spEntriesListTitle h2 {

    line-height: 35px;

    font-size: 18px;

    margin: 0;

    padding: 0 0 0 10px;

    float: left;

    display: block;

}



#SobiPro div.spEntriesListTitle h2 a {

    font-weight: normal;

}



#SobiPro h3.field_slogan {

    font-weight: normal;

	font-size: 15px;

	line-height: 35px;

	margin: 0 10px 0 0;

	display: block;

	clear: both;

	text-align: center;

	float: none;

}



#SobiPro .vc_inner {

    padding: 10px 0;

    clear: both;

}

div.vc-addy {

    padding-left: 40px;

    line-height: 30px;

    font-weight: bold;

}



#vc_phone, #vc_email, #vc_site {

    line-height: 30px;

    margin-right: 10px;

    font-weight: bold;

    padding-left: 40px;

}



#st_email {

	word-wrap: break-word;

}



#SobiPro div.vc_image {

    float: left;

    margin-right: 10px;

    margin-bottom: 10px;

    width: 180px;

}



#SobiPro div.vc_data {

    float:right;

    padding: 0 5px;

    min-width: 215px;

}



#SobiPro div.field_intro_text p {

    margin: 0;

}



#SobiPro div.spEntryCats {

    overflow: hidden;

    line-height: 24px;

}



#SobiPro span.vc_more {

    float: right;

    width: 100%;

    text-align:center;

    margin-top:10px;

}



#SobiPro span.vc_more a {

    font-weight: bold;

    line-height: 24px;

    padding: 6px 16px;

    display: block;

}



#SobiPro div#vc_bottom {

    float: right;

    margin-top: 5px;

}



#SobiPro span.vc-review {

    float: right;

    margin-left: 10px;

    line-height: 24px;

}



#SobiPro #vc_bottom span.vc-review {

	display: none;

}



/************ Detail View Style ***************/



#SobiPro #st_social {

    float: right;

	margin-top: 8px;

}



#SobiPro .itp-share-mod-tw, #SobiPro .itp-share-mod-lin, #SobiPro .itp-share-mod-gone, #SobiPro .itp-share-mod-fbl{

	margin: 0;

	height: 25px;

}



#SobiPro .itp-share-mod-tw {

	width: 90px;

}



#SobiPro .itp-share-mod-lin, #SobiPro .itp-share-mod-gone, #SobiPro .itp-share-mod-fbl {

	width: 70px;

}



#SobiPro div#st_manager {

    float: right;

}



#SobiPro div#st_titlebar {

    display: block;

    width: 100%;

    float: left;

}



#SobiPro h1.SPTitle {

    display: block;

    font-size: 20px;

    margin: 10px 0 10px 10px;

    padding: 0;

    line-height: 30px;

    font-weight: normal;

    border: none;

}



#SobiPro div#st_manager {

    float: right;

    margin: 8px 10px 0 0;

}



#SobiPro div#st_stars {

    float: right;

    margin: 15px 10px 0 0;

}



#SobiPro div.sprrSumRevOar {

	margin-top: 8px;

	margin-left: 5px;

}



#SobiPro div.sprrRatingStars {

    float: right;

	margin: 10px;

}



#vc_bottom div.sprrRatingStars {

    padding-top: 3px;

}



#SobiPro div.star-rating-hover a {

	background-position: 0 -16px !important;

}



#SobiPro #st_detail div.sprrRatingStars {

	margin: 10px;

	margin-top: 2px;

}



#SobiPro span.st_reviews {

    float: right;

    margin-left: 10px;

	line-height: 15px;

}



#SobiPro #st_detail span.st_reviews {

	line-height: 20px;

}



#SobiPro ul#st_main_col_1, #SobiPro ul#st_main_col_2 {

    list-style-type: none;

    margin: 10px 0 0 0;

    padding: 0;

    float: left;

    width: 33%;

}



#SobiPro ul#st_main_col_1 li, #SobiPro ul#st_main_col_2 li {

    line-height: 20px;

    padding-left: 20px;

}



#SobiPro ul#st_main_col_2 li#li_social {

    padding-left: 8px;

}



#SobiPro span.st_label {

    font-weight: bold;

}



#SobiPro li#li_social span a {

    display: block;

    width: 25%;

    float: left;

}



#SobiPro div.main_image {

    float: right;

    margin-top: 8px;

	padding: 5px 0;

}



#SobiPro div.main_image img {

    border: 0px solid;

	margin-top: 10px;

	max-width: 97%;

}



#SobiPro span.sp_tweet {

    float: left;

    width: 120px;

    padding-top: 2px;

}



#SobiPro span.st_linkedin {

    float: left;

    padding-top: 3px;

    width: 110px;

}



#SobiPro div.c1 {

    text-align: left;

}



#field_download_license_data {

    text-align: left;

}



#field_download_license_data h3 {

    font-size: 16px;

    text-align: center;

    font-weight: bold;

}



#SobiPro div.c2 {

    float: right;

}



/************* SP BizTabs Tab Styles *************/



#SobiPro .ui-widget-content {

    border: none;

    background-color: transparent;

    background-image: none;

}



#SobiPro #biztabs {

    margin-top: 10px;

    border-bottom: 2px solid;

    border-radius: 0;

    width: 100%;

}



#SobiPro #biztabs ul {

    margin: 0;

    padding: 0;

    list-style-type: none;

}



#SobiPro #biztabs ul.ui-corner-all {

    border: none;

    border-radius: 0;

}



#SobiPro #biztabs ul.ui-widget-header {

    height: 35px;

    width: 100%;

    display: block;

}



#SobiPro .ui-tabs {

    padding: 0;

}



#SobiPro .ui-tabs .ui-tabs-nav li {

    line-height: 35px;

    top: 0;

    margin-left: 10px;

}



#SobiPro ul li.ui-state-default {

    background: none;

    border: none;

}



#SobiPro .ui-tabs .ui-tabs-nav li a {

    padding: 0 40px;

    font-weight: normal;

    font-size: 18px;

}



#SobiPro .ui-tabs .ui-tabs-panel {

    margin: 0;

    padding: 0;

    float: left;

    width: 100%;

}



#SobiPro div.tab_head {

    display: block;

    border-bottom: 3px solid;

    width: 100%;

    float: left;

}



#SobiPro div.tab_head h3 {

    margin: 0 0 0 10px;

    padding: 0;

    font-size: 18px;

    font-weight: normal;

    line-height: 40px;

}



#SobiPro div.tab_head h3.ov_slogan {

    text-align: center;

    font-style: italic;

}



#SobiPro h3.body_title {

    font-size: 18px;

    font-weight: normal;

    margin: 0;

    padding: 0;

    line-height: 50px;

}



/************ sp_biztab Tab 1 Layout *************/



#SobiPro #ov_col1, #SobiPro #ov_col2 {

    float: left;

    width: 33%;

    margin-left: 10px;

}



#SobiPro #ov_col3 {

    float: right;

    width: 31%;

}



#SobiPro #ov_col1 table, #SobiPro #ov_col1 table tr, #SobiPro #ov_col1 table td {

    border: none !important;

}



#SobiPro #ov_col1 table td {

    padding: 3px 10px 3px 3px;

    font-weight: bold;

}



#SobiPro div.field_description {

    margin-bottom: 20px;

}



#SobiPro div.ov_payment img {

    float: left;

    margin-left: 3px;

    margin-bottom: 5px;

}



#ov_description {

    margin: 0 10px;

}



/**************  sp_biztab Tab 2 Layout **********/



#pr_body {

    padding: 10px;

    clear: left;

}



#SobiPro ul.pr_col {

    float: left;

    width: 33%;

    font-weight: bold;

}



/************** sp_biztab Tab 3 Layout ***********/



#st_addy, #st_directions, #st_map {

    margin-left: 10px;

}



#st_directions {

    margin: 0 0 20px 10px;

}



#st_map {

    margin: 20px 0;

}



#dir_text {

    float: left;

    line-height: 24px;

    padding: 6px 10px 0 0;



}



input#dir_addy {

    padding: 2px;

    margin: 0 10px;

    width: 300px;

}



input#dir_button {

    padding: 5px 14px;

	margin-top: 5px;

    border: 2px solid;

    cursor: pointer;

}



/**************  sp_biztab Tab 4 Laout ***********/



#SobiPro div.st_box {

    float: left;

    margin-right: 36px;

    margin-top: 20px;

}



#SobiPro div.st_box.last {

    margin-right: 0;

}



#SobiPro div.st_box a img {

    border: 2px solid;

}



#SobiPro div#st_tube {

    margin: 10px;

}



#SobiPro div#st_tube iframe {

    height: 450px;

}



/*************** sp_biztab 5 layout *************/



#SobiPro #spRrShowForm, #SobiPro #spRrHideForm, #SobiPro #spRrSubmit, #tab-5 button.sprrRevReport {

    float: right!important;

	margin: 10px;

}



div#spReviewCont {

    margin: 10px;

}



#SobiPro div.sprrRevText {

    font-style: normal;

}



#SobiPro div.sprrSumRating {

    margin: 5px 0;

}



#SobiPro .ui-widget {

    font-family: inherit;

    float: left !important;

}



#SobiPro div#spSendBt {

    float: left;

}



#SobiPro div.sprrReviewCont, #SobiPro div.sprrSumRating {

    border: none;

    border-radius: 0;

	padding-bottom: 0;

}



#SobiPro div.sprrSumRating {

    margin: 10px;

    float: left;

    width: 70%;

}



#SobiPro div.spRatingSummDetails, #SobiPro div.sprrSumRatingHead {

    padding: 5px 0;

}



#SobiPro div.spRatingNum {

    padding: 0;

    height: 20px;

}



/*************** SP Payment Styles ***************/



#SobiPro div.spPaymentHeader {

    margin: 1px;

    float: left;

    padding: 2px;

    padding-left: 5px;

}



#SobiPro div.spPaymentPosition {

    margin: 1px;

    float: left;

    padding: 2px;

    padding-left: 5px;

}



#SobiPro div.spPaymentExpl {

    font-size: 15px;

    font-weight: bold;

    font-family: inherit;

    margin: 3px;

}



#SobiPro div.spPaymentDiscount, div.spPaymentSum {

    font-weight: bold;

    font-family: inherit;

    margin: 3px;

}



#SobiPro div.spPaymentSumPosition {

    margin: 1px;

    float: left;

    padding: 2px;

    padding-left: 5px;

}



#SobiPro div.spPaymentSumDesc {

    margin: 1px;

    float: left;

    padding: 2px;

    padding-left: 5px;

}



#SobiPro div.spPaymentPreview button {

    margin: 5px;

}



#SobiPro a.spDisabled:hover {

    text-decoration: none;

}



/*** REVIEW  ***/



div.sprrSumRatingHead {

    height: auto;

}



#SobiPro div.sprrSumRating {

    width: 100%;

}



#SobiPro div.spRatingNum {

    float: left;

}



div.spRatingLabel {

    width: 50%;

}



.spRatingSummDetails div.spRatingLabel {

	padding-right: 10px;

}



div.sprrRevTitle, div.sprrRevOar {

    height: auto;

    clear: left;

}



input#dir_button {

    float: left;

    clear: left;

}



#SobiPro .defaultSkin table.mceToolbar, .defaultSkin tr.mceFirst .mceToolbar tr td, .defaultSkin tr.mceLast .mceToolbar tr td {

    float: left;

}



#SobiPro .defaultSkin table.mceToolbar tr {

    display: block;

    width: 100%;

}



#SobiPro .defaultSkin table.mceLayout {

    width: 100% !important;

}



#SobiPro .defaultSkin table.mceLayout table {

    clear: both;

    float: left;

}



#spEntryForm #field_mapContainer #field_map #field_map_canvas {

    width: 98% !important;

    margin-bottom: 10px;

}



/****   RESPONSIVE  ****/



/****   VCARD   *****/

#SobiPro .ui-tabs .ui-tabs-nav li a, #SobiPro .ui-tabs .ui-tabs-nav li {

    padding: 0 5px;

    margin: 0;

}



#SobiPro ul.spTopMenu li a:link, #SobiPro ul.spTopMenu li a:visited,

#SobiPro ul.spTopMenu li a:hover, #SobiPro ul.spTopMenu li a:focus,

#SobiPro ul.spTopMenu li a:active, #SobiPro input#SPCatsShow, #SobiPro input#SPAlphaShow {

    padding: 0 14px;

}



#SobiPro input#SPCatsShow, #SobiPro input#SPAlphaShow {

    font-size: 13px;

}



/****   DETAILS     ****/



#SobiPro div.main_image {

    width: 32%;

}



#SobiPro ul#st_main_col_1, #SobiPro ul#st_main_col_2 {

    width: 34%;

}



#SobiPro #ov_col3 {

    width: 27%;

}



#SobiPro #ov_col2 {

    width: 31%;

}



#SobiPro #ov_col1 {

    width: 38%

}



#SobiPro #biztabs ul.pr_col {

    width: 32%;

    margin-right: 7px;

    margin-bottom: 10px;

}



#SobiPro #pr_body ul a {

	word-wrap: break-word;

	display: block;

}



#SobiPro div.st_box {

    margin: 0 auto;

    margin-top: 15px;

    width: 32%;

    text-align: center;

    float: none;

    display: inline-block;

}



#SPGallery {

    margin-left: 15px;

	margin-bottom: 15px;

}



div[id^=field_map_canvas_] {

    width: 97% !important;

    margin: 0 auto;

}



input#dir_addy {

    width: 95%;

    margin: 0;

}



#pr_history, .st_tab1, .st_tab2, .st_tab3, .st_tab4, .st_tab5 {

    margin: 0 10px 10px;

}



.spEntryCats a {

    margin-left: 5px;

}



#SobiPro div#spReviewCont {

	width: auto;

	clear: both;

}



#SobiPro input#spRevTitle, #SobiPro div#spReviewCont imput, #SobiPro div#spReviewCont textarea, #SobiPro div.tagsinput input {

	width: 100%;

	max-width: 100%;

}



#SobiPro div.tagsinput {

	width: auto!important;

}



#SobiPro div.spRatingField {

	min-height: 20px;

	margin-top: 15px;

}



#fbox_world #fbox_fg {

	height: auto!important;

}

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

    #SobiPro .spEntriesListRow .spEntriesListRightCell-2 {

        margin-left: 2%;

    }

    #SobiPro .spEntriesListRow .spEntriesListRightCell-3 {

        margin-left: 1.5%;

    }

    #SobiPro .spEntriesListRow .spEntriesListRightCell-4 {

        margin-left: 1.33%;

    }

    #SobiPro .spEntriesListRow .spEntriesListRightCell-5 {

        margin-left: 1.25%;

    }

}

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

    #SobiPro .spEntriesListRow .spEntriesListCell {

        width: 100% !important;

        margin-left: 0 !important;

    }

    #SobiPro .alphaSlide .alphalist, #SobiPro .alphaSlide #alpha-index {

      padding-top: 10px;

    }

}



@media (max-width: 1010px) {



    /****   VCARD   *****/

	

    #SobiPro .ui-tabs .ui-tabs-nav li a {

        width: 100%;

        max-width: 100%;

        text-align: center;

        margin: 0 auto;

    }

	

    #SobiPro div#st_tube iframe, div[id^="field_map_canvas_"] {

        height: 400px!important;;

    }



    #SobiPro span.vc_more {

        clear:left;

        float:left;

      //  width: auto;

    }



    #vc_phone, #vc_email, #vc_site {

        float:left;



    }



    /****   DETAILS     ****/



    #SobiPro div.main_image, #SobiPro #ov_col3 {

        text-align: center;

        width: auto;

        float: none;

        clear: left;

    }



    #SobiPro ul#st_main_col_1, #SobiPro ul#st_main_col_2 {

        width: 50%;

    }



    #SobiPro #ov_col1, #SobiPro #ov_col2 {

        width: 48%;

    }

}



@media (max-width: 975px) {



	/****   TOP BAR     ****/



	#SobiPro span.spCatListSubCats {

		width: 100%;

	}



    /****   DETAILS     ****/

    #SobiPro .ui-tabs .ui-tabs-nav li a, #SobiPro .ui-tabs .ui-tabs-nav li {

        padding: 0;

        margin: 0;

    }



    #SobiPro .ui-tabs .ui-tabs-nav li {

        width: 100%;

    }



    #SobiPro div.st_box {

        margin: 0 5px;

        margin-top: 15px;

        width: 46%;

        text-align: center;

    }



}



@media (max-width: 855px) {



    /****   DETAILS     ****/



    #SobiPro #biztabs ul.pr_col {

        width: 100%;

    }



}



@media (max-width: 767px) {



    /****   DETAILS     ****/



    #SobiPro div#st_tube iframe, div[id^="field_map_canvas_"] {

        height: 300px!important;

    }



    #SobiPro ul#st_main_col_1, #SobiPro ul#st_main_col_2 {

        width: 50%;

    }



    #SobiPro #ov_col1, #SobiPro #ov_col2 {

        width: 48%;

    }



    #SobiPro div.st_box {

        margin: 0 5px;

        margin-top: 15px;

        width: 30%;

        text-align: center;

    }



}



@media (max-width: 740px) {



    /****   VCARD   *****/



    #vc_site {

        clear: both;

    }



    /****   DETAILS     ****/

    #SobiPro .ui-tabs .ui-tabs-nav li a, #SobiPro .ui-tabs .ui-tabs-nav li {

        padding: 0;

        margin: 0;

    }



    #SobiPro .ui-tabs .ui-tabs-nav li {

        width: 100%;

    }

}



@media (max-width: 615px) {



    /****   VCARD   *****/

   

    #vc_phone, #vc_email, #vc_site {

        float: left;

    }



    #vc_email {

        width: auto;

    }



    /****   DETAILS     ****/

    #SobiPro ul#st_main_col_1, #SobiPro ul#st_main_col_2, #SobiPro #ov_col1, #SobiPro #ov_col2 {

        width: 63%;

        margin: 0 auto;

        float: none;

    }



    #SobiPro ul#st_main_col_1 li, #SobiPro ul#st_main_col_2 li {

        clear: both;

    }



    #SobiPro div.st_box {

        margin: 0 5px;

        margin-top: 15px;

        width: 46%;

        text-align: center;

    }



}



@media (max-width: 500px) {



  #SobiPro .navbar-search {

    width: 100%;

    margin-left: 0px;

    box-sizing: border-box;

    padding-left: 0;

    padding-right: 30px;

  }  



  #SobiPro .alphaSlide .alphalist, #SobiPro .alphaSlide #alpha-index {

    float: left;

    padding-top: 10px;

  }



    /****   VCARD   *****/

	#SobiPro ul.spTopMenu {

		width: 100%;

	}

	

    #SobiPro ul.spTopMenu li, #SobiPro ul.spTopMenu li input, #SobiPro .ui-tabs .ui-tabs-nav li a {

        width: 100%;

        max-width: 100%;

        text-align: center;

        margin: 0 auto;

    }

	

    #vc_phone, #vc_email, #vc_site {

        float: left;

    }

    #SobiPro h3.field_slogan {

        margin: 0;

        padding-left: 5px;

        line-height: 25px;

        color: black;

        clear: both;

        float: left;

        width: 100%;

    }

	

	#SobiPro .field_intro_text {

        clear:both;

        padding-top: 10px;

    }

	

	#SobiPro div.vc_data {

        padding: 0;

        float: left;

    }



    /****   DETAILS     ****/

    #SobiPro div#st_tube iframe {

        height: 210px

    }



    #SobiPro ul#st_main_col_1, #SobiPro ul#st_main_col_2, #SobiPro #ov_col1, #SobiPro #ov_col2 {

        width: 75%;

    }



    #SPGallery {

        margin-left: 5px;

    }

}



@media (max-width: 430px) {



    /****   VCARD   *****/

    #vc_phone, #vc_email, #vc_site {

        margin-right: auto;

        padding-bottom: 5px;

    }



    #SobiPro .SPListing div.vc-addy {

        background-position: 8px 44%;

        padding-bottom: 5px;

    }



    #SobiPro div.vc_image {

        text-align:center;

        width: 100%;

        margin-right: 0;

    }



    /****   DETAILS     ****/

    #SobiPro div.st_box {

        margin: 0 5px;

        margin-top: 15px;

        width: 100%;

        text-align: center;

    }



    #SPGallery {

        margin-left: 0;

    }



    #SobiPro div#st_tube {

        margin-right: 0;

        margin-left: 10px;

    }



    #SobiPro ul#st_main_col_1, #SobiPro ul#st_main_col_2, #SobiPro #ov_col1, #SobiPro #ov_col2 {

        width: auto;

    }



    div[id^=field_map_canvas_] {

        height: 200px !important;

    }



    #SobiPro div.spCatListCell {

        width: 96% !important;

		margin: 0;

		padding: 5px;

    }

		

	div.spRatingLabel {

		width: 100%;

	}

}



@media (max-width: 280px) {



    /****   VCARD   *****/

    #SobiPro .SPListing div.vc-addy {

        background-position: 8px 44%;

        padding-bottom: 5px;

    }



    #SobiPro div.field_intro_text, div#vc_bottom, #SobiPro span.vc-review {

        margin: 0;

    }



    #SobiPro div.vc_image {

        margin-left: 2px;

        height: 90px;

        width: 90px;

    }

	



    div.sprrRatingStars {

		display: none;

	}



    #SobiPro ul.spTopMenu li a:link, #SobiPro ul.spTopMenu li a:visited,

    #SobiPro ul.spTopMenu li a:hover, #SobiPro ul.spTopMenu li a:focus,

    #SobiPro ul.spTopMenu li a:active, #SobiPro input#SPCatsShow, #SobiPro input#SPAlphaShow {

        padding: 0;

        font-size: 12px;

    }



    #SobiPro div.spEntriesListTitle h2 {

        font-size: 15px;

        padding: 0;

        padding-left: 2px;

    }



    #SobiPro h3.field_slogan {

        line-height: 20px;

    }



    #SobiPro div.vc-addy {

        padding-left: 10px;

        line-height: 20px;

        padding-top: 10px;

    }



    #SobiPro #vc_phone, #SobiPro #vc_email, #SobiPro #vc_site {

        margin-right: auto;

        line-height: 20px;

        padding-bottom: 10px;

    }



    /****   DETAILS     ****/

    #SobiPro div#st_tube iframe {

        height: 110px

    }



    #SobiPro span.st_label {

        display: block;

    }



    #SobiPro {

        word-wrap: break-word;

    }



    #SobiPro ul li.ui-state-default a:link, #SobiPro ul li.ui-state-default a:visited,

    #SobiPro ul li.ui-state-default a:hover, #SobiPro ul li.ui-state-active a,

    #SobiPro ul li.ui-state-active a:link, #SobiPro ul li.ui-state-active a:visited {

        font-size: 15px;

    }



    #SobiPro li#li_social span a img {

        margin: 8px 20px 8px 0;

    }



    #SobiPro ul#st_main_col_1 li, #SobiPro ul#st_main_col_2 li {

        padding-bottom: 10px;

    }



    #SobiPro #ov_col1 table td {

        padding: 3px 0px 3px 3px;

    }

}