@media only screen and (min-width:768px) and (max-width:991px){.single-book{margin-bottom:30px;}
.single-book:last-child{margin-bottom:00px;}
.students-say-area .carousel-text .single-box p{width:70%;}
.home_version_02 .register-area .form-full-box{background:#ffffff;margin:0 15px;}
.home_version_02 .register-area .form-full-box .register-form{padding:0 15px 35px;}
.home_version_02 .register-area .form-content{margin-top:50px;padding-left:0px;}
.Courses-area .single-courses-box{margin-bottom:30px;}
.Courses-area .single-courses-box:last-child{margin-bottom:0px;}
.team-single-info-02{margin-bottom:30px;}
.team-single-info-02:last-child{margin-bottom:0px;}
.home_version_03 header .header-body .intro-text h1{margin-bottom:40px !important;}
.home_version_03 header .header-body .intro-text p{padding:25px 0 50px;}
.home_version_03 .Welcome-area .wel-shap:before{background:none;}
.home_version_03 header .header-body .intro-text h1{margin-bottom:40px !important;}
.home_version_03 header .header-body .intro-text p{padding:0px;}
.home_version_03 header .header-body .mouse-icon-box{margin-top:0%;}
.home_version_03 header .header-body .mouse-icon-box{margin-top:60px;margin-left:0px;}
.home_version_03 header .header-body .intro-text p{width:100%;}
.home_version_04 .header-body .edu-navbar .edu-nav .nav{width:95%;}
.home_version_04 .video-wapper .section-h-medium{text-align:center;margin:50px;}
.home_version_04 .about_vi_e-area .video-wapper .video-play-btn .video-iframe{margin:15% 0;}
.home_version_04 .trausted-stu-area .trausted-content .trausted-stu-btn{margin:25px 0 0;}
.home_version_04 .reg-news_others .regi-full-box .register-form{padding:0 15px 35px;}
.more-events .event-single{margin-bottom:30px;}
.more-events .single-item:last-child{margin-bottom:0px;}
.post-1 .post_1_area .post_left-side .prev_next .prev{border:1px solid #d7d7d7;text-align:left;}
.blog_1 .blog-area .blog_side-right .recent-work .row-padding-bottom img{margin:5px;}
.blog_1 .blog-area .blog_side-right .social-icon ul{text-align:center;}
.post-1 .post_1_area .post_left-side .prev_next .prev::before{display:none;}
.post-1 .post_1_area .post_left-side .prev_next .prev::after{display:none;}
.post-1 .post_1_area .post_left-side .prev_next .next{border:1px solid #d7d7d7;text-align:left;}
.post-1 .post_1_area .post_left-side .prev_next .next::before{display:none;}
.post-1 .post_1_area .post_left-side .prev_next .next::after{display:none;}
.blog-single-item{margin-bottom:30px;}
.blog-single-item:last-child{margin-bottom:0px;}
.single-courses_v .single-courses-area .sidebar-right .sidebar-content{width:100%;}
.single-courses_v .single-courses-area .sidebar-righ{padding:0;}
.review-item-singel{width:25%;}
.single-courses_v .single-courses-area .single-curses-contert .review-content .five-star-rating{margin:0px auto;}
.rating-btom-colum{margin-top:40px;text-align:center;}
.single-courses_v .single-courses-area .sidebar-content .courses-price .price-text{padding:30px 15px;}
.single-courses_v .single-courses-area .sidebar-content .courses-features .features-text{padding:30px 15px;}
.single-courses_v .single-courses-area .sidebar-content .share-socila-link .social-icon ul li{margin:4px;}
.single-courses_v .single-courses-area .sidebar-content .all-corses .all-corses-text{padding:30px 15px;}
.single-courses_v .single-courses-area .sidebar-content .latest-courses .latest-courses-text{padding:40px 30px;}
.single-courses_v .single-courses-area .sidebar-content .latest-courses .latest-courses-text .latest-single .course-prefix{padding:0px;float:left;width:80px;}
.single-courses_v .single-courses-area .sidebar-content .latest-courses .latest-courses-text .latest-single .course-image img{width:80px;height:80px;}
.single-courses_v .single-courses-area .sidebar-content .latest-post .latest-post-text .latest-post-single .course-image{width:80px;float:left;}
.single-courses_v .single-courses-area .sidebar-content .latest-post .latest-post-text .latest-post-single .course-prefix{width:100px;}
.single-courses_v .single-courses-area .sidebar-content{width:100%;}
.teachers-01 .teachers-area .teachers-wapper-01{margin-bottom:30px;}
.teachers-01 .teachers-area .teachers-wapper-01:last-child{margin-bottom:0px;}
.teachers-01 .teachers-area .teachers-wapper-01 .teacher-single{margin-bottom:30px;}
.teachers-01 .teachers-area .teachers-wapper-01 .teacher-single:last-child{margin-bottom:0px;}
.teachers-01 .teachers-area .teachers-wapper-02{margin-bottom:30px;}
.teachers-01 .teachers-area .teachers-wapper-02:last-child{margin-bottom:0px;}
.teachers-01 .teachers-area .teachers-wapper-02 .teacher-single{margin-bottom:30px;}
.teachers-01 .teachers-area .teachers-wapper-02 .teacher-single:last-child{margin-bottom:0px;}
.become_teachers .become-teachers-01 .contact-form form{width:90%;padding:40px 0;}
}
@media only screen and (max-width:767px){header .header-body .edu-navbar{padding:0; padding-bottom: 20px;}
body{text-align:center;}
header .header-top .header-top-right ul{text-align:center;}
header .header-top .header-top-right ul li{padding:0 8px;}
/*.mean-last{display:none !important;}*/
.menu-icon{display:none;}
.section-header-l h2{text-align:center !important;}
.section-header-l:before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
footer{text-align:left;}
footer .submit-btn{width:100%;text-align:center !important;}
footer .footer-bottom .footer-bottom-inner p{text-align:center;}
footer .footer-bottom .footer-bottom-inner .footer-menu{text-align:center;}
.slider-content-bottom{margin-top:100px;}
.slide_cont_box_01,
.slide_cont_box_02,
.slide_cont_box_03{padding:0px;}
.slider-content-bottom .content_body{margin-bottom:30px;}
.slider-content-bottom .content_body:last-child{margin-bottom:0px;}
.single-courses-box{margin-bottom:30px;}
.single-courses-box:last-child{margin-bottom:0px;}
.counter-area .counters{background:none;}
.single-book{margin-bottom:30px;}
.single-book:last-child{margin-bottom:00px;}
.news-single{margin-bottom:30px;}
.news-single:last-child{margin-bottom:0px;}
.img-full-box{margin-left:0px !important;}
.students-say-area .carousel-images .slick-slide{margin:47px 0;padding:2px;}
.instraction-area .inspiration-full-box .section-header-l p{text-align:center;}
.instraction-area .inspiration-full-box .instraction-btn{margin:50px auto 0;}
.wel-ful-box-2{margin-bottom:30px;}
.wel-ful-box-2:last-child{margin-bottom:0px;}
.home_version_02 .register-area .form-full-box{background:#ffffff;margin:0 15px;}
.home_version_02 .register-area .form-full-box .register-form{padding:0 15px 35px;}
.home_version_02 .register-area .form-content{margin-top:50px;padding-left:0px;}
.event-single{margin-bottom:30px;}
.event-single:last-child{margin-bottom:0px;}
.team-single-info-02{margin-bottom:30px;}
.team-single-info-02:last-child{margin-bottom:0px;}
.latest-news-single{margin-bottom:30px;}
.latest-news-single:last-child{margin-bottom:0px;}
.instraction-area .inspiration-full-box .section-header-l p{text-align:center;}
.instraction-area .inspiration-full-box .instraction-btn{margin:50px auto 0;}
.home_version_03 header .header-body .intro-text h1{margin-bottom:40px !important;}
.home_version_03 header .header-body .intro-text p{padding:25px 0 50px;}
.home_version_03 header .header-body .mouse-icon-box{margin-top:0%;}
.home_version_03 header .header-body .mouse-icon-box{margin-top:60px;margin-left:0px;}
.home_version_03 header .header-body .intro-text p{width:100%;}
.home_version_03 header .header-body .intro-text p{padding:0px;}
.home_version_03 header .header-body .intro-text{margin-top:120px;}
.home_version_03 header .header-body .intro-text a{margin-bottom:15px;}
.home_version_03 header .header-body .intro-text a:last-child{margin-bottom:0px;}
.home_version_03 header .header-body .mouse-icon-box{margin-top:100px;margin-left:25px;}
.home_version_03 .Welcome-area .wel-shap:before{background:none;}
.home_version_03 .Welcome-area .wel-shap{margin-bottom:50px;}
.home_version_03 .Welcome-area .wel-shap img{margin:0px auto;}
.home_version_03 .Welcome-area .wel-shap .content-full-box{padding-right:15px;margin-top:50px;}
.home_version_03 .Welcome-area .event-box{text-align:left;}
.home_version_03 .Welcome-area .event-box .event-box-padding{display:inline-flex;}
.home_version_03 .Welcome-area .event-box .event-box-padding .event-content .event-time span{display:inline-block;}
.home_version_03 .search-curses-area .search-courses-form .cearch-form .form-group{margin-bottom:15px;}
.home_version_03 .search-curses-area .search-courses-form .cearch-form .form-group:last-child{margin-bottom:0px;}
.home_version_03 .achievment-area .counters-item{margin-bottom:40px;}
.home_version_03 .achievment-area .counters-item:last-child{margin-bottom:0px;}
.home_version_03 .sigle-col{margin-bottom:30px;}
.home_version_03 .sigle-col:last-child{margin-bottom:0px;}
.home_version_03 .gallery-single{margin-bottom:30px;}
.home_version_03 .gallery-single:last-child{margin-bottom:0px;}
.home_version_04 .header-top .header-top-right ul{padding:15px 0;text-align:center;}
.home_version_04 .header-body{display:none;}
.home_version_04 .header-top .header-top-logo{padding:0;}
.event-box{text-align:left;}
.event-box .event-box-padding{display:inline-flex;}
.home_version_04 .title-011{text-align:center;margin-top:50px;}
.home_version_04 .trausted-stu-area .trausted-content{padding:50px 15px;text-align:center;}
.home_version_04 .trausted-stu-area .trausted-content .section-h-medium{text-align:center;}
.home_version_04 .trausted-stu-area .trausted-content p{text-align:center;}
.home_version_04 .trausted-stu-area .trausted-content .trausted-stu-btn{margin:50px auto 0;}
.reg-news_others .single-item-box{margin-bottom:50px;}
.reg-news_others .single-item-box:last-child{margin-bottom:0px;}
.home_version_04 .reg-news_others .regi-full-box .regi-content{padding:35px 15px 0;min-height:180px;overflow:hidden;}
.home_version_04 .reg-news_others .regi-full-box .register-form{padding:0 15px 35px;}
.home_version_04 .reg-news_others .regi-full-box .regi-content::before{border-bottom:none;}
.home_version_04 .reg-news_others .regi-full-box .regi-content::after{background:none;}
.event-01 .events-list-03 .events-full-box{margin-bottom:30px;}
.event-01 .events-list-03 .events-full-box:last-child{margin-bottom:50px;}
.event-01 .events-grid-2 .event-body-content{margin-bottom:30px;}
.event-01 .events-grid-2 .single-item{margin-bottom:30px;}
.event-01 .events-grid-2 .single-item:last-child{margin-bottom:0px;}
.event-01 .events-grid-3 .event-body-content{margin-bottom:30px;}
.event-01 .events-grid-3 .single-item{margin-bottom:30px;}
.event-01 .events-grid-3 .single-item:last-child{margin-bottom:0px;}
.event-details-1 .event-details .post_left-side .clock-countdown .coundown-timer .single-counter{height:40px;width:60px;}
.event-details-1 .event-details .post_left-side .clock-countdown .coundown-timer .single-counter span{font-size:13px;}
.event-details-1 .event-details .post_left-side .clock-countdown .coundown-timer .single-counter span:first-child{font-size:16px;line-height:13px;}
.event-details-1 .event-details .post_left-side .description-content .description-heading p span{display:block;text-align:left;}
.event-details-1 .event-details .post_left-side .description-content .description-text .description-side-left ul li{margin-bottom:15px;display:inline-flex;}
.event-details-1 .sidebar-text-post{text-align:left;padding-left:50px;width:100%;}
.sidebar-text-post h3{margin-top:50px;}
.blog_1 .blog-area .bolg_side-left .single-item-box .single-item .single-text-box .blog-btn-box{margin:30px auto 0;}
.blog_1 .blog-area .bolg_side-left .single-item-box .single-item .single-text-box{padding:35px 15px;}
.blog_1 .blog-area .blog_side-right .categories-item{text-align:left;padding-left:15px;margin-top:40px;}
.blog_1 .blog-area .blog_side-right .social-icon h3{padding-left:15px;text-align:left;}
.blog_1 .blog-area .blog_side-right .social-icon ul li a i{margin-right:15px;width:0px;text-align:center;}
.blog_1 .blog-area .blog_side-right .social-icon ul li a{padding-left:10px;}
.blog_1 .blog-area .blog_side-right .recent-work h3{padding-left:15px;}
.blog_1 .blog-area .blog_side-right .recent-post .recent-single .recent-text{text-align:left;}
.blog_1 .blog-area .blog_side-right .recent-post .recent-single{margin-bottom:100px !important;}
.blog_1 .blog-area .blog_side-right .recent-post .recent-single:last-child{margin-bottom:0px !important;}
.blog_1 .blog-area .blog_side-right .quick_contact{margin-top:40px;}
.post-1 .post_1_area .post_left-side .description-content .description-text .description-side-left ul li{display:inline-block;}
.post-1 .post_1_area .post_left-side .description-content .tag-links-box p{float:none;}
.post-1 .post_1_area .post_left-side .description-content .tag-links-box ul li:last-child{float:none;}
.post-1 .post_1_area .post_left-side .prev_next .prev{border:1px solid #d7d7d7;text-align:left;}
.post-1 .post_1_area .post_left-side .prev_next .prev::before{display:none;}
.post-1 .post_1_area .post_left-side .prev_next .prev::after{display:none;}
.post-1 .post_1_area .post_left-side .prev_next .next{border:1px solid #d7d7d7;text-align:left;}
.post-1 .post_1_area .post_left-side .prev_next .next::before{display:none;}
.post-1 .post_1_area .post_left-side .prev_next .next::after{display:none;}
.post-1 .post_1_area .post_left-side .comments .comment-single-item .comment-left-bar .comment-text{padding-left:0px;}
.post-1 .post_1_area .post_left-side .comments .reply_text{width:100%;float:none;}
.post-1 .post_1_area .post_left-side .comments .comment-single-item .comment-left-bar .comment-text .comment-author-box .reply{float:right;margin-top:-60px;}
.post-1 .post_1_area .post_left-side .leave-comment-box .comment-respond{text-align:left;}
.post-1 .sidebar-text-post{width:100%;float:right;}
.post-1 .sidebar-text-post .recent-post .recent-single .recent-content-item .recent-text{text-align:left;}
.post-1 .sidebar-text-post .recent-post .recent-single{margin-bottom:100px !important;}
.post-1 .sidebar-text-post .recent-post .recent-single:last-child{margin-bottom:0;}
.post-1 .sidebar-text-post .categories-item-post{text-align:left;padding-left:40px;}
.post-1 .post_2_area .sidebar-text-post-02{width:100% !important;float:left !important;}
.blog-single-item{margin-bottom:30px;}
.blog-single-item:last-child{margin-bottom:0px;}
.teacher-name{display:inline-grid;text-align:left;padding-left:10px;}
.single-courses_v .single-courses-area .single-curses-contert .review-option .categories span{margin:0px auto;}
.single-courses_v .single-courses-area .single-curses-contert .review-option .teacher-info img{float:none;margin-right:0px;}
.single-courses_v .review-item-singel{margin-bottom:40px;}
.single-courses_v .single-courses-area .single-curses-contert .description-content .requirements ul li{text-align:left;}
.single-courses_v .single-courses-area .single-curses-contert .description-content .count-list ol li{text-align:left;}
.single-courses_v .single-courses-area .single-curses-contert .curriculum-text-box .curriculum-section .panel-group .panel .panel-title{text-align:left;}
.single-courses_v .single-courses-area .single-curses-contert .curriculum-text-box .curriculum-section .panel-group .panel .panel-body{padding:30px 30px;}
.single-courses_v .single-courses-area .lecture{display:inline-grid;text-align:left;float:left;}
.single-courses_v .single-courses-area .single-curses-contert .curriculum-text-box .curriculum-section .panel-group .panel .panel-title{padding:0px;}
.single-courses_v .single-courses-area .single-curses-contert .review-content .five-star-rating{margin:0px auto;margin-bottom:50px;}
.single-courses_v .single-courses-area .single-curses-contert .review-content .rating-btom-padding .right-rating-text span{padding-right:0px;}
.single-courses_v .single-courses-area .single-curses-contert .leave_a_comment .form-group label{float:left;}
.single-courses_v .single-courses-area .single-curses-contert .leave_a_comment{margin-bottom:50px;}
.single-courses_v .single-courses-area .sidebar-right .sidebar-content{width:100%;}
.single-courses_v .single-courses-area .sidebar-content .courses-features .features-text{padding:30px 15px;text-align:left;}
.single-courses_v .single-courses-area .sidebar-content .all-corses .all-corses-text{padding:30px 15px;text-align:left;}
.single-courses_v .single-courses-area .sidebar-content .latest-courses .latest-courses-text{padding:40px 30px;}
.single-courses_v .single-courses-area .sidebar-content .latest-courses .latest-courses-text .latest-single .course-image{margin:0px auto 15px;}
.single-courses_v .single-courses-area .sidebar-content .latest-post .latest-post-text .latest-post-single .course-image{margin:0px auto;margin-bottom:15px;}
.single-courses_v .single-courses-area .sidebar-content{width:100%;}
.teachers-01 .teachers-area .teachers-wapper-01{margin-bottom:30px;}
.teachers-01 .teachers-area .teachers-wapper-01:last-child{margin-bottom:0px;}
.teachers-01 .teachers-area .teachers-wapper-01 .teacher-single{margin-bottom:30px;}
.teachers-01 .teachers-area .teachers-wapper-01 .teacher-single:last-child{margin-bottom:0px;}
.teachers-01 .teachers-area .teachers-wapper-02{margin-bottom:30px;}
.teachers-01 .teachers-area .teachers-wapper-02:last-child{margin-bottom:0px;}
.teachers-01 .teachers-area .teachers-wapper-02 .teacher-single{margin-bottom:30px;}
.teachers-01 .teachers-area .teachers-wapper-02 .teacher-single:last-child{margin-bottom:0px;}
.t-profile-01 .teacher-prolile-01 .t-profile-right .all-corsess-wapper .all-courses .profile__courses__inner{text-align:left;}
.single_skill{text-align:left;}
.teachers-time-shedule{text-align:left;}
.instractor-single{margin-bottom:30px;}
.instractor-single:last-child{margin-bottom:0px;}
.become_teachers .become-teachers-01 .contact-form form{width:90%;padding:40px 0;}
.become_teachers .become-teachers-01 .contact-form .form-group .form-control{margin:0px auto;}
.contact .contact-area-02 .contact-info .content-sub_p{text-align:left;}
.contact .contact-area-02 .contact-info .contact-box{margin-top:60px;text-align:left;}
.contact .contact-area-02 .input-contact-form{margin-top:60px;}
.contact .contact-area-02 .input-contact-form .contact-title .content-sub_p{text-align:left;}
.contact .contact-area-02 .contact-info .contact-box .single-address-box:last-child{padding:30 0 60px;}
}
@media only screen and (min-width:480px) and (max-width:767px){.home_version_03 header .header-body .mouse-icon-box{margin-top:8%;}
.home_version_03 header .header-body .intro-text p{padding:25px 0 50px;}
.home_version_03 header .header-body .mouse-icon-box .mouse-icon{position:relative;border:2px solid #fff;border-radius:16px;margin-left:0px;padding:15px 12px;z-index:10;}
.home_version_03 header .header-body .intro-text p{padding:25px 0 0px;}
.home_version_03 header .header-body .intro-text h1{margin-bottom:50px !important;}
}




	
	@media only screen and (min-width: 768px)
{
    .nndisp
{
    display:none;
}
}
		
.modal:hover #myModal {
    display:block;
}


.canpack {
    margin: 0px auto;
    background-color:#fec722;
    width: 93px;
   
    position: fixed;
        top: 42%;
        padding: 10px;

    right: 0%;
    /* height: auto; */
    z-index: 1111;
           height: 42px;
}

#mySidenav a {
  position: absolute;
    /* left: -80px; */
    /* left: -8px; */
    /* left: -133px; */
    left: -39px;
    font-family: "Open Sans", sans-serif;
    z-index: 1111;
    position: fixed;
    transition: 0.3s;
    padding-top: 10px;
    padding-bottom: 11px;
    padding-right: 10px;
    padding-left: 15px;
    width: 184px;
    text-decoration: none;
    font-size: 14px;
    color: white;
    /* border-radius: 0 5px 5px 0; */
}
@media only screen and (max-width: 600px)
{
.modal-backdrop
{
    display:none;
}

.coltes
{
   font-size: 28px;
   padding-bottom: 40px; 
}

.colde
{
        font-size: 37px;
}

    
.disp34
{
    display:none;
}
  #mySidenav a
  {
      width: 50% !important;
  }

#mySidenav1 button {
  position: absolute;
    left: 64.7%;
    font-family: "Open Sans", sans-serif;
    z-index: 1111;
    position: fixed;
    transition: 0.3s;
    text-decoration: none;
    font-size: 14px;
    color: white;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 24px;
    padding-left: 30px;
    border-radius: 0px;
}

#mySidenav2 button {
  position: absolute;
    left: 64.4%;
    font-family: "Open Sans", sans-serif;
    z-index: 1111;
    position: fixed;
    transition: 0.3s;
    text-decoration: none;
    text-decoration-line: none;
    text-decoration-style: initial;
    text-decoration-color: initial;
    font-size: 14px;
    color: white;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 110px;
    padding-left: 30px;
    border-radius: 0px;
    top: 84.5%;
    text-align: right;
    background-color: #62a513;
}

.ScrollStyle
{
    max-height: 450px;
    overflow-y: scroll;
}

  .marmodl
  {
      margin-top: 68px;
    margin-left: 0px;
  }

}

@media only screen and (min-width: 600px)
{
  #mySidenav1 button {
    position: absolute;
    left: 88%;
    font-family: "Open Sans", sans-serif;
    z-index: 1111;
    position: fixed;
    transition: 0.3s;
    text-decoration: none;
    font-size: 14px;
    color: white;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 39px;
    padding-left: 31px;
    border-radius: 0px;
    }
    
.coltes
{
   font-size:39px; 
   padding-bottom: 40px; 
}

    
    
#mySidenav2 button {    
   top: 92%;
    /* text-align: left; */
    background-color: #62a513;
    position: absolute;
    /* left: 87.9%; */
    font-family: "Open Sans", sans-serif;
    z-index: 1111;
    position: fixed;
    transition: 0.3s;
    text-decoration: none;
    font-size: 14px;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 110px;
    padding-left: 29px;
    border-radius: 0px;
    border-color: #62a513 !important;
}
}



#mySidenav button:hover {
  left: 0;
}

