@media only screen and (min-width:992px){
    /** Header **/
    .navbar-nav > li > ul{
        -ms-transform: translateY(30px);
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
        -webkit-transition: all cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.25s;
        -moz-transition: all cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.25s;
        -o-transition: all cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.25s;
        transition: all cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.25s
    }
    .navbar-nav > li:hover > ul{
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: all cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.55s;
        -moz-transition: all cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.55s;
        -o-transition: all cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.55s;
        transition: all cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.55s
    }
}

@media only screen and (min-width:1024px){
    .scrollup{
        display: none!important
    }

}

@media only screen and (min-width:1025px){
    /*** Animation **/
    .main-slider-content .h2{
        overflow: hidden;
        width: 0;
        white-space: nowrap;
        transition: all cubic-bezier(0.65, 0.05, 0.36, 1) 2s;
    }
    .main-slider-content .h2.animate_hero_heading, 
    .active .main-slider-content .h2.animated_hero_heading{
        width:100%;
    }
    .main-slider-description, 
    .main-slider-content a.button{
        visibility: hidden
    }
    .animated {
        visibility: visible!important;
    }
    .main-slider-description{
        animation-delay: 1.85s
    }
    .main-slider-content a.button{
        animation-delay: 2.1s
    }


    /**** Animation *****/
    .home-about .tag-wrap{
        transform: scale(0.90);
        transition: all ease-in-out 0.45s
    }
    .home-about .tag-wrap.scale-auto{
        transform: scale(1)
    }
    .all-service-listing > div, 
    .gallery-listing-row  > div{
        transform: translateY(2.5rem);
        transition: all ease-in-out 0.45s;
        opacity: 0
    }
    .all-service-listing > div.no-top-transform, 
    .gallery-listing-row  > div.no-top-transform{
        transform: translateY(0);
        opacity: 1
    }


    .service-box-listing:hover .service-listing-img{
        height: 24.55rem;  
    }

}


@media(min-width:1024px){
    .navbar-collapse.mobile-nav-menu{
        display: none!important
    }
    .menubtn{
        display: none
    }
    .scrolled-fix-menu .nav-link:hover span{
        opacity: 1;
    }
    .scrolled-fix-menu .nav-link:hover:after{
        background-color:#00698f;
        box-shadow: 0 0 2px 2px #00698f
    }
}

@media(min-width:1300px){
    .about-service-category {
        width: 90rem;
        margin-left: auto;
        margin-right: auto;
    }   
}
@media(min-width:1400px){
    .main-slider-item{
        background-attachment: fixed!important
    }
}

@media(min-width:2000px){
    .scrolled-fix-menu .nav-link:after {
        width: 1.5rem;
        height: 1.5rem;
    }
}


@media(max-width:1500px){
    html{
        font-size: 17px
    }
}

@media(max-width:1400px){
    html{
        font-size: 16px
    }
    .scrolled-fix-menu .scroll-navbar-nav li span{
        transform: translateY(0.035rem);
    }
}

@media(max-width:1251px){
    .home .container {
        max-width: 86%;
    } 
}

@media(max-width:1200px){
    /**** Secion ******/
    .navbar-expand-md .header-menu > ul > li > a.nav-link{
        padding: 0.55rem 0.75rem
    }

    /**** Home Banner ******/    
    .main-slider-content {
        max-width: 100%;
    }
    .main-slider-description {
        font-size: 1.25rem;
    }
    .main-slider-content .h2 {
        font-size: 2.25rem;
    }

    /**** Home Gallery ******/ 
    .gallery-listing-img {
        height: 24rem;
    }
    
    /**** Home Team ******/    
    .team-member-img {
    width: 12rem;
    height: 12rem;
    }
    
       /**** Home Service ******/
       .service-listing-overlay {
               font-size: 0.82rem;
                   line-height: 1.3;
       }

}

@media(max-width:1024px){
    /*** Banner ***/ 
    .full-banner{
        height: auto;
        padding-top: 7rem;
        padding-bottom: 7rem;
        min-height: 420px
    }
    .scroll-next-text{
        display: none
    }
    .main-slider-content .h2 {
        font-size: 1.95rem;
    }
    .main-slider-description {
        font-size: 1.05rem
    }

    /*** Our Service ***/ 
    .service-box-listing{
        height: 100%;
        background-color: rgba(0, 110, 149, 0.9);
    }
    .service-listing-overlay{
        background-color: transparent
    }
    .service-listing-overlay, .gallery-overlay{
        transform: translateY(0);
        opacity: 1;  
    } 
    .service-listing-heading{
        display: none
    }
    .service-listing-img {
        height: auto;
    }
    .service-listing-img img, .service-listing-overlay{
        position: static;
        -webkit-clip-path: none;
        clip-path: none;

    }  
    .service-listing-img img {
        height: 20rem;
    }
    .service-box-listing .h4 {
        margin-top: 0.45rem
    }




    /*** Photo Gallery ***/ 
    .gallery-overlay, .gallery-listing-img > img{
        position: static;
        -webkit-clip-path: none;
        clip-path: none;
    }
    .gallery-box-listing {
        height: 100%;
        background-color: rgba(0, 110, 149, 0.9);
    }
    .gallery-listing-img{
        height: auto
    }
    .gallery-listing-img > img{
        height: 16rem;
    }
    .gallery-overlay{
        background-color: transparent;
        padding: 1rem
    }
    .gallery-overlay .h4{
        margin-bottom: 0!important
    }
    .home-photo-gallery .container-fluid{
        max-width: 100%;
        padding-left: 25px;
        padding-right: 25px
    }
    .zoom {
        top: 13rem;
        right: 1rem
    }
}

