@media only screen and (min-width: 830px) and (max-width: 1450px){
    .gallery2 {
      max-width: 53rem !important;
    }
}
@media only screen and (min-width: 830px){
    .tpnvcp-ls{
            width: 76%;
            margin: 0px auto;
            max-width: 1300px;
        }
        .tpnvcp-ls a:first-child {
            padding-left: 0px !important;
        }
        .tpnvcp-crt {
            padding: 20px 0px 19px 20px;
        }
        .tpnvcp-nv{
            padding-left:0;
            padding-right: 0;
        }
    #cartXL:hover {
        cursor: pointer;
    }
    
    #cart-button{
        display:none !important;
    }
    .tpnvmb {
        display: none;
    }
    
    #nav-cart2{
    	display: none;
    }
    .intro-right p img{
    	display: none;
    }
    .article-head img{
        max-width:100% !important;
    }
    #article > div > article > div.article-body{
        margin: 0px auto;
    }
    .gallery-grid img, .gallery-grid2 img{
        transition: all 0.2s;
        filter: saturate(0.1);
        box-shadow : 4px 5px 19px -4px rgba(0,0,0,0.4);
    }
    .gallery-grid img:hover,.gallery-grid2 img:hover{
        filter: saturate(1);    
    }
    .subHeader{
        display: block;
        position: fixed;
        inset-block-start: 60px;
        inset-inline-start: 0px;
        padding: 20px;
        padding-top: 57px;
    }
    .subHeaderHeading{
        font-weight: 600;
        color: inherit;
    }
    .subHeaderList{
        list-style: none;
        padding: 0px;
    }
    .subHeaderListItem > a:hover{
        font-weight: 600;
    }
    .playIcon{
        width: 10px;
    }
    .subHeaderListItem > a{
        line-height : 25px;
        color: inherit;
    }
    .blogBorder{
/*        min-height: 47px; */
        border-top: 1px solid rgb(114, 114, 114);
        padding: 12px 1px;
    }
    .blogBorder:hover {
        cursor: pointer;
    }
    #blogPageHeading {
        font-family: noe-text-website;
        font-weight: 400;
        margin-top:57px !important;
        width: 76%;
        margin:0 auto;
    }
    #blog {
        padding: 80px 0px 57px 0px !important;
    }
    
    /* --  PORTFOLIO SECTION -- */
    .container{
        margin-top: 80px;
    }
    .container-inner{
        width: 76vw;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
    .container-grid{
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 40px;
    }
    .container-inner-link{
        margin-bottom: 5px;
        padding-block-start: 6px;
        border-block-start: 1px solid rgb(1, 1, 1);
    }
    .container-inner-upper{
        margin-bottom: 5px;
        color: #1c1b1b;
    }
    .container-inner-upper div{
        display: inline;
        font-weight: inherit;
    }
    .container-inner-link:hover{
        font-weight: 600;
        background: #000;
    }
    .container-inner-link:hover .container-inner-upper{
        color: #fff;
        padding-left: 20px;
    }
    .container-inner-link:hover text{
        fill: #fff;
    }
    .container-inner-link text{
        font-family: noe-text-website;
        font-size: 100px !important;
    }
    .border-left{
        width: 15px;
        background: url('../img/border4.png');
        position:fixed;
        height: 86vh;
        max-height: 712px;
    }
    .border-right {
        top: 67px;
        position: fixed;
        right: 30px;
        background: url(../img/border4.png);
        height: 86vh;
        max-height: 712px;
        width: 15px;
    }
}
@media only screen and (min-width: 600px) and (max-width: 830px){
	.intro-img img{
		left: -5vh;
	}
}

@media only screen and (min-width: 1400px){
   .gallery-grid .poster{
       height:450px !important;
   }
   .border-left,.border-right{
       display: none;
   }
   #intro{
       max-width: 1500px !important;
       margin: 33px auto 0px;
   }
}