/*------------------------------------------------------------------
[Master Responsive Stylesheet]

Project: ConnectTutor
Version: 1.0
Last change: 2019
Assigned to: Govindharaj, Subhadra & Arun
Year: 2019
 
-------------------------------------------------------------------*/

@media (min-width: 576px) {
    .navigation.container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .navigation.container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .navigation.container {
        max-width: 980px;
    }
}
@media (min-width: 1200px) {
    .navigation.container {
        max-width: 1200px;
        width: 1200px;
    }
}
@media (max-width: 1900px) and (min-width: 1620px) {
    .home-right-banner,
    .home-left-banner {
        width: 235px;
    }
}
@media(max-width: 1650px) {
    .home-left-banner,
    .home-right-banner {
       display: none;   
	  /* width: 150px; */
    }
}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
    #course-item-content-header h2.course-title {
        font-size: 20px;
    }
    .course-item-popup #learn-press-content-item .content-item-wrap {
        margin: 30px auto;
        max-width: 800px;
    }
    /*
    .header-search {
        width: 410px;
    }
*/
    .header-search .form-control {
        font-size: 13px;
    }
    /*
	#nav-transparent .nav-menu .upgrade_btn a, #nav-transparent .nav-menu .upgrade_btn a:focus {
        margin: 12px 10px;
        font-size: 12px;
    }
*/
    .course-grid .course-grid-img .course-price {
        width: 40%;
    }
}
@media (min-width: 1000px) and (max-width: 1100px) {
    li.float-right.upgrade_btn a {
        /*        padding-left: 0 !important;*/
        padding-right: 15px !important;
    }
    .course-details-side-bar {
        margin-top: -300px;
    }
    .langselect + span {
        margin-left: 20px;
        width: 130px !important;
        margin-bottom: 10px;
    }
    .header-search {
        width: auto;
        margin: 15px 20px;
    }
    #nav-transparent .nav-menu > li > a.con-btn {
        margin: 10px 20px;
    }
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
    .md-mb-15 {
        margin-bottom: 15px;
    }
    .slider-caption {
        top: 45%;
        width: 60%;
    }
    .slider-part {
        height: 300px;
    }
    .info h4 {
        font-size: 20px;
        line-height: 24px;
    }
    section {
        padding: 60px 0;
    }
    .item .icon {
        width: 100%;
        margin-bottom: 20px;
    }
    .item .info {
        width: 100%;
        padding: 0;
        float: none;
    }
    .bg-light.p-40 {
        padding: 30px;
    }
    .heading-title h2 {
        font-size: 32px;
    }
    .course-item h4 {
        font-size: 20px;
    }
    #tabs .col-md-8.offset-md-2 {
        margin-left: 0;
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }
    .catagory {
        text-align: center;
    }
    .catagory .icon {
        width: 100%;
        font-size: 24px;
        margin-bottom: 20px;
        height: 20px;
    }
    .catagory h3 {
        font-size: 18px;
    }
    .main-footer {
        padding: 40px 0;
    }
    .pt-100 {
        padding-top: 30px;
    }
    .header-search {
        width: auto;
        margin: 15px 20px;
    }
    .header-search .form-control {
        width: auto;
        height: calc(2.25rem + 2px);
        padding: 5px;
    }
    .header-search input {
        /*		border: 1px solid #ddd;*/
    }
    .header-search input:focus {
        /*		border: 1px solid #2d76b2;*/
    }
    .dropdown.float-right {
        float: left !important;
        margin: 12px 10px;
    }
    .user-dropdown .dropdown-menu {
        /* min-width: 320px; */
        /* margin: 13px 0; */
        /* box-shadow: none; */
        /* display: block; */
        /* position: relative !important; */
        /* left: 0 !important; */
        /* bottom: 0; */
        /* top: auto !important; */
        /* transform: none !important; */
    }
    a.mob-nav-user {
        /*        display: inline-block;*/
    }
    #nav-transparent .dropdown-menu.dropdown-menu-right.show {
        display: none;
    }
    .user-dropdown.dropdown .btn {
        margin: 0;
    }
    .mob-none {
        display: none;
    }
    .category {
        padding: 40px 0 40px 0;
    }
    .course-details::before {
        height: 290px;
    }
    .review-option .teacher-img {
        margin-bottom: 0;
        width: 60px;
    }
    .course-details-desc {
        /*        margin-top: 90px;*/
        /*        padding-right: 0;*/
    }
    .rating-widget {
        margin-bottom: 30px;
    }
    .course-details-reviews-bar {
        width: 250px;
    }
    .course-details-reviews-comment .media {
        /* display: block; */
    }
    .course-details-reviews-comment .review-img img {
        /*        width: 80px;*/
        /*        margin-bottom: 10px;*/
    }
    .course-details-reviews-comment .review-comment .review-text {
        margin-left: 0;
    }
    .session-navigation .nav-header.w-100 {
        width: 90% !important;
    }
    .session-navigation .nav-toggle:before {
        background-color: #434343;
        box-shadow: 0 0.5em 0 0 #434343, 0 1em 0 0 #434343;
    }
    .session-navigation .float-left,
    .session-navigation .float-right {
        float: none !important;
        padding: 12px 15px 12px 26px;
    }
    .session-mob-navigation {
        padding-top: 60px;
    }
    .session-course {
        margin-bottom: 40px;
    }
    .session-course-content.pl-60 {
        padding-left: 15px;
    }
    .md-d-none {
        display: none;
    }
    .md-pb-30 {
        padding-bottom: 30px;
    }
    .category h1 {
        font-size: 30px;
        line-height: 40px;
        padding-bottom: 2px;
    }
    .catagory .con-icon {
        float: none;
        padding: 0;
        width: auto;
        height: 40px;
        display: inline-block;
    }
    .con-icon {
        width: 100%;
        float: none;
        padding-bottom: 15px;
    }
    .course-wbt.course-lists .course-para {
        height: 100px;
        -webkit-line-clamp: 2;
    }
    .course-list-sct .course-grid-img .course-list-img-sct {
        height: -webkit-fill-available;
    }
    .course-list-sct .course-grid.course-list {
        height: 15.9pc;
    }
    .student-bg {
        height: 200px;
    }
    .register-form {
        padding: 30px 0;
    }
    .register-form .signin-main-content {
        padding: 30px;
    }
    .form-heading.border-0.mt-30.mb-40 {
        margin: 0;
        margin-bottom: 20px;
        padding: 0;
    }
    .register-form .form-heading.border-0 h4 {
        font-size: 28px;
    }
    .thank-you-contributor.signin-main {
        height: 80%;
    }
    .category.course-details h1 {
        padding-bottom: 20px;
    }
    .course-overview-part .course-details-reviews-comment .review-img img {
        width: 40px;
    }
    .rating-widget.forum-reply {
        width: 100px;
        margin: 30px 0px 30px 0;
    }
    #tabs.course-overview-part .nav-tabs .nav-link {
        font-size: 14px;
        padding: 10px;
    }
    .course-item-search {
        display: none;
    }
    .course-item-popup #learn-press-content-item .content-item-wrap {
        margin: 30px;
    }
    #course-item-content-header h2.course-title {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 400px;
    }
    .course-curriculum ul.curriculum-sections .section {
        cursor: pointer;
        width: 100%;
    }
    #course-item-content-header .user-dropdown.dropdown {
        display: block;
    }
    .sticky-top {
        position: relative;
        top: 0;
    }
    .course-details-side-bar {
        margin-top: 80px;
    }
    .nav-menu li.mt-2 {
        margin-top: 0;
    }
    .navigation-portrait .nav-menu > li > a {
        padding: 12px 15px 12px 20px;
    }
    #nav-transparent .nav-menu > li > a.con-btn {
        margin: 10px 20px;
    }
    .user-dropdown.dropdown .btn a {
        color: #434343;
    }
    .notifications .badge {
        position: absolute;
        margin: -30px 0px 0px 8px;
    }
    .notifications {
        margin-right: 10px;
        margin-left: 20px;
        float: right;
        margin-top: 8px;
    }
    .author-icon.sidebar {
        /*        padding: 20px;*/
    }
    .prime-info {
        text-align: center !important;
    }
    /*
    #nav-transparent .nav-menu .upgrade_btn a,
    #nav-transparent .nav-menu .upgrade_btn a:focus {
        margin: 12px 10px;
        font-size: 12px;
    }
*/
    .course-grid .course-grid-img .course-price {
        width: 40%;
    }
    #free_user_modal .modal-body {
        padding: 50px;
    }
    .transform-15 {
        transform: translate(0, 0);
        margin-bottom: 20px;
    }
    .langselect + span {
        margin-left: 20px;
        width: 130px !important;
        margin-bottom: 10px;
    }
}

