@charset "utf-8";
/* CSS Document */

@media (max-width: 320px) {


    
    
    
}

@media (min-width: 321px) and (max-width: 480px)
{

    
    
}
@media  (max-width: 480px) {
    .enquiry_head .modal-title
    {
    font-size: 20px;    
    }
  .new_topsec
    {
        height: 100% !important;
    }
    .popupstyle ul li
    {
        display: block;
    }
        .new_topsec .banner_cont h2
    {
     font-size: 22px;   
    }
    .new_topsec .banner_cont p
    {
        font-size: 14px;
    }
    .new_topsec .banner_cont .btn
    {
         padding: 5px 18px;
        font-size: 14px;
    }
    .nav-menu span
    {
     width: 26px;
    height: 4px;
    }
}
@media (min-width: 481px) and (max-width: 767px){
 .new_topsec .banner_cont h2
{
 font-size: 34px;   
}
.new_topsec .banner_cont p
{
font-size: 18px;
}
.new_topsec .banner_cont .btn
{
    padding: 6px 22px;
    font-size: 16px;
}
.control-center
{
top: 75%;
}
}

@media (max-width: 767px){
    .enq_popup .form-gro input
    {
         height: 40px !important;
        font-size: 14px;
    }
    .enq_popup .form-gro
    {
        margin-bottom: 15px;
    }
    .enq_popup .close img
    {
            width: 18px !important;
    height: 18px !important;
    position: relative;
    padding-right: 10px;
    top: 10px;
    right: 8px;
    }
    .enq_popup .modal-content
    {
        border:none;
        background-color: transparent;
    }
    .enq_popup .form-inputgroup h3
    {
        display: none;
    }
    .enq_popup .white-box
    {
        display: none;
    }
    .enq_popup .pop-box
    {
        height: 450px !important;
    }
    .enq_popup .pop-box1
    {
     padding-top: 6rem !important;
        height: 100%;
    }
.enq_popup .off-box1 span
    {
    font-size: 48px !important;
    line-height: 42px;
    }
    .enq_popup .off-box1
    {
     padding: 16px 30px 16px 30px !important;  
    }
 header.blnk-header
    {
           background: transparent !important;
    }
    .logo
    {
         width: 165px;
    }
   header.blnk-header  .logo
    {
        height: auto;
    }
    .new_topsec .banner_cont
    {
        /* top: 70px;    */
    }

    .notch .right-img-sec, .webild .right-img-sec
    {
        top:0;
    }
    .spooner .right-img-sec img
    {
        top: auto;
    }
    .lunchserved .right-img-sec figure, .neworleans .right-img-sec figure
    {
        top:0;
    }
         #last_sec 
    {
        display: none;
    }
}

@media (min-width: 768px)
{

    
    
}
	
@media (min-width: 768px) and (max-width: 991px){
 .new_topsec
    {
      height: 100%; 
    z-index: 0 !important;
    }
    .new_topsec .banner_cont
    {
        top: 242px;
    }
    .new_topsec .banner_cont h2
    {
     font-size: 42px;   
    }
    .new_topsec .banner_cont p
    {
        font-size: 16px;
    }
    .new_topsec .banner_cont .btn
    {
        padding: 8px 34px;
        font-size: 16px;
    }
    .lunchserved .right-img-sec, .neworleans .right-img-sec
    {
        position: relative;
    }
    .neworleans .left-text-sec
    {
        flex: 0 0 100%;
    max-width: 100%;
    }
}
@media (max-width: 991px){
.blnk-header .logo  
{
   background: none;
}
  header.logo-navbar.white-header .logo img
    {
        display: none;
    }
    header.white-header .nav-menu span, .header-wht header .nav-menu span
    {
     background: #023575 !important;   
    }

    .lunchserved .right-img-sec, .neworleans .right-img-sec
    {
        top:inherit;
    }
    .campcrate
    {
     background-size: contain; 
    height: auto !important;
    }
    .juvly .right-img-sec
    {
   flex: 100%;
    max-width: 100%;
    }
    .lunchserved .right-img-sec figure, .neworleans .right-img-sec figure
    {
        position: relative;
    }
}
@media (min-width: 991px){

}

@media (min-width: 992px) and (max-width: 1024px){
    
    #portfolio .sections .container
    {
     /* padding-top: 7rem !important; */
    }
    .copyright_txt
    {
        color: #040404 !important;
        bottom: 6px !important;
    }
    .webild1 
    {
        position: relative;
        top:80px;
    }
    .lunchserved .right-img-sec, .neworleans .right-img-sec
    {
        bottom: inherit;
        top:80px;
    }
 .new_topsec {
     height: 100% !important;
 }
.new_topsec .banner_cont {
    top: 12rem;
}
 .new_topsec .banner_cont h2 {
     font-size: 58px;
    }
    .new_topsec .banner_cont p
    {
        font-size: 18px;
    }
    .new_topsec .banner_cont .btn
    {
        padding: 8px 48px; 
        font-size: 20px;
    }
    .logo
    {
     width: 170px;   
    }
    .nav-menu span
    {
    width: 28px;
    height: 3px;    
    }
    #navigation li.nav-item a
    {
     padding: 5px 26px;   
    }
    .nav-menu
    {
        margin:0;
    }
    .sections p
    {
        font-size: 14px !important;
    }
    .neworleans .right-img-sec figure
    {
        bottom: inherit; 
     right: inherit;
    }
    .mobile-portfolio h2
    {
        font-size: 46px !important;
    }
   .spooner .right-img-sec img
    {
        max-width: 100% !important;
        display: block !important;
        margin:0 auto !important;
    }
    
}
	

@media  (max-width: 1024px) {

    .CMS .container{
        
    }

}