@charset "utf-8";
@media (max-width:1920px){
#pricing-banner {height: 750px; margin-bottom:0;}
#pricing-banner .top-banner-img {padding: 290px 0 0 260px;}
}


@media (max-width:1700px){
#pricing-banner { height: 665px;}
#pricing-banner .top-banner-img {padding: 220px 0 0 260px;}
}

@media (max-width:1600px){
#pricing-banner { height: 625px;}
#pricing-banner .top-banner-img {padding: 200px 0 0 260px;}
}

@media (max-width:1600px){
#pricing-banner .top-banner-img {padding: 150px 0 0 260px;}
}

@media (max-width:1400px){
#pricing-banner { height: 590px;}
#pricing-banner .top-banner-img {padding: 130px 0 0 260px;}
}

@media (max-width:1280px){
#pricing-banner { height: 560px;}
#pricing-banner .top-banner-img {padding: 105px 0 0 260px;}
}

@media (max-width:1199px){
	.navbar-expand-md .navbar-nav { margin-left:0;}
	#banner h1, #banner h2 { padding-left:0;}
	.about-content { background-size: 100% 65px; padding-bottom:70px;}
	#pricing-banner { height:370px; background-size:100% 370px;}
	#pricing-banner .top-banner-img { padding: 56px 0 0 200px; max-width:454px;}
	#pricing-banner h1 { margin-top:0;}
	#package-section .btn { min-width:auto;}
	#package-section .content-list .content { min-height:310px;}
	#services-banner {background-size: 100% 440px; height: 450px; padding-top:30px;}
	#services-banner .top-banner-img { top:0;}
	#subpage-banner h1,#services-banner h1,#contact-banner h1,#pricing-banner h1 { font-size:50px;}
	#contact-banner {background-size: 100% 350px; min-height:460px;}
	#contact-section .contact-box { padding:15px 10px;}
	#contact-section .content { margin:20px 0;}
	#contact-section .heading { margin-bottom:30px;}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{ width:100%;}
 #g2 .container{max-width: 90%}
   .arrow{width: 25%;position: absolute;bottom:-90px;left: 25%;}
    .arrow #nextarr{ right: initial;}
    .arrow .carousel-control{width: 100%;left: initial;}
    .arrow .carousel-control:focus, .arrow .carousel-control:hover{opacity: 1}
    #seeall{padding-top: 95px}
    #seeall button{max-width: 90%;}
}

@media (max-width:991px){
	body { font-size:14px;}
	h1 { font-size:28px;}
	h2 { font-size:28px;}
	h3 { font-size:22px;}
	h4 { font-size:20px;}
	h5 { font-size:19px;}
	h6 { font-size:18px;}
	.btn { min-width:auto; font-size:16px; line-height:16px; padding:10px 30px;}
	.form-control { height:38px;}
	header ul.navbar-nav li a { font-size:13px; line-height:101px;}
	#banner { height:500px; background-size:100% 400px;}
	#banner h1, #banner h2 { font-size:26px;}
	#banner .bottom-caption { max-width:420px; top:400px;}
	#banner .banner-img { top:150px;}
	#services-home p { font-size:16px; line-height:normal;}
	#banner .bottom-caption h2 { font-size:20px;}
	#services-home { margin-top:60px;}
	#services-home h3:after { margin:15px 0;}
	#services-home p { margin-bottom:20px;}
	#services-home ul li { padding-left:0;}
	#apart-section {background-size: 100% 150px; padding-top:200px; padding-bottom:10px;}
	#apart-section .top-img { max-width:300px; top:-26px;}
	.heading,#services-home .row,#apart-section .heading { margin-bottom:30px;}
	#apart-section .col-md-4 { margin-bottom:20px;}
	#contact-home { padding:40px 0;}
	#contact-home .form-group { margin-bottom:15px;}
	#contact-home .btn.btn-primary {padding: 10px 40px;}
	footer { font-size:13px; padding:40px 0 0;}
	footer { overflow:hidden; position:relative;}
	footer .footer-content { font-size:14px;}
	.footer-left {float: left;width: 50%;}
	.right-col {float: right;padding-top: 0;width: 50%; border-left: 2px solid; padding-left: 34px;}
	.slanted-bottom { position:absolute; bottom:0; z-index:0;}
	.footer-contact { display:none;}
	.footer-contact.footer-contact-bottom { display:block;}
	.footer-contact-bottom { text-align:center; margin-top:37px; position:relative; z-index:9;}
	.footer-contact-bottom ul {align-items: center; justify-content: center;}
	#subpage-banner { min-height:400px; background-size: 100% 400px;}
	.subpage-banner-img { padding-left:0;}
	#subpage-banner h1,#pricing-banner h1,#services-banner h1,#contact-banner h1 { font-size:40px;}
	#contact-banner {padding-top:15px;}
	#contact-banner h1 { margin:0;}
	#pricing-banner {height: 330px; background-size: 100% 330px;}
	.about-content img { margin-bottom:10px;}
	.star img{margin-bottom:0}
	#press-section ul li { margin-bottom:15px;}
	#profile-section { margin:40px 0;}
	#package-section .content-list { margin-bottom:15px;}
	#package-section .content-list .content { min-height:170px;}
	#services-banner {background-size: 100% 370px; height: 380px;}
	#services-banner .top-banner-img { width: 280px;background-size: 100%;height: 227px; top:40px;}
	#services-section { padding-top:95px;}
	#contact-banner {background-size: 100% 250px;min-height: 290px;}
	#contact-section .form-group { margin-bottom:15px;}
	#contact-section .contact-box { padding:10px 4px;}
	#contact-section .contact-box p { font-size:13px;}
	#contact-section .col-md-4 { padding:4px;}
	#contact-section form,#contact-section { margin-bottom:30px;}
	#contact-section .contact-box .icon-img { margin-bottom:5px;}
	.quotebubble .col-md-8{min-height: 440px}
.mobilebubble{margin-bottom: 30px}
.rating img{max-width:80%;top:155px  }
.main-slider-div{display: inline-block;
    padding: 0 0px;
    text-align: center;}
	.certified-service{ padding-bottom:120px;}
	#myCarousel .carousel-control.left,#myCarousel .carousel-control.right { top: auto; bottom: -15%;}
#topheader .navbar-nav>li>a {
    padding: 30px 12px !important;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;}
