@media (max-width: 1470px) {
    .banner-2-col__textarea-content {
        padding-left: 130px;
    }
    .banner-2-col__text {
        padding: 60px 25px 0 45px;
    }

    .isotope-grid-item img {
        height: 270px;
    }
    
   
}



@media (max-width: 1380px) {
    .banner-2-col__textarea-content {
        padding-left: 145px;
    }
    .banner-2-col__text {
        padding: 40px 15px 0 45px;
    }
    .headline--hero {
        font-size: 42px;
        margin: 10px 0;
        line-height: 58px;
        padding-bottom: 15px;
    }
    .isotope-grid-item img {
        height: 240px;
    }
}


@media (max-width: 1030px) {
    .headline--hero {
        font-size: 36px;
    }
    .banner-2-col__textarea-content {
        padding-left: 80px;
    }
    .banner-2-col__textarea-content {
        font-size: 14px;
        margin-top: 12%;
    }
    .text-area ul {
        margin: 10px 0;
    }
}

@media (max-width: 1280px) {
    .isotope-grid-item img {
        height: 240px;
    } 


}

@media (max-width: 992px) {
    .banner-2-col__figure {
        height: 600px;
    }

    .banner-2-col__text {
        padding: 35px;
    }
    
    .banner-2-col__textarea-content {
        padding-left: 0;
        margin-top: 7%;
    }
    .headline--hero {
        font-size: 36px;
        line-height: 50px;
        padding-bottom: 0;
    }

    .one-pager .ul--custom li {
        padding: 8px 0 8px 65px;
    }
    .ggpadd{
        padding-left: 0px;
    }

    .text-area ul {
        padding-top: 20px;
    }

    .slick-dotted.slick-slider {
        margin-bottom: 80px;
        /* margin-top: 34px; */
        padding-top: 20px;
    }

    .isotope-grid-item p {
        font-size: 14px;
    }
    .txt-port {
        font-size: 14px;
    }

    .isotope-grid-item img {
        height: 180px;
    }
}

@media only screen and (max-width: 767px) {

}



@media (max-width: 768px) {
    .line-bt iframe{
        width: 105px !important;
        height: 25px !important;
        }
}

@media (max-width: 605px) { 
    .main-portfolio {
        margin-top: 100px;
    }
    ul#horizontal-list li a {
        padding: 8px;
    }

    .table {
        display: table;
        text-align: center;
        width: 100%;
    }
    ul#horizontal-list {
        min-width: 100%;
        padding: 0;
    }
    ul#horizontal-list li {
        display: inline-block;
        min-width: 1%;
        padding: 7px 20px;
    }
    
    .main-nav {
        font-size: 32px;
        display: -ms-flexbox;
        display: inherit;
    }
    .xpur {
        font-family: 'Barlow';
        font-size: 24px;
    }   

    .marmobile{
        margin-top: 100px;
    }

    .isotope-grid-item, .isotope-grid-sizer {
        width: 50%;
        overflow-x: hidden;
    }
    .isotope-grid-item {
        float: left;
        width: 50%;
    }
    .isotope-grid-item img {
        padding: 0 5px;
    }
    .isotope-grid {
        margin: 25px 3px;
    }
.padtop{
    padding-top: 18px;
}

.xright {
    text-align: left;
    padding-top: 5px;
}

/* .main-nav__contact {
    font-size: 16px;
    text-align: left;
    position: relative;
    left: 0%;
     top: 0%; 
    transform: unset;
    opacity: 1;
} */

.mbsec{
    display: block;
}
.pcsec{
    display: none;
}
.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder video {
    position: relative;
    width: 100%;
    /* height: 600px; */
    height: 100vh;
    overflow: hidden;
    object-fit: cover;
    /* object-position: 70% 50%; */
}

.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder {
    position: relative;
    cursor: pointer;
    height: 0;
    overflow: hidden;
    /* padding-bottom: 99.25%; */
    padding-bottom: 100vh;
}

.caption-vdo {
    top: 40%;
}

.caption-vdo h1 {
    font-size: 26px;
}

}

@media (max-width: 550px) {
    .table {
        display: table;
        text-align: center;
        width: 100%;
    }
    ul#horizontal-list {
        min-width: 100%;
        padding: 0;
    }
    ul#horizontal-list li {
        display: inline-block;
        min-width: 1%;
        padding: 7px 20px;
    }

    .main-portfolio {
        margin-top: 100px;
    }

    
    .isotope-grid {
        margin: 25px 3px;
    }

    .isotope-grid-item {
        width: 50%;
    }
    .isotope-grid-item, .isotope-grid-sizer {
        width:50%;
    }

    .rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder {
        position: relative;
        cursor: pointer;
        height: 0;
        overflow: hidden;
        /* padding-bottom: 112.25%; */
         padding-bottom: 100vh
        
    }
    .logo__image {
        height: 25px;
    }
}

@media (max-width: 480px) {
    .banner-2-col__text {
        padding: 50px 35px 35px 35px;
    }

    .vv{
        position: relative;
        top: 0;
        left: 0;
        height: 600px;
        object-fit: cover;
        
    }

    .rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder {
        /* padding-bottom: 124.25%; */
        padding-bottom: 100vh;
    }

    .caption-vdo {
        position: absolute;
        top: 32%;
    }

    .caption-vdo h1 {
        font-size: 20px;
    }

    .headline--hero {
        font-size: 28px;
    }

    .banner-2-col__text {
        padding: 40px 25px 35px 25px;
    }
    .isotope-grid-item img {
        height: 140px;
    }

    ul#horizontal-list li {
        display: inline-block;
        min-width: 1%;
        padding: 7px 15px;
    }
    .logo__image {
        height: 23px;
    }
    .txt-menu {
        font-size: 14px;
    }

    .xposi{
        background-position-x: -181px;
    }
    .customheight img {
        height: 290px;
        object-fit: cover;
    }
}



@media (max-width: 414px){
    ul#horizontal-list li {
        display: inline-block;
        min-width: 1%;
        padding: 7px 5px;
    }
    .rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder {
        /* padding-bottom: 144.25%; */
        padding-bottom: 100vh;
    }
    .isotope-grid-item img {
        height: 140px;
    }

    .logo__image {
        height: 20px;
    }
    .customheight img {
        height: 250px;
        object-fit: cover;
    }
}


@media (max-width: 380px){

  

}

@media (max-width: 320px){

}