body {
    

}

/*@media only screen and (min-width:501px){
    .clsImageBoothThird
{
   float:left!important
}

}*/


@media only screen and (min-width:220px) and (max-width: 450px) {


    /*.navbar-toggle{
       margin-top:30%!important;
   }*/
    /*.ViewBoothAvailabilityButton{
    padding-top:415px!important
}*/
    .NoteWebrental{
    padding-top:250px!important;
}
   .TextNormal1{
        width:100%!important;
    }
   .TblBorderBlack{
       width : 100%!important;
        height:auto;
   }
   .GreenTab{
       width:25%!important;
           height:auto;
    display:inline-block;
    margin-right: -4px;
    box-sizing: border-box;
    padding: 1%;
    Left: 0px;
   }
   .GreenTabContainer{
       width:100%!important;
       height:auto;
        display:inline-block
   }
   .ClsImageBanner{
        width:100%!important;
        height:200px!important;
    }
   .clsTopMainBannerLeftImage{
    width:293px!important;
    height:96px!important;
    float:left;

}
.clsTopMainBannerRightImage{
     display: block;
    width:20%!important;
     height:97px!important;
     float:right;
     display:none!important
    
     
  
}
.SelectedMarketDaysAllighRight{

    float:right!important
}
.loginscreen1{
     padding-left:26%!important;
     

  }
.ImgBoothStatus {
    height: 38px!important;
    width: 200px!important;
        float:left
}

.clsImgBoothStatus{
    
        float:left!important;
            padding-left:0px!important
    }
.ImgBoothBook{
    width:70px!important;

   height:30px!important
}
.ImgBackButton{
    width:33px!important;
     height:28px!important

}
.clsImageBoothThird
{
   /*float:left*/
}
  .Textscrollbar{
        padding-top:25%!important;
    }
  .SubmitAndCancelButton{
    padding-top:5%!important;
}
  .SubmitAndCancelButtonMyBookings01{
     padding-top:5%!important;
}
  .DisplayBookingDetailsTable{

   padding-left:0%!important;
}
  .DisplayNonAvailabilityOfBooths{
    padding-left:0%!important;
}
  .BalanceCharging{
     float:left!important;

}
  .UserProfile{

   padding-left:83%!important;
}
  .TopMenuBar1{
    width:100%!important;
     float: left!important;


}
.TopMenuBar2{
    width:100%!important;
     float:left!important;


}
.nav-collapse, .nav-collapse ul {
    list-style: none;
    width: 100%;
    float: left;
    padding-left: 0%!important;
    padding-top: 0%!important;
}
.buttonSpace{
        padding-top:8%!important;
    }
.LayoutIndexImg{

    padding-right:11%!important;
    padding-left:9%!important;
}
.InfoBooth {
    padding-left: 9%!important;
    padding-right: 10%;
}
.DisableForMobileView{
    display:none!important;
}
.allignHeading2{
    padding-left:0%!important;
}
.allignHeading1{
    padding-left:0%!important;
}
.textmormalv{
         padding-left:10%!important; 
         font-size:15px!important;
    }
.demodesign1{
    padding-top:45%!important;
    font-size:medium!important;
}
.demodesign2{
    padding-top:10%!important;
    font-size:medium!important;
}
.DemoDesign{
    padding-top:50px;
}
}
@media only screen and (min-width:451px) and (max-width: 767px) {
    /*.navbar-toggle{
       margin-top:auto;
   }
        
      #myNavbar{
    margin-left: auto!important;
    margin-top: 5%!important;
}*/
    .ViewBoothAvailabilityButton {
        padding-top: 50px !important;
    }

    .NoteWebrental {
        padding-top: 250px !important;
    }

    .ClsImageBanner {
        width: 100% !important;
        height: 200px !important;
    }

    .clsImgBoothStatus {
        float: left !important;
        padding-left: 0px !important;
    }

    .ImgBoothBook {
        width: 98px !important;
        height: 26px !important;
    }

    .ImgBackButton {
        width: 26px !important;
        height: 26px !important;
    }

    .Textscrollbar {
        padding-top: 15% !important;
    }


    .ImgBoothStatus {
        float: left !important;
        width: 255px !important;
        height: 35px !important;
        /*background-color: #e8f1ec;*/
    }

    .SubmitAndCancelButton {
        padding-top: 5% !important;
    }

    .SubmitAndCancelButtonMyBookings01 {
        padding-top: 5% !important;
    }


    .body {
        width: 100% !important;
    }

    .TextNormal1 {
        width: 100% !important;
        height: auto;
    }

    .TblBorderBlack {
        width: 100% !important;
        height: auto;
    }

    .GreenTab {
        width: 25% !important;
        height: auto;
        display: inline-block;
        margin-right: -4px;
        box-sizing: border-box;
        padding: 1%;
        Right: 20px;
    }

    .GreenTabContainer {
        width: 100% !important;
        height: auto;
        display: inline-block;
    }

    .clsTopMainBannerLeftImage {
        width: 293px !important;
        height: 97px !important;
        float: left;
    }

    .clsTopMainBannerRightImage {
        display: block;
        width: 96px !important;
        height: 97px !important;
        float: right;
    }

    .loginscreen1 {
        padding-left: 36% !important;
    }

    .DisplayBookingDetailsTable {
        padding-left: 0% !important;
    }

    .DisplayNonAvailabilityOfBooths {
        padding-left: 0% !important;
    }

    .UserProfile {
        padding-left: 83% !important;
    }

    .TopMenuBar1 {
        width: 100% !important;
        float: left !important;
    }

    .TopMenuBar2 {
        width: 100% !important;
        float: left !important;
    }

    .nav-collapse, .nav-collapse ul {
        list-style: none;
        width: 100%;
        float: left;
        padding-left: 0% !important;
        padding-top: 0% !important;
    }
    .LayoutIndexImg{

    padding-right:11%!important;
    padding-left:9%!important;
}
    .buttonSpace{
        padding-top:10%!important;
    }
    .InfoBooth {
    padding-left: 9%!important;
    padding-right: 10%;
}
  .DisableForMobileView{
    display:none!important;
}
  .allignHeading2{
    padding-left:0%!important;
}
.allignHeading1{
    padding-left:0%!important;
}
.textmormalv{
         padding-left:10%!important; 
         font-size:20px!important;
    }
.demodesign1{
    padding-top:15%!important;
    font-size:medium!important;
}
.demodesign2{
    padding-top:11%!important;
    font-size:medium!important;
}
.DemoDesign{
    padding-top:50px;
}
}

