/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
    /* CSS */
    
  }
  
  /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  

  /* nest hub */
  @media (min-width: 1026px) and (max-width: 1280px) {
    /* banner */

    .banner .banner-text p {
        margin-right: 150px;
    }
    /* reservation starts */
    .reservation-section .reserve-text{
        margin-bottom:0px;
    }
    .reservation-section .reserve-text .pos img{
        width: 179px;
    }
    .reservation-section .main-form .bottle img {
        width: 122px;
    }
    .reservation-section .main-form .bottle {
        position: absolute;
        left: 84%;
        top: -34px;
    }
    .reservation-section .reserve-font{
        margin-bottom: 20px;
    }
    /* .main-form .plate{

    } */
    .reservation-section .main-form .plate img{
        width: 122px;
    }
    .reservation-section .main-form .plate {
        bottom: -11%;
    }
    /* reservation ends */

    /* footer section starts */
    
    /* footer section ends */
  }
  /* sadadasd */

  @media (min-width: 1023px) and (max-width: 1024px) {
    
    /* banner section starts */
    .banner .banner-text p {
        font-size: 15px;
        margin-right: 185px;
    }
    /* footer section starts */
    .footer-section .copyright .icons {
        position: absolute;
        bottom: 28px;
        right: 9%;
    }
    /* footer section ends */
  }
  /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  
  /* MY LAPTOP SCREEN HP */
  @media (min-width: 1024px) {
      /* reservation starts */
    .reservation-section .reserve-text{
        margin-bottom:0px;
    }
    .reservation-section .reserve-text .pos img{
        width: 250px;
    }
    .reservation-section .main-form .bottle img {
        width: 178px;
    }
    .reservation-section .main-form .bottle {
        position: absolute;
        left: 84%;
        top: -34px;
    }
    .reservation-section .reserve-font{
        margin-bottom: 20px;
    }
    /* .main-form .plate{

    } */
    .reservation-section .main-form .plate img{
        width: 160px;
    }
    .reservation-section .main-form .plate {
        bottom: -11%;
    }
    /* reservation ends */
  }


  @media (min-width: 721px) and (max-width: 767px) {
    /* reservation starts */
    .reservation-section .reserve-text{
        margin-bottom:0px;
    }
    .reservation-section .reserve-text .pos img{
        width: 179px;
    }
    .reservation-section .main-form .bottle img {
        width: 122px;
    }
    .reservation-section .main-form .bottle {
        position: absolute;
        left: 84%;
        top: -34px;
    }
    .reservation-section .reserve-font{
        margin-bottom: 20px;
    }
    .reservation-section .main-form .plate img{
        width: 122px;
    }
    .reservation-section .main-form .plate {
        bottom: -11%;
    }
    /* reservation ends */
  }



  /* THIS IS THE TABLET DEVICE */
  @media (min-width: 768px) and (max-width: 1023px) {
    
    .header-section .top-bar{
        text-align: center;
    }
    .header-section .top-bar .text-right p{
        text-align: right;
    }
      .header-section .top-bar .text-right{
        padding: 18px 0px 0px 0px;
        font-size: 19px;
    }
      .navbar-light .navbar-toggler {
        color: rgba(0,0,0,.55);
        border-color: rgba(0,0,0,.1);
        position: absolute;
        top: -48px;
    }
    .banner .banner-text {
        margin-top: 50px;
    }
    .banner .banner-text .big{
        font-size:90px;
        margin-top: 45px;
    }
    .banner .banner-text .small {
        font-size:75px;
        font-family: 'Alfa Slab One', cursive;
        color:#42200B;
        text-shadow:2px 2px #fff;
    }
    .banner .inner-bord .dash {
        height: 90px;
        width: 90px;
    }
    .banner .bord {
        height: 100px;
        width: 100px;
        bottom: 23%;
        left: 30%;
    }
    .banner .inner-bord .dash h3 {
        font-size: 23px;
    }
    .banner .banner-text p {
        font-size: 22px;
        margin-right: 315px;
    }    
    
    /* burger section */
    .burger-section .first-img{
        margin-bottom:40px;
        text-align: center;
    }
    .burger-section .img-two {
        text-align:center;
    }
    .burger-section .img-two .img-text2{
        text-align: left;
        position: absolute;
        top: 12%;
        left: 13%;
    }
    .burger-section .img-three {
        text-align: center;
    }
    .burger-section .first-img .img-text{
        text-align: left;
        position: absolute;
        top: 12%;
        left: 13%;       
    }
    .burger-section .img-three .img-text3{
        text-align: left;
        position: absolute;
        top: 12%;
        left: 13%;
    }
    /* burger section ends */

    /* tasty section starts */
    .tasty-section .inner-tasty{
        margin-bottom: 40px;
    }
    /* tasty section ends */


    /* reservation starts */
    .reservation-section .reserve-text{
        margin-bottom:0px;
    }
    .reservation-section .reserve-text .pos img{
        width: 179px;
    }
    .reservation-section .main-form .bottle img {
        width: 122px;
    }
    .reservation-section .main-form .bottle {
        position: absolute;
        left: 84%;
        top: -34px;
    }
    .reservation-section .reserve-font{
        margin-bottom: 20px;
    }
    /* .main-form .plate{

    } */
    .reservation-section .main-form .plate img{
        width: 122px;
    }
    .reservation-section .main-form .plate {
        bottom: -11%;
    }
    /* reservation ends */

    /* footer section starts */
    .footer-section{
        height: 100%;
    }
    .footer-section .copyright .copy p{
        position: absolute;
        left: 123px;
        bottom: 8px;
        font-size: 22px;
    }
    .footer-section .foot-center2 {
        margin-bottom: 41px;
    }    
    .footer-section .copyright .icons {
        position: absolute;
        bottom: 66px;
        right: 34%;
    }
    /* footer section ends */
  }
  


  /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
    /* CSS */
    
  }
  
  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  
  @media (min-width: 481px) and (max-width: 767px) {
    
    /* CSS */
    
  }
  
  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  
  @media (min-width: 320px) and (max-width: 480px) {
    
    .header-section .top-bar{
        text-align: center;
    }
    .header-section .top-bar .text-right p{
        text-align: right;
    }
      .header-section .top-bar .text-right{
        padding: 18px 0px 0px 0px;
        font-size:14px;
    }
      .navbar-light .navbar-toggler {
        color: rgba(0,0,0,.55);
        border-color: rgba(0,0,0,.1);
        position: absolute;
        top: -48px;
    }
    .banner .banner-text {
        margin-top: 25px;
    }
    .banner .banner-text p {
        font-size: 11px;
        margin-right: 135px;
    }
    .banner .banner-text .big{
        font-size:52px;
    }
    .banner .banner-text .small {
        font-size:42px;
        font-family: 'Alfa Slab One', cursive;
        color:#42200B;
        text-shadow:2px 2px #fff;
    }
    .banner .inner-bord .dash {
        height: 70px;
        width: 70px;
    }
    .banner .bord {
        height: 80px;
        width: 80px;
        bottom: 22%;
        left: 25%;
    }
    .banner .inner-bord .dash h3 {
        font-size: 16px;
    }    

    /* burger section */
    .burger-section .first-img{
        margin-bottom:40px;
    }


    /* tasty section starts */
    .tasty-section .inner-tasty a{
        margin-bottom:60px;
    }
    /* tasty section ends */

    /* reservation starts */
    .reservation-section .reserve-text{
        margin-bottom:0px;
    }
    .reservation-section .reserve-text .pos img{
        width: 122px;
    }
    .reservation-section .main-form .bottle img {
        width: 122px;
    }
    .reservation-section .main-form .bottle {
        position: absolute;
        left: 308px;
        top: -34px;
    }
    /* .main-form .plate{

    } */
    .reservation-section .main-form .plate img{
        width: 122px;
    }
    .reservation-section .main-form .plate {
        bottom: -8%;
    }
    /* reservation ends */

    /* footer section starts */
    .footer-section{
        height: 100%;
    }
    .footer-section .foot-center p {
        font-size: 12px;
    }
    .footer-section .copyright .copy p{
        position: absolute;
        left: 32px;
        bottom: 57px;
        font-size: 13px;
    }
    .footer-section .foot-center2 {
        margin-bottom: 80px;
    }    
    /* footer section ends */
  }


  /* SURFACE DUO */
  @media (min-width: 540px) and (max-width: 720px) {
    
    /* header section starts */
    .header-section .top-bar{
        text-align: center;
    }
    .header-section .top-bar .text-right p{
        text-align: right;
    }
      .header-section .top-bar .text-right{
        padding: 18px 0px 0px 0px;
        font-size: 19px;
    }
      .navbar-light .navbar-toggler {
        color: rgba(0,0,0,.55);
        border-color: rgba(0,0,0,.1);
        position: absolute;
        top: -48px;
    }
    .banner .banner-text {
        margin-top: 50px;
    }
    .banner .banner-text .big{
        font-size:90px;
    }
    .banner .banner-text .small {
        font-size:75px;
        font-family: 'Alfa Slab One', cursive;
        color:#42200B;
        text-shadow:2px 2px #fff;
    }
    .banner .inner-bord .dash {
        height: 90px;
        width: 90px;
    }
    .banner .bord {
        height: 100px;
        width: 100px;
        bottom: 23%;
        left: 30%;
    }
    .banner .inner-bord .dash h3 {
        font-size: 23px;
    }
    .banner .banner-text p {
        font-size: 15px;
        margin-right: 246px;
    }
    /* header section ends */

    /* burger section starts */
    .burger-section .first-img{
        margin-bottom:40px;
    }
    /* burger section ends */

    /* reservation starts */
    .reservation-section .reserve-text{
        margin-bottom:0px;
    }
    .reservation-section .reserve-text .pos img{
        width: 179px;
    }
    .reservation-section .main-form .bottle img {
        width: 122px;
    }
    .reservation-section .main-form .bottle {
        position: absolute;
        left: 79%;
        top: -34px;
    }
    .reservation-section .reserve-font{
        margin-bottom: 20px;
    }
    /* .main-form .plate{

    } */
    .reservation-section .main-form .plate img{
        width: 122px;
    }
    .reservation-section .main-form .plate {
        bottom: -11%;
    }
    /* reservation ends */

    /* footer section starts */
    .footer-section{
        height: 100%;
    }
    .footer-section .copyright .copy p{
        position: absolute;
        left: 100px;
        bottom: 57px;
        font-size: 13px;
    }
    .footer-section .foot-center2 {
        margin-bottom: 41px;
    }    
    .footer-section .copyright .icons {
        right: 27%;
    }
    /* footer section ends */
  }



  /* GALAXY FOLD */
  @media (min-width: 280px) and (max-width: 319px) {

    .header-section .top-bar{
        text-align: center;
    }
    .header-section .top-bar .text-right p{
        text-align: right;
        font-size: 12px;
    }
    .header-section .top-bar .text-right{
        padding: 18px 0px 0px 0px;
        font-size:14px;
    }
    .navbar-light .navbar-toggler {
        color: rgba(0,0,0,.55);
        border-color: rgba(0,0,0,.1);
        position: absolute;
        top: -9px;
    }
    .header-section .navbar-light .navbar-nav .nav-link {
        margin-top:25px;
    }
    .banner .banner-text {
        margin-top: 25px;
    }
    .banner .banner-text p{
        font-size: 11px;
        margin-right: 60px;
    }
    .banner .banner-text .big{
        font-size:52px;
    }
    .banner .banner-text .small {
        font-size:42px;
        font-family: 'Alfa Slab One', cursive;
        color:#42200B;
        text-shadow:2px 2px #fff;
    }
    .banner .inner-bord .dash {
        height: 70px;
        width: 70px;
    }
    .banner .bord {
        height: 80px;
        width: 80px;
        bottom: 22%;
        left: 25%;
    }
    .banner .inner-bord .dash h3 {
        font-size: 16px;
    } 

    /* burger section starts */
    .burger-section .first-img{
        margin-bottom:40px;
        text-align: center;
    }
    /* burger section ends */

    /* reservation starts */
    .reservation-section .reserve-text{
        margin-bottom:0px;
    }
    .reservation-section .reserve-text .pos img{
        width: 122px;
    }
    .reservation-section .main-form .bottle img {
        width: 122px;
    }
    .reservation-section .main-form .bottle {
        position: absolute;
        left: 66%;
        top: -34px;
    }
    /* .main-form .plate{

    } */
    .reservation-section .main-form .plate img{
        width: 80px;
    }
    .reservation-section .main-form .plate {
        bottom: -8%;
    }
    /* reservation ends */

    /* footer section starts */
    .footer-section{
        height: 100%;
    }
    .footer-section .copyright .copy p{
        position: absolute;
        left: 6px;
        bottom: 40px;
        font-size: 13px;
    }
    .footer-section .foot-center2 {
        margin-bottom: 41px;
    }    
    .footer-section .copyright .icons {
        font-size: 21px;
        right: 17%;
    }
    /* footer section ends */
  }






    /* OTHERS */
  @media (min-width: 421px) and (max-width: 539px) {
    /* reservation starts */
    .reservation-section .reserve-text{
        margin-bottom:0px;
    }
    .reservation-section .reserve-text .pos img{
        width: 122px;
    }
    .reservation-section .main-form .bottle img {
        width: 122px;
    }
    .reservation-section .main-form .bottle {
        position: absolute;
        left: 81%;
        top: -34px;
    }
    .reservation-section .main-form .plate img{
        width: 122px;
    }
    .reservation-section .main-form .plate {
        bottom: -8%;
    }
    /* reservation ends */
    }





    @media (min-width: 721px) and (max-width: 767px) {
        /* footer section starts */
    .footer-section{
        height: 100%;
    }
    .footer-section .copyright .copy p{
        position: absolute;
        left: 26%;
        bottom: 57px;
        font-size: 13px;
    }
    .footer-section .foot-center2 {
        margin-bottom: 41px;
    }    
    .footer-section .copyright .icons {
        position: absolute;
        right: 39%;
        font-size: 20px;
    }    
    /* footer section ends */

  }
  @media (min-width: 992px) and (max-width: 1023px) {

        /* banner section */
        .banner .banner-text p {
            font-size: 20px;
            margin-right: 100px;
        }
        /* footer section starts */
        .footer-section{
            height: 100%;
        }
        .footer-section .copyright .copy p{
            position: absolute;
            left: 5%;
            bottom: 0%;
            font-size: 13px;
        }
        .footer-section .foot-center2 {
            margin-bottom: 41px;
        }    
        .footer-section .copyright .icons {
            position: absolute;
            right: 5%;
            bottom:3%;
            font-size: 20px;
        }    
        /* footer section ends */
  }



  @media (min-width: 1281px) and (max-width: 1399px) {
      .banner .banner-text p {
        margin-right: 232px;
      }
  }

  @media (min-width: 721px) and (max-width: 767px) {
    .banner .banner-text {
        margin-top: 6%;
    }
    .banner .banner-text p {
        font-size: 16px;
        margin-right: 230px;
    }
  }