/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*                                                            TABLET LANDSCAPE SIZE                                                                  */
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/

/* CSS EDIT MODE*/
@media only screen and (max-width: 1454px) 
{
    /* Starting at anything smaller than standard tablet size, make it a single-column layout */
    .content-wrapper.css-edit-mode #page-section-container, .content-wrapper.css-edit-mode .page-section-wrapper, .content-wrapper.css-edit-mode .page-section  
        { display:block; border-spacing:0px; border-collapse:collapse; overflow:hidden; }
    .content-wrapper.css-edit-mode .page-section.single-column .page-content-wrapper,            
    .content-wrapper.css-edit-mode .page-section.two-column .page-content-wrapper,               
    .content-wrapper.css-edit-mode .page-section.two-column-left .page-content-wrapper,          
    .content-wrapper.css-edit-mode .page-section.two-column-left .page-content-wrapper.second,    
    .content-wrapper.css-edit-mode .page-section.two-column-right .page-content-wrapper,         
    .content-wrapper.css-edit-mode .page-section.two-column-right .page-content-wrapper.second,
    .content-wrapper.css-edit-mode .page-section.two-column .page-content-wrapper.second,
    .content-wrapper.css-edit-mode .page-section.three-column .page-content-wrapper:nth-child(2),
    .content-wrapper.css-edit-mode .page-section.three-column .page-content-wrapper:nth-child(3),  
    .content-wrapper.css-edit-mode .page-section.three-column .page-content-wrapper             
        { display:block; position:relative; width: inherit; }
    
    /* Services */
    .content-wrapper.css-edit-mode #serviceList .category-wrapper                      
        { float:none; width:100%; margin-left:0px; margin-right:0px; }
}

/* CONTENT EDIT MODE */
@media only screen and (max-width: 1121px) 
{
    /* Starting at anything smaller than standard tablet size, make it a single-column layout */
    .content-wrapper.ui-design #page-section-container, .content-wrapper.ui-design .page-section-wrapper, .content-wrapper.ui-design .page-section  
        { display:block; border-spacing:0px; border-collapse:collapse; overflow:hidden; }
    .content-wrapper.ui-design .page-section.single-column .page-content-wrapper,            
    .content-wrapper.ui-design .page-section.two-column .page-content-wrapper,               
    .content-wrapper.ui-design .page-section.two-column-left .page-content-wrapper,          
    .content-wrapper.ui-design .page-section.two-column-left .page-content-wrapper.second,    
    .content-wrapper.ui-design .page-section.two-column-right .page-content-wrapper,         
    .content-wrapper.ui-design .page-section.two-column-right .page-content-wrapper.second,
    .content-wrapper.ui-design .page-section.two-column .page-content-wrapper.second,
    .content-wrapper.ui-design .page-section.three-column .page-content-wrapper:nth-child(2),
    .content-wrapper.ui-design .page-section.three-column .page-content-wrapper:nth-child(3),  
    .content-wrapper.ui-design .page-section.three-column .page-content-wrapper             
        { display:block; position:relative; width: inherit; }
    /* Services */
}

