/**
* [Table of contents]
  1 1290px css
  2 1440px css
  3 1630px css
  4 1599px css
  5 1429px css
  6 1199px css
  7 991px css
  8 767px css
  9 575px css
  10 480px css
  11 350px css
/**/



/* 1290px css */
@media only screen and (min-width: 1024px) {
	.service-slider-sec .card .card-img-top {
	    height: 13rem;
	}
}

/* 1290px css */
@media only screen and (min-width: 1530px) {
	html {
		font-size: 100%;

	}
	.container {
		max-width: 1290px;
	}

	body { font-size: 1rem; }
	
	.service-banner-sec { background-position: 50% 34%; }
	.service-banner-sec .service-banner-content .text-desc { font-size: 1.7rem; }

	.banner-sec { background-position: 50% 34%; }
	.banner-sec .container { padding: 9rem 0 4rem 0; }
	.banner-sec .banner-content { max-width: 70%; }
	.banner-sec .banner-main-heading { font-size: 2.5rem; }

	.sec-head { font-size: 2rem; margin-bottom: 3rem; }
	.service-slider-sec .card .offer-badge .badge { font-size: 1.1rem; } 
	.service-slider-sec .card .offer-badge { top: 46%; }
	.service-slider-sec .card .card-title { font-size: 1rem; }
	.service-slider-sec .card .card-body p { font-size: 1rem; }

	.how-work p { font-size: .88rem; }

	.people-think-sec .card .card-title { font-size: 1.6rem; }
	.people-think-sec .card .card-subtitle { font-size: 1.2rem; }
	.people-think-sec .card .card-text { font-size: 1.12rem; }

	.order-progressbar li .images-icon:after { width: 98%; }

	.service-banner-sec .service-banner-content .main-heading { font-size: 2.5rem; }
	.service-banner-sec .service-banner-content .text-desc { font-size: 1.5rem; }

	.app-promotion-sec .apple-img { width: 75%; }
	.app-promotion-sec .android-img { width: 60%; }

	fieldset { margin: 0 2rem; }

	.booking-sec .back {
	    top: -6%;
    	left: -10%;
	}
	
}

/* 1440px css */
@media only screen and (min-width: 1600px) {
	html {
		font-size: 110%;

	}

	.container {
		max-width: 1440px;
	}

	.modal-theme .close { padding: 8px 8px; }
	.modal-theme .close .icon { width: 60% !important; }
}

/* 1630px css */
@media only screen and (min-width: 1800px) {
	html {
		font-size: 120%;

	}
	.container {
		max-width: 1630px;
	}
	.app-promotion-sec .apple-img { width: 55%; }
	.app-promotion-sec .android-img { width: 50%; }
}

/* 1808px css */
@media only screen and (min-width: 2000px) {
	html {
		font-size: 138%;

	}
	.container {
		max-width: 1808px;
	}
}

/* 2070px css */
@media only screen and (min-width: 2300px) {
	html {
		font-size: 165%;

	}
	.container {
		max-width: 2070px;
	}

	
    fieldset { margin: 0px 49px; }
	
}





/* 1799px css */
@media only screen and (max-width: 1799px) {
	.navbar .navbar-nav .nav-link {
		margin: 0 20px;
	}

	header .call {
		margin-left: 15px;
		padding-left: 15px;
	}

}

/* 1599px css */
@media only screen and (max-width: 1599px) {
	
	.navbar-brand {
		max-width: 220px;
	}

	.navbar .navbar-nav .nav-link {
		font-size: 16px;
		margin: 0 14px;
		padding: 25px 0;
	}

	body .nav-item .btn {
		padding: 8px 25px;
		margin-left: 12px;
	}

	header .call,
	header .time {
		font-size: 15px;
	}


	section {
		/*padding: 50px 0;*/
	}

	.banner-sec { background-position: 50% 100%; }

}

/* 1429px css */
@media only screen and (max-width: 1429px) {

	section {
		padding: 20px 0;
	}
}