#projects1 {
  top: 87%;

      text-align: right;
  background-color: #62a513;
}
#projects12 {
  top: 73%;

      text-align: right;
  background-color: #62a513;
}

#contacts {
    top: 77.5%;
        text-align: right;
  background-color:#ce003c;
}
#contacts12 {
    top: 66%;
        text-align: right;
  background-color:#ce003c;
}
@media only screen and (max-width: 768px)
{
#projects {
/*  top: 27%;*/
 top: 87%;

      text-align: right;
  background-color: #62a513;
}

#contact {
   /* top: 33%;*/
     top: 80%;
        text-align: right;
  background-color:#ce003c;
}

}
@media only screen and (min-width: 768px)
{
#projects {
    /* top: 27%; */
    top: 80%;
    text-align: right;
    background-color: #62a513;

    
}

#contact {
   /* top: 33%;*/
     top: 86%;
        text-align: right;
  background-color:#ce003c;
}
}

	
	
	
	
	
		
		
.modal:hover #myModal {
    display:block;
}

.open-button {
  background-color: #62a513;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom:-18px;
  right: 8px;
  width: 191px;
}

/* The popup chat - hidden by default */
.chat-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 15px;
  border: 3px solid #f1f1f1;
  z-index: 9;
}

/* Add styles to the form container */
.form-container {
  max-width: 300px;
  padding: 10px;
  background-color: white;
}

