@media only screen and (min-width:1900px){ 
    .modal-content {
        height:500px;
    }
}
@media only screen and (min-width:1200px){ 
    .navbar-brand{width:30% !important;}
}

@media only screen and (min-width:992px) and (max-width:1200px){ 
    li {line-height: 23px;}
    .modal-content {
        height:400px;
        width: 128%;
    }
    .modal{top: 103px; left: -74px;}
    .m-ht-lg-250px{min-height: 250px;}
}
@media only screen and (min-width:768px) and (max-width:991px) { 
    li{line-height: 18px;}
    .navbar-expand-md {flex-direction: row !important;}
    .navbar-mobile ul { padding: 12px !important;border-radius: 25px; }
    h1{font-size: 30px;}
    h2{ font-size: 1.25rem;}   
    h3{ font-size: 22px;}  
    .fa-circle{z-index: 10 !important; position: absolute; content: "\f111"; width: 30px; height: 30px; text-align: center; line-height: 30px; font-weight: 600; left: -31px; font-size: 18px; top: 0px; }
    .carousel-control-prev {left: 0% !important;}
    .carousel-control-next {right: 0% !important;}
    .modal-content {
        height: 323px;
        width: 125%;
    }
    .modal{top: 103px; left: -45px;}
    .m-ht-md-200px{min-height: 200px;}
    .navbar-brand{width:65% !important;}
}
@media only screen and (min-width:300px) and (max-width:767px) { p,a,li {  font-size: 16px; }.navbar-mobile a:hover,.navbar-mobile .active,.navbar-mobile li:hover>a { color: #000; } .list-points li { font-size: 14px;padding-bottom: 0px !important;} .navbar-mobile ul {  padding: 12px !important; border-radius: 25px; }}
@media only screen and  (max-width: 767px) {
    #footer p, #footer a{font-size: 12px !important;}
    li {line-height: 25px;}
    .carousel-control-prev {left: 0 !important;}
    .carousel-control-next {right: 0 !important;}
    /* .line::before{z-index:-100 !important; content: ' ';  background: linear-gradient(to bottom, black 50%, transparent 50%); display: inline-block; position: absolute; left: 24px; width: 1px; height: 156%; top: 13px; z-index: -10 !important;} */
    .fa-circle{z-index: 10 !important; position: absolute; content: "\f111"; width: 30px; height: 30px; text-align: center; line-height: 30px; font-weight: 600; left: -31px; font-size: 18px; top: 6px; }
    /* .line h3::before {content: ' '; background: white; display: inline-block; position: absolute; border-radius: 50%; border: 3px solid #08AEEA; left: -30px; width: 15px; height: 50%; z-index: 98; top: 11px;} */
    .banner{padding-top:75px !important; padding-bottom:20px !important;}
    h1 { font-size: 26px; line-height: 35px; }
    h2 { font-size: 20px;}
    body{overflow-x: hidden !important;}
    #footer p, #footer a{font-size: 14px;}
    .modal-dialog {
        max-width: 76%;
        margin-top: 33%;
    }
    .modal-content{height: 194px;}
    .modal-body {padding:5px !important;}
    .m-ht-sm-275px{min-height: 275px;}
}