/* 1199px css */
@media only screen and (max-width: 1199px) {
	/* menu css */
	.navbar-toggler {
		padding: 0;
		border: none;
		position: relative;
		z-index: 2;
		transition: all 0.5s;
	}
	.booking-sec .back {
	    top: -9%;
    	left: -10%;
	}
	.booking-sec { margin-top: 70px; }
	.body-sec { margin-top: 70px; }

	.navbar-collapse {
		background: #e7f4ff;
		padding: 60px 15px;
		position: fixed;
		top: 0;
		right: 0;
		display: block !important;
		width: 320px;
		text-align: center;
		bottom: 0;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		-webkit-transform: translateX(110%);
		-moz-transform: translateX(110%);
		-ms-transform: translateX(110%);
		-o-transform: translateX(110%);
		transform: translateX(110%);
		height: auto !important;
		overflow: auto;
		box-shadow: -8px 0 14px rgba(32, 151, 252, 0.25);
	}
	
	.md-mobile-dropdown {
		display: inline-block;
		margin-right: auto;
		margin-left: 0;
	}

	.show-menu #navbarNav {
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
	}

	.navbar .dropdown-menu {
		text-align: center;
		border: none;
		padding: 0;
	}

	.navbar .dropdown-item {
		padding: 0;
	}

	.menu-icon {
		display: inline-block;
		cursor: pointer;
	}
	#city-dropdown-lg {
		display: none;
	}

	.bar1,
	.bar2,
	.bar3 {
		width: 30px;
		height: 4px;
		background-color: var(--primary-color-hover);
		margin: 0;
		transition: 0.4s;
	}

	.bar2 {
		margin: 6px 0;
	}

	.show-menu .bar1 {
		-webkit-transform: rotate(-45deg) translate(-9px, 6px);
		transform: rotate(-45deg) translate(-9px, 6px);
	}

	.show-menu .bar2 {
		opacity: 0;
	}

	.show-menu .bar3 {
		-webkit-transform: rotate(45deg) translate(-8px, -5px);
		transform: rotate(45deg) translate(-8px, -5px);
	}

	/* menu css */

	.bar1,
	.bar3 {
		width: 18px;
		margin-left: 2px;
	}

	.bar1 {
		margin-left: auto;
		margin-right: 2px;
	}

	.show-menu .bar1,
	.show-menu .bar3 {
		width: 26px;
	}
	.banner-sec { background-position: 50% 34%; }
	.banner-sec .banner-main-heading { font-size: 32px; }
	.banner-sec .banner-sub-heading { font-size: 23px; }

	.service-slider-sec .owl-nav button,
	.people-think-sec .owl-nav button {
		width: 50px;
		height: 50px;
	}


	.navbar-nav .nav-item {
		margin-bottom: 20px;
	}

	
	.how-work h5 {
		font-size: 22px;
	}

	.sec-head {
		font-size: 31px;
	}

	.service-banner-sec .service-banner-content .text-desc { font-size: 1.2rem; }

	.service-faq-sec .accordion:before { width: 87%; }

	.recently-wrap .recently-img {
		height: 25px;
	}

	.footer-wrap .footer-col {
		width: calc(100% / 3);
	}

	.footer-wrap {
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	.footer-wrap .footer-col:first-child {
		flex-basis: 33.33%;
		max-width: 33.33%;
		margin-top: 30px;
	}

	.footer-col h4 {
		margin-top: 30px;
	}

	footer {
		padding-top: 10px;
	}

	.copy-right p:last-child {
		margin-right: 0;
	}

	header .call,
	header .time {
		margin-right: auto;
		margin-left: 20px;
	}

	header .time {
		margin-right: auto;
	}

	.overlay-menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		background-color: rgba(32, 151, 252, 0.3);
	}

	.show-menu .overlay-menu {
		display: block;
	}

	
	.navbar {
		padding: 14px 0;
	}

	.navbar-nav .nav-item {
		width: 100%;
	}

	.navbar .navbar-nav .nav-link {
		padding: 5px 0;
	}

	.dropdown-menu-box {
		padding: 20px 15px 0;
		position: relative;
		display: none;
		background-color: transparent;
		box-shadow: none;
		transform: translateX(-50%) scaleY(1);
	}

	header .menu-dropdown.open-menu .dropdown-menu-box {
		display: block;
	}

	.dropdown-menu-list {
		width: 100%;
		margin-bottom: 20px;
	}

	.dropdown-menu-list li {
		font-weight: 500;
	}
	.dropdown-menu-list li a {
		color: #b9b9b9;
	}

	.dropdown-menu-list h3 {
		margin-bottom: 16px;
		font-size: 17px;
	}

	.dropdown-menu-list li {
		margin: 8px 0;
		font-size: 13px;
	}

	.navbar-nav {
		text-align: left;
	}

	header .head-call {
	    border-right: unset;
	}

	.app-promotion-sec-content .heading { font-size: 40px; }
	.app-promotion-sec-content p { font-size: 20px;}

}

