@charset "utf-8";
/*--------------media query css------------------*/	

@media (min-width:2000px) {
    .gr-box {transform: translateY(20%);-webkit-transform: translateY(20%);-moz-transform: translateY(20%);-ms-transform: translateY(20%);}
    .about-cont {padding-bottom: 28px;}
    .meet-img {background-position: top;}
}

@media (min-width:1225px) {
    .container { width: 1200px; }
}

@media (max-width:1700px) {  
    .main-navigation .navigatior li a {font-size: 1.4rem;}
}
@media (min-width:1550px) {  
    .main-navigation .navigatior li a br{display: none;}
}
@media (max-width:1549px) {
    .main-navigation .navigatior li{margin: 0 30px;}
    .main-navigation .navigatior li:last-child{margin: 0 11px; margin-right: 0px;}
    .main-navigation .navigatior li a {font-size: 1.3rem;}
}  

@media (max-width:1480px) {
    .main-navigation .navigatior li a {/*font-size: 1.6rem;*/}
    .main-navigation .navigatior li{margin: 0 25px;}
}

@media (max-width:1400px) {
    .gr-box {width: 17.5%;}
    .logo-comp li:first-child{padding-left: 0;}
    .logo-comp li{float: none;display: inline-block;padding: 0 20px;}
    .wrap-logos {padding: 37px 15px;}
    .logo-comp{text-align: center;}

    .cover-cata-meet{padding: 0 30px;}
    .form-cover p{max-width: 100%;}
    .cover-about {padding: 0 60px;}      
    .main-navigation .navigatior li{margin: 0 20px;}
    .main-navigation .navigatior li a{font-size: 1.2rem;}
    .logo-txt {font-size: 1.4rem;margin-right: -155px;}
}

