/* media query for nav  */
/* *****************************FOR very LARGE SIZE DIVICE********************************************** */


@media (min-width: 1200px) and (max-width: 1499px) {

  /* ___________________________________________ <!-- header  -->  ___________________________________________*/
  #logo_img {
    padding-left: 0rem;
  }



  #ul_sty {
    font-size: 1.4rem;
  }

  #btn_sty {
    font-size: 1.5rem !important;
    width: 12rem;
    height: 4rem;
    font-weight: 700;
  }

  #ul_sty li {
    margin-right: 1.2rem;
  }

  .drop_hidden_sty {
    font-size: 15px;
    font-weight: 100;

  }

  .dropdown-item {

    font-size: 1.8rem;
  }

  /*<------------------START HOME PAGE RESPONSIVE CODE----------------------->  */

  /* ===================================
    HOME PAGE
====================================== */

  /* ___________________________________________   Testimonials  ___________________________________________ */

  .cantainer h1 {
    font-size: 25px;

  }

  .testimonials {
    padding-left: 4rem;
    padding-right: 4rem;

  }

  #spc_heading2 {

    width: 78%;
  }




  /* ol section  */
  #elite_approch_ul_sty {

    width: 78%;
  }









  /*<------------------START THE ELITE APPROCH  PAGE RESPONSIVE CODE----------------------->  */

  /* ===================================
    THE ELITE APPROCH 
====================================== */


  /*  ___________________________________________.elite_content  ___________________________________________*/

  .elite_content .text {
    padding-left: 0.7rem !important;
    font-size: 5rem !important;
  }




  /*  ___________________________________________elite-aproch-gallary ___________________________________________*/
  #elite-aproch-gallary {
    height: 36rem;

  }

  .gallary_span {
    font-size: 2.4rem;

  }

  /* ___________________________________________ footer   ___________________________________________*/
  .flexa p {
    font-size: 1.27rem;
    margin-left: 2rem;
  }






  /*<------------------START SERVICES  PAGE RESPONSIVE CODE----------------------->  */

  /* ===================================
    SERVICES PAGE
====================================== */
  .ser_heading {

    font-size: 2.1rem;
  }

  .sarvice_para_2 {
    font-size: 18px !important;
    line-height: 1.5em;
  }






  /*<------------------START PROJECT GALLARY  PAGE RESPONSIVE CODE----------------------->  */

  /* ===================================
  PROJECT GALLARY  PAGE 
====================================== */


  /* #pro_titel_img{
 
  height: 300px;
}
.pro_converted_div {
  /* font-size: 4.5rem; */
  /* height: 22rem;
  width: 51%;
  top: 33rem;
  left: 56rem;
} */


  /*<------------------START NOW AVAILIABLE  PAGE RESPONSIVE CODE----------------------->  */

  /* ===================================
  NOW AVAILIABLE  PAGE 
====================================== */

  #no_avai_row_sty {
    height: 101rem;
    flex-direction: column;
    align-items: center;


  }


  #right_img {
    padding: 8rem;
    width: 36%;
    max-width: unset;
  }

  #left_img {
    background: url(../images/assests/now_avail_img_side_1_on_xl.webp.png);
    background-repeat: no-repeat;
    width: 76rem !important;
    max-width: unset;
  }




  /* _______________________________________footer________________________  */

  #footer_wrapper {
    padding-bottom: 24rem;
  }

  /* first div  */

  .contact_h1 {
    font-size: 36px;

  }






}




















/* *******************FOR  VERY LARGE SIZE DIVICE  end ****************************** */
/* ------------------------------------------------------------------------------ */
















/* **************************************LARGE SIZE DIVICE********************************** */




