﻿@media (min-width:270px) and (max-width:991px){
  
    #firstimage{
        width:50px!important;
    }
}
@media (min-width:270px) and (max-width:533px){
    #aboutus_logo{
        width:290px!important;
    }
     #uploadfile{
        width:45%!important;
    }
}

@media (min-width:270px) and (max-width:588px){
   #careerimage{
       width: 240px!important;
    padding-top: 35%!important;
   }
}
@media (min-width:330px) and (max-width:420px) {
    #careerimage {
        padding-top: 28% !important;
    }
}
    @media (min-width:421px) and (max-width:518px) {
        #careerimage {
            padding-top: 1% !important;
        }
    }
    @media (min-width:519px) and (max-width:558px) {
        #careerimage {
            padding-top: 1% !important;
        }
    }

     @media (min-width:559px) and (max-width:588px) {
        #careerimage {
            padding-top: 1% !important;
        }
    }
@media (min-width:270px) and (max-width:450px) {
    .img-responsive {
        width:100px!important;
    }
}
@media (min-width:451px) and (max-width:769px) {
    .img-responsive {
        width:150px!important;
    }
}
@media (min-width:588px) and (max-width:800px){
   #contactus_image{
      
    padding-top: 10%!important;
   }
}
@media (min-width:270px) and (max-width:588px){
   #contactus_image{
      
    padding-top: 7%!important;
   }
}
@media (min-width:270px) and (max-width:550px) {
    #contactsubmit {
     width: 56%!important;
    }
}
@media (min-width:270px) and (max-width:766px){
    #logo{
       width:95%!important;
    }
}

#galleryimage{
    width:200px;
}

#food_image {
    width: 97% !important;
    margin-top: 8% !important;
    margin-left: 2% !important;
    margin-right: 2% !important;
   
}


@media (min-width:270px) and (max-width:350px) {
#food_image{
 
    margin-top: 42%!important;
    
}
}
@media (min-width:351px) and (max-width:400px) {
#food_image{
 
    margin-top: 40%!important;
    
}
}
@media (min-width:401px) and (max-width:500px) {
#food_image{
 
    margin-top: 27%!important;
    
}
}
@media (min-width:501px) and (max-width:600px) {
#food_image{
 
    margin-top: 19%!important;
    
}
}
@media (min-width:601px) and (max-width:650px) {
#food_image{
 
    margin-top: 10%!important;
    
}
}
@media (min-width:768px) and (max-width:900px) {
#food_image{
 
    margin-top: 18%!important;
    
}
}
@media (min-width:900px) and (max-width:1050px) {
#food_image{
 
    margin-top: 15%!important;
    
}
}
@media (min-width:1051px) and (max-width:1150px) {
#food_image{
 
    margin-top: 13%!important;
    
}
}
@media (min-width:1152px) and (max-width:1330px) {
#food_image{
 
    margin-top: 12%!important;
    
}
}

#footer_address{
    text-align:justify;
    font-size: 102%;
}

@media screen and (max-width:1100px) and (min-width:1051px){
#footer{
    
    font-size: 11px!important;
}
} 
@media screen and (min-width:1101px) and (max-width:1250px){
#footer{
    
    font-size: 14px!important;
}
}
@media screen and (min-width:1201px) and (max-width:1340px){
#footer{
    
    font-size: 13px!important;
}
} 
@media screen and (min-width:1101px) and (max-width:1200px){
#footer{
    
    font-size: 12px!important;
}
} 



.enlarge{
    margin-top: 14%;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

.food{
    margin-top: 2%;
    margin-left: 6%;
    font-size: 25px;
    color: black;
}
@media only screen and (min-width:300px) and (max-width:786px){
    /*.enlarge {
       padding-top: 15% !important;
    }*/
  
    .lightbox-target{
        margin-top:5%!important;
    }
}
@media only screen and (min-width:768px) and (max-width:949px){
    /*.enlarge {
       padding-top: 15% !important;
    }*/
  
    .lightbox-target{
        margin-top:5%!important;
    }
}

@media only screen and (min-width:950px) and (max-width:1199px){
    /*.enlarge {
        margin-top: 25% !important;
    }*/
    .lightbox-target{
        margin-top:5%!important;
    }
    
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    /*.imageDiv-slider{
        margin-top:12%!important;
    }*/
    /*.fake-position{
         margin-top:20%!important;
    }
    #careerimage{
        padding-top:20%!important;
    }
    #contactus_image{
         margin-top:20%!important;
    }*/
}


@media only screen and (max-width:590px){
    .enlarge {
        margin-top: 25% !important;
    }
}

@media only screen and (max-width:380px){
    .enlarge {
        margin-top: 30% !important;
    }
}

@media only screen and (max-width:295px){
    .enlarge {
        margin-top: 40% !important;
    }
}

    

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        #logo{
        width:65%!important;
        }
        /*#menubar{
        margin-right: 1%!important;
        }*/

        .navbar-right {
            float: left !important;
        }

    }

     @media only screen and (max-width : 992px) {
     
    #menubar{
        float:left !important;
        margin-left: -4%!important;
    }
    }
    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        #logo{
        width:65%!important;
        }
   #menubar {
    margin-left: 2%!important;
}
    }
    /* Medium Devices, Desktops */
   

    @media only screen and (min-width : 1100px) {
        #logo{
        width:55%!important;
        }
   #menubar {
    margin-left: -3%!important;
}

    }
    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        #logo{
        width:40%!important;
        }
    #menubar{
           margin-left: 4%!important;
    }
    
    }
    @media only screen and (min-width : 1300px) {
        #logo{
        width:40%!important;
        }
    #menubar {
    margin-left: 6%!important;
}
    
    }
    @media only screen and (min-width : 1400px) {
        #logo{
        width:40%!important;
        }
    #menubar{
        margin-right: -10%!important;
    }
    
    }
     @media only screen and (min-width : 1500px) {
        #logo{
        width:40%!important;
        }
    #menubar{
        margin-right: -16%!important;
    }
    
    }
@media only screen and (min-width : 768px) {

    .addr {
        font-size: 15px !important;
    }
}