@import url(../../../admin/css/themePurple/themecolor.css);

.CourseMenuName,
.courseName {
    white-space: nowrap;
    overflow: hidden
}

.cart,
.login,
.mail,
.phone {
    font-size: 14px
}

.courseName {
    max-width: 145px
}

.CourseMenuName {
    text-overflow: ellipsis
}

#forgotalert {
    color: #25b9f4 !important
}

#alertLogin {
    color: red
}

.gray h1,
.gray h2,
.gray h3,
.gray h4,
.gray h5,
.white h1,
.white h2,
.white h3,
.white h4,
.white h5 {
    color: #000
}

#mainmenu a i {
    color: #555
}

.login,
.mail a {
    color: #fff
}

#logo {
    margin-bottom: 9px
}

#menu {
    background-color: #fff;
    top: 40px;
    position: fixed
}

#top-header {
    padding: 0;
    margin: 0;
    list-style-type: none
}

#top-header li {
    float: left;
    margin-right: 0
}

#phone {
    padding: 10px 12px 10px 0
}

#mail {
    padding: 10px 12px
}

.mail i,
.phone i {
    margin: 5px
}

#cart {
    display: none
}

.header-login {
    display: inline;
    float: right;
    text-align: right;
    width: 100%
}

.header-icon {
    width: 78%;
    margin: auto
}

.header-contact {
    display: inline;
    float: left;
    width: 100%
}

.login {
    display: inline-block;
    line-height: 20px;
    padding: 10px 15px;
    text-decoration: none;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.header-bottom {
    background-color: #25b9f4;
    color: #fff
}

#header {
    border: 0;
    margin: 0
}

@media only screen and (max-width:768px) and (min-width:230px) {

    #top-android,
    #top-apple {
        display: inline-block !important
    }

    .fa-shopping-cart {
        margin-left: 0 !important;
        margin-right: 5px
    }

    .fa-android,
    .fa-apple {
        margin-left: 5px !important;
        margin-right: 5px
    }

    .container:first-child {
        padding-left: 0 !important
    }

    #mail {
        display: none !important
    }

    #icons-top,
    #phone {
        display: none
    }

    #logo {
        margin-top: 0;
        width: 205px !important
    }

    #logo a img {
        width: 205px
    }

    #menucontainer {
        padding-left: 0
    }

    #cart {
        display: inline-block
    }

    .login {
        padding: 9px 0
    }

    #mainmenu li li a {
        color: #555
    }

    .dropdown-menu {
        border: 0
    }

    .logo-1 {
        width: 210px;
        max-height: 200px !important
    }

    address span i {
        margin-right: 7px !important
    }

    #showme {
        max-height: 150px;
        overflow-y: scroll
    }

    .modal-dialog {
        margin: 0 !important
    }

    #vpb_captcha_code,
    .vpb_captcha_wrapper {
        width: 48% !important
    }

    #password {
        margin-right: 0 !important
    }

    #state {
        margin-left: 0 !important
    }

    #testSeriesImage {
        margin-top: 15px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:359px) {
    .basic {
        width: 281px !important
    }

    #Address {
        width: 100% !important
    }

    #signUp {
        margin-bottom: 5px
    }

    #vpb_captcha_code {
        margin-top: 10px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:414px) {
    .basic {
        width: 281px !important
    }

    #password {
        width: 45% !important
    }

    #Confirmpassword {
        margin-left: 10px !important
    }

    #Address {
        width: 100% !important
    }

    #signUp {
        margin-bottom: 5px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:640px) {
    .basic {
        width: 281px !important
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    .basic {
        width: 252px !important
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) {
    .basic {
        width: 215px !important
    }

    #loginContainer {
        padding: 0
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) {
    .basic {
        width: 273px !important
    }

    #loginContainer {
        padding: 0
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) {
    .basic {
        width: 279px !important
    }

    #loginContainer {
        padding: 0
    }
}

@media screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) {
    .basic {
        width: 255px !important
    }

    #loginContainer {
        padding: 0
    }
}

