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

/* For Mobile Layout*/

@media screen and (max-width: 700px) {
	
	#ui-tabs ul#tabs {

    padding: 60px 20px 0!important;
}
form#userForm h1 {
    width: 309px;
    font-size: 20px;
}

form#paymentForm fieldset {
    width: 300px;
}
	#mj-logo {
		/*width: 68%;*/
		width:100%;
	}
	
	body {
		font-size: 14px;
	}
	
	body p{
		font-size: 14px;
	}
	
	#mj-copyright .moduletable, #mj-copyright p {
		margin-bottom: 0;
		font-size: 12px;
		text-align: center;
	}
	#mj-maincontent .mj-subcontainer {
		width: 90%;
	}
	
	div#aiContactSafe_mainbody_3 div.aiContactSafe_row,
	div#aiContactSafe_mainbody_1 div.aiContactSafe_row {
		padding: 12px 0px;
		width: 100%;
	}
	
	.orderby-displaynumber {
		display: none;
	}
	div#mj-content {
		margin-top: 0px;
	}
	#mj-maincontent {
		padding: 0px 0 24px;
	}
	.browse-view h3, .browse-view h3.cat_name {
		font-size: 19px !important;
	}
	
	#bottom-pagination span ,
	#bottom-pagination .pagination-start ,
	#bottom-pagination .pagination-end ,
	#mj-left .fbbox{
		display: none;
	}
	
	#bottom-pagination span.pagenav {
		display: block;
	}
	
	.pagination ul {
		width: 100%;
	}
	
	#mj-footer .acymailing_module_form td {
		padding-left: 0%;
	}
	
	#mj-footer input[type="text"], 
	#mj-footer input[type="password"], 
	#mj-footer input[type="email"] {
		margin: 5px 0;
	}
	
	#mj-footer .acysubbuttons input {
		margin: 10px 0 0 0px;
	}
	
	
	.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-navigation .topnav ul.show{
		z-index: 5;
		opacity: 1;
		left: 0px;
		display: block;
	}
	.mj-navigation .topnav ul{
		position: relative;
		left: -9999px;
		z-index: -5;
		top: -26px;
		display: none;
		opacity: 0;
	}
	.mobile .mj-navigation .topnav {
		position: absolute;
		left: 0px;
		width: 40%;
	}
	.mobile span.mobile-icon {
		display: block;
		background: url(../images/mobile-menu.png) no-repeat;
		height: 24px;
		width: 24px;
		padding: 2px;
		float: left;
		margin: 4px 0 0 8px;
		cursor: pointer;
	}
	
	.mobile .mj-navigation .topnav ul li {
		float: left;
		display: block;
		width: 100%;
		border: 0px;
		background: #2C2C2C;
		top: 29px;
		border-bottom: solid 1px #444;
	}
	.mj-navigation .topnav ul li a {
		line-height: 15px;
		font-size: 13px;
		font-weight: bold;
		padding: 14px 10px;
	}
	#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 .mj-grid16 {
		float: right !important;
		text-align: left;
		width: 30%!important;
	}
	
	.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;
		margin-top: 30px;
		display: inline-block;
		min-height: initial;
	}
	
	#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%;
	}
	
	#mj-left .moduletable.mj-greybox {
		display: none;
	}
	
	/* 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: 88% !important;
		border-radius: 5px !important;
		margin-bottom: 0;
		font-size: 16px;
	}
	#mj-header {	
		z-index:auto !important;
		margin: 0;
		padding: 10px 0 10px;
	}
	#mj-featured1 .mj-grid16.mj-rspace.mj-lspace {
		width: 90% !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: 80% !important;
		text-align: left;
		float: left;
		margin-left: 0%;
	}	
	#mj-copyright .mj-grid88 {
		text-align: left;
	}	
	#mj-copyright .mj-grid8{
		width: 10% !important;
		margin-right: 5%;
		margin-top: 2%;
	}
	#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;
	}
	.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: 0px;
	}
	.search {
		float: right !important;
		width: 45% !important;
		right: 0px;
	}
	
	#mj-header .mj-grid48 {
		margin: 0px;
	}
	
	.search input[type="text"] {
		font-size: 12px;
		padding: 3px 5px 3px 10px;
		width: 120px;
	}
	
	#mj-slidetitle {
		padding: 10px 0;
	}

	#mj-slidetitle .mj-title {
		font-size: 25px;
	}
	
	#mj-featured1 .flexslider p ,
	#mj-slideshow .flexslider p {
		margin: 0 0 18px 0;
		padding: 5px 0;
		font-size: 12px;
	}
	#mj-content .productrightview {
		width: 100%;
		padding: 0 0 0 2%;
	}
	
	#mj-content .back-to-cat {
		float: right;
		margin: -45px 5px 0 0;
	}
	
	#gk-grid-221 .gkGridElement.gkGrid-grid1-1, #gk-grid-227 .gkGridElement.gkGrid-grid1-1 {
		width: 148%!important;
		left: -47%!important;
		top: 0%;
		z-index: 6;
	}
	.home #gk-grid-227 .gkGridElement.gkGrid-grid2-1, 
	.home #gk-grid-221 .gkGridElement.gkGrid-grid2-1 {
		background: #000;
		height: 33.333%;
		width: 50%;
		left: 0%;
		top: 20%;
		z-index: 7;
		border-right: solid 2px #000000;
		margin: 0px;
		padding: 0px;
	}
	.home #gk-grid-227 .gkGridElement.gkGrid-grid3-1, 
	.home #gk-grid-221 .gkGridElement.gkGrid-grid3-1 {
		width: 101%;
		left: -1%;
		top: 50%;
		z-index: 8;
	}
	.home #gk-grid-227 .gkGridElement.gkGrid-grid4-1, 
	.home #gk-grid-221 .gkGridElement.gkGrid-grid4-1 {
		height: 33.333%;
		width: 60%;
		left: 44%;
		top: 20%;
	}
	.home #gk-grid-227 .gkGridElement.gkGrid-grid5-1, 
	.home #gk-grid-227 .gkGridElement.gkGrid-grid6-1, 
	.home #gk-grid-221 .gkGridElement.gkGrid-grid5-1, 
	.home #gk-grid-221 .gkGridElement.gkGrid-grid6-1 {
		top: 77%;
		width: 86%;
		height: 23%;
		z-index: 10;
	}
	.home #gk-grid-227 .gkGridElement.gkGrid-grid6-1, 
	.home #gk-grid-221 .gkGridElement.gkGrid-grid6-1 {
		left: 58%;
	}
	.home #gk-grid-227 .gkGridElement.gkGrid-grid5-1, 
	.home #gk-grid-221 .gkGridElement.gkGrid-grid5-1 {
		left: -14%;
	}
	
	.gkGridGK5 .gkImgMobile {
		display: block;
	}
	.gkGridGK5 .gkImgTablet{
		display: none;
	}
	
	.mj-navigation .topnav {
		width: 70%;
		padding: 5px 0 0px 0;
		left: 0%;
	}
	#mj-logo {
		width: 50% !important;
	}
	
	.mj-navigation .moduletable.head-search {
		width: 45%;
		right: 0%;
	}

	#mj-slidetitle .acymailing_fulldiv, #mj-slideshow .acymailing_fulldiv {
		height: 80%;
		margin: 2% auto 2% auto !important;
		padding: 6% !important;
		width: 83%;
	}
	#mj-slidetitle .acymailing_introtext p.above, #mj-slideshow .acymailing_introtext p.above {
		display: none;
	}
	#mj-slidetitle .acymailing_introtext h2, #mj-slideshow .acymailing_introtext h2 {
		font-size: 31px;
		line-height: 57px;
	}
	#mj-slidetitle .acymailing_introtext h3, #mj-slideshow .acymailing_introtext h3 {
		font-size: 25px;
		line-height: 30px;
	}
	#mj-slidetitle .acymailing_fulldiv, #mj-slideshow .acymailing_fulldiv {
		width: 85%;
		margin: 14% auto 2% auto !important;
		/* background: transparent; */
		/* color: #000; */
		padding: 5% !important;
		height: 69%;
	}
	.acymailing_module_form .acymailing_introtext {
		padding-bottom: 7px !important;
		display: block;
	}
	
	#mj-slidetitle .acyfield_name input, #mj-slidetitle .acyfield_email input, #mj-slideshow .acyfield_name input, #mj-slideshow .acyfield_email input{
		font-size: 14px;
	}
	#mj-slidetitle .acysubbuttons input, #mj-slideshow .acysubbuttons input {
		width: 104%;
	}
	.pagination ul {
		width: auto;
		float: none;
		margin: 0 auto;
		display: inline-block;
	}
	#bottom-pagination {
		padding-top: 15px;
		text-align: center;
		width: auto;
		margin: 0 auto;
		float: none;
	}
	#mj-copyright {
		background: url("../images/topbar-bg.png") repeat scroll center top #E3E5E7;
	}
	
	#mj-maincontent .item-page {
		margin-top: -30px;
	}
	
	.mj-navigation {
		padding-bottom: 20px;
		background: #000;
		display: inline-block;
		width: 100%;
	}
	.productdetails-view .productdetails .floatleft{
		width: 100%;
	}
	
	#com-form-login-remember {
    width: 310px;
    margin-top: 5px!important;
    margin-bottom: 10px!important;
}
	form#adminForm {
    position: relative;
}