@media (min-width: 992px) and (max-width: 1199px) {

  /* <!-- ___________________________________________ header   ___________________________________________--> */


  #logo_img {
    width: 6rem;

  }


  #ul_sty {
    font-size: 1.2rem;
    font-weight: 500;
  }


  #btn_sty {
    font-size: 1.2rem !important;
    width: 103px;
    height: 33px;
  }

  #ul_sty li {
    margin-right: 0.8rem;
  }

  .drop_hidden_sty {
    font-size: 1.38rem;
    font-weight: 100;

  }

  .dropdown-item {

    font-size: 1.45rem;
  }

  /*<------------------START  HOME PAGE RESPONSIVE CODE----------------------->  */
  /* ===================================
    HOME PAGE
====================================== */

  /* ___________________________________________Testimonials___________________________________________ */




  /*<------------------START OUR COMPANY PAGE RESPONSIVE CODE----------------------->  */

  /* ===================================
    OUR COMPANY PAGE 
====================================== */
  /* CONTENT SECTION  */
  .content_h1 {
    font-size: 52px;
  }





  /*<------------------START THE ELITE APPROCH  PAGE RESPONSIVE CODE----------------------->  */

  /* ===================================
    THE ELITE APPROCH 
====================================== */
  /* ___________________________________________ .elite_content  ___________________________________________*/
  .elite_content .text {
    font-size: 5rem !important;
    padding-left: 1.5rem;
  }


  #elite_span_res {
    font-size: 22px;

  }

  .elite_content_span_sty {
    font-size: 2rem;
    font-weight: 200 !important;
  }

  b {
    font-size: 2.4rem;
  }



  /* <!-- ___________________________________________ elite_gallary ___________________________________________ --> */

  .eli_gal_bold_text {
    font-size: 1.8rem;
  }

  .gallary_span {
    font-size: 1.8rem;
  }

  .make_bold {
    font-size: 3.6rem;
  }


  .gallary_img {
    width: 32rem !important;
  }

  #elite_approch_ul_wraper span {
    text-align: center;
    width: 76rem;
  }

  #elite-aproch-gallary {
    height: 27rem;
    width: 100%;
    /* border: 1px solid red; */
    justify-content: space-evenly;
  }


  /* <!--  ___________________________________________the elite_approch ul thing   ___________________________________________--> */

  #elite_approch_ul_sty {

    width: 86%;

  }

  /*<------------------START SERVICES PAGE RESPONSIVE CODE----------------------->  */

  /* ===================================
   SERVICES PAGE 
====================================== */

  .ser_heading {

    font-size: 1.8rem;
  }

  .sarvice_para_2 {
    font-size: 15px;
    line-height: 1.5em;
  }



  /*<------------------START PROJECT GALLARY PAGE RESPONSIVE CODE----------------------->  */

  /* ===================================
    PROJECT GALLARY PAGE 
====================================== */
  /* #pro_titel_img {
  height: 288px;
}
.pro_converted_div {
  font-size: 4.5rem;
  height: 23rem;
  width: 56%;
  top: 33.5rem;s
  left: 42rem; 
} */


  .pro_converted_div {
    width: 64rem;
  }

  /*<------------------START NOW AVAILIBLE PAGE RESPONSIVE CODE----------------------->  */

  /* ===================================
    NOW AVAILIBLE PAGE 
====================================== */
  #now_avail {

    height: 66vh;
  }

  #now_avail h1 {
    font-size: 72px;
  }











  /* _______________________________footer_______________________________  */

  .contact_h1 {
    width: 20rem;
  }




}




/* *******************LARGE SIZE DIVICE  end ****************************** */
/* ------------------------------------------------------------------------------ */









/* *******************************for MEDIUM size **********************************************/

