a@media (max-width: 1200px){
    .nav-bar .navbar-light{padding: 0;}
    .nav-bar .navbar-light .navbar-nav .nav-link{
        padding:  0 8px;
        font-size: 16px;
    }
    .owl-carousel.owl-theme .owl-nav .owl-next {left: -40px;} /*en*/
    .owl-carousel.owl-theme .owl-nav .owl-prev {right: -40px;} /*en*/
    /*profile page*/
    .profile .nav-pills{width: 63%;}
    /*course-details page*/
    .course-content .nav-pills {width: 70%;}
    /* login page*/
    .login-page .nav-pills .nav-link{padding: 10px 10px 18px;}
    .login-page .nav-pills .nav-link.active, .login-page .nav-pills .show>.nav-link {font-size: 15px;}
    
}
@media screen and (max-width: 1024px) {
    .course-slide .title,
    .features .feature p {width: 100%;}
    
}
@media screen and (max-width: 991px){
    .main-header{padding: 12px 0;}
    .main-header .logo {height: 80px;}
    .main-header .nav-bar{text-align: center;}
    .close-nav{display: block;}
    .nav-bar .navbar-light
    {
        margin: 0;
        padding: 0;
    }
    .navbar-light .navbar-toggler{border-color: transparent; outline: 0;}
    .nav-bar button:focus{outline: 0;}
    .navbar-collapse .navbar-nav {margin-top: 58px;}
    .navbar-collapse
    {
        position: fixed;
        overflow-y: scroll;
        height: 100%;
		top: 0;
		right: -100%;
		width: 37%;
		height: 100vh;
        border-radius: 0;
        background: #fff;
        z-index: 100;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out; 
        transition: all 0.3s ease-in-out; 
        
    }
    .navbar-collapse.collapse.show {
        -webkit-animation: fadeInRight 1s;
        animation: fadeInRight 1s;
        right: 0;
    }
    .nav-bar .navbar-light .navbar-nav .nav-link {
        font-size: 18px;
        text-align: center;
        padding: 12px 0;
        margin: 10px 0;
    }
    .nav-bar .navbar-light .navbar-nav .nav-link::after,
     .nav-bar .navbar-light .navbar-nav .active>.nav-link::after{margin: 5px auto 0;}
    .nav-bar .navbar{border: 0;}

    .main-slider  {height: 600px;}
    .main-slider .caption{
        width: 100%;
        text-align: center;
    }
    .main-slider .caption p{font-size: 25px;}
    .main-slider .owl-carousel.owl-theme .owl-nav {
        left: 50%; /*en*/
        right: auto;
        transform: translateX(-50%);
    }
    .upcomming-courses,
    .why-us, .blogs {padding: 30px 0;}
    .course-slide .dept {font-size: 16px;}
    .features .feature {margin-bottom: 20px;}
    .s-head h2,
    .blogs .s-head .all-blogs {font-size: 20px;}
    .why-us .s-head {margin-bottom: 30px;}
    .footer {text-align: center;}
    .footer .join-trainer {width: 90%;}
    .footer .join-trainer h3 {font-size: 25px;}
    .footer .join-trainer h4 {
        font-size: 17px;
        margin: 25px 0;
    }
    .footer .social ul {justify-content: center;}
    .footer .footer-links h6 {margin-top: 16px;}
    .footer .footer-links li a {font-size: 16px;}
    /*.footer .footer-logo img {width: 70%;} */
    footer .copyright{padding: 15px 0;}
    footer .copyrights p,
    footer .copyrights .ibtdi{
        text-align: center;
        font-size: 16px;
    }
    .loading:before {background-size: 23%;}
     /*start sttic head seaction*/
    .static-head{padding: 25px 0;}
    .static-head h3{font-size: 20px}
    /*profile page*/
    .profile-page .profile {padding: 20px;}
    .profile .nav-pills{width: 87%;}
    .profile .acc-info {width: 100%;}
    .profile .acc-info .profile-text, 
    .profile .acc-info .profile-text h6{
        font-size: 16px;
    }
    .profile .acc-info .profile-text a {margin-top: 25px;}
    /*gallery page*/
    .gallery .image-popup-vertical-fit > img {
        width: 100%;
    }
    /*.course-details page*/
    .course-text {margin-top: 15px;}
    .course-details-banner .first{
        padding: 0 15px;
    }
    .course-content {padding: 45px;}
    .course-content .nav-pills {
        width: 100%;
        margin: auto auto 30px auto;
    }
    .course-tabs {text-align: center;}
    .course-content .course-tabs h6 {font-size: 20px;}
    .course-content .course-tabs .desc {margin: 20px 0;}
    .course-content .course-tabs .desc li {width: 100%;}
    .myaccordion .btn {font-size: 19px;}
    .myaccordion .card-body {text-align: right;} /*en*/
    .myaccordion .card-body ul li span, 
    .myaccordion .card-body ul li a {font-size: 16px;}
    .comments .comment p {font-size: 16px;}
    .course-tabs .add-comment {margin: 25px auto auto auto;}
    .course-tabs form .form-control {
        min-height: 140px;
        max-height: 140px;
    }
    /*.subcribe-course page*/
    .subcribe-course {
        padding: 30px;
        margin: 30px 0;
    }
    .subcribe-course hr {margin: 30px 0;}
    .bank-accounts h4 {
        font-size: 22px;
        margin-bottom: 30px;
    }
    .bank-accounts .bank-text p {
        font-size: 16px;
        margin-bottom: 19px;
    }
    .upload-profile-image {margin: 30px 0;}
    .upload-profile-image span {font-size: 16px;}
    /*profile-info*/
    .profile-info {padding: 30px;}
    .profile-info .inner-bg {
        padding: 30px 0;
        text-align: center;
    }
    .profile-info .right-content p {font-size: 16px;}
    .profile-info h6 {margin-bottom: 30px;}
    .profile-info .contact-form {padding: 0 30px;}
    .profile-info .contact-form,
    .profile-info .confirm-btn {margin-top: 25px;}
    .p-trainer {
        font-size: 16px;
        width: 100%;
        margin: auto auto 30px auto;
    }
    /*login page*/
    .login-page .nav-pills {margin:  auto auto 30px auto;}
    /* Course details page */
    .upcomming-courses .video-playlist{
        max-height: 500px;
    }
    .upcomming-courses .video-container{
        height: 500px;
    }
    /* Blog post */
    .blogs .blog-post .post-img img{
        height: 350px;
    }
    .blogs .blog-post .img-overlay h1{
        font-size: 35px;
        padding-bottom: 40px;
    }
    .blogs .blog-post .share-badges{
        margin: 60px 0 45px 0;
    }
    .blogs .blog-post .badge-accent{
        width: 35px;
        height: 35px;
        line-height: 33px;
        margin: 0 5px;
    }
    .blogs .blog-post .share-badges i{
        font-size: 20px;
    }
    .blogs .blog-post .post-content{
        padding: 40px;
        margin: 0;
    }
    .blogs .blog-post .post-content p{
        font-size: 18px;
    }
    
    /*trainers page*/
    .trainers .course-slide {
        min-height: 220px;
        max-height: 250px;
    }
    .trainers .course-slide .img {
        height: 125px;
    }
    .trainers .course-slide .course-text{
        padding: 12px 8px;
    }
    .trainers .course-slide .course-text .see-details a{
        font-size: 14px;
        padding: 8px;
    }
}


