@media only screen and (min-width: 320px) and (max-width: 575px) {

  .section-heading > h2 { font-size: 30px; }
  .section-heading > h3 { font-size: 28px; }


  /*------- Mobile Navbar Menu Section Starts -------*/  
  
  .bg-navbar-menu-mobile {
    background-color: #fff;
    display: block;
    left: 0;
    padding: 10px 15px;
  /*  position: -webkit-sticky;
    position: sticky;
    top: 0;*/
    width: 100%;
    z-index: 10;
  }
  

  /*------- Hamburger Menu CSS Starts -------*/

  .burger-menu { background-color: transparent; cursor: pointer; height: 40px; position: relative; width: 40px; }
  .burger-menu span { position: absolute; height: 2px; width: 18px; background-color: #000; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
  .burger-menu span::before,
  .burger-menu span::after { content: ""; background-color: #000; height: 2px; width: 18px; position: absolute; right: 0; top: 6px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
  .burger-menu span::before { top: -6px; }
  .burger-menu.active span { background-color: transparent; }
  .burger-menu.active span::before { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 25px; }
  .burger-menu.active span::after { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 25px; }

  /*------- Hamburger Menu CSS Ends -------*/

  .header-logo {
    left: 50%;
    top: 30px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  } 



  /*------- Mobile Navbar Menu Section Ends -------*/

  /*------- Fixed Sidebar Menu Section Starts -------*/

  .fixed-sidebar-menu-mobile {
    background-color: #fff;
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    width: 100%;
    z-index: 11;
  }
  .fixed-sidebar-menu-mobile.active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .fixed-sidebar-menu-close {
    font-size: 18px;
    padding-right: 15px;
    padding-top: 15px;
  }
  .close-menu-white { color: #000; }

  .menu-listing-mobile {
    height: calc(100% - 95px);
    margin: 15px;
    overflow-y: auto;
  }
  .menu-listing-mobile > li > a,
  .menu-listing-mobile > li > p {
    color: #000;
    display: block;
    font-family: Helvetica, arial, sans-serif;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding: 0 30px 15px;
    position: relative;
    z-index: 1;
  }
  
  .menu-listing-mobile > li > a::after,
  .menu-listing-mobile > li > p::after {
    background-color: #4c4c4c80;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
  }
  .menu-listing-mobile > li.active > a,
  .menu-listing-mobile > li > a:hover { color:#345e9c; }
  

  /*------- Fixed Sidebar Menu Section Ends -------*/



  

  

  /*------- Desktop Header Section Starts -------*/

  /*.bg-header-desktop-ip { display: none; }*/

 

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .section-heading > h2 { font-size: 35px; }
  .section-heading > h3 { font-size: 28px; }


  /*------- Mobile Navbar Menu Section Starts -------*/

  .bg-navbar-menu-mobile {
    background-color: #fff;
    display: block;
    left: 0;
    padding: 10px 15px;
    /*position: -webkit-sticky;
    position: sticky;*/
    top: 0;
    width: 100%;
    z-index: 10;
  }

  /*------- Hamburger Menu CSS Starts -------*/

  .burger-menu { background-color: transparent; cursor: pointer; height: 40px; position: relative; width: 40px; }
  .burger-menu span { position: absolute; height: 2px; width: 25px; background-color: #000; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
  .burger-menu span::before,
  .burger-menu span::after { content: ""; background-color: #000; height: 2px; width: 25px; position: absolute; right: 0; top: 10px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
  .burger-menu span::before { top: -10px; }
  .burger-menu.active span { background-color: transparent; }
  .burger-menu.active span::before { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 25px; }
  .burger-menu.active span::after { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 25px; }

  /*------- Hamburger Menu CSS Ends -------*/


  /*------- Mobile Navbar Menu Section Ends -------*/

  /*------- Fixed Sidebar Menu Section Starts -------*/

  .fixed-sidebar-menu-mobile {
    background-color: #fff;
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    width: 100%;
    z-index: 11;
  }
  .fixed-sidebar-menu-mobile.active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .fixed-sidebar-menu-close {
    font-size: 18px;
    padding-right: 15px;
    padding-top: 15px;
  }
  .close-menu-white { color: #000; }

  .menu-listing-mobile {
    height: calc(100% - 95px);
    margin: 15px;
    overflow-y: auto;
  }
  .menu-listing-mobile > li:last-child > a{
    border-bottom: 0;
  }
  .menu-listing-mobile > li > a,
  .menu-listing-mobile > li > p {
    color: #000;
    display: block;
   /* font-family: "Lovelo_Black", sans-serif;*/
    font-size: 22px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding: 0 30px 15px;
    position: relative;
    z-index: 1;
  }
  .menu-listing-mobile > li > p { color: #a4a4a4; font-size: 14px; }
  .menu-listing-mobile > li > a::after,
  .menu-listing-mobile > li > p::after {
    background-color: #4c4c4c80;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
  }
  .menu-listing-mobile > li.active > a,
  .menu-listing-mobile > li > a:hover { color:#345e9c; }

  /*------- Fixed Sidebar Menu Section Ends -------*/  

  /*------- Desktop Header Section Starts -------*/

  /*.bg-header-desktop-ip { display: none; }
*/
  

}
@media only screen and (max-width: 575px){
  .call-back-box img {
    height: 170px;
    margin-top: -140px;
    margin-bottom: -62px;
}
h2.contact-heading{font-size: 46px }
  
 
}
@media only screen and (max-width: 768px){
  .find-boilder-rightImg img {
    margin-top: 20px;
    width: 100%;
  }
  .bg-navbar-menu-desktop{display: none;}
  .heat-home-right, .reward-right{width: 100%; margin-left: unset;}
  .heat-home-left, .reward-left{margin-bottom: 20px;}
  .widget{margin-bottom: 20px;  }
}


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

  .section-heading > h2 { font-size: 42px; }
  .section-heading > h3 { font-size: 33px; }  
    
}

@media only screen and (max-width: 991px){
  .latest-block{
    min-height: unset;
    margin-bottom: 20px;
  }
  .blu-btn.abs{position: relative; bottom: unset; left:unset;}
  .help-block{margin-bottom: 40px;}
  .help-content{min-height: 100px;}
  .heat-home-left, .reward-left{width:100%; margin-bottom: 20px;  }
  .before-after-block{margin-bottom: 20px; }
  .call-back-block {margin-top: 120px; }
  .call-back-box{margin-top: 110px; }
  

}

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

  .section-heading > h2 { font-size: 40px; }
  .section-heading > h2 > span { display: inline; }
  .section-heading > h3 { font-size: 33px; }

  
}

@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    /*width: 92%;*/
    max-width: 1450px;
    width:92%;
}
}

@media (min-width:1500px){
  .find-boilder-rightImg img{width:100%;}
}