@media only screen and (max-width: 1199px){

	.pageNavCollapse .pageNavbar li {

		margin-left: 10px;

	}

	.btn {

		font-size: 16px;

		line-height: 18px;

		padding: 10px 14px;

	}

	h1 {

		font-size: 50px;

	}

	h4{

		font-size: 28px;

	}

	.pageBanner{

		padding: 100px 0;

	}

	.pageBanner .bannerCaption {

		font-size: 17px;

		line-height: 26px;

	}

	.listSec .listAppoint{

		font-size: 22px;

	}

	.footerPage .footerList {

		padding-left: 75px;

	}

	.benefitSec .benefitCol h3 {

		font-size: 30px;

		line-height: 33px;

	}



}

@media only screen and (max-width: 1023px){

	.pageNavCollapse {

		position: absolute;

		left: 0;

		top: 100%;

		width: 100%;

		background-color: #0e1029;

		z-index: 1;

	}

	.pageNavCollapse .pageNavbar li{

		margin-left: 0;

	}

	#pageHeader .pageNavCollapse .pageNavbar a{

		padding: 3px 15px;

		color: #fff;

	}

	.pageNavCollapse .pageNavbar li a:hover{

		background: #6baddf;

		color: #0e1029;

	}

	.navDropdown .dropdown-menu{

		margin: 0 15px;

	}

	.navDropdown .dropdown-menu:after{

		display: none;

	}

	h1 {

		font-size: 48px;

	}

	h2 {

		font-size: 34px;

		line-height: 37px;

	}

	h4 {

		font-size: 24px;

	}

	.testimonialSec h3 {

		font-size: 42px;

	}

	.listSec .listAppoint {

		font-size: 18px;

	}

	.listSec .listAppoint li{

		padding: 20px 10px 20px 0;

		margin-right: 10px;

		align-items: baseline;

	}

	.listSec .listAppoint i{

		font-size: 22px;

		margin-right: 7px;

	}

	.footerPage .footerList {

		padding-left: 0;

	}

	.benefitSec .benefitCol h3 {

		font-size: 24px;

		line-height: 26px;

	}

	.benefitSec .benefitCol{

		margin-bottom: 20px;

		height: calc(100% - 20px);

	}

	.contactSec .contactHolder {

		padding: 30px 20px;

	}

	.contactSec .contactList {

		font-size: 18px;

		line-height: 21px;

	}

	.testimonialSec .colClass{

		padding: 10px;

	}
	.footerPage .socialIcons2 li a{
		font-size: 16px;
		word-break: break-all;
    line-height: 22px;
	}
	.btn, .contactForm label, .footerPage .footerList .fList li a {
    font-weight: 400;
}


}	

@media only screen and (max-width: 767px){

	.pageBanner {

		padding: 70px 0 20px;

	}

	.pageBanner .bannerCaption {

		font-size: 16px;

		line-height: 25px;

	}

	h1 {

		font-size: 42px;

		margin-bottom: 15px;

	}

	h2 {

		font-size: 24px;

		line-height: 27px;

	}

	.serviceSec .serviceCol {

		margin-bottom: 30px;

	}

	.testimonialSec .testimonialCol{

		box-shadow: 0 0 10px rgb(0 0 0 / 6%);

	}

	.testimonialSec .colClass{

		margin-bottom: 30px;

    height: calc(100% - 30px);

	}

	.appointmentSec p{

		margin-bottom: 30px;

	}

	.footerPage{

		padding: 35px 0 15px;

	}

	.appointmentSec .btn-success{

		width: 80%;

	}

	.repairSec .imgHolder{

		float: none;

		padding-top: 10px;

	}

	.listSec .listAppoint{

		display: block;

	}

	.listSec .listAppoint li{

		border: none;

		margin: 0 0 15px;

		padding: 0;

		width: 100%;

	}

	.contactSec .contactForm{

		padding-top: 30px;

	}

	.repairSec .repairBlock {

		padding: 20px;

	}

	.appointmentSec h3 {

		font-size: 27px;

		line-height: 31px;

	}

}