@media (max-width: 1100px) {
    .round-border-buton{
		padding: 8px 12px 8px 12px;
		font-size: 12px;
		letter-spacing: 0.8px;
    }
    
    .extend-style5 #style5-map-container{
		position: relative;
		max-width: 100%;
		max-height: 400px;
	}
	
	.extend-style5{
		min-height: 450px;
	}
    
    .listing-filter ul li{
   		width: 49%;
   }
}

@media (max-width: 767px) {
	
	
	.horizontal-list.border-large li{
		width: 32%;
	}
	
	
	.compact-list .company-info{
		padding: 10px;
	}
	
	.category-form-container{
		width: 95%;
	}
	
	.results-style-7 .bottom-info{
		position: relative;
	}
	
	
	.search-map-container{
		max-height: 400px;
	}
	
	#top-right-container{
	}
	
	.detail_box input[type="text"]{
		width: 95% !important;
	}
	
	.detail_box textarea{
		width: 95% !important;
	}
	
	.picture-table .img_picture_company, .picture-table .img_picture_offer{
		width: 95% !important;
	}
	
	.picture-table .key{
		display:none;
	}
	
	.picture-table  textarea{
		width: 100%;
	}
	
	.detail_box select{
		width: 95%;
	}
	
	.add-review textarea{
		width: 100%;
	}
	
	#slidergallery ul.gallery li{
		width: 45%;	
	}
	
	#slidergallery ul.gallery li img{
		width: 100%;
		height: auto;
	}
	
	.category-content{
		height: auto !important;
	}
	
	.grid-content .post{
		margin-bottom: 17px;
	}
	
	#invoice .dialogContent{
		width: 300px;
	}
	
	.business-hour input{
		width: 100px;
	}
	
	.list-contact .business-info{
		margin-bottom: 30px;
	}
	
	.list-contact .business-name{
		text-align: center;
	}
	
	div.business-hour-time{
		text-align: left;
	}
	
	.grid-style2 .grid-item .grid-content {
		height: auto;
	}
	
	#location-dialog .dialogContent {
	   width: auto;
    }
    
    
    #offer-detail-1 .dir-offer-links{
    	float: none;
    	width: 100%
    }
    
    #offer-detail-1 .link-item{
       display: inline-block;
       line-height: 40px;
       padding-right: 7px;
    }
    
    #offer-detail-1 .link-item a{
    	padding-right: 10px;
    }
    
    #offer-detail-1 .dir-print{
    }
    
    #offer-detail-2 .organizer .hover-offer > div {
        left: 32%;
    }
    
    .grid-content .post-image, .service-list .grid-content .post-image{
    	height: auto;
    }
    
	.truncate-text{
    	max-width: 300px !important;
    }
    
    .search-options{
    	float: left;
    }

	.list-style-7 .content-box{
		margin: 5px 0;
	}
	
	.list-style-7 .company-gallery{
		height: auto;
	}

 	.list-style-7 .bottom-info{
    	position: relative;
    }
    
    .list-style-8 .featured-text{
    	position: relative;
    	bottom: 0;
    }
    
    .list-style-8 .item-name{
    	margin-top: 10px;
    }
    
     .list-style-8 .result-content{
     	padding: 10px;
     }
    
    .list-style-3 .result-content{
    	margin-top: 15px;
    	text-align: center;
    }
    
    .list-style-7 .company-gallery img{
    	height: auto;
    }
    
    .list-style-8 .item-info-container{
    	padding: 0px 10px;
    }
}


