.scrollup {
    width:40px;
    height:40px;
    position: fixed;
    bottom: 60px;
    right: 30px;
    display: none;
    z-index: 9999;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    background:#ea9999; border-radius:100%;
}
.scrollup:hover {
    color: #fff;
}

.navbar-light .navbar-toggler-icon {
    background: url(../images/navicon-bar.png)no-repeat !important;
    background-size: 100% 100%;
    width: 3rem;
}
@media (min-width: 1200px) {
.container{
    max-width: 1266px;
}

}

@media (max-width: 1199px) {
.navbar-expand-lg .navbar-nav {
    justify-content: flex-end;
    align-items: baseline;
    width: 100%;
    background: #ea9999;
}
html {
    scroll-behavior: smooth;
    font-size: 75%;
}
.navbar-light .navbar-toggler-icon {
    width: 3.5rem;
    height: 3rem;
}
.address_list a {
    font-size: 1.5rem;
}
.googlemaps iframe {
    height: 22.5rem;
}
}
@media (max-width:1024px) {
.about-bg{ height:100% !important}
.residential-bg{ height:100% !important}
.testimonials-bg{ height:100% !important}
.contact-bg{ height:100% !important}

.about-section-title .titleheadline h3:after{ height:60px;}
.whychouseus .titleheadline  h4:after{ height:60px;}
.our-mission_box .right .titleheadline h5:after{ height:50px;}
.residential-title h2:after{ height:60px;}
.residential-pricing .titleheadline h4:after{ height:60px;}

 .contact-bottom h2{ text-align:left}
 .contact-bottom h2:after{left:0; }
.works-box { margin-bottom: 20px;}

.bannersection .carousel-caption h1{
    font-size:32px!important;
line-height:34px;}

.works-box .text-area:before {
    border-width: 0px 104px 55px;
}
.packages-content {
    padding-top: 70px;
    margin-left: 0px;
}
.stories-box {min-height: 331px;}

.bannersection .carousel-caption p {
    font-size: 16px!important;
line-height: 21px; padding:0px;}
.bannersection .carousel-caption {top: 85px;}

.navbar-light {padding-bottom:6px;}

.logo-here {
    width: 18rem;
}



.content-pricing ul li{ background:url(../images/right.png) no-repeat top left; padding-left:25px; line-height:20px;}
.content-pricing-yearly ul li{ background:url(../images/right-black.png) no-repeat top left; padding-left:25px; line-height:20px; color:#000}
 .testimonials p{ font-size:18px; line-height:26px; padding-top:20px;}
.woocommerce-message{width:100% !important;
    margin:0px;
    margin-top:45px;}
.cart-collaterals .cart_totals, .cart-collaterals .shipping_calculator{ padding-left:15px; margin-right:0px;}
 .cart-page-design{ margin:15px;}
 .order-review-responsive{ padding:0px 15px; }
.woocommerce-form-login-toggle{ margin:0px 15px;}

 .login p{ padding:0 15px !important}
.login .form-row{ display:block}
}
@media (max-width: 991px) {
.about-bg{ height:100% !important}
 .img2{ padding-bottom:25px;}
 .packages-content { margin-left: 0px;    padding-top: 12px;
}
.works-box .text-area:before {
    border-width: 0px 343px 55px;
}
 .bannersection .carousel-caption {top: 46px;}
 .contact-menu {display:none}
 }

@media (max-width: 767px) {
.pxm{
    padding:1.2rem 0;
}
.OHAI_Banner {
    background-size: 100% 89% !important;
}
.wraperCommercial .titlehead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
.commercialsbox li {
    width: 48%;
}
.commercialsbox{
    margin-top: 0;
}
.wraperworks .mt-5{
    margin-top: 0 !important;
}
.OurWorks{
    margin-top: 1rem;
}
.serviceshelp,
.testimonials_item{
    flex-direction: column;
}
.serviceshelp h2 {
    width: 100%;
    font-size: 1.8rem;
}
.wraperCommercial .titlehead h2 {
    color: #000;
    width: auto;
    margin-right: 0;
}
.gallerypic {
    width:48%;
}
 .coppyright {
    margin-top: 0;
    text-align: center;
}
.coppyright p{
    text-align: center;
}
.footer {
    padding-top: 15rem !important;
}
.addrees, .footernav,
.footerbox {
    margin-top: 2rem;
}
.testimonials_pic, .testimonials_content {
    width: 100%;
}
}
@media (max-width: 540px) {
.contentBnanner h1 {
    font-size: 2.5rem;
}
.bannerpicture {
    margin-top: 3rem;
}
.About_content h2 {
    font-size: 1.5rem;
}
.titlehead h2 {
    font-size: 2rem;
}
.surface_box {
    margin-top: 8px;
}
.surfaceicon {
    width: 22rem;
    margin-right: 1rem;
}
.wrapersurface .btnbin {
    margin-top: 0;
}
.gallerypic {
    width: 100%;
}
.bannersection .carousel-caption {display:none;}

   
.our-mission_box{ display:block}
.spaceimg-bottom{ padding-bottom:25px; }
.monthly-pricing{ margin-top:25px; margin-bottom:25px;}
.mobile-on{ display:block;}
.desktop-on{ display:none;}
.testimonials{ text-align:center;}
.testimonials p{ text-align:center; font-size:14px;}
.moreBox{ padding:0px 20px; text-align:center}
.logo-here img{ width:75%; padding:8px;}
.head-top{ display:block;}
.Title-social {
    text-align: left;
    margin-top: 10px;
}
.navbar-expand-lg .navbar-nav .nav-item{ display: contents;}
.works-box{ margin-bottom:25px}
.stories-box{ margin-bottom:25px}
.title {padding: 2rem 0rem 0rem 0rem;}
 .packages-content {padding-top: 40px;margin-top: 0px;}
 .service-packages {padding: 0rem 0;}
 .btnbin a { margin-bottom: 30px;}
 .footer {padding-top: 27rem !important;}
 .contact-us {width: 92%;}
 .what-profile {margin-bottom: 30px;}
 .works-box .text-area:before { border-width: 0px 173px 55px;}
 .packages-inner-content h2 { margin-top: 21px;}
 .packages-Premium { padding: 4rem 0rem 2rem 0rem}
.packages-inner-page {padding: 1rem 0rem 3rem 0rem}
.footer-logo-box {padding-top: 15px;}
.footersocials, .coppyright {margin-top: 10px;}
.service-text p {padding: 0px 15px;}
.innerbanner{ margin-top:0px;}
.innerbanner .banner_content {padding: 54px 0px 0px 0px;}
.How-do-we {padding: 0rem 0;}
.sec-new { background:none;   width: 100%;}
.sec-new p{ font-size:18px;}
.Our-Range-of-Services-1 {padding: 4rem 0rem;}
.about-sec-1 {padding: 4rem 0rem 2rem 0rem;}
.about-Matchmaking {margin: 2rem 0rem;padding: 2rem 0rem;background: #855445 url(../images/about-4.jpg)no-repeat center;
height: 408px;width: 100%;}
.Travelled p {text-align: center; padding:0px;}
.Countries p {font-size: 20px;color: #fff;text-align: center;}

.Countries h1 {font-size: 35px;}
	.Travelled h1 { font-size:  35px;}
	
	.Countries { border-right:none; border-bottom: 1px solid #a1796c; padding-top: 5px;}
	
	.Travelled { padding-top: 5px;}
	.about-Matchmaking h2 {margin-bottom:0px;}
    .innerbanner .banner_content-1 h1 {
    padding: 0px;
    color: #fff;
    font-size: 22px;
    padding-top: 40px;
}
 .navbar-expand-lg .navbar-nav .nav-link{ border-bottom:1px solid #efb7b7; width:100%; font-size:16px;}
.innerbanner .banner_content h1{ padding-left:10px; padding-right:10px; font-size:20px;}
.stories-inner-content{ margin:0px;}
.text-border-1{ padding-left:0px; border-left:0px;}
.stories-inner-content p{ padding-left:0px;}
.stories-inner-content-1 p{ padding:0px;}
.stories-inner-content-1 h2{ margin-left:0px; text-align:left; margin-bottom:0px;}
.stories-inner-content h2{ margin-left:0px; text-align:left; margin-bottom:0px;}
.text-border{ padding-left:0px;}
.stories-inner-content-1{ margin:0px;}
.sky{margin:0px; margin-top:25px;}
.sky-border{ margin: 0px 15px 15px 15px;}
.green{ margin-top:25px;}
.purple{ margin-top:25px;}
.img-border {
    border: 8px solid #ef5d5e;
     padding: 0px;
    margin: 0px 15px 0px 15px;
}
.yellow-border {
     margin: 25px 15px 0px 15px; ma
}
.pink-border{  margin: 0px 15px 0px 15px;}
.green-border{  margin: 0px 15px 15px 15px;}
.purple-border{  margin: 0px 15px 15px 15px;}

.box-text-1 p { padding:0px 10px;}
.packages-content{ margin-left:0px;}
.bs-example{ width:auto}
.title { background:url(../images/mobile-bubble.jpg) no-repeat top center}
.works-box .text-area:before {border-width: 0px 254px 55px;}
.carousel-item{ margin-top:57px; }
}
@media (max-width: 414px) {
.works-box .text-area:before {
    border-width: 0px 192px 55px;
}
}
@media (max-width: 375px) {
.works-box .text-area:before {
    border-width: 0px 172px 55px;
}
}
@media (max-width: 360px) {
.works-box .text-area:before {
    border-width: 0px 163px 55px;
}
}
@media (max-width: 320px) {
.works-box .text-area:before {
    border-width: 0px 144px 55px;
}
}


.navbar-light .navbar-toggler{background-color:none; border: none; margin-top:5px;}