@media (max-width:980px) {
	.quote-btn { display: none !important; }
	footer ul li { margin: 0 5px; }
	.lab-logo { text-align: center; margin-bottom: 20px; }
	.lab-logo img { height: 100%; }
}



@media (max-width:767px) {
	section { padding: 20px 0; }
	.main-heading, .modal-title { font-size: 16px; padding-bottom: 0; font-weight: bold; text-align: left; }
	.main-heading:after, .main-heading:before { display: none; }
	.top-sup { display: none; }
	header .container-fluid { padding-top: 10px; padding-bottom: 10px; }
	.top-strip { padding: 6px 0 8px !important; }
	.logo { margin: 0; height: 26px; float: right; }
	.res-menu-btn { background: none; font-size: 24px !important; padding: 0; margin-top: 0px; color: #fff; }
	/*.btn-res-bottom { position: fixed;  bottom: 0; z-index: 99; background: #fff; width: 100%; padding: 5px; }*/
	.test-banner { padding: 25px 0;}
	.text-sup { display: none; }
	.support-circle { right: 10px; }
	.support-icon { width: 70px; height: 70px; padding: 22px 0; }
	.support-popup.show-sp { bottom: 60px; right: 0; padding: 10px; width: 280px;}
	.support-popup:after { right: 15px; }
	.lab-faci li { width: 100%; }
	.pack-ic { display: none; }
	.pack-bg { padding: 5px 10px; line-height: normal; text-align: left !important; box-shadow: 1px 1px 2px #d6d4d4; border-radius: 0; background: #fff; font-size: 10px; }
	.pack-name { margin-top: 0; font-size: 13px; }
	.pack-test-li { display: none; }
	.lab-list .mt-4 { margin-top: 10px !important; }
	.lab-logo { margin-bottom: 0; text-align: left; height: 20px; float: left; }
	.pack-bg:hover { transform: scale(1); background: #fff; }
	.pack-price { font-size: 16px; float: left; }
	.pack-price-cut { font-size: 12px; float: left; margin-left: 10px; line-height: 22px;}
	.pack-disc { font-size: 12px; padding: 5px; border: 1px dashed; text-align: center; display: inline-block; }
	.banner { display: none; }
	.support-circle { bottom: 75px; }
	.modal.right .modal-dialog { width: 70%; }
	.modal-body { padding: 10px 20px; }
	.lab-list { margin-top: 15px; }
	/* .whatsapp-area { display: none; } */
	.support-popup.show-sp { width: 220px; }
	.support-popup { background: #e6f3f7; color: #333; box-shadow: 0 0 6px #7a7676; }
	.support-no { font-size: 18px; color: #333; }
	.close-sp-popup { color: #333; }

	.pack-bg .lab-rate-star { font-size: 12px; margin-left: 10px; margin-top: -4px; }
	.pac-cer strong { font-size: 12px; }
	.pack-bg .btn-default { padding: 5px 0; }
	.pac-lab-name { font-size: 11px; margin-bottom: 3px; height: auto; margin-bottom: 5px;}

	.mob-filter-btn { position: fixed; bottom: 40px; z-index: 99; border-radius: 50px; overflow: hidden; left: 50%; margin-left: -82px; border: 1px solid #ccc; background: #fff; box-shadow: 4px 4px 10px #ccc; }
	.mob-btn { margin: 0 !important; padding: 0; }
	.mob-btn button { border-radius: 0;  background: #fff; color: #000; border-right: 1px solid #ccc;}
	.mob-btn button:focus { outline: none; }
	.mob-filter-btn .mob-btn:last-child button { border-right: none; }
	.modal.right.filter-model .modal-dialog { width: 100% ; }

	.ser-banner { background-size: initial !important; padding: 0; }
	.ser-result .lab-box { width: auto; }
	.ser-result .pack-price-cut, .ser-result .pack-price  { float: none; }
	.sort-filter { margin-left: -45px; }
	.facility .p-4 { height:200px !important; }

	.pri-brk-list .pack-price-cut { float: none; }
	.ser-box { margin: 0 0 30px; }
	.pri-brk .pack-price-cut { float: none; }
	.facility h5 { font-size: 16px; }
	.facility img { width: 80%; }
	.pack-more-btn { font-size: 13px; }

	.pri-breakeup h6, .pri-breakeup .pack-price { font-size: 13px; }
	.pri-breakeup .pack-price, .pri-breakeup .pack-price-cut { float: none; line-height: normal; }
	.pri-breakeup .pack-disc { padding: 1px 5px; font-size: 11px; margin-top: 4px; }

	.horizantal-scroll > .row > .col { margin: 0 22px; }


	/* ==================================== Modal Bottom Open On Mobile ======================================= */
	.modal.res-bottom .modal-dialog { position: absolute; margin: auto; width: 100%; max-width: 100%; top: 0; height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		-ms-transform: translate3d(0%, 0, 0);
		-o-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0);
	}
	.modal.res-bottom .modal-content { height: auto; overflow-y: auto; border-radius: 0; border: none;}
	.modal.res-bottom.fade .modal-dialog { bottom: -300px;
		-webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;
		-moz-transition: opacity 0.3s linear, bottom 0.3s ease-out;
		-o-transition: opacity 0.3s linear, bottom 0.3s ease-out;
		transition: opacity 0.3s linear, bottom 0.3s ease-out;
	}
	.modal.res-bottom.fade.show .modal-dialog {	bottom: 0; }




		.scrolltop { bottom: 70px; right: 10px; }
	
	}
	@media only screen and (max-width: 768px){
	ul.ser-name li, label.service-label{
		width: 100%;
	}
	.ser-name-1{padding-top: 20px;}
	.ser-name-1 li img{width: 50px;}
	.ser-icon{height: 75px; width: 75px;}
	.sername-res {
	    overflow-x: auto;
	}
	.sername-res ul.ser-name-1 {
		width: 100%;
		overflow-x: auto;
		float: none;
		display: table;
	}
	
	/* Hide scrollbar for Chrome, Safari and Opera */
	.sername-res ul.ser-name-1::-webkit-scrollbar {
	    display: none;
	}

	/* Hide scrollbar for IE and Edge */
	.sername-res ul.ser-name-1 {
	    -ms-overflow-style: none;
	}
	.sername-res ul.ser-name-1 li {
	    display: table-cell;
	    float: none;
	    padding: 0 10px;
	    vertical-align: top;
	}
	.ser-name-1 li label
	{
		width: 75px;
		word-wrap: break-word;
	}
	 .notification-bar div.notification-content::-webkit-scrollbar {
	  	display: none;
	 }
  	.notification-bar {
		padding: 10px 15px;
	}
	.notification-bar div.notification-content p {
		font-size: 8px;
	}
	.notification-bar div.notification-content label {
		font-size: 10px;
	}
	.notification-bar div.notification-content {
		height: 23px;
	}
	.notification-bar div.notification-action .btn-orange {
	    padding: 5px;
	    font-size: 10px;
	}
	.notification-bar button.close {
		top: 2px;
  			right: 3px;
	}
}
	/* \.media query for how to book button*/

@media screen and (max-width: 430px){
	.notification-bar div.notification-content {
		height: 22px;
		padding: 0 5px 0 0;
	}
	.notification-bar div.notification-action .btn-orange {
	    padding: 5px;
	    font-size: 8px;
	}
}