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

  /*------- Common CSS Starts -------*/

  /*.container-fluid { padding: 15px; }*/
  .section-heading > h2 { font-size: 3rem; line-height: 40px; margin-bottom: 15px; }
  .section-heading > h3 { font-size: 2.4rem; line-height: 30px; margin-bottom: 30px; }
  .section-heading > h4 { font-size: 2.4rem; line-height: 30px; margin-bottom: 30px; }
  p { font-size: 1.6rem; }

  /*------- Common CSS Ends -------*/

  /*------- Home Page Starts -------*/

  /*------- Desktop Logo and Navbar Menu Section Starts -------*/

  .bg-header-desktop { display: none; }

  /*------- Desktop Logo and Navbar Menu Section Ends -------*/

  /*------- Mobile Header Section Starts -------*/

  .bg-header-mobile { 
    display: block;
    left: 0;
    padding: 15px;
    position: fixed;
    top: 0;    
    z-index: 11;
    margin:0;
  }
  .bg-header-mobile {background-color: rgba(0,0,0,1)}
  .mobile-header-logo > a > img { width: 150px; }

  /*------- Mobile Hamburger Menu Section Starts -------*/

  .burger-menu {display: inline-block;}

  /*------- Mobile Hamburger Menu Section Ends -------*/

  /*------- Mobile Header Section Ends -------*/

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

  .fixed-navbar-menu-mobile { background-color: #000; bottom: 0; display: block; clip-path: circle(100px at 90% -20%); height: 100%; left: 0; position: fixed; right: 0; top: 0; -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; width: 100%; z-index: 10; }
  .fixed-navbar-menu-mobile.active { clip-path: circle(1000px at 90% -10%); }
  .menu-listing-mobile { left: 50%; opacity: 0; position: absolute; top: 40%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; visibility: hidden; width: 85%; z-index: 10; }
  .menu-listing-mobile.active { opacity: 1; top: 50%; -webkit-transition: 1s ease 0.25s; -moz-transition: 1s ease 0.25s; -ms-transition: 1s ease 0.25s; -o-transition: 1s ease 0.25s; transition: 1s ease 0.25s; visibility: visible; }
  .menu-listing-mobile > li { display: block; margin-bottom: 30px; }
  .menu-listing-mobile > li:last-child { margin-bottom: 0; }
  .menu-listing-mobile > li > a { color: #ffff; display: block; font: 1.8rem/1 "Nunito-Regular"; text-align: center; }
  .menu-listing-mobile > li > a .media { display: -webkit-inline-box; }
  .menu-listing-mobile > li.active > a,
  .menu-listing-mobile > li > a:hover { color: #d90008; }

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

  /*------- Banner Section Starts -------*/

  .banner-content { margin-top: 120px; }
  .banner-content img {width: 270px; height:unset; object-fit: contain; }
  .banner-heading > h1 { font-size: 3rem; line-height: 40px; margin: 50px 0; }

  /*------- Banner Section Ends -------*/
  .section {padding-top: 30px; padding-bottom: 30px; }
  .section-heading{font-size: 24px;}



  /*------- Footer CSS Starts -------*/
  .logo-txt > h4 > span{display: block;}
  .contact-widget, .legal-widget{margin-bottom: 20px; display: block; text-align: center;}
  .contact-widget p{display: block;}
  .footer-logo img {object-fit: contain; width: 180px; height: unset; }
  .contact-widget p span{
    margin:0 auto;
    display: block; 
    margin-bottom: 10px;
  }
  .btm-footer{text-align: center;}
  .btm-footer span{display: block;}

  
  .footer-social-listing li {
    padding-left: 0;
    padding-right: 10px;
  }
  /*------- Footer CSS Ends -------*/
  .abt-left, .abt-right{margin-top: 20px;}
  .about-section .red-btn{margin-bottom: 20px; margin-top: 10px;}
  .serv-steps-box{margin-bottom: 20px;}
  .serv-steps-box p{min-height: unset;}
  .sectionHeadingPara{font-size: 17px; margin: 20px;}
  .test-slider .slick-slide {margin-right: 0;}
  .footer-logo {text-align: center;}
  /*------- Home Page Ends -------*/

  /*------- About Page Starts -------*/
  .about-section.abt-page{
    padding-top: 120px;
  }
  .bg-header-desktop.inner-page.active{
    position: sticky;
  }
  .about-right {text-align: center;}
    /*------- About Page Ends -------*/
    .contact-box {margin-bottom: 30px;}
    .contact-section{padding-top: 150px;}
    .gallery-section{padding-top: 150px;}
    .service-right{padding-top: 10px;}
    section.section.service-section.main {
      padding-top: 120px;
  }

}

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

  /*------- Common CSS Starts -------*/

  /*.container-fluid { padding: 15px; }*/
  .d-block-mob { display: block; }
  .section-heading > h2 { font-size: 3rem; line-height: 40px; }
  .section-heading > h3 { font-size: 2.4rem; line-height: 30px; margin-bottom: 15px; }
  .section-heading > h4 { font-size: 2.4rem; line-height: 30px; margin-bottom: 30px; }
  p { font-size: 1.6rem; }

  /*------- Common CSS Ends -------*/

  /*------- Home Page Starts -------*/

  /*------- Desktop Logo and Navbar Menu Section Starts -------*/

  .bg-header-desktop { display: none; }

  /*------- Desktop Logo and Navbar Menu Section Ends -------*/

  /*------- Mobile Header Section Starts -------*/

  .bg-header-mobile { 
    display: block;
    left: 0;
    padding: 15px;
    position: fixed;
    top: 0;
    /* width: calc(100% - 30px); */
    z-index: 11;
    margin: 0;
    max-width: unset;
  }
  .mobile-header-logo > a > img { width: 150px; }

  /*------- Mobile Hamburger Menu Section Starts -------*/

  .burger-menu {display: inline-block;}

  /*------- Mobile Hamburger Menu Section Ends -------*/

  /*------- Mobile Header Section Ends -------*/

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

  .fixed-navbar-menu-mobile { background-color: #000; bottom: 0; display: block; clip-path: circle(100px at 90% -20%); height: 100%; left: 0; position: fixed; right: 0; top: 0; -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; width: 100%; z-index: 10; }
  .fixed-navbar-menu-mobile.active { clip-path: circle(1000px at 90% -10%); }
  .menu-listing-mobile { left: 50%; opacity: 0; position: absolute; top: 40%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; visibility: hidden; width: 85%; z-index: 10; }
  .menu-listing-mobile.active { opacity: 1; top: 50%; -webkit-transition: 1s ease 0.25s; -moz-transition: 1s ease 0.25s; -ms-transition: 1s ease 0.25s; -o-transition: 1s ease 0.25s; transition: 1s ease 0.25s; visibility: visible; }
  .menu-listing-mobile > li { display: block; margin-bottom: 30px; }
  .menu-listing-mobile > li:last-child { margin-bottom: 0; }
  .menu-listing-mobile > li > a { color: #ffff; display: block; font: 1.8rem/1 "Nunito-Regular"; text-align: center; }
  .menu-listing-mobile > li > a .media { display: -webkit-inline-box; }
  .menu-listing-mobile > li.active > a,
  .menu-listing-mobile > li > a:hover { color: #d90008; }

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

  /*------- Banner Section Starts -------*/
  .bg-banner { margin-top: 80px; }
  .banner-content{margin-top: 120px;}
  .banner-heading > h1 { font-size: 3rem; line-height: 40px; margin: 50px 0; }
  /*------- Banner Section Ends -------*/

  .section {padding-top: 120px; padding-bottom: 30px; }
  .about-section{padding-top: 30px; padding-bottom: 30px;}

  /*------- Footer CSS Starts -------*/
  .logo-txt > h4 > span{display: block;}
  .contact-widget, .legal-widget{margin-bottom: 20px; display: block; text-align: center;}
  .contact-widget p{display: block;}
  .footer-logo img {object-fit: contain; width: 180px; height: unset; }
  .contact-widget p span{
    margin:0 auto;
    display: block; 
    margin-bottom: 10px;
  }
  .btm-footer{text-align: center;}
  .btm-footer span{display: block;}

  
  .footer-social-listing li {
    padding-left: 0;
    padding-right: 10px;
  }
  .footer-logo {text-align: center;}
  /*------- Footer CSS Ends -------*/

  /*------- Home Page Ends -------*/



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

  .header-circle-desktop { border: 4px solid #ff0160; height: 40px; width: 40px; }
  .bg-header-desktop { margin: 30px auto; }

  /*------- Desktop Header Section Ends -------*/
  .abt-left, .abt-right{margin-top: 20px;}
  .about-section .red-btn {
    margin-bottom: 20px;
    margin-top: 10px;
}
.about-section{padding-top: 30px; padding-bottom: 30px;}
.gallery-section{padding-top: 150px;} 
.footer-ql.text-center{text-align: left!important;}
.about-right {text-align: center;}
.service-section-2{padding-top: 30px;padding-bottom: 30px;}
.service-right {padding-top: 30px;}
section.section.contact-form {
  padding-top: 30px;
  padding-bottom: 30px;
}
  
}

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

  /*------- Common CSS Starts -------*/

  /*.container-fluid { padding: 30px 15px; }*/
  .d-block-mob { display: block; }
  .section-heading > h2 { font-size: 3rem; line-height: 40px; }
  .section-heading > h3 { font-size: 2.4rem; line-height: 30px; margin-bottom: 15px; }
  .section-heading > h4 { font-size: 2.4rem; line-height: 30px; margin-bottom: 30px; }
  p { font-size: 1.6rem; }


  /*------- Common CSS Ends -------*/

  /*------- Home Page Starts -------*/

  /*------- Desktop Logo and Navbar Menu Section Starts -------*/

  .bg-header-desktop { display: none; }

  /*------- Desktop Logo and Navbar Menu Section Ends -------*/

  /*------- Mobile Header Section Starts -------*/

  /*.bg-header-mobile {  display: block; left: 0; padding: 15px; position: fixed; top: 0; width: 100%; z-index: 11; }*/

  .bg-header-mobile { 
    display: block;
    left: 0;
    padding: 15px;
    position: fixed;
    top: 0;
    /* width: calc(100% - 30px); */
    z-index: 11;
    margin: 0;
    max-width: unset;
  }
  .mobile-header-logo > a > img { width: 150px; }

  /*------- Mobile Hamburger Menu Section Starts -------*/

  .burger-menu {display: inline-block;}

  /*------- Mobile Hamburger Menu Section Ends -------*/

  /*------- Mobile Header Section Ends -------*/

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

  .fixed-navbar-menu-mobile { background-color: #323232; bottom: 0; display: block; clip-path: circle(100px at 90% -20%); height: 100%; left: 0; position: fixed; right: 0; top: 0; -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; width: 100%; z-index: 10; }
  .fixed-navbar-menu-mobile.active { clip-path: circle(1000px at 90% -10%); }
  .menu-listing-mobile { left: 50%; opacity: 0; position: absolute; top: 40%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; visibility: hidden; width: 85%; z-index: 10; }
  .menu-listing-mobile.active { opacity: 1; top: 50%; -webkit-transition: 1s ease 0.25s; -moz-transition: 1s ease 0.25s; -ms-transition: 1s ease 0.25s; -o-transition: 1s ease 0.25s; transition: 1s ease 0.25s; visibility: visible; }
  .menu-listing-mobile > li { display: block; margin-bottom: 30px; }
  .menu-listing-mobile > li:last-child { margin-bottom: 0; }
  .menu-listing-mobile > li > a { color: #ffff; display: block; font: 1.8rem/1 "Nunito-Regular"; text-align: center; }
  .menu-listing-mobile > li > a .media { display: -webkit-inline-box; }
  .menu-listing-mobile > li.active > a,
  .menu-listing-mobile > li > a:hover { color: #d90008; }

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

  /*------- Banner Section Starts -------*/

  .bg-banner { margin-top: 120px; }
  .banner-content{margin-top: 120px;}
  .banner-heading > h1 { font-size: 3rem; line-height: 40px; margin: 50px 0; }

  /*------- Banner Section Ends -------*/
  .section {
    padding-top: 100px;
    padding-bottom: 0;
  }

  /*------- Footer CSS Starts -------*/
  .logo-txt > h4 > span{display: block;}
  .footer-logo img {object-fit: contain; width: 60px; height: unset; }
  /*------- Footer CSS Ends -------*/
  /*------- Home Page Ends -------*/

  

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

  .header-circle-desktop { border: 4px solid #ff0160; height: 40px; width: 40px; }
  .bg-header-desktop { margin: 30px auto; }

  /*------- Desktop Header Section Ends -------*/
  .about-section,.service-section-2{padding-top: 30px; padding-bottom: 30px;}
  .service-section{padding-bottom: 30px;}
  .about-right {text-align: left;}
  .abt-left, .abt-right{margin-top: 20px;}
  section.section.contact-form {
    padding-top: 30px;
    padding-bottom: 30px;
}
section.contact-section {
  padding-bottom: 30px;
}

  

}

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

  /*------- Common CSS Starts -------*/

  /*.container-fluid { padding: 30px 15px; }*/
  .d-block-mob { display: block; }
  .section-heading > h2 { font-size: 3.6rem; line-height: 40px; }
  .section-heading > h3 { font-size: 3rem; line-height: 30px; margin-bottom: 15px; }
  .section-heading > h4 { font-size: 3rem; line-height: 30px; margin-bottom: 30px; }
  p { font-size: 1.6rem; }



  /*------- Common CSS Ends -------*/

  /*------- Home Page Starts -------*/

  /*------- Desktop Logo and Navbar Menu Section Starts -------*/

  .bg-logo-navbar-menu-desktop { display: none; }

  /*------- Desktop Logo and Navbar Menu Section Ends -------*/

  /*------- Mobile Header Section Starts -------*/

  .bg-header-mobile { display: none;}
  .mobile-header-logo > a > img { width: 150px; }

  /*------- Mobile Hamburger Menu Section Starts -------*/

  .burger-menu { background-color: transparent; cursor: pointer; height: 50px; position: relative; width: 50px; }
  .burger-menu span { background-color: #01b1ff; height: 2px; left: 50%; position: absolute; top: 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%); width: 25px; }
  .burger-menu span::before,
  .burger-menu span::after { content: ""; background-color: #01b1ff; height: 2px; width: 25px; position: absolute; 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; }

  /*------- Mobile Hamburger Menu Section Ends -------*/

  /*------- Mobile Header Section Ends -------*/

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

  .fixed-navbar-menu-mobile { background-color: #fff; bottom: 0; display: block; clip-path: circle(100px at 90% -20%); height: 100%; left: 0; position: fixed; right: 0; top: 0; -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; width: 100%; z-index: 10; }
  .fixed-navbar-menu-mobile.active { clip-path: circle(1000px at 90% -10%); }
  .menu-listing-mobile { left: 50%; opacity: 0; position: absolute; top: 40%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; visibility: hidden; width: 85%; z-index: 10; }
  .menu-listing-mobile.active { opacity: 1; top: 50%; -webkit-transition: 1s ease 0.25s; -moz-transition: 1s ease 0.25s; -ms-transition: 1s ease 0.25s; -o-transition: 1s ease 0.25s; transition: 1s ease 0.25s; visibility: visible; }
  .menu-listing-mobile > li { display: block; margin-bottom: 30px; }
  .menu-listing-mobile > li:last-child { margin-bottom: 0; }
  .menu-listing-mobile > li > a { color: #000; display: block; font: 1.8rem/1 "Alliance-No-1-Light"; text-align: center; }
  .menu-listing-mobile > li > a .media { display: -webkit-inline-box; }
  .menu-listing-mobile > li.active > a,
  .menu-listing-mobile > li > a:hover { color: #01b1ff; }

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

  /*------- Banner Section Starts -------*/

  .bg-banner { margin-top: 80px; }

  /*------- Banner Section Ends -------*/
  /*------- Home Page Ends -------*/ 

  
}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {

  
}

/* @media (min-width: 1200px){
  .container{
    width: 90%;
    max-width: 90%;
  }
} */