
/* Mobiles in portrait form */
@media only screen  and (max-width:699px){
		
body {
	-webkit-text-size-adjust: none !important;
	margin:0;padding:0;
}
.dijitTooltip{    
    z-index: 2300;
}
.pumposh.productShopFilter{
	position:fixed;
	top:3.5em;	
    width:80%;   
    margin-right:7%;
    margin-left:13%;     	 	
}
#statusDailogue{
	width:90%;
	text-align:center;
}
#orderStatusDia{
	width:90%;
	border-color:black;
	font-size:14px;
}
#shopDisplayProducts{
	min-height:900px;
}
.dgrid-loading {
    color: #9f9f9f;
    font-size:2em;
    padding-top:17rem;         
    text-align: center;    
}
.dgrid-no-data{
    color: #9f9f9f;
    font-size:2em;
    padding-top:12rem;         
    text-align: center;    
}
#searchButtonShop{
	font-size:14px;
	padding-top:3px !important;
	height:18px;
}

#shopMessage{
	display:none;
}

#orderConfirmation{
    position:relative !important;               
    margin-top:6em !important;  
    overflow: hidden;
    font-size:14px;  
    height:auto !important;     
    margin-right:5px;
    margin-left:5px; 
              	
}
.headerOrderConfirmTD{
 width:6.5em; 
}
#shopProductContainer{
	position: relative;
	top: 6.2em !important;		
		  
}

#shopProductContainer .dgrid-scroller {
    overflow: hidden;
    position:relative;
}
#shopProductContainer .dgrid-footer {
font-size:13px;
padding-left:1px;
}
#shopProductContainer .dgrid {
   min-height:1200px;   
   margin:-8px !important;
   padding:0 !important;     
}
#cartValue{		
	display: none;
}
#cartProductContainer{
	margin-top:8.5em;
	margin-left:0%;
    overflow: hidden;
    margin-right:0%;
         
}
#cartShopTitle{
	display:block;
	position: relative;
	width:100%;
	text-align:center;
	top:8.5em; 
	text-transform: uppercase;		
    font-family: Comfortaa;        
    font-size:14px;   
    letter-spacing:2px;  
    font-weight:bold; 	
}
#cartProductContainer .dgrid {
   min-height:500px;     
}

#cartProductContainer .dgrid-row {
    height: 23em;    
}

#cartProductContainer .dgrid-scroller {
    overflow: hidden;
    position:relative;
}
#cartActionButtons{
	margin-top:4em;	   
	width:100%;		    
    text-align:center;	
}

.waitClass {    
    display: table;
    height:10em;
    width:20em;
    line-height: 10em;
    background-color:#d7d7d7;
    text-align: center;
    overflow:auto;  
}

.waitClass img {
   display: inline-block;
   vertical-align: middle;
   margin-left:8px;
   height:30px;
   width:30px;
}

.waitClass p {
	font-size:13px;
	display: table-cell;
	margin-left:2px;
    vertical-align: middle;    
    background-color:#d7d7d7;font-weight:1800;color:black;
    
}
.orderconfirmtitle{
	color:white;text-align:center;font-family:Comfortaa;font-size:15px;letter-spacing:1.5px;
}
#menu{
	font-size:11px;font-weight:300;
	width:35px !important;
}
.shippingTableContainer{
	margin-right:10%;	
}
.billingTableContainer{
	margin-right:10%;		
}
#shipValue{		
	display:none !important;    	  	 	
}
#mshipValue{
	display:block !important;
	position:relative; 
	font-size:13px; 	
	overflow: hidden; 
	top:9.5em;
	text-align:right;
	right:3%;	
	width:100%; 
    	  	 	
}
.countryList{
	width:92.5% !important;text-align:left !important;margin-left:-8px;height:1.8em !important; padding: 15px 0px 0px;border-radius: 9px;
}
.greyLNF-labelCell {			
			display:none;
			
}

.greyLNF-table-horiz .greyLNF-labelCell {			
			display:none;
}
.greyLNF-valueCell {
			padding-left: 10px;				
			text-align: left;	
}

#productCurrency
{   	
    vertical-align: middle;  
    font-size:11px; 
    font-weight:bold;
}
#cartCurrency
{   	
    vertical-align: middle;  
    font-size:11px;  
    font-weight:bold;
    
}