@media(max-width:1023px){
    /*** Common **/   
    .container,  .home .container {
        max-width: 100%;
        padding-left: 25px;
        padding-right: 25px
    }

    /*** Scrolled Menu **/
    .scrolled-fix-menu{
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        text-align: center;
        z-index: -1;
        opacity: 0;
        transform: translateY(-100%);
        background-color: rgba(6, 76, 101, 0.98);
        display: flex;
        top: 0;
        align-items: center;
        justify-content: center;
        transition: all ease-in-out 0.5s;
    }
    .scrolled-fix-menu .scroll-navbar-nav li a{
        height: auto
    }
    .scrolled-fix-menu.active{
        transform: translateY(0);
        z-index: 9;
        opacity: 1
    }
    .sticky .header-tagline{
        display: none
    }
    .site-header{
        padding-top: 15px;
        padding-bottom: 15px;
        position: fixed
    }
    .sticky  .site-header{
        background-color: #006E95;
    }
    .scrolled-fix-menu .nav-link span{
        opacity: 1
    }
    ul.scroll-navbar-nav{
        margin-bottom: 0
    }
    .sticky .site-header{
        padding: 5px 0
    } 
    .scrolled-fix-menu .navbar, .scroll-navbar {
        width: 100%;
    }
    .scrolled-fix-menu .navbar{
        padding-left: 0;
        padding-right: 0
    }
    .scrolled-fix-menu .nav-link:after{
        content: none
    }
    .scrolled-fix-menu .scroll-navbar-nav  li{
        margin: 0px!important;
    }
    .scrolled-fix-menu .scroll-navbar-nav  li a{
        color: #FFF;
        display: block;
        border-top: 1px solid rgba(255,255,255,0.15);
        border-bottom: 1px solid rgba(255,255,255,0.15);
        padding: 15px;
        font-size: 18px;
    }
    .scrolled-fix-menu .nav-link span{
        color: inherit
    }
    .scrolled-fix-menu .scroll-navbar-nav li a:hover:before, .scrolled-fix-menu .scroll-navbar-nav li a.mPS2id-highlight:before {
        background-color: #083a4c;
        border-radius: 0;
    }
    .menubtn {
        background: 0 0;
        border: 0;
        color: #fff;
        font-weight: 100;
        position: relative;
        font-size: 17px;
        margin: 6px 0 0;
        width: 48px;
        padding: 0
    }
    .menubtn span {
        display: block;
        height: 1px;
        background: #fff;
        margin: 5px 0;
        width: 100%;
        float: right;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        transition: all .5s;
    }
    .menubtn span:first-child, .menubtn span:nth-child(3){
        width: 42px;
    }
    .menubtn span:nth-child(2) {
        width: 26px;
    }
    button.menubtn.menuactive span:nth-child(2n) {
        visibility: hidden;
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
    }
    button.menubtn.menuactive span:first-child {
        -ms-transform: rotate(50deg);
        transform: rotate(50deg);
        -webkit-transform: rotate(50deg);
        -moz-transform: rotate(50deg);
        -webkit-transform-origin: 9px 0px;
        -moz-transform-origin: 9px 0px;
        -ms-transform-origin: 9px 0px;
        transform-origin: 9px 0px;
    }
    button.menubtn.menuactive span:nth-child(3) {
        -ms-transform: rotate(-50deg);
        transform: rotate(-50deg);
        -webkit-transform: rotate(-50deg);
        -moz-transform: rotate(-50deg);
        -ms-transform-origin:0px -2px;
        transform-origin: 0px -2px;
        -webkit-transform-origin: 0px -2px;
        -moz-transform-origin: 0px -2px;
    }
    button.menubtn.menuactive span {
        width: 77% !important;
    }

    /*** Section ***/
    .main-slider .container, .site-header .container{
        padding-right: 30px
    }
    .main-slider .owl-nav-middle .owl-nav{
        bottom: 2rem
    }

    /*** Navigation ***/
    .navbar-expand-md .header-menu > ul > li > a.nav-link {
        padding: 0.55rem 0.35rem;
    }
    .header-menu> ul> li a:before {
        width: 2.55rem
    }
    .navbar-expand-md .navbar-collapse.header-menu{
        display: none!important
    }
    .mobile-nav-menu.collapse{
        display: none
    }
    .mobile-nav-menu.collapse.show{
        display: block;

    }
    .header-tagline{
        display: none
    }
    .mobile-nav-menu .navbar-nav{
        background-color: #9e0b0f;
        border-radius: 4px;
        display: block;
        width: 100%;
        max-height: 100%;
        transition: all ease-in-out 0.5s;
    }
    .mobile-nav-menu .navbar-nav > li >  a{
        color: #FFF;
        padding-left: 15px;
        padding-right: 15px
    }
    .mobile-nav-menu .navbar-nav > li+li{
        border-top: 1px solid rgba(255,255,255,0.15);   
    }
    .navbar-expand-md .navbar-toggler{
        display: block!important
    }
    .site-header .social-media {
        position: absolute;
        right: 85px;
    }
    .navbar-dark .navbar-toggler {
        color: #FFF;
        border-color: #FFF;
        background-color: #9e0b0f;
    }
    .main-slider .container, .site-header .container{
        padding-right: 0
    }
    .site-header .container{
        padding-left: 10px;
        padding-right: 15px;
    }
    .scrolled-fix-menu .nav-link.active span{
        color: #FFF
    }
}

