@media (max-width: 480px) {
    header img{
        width: 95px;
    }
    .navbar.bg-light{
        padding: 0;
    }
}


@media (max-width: 499px) {

    .caption p{
        width: 100%;
        bottom: 0px;
        position: relative;
        margin-bottom: 40px;
        top: 10%;
        text-align: center;
    }
    .call-block span{
        display: none;
    }
    #navbarNav .navbar-nav{
        flex-direction: unset;
    }
    .header-defaul .navbar{
        flex-wrap: unset;
    }
    .navbar-light .navbar-nav li:last-child .nav-link, .get-touch{
        padding: 10px;
        font-size: 14px;
    }
    .caption .lg-text{
        font-size: 50px;
        text-align: center;
        margin-bottom: 20px;
    }
    .caption .lg-text .text:nth-of-type(2){
        padding-left: 0;
    }
    .caption .text{
        display: unset!important;
    }
    .caption .btnnnn{
        justify-content: center;
    }
    .cta-btn{
        margin-top: 20px;
        text-align: center;
    }
    .cta-block .col-12.col-md-4.text-end{
        text-align: center!important;
    }
    .section_benefit p{
        font-size: 38px;
    }
    .text-white.heading4{
        text-align: center;
        font-size: 26px;
    }
   #about h3, #speciality .sub-title, #portfolio .sub-title, #testimonials .sub-title,#about .sub-title ,
   .bord-thin-top h2, .about-l a {
        text-align: center;
    }
    #speciality .sub-title, #portfolio .sub-title, #testimonials .sub-title , #about .sub-title
    {
        font-size: 22px;
    }
    #speciality .item-box{
        padding: 40px;
    }
    .item-box .d-flex.align-items-end , #portfolio .cluom{
        display: block!important;
    }
    #about .about-l{
        display: block!important;
    }
    .about-l a{
        justify-content: center;
    }
    .about-l .ms-5{
        margin-left: 0!important;
    }
    .item-box .icon{
        margin-right: 0;
        margin-left: 80px!important;
        margin-bottom: 20px;
    }
    .main-marq .box .item h4{
        font-size: 8vw;
    }
    #portfolio .bord-thin-top.d-flex.align-items-center{
        display: block!important;
    }
    #portfolio .bord-thin-top.d-flex.align-items-center .ms-auto
    {
        margin: 21px auto 0;
        text-align: center;
    }
    nav#myTab , #portfolio {
        padding: 40px 0;
    }
    .img-scale,.img-scale .image:before{
        height: 240px;
    }
    .sec-head h3.fw-bold {
        padding: 20px 0;
        margin: 0 auto;
        text-align: center;
        font-size: 37px;
    }
    .title-slide p{
        font-size: 21px;
    }
    #testimonials .control-abslout{
        bottom: unset;
    }
    .sec-bottom .main-bg{
        width: 100%;
    }
    #clients{
        padding: 50px 0;
    }
    .footHead h2, .footHead i{
        font-size: 45px;
    }
    .footHead i{
        margin-left: 0;
    }
    #footer .column {
        margin: 30px 0;
    }
    .footer-inner{
        margin: 0;
    }
}


@media (min-width: 580px) and (max-width:1099px){
   header .navbar-nav.ml-auto{
        flex-direction: row;
    }
    .caption .lg-text{
        font-size: 80px;
    }
    .caption p{
        width: 100%;
        bottom: 0px;
        position: relative;
        margin-bottom: 40px;
        top: 7%;
        text-align: center;
    }
}