/*================================ 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)
{
    .oval {
        width: 300px;
        height: 300px;
    }
}
/*============================== Start small screen of mobile =========================*/
@media(max-width:768px)
{
    h1 , .fs-1 {
        font-size: 26px !important;
    }
    h2 , .fs-2 {
        font-size: 24px !important;
    }
    h3 , .fs-3 {
        font-size: 22px !important;
    }
    h4 , .fs-4 {
        font-size: 20px !important;
    }
    h5 , .fs-5 {
        font-size: 18px !important;
    }
    h6 , .fs-6 {
        font-size: 16px !important;
    }
    .p , p {
        font-size: 14px !important;
    }
    .butn {
        font-size: 15px !important;
    }
    .header .img_box {
        padding: 0 !important;
    }
    .header .img_box .sec-img {
        width: 200px;
        left: 0;
        top: 0px;
        transform: translateX(0%);
    }
    .coursrs-sec .butn.secondary_border_butn{
        padding: 10px ;
        font-size: 10px !important;
    }
    .coursrs-sec .nav {
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    .coursrs-sec .nav .nav-item {
        height: 80px;
    }
    .coursrs-sec .nav-link {
        font-size: 15px;
        min-width: 120px;
        height: 70px;
        padding: 0.8rem .4rem;
    }
    .foot  .in-flex {
        flex-direction: column;
        justify-content: center;
    }
    .footer .foot .links a {
        font-size: 12px;
        margin: 7px 0 0 0;
    }
    .pg-header .search_filter_collapse .form-group {
        width: 49%;
    }
}
@media (min-width: 577px) and (max-width: 768px)
{

}
@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)
{

}