#homeImage{
	position:fixed !important;	
	top:62px !important;
    margin:0; /* If you want no margin */
    padding:0; /*if your want to padding */	 	
	width:34px;
	height:34px;	
	margin-right:18px;	
	margin-left:0; /*if your want to padding */	
	cursor: hand;
    cursor: pointer;
    z-index:20;
}
#switchDiv{
	display:none !important;
	
}
#menuSpan{
	display:none;
}	
#viewCart{
	position: fixed;	
	overflow: hidden;  
	top:1em;		
	right:2% !important;
	padding:1px 1px 1px 1px;
}
#cartImage {   
   width:30px;
   height:24px;
   text-align:center;   
   background-color:#ffffff;
   padding:0px;
   position:relative;   
}
#cartItems{    
   width:30px;   
   font-size:9px;
   font-weight:bold;
   color:black;
   left:-3px;
   position:absolute; 
   top:4px;   
}

#shopProductDescription{
	font-size:12px;
}
.pumposh .dijitButton .dijitButtonNode {
    font-size:12px; 
    color: #ffffff; 
    font-weight: bold; 
    background-color:#000000;    
    vertical-align: middle;
    line-height: normal;   
    border:2px;
    font-family: Comfortaa; 
}

.pumposh .headerdijitButton .dijitButtonNode {
    font-size:12px; 
    color: black; 
    font-weight: bold; 
    background-color:#c0c0c0;  
    vertical-align: middle;
    line-height: normal;    
    border:2px;
    font-family: Comfortaa; 
}


#logoImage{		
    display:none;  
}
.logodiv{
	width:10em;	
	margin: auto;
    display: block; 
    text-align: center;    
    vertical-align: middle;
}
.logodiv img{
	object-fit: contain;   
    height: 100%;
    width: 100%;
}
#logoMImage{	
    display:block !important; 
    width:100%;
    top:0.5em;
    text-align: center;      
    vertical-align: middle;  
     
}

.pumposh.shop.dropDownButtonDiv{ 	
	display:none;
}
.pumposh.shop.dropDownButtonDivCS{ 	
	display:none;
}
#addToCart{
	display:none !important;
}
#vrSlider{
	display:none;
}
#productImageDiv{
	width:9.5em;	
	height:14em;
    display: block; 
    text-align: center;    
    vertical-align: middle;
}

#productImageDiv img
{  
    object-fit: contain;    
    display: inline-block;
    height: 100%;
    width: 100%;
    
}

#shopProductDescription{
	display:none !important;
}
#shopProductContainer .dgrid-column-col1 {
				display:none;
}

#shopProductContainer .dgrid-column-sdescription {           
				display:table-cell !important; 				
				width:50%;	
				padding:10px;
				vertical-align: middle !important;	
							
}
#shopProductContainer .dgrid-column-cost {
				width: 20%;	
				text-transform: uppercase;	
				vertical-align: middle; 			
				padding-right:20px !important;
				text-align:right;
}
#shopProductContainer .dgrid-column-content {
				width:34% !important;					  
				vertical-align: middle; 				
}
#cartImageDiv{
	width:110px;
	height:130px;  
}

#cartProductContainer .dgrid-column-description {
				display: none;						
}

#cartProductContainer .dgrid-column-cost {
				width:11%;	
				vertical-align: middle; 	
}
#cartProductContainer .dgrid-column-col2 {
				width:11%;	
				vertical-align: middle; 	
}

#cartProductContainer .dgrid-column-cartQuantity {
				width: 11%;	
				vertical-align: middle; 	
				text-transform: uppercase;
}
#checkOutShopping{
	width:9em;	
}

#orderShopTitle{  
   top:5.5em;   
   text-align:center;   
   font-size: 14px;         
}

.verticalhorizontal{    
  margin:0;
  position:absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#shopTabContainer{	
    position:relative !important;           
    top:11em !important;
    height:auto;  
    left:2px !important;	
    width:auto; 
    margin-right:5px !important;  
       	             	
}

.shipFormDiv{
	position:relative;
	height:auto;
		   
}
  