@media screen and (max-width: 768px){
    
}
@media screen and (min-width: 320px) and (max-width: 767px){
    .top-header .login-buttons,
    .top-header .contact {justify-content: center;}
    .navbar-collapse{width: 51%;}
    .main-slider .caption {padding-top: 74px;}
    .main-slider .caption p {font-size: 20px;}
    .blog-card .blog-head .time-count {margin-top: 31px;}
    /*.privacy-policy page*/
    .privacy-policy ol li::before {
        margin: 0; /*saty in en*/
    }
    /*.notfication page */
    .notfication .notfication-box p {
        padding: 20px 40px 20px 20px; /*en*/
        font-size: 16px;
    }
    .notfication .notfication-box p::before{
        right: 15px; /*en*/
    }
    /*contact us page */
    .contact-us .contact-form,
    .contact-us .contact {text-align: center;} /*stay in en*/
    /*profile page*/
    .profile .acc-info {
        flex-direction: column;
        align-items: center;
    }
    .profile .acc-info .profile-img {margin: 0;} /*stay in en*/
    .profile .acc-info .profile-text {
        text-align: center;
        margin-top: 15px;
    }
    .profile .nav-pills {margin: auto auto 30px auto;}
    .profile .nav-pills,
    .profile .nav-pills .nav-item{width: 100%;}
    .profile .nav-pills .nav-link {
        text-align: center;
        padding: 10px 20px 18px;
    }
    /*.course-content page*/
    .course-content {padding: 25px;}
    .course-content .nav-pills .nav-link {padding: 10px 22px 18px;}
    .myaccordion .btn,
    .course-text .course-body .instractor h6 {font-size: 16px;}
    .course-text .course-body .price {font-size: 22px;}
    /*.subcribe-course page */
    .subcribe-course .course-info {margin-top: 15px;}
}