/* 991px css */
@media only screen and (max-width: 991px) {
    .booking-sec .back {
	    top: -9%;
    	left: -1%;
	}

	.booking-sec .next-option-div { position: fixed; bottom: 0; width: 100%; }
	.booking-sec { padding-bottom: 100px; }
	.banner-sec .container {
		padding: 200px 0 40px 0;
	}

	header .call {
		font-size: 14px;
	}

	header .call i {
		font-size: 15px;
		width: 35px;
		height: 35px;
		color: #fff;
		text-align: center;
		line-height: 35px;
		border-radius: 8px;
		background-color: var(--primary-color-hover);
		box-shadow: 0 8px 14px rgba(32, 151, 252, 0.45);
	}

	.banner-sec .banner-main-heading { font-size: 28px; }
	.banner-sec .banner-sub-heading { font-size: 18px; }

	.sec-head {
		font-size: 30px;
	}

	.service-banner-sec .service-banner-content .offer-block { font-size: 1rem;  }
	.service-banner-sec .service-banner-content .text-desc { font-size: 1.1rem; }
	.service-banner-sec .service-banner-content .main-heading { font-size: 2rem; }
	.service-booking-bar .booking-content .btn-info { font-size: 1.2rem; }
	.service-booking-bar .booking-content .heading { font-size: 1.2rem; }
	.service-booking-bar .booking-content .sub-heading { font-size: .8rem; }
	
	.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, 
	.col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto {
		margin-top: 20px;
	}

	.service-faq-sec .accordion:before { width: 83%; }

	.modal-theme .modal-body { margin: 0 3rem; }

	.why-smileHandyy-col {
		flex-basis: calc(50% - 10px) !important;
		max-width: calc(50% - 10px) !important;
		margin: 5px auto !important;
	}

	.why-smileHandyy-row {
		flex-wrap: wrap;
	}
}