@media only screen and (min-width:768px) and (max-width: 1024px) {
    body {
        width: 100% !important;
    }

    .ImgBoothStatus {
        width: 300px !important;
        height: 40px !important;
    }

    .ViewBoothAvailabilityButton {
        padding-top: 75%;
    }

    .NoteWebrental {
        padding-top: 325px !important;
    }

    .TextNormal1 {
        width: 100% !important;
    }

    .TblBorderBlack {
        width: 100% !important;
        height: auto;
    }

    .GreenTab {
        width: 25% !important;
        height: auto;
        display: inline-block;
        margin-right: -4px;
        box-sizing: border-box;
        padding: 1%;
    }

    .GreenTabContainer {
        width: 100% !important;
        height: auto;
    }

    .clsTopMainBannerLeftImage {
        width: 293px !important;
        height: 97px !important;
        float: left;
    }

    .clsTopMainBannerRightImage {
        display: block;
        width: 96px !important;
        height: 97px !important;
        float: right;
    }

    .BalanceCharging {
        float: left !important;
    }

    .DisableForMobileView {
        display: none !important;
    }
    .nav-collapse a {
  color: white;
  text-decoration: none;
  width: 100%;
  background: #f2f2f2 ;
  border-bottom: 1px solid white;
  padding: 0.7em 1em;
  float: left;
  background-color:#006699;
  font-family: Open Sans;
  font-weight: 600;
  font-size:12px!important;

}
    .textmormalv{
         padding-left:10%!important; 
         font-size:30px!important;
    }
    .demodesign1{
    padding-top:18%!important;
    font-size:medium!important;
}
.demodesign2{
    padding-top:13%!important;
    font-size:medium!important;
}
.ImgBoothBook {
        width: 98px !important;
        height: 26px !important;
    }
}


@media only screen and (min-width : 1025px) {
    .TextNormal1 {
        width: 100% !important;
    }

    .TblBorderBlack {
        width: 100% !important;
        height: auto;
    }

    .GreenTab {
        width: 25% !important;
        height: auto;
        display: inline-block;
        margin-right: -4px;
        box-sizing: border-box;
        padding: 1%;
    }

    .GreenTabContainer {
        width: 100% !important;
        height: auto;
    }

    .clsTopMainBannerLeftImage {
        width: 293px !important;
        height: 97px !important;
        float: left;
    }

    .clsTopMainBannerRightImage {
        display: block;
        width: 96px !important;
        height: 97px !important;
        float: right;
    }
        .demodesign1{
    padding-top:15%!important;
    font-size:medium!important;
}
.demodesign2{
    padding-top:10%!important;
    font-size:medium!important;
}
.ImgBoothBook {
        width: 98px !important;
        height: 26px !important;
    }
}

    @media only screen and (min-width: 710px) {

        .clsImageBoothThird {
            /*float: left !important;*/
        }
    }
     /*@media only screen and (max-width : 1130px) {
        .TextNormalj {
            font-size: 13px !important;
        }
    }

        @media only screen and (max-width : 1020px) {
            .TextNormalj {
                font-size: 11px !important;
            }
            .LayoutIndexImg{
            padding-top:7%!important;
    }
        }*/
@media only screen and (min-width : 1020px) and (max-width:1130px) {
    .LayoutIndexImg{
            padding-top:8%!important;
    }
    .TextNormalj {
                font-size: 12px !important;
            }

}
@media only screen and (min-width : 769px) and (max-width:1020px) {
    .LayoutIndexImg{
            padding-top:14%!important;
    }
    .TextNormalj {
                font-size: 12px !important;
            }

}

@media only screen and (min-width : 100px) and (max-width:375px) {
    .demodesign1{
    padding-top:45%!important;
    font-size:medium!important;
}
.demodesign2{
    padding-top:13%!important;
    font-size:medium!important;
}
  
}