/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/

@media (min-width:922px) {
    /*=========== Footer ============*/
    .box-first{
        width: 22%!important;
    }
    .box-last{
        width: 19.66666667%!important;
    }
    .sec-seven{
        height: 530px!important;
    }

}

@media (max-width:1023px) {
    /*=========== About us ============*/
    .vision-mission {
        padding: 25px;
        margin-right: -25px;
    }

    .vision-mission-left {
        margin-left: -25px;
    }

    .vision-mission h3 {
        font-size: 22px;
    }

    .vision-mission p {
        font-size: 14px;
        line-height: 20px;
    }

}


@media (max-width: 767px) {
    /*=========== vision-mission inner  ============*/
    .vision-mission {
        padding: 20px 20px 10px;
        background: none;
        background-size: 100% 100%;
        margin-right: 0px;
        box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 16%);
        border-radius: 12px;
    }

    .vision-mission-left {
        margin-left: 0px;
    }

    .vision-mission.text-end {
        text-align: left !important;
    }

    .vision-mission .media .media-left,
    .vision-mission .media .media-body,
    .vision-mission .media .media-right {
        display: block;
    }

    .vision-mission .media .media-body {
        width: auto;
    }

    .vision-mission h3:before {
        left: 0px;
        right: inherit;
    }

    .vision-mission-icon {
        width: 55px;
        height: 55px;
        margin: 0px 0px 10px;
    }

    .mb-none {
        display: none !important;
    }

    .mb-block {
        display: block !important;
    }

}

@media (min-width: 769px) {
    .sec-six-p-fourth .first-container p{
        width: 620px!important;
        margin: auto!important;
    }
}