@media only screen and (min-device-width:360px) and (max-device-width:411px) {
    .basic {
        width: 281px !important
    }

    #signUp {
        margin-bottom: 10px
    }

    #Address {
        width: 100%
    }

    #vpb_captcha_code {
        margin-top: 10px
    }

    #country {
        margin-right: 10px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:799px) {
    .basic {
        width: 280px !important
    }

    #loginContainer {
        padding: 0
    }

    #mail {
        display: none
    }

    #Confirmpassword {
        margin-left: 10px
    }

    #country {
        margin-right: 10px
    }

    #Address {
        width: 100%
    }
}

@media only screen and (max-width:768px) and (min-width:230px) and (orientation:landscape) {

    #description,
    #detail,
    #details,
    #image,
    .testSeriesDetail span {
        padding-left: 0 !important;
        margin-left: 0 !important
    }

    #Address {
        width: 100%
    }
}

@media only screen and (max-width:980px) and (min-width:768px) {
    .fa-shopping-cart {
        margin-left: 0 !important;
        margin-right: 5px
    }

    .fa-android,
    .fa-apple {
        margin-left: 5px !important;
        margin-right: 5px
    }

    .container:first-child {
        padding-left: 0 !important
    }

    #detail,
    #details,
    #image,
    .testSeriesDetail h3,
    .testSeriesDetail p {
        padding: 0 !important
    }

    #details,
    #image {
        float: left
    }

    #cart,
    #phone {
        display: inline-block
    }

    #logo {
        margin-top: 0
    }

    #menucontainer {
        padding-left: 0
    }

    #mainmenu li li a {
        color: #555
    }

    .dropdown-menu {
        border: 0
    }

    #details {
        margin-left: 29px;
        margin-top: 15px
    }

    #image img {
        margin-top: 15px !important
    }

    .testSeriesDetail span {
        margin-left: 0 !important
    }

    #testSeriesImage {
        width: 235px !important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    #testSeriesImage {
        width: 235px !important;
        height: 256px !important
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1280px) and (orientation:landscape) {
    #Address {
        width: 100%
    }

    #testSeriesImage {
        width: 235px !important;
        height: 256px !important
    }
}

@media only screen and (min-device-width:800px) and (max-device-width:980px) {
    .basic {
        width: 280px !important
    }

    #loginContainer {
        padding: 0
    }

    #mail {
        display: none
    }

    #Address {
        width: 100%
    }
}

#headertop {
    margin: 0;
    border: 0;
    min-height: 40px
}

#slider-container {
    max-height: 540px;
    min-height: 540px;
    overflow: hidden;
    position: relative
}

#drop-down-menu {
    float: right;
    height: 60px;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 300;
    text-transform: uppercase
}

#drop-down-menu>div>ul>li>a {
    padding: 19px 20px;
    line-height: 35px;
    text-decoration: none;
    color: #555;
    text-align: center;
    outline: 0
}

header.fixed #drop-down-menu a,
header.smaller #drop-down-menu a {
    padding: 18px 20px !important;
    color: #333
}

.dropdown-menu li a {
    padding: 8px 20px;
    line-height: 35px
}

.dropdown-menu {
    display: none;
    padding: 0;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: scroll
}

#Confirmpassword,
#captchaimg,
#password,
.icons,
.vpb_captcha_wrapper {
    display: inline
}

.icons {
    color: #fff;
    margin-left: 10px;
    padding: 2px 3px;
    font-size: 15px;
    border-radius: 10%;
    margin-top: 10px
}

#footerPage {
    font-size: 14px
}

#footerPage a:last-child {
    border-right: 0
}

#footerPage a {
    margin-right: 5px;
    padding-right: 10px;
    border-right: 1px solid #555
}

.basic,
.business,
.plus,
.premium {
    padding-left: 0
}

