@media (min-width: 320px) {
    .banner-sec h1{font-size: 20px; font-weight: 700;}
    .banner-sec p{font-size: 15px}
    .l-columns__item p{width:97%}
    .l-columns__item h2{font-size: 30px}
    .box-icon-classic{height: 710px;}
}
@media (min-width: 360px) {
    .banner-sec h1{font-size: 20px; font-weight: 700;}
    .banner-sec p{font-size: 15px}
    .l-columns__item p{width:97%}
    .l-columns__item h2{font-size: 30px}
    .box-icon-classic{height: 700px;}
    .rd-navbar-toggle{left:5px;}
    .rd-navbar-fixed .rd-navbar-nav-wrap{
        left: 15px;
    }
    .edu-sec p { 
        font-size: 15px;}
        .edu-sec h1 {
            margin: 10% 0% 1% 0%;
            font-size: 20px;}
}
@media (min-width: 375px) {
    .banner-sec h1{font-size: 20px; font-weight: 700;}
    .banner-sec p{font-size: 15px}
    .l-columns__item p{width:97%}
    .l-columns__item h2{font-size: 30px}
    .box-icon-classic{height: 650px;}
}
@media (min-width: 640px) {
    .banner-sec h1{font-size: 23px; font-weight: 700;}
    .banner-sec p{font-size: 18px}
}
@media (min-width: 667px) {
    .banner-sec h1{font-size: 23px; font-weight: 700;}
    .banner-sec p{font-size: 18px}
}
@media (min-width: 823px) {
    .banner-sec h1{font-size: 25px; font-weight: 700;}
    .banner-sec p{font-size: 19px}
}
@media (min-width: 1024px) {
    .banner-sec h1{font-size: 30px; font-weight: 800;}
    .banner-sec p{font-size: 23px}
}


@media (min-width: 1366px) {
    .box-icon-classic{height: 701px;}
}
@media (min-width: 768px) {
    .banner-sec h1{font-size: 30px; font-weight: 800;}
    .banner-sec p{font-size: 23px}
}