@media (min-width: 1920px) and (max-width: 2560px) {
}

/* 1. scale and layout setting at 100% */
@media (resolution: 1dppx) {


}

@media (min-width: 1600px) and (max-width: 1919px) {

    #IntroSection2 #banner .bnr-vid-cvr.active {width: 31%;top: -10px;}

}


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

    #IntroSection2 #banner .bnr-vid-cvr.active {width: 31%;top: -10px;}
}


/* (1366x768) WXGA Display */
/* @media  screen and (max-width: 1366px) {

}
*/

/* 1. scale and layout setting at 100% */
@media (resolution: 1dppx) {
    
  }

  
/* 2. scale and layout setting at 125% */
@media (resolution: 1.25dppx) {
    #IntroSection2 #banner .bnr-vid-cvr.active {width: 31%;top: -20px;}
  }

/* 3. scale and layout setting at 150% */
@media (resolution: 1.5dppx) {

    #IntroSection2 #Witness {width: 1100px;}
    #IntroSection2 #Witness.active {top: calc(0% - 110px);}
    #IntroSection2 #banner .bnr-vid-cvr.active {top: 0px;height: 454px;}

}

/* Medium */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape)
{
.row { margin: 0px; }
.hamBt {padding-top: 36px;}
#Hammenu {padding-left: 30px;}
#Witness .WitnessRight,#UnconventionalExperiences .Ue-Left,#Crafting .Crafting-right { padding: 10px; }
.desc {
font-size: 26px;
line-height: 32px;
}
/* .commonTitle {font-size: 30px;line-height: 40px;} */
#Accessories {height: 768px;}
#Teak,#Teak .TeakBanner {height: 440px;}

#IntroSection { height: auto; }
#IntroSection #banner { height: calc(100vh - 0px); }
#IntroSection #Witness {height: 100%;position: relative;width: 100vw;top: calc(0% - 0px); display: flex; padding:2%; margin-top: 5px; }
.iconic {
    margin-top: 0px;
}

#services .col-lg-4 { padding-left: 0px; padding-right: 0px; }
.hamlinks {width: 80%;}
#AfterScroll {
    height: auto;
}
.header .logo { z-index: -1; }

.iconic { text-align: center; padding: 20px 0px;}
.iconic .iconicRight { padding: 10px; }
.iconic.interiorDesign {
    margin-bottom: 10px;
}
#branDedign, #branDedign2 {
    margin-bottom: 20px;
}
#services .ProductCards .ProductImg { height: auto; }

#innerBanner.BannerText {
    height: calc(100vh - 410px);
    position: relative;
}
#innerBanner.CenterBanner .container .rightCenter {padding-right: 20px;}

.productListing .productListingCards .productImg {height: 300px;}
.productListing .productListingCards .productImg img {height: 230px;}
#innerBanner.MyAccountBannerText {
    height: calc(100vh - 406px);
}
.LoginSearch {top: 0px;}

#IntroSection2 #banner .bnr-vid-cvr.active {
    width: 31%;
    top: 9px;
}
#IntroSection2 #banner .bnr-vid-cvr.active {height: 428px;}
.unconventional .unconventionalleft p {padding-right: 30px;}
.unconventional { padding-bottom: 50px; }

}

/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) 
{


.row { margin: 0px; }
/* .header { display: none; } */

.desc {
font-size: 28px;
line-height: 34px;
}
.desc br { display: none; }

.WitnessImg { margin-bottom: 30px; }
.commonTitle {font-size: 28px;line-height: 40px;}
#UnconventionalExperiences { padding: 10px; margin-bottom: 30px; }
#Crafting { margin-bottom: 30px; }
#Crafting .desc  { padding: 20px; }
#Accessories .accordion ul li,#Teak .container {display: flex;justify-content: center;flex-direction: column;}
#Teak .container { padding: 0px; text-align: center; }
#Accessories {height: 600px;}
#Teak .TeakBanner,#Teak { height: auto; }
#Teak:before { content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
#services {padding-bottom: 50px;padding: 20px 0px;}
#footer .bottomLogo {font-size: 90px;line-height: 160px;}
#footer {padding-top: 40px;}
#footer .social .address {
text-align: left;
margin-top: 10px;
}