/*
@media (min-width: 1024px) {    
    .home-bg{
        margin-top: 3%;
    }
}
*/


/* 
  ##Screen = B/w 1000px to 1024px
*/

@media (min-width: 991px) {
    #nav-transparent .nav-menu>li>a {
        /*        padding: 20px 30px 0 16px !important;*/
    }
}
@media (max-width: 991px) {
    .footban img {
        display: none;
    }
}
@media (min-width: 991px) and (max-width: 1024px) {
    #nav-transparent .nav-menu > li > a.con-btn {
        margin: 10px 20px;
        padding: 12px 7px;
    }
    .category {
        padding: 120px 0 60px 0;
    }
    .dropdown.float-right {
        float: right !important;
        margin: 12px 10px;
    }
    /*
    .corporate-img img {
        height: 170px;
        width: 255px;
        object-fit: cover;
    }
*/
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .slider-part {
        height: 350px;
    }
    .slider-caption {
        top: 55%;
        width: 60%;
    }
    .pt-100 {
        padding-top: 100px;
    }
    .header-search {
        margin: 3px;
    }
    .user-dropdown.dropdown {
        /*		display: none;*/
    }
    .mob-none {
        /*		display: block;*/
    }
    .dropdown.float-right {
        /*
        float: right !important;
        margin: 10px 0;
*/
    }
    .category {
        /*        padding: 100px 0 30px 0;*/
    }
    .course-details::before {
        height: 360px;
    }
    .session-navigation .float-left {
        float: left !important;
        padding: 0;
    }
    .session-navigation .float-right {
        float: right !important;
        padding: 0;
    }
    .session-mob-navigation {
        padding-top: 0px;
    }
    .md-d-none {
        display: block;
    }
    .category-sidebar h3 {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .category-view {
        padding: 9px 14px;
    }
    .category-view p {
        font-size: 14px;
    }
    .catagory {
        text-align: left;
    }
    .catagory .con-icon {
        float: left;
        padding-right: 15px;
        height: auto;
        display: block;
    }
    #nav-transparent .dropdown-menu.dropdown-menu-right.show {
        display: block;
    }
    .course-sct h4 {
        font-size: 14px;
    }
    .student-bg {
        height: 260px;
    }
    .register-form {
        padding: 40px 0;
    }
    .register-form .signin-main-content {
        padding: 30px;
    }
    .form-heading.border-0.mt-30.mb-40 {
        margin: 50px 0 30px 0;
        padding: 0;
    }
    .register-form .form-heading.border-0 h4 {
        font-size: 30px;
    }
    .thank-you-contributor.signin-main {
        height: 90%;
    }
    .rating-widget.forum-reply {
        width: 100px;
        margin: 0px 0px 30px 0;
    }
    #tabs.course-overview-part .nav-tabs .nav-link {
        font-size: 18px;
        padding: 10px;
    }
    .session-navigation .user-dropdown.dropdown {
        display: block;
    }
    .session-navigation .user-dropdown.dropdown .btn a {
        display: inline-block;
    }
    #nav-transparent + .pt-100 {
        padding-top: 90px;
    }
    .course-item-search {
        display: block;
    }
    #course-item-content-header h2.course-title {
        width: 350px;
    }
    .md-mb-15 {
        margin-bottom: 0px;
    }
    .nav-menu li.mt-2 {
        margin-top: 12px !important;
    }
    .notifications .badge {
        position: absolute;
        margin: -6px 0px 0px -6px;
    }
    .notifications {
        margin-right: 20px;
        top: 8px;
        float: none;
    }
    .author-icon.sidebar {
        padding: 0;
    }
    #free_user_modal .modal-body {
        padding: 75px 120px;
    }
    #nav-transparent .nav-menu>li:first-child > a {
        /*        padding-left: 0;*/
    }
    .header-search {
        width: 270px;
        margin: 0px;
    }
    li.float-right.upgrade_btn a {
        /*        padding-left: 0 !important;*/
        padding-right: 8px !important;
    }
    .course-details-side-bar {
        margin-top: -300px;
    }
    .prime-info {
        text-align: left !important;
    }
    .header-search {
        width: auto;
        margin: 15px 20px;
    }
    .header-search .form-control {
        width: auto;
        height: calc(2.25rem + 2px);
        padding: 5px 0px;
    }
    .dropdown.float-right {
        float: left !important;
        margin: 12px 10px;
    }
    #nav-transparent .dropdown-menu.dropdown-menu-right.show {
        display: none;
    }
    .user-dropdown.dropdown .btn {
        margin: 0;
    }
    .mob-none {
        display: none;
    }
    ul.list-unstyled.author-icon.mb-0.d-block.d-lg-none {
        display: block !important;
        margin-top: 10px;
    }
    /*
    .corporate-img img {
        height: 170px;
        width: 255px;
        object-fit: cover;
    }
*/
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
    .signin-content,
    .signin-img-content {
        width: 100%;
        padding: 30px;
    }
    .account .signin-img-content,
    .account .signin-content {
        width: 100%;
        padding: 30px;
    }
    section {
        padding: 60px 0;
    }
    .signin-container {
        display: block !important
    }
    .thank-you-contributor .signin-container {
        display: flex !important;
        height: 80%;
    }
    .sm-p-0 {
        padding: 60px 0px;
    }
    .sm-mb-30 {
        margin-bottom: 30px;
    }
    .form-heading.text-right {
        text-align: left !important;
    }
    .xs-mb-0 {
        margin-bottom: 0px;
    }
    .main-footer {
        padding: 50px 30px;
    }
    .slider-caption {
        width: 75%;
    }
    .slider-caption {
        top: 45%;
    }
    .slider-part {
        height: 290px;
    }
    .info {
        padding-right: 0px;
    }
    .course-item h4,
    .info h4 {
        font-size: 20px;
    }
    .course-item p {
        font-size: 15px;
    }
    .nav-link {
        padding: .5rem;
    }
    .pt-100 {
        padding-top: 60px;
    }
    .heading-title h2,
    .thank-you-caption h1 {
        font-size: 30px;
        line-height: 42px;
    }
    .dropdown.float-right {
        float: left !important;
        margin: 12px 10px;
    }
    .user-dropdown .dropdown-menu {
        /* min-width: 320px; */
        /* margin: 13px 0; */
        /* box-shadow: none; */
        /* display: block; */
        /* position: relative !important; */
        /* left: 0 !important; */
        /* bottom: 0; */
        /* top: auto !important; */
        /* transform: none !important; */
    }
    .user-dropdown.dropdown .btn {
        margin: 0;
    }
    .user-dropdown.dropdown .btn a {
        /*        display: none;*/
    }
    .mob-none {
        display: none;
    }
    a.mob-nav-user {
        /*        display: inline-block;*/
    }
    #nav-transparent .dropdown-menu.dropdown-menu-right.show {
        display: none;
    }
    .thank-you-caption {
        padding: 0;
    }
    .header-search {
        width: 280px;
        margin: 20px;
    }
    .header-search input {
        /*		border: 1px solid #ddd;*/
    }
    .header-search input:focus {
        /*		border: 1px solid #2d76b2;*/
    }
    .stud-profile {
        padding: 30px 15px;
    }
    .category {
        padding: 30px 0 30px 0;
    }
    .course-details::before {
        height: 300px;
    }
    .review-option .teacher-img {
        margin-bottom: 0;
        width: 60px;
    }
    .course-details-desc {
        margin-top: 0px;
        padding-right: 0;
    }
    .rating-widget {
        margin-bottom: 30px;
    }
    .course-details-reviews-bar {
        width: 250px;
    }
    .course-details-reviews-comment .media {
        /* display: block; */
    }
    .course-details-reviews-comment .review-img img {
        width: 80px;
        margin-bottom: 10px;
    }
    .course-details-reviews-comment .review-comment .review-text {
        margin-left: 0;
    }
    .session-navigation .nav-header.w-100 {
        width: 90% !important;
    }
    .session-navigation .nav-toggle:before {
        background-color: #434343;
        box-shadow: 0 0.5em 0 0 #434343, 0 1em 0 0 #434343;
    }
    .session-navigation .float-left,
    .session-navigation .float-right {
        float: none !important;
        padding: 12px 15px 12px 26px;
    }
    .session-mob-navigation {
        padding-top: 60px;
    }
    .session-course {
        margin-bottom: 40px;
    }
    .session-course-content.pl-60 {
        padding-left: 15px;
    }
    .sm-d-none {
        display: none;
    }
    .category-filter .d-flex {
        display: flex !important
    }
    .category h1 {
        font-size: 26px;
        padding-bottom: 0px;
    }
    .student-bg {
        height: 200px;
    }
    .register-form {
        padding: 30px 0;
    }
    .register-form .signin-main-content {
        padding: 30px;
    }
    .form-heading.border-0.mt-30.mb-40 {
        margin: 0;
        margin-bottom: 20px;
        padding: 0;
    }
    .register-form .form-heading.border-0 h4 {
        font-size: 28px;
    }
    .signup-height.signin-main {
        /* margin: 60px 0 60px 0; */
    }
    .signin-height.signin-main {
        /* margin: 60px 0 60px 0; */
    }
    .signup-height,
    .signin-height {
        /* min-height: 740px; */
        display: block;
    }
    .signin-height {
        /* min-height: 640px; */
    }
    .signin-main-content {
        margin: 30px 0;
    }
    .category.course-details h1 {
        padding-bottom: 20px;
    }
    .course-overview-part .nav-justified .nav-item {
        flex-basis: auto;
        width: 100%;
    }
    .course-overview-part .course-details-reviews-comment .review-img img {
        width: 40px;
    }
    .rating-widget.forum-reply {
        width: 100px;
        margin: 0px 0px 30px 15px;
    }
    .course-item-search {
        display: none;
    }
    .course-item-popup #learn-press-content-item .content-item-wrap {
        margin: 30px;
    }
    #course-item-content-header h2.course-title {
        font-size: 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 400px;
        line-height: 60px;
    }
    .course-curriculum ul.curriculum-sections .section {
        cursor: pointer;
        width: 100%;
    }
    #course-item-content-header .toggle-content-item {
        width: 40px;
        height: 40px;
        border-radius: 5px;
        margin: 10px 10px;
        font-size: 18px;
        line-height: 40px;
    }
    #course-item-content-header .form-button {
        margin: 0px 0;
    }
    #course-item-content-header .con-btn {
        padding: 12px 14px;
    }
    #course-item-content-header,
    #course-item-content-footer {
        height: 60px;
    }
    .course-item-popup #learn-press-course-curriculum,
    .course-item-popup #learn-press-content-item {
        top: 60px;
    }
    .course-curriculum ul.curriculum-sections .section-header .section-title,
    .course-curriculum ul.curriculum-sections .section-header .section-desc {
        margin: 12px 0 6px 0;
        font-size: 16px;
    }
    .curriculum-sections.course-content .card-header a {
        line-height: 20px;
    }
    .course-list-main-img,
    .course-list-main-content {
        width: 100%;
    }
    .course-grid.course-list.course-list-main-img {
        margin-bottom: 0;
    }
    .course-list-main-content-bottom {
        position: relative;
    }
    #course-item-content-header .user-dropdown.dropdown .btn {
        padding: 12px 14px;
    }
    .sticky-top {
        position: relative;
        top: 0;
    }
    .course-details-side-bar {
        margin-top: 30px;
    }
    .nav-menu li.mt-2 {
        margin-top: 0 !important;
    }
    .navigation-portrait .nav-menu > li > a {
        padding: 12px 15px 12px 20px;
    }
    #nav-transparent .nav-menu > li > a.con-btn {
        margin: 8px 20px;
    }
    .user-dropdown.dropdown .btn a {
        /*
		display: none;
*/
        color: #434343;
        padding-left: 5px;
        float: right;
        margin-top: 5px;
    }
    .notifications .badge {
        position: absolute;
        margin: -32px 0px 0px 5px;
    }
    .notifications {
        margin-right: 10px;
        margin-left: 20px;
        float: right;
        margin-top: 10px;
    }
    .author-icon.sidebar {
        /*        padding: 20px;*/
    }
    .categories {
        clear: both;
    }
    #free_user_modal .modal-body {
        padding: 50px;
    }
    .radio-tile-group .input-container {
        /*        position: relative;*/
        /*        height: auto;*/
        /*        width: auto;*/
        /*        margin: 15px 0;*/
    }
    .radio-tile-group {
        /*        display: block;*/
    }
    .course-review i {
        font-size: 13px;
    }
    /*
    .corporate-img img {
        height: 170px;
        width: 255px;
        object-fit: cover;
    }
*/
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
	.home-left-banner,
    .home-right-banner {
      display: none;
    }
	
    .signin-content,
    .signin-img-content {
        width: 100%;
        padding: 26px;
    }
    .account .signin-img-content,
    .account .signin-content {
        width: 100%;
        padding: 30px;
    }
    .signup-height,
    .signin-height {
        display: block;
    }
    .signin-height {
        /* min-height: 740px; */
    }
    .signin-main-content {
        /*        margin: 30px;*/
    }
    .signup-height .signin-main-content {
        /* margin-top: 60px; */
    }
    .signin-main .checkbox label {
        padding-left: 32px;
    }
    .signin-main-content.mt-60.mb-60.p-40.d-block {
        margin: 0;
    }
    section {
        padding: 60px 0;
    }
    .sm-p-0 {
        padding: 25px 10px;
    }
    .form-heading.text-right {
        text-align: left !important;
    }
    .xs-mb-30 {
        margin-bottom: 30px;
    }
    .xs-mb-15 {
        margin-bottom: 15px;
    }
    .xs-mb-0 {
        margin-bottom: 0px;
    }
    .xs-pb-30 {
        padding-bottom: 30px;
    }
    .main-footer {
        padding: 40px 15px;
    }
    .slider-caption {
        width: 90%;
    }
    .slider-caption {
        top: 45%;
    }
    .slider-part {
        height: 280px;
    }
    .slider-caption h1 {
        font-size: 26px;
        line-height: 34px;
    }
    .slider-caption .caption-text {
        font-size: 18px;
    }
    .item .icon {
        width: 100%;
        margin-bottom: 20px;
    }
    .item .info {
        padding-right: 0px;
        width: 100%;
    }
    .bg-light.p-40 {
        padding: 40px 15px;
    }
    .heading-title h2,
    .thank-you-caption h1 {
        font-size: 30px;
        line-height: 42px;
    }
    .pt-100 {
        padding-top: 60px;
    }
    .info h4,
    .thank-you-caption .caption-text {
        font-size: 20px;
    }
    .dropdown.float-right {
        float: left !important
    }
    .user-dropdown .dropdown-menu {
        /* min-width: 320px; */
        /* margin: 13px 0; */
        /* box-shadow: none; */
        /* display: block; */
        /* position: absolute; */
        /* left: 0 !important; */
    }
    .user-dropdown.dropdown .btn {
        /* margin: 0; */
        margin: 12px;
    }
    a.mob-nav-user {
        /*        display: inline-block;*/
    }
    .user-dropdown.dropdown .btn a {
        /*
		display: none;
*/
        color: #434343;
        /*        padding-left: 5px;*/
        float: right;
        margin-top: 5px;
    }
    .notifications .badge {
        position: absolute;
        margin: -30px 0px 0px 9px;
    }
    .notifications {
        margin-right: 10px;
        margin-left: 20px;
        float: right;
        margin-top: 20px;
    }
    .author-icon {
        padding: 20px;
    }
    #nav-transparent .dropdown-menu.dropdown-menu-right.show {
        display: none;
    }
    .mob-none {
        display: none;
    }
    .thank-you-caption {
        padding: 0;
    }
    .header-search {
        width: 280px;
        margin: 20px;
    }
    .header-search input {
        /*		border: 1px solid #ddd;*/
    }
    .header-search input:focus {
        /*		border: 1px solid #2d76b2;*/
    }
    .stud-profile {
        padding: 0px 15px;
    }
    .student-bio.mb-60 {
        margin-bottom: 0px;
    }
    .review-option {
        display: block;
    }
    .category {
        padding: 30px 0 30px 0;
    }
    .review-option .border {
        height: 20px;
        border: 0 !important;
    }
    .course-details::before {
        height: 580px;
    }
    .review-option .teacher-img {
        margin-bottom: 15px;
        float: left;
        display: flex;
        margin-right: 20px;
    }
    .course-details-desc {
        margin-top: 0px;
        padding-right: 0;
    }
    .rating-widget {
        margin-bottom: 30px;
    }
    .course-details-reviews-bar {
        width: 250px;
    }
    .course-details-reviews-comment .media {
        /* display: block; */
    }
    .course-details-reviews-comment .review-img img {
        width: 80px;
        margin-bottom: 10px;
    }
    .course-details-reviews-comment .review-comment .review-text {
        margin-left: 0;
    }
    .session-navigation .nav-header.w-100 {
        width: 80% !important;
    }
    .session-navigation .nav-toggle:before {
        background-color: #434343;
        box-shadow: 0 0.5em 0 0 #434343, 0 1em 0 0 #434343;
    }
    .session-navigation .float-left,
    .session-navigation .float-right {
        float: none !important;
        padding: 12px 15px 12px 26px;
    }
    .session-mob-navigation {
        padding-top: 60px;
    }
    .session-course {
        margin-bottom: 40px;
    }
    .session-course-content.pl-60 {
        padding-left: 15px;
    }
    .category h1,
    .category.course-details h1 {
        font-size: 26px;
        padding-bottom: 0px;
        line-height: 36px;
    }
    .xs-d-none {
        display: none;
    }
    .category-filter .d-flex {
        display: flex !important
    }
    .catagory .con-icon {
        width: 12%;
    }
    .stud-profile-padd {
        padding: 30px;
        margin: 0;
    }
    .stud-profile-padd.mb-40 {
        margin-bottom: 0;
    }
    .student-bg {
        height: 200px;
    }
    .register-form {
        padding: 30px 0;
    }
    .register-form .signin-main-content {
        /*        padding: 30px;*/
    }
    .form-heading.border-0.mt-30.mb-40 {
        margin: 0;
        margin-bottom: 20px;
        padding: 0;
    }
    .register-form .form-heading.border-0 h4 {
        font-size: 28px;
    }
    .course-details-overview .pr-40 {
        padding-right: 15px;
    }
    .category.course-details-overview {
        padding: 30px 0 40px 0;
    }
    .course-overview-part .nav-justified .nav-item {
        flex-basis: auto;
        width: 100%;
    }
    .course-overview-part .course-details-reviews-comment .review-img img {
        width: 40px;
    }
    .category.course-details h1 {
        padding-bottom: 20px;
    }
    .rating-widget.forum-reply {
        width: 100px;
        margin: 0px 0px 30px 15px;
    }
    .course-item-search {
        display: none;
    }
    .course-item-popup #learn-press-content-item .content-item-wrap {
        margin: 30px;
    }
    #course-item-content-header h2.course-title {
        font-size: 18px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 120px;
        line-height: 60px;
    }
    .course-curriculum ul.curriculum-sections .section {
        cursor: pointer;
        width: 100%;
    }
    #course-item-content-header .toggle-content-item {
        width: 40px;
        height: 40px;
        border-radius: 5px;
        margin: 10px 10px;
        font-size: 18px;
        line-height: 40px;
    }
    #course-item-content-header .form-button {
        margin: 0px 0;
    }
    #course-item-content-header .con-btn {
        padding: 12px 14px;
    }
    #course-item-content-header,
    #course-item-content-footer {
        height: 60px;
    }
    .course-item-popup #learn-press-course-curriculum,
    .course-item-popup #learn-press-content-item {
        top: 60px;
    }
    .course-curriculum ul.curriculum-sections .section-header .section-title,
    .course-curriculum ul.curriculum-sections .section-header .section-desc {
        margin: 12px 0 6px 0;
        font-size: 16px;
    }
    .curriculum-sections.course-content .card-header a {
        line-height: 20px;
    }
    #learn-press-content-item .user-dropdown.dropdown .btn a {
        display: inline-block;
        color: #fff;
    }
    #learn-press-content-item .user-dropdown.dropdown .btn {
        margin: 10px 0px;
    }
    .course-list-main-img,
    .course-list-main-content {
        width: 100%;
    }
    .course-grid.course-list.course-list-main-img {
        margin-bottom: 0;
    }
    .course-list-main-content-bottom {
        position: relative;
    }
    #course-item-content-header .user-dropdown.dropdown .btn {
        padding: 12px 14px;
    }
    .xs-mb-form-group {
        margin-bottom: 25px;
    }
    .sticky-top {
        position: relative;
        top: 0;
    }
    .course-details-side-bar {
        margin-top: 30px;
    }
    .nav-menu li.mt-2 {
        margin-top: 0 !important;
    }
    .navigation-portrait .nav-menu > li > a {
        padding: 12px 15px 12px 20px;
    }
    #nav-transparent .nav-menu > li > a.con-btn {
        margin: 8px 20px;
    }
    .prime-info {
        text-align: center !important;
    }
    .contributor-img {
        margin-bottom: 20px;
    }
    .categories {
        clear: both;
    }
    .owl-carousel .item {
        width: 90%;
        margin: auto;
    }
    /*
    .ribbonblk {
        width: 82px;
        height: 88px;
        top: -3px;
        right: -3px;
        z-index: 9;
    }
    .ribbon3 {
        left: 0px;
        top: 11px;
        width: 79px;
    }
    .ribbon2 {
        font-size: 13px;
        left: -3px;
        top: 16px;
        width: 86px;
        padding: 2px 2px 0 15px;
    }
*/
    #free_user_modal .modal-body {
        padding: 40px 10px;
    }
    .radio-tile-group .input-container {
        position: relative;
        height: auto;
        width: auto;
        margin: 15px 0;
    }
    .radio-tile-group {
        display: block;
    }
    .chat-room-widget .left,
    .chat-room-widget .right {
        width: 100%;
    }
    .chat-room-widget .left .people {
        height: auto;
    }
    .transform-15 {
        transform: translate(0, 0);
        margin-bottom: 20px;
    }
    .review-option .border {
        height: 20px;
        border: 0 !important;
        margin: 0 10px;
    }
    .review-option .teacher-img {
        float: left;
        display: flex;
    }
    .course-about-contributor .review-option {
        display: flex;
        margin: 0;
    }
    .langselect + span {
        margin-left: 20px;
        width: 280px !important;
        margin-bottom: 10px;
    }
    #free_user_modal .close {
        right: -5px;
    }
    .corporate-item .con-btn {
        font-size: 14px;
        padding: 10px;
    }
    .corporate-desc p {
        display: block;
        display: -webkit-box;
        max-width: 100%;
        margin: 0 auto;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .corp-logo {
        margin: auto;
        display: block;
        margin-bottom: 25px;
        width: 180px;
    }
    .corporate-info {
        text-align: center;
    }
    /*
    .corporate-img img {
        width: 100%;
        object-fit: cover;
    }
*/
}
@media (min-width: 414px) and (max-width: 736px) and (orientation: landscape) {
	.home-left-banner,
    .home-right-banner {
      display: none;
    }
	
    #free_user_modal .modal-body {
        padding: 50px;
    }
    .stud-profile {
        padding: 10px;
    }
    .prime-info {
        text-align: center !important;
    }
    .transform-15 {
        transform: translate(0, 0);
        margin-bottom: 20px;
    }
    .langselect + span {
        margin-left: 20px;
        width: 280px !important;
        margin-bottom: 10px;
    }
    .corporate-info > div {
        max-width: 30%;
    }
    .corporate-info > div + div {
        max-width: 70%;
    }
    .corporate-list .col-12 {
        max-width: 50%;
        flex: 0 0 50%;
    }
    /*
    .corporate-img img {
        width: 100%;
        object-fit: cover;
    }
*/
}
@media (min-width: 414px) and (max-width: 736px) and (orientation: portrait) {
    #free_user_modal .modal-body {
        padding: 50px;
    }
    .stud-profile {
        padding: 10px;
    }
    .prime-info {
        text-align: center !important;
    }
    .transform-15 {
        transform: translate(0, 0);
        margin-bottom: 20px;
    }
}
@media (min-width: 393px) and (max-width: 786px) and (orientation: portrait) {
    #free_user_modal .modal-body {
        padding: 50px;
    }
    .stud-profile {
        padding: 10px;
    }
    .prime-info {
        text-align: center !important;
    }
    .transform-15 {
        transform: translate(0, 0);
        margin-bottom: 20px;
    }
    /*
    .corporate-img img{
        height: 170px;
        width: 255px;
        object-fit: cover;
    }
*/
    .banner {
        padding: 0 0 30px;
    }
}