/* NORMAL */
@media only screen and (max-width: 1024px) 
{
    /* Starting at anything smaller than standard tablet size, make it a single-column layout */
    .content-wrapper #page-section-container, .content-wrapper .page-section-wrapper, .content-wrapper .page-section  
        { display:block; border-spacing:0px; border-collapse:collapse; overflow:hidden; }
    .content-wrapper .page-section.single-column .page-content-wrapper,            
    .content-wrapper .page-section.two-column .page-content-wrapper,               
    .content-wrapper .page-section.two-column-left .page-content-wrapper,          
    .content-wrapper .page-section.two-column-left .page-content-wrapper.second,
    .content-wrapper .page-section.two-column-right .page-content-wrapper,         
    .content-wrapper .page-section.two-column-right .page-content-wrapper.second,
    .content-wrapper .page-section.two-column .page-content-wrapper.second,
    .content-wrapper .page-section.three-column .page-content-wrapper:nth-child(2),
    .content-wrapper .page-section.three-column .page-content-wrapper:nth-child(3),
    .content-wrapper .page-section.three-column .page-content-wrapper             
        { display:block; position:relative; width: inherit; }
    /* Services */
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*                                                            TABLET PORTRAIT SIZE                                                                  */
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/

/* CSS EDIT MODE */
@media only screen and (max-width: 1198px) {
    /* ----- Responsive Navigation Styles ----- */
    .content-wrapper.css-edit-mode #main-navigation-menu            
        { width:100%; background-image:none; margin:0px; padding:0px; }
    .content-wrapper.css-edit-mode #main-navigation-menu .navigation         
        { float:left !important; height:auto; margin-left:auto; margin-right:auto; min-width:350px; text-align:left !important; width:100%; }
    .content-wrapper.css-edit-mode #main-navigation-menu .navigation .main-navigation-item a    
        { display:block; text-align:center; }
    .content-wrapper.css-edit-mode .main-navigation-item a:hover             
        { background:inherit; }
    /* Block Style Navigation (logo above) */
    .content-wrapper.css-edit-mode #main-navigation-menu .navigation .main-navigation-item    
        { padding:5px 0px; margin:0px; text-align:center; width:49%; }
    /* Separation lines navigation */
    .content-wrapper.css-edit-mode #main-navigation-menu .navigation .main-navigation-item                   
        { border-right-width:1px; border-bottom-width:1px !important; border-style:solid; }
    .content-wrapper.css-edit-mode #main-navigation-menu .navigation .main-navigation-item:nth-child(1),
    .content-wrapper.css-edit-mode #main-navigation-menu .navigation .main-navigation-item:nth-child(2)     
        { border-top-width:1px; }
    .content-wrapper.css-edit-mode #main-navigation-menu .navigation .main-navigation-item:nth-child(2n)    
        { border-right-width:0px; }  
    /* button navigation */
    .content-wrapper.css-edit-mode #main-navigation-menu.separation-button .navigation .main-navigation-item
        { border-width:1px; margin:2px 0px; }
    /* Inline Style Navigation */
    .content-wrapper.css-edit-mode .logo-style-inline .logo-container               
        { float:left; width:100%; }
    .content-wrapper.css-edit-mode .logo-style-inline .navigation-items-container   
        { float:left; width:100%; }
    /* floating navigation */
    .content-wrapper.css-edit-mode .block-style-floating .navigation-items-container    
        { background-color:rgba(255,255,255,0.1) !important; }
    .content-wrapper.css-edit-mode #main-navigation-menu .navigation .main-navigation-item
        { width: 49%;}
    
    /* Employees */
    .content-wrapper.css-edit-mode #employeesList .employee-container     
        { margin-left:0px; margin-right:0px; width:100%; }

    /* Specials */
    .content-wrapper.css-edit-mode #specialsList  .special-container
        { margin-left:0px; margin-right:0px; width:100%; }

    /* Services */
    .content-wrapper.css-edit-mode #serviceList .category-wrapper                      
        { float:none; width:100%; margin-left:0px; margin-right:0px; }
    .content-wrapper.css-edit-mode #serviceList .price
        { width: 25%; }
    .content-wrapper.css-edit-mode #serviceList .left-group
        { width: 75%; }
}

/* CONTENT EDIT MODE */
@media only screen and (max-width: 865px) 
{
    /* ----- Responsive Navigation Styles ----- */
    .content-wrapper.ui-design #main-navigation-menu            
        { width:100%;  background-image:none; margin:0px; padding:0px; }
    .content-wrapper.ui-design #main-navigation-menu .navigation         
        { float:left !important; height:auto; margin-left:auto; margin-right:auto; text-align:left !important; width:100%; }
    .content-wrapper.ui-design #main-navigation-menu .navigation .main-navigation-item a    
        { display:block; text-align:center;}
    .content-wrapper.ui-design .main-navigation-item a:hover             
        { background:inherit; }
    /* Block Style Navigation (logo above) */
    .content-wrapper.ui-design #main-navigation-menu .navigation .main-navigation-item    
        { padding:5px 0px !important; margin:0px !important; text-align:center; width:49%; }
    /* Separation lines navigation */
    .content-wrapper.ui-design #main-navigation-menu .navigation .main-navigation-item                   
        { border-right-width:1px; border-bottom-width:1px !important; border-style:solid; }
    .content-wrapper.ui-design #main-navigation-menu .navigation .main-navigation-item:nth-child(1),
    .content-wrapper.ui-design #main-navigation-menu .navigation .main-navigation-item:nth-child(2)     
        { border-top-width:1px; }
    .content-wrapper.ui-design #main-navigation-menu .navigation .main-navigation-item:nth-child(2n)    
        { border-right-width:0px; }  
    /* button navigation */
    .content-wrapper.ui-design #main-navigation-menu.separation-button .navigation .main-navigation-item  
        { border-width:1px; margin:2px 0px; }
    /* Inline Style Navigation */
    .content-wrapper.ui-design .logo-style-inline .logo-container               
        { float:left; width:100%; }
    .content-wrapper.ui-design .logo-style-inline .navigation-items-container   
        { float:left; width:100%; }
    /* floating navigation */
    .content-wrapper.ui-design .block-style-floating .navigation-items-container    
        { background-color:rgba(255,255,255,0.1) !important; }
    .content-wrapper.ui-design #main-navigation-menu .navigation .main-navigation-item  
        { width: 49%;}
    
    /* Employees */
    .content-wrapper.ui-design #employeesList .employee-container     
        { margin-left:0px; margin-right:0px; width:100%; }

    /* Specials */
    .content-wrapper.ui-design #specialsList .special-container
        { margin-left:0px; margin-right:0px; width:100%; }

    /* Services */
    .content-wrapper.ui-design #serviceList .category-wrapper                      
        { float:none; width:100%; margin-left:0px; margin-right:0px; }
    .content-wrapper.ui-design #serviceList .price
        { width: 25%; }
    .content-wrapper.ui-design #serviceList .left-group
        { width: 75%; }
}

/* NORMAL */
@media only screen and (max-width: 768px) {
    /* ----- Responsive Navigation Styles ----- */
    .content-wrapper #main-navigation-menu                     
        { width:100%;  background-image:none; margin:0px; padding:0px; }
    .content-wrapper .main-navigation-item a:hover             
        { background:inherit; }
    .content-wrapper #main-navigation-menu .navigation         
        { float:left !important; height:auto; margin-left:auto; margin-right:auto;  text-align:left !important; width:100%; }
    .content-wrapper #main-navigation-menu .navigation .main-navigation-item a    
        { display:block; text-align:center; }
    /* Block Style Navigation (logo above) */
    .content-wrapper #main-navigation-menu .navigation .main-navigation-item    
        { padding:5px 0px; margin:0px; text-align:center; width:49.36%; }
    /* Separation lines navigation */
    .content-wrapper #main-navigation-menu .navigation .main-navigation-item                  
        { border-right-width:1px; border-bottom-width:1px !important; border-style:solid; }
    .content-wrapper #main-navigation-menu .navigation .main-navigation-item:nth-child(1),
    .content-wrapper #main-navigation-menu .navigation .main-navigation-item:nth-child(2)     
        { border-top-width:1px; }
    .content-wrapper #main-navigation-menu .navigation .main-navigation-item:nth-child(2n)    
        { border-right-width:0px; }  
    /* button navigation */
    .content-wrapper #main-navigation-menu.separation-button .navigation .main-navigation-item 
        { border-width:1px; margin:2px 0px; }
    /* Inline Style Navigation */
    .content-wrapper .logo-style-inline .logo-container               
        { float:left; width:100%; }
    .content-wrapper .logo-style-inline .navigation-items-container   
        { float:left; width:100%; }
    
    /* floating navigation */
    .content-wrapper .block-style-floating .navigation-items-container    
        { background-color:rgba(255,255,255,0.1) !important; }
    
    /*Employees*/
    .content-wrapper #employeeList .employee-container   
        { margin-left:0px; margin-right:0px; width:100%; }
    
    /* Specials */
    .content-wrapper  #specialsList .special-container
        { margin-left:0px; margin-right:0px; width:100%; }
    
    /* Services */
    .content-wrapper #serviceList .category-wrapper                      
        { float:none; width:100%; margin-left:0px; margin-right:0px; }
    .content-wrapper #serviceList .price
        { width: 25%; }
    .content-wrapper #serviceList .left-group
        { width: 75%; }
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*                                                            MOBILE PHONE SIZE                                                                     */
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/

/* CSS EDIT MODE */
@media only screen and (max-width: 910px) {
    .content-wrapper.css-edit-mode .page-content-wrapper    
        { margin-left:5px; margin-right:5px; }
    .content-wrapper.css-edit-mode #navigation-pulldown     
        { display:block; height:auto; margin-left:0px; margin-right:0px; padding:10px 0px;  opacity:0.95;  }
    .content-wrapper.css-edit-mode .main-navigation-item a:hover             
        { background:inherit; }
    .content-wrapper.css-edit-mode #main-navigation-menu .navigation 
        { display:none; }
    .content-wrapper.css-edit-mode #main-navigation-menu .navigation .main-navigation-item  
        { width: 48%;}
    .content-wrapper.css-edit-mode #socialMediaList, .content-wrapper.css-edit-mode #login-navigation-item        
        { display:none; }
    .content-wrapper.css-edit-mode #socialMediaMobile, .content-wrapper.css-edit-mode #loginButtonMobile      
        { display:block; float:none;  }
    .content-wrapper.css-edit-mode #socialMediaMobile td, .content-wrapper.css-edit-mode #loginButtonMobile td
        { display:block; width:100%; }
    .content-wrapper.css-edit-mode #socialMediaMobile #socialMediaList
        { display:block; float:right !important; position:relative; }
    .content-wrapper.css-edit-mode #loginButtonMobile #login-navigation-item
        { display:block; float:right !important; position:relative; margin: 7px 2% 0px 5%; right:1.5%; }
    .content-wrapper.css-edit-mode #page-section-container 
        { padding-top: 0px; padding-bottom:0px; padding-left: 0px; padding-right:0px; margin-top: 0px; margin-bottom:0px; margin-left: 0px; margin-right:0px; }
    .content-wrapper.css-edit-mode h1, .content-wrapper.css-edit-mode  h2, .content-wrapper.css-edit-mode h3, .content-wrapper.css-edit-mode h4, .content-wrapper.css-edit-mode h5, .content-wrapper.css-edit-mode p
        { margin-left: 0px; margin-right:0px; padding-left:0px; padding-right:0px; }

     /* Info Card */
    .content-wrapper.css-edit-mode .info-card-section
        { margin-left:0px; margin-right:0px; padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:2px; }
    .content-wrapper.css-edit-mode .info-card-section .amenities-list li
        { padding:5px; }
    .content-wrapper.css-edit-mode .info-card-section .amenities-list .icon
        { font-size:20px; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; }
    .content-wrapper.css-edit-mode .info-card-section .amenities-list .name
        { margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; }
    
    /* Employees */
    .content-wrapper.css-edit-mode #employeeList .employee-container 
        { margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; width:100%; }
    .content-wrapper.css-edit-mode #employeeList .employee-container .social-media,
    .content-wrapper.css-edit-mode #employeeList .employee-container .phone   
        { float:none; }
    
    /* Specials */
    .content-wrapper.css-edit-mode #specialsList .special-container
        { margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; width:100%; }
    .content-wrapper.css-edit-mode #specialsList
        { text-align:center; }

    /* Services */
    .content-wrapper.css-edit-mode #serviceList .category-wrapper                      
        { float:none; width:100%; margin-left:0px; margin-right:0px; }
    .content-wrapper.css-edit-mode #serviceList .category
        { padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:2px; }
    .content-wrapper.css-edit-mode #serviceList .service
        { margin:10px 0; }
    .content-wrapper.css-edit-mode #serviceList .description, .content-wrapper.css-edit-mode #serviceList .name, .content-wrapper.css-edit-mode #serviceList .price, .content-wrapper.css-edit-mode #serviceList .left-group, #serviceList .service .price span, #serviceList .category .title
        { float:none; margin-left:0px; margin-right:0px; padding-bottom:0px; text-align:left; width:100%; }

    /* Appointment Booking */
    .content-wrapper.css-edit-mode .booking-section-container
        { margin-left:0px; margin-right:0px; }
    .content-wrapper.css-edit-mode .booking-step-button-strip .button
        { padding-top:10px; padding-bottom:10px; text-align:center; width:100%; }
    .content-wrapper.css-edit-mode .booking-step-button-strip .booking-event.button
        { margin-bottom:15px;}
    .content-wrapper.css-edit-mode .booking-step-inner-container
        { width: 100%; }
    .content-wrapper.css-edit-mode .booking-summary-container
        { margin-left:0px; margin-right:0px; }
    .content-wrapper.css-edit-mode .booking-step-form .booking-confirmation-container .booking-form-item .booking-form-input
        { float:none; text-align:left; width:100%; }
    .content-wrapper.css-edit-mode .booking-step-form #rememberMe.booking-form-item
        { margin-top:15px; margin-bottom:15px; }
    .content-wrapper.css-edit-mode .booking-step-button-strip
        { margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; }
}

/* CONTENT EDIT MODE */
@media only screen and (max-width: 577px) {
    .content-wrapper.ui-design .page-content-wrapper   
        { margin-left:5px; margin-right:5px; }
    .content-wrapper.ui-design #navigation-pulldown    
        { display:block; height:auto;  margin-left:0px; margin-right:0px; padding:10px 0px;  opacity:0.95; }
    .content-wrapper.ui-design #main-navigation-menu .navigation 
        { display:none; }
    .content-wrapper.ui-design .main-navigation-item a:hover     
        { background:inherit; }
    .mobile-unavailable 
        { display:none !important; }
    .content-wrapper.ui-design #socialMediaList, .content-wrapper.ui-design #login-navigation-item
        { display:none; }
    .content-wrapper.ui-design #socialMediaMobile, .content-wrapper.ui-design #loginButtonMobile    
        { display:block; float:none;  }
    .content-wrapper.ui-design #socialMediaMobile td, .content-wrapper.ui-design #loginButtonMobile td
        { display:block; width:100%; }
    .content-wrapper.ui-design #socialMediaMobile #socialMediaList
        { display:block; float:right !important; position:relative; }
    .content-wrapper.ui-design #loginButtonMobile #login-navigation-item
        { display:block; float:right !important; position:relative; margin: 7px 2% 0px 5%; right:1.5%; }
    .content-wrapper.ui-design #main-navigation-menu .navigation .main-navigation-item  
        { width: 48%;}
    .content-wrapper.ui-design #page-section-container 
        { padding-top: 0px; padding-bottom:0px; padding-left: 0px; padding-right:0px; margin-top: 0px; margin-bottom:0px; margin-left: 0px; margin-right:0px; }
    .content-wrapper.ui-design h1, .content-wrapper.ui-design  h2, .content-wrapper.ui-design h3, .content-wrapper.ui-design h4, .content-wrapper.ui-design h5, .content-wrapper.ui-design p
        { margin-left: 0px; margin-right:0px; padding-left:0px; padding-right:0px; }
    
    /* Info Card */
    .content-wrapper.ui-design .info-card-section
        { margin-left:0px; margin-right:0px; padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:2px; }
    .content-wrapper.ui-design .info-card-section .amenities-list li
        { padding:5px; }
    .content-wrapper.ui-design .info-card-section .amenities-list .icon
        { font-size:20px; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; }
    .content-wrapper.ui-design .info-card-section .amenities-list .name
        { margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; }
    
    /* Employees */
    .content-wrapper.ui-design #employeeList .employee-container 
        { margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; width:100%; }
    .content-wrapper.ui-design #employeeList .employee-container .social-media,
    .content-wrapper.ui-design #employeeList .employee-container .phone   
        { float:none; }
    
    /* Specials */
    .content-wrapper.ui-design #specialsList .special-container
        { margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; width:100%; }
    .content-wrapper.ui-design #specialsList
        { text-align:center; }

    /* Services */
    .content-wrapper.ui-design #serviceList .category-wrapper                      
        { float:none; width:100%; margin-left:0px; margin-right:0px; }
    .content-wrapper.ui-design #serviceList .category
        { padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:2px; }
    .content-wrapper.ui-design #serviceList .service
        { margin:10px 0; }
    .content-wrapper.ui-design #serviceList .description, .content-wrapper.ui-design #serviceList .name, .content-wrapper.ui-design #serviceList .price, .content-wrapper.ui-design #serviceList .left-group, #serviceList .service .price span, #serviceList .category .title
        { float:none; margin-left:0px; margin-right:0px; padding-bottom:0px; text-align:left; width:100%; }

    /* Appointment Booking */
    .content-wrapper.ui-design .booking-section-container
        { margin-left:0px; margin-right:0px; }
    .content-wrapper.ui-design .booking-step-button-strip .button
        { padding-top:10px; padding-bottom:10px; text-align:center; width:100%; }
    .content-wrapper.ui-design .booking-step-button-strip .booking-event.button
        { margin-bottom:15px;}
    .content-wrapper.ui-design .booking-step-inner-container
        { width: 100%; }
    .content-wrapper.ui-design .booking-summary-container
        { margin-left:0px; margin-right:0px; }
    .content-wrapper.ui-design .booking-step-form .booking-confirmation-container .booking-form-item .booking-form-input
        { float:none; text-align:left; width:100%; }
    .content-wrapper.ui-design .booking-step-form #rememberMe.booking-form-item
        { margin-top:15px; margin-bottom:15px; }
    .content-wrapper.ui-design .booking-step-button-strip
        { margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; }

}

/* NORMAL */
@media only screen and (max-width: 480px) {
    .content-wrapper .section
        { padding-left:5px; padding-right:5px; }
    .content-wrapper .page-content-wrapper   
        { margin-left:0px; margin-right:0px; }
    .content-wrapper #navigation-pulldown    
        { display:block; height:auto; margin-left:0px; margin-right:0px; padding:10px 0px;  opacity:0.95;  }
    .content-wrapper .main-navigation-item a:hover     
        { background:inherit; }
    .content-wrapper #main-navigation-menu .navigation 
        { display:none; }
    .mobile-unavailable { display:none !important; }
    .content-wrapper #socialMediaList, .content-wrapper #login-navigation-item       
        { display:none; }
    .content-wrapper #socialMediaMobile, .content-wrapper #loginButtonMobile    
        { display:block; float:none;  }
    .content-wrapper #socialMediaMobile td, .content-wrapper #loginButtonMobile td   
        { display:block; width:100%; }
    .content-wrapper #socialMediaMobile #socialMediaList
        { display:block; float:right !important; position:relative; }
    .content-wrapper #loginButtonMobile #login-navigation-item
        { display:block; float:right !important; position:relative; margin: 7px 2% 0px 5%; right:1.5%; }
    .content-wrapper .navigation-wrapper #main-navigation-menu .navigation .main-navigation-item  
        { width: 48.9%;}
    .content-wrapper #page-section-container 
        { padding-top: 0px; padding-bottom:0px; padding-left: 0px; padding-right:0px; margin-top: 0px; margin-bottom:0px; margin-left: 0px; margin-right:0px; }
    .content-wrapper h1, .content-wrapper  h2, .content-wrapper h3, .content-wrapper h4, .content-wrapper h5, .content-wrapper p
        { margin-left: 0px; margin-right:0px; padding-left:0px; padding-right:0px; }
    
    /* Info Card */
    .content-wrapper .info-card-section
        { margin-left:0px; margin-right:0px; padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:2px; }
    .content-wrapper .info-card-section .amenities-list li
        { padding:5px; }
    .content-wrapper .info-card-section .amenities-list .icon
        { font-size:20px; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; }
    .content-wrapper .info-card-section .amenities-list .name
        { margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; }
    
    /* Employees */
    .content-wrapper #employeeList .employee-container 
        { margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; width:100%; }
    .content-wrapper #employeeList .employee-container .social-media,
    .content-wrapper #employeeList .employee-container .phone   
        { float:none; }
    
    /* Specials */
    .content-wrapper #specialsList .special-container
        { margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; width:100%; }
    .content-wrapper #specialsList
        { text-align:center; }

    /* Services */
    .content-wrapper #serviceList .category-wrapper                      
        { float:none; width:100%; margin-left:0px; margin-right:0px; }
    .content-wrapper #serviceList .category
        { padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:2px; }
    .content-wrapper #serviceList .service
        { margin:10px 0; }
    .content-wrapper #serviceList .description, .content-wrapper #serviceList .name, .content-wrapper #serviceList .price, .content-wrapper #serviceList .left-group, #serviceList .service .price span, #serviceList .category .title
        { float:none; margin-left:0px; margin-right:0px; padding-bottom:0px; text-align:left; width:100%; }

    /* Appointment Booking */
    #bookingPluginTab .booking-section-container,
    .content-wrapper .booking-section-container
        { margin:0px; padding: 0px 5px; }
    .content-wrapper .booking-step-button-strip .button
        { padding-top:10px; padding-bottom:10px; text-align:center; width:100%; }
    .content-wrapper .booking-step-button-strip .booking-event.button
        { margin-bottom:15px;}
    .content-wrapper .booking-step-inner-container
        { width: 100%; }
    .content-wrapper .booking-summary-container
        { margin-left:0px; margin-right:0px; }
    .content-wrapper .booking-step-form .booking-confirmation-container .booking-form-item .booking-form-input
        { float:none; text-align:left; width:100%; }
    .content-wrapper .booking-step-form #rememberMe.booking-form-item
        { margin-top:15px; margin-bottom:15px; }
    .content-wrapper .booking-step-button-strip
        { margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; }
}
/* NORMAL (Smaller) */
@media only screen and (max-width: 400px) {
    .ui-dialog { width: 100% !important; }
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*                                                      EXTREMELY SMALL SCREENS                                                                     */
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 290px){
    .content-wrapper .navigation-wrapper #main-navigation-menu .navigation .main-navigation-item {width: 48.32%;}
}