/*design by xx */




@media (max-width: 1200px)  {
	/*header*/
	
    .header-foodappx .navbar-nav>li>a{
        font-size: 16px;
    }
    .salon-nav{margin: 0;  font-size: 14px; margin-left: 24%;}
    .salon-nav a{ margin: 0 10px;}
    .salon-sign{ padding-right: 0;}
    .index-content img{ width:auto; max-width: 100%; margin: 10px auto; height: auto; display: block; }
    /*apppointment time*/
    .week-select ul li{ padding:10px 13px;}
   
}
@media (max-width: 1110px) and (min-width:995px){
    .header-foodappx .navbar-nav>li{
        padding: 20px;
    }
    .special-nav{ 
        padding: 20px 10px 20px 10px !important;
    }
    
    
   
   
}



@media (min-width: 1024px){

    /**/
    .navbar-toggle{ display: none;}
    .respon-logo{ display: none;}
    .special-nav{
    border:2px solid rgba(255,255,255,0.5);
    }

}

@media (max-width: 1023px){

    /**/
    .respons-navbar{
        
         float: left;
    }
    .navbar-foodappx{
        float: right;
    }
    .navbar-foodappx .logo{
       display: none !important;
    }
    .navbar-foodappx .navbar-nav{
       float: right;
       display: -webkit-box;
    }
    .navbar-foodappx .navbar-nav>li{
        padding-left: 20px;
        padding-right: 20px;
        font-size: 14px;
    }
    .special-nav{
        border: none !important;
    }
}


@media (max-width: 950px) and (min-width:820px){
    .navbar-foodappx .navbar-nav>li{
        padding-left: 10px;
        padding-right: 5px;
    }

}

@media (max-width: 819px) and (min-width:768px){
    .navbar-foodappx .navbar-nav>li{
        padding-left: 5px;
        padding-right: 5px;
    }

}




@media (max-width: 767px) {
	/*body*/
	body{ 
        padding: 0;
    }
    
    .navbar-toggle{ 
        display: inline-block;
        border-color: #fff;

    }
    .navbar-toggle .icon-bar{
        background: #fff;
    }
    .respon-logo{ 
        display: inline-block;
    }
    .respons-navbar{ 
        float: initial;
    }
    .respons-navbar .navbar-toggle{
        margin-top: 37px;
    }
    .header-foodappx{ 
        height: auto;
    }
    .navbar-foodappx{
        float: initial !important;
    }
    .navbar-foodappx .navbar-nav{
         display: block;
         float: initial !important;
    }
    .header-foodappx .navbar-nav>li{
        display: block;
        padding: 0;
        margin-top: 0;
        height: 50px; 
        line-height: 50px;
        border-bottom: 1px solid rgba(255,255,255,.3);
    }
    
    .navbar-nav>li>a{ line-height: 50px;}
    .header-foodappx  .navbar-nav>li .current em{ position: absolute;bottom: -15px; width: 100%;}
    /*page-brand*/
    .page-brand .btn{
        margin-top: 10px;
        display: block;
        width: 100%;
    }
	
}

@media (max-width: 450px) {
    .s1 .row, .s2 .row, .s3 .row, .s4 .row, .s5 .row{
        padding: 0;
        margin-right:-15px;
        margin-left: -15px;
    }
    .s5 h4{
        font-size: 16px;
    }
    .s5 h1{
        font-size: 20px;
    }
    .s1 h1{ 
        padding-top:50%;
        font-size: 4rem;
    }
    .s5 form .form-control{ 
        font-size: 16px;
    }
    .s5 form .thsi-info p{
        font-size: 14px;
    }
    .btn-s1{ 
        width: auto;
        font-size: 2rem;
    }
    /*page about*/
    .page-about p{
        padding: 0;
    }
    .page-about .s2-img{ 
        min-height: 250px; 
        margin-top:35%; 
        margin-bottom: 0;
    }


}