/*
* @package mj_vm
* @copyright (C) 2012 by Dasinfomedia - All rights reserved!
*/

/* For Mobile Layout*/

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


	#mj-logo {
		/*width: 68%;*/
		width:100%;
	}
	
	/*#mj-righttop {
		width: 15%;
		float:right;
	}*/	
	
	.mj-grid8, .mj-grid16, .mj-grid24, .mj-grid32, .mj-grid40, .mj-grid48,
	.mj-grid56, .mj-grid64, .mj-grid72, .mj-grid80, .mj-grid88, .mj-grid96 {
		float: left;
		margin-left: 0px;
		margin-right: 0px;
		width: 100% !important;
		margin-bottom: 10px;
	}
	
	.custom.mj-grid8, .custom.mj-grid16, .custom.mj-grid24, .custom.mj-grid32, .custom.mj-grid40, .custom.mj-grid48, 
	.custom.mj-grid56, .custom.mj-grid64, .custom.mj-grid72, .custom.mj-grid80, .custom.mj-grid88, .custom.mj-grid96 {
		border: none;
		margin-bottom: 0px;
	}
	
	.mj-boxcontent pre {
		float: left;
		width: 34%;
	}
		
	em, code {		
		float:left;
	}
	
	.mj-boxcontent {
		float:left;
		width:91%;
	}
	
	.contact input[type="text"], .contact input[type="email"] {
		width: 95%;
	}
	
	.contact label {
    	width: 100%;
	}
	
	.contact textarea {
    	width: 95%;
	}
	
	.cols-2 .column-1, .cols-2 .column-2 {
	    width: 100%;
	}
	
	#mj-topbar {
		background-repeat: repeat;		
	}
	
	#mj-topbar .mj-grid24 .mobcall {
		float: left;
		width: 100%!important;
		text-align: center;
		margin-bottom: 12px;
	}
	
	#mj-topbar .mj-grid40 {
		float: left !important;
		text-align: right;
		width: 67%!important;
	}
	
	#mj-topbar .actions.mj-grid40 {
		float: right !important;
		text-align: right;
		width: auto!important;
	}
	
	#mj-topbar .mj-grid16 {
		float: right !important;
		text-align: left;
		
	}
	
	.categories-list {
		float:left;
		width:98%;
	}
	
	.mj-whitebox, .mj-darkbox, .mj-colorbox {
		width:100% !important;
	}
	
	.category {
		float:left;
		width:100%;
	}
	
	.category td {
		border-bottom: 1px solid #C1C1C1;
		font-size: 11px;
		padding:2px;
	}
	
	.category th {
		border-bottom: 1px solid #C1C1C1;
		font-size: 12px;
		padding:4px 3px;
	}
	
	#mj-header #mj-pos-mainnav {
		position: absolute;
		right: 3px;
		width: 280px;
		z-index:65550 !important;
	}
	
	#mj-left ul.menu li ul, #mj-left ul.menu li li ul, #mj-left ul.menu li li li ul, 
	#mj-right ul.menu li ul, #mj-right ul.menu li li ul, #mj-right ul.menu li li li ul {
		width: 100%;
		position: relative !important;
		top: 0px;
		background-color: 
		transparent;
		border: 1px solid #BFBFBF;
		left: 0px!important;
	}

	#mj-contentarea {
		right: 0 !important;
	}
	
	#mj-right {
		right: 0 !important;
	}
	
	.list-reviews .user_detail {
		width: 96% !important;
		margin-bottom: 5px;
	}
	
	.list-reviews .review_content {
		width: 100% !important;
	}	
	
	#mj-topbar .search {
		margin-top: 10px;
		width: 95%;
	}
	
	/* New */
	
	.navbar .btn-navbar{
		background: url(../images/menu_btn.png) no-repeat scroll 0 0 #444444 !important;	
	}
	#mj-featured1 .mj-grid80.mj-rspace.mj-lspace {
		width: 94% !important;
		border-radius: 5px !important;
		margin-bottom: 0;
		font-size: 16px;
	}
	#mj-header {	
		z-index:auto !important;
		margin: 55px 0 0;
		padding: 70px 0 10px;
	}
	#mj-featured1 .mj-grid16.mj-rspace.mj-lspace {
		width: 95% !important;
		border-radius: 5px !important;
		margin-bottom: 0;
		font-size: 18px;
	}
	.row .product.floatleft.width33 {
		width: 99% !important;
		margin:0 0 15px 0 !important;;
	}
	.horizontal-separator {
		display: none;
	}
	.nspMain{
		width: 100% !important;	
	}
	.mj-storelocator, .mj-newsletter {
		width: 100%;
		margin-bottom: 15px;
	}
	#mj-copyright .moduletable.mj-grid88 {
		width: 90% !important;
	}
	#mj-copyright .mj-grid8{
		width:10% !important;	
	}
	#mj-footer .mj-grid24 {
		margin-bottom: 15px;
	}
	.navbar{
		float:none;	
	}
	#mj-featured3{
		padding-top:0;
	}
	#mj-featured3 .mj-grid56{
		margin-bottom:20px;
	}
	
	#mj-logo a
	{
		width: 100% !important;
		/*padding-left:70px;*/
	}

	.slideshow-slide-content 
	{
		height: 290px !important;
	}

	#com-form-order 
	{
		width: 100% !important;
	}

	.vm-button-correct
	{
		float:left !important;
	}

	.user-details td
	{	
		width:100% !important;	
		float:left !important;
	}

	.nspTopInterface
	{
		top: -12px !important;
	}
	
	#jnews_module1 .button {
	margin: 0px !important;
	}
	
	.spaceStyle #ui-tabs .tabs {
	padding: 0px !important;
	}
	
	.nspArt img.nspImage {
	max-width: 70% !important;
	}
	.caption_text {
	width: 94%;
	}
	.slide-description {
	font-size: 14px;
	}
	
	.flex-caption1 {
	font-size: 16px;
	}
	
	.flex-direction-nav a
	{
		top: 69% !important;	
	}
	.joomla_flyingtweets > #twitter189
	{
		height: 385px !important;
	}
	
	

