.close-nav{display:none;}
.res-search-btn{display: none;}
.sideupper-close{display: none;}
@media screen and (max-width: 768px){





.sideupper-close{display: block !important;  width: 100%;
    padding: 15px 15px;
    text-align: right;}
    .sideupper-close i{color:#fff; font-size: 29px;}

    .res-search-btn{display: block !important; padding: 20px 19px !important;}
    .res-search-btn i{}
    .close-nav{display:block !important; text-align: left;
    padding: 0px 15px 42px 15px;}


    
    .close-nav img{width:20px;}
    
    .banner-video{
        width: auto;
        height: 100%;
    }
    .case-study-slider-fix-sec{
        width: 100%;
    }
    .case-study-banner-content{
        width: 100%;
    }
    .case-study-content-align{
        position: static;
        width: 100%;
        padding: 1em;
        transform: none;
    }
    .slider-sec .carousel-inner{
        min-height: 41em;
    }
    .landing-banner-text{
        width: 95%;
        margin-left: 1rem;
    }
    .bb-after:after{
        width: 50%;
        left: 25%;
    }
    .fp-section + .fp-section,
    .fp-section + .fp-section > .fp-tableCell{
        height: auto!important;
    }
    .xs-h-auto{
        min-height: auto!important;
        height: auto!important;
    }
    /*.swiper-container.swiper2{
        top: 10em;
    }*/
    .swiper-full-swiper2-logo{
        text-align: center;
    }
    .swiper-container.swiper1{
        top: 2em;
    }
    div.sectionscroll-btn#ssbtn{
        width: 1.5em;
        display: none;
    }
    .team-z{
        width: 25px;
    }
    .brand-content {
        position: static;
        /*top: 50%;*/
        transform: translateY(0%);
        margin-bottom: 3em;
        padding: 0 5%;
        text-align: center;
    }
    .nav-link {
    display: block;
    padding: .5rem 15px;
}
.ncontainer{padding: 0px 15px !important;}
.hor-align{width: 100% !important;}
.type-anc{display: block; margin-bottom: 15px; transform: inherit !important;}
.nlittle-right{padding: 0px 20px !important; transform: inherit !important;}
.header-left{width: 70% !important; float: left;}
.dropdown-menu{position: static !important; width: 100% !important; display: none;}
.header-right{width: 30% !important; float: right;}
.common-footer-item .input-group.mb-3{max-width: 100% !important}
.mycont{padding: 50px 18px !important;}

.case-study-section .container{max-width: 100% !important;}
.cus-sec-02 .container{padding: 0px 15px !important;}
.cus-sec-02 .container .row{margin: 0px !important;}
iframe{width: 100% !important;}
#section1 .container{padding: 0px 15px !important;}
.bg-title-page{min-height: 200px !important; padding-top: 109px !important;}
    #nav{
       
        background: #545050;
        position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    display:block !important;
        left: -100%;
    z-index: 10;
    transition: 0.3s;
    margin-top: 0px !important;
    padding-top: 20px;
    }
    .site-title{width: 100% !important; margin-left: 50px;}
    .site-title a{margin-left:0px !important;}