.billFormDiv{
	position:relative;
	height:auto;   
	
}
#shippingForm{	
	position:relative;             
    top:0; 
    width:100% !important; 
    height: auto !important; 
    overflow: hidden;  
    margin-bottom:3em !important;   
}
#billingForm {
	position:relative;             
    top:0; 
    width:100% !important; 
    height: auto !important; 
    overflow: hidden; 
        
}


.pumposh.footer{     
    display:none;
}
/* Mobile footer properties start*/

.storeText{
	font-size:14px;
}
.msg{	
	font-size: 14px;
	letter-spacing:1px; 	 	
}
.error{	
	font-size: 14px;
	letter-spacing:1px; 
}
#shopFooterMobile{ 	
    height:30em;
    position:relative;
    bottom:0;      
    width:100%;     
    overflow-x:hidden; 
    font-size:14px;
    margin-top:7.2em;
    padding-bottom:2em;       
    overflow:hidden; 
    z-index:900;   
}


.mFootercontainerGap { 
                width:100%; 
                margin:auto;
                display:table; 
                z-idex:2000;
            } 
.mFootercontainerGap  .box-rowGap {
    display:table-row;   
} 
.mFootercontainerGap  .box-cellGap {	
    display:table-cell; 
    width:100%;
    text-align:center;
    padding-top:20px; 
    padding-bottom:30px;     
    cursor: pointer; 
    text-decoration: underline;   
} 

.mFootercontainer { 
                width:70%;                 
                display:table; 
                margin:auto;
                opacity: 0.90;
            } 
.mFootercontainer  .box-row { 
    display:table-row;     
} 
.mFootercontainer  .box-cell { 
    display:table-cell; 
    width:30%;      
    padding-top:10px;     
}
.ftext{
 cursor: pointer;
 width:100%;
 text-align:center;	
}
.holder {
  width:100%;
  text-align:center; 
  margin-top:0.7em;   
  margin-bottom:1em;
}

.holder img {
  display: inline-block;
  margin-left: auto;
  margin-right: auto; 
     
}
/* Mobile footer properties end*/
.pumposh.header{      
    position:fixed !important; 
    top:0px;
    width:100%;      
   /* background-image: url("../images/header.jpe"); */    
    margin:0px;
    padding:0px;    
    height:100px; 
    z-index:900; /* it just needs 900 since tooltipdailog has z-index of 1000 , so it needs to be less than that*/  
}
.pumposh.shop.menuDownButtonDiv{ 	
	position:fixed !important;	
    top:1em !important;
    left:2% !important;    
    float:left;	
    margin:0; /* If you want no margin */
    padding:0; /*if your want to padding */	 
    z-index:1000 !important;   
}

#shopDisplayProductsDetails{
	position: relative;	
	top:8em;width:100%;	
	overflow:hidden;	
}

.tabs{      
		padding-top:0.5em;			
	}
#proCartDetailsButton{
	display:none !important;
}	
#proDetailsButtonDiv{
	display:none !important;
}

#cartButtonDiv{
	display:block;
}
#proCartDetailsButton2{
	padding-top:1px;
	width:12em !important;	
	font-size:15px;
}

#productDetail{	
	display:none !important;
}
#productMDetail{
	display:block !important;
	text-align:left;
	padding-left:5px;padding-top:25px;padding-right:5px;
	width:auto;	
	overflow-y:auto;
	overflow-x:hidden;			
	margin-left:1%;
	margin-right:1%; 			
}
#adminfooterFacebook {	
    position:absolute; 
    vertical-align:middle;      
    right:3.3em;   
    margin-top:0;             
    overflow: hidden;      
     
}
#adminfooterTwitter {	
    position:absolute;    
    right:20px;    
    margin-top:0;       
    overflow: hidden;      
     
}
#footerLogoImage img{
	width:100%;
    height:100%;
    display:table;	
}
#footerLogoImage{
	position: absolute;	
	bottom:5px !important;
    left:10px;	
	width:40px;
	height:25px;	
}
#adminfooterCopyTable {	
    position:absolute;     
    width:16em;  
    margin-top:5.5px; 
    padding-top:2px;
    height:1.5em;      
    left:3.8em;    
    overflow: hidden;  
    font-size:15px;      
}
.pumposh .dijitTab{
	font-size:11px;    
    width:12em;  
    padding-top:8px !important;
}
}


