@media screen and (max-width:1380px) {

   
}

@media screen and (max-width:1024px){
    
   
}


@media screen and (max-width: 436px) {


    button.navbar-toggler {
        background: #fff;
    }
 #offcanvasNavbar{
    background:black;
    
}

.navbar-nav li a {
    color: white;
}
.nav-btn{
    display: none;
}
.offcanvas-body ul {
    text-align: start;
}

.top-header-left ul {
    margin: 0;
    display: block;
    padding: 0;
}
.top-header-left ul li {
    margin: 15px 0;
    list-style: none;
}
a.navbar-brand img {
    width: 200px;
}
/* sec one */
.sec-one-left {
    padding: 0px 0px 40px 0;
}
.sec-one-image {
    display: none;
}
.sec-one-right-sec {
    padding-left: 0;
}





.sec-one-right {
    margin: 0px 15px;
    padding: 15px;
   
    font-size: 20px;
    
}

.top-header-left ul li a {
    align-items: center;
    text-decoration: none;
    color: white;
    font-weight: 500;
    gap: 10px;
    font-size: 14px !important;
}





/*general*/

body {
   
      font-display:swap;
      font-size: 14px;
  }


  a {
	
  
    font-size: 14px !important;
}   


p {

	line-height:26px;
    font-size: 14px;
   
}

h1 {
	font-size: 30px ;
    font-weight: 700 ;
    margin: 0;
   
}

h2 {
	font-size: 24px ;
    font-weight: 700 ;
    margin: 0;
   
}

h3 {
	font-size: 20px ;
    font-weight: 700 ;
    margin: 0 ;
   
}




/*home page */
    .hero {
       
        padding: 100px 0px 50px 0px;
    }

    .heroul {
        display: block;
    }

    .heroul ul li {
        font-size: 14px;
    }


    .card1 {
        margin: 0 20px;
        font-size: 14px;
         text-align: left;
    }



    .hero-img {display: none;}


    .first-content {
       
        padding: 30px 0;
    }
    .cta1 p {
        font-size: 14px;
    }

.cta2-box img {
    display: none;
}

.span{
  	font-size: 25px ;
    font-weight: 700 ;
    
}



    .btn-style {
        margin: 15px 0;
    }

    .c-img {
        display: none;
    }



    .offer-section {
        padding: 30px 0;
    }



    .offer-box span {
        
        font-size: 18px;
        
      }

      section.step-section {
      
        padding: 30px 0;
      }

      .step-box span {
        font-size: 18px;
      }

      .banner-box {
        text-align: center;
    }

    .banner-img{
       
        width: 30%;
    }

      /* .test-con {
 
        text-align: center;
        } */

        .testinmial-info {
            
            margin: 30px;
            
        }


        .test-con {
            text-align: left;
            height: 400px;
        }

        /* contact us */


        .contact-us-area {
  margin-bottom: 15px;
}


/* 
faqs */

h2#flush-headingTwo {
    font-size: 16px;
}


.accordion-body{
    font-size: 14px;
}


/* main content section */

.main-ul {
    font-size: 14px;
   margin-left: -10px;
}



.whatsapp-number {
    font-size: 0px !important;
}

}



@media screen and (max-width:768px) {
	
    
    button.navbar-toggler {
        background: #fff;
    }
 #offcanvasNavbar{
    background:black;
    
}

.navbar-nav li a {
    color: white;
}
.nav-btn{
    display: none;
}
.offcanvas-body ul {
    text-align: start;
}

.top-header-left ul {
    margin: 0;
    display: block;
    padding: 0;
}
.top-header-left ul li {
    margin: 15px 0;
    list-style: none;
}
a.navbar-brand img {
    width: 200px;
}
/* sec one */
.sec-one-left {
    padding: 0px 0px 40px 0;
}
.sec-one-image {
    display: none;
}
.sec-one-right-sec {
    padding-left: 0;
}





.sec-one-right {
    margin: 0px 15px;
    padding: 15px;
   
    font-size: 20px;
    
}

.top-header-left ul li a {
    align-items: center;
    text-decoration: none;
    color: white;
    font-weight: 500;
    gap: 10px;
    font-size: 14px !important;
}



