/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    /* header */
    .menu ul li a {
        padding: 10px 0 0 0 !important;
    }
    /* banner */
    .banner{
        padding: 50px 0 80px;
    }
    .b_img{
        margin: 0 30px;
    }
    .cmn-h-w {
        width: 250px;
        height: 250px;
    }
    .b_text {
        text-align: center;
    }
    .b_p1 {
        padding: 10px 0 0;
    }
    .btn_con{
        margin: 20px auto 0;
    }
    .b_text h1 {
        font-size: 35px;
        line-height: 45px;
    }
    /* service */
    .service{
        padding: 0 0 80px;
    }
    .sv_item{
        text-align: center;
    }
    .sv_item h1 {
        padding: 10px 0 0;
    }
    .sv_item img {
        padding-right: 100px;
        text-align: center;
    }
    .btn_sv {
        float: none;
        text-align: center;
    }
    .btn_n{
        margin-right: 5px;
    }
    .sv_item2{
        text-align: center;
    }
    /* about  */
    .about{
        padding-bottom: 80px;
    }
    .a_img{
        margin: 0 15px;
    }
    .a_w {
        width: 250px;
        height: 250px;
    }
    .a_text {
        text-align: center;
        padding-top: 20px;
    }
    .a_text h2 {
        padding: 10px 0;
    }
    /* year */
    .year{
        padding-bottom: 80px;
    }
    .y_img {
        margin: 0 25px;
    }
    .y_img1 {
        margin: 0 30px;
    }
    .y_w {
        width: 250px;
        height: 250px;
    }
    .year_text{
        text-align: center;
    }
    /* work */
    .achv-dwn {
        margin-top: 0;
    }
    .achv-s-itm,.achv-dwn{
        margin: 30px 30px 0;
    }
    .testimonial{
        padding-bottom: 80px;
    }
    /* news */
    .news{
        padding-bottom: 80px;
    }
    .t_tittle h1 {
        font-size: 40px;
    }
    .n_w{
        width: 250px;
        height: 250px;
    }
    .n_img {
        margin: 60px 30px 0;
    }
    .n_text {
        text-align: center;
    }
    
    /* sign */
    .sign{
        padding-bottom: 80px;
    }
    .s_text h1 {
        font-size: 30px;
    }
    .s_text hr {
        margin: 20px 60px;
    }
    .s_text p {
        padding: 0 0 25px;
    }
    .s_input {
        border-bottom-right-radius: 15px;
    }
    .s_submit {
        border-top-left-radius: 15px;
        margin: 0 auto 0px;
    }
    /* footer */
    .footer_top {
        padding: 50px 0;
    }
    .f_1 {
    text-align: center;
    }
    .f_2 {
        margin-top: 20px;
        padding-left: 70px;
    }
    .f_2 p a{
        font-size: 16px;
    }
    .f_3 ,.f_i{
        text-align: center;
        margin: 0;
    }
    .f_3{
        padding: 0 30px;
    }
    .f_i{
        padding-top: 15px;
    }
    .f_i ul li a i {
        padding: 5px;
    }
    
    
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    /* header */
    .menu ul li a {
        padding: 10px 0 0 0 !important;
    }
    /* banner */
    .banner{
        padding: 70px 0 100px;
      }
    .cmn-h-w {
        width: 400px;
        height: 400px;
    }
    .b_text {
        text-align: center;
    }
    .b_p1{
        padding: 10px 0;
    }
    .btn_con{
        margin: 20px auto 0;
    }
    .b_text h1 {
        font-size: 40px;
        line-height: 55px;
    }
    /* service */
    .service{
        padding: 0 0 100px;
      }
    .sv_item2{
        margin: 40px 80px 0;
    }
    /* about  */
    .about{
        padding-bottom: 100px;
    }
    .a_img {
        margin: 0 -15px;
    }
    .a_w {
        width: 400px;
        height: 450px;
    }
    .a_text {
        text-align: center;
        padding-top: 20px;
    }
    .a_text h2 {
        padding: 30px 0 10px;
    }
    /* year */
    .year{
        padding-bottom: 100px;
    }
    .y_w {
        width: 400px;
        height: 450px;
    }
    .year_text{
        text-align: center;
    }
     /* work */
     .w_tittle h2,.w_tittle h1{
        font-size: 30px;
     }
     .achv-dwn {
        margin-top: 0;
    }
    .achv-s-itm,.achv-dwn{
        margin-top: 30px;
    }
    /* news */
    .news{
    padding-bottom: 100px;
    }
    .n_img {
    margin: 80px 5px 0;
    }
    .n_text {
        text-align: center;
    }
    /* sign */
    .sign{
        padding-bottom: 100px;
    }
    .s_text h1 {
        font-size: 33px;
    }
    .s_text hr {
        margin: 30px 80px;
    }
    .s_text p {
        padding: 0 0 25px;
    }
    .s_submit{
    margin: 0 -20px;
    }
    /* footer */
    .footer_top{
        padding: 50px 0;
    }
    .f_1 {
    text-align: center;
    }
    .f_2 {
        padding-left: 50px;
    }
    .f_2 p a{
        font-size: 16px;
    }
    .f_3 ,.f_i{
        text-align: center;
        margin: 0;
    }
    .f_3{
        padding: 0 25px;
    }
    .f_i{
        padding-top: 15px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    /* header */
    .menu ul li a {
        padding: 10px 0 0 0 !important;
    }
    /* banner */
    .banner{
        padding: 70px 0 100px;
      }
    .b_img{
        margin: 0 50px;
    }
    .b_text {
        text-align: center;
    }
    .b_p1{
        padding: 10px 0;
    }
    .btn_con{
        margin: 20px auto 0;
    }
    /* service */
    .service{
        padding: 0 0 100px;
      }
    .sv_item2{
        margin: 40px 160px 0;
    }
    /* about  */
    .about{
        padding-bottom: 100px;
    }
    .a_img {
        margin: 0 25px;
    }
    .a_w {
        width: 450px;
        height: 500px;
    }
    .a_text {
        text-align: center;
        padding-top: 20px;
    }
    .a_text h2 {
        padding: 30px 0 10px;
    }
    /* year */
    .year{
        padding-bottom: 100px;
    }
    .y_img1 {
        margin: 0 50px;
    }
    .y_w {
        width: 450px;
        height: 500px;
    }    
    .year_text{
        text-align: center;
    }
    /* work */
    .achv-dwn {
        margin-top: 0;
    }
    /* news */
    .news{
        padding-bottom: 100px;
    }
    .n_img {
        margin: 80px 80px 0;
    }
    .n_text {
        text-align: center;
    }
    /* sign */
    .sign{
        padding-bottom: 100px;
    }
    .s_text h1 {
        font-size: 45px;
    }
    .s_text hr {
        margin: 40px 120px;
    }
    .s_text p {
        padding: 0 10px 30px;
    }
    .s_submit{
        margin: 0 -20px;
    }
    /* footer */
    .footer_top{
        padding: 80px 0;
    }
    .f_1 {
    text-align: center;
    }
    .f_2 {
        padding-left: 44px;
    }
    .f_2 p a{
        font-size: 16px;
    }
    .f_3 ,.f_i{
        text-align: center;
        margin: 0;
    }
    .f_i{
        padding-top: 15px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    /* about */
    .a_w {
        width: 450px;
        height: 550px;
    }
    /* year */
    .y_w{
        width: 450px;
        height: 550px;
      }
      /* testimonial */
      .comma {
        font-size: 50px;
        top: -12%;
        left: 94%;
    }
 }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    /* banner */
    .cmn-h-w {
        width: 500px;
        height: 500px;
    }
  /* about */
  .a_text h1{
    font-size: 45px;
  }
  /* work */
  .w_tittle h1,.w_tittle h2{
    font-size: 40px;
  }
  /* news */
  .n_text h2{
        font-size: 22px;
    }
    .n_w{
        margin: 0 40px;
    }
  /* sign */
  .s_text hr {
    margin: 40px 310px;
    }
  .s_text p {
    padding: 0 220px 30px;
    }
    /* footer */
    .f_i {
        margin: 0 0 0 130px;
    }
}

/* Extra Extra large devices (large desktops, 1400px and up) */
@media (min-width: 1400px) {
    /* banner */
    .cmn-h-w {
        width: 600px;
        height: 600px;
    }
    /* about */
    .a_text h1{
        font-size: 50px;
    }
    /* year */
    .y_img1 {
        margin: 0 100px;
    }
     /* work */
    .w_tittle h1,.w_tittle h2{
        font-size: 50px;
    }
    /* news */
    .n_w {
        width: 500px;
        height: 400px;
    }
    .n_text h2{
        font-size: 25px;
    }
    .n_w{
        margin: 0 30px;
    }
    /* sign */
    .s_text hr {
        margin: 40px 400px;
    }
    .s_text p {
        padding: 0 310px 30px;
    }
    /* testi */
    .t_img img {
        top: 17%;
        left: -10%;
    }
    /* footer */
    .f_i {
        margin: 0 0 0 190px;
    }
}