@media (max-width:767px){
.carousel-control-prev-icon, .carousel-control-next-icon {width: 20px;background-color: #1674c0;height: 25px;}
#carouselExampleControls :after {display:none;}
.carousel-control-prev, .carousel-control-next {width: 18px;}
.header_area {width: 100%;position: relative;background-color: #051e4c;}
.owl-controls .owl-buttons .owl-next {background: #561515;position: absolute;top: 45%;right: -10px;padding: 2px 7px 2px 7px;}
.owl-controls .owl-buttons .owl-prev {background: #561515;position: absolute;top: 45%;left: -10px;padding: 2px 7px 2px 7px;}

.callRight {display:none;}

.power-by p { font-size: 15px; line-height: 26px; }
.side-info p { font-size: 15px; line-height: 26px; }
.side-info .title {font-size: 15px;line-height: 26px;}

.wel-part { padding:20px 0px;}
.wel-come-text h1 { font-size:32px; line-height:48px;}
.wel-part p { font-size:15px; line-height:26px;}
.button-box { margin-bottom:10px;}
.button-box a { font-size:17px; line-height:28px; padding:5px 20px; border:3px solid #1674c0;}
.play-now .icon { top:138%; left:28%;}
.play-now .ripple, .play-now .ripple:after { top:138%; left:28%;}
.icon-vi img { width:90px; height:auto;}
.icon-vi-text h3 { font-size:22px; line-height:32px;}
.icon-vi-text p { font-size:15px; line-height:26px;}

.pro-part { padding:20px 0px;}
.pro-title h2 { font-size:28px; line-height:38px;}
.pro-title p { font-size:15px; line-height:26px;}

.rs-courses-2 .cource-item .course-body .course-title a { font-size:18px; line-height:28px;}
.rs-courses-2 .cource-item .course-body .course-desc p { font-size:15px; line-height:26px;}

.box h4 { font-size:45px; line-height:55px;}
.box p { font-size:18px; line-height:28px;}
.box { padding:15px; margin-bottom:10px;}
.box img { width:80px; height:auto;}

.why-part { padding:20px 0px;}
.why-box {padding: 10px 14px 5px 100px;}
.why-box .icon-1 { width:78px; height:78px;}
.why-box .icon-1 i { font-size:38px; line-height:70px;}
.why-box .icon-1 { line-height:70px;}
.why-title h2 { font-size:28px; line-height:38px;}
.why-box h4 { font-size:18px; line-height:28px;}
.why-box p { font-size:15px; line-height:26px;}

.footer-img { text-align:center;}
.footer-img img { width:50%; height:auto;}
.footer-text p { font-size:15px; line-height:26px;}
.footer-text h3 { font-size:20px; line-height:30px;}
.footer-information ul li { font-size:15px; line-height:26px;}
.footer-text { margin-bottom:10px;}
.footer-information ul li {background-position: 1px 6px;}
.w3l-footer.three ul li p { font-size:15px; line-height:26px;}

}