/* Full-width textarea */
.form-container textarea {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
  resize: none;
  min-height: 200px;
}

/* When the textarea gets focus, do something */
.form-container textarea:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/send button */
.form-container .btn {
  background-color: #4CAF50;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}
@media only screen and (max-width:480px) {

.all_new {
border-radius: 2px;
    border: 2px solid #141414;
    width: 100%;
    min-height: 100px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.padhgtwht12
{
    width: 55px !important;
    height: 40px !important;
}
.padhgtwht
{
    width: 40px !important;
    height: 40px !important;
}
.padhgtwht1
{
    width: 38px !important;
    height: 40px !important;
}
.modont1
{
    padding: 14px;
}
.padh33
{
    padding-top: 35px;
}

  .mysdnvv
{
        position: absolute !important;
    left: 80% !important;
    font-family: "Open Sans", sans-serif;
    z-index: 1111;
    position: fixed !important;
    transition: 0.3s !important;
    text-decoration: none !important;
    font-size: 14px !important;
    color: white !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-right: 10px !important;
    padding-left: 12px !important;
    top: 67% !important;
}
}

@media only screen and (min-width:600px) {
.all_new {
       border-radius: 2px;
    border: 2px solid #141414;
    min-width: 400px;
    min-height: 100px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 85%;

}
.pallnw
{
    display: block;
    margin-left: auto;
    margin-right: auto;
   width: 61%;
}
.padhgtwht
{
    width: 45px !important;
    height: 45px !important;
}
.padhgtwht12
{
    width: 65px !important;
    height: 55px !important;
}
.modont1
{
    padding: 30px;
}

.ScrollStyle
{
    max-height: 500px;
    overflow-y: scroll;
}

.mysdnvv
{
        position: absolute !important;
    left: 94.5% !important;
    font-family: "Open Sans", sans-serif;
    z-index: 1111;
    position: fixed !important;
    transition: 0.3s !important;
    text-decoration: none !important;
    font-size: 14px !important;
    color: white !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-right: 10px !important;
    padding-left: 12px !important;
        top: 81.5% !important;
} 

}


.slidew:after{
  content:"Free   →";
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  text-align:center;
  -webkit-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}

.slidew:before {
  content:"Career Counselling →";
  height:100%;
  width:100%;
  position:absolute;
  color:#383736;
  left:-100%;
  opacity: 0;
  -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}

.slidew:hover{
  background:#383736;
}

.slidew:hover:before{
  left:0;
  opacity:1;
  color:#fff;
}
.slidew:hover:after{
  left:100%;
  opacity:0;
}












#whatsappIcon {
    background-color: #1bd741;
}
.myIcon {
    width: 55px;
    height: 56px;
    line-height: 47px;
    font-size: 14px;
    text-align: center;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
    background-color: #47cc40;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding: 0px 0px !important;

}

.fwhat {
    margin-top: 10px !important;
    font-size: 34px;
}


#whatsappPopup {
    box-shadow: 0px 0px 20px 0px rgba(27, 215, 65, 0.3);
}