<style type="text/css">
.card-box:hover {
    box-shadow: 0 20px 20px rgba(0,0,0,.1);
    -moz-box-shadow: 0 20px 20px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 20px 20px rgba(0,0,0,.1);
}
       .course-box {
    padding-bottom: 10px!important;
    padding: 0 10px!important;
}
.text-muted {
    color: #919aa3!important;
    margin-bottom: 10px;
}
.blogThumb
{
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.428571429;
    background-color: #fff;
    border: none;
}
.modal-body.new
{
    padding: 15px;
}
.btn-pink {
    background-color: #ff4081 !important;
    border: 1px solid #ff4081 !important;
    color: #fff !important;
}
.btn-success {
    background-color: #37ce8a !important;
    border: 1px solid #37ce8a !important;
    color: #fff !important;
}
.mdl-button--raised {
    background: rgba(158, 158, 158, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}
.mdl-button {
    background: 0 0;
    border: none;
    border-radius: 2px;
    color: #000;
    position: relative;
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0 16px;
    display: inline-block;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 36px;
    vertical-align: middle;
}


.card-box {
    width: 100%;
}
.card-box {
    background: #fff;
    min-height: 50px;
    box-shadow: none;
    position: relative;
    margin-bottom: 20px;
    /* transition: .5s; */
    border: 1px solid #f2f2f2;
    border-radius: 0;
}
.card-head {
    border-radius: 2px 2px 0 0;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
    padding: 2px;
    /* text-transform: uppercase; */
    color: #3a405b;
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;
    min-height: 40px;
}
.card-head header {
    display: inline-block;
    padding: 11px 20px;
    vertical-align: middle;
    line-height: 17px;
    font-size: 20px;
}
iframe{width: 100% !important;}
.dropdown-menu {
    right: auto !important;
}

    .carousel-control.left
    {
        background-image: none!important;
    }
    .carousel-control.right
    {
        background-image: none!important;
    }
    .carousel-control
    {
        opacity: 1!important;  
    }
   /* .width-set
    {
        width: 330px;
    }*/

    .viewall
    {
    border-radius: 2px;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 500;
    transition: box-shadow .2s ease;
    vertical-align: super;
    cursor: pointer;
    outline: none;
    background: #2874f0;
    color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    border: none;

    }
    #mobile-error{
        font-size: 12px;
    }
    #view a:hover
    {
        color: #fff;
    text-decoration: none;
    }

    .invalid-feedback
    {
        color: red;
        font-style: italic;
        padding: 5px;
    }
    .test_pack_list .no-offer .price
    {
        display: block !important;
    }
    #subsc
    {
        background-color: #33b5e5;
        color: white;
    }
    span.white-text
    {
        font-weight: 700;
        top: -4px;
        font-size: 30px;
        right: 8px;
        position: absolute;
        color: white;
    }
    .owl-item.active
    {
        text-align: center;
        text-align: -webkit-center;
    }
    /*video section*/
    @media only screen and (max-width: 600px)
    {
        .form-section .main-form { padding: 0px 10px; }
        .cat-card { border: 1px solid #ddd; text-align: center; padding: 10px; background-color: #fff; margin-bottom: 20px; width: 150px; }
        .form-group { margin-bottom: 5px; }
        .testimonial { padding: 10px 0px; }
        .content { font-size: 13px; line-height: 2; margin-bottom: 5px; }
        .publication_cls { margin-top: -30px; }
        .publication { padding: 0px 0px 0px 0px; background-color: #eceeee; }
        .m-t-sm-4 { margin-top: 15px; padding: 0px;}
        .main-footer .address li { padding: 5px 0px; }
        .main-footer .quick-links li { width: 50%; float: left; margin-bottom: 0px; }
        .main-footer .quick-links li { padding: 4px 0px; }
        main-footer .quick-links a:before { content: "\f054"; font-family: FontAwesome; color: #fff; margin-right: 10px; font-weight: 100; font-size: 10px; }
        .width-set { width: 280px !important; }
    }

    .error { color: red; }

</style>