@media only screen  and (max-width:650px)  { 

.spanMenu{
	font-size:14px;font-weight:400;margin-right:-5px;
}	

#shopProductContainer .dgrid-column-sdescription {           
				display:table-cell !important; 				
				width:40%;	
				padding:10px;
				vertical-align: middle !important;	
							
}
#shopProductContainer .dgrid-column-cost {
				width: 30%;	
				text-transform: uppercase;	
				vertical-align: middle; 			
				padding:7px;
}

.shopSearchDiv{   
   font-size:14px;
   width:80% !important;
   margin-left:10px;		 	
}	
.pumposh .dijitTitlePaneTitle {
    font-size:11px; 
    color: #ffffff; 
    font-weight: bold; 
    background-color:black;
    
}
.pumposh .dijitTitlePaneContentOuter {
    font-size:11px; 
    color: #808080; 
    font-weight: bold;  
    background-color:#ffffff;     
}


.dijitChecked.dijitTab .tabLabel {
    color:#000000;        
}

}

@media only screen  and (max-width:560px) and (orientation:portrait){

#shopProductContainer .dgrid-column-content {
				width:43% !important;					  
				vertical-align: middle; 				
}
.shippingTableContainer{
	margin-right:3%;	
}
.billingTableContainer{
	margin-right:3%;		
}

.countryList{
	width:94.2% !important;text-align:left !important;margin-left:-8px;height:1.8em !important; padding: 15px 0px 0px;border-radius: 9px;
}


#contactSuppButton{
	display:none !important;
}

}
@media only screen  and (max-width:585px)  {
.mFootercontainer { 
                width:80%;                 
                display:table; 
                opacity: 0.85;
} 	
#shopProductContainer .dgrid-column-companyname { 
				display:none !important;			
}

#shopOrderStatusPane12 .dgrid-column-order_id {
				display: none;						
}

#orderStatusDia{
	width:95%;
	border-color:black;
	font-size:14px;
}	

.shopSearchDiv{
   font-size:14px;
   width:85% !important;
   padding-right:7px;
   float:right !important;   	 		 	
}


#shopProductContainer .dgrid-column-sdescription {           
				display:table-cell !important; 				
				width:35%;	
				padding:10px;
				vertical-align: middle !important;	
							
}
#shopProductContainer .dgrid-column-cost {
				width: 25%;	
				text-transform: uppercase;	
				vertical-align: middle; 			
				padding:7px;
}
	
}

@media only screen  and (max-width:500px)  {
.dgrid-loading {
    color: #9f9f9f;
    font-size:1.7em;
    padding-top:17rem;         
    text-align: center;    
}
.dgrid-no-data{
    color: #9f9f9f;
    font-size:1.7em;
    padding-top:12rem;         
    text-align: center;    
}	
#adminfooterCopyTable {	
    position:absolute;     
    width:15.8em;  
    margin-top:5.5px; 
    padding-top:2px;
    height:1.5em;      
    left:4em;    
    overflow: hidden;  
    font-size:14px;      
}
	
.shopSearchDiv{
   font-size:14px;
   width:85% !important;		 	
}

.mFootercontainer { 
                width:85%;                 
                display:table; 
                opacity: 0.85;
} 


}
@media only screen  and (max-width:450px)  { 
.mFootercontainer { 
                width:90%;                 
                display:table; 
                opacity: 0.85;
} 	
#statusDailogue{
	width:98%;
}

.pumposh .dijitTab{
	font-size:10.5px; 
    color: #ffffff; 
    font-weight: bold; 
    background-color:black; 
    left :0px;     
    width:10em !important;  
}

.shopSearchDiv{
   font-size:14px;
   width:85% !important;		 	
}	







}
@media only screen  and (max-width:420px) and  (orientation:portrait) {
#adminfooterCopyTable {	
    position:absolute;     
    width:18em;  
    margin-top:7px; 
    padding-top:2px;
    height:1.5em;      
    left:4em;    
    overflow: hidden;  
    font-size:13px;      
}
	
#shopProductContainer .dgrid-header {
right: 0;
}
#menu{
	font-size:13px;
	margin:0px !important;
	padding:0px;
}
#dropDownButton{
	margin:0px !important;
	padding:0px;
}


#shopProductContainer .dgrid-column-companyname { 
				display:none !important;			
}

#shopProductContainer .dgrid-column-sdescription{
	padding:5px;
	margin:0;
	width:38%;
}

