@media only screen and (min-width:1900px){ 
}
@media only screen and (min-width:1600px) and (max-width:1900px){ 
}
@media only screen and (min-width:1200px){ 
    .navbar-brand{width:30% !important;}
}
@media only screen and (min-width:1200px) and (max-width:1400px){ 
    .bg-banner {background-image: repeating-linear-gradient(45deg, #d7ede2 14%, #014871c7);}
}

@media only screen and (min-width:992px) and (max-width:1200px){ 
    .fs-lg-17px{font-size: 17px !important;}
    li {line-height: 23px;}
    .navbar-brand a img{width: 90% !important;}
    .bg-banner {background-image: repeating-linear-gradient(45deg, #d7ede2 15%, #014871c7);}
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .fs-md-23px{font-size: 23px !important;}
    h1{font-size: 30px;}
    h2{font-size: 32px;}
    h3{font-size: 22px;}
    .bg-banner{background-image: repeating-linear-gradient(45deg, #d7ede2 14%, #0148716e);}
    li{line-height: 25px !important;}
    .navbar-expand-md {flex-direction: row !important;}
    .navbar-mobile ul { padding: 12px !important;border-radius: 25px; }
    .navbar-brand{width:65% !important;}
    .line::before {content: ' '; background: #000; display: inline-block; position: absolute; left: 0px; width: 1px; height: 97%; top: 20px;}
    .line h3::before {content: ' '; background: #d7ede2; display: inline-block; position: absolute; border-radius: 50%; border: 3px solid #65819b; left: -8px; width: 18px; height: 50%; z-index: 98; top: 16px;}
}
@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) {
    .next-arrow::after{content: url(../img/next-arrow.png); position: absolute; top:98%; left:44%; z-index: 100 !important; rotate: 90deg;}
    .banner {padding-top: 80px !important; padding-bottom: 30px !important;}
    .shadow-sm-common {box-shadow: 0px 0px 5px -2px #362777, 0px 0px 2px 0px #362777;}
    .bg-banner{background-image: repeating-linear-gradient(45deg, #d7ede2 14%, #0148716e);}
    #footer p, #footer a{font-size: 12px !important;}
    li {line-height: 25px;}
    h1 { font-size: 26px; line-height: 35px; }
    h2 { font-size: 22px;}
    h3 { font-size: 18px;}
    body{overflow-x: hidden !important;}
    #footer p, #footer a{font-size: 14px;}
    .content {background-color: #fff; clip-path: polygon(54% -90%, 77% 7%, 90% 50%, 75% 95%, 32% 116%, 12% 51%);}
    .step-outer-bg {background-color: #a5aba8; clip-path: polygon(25% 5%, 78% 5%, 92% 50%, 77% 95%, 25% 95%, 11% 51%);}
    .line::before {content: ' '; background: #000; display: inline-block; position: absolute; left: 2px; width: 1px; height: 99%; top: 7px;}
    .line h3::before {content: ' '; background: #d7ede2; display: inline-block; position: absolute; border-radius: 50%; border: 3px solid #65819b; left: -8px; width: 21px; height: 44%; z-index: 98; top: 16px;}
}