#mj-header .moduletable.mj-currancy{
margin-right: 0px;
}

#mj-header .moduletable {
    float: right;
    width: 100%;
	margin-bottom:10px;
}
	.search {

float: left !important;
width: 100% !important;
}
.mj-subcontainer #vmQuickCartModule .mini-cart .cart_content{
	width:250px;

	
}
 .category_prodcut .list_view div.product {
    border-width: medium medium 0 !important;
}
.add-to-links li {
    
    font-size: 14px!important;
    
}
}
@media only screen  and (max-width:320px) {
	.mj-boxcontent pre {
		float: left;
		width: 34%;
	}
	.text .desc22
	{
		font-size:16px !important;
		text-transform:uppercase;
	}	
	#mj-topbar .mj-grid40 {
		float: left !important;
		text-align: right;
		width: 92%!important;
	}
	
	#mj-topbar .mj-grid16 {
		float: right !important;
		text-align: center;
		width: 100%!important;
		padding-bottom: 7px;
	}
	.product-fields .product-field label.other-customfield
	{
		left:0 !important;
		position:relative;
	}
	#mj-topbar {
		background-repeat: no-repeat;	
	}
	
	#mj-topbar {
		background-repeat: repeat;		
	}
	
	.gkResponsive a {
		margin: 6px 5px 0 15px !important;
	}
	
	.nspArt img.nspImage {
		max-width: 70%;
	}

	/*#mj-logo a {
		width: auto !important;
	}*/
	
	/* New */
	
	.mj-newsletter a, .mj-storelocator a {
		width: 72% !important;
		float:left;
	}
	#mj-header {	
		z-index:auto !important;
		margin: 55px 0 0;
		padding: 55px 0 10px;
	}
	#mj-logo {
		width: 82%;
		float: right;
	}
	#mj-featured1 .mj-grid80.mj-rspace.mj-lspace{
		width:91% !important;
	}
	#mj-featured1 .mj-grid16.mj-rspace.mj-lspace {
		width: 93% !important;
	}
	ul.tabs li {
		margin: 5px 20px;
	}
	.cart-summary tr {
    float: left;
    width: 76%!important;
	}

	
	
	
}
 