#myCarousel .carousel-control{ left:0!important;width: 147px !important; right:0!important; top:auto!important; bottom:-44px!important; margin:0 auto!important;}
.logo-slider img{ border: 13px solid #fff; background-color: #fff;}
.content-div {
    width: 100% !important;
    margin-left: 0;
}#myCarousel .carousel-control .glyphicon-chevron-left{ margin-left:-56px !important;    left:auto !important;}
	#myCarousel .carousel-control .glyphicon-chevron-right{ margin-right:-56px !important;    right:auto !important;}
.main-slider-div p{ padding:0 0 25px;}
/*.main-slider-div{display: inline-block;
    padding: 0 0px;
    text-align: center;}
    #myCarousel .carousel-control.left,#myCarousel .carousel-control.right { top: auto; bottom: -15%;}
.quotebubble .col-md-8{min-height: 400px}
.mobilebubble{margin-bottom: 30px}
.rating img{max-width:80%;top:125px  }
#myCarousel .carousel-control{ left:0!important;width: 147px !important; right:0!important; top:auto!important; bottom:-44px!important; margin:0 auto!important;}
.logo-slider img{ border: 13px solid #fff; background-color: #fff;}
.content-div {
    width: 100% !important;
    margin-left: 0;
}#myCarousel .carousel-control .glyphicon-chevron-left{ margin-left:-56px !important;    left:auto !important;}
	#myCarousel .carousel-control .glyphicon-chevron-right{ margin-right:-56px !important;    right:auto !important;}
.main-slider-div p{ padding:0 0 25px;}*/
}