.site-title img{width: 100% !important; max-width: 75% !important;     }
    .sideupper{background: #545050;
        position: fixed;
    top: 0;
    width: 100%;
    height: 100% !important;
    display:block !important;
        right: -100%;
    z-index: 10;
    transition: 0.3s;}
     .sideupper.open{right: 0;}
    #nav.open{left: 0px;}
    li.nav-item{display:block; width:100%; text-align: left; clear:both;}
    
    .js--show-menu body.page.index.home.page{
        background-color: #000;
    }
    .searchbtn{width: 74%; max-height:54px !important; height: 54px !important; }
    .js--show-menu .nav-link {
        padding: 1rem 2rem;
        /*color: #000!important;*/
        text-align: left;
        font-size: 16px;
    }
    .js--show-menu #nav{
        position: absolute;
        display: block;
        top: 70px;
        float: none;
        background-color: #000;
        height: calc(100vh - 80px);
    }
    .content--hero .carousel-caption{
        right: 0%;
        left: unset;
        top: 35%;
    }
    .content--hero .carousel-caption .carousel-caption-right h3{
        font-size: 27px;
    }
    #menu-primary-menu {
        background: #161616;
    }
    .carousel-caption-right a {
        font-size: 12px;
    }
    .content--hero .carousel-indicators {
        justify-content: center;
    }
    .carousel-caption-right {
        width: 90%;
        /*padding: 0 8% 20px 0;*/
        margin: 0 0 0 10%;

    }
    .carousel-caption-right p {
        font-size: 14px;
     }
    .z-logo {
        /*top: 0;*/
        width: 30%;
    }
    .pstn-abslt-main .pstn-abslt {
        top: 25px;
    }
    .top-pad {
        margin-top: 30px !important;
    }
    .top-pad p {
        font-size: 13px !important;
     }
    .col-lg-7{
        height: 300px;
    }
    .company-details h4 {
        font-size: 30px;
        font-weight: 100;
        width: 260px;
    }
    .company-details p {
        font-size: 14px;
        text-align: center;
        color: white;
        width: 100%;
    }
    .btn.btn-transparent-white {
        font-size: 12px;
        float: none;
    }
    .home-project__inner {
        padding: 0 !important;
    }
    .phone__responsive__inner {
        padding-top: 100%;
     }
    .home-project__desc h3 {
        width: 100%;
        font-size: 32px;
    }
    .home-project__desc {
        margin-top: 2em;
    }
    .home-project__phone {
        margin: 0 ;
    }
    .home-project__desc p {
        line-height: 1.4;
        font-size: 14px;
        width:100%;
    }
    .home-project__desc ul {
        font-size: 14px;
        width: 100%;
    }
    .btn-dual{
        margin: 0 0 2px 0;
    }
    .case-study-section{
        /*padding: 0;*/
        /*padding-bottom: 100px;*/
    }

    .case-study-section .container .client-title {
        max-width: 100%; 
        margin: 0;
    }
    .client-title h3 {
        /*color: #13a1ad;*/
        font-size: 36px;
        text-align: center;
    }
    .absolute-full{
        position: absolute;
        height: 100%;
        width: 100%;
    }
    .swiper-full-swiper2 {
        width: 100%;
        padding: 2.5em 2.5em 3em;
    }
    .swiper-full-swiper2-logo img {
        vertical-align: middle;
        border-style: none;
        margin: 0 auto;
        display: block;
        width: 215px;
        padding: 10px 0 0 0;
    }.swiper-full-swiper2-cnt p {
        padding: 0;
        color: #ffffff;
        font-size: 13px;
        width: 100%;
        padding: 0 33px;
        text-align: center;
    }

    .wiper-full-swiper2-cnt p {
        padding: 0 50px;
        color: #ffffff;
        font-size: 13px;
        text-align: center;
    }
    .swiper-button-next:after {
            font-size: 40px;
             margin: 50px 0 0 0;
             display: block;
             float: right;
    }   
    .swiper-button-prev.swiper-button-prev2:after{
            font-size: 40px;
             margin: 50px 0 0 0;
             display: block;
    }   
    .swiper-button-prev:after {
        font-size: 40px;
             margin: 50px 0 0 0;
             display: block;
    }
    .swiper-full-swiper2-cnt a {
        font-size: 12px;
        padding: 6px 31px;
        text-align: center;
         display: block;
        margin: 0 auto;
        width: 125px;
    }
    .container {
         /*padding: 0px !important;*/
    }
    .img-left {
        width: 100px;
        margin: 0 auto;
        display: block;
    }

    .center-v {
        align-items: center;
        display: block;
    }
    .swiper-full {
        width: 100%;
     }
     .cnt-right.animated.fadeInUp{
        width: 100%;
        text-align: center;
        margin:0 auto;
     }
    .cnt-right h4 {
        font-size: 20px;
        /*line-height: 1px;*/
    }
    .cnt-right p {
        color: #ffffff;
        font-size: 15px;
        padding: 30px 20px;
    }
    .common-footer-item{
        margin: 0 auto;
        text-align: center;
        display: block;
    }
    .common-footer-item p {
        font-size: 16px;
        margin: 30px 5px 0;
    }
    ul.footer-mnu li {
        width: 49%;
        display: inline-block;
        margin: 0px 0 2px 0;
        text-align: center;
    }
    .common-footer-item{
        padding: 10px 0 0 0 ;
    }
    .common-footer-item h2 {
        font-size: 25px;
        margin: 0 0 15px 0;
    }
    .common-footer-item .form-inline {
        position: relative;
        width: 90%;
        margin: 0 auto;
    }
    .xs-m-0{
        margin: 0!important;
    }
    .xs-p-4 {
        padding: 1.5rem!important;
    }
    .xs-pt-5{
        padding-top: 3rem!important;
    }
    .xs-p-0{
        padding: 0!important;
    }
    .xs-px-0{
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .xs-py-0{
        padding-top: 0!important;
        padding-bottom: 0!important;
    }
    .xs-text-center{
        text-align: center;
    }

    /*landing page css starts*/
    .landing-banner-form {
        width: 96%;
    }
    /*landing page css ends*/

}





@media only screen and (min-width:150px) and (max-width:990px){
.vertical-slideshow .playfair{padding-bottom:45px;}
.cat-right-bar{position: fixed; width: 100%; bottom: -100%; background: #545050; left: 0px; padding: 15px; z-index: 15; color:#fff; transition: 0.3s;}
.cat-right-bar h4{color:#fff; padding-top: 15px;}
.cat-right-bar ul li a{color:#fff;}

.res-cat-btn-parent{position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 4;background: #545050;     box-shadow: 10px 0 13px 0 rgba(0,0,0,.25); }
.res-cat-btn-parent a{text-decoration: none; color:#fff; padding: 14px 10px; font-size: 18px; text-align: center; display: block;}


.cat-right-bar.open{bottom: 0px;}
.cat-right-bar-overlay{position: fixed; width: 100%; height: 100%; bottom: -100%; background: rgba(0,0,0,0.8); left: 0px; padding: 15px; z-index: 12; color:#fff; }
.cat-right-bar-overlay.open{bottom:0px; transition: 0.2s;}

.ins-left-sec{padding-bottom: 0px !important;}
.brocher-full .container{padding: 0px !important;}
.brocher-full .row{margin: 0px;}
.res-none{display: none;}
.vertical-slideshow .slide-with-sticky-image.is-portrait .image-available-space{padding-bottom:25px;}
.case-study-section.content--hero.center-v{text-align: center;}
.case-study-section.content--hero .col-md-4{border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom: 22px;}
.playfair.clip{line-height: 43px;}
.tz-gallery {padding: 19px 34px !important;}
.banner-slide-content h3 br{display:none;}
.product-cont{display:none;}
}

@media only screen and (min-width:771px) and (max-width:1600px){
.dropdown:hover .dropdown-menu {
    display: block;
}

}