@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS */
    .nav{
        display: none;
    }
 }
 @supports (-ms-accelerator:true) {
    /* Edge 12+ CSS */ 
    .nav{
        display: none;
    }
 }
@media (min-width:993px) {
    .lay-modal-content {
        width: 900px
    }
    .lay-hide-large {
        display: none !important
    }

    .lay-sidebar.lay-collapse {
        display: block !important
    }
    .brandzone{
        width: 70%;
    }
}
@media (max-width:992px) and (min-width:601px) {
    .lay-hide-medium {
        display: none !important
    }
    .lay-sidebar.lay-collapse {
        display: none
    }
    /* .lay-main {
        margin-left: 0 !important;
        margin-right: 0 !important
    } */
    .lay-auto {
        max-width: 100%;
    }
    .lay-top{
        width:100%;
    }
}
@media (min-width:601px) {
    .lay-col.m1 {
        width: 8.33333%
    }
    .lay-col.m2 {
        width: 16.66666%
    }
    .lay-col.m3,
    .lay-quarter {
        width: 24.99999%
    }
    .lay-col.m4,
    .lay-third {
        width: 33.33333%
    }
    .lay-col.m5 {
        width: 41.66666%
    }
    .lay-col.m6,
    .lay-half {
        width: 49.99999%
    }
    .lay-col.m7 {
        width: 58.33333%
    }
    .lay-col.m8,
    .lay-twothird {
        width: 66.66666%
    }
    .lay-col.m9,
    .lay-threequarter {
        width: 74.99999%
    }
    .lay-col.m10 {
        width: 83.33333%
    }
    .lay-col.m11 {
        width: 91.66666%
    }
    .lay-col.m12 {
        width: 99.99999%
    }
}
@media (min-width:993px) {
    .lay-col.l1 {
        width: 8.33333%
    }
    .lay-col.l2 {
        width: 16.66666%
    }
    .lay-col.l3 {
        width: 24.99999%
    }
    .lay-col.l4 {
        width: 33.33333%
    }
    .lay-col.l5 {
        width: 41.66666%
    }
    .lay-col.l6 {
        width: 49.99999%
    }
    .lay-col.l7 {
        width: 58.33333%
    }
    .lay-col.l8 {
        width: 66.66666%
    }
    .lay-col.l9 {
        width: 74.99999%
    }
    .lay-col.l10 {
        width: 83.33333%
    }
    .lay-col.l11 {
        width: 91.66666%
    }
    .lay-col.l12 {
        width: 99.99999%
    }
}

@media (max-width:1205px) {
    .lay-auto {
        max-width: 95%
    }
    .brandzone,.nav-area {
        width: 50%;
    }
}
@media (max-width:768px){
    .brandzone,.nav-area {
        width: 50%;
    }
    .lay-top{
        width: 100%;
    }
    .lay-modal-content {
        width: 500px
    }
    .lay-modal {
        padding-top: 50px
    }
    .lay-menu{
        text-align: right;
    }
    .lay-topzone{
        width: 90%;
    }
    .content-center , .collapsible,.content{
        width: 90%;
        margin: 0 auto;
    }
    .content{
        padding: 0 16px;
        margin: 0;
    }
}

@media (max-width:600px) {
    body{
        background-size: cover;
    }
    .nav-area{
        width: 50%;
        height: 100%;
        padding-left: 5%;
    }
    .brandzone{
        width: 40%;
    }
    .brandzone img{
        width: 150px;
    }
    .lay-modal-content {
        margin: 0 10px;
        width: auto !important
    }

    .lay-modal {
        padding-top: 30px
    }

    .lay-dropdown-hover.lay-mobile .lay-dropdown-content,
    .lay-dropdown-click.lay-mobile .lay-dropdown-content {
        position: relative
    }

    .lay-hide-small {
        display: none !important
    }

    .lay-mobile {
        display: block;
        width: 100% !important
    }

    .lay-bar-item.lay-mobile,
    .lay-dropdown-hover.lay-mobile,
    .lay-dropdown-click.lay-mobile {
        text-align: center
    }

    .lay-dropdown-hover.lay-mobile,
    .lay-dropdown-hover.lay-mobile .lay-btn,
    .lay-dropdown-hover.lay-mobile .lay-button,
    .lay-dropdown-click.lay-mobile,
    .lay-dropdown-click.lay-mobile .lay-btn,
    .lay-dropdown-click.lay-mobile .lay-button {
        width: 100%
    }
    .lay-top{
        width: 100%;
    }
    .lay-modal-content {
        width: 500px
    }
    .lay-modal {
        padding-top: 50px
    }
    .lay-btn, .lay-button{
        padding: 8px 0;
        height: auto;
    }
    .lay-topzone{
        width: 100%;
    }
    .nav-area > .lay-button{
        line-height: 300%;
        height: 80%;
        width: 40%;
    }
    .feature-img{
        width: 100%;
    }
    .feature-container{
        flex-direction: column;
    }
    .lt-feature{
        width: 100%;
        height: auto;
        padding: 15px 0;
        margin: 15px 0;
    }
    table td {
        border: initial;
        }
      td .dimg{
        display: block;
        padding-top: 26px;
      }
      td .dimg img{
        width: 240px;  
      }
    }
    .flex-container{
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
    }
    .flex-item{
      width: 50%;
      line-height: 100%;
      padding-left: 5px;
    }
    .flex-item span{
      display: inline-block;
      height: auto;
      line-height:1.3;
        width: 70%;
        vertical-align: middle;
    }
    table td {
        border: initial;
        }
      td .dimg{
        display: block;
        padding-top: 26px;
      }
      td .dimg img{
        width: 240px;  
      }
    }
    .flex-container{
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
    }
    .flex-item{
      width: 50%;
      line-height: 100%;
      padding-left: 5px;
    }
    .flex-item span{
      display: inline-block;
      height: auto;
      line-height:1.3;
        width: 70%;
        vertical-align: middle;
    }

}