.buttonBar-right {
  
    position: absolute;
    right: 0;
}

#ui-tabs ul#tabs {
   
    padding: 60px 20px 0;
}


}

@media only screen  and (max-width:480px){
	
	#mj-footer .custom.social {
    clear: both;
    width: 90%;
    margin: 1% 0 0 6%;
    text-align: right;
    height: 32px;
    float: left;
}

#mj-footer p.cos-icon {
    margin: 3px 5px;
    float: left;
}
	
	#mj-footer .custom.foot-quote {
    width: 100%;
    text-align: center;
}

#mj-footer .quote {
    padding: 1%;
    float: left;
    width: 91%;
    margin: 2% 2% 0 5%;
    font-size: 13px;
    border: solid 1px #454545;
}

#mj-footer .custom.findus p {
    font-size: 12px;
    text-align: center;
}

#mj-footer .foot-quote img {
    width: 50%;
    float: none;
    text-align: center;
}
#mj-slidetitle .acymailing_fulldiv, #mj-slideshow .acymailing_fulldiv {
  width: 86%;
  margin: 14% auto 2% auto !important;
  /* background: transparent; */
  /* color: #000; */
  padding: 5% !important;
  height: 75%;
}
#mj-slidetitle .acymailing_introtext h3, #mj-slideshow .acymailing_introtext h3 {
  font-size: 21px;
  line-height: 18px;
}
#mj-slidetitle .acymailing_introtext h2, #mj-slideshow .acymailing_introtext h2 {
  font-size: 21px;
  line-height: 29px;
}

}

