/*================================ Satrt large screens =========================*/
@media (min-width:1201px ) and (max-width: 1440px)
{
   
}
@media (min-width:1025px) and (max-width:1200px)
{

}
/*============================== Start medium screen of tablet =========================*/
@media (min-width: 993px) and (max-width: 1024px)
{

}
@media (min-width: 769px) and (max-width: 992px)
{

}
@media(max-width:992px)
{
    body {
        padding-bottom: 70px;
    }
    .d_md_block {
        display: block !important;
    }
    .feedback_sec::before {
        height: 75%;
        top: unset;
    }
    .footer {
        background-color: #1E1E1E;
    }
    .courses_sec .nav {
        margin-top: 20px !important;
    }
    .courses_sec .nav-link {
        padding: 0.7rem 0.7rem;
    }
    .feedback_sec .sec_title {
        margin-bottom: 2rem !important;
    }
    .progress-wrap ,
    .whats_butn  {
        bottom: 90px;
    }
}
/*============================== Start small screen of mobile =========================*/
@media(max-width:768px)
{
    .header .text_box .sec_title {
        font-size: 45px;
    }
    .social_links {
        flex-wrap: wrap;
    }
    .header .sec-img {
        height: auto;
    }
    .footer .social_links a ,
    .header .social_links a {
        width: 30px;
        height: 30px;
        font-size: 13px;
        margin: 0 5px;
    }
}
@media (min-width: 577px) and (max-width: 768px)
{

}
@media (min-width: 576px) {
    .registModal .modal-dialog {
        max-width: 600px;
    }
}
@media(max-width:576px)
{
    
}
@media(min-width: 426px) and (max-width: 576px)
{

}
@media (min-width: 376px) and (max-width: 425px)
{

}
@media (min-width: 321px) and (max-width: 375px)
{
   
}
@media (max-width: 320px)
{

}