@media (min-width: 576px) {
    .carousel-caption {
        max-width:540px;margin: auto;left: 0;right: 0;z-index: 2;padding: 0 15px;
    }
}

@media (min-width: 768px) {
    .carousel-caption {max-width:720px;margin: auto;left: 0;right: 0;z-index: 3;padding: 0 15px;}
}

@media (min-width: 992px) {
    .carousel-caption {max-width:960px;margin: auto;left: 0;right: 0;z-index: 3;padding: 0 15px;}
}

@media (min-width: 1200px) {
    .carousel-caption {max-width:1140px;margin: auto;left: 0;right: 0;z-index: 3;padding: 0 15px;}
}


@media (max-width: 1200px) {
    header .navbar{position: relative;}
    header ul.dropdown-menu{display: none;}
    .dropdown-menu.show {display: flex;flex-wrap: wrap;}
}

@media (min-width:1400px) {
    .carousel-caption{width: 100%;max-width: 1320px; min-width: 1320px; margin: auto;left: 0;right: 0;z-index: 3;padding: 0 15px;}
}




@media (max-width:768px) {  
    header ul.dropdown-menu{display: none;}
    .default_btn1, .default_btn2, .default_btn3{padding: .5rem 1rem;font-size: 14px;}
    h1{font-size: 30px;}  
    h2{font-size: 24px;}  
    h3{font-size: 18px;}  
    h4{font-size: 14px;}  
    /* h5{font-size: 12px;}   */
    /* .navbar {background-color: rgba(255, 255, 255, 0.53);} */
    .slider, .slider img{height: 70vh;}
    .slider::before, .slider::after{max-width: 120px; height: 120px;}
    .slider::before{left: -20%;}
    .slider::after{right: -20%;}
    .slider .carousel-caption{z-index: 3; top: 45%; transform: translateY(-45%);}
    .slider .carousel-caption .slider-title {font-size: 30px;}
    .slider .carousel-caption a{padding: .5rem 1rem; font-size: 14px;}
    .slider .arrows{left: 0; right: 0; margin: auto; bottom: 10%; transform: translateY(10%);}

    /* about */
    .about{overflow: hidden;}
    .about .img_box, .about .img_box img{height: 300px;}

    /* services */
    .banner .banner_bg{height: 130px;}
    .services .prof_text p{height: 100px; overflow: scroll;}
    .services .step_img img{height: 220px;}
    .service_details_page h4{font-size: 18px;}
}

@media (max-width:576px) {
    .btn1, .btn2{min-width: 30px; max-width: 30px; height: 30px; min-height: 30px;}
    .btn1 svg, .btn2 svg{width: 1rem !important; height: 1rem !important;}
    .sticky_btn {position: fixed;bottom: 3%;left: 3%;z-index: 6;background: white;border-radius: 25%;padding: 5px;}
    .navbar .toggle_icon{min-width: 25px; max-width: 25px; height: 2px;}
    .slider, .slider img{height: 55vh;}
    .default_btn1, .default_btn2, .default_btn3{padding: .3rem .7rem; font-size: 12px;}
    h1{font-size: 24px;}  
    h2{font-size: 20px;}  
    h3{font-size: 18px;}  
    h4{font-size: 12px;} 
    h5{font-size: 12px;} 
    header a.navbar-brand img, footer a.navbar-brand img{max-width: 150px;}
    .slider .carousel-caption p{font-size: 12px;}
    .slider .carousel-caption .slider-title {font-size: 22px;}
    .slider .carousel-caption a{padding: .3rem .5rem; font-size: 12px;}
    .slider .arrows{bottom: 0;}
    .slider .arrows .carousel-control-prev, .slider .arrows .carousel-control-next{max-width: 35px; height: 35px;}
    .slider .arrows .carousel-control-prev svg, .slider .arrows .carousel-control-next svg{max-width: 15px;height: 15px;}
    .point{min-height: 30px; max-height: 30px; max-width: 30px; min-width: 30px; font-size: 18px;}
}