@media only screen  and (max-width:250px) {
	.gkResponsive a {
    	margin: 6px 5px 0 15px !important;
	}
	
	.nspArt img.nspImage {
    	max-width: 65%;
	}
	/* New */
	
	ul.tabs li{
		margin:2px 55px;	
	}
	#mj-header {
		padding: 70px 0 10px;
	}
	
	#mj-header .moduletable {
    float: right;
    width: 100%;
	margin-bottom:10px;
}
	
	
}

@media only screen and (max-width: 500px) and (min-width: 450px){
	#mj-logo {
		width: 100%;
		float: left;
	}
	
	#mj-featured1 .mj-grid16.mj-rspace.mj-lspace {
		width: 96% !important;
	}
	#mj-featured1 .mj-grid80.mj-rspace.mj-lspace {
		width: 95% !important;
	}
	ul.tabs li a{
		width:82px;	
	}
	
	#mj-header .moduletable {
    float: right;
    width: 100%;
	margin-bottom:10px;
}
	
	
}
@media only screen and (max-width: 550px) and (min-width: 320px){
	#mj-slideshow .price-tag,#mj-slideshow .a-btn	{
		display:none!important;
	}
	table.for-desktop {
		display: none!important;
	}
	table.for-mobile {
		display: block!important;
	}
	.compare-table tr.product-img-row a.product-image img{
			width:85px!important;
	}
	.mj-subcontainer ul.tabs li{
		margin: 0 5px 0 0;
	}
	.mj-subcontainer ul.tabs li a{
		width:85px;
	}
	#mj-header #mj-logo {
		float: right;
    width: 82%;
	}

}
@media only screen and (max-width: 700px) and (min-width: 481px){
	
	#mj-logo {
		width: 50% !important;
	}
	
	#mj-header .mj-grid32
	{
		width: 48% !important;
	}
	table.for-desktop {
		display: none!important;
	}
	table.for-mobile {
		display: block!important;
	}
	.compare-table tr.product-img-row a.product-image img{
			width:125px!important;
	}
	#mj-topbar .mj-grid16 {
		
		width: 33%!important;
	}
}

@media screen and (max-width: 1130px) 
{
	.productdetails .main-image img
	 {
		 max-height: 260px!important;
        max-width: 100%;
 	 }
}

@media screen and (max-width: 650px) 
{
.cart-summary thead {
    display: none;
}
.cart-summary  td.mj-prdname {
    float: left;
    width: 43%;
}
.cart-summary  td {
    float: right;
    text-align: right;
    width: 50%;
}
td.mj-prdname .vm-customfield-cart {
    float: left;
    text-align: left;
    width: 100%;
}
span.cart-images img
{
	width:auto!important;
}
.customer-note textarea#customer_note_field {
    width: 98% !important;
}
}
@media only screen and (max-width: 479px) and (min-width: 321px)
{
   .cart-summary tr {
    float: left;
    width: 85%;
	
}



}

.sectiontableentry1.payment.mj-bg.mj-btop > td {
    text-align: left;
}
.sectiontableentry1.payment.mj-bg.mj-btop > td > fieldset
{
    float: left;
    width: 100%;
}	

@media screen and (max-width: 480px)
{
	#mj-topbar .vmCartModule.mj-grid16 {
    float: right !important;
    padding-bottom: 7px;
    text-align: center;
    width: 100% !important;
}
#mj-topbar .mobmenu.mj-grid40 {
    float: left !important;
    text-align: right;
    width: 92% !important;
}
#desc {
    display: none;
}
}
@media only screen and (max-width: 500px) and (min-width: 200px){
	.ordrow {
    margin: 10px 0px;
}
}