/* .header .menu { display: block; } */
#HammenuToggle { display: none; }
/* .header .menu {
display: inline;
justify-content: space-between;
} */
.header .item-center { text-align: left; }
.header .menu { display: inherit; }
.header .menu>ul>li .sub-menu.active {
display: block;
}
.header .top-links {width: 60%;}
/* .header .logo a {
font-size: 40px;
line-height: 46px;
}
.header {
height: 56px;
}
.header .right-nav {
right: 42px;
top: 9px;
} */
/* .header .logo a img {
    width: 140px;
}


.header .top-links {transform: translateY(0px);}
.menuButton { top: 0px; } */

.menu-main { display: block; margin-left: 0px; padding-left: 0px; }
.header .menu>ul>li { width: 100%; }
.header .menu>ul>li .sub-menu>ul>li>a, .header .menu>ul>li>a {font-size: 22px;}
#services .servicesCards .servicesBottom .servicesTitle {font-size: 1.4em;}
#Witness .WitnessRight { padding: 10px; }
.readmore {font-size: 18px;}

#Gardenloom .container {padding-top: 20px;padding-left: 20px;}
#Gardenloom .container h2 { color: #000 !important; }
#Gardenloom,#Gardenloom .GardenloomBanner {height: 450px;}


#GoogleMap {
    padding: 50px 0px;
}
.FillDetails { margin-top: 30px; }
#applyForm {margin-top: 40px !important;}
#maywehelp form {width: 100%;}
#applyForm .form-input {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#IntroSection { height: auto; }
#IntroSection #banner { height: calc(100vh - 0px); }
#IntroSection #Witness {height: 100%;position: relative;width: 100vw;top: calc(0% - 0px); display: flex; padding:2%; margin-top: 5px; }
.iconic {
    margin-top: 0px;
}

#services .col-lg-4 { padding-left: 0px; padding-right: 0px; }
.hamlinks {width: 80%;}
#AfterScroll {
    height: auto;
}
.header .logo { z-index: -1; }

.iconic { text-align: center; padding: 20px 0px;}
.iconic .iconicRight { padding: 10px; }
.iconic.interiorDesign {
    margin-bottom: 10px;
}
#branDedign, #branDedign2 {
    margin-bottom: 20px;
}
#services .ProductCards .ProductImg { height: auto; }
.desc.extra-pad {
    padding: 0px 10px;
}
#BannerBotttomText {padding: 20px 0px;}

#Photography .iconic {
    padding-bottom: 30px;
}

#innerBanner img { height: 100%; object-fit: cover; width: 100%; }
#innerBanner.CenterBanner .container .rightCenter {padding-right: 0px; padding-top: 10px; }
.LoginSearch {top: 0px;}
#IntroSection2 #banner .bnr-vid-cvr.active {
    width: 31%;
    top: 110px;
}

#IntroSection2 #banner .bnr-vid-cvr.active {height: 320px;}

}






/* Extra small */
@media (min-width: 320px) and (max-width: 767px) {


.row { margin: 0px; }
/* .header { display: none; } */

.desc {
font-size: 22px;
line-height: 33px;
margin-top: 10px;
}
.desc br { display: none; }

.WitnessImg { margin-bottom: 30px; }
.commonTitle {font-size: 36px;line-height: 40px;}
#UnconventionalExperiences { padding: 10px; margin-bottom: 30px; }
#Crafting { margin-bottom: 30px; }
#Crafting .desc  { padding: 20px; }
#Accessories .accordion ul li,#Teak .container {display: flex;justify-content: center;flex-direction: column;}
#Teak .container { padding: 0px; text-align: center; }
#Accessories {height: 600px;}
#Teak .TeakBanner,#Teak { height: auto; }
#Teak:before { content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
#services {padding: 40px 0px;}
#footer .bottomLogo {font-size: 65px;line-height: 100px;}
#footer {padding-top: 40px;}
#footer .social .address {
text-align: left;
margin-top: 10px;
}



.menu-main { display: block; margin-left: 0px; padding-left: 0px; }




.header .logo a img {
transition: 1s;
width: 260px;
}
#banner {height: calc(100vh - 0px);}
#banner .TeatBanner {font-size: 36px;line-height: 40px;}
#banner .readmore  { margin-top: 20px; }
#Witness { display: block; height: auto; padding-top: 20px; }
#Witness .Witnessright {
    padding: 0px 0px;
}
.ProductCards { margin-bottom: 20px; }
.iconic.interiorDesign {
    padding-top: 0px;
    margin-bottom: 40px;
}

.iconic .iconicBanner {
    height: 520px;
}
.iconic .iconicMid {display: block; padding: 20px; }
.iconic .iconicRight {padding: 10px;}
.iconic .swiper-pagination {margin-top: 0px;text-align: center;}