#shopProductContainer .dgrid-column-cost {
				width: 18%;	
				padding:0;
	            margin:0;
				text-transform: uppercase;	
				vertical-align: middle; 				
				font-size:10px;
				
}

#productDetail{
	display:none !important;
}
	



/* Phones etc ----------- start Cart Details */	


#cartImageDiv{
	width:90px;
	height:110px;  
}
#cartProductContainer .dgrid-row {
    height: 17em;    
}
#cartProductContainer .dgrid-footer {
font-size:12px;
}


#cartProductContainer .dgrid-column-content {
				width: 13%;		
				vertical-align: middle;				
}
#cartProductContainer .dgrid-column-cost {
				width: 8%;
				vertical-align: middle; 						
}
#cartProductContainer .dgrid-column-col1 {
				width: 2.5%;	
				vertical-align: middle; 	
}
#cartProductContainer .dgrid-column-col2 {
				display:none; 	
}

#cartProductContainer .dgrid-column-col4 {
				display:none; 				
}
#cartProductContainer .dgrid-column-cartQuantity {
				width:11%;	
				vertical-align: middle; 	
				text-transform: uppercase;
}
#cartValue{	
	
	display: none;
}



.pumposh .dijitTitlePaneTitle {
    font-size:11px; 
    color: #ffffff; 
    font-weight: bold; 
    background-color:black;
    
}
.pumposh .dijitTitlePaneContentOuter {
    font-size:11px; 
    color: #808080; 
    font-weight: bold;  
    background-color:#ffffff;     
}



#addShipTitle{
	display:none;
}

#shipValue{
	display:none;
}	
#billValue{
	display:none;
}
#orderValue{
	display:none;
}

#paymentMethod{
	display:none !important;
}

}
@media only screen  and (max-width:386px) {


.pumposh .dijitTitlePaneTitle {
    font-size:11px; 
    color: #ffffff; 
    font-weight: bold; 
    background-color:black;
    
}
.pumposh .dijitTitlePaneContentOuter {
    font-size:11px; 
    color: #808080; 
    font-weight: bold;  
    background-color:#ffffff;     
}



.dijitChecked.dijitTab .tabLabel {
    color:#000000;        
}	

}
/* parvez iphone */
@media only screen  and (max-width:420px) and (max-height:650px){
	
.shopSearchDiv{
   font-size:13px;
   width:85% !important;		 	
}
	
}
/* andriod screen */
@media only screen  and (max-width:420px) and (max-height:550px){

#homeImage{
	position:fixed !important;	
	top:47px;    
    margin-right:20px;
	width:32px;
	height:32px;	
	cursor: hand;
    cursor: pointer;
    z-index:20;
}


.shopSearchDiv{
   font-size:13px;
   width:85% !important;		 	
}	

/* Phones etc ----------- Product Details */







#productDetail{
	display:none !important;
}

/* Phones etc ----------- End Product Details */
/* Phones etc ----------- start Cart Details */		

/* Phones etc ----------- End Cart Details */	

	
		
}
/* naziya old phone */
@media only screen  and (max-width:420px) and (max-height:500px) {

#homeImage{
	position: fixed !important;	
	top:2.8em;    
	width:29px;
	height:29px;	
	cursor: hand;
    cursor: pointer;    
}


.shopSearchDiv{
   font-size:12px;
   width:85% !important;		 	
}

	
/* Phones etc ----------- Product Details */




	



#productDetail{
	display:none !important;
}

/* Phones etc ----------- End Product Details */
/* Phones etc ----------- start Cart Details */		

/* Phones etc ----------- End Cart Details */
			
}
@media only screen  and (max-height:400px) and (max-width:699px){ 
	
#cartProductContainer{
	position: fixed;
	margin-top:10.8em !important;  
}

}


@media only screen   and (max-width:320px)  and (max-height:450px)  {



.pumposh .dijitTitlePaneTitle {
    font-size:10px; 
    color: #ffffff; 
    font-weight: bold; 
    background-color:black;
    
}
.pumposh .dijitTitlePaneContentOuter {
    font-size:10px; 
    color: #808080; 
    font-weight: bold;  
    background-color:#ffffff;     
}



.dijitChecked.dijitTab .tabLabel {
    color:#000000;        
}	
}
