/*Its all made as common for movies-store*/
.sify-navlink.active {
    text-decoration: underline !important;
    text-underline-offset: 4px;
}

.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;
    display: block !important;
    background-color: #fff;
    margin-top: 56px;
}

.navbar-sify .nav-item {
 
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
    line-height: .1;
    display: inline-flex;
    justify-items: stretch;
}

.navbar-sify .nav-item a {
        /*width:100%!important;  */
        font-size: 50%;
    }


.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 {
    left: 0;
    right: 0;
    flex-wrap: nowrap;
    text-align: justify;
    float: right;
    flex-wrap: wrap;
    display: block;
    justify-items: stretch;
    line-height: .5;
    padding-top: .2rem;
    padding-bottom: .2rem;
}

.navbar-sify.navbar a {
    letter-spacing: 1px;
    float: left;
    color: white;
    text-decoration: none;
    width: auto;
}

.wtd_all_wrap {
    padding: 130px 0 0 !important;
    padding-right: 0px;
    padding-left: 0px;
}

.navbar-sify li:first-child {
    text-align: left !important;
}

.navbar-sify li:last-child {
    text-align: right !important;
}


.movies-tabs {
    border-bottom: 0px !important;
    bottom: -1rem;
    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 {
    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) {
        .wtd_all_wrap {
            padding: 114px 0 0 !important;
        }
    }

    @media (min-width: 460px) {
        .wtd_all_wrap {
            padding: 98px 0 0 !important;
        }
    }

    @media (min-width: 500px) {
        .wtd_all_wrap {
            padding: 94px 0 0 !important;
        }
    }

    @media (min-width: 620px) {
        .moviesstore_listux {
            padding-left: 1rem;
            padding-right: 1rem;
        }
    }

    @media (min-width: 700px) {
        .moviesstore_listux {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
        }
    }

    @media (min-width: 768px) {
        .moviesstore_listux {
            padding-left: 1rem;
            padding-right: 1rem;
        }

        .wtd-section-header.movies-h1 {
            font-size: 2rem !important;
        }
    }

    @media (min-width: 850px) {
        .wtd_all_wrap {
            padding: 80px 0 0 !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;
            }

        .navbar-sify ul {
            display: flex;
            justify-content: center;
            left: 0;
            right: 0;
            float: unset;
        }

        .navbar-sify.navbar a {
            letter-spacing: 1px;
            float: left;
            color: white;
            text-decoration: none;
            width: auto;
            font-size: 55%;
        }
    }

    @media (min-width: 992px) {
        .navbar-sify ul {
            display: flex;
        }

        .moviesstore_listux {
            padding-left: 1rem;
            padding-right: 1rem;
        }

        .movies-tabs {
            bottom: -10rem;
        }

        .wtd-section-header.movies-h1 {
            font-size: 2rem !important;
        }

        navbar-sify .nav-item a {
            width: 100% !important;
        }

        .navbar-sify.navbar a {
            letter-spacing: 2px;
            font-size: 55%;
        }

        .navbar-sify .nav-item {
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            text-align: center;
            line-height: 1.5;
            display: flex;
        }
    }

    @media (min-width: 1200px) {
        .wtd_all_wrap {
            padding: 80px 0 0 !important;
            padding-right: 0px;
            padding-left: 0px;
        }

        .sify-navlink.active {
            text-underline-offset: 8px;
        }

        .navbar-sify.navbar {
            margin-top: 45px;
        }

        .moviesstore_listux {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
        }

        .movies-navtabs-right {
            float: right !important;
        }

        .movies-navtabs-left {
            float: left !important;
        }

        .navbar-sify.navbar a {
            font-size: 60%;
        }
    }

    @media (min-width: 1400px) {
        .wtd_all_wrap {
            padding: 80px 0 0 !important;
            padding-right: 0px;
            padding-left: 0px;
        }

        .navbar-sify.navbar a {
            font-size: 65%;
        }

        .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) {
        .navbar-sify.navbar a {
            font-size: 75%;
        }

        .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.navbar {
            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;
        }
    }