/* MOBILE */
@media only screen and (max-width: 700px) {
    .fondo { width:100%; background-image:url(../image/fondo-mobil.png); background-position: right bottom; background-size:cover; display:flex; flex-direction:column; }
    .fondo-mobil-forced { width:100%; background-image:url(../image/fondo-mobil.png); background-position: right bottom; background-size:cover; display:flex; flex-direction:column; }

	.bcolor { background:#FFC107; }
	.fcolor { color:#A1A1A1; }
    .bselected { color: #FF6A00; font-size:14pt; text-decoration:underline; }

    /* MAIN PAGE */
    .text-presentation { display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; }
    .text-explanation { margin:0px 40px 0px 40px; }

    /* MENU PAGE */
    .div-operation { display:flex; flex-direction:column; height:75%; width:100%; }
    .div-container { width:100; height:100%; }
    .div-calender { height:100%; width:100%; padding:5px; }
    .div-menu { height:100%; width:100%; display:none;  }
    .logo-top-bar { width:30%; }
    .top-menu { text-align:center; width:100%; }
    .top-menu-month-desc { height:5%; }
    .div-deal { padding:50px; width:80%; height:90%; } 

    /* SHOPPING CART */
    .cart-width { width:100%; }
    .sp-cart-day { width:30%; font-size:7pt; }
	.sp-cart-name { width:80%; font-size:11pt; }
	.sp-cart-remove { width:20%; font-size:11pt; }
    .sp-cart-price { width:20%; font-size:12pt; text-align:right; }

    /* SHIPPING INFO */
    .div-payment { display:flex; flex-direction:row; height:75%; }
    .div-shipping { display:flex; flex-direction:column; height:100%; width:100%; padding-top:30px; overflow:auto; }
    .div-personal-info { width:100%; padding-right:30px; }

    /* CONFIRMATION */
    .div-confirmation { width:100%; }

    /* SPECIAL ORDER */
    .div-special-operation { display:flex; flex-direction:column; height:100%; width:100%; overflow:auto; }
    .div-special-desc { width:100%; }
    .div-special-menu { width:100%; }
    .div-special-explanation { display:flex; flex-direction:column; }
    .div-special-explanation-title { display:inline-block; width:100%; }
    .div-special-btn-1 { display:none; }
    .div-special-btn-2 { display:flex; flex-direction:column; align-items:center; }
    .div-special-form { width:100%; padding-left:20px; }

    /* ADMIN PAGE*/
    .admin-logo { width:90px; } 
    .div-operation-admin { padding:20px; display:flex; flex-direction:row; height:75%; width:100%; }

    /* ESTILOS TRAIDOS DE XOOM */        
    .cell-product { border-bottom: 1px dashed #000; text-align:center;  
                    padding-top:24px; padding-bottom:48px; width:100%; float:left; }
    
    .title-description-yellow { font-size:15vw; color:#FFD800; display:inline-block; width:100%; text-align:center; }
    .subtitle-description-yellow { font-size:5vw; color:#FFD800; display:inline-block; text-align:center; padding:30px; }
    
    .title-description-black { font-size:15vw; color:black; display:inline-block; width:100%; text-align:center; }
    .subtitle-description-black { font-size:5vw; color:black; display:inline-block; text-align:center; padding:30px; }

    .align-button { text-align:center; display:inline-block; width:100%; }
    
    .div-product-detail { width:100%; font-family:Poppins; float:left; position:relative; }
    
    .gallery-yellow { 	
                        font-family: Poppins;
                        background: #FFD800; 
                        font-size: 5vw;
                        padding: 15px 50px 15px 50px;
                        border:none;
                        border-radius: 10px;
                        display:inline-block;
                        text-align:center; 
                        cursor: pointer;
                    }
    
    .div-top { 	
                font-family: Poppins; 
                background-image: url(../image/fondo-mobile.gif);  
                background-repeat: no-repeat; 
                background-size: 100% 100%;
                background-position: center center;
                border:1px solid #DADADA;
                align-items:center;
            }

    .div-marisco { 	
                font-family: Poppins; 
                height:500px; 
                width:100%; 
                background-image: url(../image/test_1.png);  
                background-repeat: no-repeat; 
                background-size: auto auto;
                background-position: center center;
                border:1px 
                solid #DADADA;
                display:flex; 
                align-items:center;
            }

    .div-party { 	
                font-family: Poppins; 
                height:500px; 
                width:100%; 
                background-image: url(../image/party.png);  
                background-repeat: no-repeat; 
                background-size: auto auto;
                background-position: center center;
                border:1px 
                solid #DADADA;
                display:flex; 
                align-items:center;
            }

    .div-top-menu { 
                background: #FFD800; 
                font-family: Poppins; 
                position: -webkit-fixed;
                position: fixed;
                text-align:left;
                top:0;
                left:0;
                height:120px;
                width:100%;
                z-index:100;
            }
    
    .menu-float-responsive { 
            cursor:pointer; 
            font-family: Poppins;
            font-size:4.2vw; 
            padding:20px 20px 20px 20px; 
            border-bottom: 1px solid black;
    }
    
    .div-center { display:flex; align-items:center; }
    .div-left { display:left; }
    .div-clear { clear:both; }
    
    .div-box { clear:both; width:100%; }
    .super { font-size:4vw; }
    .photo-presentation { width:80%; } 

    .div-detail-photo { 	
                font-family: Poppins; 
                width:100%;
                height:200px;
                text-align: center;
                vertical-align:middle;
                line-height:150px;
            }	
    
    .div-body { 	
                font-family: Poppins; 
                width:100%;
                height:300px;
                text-align: center;
                vertical-align:middle;
                line-height:300px;
            }		
            
    .div-product-definition { 	
                font-family: Poppins; 
                width:100%;
                background-repeat: no-repeat; 
                background-size: auto auto;
                text-align: center;
                font-size: 5vw; 
                font-weight: bold;
                padding: 30px 15px 10px 15px;
            }

    .div-definition { 	
                font-family: Poppins; 
                width:100%;
                background-repeat: no-repeat; 
                background-size: auto auto;
                text-align: center;
                font-size: 7vw; 
                font-weight: bold;
                padding: 30px 0px 10px 0px;
            }
            
    .div-description { 	
                font-family: Poppins; 
                width:100%;
                text-align: justify;
                font-size: 3.5vw; 
                padding: 0px 50px 0px 50px;
            }			

    .div-service { display:inline-block; width:100%; font-size:3vw; height:30px; }

    .div-product-price { 	
                font-family: Poppins; 
                width:100%;
                background-repeat: no-repeat; 
                background-size: auto auto;
                text-align: center;
                font-size: 8vw; 
                padding: 20px 0px 0px 0px;
            }	

    .div-price { 	
                font-family: Poppins; 
                width:100%;
                background-repeat: no-repeat; 
                background-size: auto auto;
                text-align: center;
                font-size: 10vw; 
                padding: 20px 0px 0px 0px;
            }	

    .shopping-section { padding:20px 80px; font-family:Poppins; width:100%; clear:both; }
    
    .div-summary { clear:both; width:100%;  padding:0px 20px 10px 20px; }
    .div-shopping { clear:both; width:95%; padding-left:5%; }
    
    .div-detail { line-height:50px; height:50px; font-family:Poppins; float:left; width:50%; font-size:5vw; padding:0px 0px 0px 10px; border-bottom:1px dashed black; } 
    .div-value  { line-height:50px; height:50px; font-family:Poppins; float:left; width:50%; font-size:5vw; text-align:right; padding:0px 20px 0px 0px; border-bottom:1px dashed black; }
    
    .shopping-summary { float:left; width:100%; }
    .shopping-detail { float:left; width:100%; }	
    
    .shopping-image { padding:20px; float:left; width:30%; font-size:1vw; font-family:Poppins; height:150px; text-align:left; }
    .shopping-product { float:left; width:70%; font-size:1vw; font-family:Poppins; height:200px; padding:30px 50px 0px 0px; width:50%; vertical-align:top; }
    
    .shopping-quantity { float:left; font-size:1vw; font-family:Poppins; height:200px; padding-top:30px; vertical-align:top;  }

    .edit-quantity { padding:5px; font-size:5vw; text-align:center; border:1px solid #DADADA; width:60px; }

    .increase-btn { cursor:pointer; font-size:5vw; }
    .shopping-price { float:left; font-size:5vw; font-family:Poppins; height:200px; width:20%; padding-top:30px; padding-right:40px; text-align:right; vertical-align:top; }
    
    .edit-coupon { font-size:4vw; width:75%; border:none; }
    
    .shopping-main { padding-left:30px; display: inline-block; width:100%; }
    .shopping-detail-price { display:inline-block; height:50px; font-size:5vw; }
    
    .shopping-title { border:1px solid #FFD800; background:#FFD800; padding:10px 0px 10px 20px; border-radius:5px; -webkit-border-radius:5px; }
    .summary-title  { border:1px solid #FFD800; background:#FFD800; padding:10px 0px 10px 20px; border-radius:5px; -webkit-border-radius:5px; }

    .shopping-product-name { font-size:4vw; }
    .shopping-product-desc { font-size:3vw; }

    .shopping-detail-header-mobile {
        display: grid;
        grid-template-columns: 30% 70%;
        background-color: white;
        padding: 0px;
        cursor:pointer;
        width:90%;
    }			

    .shopping-detail-column {
        background-color: rgba(255, 255, 255, 0.8);
        border: none;
        padding: 5px;
        overflow: auto;
        background-color: white;
        border-bottom: 1px dashed black;
        color:black;
        cursor:pointer;
        font-size:3vw; 
        font-family:Poppins;
        padding:20px 0px 10px 20px;
    }

    .payment-detail { font-family:Poppins; float:left; width:45%; font-size:4vw; padding:10px 0px 20px 10px; border-bottom:1px dashed black; } 
    .payment-qt { font-family:Poppins; float:left; width:20%; font-size:4vw; padding:10px 0px 20px 10px; border-bottom:1px dashed black; } 
    .payment-value  { font-family:Poppins; float:left; width:25%; font-size:4vw; text-align:right; padding:10px 20px 20px 0px; border-bottom:1px dashed black; }
    .payment-value-summary { font-family:Poppins; float:left; width:45%; font-size:4vw; text-align:right; padding:10px 20px 20px 0px; border-bottom:1px dashed black; }

    .form-email { font-family:Poppins; font-size:4vw; width:100%; padding:15px 0px 15px 0px; border:none; border-bottom:1px dashed black; }
    .form-phone { font-family:Poppins; font-size:4vw; width:100%; padding:15px 0px 15px 0px; border:none; border-bottom:1px dashed black; }
    .form-name { font-family:Poppins; font-size:4vw; width:100%; padding:15px 0px 15px 0px; border:none; border-bottom:1px dashed black; }
    .form-address { font-family:Poppins; font-size:4vw; width:100%; padding:15px 0px 15px 0px; border:none; border-bottom:1px dashed black; }
    .form-city { font-family:Poppins; font-size:4vw; width:50%; padding:15px 0px 15px 0px; border:none; border-bottom:1px dashed black; }
    .form-state { font-family:Poppins; font-size:4vw; width:23.9%; padding:15px 0px 15px 0px; border:none; border-bottom:1px dashed black; }

    .sq-input { width:95%; }

    /* Define how SqPaymentForm iframes should look when they have focus */
    .sq-input--focus { }

    /* Define how SqPaymentForm iframes should look when they contain invalid values */
    .sq-input--error { }
    
    .menu_qt { font-family:Poppins; font-size:3.5vw; line-height:25px; text-align:center; color:white; height:25px; width:25px; background-color:#000; border-radius:50%; display:inline-block; }
    .text-confirmation { font-size:4vw; font-family: Poppins; line-height:1.5; }
    .div-confirmation { font-family:Poppins; font-size:1vw; width:93%; padding:0px 0px 0px 50px; }
    .div-account { font-family:Poppins; font-size:1vw; width:93%; padding:0px 50px 0px 50px; }
    .div-divider-top { height:130px; } 

    .confirmation-title { font-size:5.5vw; padding:20px 0px 0px 0px; display:inline-block; width:100%; }	

    .div-prod-detail-photo { width:100%; } 
    .div-prod-detail-product { width:100%; text-align:center; font-size:7vw; } 
    .div-prod-detail-brief { width:100%; text-align:left; font-size:4vw; padding:0px 30px 0px 30px; } 
    .div-prod-detail-price { height:40px; display:inline-block; width:100%; text-align:center; } 
    .div-prod-detail-price_full { height:50px; display:inline-block; width:100%; font-size:8vw; text-align:center; }
    .div-prod-full-detail { width:100%; }
    .div-prod-detail-button { width:100%; text-align:center; }
    .div-product-photo { width:50%; }
    
    .div-login { width:90%; background:#FFF; }
    .div-login-top { width:90%; background:#FFD800; }
    
    .div-love { float:left; width:49%; text-align:center; }
    .div-recent { clear:both; width:95%; }
    
    .form-forgot { cursor:pointer; display:inline-block; width:200px; text-align:left; font-family:Poppins; font-size:4vw; }
    .form-login { font-family:Poppins; font-size:4vw; width:90%; padding:15px 0px 15px 0px; border:none; border-bottom:1px dashed black; }
    .form-login-error { display:inline-block; font-family:Poppins; font-size:4vw; color:red; padding:15px 0px 15px 0px; border:none; }
    
    .menu-admin-profile { font-family:Poppins; padding-left:30px; font-size:4vw; text-align:left; 
                display:inline-block; padding:20px; border-bottom: 1px dashed black;
                cursor:pointer;  }
                
    .div-line-favorite-love { cursor:pointer; float:left; text-align:left; font-family:Poppins; font-size:1.2vw; }
    .div-line-favorite { float:left; text-align:left; padding-left:30px; font-family:Poppins; font-size:4vw; padding-left: -100px; }
    .div-line-favorite-description { font-size:3vw; font-family: Poppins; line-height:1.2; }			

    .div-invisible { display: none; }

    .div-footer { 
                background: #FFD800; 
                font-family: Poppins;
                height:200px; 
                padding-left: 20px;
                padding-top: 30px;
                width:100%;
            }		
    
    .div-image-foot { width:40% }
    .top_image { width:100%; background-image: url(../image/banner_mobil.jpg); height:316px; background-repeat: no-repeat; background-size: 100%; }
    
    .container { display:flex; width:80%; flex-wrap:wrap; border-bottom:3px dashed #FFD800; } 
    .box { width:33%; float:left; height:300px; } 
    
    .cell-full { width:100%; float:left; } 
    .cell-left { width:50%; float:left; } 
    .cell-right { width:50%; float:left; }		
}
/* END MOBILE */