﻿
/*Its all made as common for movies-store*/
.sify-navlink.active {
    border-bottom: 1px solid #000;
}
.mega-menu-navbar .dropdown:hover .dropdown-menu, .mega-menu-navbar .dropdown:focus .dropdown-menu, .mega-menu-navbar .dropdown .dropdown-menu:hover {
    display: none !important;
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.navbar-sify.navbar {
    padding: 0rem 0rem;
}
.navbar-sify .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}
.navbar-sify .nav-item a{ 
    width:100%!important;
    text-align: center!important;
}

.wtd-top-nav {
    background-color: #000 !important;
}
/* its required, when top navbar is black*/
.wtd-navbar .nav-link {
    position: relative;
    color: #fff !important;
    text-decoration: none;
}
.img_logo_black {
    display: none !important;
}
.img_logo_white, .img_smlogo_white {
    display: block !important;
}
.navbar-sify ul {
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
}
.navbar-sify.navbar a {
    letter-spacing: 2px;
    float: left;
    color: white;
    text-decoration: none;
    width: auto;
    text-align: center;
    font-size: 78%;
}
.wtd_all_wrap {
    padding: 55px 0 0 !important;
    padding-right: 0px;
    padding-left: 0px;
}


.movies-tabs {
    border-bottom: 0px !important;
    bottom: -21rem;
    position: relative;
    z-index: 9;
}
    .movies-ball {
        width: 25px;
        height: 25px;
        border-radius: 50% !important;
        position: relative;
        display: inline-block;
    }
    .movies-ball.red {
        background-color: #cd1619;
    }
    .movies-ball.blue {
        background-color: #273582;
    }
    .movies-ball.black {
        background-color: #000;
    }
    .movies-ball.white {
        background-color: #e1deda;
    }
    .movies-ball.grey {
        background-color: #36454F;
    }
    .movies-ball.darkred {
        background-color: #775458;
    }
    .movies-ball.orange {
        background-color: #d9713e;
    }
    .movies-ball.green {
        background-color: #3fa535;
    }
    .movies-ball.purple {
        background-color: #bb0d7d;
    }
/*.movies-tabs .nav-link.active .movies-ball {
    width: 25px;
    height: 25px;
    border-radius: 50% !important;
    position: relative;
    display: inline-block;
    border: 2px solid #007bff;*/
    /* background-image: url('https://d1u3tbowg43alx.cloudfront.net/_static/.v-202508090214/img/brackets.png');
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;*/
/*}*/

.movies-tabs .nav-link {
    border: none !important;
    padding: .5rem .2rem !important;
}
.movies-hr-white {
    border-top: 1px solid #6c757d;
}
.movies-hr-black {
    border-top: 1px solid #6c757d;
    margin-top: 0rem;
    margin-bottom: 0rem;
}
.movies-hr {
    border-top: 1px solid #6c757d;
    margin-top: 0rem;
    margin-bottom: 0rem;
}
.btn-movies-shop {
    margin-left: -80px;
    margin-bottom: -20px;
}
txt-sify-container-pr {
    padding-right: 0rem;
}

.txt-sify-container-pl {
    padding-left: 0rem;
}
.movies-navtabs-right,.movies-navtabs-left {
    float: right !important;
}
.wtd-section-header.movies-h1 {
    font-size: 1.6rem !important;
}
    @media (min-width: 320px) {
        .movies-tabs {
            bottom: -22rem;
        }
    }

    @media (min-width: 350px) {
        .movies-tabs {
            bottom: -26rem;
        }
    }
    @media (min-width: 380px) {
        .movies-tabs {
            bottom: -27rem;
        }
    }
    @media (min-width: 400px) {
        .movies-tabs {
            bottom: -29rem;
        }
    }
    @media (min-width: 420px) {
        .movies-tabs {
            bottom: -1rem;
        }
    }
    @media (min-width: 620px) {
        .moviesstore_listux {
            padding-left: 1rem;
            padding-right: 1rem;
        }
        .movies-tabs {
            bottom: -1rem;
        }
    }

    @media (min-width: 700px) {
        .moviesstore_listux {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
        }
        .movies-tabs {
            bottom: -1rem;
        }
    }

    @media (min-width: 768px) {
        .moviesstore_listux {
            padding-left: 1rem;
            padding-right: 1rem;
        }
        .movies-tabs {
            bottom: -1rem;
        }
        .wtd-section-header.movies-h1 {
            font-size: 2rem !important;
        }
    }

    @media (min-width: 992px) {

        .moviesstore_listux {
            padding-left: 1rem;
            padding-right: 1rem;
        }
        .movies-tabs {
            bottom: -10rem;
        }
        .wtd-section-header.movies-h1 {
            font-size: 2rem !important;
        }
    }

    @media (min-width: 1200px) {
        .navbar-sify {
            display: block !important;
            background-color: #fff;
            margin-top: 50px;
        }

        .moviesstore_listux {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
        }

        .movies-navtabs-right {
            float: right !important;
        }

        .movies-navtabs-left {
            float: left !important;
        }
    }

    @media (min-width: 1400px) {
        .navbar-sify.navbar a {
            font-size: 70%;
        }
        .wtd-section-header.movies-h1 {
            font-size: 2.5rem !important;
        }
        .movies_list_container, .movies-nav-container {
            padding-left: 4rem;
            padding-right: 4rem;
        }
    }

    @media (min-width: 1600px) {
        .wtd-section-header.movies-h1 {
            font-size: 3rem !important;
        }
        .moviesstore_listux {
            padding-left: 2.5rem;
            padding-right: 2.5rem;
        }

        .txt-sify-container-pr {
            padding-right: 2rem;
        }

        .txt-sify-container-pl {
            padding-left: 2rem;
        }
    }

    @media (min-width: 1800px) {
        .movies_list_container, .movies-nav-container {
            padding-left: 5rem;
            padding-right: 5rem;
        }
        /*.wtd_all_wrap {
            padding: 120px 0 0 !important;
            padding-right: 0px;
            padding-left: 0px;
        }*/

        .navbar-sify {
            display: block !important;
            background-color: #fff;
            margin-top: 80px;
        }

        .moviesstore_listux {
            padding-left: 4rem;
            padding-right: 4rem;
        }

        .txt-sify-container-pr {
            padding-right: 4rem;
        }

        .txt-sify-container-pl {
            padding-left: 4rem;
        }
        .wtd-section-header.movies-h1 {
            font-size: 3rem!important;
        }
    }

    @media (min-width: 2000px) {
    }