@media only screen and (max-width: 768px) {
	/* For mobile phones: */
	login-app .col-md-12,
	login-app .text-right {
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.GuestCheckIn {
		height: 100vh !important;
	}
	login-app .waitingList {
		min-height: 400px !important;
	}
	login-app .contentText {
		margin: auto !important;
    }
    guest-selection .show-background-div img:nth-child(1) {
        position: absolute;
        right: 5px;
        float: none !important;
        margin: 0px !important;
    }
    guest-selection .line .show-background-div, 
    guest-selection .line .hide-background-div {
        max-height: 160px;
        font-size: calc(0.7em + 1vmin) !important;
    }
    guest-selection .addGuest{height: 130px !important;}
    .paddingTop5{padding-top: 3% !important;}
    .paddingTop5 .padding3 {
        margin-top: 10px;
    }
    .profileLabel{text-align: center !important;}
    guest-selection div.allGuests,
    guest-selection div.hide-background-div,
    guest-selection div.show-background-div1,
	guest-selection div.DisabledBackground,
    guest-selection .line .show-background-div
    {
        width:50% !important;
    }
    .externalDiv,
    .signupBtns,
    .orangeBackground,
    .marginLeft.content,
    .orangeBackground [class*="col-"],
    .verticalMargins > div,
    div.onlyGuest {
        width: 100% !important;
    }
    guest-selection div.show-background-div{
        padding: 5px !important;
    }
	guest-selection [class*="col-"] {
        width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
    guest-selection .proceedBtn,
    guest-selection .bkBtn {
        width: 50% !important;
    }
	guest-verify .fourDigitHighlight input {
		width: 10% !important;
    }
    .subHeading .text-right {
        float: right !important;
        width: auto !important;
        margin-right: 5px !important;
    }
    .mainProfile [class*="col-"] {
        width: 100% !important;
        height: auto !important;
    }
    .servicesCount{padding: 5px !important;}
    .servicesSelected{float:left !important;}
    .backIcon{width: 30px !important;}
    .backTxt{float: left !important;width: auto !important;}
	.text,
	.signup,
    .buttonClass,
    .buttonCheckLaterClass,
    .logoutBtnClass,
	login-app .btn-default,
	.buttonsRow .dockbtns,
	/* guest-verify .content .marginVertical5, */
    guest-verify .button-class,
    guest-selection div.guestNames,
    .guestSwitchMenu > div,
    .selServices, .selServices [class*="col-"],
	.whiteBackGround .subheadingMenu .row [class*="col-"]
    signupselector [class*="col-"] {
		width: 100% !important;
    }
    signupselector .genderSel{
        position: relative !important;
        bottom: 30px !important;
        margin-left: 15px !important;
    }
    .GuestCheckIn .content{
        padding-top: 5% !important;
        padding-bottom: 5% !important;
    }
    .GuestCheckIn .subfooter{
        padding-top: 4% !important;
        padding-bottom: 4% !important;
    }
    .dockbtns {
        border: none;
        background: rgb(243, 243, 243);
    }
    .dockbtns [class*="col-"]{
        margin: 3px 0px !important;
    }
    .dockbtns input {
        margin: 0px -3px !important;
    }
    .emailBox{padding-bottom: 2% !important;}
    .guestNames.marginTop.show-background-div {
        padding: 0px !important;
        width: 100% !important;
    }
    signupselector .marginTop8,
    .rightBorder,
	.line {
		border: none !important;
    }
    .padding3 .marginTop {
        margin: 10px 0px !important;
    }
	signupselector .nrmltextbox {
		width: 100% !important;
		border-bottom: 1px solid #ccc !important;
	}
	.content,
	.category,
	.subheadingMenu,
    .textSize,
    .subHeading,
	login-app .content-sidemargins,
	login-app .align-right font,
    guest-verify .subheadingMenu,
    .subHeading [class*="col-"],
    .verticalMargins [class*="col-"],
	guest-verify .link {
		font-size: calc(0.7em + 1vmin) !important;
    }
    .marginTop14{
        margin:5px 0px !important;
    }
    .proceedBtn{float: right !important;} 
    .bkBtn{margin-top: 5px !important;float: left !important;}
    .orangeBackground,
    .whiteBackGround .row,
    .verticalMargins [class*="col-"],
    .verticalMargins > div > .row > table,
    .margin2,
    .signupBtns .signupYes, 
    .signupBtns .signupNo,
    .signupBtns input {
		margin: 0px !important;
	}
    .select-services.margin2,
    .selected-services.margin2 {
        margin: 5px 0px !important;
        text-align: right !important;
	}
	.waitTimeCntntmargins {
		padding: 10px 0px !important
    }
    .internalDiv [class*="col-"] {
        line-height: 35px;
    }
    .gname,
    .noPad td,
    .whiteBackGround, 
    .padding3,
    .paddingBottom,
    .verticalMargins,
    .verticalMargins tr.blueBackground > td,
    .signupBtns .signupYes, 
    .signupBtns .signupNo,
    .signupBtns {
		padding: 0px !important;
    }
    .timepicker{
        max-width: 250px !important;
    }
	.waitTimebkg {
		margin: 5px !important;
	}
	.internalDiv {
		overflow-x: hidden !important;
    }
    .signup .row .padding5 {
        margin-left: 5px !important;
    }
    .signup{
        margin-bottom: 10px !important;
    }
    .waitTimeAlignment.statusFont,
    .signupYes div, .signupNo div {
        text-align: center;
    }
	.guestDetails-sidemargins,
	.contentText,
	.guestName {
		margin-left: 0px !important;
		margin-right: 0px !important;
    }
    .row.cnfmSrvc,
    .guestDetailsbkg,
    .background{
        padding: 0px 10px !important;
    }
	.preferedTimebkg {
		margin: 0px 5px 5px 5px !important;
		padding: 0px 0px 40px 0px !important;
    }
    .switchText{
        white-space: nowrap !important;
        padding: 5px;
    }
    .marginLeft.content > .text {
        text-align: center;
        width: 100% !important;
        margin-bottom: 10px !important;
    }
	signupSelector .mdp {
        position: relative;
        width: 100% !important;
		bottom: 30px !important;
	}
    .modal-dialog .waitConf {
        margin-bottom: 3% !important;
    }
    .modal-dialog .waitConf .col-xs-5 {
        width: 50% !important;
    }
    .modal-dialog .waitConf .waitYes,
    .signupBtns .signupYes {
        float: right !important;
    }
    .modal-dialog .waitConf .waitNo {
        float: left !important;
    }
    .modal-dialog .waitNo input.buttonClass {
        width: 80% !important;
        margin: 0px !important;
    }
    
    .stylstFltr,
    .closeButton,
    .signupBtns .signupYes, 
    .signupBtns .signupNo  {
        width: 44% !important;
    }
    .signupBtns {
        margin-top: 5% !important;
        margin-bottom: 5% !important;
    }
    .signupBtns input {
        width: 80% !important;
    }
}

@media only screen and (device-width: 768px){
    .guestNames.marginTop {
        margin-top: 3% !important;
    }
}
@media only screen and (max-width: 767px){
    home-root .logo{
        display: block !important;
        padding: 0px 5px !important;
    }
    home-root .logo > div{
        padding: 0px !important;
    }
    home-root .homeOrgName{
        width: 100% !important;
    }
    home-root .homeOrgName .text-nowrap{
        white-space: initial !important;
    }
    home-root .CenterName{
        text-align: right !important;
    }
    home-root .homeCenterName.alignRight{
        text-align: right !important;
        padding: 1px 0px !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1080px){
    div.background {
        height: calc(100vh + 10px);
    }
    div.Summary {
        height: calc(37vh) !important;
    }
    .guestList div.GroupSummary{
        height: 40vh !important;
    }
}