@media (min-width: 992px) {

    /* header section start */
    .header_right, .nav{
      flex: 1;
    }
    .contact_btn .mob_icon{
      display: none;
    }
    /* header section ended */

    /* award section css start */
    .award_slider{
        width: 100%; display: grid; grid-template-columns: repeat(5, 1fr); gap: 2em;
    }
    /* award section css ended */

    /* client section css start */
    .client_slider{
        width: 100%; display: grid; grid-template-columns: repeat(6, 1fr); gap: 1em;
    }
    /* client section css ended */


}


@media (max-width:1600px) {

    /* faq section css start */
    .faq_slider .slick-slide{
        width: 30vw;
    }
    .faq_slider .slick-slide.faq_active{
        width: 40vw;
    }
    .faq_item{
        height: 490px;
    }
    /* faq section css ended */

}

@media (max-width:1440px) {

    /* slider card css start */
    .slider_card_frame{
        height: 425px;
    }
    /* slider card css ended */

    /* testimonial section css start */
    .testimonial_card{
        height: 355px;
    }
    /* testimonial section css ended */

}

@media (max-width:1024px) {

  /* faq section css start */
  .faq_slider .slick-slide{
      width: 30vw;
  }
  .faq_slider .slick-slide.faq_active{
      width: 40vw;
  }
  .faq_item{
      height: 330px;
  }
  /* faq section css ended */


}

@media (max-width:992px) {

    /* award section css start */
    .award_slider .slick-slide {
        padding: 0px 10px;
    }
    /* award section css ended */

    /* client section css start */
    .client_slider .slick-slide {
        padding: 0px 10px;
    }
    /* award section css ended */

    

}  

@media (max-width:991px) {

  .nav {
    position: relative; top: 0%; left: 0; width: auto;
  }
  .nav .nav_menu_wrap{
    width: 100%; top: calc(100% + 0px); height: 0px; overflow: hidden; position: fixed; left: 0; background-color: var(--blacklight); transition: all ease 0.6s;
  }
  .nav.open .nav_menu_wrap{
    height:245px; border-radius: 20px; padding: 20px 0px;
  }
  .header .contact_btn{
    min-width: 1.05em; min-height: 1.05em; padding: 0;
  }
  .header .contact_btn .mob_icon{
    filter: invert(1);
  }
  .header .contact_btn .mob_icon{
    display: inline-block;
  }
  .header .contact_btn .normal{
    display: none;
  }
  .header .contact_btn span:not(.icon_round_box){
    display: none;
  }
  .header .contact_btn .icon_round_box{
    margin-right: 0em;
  }

  .header_logo {
    font-size: 1.5em;
  }

  .mob_social_menu{
    display: block;
  }
  .header .header_right .social_list {
    display: none;
  }

  .nav_list {
    flex-direction: column; align-items: center; gap: 1.5em; padding: 0px;
  }

  .menu_toggle {
    display: block; width: 25px; height: 25px;
  }
  .menu_toggle > img{
    width: 25px; filter: invert(1);
  }

  .client_slider .slick-slide {
    height: 125px !important;
  }

  .contact_map {
    height: 325px;
  }
}


@media (max-width: 768px) {

  html {
    font-size: 2vw;
  }

  .common_banner_section.home_banner_section{
      min-height: 55em;
  }
  .common_banner_section.home_banner_section .col-4{
    display: none;
  }

  .about_section .row{
    flex-direction: column; row-gap: 3em;
  }

  .services_grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .slider_card_frame {
      height: 275px !important;
  }
  .home_portfolio_section .heading_section_wrap {
    margin-bottom: 0.5em;
  }
  .home_portfolio_slider .slick-slide {
    margin: 0 15px;
  }

  .testimonial_section .heading_section_wrap {
    margin-bottom: 0.2em;
  }

  .award_section, .testimonial_section, .client_section {
    padding: 3.2em 0;
  }
  .client_section{
    padding-top: 0;
  }
  .client_card > img {
    max-height: 8em;
  }

  .footer_boxes_row{
    grid-template-columns: repeat(1, 1fr); gap: 2em;
  }

  .conatct_left_part {
    max-width: 100%; margin-bottom: 30px;
  }
  .form_input, .form_select, .form_textarea {
    min-height: 3.8em;
  }

  /* faq section css start */
  .faq_section_hdng_row{
    flex-direction: column; align-items: flex-start;
  }
  .faq_slider .slick-slide{
    padding: 0px 5px;
  }
  .faq_slider .slick-slide{
      width: 220px;
  }
  .faq_slider .slick-slide.faq_active{
      width: 320px;
  }
  .faq_item{
      height: 380px;
  }
  .faq_slider .slick-slide .faq_item .faq_item_heading{
    line-height: 1.2;
  }
  .faq_slider .slick-slide.faq_active .faq_item .faq_item_heading {
    font-size: 1.2em;
  }
  /* faq section css ended */


}

@media (max-width: 580px) {
  .container{
    max-width: 96%;
  }

  html {
    font-size: 3.5vw;
  }
  .social_list a {
    width: 2.75em; height: 2.75em;
  }
  .social_list a img {
    width: 1em;
  }

  .common_banner_section.home_banner_section {
      min-height: 42em;
  }
  .common_banner_section .heading {
    font-size: 2.125em;
  }

  .home_portfolio_section{
    padding-bottom: 0;
  }

  .services_grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .home_project_section .col-8.offset-4{
    margin-left: 0;
  }

  .testimonial_card .testimonial_text {
    font-size: 1.15em;
  }

  .footer_section .heading_section_wrap.center {
    text-align: center;
  }
  .footer_slider .slick-slide {
    margin: 0 15px;
  }
  .footer_box .footer_value {
    font-size: 1.4em;
  }

  .project_grid {
    grid-template-columns: repeat(1, 1fr);
  }
    
}