@media (max-width:767px) {
	body { letter-spacing:normal;}
	.container { max-width:100%;}
	.form-control { font-size:13px;}
	header { min-height:87px;}
	#header-navbar.mobile { background:#07a2d2;}
	header .container { position:relative;}
	header .col-md-3 { position:absolute; z-index:999; width:160px; right:0;}
	ul.navbar-nav { padding:10px 0;}
	ul.navbar-nav li a { line-height:normal; color:#fff; padding:10px; display:block; text-transform:uppercase; border-bottom:1px solid #178aae;}
	/*ul.navbar-nav li a:hover { color:#124458;}*/
	ul.navbar-nav li.active a { background:#124559; color:#f9b348;}
	header .navbar { margin-top:32px;}
	#header-navbar.desktop { display:none;}
	.navbar-toggler { border:none; border-radius:0; padding:0; font-size:inherit;}
	.navbar-light .navbar-toggler-icon { background-image:url(../images/nav-icon.png); background-size:100%; width:34px; cursor:pointer;}
	button:focus { outline:none;}
	#banner { padding-top:30px;}
	#banner h1, #banner h2 { font-size:19px;}
	#banner .bottom-caption { max-width:340px;}
	#services-home { text-align:center;}
	#services-home ul { margin-left:0;}
	#services-home ul li { list-style:inside;}
	#services-home h3 { margin-top:15px;}
	#services-home h3:after { margin: 15px auto;}
	#services-home ul { margin-bottom:20px;}
	#services-home img { max-width:200px;}
	#apart-section { margin-top:40px;}
	#apart-section .col-md-4 p { min-height:auto;}
	#apart-section .col-md-4 img { margin-bottom:10px;}
	#subpage-banner h1, #pricing-banner h1,#services-banner h1,#contact-banner h1 { display:block; text-align:center; font-size:28px;}
	footer { padding-bottom:60px;}
	footer p,footer .footer-contact ul { margin-bottom:.5rem;}
	#package-section .content-list .content { min-height:auto;}
	#pricing-banner { margin-bottom:10px; background-size: 100% 300px; height:300px;}
	#pricing-banner .top-banner-img { max-width:420px;}
	#package-section { padding-bottom:20px;}
	#pricing-lets-talk { margin-bottom:40px;}
	#pricing-lets-talk .content-block { padding:30px 15px;}
	#package-section .content-list img { margin:10px 0;}
	#package-section .content-list h6 { margin-bottom:15px;}
	#services-banner { margin-bottom:30px;}
	#services-section { background-size:100%; padding-top:40px;}
	#services-section p { min-height:auto; padding:15px;}
	#services-section .col-md-4 { margin-bottom:20px;}
	#services-section img { margin-bottom:5px;}
	#contact-section .col-md-4 { padding:5px 15px;}
	#contact-section .contact-box p { font-size:16px;}
 .arrow{width: 40%;left: 10%;}
 .review h2{font-size: 22px}
  .review p{font-size: 14px}
  #bubble:after{
  
    height: 67px;
    position: absolute;
    background-size: 100%;
    right:initial;
    left: 40px;
  }
  .rating img{max-width:100%;margin: 0 auto;position:initial;bottom:0;left:0;}
  .rating {
    position: absolute !important;
    bottom: -45px;
    right: 30px;
    max-width: 175px
}
#g2 h3{overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}
    
}
@media (max-width:520px) {
 #seeall button{font-size: 14px}

}
@media (max-width:480px) {
	#banner h1, #banner h2 { font-size:14px;}
	#banner { background-size:100% 180px; height:340px; padding-top:20px;}
	#banner .banner-img { max-width:150px; top:130px;}
	.bottom-caption { display:none;}
	.bottom-caption-mob {display:block;}
	#services-home { margin-top:30px;}
	.bottom-caption-mob h2 { font-family: 'Work Sans'; font-weight: 300; font-size:14px; text-align:center; margin-top:15px;}
	#services-home h3 { font-size:17px;}
	#services-home .row { margin-bottom:0;}
	footer { text-align:center; font-size:12px;}
	.footer-left,.right-col { float:none; width:100%; border:none; margin:0; padding:0;}
	footer .right-col ul li { border-bottom:1px solid #195066;}
	footer .right-col ul li a { padding:5px; display:block;}
	.footer-contact-bottom { margin-top:15px;}
	#subpage-banner { background-size: 100% 250px; min-height:auto;}
	.subpage-banner-img { max-width:250px; padding-top:10px;}
	#blog-banner { background-size: 100% 250px; min-height:auto;}
	.blog-banner-img { max-width:250px; padding-top:10px;}
	#blog-post-banner { background-size: 100% 250px; min-height:250px;}
	#pricing-banner { background-size: 100% 170px;height: 210px; margin-bottom:20px;}
	#pricing-banner .top-banner-img {padding: 10px 0 0 100px; max-width:250px; margin-bottom:5px;}
	#services-banner .top-banner-img { right:20px; top:70px;}
	#services-banner {background-size: 100% 260px; height:330px; padding-top:20px;}
	#services-banner h1 { width:100%;}
	#contact-banner { background-size: 100% 150px; min-height: 200px;}
.arrow{width: 100%;left: 0px;}
 .arrow .carousel-control{left: 0px;}
 #seeall button{height: auto;padding: 5px 25px;}
  #bubble .carousel-inner:before{
   
      right: 20px;
     

    }
}
@media(max-width: 448px){
	.about-us-banner{ height:100%;}
.quotebubble .col-md-8{min-height: 545px}

#bubble:after{left: 0px}
.star{margin-top: 55px;}
#g2 h3{overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
}
@media (max-width:400px) {
	#pricing-banner { background-size: 100% 165px; height:167px;}
	#pricing-banner .top-banner-img { max-width:250px;}
}