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

}
@media(max-width:1200px) {
    .header .swiper-container .swiper-button-next, 
    .header .swiper-container .swiper-container-rtl .swiper-button-prev {
        right: 44%;
    }
    .header .swiper-container .swiper-button-prev, 
    .header .swiper-container .swiper-container-rtl .swiper-button-next {
        left: 44%;
    }
}
/*============================== 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)  {
    .navbar-collapse {
        background: #fff;
        padding: 15px;
        text-align: center;
    }
    .navbar a.butn.bg-dark.text-white {
        display: block;
        margin: auto;
    }
    .header .item .img_box ,
    .about-sec .img_box  {
        height: 300px;
        margin: 25px auto;
    }
    .stages-sec .stage_card .content .det {
        padding: 0 20px;
        font-size: 12px;
        line-height: 1.4;
    }
}
@media(max-width:992px) and (min-width: 577px)
{
    .stages-sec .stage_card .hexa_shape {
        inset-inline-start: 13px;
    }
    .stages-sec .nd_row .stage_card .hexa_shape {
        inset-inline-start: -22px;
    }
    .stages-sec .nd_row .col-lg-2:first-child .stage_card .hexa_shape {
        height: 202px;
        inset-inline-start: -13px;
    }
    .stages-sec .st_row .col-lg-2:last-child .stage_card .hexa_shape {
        inset-inline-start: -13px;
        height: 200px;
    }
}
/*============================== Start small screen of mobile =========================*/
@media(max-width:768px)
{
    
}
@media (min-width: 577px) and (max-width: 768px)
{

}
@media(max-width:576px)
{
    .stages-sec .stage_card .hexa_shape {
        inset-inline-start: 5px;
        width: 166px;
    }
    .stages-sec .nd_row .stage_card .hexa_shape {
        inset-inline-start: -20px;
    }
    .stages-sec .st_row .col-lg-2:last-child .stage_card .hexa_shape {
        inset-inline-start: -40px;
        height: 174px;
        top: 35px;
    }
    .stages-sec .nd_row .col-lg-2:first-child .stage_card .hexa_shape {
        height: 197px;
        inset-inline-start: -49px;
    }
    .stages-sec .rd_row .col-lg-2:last-child .stage_card .hexa_shape {
        inset-inline-start: -6px;
        height: 180px;
        top: 11px;
    }
}
@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)
{

}