














@media only screen and (min-width:1850px) {
    .footer_menu{padding: 18px 0;}
    .aboutUsPage ul li{ overflow-y:hidden}
}

@media only screen and (max-width:1200px) {
    .container{ max-width:100%; padding:0 20px}
    .round-border{width: 28px;height: 28px;margin-right: 1px;}
    header.mainHeader .headerTop .leftSec ul li .textLink{font-size: 12px;}
    .main_navigation{margin-left:30px;}
    .main_navigation > ul > li{ margin: 0 11px;}
    .main_navigation > ul > li>a{font-size: 13px;}
    header.mainHeader .headerBottom .logoSec img{ width: 151px;}
    .how_want_learnProc ul li{margin: 0 1.5%;}
    .how_want_learnProc ul li:first-child{ margin-left:0}
    .how_want_learnProc ul li:last-child{ margin-right:0}
    .video_discription h4{ padding-top: 13px;}
    .newsletter_section .newsletter_section_heading { width: 45.3%;}
    .newsletter_sec_form{width: 54.5%;}
    .text-widget h4.widget-title{font-size: 18px;}
    header.mainHeader .headerTop .middle-side ul li a i, .round-border i{line-height:18px; padding-top:5px; vertical-align:top; font-size:1px}
    .DirectorsSec .directorsProfile .imgSec{ width:30%; height: auto;}
    .DirectorsSec .directorsProfile .imgSec img{ height: auto;}
    .DirectorsSec .directorsProfile .contentSec h2{ font-size: 15px;}
    .DirectorsSec .directorsProfile .contentSec h5{font-size: 11px; margin:2px 0 0;}
    .footer_menu ul{ margin:0 auto; float:none}
    .DirectorsSec .directorsProfile .contentSec p{font-size:14px;line-height: 18px;margin-top: 8px;}
    .newContent{ margin-top: 15px;padding-top: 15px;}
    .want_learnSec .item .description h4, .coursesPageSec .item h4{ font-size: 14px;}
    .looking_for.imgBgI2, .looking_for.imgBgI{ background:none}
    .studentPage .studentForm ul li:nth-child(1) input{width: 80%;}
    .studentPage .studentForm ul li:nth-child(2) input{ width:77%}
    .studentPage .studentForm ul li:nth-child(3) input{ width: 77%;}
    .studentPage .studentForm ul li:nth-child(4) input{width: 73%;}
    .studentPage .studentForm ul li:nth-child(5) input{width: 81%;}
    .studentPage .studentForm ul li:nth-child(6) input{ width: 84%;}
    .studentPage .studentForm ul li:nth-child(7) input{ width: 76%;}
    .studentPage .studentForm ul li:nth-child(8) input{width: 81%;}
    .studentPage .studentForm ul li:nth-child(9) input{width:56.5%;}
    .studentPage .studentForm ul li:nth-child(10) input{width: 32%;}
    .studentPage .studentForm ul li:nth-child(10) input{width: 28%;}
    .studentPage .studentForm ul li:nth-child(12) input{width: 75.5%}
    .studentPage .studentForm ul li:nth-child(13) input{width: 42%;}
    .studentPage .studentForm ul li:nth-child(14) input{width: 68%;}
    .aboutUsPage ul li{ overflow-y:hidden}
    .reviewPage .leftFormSec .reviewShortBy{width: 52%;}
    .reviewPage .leftFormSec .reviewShortBy select{width: 76%;height:40px}
    .reviewPage .leftFormSec .reviewShortBy{ padding: 7px 0;}
    .myTabContent.settingPage .tab-pane .fileText{ top:22px}
    .circleRating .circleWrapper{ width:120px; height:120px}
    .circleRating .circleWrapper h5{ top: 36%;}
    .notification .paymentMode ul li{width: 48%;}
    .notification .twoColl .leftSec, .notification .twoColl .RightSec{ width:100%}
    .notification .twoColl .RightSec{ margin-top:20px}
    
}