/*general*/

body {
   
      font-display:swap;
      font-size: 14px;
  }


  a {
	
  
    font-size: 14px !important;
}   


p {

	line-height:26px;
    font-size: 14px;
   
}

h1 {
	font-size: 30px ;
    font-weight: 700 ;
    margin: 0;
   
}

h2 {
	font-size: 24px ;
    font-weight: 700 ;
    margin: 0;
   
}

h3 {
	font-size: 20px ;
    font-weight: 700 ;
    margin: 0 ;
   
}




/*home page */
    .hero {
       
        padding: 100px 0px 50px 0px;
    }

    .heroul {
        display: block;
    }

    .heroul ul li {
        font-size: 14px;
    }


    .card1 {
        margin: 0 20px;
        font-size: 14px;
         text-align: left;
    }



    .hero-img {display: none;}


    .first-content {
       
        padding: 30px 0;
    }
    .cta1 p {
        font-size: 14px;
    }

    .cta2-box img {
    display: none;
}


.span{
  	font-size: 25px ;
    font-weight: 700 ;
    
}
    .btn-style {
        margin: 15px 0;
    }

    .c-img {
        display: none;
    }



    .offer-section {
        padding: 30px 0;
    }



    .offer-box span {
        
        font-size: 18px;
        
      }

      section.step-section {
      
        padding: 30px 0;
      }

      .step-box span {
        font-size: 18px;
      }

      .banner-box {
        text-align: center;
    }

    .banner-img{
       
        width: 30%;
    }

      /* .test-con {
 
        text-align: center;
        } */

        .testinmial-info {
            
            margin: 30px;
            
        }

        .test-con {
            text-align: left;
            height: 400px;
        }


        /* contact us */


        .contact-us-area {
  margin-bottom: 15px;
}

/* 
faqs */

h2#flush-headingTwo {
    font-size: 16px;
}


.accordion-body{
    font-size: 14px;
}


/* main content section */

.main-ul {
    font-size: 14px;
   margin-left: -5px;
}

.whatsapp-number {
    font-size: 0px !important;
}




}



@media screen and (max-width:568px) {
	
	
    button.navbar-toggler {
        background: #fff;
    }
 #offcanvasNavbar{
    background:black;
    
}

.navbar-nav li a {
    color: white;
}
.nav-btn{
    display: none;
}
.offcanvas-body ul {
    text-align: start;
}

.top-header-left ul {
    margin: 0;
    display: block;
    padding: 0;
}
.top-header-left ul li {
    margin: 15px 0;
    list-style: none;
}
a.navbar-brand img {
    width: 200px;
}
/* sec one */
.sec-one-left {
    padding: 0px 0px 40px 0;
}
.sec-one-image {
    display: none;
}
.sec-one-right-sec {
    padding-left: 0;
}





.sec-one-right {
    margin: 0px 15px;
    padding: 15px;
   
    font-size: 20px;
    
}

.top-header-left ul li a {
    align-items: center;
    text-decoration: none;
    color: white;
    font-weight: 500;
    gap: 10px;
    font-size: 14px !important;
}



/*general*/

body {
   
      font-display:swap;
      font-size: 14px;
  }


  a {
	
  
    font-size: 14px !important;
}   


p {

	line-height:26px;
    font-size: 14px;
   
}

h1 {
	font-size: 30px ;
    font-weight: 700 ;
    margin: 0;
   
}

h2 {
	font-size: 24px ;
    font-weight: 700 ;
    margin: 0;
   
}

h3 {
	font-size: 20px ;
    font-weight: 700 ;
    margin: 0 ;
   
}




/*home page */
    .hero {
       
        padding: 100px 0px 50px 0px;
    }

    .heroul {
        display: block;
    }

    .heroul ul li {
        font-size: 14px;
    }


   .card1 {
        margin: 0 20px;
        font-size: 14px;
         text-align: left;
    }



    .hero-img {display: none;}


    .first-content {
       
        padding: 30px 0;
    }
    .cta1 p {
        font-size: 14px;
    }

    .cta2-box img {
    display: none;
}