@media (min-width: 768px) and (max-width: 991px) {

  /* ___________________________________________ header  ___________________________________________*/

  #logo_img {
    width: 9rem;
  }


  #btn_sty {
    font-size: 1.02rem !important;
    width: 7rem !important;
  }

  #ul_sty {
    margin-left: 3rem !important;
    font-size: 1.27rem;
  }


  #ul_sty li {
    margin-right: 1px;
  }


  /*<------------------START HOME  PAGE RESPONSIVE CODE----------------------->  */

  /* ===================================
    HOME PAGE 
====================================== */

  /*___________________________________________  main___________________________________________   */

  main h1 {
    font-size: 10rem;
    color: white;
  }

  hr {
    width: 33%;

  }

  /*___________________________________________ Testimonials ___________________________________________*/






  /*<------------------START OUR COMPANY PAGE RESPONSIVE CODE----------------------->  */

  /* ===================================
    OUR COMPANY PAGE 
====================================== */

  /* OUR COMPANY IMG CSS  */
  #ourcomany_img h1 {
    font-size: 48px;
    color: white;
    letter-spacing: 7px;

  }

  #ourcomany_img {

    height: 418px;

  }

  #ourcomany_img h4 {
    font-size: 24px;

  }

  .content_h1 {
    font-size: 54px;
  }


  .text_sty {
    width: 87%;

  }

  .text_sty p {
    font-size: 21px;

  }

  .ourcom_footer_img {

    height: 30vh;
  }









  /*<------------------START THE ELITE APPROCH  PAGE RESPONSIVE CODE----------------------->  */

  /* ===================================
    THE ELITE APPROCH 
====================================== */
  /* ___________________________________________ elite_content  ___________________________________________*/
  .elite_content .text {
    font-size: 5rem;
    text-align: left;
  }



  .elite_content_sty-b {
    font-size: 1.8rem;
  }

  .elite_content_span_sty {
    font-size: 1.5rem;

  }

  #elite_span_res {
    font-size: 16px;
  }

  #elite-aproch-gallary {
    height: auto;
  }

  /*___________________________________________ main ___________________________________________ */
  #main_div {
    height: 72vh;

  }

  /* ___________________________________________quite ___________________________________________*/
  /* #quite h2 {
 font-size: 2rem;
 font-style: italic;
 margin-bottom: 0;
} */

  /* <!--  ___________________________________________elite_home_gallary  ___________________________________________--> */




  .gallary_img {
    height: 22rem;
    width: 22rem;
    margin: 0.5rem;
    background-size: contain;
  }


  /* #uniq_first_span{
    padding-bottom: 4rem;
} */


  #wraper span {
    font-size: 1.8rem;
    line-height: normal;
    line-height: 24px;
  }

  #is_span {
    font-size: 4rem !important;
  }

  .gallary_h1 {
    font-size: 5rem;

  }

  .make_bold {
    font-size: 3rem;
  }




  /* <!-- executed --> */
  .executed_h1 {
    font-size: 5.2rem;
    padding-left: 3rem;
    width: 64rem;
  }



  /* <!--  ___________________________________________the elite_approch ul thing  ___________________________________________ --> */
  #elite_approch_ul_sty {

    font-size: 1.8rem;

    width: 95%;
  }






  #elite_approch_ul_wraper span {
    font-size: 2rem;
    margin-top: 3rem;
  }







  /*  ___________________________________________sticky section   ___________________________________________*/

  section {
    left: 2rem;
  }

  .icon_sty {
    font-size: 1.2rem;
  }


  .img_col {
    width: 15px;
  }

  /*<------------------START PROJECT GALLARY PAGE RESPONSIVE CODE----------------------->  */

  /* ===================================
   PROJECT GALLARY PAGE 
====================================== */


  #pro_titel_img {
    width: 100%;
  }

  .pro_converted_div2 {
    font-size: 6rem;
  }

  #pro_titel_div {
    padding-top: 3rem;
  }

  #project_gallary {
    padding-top: 27rem !important;
  }

  .pro_titel_figure {
    flex-direction: column;
  }



  .pro_converted_div2 {
    font-size: 6rem;
    background-color: #202020;
    width: 100%;
    text-align: center;
  }











  /*<------------------START SERVICES PAGE RESPONSIVE CODE----------------------->  */

  /* ===================================
    SERVICES PAGE 
====================================== */

  .titel_of_sarvice {
    font-size: 84px;

  }

  .ser_heading {

    padding: 1rem;
  }


  .ser_para {
    font-size: 27px;
    padding-left: 0;
  }

  .services_img_div {
    text-align: center;

  }

  /*<------------------START NOW AVAILIBLE PAGE RESPONSIVE CODE----------------------->  */

  /* ===================================
    NOW AVAILIBLE PAGE 
====================================== */
  #now_avail {

    height: 53vh;
  }

  #now_avail h1 {
    font-size: 60px;
  }


  /*  ___________________________________________footer ___________________________________________  */

  #footer_wrapper {
    padding-top: 12rem;
  }

  .flexa {
    width: 22rem;
  }

  /* first div  */
  .contact_h1 {
    font-size: 3.3rem;
    width: 18rem;
  }

  figure i {
    font-size: 3rem;
  }

  .flexa p {
    font-size: 1.2rem;

  }


  /* second div  */

  label {
    font-size: 1.29rem;
    font-weight: 400;
  }

  input {
    margin-bottom: 1rem;
  }

  .footer_btn {
    margin-top: 3rem;
  }

}

