/*--------------------------------------------------------------

# Copyright (C) joomla-monster.com

# License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License

# Website: http://www.joomla-monster.com

# Support: info@joomla-monster.com

---------------------------------------------------------------*/



/*********************** RESPONSIVE STYLES ***********************/



@media (max-device-width: 960px) {

  	#jm-djmenu .allowHide { 

  		display: block; 

  	}

  	#jm-djmenu select { 

  		display: none; 

  	}

}



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

	#jm-top,

	#jm-middle,

	#jm-main-top,

	#jm-main,

	#jm-bottom,

	#jm-footer {

		width: 90% !important;

	}

	#jm-left input.inputbox,

	#jm-right input.inputbox {

		width: 90%;

	}

	#jm-pathway {

		width: 80%;

	}

	#jm-font-switcher {

		width: 20%;

	}

	select#mod_djc2producers_pid {

		width: 100%;

	}

	table.category:before {

	    content: "Please scroll horizontally to view the whole table";

	    display: block;

	    margin-bottom: 10px;

	    margin-top: -30px;

	    width: 100%;

		height: 20px;

		text-decoration: underline;

	}

	table.category {

	    display: block;

	    overflow: scroll;

		padding: 30px 0 0 !important;

	}

	#djcatalog .djc_images {

		width: 95%;

		margin-left: 0;

		float: none;

	}

	#djcatalog .djc_mainimage {

		text-align: left;

	}

	.djf_mod .djf_img {

		float: none;

	}

	.jm-module-in {

		height: auto !important;

	}

    .djslider .slide-desc-text .slide-text,

    .djslider .slide-desc-text .slide-text p {

        width: 100%;

    	white-space: nowrap;

        overflow: hidden;

    	text-overflow: ellipsis;

    }

	img {

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

	}

	input.button, button.validate, button, input#modlgn-remember {

		-webkit-appearance: none;

	}

	input, select, textarea {

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

	}

}



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

	#jm-content,

	#jm-left,

	#jm-right {

		float: none !important;

		display: block;

		width: 100% !important;

	}

	#jm-bottom .rowcount_1 .bottom-in,

	#jm-main-top .rowcount_1 .main-top2-in {

		width: 100%;

		float: none;

	}

	#jm-bottom .rowcount_2 .bottom-in,

	#jm-main-top .rowcount_2 .main-top2-in {

		width: 100%;

		float: none;

	}

	#jm-bottom .rowcount_3 .bottom-in,

	#jm-main-top .rowcount_3 .main-top2-in {

		width: 100%;

		float: none;

	}

	#jm-footer-lt,

	#jm-footer-rt {

	    float: none;

		display: block;

	}

	#jm-header .djslider .slide-desc-text .slide-title {

		font-size: 2em;

	}

	.djf_mod .djf_left {

		float: none;

	}

	.djf_mod .djf_gal td, 

	.djf_mod .djf_gal tr {

		float: left;

	}

	.djf_mod .djf_img {

		clear: both;

	    margin: 0;

	}

	.djf_mod .djf_text {

		clear: both;

		display: block;

	}

	#djcatalog .djc_subcategories_grid .djc_subcategory {

    	float: none;

	}

	#djcatalog .djc_subcategory {

		width: 100% !important;

	}

	#djcatalog .djc_filter_list li span, 

	#djcatalog .djc_filter_search li span, 

	#djcatalog .djc_order_buttons li span {

		float: none;

		display: block;

	}

	#djcatalog .djc_filter_list li select, 

	#djcatalog .djc_filter_search li input,

	#djcatalog .djc_filter_search li input.button {

	    margin: 3px;

	}

	#jm-djmenu {

		text-align: center;

	}

	#jm-djmenu .dj-main {

		display: none;

	}

	#jm-djmenu select {

		display: inline-block;

		margin: 0;

	}

	#jm-left,

	#jm-right {

		float: right;	

	}

	.webfont .web-font {

		margin-bottom: 0 !important;

	}

}



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

	html {

		-webkit-text-size-adjust: none;

	}

	.cols-2 .column-1 {

	    float: none;

	    width: 100%;

	}

	.cols-2 .column-2 {

	    float: none;

	    width: 100%;

	}

	.cols-3 .column-1, 

	.cols-3 .column-2, 

	.cols-3 .column-3 {

	    float: none;

	    width: 100%;

	}

	.cols-3 .column-2 {

		padding: 0;

	}

	.cols-4 .column-1, 

	.cols-4 .column-2, 

	.cols-4 .column-3, 

	.cols-4 .column-4 {

	    float: none;

	    width: 100%;

	}

	.cols-4 .column-2 {

		padding: 0;

	}

	.cols-4 .column-3 {

		padding: 0;

	}

	table.category:before {

		font-size: 10px;

	}

	#djcatalog .djc_items_table .djc_image img {

		max-width: auto !important;

		height: auto !important;

	}

	#jm-header .djslider .slide-desc-text a.readmore:link,

	#jm-header .djslider .slide-desc-text a.readmore:visited {

		display: none;

	}

	#jm-header .djslider .slide-desc-text .slide-title {

		font-size: 1.2em;

	}

	#jm-bottom-menu ul.menu li {

		display: block;

	}

	#jm-bottom-menu ul.menu li a:link, 

	#jm-bottom-menu ul.menu li a:visited, 

	#jm-bottom-menu ul.menu li span.separator {

		padding: 2px 0;

		border: none !important;

	}

	#jm-stylearea {

		text-align: center;

	}

}