a i:hover,
a:hover {
    text-decoration: none;
    color: #555
}

#section-slider {
    margin-top: 0
}

#password {
    width: 49%;
    margin-right: 11px
}

#Confirmpassword {
    width: 48%
}

#vpb_captcha_code {
    width: 49%;
    display: inline
}

#captchaimg {
    width: 50%
}

.logo-1 {
    width: 250px;
    max-height:
        75px;
}

#showme .sub-nav div a {
    color: #25b9f4;
    display: block;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 12px;
    padding: 9px 13px 9px 20px
}

.sub-nav .col-sm-3 {
    background: #111;
    padding-left: 0;
    padding-right: 0;
    display: inherit !important
}

.studName {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 7px
}

.studDescription {
    font-weight: 500;
    font-size: 13px
}

.carousel-control {
    padding-top: 17%;
    width: 5%
}

#city,
#country,
#state {
    padding: 6px 12px
}

.no-scroll::-webkit-scrollbar {
    display: none
}

.no-scroll::-moz-scrollbars {
    display: none
}

.no-scroll::-o-scrollbar {
    display: none
}

.no-scroll::-google-ms-scrollbar {
    display: none
}

.no-scroll::-khtml-scrollbar {
    display: none
}

#country,
#state {
    display: inline-block
}

.purchase a {
    font-weight: 700
}

.purchase {
    margin-top: 8px
}

#alert {
    color: #555
}

#cart {
    color: #555 !important
}

::-moz-scrollbar {
    width: 15px
}

.modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto
}

.left_section {
    float: left;
    width: 100%
}

.left_prdct {
    border: 1px solid #25b9f4;
    border-radius: 3px;
    overflow: hidden
}

.left_prdct h2 {
    line-height: 50px;
    font-size: 20px;
    padding-left: 20px;
    background: #25b9f4;
    color: #fff;
    width: 100%;
    margin: 0
}

.left_prdct ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.left_prdct ul li {
    display: block;
    border-bottom: 1px solid #25b9f4
}

.left_prdct ul li:last-child {
    border-bottom: 0
}

.left_prdct ul li span {
    cursor: pointer;
    display: block;
    padding: 12px 20px;
    color: #000;
    font-size: 14px;
    transition: .2s ease-in
}

#description,
#detail {
    padding: 0 15px;
    text-align: left
}

.left_prdct ul li span:hover,
.left_prdct ul li.selected span {
    cursor: pointer;
    color: #fff;
    background: #25b9f4
}

#testSeriesName,
#testSeriesPrice {
    font-family: "Open
 Sans",Arial,Helvetica,sans-serif;margin:0;display:block}#testSeriesPrice{font-size:21px;display:inline;vertical-align:middle;margin-right:9px}#testSeriesImage{width:235px;height:300px;border:1px
 solid #333
}

.buy {
    background-color: #25b9f4;
    color: #fff
}

#detail {
    color: #555;
    margin: 0
}

#description {
    margin-top: 28px
}

.buy i {
    float: right;
    margin-top: 3px;
    margin-left: 10px;
    margin-right: 0;
    font-size: 14px
}

/* .testSeriesDetail span {
    margin-left: 15px
} */

#testSeriesImageIcon {
    border-radius: 50%;
    width: 130px;
    height: 131px
}

.description-range,
.name,
.price-col,
.purchase {
    cursor: pointer
}

.tp-caption {
    line-height: normal !important;
    text-align: center
}

.wrapper-colorful ul .description-range:hover {
    color: #25b9f4 !important
}

.bootstrap-dialog-title {
    color: grey !important
}

#AlternateMobileNo,
#Center,
#Email,
#FatherName,
#MobileNo,
#Name,
#PassingYear,
#Percentage,
#Qualification,
#city {
    display: inline-block
}

#Center,
#FatherName,
#MobileNo,
#Name,
#Qualification,
#city,
#country,
#state {
    width: 100%
}

#top-android,
#top-apple {
    display: none
}