/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
 
    /* common css start */
    .section_padding{
        padding: 40px 0;
    }
    .cm_h2{
        font-size: 45px;
    }
    /* common css end */
  /* banner section */
    .banner_content h1{
        font-size: 40px;
    }
    .banner_content ul{
        display: none !important;
    }
    /* about section */
    .about_right h2{
        font-size: 45px;
    }
      /* service section */
     .service_content{
        margin-top: 25px !important;
     }
     /* portfolio section */
     .f_box{
        margin-top: 25px;
    }
    /* testimonials start */
    .testimonial_content{
        margin-top: 25px;
    }
    /* blog section */
    .blog_content{
        margin-top: 25px;
    }
    /* contact form start */
    .contact_left{
        margin-top: 25px;
    }
    .contact_form{
        margin-top: 25px;
    }
    .footer_content ul{
        flex-direction: column;
    }
    .footer_content li{
        margin-bottom: 16px;
    }
    .c_nav li a{
        margin-left: 0;
    }

 }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { 


    /* header section */
    .c_nav li a{
        margin-left: 0;
    }
    .logo{
        /* color: black !important; */
    }
    .c_nav li{
        border-bottom: 1px solid rgb(0, 0, 0, 0.1) ;
    }
    .c_nav li a{
        /* color: black !important; */
    }
    /* banner section */
    .banner_content h1{
        font-size: 60px;
    }
      /* service section */
     .service_content{
        margin-top: 25px !important;
     }
     /* portfolio section */
     .f_box{
        margin-top: 25px;
    }
    /* testimonials start */
    .testimonial_content{
        margin-top: 25px;
    }

    /* blog section */
    .blog_content{
        margin-top: 25px;
    }

    /* contact form start */
    .contact_left{
        margin-top: 25px;
    }
    .contact_form{
        margin-top: 25px;
    }



 }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 

     /* service section */
     .service_content{
        margin-top: 30px !important;
     }
    .c_nav li a{
        margin-left: 0;
    }

 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { 
  
  


 }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399.98px) { 
  


 }


/* Extra Estra large devices (large desktops, 1400px and up) */
@media (min-width: 1400px) { 
  
 }