@media (max-width: 480px) {
	
	.horizontal-list.border-large li{
		width: 100%;
		border-left: none;
		padding-left: 0;
	}
	
	.horizontal-list li{
		width: 100%;
		border-left: none;
		padding-left: 0;
	}
	
	.detail_box input[type="text"], .detail_box select{
		width: 95% !important;
	}
	
	.detail_box textarea{
		width: 95%;
	}
	
	#one-page-container #company-info{
		width: 100%;
	}
	
	#one-page-container	.company-image{
		width: 100%;
	}
	.one-page-container .company-info-container {
		width: 100%;
	}	
	
	#one-page-container #social-networks-container{
		margin: 10px 0;
	}
	
	.one-page-container dt{
		float: none;
	}
	
	#reviews .reviewer-name {
    	width: 100%;
    	padding-left: 10px;
	}
	
	.search-options{
		float: none;
		width: 100%;
	}
	
	.compact-list .content-box{
		float: none;
		width: 100%;
	}
	
	.compact-list .result {
   	 	padding: 10px 0px 0px;
	}
	
	.result .company-rating {
		float: left;
		margin-left: 0;
		width: 100%;
		display: inline;
	}
	
	
	.grid4 .post{
		width: 95%;
	}
	
	#dialog-container{
		width: 95%;
		min-width: auto;
	}
	
	.dialogContent{
		max-width: 95%;
	}
	
	.dialogContent .outer_input input[type="text"], .dialogContent select, .dialogContent textarea{
		width: 95%;
	}
	
	#slidergallery ul.gallery li{
		width: 100%;	
	}
	
	.category-content .category-img-container{
		width: 100%;
		margin-bottom: 10px;
	}
	
	.grid-content .post{
		width: 100% !important;
		margin-left: 1%;
		margin-right: 1%;
	}
	
	.grid-content .post{
		width: 100% !important;
	}
	
	#invoice .dialogContent{
		width: 300px;
	}
	
	.business-hour input[type="text"]{
		width: 90px;
	}
	
	#categories-accordion li.accordion-element{
		width: 100%;
	}
	
	/* ------control panel --------- */
	#jdb-wrapper #page-wrapper{
		margin: 0!important;
	}
	
	#jdb-wrapper #content-wrapper{
		margin: 20px 0!important;
	}
	
	.company-style-5-header-info .business-logo{
		width: 100%;
		height: auto;
	}
	
	#socials .item-image img {
	    max-width: 230px;
	}
    #offer-detail-2 .organizer .hover-offer > div {
        left: 55% !important;
    }
    #offer-detail-2 #top-right-container {
        display: none;
    }
    
    .btn{
		width: 100%;
    }
    .dir-table .btn{
		margin: 0 0 5px!important;
	}
	
	.jbd-edit-container .btn{
		width: auto;
	}
	
	.jbd-edit-container .calendar-date{
		width: 70% !important;
	}
	
	#copy-me{
		float: left;
		margin-right: 5px;
		width: auto!important;
	}
	
	/* Force table to not be like tables anymore */
	.responsive table, 
	.responsive thead, 
	.responsive tbody, 
	.responsive th, 
	.responsive td, 
	.responsive tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.responsive thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.responsive tr { border: 1px solid #ccc; }
 
	.responsive td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%!important; 
		white-space: normal;
		text-align:left;
	}
 
	.responsive td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	.responsive td:before { content: attr(data-title); }
	
	.hidden-phone{
		display:none !important;
	}
	
	.button-row{
		float: none;
		display: block;
	}
	
	.order-options{
		float: none;
		line-height: 40px;
	}
	
	#rc-imageselect, .g-recaptcha {
		max-width: 300px;
	}
	
	#recaptcha_table { width:70%; }
	
	#searchform .form-field{
		float: none !important;
		width: 100%;
	}
	
	#search-details .chosen-container, #search-module .chosen-container, #search-module #companies-search .chosen-container, #search-module  #companies-search input.search-field, .shadow-input, #search-module  #companies-search select{
		width: 100% !important;
	}
	
	#conferences .chosen-container, #conferences select{
		width: 100% !important;
	}
	
	#conferences  .search-options{
		text-align: left;
	}
	
	#search-results #search-module #searchform .form-field{
		float: none !important;
	}
	
	#filter-button{
		width: 100%;
	}
	
	#search-results .search-options{
		width: 100%;
		margin: 10px 0;
	}
	
	.listing-filter ul li{
   		width: 100%;
    }
    
    .truncate-text{
    	max-width: 200px !important;
    }
    
  	.add-review{
  		padding: 12px;
  	}
  
  	.company-style-box{
  		padding: 15px;
  	}
  
    .company-container-style-6 .socials-network{
    	float: none;
    	margin: 0 0 15px 5px;
    }
    
    .company-container-style-6 .company-header-details{
    	margin: 5px;
    }
  	.company-container-style-6 .header-bottom{
  		position: relative;
  	}
  	
  	.company-container-style-6 .listing-address{
  		line-height: 22px;
  	}
  	
    .company-container-style-6 .btn{
    	width: auto !important;
    }
    
    .company-container-style-6 .company-header-details .links-container{
    	text-align: left;
    }
    
    .jbd-social-container{
    	float: none;
    }
    
    .jbd-social-container .btn{
    	width: auto;
    }
    
    .dir-print{
    	float: none;
    	margin-left: 0;
    }
    
    .jbd-container .wizard > .steps > ul > li{
		width: 100% ;
	}
	
	.jbd-container .wizard > .content > .body{
		float: none;
		position: relative;
		width: auto;
		height: auto;
	}
	
	.jbd-container .calendar-date {
		width: 80%;
	}
	
	#editcell .button-row, .dir-panel-table.dir-table td{
		padding-left: 0;
		padding-right: 0;
	}
}


