body {
    margin: 0; 

}

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

}*/




@media only screen and (min-width:220px) and (max-width: 450px) {
    .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;
    }

    .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;
    }

    .clsBTTextMessengerloginScreenBlank {
        z-index: 10;
        position: absolute;
        width: 100%;
        height: 500px !important;
        display: none;
    }

    .dvclsLoginScreenBlank {
        background-image: url("../Images/BTTextMessngerloginmobilescreen-460px.png") !important;
        position: absolute;
        z-index: 9;
        display: block !important;
    }

    .BTTextMessangerLogo {
        margin-left: 30% !important;
        width: 23%;
        margin-top: 4%;
    }

    .TextwidthLoginPage {
        /*background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #333;
    display: block;
    font-size: 10px!important;
    height:25px!important*/;
        padding-left: -10px;
        padding-top: 10px;
        /*transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;*/
    }
    /*.LoginButton{
    height:20px!important;
    width:130px!important;
    font-size:10px!important
}*/
    .TextColorLoginPage {
        font-size: 12px !important;
    }
    .loginscreen1{
        margin-top: 13%!important;
    margin-left: -25%!important;
}

}


@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;
    }


    .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;
}
.loginscreen1{
        margin-top: 13%!important;
    margin-left: -5%!important;
}

}

@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;
    }

.clsWelcomeLogin{
    padding-top:48px!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;
    }

.clsWelcomeLogin{
    padding-top:48px!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;
}
  
}