/* *******************MEDIUM SIZE DIVICE  end ****************************** */
/* ------------------------------------------------------------------------------ */






/* *******************************for small size **********************************************/


@media (min-width:575px) and (max-width: 767px) {

  /*<------------------START HOME  PAGE RESPONSIVE CODE----------------------->  */

  /* ===================================
    HOME PAGE 
====================================== */

  /* ___________________________________________ MAIN ___________________________________________ */
  main h1 {
    font-size: 9rem;
    color: white;
  }

  hr {
    width: 51%;

  }

  /*<------------------START OUR COMPANY PAGE RESPONSIVE CODE----------------------->  */

  /* ===================================
    OUR COMPANY PAGE
====================================== */
  #ourcomany_img {

    background-size: auto;
    height: 413px;
  }


  #ourcomany_img h3 {
    font-size: 24px;
  }

  #ourcomany_img h1 {
    font-size: 44px;
    letter-spacing: 3px;
  }

  #ourcomany_img h4 {
    font-size: 18px;

  }

  .scroll_down {
    margin-top: 48px;
  }

  #scroll_down {
    font-size: 2.4rem;
  }

  .ourcom_footer_img {
    height: 24vh;
  }

  /*<------------------START THE ELITE APPROCH  PAGE RESPONSIVE CODE----------------------->  */

  /* ===================================
    THE ELITE APPROCH 
====================================== */
  /* ___________________________________________ elite_content  ___________________________________________*/
  .executed_h1 {
    font-size: 3.6rem;
    width: 52rem;
    padding-left: 1rem;
  }

  .elite_content_span_sty {
    font-size: 16px;
  }

  .elite_content .text {
    font-size: 4rem;
    text-align: left;
  }

  #elite_content_res {
    padding: 3rem;
    text-align: center;
  }

  #elite_span_res {
    font-size: 16px;
  }


  /* #elite_content_res h1{
font-size: 2rem;
}

#elite_content_res h1 span{
font-size: 1.8ren;
} */
  /*___________________________________________ main ___________________________________________ */

  #main_div {
    height: 59vh;

  }

  /* <!-- ___________________________________________ the elite_approch ul thing ___________________________________________  --> */
  #elite_approch_ul_wraper span {
    font-size: 2.4rem;
    text-align: center;
  }


  /* <!-- ___________________________________________ elite_home_gallary  ___________________________________________--> */
  #is_span {
    font-size: 4.7rem !important;
  }

  .gallary_h1 {

    padding-left: 2rem;
    padding-right: 5rem;
  }

  .gallary_img {
    width: 35rem;
    margin: 2rem;
    height: 34rem;
  }

  #elite-aproch-gallary {
    height: auto;

  }

  #wraper span {
    font-size: 2.7rem;
    width: 31rem;
  }


  /* <!-- ___________________________________________ the elite_approch ul thing   ___________________________________________--> */
  #elite_approch_ul_wraper h1 {
    font-size: 2.7rem;

  }

  #elite_approch_ul_sty {
    font-size: 2rem;
    width: 98%;
  }






  /* ___________________________________________ footer cover ___________________________________________ */
  /* #footer_cover {
top: 457rem;
}
#footer_cover {
top: 455rem;
 height: 33rem;
} */

  /*<------------------START PROJECT GALLARY RESPONSIVE CODE----------------------->  */

  /* ===================================
   PROJECT GALLARY PAGE
====================================== */




  #pro_titel_img {
    width: 100%;
  }

  .pro_converted_div2 {
    font-size: 6rem;
  }

  #pro_titel_div {
    padding-top: 3rem;
  }

  #project_gallary {
    padding-top: 27rem !important;
  }

  .pro_titel_figure {
    flex-direction: column;
  }



  .pro_converted_div2 {
    font-size: 6rem;
    background-color: #202020;
    width: 100%;
    text-align: center;
  }


  h1.ser_img_card_heading {
    font-size: 27px;
  }

  /*<------------------START SERVICES RESPONSIVE CODE----------------------->  */

  /* ===================================
   SERVICES PAGE
====================================== */

  .titel_of_sarvice {
    font-size: 56px;
    letter-spacing: 1.5rem;

  }

  #pro_titel_img {
    width: 100%;
    height: 304px;
  }

  .services_img_div {
    text-align: center;
  }

  .pro_converted_div2 {
    font-size: 6rem;

  }

  .ser_para {
    font-size: 24px;
    padding-left: 0rem;
    line-height: 1;
  }

  .ser_heading {
    font-size: 2.5rem;
    padding: 1rem;

  }

  .sarvice_para_2 {
    font-size: 19.2px;
    line-height: 1.8em;
  }

  /*<------------------START NOW AVAILIBLE RESPONSIVE CODE----------------------->  */

  /* ===================================
   NOW AVAILIBLE PAGE
====================================== */
  #now_avail {

    height: 39vh;
  }

  #now_avail h1 {
    font-size: 51px;
  }


  /* ___________________________________________ footer ___________________________________________  */
  #footer_wrapper {
    padding-bottom: 12rem;
  }

  /* first div  */



  #div_first {
    margin-right: 0px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .flexa {

    justify-content: center;
    flex-direction: column;

  }

  .flexa p {

    width: 69%;

  }


  /* third div   */
  .usf_link_sty {
    width: 100%;
    text-align: center;
  }

  #footer_btn {
    align-self: center;
    z-index: 1;

  }

  #footer_links {
    padding-top: 12rem;
  }
}