/* 767px css */
@media only screen and (max-width: 768px) {
   
	.booking-sec .summary-block {
	   margin-top: 15px;
	}

	.banner-sec h2{
	    font-size: 25px;
	}

	.sec-head {
		margin-bottom: 25px;
		font-size: 28px;
	}

	.sec-head-underline {
	    max-width: 185px;
	    margin: 14px auto;
	}

	.sec-head-underline span {
	    height: 3px;
	}

	section {
		padding: 20px 0;
	}
		
	.footer-wrap .footer-col:first-child {
		flex-basis: 68%;
		max-width: 68%;
		margin-top: 30px;
	}

	.footer-wrap {
		justify-content: flex-start;
	}

	.footer-wrap .footer-col {
		width: calc(100% / 2);
	}

	.footer-col a {
		padding: 2px 0;
	}

	footer p,
	footer a {
		font-size: 14px;
	}

	.copy-right .container {
		flex-direction: column;
		justify-content: center;
	}

	.copy-right p:last-child {
		margin: 0 auto;
	}

	.copy-right {
		padding: 4px 0;
	}

	.copy-right p {
		font-size: 12px;
	}

	footer {
		padding-bottom: 30px;
	}

	.footer-col h4 {
		font-size: 18px;
		margin-bottom: 12px;
		margin-top: 20px;
	}


	.how-work h3 {
		font-size: 18px;
	}

	.how-work p {
		font-size: 14px;
	}

	.banner-sec p {
		font-size: 17px;
	}

	header .time {
		display: none;
	}

	header .call {
		/* margin-left: auto; */
		/* margin-right: 30px; */
		/* border-left: 0; */
		/* padding-left: 0; */
		margin-left: auto;
		margin-right: auto;
		border-left: 0;
		padding-left: 0;
	}

	.logo {
		display: none;
	}

	.m-logo {
		display: block;
	}

	.navbar-brand {
		max-width: 75px;
	}

	.navbar {
		padding: 10px 0;
	}

	.banner-sec {
		margin-top: 65px;
	}

	#city-dropdown-lg {
		display: none;
	}
	.app-promotion-sec { margin-top: 0; }
	.app-promotion-sec-content { margin-bottom: 20px;  }
	.app-promotion-sec .apple-img {
	    width: 100%;
	    position: unset;
	    bottom: 0;
	    left: 0;
	}
	.app-promotion-sec .android-img {
	    width: 100%;
	    position: unset;
	    bottom: 0;
	    left: 0;
	}

	.service-faq-sec .card .card-body {
	    font-size: 16px;
	}
	.service-faq-sec .card .card-header, .service-faq-sec .card .card-header h5 {
	    font-size: 20px;
	}

	.customer-rate-details p {
	    font-size: 14px !important;
	}
	.customer-star-wrap li {
		font-size: 12px !important;
	}
	.service-sec .service-dec h2 { font-size: 1.4rem; }
	.service-sec .service-dec h3 { font-size: 1.2rem; }
	.service-sec .service-dec h4 { font-size: 1rem; } 

	.service-about-content h2 { font-size: 1.4rem; }
	.service-about-content h3 { font-size: 1.2rem; }
	.service-about-content h4 { font-size: 1rem; }

	.customer-review-sec .customer-rating-no.service-rating {
		padding: 15px 26px;
	}
	.service-rating .service-rate {
		font-size: 22px;
	}
}

/* 575px css */
@media only screen and (max-width: 575px) {
	
	header.fixed .navbar,
	.navbar {
		padding: 10px 15px;
	}

	.banner-sec .banner-search-bar {
    padding: 10px 10px 10px 15px;}
	.banner-sec .banner-main-heading {
		font-size: 18px;
		line-height: 1;
		margin-right: 0px;
		margin-left: 0px;
	}
	.banner-sec .banner-sub-heading {
		font-size: 15px;
		line-height: 1;
	}
	
	/*.banner-sec .container {
		max-width: 350px;
	}*/
	.banner-sec .container {
	    padding: 60px 10px 80px 10px;
	    padding: 170px 10px 30px 10px;
	    width: 100%;
	    max-width: unset;
	}

	.sec-head {
		font-size: 26px;
	}

	.service-slider-sec .owl-nav button,
	.people-think-sec .owl-nav button {
		width: 40px;
		height: 40px;
	}

	.service-banner-sec .service-banner-content .offer-block { font-size: .87rem; }

	.service-banner-sec .service-banner-content .booking-content .rating-heading { font-size: 18px; }
	.service-banner-sec .service-banner-content .booking-content p { font-size: 14px; }
	.service-banner-sec .service-banner-content .booking-content .rating b { font-size: 25px; }
    
    .service-booking-bar .booking-content .btn { font-size: .95rem; }
    .service-sec .service-dec .service-image{ width: 100%; }
    .service-usp-sec .banner_icon_layout .icon-heading{ 
    	font-size: 1rem;
    	font-weight: 400;
    }
	.service-usp-sec .banner_icon_layout .img{ width: 2rem; }

	.service-faq-sec .container { padding: 60px 0; }
	.service-booking-bar .booking-content .heading { font-size: 16px; }
	.service-booking-bar .booking-content .sub-heading { font-size: 14px; }
	.service-booking-bar .booking-content .rating b { font-size: 25px; }
	.service-banner-sec .service-banner-content .text-desc { font-size: 18px; }
	.service-booking-bar .booking-content .btn-info { font-size: 20px; }
	.col-sm-7{ padding-bottom: 10px; }
	.col-md-6{ padding-bottom: 35px; }
	.col-sm-5{ padding-bottom: 10px; }
	.col{ padding-bottom: 10px; }

	.service-booking-bar .col-div {
    	margin-top: 10px;
	}
	.service-booking-bar .booking-content {
	    padding: 5px 0px;
	}

	footer p,
	footer a {
		line-height: 1.5;
		font-size: 12px;
	}

	.footer-location img {
		margin-top: 3px;
		width: 13px;
		margin-right: 10px;
	}


	.social-wrap a {
		width: 35px;
		height: 35px;
		font-size: 15px;
		line-height: 33px;
	}


	.banner-sec p {
		font-size: 15px;
	}
	.app-promotion-sec-content .heading { font-size: 25px; }
	.app-promotion-sec-content p { font-size: 16px; }
	.app-promotion-sec-content img { width: 45%; height: auto; }
	.modal-theme .modal-body { margin: 0 .5rem; }

	.booking-sec .next-option-div { font-size: 1rem; padding: 0; }
	.booking-sec .next-option-div .btn { font-size: 1rem; padding: 1.2rem 1.75rem; }

	.customer-review-sec .service-rating p {
		font-size: 14px;
	}
	.service-rating .service-rate {
		font-size: 20px;
	}
	.service-banner-sec .service-banner-content { padding: 0px 0px 10px 0px; }

	.why-smileHandyy-col {
		flex-basis: 240px !important;
		max-width: 240px !important;
		height: 100% !important;
		padding: 25px 20px !important;
	}

	.why-smileHandyy-row { margin: 20px auto 0; }

	.why-smileHandyy-col svg {
		max-width: 80px !important;
		max-height: 80px !important;
		margin: 0 auto 20px !important;
	}

	.why-smileHandyy-col h3 { font-size: 20px; }

	.banner-search-bar .search-list {
		left: 0;
	    width: -webkit-fill-available;
	}

	.social-wrap-d {
		display: none;
	}
	.social-wrap-m {
	    display: block;
	}
	.service-slider-sec .card { padding-bottom: 10px; }
}