#branDedign,#branDedign2 { height: auto; margin-top: 40px; margin-bottom: 20px; }
.branDedignvid {height: 60vh;}
#branDedign .container .inner-text,#branDedign2 .container .inner-text {justify-content: center;padding-top: 40px;}
.header .logo.logoActive a {
    font-size: 50px;
    line-height: 58px;
}

.menuButton .menuNav::before {width: 21em;}
#maywehelp {
    padding: 80px 0px;
} 

.ContactDetails.br-right { border-bottom: solid 3px #e4e4e4; padding-bottom: 30px; }
.ContactDetails.br-right::before {
    display: none;
}
#GoogleMap {
    padding: 50px 0px;
}
.FillDetails { margin-top: 30px; }
#applyForm {margin-top: 40px !important;}
#maywehelp form {width: 100%;}
#applyForm .form-input {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#IntroSection,#IntroSection2 { height: auto; }
#IntroSection #banner,#IntroSection2 #banner { height: calc(100vh - 0px); }
#IntroSection #Witness,#IntroSection2 #Witness {height: 100%;position: relative;width: 100vw;top: calc(0% - 0px); display: block; padding:2%; margin-top: 5px; }
.iconic {
    margin-top: 0px;
}

#services .col-lg-4 { padding-left: 0px; padding-right: 0px; }
.hamlinks {width: 80%;}
#AfterScroll {
    height: auto;
}
.header .logo { z-index: -1; }

#Gardenbloom { padding: 10px; } 
.desc.extra-pad {
    padding: 0px 10px;
}
#BannerBotttomText {padding: 20px 0px;}

#Photography .iconic {
    padding-bottom: 30px;
}

#innerBanner img { height: 100%; object-fit: cover; width: 100%; }
#innerBanner.CenterBanner .container .rightCenter {padding-right: 0px;}

.collection-list {
    padding: 40px 0px;
}

.LoginSearch {right: 14px;width: 95px;transform: scale(0.8);}
#maywehelp .form-input {
    margin: 0px 0px;
    margin-bottom: 30px;
}

#shopNav .shopNavist {gap: 0px 20px;overflow: scroll; overflow-y: hidden; margin: auto; flex-wrap: nowrap; width: 98%;padding: 30px 0px;justify-content: start; }
.productListing .productListingCards .productImg {height: 220px;height: 170px;}
.relatedCatgory {padding-top: 40px;padding-bottom: 40px;}
.onlyimg {
    margin-top: 20px;
}
.unconventional .unconventionalleft p {
    padding-right: 0px;
}

#Return-Policy .container {  padding-top: 80px; }
#Return-Policy .container p { padding:0px 10px; }

#myAccount .myaccountBtn {margin-bottom: 40px;display: block;}
#innerBanner.MyAccountBannerText h2 {text-align: center;}

.ProductCards2 { width: 100%; height: 530px;margin-bottom: 7px; }

#IntroSection #banner, #IntroSection2 #banner {
    height: 530px;
    padding: 10px;
}

#IntroSection2 #banner .bnr-vid-cvr .ProductBottom2 {bottom:0px; opacity: 1; visibility: visible; background-color: transparent !important; text-align: center; }
#IntroSection2 #banner .bnr-vid-cvr {height: 100%;}
#IntroSection2 #banner .bnr-vid-cvr .ProductBottom2 .ProductTitle2 {color: #fff;}

.productListing .productListingCards .productImg img {
    height: 160px;
}
#ProductDetails .gallery-thumbs { height: auto; }
#ProductDetails .gallery-container { margin-bottom: 10px; }
.productDetailsRight .ButtonStyle {
    display: flex;
} 
.productDetailsRight .ButtonStyle a.addtocart {padding: 10px 15px;}

#myCarts {
    padding: 0px 0px;
}
#myCarts .youselection {margin-bottom: 0px;}

#myCarts .productDetails {
    margin-top: 10px;
}

#myCarts .qty {
    width: 80px;
    padding: 4px;
    margin-bottom: 10px;
    margin-top: 0px;
}

#interior-desinger .nav-tabs {
    width: 100%;
    flex-wrap: nowrap;
    overflow: scroll;
    overflow-y: hidden;
}

#interior-desinger .scroll-left, #interior-desinger .scroll-right {
    display: block;
}


}
/* ipad pro */

/* Portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

    .productListing .productListingCards .productImg {height: 300px;}
.productListing .productListingCards .productImg img {height: 230px;}

  }


  @media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

  }