@media only screen and (max-width: 749px) {
    .col {  margin: 0 !important;}

    #image-simple a div{
        width: 100%;
    }
    #image-simple a > div::before{
        left: 44%;
    }
    #offer-style2 .offer-location, #event-style2 .event-location{
        margin-top: 20px !important;
    }
    #offer-detail-2 .organizer .hover-offer::before{
        left: 15%;
    }
    #offer-detail-2 .add-review-link {
        margin-left: 36%;
    }
    #offer-detail-2 .organizer .hover-offer > div {
        left: 67%;
    }
    
    #filter-switch{
    	display:block;
    }
   
    #search-filter{
    	display: none;
    }
    
    #search-filter.open{
    	display: block;
    }
    
    .results-style-8 .span10 .company-details{
    	padding-left: 10px;
    }
    
    .results-style-8 .custom-attributes-list-view{
    	width: 100%;
    }
    
    .results-style-8 .item-info-container{
    	float: none;
    }
    
    .speaker-item .column.speaker-info .location-link{
    	position: relative!important;
    	float: none;
    }
    
    .speaker-item .column.speaker-info .location-link span, .speaker-item .column.speaker-info .location-link .country_flag{
    	display: inline-block;
    	float: none;
    }
  
  	#search-results #search-module #companies-search{
  		float: none;
  	}
  	
  	#search-results .item-image img{
  		width: 100%;
  	}
  	
  	.search-options .search-options-item:first-child {
		width: 100%;
	}
	.search-options .search-options-item:nth-child(2){
		margin-left: 0px;
	}
}

@media (max-width: 985px) {
 	.images-list-container [class*="span"]{
		padding-left: 13px;
	}
	
	/* Force table to not be like tables anymore */
	.responsive-simple table, 
	.responsive-simple thead, 
	.responsive-simple tbody, 
	.responsive-simple th, 
	.responsive-simple td, 
	.responsive-simple tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.responsive-simple thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.responsive-simple tr { 
		border-top: none; 
	}
 
	.responsive-simple td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		white-space: normal;
		text-align:left;
	}

	.responsive-simple td.has-title{
		padding-left: 50%;
		padding-top: 5px;
	}
	.responsive-simple tr td:first-child{
		border-top: 0px;
	}

	.responsive-simple tr td:last-child{
		padding-bottom: 20px;
	}
	
	.responsive-simple td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	
	table.with-titles td {
	    padding-left: 50%;
	}
	
	table.with-titles td::before {
		padding: 10px 5px;
	}
		
	.c100{
		display: none;
	}
	
	.dir-panel-table .item-name{
    	float: none;
    }
    
    .dir-panel-table .item-image{
    	float: none;
    }
	
	
	table.cart-item-table td{
		padding-top: 30px;
	}
	
	/*
	Label the data
	*/
	.responsive-simple td:before { content: attr(data-title); }
}

@media (max-width: 1200px) {
	#cart-wrapper .total-txt {
		float: none !important;
	}
}

@media (max-width: 480px) {
	
	.cart-ui-dialog {
		width: 50% !important;
	}
}