@font-face {
    font-family: 'Futura-Book';
    src: url('../fonts/Futura-Book.eot');
    src: url('../fonts/Futura-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Futura-Book.woff2') format('woff2'),
        url('../fonts/Futura-Book.woff') format('woff'),
        url('../fonts/Futura-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('../fonts/Futura-Bold.eot');
    src: url('../fonts/Futura-Bold.eot?#iefix') format('otf'),
        url('../fonts/Futura-Bold.woff2') format('woff2'),
        url('../fonts/Futura-Bold.woff') format('woff'),
        url('../fonts/Futura-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

header{
	border-bottom: 1px solid #3594c7;
	box-shadow: inset 2px -9px 14px -8px #ada4a4;
}




.custom-container {
	max-width: 1400px;
	margin: 0px auto;
}

.em-service {
	font-family: 'Futura-Book';
    width: 338px;
    padding: 7px 10px 4px 10px;
    font-size: 20px;
    position: relative;
    color: #FFF;
    background: #3594c7;
        margin: 0px auto;
    text-align: center;
    font-weight: 700;
}

.em-service p{
	margin: 0px;
}
.em-service:after {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: #3594c7;
  transform-origin: bottom left;
  -ms-transform: skew(-30deg, 0deg);
  -webkit-transform: skew(-30deg, 0deg);
  transform: skew(-30deg, 0deg);
}
.em-service:before {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: #3594c7;
  transform-origin: bottom left;
  -ms-transform: skew(30deg, 0deg);
  -webkit-transform: skew(-30deg, 0deg);
  transform: skew(30deg, 0deg);
}

.top-mobile {
	font-family: 'Futura';
	font-size: 40px;
	font-weight: 700;
	color: #3594c7;
	text-align: center;
}

.logo {
	 margin: 10px;
}

.appontment-box {
	background-color:  #fff;
	border: 2px solid #cfdfec;
	height:63px;
	width: 300px;
	float: right;
	margin-top: 24px;
	padding: 5px;
}
.appontment-inner {
	background-color: #1a1836;
    height: 50px;
    padding: 5px;
	width: 100%;
}

.schedule-service {
	color: #fff;
	font-family: 'Futura';
	font-size: 20px;
	margin: 10px 0 0 14px;
}
.banner
{
    position:relative;
    background:url(../images/citywide-banner-2.jpg);
    height: 400px;
    background-size:100%;
}
.banner-discount
{
   background: url(../images/banner-img-blank.jpg);
    height: 225px;
    width: 75%;
    padding-top: 1px;
    background-size: cover;
    margin-top: 94px;
}
.banner-discount h2
{
    color:#fff;
    text-align: center;
    font-size: 37px;
    font-weight: bold;
    text-transform: uppercase;
}
.banner-discount h3
{
    color:#1b1837;
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
    font-size: 22px;
}
.banner-discount div
{
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 25px;
    font-size: 19px;
    line-height: 26px;
    background-color: #1a1836;
    width: 80%;
    margin: 0px auto;
    padding: 5px 0 5px 0;
}
.banner-discount div span
{
     font-size: 30px;
}
.banner img{
	width: 100%;
}

.bg-1 {
	background-image: url(../images/bg1.jpg);
	height: auto;
	background-size: cover;
	padding-top: 90px;
	padding-bottom: 90px;
}

.discount-heading {
	color: #3594c7;
	font-family: 'Futura';
	font-size: 43px;
}

.coupun-box {
	margin: 50px 0 0 0;
}

.newyork-title {
	color: #1a1836;
	font-family: 'Futura';
	font-size: 43px;
}

.newyork-subtitle {
	color: #3594c7;
	font-family: 'Futura';
	font-size: 20px;
}

.plumbing-list {
	padding-left: 5px;
}
.plumbing-list li{
	list-style: none;
    font-family: 'Futura-Book';
    font-size: 20px;
    margin-top: 12px;
	color: #1a1836;
}
.plumbing-list li:before {
  content: "-";
  text-indent: -5px;
  margin-right: 10px;
  font-family: 'Futura';
  color: #3594c7;
}

.bg-2 {
	background-image: url(../images/bg2.jpg);
	height: auto;
    background-size: cover;
    padding-top: 90px;
    padding-bottom: 382px;
}

.commercial-heading {
    color: #3594c7;
    font-family: 'Futura';
    font-size: 44px;
    letter-spacing: 4px;
}

.commercial-inner {
	max-width: 1100px;
    margin: 0px auto;
	padding-top: 40px;
}

.commercial-list {
	padding-left: 5px;
}

.commercial-list li{
	list-style-type: square;
	font-family: 'Futura-Book';
    font-size: 16px;
    margin-top: 15px;
	color: #0b0e10;
}

/* testimonial slider css*/
.testimonial-section {
	padding-top: 75px;
	padding-bottom: 30px;
}

.testi-title {
	text-align: center;
	color: #3594c7;
    font-family: 'Futura';
    font-size: 43px;
}

.col-center {
	margin: 0 auto;
	float: none !important;
}
.carousel {
	margin: 50px auto;
	padding: 0 70px;
	background-image: url(../images/testimonial-bg.png);
	background-repeat: no-repeat;
}
.carousel .item {
	color: #999;
	font-size: 14px;
    text-align: center;
	overflow: hidden;
    min-height: auto;
}
.carousel .item .img-box {
	width: 135px;
	height: 135px;
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 50%;
}
.carousel .img-box img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
}
.carousel .testimonial {
	padding: 30px 0 10px;
	font-family: 'Futura-Book';
    font-size: 16px;
    margin-top: 15px;
    color: #0b0e10
}
.carousel .overview {	
	font-style: normal;
}
.carousel .overview b {
	color: #161616;
    font-size: 20px;
}
.carousel .carousel-control {
	width: 40px;
    height: 40px;
    margin-top: -20px;
    top: 50%;
	background: none;
}
.carousel-control i {
    font-size: 68px;
	line-height: 42px;
    position: absolute;
    display: inline-block;
	color: rgba(0, 0, 0, 0.8);
    text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
}
.carousel .carousel-indicators {
	bottom: -40px;
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 10px;
	height: 10px;
	margin: 1px 3px;
	border-radius: 50%;
}
.carousel-indicators li {	
	background: #999;
	border-color: transparent;
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
.carousel-indicators li.active {	
	background: #2dafec;		
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}


.footer{
	background-image: url(../images/footer-bg.jpg);
	padding-top: 75px;
    padding-bottom: 50px;
}

.foot-em-service {
	color: #3594c7;
    font-family: 'Futura';
    font-size: 20px;
	margin-top: 0px;
}

.footer-phone {
	color: #fff;
	font-family: 'Futura';
	font-size: 60px;
}

.footer-social a{
	color: #45c3ec;
    font-size: 33px;
    margin-left: 18px;
}

.footer-social a:hover{
	text-decoration: none;
	color: #fff;
}

.footer-address {
	color: #45c3ec;
    font-family: 'Futura-Book';
    text-align: center;
    font-size: 18px;
}

.hr-line {
	border-top: 1px solid #45c3ec;
	margin-top: 50px;
}

.copyright {
	color: #fff;
    font-family: 'Futura-Book';
    text-align: center;
    font-size: 18px;
}



@-webkit-keyframes bounceLeft {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  60% {
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
  }
}
@-moz-keyframes bounceLeft {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(30px);
  }
  60% {
    transform: translateX(15px);
  }
}
@keyframes bounceLeft {
  0%,
  20%,
  50%,
  80%,
  100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  60% {
    -ms-transform: translateX(15px);
    transform: translateX(15px);
  }
}
/* /left bounce */

.call-click {
  -webkit-animation: bounceLeft 2s infinite;
  animation: bounceLeft 2s infinite;
}




/*==pop up css*/

/* popup styles */
.popup {
	position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    display:none;
}
.popup-overlay {
	background: rgba(0,0,0,0.9);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.popup-content {
	position: absolute;
	background: #f0f0f0;
	width: 700px;
	margin: -58px 0 0 -264px;
	left: 50%;
	top: 20%;
	z-index: 11;
	padding: 14px;
}
.close-popup {
	display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 42px;
    background-color: #010725;
    width: 57px;
    text-align: center;
}

.what-need{
	margin: 10px 0 0 0;
}

.popup-content a:hover{
	text-decoration: none;
}

/* Animations */
.fadeIn {
  animation: fadeIn 0.5s ease-in both;
  -webkit-animation: fadeIn 0.5s ease-in both;
}
@keyframes fadeIn {
  from { opacity: 0; }
}
@-webkit-keyframes fadeIn {
  from { opacity: 0; }
}

.fadeOut {
  animation: fadeOut 0.5s ease-out both;
  -webkit-animation: fadeOut 0.5s ease-out both;
}
@keyframes fadeOut {
  to { opacity: 0; }
}
@-webkit-keyframes fadeOut {
  to { opacity: 0; }
}

.scaleIn {
  animation: scaleIn 0.5s ease-in both;
  -webkit-animation: scaleIn 0.5s ease-in both;
}
@keyframes scaleIn {
  from { opacity: 0; transform: scale(0.5); }
}
@-webkit-keyframes scaleIn {
  from { opacity: 0; -webkit-transform: scale(0.5); }
}

.scaleOut {
  animation: scaleOut 0.5s ease-out both;
  -webkit-animation: scaleOut 0.5s ease-out both;
}
@keyframes scaleOut {
  to { opacity: 0; transform: scale(0.5); }
}
@-webkit-keyframes scaleOut {
  to { opacity: 0; -webkit-transform: scale(0.5); }
}

.scaleUpIn {
  animation: scaleIn 0.5s ease-in both;
  -webkit-animation: scaleIn 0.5s ease-in both;
}
.scaleUpOut {
  animation: scaleUpOut 0.5s ease-in both;
  -webkit-animation: scaleUpOut 0.5s ease-in both;
}
@keyframes scaleUpOut {
  to { opacity: 0; transform: scale(1.2); }
}
@-webkit-keyframes scaleUpOut {
  to { opacity: 0; -webkit-transform: scale(1.2); }
}

.scaleDownIn {
  animation: scaleDownIn 0.5s ease-in both;
  -webkit-animation: scaleDownIn 0.5s ease-in both;
}
.scaleDownOut {
  animation: scaleOut 0.5s ease-in both;
  -webkit-animation: scaleOut 0.5s ease-in both;
}
@keyframes scaleDownIn {
  from { opacity: 0; transform: scale(1.2); }
}
@-webkit-keyframes scaleDownIn {
  from { opacity: 0; -webkit-transform: scale(1.2); }
}

.slideIn {
  animation: slideIn 0.5s ease-in both;
  -webkit-animation: slideIn 0.5s ease-in both;
}
@keyframes slideIn {
  from { opacity: 0; transform: translateY(-50%); }
}
@-webkit-keyframes slideIn {
  from { opacity: 0; -webkit-transform: translateY(-50%); }
}

.slideOut {
  animation: slideOut 0.5s ease-out both;
  -webkit-animation: slideOut 0.5s ease-out both;
}
@keyframes slideOut {
  to { opacity: 0; transform: translateY(50%); }
}
@-webkit-keyframes slideOut {
  to { opacity: 0; -webkit-transform: translateY(50%); }
}

.slideLeftIn {
  animation: slideLeftIn 0.5s ease-in both;
  -webkit-animation: slideLeftIn 0.5s ease-in both;
}
@keyframes slideLeftIn {
  from { opacity: 0; transform: translateX(-50%); }
}
@-webkit-keyframes slideLeftIn {
  from { opacity: 0; -webkit-transform: translateX(-50%); }
}

.slideLeftOut {
  animation: slideLeftOut 0.5s ease-out both;
  -webkit-animation: slideLeftOut 0.5s ease-out both;
}
@keyframes slideLeftOut {
  to { opacity: 0; transform: translateX(50%); }
}
@-webkit-keyframes slideLeftOut {
  to { opacity: 0; -webkit-transform: translateX(50%); }
}

.flipLeftIn {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: flipLeftIn .5s both ease-out;
    -moz-animation: flipLeftIn .5s both ease-out;
    animation: flipLeftIn .5s both ease-out;
}
@-webkit-keyframes flipLeftIn {
    from {-webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: .2;}
}
@keyframes flipLeftIn {
    from {transform: translateZ(-1000px) rotateY(90deg);opacity: .2;}
}

.flipLeftOut {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: flipLeftOut .5s both ease-in;
    -moz-animation: flipLeftOut .5s both ease-in;
    animation: flipLeftOut .5s both ease-in;
}

@-webkit-keyframes flipLeftOut {
    to {-webkit-transform: translateZ(1000px) rotateY(-90deg); opacity: 0;}
}
@keyframes flipLeftOut {
    to {transform: translateZ(1000px) rotateY(-90deg); opacity: 0;}
}

.flipRightIn {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: flipRightIn .5s both ease-out;
    -moz-animation: flipRightIn .5s both ease-out;
    animation: flipRightIn .5s both ease-out;
}
@-webkit-keyframes flipRightIn {
    from {-webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: .2;}
}
@keyframes flipRightIn {
    from {transform: translateZ(-1000px) rotateY(-90deg);opacity: .2;}
}

.flipRightOut {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: flipRightOut .5s both ease-in;
    -moz-animation: flipRightOut .5s both ease-in;
    animation: flipRightOut .5s both ease-in;
}

@-webkit-keyframes flipRightOut {
    to {-webkit-transform: translateZ(1000px) rotateY(90deg); opacity: 0;}
}
@keyframes flipRightOut {
    to {transform: translateZ(1000px) rotateY(90deg); opacity: 0;}
}


.rotateIn {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: rotateIn .5s both ease-out;
    -moz-animation: rotateIn .5s both ease-out;
    animation: rotateIn .5s both ease-out;
}
@-webkit-keyframes rotateIn {
    from { -webkit-transform: translateZ(-3000px) rotateZ(-360deg); opacity: 0;}
}
@-moz-keyframes rotateIn {
    from {-moz-transform: translateZ(-3000px) rotateZ(-360deg);opacity: 0;}
}
@keyframes rotateIn {
    from {transform: translateZ(-3000px) rotateZ(-360deg);opacity: 0;}
}

.rotateOut {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: rotateOut .5s both ease-in;
    -moz-animation: rotateOut .5s both ease-in;
    animation: rotateOut .5s both ease-in;
}
@-webkit-keyframes rotateOut {
    to {-webkit-transform: translateZ(-3000px) rotateZ(360deg);opacity: 0;}
}
@-moz-keyframes rotateOut {
    to {-moz-transform: translateZ(-3000px) rotateZ(360deg);opacity: 0;}
}
@keyframes rotateOut {
    to { transform: translateZ(-3000px) rotateZ(360deg); opacity: 0;}
}

.rotateCubeIn {
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: rotateCubeIn .6s both ease-in;
    -moz-transform-origin: 50% 100%;
    -moz-animation: rotateCubeIn .6s both ease-in;
    transform-origin: 50% 100%;
    animation: rotateCubeIn .6s both ease-in;
}
@-webkit-keyframes rotateCubeIn {
    0% {opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(90deg);}
    50% {-webkit-animation-timing-function: ease-out;
        -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
}
@-moz-keyframes rotateCubeIn {
    0% {opacity: .3;
        -moz-transform: translateY(-100%) rotateX(90deg); }
    50% {-moz-animation-timing-function: ease-out;
        -moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);}
}
@keyframes rotateCubeIn {
    0% {opacity: .3;
        transform: translateY(-100%) rotateX(90deg);}
    50% {animation-timing-function: ease-out;
        transform: translateY(-50%) translateZ(-200px) rotateX(45deg);}
}

.rotateCubeOut {
    -webkit-transform-origin: 50% 0;
    -webkit-animation: rotateCubeOut .6s both ease-in;
    -moz-transform-origin: 50% 0;
    -moz-animation: rotateCubeOut .6s both ease-in;
    transform-origin: 50% 0;
    animation: rotateCubeOut .6s both ease-in;
}
@-webkit-keyframes rotateCubeOut {
    50% {-webkit-animation-timing-function: ease-out;-webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);  }
    100% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); }
}
@-moz-keyframes rotateCubeOut {
    50% { -moz-animation-timing-function: ease-out;-moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);  }
    100% { opacity: .3;-moz-transform: translateY(100%) rotateX(-90deg); }
}
@keyframes rotateCubeOut {
    50% {animation-timing-function: ease-out;
        transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
    100% { opacity: .3; transform: translateY(100%) rotateX(-90deg);}
}


.btn {
  /*background: rgb(0, 159, 211);
  color: #fff;
  border: 1px solid;
  display: inline-block;
  padding: 5px 20px;*/
}
.btn:hover {
  /*background: #fff;
  color: rgb(0, 159, 211);*/
}
.popup {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
}
.popup-content {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.service-detail {
	height: 45px !important;
}

.popup-content h2 {
	font-size: 20px;
	font-family: 'Futura-Book';
	margin-top: 5px;
}
.popup-content h1 {
	font-size: 25px;
	margin-top: 0px;
}

.popup-form {
font-family: 'Futura-Book';
}

.popup-form  .fields{
	margin: 15px 0 0 0;
}

.popup-form .row {
	margin: 0px;
}

.date-pick {
	margin: 8px 0 8px 0;
}

.service-l {
	padding-left: 5px;
}
.service-l li{
	list-style: none;
}

.service-offer {
	margin: 11px 0px 0;
    padding: 10px 0 0 10px;
    clear: both;
}

.submit-btn{
	background-color: #3594c7;
    color: #fff;
    margin: 0px auto;
    width: 146px;
    height: 46px;
    font-size: 16px;
    border: 0px;
}
 
/*==pop up css*/




@media only screen and (min-width: 1360px) and (max-width: 1366px)  {
    

.custom-container {
    max-width: 1200px;
    margin: 0px auto;
}

.em-service {
	margin: 0 0 0 25px;
	margin: 0 0 0 25px;
	}

.top-mobile {
	font-size: 34px;
}

.schedule-service{
	    font-size: 18px;
}

.discount-heading {
	    font-size: 37px;
}

.newyork-title {
	    font-size: 37px;
}

.newyork-subtitle{
	    font-size: 18px;
}

.plumbing-list li {
	font-size: 18px;
}

.commercial-heading{
	font-size: 40px;
}

.commercial-inner {
    max-width: 900px;
	padding-top: 18px;
}

.commercial-list li {
	margin-top: 10px;
}

.testi-title {
	font-size: 37px;
}

.footer-address {
	font-size: 16px;
}

.copyright {
	font-size: 16px;
}

.footer-phone {
	font-size: 50px;
}

.bg-2 {
	padding-bottom: 191px;
	padding-top: 60px;
	}

}


@media only screen and (min-width: 1435px) and (max-width: 1440px)  {
.custom-container {
    max-width: 1200px;
    margin: 0px auto;
}

.bg-2 {
	padding-bottom: 191px;
	padding-top: 60px;
	}
	
.commercial-inner {
    max-width: 1000px;
}
.commercial-heading {
    font-size: 42px;	
}

.testi-title{
	font-size: 42px;
}


}


@media only screen and (min-width: 1275px) and (max-width: 1280px)  {
.custom-container {
    max-width: 1100px;
    margin: 0px auto;
}

.bg-2 {
	padding-bottom: 191px;
	padding-top: 60px;
	}
	
.commercial-inner {
    max-width: 840px;
}

.em-service {
	    margin: 0px auto;
}

.commercial-heading {
	font-size: 38px;
}

.footer-phone {
    font-size: 45px;
}

.testi-title {
 font-size: 32px;
}	
	
}


@media only screen and (min-width: 1150px) and (max-width: 1155px)  {
.custom-container {
    max-width: 1000px;
    margin: 0px auto;
}

.bg-2 {
	padding-bottom: 191px;
	padding-top: 60px;
	}
	
.commercial-inner {
    max-width: 840px;
}

.em-service {
	    margin: 0px auto;
}

.commercial-heading {
	font-size: 38px;
}

.footer-phone {
    font-size: 45px;
}

.testi-title {
 font-size: 32px;
}

.logo img{
	width: 250px;
}

.em-service {
	width: 290px;
}

.top-mobile {
    font-family: 'Futura';
    font-size: 30px;
}

.discount-heading {
    font-size: 35px;
}

.newyork-title {
    font-size: 35px;
}	
	
}


@media only screen and (min-width: 1280px) and (max-width: 1285px)  {
.custom-container {
    max-width: 1170px;
    margin: 0px auto;
}

.banner {
    height: auto;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-bottom: 51px;
}

.banner-discount h2 {
    font-size: 40px;
}

	
}


@media only screen and (min-width: 1170px) and (max-width: 1176px)  {
.custom-container {
    max-width: 1000px;
    margin: 0px auto;
}

.bg-2 {
	padding-bottom: 191px;
	padding-top: 60px;
	}
	
.commercial-inner {
    max-width: 774px;
	padding-top: 24px;
}

.em-service {
	margin: 0 0 0 8px;
	width: 287px;
    font-size: 15px;	
}

.commercial-heading {
	font-size: 38px;
}

.footer-phone {
    font-size: 45px;
}

.testi-title {
 font-size: 32px;
}

.top-mobile {
	font-size: 30px;
}
.logo img{
	width: 90%;
}

.banner {
    height: auto;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-bottom: 51px;
}

.banner-discount h2 {
    font-size: 35px;
}


}


@media only screen and (min-width: 1145px) and (max-width: 1152px)  {
  .banner {
    height: auto;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-bottom: 51px;
}

.banner-discount h2 {
    font-size: 35px;
}
  
    
}


@media only screen and (min-width: 320px) and (max-width: 480px) {
    
.banner {
    position: relative;
    background: url(../images/baner-bg-mobile.jpg);
    height: auto;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-bottom: 30px;
}


.banner-discount {
    background: url(../images/banner-img-blank.jpg);
    height: auto;
    width: 100%;
    padding-top: 1px;
    background-size: cover;
    margin-top: 36px;
    padding-bottom: 30px;
}

.banner-discount h2 {
    font-size: 20px;
}

.banner-discount h3 {
   
    font-size: 19px;
}

.banner-discount div span {
    font-size: 18px;
}

.banner-discount div {
       font-size: 14px;
}


.popup-content {
    position: absolute;
    background: #f0f0f0;
    width: 100%;
    margin: 0px auto;
	left: 0%; 
	top: 0%; 
    z-index: 11;
    padding: 14px;
}	
	
.em-service {
    width: 280px;
   font-size: 16px;	
}
.top-mobile {
	font-size: 24px;
}

.appontment-box {
	float: unset;
    margin: 0px auto;
}

.logo {
	text-align: center;
}

.logo img{
	width: 300px;
}

header {
	padding-bottom: 20px;
}

.bg-1 {
	padding-top: 40px;
	background-position: center;
}

.discount-heading {
    color: #3594c7;
    font-family: 'Futura';
    font-size: 24px;
}

.coupun-box {
    margin: 30px 0 0 0;
}

.coupun-box img{
	width: 100%;
}

.newyork-title {
	font-size: 22px;
}

.newyork-subtitle {
	font-size: 14px;
}

.plumbing-list li {
	font-size: 15px;
}

.bg-2 {
	padding-top: 20px;
	background-image: url(../images/bg2-mobile.jpg);
}

.commercial-heading {
    font-size: 24px;
}

.testimonial-section {
    padding-top: 30px;
}

.testi-title {
	font-size: 22px;
}

.carousel {
   padding: 0 25px;	
}

.footer-logo {
	text-align: center;
}

.footer-logo img{
	width: 300px;
}

.foot-em-service {
	margin-top: 15px;
    text-align: center;
}

.footer-phone {
    font-size: 28px;
    text-align: center;
}

.call-click {
	width: 50px;
}
.footer-social {
	text-align: center;
}

.footer-social a {
    font-size: 20px;
}

.footer-address {
	font-size: 15px;
}

.copyright {
	font-size: 15px;
}

.row {
	margin: 0px;
}
	
}


@media only screen and (min-width: 481px) and (max-width: 640px) {

.banner {
    position: relative;
    background: url(../images/baner-bg-mobile.jpg);
    height: auto;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-bottom: 30px;
}


.banner-discount {
    background: url(../images/banner-img-blank.jpg);
    height: auto;
    width: 100%;
    padding-top: 1px;
    background-size: cover;
    margin-top: 36px;
    padding-bottom: 30px;
}
    

    
    
.em-service {
    width: 280px;
   font-size: 16px;	
   margin: 0px auto;
}
.top-mobile {
	font-size: 24px;
}

.appontment-box {
	float: unset;
    margin: 0px auto;
}

.logo {
	text-align: center;
}

.logo img{
	width: 300px;
}

header {
	padding-bottom: 20px;
}

.bg-1 {
	padding-top: 40px;
	background-position: center;
}

.discount-heading {
    color: #3594c7;
    font-family: 'Futura';
    font-size: 24px;
}

.coupun-box {
    margin: 30px 0 0 0;
}

.coupun-box img{
	width: 100%;
}

.newyork-title {
	font-size: 22px;
}

.newyork-subtitle {
	font-size: 14px;
}

.plumbing-list li {
	font-size: 15px;
}

.bg-2 {
	padding-top: 20px;
	background-image: url(../images/bg2-mobile.jpg);
	background-position: bottom;
}

.commercial-heading {
    font-size: 24px;
}

.testimonial-section {
    padding-top: 30px;
}

.testi-title {
	font-size: 22px;
}

.carousel {
   padding: 0 25px;	
}

.footer-logo {
	text-align: center;
}

.footer-logo img{
	width: 300px;
}

.foot-em-service {
	margin-top: 15px;
    text-align: center;
}

.footer-phone {
    font-size: 28px;
    text-align: center;
}

.call-click {
	width: 50px;
}
.footer-social {
	text-align: center;
}

.footer-social a {
    font-size: 20px;
}

.footer-address {
	font-size: 15px;
}

.copyright {
	font-size: 15px;
}

.row {
	margin: 0px;
}
	
}


@media only screen and (min-width: 641px) and (max-width: 768px) {
    
.banner {
    position: relative;
    background: url(../images/baner-bg-mobile.jpg);
    height: auto;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-bottom: 30px;
}


.banner-discount {
    background: url(../images/banner-img-blank.jpg);
    height: auto;
    width: 100%;
    padding-top: 1px;
    background-size: cover;
    margin-top: 36px;
    padding-bottom: 30px;
}
      
    
.logo img{
		width: 200px;
	}
header .col-sm-12 {
	 width: 32%;
	 float: left;
}

.em-service {
    width: 200px;
	font-size: 12px;
	margin: 0px auto;
}

.appontment-box {
	width: 170px;
	margin-top: 14px;
	height: 54px;
}

.top-mobile {
    font-size: 22px;
}

.appontment-inner span img {
	width: 32px;
}

.schedule-service {
    font-size: 10px;
}

.appontment-inner {
    height: 40px;
}

.bg-1 {
	padding-top: 30px;
}
.discount-heading {
    font-size: 34px;
}

.newyork-title {
    font-size: 30px;
}

.newyork-subtitle {
    font-size: 18px;
}

.plumbing-list li {
    font-size: 18px;
}

.bg-2 {
	padding-top: 25px;
	background-image: url(../images/bg2-tablet.jpg);
	padding-bottom: 189px;
}

.commercial-heading {
    font-size: 30px;
}

.commercial-inner {
    max-width: 646px;
    margin: 0px auto;
    padding-top: 10px;
}

.commercial-inner .col-sm-12 {
    width: 32%;
}

.testi-title {
    font-size: 30px;
}

.footer-logo {
	text-align: center;
}

.foot-em-service {
    margin-top: 20px;
    text-align: center;
}

.footer-phone {
    font-size: 28px;
    text-align: center;
}

.footer-social {
	text-align: center;
	padding-top: 10px;
}

.footer-social a {
    color: #45c3ec;
    font-size: 20px;
}

.footer-address {
   font-size: 15px;
}

.copyright {
   font-size: 15px;
}
.row {
	margin: 0px;
}	
	
}


@media only screen and (min-width: 769px) and (max-width: 1024px) {
    
.banner {
    position: relative;
    background: url(../images/tab-bg.jpg);
    background-size: auto;
    height: 400px;
    background-size: 100%;
    background-repeat: no-repeat;
}


.banner-discount {
    background: url(../images/banner-img-blank.jpg);
    background-size: auto;
    height: 225px;
    width: 61%;
    padding-top: 1px;
    background-size: cover;
    margin-top: 94px;
    float: right;
    position: relative;
    right: 30px;
}
    
    
.custom-container {
    max-width: 900px;
  }
.logo img {
	width: 256px;
}

.em-service {
    width: 233px;
    font-size: 15px;
	margin: 0px auto;
}

.top-mobile {
    font-size: 26px;
}

.appontment-box {
    height: 56px;
    width: 280px;
    float: right;
    margin-top: 14px;
   
}

.appontment-inner {
    height: 42px;
}

.appontment-inner span img{
	width: 40px;
}

.bg-1 {
   padding-top: 32px;
}

.coupun-box img{
	width: 100%;
}

.discount-heading {
   font-size: 34px;
}

.newyork-title {
    font-size: 30px;
}

.newyork-subtitle {
   font-size: 18px;
}

.plumbing-list li {
   font-size: 18px;
}

.bg-2 {
   padding-top: 12px;
}

.testimonial-section {
    padding-top: 35px;
}

.testi-title {
    font-size: 28px;
}

.carousel {
    margin: 35px auto;
    padding: 0 30px;
}

.footer-phone {
    font-size: 30px;
}

.footer-social {
	padding-top: 10px;
}

.footer-social a {
	font-size: 22px;
}

.footer-address {
	font-size: 14px;
}

.copyright {
   font-size: 16px;
}

header .col-sm-12 {
    width: 32%;
    float: left;
}
	
}

@media only screen and (min-width: 1025px) and (max-width: 1124px) {
.custom-container {
    max-width: 900px;
  }
.logo img {
	width: 256px;
}

.em-service {
    width: 233px;
    font-size: 15px;
	margin: 0px auto;
}

.top-mobile {
    font-size: 26px;
}

.appontment-box {
    height: 56px;
    width: 280px;
    float: right;
    margin-top: 14px;
   
}

.bg-1 {
   padding-top: 32px;
}

.coupun-box img{
	width: 100%;
}

.discount-heading {
   font-size: 34px;
}

.newyork-title {
    font-size: 30px;
}

.newyork-subtitle {
   font-size: 18px;
}

.plumbing-list li {
   font-size: 18px;
}

.bg-2 {
   padding-top: 12px;
}

.testimonial-section {
    padding-top: 35px;
}

.testi-title {
    font-size: 28px;
}

.carousel {
    margin: 35px auto;
    padding: 0 30px;
}

.footer-phone {
    font-size: 30px;
}

.footer-social {
	padding-top: 10px;
}

.footer-social a {
	font-size: 22px;
}	
	
}


@media only screen and (min-width: 1355px) and (max-width: 1360px)  {
.banner {
    height: auto;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-bottom: 51px;
}

.banner-discount h2 {
    font-size: 40px;
}

}