/* 480px css */
@media only screen and (max-width: 480px) {
	.sec-head {
		font-size: 24px;
		margin-bottom: 30px;
	}

	.service-faq-sec .faq-content .main-heading { text-align: center; }
	.service-faq-sec .faq-content .text-desc { text-align: center; }

	.service-booking-bar .booking-content .btn-info { font-size: 18px; }
	.service-booking-bar .col {padding: 5px;}

	.sec-head-underline {
	    max-width: 150px;
	}
	
	.how-work p {
		line-height: 1.3;
		font-size: 12px;
	}

	.how-work h3 {
		font-weight: 500;
		margin-bottom: 6px;
	}

	.banner-sec h1 {
		font-size: 20px;
	}
	.d-inline-flex { flex-wrap: wrap; }
	.navbar-collapse {
		width: 100%;
	}

	.booking-sec .back {
	    font-size: 1rem;
	    padding: 5px 14px;
	    top: -4%;
    	left: 2%;
	}
	.booking-sec .order-progressbar li { font-size: 1rem; min-height: 112px; }
	/*.booking-sec .custom-radio-button { padding: 1rem 3.3rem 1rem 1.2rem;}
	.booking-sec .custom-radio-label { padding: 0 1.5rem;}*/
	.order-progressbar li .images-icon {
    	width: 2.5rem;
   		height: 2.5rem;
	}
	.order-progressbar li.active .images-icon:before, .order-progressbar li.active.active-check .images-icon:before {
    	width: 2.5rem;
    	height: 2.5rem;
    }
	.order-progressbar li .images-icon:after {
		width: 63%;
    	top: 20%;
    	left: 68%;
    }

    .thankYou-content .summary-block .text-right {text-align: left !important;}
    .app-link-footer .text-right{
    	text-align: left !important;
    }
	
}

/* 350px css */
@media only screen and (max-width: 375px) {

	.sec-subhead { font-size: 1rem; }
	.people-think-sec .card .card-body { padding: 1rem; }
	.people-think-sec .card .image-quotes { display: none !important; }
	.people-think-sec .card .card-subtitle { font-size: 16px; }
	.people-think-sec .card .card-text { font-size: 16px; }
	.people-think-sec .card .profile-image { width: 66px !important; height: 66px; }
}