@media screen and (max-width: 1024px){
   .flex-book{min-height: 520px;}
   .appoint5{min-height: 360px !important;}
}

@media screen and (max-width: 998px){
  .flex-book{max-width: 46% !important;}
  #logindiv{ width: 89% !important; }
}

@media screen and (max-width: 765px){	
	ul.navbar-nav { flex-wrap: wrap; }
	.begins h3 { text-align: center; }
	.flex-book{max-width: 100% !important;}
	header{ background-size: contain; width: 100%;  background-position: top center;}
	#logindiv { text-align: left; margin-bottom: 20px; width: 100% !important; margin-bottom: 20px; margin-left: 0px;}
	#mybuttons{float: right;  height: 36px; padding-top: 7px;margin-top:45px;margin-right: 45%;}
	#mytale{width: 100%;overflow-x: scroll;}
	#confirmbooking{margin-left: 8% !important;}
	.Online{
	    text-align:center !important;
	    width:auto !important;
	}
	.analyse{
	    margin-left: 0px !important;
	}
	.choice-analyse{
        margin: 0px !important;
        display: flex !important;
        justify-content: center !important;
    }
    .mnth{
        display: flex !important;
        justify-content: center !important;
        margin-bottom: 20px !important;
    }
    .timezone1{
        width:50% !important;
    }
    .talse{
        display:none;
    }
    .dts{
        margin:0px !important;
    }
}

@media screen and (max-width: 400px){
  .clientbreathing{ margin-left:53px;}
  .flex-book{max-width: 100% !important;}
}