@media(max-width:991px){
    .text-center-md-below{
        text-align: center
    }
    body{
        padding-top: 65px
    }
  

    /** Banner **/
    .scroll-next-text{display: none} 
      .main-slider-content{
       margin-top: 1.5rem 
    }

    /**** Gallery *****/
    .scrolled-fix-menu .navbar{
        padding-left: 0;
        padding-right: 0
    }
    .inner-banner {
        height: 22rem;
    }
    .inner-banner h2, .inner-banner .h2 {
        font-size: 2.15rem
    }


}


@media (min-width: 320px) and (max-width: 991px) and (orientation: landscape){
    /**** Header ****/   
    .site-header {
        background-color: #006e95;
    }   
    .scrolled-fix-menu {
        height: 240px;
        overflow-y: scroll;
        top: 80px;
        display: block
    }
    .sticky .scrolled-fix-menu {
        top: 60px;
        height: 270px;
    }   
}

@media(max-width:767px){
    /**** Common ****/  
    .spaceTB {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .m_spaceTB {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    .container, .home .container, .home-photo-gallery .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .site-header{
        background-color: #006E95;
    }
    h1, .h1 {
    font-size: 2.25rem;
    }
  

    /***** Home Banner ******/
    .full-banner {
        min-height: 508px;
        padding-top: 3rem;
        padding-bottom:3rem;
    }

    /** Home > About **/
    .home-about img{
        width: 480px;
        max-width: 480px
    }
    .home-about .tag-wrap{
        text-align: center
    }
    .home-about .masking{
        display: inline-block
    }

    /** Home > Testimonial **/
    .testimonial-content-box {
        width: 100%;
        padding-left: 0;
    }
    .testimonial-member-img {
        width: 12.5rem;
        height: 12.5rem;
        margin-left: auto;
        margin-right: auto
    }
    .testimonial-container-inner{
        padding-left: 15px;
        padding-right: 15px
    }

    /** Form **/
    .form-field-submit button {
        width: 100%;
    }

    /** Section **/
    .main-slider-content {
        max-width: 100%;
        margin-top: 2rem;
        text-align:center
    }
    .scroll-next-wrap{
        display:none;
    }
    .acf-map {
        height: 350px
    }
    .footer-nav > li{
        display: block
    }

}

@media(max-width:650px){
    .grid-view-row > div {
        margin: 15px;
        padding: 0;
    }
}
@media(max-width:575px){

    /** Home  Testimonial ***/
    .testimonial-member-img {
        width: 8.5rem;
        height: 8.5rem;
    }

    /*** Photo Gallery ***/ 


    .full-banner{
        min-height: 250px
    } 
	
	  /** Footer **/
   .copyrights {
    line-height: 1.75;
}
    .copyrights span{
        display: none;
    }
    .copyrights a{
   /*     display: block */
    }
}

@media(max-width:479px){
    /** Common **/    
    h2, .h2 {  
        font-size: 2.25rem;  
    }
    h3, .h3 {
        font-size: 1.55rem;
    }

    /** Slider **/
    .main-slider-description {
        font-size: 1.05rem;
    }
    .main-slider-content .button {
        font-size: 0.85rem;
        padding: 0 1.25rem;
        line-height: 3.5;
    }

    /** Service **/ 
    .service-listing-img img {
        height: 16rem;
    }

    /** Photo Gallery **/    
    .home-photo-gallery.text-center{
        text-align: left!important
    }
    .gallery-box-listing{
        text-align: center!important
    }

    /** Inner Banner **/
    .inner-banner {
        height: 19rem;
    }
    .inner-banner h2, .inner-banner .h2 {
        font-size: 1.7rem;
    }
    
 
}

@media(min-width:576px){
	.mobilegzien {
    display: none;
}
  h1, .h1 {
    font-size: 2rem;
    }
}

@media(max-width:440px){
    .full-banner{
        min-height: 210px
    } 
    .inner-banner {
    height: 16rem;
}
.main-slider-content .h2 {
    font-size: 1.65rem;
}
.main-slider-description {
    line-height: 1.35;
}
}



@media(max-width:375px){
    .header-tagline{
        display: none
    }
    .full-banner{
        min-height: 180px
    }  
}