/* *******************SMALL SIZE DIVICE  end ****************************** */
/* ------------------------------------------------------------------------------ */









/* *******************************FOR VERY VERY VERY SMALL DIVICE **********************************************/


@media (min-width:0px) and (max-width: 574px) {

  /* ___________________________________________ header ___________________________________________  */

  .it_is_hdr {
    height: 22.5rem;
  }

  #logo_and_title {
    flex-direction: column;
  }

 
 

  #logo_img {
    width: 60px;
    height: 60px;
  }

  #nav_in_sm {
    display: flex;
    flex-direction: column;
  }

  #elite_text_and_col_btn {
    width: 100%;
    padding-top: 3rem;
  }

  #elite_text_and_col_btn ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  /* .sidemenu_btn{

  position: relative;
  border: 1px solid;
  left: 15rem;
} */
  #btn_sideNavClose {
    top: 20rem;

  }

  .logo_and_title {
    width: 100%;
    flex-direction: column;
  }

  .manu_btn {
    width: 100%;
    height: 4rem;
    font-size: 2rem;
    font-weight: 600;
  }

  /*<------------------START HOME  PAGE RESPONSIVE CODE----------------------->  */

  /* ===================================
    HOME 
====================================== */
.carousel-item {
  height: 55vh;

}
  /*  ___________________________________________ main  ___________________________________________  */
  /* main {
    height: 36rem;

  } */


  main h1 {
    font-size: 4.2rem;
    color: white;
  }

  hr {
    width: 41%;
  }

  main p {
    text-align: center;
    font-size: 24px !important;
  }

  /* ___________________________________________Testimonials___________________________________________ */
  .testimonials {

    padding-top: 36rem;
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .cantainer {
    align-items: flex-start;
    padding: 4rem;
    height: auto;
  }

  .testmoni_para {
    text-align: left;
    line-height: 2;
    /* border: 1px solid; */
    width: 100%;
  }

  #spc_heading2 {
    text-align: initial;
  }

  .cantainer_sm_res {
    width: 60rem;
  }

  #spc_heading {
    position: absolute;
    left: 1rem;
    padding-left: 2rem;
  }

  #testimonials_first_div {
    height: 10rem;
  }


  /*<------------------START OUR COMPANY  PAGE RESPONSIVE CODE----------------------->  */

  /* ===================================
   OUR COMPANY  PAGE 
====================================== */

  #ourcomany_img {
    height: 489px;
  }

  #ourcomany_img h3 {
    font-size: 24px;
  }

  #ourcomany_img h1 {
    text-align: center;
    font-size: 27px;
  }

  #ourcomany_img h4 {
    font-size: 21px;
    margin-top: 33px;
  }

  .scroll_down {
    margin-top: 72px;
  }

  .content_h1 {
    font-size: 27px;
  }

  .to_bold {
    font-size: 15px;
  }

  .text_sty p {
    text-align: center;
    font-size: 15px;
  }

  .flexa p {
    text-align: center;
    margin-top: 9px;
  }


  .ourcom_footer_img {

    height: 21vh;
  }

  /*<------------------START THE ELITE APPROCH  PAGE RESPONSIVE CODE----------------------->  */

  /* ===================================
    THE ELITE APPROCH 
====================================== */
  /* <!-- ___________________________________________ elite_content  ___________________________________________  --> */
  .elite_content .text {
    font-size: 24px;
    font-weight: 600;
    width: 72%;
    text-align: left;
    padding-top: 7rem;
    padding-left: 6%;
  }




  #elite_content_res {
    padding: 2rem;
    text-align: center;
  }

  .elite_content_span_sty {
    font-size: 16px;
    font-weight: 200;
  }

  #elite_span_res {
    line-height: 2.6;
    font-size: 16px;
    font-weight: 200;
  }

  b {
    font-weight: 700;
    font-size: 2.1rem;
  }

  #elite_content_res h1 {
    line-height: 1.8;
    font-size: 19px;
  }

  /*___________________________________________ main ___________________________________________ */

  #main_div {
    height: 54vh;
  }

  /* <!--  ___________________________________________elite_home_quite  ___________________________________________--> */


  #quite h2 {
    font-size: 2.5rem;

  }





  /* <!--  ___________________________________________elite_home_gallary ___________________________________________ --> */

  #wraper {
    padding-top: 6rem;

  }

  .gallary_h1 {
    font-size: 3.6rem;
    width: 98%;
    text-align: center;
    padding-left: 2rem;
    font-weight: 600;
  }

  .gallary_img {
    height: 25rem;
    width: 26.5rem;
    margin: 2rem;
    overflow: hidden;
  }

  #wraper .elite_home_gallary {
    font-size: 3.4rem;
  }

  #wraper span {
    font-size: 2rem;

    line-height: normal;

  }

  .make_bold {
    font-size: 3rem;
  }

  #elite-aproch-gallary {
    height: auto;
    width: auto;

  }


  /* <!-- ___________________________________________ the elite_approch ul thing ___________________________________________  --> */
  #elite_approch_ul_wraper h1 {
    font-size: 3rem;
    text-align: center;
    margin-bottom: 2.4rem;
    font-weight: 600;
  }



  #elite_approch_ul_sty {
    font-size: 3rem;
    width: 94%;
  }

  #elite_approch_ul_sty li {
    margin-bottom: 2rem;
    text-align: left;
    font-size: 2.3rem;
    line-height: normal;
    padding-left: 4px;
  }

  #elite_approch_ul_wraper span {
    font-size: 2rem;
    text-align: center;
  }

  /* <!-- ___________________________________________ executed  ___________________________________________--> */
  #executed {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .executed_h1 {
    font-size: 3rem;
    width: 80%;
    text-align: left;
    padding-left: 0;
    font-weight: 400;
    padding-left: 2rem;
  }



  /*<------------------START PROJECT GALLARY PAGE RESPONSIVE CODE----------------------->  */

  /* ===================================
    PROJECT GALLARY  PAGE
====================================== */
  #project_gallary {
    background-color: #242323 !important;
    padding-top: 0.9rem !important;
  }

  .pro_titel_figure {
    flex-direction: column;
  }

  .proj_cont_div {
    padding: 3rem;
    padding-bottom: 1rem;
  }

  /* #pro_titel_div {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 9rem;
} */

  #pro_titel_div {
    border: 1px solid;
    background-color: #222120;
    padding: 0rem;
    padding-top: 2rem;
  }

  #pro_titel_img {
    height: 210px;
    padding-left: 3rem;
    padding-right: 3rem;
    width: 100%;
  }

  .proj_img {
    margin: 0rem;
    border-bottom: 1px solid #242323;
  }

  .ser_img_card_heading {
    font-size: 30px;
    text-align: left;
    font-family: avenir-lt-w05_85-heavy, sans-serif;
    font-weight: 600;

  }

  .main_card {
    padding-top: 0rem;
  }

  .card_stp {

    margin: 3rem;
  }




  /*<------------------START SERVICES  PAGE RESPONSIVE CODE----------------------->  */

  /* ===================================
    SERVICES  PAGE
====================================== */

  .titel_of_sarvice {
    font-size: 33px;
    letter-spacing: 0;
  }

  #selling_box {

    height: 28rem;
  }

  .services_img_div {

    text-align: center;
  }

  .ser_para {
    font-size: 18px;
    padding-left: 0;

  }

  .ser_heading {
    font-size: 2rem !important;
    padding: 1rem;
  }

  .sarvice_para_2 {
    font-size: 15px;
    line-height: 1.5em;
  }

  /*<------------------START NOW AVAILIBLE  PAGE RESPONSIVE CODE----------------------->  */

  /* ===================================
    NOW AVAILIBLE  PAGE
====================================== */
  #now_avail h1 {
    font-size: 36px;
    margin-left: 3rem;
  }

  #now_avail {
    height: 36vh;
  }



  #now_avail_gread {
    font-size: 21px;
  }

  #right_img h1 {
    font-size: 3.5rem !important;
  }

  #right_img {

    width: 26rem !important;

  }

  #right_img h1 {
    font-size: 3.5rem !important;
    /* border: 1px solid; */
    width: unset;
  }

  #right_img {
    width: 26rem !important;
    height: 30rem;
  }


  /*  ___________________________________________footer ___________________________________________  */

  #footer_wrapper {
    padding-bottom: 12rem;
  }

  #div_first {
    margin-right: 0rem;
  }

  /* first div  */
  #div_first {
    margin-right: 0rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .flexa {
    flex-direction: column;
    width: 24rem;
    padding: 1rem;

  }

  .usf_link_sty {
    align-self: center;
    text-align: center;
  }

  #footer_links {

    padding-top: 12rem;
  }

  #form_set_mob {
    margin-right: 0px;
    margin-left: 0px;
  }

  #footer_btn {
    align-self: center;

  }
}


/* *******************************FOR VERY VERY VERY SMALL DIVICE  END**********************************************/
/* ------------------------------------------------------------------------------ */