@media only screen and (max-width: 400px) and (min-width: 251px){
	
	
	div#mj-topbar #topbarRight .box.box3 {
    padding: 0px 6px 0 15px;
}

#topbarRight .vm_cart_wrap {
    right: -25px;
    width: 288px;
}


div#mj-topbar #topbarRight .box.box2 {
    text-align: right;
    padding: 0px 20px;
    border-right: solid 1px #000;
}

div#mj-topbar .col-xs-3 {
    float: left;
    width: 25%;
}

div#mj-topbar .col-xs-9 {
    float: left;
    width: 75%;
}
#mj-slidetitle .acyfield_name input, #mj-slidetitle .acyfield_email input, #mj-slideshow .acyfield_name input, #mj-slideshow .acyfield_email input {
  width: 100% !important;
}

	.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: repeat;		
	}
	
	.gkResponsive a {
		margin: 6px 5px 0 15px !important;
	}
	
	.nspArt img.nspImage {
		max-width: 70%;
	}

	.mj-newsletter a, .mj-storelocator a {
		width: 72% !important;
		float:left;
	}
	#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;
	}
	.size-guide {
		width: 300px;
	}

	#mj-logo {
		width: 65%;
	}
	
	.mj-navigation .moduletable.head-search {
		width: 70%;
		right: 0.5%;
	}
	.mj-navigation .search.head-search {
		right: 0%;
	}
	.mj-navigation .search.head-search input {
		background-position: 97% 50%;
		background-size: 32px;
		margin: 8px 0 8px 0;
	}
	ul.lang-inline li a {
		padding: 5px 5px;
		font-size: 12px;
	}
	.mod-languages.lang01 {
		right: 0.5%;
	}
	
	#mj-slidetitle .flexslider p.flex-caption {
		display:none;
	}
	
	#gk-grid-221 .gkGridElement.gkGrid-grid1-1, #gk-grid-227 .gkGridElement.gkGrid-grid1-1 {
		width: 148%;
		left: -47%;
		top: 0%;
		z-index: 10;
	}
	.home #gk-grid-227 .gkGridElement.gkGrid-grid2-1, 
	.home #gk-grid-221 .gkGridElement.gkGrid-grid2-1 {
		background: #000;
		height: 33.333%;
		width: 50%;
		left: 0%;
		top: 19.7%;
		z-index: 7;
		border-right: solid 2px #000000;
		margin: 0px;
		padding: 0px;
	}
	.home #gk-grid-227 .gkGridElement.gkGrid-grid3-1, 
	.home #gk-grid-221 .gkGridElement.gkGrid-grid3-1 {
		width: 101%;
		left: -1%;
		top: 50%;
		z-index: 8;
	}
	.home #gk-grid-227 .gkGridElement.gkGrid-grid4-1, 
	.home #gk-grid-221 .gkGridElement.gkGrid-grid4-1 {
		height: 33.333%;
		width: 60%;
		left: 44%;
		top: 20%;
	}
	.home #gk-grid-227 .gkGridElement.gkGrid-grid5-1, 
	.home #gk-grid-227 .gkGridElement.gkGrid-grid6-1, 
	.home #gk-grid-221 .gkGridElement.gkGrid-grid5-1, 
	.home #gk-grid-221 .gkGridElement.gkGrid-grid6-1 {
		top: 77%;
		width: 86%;
		height: 23%;
		z-index: 10;
	}
	.home #gk-grid-227 .gkGridElement.gkGrid-grid6-1, 
	.home #gk-grid-221 .gkGridElement.gkGrid-grid6-1 {
		left: 58%;
	}
	.home #gk-grid-227 .gkGridElement.gkGrid-grid5-1, 
	.home #gk-grid-221 .gkGridElement.gkGrid-grid5-1 {
		left: -14%;
	}
	#mj-footer .custom.findus {
		width: 100%;
	}
	#mj-footer .bot-menu li a {
		padding: 2px 11px;
		width: 86px;
		margin-bottom: 10px;
		border-right: solid 1px #fff;
		text-align: center;
	}
	#mj-footer .custom.social {
		clear: both;
		width: 100%;
		margin: 1% 0 0% 0%;
		text-align: left;
		height: 32px;
		float: left;
	}
	#mj-footer .foot-quote img {
		width: 50%;
		/* margin-left: 30%; */
		float: none;
	}
	#mj-footer .quote {
		padding: 3%;
		float: left;
		width: 99%;
		margin: 2% 2% 2% 1%;
		font-size: 13px;
		border: solid 1px #454545;
	}
	.theme-border-02 {
		padding: 2px;
	}
	#mj-slidetitle .acymailing_introtext p.above, #mj-slideshow .acymailing_introtext p.above {
		display: none;
	}
	#mj-slidetitle .acymailing_introtext h2, #mj-slideshow .acymailing_introtext h2 {
		font-size: 14px;
		line-height: 18px;
	}
	#mj-slidetitle .acymailing_introtext h3, #mj-slideshow .acymailing_introtext h3 {
		font-size: 15px;
		line-height: 20px;
	
		margin-top: 7px;
}
	#mj-slidetitle .acymailing_fulldiv, #mj-slideshow .acymailing_fulldiv {
		width: 90%;
		margin: 8% auto 2% auto !important;
		/* background: transparent; */
		/* color: #000; */
		padding: 0% 10% 10% 10% !important;
		height: 79%;
	}
	.acymailing_module_form .acymailing_introtext {
		padding-bottom: 7px !important;
		display: block;
	}
	
	#mj-slidetitle .acyfield_name input, #mj-slidetitle .acyfield_email input, #mj-slideshow .acyfield_name input, #mj-slideshow .acyfield_email input{
		font-size: 12px;
	}
	#mj-slidetitle .acysubbuttons input, #mj-slideshow .acysubbuttons input {
		width: 104%;
	}
	.pagination ul {
		width: auto;
		float: none;
		margin: 0 auto;
		display: inline-block;
	}
	#bottom-pagination {
		padding-top: 15px;
		text-align: center;
		width: auto;
		margin: 0 auto;
		float: none;
	}
	#mj-copyright {
		background: url("../images/topbar-bg.png") repeat scroll center top #E3E5E7;
	}
	
	#mj-maincontent .item-page {
		margin-top: -30px;
	}
	.mobile .mj-navigation .topnav {
		position: absolute;
		left: 0px;
		width: 70%;
	}
	
	.mj-navigation .topnav ul li a {
		line-height: 15px;
		font-size: 13px;
		font-weight: bold;
		padding: 12px 10px;
	}
	

}

 @media only screen  and (max-width:350px) {
#mj-slidetitle .acymailing_introtext h3, #mj-slideshow .acymailing_introtext h3 {
    font-size: 12px;
    line-height: 20px;
    margin-top: 7px;
}

div#mj-topbar .col-xs-3 {
    float: left;
    width: 30%;
}

div#mj-topbar .col-xs-9 {
    float: left;
    width: 70%;
}
 }
@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;
	}
	
	
}

