/*Medium devices (tablets, 768px and up*/
/*If the screen size is 768px or more*/
@media screen and (min-width: 768px) {
    .shadeLayer {
        /*       background: red;*/
    }
    .homeInnerWrap {
        max-width: 720px;
    }
    a.CardWrapHome {
        width: 222px;
    }
    a.CardWrapHomeTwo {
        width: 162px;
    }
    .BottomWrap {
        padding: 10% 20%;
    }
    .prodBtnWrap .btn {
        width: auto;
    }
    .SocialMediaWrap {
        margin-top: 80px;
    }
    .nav-tabs .nav-link {
        margin-right: 16px;
        /*  margin-bottom: 16px;*/
        width: 180px;
        border-radius: 10px;
        background: #f7f7f8;
        box-shadow: 4px -1px 1px rgba(0, 0, 0, 0.16);
    }
    .nav-tabs .nav-link.active {
        width: 180px;
        border-radius: 10px 10px 0px 0px;
        background: #ffffff;
        box-shadow: 4px -1px 1px rgba(0, 0, 0, 0.16);
    }
    .spaceAdjInner {
        width: 180px;
    }
    #SpInstalation h3 {
        top: 38%;
    }
    .heroWrap {
        height: 345px;
    }
    .prodRightWrap {
        padding-left: 30px !important;
        float: left;
    }
    .productTitle {
        font-size: 22px;
        text-align: left;
    }
   .leftPanelWrap .qstoneWrap {
        padding: 20px;
    }
    .leftPanelWrap.leftPanelOff {
        max-width: 60% !important;
      
    }
}