@media screen and (max-width: 576px)
{
    .navbar-collapse{width: 50%}
    .main-slider .statistical-box img {width: 32px;}
    .main-slider .statistical-box span {font-size: 25px;}
    .owl-carousel.owl-theme .owl-nav [class*=owl-]{display: none;}
    .blog-card .blog-head {
        flex-direction: column-reverse;
        align-items: center;
        text-align: center;
    }
    .blog-card .blog-head .text {
        width: 100%;
        padding: 15px;
    }
    .blog-card .blog-head .time-count {justify-content: center;}
    .blog-card .blog-body {padding: 15px;}
    .course-details-banner .a-link-white{
        font-size: 16px;
        padding: 5px 16px 10px;
    }
    .static-head .course-details-banner h3{
        font-size: 16px;
    }
}
@media screen and (max-width: 480px){
    .main-header .col-2{padding: 0;}    
    .blog-slide {width: 80%;}
    .features .feature {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .features .feature .feat-text {
        margin: 10px 0 0 0; /*stay in en*/
    }
    .loading:before {background-size: 40%;}
    /*.course-details */
    .course-text .over-view-instractor h6 {
        font-size: 16px;
        text-align: center;
    }
    .course-text .over-view-instractor .bref-info {  flex-direction: column;}
    
    .course-text .over-view-instractor .bref-info p{
        width: 100%;
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 426px){
    .navbar-collapse{width: 80%;}
    .main-slider {height: 531px;}
    /*.subcribe-course */
    .bank-accounts .bank {
        flex-direction: column;
        align-items: center;
    }
    .bank-accounts .bank-text {margin: 15px 0 0 0;} /*stay in en*/
}
@media screen and (max-width: 386px){
    
    .main-header .form-label {display: none;}
    .main-header .input .form-control {padding: 5px;}
    .main-header .input img {display: none;}
    /*profile-info*/
    .profile-info {padding: 10px; }
    .profile-info .confirm {width: 100%;}
}

@media screen and (max-width: 376px){
    .navbar-collapse {width: 100%;}
}
@media screen and (max-width: 360px){
    .top-header .login-buttons > li {
        margin-left: 11px; /*en*/
    }
    .top-header .login-buttons li.social {
        margin-left: 0; /*en*/
    }
    /*.course-details*/
    .course-text .course-body .instractor-price {
        flex-direction: column;
        text-align: center;
    }
    .course-text .course-body .instractor {width: 100%;}
    .join-coach .fil-upload .custom-file-label {font-size: 12px;}
}
@media screen and (max-width: 320px){
}