

#sideNavi span.line strong {display: inline-block; width:auto;}
#sideNavi span.line {line-height: 25px; font-size: 14px;}

@media (max-width: 1000px)  {
.main{max-width:990px; padding: 0 10px; margin:0 auto;}	
.about_img, .about_img2 {display:none;}
.course-info-box{justify-content: space-around; margin-top: 10px; width: 100%;}
.head_cnt-div{width: auto;}

.pop_up_box{display:none;}
.logo{width:30%;}
.logo2{width:10%;}	
body{line-height:24px;}
.home_txt_area, .home_txt_area2{width:auto; float:none;}
#cssmenu > ul > li > a{padding:16px 11px; font-size: 15px;}
.swiper-button-prev3{left:45%;}	
.swiper-button-next3{right:45%;}	
}

@media (max-width: 800px) {

	
body{font-size:15px; font-family:Arial, Helvetica, sans-serif !important;}
.logo{padding:15px;}
.sticky{position:static !important;}
.static_txt{display:none;}
.banner_area{display:none;}
.add_panel li{line-height: normal;font-size:0.9rem; font-feature-settings : 'lnum' 1;}
h1{line-height: normal; font-size:1.5rem; font-feature-settings : 'lnum' 1; }
p{line-height: normal; font-size:0.9rem; font-feature-settings : 'lnum' 1;}
.rhino_left{width:auto; float:none;}
.smicon, .phone, .top_email{padding:10px;}
.input-text1
{width:90%;}
.course_box1
{float:none; width:auto; text-align:center;}
.side-navi-item
{width:110px;}
.contact_left
{float:none; width:auto;}
.form_area
{ width:auto;}

.course_box_overlay p
{padding:10px 0 0;}
.course_box, .img_btm
{float:none; width:auto; margin:10px auto;}
.gallery ul li{width:80% !important; margin: 1% auto !important;}
.catogry
{width:auto;}
.g-recaptcha
{width:250px !important;}
.main_nav
{background:#fb0f0f;}
.vedio2, .vedio1
{float:none; width:auto; margin:1% 0;}
#cssmenu > ul > li
{border-left:none;}
.icmt_hope, .student_testi{width:auto; float:none;}
.footer_box, .follow_us, .email_panel{float:none; width:auto; clear: both; margin:10px auto 0;}
#slidemenu ul li a
{ font-size:11px; padding:12px 10px;}
.side-navi-item > div
.our-student img
{max-width:100%;}


.flash_logo, .footer_strip, .add_icon, .para_box_Left{display:none;}
.main_nav2{display:none !important;}
.header_initial_hide{display:block !important;}
.social_top{float:none; width:auto; text-align:center; display:block; margin:0 auto;}	
.linkdin_icon, .facebook_icon, .twitter_icon{float:none; display: inline-block;}
.logo{float:none; width:auto; text-align:center; position:unset; display:block; margin:0 auto;}
.lang_main{float:none; margin:0px auto;}
.vision_bottom_txt h3, .vision_bottom_txt h4{float:none; text-align:center;}
.callto_action_buttons, .contact_icon { float:none;}
.main_nav_out{margin:0 auto;}
.header_right, .main_nav {float:none; text-align:center; position:unset;}
.header{height:auto; padding:5px 20px;}

#cssmenu{float:none;}
.search_icon{float:none; padding:10px 0 0; display:inline-block;}
#search{width:80%; margin:0 auto; float:none;}
#bg{width:90%;}
#popup-mid{background:#fff;}
#bg2{width:85%;} 

.para_area{padding:20px;}
.para_box_flex{display:block;}
.para_box, .para_box1{width:auto; float:none; padding:10px 0; margin:0;}
.para_box_matter{padding:0; margin:0 0 25px;}
.para_box_bor, .para_box_bor2{border:0;}
.mid_para{margin:10px 0 !important;}	
.matterPart{width:48%; margin:10px 1%;}
.footer ul, .showcase, .footer_left{float:none; width:auto; margin:0;}
.add_box, .footer_key, .click_view_pro, .search_main, .first_ul, .second_ul, .para_box_Right, .left_para, .right_para, .para_box_right{width:auto; float:none;}
.para_box_content{padding:0;}	
.footer_icon{margin:20px 0 0;}
.main_content{z-index:1; position:static; margin:0 auto;}
.header_right{padding:0;}
.form_area{text-align:center; float:none; display:inline-block;}
.form_area li{width:31%;}
.footer_icon, .footer_box{width:auto; float:none; text-align:center; border:none;}
.contact, .contact_heading, .co_logo, .co_name_small{text-align:center;}
.video_box{width:auto; float: none; text-align: center;}

.add_panel{float: none; width: auto; text-align: center; padding: 0 0 20px;}	
.add_panel li{text-align:center;}

.left_area{float:none; width:auto;}
.follow_us li a{text-align:center;}
	
.swiper-button-prev3{left:42%;}	
.swiper-button-next3{right:42%;}		
	
/*---- PP1----*/

}

@media (max-width: 768px) {
	.top_email{ float:none; text-align:center;}
.phone{float:none; text-align:center;}
	.smicon{float:none; text-align:center;}
}

@media (max-width: 640px) {
.header{position:static;}
.para_txt_area{width:62%;}
.list_carousel li{width:252px;}
#slidemenu{display:none;}


}

@media (max-width: 480px) {
.list_carousel li { width:172px; }
#sideNavi{top:10px;}
.prev11 { left:-10px; }
.add_panel li{line-height: normal;font-size:0.9rem}
h1{line-height: normal; font-size:1.5rem;}
p{line-height: normal; font-size:0.9rem}
.head_links{float:none; text-align:center; margin:15px 0 0;}
.matterPart{width:98%; margin:10px 1%;}
a .callto_action_buttons { margin:3px 0;}
#bg{width:85%;}	
#bg2{width:70%;}
a .callto_action_buttons1{margin:3px;}
.static_text_box{width:48%;}
.static_txt_flex{display:block;}
.static_txt_box{float:none; width:auto;}
.mid_static_txt{margin:30px 0;}	
#slidemenu ul li a{padding: 10px 7px;}
.swiper-button-prev3{left:40%;}	
.swiper-button-next3{right:40%;}	
	

}

@media (max-width: 360px) {
#bg{width:75%;}
.static_banner_panel{display:none;}
.smicon, .phone, .top_email{float:none; text-align:center;}
.vedio1, .vedio2{float:none; width:auto; margin:10px 0;}
.homeProducts{display:none;}
.matterPart{width:98%;}
.imagePart img{height:auto;}
.list_carousel li{width:275px;}
.form_area li{width:99%;}
#popup-mid{width:70%;}

#slidemenu ul li a{padding: 10px 5px; font-size:10px;}	
.swiper-button-prev3{left:38%;}	
.swiper-button-next3{right:38%;}		
	
.product_photo .photo_wrapper img{width:70% !important; height:auto !important}
.product_photo .photo_wrapper{width:auto !important; height:auto !important}
.product_photo{width:250px !important;}
.product_photo .small_photo{width:auto !important;}

}

@media (max-width: 320px) {
.rotate_image_area{height:300px;}
.static_text_box{width:98%;}		
}

@media all and (max-width: 801px) {
#cssmenu > ul > li.has-sub:hover > a:before, #cssmenu ul ul li.has-sub:hover > a:before{display:none;}
.inner_form
{display:block;}
#sideNavi
{display:none;}
#cssmenu{width:100%;background:#257432; float:none; margin:0;}
#cssmenu ul{width:100%;display:none;background:#fb0f0f;}
#cssmenu.align-center > ul{text-align:left;}
#cssmenu ul li{width:100%;border-top:1px solid rgba(120, 120, 120, 0.2);}
#cssmenu > ul > li > a{border:0;}
#cssmenu > ul > li:hover > a{border:0;}
#cssmenu ul ul li,
#cssmenu li:hover > ul > li{height:auto;}
#cssmenu ul li a,
#cssmenu ul ul li a{width:100%;border-bottom:0;padding:15px 25px;color:#fff;}
#cssmenu > ul > li{float:none;background:none;}
#cssmenu > ul > li:hover > a{color:#ccc;background:none;}
#cssmenu ul ul li a{padding-left:25px;}
#cssmenu ul ul ul li a{padding-left:35px;}
#cssmenu ul ul,
#cssmenu ul ul ul,
#cssmenu.align-right ul ul{position:relative;left:0;width:100%;margin:0;text-align:left;}
#cssmenu > ul > li.has-sub > a:after,
#cssmenu > ul > li.has-sub > a:before,
#cssmenu ul ul > li.has-sub > a:after,
#cssmenu ul ul > li.has-sub > a:before{display:none;}
#cssmenu ul ul li a{background:none;}
#cssmenu #menu-button{display:block;padding:17px;cursor:pointer;font-size:16px;text-transform:uppercase;font-weight:700;}
#cssmenu #menu-button:after{position:absolute;top:22px;right:17px;display:block;height:4px;width:20px;content:'';}
#cssmenu #menu-button:before{position:absolute;top:16px;right:17px;display:block;height:2px;width:20px;content:'';}
#cssmenu #menu-button.menu-opened:after{top:23px;border:0;height:2px;width:15px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#cssmenu #menu-button.menu-opened:before{top:23px;width:15px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;height:46px;width:46px;cursor:pointer;}
#cssmenu ul ul .submenu-button{height:34px;width:34px;}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;content:'';background:#333;}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px;}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;content:'';background:#333;}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px;}
#cssmenu .submenu-button.submenu-opened:before{display:none;}
}
