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

.signup-page-area {
    padding: 100px 0px 50px 0px;
}    
.about-page-about-text.new span {
    padding: 0px;
} 
.yl-instructor-img-text {
    position: relative;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.vision-text {
    margin-top: 0px;
}
.yl-contact-content-inner .yl-contact-content-text span {
    font-size: 16px;
}    
.course-details-section {
    padding: 40px 0px;
}   
span.cd-table-title.float-left i {
    position: absolute;
    top: 5px;
    left: 0;
}
span.cd-table-title.float-left {
    position: relative;
    padding-left: 25px;
    width: 75%;
    font-size:14px;
}
span.cd-table-valur.float-right {
    width: 25%;
    font-size:14px;
}


.course-video-list {
    height: 240px;
}
.c-overview-title {
    font-size: 24px;
}
.yl-brand-logo.float-left {
    width: 55%;
}    
.header-style-four .yl-main-navigation li a {
    color: #000000;
    font-weight: 500;
    padding-bottom: 5px;
    font-size: 14px;
}    
.common-login-signup {
    display:inline-block !important;
}
.hero-slider-section .one-item .slide-item img {
    height:160px;
}    
.hero-slider-section{
    position:relative;
    width: 100%;
    margin-top:70px;
}   
.category-menu {
    position: relative;
    width: 190px;
    left: 0;
    top: 0px;
    background: #0b3c52;
    padding: 10px;
    border-radius: 4px;
    display: none;
    z-index: 9999;
    text-align: left;
}
.btn-menuToggle{
     display:inline-block;
}

li.dropdown{
        position:relative;
        width: 100%;
        display:block;    
}
li.dropdown .dropdown-menu{
        position:absolute;
        width: 100%;
        left:0;
        background:#ccc;
        top:0;
        display:block;    
}
    .navbar-menu.active {
        position: fixed;
        width: 65%;
        top: 70px;
        background: #14607e;
        z-index: 9999;
        left: 0;
        padding: 15px;
        transition:0.5s;
        display: inline-block;
        height: 100%;
    }
    .navbar-menu.active li{
        position:relative;
        width: 100%;
        display:block;
        text-align:left;
    }    
    .navbar-menu.active li a{
        position:relative;
        display:inline-block;
        color:#fff;
        width:100%;
    }        

.btn-mob-login{
    position:relative;
    display:inline-block;
} 
.btn-login-signup{
    position:relative;
    display:none;
} 
.front-videos-area .col-lg-3{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;    
}

.slider-main-item-2 {
  padding:0px;
  position:relative;
  height:190px;
}
    .yl-header-main {
        position:fixed;
        width:100%;
        top:0;
        left:0;
        right:0;
        height:70px;
        z-index:9999;
        padding: 0;
        background:#fff;
    }
.slider-main-img img{
    height:190px!important;
    width:100%;
}
.slider-main-item-2 .slider-main-text {
    padding-top: 0px;
}
.slider-main-item-2 .container{
  position:absolute;
  padding:50px 15px;
  top:0;
  left:0;
  right:0;
  z-index:9;
}
.slider-main-item-2 .container a{
  display:none;
}
    .yl-popular-course-img {
        width: 100%;
        height:auto!important;
    }
.auth-header h2 {
    text-align: center;
    color: #000;
    padding-bottom: 5px;
    font-size: 24px;
}     
.product4register{
    width:50%;
}
.form-check-label {
    margin-bottom: 0;
    font-size: 13px;
    position: relative;
    top: -2px;
}
.courseBundleImage img {
    position: relative;
    height: 80px;
}
.auth-form .col-md-6{
    margin-bottom:10px;
}  
.auth-form .form-group {
    margin-bottom: 0;
}
.btn-login-signup {
    padding: 4px 15px 8px;
}   
    .yl-header-login-signup {
        margin-left: 0px;
    }
.header-style-four .yl-main-navigation {
    width: 32%;
}
.navbar-menu{
    display:inline-block;
    position:absolute;
    width:0px;
    left:0;
    top:70px;
    z-index:99;
    overflow:hidden;
}    
.d-view-logo{
    display:none;
}
.m-view-logo{
    display:inline-block;
    height:50px;
}    
.login-form {
    padding: 10px;
    margin-left: 0;
    z-index:9;
} 
.yl-contact-form-wrap {
    margin-top: 15px;
}
.login-section {
    background: linear-gradient(132deg, #044262, #044262, #044262);
}
.login-section .col-lg-6:first-child{
    display:none
} 
.slider-main-item-2 .slider-main-text h1 {
    font-size: 31px;
    padding-bottom: 7px;
}
.slider-main-item-2 .slider-main-text span {
    padding-bottom: 0px;
}
.about-page-about-section, .about-page-service-section {
    padding: 29px 0px;
}
.yl-popular-course-img-text {
    max-width: 315px;
}
.yl-instructor-img-text .yl-instructor-img img {
    width: 234px;
    height: 234px;
}
.yl-instructor-img-text .yl-instructor-img {
    width: 100%;
    height: auto;
}
.yl-instructor-img-text .yl-instructor-text {
    padding: 10px 15px 11px;
}
.testimonial-slider-3 .owl-dots {
    margin-top: 0px;
}
.faq-content-area {
    margin: 24px 0px;
}
.yl-footer-copyright {
    margin-top: -14px;
}
.faq-item {
    margin: 17px 10px;
}
.yl-counter-icon img{
    height:30px;
}
.yl-counter-icon-text .yl-counter-text span {
    font-size: 26px;
}
.yl-counter-icon-text .yl-counter-text p {
    font-size: 13px;
}
.yl-counter-icon-text .yl-counter-text strong {
    font-size: 20px;
}
.yl-counter-content .col-md-3.col-sm-6 {
    width: 50%;
}
.yl-counter-section {
    padding: 22px 0px;
}
.yl-department-section {
    padding: 14px 0px 30px;
    text-align: center;
}
.yl-department-section .yl-department-content {
    padding-top: 0px;
}
.yl-department-section .yl-department-btn {
    display: none;
}
.yl-breadcrumb-section {
    padding:0px;
    margin-top: 70px;
}
.about-page-about-text.new h2 {
    font-size: 25px;
}
.yl-vision-vision.position-relative {
    padding: 0px 0px 24px;
}
.yl-popular-course-img-text .yl-popular-course-img img {
    height: auto;
}

.yl-googlemap {
    margin-top: 0px;
}
.yl-googlemap {
    padding: 0px 0px 0px;
}
.contact-content-section {
    padding: 23px 0px;
}
}