@media (max-width: 435px) {
    /*=========== Start Header  ============*/
    /*    first section     */
    .sec-top-header .container{
        padding: revert!important;
    }
    .sec-top-header .box a {
        font-size: 12px!important;
    }
    .sec-top-header .box .col-xs-6 {
        text-align: center!important;
    }
    .sec-top-header .box .btn-header:first-child{
        margin-left: revert!important;
    }

    /*    sec section     */
    .sec-navbar{
      padding: revert!important;
    }
    .sec-navbar nav{
        margin-top: revert!important;
        margin-right: revert!important;
        margin-left: revert!important;
        border-radius: revert!important;
        position: revert!important;
    }
    /*=========== End Header  ============*/

    /*=========== Start Body  ============*/
    .sec-fourth .container{
        padding: 0 15px!important;
    }
    .sec-fourth .box .about-image::before{
        display: none!important;
    }
    .sec-fourth .box .about-image::after{
        display: none!important;
    }
    
    .sec-fourth .box .content p {
        font-size: 14px!important;
    }
    .sec-fourth .box .content h4,.sec-fourth .box .content h5{
        font-size: 20px!important;
    }
    .sec-fourth .box .content .btn-read-more{
        font-size: 12px!important;
        padding: 8px 15px!important;
    }
    .sec-fourth .box .content .btn-read-more i{
        width: 30px!important;
        right: -18%!important;
    }
    




    .sec-fivth .container{
        padding: 0 15px!important;
    }
    .sec-fivth .box .content .img img{
        height: 50px!important;
    }
    .sec-fivth .box .content h5{
        font-size: 14px;
    }
    .sec-fivth .box .content p{
        font-size: 10px;
    }
    .sec-fivth .box .content.side-ab::before,.sec-fivth .box .content.side-ab::after{
        display: none!important;
    }
    .sec-fivth .box .content{
        padding: 10px 5px!important;
        margin: 5px 5px!important;
        border: 1px solid white!important;
    }



    .sec-six .first-container h3{
        font-size:20px!important;
    }
    .sec-six .sec-container .box{
        padding: 10px 5px!important;
    }
    .sec-six .sec-container .box h5{
        font-size: 12px!important;
        padding: 3px 5px!important;
        margin-bottom: 0!important;
    }
    .sec-six .sec-container .box .img img{
        height: 40px!important;
    }


    .sec-six-p-two .box h5{
        font-size: 14px!important;
    }
    .sec-six-p-two .box h6{
        font-size: 24px!important;
    }
    .sec-six-p-two .box a{
        font-size: 12px!important;
        padding: 5px 24px!important;    
    }


    .sec-six-p-three .first-container h3{
        font-size: 20px!important;
    }
    .sec-six-p-three .first-container::before,
    .sec-six-p-three .first-container::after{
        display: none!important;
    }
    .sec-six-p-three .third-container .btn-read-more{
        font-size: 14px!important;
        padding: 5px 20px!important;
    }
    .sec-six-p-three .third-container .btn-read-more i{
        width: 32px!important;
        line-height: 2.5!important;
    }



    .sec-six-p-fourth .first-container h3{
        font-size: 20px!important;
    }
    .sec-six-p-fourth .first-container p{
        font-size: 14px!important;
    }



    .sec-six-p-fourth .sec-container .box{
        margin: 10px 5px!important;
    }
    .sec-six-p-fourth .sec-container .box img{
        height: 50px!important;
        width: 40px!important;
    }
    .sec-six-p-fourth .sec-container .box h5{
        font-size: 16px;
    }
    .sec-six-p-fourth .sec-container .box p{
        font-size: 10px!important;
        text-align: justify;
    }


    .sec-six-p-fifth .first-container p,.sec-six-p-six .first-container p{
        font-size: 14px!important;
    }
    .sec-six-p-fifth .first-container h3,.sec-six-p-six .first-container h3{
        font-size: 20px!important;
    }
    .sec-six-p-fifth .sec-container .box .content .img{
        width: 100px;
        margin: auto;
    }



    .sec-seven .content h4{
        font-size: 18px;
    }
    .sec-seven .content h5{
        font-size: 30px!important;
    }
    .sec-seven .content p{
        font-size: 12px!important;
    }



    .sec-nine .first-container h3{
        font-size: 26px!important;
    }
    .sec-nine .first-container p{
        font-size: 20px!important;
    }
    .sec-nine .sec-container .box{
        padding: 0!important;
    }
    .sec-nine .sec-container .box p.main{
        text-align: justify;
        font-size: 10px;
    }
    .sec-nine .sec-container .box .heading img{
        height: 20px!important;
        width: 20px!important;
    }
    .sec-nine .sec-container .box .heading h6,.sec-nine .sec-container .box p{
        font-size: 8px;
    }


    .sec-tenth .first-container h3{
        font-size: 20px!important;
    }
    .sec-tenth .sec-container .box{
        margin-top: 20px!important;
    }
    .sec-tenth .sec-container .box img{
        height: 60px!important;
    }
    .sec-tenth .sec-container .box.one,.sec-tenth .sec-container .box.two{
        box-shadow: 0px 0px 1px 4px var(--var1)!important;
    }
    /*=========== End Body  ============*/

    /*=========== Start Footer  ============*/
    .footer .container{
        padding: 0 15px!important;
    }
    .footer .first-footer .box{
        padding: 10px 0!important;
        text-align: center!important;
        /*margin-top: 20px!important;
        border: 1px solid!important;*/
    }
    .footer .first-footer p{
        font-size: 10px!important;
        margin-top: 3px!important;
    }
    .footer .first-footer h6{
        font-size: 8px!important;
    }
    .footer .first-footer .icon,.footer .third-footer .icon{
        height: 30px!important;
        width: 30px!important;
        font-size: 15px!important;
    }
    .footer .third-footer{
        margin-bottom: 5px;
    }
    .footer .third-footer .col-4{
        border:1px solid!important;
    }
    .footer .third-footer p{
        font-size: 10px!important;
    }
    .footer .third-footer h6{
        font-size: 8px!important;
    }
    /*.footer .first-footer .border-right, .footer .third-footer .border-right{
        border-right:revert!important;
    }
    .footer .first-footer .border-bottom{
        border-bottom: revert!important;
    }*/

    .sec-13 .footer-link p{
        font-size: 10px!important;
    }
    .sec-13 .footer-link .breadcrumb a{
        font-size: 8px!important;
    }
    .sec-13 .footer-link .breadcrumb{
        justify-content: center !important;
    }
    /*=========== End Footer  ============*/

}