@media only screen and (max-width:991px){
    .reviewLinkBtn{top:60%}
    header.mainHeader .headerTop .middle-side, .main_navigation > ul > li>a:before{ display: none}
    header.mainHeader .headerTop .leftSec{ margin-left:0}
    .headerBottom{ position:relative}
    .main_navigation{ margin-left:0;}
    .main_navigation .mob_menuIcon{ display:block; width:35px; position:absolute; right:20px; top:35px; cursor:pointer}
    .main_navigation .mob_menuIcon span{ display:block; height:3px; background:#fff; margin-bottom:4px}
    header.mainHeader .headerBottom .logoSec img{ width: 130px;}
    .main_navigation ul{ display:none; width:100%; position:absolute; top:86px;left:0; z-index:99; background:#000;border-top:1px solid #3e3d3d}
    .main_navigation > ul > li>a{line-height:35px;display: block; padding:0 20px}
    .main_navigation > ul > li{ display:block; float: none; margin:0; border-bottom:1px solid #3e3d3d}
    .main_navigation > ul > li:last-child{ border-bottom:0}
    .main_navigation > ul > li.active, .main_navigation > ul > li:hover{ background:#7d0a0b}
    .how_want_learnProc ul li{ width:47%; margin-bottom:30px}
    .how_want_learnProc ul:before{ display:none}
    .newsletter_section .newsletter_section_heading h4{ font-size: 18px;}
    .newsletter_section .newsletter_section_heading { width: 36.3%;}
    .newsletter_sec_form {width: 60.5%;}
    .newsletter_sec_form .inputSec { width: 58.6%;}
    .video_discription .video_discrip {padding: 15px 0px 10px 0px;}
    .video_discription h4 {padding-top: 0;}
    .parallax_section{ padding: 40px 0px;}
    .want_learnSec .title{ margin-top: 40px;}
    .want_learnSec { padding-bottom: 10px;}
    .courses_Sec #coursescarousal { margin-top: 40px;}
    .text-widget h4.widget-title { font-size: 15px;}
    .text-widget p i {float: left;padding: 4px 15px 4px 0px;}
    .text-widget p{ margin-bottom: 18px;}
    .footer_top .rightSec{ padding-right:0;width: 18%;}
    .footer_top .middleSec { width: 39%;}
    .footer_top{ padding:30px 0px 15px 0px;}
    .copy_right{padding: 10px 0;}
    .coursesPageSec .leftSec, .coursesPageSec .rightSec{ width: 100%;}
    .coursesPageSec .rightSec{ margin-top:30px; padding-top:0}
    .widgits .box.myImg{ display:none}
    .studentPage .studentForm ul li label{ display:block}
    .studentPage .studentForm ul li input{ width:100% !important; border:1px solid #000}
    .aboutUsPage h3{font-size: 20px;}
    .teachersSayes .teachersTest ul li p{font-size: 13px;}
    .teachersSayes .teachersTest ul li p i{font-size: 13px;}
    .whatToDoP .process_step ul li em{ font-size:20px}
    .coursesPageSec .filterSec input{height: 40px;font-size: 15px;}
    .coursesPageSec .item h4{word-wrap: break-word;}
    .reviewPage .leftFormSec, .rightAddSec{ width:100%;height: auto;}
    .nav > li > a{padding: 5px 7px;font-size: 13px;}
    .referFriends .innerCont .peginationSec{width: 100%;}
    .referFriends .innerCont ul li{font-size: 13px;}
    .ed_inner_dashboard_info .ed_add_students span, .ed_inner_dashboard_info .ed_add_students p{width: 85%;}
    .MainloginPage .LeftSec, .MainloginPage .rightSec{ padding:25px}
    .MainloginPage{width: 680px;}
}

@media only screen and (max-width:767px){
    h2 {font-size: 22px;}
    p{ line-height: 20px;}
    header.mainHeader .headerTop .leftSec, .suportBox{ display:none}
    .courses_Sec .item .description .ratingLeft p{margin-left:5px;font-size: 12px;}
    .video_discription .video_discrip{padding:10px 0 12px 0px}
    .video_discription h4{ font-size: 18px; padding-top: 4px;}
    .video_discription p{font-size: 13px;}
    .parallax_section{padding: 35px 0px;}
    .video_discription .ed_btn{ padding:7px 25px}
    .courses_Sec #coursescarousal { margin-top: 32px;}
    .courses_Sec .item .description h4 a, .courses_Sec .item .description h4 span{font-size: 14px;}
    .want_learnSec .item .imgSec, .coursesPageSec .item .imgSec{margin-bottom:L4px}
    .want_learnSec{ padding-bottom: 1px;}
    .courses_Sec .item .description .rightStudents{ font-size:12px}
    .courses_Sec .item .description h4{margin: 0px 0px 4px 0px;}
    .newsletter_sec_form{text-align:right}
    .newsletter_sec_form .inputSec{ width:100%; float:none}
    .newsletter_sec_form .confirmBtn{ text-align:right; float:none}
    .newsletter_sec_form .confirmBtn button{ margin:15px 0 0}
    .courses_Sec .item .description p{font-size: 12px;line-height: 16px;}
    .copy_right, .footer_menu{ width:100%; text-align:center}
    .footer_menu{ float:right;padding-top: 17px;}
    .parallax_section .video_sec, .video_discription{ width:100%; float:none;}
    .video_discription{ padding-left:0; margin-top:20px}
    .newsletter_section .newsletter_section_heading { width: 100%;}
    .newsletter_sec_form{ width:100%; margin-top:20px}
    .footer_menu {padding-top: 3px; text-align:center;}
    .footer_menu ul li{float:none; display:inline-block; vertical-align:top;}
    .footer_top .leftSec, .footer_top .middleSec, .footer_top .rightSec{ width:50%; margin-bottom:20px}
    .footer_top .middleSec{ width:100%; padding-right:10px}
    .footer_top .middleSec br{display:none}
    .footer_top .rightSec{ width:100%}
    .text-widget p i{padding:4px 15px 0px 0px}
    .text-widget h4.widget-title{margin-bottom: 25px;}
    .footer_top .rightSec p{ display:inline-block; vertical-align:top; margin-right:8px}
    .footer_top .rightSec p i{padding:4px 7px 5px 0px}
    .text-widget p { margin-bottom: 10px;}

    /*.reviewLinkBtn a{ padding:5px 24px}
    .reviewLinkBtn a span{ display:none}
    .reviewLinkBtn {top:80%;}

    .qoutientBtn a{ display:none;padding:5px 19px}
    .qoutientBtn a span{ display:none}
    .qoutientBtn {display:none;top: 45%;}*/
    .reviewLinkBtn {display:none;}
    .qoutientBtn {display:none;}
    .reviewLinkBtn_head { display:block !important;} 
    .qoutientBtn_head { display:block !important;} 

    .aboutUsPage .title p{width: 95%;margin: 22px auto 0;}
    .aboutUsPage .HistorySec, .aboutUsPage .BenefitsSec{margin-top: 30px;}
    .faqPage .faqSec .studentSec, .faqPage .faqSec .tutorSec{ width: 100%;}
    .contact_form .leftSec, .contact_form .rightSec, .careerPage .leftSec{ width:100%; margin:10px 0}
    .aboutUsPage .title p{ width:100%}
    .careerPage .formRightSec{ width:100%; padding:0}
    .aboutUsPage ul li{ overflow-y:hidden}
    .inner-page-banner{padding-top: 30px; padding-bottom: 65px;}
    .aboutUsPage h3{font-size: 18px;}
    .teachersSayes .teachersTest ul li{ width:100%; margin-bottom:20px}
    .teachersSayes .teachersTest ul li p{ margin-top:0}
    .faqSec .process_step h3{ text-align:left;font-size:18px}
    .process_step ul li{ padding:18px 3% 5px 4% !important}
    .processstep_design ul{ width:100%; background:none;}
    .aboutUsPage ul li{ width:49%; position:initial; text-align:center}
    .processstep_design .cust_satisfaction{position:initial; margin:0 auto; width:100%}
    .processstep_design ul li h2{ margin:0 auto}
    .whatDoList ul{padding-top:0;}
    .whatToDoP .listingSec{ margin-top:60px;}
    .careerPage ul li{ position:relative; text-align:left; width:100%}
    .coursesPageSec .item{width: 45.3%;}
    .reviewPage .leftFormSec .reviewShortBy select{ width: 67%;height: 37px;}
    .comment-area .single-comment ul li{width: 15%;}
    .ed_dashboard_wrapper .leftLinksSec{ padding:0; width:100%}
    .ed_profile_img img, .ed_dashboard_wrapper .rightContainer{ width:100%}
    .settingPage form ul li{ width:100%; margin:10px 0; overflow:hidden}
    .settingPage form .applyBtn{min-width: 114px;}
    .ed_inner_dashboard_info h2, .ed_dashboard_inner_tab h2{font-size: 20px;}
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_info{ text-align:left !important; width:100%}
    .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_paginate{ text-align:left !important; width:100%}
    #coursescarousal .owl-controls {top: 23%;}
    .teachersSayes .teachersTest ul li h4, .teachersSayes .teachersTest > ul > li > ul{ text-align:center}
    .faqPage .faqSec ul li{ width:100%}
    .faqPage .faqSec h6, .faqPage .faqSec .content{ text-align:left}
    .Newcomplaint form, .Newcomplaint ul li{ width:100% !important}
    .peginationSec{ height:auto !important; text-align:left;}
    .referFriends .innerCont ul li:after, .referFriends .innerCont ul li:before{ display:none}
    .referFriends .innerCont ul li{line-height: 40px; margin-right: 12px; width:100%; padding:0 20px; border-bottom:1px solid #000}
    .graph-sec, .circleRating{ width:100%;}
    .circleRating{ margin-top:20px}
    .MainloginPage{ width:90%}
    .MainloginPage .LeftSec, .MainloginPage .rightSec{ width:100%}
    .MainloginPage .footerForgot p{line-height: 18px;padding: 20px;}

    .events-col {width:100%; padding:0; margin-bottom:20px;}
    .events-col .event-box-cont ul li  {    text-align: left;}
    .events-col .events-box { height: 380px !important;}
    .event_registration form ul li { width:100%;}
}

@media only screen and (max-width:479px){
    .footer_menu ul li{margin: 0px 3px;}
    .footer_menu ul li a{ font-size:11px}
    .how_want_learnProc ul li{ width:100%}
    .inner-page-banner .img_overlay h2{margin-top:33px;font-size: 20px;}
    .aboutUsPage h3 { font-size: 20px;}
    .DirectorsSec .directorsProfile .imgSec{ width: 100%;}
    .DirectorsSec .directorsProfile .contentSec{ width:100%; margin-left:0; margin-top:20px}
    .faqPage .faqSec h6{padding: 10px 0 10px 48px;font-size: 13px;line-height: 16px;}
    .faqPage .faqSec h6:before{left:10px;line-height: 12px;top: 10px;height: 14px; width: 14px; font-size:13px}
    .faqPage .faqSec .content{ font-size:13px;line-height: 16px;}
    .aboutUsPage h3{font-size:18px;}
    .aboutUsPage{margin-bottom: 20px;}
    .coursesPageSec .item{width: 94%;}
    .coursesPageSec .filterSec, .coursesPageSec .titleSec{ width:100%}
    .leave-comment .contact_form .leftSec .form-group{ width:100%}
    .reviewPage h4{font-size: 18px;}
    .leave-comment .contact_form .btn{ float:none; margin:60px auto auto}
    .reviewPage .leftFormSec .comment-area h4,.reviewPage .leftFormSec .comment-area .titleSec{ float:none}
    .reviewPage .leftFormSec .reviewShortBy{ width:100%}
    .comment-area .img-content{left:0; right:0;text-align: center;}
    .comment-area .single-comment{ padding:31px 20px 22px 20px}
    .reviewPage .comment-area .single-comment .titleSec{ margin-top:90px; text-align:center}
    .comment-area .single-comment ul{ float:none;text-align: center;}
    .comment-area .single-comment ul li{ width: 16px;}
    .comment-area .single-comment .contentArea{font-size: 13px;}
    .ed_inner_dashboard_info .ed_add_students span, .ed_inner_dashboard_info .ed_add_students p{width: 75%;font-size: 13px;}
    .notification .paymentMode ul li{ width:100%}
    .MainloginPage .rightSec ul li a{ padding-left: 35px;}
}