.span{
  	font-size: 25px ;
    font-weight: 700 ;
    
}

    .btn-style {
        margin: 15px 0;
    }

    .c-img {
        display: none;
    }



    .offer-section {
        padding: 30px 0;
    }



    .offer-box span {
        
        font-size: 18px;
        
      }

      section.step-section {
      
        padding: 30px 0;
      }

      .step-box span {
        font-size: 18px;
      }

      .banner-box {
        text-align: center;
    }

    .banner-img{
       
        width: 30%;
    }


      /* .test-con {
 
        text-align: center;
        } */

        .testinmial-info {
            
            margin: 30px;
            
        }


        .test-con {
            text-align: left;
            height: 400px;
        }



        /* contact us */


        .contact-us-area {
  margin-bottom: 15px;
}


/* 
faqs */

h2#flush-headingTwo {
    font-size: 16px;
}


.accordion-body{
    font-size: 14px;
}


/* main content section */

.main-ul {
    font-size: 14px;
   margin-left: -5px;
}

.whatsapp-number {
    font-size: 0px !important;
}

    
}








/*Header*/

@media screen and (max-width:350px) {

    button.navbar-toggler {
        background: #fff;
    }
 #offcanvasNavbar{
    background:black;
    
}

.navbar-nav li a {
    color: white;
}
.nav-btn{
    display: none;
}
.offcanvas-body ul {
    text-align: start;
}

.top-header-left ul {
    margin: 0;
    display: block;
    padding: 0;
}
.top-header-left ul li {
    margin: 15px 0;
    list-style: none;
}
a.navbar-brand img {
    width: 200px;
}
/* sec one */
.sec-one-left {
    padding: 0px 0px 40px 0;
}
.sec-one-image {
    display: none;
}
.sec-one-right-sec {
    padding-left: 0;
}





.sec-one-right {
    margin: 0px 15px;
    padding: 15px;
   
    font-size: 20px;
    
}

.top-header-left ul li a {
    align-items: center;
    text-decoration: none;
    color: white;
    font-weight: 500;
    gap: 10px;
    font-size: 14px !important;
}



/*general*/

body {
   
      font-display:swap;
      font-size: 14px;
  }


  a {
	
  
    font-size: 14px !important;
}   


p {

	line-height:26px;
    font-size: 14px;
   
}

h1 {
	font-size: 30px ;
    font-weight: 700 ;
    margin: 0;
   
}

h2 {
	font-size: 24px ;
    font-weight: 700 ;
    margin: 0;
   
}

h3 {
	font-size: 20px ;
    font-weight: 700 ;
    margin: 0 ;
   
}




/*home page */
    .hero {
       
        padding: 100px 0px 50px 0px;
    }

    .heroul {
        display: block;
    }

    .heroul ul li {
        font-size: 14px;
    }


    .card1 {
        margin: 0 20px;
        font-size: 14px;
         text-align: left;
    }



    .hero-img {display: none;}


    .first-content {
       
        padding: 30px 0px;
        
    }
    .cta1 p {
        font-size: 14px;
    }

    .cta2-box img {
    display: none;
}

.span{
  	font-size: 25px ;
    font-weight: 700 ;
    
}


    .btn-style {
        margin: 15px 0;
    }

    .c-img {
        display: none;
    }



    .offer-section {
        padding: 30px 0;
    }



    .offer-box span {
        
        font-size: 18px;
        
      }

      section.step-section {
      
        padding: 30px 0;
      }

      .step-box span {
        font-size: 18px;
      }

      .banner-box {
        text-align: center;
    }

    .banner-img{
       
        width: 30%;
    }

      /* .test-con {
 
        text-align: center;
        } */

        .testinmial-info {
            
            margin: 30px;
            /* padding: 10px; */
            
        }

        .test-con {
            text-align: left;
            height: 400px;
        }





        /* contact us */


        .contact-us-area {
  margin-bottom: 15px;
}

/* 
faqs */

h2#flush-headingTwo {
    font-size: 16px;
}


.accordion-body{
    font-size: 14px;
}


/* main content section */

.main-ul {
    font-size: 14px;
   margin-left: -5px;
}

.whatsapp-number {
    font-size: 0px !important; 
}

}