@media (max-width: 1220px) {
    .main-navigation .navigatior li{margin: 0 16px;}
}
@media (max-width: 1200px) {
    .cover-help {padding: 20px;}
    h1 {font-size: 2.5rem;}
    .cover-help h1 {margin-bottom: 22px;}
    h3 {font-size: 1.7rem;}
    .about-box{padding: 40px 50px;}
    h2 {font-size: 2.2rem;line-height: 1.2;}
    p {font-size: 1.6rem}
    .about-box h1{margin-bottom: 20px;}
    .about-box h2 {margin-bottom: 22px;}
    .meet-content h1{margin-bottom: 20px;}
    footer .phone-cover {margin: 8px 0px 10px;}
    .wrap-social{padding: 0;}
    footer .address-wrap a{margin-right: 0;}
    .wrap-logo a {margin: 0 -6px;}
    .meet-img:last-child {background-position: center;}  
    .phone-cover {margin-bottom: 6px;}
    header .phone-cover span,header .phone-cover span a, header .add-cover span a, header .add-cover a {font-size: 1.2rem;}
    .logo-txt{font-size: 1.4rem;margin-right: -156px;}
    .tag-line {font-size: 1.3rem;margin-top: -2px;}
    .top-right{padding-top: 20px;}
    .main-navigation .navigatior li {margin: 0 14px;}
    footer .wrap-logo span {font-size: 1.6rem;}
    header .phone-cover span, .add-cover span {    padding-left: 5px;
                                                   margin-left: 5px;}
}
@media (max-width:1150px) {
    .main-navigation .navigatior li {margin: 0 7px;}
    .logo-txt {font-size: 1.1rem;margin-right: -125px;}
    .menu-logo img {max-width: 65%;}
    .logo-txt span {margin-left: 10px;}
    header .phone-cover span, header .phone-cover span a, header .add-cover span a, header .add-cover a {font-size: 1.1rem;}
    .tag-line {font-size: 1.2rem;}
}
@media (min-width:1025px) {
    .cloneCont {display: inline-block; width: 100%;}
    .stickyHeader header .cloneCont .phone-cover span:first-child a:before {display: none;}
    .stickyHeader header .menu-clone .add-cover {display: block;}
    .cloneCont .add-cover span:after {display: none;}
    .cloneCont .phone-cover {display: inline-block; margin: 20px 0 18px 15%; }
    .cloneCont .add-cover {display: inline-block; margin: 0 0 0 15%; }
    .cloneCont .phone-cover span,.stickyHeader header .cloneCont .phone-cover span,.stickyHeader header .cloneCont .add-cover a span {    font-size: 1.8rem;
                                                                                                                                          color: #ffffff; transition: all 0.5s; -webkit-transition: all 0.5s;
                                                                                                                                          font-weight: 400;
                                                                                                                                          margin: 5px 0; display: block; padding: 0;}
    .stickyHeader header .cloneCont .add-cover a,.stickyHeader header .menu-clone .phone-cover span a {font-size: 1.8rem;
                                                                                                       color: #ffffff;
                                                                                                       font-weight: 400;}
    .menu-clone header .cloneCont .add-cover a:hover,.menu-clone header .phone-cover span a:hover {color: #f6e7d2;}
    .menu-clone header .add-cover {display: block;}
    .repeated-logo {margin: 0 0 26px 15%; display: inline-block;}
    .stickyHeader header .cloneCont .add-cover a:hover, .stickyHeader header .menu-clone .phone-cover span a:hover {color: #f6e7d2;}
    .stickyHeader header .cloneCont .add-cover a:hover span {color: #f6e7d2;}
}
@media (max-width:1024px) {
    .slide-out .navTrigger {display: none;}
    .cloneParking,.cloneCont{display: block;}
    .stickyHeader header .logo-txt {font-size: 0;max-width: 80px;text-align: center;}
    .stickyHeader header .top-right{padding: 0;margin: 0;min-height: 0;}
    .phone-cover {margin-bottom: 0;display: flex;}
    .nav-pane{width: 100%;top: 85px !important;height: calc(100vh - 84px);height: -webkit-calc(100vh - 84px);height: -moz-calc(100vh - 84px);}
    .stickyHeader .header-main{background: #ffffff;box-shadow: 0px 3px 2px 0px rgba(8, 42, 67, 0.05)}
    .menu-open .header-main{position: fixed;top: 0px; left: 0; right: 0; z-index: 999;background: #ffffff;box-shadow: 0px 3px 2px 0px rgba(8, 42, 67, 0.05);}
    .stickyHeader .navTrigger span{background-color: #0c8990;}
    header .tag-line,header .logo-txt a, header .add-cover,.stickyHeader .header-main:before,.stickyHeader .header-main:after{display: none;}
    header .logo-txt a{display: block;}
    header .logo-txt {font-size: 0;margin-right: -48px;max-width: 80px;}
    .stickyHeader header .logo-txt {margin-right: -48px;}
    header .top-left{padding-top: 0; padding-left: 0;}
    header .header-main{padding-bottom: 0;padding: 0;}
    header .top-right{position: inherit;padding: 0;}
    header .phone-cover span a, header .phone-cover span{font-size: 0;}
    header .phone-cover span:first-child a:before{position: absolute;content: '';background: url(../images/phone.png) no-repeat;height: 25px;width: 25px;background-size: 100%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);right: 72px;}
    .navigatior.cloneMenu,.cloneCont{padding: 0 60px 0 30px;}
    .cloneCont{margin: 20px 0;float: left;width: 100%;padding-bottom: 30px;}
    .navTrigger {left: 72px;}
    header .phone-cover span {padding-left: 10px;margin-left: 11px;position: relative;}
    header .phone-cover span:after {position: absolute;content: '';top: 3px;height: 14px;width: 2px;background: #0b8890;left: -2px;}
    header .phone-cover span:first-child:after {display: none;}
    header .phone-cover span{position: inherit;padding: 0;margin: 0;}
    header .phone-cover span:after{display: none;}
    .deviceOnly,.navTrigger{display: block;}
    .nav-wraper{display: none;}
    .cloneParking.park-txt a{display: block; color: #ffffff;}
    .cloneParking.park-txt a:hover{color: #f6e7d2;}
    .cloneParking.park-txt a span{border-color: #ffffff;}
    .cloneParking.park-txt a:hover span,.cloneCont .phone-cover span a:hover{border-color: #f6e7d2;}
    .cloneCont .phone-cover span,.cloneCont .phone-cover span a,.cloneCont .add-cover span a,.cloneCont .add-cover a,.stickyHeader header .cloneCont .phone-cover span,.stickyHeader header .cloneCont .phone-cover span a,.stickyHeader header .cloneCont .add-cover span a,.stickyHeader header .cloneCont .add-cover a{font-size: 1.8rem;color: #ffffff;font-weight: 400;margin: 5px 0;}
    header .cloneCont .add-cover{display: block;}
    .cloneCont .phone-cover{margin-bottom: 15px;display: inline-block;}
    .cloneCont .phone-cover span a:hover,.cloneCont .add-cover span a:hover,.cloneCont .add-cover a:hover,.stickyHeader header .cloneCont .phone-cover span a:hover,.stickyHeader header .cloneCont .add-cover span a:hover,.stickyHeader header .cloneCont .add-cover a:hover{color: #f6e7d2;}
    .cloneCont .phone-cover span{display: block;}
    .banner-cont{top: 46.159%;}
    .add-cover span{display: block;margin: 0;padding: 0;}
    .wrap-testimonial{padding: 36px 0 34px;}
    .menu-wrapper{padding-top: 30px;}
    .add-cover span:after{display: none;}
    .form-cover p {padding-bottom: 18px;}
    .form-cover h1 {margin-bottom: 10px;}
    .wrap-logos {padding: 37px 15px 35px;}
    header .logo-txt,.stickyHeader header .logo-txt {max-width: 68px;margin-top: 6px; margin-bottom: 7px;}
}
/*------------tablet portrait  view------*/
@media (max-width:991px) {
    .cover-about {padding: 0 30px;}
    header .logo-txt,.stickyHeader header .logo-txt {font-size: 0;margin-right: -55px;max-width: 68px;float: none;margin: 6px auto 7px;}
    footer .wrap-logo span{display: block;}
    footer .wrap-logo{padding: 0 15px;}
    footer .wrap-add{padding: 0;}
    footer .address-wrap a {margin-right: 0;margin-left: 0;margin: 0 auto;}
    .wrap-social {padding: 0 15px;}
    .title-box h3{font-size: 1.5rem;}
    header .top-left {padding: 0;}
    footer ul.att-drop{padding-bottom: 45px;}
}

/*------------mobile landscape  view------*/

@media (max-width:767px) {
    .nav-wraper, header .green-btn, .nav-pane .toggle-nav, .form-wrap, header .wrap-social,.wrap-form:before, .wrap-form:after,.title-box h3 br { display: none; }
    .section-title h1 br{display: none;}
    .toggle-nav { display: block; top: 10px; right: 15px; }
    .two-box,.gr-box{width: 100%;}
    .gr-box{transform: inherit;-webkit-transform: inherit;-moz-transform: inherit;-ms-transform: inherit;height: auto !important}
    .image-box{height: auto !important;padding-top: 50%;}
    .title-box{min-height: 70px;}
    .read-more{padding: 15px;}
    .meet-cont{position: inherit;padding: 0;transform: inherit;}
    .wrap-about{padding: 30px;}
    .about-cont:before,.meet-content:before{left: 0;right: 0;top: 0;bottom: 0;}
    .about-box {padding: 30px 15px;}
    .m-wrap{text-align: center;}
    .cover-about {padding: 0 30px 30px;}
    .cover-cata-meet {padding: 30px;}
    .logo-comp li.half {width: 50%;float: left;text-align: center;padding: 0 15px;}
    .logo-comp li {float: left;width: 100%;padding: 0 15px;}
    .logo-comp li,.logo-comp li:last-child,.logo-comp li:first-child {padding: 0 15px;}
    .wrap-social {margin-top: 0;text-align: center;margin-bottom: 30px;}
    .footer-btm .main-navigation .navigatior li {float: none;margin: 0;width: 100%;}
    .social-icon li {float: left;width: 100%;}
    footer .wrap-logo span{display: block;}
    .wrap-add {text-align: center;}
    .banner-cont{top: 48.332%;}
    .slider-main{height: 100%;height: calc(100vh - 115px);height: -webkit-calc(100vh - 115px);height: -moz-calc(100vh - 115px);height: -ms-calc(100vh - 115px);}
    .wrap-banner {padding: 0 30px 30px;position: relative;}
    .help-cont{padding: 30px;}
    .wrap-testimonial{padding: 30px 0;}
    .owl-stage-outer.owl-height{margin-bottom: 30px;}
    .cont-cov{padding-top: 10px;}
    .banner-cont{height: 232px;width: 232px;}
    .banner-cont span{font-size: 1.6rem;}
    .banner-cont span span{font-size: 2.6rem;}
    .park-txt a,.slide-out .navTrigger{display: none;}
    .navTrigger {left: 30px;}
    header .phone-cover span:first-child a:before{right: 30px;}
    .wrap-btn {margin-top: 0;}
    .wrap-social {margin-bottom: 27px;}
    .wrap-logo{margin-bottom: 20px;}
    footer .tag-line{margin-bottom: 13px;}
    .footer-top {padding: 30px 0 25px;}
    .wrap-help{padding: 30px 0 28px;}
    .logo-comp li,.logo-comp li.half{padding-bottom: 30px;}
    .logo-comp li:last-child{padding-bottom: 0;}
    footer .address-wrap a{display: table;}
    .cloneMenu a {font-size: 1.5rem;margin: 6px 0;line-height: 19px;}
    .wrap-logo a img {margin: 10px 14px;}
    .wrap-banner .owl-dots {position: absolute; top: auto; right: auto; left: 50%; transform: translateX(-50%); margin: 0 auto; bottom: 40px; z-index: 99;}
    .wrap-banner .owl-dots .owl-dot {display: inline-block; margin: 0 5px;}
    .cloneCont .phone-cover span, .cloneCont .phone-cover span a, .cloneCont .add-cover span a, .cloneCont .add-cover a, .stickyHeader header .cloneCont .phone-cover span, .stickyHeader header .cloneCont .phone-cover span a, .stickyHeader header .cloneCont .add-cover span a, .stickyHeader header .cloneCont .add-cover a {font-size: 1.5rem;}
    .stickyHeader header .menu-wrapper .phone-cover span:first-child a:hover:before{opacity: 1;}
    .park-txt{top: auto; bottom: 115px; right: -75px;}
    .navigatior.cloneMenu, .cloneCont {padding: 0 46px 0 20px;}
    footer .tag-line span br{display: block;}
    .slider-main.desktop{display: none;}
    .slider-main.mob{background-image: url(../images/slider-1-mob.jpg)!important;}
    .owl-carousel{z-index: auto;}
    footer .main-navigation .att-drop.sb-menu{
        position: inherit;padding-bottom: 0;
    }
    footer li.has-child .caret {
        transform: rotate(0deg)!important;
        -webkit-transform: rotate(0deg)!important;
        -moz-transform: rotate(0deg)!important;
        -ms-transform: rotate(0deg)!important;        
    }
    footer li.has-child:hover a .caret {
        transform: rotate(180deg)!important;
        -webkit-transform: rotate(180deg)!important;
        -moz-transform: rotate(180deg)!important;
        -ms-transform: rotate(180deg)!important;
    }
    .arrow{
        top: 12px;
    }
    .navigatior.cloneMenu .sb-menu a{
        margin: 0 0 12px;
    }
    .navigatior.cloneMenu .sb-menu{
        margin-bottom: 7px;
    }
}


@media (max-width:480px) {
    .wrap-about {padding: 15px;}
    .help-cont {padding: 15px;}
    .cover-about {padding: 0 15px 15px;}
    .about-box{padding: 15px 0;}
    .cover-cata-meet,.meet-content {padding: 15px;}
    .wrap-contact {padding: 15px;}
    .form-cover{padding: 7px 15px 15px;}  
    .logo-comp li, .logo-comp li:last-child, .logo-comp li:first-child {padding: 0 0 30px;}
    .wrap-logos {padding: 37px 15px 5px;}


}

/*------------mobile portrait view------*/
@media all and (max-height: 480px) and (orientation: landscape) {
    .banner-img{width: 50%;}
    .banner-txt-title h2 br{display: none;}
    .active .banner-txt-title,.active .left-txt.banner-txt-title {top: 58%;}
    .slider-main{height: 100vh !important;}
    .slide-two {background-position: center 100px;}
}