@media (max-width: 991.98px) and (min-width: 768px) {
    .navbar {
        flex-direction: column;
    }
    #hd-link {
        justify-content: space-evenly;
    }
}

@media (max-width: 479.98px) and (min-width: 320px) {

    .h-one {
        font-size: 40px !important;
        line-height: 40px !important;
        text-align: left !important;
    }
    .h-two {
        font-size: 32px !important;
        line-height: 35px !important;
    }
    .h-three {
        font-size: 20px !important;
    }
    
    .h-four {
        font-size: 20px !important;
    }

    .site-logo{
        margin-top: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .navbar-toggler{
        margin-right: 10px;
    }
    #hd-link li a{
        padding-left: 0px !important;
    }
    .h-cont-btn{
        display: block;
    }
    /* end header  */
    .top-section .container .row{
        margin-top: 0px !important;
    }
    .han{
        padding-top: 10px !important;
    }
    .email-cont {
        width: 100%;
        max-width: 349.24px;
        margin: auto !important;
        display: block !important;
    }
    .top-s-l-cont button{
        display: block ;
        margin: 10px auto;
    }
    .top-r-img img{
        display: block;
        margin: 10px auto !important;
    }
    #our-work-img img{
        display: block;
        margin: 10px auto;
    }
    /* end top section  */
    .who-a-title-c{
        margin: 10px !important;
    }
    .who-a-title-c img{
        bottom: 15%;
        left: 0% !important;
        transform: translate(-0%, -10%) !important;
    }
    .who-a-title-c h5 {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
    }
    
    .who-a-p p{
        padding: 1px 10px !important;
    }
    .year-exp,
    .satisf-client,
    .succes-comp {
        margin: 10px auto !important;
    }
    /* end who we are section */
    .our-ser-title {
        margin-top: 10px !important;
    }
    .our-ser-title img {
        top: 0% !important;
        left: 50% !important;
        transform: translate(-50%, -15%) !important;
    }
    .our-ser-title p{
        padding: 10px 10px 0px 10px!important;
        margin: 0px;
    }
    #web-develop-tog-show p{
        padding: 10px 10px 0px 10px!important;
    }
    #web-develop-tog-show button{
        display: block !important;
        margin: auto !important;
    }
    #web-develop-tog-show img{
      display: block;
      margin: 10px auto;
    }
    .acord-bord {
        border-top: 1px solid #D5D5D5;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    /* end our services sect  */
    .carousel-sect{
        padding-top: 0px !important;
        padding-bottom: 1px !important;
    }
    .carousel-control-next .carousel-control-next-icon{
        margin-right: 25px !important;
    }
    .carousel-control-prev .carousel-control-prev-icon{
        margin-left: 30px !important;
    }
    .eht-para{
        padding-top: 75px;
        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 23px !important;
    }
    #my-caro-itm-one :nth-child(1){
        padding-top: 0px !important;
    }
    /* end testimonial carousel section */
    .our-pro-iner-card h3{
        padding-top: 15px !important;
    }
    .f-resp-col .col-md-6:first-child {
        order: 2;
    }

    .f-resp-col .col-md-6:last-child {
        order: 1;
    }
    /* end our process sect  */
    .pricing-plan {
        flex-direction: column;
    }
    .card-resp .card-one-b,
    .card-three-b,
    .card-two-b{
        display: block;
        margin: auto;
    }
    .card-resp .card-one-b{
        margin-bottom: 47px;
    }
    /* end our pricing section  */
    .free-cons-txt img {
        display: block;
        margin: auto;
        margin-bottom: 20px;
    }
    /* end Free Consultation sect  */
    .fot-l-resp ul{
        margin-left: 0px !important;
    }
    .footer-links .l-title{
         padding-left: 0px ;
    }
    .footer-links ul:first-child li {
        margin-left: 30px !important;
        text-align: center !important;
    }
    .footer-links ul:last-child li {
        margin-right: 30px !important;
        text-align: center !important;
    }
    .footer-links ul li{
        text-align: left;
   }
   .foter-email-cont button{
    display: block;
    margin: 10px auto 0px auto !important;
   }
   .copy-right {
    flex-direction: column;
}
.copy-right p {
    padding-top: 5px !important;
    margin: 0px;
}
.copy-right img {
    margin-bottom: 5px !important;
}
}