﻿

.me-Newsbanner-phone {
    display:none;
}

     .me-Newsbanner {
    display:block;
}



.td-mobile {
display:none;
}

/*[Timer dots - td]*/
.td-slider .slick-prev {
    left: 43%;
    top:auto;
    bottom:35px;
    z-index: 1;
}

.td-slider .slick-prev:before {
    content: '';
    display: block;
    background: url(https://mallofthemillennium.s3.ap-south-1.amazonaws.com/images/left-arrow.png) center center no-repeat;
    width: 50px;
    height: 50px;
    border: 0px;
}

.td-slider .slick-next {
    right: 45%;
    top:auto;
    bottom:35px;
    z-index: 1;
}

.td-slider .slick-next:before {
    content: '';
    display: block;
    background: url(https://mallofthemillennium.s3.ap-south-1.amazonaws.com/images/right-arrow.png) center center no-repeat;
    width: 50px;
    height: 50px;
    border: 0px;
}

.td-slider .slick-dots {
    bottom: 30px;
}

.td-slider .slick-dots li {
    width: 8px;
    height: 8px;
    opacity: 1;
    background: #fff;
    border-radius: 20px;
    top: 30%;
    transition: 0.5s;
    position: relative;
    overflow: hidden;
}
.legend-title {
    text-transform:uppercase;
}
.td-slider .slick-dots li:before {
    content: '';
    display: block;
    width: 100%;
    height: 8px;
    right: 100%;
    background: red;
    transition: 0.5s;
    position: absolute;
    border-radius: 20px;
    visibility: hidden;
    overflow: hidden;
}

.td-slider .slick-dots li button:before {
    content: '';
}

.td-slider .slick-dots li.slick-active {
    width: 100px;
    height: 8px;
    transition: 0.5s;
}

.td-slider .slick-dots li.slick-active:before {
    content: '';
    display: block;
    width: 100%;
    height: 8px;
    right: 0;
    background: red;
    transition: 3s;
    position: absolute;
    border-radius: 20px;
    visibility: visible;
}


/*[Timer dots - td]*/
.td-slider-phone .slick-prev {
    left: 43%;
    top:auto;
    bottom:35px;
    z-index: 1;
}

.td-slider-phone .slick-prev:before {
    content: '';
    display: block;
    background: url(../https://mallofthemillennium.s3.ap-south-1.amazonaws.com/images/left-arrow.png) center center no-repeat;
    width: 50px;
    height: 50px;
    border: 0px;
}

.td-slider-phone .slick-next {
    right: 45%;
    top:auto;
    bottom:35px;
    z-index: 1;
}

.td-slider-phone .slick-next:before {
    content: '';
    display: block;
    background: url(https://mallofthemillennium.s3.ap-south-1.amazonaws.com/images/right-arrow.png) center center no-repeat;
    width: 50px;
    height: 50px;
    border: 0px;
}

.td-slider-phone .slick-dots {
    bottom: 30px;
}

.td-slider-phone .slick-dots li {
    width: 8px;
    height: 8px;
    opacity: 1;
    background: #fff;
    border-radius: 20px;
    top: 30%;
    transition: 0.5s;
    position: relative;
    overflow: hidden;
}

.td-slider-phone .slick-dots li:before {
    content: '';
    display: block;
    width: 100%;
    height: 8px;
    right: 100%;
    background: red;
    transition: 0.5s;
    position: absolute;
    border-radius: 20px;
    visibility: hidden;
    overflow: hidden;
}

.td-slider-phone .slick-dots li button:before {
    content: '';
}

.td-slider-phone .slick-dots li.slick-active {
    width: 100px;
    height: 8px;
    transition: 0.5s;
}

.td-slider-phone .slick-dots li.slick-active:before {
    content: '';
    display: block;
    width: 100%;
    height: 8px;
    right: 0;
    background: red;
    transition: 3s;
    position: absolute;
    border-radius: 20px;
    visibility: visible;
}










.td-desktop {
    display:block!important;
    background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
    background-size: cover;
    background-repeat: no-repeat;
    height:70vh;
}
.td-mobile {
    display:none!important;
    background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
    background-size: cover;
    background-repeat: no-repeat;
    height:420px;
}
.td-item {
    justify-content:center;
    position:relative;
}
.td-item img{
 
}
.td-text-wrap {
    position:absolute;
    display:block;
    bottom:113px;
    left:25%;
    text-align:center;
    width:50%;
    color:#fff;
}
.td-title {
    font-size:60px;
    padding:0 0 40px;
}
.red-btn{
    padding:25px 65px;
    text-transform:uppercase;
    border-radius:5px;
    font-size: 14px;
}

/*[Timer dots - td]-----END*/

/*Title*/
.title-wrap {
    display:flex;
    align-items:flex-end;
    margin-bottom:45px;
    padding: 60px 0 0;
}
/*.legend-title {
    font-size:60px;
    font-weight:700;
    margin-bottom:0;
    line-height:24px;
    color:#0a0908;
}*/
/*.legend-line {
    flex:2;
    height:1px;
    width:100%;
    margin:0 20px;
    background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 8px 1px;
    background-repeat: repeat-x;
}*/
.legend-va {

    text-transform:uppercase;
    font-size:14px;
    color:black;
    font-weight:600;
    line-height:12px;
}
/*Title-----END*/

/*[News - nw]*/
.nw-section {
    margin-bottom:30px;
}
.nw-item {
    padding:0px 0;
}
.nw-item img{
    padding:0 0 30px;
}
.nw-item a{
    color:#000;
    cursor:pointer;
}
.nw-text-wrap h5{
    font-size:30px;
    color:#000;
}
.nw-text-wrap p{
    font-size:14px;
    color:rgba(0, 0, 0, 0.8);
    margin-top:10px;
}
.nw-text-wrap span{
    font-size:14px;
    color:#000;
}
/*[News - nw]-----END*/




/*=====Media Queries=====*/

/*Most of the Smartphones Mobiles (Portrait)*/
@media (min-width: 320px) and (max-width: 480px) {

    .me-Newsbanner-phone {
    display:block;
}

     .me-Newsbanner {
    display:none;
}
     .title-wrap {
    padding: 30px 0 0;
}

 
    /*Title*/
    /*.title-wrap {
        display:flex;
        align-items:flex-end;
        margin-bottom:10px;
        padding: 40px 10px 0;
    }*/
    /*.legend-title {
        font-size:24px;
        padding:0;
        background-color:transparent;
        line-height:10px;
    }*/
    /*.legend-line {
        position:relative;
        width:100%;
        left:auto;
        bottom:auto;
        margin:0 5px 0 10px;
        z-index:-1;
    }*/
    .legend-va {
        text-transform:uppercase;
        font-size:10px;
        color:#e31c17;
        font-weight:600;
        line-height:12px;
        display:block;
    }
    /*Title-----END*/

    /*Slider*/
    .td-slider .slick-prev {
        left: 16%;
    }
    .td-slider .slick-next {
        right: 25%;
    }
    .td-desktop {
        display:none!important;
    }
    .td-mobile {
        display:block!important;
    }
    .td-item img{
        
    }
    .td-text-wrap {
        width:100%;
        padding:0 40px;
        bottom:77px;
        left:0;
    }
    .td-title {
        font-size:24px;
        padding:0 0 40px;
    }
    .red-btn{
        font-size:10px;
        padding: 12px 33px;
    }
    /*Slider-----END*/
    /*[News - nw]*/
    .nw-section {
        margin-bottom: 20px;
    }
    .nw-item {
        padding:20px 10px;
    }
    .nw-item img{
        padding:0 0 20px;
    }
    .nw-item a{
        color:#000;
        cursor:pointer;
    }
    .nw-text-wrap h5{
        font-size: 20.5px;
    }
    .nw-text-wrap p{
        font-size:9.5px;
        margin-top:8px;
    }
    .nw-text-wrap span{
        font-size:9.5px;
    }
    /*[News - nw]-----END*/

}

/*Low Resolution Tablets, Mobiles (Landscape)*/
@media (min-width: 481px) and (max-width: 767px) {
        .me-Newsbanner-phone {
    display:block;
}

     .me-Newsbanner {
    display:none;
}

    /*Title*/
    .title-wrap {
        display:flex;
        align-items:flex-end;
        margin-bottom:10px;
        padding: 40px 10px 0;
    }
    /*.legend-title {
        font-size:24px;
        padding:0;
        background-color:transparent;
        line-height:10px;
    }*/
    /*.legend-line {
        position:relative;
        width:100%;
        left:auto;
        bottom:auto;
        margin:0 5px 0 10px;
        z-index:-1;
    }*/
    .legend-va {
        text-transform:uppercase;
        font-size:10px;
        color:#e31c17;
        font-weight:600;
        line-height:12px;
        display:block;
    }
    /*Title-----END*/

    /*Slider*/
    .td-slider .slick-prev {
        left: 16%;
    }
    .td-slider .slick-next {
        right: 25%;
    }
    .td-desktop {
        display:none!important;
    }
    .td-mobile {
        display:block!important;
    }
    .td-item img{
        
    }
    .td-text-wrap {
        width:100%;
        padding:0 40px;
        bottom:18%;
        left:0;
    }
    .td-title {
        font-size:24px;
        padding:0 0 40px;
    }
    .red-btn{
        font-size:10px;
        padding: 12px 40px;
    }
    /*Slider-----END*/
    /*[News - nw]*/
    .nw-item {
        padding:20px 10px;
    }
    .nw-item img{
        padding:0 0 20px;
    }
    .nw-item a{
        color:#000;
        cursor:pointer;
    }
    .nw-item h5{
        font-size: 20.5px;
    }
    .nw-item p{
        font-size:9.5px;
    }
    .nw-item span{
        font-size:9.5px;
    }
    /*[News - nw]-----END*/
    
}

/*Tablets, Ipads (portrait)*/
@media (min-width: 768px) and (max-width: 1023px) {
        .me-Newsbanner-phone {
    display:block;
}

     .me-Newsbanner {
    display:none;
}

    /*Slider*/
    .td-desktop {
        display:none!important;
    }
    .td-mobile {
        display:block!important;
        height:70vh;
    }
    .td-text-wrap {
        bottom: 77px;
        left: 10%;
        width: 80%;
    }
    .td-slider .slick-prev {
        left: 34%;
    }
    .td-slider .slick-next {
        right: 38%;
    }
    .red-btn{
        border-radius:5px;
    }
    /*Slider-----END*/
    .nw-item img {
        padding: 0 0 17px;
    }
}

/*Tablets, Ipads (landscape)*/
@media (min-width: 850px) and (max-width: 1024px) and (orientation: landscape) {
        .me-Newsbanner-phone {
    display:none;
}

     .me-Newsbanner {
    display:block;
}
}

/*Ipad Pro (portrait)*/
@media (min-width: 1024px) and (max-width: 1050px) and (orientation: portrait) {

    .mn-slider-wrap {
    padding-bottom: 25px !important;
}

     .me-Newsbanner-phone {
    display:none;
}

     .me-Newsbanner {
    display:block;
}

     .td-desktop {
        display:block!important;
        height:50vh;
    }
     .td-text-wrap {
        left: 15%;
        width: 70%;
    }
     .td-slider .slick-prev {
        left: 37%;
    }
    .td-slider .slick-next {
        right: 40%;
    }
}

/*1152×648, 1280×720, 1366×768,*/
@media (min-width: 1152px) and (max-width: 1599px) {
    .mn-slider-wrap {
    padding-bottom: 0px !important;
}

     .me-Newsbanner-phone {
    display:none;
}

     .me-Newsbanner {
    display:block;
}

    .red-btn {
        padding: 18px 45px;
    }
    .td-title {
        font-size: 40px;
    }
    /*.legend-title {
        font-size:40px;
    }*/
    .nw-text-wrap h5 {
        font-size: 20px;
    }
    .nw-item img {
        padding: 0 0 15px;
    }
    .legend-va {
        display:none;
    }
}

@media (min-width: 1600px) and (max-width: 1919px) {
    .mn-slider-wrap {
    padding-bottom: 30px !important;
}
}

/*HD Displays 1920x1080*/
@media (min-width: 1920px) {
    .td-desktop {
        height:593px;
    }

     .mn-slider-wrap {
    padding-bottom: 30px !important;
}
}
