@font-face {
    font-family: 'Lato-Regular';
    src: url('../font/LATO-REGULAR.TTF');
}

@font-face {
    font-family: 'SerpentineDBol';
    src: url('../font/SERPNTB.TTF');
}

@font-face {
    font-family: 'Technical';
    src: url('../font/TECHNICN.TTF');
}

body {
    font-size: 16px !important;
    text-align: justify;
    line-height: 30px;
    /*color: #999999;*/
    color: #666666;
    font-family: Lato-Regular !important;
}

@media only screen and (min-width:1600px) {


     .certificate-img {
        max-width: 800px;
        width: 100%;
        height: 1164px;
    }
    .certificate-align {
        padding: 0px 25px 0px 25px;
        text-align: center;
    }
    .certificate-title {
        color: #426581;
        font-weight: bold;
        font-size: 16px;       
        line-height: 30px;
        text-transform: uppercase;
        margin: 0px 0px 0px 0px;
    }
    .certificate-title:hover {
            color: #ffba00  !important;
            outline:none !important;
            text-decoration: none !important;
            transition: all .5s ease-in-out !important;
     }
    .certificate-title:focus {
            color: #ffba00  !important;
            outline:none !important;
            text-decoration: none !important;
            transition: all .5s ease-in-out !important;
     }


    .styudyvideos-title-01 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 30px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-02 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 30px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-03 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-04 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 30px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-05 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 30px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-06 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-07 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    /*.styudyvideos-title {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px;
    }*/
    .studyvideos {
       width:90%;
       /*width:560px;*/
       height:315px;
       padding:0px 0px 0px 0px;
    }

    .clientphoto {
        text-align: -webkit-center; 
        padding: 0px 60px 0px 60px;
    }
    .female-img {
        height:auto;
        max-width:420px;
        width:100%;
    }

    .testimonials-right-1600 {
        padding: 0px 15px 0px 0px;
        height: 621px;
        border-bottom: 1px dashed #d5cdcd;
    }

    /*slider css*/ 
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform 1.0s ease-in-out !important;
        -o-transition: -o-transform 1.0s ease-in-out !important;
        transition: transform 1.0s ease-in-out !important;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
    }   
    .carousel-indicators .active {
        width: 15px;
        height: 15px;
        margin: 0;
        background-color: #69c0af;
    }
    .carousel-indicators li {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0px;
        text-indent: -1999px;
        cursor: pointer;
        background-color: rgba(0,0,0,0);
        border: 1.4px solid #69c0af !important;
        border-radius: 10px;
    }
    .carousel-control.left {
        padding-top: 250px;
        background-repeat: repeat-x;
        /*background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);*/
        height: 515px;
        background-image:none !important;
    }
    .carousel-control.right {
        padding-top: 250px;
        right: 0;
        left: auto;
        background-repeat: repeat-x;
        /*background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);*/
        height: 515px;    
        background-image:none !important;
    }
    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        /*width: 15%;*/
        width: 7%;
        font-size: 20px;
        color: #69c0af !important;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        filter: alpha(opacity=50);
        opacity: .5;
    }
    .home-storysuccess-bg {
        background-image: url(../Images/back-happy-students.png);
        /*height:456px;*/
        height: 570px;
        background-repeat:no-repeat;
        background-position: bottom;
    }
    .our-hppystud-align {
        padding: 80px 0px 80px 0px;
        margin:0px;
    }
    .testimonials-left {
        padding: 0px 0px 0px 15px;
        height: 421px;
        border-bottom: 1px dashed #d5cdcd;
    }
    .testimonials-right {
        padding: 0px 15px 0px 0px;
        height: 421px;
        border-bottom: 1px dashed #d5cdcd;
    }







 
    .h-logoimg-div {
        display: flex;       
    } 
    .h-logoimg {
        max-width: 86px;
        height: auto;
        width: 100%;
    }
    .h-logoalign {
        padding: 20px 0px 0px 0px;
    }
    .h-sitenamealign {
        padding: 30px 20px 0px 25px;
    }
    .h-sitename-01 {
        color: #d64d19;
        font-size: 35px;
        font-family: SerpentineDBol;
    }
    .h-sitename-02 {
        color: #426581;
        font-size: 17px;
        font-family: Lato-Regular;
        font-weight: bold;
    }
    .h-mailphone-div {
        /*padding: 30px 15px 30px 380px;*/
        padding: 30px 15px 30px 310px; 
        display: flex;
    }
    .h-mailid {
        font-size: 16px; 
        color: #999999;
        text-decoration: none !important;
    }
    .h-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .h-mailid:focus {
         color:#ffba00; 
         text-decoration:none;      
         transition: .8s all ease-in-out;
    }
    .h-socialmedia-div {
        padding: 0px 50px 0px 0px;
        margin: -620px 0px 0px 0px;
    }
    .h-socialmedia-ul {         
        list-style-type: none;
        display: flex;
        float: right;    
    }
    .h-socialmedia-li {
        /*padding: 0px 5px 0px 5px;*/
        padding: 0px 0px 0px 10px
    }
    .banarslider {
        padding: 0;
        z-index: -1;
    }
    .h_navbar_first {
        padding: 0px;
        margin: 30px 0px -120px 0px;     
    }
    .h_navbar_Second {
        border-radius: 0px !important;      
        height: 70px !important; 
        background: rgba(000,0,0,0.6);   
        /*padding: 0px 0px 0px 100px !important;*/     
        padding: 0px 60px 0px 60px !important;           
        border: none !important;
        margin: 0px;
    }
    .h_navbar_ullist {
        padding: 10px 0px 10px 0px;
    }
    .navbar-inverse .h_navbar_ullist > .active > a {
        background-color: #69c0af !important;
        color: #000000 !important;
    }
    .navbar-nav > li > a {
        padding: 15px 20px 15px 20px !important;
        /* new css add */
        color: #ffffff !important;
        font-size: 17px;
        outline: 0;
        transition: all 0.6s ease-in-out;
    }
    .navbar-nav > li > a:hover {
        color: #000 !important;
        padding: 10px 12px 10px 12px;
        background-color: #69c0af !important;
        transition: all 0.6s ease-in-out;
    }     

     /* dropdown css*/
     /*.dropdown:hover > .dropdown-menu {
        display: block;       
    }
    .dropdown > .dropdown-toggle:active {
        pointer-events: none;         
    }  
    .dropdown-menu {   
        padding: 0px !important;      
        top: 50px !important;       
    }
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        background-color: #00aab3 !important;
        color: #000000 !important;

     }   
    .ddd > li {
        border-bottom: 1px solid #42b3c1;
    }
    .h_navbar_ullist > li > .ddd > li > a:hover {
        color: #000 !important;
        padding: 10px 10px 10px 12px;
        background-color: #f6bb19 !important;
        transition: all 0.6s ease-in-out;
    }
    .h_navbar_ullist > li > .ddd > li > a {
        color: #fff !important;
        padding: 10px 12px 10px 12px !important;
        font-size: 16px !important;
        font-family: Calibri !important;
        outline: 0 !important;
        transition: all 0.6s ease-in-out;
    }*/

     /* Modal Css */
     /*.M-backdrop {
        background-color: rgba(0, 0, 0, 0.5) !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        height: 750px !important;
        z-index: 1040 !important;
    }
    .M-title {
        color: #fff;
        padding: 10px 0px 10px 25px;
    }
    .M-closeheader {
        margin-top: -60px !important;
    }
    .scrollbar {
        float: left;  
        width: 100%;
        background: #ffffff !important;
        overflow-y: scroll;
        margin-bottom: 25px;
    }
    .M-body {
        color: #0A72BF !important;
        text-align: justify;
        padding: 25px 40px 15px 40px !important;
    }
    .M-closefooter {
        background-color: #e5e5e5 !important; 
        color: #666666 !important;    
        border-radius: 0px !important;
        border: none !important;
    }*/

    .back-orangimg {             
         background-image: url(../Images/back-bar-orange.jpg);
         height: 10px;       
    }
    .about-us-align {
        padding: 50px 30px 0px 30px;
    }
    .orange-title-big {
        font-size: 35px;
        color: #d64d19;
        font-weight: bold;
    }
    .orange-title-small {
        color: #d64d19;
        font-weight: bold;
        font-size: 24px;
    }
    .blue-title-big {
        font-size: 35px;
        color: #426581;
        font-weight: bold;
    }
    .blue-title-small {
        font-size: 24px;
        color: #426581;
        font-weight: bold;
    }
    .green-name {
        color: #69c0af;
        font-weight: bold;
        font-size: 24px;
    }
    .JTE-Common-Ulist {
        line-height: 30px;
        padding-left: 20px;
        text-align: left;      
        text-transform: none;
    }
    .green-text-leader {
        color: #69c0af;
        font-size: 34px;
        text-align: center;
    }

    /**************************************************/

    .readmorebtn {
        background-color: #69c0af  !important;
        color: #3f7369 !important;
        padding: 14px 10px 14px 10px !important;
        height: 50px !important;
        width: 200px !important;
        border-radius: 0px !important;
        position: relative !important;
        font-size: 15px !important;
        text-align: center !important;
        /*border: none !important;*/
        font-weight: bold !important;
        border: 1px solid #69c0af !important;
    }
    .readmorebtn:hover {
            background-color: #ffffff  !important;
            color: #69c0af !important;
            text-decoration: none;
            transition: all .5s ease-in-out;
            font-weight: bold !important;
            border: 1px solid #69c0af !important;
        }
    .redmorebtn_align {    
        padding: 0px 0px 0px 0px;
        float: right;
    }
    .h-graybox-div-01 {
        padding: 0px 30px 0px 30px;      
        margin-top: -150px;
    }
    .h-graybox-div-02 {
        background-color: #426581;
        /*padding: 65px 0px 45px 0px;*/
        padding: 70px 0px 40px 0px;
        /*height: 985px;*/
        height: auto;
    }
    .preparing-stud {
        font-weight: bold;
        font-family: Technical;
        line-height: 50px;
        text-align: center;
        color: #ffba00;
        font-size: 32px;
    }
    .boost-prolevel {
        color: #69c0af;
        font-size: 34px;
        font-family: Technical;
        text-align: center;
        font-weight: bold;
    }
    .join-japanese-lang {
        color: #ffffff;
        font-size: 24px;
        font-family: Technical;
        text-align: center;
        font-weight: bold;
        padding: 0px 20px 0px 20px;
        line-height: 50px;
    }
    .back-aboutus-green {             
         background-image: url(../Images/about-us-back-green.jpg);
         /*height: 570px;*/
         height: 510px;
    }
    .greenpatch-div-01 {
        padding: 70px 15px 0px 15px;
    }
    .greenpatch-div-02 {
        padding: 50px 15px 50px 15px;
    }
    .tech-strategies-title {
        color: #3f7369;
        font-weight: bold;
        font-size: 21px;
    }
    .tech-strategies-info {
        font-size: 16px;
        color: #ffffff;
        text-align: left;
    } 
    .tech-stgs-info-align {
        padding: 0px 15px 0px 15px;
    }
    .inner-os-height {
        /*height: 680px;*/
            height: 860px;
    }
    .home-os-height {
        /*height: 760px;*/
            height: 935px;
    }
    .ourservices-heading {
        padding: 50px 45px 50px 45px;
    }
    .ourservices_imgs {
        max-width: 400px;
        width: 100%;
        height: auto;
    }
    .ourservices-div-01 {
        padding: 0px 20px 0px 45px;
    }
    .ourservices-div-21 {
         padding: 0px 45px 0px 30px;
    }
    .ourservices-div-22 {
         padding: 0px 45px 30px 30px;
    }
    .ourservices-div-23 {
         /*padding: 0px 45px 45px 30px;*/
         padding: 0px 45px 5px 30px;
    }
    .ourservices-div-24 {        
         padding: 0px 45px 0px 30px;
    }
    .JTE-orange-courses {
         background-image: url(../Images/back-orange-courses.jpg);
         /*height: 480px;*/ 
         height: 450px;
         padding:0px;     
    }
    .JTE-coursesbox-01 {
        padding: 70px 50px 0px 60px;
    }
    .JTE-coursesbox-02 {
         background-image: url(../Images/back-gray-courses-01.png);
         height: 480px;   
         padding: 70px 50px 0px 50px;   
    }
    .JTE-coursesbox-03 {
         background-image: url(../Images/back-gray-courses-02.png);
         height: 480px;      
         padding: 70px 50px 0px 50px;
    }
    .JTE-titles {
        color: #69c0af;
        font-size: 29px;
        font-weight: bold;
        text-align: left;
    }
    .JTE-Text {
        color: #ffffff;
        text-align: justify;
    }
    .back-happy-studs {
         background-image: url(../Images/back-happy-students-01.png);
         /*height: 515px;*/
         height: 570px;
         padding:0px;  
    }
    .hppy-stud-div-01 {
        padding: 0px 0px 0px 60px;
        text-align: -webkit-center;
    }
    .hppy-stud-div-02 {
        /*padding: 0px 60px 0px 60px;*/
        padding: 0px 30px 0px 30px;
        text-align: center;      
    }
    .hppy-stud-imgs {
        max-width: 378px;
        width: 100%;
        height: auto;
    }
    .hppy-stud-info {
        color: #000000;
        font-weight: bold;       
    }
    .back-highlight {      
        height: 700px;
        padding: 0px;
        background-image: url(../Images/back-highlights.jpg);
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-attachment: fixed !important;
    }
    .true-educations {
        color: #ffffff;
        font-size: 29px;
        font-family: Technical;
        font-weight: bold;
        text-align: center;
        float: left;
        padding: 60px 60px 60px 60px;
        margin: 0px;
        line-height: 40px;
    }  
    .yearexp-shadow {
        /*height: 250px;*/
        height: auto;
        background: rgba(000,0,0,0.5);
        margin-top: 0px;
        padding: 0px;
    }
    .yearexp-div {
        padding: 60px 0px 60px 0px;
    }
    .yearexp-text {
        color: #69c0af;
        font-size: 50px;
        text-align: center;
        line-height: 50px;
        border-right: 1px solid #aa9e93;
        font-weight: bold;
        margin: 0px;
    }
    .yearexp-span {
        font-size: 21px;
        color: #ffffff;
    }
    .back-footer {
         background-image: url(../Images/back-footer.jpg);
         /*height: 700px;*/ 
         height: auto;
         padding:0px;    
    }
    .f-title-01 {
        padding: 70px 0px 35px 0px;
    }
    .f-title-02 {
        padding: 70px 0px 20px 0px;
    }
    .f-title-03 {
        padding: 130px 0px 0px 0px;
    }
    .f-title-04 {
        padding: 70px 0px 20px 0px;
    }
    .f-formalign {
        padding: 0px 0px 12px 0px;
    }
    .form-control {
        display: block;
        width: 100%;
        height: 35px !important;
        padding: 8px 15px !important;
        font-size: 16px !important;
        line-height: 1.42857143 !important;
        color: #ffffff !important;
        background-color: #565759 !important;
        background-image: none;
        border:none;
        /*border: 0.5px solid #757575 !important;*/
        border-radius: 0px !important;
        margin-bottom: 0px !important;
    }
    .starsign {
        position: absolute;          
        margin: -46px 0px 0px 322px;
    }
    .captchaimg {
        height: 36px !important;
        width: 100% !important;
    }
    .btnsend {
        background-color: #2b2d2f;
        text-align: left;
        padding: 5px 15px 5px 15px;
        border: none;
        border-radius: 0px;
        color: #999999;
        font-size: 16px;
        width: 100% !important;
        height: 40px !important;
    }
    .btnsend:hover {
            background-color: #ffba00 !important;
            color: #000 !important;
            transition: .8s all ease-in-out;
        }
    .f-links {
        /*color: #999999;*/
        color: #ffffff;
        font-size: 16px;
    }
    .f-links:hover {
        text-decoration:none;
        color: #ffba00;
        transition: .8s all ease-in-out;
    }
    .f-links:focus {
        text-decoration:none;
        color: #ffba00;
        transition: .8s all ease-in-out;
    }
    .f-links-border {
        border-bottom: 1px solid #515457;      
        padding: 5px 0px 5px 0px;
    }
    .f-socialmedia-ul {
        list-style-type: none;
        display: flex;
        padding: 80px 0px 0px 140px;
    }
    .f-socialmedia-li {
        padding: 0px 5px 0px 5px;
    }
    .f-colume-01 {
        padding: 0px 15px 0px 60px;
    }
    .f-colume-02 {
        padding: 0px 30px 0px 30px;
    }
    .f-colume-03 {
        padding: 0px 60px 100px 15px;
    }
    .f-contacttext-01 {
        font-size: 16px;
        /*color: #999999;*/
        color: #ffffff;
        padding: 0px 0px 15px 0px;
        margin: 0px;
    }
    .f-contacttext-02 {
        font-size: 16px;
        /*color: #999999;*/
        color: #ffffff;
        padding: 15px 0px 15px 0px;
        margin: 0px;
    }
    .back-footer-black {
         background-image: url(../Images/back-footer-black.png);
          height: auto;          
    }
    .breadcrumb-bgimg {
        max-width: 1920px;
        width: 100%;
        height: 300px;
    }
     /*.breadcrumb-bg {
        background-image: url(../Images/back-inner-1.jpg);       
        padding: 0px;
    }*/    
    .breadcrumb {
        /*float: right !important;*/
        /*background: none !important;*/      
        /*padding: 150px 60px 80px 0px;*/
        /*margin: 0px !important;*/


        float: right;
        background: none !important;
        padding: 0px 60px 0px 0px;
        margin: -110px 0px 0px 0px !important;
    }
    .breadcrumb-links {
        /*color: #ffba00;*/
           color: #000000;
        text-decoration: none;
        transition: all 0.6s ease-in-out;
        outline: 0;
    }
    .breadcrumb-links:hover {
        color: #ffffff !important;
        text-decoration: none !important;
        transition: all 0.6s ease-in-out;
        outline: 0 !important;
    }
     /*.subpage-title-align {
        padding: 140px 0px 70px 60px;               
    }*/
    .subpage-title {
        /*font-weight: bold;*/
        /*font-size: 36px;*/
        /*color: #ffffff;*/   
        /*margin: 0px 0px 20px 0px;*/     
        
        
        font-weight: bold;
        font-size: 36px;
        color: #ffffff;
        margin: -130px 0px 20px 0px;
        padding: 0px 0px 0px 60px;
                     
    }
    .subpage-title-border {
        /*border-bottom: 6px solid #69c0af;*/
        border-bottom: 6px solid #ffba00;
        padding-bottom: 10px;
    }
    .scrollup {
        position: fixed;
        right: 5px;
        bottom: 25px;
        color: #3f7369  !important;
        background-color: #69c0af !important;
        border: 2px solid #3f7369 ;     
        width: 40px;
        height: 40px;
        text-align: center;
        padding: 9px 0px 0px 0px;
        z-index: 2000;
        font-size: 18px;
        line-height: 1;      
        transition: all 0.4s ease-in-out;
        border-radius: 100% !important;
    }
    .scrollup:hover {
        background-color: #ffffff  !important;
        border: 2px solid #d64d19;       
        color: #d64d19   !important;
        transition: all .6s ease-in-out;
    }

     /*slider css*/
     /*.carousel-control.left {
        background-repeat: repeat-x;
        background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    }
    .carousel-control.right {
        right: 0;
        left: auto;
        background-repeat: repeat-x;
        background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    }
    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 15%;
        font-size: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        filter: alpha(opacity=50);
        opacity: .5;
    }*/
    .carousel-indicators .active {
        width: 15px;
        height: 15px;
        margin: 0;
        background-color: #69c0af;
    }
    .carousel-indicators li {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0px;
        text-indent: -1999px;
        cursor: pointer;
        background-color: rgba(0,0,0,0);
        border: 1px solid #fff;
        border-radius: 10px;
    }

    /*subpages css start from here*/
    .common-pad-forall {
        padding: 50px 45px 50px 45px;
    }
    .sp-oprofilediv-01 {
        padding: 0px 25px 0px 0px;
    }
    .sp-oprofilediv-02 {
        padding: 0px 0px 0px 25px;
    }
    .sp-mailid {
        font-size: 16px;
        color: #a94442;
        text-decoration: none !important;
    }
    .sp-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .sp-mailid:focus {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .testimonials-head {
        /*font-size: 28px;*/
        font-size: 35px;
        color: #69c0af;
        font-family: 'Technical';
        font-weight: bold;
    }
    .testimonials-text {
        /*text-align: left;*/
        text-align: justify;
        padding: 30px 15px 20px 15px;
        /*border-bottom: 1px dashed #d5cdcd;*/
        /*height: 361px;*/
        /*height: 421px;*/
    }
    .sp-exambox-title-01 {
        color: #3f7369; 
        font-size: 24px;
    }
    .sp-exambox-title-02 {
        color: #ffba00; 
        font-size: 24px;
    }
    .sp-exambox-title-03 {
        color: #000000; 
        font-size: 24px;
    }
    .sp-exambox-01 {
        background-color: #69c0af;
        text-align: center;
        color: #ffffff;
        /*height: 300px;*/
        height: 360px;
        padding: 30px 0px 30px 0px;
    }
    .sp-exambox-02 {
        background-color: #426581;
        text-align: center;
        color: #ffffff;
        /*height: 300px;*/
        height: 360px;
        padding: 30px 0px 30px 0px;
    }
    .sp-exambox-03 {
        background-color: #d64d19;      
        text-align: center;
        color: #ffffff;
        /*height: 300px;*/
        height: 360px;
        padding: 30px 0px 30px 0px;
    }
    .f-mailid {
        font-size: 16px; 
        color: #ffffff;
        text-decoration: none !important;
    }
    .f-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .f-mailid:focus {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }



}

@media only screen and (min-width:1366px) and (max-width:1599px) {


    .certificate-img {
        max-width: 800px;
        width: 100%;
        /*height: 1164px;*/
        height: 600px;
    }
    .certificate-align {
        padding: 0px 25px 0px 25px;
        text-align: center;
    }
    .certificate-title {
        color: #426581;
        font-weight: bold;
        font-size: 16px;       
        line-height: 30px;
        text-transform: uppercase;
        margin: 0px 0px 0px 0px;
    }
    .certificate-title:hover {
            color: #ffba00  !important;
            outline:none !important;
            text-decoration: none !important;
            transition: all .5s ease-in-out !important;
     }
    .certificate-title:focus {
            color: #ffba00  !important;
            outline:none !important;
            text-decoration: none !important;
            transition: all .5s ease-in-out !important;
     }


    .styudyvideos-title-01 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 30px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-02 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-03 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-04 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 30px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-05 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-06 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-07 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }


    .studyvideos {
        width:90%;
       /*width:560px;*/
       height:315px;
       padding:0px 0px 0px 0px;
    }

    .clientphoto {
        text-align: -webkit-center; 
        padding: 0px 60px 0px 60px;
    }
    .female-img {
        height:auto;
        max-width:420px;
        width:100%;
    }

    /*slider css*/
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform 1.0s ease-in-out !important;
        -o-transition: -o-transform 1.0s ease-in-out !important;
        transition: transform 1.0s ease-in-out !important;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
    }
 
    .carousel-indicators .active {
        width: 15px;
        height: 15px;
        margin: 0;
        background-color: #69c0af;
    }
    .carousel-indicators li {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0px;
        text-indent: -1999px;
        cursor: pointer;
        background-color: rgba(0,0,0,0);
        border: 1.4px solid #69c0af !important;
        border-radius: 10px;
    }
    .carousel-control.left {
        padding-top: 250px;
        background-repeat: repeat-x;
        /*background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);*/
        height: 515px;
        background-image:none !important;
    }
    .carousel-control.right {
        padding-top: 250px;
        right: 0;
        left: auto;
        background-repeat: repeat-x;
        /*background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);*/
        height: 515px;
       
        background-image:none !important;
    }
    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        /*width: 15%;*/
        width: 6%;
        font-size: 20px;
        color: #69c0af !important;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        filter: alpha(opacity=50);
        opacity: .5;
    }
    .home-storysuccess-bg {
        background-image: url(../Images/back-happy-students.png);
        /*height:456px;*/
        height: 570px;
        background-repeat:no-repeat;
        background-position: bottom;
    }
    .our-hppystud-align {
        padding: 80px 0px 80px 0px;
        margin:0px;
    }
    .testimonials-left {
        padding: 0px 0px 0px 15px;
        border-bottom: 1px dashed #d5cdcd;
    }
    .testimonials-right {
        padding: 0px 15px 0px 0px;
        border-bottom: 1px dashed #d5cdcd;
    }










    .h-logoimg-div {
        display: flex;       
    } 
    .h-logoimg {
        max-width: 86px;
        height: auto;
        width: 100%;
    }
    .h-logoalign {
        padding: 20px 0px 0px 0px;
    }
    .h-sitenamealign {
        padding: 30px 20px 0px 25px;
    }
    .h-sitename-01 {
        color: #d64d19;
        font-size: 35px;
        font-family: SerpentineDBol;
    }
    .h-sitename-02 {
        color: #426581;
        font-size: 17px;
        font-family: Lato-Regular;
        font-weight: bold;
    }
    .h-mailphone-div {
        /*padding: 30px 15px 30px 180px;*/
        padding: 30px 15px 30px 130px;  
        display: flex;
    }
    .h-mailid {
        font-size: 16px; 
        color: #999999;
        text-decoration: none !important;
    }
    .h-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .h-mailid:focus {
         color:#ffba00; 
         text-decoration:none;      
         transition: .8s all ease-in-out;
    }
    .h-socialmedia-div {
        padding: 0px 50px 0px 0px;
        margin: -500px 0px 0px 0px;
    }
    .h-socialmedia-ul {         
        list-style-type: none;
        display: flex;
        float: right;    
    }
    .h-socialmedia-li {
        /*padding: 0px 5px 0px 5px;*/
        padding: 0px 0px 0px 10px
    }
    .banarslider {
        padding: 0;
        z-index: -1;
    }
    .h_navbar_first {
        padding: 0px;
        margin: 30px 0px -120px 0px;     
    }
    .h_navbar_Second {
        border-radius: 0px !important;      
        height: 70px !important; 
        background: rgba(000,0,0,0.6);   
        padding: 0px 0px 0px 37px !important;                
        border: none !important;
        margin: 0px;
    }
    .h_navbar_ullist {
        padding: 10px 0px 10px 0px;
    }
    .navbar-inverse .h_navbar_ullist > .active > a {
        background-color: #69c0af !important;
        color: #000000 !important;
    }
    .navbar-nav > li > a {
        padding: 15px 20px 15px 20px !important;
        /* new css add */
        color: #ffffff !important;
        font-size: 17px;
        outline: 0;
        transition: all 0.6s ease-in-out;
    }
    .navbar-nav > li > a:hover {
        color: #000 !important;
        padding: 10px 12px 10px 12px;
        background-color: #69c0af !important;
        transition: all 0.6s ease-in-out;
    }     

     /* dropdown css*/
     /*.dropdown:hover > .dropdown-menu {
        display: block;       
    }
    .dropdown > .dropdown-toggle:active {
        pointer-events: none;         
    }  
    .dropdown-menu {   
        padding: 0px !important;      
        top: 50px !important;       
    }
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        background-color: #00aab3 !important;
        color: #000000 !important;

     }   
    .ddd > li {
        border-bottom: 1px solid #42b3c1;
    }
    .h_navbar_ullist > li > .ddd > li > a:hover {
        color: #000 !important;
        padding: 10px 10px 10px 12px;
        background-color: #f6bb19 !important;
        transition: all 0.6s ease-in-out;
    }
    .h_navbar_ullist > li > .ddd > li > a {
        color: #fff !important;
        padding: 10px 12px 10px 12px !important;
        font-size: 16px !important;
        font-family: Calibri !important;
        outline: 0 !important;
        transition: all 0.6s ease-in-out;
    }*/

     /* Modal Css */
     /*.M-backdrop {
        background-color: rgba(0, 0, 0, 0.5) !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        height: 750px !important;
        z-index: 1040 !important;
    }
    .M-title {
        color: #fff;
        padding: 10px 0px 10px 25px;
    }
    .M-closeheader {
        margin-top: -60px !important;
    }
    .scrollbar {
        float: left;  
        width: 100%;
        background: #ffffff !important;
        overflow-y: scroll;
        margin-bottom: 25px;
    }
    .M-body {
        color: #0A72BF !important;
        text-align: justify;
        padding: 25px 40px 15px 40px !important;
    }
    .M-closefooter {
        background-color: #e5e5e5 !important; 
        color: #666666 !important;    
        border-radius: 0px !important;
        border: none !important;
    }*/

    .back-orangimg {             
         background-image: url(../Images/back-bar-orange.jpg);
         height: 10px;       
    }
    .about-us-align {
        padding: 50px 30px 0px 30px;
    }
    .orange-title-big {
        font-size: 35px;
        color: #d64d19;
        font-weight: bold;
    }
    .orange-title-small {
        color: #d64d19;
        font-weight: bold;
        font-size: 24px;
    }
    .blue-title-big {
        font-size: 35px;
        color: #426581;
        font-weight: bold;
    }
    .blue-title-small {
        font-size: 24px;
        color: #426581;
        font-weight: bold;
    }
    .green-name {
        color: #69c0af;
        font-weight: bold;
        font-size: 24px;
    }
    .JTE-Common-Ulist {
        line-height: 30px;
        padding-left: 20px;
        text-align: left;      
        text-transform: none;
    }
    .green-text-leader {
        color: #69c0af;
        font-size: 34px;
        text-align: center;
    }

    /**************************************************/

    .readmorebtn {
        background-color: #69c0af  !important;
        color: #3f7369 !important;
        padding: 14px 10px 14px 10px !important;
        height: 50px !important;
        width: 200px !important;
        border-radius: 0px !important;
        position: relative !important;
        font-size: 15px !important;
        text-align: center !important;
        /*border: none !important;*/
        font-weight: bold !important;
        border: 1px solid #69c0af !important;
    }
    .readmorebtn:hover {
            background-color: #ffffff  !important;
            color: #69c0af !important;
            text-decoration: none;
            transition: all .5s ease-in-out;
            font-weight: bold !important;
            border: 1px solid #69c0af !important;
        }
    .redmorebtn_align {    
        padding: 0px 0px 0px 0px;
        float: right;
    }
    .h-graybox-div-01 {
        padding: 0px 30px 0px 30px;      
        margin-top: -150px;
    }
    .h-graybox-div-02 {
        background-color: #426581;
        padding: 65px 0px 45px 0px;
        /*height: 985px;*/
        height: auto;
    }
    .preparing-stud {
        font-weight: bold;
        font-family: Technical;
        line-height: 50px;
        text-align: center;
        color: #ffba00;
        font-size: 32px;
    }
    .boost-prolevel {
        color: #69c0af;
        font-size: 34px;
        font-family: Technical;
        text-align: center;
        font-weight: bold;
    }
    .join-japanese-lang {
        color: #ffffff;
        font-size: 24px;
        font-family: Technical;
        text-align: center;
        font-weight: bold;
    }
    .back-aboutus-green {             
         background-image: url(../Images/about-us-back-green.jpg);
         height: 570px;
    }
    .greenpatch-div-01 {
        padding: 70px 15px 0px 15px;
    }
    .greenpatch-div-02 {
        padding: 50px 15px 50px 15px;
    }
    .tech-strategies-title {
        color: #3f7369;
        font-weight: bold;
        font-size: 21px;
    }
    .tech-strategies-info {
        font-size: 16px;
        color: #ffffff;
        text-align: left;
    } 
    .tech-stgs-info-align {
        padding: 0px 15px 0px 15px;
    }
    .ourservices-heading {
        padding: 50px 45px 50px 45px;
    }
    .ourservices_imgs {
        max-width: 400px;
        width: 100%;
        height: auto;
    }
    .ourservices-div-01 {
        padding: 0px 20px 0px 45px;
    }
    .ourservices-div-21 {
         padding: 0px 45px 0px 30px;
    }
    .ourservices-div-22 {
         padding: 0px 45px 0px 30px;
    }
    .ourservices-div-23 {        
         padding: 0px 45px 0px 30px;
    }
    .ourservices-div-24 {        
         padding: 0px 45px 50px 30px;
    }
    .JTE-orange-courses {
         background-image: url(../Images/back-orange-courses.jpg);
         /*height: 480px;*/ 
         height: 450px;
         padding:0px;     
    }
    .JTE-coursesbox-01 {
        padding: 70px 50px 0px 60px;
    }
    .JTE-coursesbox-02 {
         background-image: url(../Images/back-gray-courses-01.png);
         height: 480px;   
         padding: 70px 50px 0px 50px;   
    }
    .JTE-coursesbox-03 {
         background-image: url(../Images/back-gray-courses-02.png);
         height: 480px;      
         padding: 70px 50px 0px 50px;
    }
    .JTE-titles {
        color: #69c0af;
        font-size: 29px;
        font-weight: bold;
        text-align: left;
    }
    .JTE-Text {
        color: #ffffff;
        text-align: justify;
    }
    .back-happy-studs {
         background-image: url(../Images/back-happy-students-01.png);
         /*height: 515px;*/
         height: 570px;
         padding:0px;  
    }
    .hppy-stud-div-01 {
        padding: 0px 0px 0px 60px;
    }
    .hppy-stud-div-02 {
        /*padding: 0px 60px 0px 60px;*/
         padding: 0px 20px 0px 20px;
        text-align: center;      
    }
    .hppy-stud-imgs {
        max-width: 378px;
        width: 100%;
        height: auto;
    }
    .hppy-stud-info {
        color: #000000;
        font-weight: bold;       
    }
    .back-highlight {      
        height: 700px;
        padding: 0px;
        background-image: url(../Images/back-highlights.jpg);
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-attachment: fixed !important;
    }
    .true-educations {
        color: #ffffff;
        font-size: 29px;
        font-family: Technical;
        font-weight: bold;
        text-align: center;
        float: left;
        padding: 60px 60px 60px 60px;
        margin: 0px;
        line-height: 40px;
    }  
    .yearexp-shadow {
        /*height: 250px;*/
        height: auto;
        background: rgba(000,0,0,0.5);
        margin-top: 0px;
        padding: 0px;
    }
    .yearexp-div {
        padding: 60px 0px 60px 0px;
    }
    .yearexp-text {
        color: #69c0af;
        font-size: 50px;
        text-align: center;
        line-height: 50px;
        border-right: 1px solid #aa9e93;
        font-weight: bold;
        margin: 0px;
    }
    .yearexp-span {
        font-size: 21px;
        color: #ffffff;
    }
    .back-footer {
         background-image: url(../Images/back-footer.jpg);
         /*height: 700px;*/ 
         height: auto;
         padding:0px;    
    }
    .f-title-01 {
        padding: 70px 0px 35px 0px;
    }
    .f-title-02 {
        padding: 70px 0px 20px 0px;
    }
    .f-title-03 {
        padding: 130px 0px 0px 0px;
    }
    .f-title-04 {
        padding: 70px 0px 20px 0px;
    }
    .f-formalign {
        padding: 0px 0px 12px 0px;
    }
    .form-control {
        display: block;
        width: 100%;
        height: 35px !important;
        padding: 8px 15px !important;
        font-size: 16px !important;
        line-height: 1.42857143 !important;
        color: #ffffff !important;
        background-color: #565759 !important;
        background-image: none;
        border:none;
        /*border: 0.5px solid #757575 !important;*/
        border-radius: 0px !important;
        margin-bottom: 0px !important;
    }
    .starsign {
        position: absolute;     
        margin: -45px 0px 0px 265px;
    }
    .captchaimg {
        height: 36px !important;
        width: 100% !important;
    }
    .btnsend {
        background-color: #2b2d2f;
        text-align: left;
        padding: 5px 15px 5px 15px;
        border: none;
        border-radius: 0px;
        color: #999999;
        font-size: 16px;
        width: 100% !important;
        height: 40px !important;
    }
    .btnsend:hover {
            background-color: #ffba00 !important;
            color: #000 !important;
            transition: .8s all ease-in-out;
        }
    .f-links {
        /*color: #999999;*/
        color: #ffffff;
        font-size: 16px;
    }
    .f-links:hover {
        text-decoration:none;
        color: #ffba00;
        transition: .8s all ease-in-out;
    }
    .f-links:focus {
        text-decoration:none;
        color: #ffba00;
        transition: .8s all ease-in-out;
    }
    .f-links-border {
        border-bottom: 1px solid #515457;      
        padding: 5px 0px 5px 0px;
    }
    .f-socialmedia-ul {
        list-style-type: none;
        display: flex;
        padding: 80px 0px 0px 95px;
    }
    .f-socialmedia-li {
        padding: 0px 5px 0px 5px;
    }
    .f-colume-01 {
        padding: 0px 15px 0px 60px;
    }
    .f-colume-02 {
        padding: 0px 30px 0px 30px;
    }
    .f-colume-03 {
        padding: 0px 60px 80px 15px;
    }
    .f-contacttext-01 {
        font-size: 16px;
        /*color: #999999;*/
        color: #ffffff;
        padding: 0px 0px 15px 0px;
        margin: 0px;
    }
    .f-contacttext-02 {
        font-size: 16px;
        /*color: #999999;*/
        color: #ffffff;
        padding: 15px 0px 15px 0px;
        margin: 0px;
    }
    .back-footer-black {
         background-image: url(../Images/back-footer-black.png);
          height: auto;          
    }
    .breadcrumb-bgimg {
        max-width: 1920px;
        width: 100%;
        height: 300px;
    }
     /*.breadcrumb-bg {
        background-image: url(../Images/back-inner-1.jpg);       
        padding: 0px;
    }*/    
    .breadcrumb {
        /*float: right !important;*/
        /*background: none !important;*/      
        /*padding: 150px 60px 80px 0px;*/
        /*margin: 0px !important;*/


        float: right;
        background: none !important;
        padding: 0px 60px 0px 0px;
        margin: -110px 0px 0px 0px !important;
    }
    .breadcrumb-links {
        /*color: #ffba00;*/
        color:#000000;
        text-decoration: none;
        transition: all 0.6s ease-in-out;
        outline: 0;
    }
    .breadcrumb-links:hover {
        color: #ffffff !important;
        text-decoration: none !important;
        transition: all 0.6s ease-in-out;
        outline: 0 !important;
    }
     /*.subpage-title-align {
        padding: 140px 0px 70px 60px;               
    }*/
    .subpage-title {
        /*font-weight: bold;*/
        /*font-size: 36px;*/
        /*color: #ffffff;*/   
        /*margin: 0px 0px 20px 0px;*/     
        
        
        font-weight: bold;
        font-size: 36px;
        color: #ffffff;
        margin: -130px 0px 20px 0px;
        padding: 0px 0px 0px 60px;
                     
    }
    .subpage-title-border {
        /*border-bottom: 6px solid #69c0af;*/
        border-bottom: 6px solid #ffba00 !important;
        padding-bottom: 10px;
    }
    .scrollup {
        position: fixed;
        right: 5px;
        bottom: 25px;
        color: #3f7369  !important;
        background-color: #69c0af !important;
        border: 2px solid #3f7369 ;     
        width: 40px;
        height: 40px;
        text-align: center;
        padding: 9px 0px 0px 0px;
        z-index: 2000;
        font-size: 18px;
        line-height: 1;      
        transition: all 0.4s ease-in-out;
        border-radius: 100% !important;
    }
    .scrollup:hover {
        background-color: #ffffff  !important;
        border: 2px solid #d64d19;       
        color: #d64d19   !important;
        transition: all .6s ease-in-out;
    }

     /*slider css*/
     /*.carousel-control.left {
        background-repeat: repeat-x;
        background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    }
    .carousel-control.right {
        right: 0;
        left: auto;
        background-repeat: repeat-x;
        background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    }
    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 15%;
        font-size: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        filter: alpha(opacity=50);
        opacity: .5;
    }*/
    .carousel-indicators .active {
        width: 15px;
        height: 15px;
        margin: 0;
        background-color: #69c0af;
    }
    .carousel-indicators li {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0px;
        text-indent: -1999px;
        cursor: pointer;
        background-color: rgba(0,0,0,0);
        border: 1px solid #fff;
        border-radius: 10px;
    }

    /*subpages css start from here*/
    .common-pad-forall {
        padding: 50px 45px 50px 45px;
    }
    .sp-oprofilediv-01 {
        padding: 0px 25px 0px 0px;
    }
    .sp-oprofilediv-02 {
        padding: 0px 0px 0px 25px;
    }
    .sp-mailid {
        font-size: 16px;
        color: #a94442;
        text-decoration: none !important;
    }
    .sp-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .sp-mailid:focus {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .testimonials-head {
        /*font-size: 28px;*/
        font-size: 35px;
        color: #69c0af;
        font-family: 'Technical';
        font-weight: bold;
    }
    .testimonials-text {
        /*text-align: left;*/
        text-align: justify;
        padding: 30px 15px 20px 15px;
        /*border-bottom: 1px dashed #d5cdcd;
        height: 421px;*/

    }
    .sp-exambox-title-01 {
        color: #3f7369; 
        font-size: 24px;
    }
    .sp-exambox-title-02 {
        color: #ffba00; 
        font-size: 24px;
    }
    .sp-exambox-title-03 {
        color: #000000; 
        font-size: 24px;
    }
    .sp-exambox-01 {
        background-color: #69c0af;
        text-align: center;
        color: #ffffff;
        /*height: 300px;*/
        height: 360px;
        padding: 30px 0px 30px 0px;
    }
    .sp-exambox-02 {
        background-color: #426581;
        text-align: center;
        color: #ffffff;
        /*height: 300px;*/
        height: 360px;
        padding: 30px 0px 30px 0px;
    }
    .sp-exambox-03 {
        background-color: #d64d19;      
        text-align: center;
        color: #ffffff;
        /*height: 300px;*/
        height: 360px;
        padding: 30px 0px 30px 0px;
    }
    .f-mailid {
        font-size: 16px; 
        color: #ffffff;
        text-decoration: none !important;
    }
    .f-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .f-mailid:focus {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }



}

@media only screen and (min-width:1280px) and (max-width:1365px) {


     .certificate-img {
        max-width: 800px;
        width: 100%;
        /*height: 1164px;*/
        height: 600px;
    }
     .certificate-align {
        padding: 0px 25px 0px 25px;
        text-align: center;
    }
    .certificate-title {
        color: #426581;
        font-weight: bold;
        font-size: 16px;       
        line-height: 30px;
        text-transform: uppercase;
        margin: 0px 30px 30px 30px;
    }
    .certificate-title:hover {
            color: #ffba00  !important;
            outline:none !important;
            text-decoration: none !important;
            transition: all .5s ease-in-out !important;
     }
    .certificate-title:focus {
            color: #ffba00  !important;
            outline:none !important;
            text-decoration: none !important;
            transition: all .5s ease-in-out !important;
     }

     .styudyvideos-title-01 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 30px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-02 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-03 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-04 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 30px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-05 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-06 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-07 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .studyvideos {
         width:90%;
       /*width:560px;*/
       height:315px;
       padding:0px 0px 0px 0px;
    }

    .clientphoto {
        text-align: -webkit-center; 
        padding: 0px 60px 0px 60px;
    }
    .female-img {
        height:auto;
        max-width:420px;
        width:100%;
    }
    /*slider css*/
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform 1.0s ease-in-out !important;
        -o-transition: -o-transform 1.0s ease-in-out !important;
        transition: transform 1.0s ease-in-out !important;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
    }
    .carousel-indicators .active {
        width: 15px;
        height: 15px;
        margin: 0;
        background-color: #69c0af;
    }
    .carousel-indicators li {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0px;
        text-indent: -1999px;
        cursor: pointer;
        background-color: rgba(0,0,0,0);
        border: 1.4px solid #69c0af !important;
        border-radius: 10px;
    }
    .carousel-control.left {
        padding-top: 250px;
        background-repeat: repeat-x;
        /*background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);*/
        height: 515px;
        background-image:none !important;
    }
    .carousel-control.right {
        padding-top: 250px;
        right: 0;
        left: auto;
        background-repeat: repeat-x;
        /*background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);*/
        height: 515px;
       
        background-image:none !important;
    }
    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        /*width: 15%;*/
        width: 6%;
        font-size: 20px;
        color: #69c0af !important;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        filter: alpha(opacity=50);
        opacity: .5;
    }
    .our-hppystud-align {
        padding: 80px 0px 80px 0px;
        margin:0px;
    } 
    .home-storysuccess-bg {
        background-image: url(../Images/back-happy-students.png);
        /*height:456px;*/
        height: 570px;
        background-repeat:no-repeat;
        background-position: bottom;
    }
     .testimonials-left {
        padding: 0px 0px 0px 15px;
        border-bottom: 1px dashed #d5cdcd;
        height: 451px;
    }
    .testimonials-right {
        padding: 0px 15px 0px 0px;
        border-bottom: 1px dashed #d5cdcd;
        /*height: 451px;*/
        height: auto;
    }










    .h-logoimg-div {
        display: flex;       
    } 
    .h-logoimg {
        max-width: 86px;
        height: auto;
        width: 100%;
    }
    .h-logoalign {
        padding: 20px 0px 0px 0px;
    }
    .h-sitenamealign {
        padding: 30px 20px 0px 25px;
    }
    .h-sitename-01 {
        color: #d64d19;
        font-size: 35px;
        font-family: SerpentineDBol;
    }
    .h-sitename-02 {
        color: #426581;
        font-size: 17px;
        font-family: Lato-Regular;
        font-weight: bold;
    }
    .h-mailphone-div {
         padding: 35px 15px 25px 130px;
        /*padding: 35px 15px 25px 180px;*/
        display: flex;
    }
    .h-mailid {
        font-size: 16px; 
        color: #999999;
        text-decoration: none !important;
    }
    .h-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .h-mailid:focus {
         color:#ffba00; 
         text-decoration:none;      
         transition: .8s all ease-in-out;
    }
    .h-socialmedia-div {
        padding: 0px 50px 0px 0px;
        /*margin: -500px 0px 0px 0px;*/
        margin: -470px 0px 0px 0px;
    }
    .h-socialmedia-ul {         
        list-style-type: none;
        display: flex;
        float: right;    
    }
    .h-socialmedia-li {     
        padding: 0px 0px 0px 10px
    }
    .banarslider {
        padding: 0;
        z-index: -1;
    }
    .h_navbar_first {
        padding: 0px;
        margin: 30px 0px -120px 0px;     
    }
    .h_navbar_Second {
        border-radius: 0px !important;      
        height: 70px !important; 
        background: rgba(000,0,0,0.6);   
        /*padding: 0px 0px 0px 100px !important;*/   
        padding: 0px 0px 0px 27px !important;             
        border: none !important;
        margin: 0px;
    }
    .h_navbar_ullist {
        padding: 10px 0px 10px 0px;
    }
    .navbar-inverse .h_navbar_ullist > .active > a {
        background-color: #69c0af !important;
        color: #000000 !important;
    }
    .navbar-nav > li > a {
        padding: 15px 20px 15px 20px !important;
        /* new css add */
        color: #ffffff !important;
        font-size: 16px;
        outline: 0;
        transition: all 0.6s ease-in-out;
    }
    .navbar-nav > li > a:hover {
        color: #000 !important;
        padding: 10px 12px 10px 12px;
        background-color: #69c0af !important;
        transition: all 0.6s ease-in-out;
    }     

     /* dropdown css*/
     /*.dropdown:hover > .dropdown-menu {
        display: block;       
    }
    .dropdown > .dropdown-toggle:active {
        pointer-events: none;         
    }  
    .dropdown-menu {   
        padding: 0px !important;      
        top: 50px !important;       
    }
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        background-color: #00aab3 !important;
        color: #000000 !important;

     }   
    .ddd > li {
        border-bottom: 1px solid #42b3c1;
    }
    .h_navbar_ullist > li > .ddd > li > a:hover {
        color: #000 !important;
        padding: 10px 10px 10px 12px;
        background-color: #f6bb19 !important;
        transition: all 0.6s ease-in-out;
    }
    .h_navbar_ullist > li > .ddd > li > a {
        color: #fff !important;
        padding: 10px 12px 10px 12px !important;
        font-size: 16px !important;
        font-family: Calibri !important;
        outline: 0 !important;
        transition: all 0.6s ease-in-out;
    }*/

     /* Modal Css */
     /*.M-backdrop {
        background-color: rgba(0, 0, 0, 0.5) !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        height: 750px !important;
        z-index: 1040 !important;
    }
    .M-title {
        color: #fff;
        padding: 10px 0px 10px 25px;
    }
    .M-closeheader {
        margin-top: -60px !important;
    }
    .scrollbar {
        float: left;  
        width: 100%;
        background: #ffffff !important;
        overflow-y: scroll;
        margin-bottom: 25px;
    }
    .M-body {
        color: #0A72BF !important;
        text-align: justify;
        padding: 25px 40px 15px 40px !important;
    }
    .M-closefooter {
        background-color: #e5e5e5 !important; 
        color: #666666 !important;    
        border-radius: 0px !important;
        border: none !important;
    }*/

    .back-orangimg {             
         background-image: url(../Images/back-bar-orange.jpg);
         height: 10px;       
    }
    .about-us-align {
        padding: 50px 30px 0px 30px;
    }
    .orange-title-big {
        font-size: 35px;
        color: #d64d19;
        font-weight: bold;
    }
    .orange-title-small {
        color: #d64d19;
        font-weight: bold;
        font-size: 24px;
    }
    .blue-title-big {
        font-size: 35px;
        color: #426581;
        font-weight: bold;
    }
    .blue-title-small {
        font-size: 24px;
        color: #426581;
        font-weight: bold;
    }
    .green-name {
        color: #69c0af;
        font-weight: bold;
        font-size: 24px;
    }
    .JTE-Common-Ulist {
        line-height: 30px;
        padding-left: 20px;
        text-align: left;
        text-transform: none;
    }
    .green-text-leader {
        color: #69c0af;
        font-size: 34px;
        text-align: center;
    }

    /**************************************************/

    .readmorebtn {
        background-color: #69c0af  !important;
        color: #3f7369 !important;
        padding: 14px 10px 14px 10px !important;
        height: 50px !important;
        width: 200px !important;
        border-radius: 0px !important;
        position: relative !important;
        font-size: 15px !important;
        text-align: center !important;
        /*border: none !important;*/
        font-weight: bold !important;
        border: 1px solid #69c0af !important;
    }
    .readmorebtn:hover {
            background-color: #ffffff  !important;
            color: #69c0af !important;
            text-decoration: none;
            transition: all .5s ease-in-out;
            font-weight: bold !important;
            border: 1px solid #69c0af !important;
        }
    .redmorebtn_align {    
        padding: 0px 0px 0px 0px;
        float: right;
    }
    .h-graybox-div-01 {
        padding: 0px 30px 0px 30px;      
        margin-top: -150px;
    }
    .h-graybox-div-02 {
        background-color: #426581;
        padding: 65px 0px 50px 0px;
        /*height: 985px;*/
        height: auto;
    }
    .preparing-stud {
        font-weight: bold;
        font-family: Technical;
        line-height: 50px;
        text-align: center;
        color: #ffba00;
        font-size: 32px;
    }
    .boost-prolevel {
        color: #69c0af;
        font-size: 34px;
        font-family: Technical;
        text-align: center;
        font-weight: bold;
    }
    .join-japanese-lang {
        color: #ffffff;
        font-size: 24px;
        font-family: Technical;
        text-align: center;
        font-weight: bold;
    }
    .back-aboutus-green {             
         background-image: url(../Images/about-us-back-green.jpg);
         height: 570px;
    }
    .greenpatch-div-01 {
        padding: 70px 15px 0px 15px;
    }
    .greenpatch-div-02 {
        padding: 50px 15px 50px 15px;
    }
    .tech-strategies-title {
        color: #3f7369;
        font-weight: bold;
        font-size: 21px;
    }
    .tech-strategies-info {
        font-size: 16px;
        color: #ffffff;
        text-align: left;
    } 
    .tech-stgs-info-align {
        padding: 0px 15px 0px 15px;
    }
    .ourservices-heading {
        padding: 50px 45px 50px 45px;
    }
    .ourservices_imgs {
        max-width: 400px;
        width: 100%;
        height: auto;
    }
    .ourservices-div-01 {
        padding: 0px 20px 0px 45px;
    }
    .ourservices-div-21 {
         padding: 0px 45px 0px 30px;
    }
    .ourservices-div-22 {
         padding: 0px 45px 30px 30px;
    }
    .ourservices-div-23 {
         /*padding: 0px 45px 45px 30px;*/
         padding: 0px 45px 5px 30px;
    }
    .ourservices-div-24 {        
         padding: 0px 45px 10px 30px;
    }
    .JTE-orange-courses {
         background-image: url(../Images/back-orange-courses.jpg);
         /*height: 480px;*/ 
         height: 450px;
         padding:0px;     
    }
    .JTE-coursesbox-01 {
        padding: 70px 50px 0px 60px;
    }
    .JTE-coursesbox-02 {
         background-image: url(../Images/back-gray-courses-01.png);
         height: 480px;   
         padding: 70px 50px 0px 50px;   
    }
    .JTE-coursesbox-03 {
         background-image: url(../Images/back-gray-courses-02.png);
         height: 480px;      
         padding: 70px 50px 0px 50px;
    }
    .JTE-titles {
        color: #69c0af;
        font-size: 29px;
        font-weight: bold;
        text-align: left;
    }
    .JTE-Text {
        color: #ffffff;
        text-align: justify;
    }
    .back-happy-studs {
         background-image: url(../Images/back-happy-students-01.png);
         /*height: 515px;*/       
         /*height: 570px;*/
         padding:0px;  
    }
    .hppy-stud-div-01 {
        padding: 0px 0px 0px 60px;
    }
    .hppy-stud-div-02 {
        padding: 0px 60px 0px 60px;
        text-align: center;      
    }
    .hppy-stud-imgs {
        max-width: 378px;
        width: 100%;
        height: auto;
    }
    .hppy-stud-info {
        color: #000000;
        font-weight: bold;       
    }
    .back-highlight {      
        /*height: 700px;*/
        height: 780px;
        padding: 0px;
        background-image: url(../Images/back-highlights.jpg);
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-attachment: fixed !important;
    }
    .true-educations {
        color: #ffffff;
        font-size: 29px;
        font-family: Technical;
        font-weight: bold;
        text-align: center;
        float: left;
        padding: 60px 60px 60px 60px;
        margin: 0px;
        line-height: 40px;
    }  
    .yearexp-shadow {
        /*height: 250px;*/
        height: auto;
        background: rgba(000,0,0,0.5);
        margin-top: 0px;
        padding: 0px;
    }
    .yearexp-div {
        padding: 60px 0px 60px 0px;
    }
    .yearexp-text {
        color: #69c0af;
        font-size: 50px;
        text-align: center;
        line-height: 50px;
        border-right: 1px solid #aa9e93;
        font-weight: bold;
        margin: 0px;
    }
    .yearexp-span {
        font-size: 21px;
        color: #ffffff;
    }
    .back-footer {
         background-image: url(../Images/back-footer.jpg);
         /*height: 700px;*/ 
         height: auto;
         padding:0px;    
    }
    .f-title-01 {
        padding: 70px 0px 35px 0px;
    }
    .f-title-02 {
        padding: 70px 0px 20px 0px;
    }
    .f-title-03 {
        padding: 130px 0px 0px 0px;
    }
    .f-title-04 {
        padding: 70px 0px 20px 0px;
    }
    .f-formalign {
        padding: 0px 0px 12px 0px;
    }
    .form-control {
        display: block;
        width: 100%;
        height: 35px !important;
        padding: 8px 15px !important;
        font-size: 16px !important;
        line-height: 1.42857143 !important;
        color: #ffffff !important;
        background-color: #565759 !important;
        background-image: none;
        border:none;
        /*border: 0.5px solid #757575 !important;*/
        border-radius: 0px !important;
        margin-bottom: 0px !important;
    }
    .starsign {
        position: absolute;     
        /*margin: -45px 0px 0px 265px;*/
        margin: -45px 0px 0px 246px;
    }
    .captchaimg {
        height: 36px !important;
        width: 100% !important;
    }
    .btnsend {
        background-color: #2b2d2f;
        text-align: left;
        padding: 5px 15px 5px 15px;
        border: none;
        border-radius: 0px;
        color: #999999;
        font-size: 16px;
        width: 100% !important;
        height: 40px !important;
    }
    .btnsend:hover {
            background-color: #ffba00 !important;
            color: #000 !important;
            transition: .8s all ease-in-out;
        }
    .f-links {
        /*color: #999999;*/
        color: #ffffff;
        font-size: 16px;
    }
    .f-links:hover {
        text-decoration:none;
        color: #ffba00;
        transition: .8s all ease-in-out;
    }
    .f-links:focus {
        text-decoration:none;
        color: #ffba00;
        transition: .8s all ease-in-out;
    }
    .f-links-border {
        border-bottom: 1px solid #515457;      
        padding: 5px 0px 5px 0px;
    }
    .f-socialmedia-ul {
        list-style-type: none;
        display: flex;
        /*padding: 80px 0px 0px 95px;*/
        padding: 80px 0px 0px 80px;
    }
    .f-socialmedia-li {
        padding: 0px 5px 0px 5px;
    }
    .f-colume-01 {
        padding: 0px 15px 0px 60px;
    }
    .f-colume-02 {
        padding: 0px 30px 0px 30px;
    }
    .f-colume-03 {
        padding: 0px 60px 80px 15px;
    }
    .f-contacttext-01 {
        font-size: 16px;
        /*color: #999999;*/
        color: #ffffff;
        padding: 0px 0px 15px 0px;
        margin: 0px;
    }
    .f-contacttext-02 {
        font-size: 16px;
        /*color: #999999;*/
        color: #ffffff;
        padding: 15px 0px 15px 0px;
        margin: 0px;
    }
    .back-footer-black {
         background-image: url(../Images/back-footer-black.png);
          height: auto;          
    }
    .breadcrumb-bgimg {
        max-width: 1920px;
        width: 100%;
        height: 300px;
    }
     /*.breadcrumb-bg {
        background-image: url(../Images/back-inner-1.jpg);       
        padding: 0px;
    }*/    
    .breadcrumb {
        /*float: right !important;*/
        /*background: none !important;*/      
        /*padding: 150px 60px 80px 0px;*/
        /*margin: 0px !important;*/


        float: right;
        background: none !important;
        padding: 0px 60px 0px 0px;
        margin: -110px 0px 0px 0px !important;
    }
    .breadcrumb-links {
        /*color: #ffba00;*/
        color:#000000;
        text-decoration: none;
        transition: all 0.6s ease-in-out;
        outline: 0;
    }
    .breadcrumb-links:hover {
        color: #ffffff !important;
        text-decoration: none !important;
        transition: all 0.6s ease-in-out;
        outline: 0 !important;
    }
     /*.subpage-title-align {
        padding: 140px 0px 70px 60px;               
    }*/
    .subpage-title {
        /*font-weight: bold;*/
        /*font-size: 36px;*/
        /*color: #ffffff;*/   
        /*margin: 0px 0px 20px 0px;*/     
        
        
        font-weight: bold;
        font-size: 36px;
        color: #ffffff;
        margin: -130px 0px 20px 0px;
        padding: 0px 0px 0px 60px;
                     
    }
    .subpage-title-border {
        /*border-bottom: 6px solid #69c0af;*/
        border-bottom: 6px solid #ffba00 !important;
        padding-bottom: 10px;
    }
    .scrollup {
        position: fixed;
        right: 5px;
        bottom: 25px;
        color: #3f7369  !important;
        background-color: #69c0af !important;
        border: 2px solid #3f7369 ;     
        width: 40px;
        height: 40px;
        text-align: center;
        padding: 9px 0px 0px 0px;
        z-index: 2000;
        font-size: 18px;
        line-height: 1;      
        transition: all 0.4s ease-in-out;
        border-radius: 100% !important;
    }
    .scrollup:hover {
        background-color: #ffffff  !important;
        border: 2px solid #d64d19;       
        color: #d64d19   !important;
        transition: all .6s ease-in-out;
    }

     /*slider css*/
     /*.carousel-control.left {
        background-repeat: repeat-x;
        background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    }
    .carousel-control.right {
        right: 0;
        left: auto;
        background-repeat: repeat-x;
        background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    }
    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 15%;
        font-size: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        filter: alpha(opacity=50);
        opacity: .5;
    }*/
    .carousel-indicators .active {
        width: 15px;
        height: 15px;
        margin: 0;
        background-color: #69c0af;
    }
    .carousel-indicators li {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0px;
        text-indent: -1999px;
        cursor: pointer;
        background-color: rgba(0,0,0,0);
        border: 1px solid #fff;
        border-radius: 10px;
    }

    /*subpages css start from here*/
    .common-pad-forall {
        padding: 50px 45px 50px 45px;
    }
    .sp-oprofilediv-01 {
        padding: 0px 25px 0px 0px;
    }
    .sp-oprofilediv-02 {
        padding: 0px 0px 0px 25px;
    }
    .sp-mailid {
        font-size: 16px;
        color: #a94442;
        text-decoration: none !important;
    }
    .sp-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .sp-mailid:focus {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .testimonials-head {
        /*font-size: 28px;*/
        font-size: 35px;
        color: #69c0af;
        font-family: 'Technical';
        font-weight: bold;
    }
    .testimonials-text {
        /*text-align: left;*/
        text-align: justify;
        padding: 30px 15px 20px 15px;
        /*border-bottom: 1px dashed #d5cdcd;
        height: 421px;*/
    }
    .sp-exambox-title-01 {
        color: #3f7369; 
        font-size: 24px;
    }
    .sp-exambox-title-02 {
        color: #ffba00; 
        font-size: 24px;
    }
    .sp-exambox-title-03 {
        color: #000000; 
        font-size: 24px;
    }
    .sp-exambox-01 {
        background-color: #69c0af;
        text-align: center;
        color: #ffffff;
        /*height: 300px;*/
        height: 360px;
        padding: 30px 0px 30px 0px;
    }
    .sp-exambox-02 {
        background-color: #426581;
        text-align: center;
        color: #ffffff;
        /*height: 300px;*/
        height: 360px;
        padding: 30px 0px 30px 0px;
    }
    .sp-exambox-03 {
        background-color: #d64d19;      
        text-align: center;
        color: #ffffff;
        /*height: 300px;*/
        height: 360px;
        padding: 30px 0px 30px 0px;
    }
    .f-mailid {
        font-size: 16px; 
        color: #ffffff;
        text-decoration: none !important;
    }
    .f-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .f-mailid:focus {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }


}

@media only screen and (min-width:1024px) and (max-width:1279px) {

    .certificate-img {
        max-width: 800px;
        width: 100%;
        /*height: 1164px;*/
        height: 600px;
    }
    .certificate-align {
        padding: 0px 25px 0px 25px;
        text-align: center;
    }
    .certificate-title {
        color: #426581;
        font-weight: bold;
        font-size: 16px;       
        line-height: 30px;
        text-transform: uppercase;
        margin: 0px 30px 30px 30px;
    }
    .certificate-title:hover {
            color: #ffba00  !important;
            outline:none !important;
            text-decoration: none !important;
            transition: all .5s ease-in-out !important;
     }
    .certificate-title:focus {
            color: #ffba00  !important;
            outline:none !important;
            text-decoration: none !important;
            transition: all .5s ease-in-out !important;
     }

    .styudyvideos-title-01 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 30px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-02 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-03 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-04 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 30px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-05 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 30px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-06 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-07 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }

    /*.styudyvideos-title {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px;
        line-height: 32px;
    }*/
    .studyvideos {
         width:90%;
       /*width:460px;*/
       height:315px;
       padding:0px 0px 0px 0px;
    }

    .clientphoto {
        text-align: -webkit-center; 
        padding: 0px 30px 0px 30px;
    }
    .female-img {
        height:auto;
        max-width:420px;
        width:100%;
    }
    /*slider css*/
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform 1.0s ease-in-out !important;
        -o-transition: -o-transform 1.0s ease-in-out !important;
        transition: transform 1.0s ease-in-out !important;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
    }
    .carousel-indicators .active {
        width: 15px;
        height: 15px;
        margin: 0;
        background-color: #69c0af;
    }
    .carousel-indicators li {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0px;
        text-indent: -1999px;
        cursor: pointer;
        background-color: rgba(0,0,0,0);
        border: 1.4px solid #69c0af !important;
        border-radius: 10px;
    }
    .carousel-control.left {
        padding-top: 250px;
        background-repeat: repeat-x;
        /*background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);*/
        height: 515px;
        background-image:none !important;
    }
    .carousel-control.right {
        padding-top: 250px;
        right: 0;
        left: auto;
        background-repeat: repeat-x;
        /*background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);*/
        height: 515px;
       
        background-image:none !important;
    }
    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        /*width: 15%;*/
        width: 6%;
        font-size: 20px;
        color: #69c0af !important;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        filter: alpha(opacity=50);
        opacity: .5;
    }
    .home-storysuccess-bg {
        background-image: url(../Images/back-happy-students.png);
        /*height:456px;*/
        height: 570px;
        background-repeat:no-repeat;
        background-position: bottom;
    }
     .our-hppystud-align {
        padding: 80px 0px 80px 0px;
        margin:0px;
    } 
    .testimonials-left {
        padding: 0px 0px 0px 15px;
        height: 541px;
        border-bottom: 1px dashed #d5cdcd;
    }
    .testimonials-right {
        padding: 0px 15px 0px 0px;
        /*height: 541px;*/
        height: auto;
        border-bottom: 1px dashed #d5cdcd;
    }













    .h-logoimg-div {
        display: flex;       
    } 
    .h-logoimg {
        /*max-width: 86px;*/
        max-width: 80px;
        height: auto;
        width: 100%;
    }
    .h-logoalign {
        padding: 20px 0px 0px 0px;
    }
    .h-sitenamealign {
        padding: 25px 0px 0px 12px;
    text-align: left;
        /*padding: 30px 20px 0px 25px;*/
    }
    .h-sitename-01 {
        color: #d64d19;
        font-size: 35px;
        font-family: SerpentineDBol;
    }
    .h-sitename-02 {
        color: #426581;
        font-size: 17px;
        font-family: Lato-Regular;
        font-weight: bold;
    }
    .h-mailphone-div {
        /*padding: 35px 15px 25px 100px;*/ 
        padding: 35px 0px 25px 0px;
        display: flex;
    }
    .h-mailid {
        font-size: 16px; 
        color: #999999;
        text-decoration: none !important;
    }
    .h-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .h-mailid:focus {
         color:#ffba00; 
         text-decoration:none;      
         transition: .8s all ease-in-out;
    }
    .h-socialmedia-div {
        padding: 0px 50px 0px 0px;
        margin: -460px 0px 0px 0px;
        /*margin: -390px 0px 0px 0px;*/
    }
    .h-socialmedia-ul {         
        list-style-type: none;
        display: flex;
        float: right;    
    }
    .h-socialmedia-li {     
        padding: 0px 0px 0px 10px
    }
    .banarslider {
        padding: 0;
        z-index: -1;
    }
    .h_navbar_first {
        padding: 0px;
        /*margin: 30px 0px -62px 0px;*/   
        margin: 0px 0px 0px 0px;  
    }
     /*.h_navbar_Second {
        border-radius: 0px !important;      
        height: 70px !important; 
        background: rgba(000,0,0,0.6);         
        padding: 0px 80px 0px 80px !important;             
        border: none !important;
        margin: 0px;
    }*/
    .h_navbar_ullist {
        /*padding: 10px 0px 10px 0px;*/
        padding: 0px 0px 0px 0px;
        /*background: rgba(000,0,0,0.6);*/
        border-top: 1px solid #000000 !important;
    }
    .navbar-inverse .h_navbar_ullist > .active > a {
        background-color: #69c0af !important;
        color: #000000 !important;
    }
    .navbar-nav > li > a {
        padding: 15px 20px 15px 20px !important;
        /* new css add */
        color: #ffffff !important;
        font-size: 17px;
        outline: 0;
        transition: all 0.6s ease-in-out;
    }
    .navbar-nav > li > a:hover {
        color: #000 !important;
        padding: 10px 12px 10px 12px;
        background-color: #69c0af !important;
        transition: all 0.6s ease-in-out;
    }  
    /*responsive css for navbar button */
    .h_navbar_Second {            
        padding: 0px;     
        margin: 0px 0px 0px 0px;
        border-radius: 0px !important;
        border: none !important;
        /*background: rgba(000,0,0,0.6);*/ 
        /*height: 62px;*/ 
        background-color: #426581  !important;
    }
    .navbar-header {
        float: none !important;      
        padding: 5px 20px 5px 20px;
        border: none;
    }
    .navbar-collapse.collapse {
        display: none!important;
        height: auto!important;
        overflow: visible!important;
        visibility: visible !important;
    }
    .navbar-toggle {
        margin: 8px;
    position: relative;
        float: left !important;
        padding: 10px 12px !important;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        display: block;
        background-color: #69c0af;
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #3f7369;
    }
    .navbar-nav {
        position: relative !important;
        display: block !important;
        float: none !important;
    }
    .collapse.in {
        display: block !important;
        visibility: visible !important;
        height: auto!important;
    }
    .navbar-nav > li {
        position: relative !important;
        display: block !important;
        float: none !important;        
        border-bottom: 1px solid #000000 !important;      
    }
    .navbar-nav > li > a {
        padding: 15px 20px 15px 20px !important;
     }    
     /* dropdown css*/
     /*.dropdown:hover > .dropdown-menu {
        display: block;       
    }
    .dropdown > .dropdown-toggle:active {
        pointer-events: none;         
    }  
    .dropdown-menu {   
        padding: 0px !important;      
        top: 50px !important;       
    }
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        background-color: #00aab3 !important;
        color: #000000 !important;

     }   
    .ddd > li {
        border-bottom: 1px solid #42b3c1;
    }
    .h_navbar_ullist > li > .ddd > li > a:hover {
        color: #000 !important;
        padding: 10px 10px 10px 12px;
        background-color: #f6bb19 !important;
        transition: all 0.6s ease-in-out;
    }
    .h_navbar_ullist > li > .ddd > li > a {
        color: #fff !important;
        padding: 10px 12px 10px 12px !important;
        font-size: 16px !important;
        font-family: Calibri !important;
        outline: 0 !important;
        transition: all 0.6s ease-in-out;
    }*/

     /* Modal Css */
     /*.M-backdrop {
        background-color: rgba(0, 0, 0, 0.5) !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        height: 750px !important;
        z-index: 1040 !important;
    }
    .M-title {
        color: #fff;
        padding: 10px 0px 10px 25px;
    }
    .M-closeheader {
        margin-top: -60px !important;
    }
    .scrollbar {
        float: left;  
        width: 100%;
        background: #ffffff !important;
        overflow-y: scroll;
        margin-bottom: 25px;
    }
    .M-body {
        color: #0A72BF !important;
        text-align: justify;
        padding: 25px 40px 15px 40px !important;
    }
    .M-closefooter {
        background-color: #e5e5e5 !important; 
        color: #666666 !important;    
        border-radius: 0px !important;
        border: none !important;
    }*/

    .back-orangimg {             
         background-image: url(../Images/back-bar-orange.jpg);
         height: 10px;       
    }
    .about-us-align {
        /*padding: 50px 30px 0px 30px;*/
        padding: 50px 20px 0px 30px;
    }
    .orange-title-big {
        font-size: 35px;
        color: #d64d19;
        font-weight: bold;
    }
    .orange-title-small {
        color: #d64d19;
        font-weight: bold;
        font-size: 24px;
    }
    .blue-title-big {
        font-size: 35px;
        color: #426581;
        font-weight: bold;
    }
    .blue-title-small {
        font-size: 24px;
        color: #426581;
        font-weight: bold;
    }
    .green-name {
        color: #69c0af;
        font-weight: bold;
        font-size: 24px;
    }
    .JTE-Common-Ulist {
        line-height: 30px;
        padding-left: 20px;
        text-align: left;
       text-transform: none;
    }
    .green-text-leader {
        color: #69c0af;
        font-size: 34px;
        text-align: center;
    }

    /**************************************************/

    .readmorebtn {
        background-color: #69c0af  !important;
        color: #3f7369 !important;
        padding: 14px 10px 14px 10px !important;
        height: 50px !important;
        width: 200px !important;
        border-radius: 0px !important;
        position: relative !important;
        font-size: 15px !important;
        text-align: center !important;
        /*border: none !important;*/
        font-weight: bold !important;
        border: 1px solid #69c0af !important;
    }
    .readmorebtn:hover {
            background-color: #ffffff  !important;
            color: #69c0af !important;
            text-decoration: none;
            transition: all .5s ease-in-out;
            font-weight: bold !important;
            border: 1px solid #69c0af !important;
        }
    .redmorebtn_align {    
        padding: 0px 0px 0px 0px;
        float: right;
    }
    .h-graybox-div-01 {
        padding: 0px 30px 0px 30px;      
        margin-top: -150px;
    }
    .h-graybox-div-02 {
        background-color: #426581;
        padding: 65px 0px 50px 0px;
        /*height: 985px;*/
        height: auto;
    }
    .preparing-stud {
        font-weight: bold;
        font-family: Technical;
        line-height: 50px;
        text-align: center;
        color: #ffba00;
        font-size: 32px;
    }
    .boost-prolevel {
        color: #69c0af;
        font-size: 34px;
        font-family: Technical;
        text-align: center;
        font-weight: bold;
        line-height: 50px;
    }
    .join-japanese-lang {
        color: #ffffff;
        font-size: 24px;
        font-family: Technical;
        text-align: center;
        font-weight: bold;
        line-height: 50px;
    }
    .back-aboutus-green {             
         background-image: url(../Images/about-us-back-green.jpg);
         /*height: 570px;*/
         height: auto;
    }
    .greenpatch-div-01 {
        padding: 70px 15px 0px 15px;
    }
    .greenpatch-div-02 {
        padding: 50px 15px 50px 15px;
    }
    .tech-strategies-title {
        color: #3f7369;
        font-weight: bold;
        font-size: 21px;
        text-align: left;
    }
    .tech-strategies-info {
        font-size: 16px;
        color: #ffffff;
        text-align: left;
    } 
    .tech-stgs-info-align {
        padding: 0px 15px 0px 15px;
    }
    .ourservices-heading {
        padding: 50px 45px 50px 45px;
    }
    .ourservices_imgs {
        max-width: 400px;
        width: 100%;
        height: auto;
    }
    .ourservices-div-01 {
        padding: 0px 20px 0px 45px;
    }
    .ourservices-div-21 {
         padding: 0px 45px 0px 30px;
    }
    .ourservices-div-22 {
         padding: 0px 45px 30px 30px;
    }
    .ourservices-div-23 {
         /*padding: 0px 45px 45px 30px;*/
         padding: 0px 45px 5px 30px;
    }
     .ourservices-div-24 {        
         padding: 0px 45px 20px 30px;
    }
    .JTE-orange-courses {
         background-image: url(../Images/back-orange-courses.jpg);
         /*height: 480px;*/ 
         height: 580px;
         padding:0px;     
    }
    .JTE-coursesbox-01 {
        padding: 70px 50px 0px 60px;
    }
    .JTE-coursesbox-02 {
         background-image: url(../Images/back-gray-courses-01.png);
         /*height: 480px;*/  
         height: 580px; 
         padding: 70px 50px 0px 50px;   
    }
    .JTE-coursesbox-03 {
         background-image: url(../Images/back-gray-courses-02.png);
         /*height: 480px;*/  
         height: 580px;   
         padding: 70px 50px 0px 50px;
    }
    .JTE-titles {
        color: #69c0af;
        font-size: 29px;
        font-weight: bold;
        text-align: left;
        line-height: 40px;
    }
    .JTE-Text {
        color: #ffffff;
        /*text-align: justify;*/
        text-align: left;
    }
    .back-happy-studs {
         background-image: url(../Images/back-happy-students-01.png);
         /*height: 515px;*/
         /*height: 570px;*/
         padding:0px;  
    }
    .hppy-stud-div-01 {
        padding: 0px 0px 0px 60px;
    }
    .hppy-stud-div-02 {
        /*padding: 0px 60px 0px 60px;*/
        padding: 0px 0px 0px 0px;
        text-align: center;      
    }
    .hppy-stud-imgs {
        max-width: 378px;
        width: 100%;
        height: auto;
    }
    .hppy-stud-info {
        color: #000000;
        font-weight: bold;       
    }
    .back-highlight {      
        /*height: 700px;*/
        height: 780px;
        padding: 0px;
        background-image: url(../Images/back-highlights.jpg);
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-attachment: fixed !important;
    }
    .true-educations {
        color: #ffffff;
        font-size: 29px;
        font-family: Technical;
        font-weight: bold;
        text-align: center;
        float: left;
        padding: 60px 60px 60px 60px;
        margin: 0px;
        line-height: 40px;
    }  
    .yearexp-shadow {
        /*height: 250px;*/
        height: auto;
        background: rgba(000,0,0,0.5);
        margin-top: 0px;
        padding: 0px;
    }
    .yearexp-div {
        padding: 60px 0px 60px 0px;
    }
    .yearexp-text {
        color: #69c0af;
        font-size: 50px;
        text-align: center;
        line-height: 50px;
        border-right: 1px solid #aa9e93;
        font-weight: bold;
        margin: 0px;
    }
    .yearexp-span {
        font-size: 21px;
        color: #ffffff;
    }
    .back-footer {
         background-image: url(../Images/back-footer.jpg);
         /*height: 700px;*/ 
         height: auto;
         padding:0px;    
    }
    .f-title-01 {
        padding: 70px 0px 35px 0px;
    }
    .f-title-02 {
        padding: 70px 0px 20px 0px;
    }
    .f-title-03 {
        padding: 130px 0px 0px 0px;
    }
    .f-title-04 {
        padding: 70px 0px 20px 0px;
    }
    .f-formalign {
        padding: 0px 0px 12px 0px;
    }
    .form-control {
        display: block;
        width: 100%;
        height: 35px !important;
        padding: 8px 15px !important;
        font-size: 16px !important;
        line-height: 1.42857143 !important;
        color: #ffffff !important;
        background-color: #565759 !important;
        background-image: none;
        border:none;
        /*border: 0.5px solid #757575 !important;*/
        border-radius: 0px !important;
        margin-bottom: 0px !important;
    }
    .starsign {
        position: absolute;     
        /*margin: -45px 0px 0px 265px;*/
        margin: -45px 0px 0px 267px;
    }
    .captchaimg {
        height: 36px !important;
        width: 100% !important;
    }
    .btnsend {
        background-color: #2b2d2f;
        text-align: left;
        padding: 5px 15px 5px 15px;
        border: none;
        border-radius: 0px;
        color: #999999;
        font-size: 16px;
        width: 100% !important;
        height: 40px !important;
    }
    .btnsend:hover {
            background-color: #ffba00 !important;
            color: #000 !important;
            transition: .8s all ease-in-out;
        }
    .f-links {
        /*color: #999999;*/
        color: #ffffff;
        font-size: 16px;
    }
    .f-links:hover {
        text-decoration:none;
        color: #ffba00;
        transition: .8s all ease-in-out;
    }
    .f-links:focus {
        text-decoration:none;
        color: #ffba00;
        transition: .8s all ease-in-out;
    }
    .f-links-border {
        border-bottom: 1px solid #515457;      
        padding: 5px 0px 5px 0px;
    }
    .f-socialmedia-ul {
        list-style-type: none;
        display: flex;      
        padding: 80px 0px 0px 150px;
        /*padding: 80px 0px 0px 80px;*/
    }
    .f-socialmedia-li {
        padding: 0px 5px 0px 5px;
    }
    .f-colume-01 {
        padding: 0px 15px 0px 60px;
    }
    .f-colume-02 {
        /*padding: 0px 30px 0px 30px;*/
        padding: 0px 30px 20px 30px;
    }
    .f-colume-03 {
        /*padding: 0px 60px 80px 15px;*/
        padding: 0px 60px 0px 60px;
    }
    .f-contacttext-01 {
        font-size: 16px;
        /*color: #999999;*/
        color: #ffffff;
        padding: 0px 0px 15px 0px;
        margin: 0px;
    }
    .f-contacttext-02 {
        font-size: 16px;
        /*color: #999999;*/
        color: #ffffff;
        padding: 15px 0px 15px 0px;
        margin: 0px;
    }
    .back-footer-black {
         background-image: url(../Images/back-footer-black.png);
          height: auto;          
    }
    .breadcrumb-bgimg {
        max-width: 1920px;
        width: 100%;
        /*height: 300px;*/
        height: 230px;
    }
     /*.breadcrumb-bg {
        background-image: url(../Images/back-inner-1.jpg);       
        padding: 0px;
    }*/    
    .breadcrumb {
        /*float: right !important;*/
        /*background: none !important;*/      
        /*padding: 150px 60px 80px 0px;*/
        /*margin: 0px !important;*/


        float: right;
        background: none !important;
        padding: 0px 60px 0px 0px;
        /*margin: -110px 0px 0px 0px !important;*/
        margin: -135px 0px 20px 0px;
    }
    .breadcrumb-links {
        /*color: #ffba00;*/
        color:#000000;
        text-decoration: none;
        transition: all 0.6s ease-in-out;
        outline: 0;
    }
    .breadcrumb-links:hover {
        color: #ffffff !important;
        text-decoration: none !important;
        transition: all 0.6s ease-in-out;
        outline: 0 !important;
    }
     /*.subpage-title-align {
        padding: 140px 0px 70px 60px;               
    }*/
    .subpage-title {
        /*font-weight: bold;*/
        /*font-size: 36px;*/
        /*color: #ffffff;*/   
        /*margin: 0px 0px 20px 0px;*/     
        
        
        font-weight: bold;
        font-size: 36px;
        color: #ffffff;
        /*margin: -130px 0px 20px 0px;*/
        margin: -145px 0px 20px 0px;
        padding: 0px 0px 0px 60px;
                     
    }
    .subpage-title-border {
        /*border-bottom: 6px solid #69c0af;*/
        border-bottom: 6px solid #ffba00 !important;
        padding-bottom: 10px;
    }
    .scrollup {
        position: fixed;
        right: 5px;
        bottom: 25px;
        color: #3f7369  !important;
        background-color: #69c0af !important;
        border: 2px solid #3f7369 ;     
        width: 40px;
        height: 40px;
        text-align: center;
        padding: 9px 0px 0px 0px;
        z-index: 2000;
        font-size: 18px;
        line-height: 1;      
        transition: all 0.4s ease-in-out;
        border-radius: 100% !important;
    }
    .scrollup:hover {
        background-color: #ffffff  !important;
        border: 2px solid #d64d19;       
        color: #d64d19   !important;
        transition: all .6s ease-in-out;
    }

     /*slider css*/
     /*.carousel-control.left {
        background-repeat: repeat-x;
        background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    }
    .carousel-control.right {
        right: 0;
        left: auto;
        background-repeat: repeat-x;
        background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    }
    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 15%;
        font-size: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        filter: alpha(opacity=50);
        opacity: .5;
    }*/
    .carousel-indicators .active {
        width: 15px;
        height: 15px;
        margin: 0;
        background-color: #69c0af;
    }
    .carousel-indicators li {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0px;
        text-indent: -1999px;
        cursor: pointer;
        background-color: rgba(0,0,0,0);
        border: 1px solid #fff;
        border-radius: 10px;
    }

    /*subpages css start from here*/
    .common-pad-forall {
        padding: 50px 45px 50px 45px;
    }
    .sp-oprofilediv-01 {
        padding: 0px 25px 0px 0px;
    }
    .sp-oprofilediv-02 {
        padding: 0px 0px 0px 25px;
    }
    .sp-mailid {
        font-size: 16px;
        color: #a94442;
        text-decoration: none !important;
    }
    .sp-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .sp-mailid:focus {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .testimonials-head {
        /*font-size: 28px;*/
        font-size: 35px;
        color: #69c0af;
        font-family: 'Technical';
        font-weight: bold;
    }
    .testimonials-text {
        /*text-align: left;*/
        text-align: justify;
        padding: 30px 15px 20px 15px;
        /*height: 511px;
        border-bottom: 1px dashed #d5cdcd;*/
    }
    .sp-exambox-title-01 {
        color: #3f7369; 
        font-size: 24px;
    }
    .sp-exambox-title-02 {
        color: #ffba00; 
        font-size: 24px;
    }
    .sp-exambox-title-03 {
        color: #000000; 
        font-size: 24px;
    }
    .sp-exambox-01 {
        background-color: #69c0af;
        text-align: center;
        color: #ffffff;
        /*height: 300px;*/
        height: 415px;
        padding: 30px 0px 30px 0px;
    }
    .sp-exambox-02 {
        background-color: #426581;
        text-align: center;
        color: #ffffff;
        /*height: 300px;*/
        height: 415px;
        padding: 30px 0px 30px 0px;
    }
    .sp-exambox-03 {
        background-color: #d64d19;      
        text-align: center;
        color: #ffffff;
        /*height: 300px;*/
        height: 415px;
        padding: 30px 0px 30px 0px;
    }
    .f-mailid {
        font-size: 16px; 
        color: #ffffff;
        text-decoration: none !important;
    }
    .f-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .f-mailid:focus {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }




}

@media only screen and (min-width:768px) and (max-width:1023px) {

    .certificate-img {
        max-width: 800px;
        width: 100%;
        /*height: 1164px;*/
        height: 600px;
    }
    .certificate-align {
        padding: 0px;
        text-align: left;
    }
    .certificate-title {
        color: #426581;
        font-weight: bold;
        font-size: 16px;       
        line-height: 30px;
        text-transform: uppercase;
        margin: 0px 0px 0px 0px;
    }
    .certificate-title:hover {
            color: #ffba00  !important;
            outline:none !important;
            text-decoration: none !important;
            transition: all .5s ease-in-out !important;
     }
    .certificate-title:focus {
            color: #ffba00  !important;
            outline:none !important;
            text-decoration: none !important;
            transition: all .5s ease-in-out !important;
     }


    .styudyvideos-title-01 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-02 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-03 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-04 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-05 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-06 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-07 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
     /*.styudyvideos-title {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px;
        line-height: 32px;
    }*/
    .studyvideos {
       /*width:460px;*/
        width:100%;
       height:315px;
       padding:0px 0px 0px 0px;
    }
    .clientphoto {
        text-align: -webkit-center; 
        padding: 0px 0px 0px 0px;
    }
    .female-img {
        height:auto;
        max-width:420px;
        width:100%;
    }
     /*slider css*/
     .carousel-inner > .item {
        -webkit-transition: -webkit-transform 1.0s ease-in-out !important;
        -o-transition: -o-transform 1.0s ease-in-out !important;
        transition: transform 1.0s ease-in-out !important;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
    }
     .carousel-indicators .active {
        width: 15px;
        height: 15px;
        margin: 0;
        background-color: #69c0af;
    }
    .carousel-indicators li {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0px;
        text-indent: -1999px;
        cursor: pointer;
        background-color: rgba(0,0,0,0);
        border: 1.4px solid #69c0af !important;
        border-radius: 10px;
    }
    .carousel-control.left {
        padding-top: 250px;
        background-repeat: repeat-x;
        /*background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);*/
        height: 515px;
        background-image:none !important;
    }
    .carousel-control.right {
        padding-top: 250px;
        right: 0;
        left: auto;
        background-repeat: repeat-x;
        /*background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);*/
        height: 515px;
       
        background-image:none !important;
    }
    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        /*width: 15%;*/
        width: 6%;
        font-size: 20px;
        color: #69c0af !important;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        filter: alpha(opacity=50);
        opacity: .5;
    }
    .home-storysuccess-bg {
       background-image: url(../Images/back-happy-students.png);      
        /*height: 570px;*/
        padding-top: 470px;
        background-repeat:no-repeat;
        background-position: bottom;
    }
    .our-hppystud-align {
        padding: 30px 0px 80px 0px;
        margin:0px;
    } 
    .testimonials-left {
        /*padding: 0px 0px 0px 15px;*/ 
        padding: 0px;     
    }
    .testimonials-right {
        /*padding: 0px 15px 0px 0px;*/     
        padding: 0px;    
    }









    .h-logoimg-div {
        display: flex;
        padding: 0px 0px 0px 200px;
    } 
    .h-logoimg {
        max-width: 86px;
        height: auto;
        width: 100%;
    }
    .h-logoalign {
        /*padding: 20px 0px 0px 0px;*/
        padding: 30px 0px 0px 0px;
    }
    .h-sitenamealign {
        /*padding: 30px 20px 0px 25px;*/
        padding: 40px 20px 0px 25px;
    }
    .h-sitename-01 {
        color: #d64d19;
        font-size: 35px;
        font-family: SerpentineDBol;
    }
    .h-sitename-02 {
        color: #426581;
        font-size: 17px;
        font-family: Lato-Regular;
        font-weight: bold;
    }
    .h-mailphone-div {
        /*padding: 35px 15px 25px 100px;*/ 
        padding: 35px 15px 25px 15px;
        display: flex;
    }
    .h-mailid {
        font-size: 16px; 
        color: #999999;
        text-decoration: none !important;
    }
    .h-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .h-mailid:focus {
         color:#ffba00; 
         text-decoration:none;      
         transition: .8s all ease-in-out;
    }
    .h-socialmedia-div {
        padding: 0px 50px 0px 0px;
        margin: -340px 0px 0px 0px;
    }
    .h-socialmedia-ul {         
        list-style-type: none;
        display: flex;
        float: right;    
    }
    .h-socialmedia-li {     
        padding: 0px 0px 0px 10px
    }
    .banarslider {
        padding: 0;
        z-index: -1;
    }
    .h_navbar_first {
        padding: 0px;
        margin: 0px;   
        /*margin: 0px 0px -62px 0px;*/  
    }
     /*.h_navbar_Second {
        border-radius: 0px !important;      
        height: 70px !important; 
        background: rgba(000,0,0,0.6);         
        padding: 0px 80px 0px 80px !important;             
        border: none !important;
        margin: 0px;
    }*/
    .h_navbar_ullist {
        /*padding: 10px 0px 10px 0px;*/
        padding: 0px 0px 0px 0px;
        /*background: rgba(000,0,0,0.6);*/
         border-top: 1px solid #000000 !important;
    }
    .navbar-inverse .h_navbar_ullist > .active > a {
        background-color: #69c0af !important;
        color: #000000 !important;
    }
    .navbar-nav > li > a {
        padding: 15px 20px 15px 20px !important;
        /* new css add */
        color: #ffffff !important;
        font-size: 17px;
        outline: 0;
        transition: all 0.6s ease-in-out;
    }
    .navbar-nav > li > a:hover {
        color: #000 !important;
        padding: 10px 12px 10px 12px;
        background-color: #69c0af !important;
        transition: all 0.6s ease-in-out;
    }  
    /*responsive css for navbar button */
    .h_navbar_Second {            
        padding: 0px;     
        margin: 0px 0px 0px 0px;
        border-radius: 0px !important;
        border: none !important;
        /*background: rgba(000,0,0,0.6);*/ 
        /*height: 62px;*/ 
        background-color: #426581  !important;
    }
    .navbar-header {
        float: none !important;      
        padding: 5px 20px 5px 20px;
        border: none;
    }
    .navbar-collapse.collapse {
        display: none!important;
        height: auto!important;
        overflow: visible!important;
        visibility: visible !important;
    }
    .navbar-toggle {
        margin: 8px;
        position: relative;
        float: left !important;
        padding: 10px 12px !important;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        display: block;
        background-color: #69c0af;
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #3f7369;
    }
    .navbar-nav {
        position: relative !important;
        display: block !important;
        float: none !important;
    }
    .collapse.in {
        display: block !important;
        visibility: visible !important;
        height: auto!important;
    }
    .navbar-nav > li {
        position: relative !important;
        display: block !important;
        float: none !important;        
        border-bottom: 1px solid #000000 !important;      
    }
    .navbar-nav > li > a {
        padding: 15px 20px 15px 20px !important;
     }    
     /* dropdown css*/
     /*.dropdown:hover > .dropdown-menu {
        display: block;       
    }
    .dropdown > .dropdown-toggle:active {
        pointer-events: none;         
    }  
    .dropdown-menu {   
        padding: 0px !important;      
        top: 50px !important;       
    }
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        background-color: #00aab3 !important;
        color: #000000 !important;

     }   
    .ddd > li {
        border-bottom: 1px solid #42b3c1;
    }
    .h_navbar_ullist > li > .ddd > li > a:hover {
        color: #000 !important;
        padding: 10px 10px 10px 12px;
        background-color: #f6bb19 !important;
        transition: all 0.6s ease-in-out;
    }
    .h_navbar_ullist > li > .ddd > li > a {
        color: #fff !important;
        padding: 10px 12px 10px 12px !important;
        font-size: 16px !important;
        font-family: Calibri !important;
        outline: 0 !important;
        transition: all 0.6s ease-in-out;
    }*/

     /* Modal Css */
     /*.M-backdrop {
        background-color: rgba(0, 0, 0, 0.5) !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        height: 750px !important;
        z-index: 1040 !important;
    }
    .M-title {
        color: #fff;
        padding: 10px 0px 10px 25px;
    }
    .M-closeheader {
        margin-top: -60px !important;
    }
    .scrollbar {
        float: left;  
        width: 100%;
        background: #ffffff !important;
        overflow-y: scroll;
        margin-bottom: 25px;
    }
    .M-body {
        color: #0A72BF !important;
        text-align: justify;
        padding: 25px 40px 15px 40px !important;
    }
    .M-closefooter {
        background-color: #e5e5e5 !important; 
        color: #666666 !important;    
        border-radius: 0px !important;
        border: none !important;
    }*/

    .back-orangimg {             
         background-image: url(../Images/back-bar-orange.jpg);
         height: 10px;       
    }
    .about-us-align {
        padding: 50px 10px 0px 30px;
        /*padding: 50px 20px 0px 30px;*/
    }
    .orange-title-big {
        font-size: 35px;
        color: #d64d19;
        font-weight: bold;
    }
    .orange-title-small {
        color: #d64d19;
        font-weight: bold;
        font-size: 24px;
    }
    .blue-title-big {
        font-size: 35px;
        color: #426581;
        font-weight: bold;
    }
    .blue-title-small {
        font-size: 24px;
        color: #426581;
        font-weight: bold;
        line-height: 40px;
    }
    .green-name {
        color: #69c0af;
        font-weight: bold;
        font-size: 24px;
        line-height: 50px;
    }
    .JTE-Common-Ulist {
        line-height: 30px;
        padding-left: 20px;
        text-align: left;
       text-transform: none;
    }
    .green-text-leader {
        color: #69c0af;
        font-size: 34px;
        text-align: center;
    }

    /**************************************************/

    .readmorebtn {
        background-color: #69c0af  !important;
        color: #3f7369 !important;
        padding: 14px 10px 14px 10px !important;
        height: 50px !important;
        width: 200px !important;
        border-radius: 0px !important;
        position: relative !important;
        font-size: 15px !important;
        text-align: center !important;
        /*border: none !important;*/
        font-weight: bold !important;
        border: 1px solid #69c0af !important;
    }
    .readmorebtn:hover {
            background-color: #ffffff  !important;
            color: #69c0af !important;
            text-decoration: none;
            transition: all .5s ease-in-out;
            font-weight: bold !important;
            border: 1px solid #69c0af !important;
        }
    .redmorebtn_align {    
        padding: 0px 0px 0px 0px;
        float: right;
    }
    .h-graybox-div-01 {
        /*padding: 0px 30px 0px 30px;*/      
        padding: 0px 25px 0px 25px;
        /*margin-top: -150px;*/
        margin-top: -100px;
    }
    .h-graybox-div-02 {
        background-color: #426581;
        /*padding: 65px 0px 50px 0px;*/
        padding: 65px 25px 50px 25px;
        /*height: 985px;*/
        height: auto;
    }
    .preparing-stud {
        font-weight: bold;
        font-family: Technical;
        line-height: 50px;
        text-align: center;
        color: #ffba00;
        font-size: 32px;
    }
    .boost-prolevel {
        color: #69c0af;
        font-size: 34px;
        font-family: Technical;
        text-align: center;
        font-weight: bold;
        line-height: 50px;
    }
    .join-japanese-lang {
        color: #ffffff;
        font-size: 24px;
        font-family: Technical;
        text-align: center;
        font-weight: bold;
        line-height: 50px;
    }
    .back-aboutus-green {             
         background-image: url(../Images/about-us-back-green.jpg);
         /*height: 570px;*/
         height: auto;
    }
    .greenpatch-div-01 {
        /*padding: 70px 15px 0px 15px;*/
        padding: 40px 15px 0px 15px;
    }
    .greenpatch-div-02 {
        padding: 50px 15px 50px 15px;
    }
    .tech-strategies-title {
        color: #3f7369;
        font-weight: bold;
        font-size: 21px;
        /*text-align: left;*/
    }
    .tech-strategies-info {
        font-size: 16px;
        color: #ffffff;
        /*text-align: left;*/
    } 
    .tech-stgs-info-align {
        padding: 50px 15px 0px 15px; 
        text-align: center;    
    }
    .ourservices-heading {
        padding: 50px 45px 50px 45px;
    }
    .ourservices_imgs {
        max-width: 400px;
        width: 100%;
        height: auto;
    }
    .ourservices-div-01 {
        /*padding: 0px 20px 0px 45px;*/
        padding: 0px 0px 0px 45px;
    }
    .ourservices-div-21 {
         /*padding: 0px 45px 0px 30px;*/
         padding: 0px 45px 0px 45px;
    }
    .ourservices-div-22 {
         /*padding: 0px 45px 30px 30px;*/
         padding: 0px 45px 0px 45px;
    }
    .ourservices-div-23 {
         /*padding: 0px 45px 45px 30px;*/
         padding: 0px 45px 20px 45px;        
    }
     .ourservices-div-24 {        
         padding: 0px 45px 0px 30px;
    }
    .JTE-orange-courses {
         background-image: url(../Images/back-orange-courses.jpg);      
         /*height: 580px;*/       
         height: auto;
         padding:0px;     
    }
    .JTE-coursesbox-01 {
        padding: 70px 60px 0px 60px;
    }
    .JTE-coursesbox-02 {
         background-image: url(../Images/back-gray-courses-01.png);
         height: auto;
         /*height: 580px;*/ 
         padding: 70px 60px 0px 60px;   
    }
    .JTE-coursesbox-03 {
         background-image: url(../Images/back-gray-courses-02.png);
         height: auto;
         /*height: 580px;*/   
         padding: 70px 60px 0px 60px;
    }
    .JTE-titles {
        color: #69c0af;
        font-size: 29px;
        font-weight: bold;
        text-align: left;
        line-height: 40px;
    }
    .JTE-Text {
        color: #ffffff;
        /*text-align: justify;*/
        text-align: left;
    }
    .back-happy-studs {
         background-image: url(../Images/back-happy-students-01.png);
         /*height: 1000px;*/
         /*height: 501px;*/
         padding:0px;  
    }
    .hppy-stud-div-01 {
        padding: 0px 60px 0px 60px;
        text-align: -webkit-center;
    }
    .hppy-stud-div-02 {
        /*padding: 0px 60px 0px 60px;*/
        padding: 0px 0px 0px 0px;
        text-align: center;      
    }
    .hppy-stud-imgs {
        max-width: 378px;
        width: 100%;
        height: auto;
    }
    .hppy-stud-info {
        color: #000000;
        font-weight: bold;     
    }
    .back-highlight {      
        /*height: 700px;*/
        height: 780px;
        padding: 0px;
        background-image: url(../Images/back-highlights.jpg);
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-attachment: fixed !important;
    }
    .true-educations {
        color: #ffffff;
        font-size: 29px;
        font-family: Technical;
        font-weight: bold;
        text-align: center;
        float: left;
        padding: 60px 60px 60px 60px;
        margin: 0px;
        line-height: 40px;
    }  
    .yearexp-shadow {
        /*height: 250px;*/
        height: auto;
        background: rgba(000,0,0,0.5);
        margin-top: 0px;
        padding: 0px;
    }
    .yearexp-div {
        padding: 60px 0px 60px 0px;
    }
    .yearexp-text {
        color: #69c0af;
        font-size: 50px;
        text-align: center;
        line-height: 50px;
        border-right: 1px solid #aa9e93;
        font-weight: bold;
        margin: 0px;
    }
    .yearexp-span {
        font-size: 21px;
        color: #ffffff;
    }
    .back-footer {
         background-image: url(../Images/back-footer.jpg);
         /*height: 700px;*/ 
         height: auto;
         padding:0px;    
    }
    .f-title-01 {
        padding: 70px 0px 35px 0px;
    }
    .f-title-02 {
        padding: 70px 0px 20px 0px;
    }
    .f-title-03 {
        padding: 130px 0px 0px 0px;
    }
    .f-title-04 {
        padding: 70px 0px 20px 0px;
    }
    .f-formalign {
        padding: 0px 0px 12px 0px;
    }
    .form-control {
        display: block;
        width: 100%;
        height: 35px !important;
        padding: 8px 15px !important;
        font-size: 16px !important;
        line-height: 1.42857143 !important;
        color: #ffffff !important;
        background-color: #565759 !important;
        background-image: none;
        border:none;
        /*border: 0.5px solid #757575 !important;*/
        border-radius: 0px !important;
        margin-bottom: 0px !important;
    }
    .starsign {
        position: absolute;     
        /*margin: -45px 0px 0px 265px;*/
        margin: -45px 0px 0px 246px;
    }
    .captchaimg {
        height: 36px !important;
        width: 100% !important;
    }
    .btnsend {
        background-color: #2b2d2f;
        text-align: left;
        padding: 5px 15px 5px 15px;
        border: none;
        border-radius: 0px;
        color: #999999;
        font-size: 16px;
        width: 100% !important;
        height: 40px !important;
    }
    .btnsend:hover {
            background-color: #ffba00 !important;
            color: #000 !important;
            transition: .8s all ease-in-out;
        }
    .f-links {
        /*color: #999999;*/
        color: #ffffff;
        font-size: 16px;
    }
    .f-links:hover {
        text-decoration:none;
        color: #ffba00;
        transition: .8s all ease-in-out;
    }
    .f-links:focus {
        text-decoration:none;
        color: #ffba00;
        transition: .8s all ease-in-out;
    }
    .f-links-border {
        border-bottom: 1px solid #515457;      
        padding: 5px 0px 5px 0px;
    }
    .f-socialmedia-ul {
        list-style-type: none;
        display: flex;      
        /*padding: 80px 0px 0px 150px;*/
        padding: 80px 0px 0px 35px;
    }
    .f-socialmedia-li {
        padding: 0px 5px 0px 5px;
    }
    .f-colume-01 {
        padding: 0px 15px 0px 60px;
    }
    .f-colume-02 {
        /*padding: 0px 30px 0px 30px;*/
        padding: 0px 30px 20px 30px;
    }
    .f-colume-03 {
        /*padding: 0px 60px 80px 15px;*/
        padding: 0px 60px 0px 60px;
    }
    .f-contacttext-01 {
        font-size: 16px;
        /*color: #999999;*/
        color: #ffffff;
        padding: 0px 0px 15px 0px;
        margin: 0px;
    }
    .f-contacttext-02 {
        font-size: 16px;
        /*color: #999999;*/
        color: #ffffff;
        padding: 15px 0px 15px 0px;
        margin: 0px;
    }
    .back-footer-black {
         background-image: url(../Images/back-footer-black.png);
          height: auto;          
    }
    .breadcrumb-bgimg {
        max-width: 1920px;
        width: 100%;
        /*height: 300px;*/
        height: 230px;
    }
     /*.breadcrumb-bg {
        background-image: url(../Images/back-inner-1.jpg);       
        padding: 0px;
    }*/    
    .breadcrumb {
        /*float: right !important;*/
        /*background: none !important;*/      
        /*padding: 150px 60px 80px 0px;*/
        /*margin: 0px !important;*/


        float: right;
        background: none !important;
        padding: 0px 60px 0px 0px;
        /*margin: -110px 0px 0px 0px !important;*/
        margin: -135px 0px 20px 0px;
    }
    .breadcrumb-links {
       /*color: #ffba00;*/
        color:#000000;
        text-decoration: none;
        transition: all 0.6s ease-in-out;
        outline: 0;
    }
    .breadcrumb-links:hover {
        color: #ffffff !important;
        text-decoration: none !important;
        transition: all 0.6s ease-in-out;
        outline: 0 !important;
    }
     /*.subpage-title-align {
        padding: 140px 0px 70px 60px;               
    }*/
    .subpage-title {
        /*font-weight: bold;*/
        /*font-size: 36px;*/
        /*color: #ffffff;*/   
        /*margin: 0px 0px 20px 0px;*/     
        
        
        font-weight: bold;
        font-size: 36px;
        color: #ffffff;
        /*margin: -130px 0px 20px 0px;*/
        margin: -145px 0px 20px 0px;
        padding: 0px 0px 0px 60px;
                     
    }
    .subpage-title-border {
         /*border-bottom: 6px solid #69c0af;*/
        border-bottom: 6px solid #ffba00 !important;
        padding-bottom: 10px;
    }
    .scrollup {
        position: fixed;
        right: 5px;
        bottom: 25px;
        color: #3f7369  !important;
        background-color: #69c0af !important;
        border: 2px solid #3f7369 ;     
        width: 40px;
        height: 40px;
        text-align: center;
        padding: 9px 0px 0px 0px;
        z-index: 2000;
        font-size: 18px;
        line-height: 1;      
        transition: all 0.4s ease-in-out;
        border-radius: 100% !important;
    }
    .scrollup:hover {
        background-color: #ffffff  !important;
        border: 2px solid #d64d19;       
        color: #d64d19   !important;
        transition: all .6s ease-in-out;
    }

     /*slider css*/
     /*.carousel-control.left {
        background-repeat: repeat-x;
        background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    }
    .carousel-control.right {
        right: 0;
        left: auto;
        background-repeat: repeat-x;
        background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    }
    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 15%;
        font-size: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        filter: alpha(opacity=50);
        opacity: .5;
    }*/
    .carousel-indicators .active {
        width: 15px;
        height: 15px;
        margin: 0;
        background-color: #69c0af;
    }
    .carousel-indicators li {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0px;
        text-indent: -1999px;
        cursor: pointer;
        background-color: rgba(0,0,0,0);
        border: 1px solid #fff;
        border-radius: 10px;
    }

    /*subpages css start from here*/
    .common-pad-forall {
        padding: 50px 45px 50px 45px;
    }
    .sp-oprofilediv-01 {
        padding: 0px 25px 0px 0px;
    }
    .sp-oprofilediv-02 {
        padding: 0px 0px 0px 25px;
    }
    .sp-mailid {
        font-size: 16px;
        color: #a94442;
        text-decoration: none !important;
    }
    .sp-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .sp-mailid:focus {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .testimonials-head {
        /*font-size: 28px;*/
        font-size: 35px;
        color: #69c0af;
        font-family: 'Technical';
        font-weight: bold;
    }
    .testimonials-text {
        /*text-align: left;*/
        text-align: justify;
        padding: 30px 15px 20px 15px;
        border-bottom: 1px dashed #d5cdcd;
    }
    .sp-exambox-title-01 {
        color: #3f7369; 
        font-size: 24px;
    }
    .sp-exambox-title-02 {
        color: #ffba00; 
        font-size: 24px;
    }
    .sp-exambox-title-03 {
        color: #000000; 
        font-size: 24px;
    }

    .sp-colorbox {
        padding: 0px 100px 0px 100px !important;
    }

    .sp-exambox-01 {
        background-color: #69c0af;
        text-align: center;
        color: #ffffff;
        height: 360px;
        /*height: 330px;*/
        padding: 30px 0px 30px 0px;
    }
    .sp-exambox-02 {
        background-color: #426581;
        text-align: center;
        color: #ffffff;
        height: 360px;
        /*height: 330px;*/
        padding: 30px 0px 30px 0px;
    }
    .sp-exambox-03 {
        background-color: #d64d19;      
        text-align: center;
        color: #ffffff;
        height: 360px;
        /*height: 330px;*/
        padding: 30px 0px 30px 0px;
    }
    .f-mailid {
        font-size: 16px; 
        color: #ffffff;
        text-decoration: none !important;
    }
    .f-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .f-mailid:focus {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }


}

@media only screen and (min-width:640px) and (max-width:767px) {


    .certificate-img {
        max-width: 800px;
        width: 100%;
        /*height: 1164px;*/
        height: auto;
    }
    .certificate-align {
        padding: 0px;
        text-align: left;
    }
    .certificate-title {
        color: #426581;
        font-weight: bold;
        font-size: 16px;       
        line-height: 30px;
        text-transform: uppercase;
        margin: 0px 0px 0px 0px;
    }
    .certificate-title:hover {
            color: #ffba00  !important;
            outline:none !important;
            text-decoration: none !important;
            transition: all .5s ease-in-out !important;
     }
    .certificate-title:focus {
            color: #ffba00  !important;
            outline:none !important;
            text-decoration: none !important;
            transition: all .5s ease-in-out !important;
     }


    .styudyvideos-title-01 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-02 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-03 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-04 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-05 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-06 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-07 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
     /*.styudyvideos-title {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px;
        line-height: 32px;
    }*/
    .studyvideos {
       /*width:460px;*/
        width:100%;
       height:315px;
       padding:0px 0px 0px 0px;
    }

    .clientphoto {
        text-align: -webkit-center; 
        padding: 0px 50px 0px 50px;
    }
    .female-img {
        height:auto;
        max-width:420px;
        width:100%;
    }
    /*slider css*/
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform 1.0s ease-in-out !important;
        -o-transition: -o-transform 1.0s ease-in-out !important;
        transition: transform 1.0s ease-in-out !important;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
    }
    .carousel-indicators .active {
        width: 15px;
        height: 15px;
        margin: 0;
        background-color: #69c0af;
    }
    .carousel-indicators li {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0px;
        text-indent: -1999px;
        cursor: pointer;
        background-color: rgba(0,0,0,0);
        border: 1.4px solid #69c0af !important;
        border-radius: 10px;
    }
    .carousel-control.left {
        padding-top: 250px;
        background-repeat: repeat-x;
        /*background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);*/
        height: 515px;
        background-image:none !important;
    }
    .carousel-control.right {
        padding-top: 250px;
        right: 0;
        left: auto;
        background-repeat: repeat-x;
        /*background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);*/
        height: 515px;
       
        background-image:none !important;
    }
    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        /*width: 15%;*/
        width: 6%;
        font-size: 20px;
        color: #69c0af !important;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        filter: alpha(opacity=50);
        opacity: .5;
    }
    .home-storysuccess-bg {
       background-image: url(../Images/back-happy-students.png);      
        /*height: 570px;*/
            padding-top: 470px;
        background-repeat:no-repeat;
        background-position: bottom;
    }
    .our-hppystud-align {
        padding: 30px 0px 80px 0px;
        margin:0px;
    } 
     .testimonials-left {
        /*padding: 0px 0px 0px 15px;*/ 
         padding: 0px;  
    }
    .testimonials-right {
        /*padding: 0px 15px 0px 0px;*/     
        padding: 0px;    
    }







    
    .h-logoimg-div {
        display: flex;
        /*padding: 0px 0px 0px 200px;*/
        padding: 0px 0px 0px 140px;
    } 
    .h-logoimg {
        max-width: 86px;
        height: auto;
        width: 100%;
    }
    .h-logoalign {
        /*padding: 20px 0px 0px 0px;*/
        padding: 30px 0px 0px 0px;
    }
    .h-sitenamealign {
        /*padding: 30px 20px 0px 25px;*/
        padding: 40px 20px 0px 25px;
    }
    .h-sitename-01 {
        color: #d64d19;
        font-size: 35px;
        font-family: SerpentineDBol;
    }
    .h-sitename-02 {
        color: #426581;
        font-size: 17px;
        font-family: Lato-Regular;
        font-weight: bold;
    }
    .h-mailphone-div {
        padding: 35px 140px 25px 150px;
        text-align: left; 
        /*padding: 35px 50px 25px 50px;
        text-align: left;
        display: flex;*/
    }  
    .h-mailid {
        font-size: 16px; 
        color: #999999;
        text-decoration: none !important;
    }
    .h-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .h-mailid:focus {
         color:#ffba00; 
         text-decoration:none;      
         transition: .8s all ease-in-out;
    }
    .h-socialmedia-div {
        padding: 0px 50px 0px 0px;
        margin: -280px 0px 0px 0px;
    }
    .h-socialmedia-ul {         
        list-style-type: none;
        display: flex;
        float: right;    
    }
    .h-socialmedia-li {     
        padding: 0px 0px 0px 10px
    }
    .banarslider {
        padding: 0;
        z-index: -1;
    }
    .h_navbar_first {
        padding: 0px;
        margin: 0px; 
        /*margin: 0px 0px -62px 0px;*/  
    }
     /*.h_navbar_Second {
        border-radius: 0px !important;      
        height: 70px !important; 
        background: rgba(000,0,0,0.6);         
        padding: 0px 80px 0px 80px !important;             
        border: none !important;
        margin: 0px;
    }*/
    .h_navbar_ullist {
        /*padding: 10px 0px 10px 0px;*/
        padding: 0px 0px 0px 0px;
        /*background: rgba(000,0,0,0.6);*/
         border-top: 1px solid #000000 !important;
    }
    .navbar-inverse .h_navbar_ullist > .active > a {
        background-color: #69c0af !important;
        color: #000000 !important;
    }
    .navbar-nav > li > a {
        padding: 15px 20px 15px 20px !important;
        /* new css add */
        color: #ffffff !important;
        font-size: 17px;
        outline: 0;
        transition: all 0.6s ease-in-out;
    }
    .navbar-nav > li > a:hover {
        color: #000 !important;
        padding: 10px 12px 10px 12px;
        background-color: #69c0af !important;
        transition: all 0.6s ease-in-out;
    }  
    /*responsive css for navbar button */
    .h_navbar_Second {            
        padding: 0px;     
        margin: 0px 0px 0px 0px;
        border-radius: 0px !important;
        border: none !important;
        /*background: rgba(000,0,0,0.6);*/ 
        /*height: 62px;*/ 
        background-color: #426581  !important;
    }
    .navbar-header {
        float: none !important;      
        padding: 5px 20px 5px 20px;
        border: none;
    }
    .navbar-collapse.collapse {
        display: none!important;
        height: auto!important;
        overflow: visible!important;
        visibility: visible !important;
    }
    .navbar-toggle {
        margin: 8px;
        position: relative;
        float: left !important;
        padding: 10px 12px !important;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        display: block;
        background-color: #69c0af;
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #3f7369;
    }
    .navbar-nav {
        position: relative !important;
        display: block !important;
        float: none !important;
        margin: 0px;
    }
    .collapse.in {
        display: block !important;
        visibility: visible !important;
        height: auto!important;      
    }
    .navbar-nav > li {
        position: relative !important;
        display: block !important;
        float: none !important;        
        border-bottom: 1px solid #000000 !important;      
    }
    .navbar-nav > li > a {
        padding: 15px 20px 15px 20px !important;
     }    
     /* dropdown css*/
     /*.dropdown:hover > .dropdown-menu {
        display: block;       
    }
    .dropdown > .dropdown-toggle:active {
        pointer-events: none;         
    }  
    .dropdown-menu {   
        padding: 0px !important;      
        top: 50px !important;       
    }
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        background-color: #00aab3 !important;
        color: #000000 !important;

     }   
    .ddd > li {
        border-bottom: 1px solid #42b3c1;
    }
    .h_navbar_ullist > li > .ddd > li > a:hover {
        color: #000 !important;
        padding: 10px 10px 10px 12px;
        background-color: #f6bb19 !important;
        transition: all 0.6s ease-in-out;
    }
    .h_navbar_ullist > li > .ddd > li > a {
        color: #fff !important;
        padding: 10px 12px 10px 12px !important;
        font-size: 16px !important;
        font-family: Calibri !important;
        outline: 0 !important;
        transition: all 0.6s ease-in-out;
    }*/

     /* Modal Css */
     /*.M-backdrop {
        background-color: rgba(0, 0, 0, 0.5) !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        height: 750px !important;
        z-index: 1040 !important;
    }
    .M-title {
        color: #fff;
        padding: 10px 0px 10px 25px;
    }
    .M-closeheader {
        margin-top: -60px !important;
    }
    .scrollbar {
        float: left;  
        width: 100%;
        background: #ffffff !important;
        overflow-y: scroll;
        margin-bottom: 25px;
    }
    .M-body {
        color: #0A72BF !important;
        text-align: justify;
        padding: 25px 40px 15px 40px !important;
    }
    .M-closefooter {
        background-color: #e5e5e5 !important; 
        color: #666666 !important;    
        border-radius: 0px !important;
        border: none !important;
    }*/

    .back-orangimg {             
         background-image: url(../Images/back-bar-orange.jpg);
         height: 10px;       
    }
    .about-us-align {
        padding: 50px 30px 0px 30px;
        /*padding: 50px 20px 0px 30px;*/
    }
    .orange-title-big {
        font-size: 35px;
        color: #d64d19;
        font-weight: bold;
    }
    .orange-title-small {
        color: #d64d19;
        font-weight: bold;
        font-size: 24px;
    }
    .blue-title-big {
        font-size: 35px;
        color: #426581;
        font-weight: bold;
    }
    .blue-title-small {
        font-size: 24px;
        color: #426581;
        font-weight: bold;
        line-height: 40px;
    }
    .green-name {
        color: #69c0af;
        font-weight: bold;
        font-size: 24px;
        line-height: 50px;
    }
    .JTE-Common-Ulist {
        line-height: 30px;
        padding-left: 20px;
        text-align: left;
        text-transform: none;
    }
    .green-text-leader {
        color: #69c0af;
        font-size: 34px;
        text-align: center;
    }

    /**************************************************/

    .readmorebtn {
        background-color: #69c0af  !important;
        color: #3f7369 !important;
        padding: 14px 10px 14px 10px !important;
        height: 50px !important;
        width: 200px !important;
        border-radius: 0px !important;
        position: relative !important;
        font-size: 15px !important;
        text-align: center !important;
        /*border: none !important;*/
        font-weight: bold !important;
        border: 1px solid #69c0af !important;
    }
    .readmorebtn:hover {
            background-color: #ffffff  !important;
            color: #69c0af !important;
            text-decoration: none;
            transition: all .5s ease-in-out;
            font-weight: bold !important;
            border: 1px solid #69c0af !important;
        }
    .redmorebtn_align {    
        padding: 0px 0px 0px 0px;
        float: right;
    }
    .h-graybox-div-01 {      
        /*padding: 0px 25px 0px 25px;*/       
        /*margin-top: -100px;*/
        padding: 0px 45px 60px 45px;
    }
    .h-graybox-div-02 {
        background-color: #426581;
        /*padding: 65px 0px 50px 0px;*/
        padding: 65px 25px 50px 25px;
        /*height: 985px;*/
        height: auto;
    }
    .preparing-stud {
        font-weight: bold;
        font-family: Technical;
        line-height: 50px;
        text-align: center;
        color: #ffba00;
        font-size: 32px;
    }
    .boost-prolevel {
        color: #69c0af;
        font-size: 34px;
        font-family: Technical;
        text-align: center;
        font-weight: bold;
        line-height: 50px;
    }
    .join-japanese-lang {
        color: #ffffff;
        font-size: 24px;
        font-family: Technical;
        text-align: center;
        font-weight: bold;
        line-height: 50px;
    }
    .back-aboutus-green {             
         background-image: url(../Images/about-us-back-green.jpg);
         /*height: 570px;*/
         height: auto;
    }
    .greenpatch-div-01 {
        /*padding: 70px 15px 0px 15px;*/
        padding: 40px 15px 0px 15px;
    }
    .greenpatch-div-02 {
        /*padding: 50px 15px 50px 15px;*/
        padding: 20px 15px 50px 15px;
    }
    .tech-strategies-title {
        color: #3f7369;
        font-weight: bold;
        font-size: 21px;
        /*text-align: left;*/
    }
    .tech-strategies-info {
        font-size: 16px;
        color: #ffffff;
        /*text-align: left;*/
    } 
    .tech-stgs-info-align {
        /*padding: 50px 15px 0px 15px;*/ 
        padding: 50px 25px 0px 25px;
        text-align: center;    
    }
    .ourservices-heading {
        padding: 50px 45px 50px 45px;
    }
    .ourservices_imgs {
        max-width: 400px;
        width: 100%;
        height: auto;
    }
    .ourservices-div-01 {
        padding: 0px 0px 50px 45px;
        /*padding: 0px 0px 0px 45px;*/
    }
    .ourservices-div-21 {
         /*padding: 0px 45px 0px 30px;*/
         padding: 0px 45px 0px 45px;
    }
    .ourservices-div-22 {
         /*padding: 0px 45px 30px 30px;*/
         padding: 0px 45px 0px 45px;
    }
    .ourservices-div-23 {
         /*padding: 0px 45px 45px 30px;*/
         padding: 0px 45px 0px 45px;        
    }
     .ourservices-div-24 {        
         padding: 0px 45px 0px 45px;
    }
    .JTE-orange-courses {
         background-image: url(../Images/back-orange-courses.jpg);      
         /*height: 580px;*/       
         height: auto;
         padding:0px;     
    }
    .JTE-coursesbox-01 {
        padding: 70px 60px 0px 60px;
    }
    .JTE-coursesbox-02 {
         background-image: url(../Images/back-gray-courses-01.png);
         height: auto;
         /*height: 580px;*/ 
         padding: 70px 60px 0px 60px;   
    }
    .JTE-coursesbox-03 {
         background-image: url(../Images/back-gray-courses-02.png);
         height: auto;
         /*height: 580px;*/   
         padding: 70px 60px 0px 60px;
    }
    .JTE-titles {
        color: #69c0af;
        font-size: 29px;
        font-weight: bold;
        text-align: left;
        line-height: 40px;
    }
    .JTE-Text {
        color: #ffffff;
        /*text-align: justify;*/
        text-align: left;
    }
    .back-happy-studs {
         background-image: url(../Images/back-happy-students-01.png);
         /*height: 1000px;*/
         /*height: 501px;*/
         padding:0px;  
    }
    .hppy-stud-div-01 {
        padding: 0px 60px 0px 60px;
        text-align: -webkit-center;
    }
    .hppy-stud-div-02 {
        /*padding: 0px 60px 0px 60px;*/
        padding: 0px 0px 0px 0px;
        text-align: center;      
    }
    .hppy-stud-info {
        color: #000000;
        font-weight: bold;     
    }
    .hppy-stud-imgs {
        max-width: 378px;
        width: 100%;
        height: auto;
    }
    .back-highlight {      
        height: 1300px;
        /*height: 780px;*/
        padding: 0px;
        background-image: url(../Images/back-highlights.jpg);
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-attachment: fixed !important;
    }
    .true-educations {
        color: #ffffff;
        font-size: 29px;
        font-family: Technical;
        font-weight: bold;
        text-align: center;
        float: left;
        padding: 60px 60px 60px 60px;
        margin: 0px;
        line-height: 40px;
    }  
    .yearexp-shadow {
        /*height: 250px;*/
        height: auto;
        background: rgba(000,0,0,0.5);
        margin-top: 0px;
        padding: 0px;
    }
    .yearexp-div {
        padding: 60px 0px 60px 0px;
    }
    .yearexp-text {
        color: #69c0af;
        font-size: 50px;
        text-align: center;
        line-height: 50px;
        border-right: 1px solid #aa9e93;
        font-weight: bold;
        margin: 0px;
    }
    .yearexp-span {
        font-size: 21px;
        color: #ffffff;
    }
    .back-footer {
         background-image: url(../Images/back-footer.jpg);
         /*height: 700px;*/ 
         height: auto;
         padding:0px;    
    }
    .f-title-01 {
        padding: 70px 0px 35px 0px;
    }
    .f-title-02 {
        padding: 70px 0px 20px 0px;
    }
    .f-title-03 {
        /*padding: 130px 0px 0px 0px;*/
        border-top: 1px solid #515457;
        padding: 0px 0px 0px 0px;
    }
    .f-title-04 {
        padding: 70px 0px 20px 0px;
    }
    .f-formalign {
        padding: 0px 0px 12px 0px;        
    }
    .form-control {
        display: block;
        width: 100%;
        height: 35px !important;
        padding: 8px 15px !important;
        font-size: 16px !important;
        line-height: 1.42857143 !important;
        color: #ffffff !important;
        background-color: #565759 !important;
        background-image: none;
        border:none;
        /*border: 0.5px solid #757575 !important;*/
        border-radius: 0px !important;
        margin-bottom: 0px !important;
    }
    .starsign {
        position: absolute;     
        /*margin: -45px 0px 0px 265px;*/
        margin: -45px 0px 0px 520px;
    }
    .captchaimg {
        height: 36px !important;
        width: 100% !important;
    }
    .btnsend {
        background-color: #2b2d2f;
        text-align: left;
        padding: 5px 15px 5px 15px;
        border: none;
        border-radius: 0px;
        color: #999999;
        font-size: 16px;
        width: 100% !important;
        height: 40px !important;
    }
    .btnsend:hover {
            background-color: #ffba00 !important;
            color: #000 !important;
            transition: .8s all ease-in-out;
        }
    .f-links {
        /*color: #999999;*/
        color: #ffffff;
        font-size: 16px;
    }
    .f-links:hover {
        text-decoration:none;
        color: #ffba00;
        transition: .8s all ease-in-out;
    }
    .f-links:focus {
        text-decoration:none;
        color: #ffba00;
        transition: .8s all ease-in-out;
    }
    .f-links-border {
        border-bottom: 1px solid #515457;      
        padding: 5px 0px 5px 0px;
    }
    .f-socialmedia-ul {
        list-style-type: none;
        display: flex;      
        padding: 60px 0px 0px 118px;
        /*padding: 80px 0px 0px 35px;*/
    }
    .f-socialmedia-li {
        padding: 0px 5px 0px 5px;
    }
    .f-colume-01 {
        /*padding: 0px 15px 0px 60px;*/
        padding: 0px 60px 0px 60px;
    }
    .f-colume-02 {
        padding: 0px 45px 0px 45px;
        /*padding: 0px 30px 20px 30px;*/
    }
    .f-colume-03 {
        /*padding: 0px 60px 80px 15px;*/
        padding: 0px 60px 0px 60px;
    }
    .f-contacttext-01 {
        font-size: 16px;
        /*color: #999999;*/
        color: #ffffff;
        padding: 0px 0px 15px 0px;
        margin: 0px;
    }
    .f-contacttext-02 {
        font-size: 16px;
        /*color: #999999;*/
        color: #ffffff;
        padding: 15px 0px 15px 0px;
        margin: 0px;
    }
    .back-footer-black {
         background-image: url(../Images/back-footer-black.png);
          height: auto;          
    }
    .breadcrumb-bgimg {
        max-width: 1920px;
        width: 100%;
        /*height: 300px;*/
        height: 200px;
    }
     /*.breadcrumb-bg {
        background-image: url(../Images/back-inner-1.jpg);       
        padding: 0px;
    }*/    
    .breadcrumb {
        /*float: right !important;*/
        /*background: none !important;*/      
        /*padding: 150px 60px 80px 0px;*/
        /*margin: 0px !important;*/


        float: right;
        background: none !important;
        padding: 0px 60px 0px 0px;
        display: none;
        margin: -135px 0px 20px 0px;
    }
    .breadcrumb-links {
        /*color: #ffba00;*/
        color:#000000;
        text-decoration: none;
        transition: all 0.6s ease-in-out;
        outline: 0;
    }
    .breadcrumb-links:hover {
        color: #ffffff !important;
        text-decoration: none !important;
        transition: all 0.6s ease-in-out;
        outline: 0 !important;
    }
     /*.subpage-title-align {
        padding: 140px 0px 70px 60px;               
    }*/
    .subpage-title {
        /*font-weight: bold;*/
        /*font-size: 36px;*/
        /*color: #ffffff;*/   
        /*margin: 0px 0px 20px 0px;*/     
        
        
        font-weight: bold;
        font-size: 36px;
        color: #ffffff;
        margin: -130px 0px 20px 0px;
        /*margin: -145px 0px 20px 0px;*/
        padding: 0px 0px 0px 60px;
                     
    }
    .subpage-title-border {
         /*border-bottom: 6px solid #69c0af;*/
        border-bottom: 6px solid #ffba00 !important;
        padding-bottom: 10px;
    }
    .scrollup {
        position: fixed;
        right: 5px;
        bottom: 25px;
        color: #3f7369  !important;
        background-color: #69c0af !important;
        border: 2px solid #3f7369 ;     
        width: 40px;
        height: 40px;
        text-align: center;
        padding: 9px 0px 0px 0px;
        z-index: 2000;
        font-size: 18px;
        line-height: 1;      
        transition: all 0.4s ease-in-out;
        border-radius: 100% !important;
    }
    .scrollup:hover {
        background-color: #ffffff  !important;
        border: 2px solid #d64d19;       
        color: #d64d19   !important;
        transition: all .6s ease-in-out;
    }

     /*slider css*/
     /*.carousel-control.left {
        background-repeat: repeat-x;
        background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    }
    .carousel-control.right {
        right: 0;
        left: auto;
        background-repeat: repeat-x;
        background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    }
    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 15%;
        font-size: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        filter: alpha(opacity=50);
        opacity: .5;
    }*/
    .carousel-indicators .active {
        width: 15px;
        height: 15px;
        margin: 0;
        background-color: #69c0af;
    }
    .carousel-indicators li {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0px;
        text-indent: -1999px;
        cursor: pointer;
        background-color: rgba(0,0,0,0);
        border: 1px solid #fff;
        border-radius: 10px;
    }

    /*subpages css start from here*/
    .common-pad-forall {
        padding: 50px 45px 50px 45px;
    }
    .sp-oprofilediv-01 {
        /*padding: 0px 25px 0px 0px;*/
        padding: 0px 50px 0px 50px;
    }
    .sp-oprofilediv-02 {
        /*padding: 0px 0px 0px 25px;*/
        padding: 0px 0px 0px 0px;
    }
    .sp-mailid {
        font-size: 16px;
        color: #a94442;
        text-decoration: none !important;
    }
    .sp-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .sp-mailid:focus {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .testimonials-head {
        /*font-size: 28px;*/
        font-size: 35px;
        color: #69c0af;
        font-family: 'Technical';
        font-weight: bold;
    }
    .testimonials-text {
        /*text-align: left;*/
        text-align: justify;
        padding: 30px 15px 20px 15px;
        border-bottom: 1px dashed #d5cdcd;
    }
    .sp-exambox-title-01 {
        color: #3f7369; 
        font-size: 24px;
    }
    .sp-exambox-title-02 {
        color: #ffba00; 
        font-size: 24px;
    }
    .sp-exambox-title-03 {
        color: #000000; 
        font-size: 24px;
    }

    .sp-colorbox {
        /*padding: 0px 100px 0px 100px !important;*/
        padding: 0px 0px 0px 0px !important;
    }

    .sp-exambox-01 {
        background-color: #69c0af;
        text-align: center;
        color: #ffffff;
        height: 360px;
        /*height: 330px;*/
        padding: 30px 0px 30px 0px;
    }
    .sp-exambox-02 {
        background-color: #426581;
        text-align: center;
        color: #ffffff;
        height: 360px;
        /*height: 330px;*/
        padding: 30px 0px 30px 0px;
    }
    .sp-exambox-03 {
        background-color: #d64d19;      
        text-align: center;
        color: #ffffff;
        height: 360px;
        /*height: 330px;*/
        padding: 30px 0px 30px 0px;
    }
    .f-mailid {
        font-size: 16px; 
        color: #ffffff;
        text-decoration: none !important;
    }
    .f-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .f-mailid:focus {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }



}

@media only screen and (min-width:480px) and (max-width:639px) {


    .certificate-img {
        max-width: 800px;
        width: 100%;
        /*height: 1164px;*/
        height: auto;
    }
    .certificate-align {
        padding: 0px;
        text-align: left;
    }
    .certificate-title {
        color: #426581;
        font-weight: bold;
        font-size: 16px;       
        line-height: 30px;
        text-transform: uppercase;
        margin: 0px 0px 0px 0px;
    }
    .certificate-title:hover {
            color: #ffba00  !important;
            outline:none !important;
            text-decoration: none !important;
            transition: all .5s ease-in-out !important;
     }
    .certificate-title:focus {
            color: #ffba00  !important;
            outline:none !important;
            text-decoration: none !important;
            transition: all .5s ease-in-out !important;
     }


    .styudyvideos-title-01 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-02 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-03 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-04 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-05 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-06 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-07 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
     /*.styudyvideos-title {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px;
        line-height: 32px;
    }*/
    .studyvideos {
       /*width:460px;*/
        width:100%;
       height:315px;
       padding:0px 0px 0px 0px;
    }

    .clientphoto {
        text-align: -webkit-center; 
        padding: 0px 0px 0px 0px;
    }
    .female-img {
        height:auto;
        max-width:420px;
        width:100%;
    }
    /*slider css*/
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform 1.0s ease-in-out !important;
        -o-transition: -o-transform 1.0s ease-in-out !important;
        transition: transform 1.0s ease-in-out !important;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
    }
    .carousel-indicators .active {
        width: 15px;
        height: 15px;
        margin: 0;
        background-color: #69c0af;
    }
    .carousel-indicators li {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0px;
        text-indent: -1999px;
        cursor: pointer;
        background-color: rgba(0,0,0,0);
        border: 1.4px solid #69c0af !important;
        border-radius: 10px;
    }
    .carousel-control.left {
        padding-top: 250px;
        background-repeat: repeat-x;
        /*background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);*/
        height: 515px;
        background-image:none !important;
    }
    .carousel-control.right {
        padding-top: 250px;
        right: 0;
        left: auto;
        background-repeat: repeat-x;
        /*background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);*/
        height: 515px;
       
        background-image:none !important;
    }
    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        /*width: 15%;*/
        width: 6%;
        font-size: 20px;
        color: #69c0af !important;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        filter: alpha(opacity=50);
        opacity: .5;
    }
    .home-storysuccess-bg {
       background-image: url(../Images/back-happy-students.png);      
        /*height: 570px;*/
        padding-top: 285px;
        background-repeat:no-repeat;
        background-position: bottom;
        background-size: 270px 270px;
    }
    .our-hppystud-align {
        padding: 30px 0px 60px 0px;
        margin:0px;
    } 
     .testimonials-left {
        /*padding: 0px 0px 0px 15px;*/ 
        padding: 0px;   
    }
    .testimonials-right {
        /*padding: 0px 15px 0px 0px;*/     
        padding: 0px;    
    }



    




    .h-socialicons {
        max-width: 37px;
        width: 100%;
        height: auto;
    }   
    .h-logoimg-div {
        display: flex;
        padding: 0px 0px 0px 60px;
        /*padding: 0px 0px 0px 140px;*/
    } 
    .h-logoimg {
        max-width: 86px;
        height: auto;
        width: 100%;
    }
    .h-logoalign {
        /*padding: 20px 0px 0px 0px;*/
        padding: 30px 0px 0px 0px;
    }
    .h-sitenamealign {
        /*padding: 30px 20px 0px 25px;*/
        padding: 40px 20px 0px 25px;
    }
    .h-sitename-01 {
        color: #d64d19;
        font-size: 35px;
        font-family: SerpentineDBol;
    }
    .h-sitename-02 {
        color: #426581;
        font-size: 17px;
        font-family: Lato-Regular;
        font-weight: bold;
    }
    .h-mailphone-div {
        /*padding: 35px 0px 25px 0px;*/
        padding: 35px 75px 25px 75px;
        text-align: left;      
    }  
    .h-mailid {
        font-size: 16px; 
        color: #999999;
        text-decoration: none !important;
    }
    .h-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .h-mailid:focus {
         color:#ffba00; 
         text-decoration:none;      
         transition: .8s all ease-in-out;
    }
    .h-socialmedia-div {
        padding: 0px 20px 0px 0px;
        margin: -215px 0px 0px 0px;
    }
    .h-socialmedia-ul {         
        list-style-type: none;
        display: flex;
        float: right;    
    }
    .h-socialmedia-li {     
        padding: 0px 0px 0px 10px
    }
    .banarslider {
        padding: 0;
        z-index: -1;
    }
    .h_navbar_first {
        padding: 0px;
        margin: 0px; 
        /*margin: 0px 0px -62px 0px;*/  
    }
     /*.h_navbar_Second {
        border-radius: 0px !important;      
        height: 70px !important; 
        background: rgba(000,0,0,0.6);         
        padding: 0px 80px 0px 80px !important;             
        border: none !important;
        margin: 0px;
    }*/
    .h_navbar_ullist {
        /*padding: 10px 0px 10px 0px;*/
        padding: 0px 0px 0px 0px;
        /*background: rgba(000,0,0,0.6);*/
         border-top: 1px solid #000000 !important;
    }
    .navbar-inverse .h_navbar_ullist > .active > a {
        background-color: #69c0af !important;
        color: #000000 !important;
    }
    .navbar-nav > li > a {
        padding: 15px 20px 15px 20px !important;
        /* new css add */
        color: #ffffff !important;
        font-size: 17px;
        outline: 0;
        transition: all 0.6s ease-in-out;
    }
    .navbar-nav > li > a:hover {
        color: #000 !important;
        padding: 10px 12px 10px 12px;
        background-color: #69c0af !important;
        transition: all 0.6s ease-in-out;
    }  
    /*responsive css for navbar button */
    .h_navbar_Second {            
        padding: 0px;     
        margin: 0px 0px 0px 0px;
        border-radius: 0px !important;
        border: none !important;
        /*background: rgba(000,0,0,0.6);*/ 
        /*height: 62px;*/ 
        background-color: #426581  !important;
    }
    .navbar-header {
        float: none !important;      
        padding: 5px 20px 5px 20px;
        border: none;
    }
    .navbar-collapse.collapse {
        display: none!important;
        height: auto!important;
        overflow: visible!important;
        visibility: visible !important;
    }
    .navbar-toggle {
        margin: 8px;
        position: relative;
        float: left !important;
        padding: 10px 12px !important;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        display: block;
        background-color: #69c0af;
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #3f7369;
    }
    .navbar-nav {
        position: relative !important;
        display: block !important;
        float: none !important;
        margin: 0px;
    }
    .collapse.in {
        display: block !important;
        visibility: visible !important;
        height: auto!important;      
    }
    .navbar-nav > li {
        position: relative !important;
        display: block !important;
        float: none !important;        
        border-bottom: 1px solid #000000 !important;      
    }
    .navbar-nav > li > a {
        padding: 15px 20px 15px 20px !important;
     }    
     /* dropdown css*/
     /*.dropdown:hover > .dropdown-menu {
        display: block;       
    }
    .dropdown > .dropdown-toggle:active {
        pointer-events: none;         
    }  
    .dropdown-menu {   
        padding: 0px !important;      
        top: 50px !important;       
    }
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        background-color: #00aab3 !important;
        color: #000000 !important;

     }   
    .ddd > li {
        border-bottom: 1px solid #42b3c1;
    }
    .h_navbar_ullist > li > .ddd > li > a:hover {
        color: #000 !important;
        padding: 10px 10px 10px 12px;
        background-color: #f6bb19 !important;
        transition: all 0.6s ease-in-out;
    }
    .h_navbar_ullist > li > .ddd > li > a {
        color: #fff !important;
        padding: 10px 12px 10px 12px !important;
        font-size: 16px !important;
        font-family: Calibri !important;
        outline: 0 !important;
        transition: all 0.6s ease-in-out;
    }*/

     /* Modal Css */
     /*.M-backdrop {
        background-color: rgba(0, 0, 0, 0.5) !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        height: 750px !important;
        z-index: 1040 !important;
    }
    .M-title {
        color: #fff;
        padding: 10px 0px 10px 25px;
    }
    .M-closeheader {
        margin-top: -60px !important;
    }
    .scrollbar {
        float: left;  
        width: 100%;
        background: #ffffff !important;
        overflow-y: scroll;
        margin-bottom: 25px;
    }
    .M-body {
        color: #0A72BF !important;
        text-align: justify;
        padding: 25px 40px 15px 40px !important;
    }
    .M-closefooter {
        background-color: #e5e5e5 !important; 
        color: #666666 !important;    
        border-radius: 0px !important;
        border: none !important;
    }*/

    .back-orangimg {             
         background-image: url(../Images/back-bar-orange.jpg);
         height: 10px;       
    }
    .about-us-align {
        padding: 50px 30px 0px 30px;
        /*padding: 50px 20px 0px 30px;*/
    }
    .orange-title-big {
        font-size: 35px;
        color: #d64d19;
        font-weight: bold;
    }
    .orange-title-small {
        color: #d64d19;
        font-weight: bold;
        font-size: 24px;
    }
    .blue-title-big {
        font-size: 35px;
        color: #426581;
        font-weight: bold;
    }
    .blue-title-small {
        font-size: 24px;
        color: #426581;
        font-weight: bold;
        line-height: 40px;
    }
    .green-name {
        color: #69c0af;
        font-weight: bold;
        font-size: 24px;
        line-height: 50px;
    }
    .JTE-Common-Ulist {
        line-height: 30px;
        padding-left: 20px;
        text-align: left;
        text-transform: none;
    }
    .green-text-leader {
        color: #69c0af;
        font-size: 34px;
        text-align: center;
    }

    /**************************************************/

    .readmorebtn {
        background-color: #69c0af  !important;
        color: #3f7369 !important;
        padding: 14px 10px 14px 10px !important;
        height: 50px !important;
        width: 200px !important;
        border-radius: 0px !important;
        position: relative !important;
        font-size: 15px !important;
        text-align: center !important;
        /*border: none !important;*/
        font-weight: bold !important;
        border: 1px solid #69c0af !important;
    }
    .readmorebtn:hover {
            background-color: #ffffff  !important;
            color: #69c0af !important;
            text-decoration: none;
            transition: all .5s ease-in-out;
            font-weight: bold !important;
            border: 1px solid #69c0af !important;
        }
    .redmorebtn_align {    
        padding: 0px 0px 0px 0px;
        float: right;
    }
    .h-graybox-div-01 {      
        /*padding: 0px 25px 0px 25px;*/       
        /*margin-top: -100px;*/
        padding: 0px 45px 60px 45px;
    }
    .h-graybox-div-02 {
        background-color: #426581;
        /*padding: 65px 0px 50px 0px;*/
        padding: 65px 25px 50px 25px;
        /*height: 985px;*/
        height: auto;
    }
    .preparing-stud {
        font-weight: bold;
        font-family: Technical;
        line-height: 50px;
        text-align: center;
        color: #ffba00;
        font-size: 32px;
    }
    .boost-prolevel {
        color: #69c0af;
        font-size: 34px;
        font-family: Technical;
        text-align: center;
        font-weight: bold;
        line-height: 50px;
    }
    .join-japanese-lang {
        color: #ffffff;
        font-size: 24px;
        font-family: Technical;
        text-align: center;
        font-weight: bold;
        line-height: 50px;
    }
    .back-aboutus-green {             
         background-image: url(../Images/about-us-back-green.jpg);
         /*height: 570px;*/
         height: auto;
    }
    .greenpatch-div-01 {
        /*padding: 70px 15px 0px 15px;*/
        padding: 40px 15px 0px 15px;
    }
    .greenpatch-div-02 {
        /*padding: 50px 15px 50px 15px;*/
        padding: 20px 15px 50px 15px;
    }
    .tech-strategies-title {
        color: #3f7369;
        font-weight: bold;
        font-size: 21px;
        /*text-align: left;*/
    }
    .tech-strategies-info {
        font-size: 16px;
        color: #ffffff;
        /*text-align: left;*/
    } 
    .tech-stgs-info-align {
        /*padding: 50px 15px 0px 15px;*/ 
        padding: 50px 25px 0px 25px;
        text-align: center;    
    }
    .ourservices-heading {
        padding: 50px 45px 50px 45px;
    }
    .ourservices_imgs {
        max-width: 400px;
        width: 100%;
        height: auto;
    }
    .ourservices-div-01 {
        padding: 0px 45px 50px 45px;
        /*padding: 0px 0px 0px 45px;*/
    }
    .ourservices-div-21 {
         /*padding: 0px 45px 0px 30px;*/
         padding: 0px 45px 0px 45px;
    }
    .ourservices-div-22 {
         /*padding: 0px 45px 30px 30px;*/
         padding: 0px 45px 0px 45px;
    }
    .ourservices-div-23 {
         /*padding: 0px 45px 45px 30px;*/
         padding: 0px 45px 0px 45px;        
    }
     .ourservices-div-24 {        
         padding: 0px 45px 0px 45px;
    }
    .JTE-orange-courses {
         background-image: url(../Images/back-orange-courses.jpg);      
         /*height: 580px;*/       
         height: auto;
         padding:0px;     
    }
    .JTE-coursesbox-01 {
        padding: 70px 60px 0px 60px;
    }
    .JTE-coursesbox-02 {
         background-image: url(../Images/back-gray-courses-01.png);
         height: auto;
         /*height: 580px;*/ 
         padding: 70px 60px 0px 60px;   
    }
    .JTE-coursesbox-03 {
         background-image: url(../Images/back-gray-courses-02.png);
         height: auto;
         /*height: 580px;*/   
         padding: 70px 60px 0px 60px;
    }
    .JTE-titles {
        color: #69c0af;
        font-size: 29px;
        font-weight: bold;
        text-align: left;
        line-height: 40px;
    }
    .JTE-Text {
        color: #ffffff;
        /*text-align: justify;*/
        text-align: left;
    }
    .back-happy-studs {
         background-image: url(../Images/back-happy-students-01.png);
         /*height: 1000px;*/
         /*height: 965px;*/
         padding:0px;  
    }
    .hppy-stud-div-01 {
        padding: 0px 60px 0px 60px;
        text-align: -webkit-center;
    }
    .hppy-stud-div-02 {
        /*padding: 0px 60px 0px 60px;*/
        padding: 0px 0px 0px 0px;
        text-align: center;      
    }
    .hppy-stud-imgs {
        max-width: 378px;
        /*width: 100%;*/
        width: 70%;
        height: auto;
    }
    .hppy-stud-info {
        color: #000000;
        font-weight: bold;
        padding: 0px 55px 0px 55px;
    }
    .back-highlight {      
        height: 1400px;
        /*height: 780px;*/
        padding: 0px;
        background-image: url(../Images/back-highlights.jpg);
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-attachment: fixed !important;
    }
    .true-educations {
        color: #ffffff;
        font-size: 29px;
        font-family: Technical;
        font-weight: bold;
        text-align: center;
        float: left;
        padding: 60px 60px 60px 60px;
        margin: 0px;
        line-height: 40px;
    }  
    .yearexp-shadow {
        /*height: 250px;*/
        height: auto;
        background: rgba(000,0,0,0.5);
        margin-top: 0px;
        padding: 0px;
    }
    .yearexp-div {
        padding: 60px 0px 60px 0px;
    }
    .yearexp-text {
        color: #69c0af;
        font-size: 50px;
        text-align: center;
        line-height: 50px;
        border-right: 1px solid #aa9e93;
        font-weight: bold;
        margin: 0px;
    }
    .yearexp-span {
        font-size: 21px;
        color: #ffffff;
    }
    .back-footer {
         background-image: url(../Images/back-footer.jpg);
         /*height: 700px;*/ 
         height: auto;
         padding:0px;    
    }
    .f-socialicons {       
        max-width: 47px;
        width: 100%;
        height: auto;
    }
    .f-title-01 {
        padding: 70px 0px 35px 0px;
    }
    .f-title-02 {
        padding: 70px 0px 20px 0px;
    }
    .f-title-03 {
        /*padding: 130px 0px 0px 0px;*/
        border-top: 1px solid #515457;
        padding: 0px 0px 0px 0px;
    }
    .f-title-04 {
        padding: 70px 0px 20px 0px;
    }
    .f-formalign {
        padding: 0px 0px 12px 0px;
    }
    .form-control {
        display: block;
        width: 100%;
        height: 35px !important;
        padding: 8px 15px !important;
        font-size: 16px !important;
        line-height: 1.42857143 !important;
        color: #ffffff !important;
        background-color: #565759 !important;
        background-image: none;
        border:none;
        /*border: 0.5px solid #757575 !important;*/
        border-radius: 0px !important;
        margin-bottom: 0px !important;
    }
    .starsign {
        position: absolute;     
        /*margin: -45px 0px 0px 265px;*/
        margin: -45px 0px 0px 360px;
    }
    .captchaimg {
        height: 36px !important;
        width: 100% !important;
    }
    .btnsend {
        background-color: #2b2d2f;
        text-align: left;
        padding: 5px 15px 5px 15px;
        border: none;
        border-radius: 0px;
        color: #999999;
        font-size: 16px;
        width: 100% !important;
        height: 40px !important;
    }
    .btnsend:hover {
            background-color: #ffba00 !important;
            color: #000 !important;
            transition: .8s all ease-in-out;
        }
    .f-links {
        /*color: #999999;*/
        color: #ffffff;
        font-size: 16px;
    }
    .f-links:hover {
        text-decoration:none;
        color: #ffba00;
        transition: .8s all ease-in-out;
    }
    .f-links:focus {
        text-decoration:none;
        color: #ffba00;
        transition: .8s all ease-in-out;
    }
    .f-links-border {
        border-bottom: 1px solid #515457;      
        padding: 5px 0px 5px 0px;
    }
    .f-socialmedia-ul {
        list-style-type: none;
        display: flex;           
        padding: 80px 0px 0px 40px;
    }
    .f-socialmedia-li {
        padding: 0px 5px 0px 5px;
    }
    .f-colume-01 {
        /*padding: 0px 15px 0px 60px;*/
        padding: 0px 60px 0px 60px;
    }
    .f-colume-02 {
        padding: 0px 45px 0px 45px;
        /*padding: 0px 30px 20px 30px;*/
    }
    .f-colume-03 {
        /*padding: 0px 60px 80px 15px;*/
        padding: 0px 60px 0px 60px;
    }
    .f-contacttext-01 {
        font-size: 16px;
        /*color: #999999;*/
        color: #ffffff;
        padding: 0px 0px 15px 0px;
        margin: 0px;
    }
    .f-contacttext-02 {
        font-size: 16px;
        /*color: #999999;*/
        color: #ffffff;
        padding: 15px 0px 15px 0px;
        margin: 0px;
    }
    .back-footer-black {
         background-image: url(../Images/back-footer-black.png);
          height: auto;          
    }
    .breadcrumb-bgimg {
        max-width: 1920px;
        width: 100%;
        /*height: 300px;*/
        height: 200px;
    }
     /*.breadcrumb-bg {
        background-image: url(../Images/back-inner-1.jpg);       
        padding: 0px;
    }*/    
    .breadcrumb {
        /*float: right !important;*/
        /*background: none !important;*/      
        /*padding: 150px 60px 80px 0px;*/
        /*margin: 0px !important;*/


        float: right;
        background: none !important;
        padding: 0px 60px 0px 0px;
        display: none;
        margin: -135px 0px 20px 0px;
    }
    .breadcrumb-links {
       /*color: #ffba00;*/
        color:#000000;
        text-decoration: none;
        transition: all 0.6s ease-in-out;
        outline: 0;
    }
    .breadcrumb-links:hover {
        color: #ffffff !important;
        text-decoration: none !important;
        transition: all 0.6s ease-in-out;
        outline: 0 !important;
    }
     /*.subpage-title-align {
        padding: 140px 0px 70px 60px;               
    }*/
    .subpage-title {
        /*font-weight: bold;*/
        /*font-size: 36px;*/
        /*color: #ffffff;*/   
        /*margin: 0px 0px 20px 0px;*/     
        
        
        font-weight: bold;
        font-size: 36px;
        color: #ffffff;
        margin: -130px 0px 20px 0px;
        /*margin: -145px 0px 20px 0px;*/
        padding: 0px 0px 0px 60px;
                     
    }
    .subpage-title-border {
        /*border-bottom: 6px solid #69c0af;*/
        border-bottom: 6px solid #ffba00 !important;
        padding-bottom: 10px;
    }
    .scrollup {
        position: fixed;
        right: 5px;
        bottom: 25px;
        color: #3f7369  !important;
        background-color: #69c0af !important;
        border: 2px solid #3f7369 ;     
        width: 40px;
        height: 40px;
        text-align: center;
        padding: 9px 0px 0px 0px;
        z-index: 2000;
        font-size: 18px;
        line-height: 1;      
        transition: all 0.4s ease-in-out;
        border-radius: 100% !important;
    }
    .scrollup:hover {
        background-color: #ffffff  !important;
        border: 2px solid #d64d19;       
        color: #d64d19   !important;
        transition: all .6s ease-in-out;
    }

     /*slider css*/
     /*.carousel-control.left {
        background-repeat: repeat-x;
        background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    }
    .carousel-control.right {
        right: 0;
        left: auto;
        background-repeat: repeat-x;
        background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    }
    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 15%;
        font-size: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        filter: alpha(opacity=50);
        opacity: .5;
    }*/
    .carousel-indicators .active {
        width: 15px;
        height: 15px;
        margin: 0;
        background-color: #69c0af;
    }
    .carousel-indicators li {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0px;
        text-indent: -1999px;
        cursor: pointer;
        background-color: rgba(0,0,0,0);
        border: 1px solid #fff;
        border-radius: 10px;
    }

    /*subpages css start from here*/
    .common-pad-forall {
        padding: 50px 45px 50px 45px;
    }
    .sp-oprofilediv-01 {
        /*padding: 0px 50px 0px 50px;*/
        padding: 0px 0px 0px 0px;
    }
    .sp-oprofilediv-02 {
        /*padding: 0px 0px 0px 25px;*/
        padding: 0px 0px 0px 0px;
    }
    .sp-mailid {
        font-size: 16px;
        color: #a94442;
        text-decoration: none !important;
    }
    .sp-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .sp-mailid:focus {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .testimonials-head {
        /*font-size: 28px;*/
        font-size: 35px;
        color: #69c0af;
        font-family: 'Technical';
        font-weight: bold;
    }
    .testimonials-text {
        /*text-align: left;*/
        text-align: justify;
        padding: 30px 15px 20px 15px;
        border-bottom: 1px dashed #d5cdcd;
    }
    .sp-exambox-title-01 {
        color: #3f7369; 
        font-size: 24px;
    }
    .sp-exambox-title-02 {
        color: #ffba00; 
        font-size: 24px;
    }
    .sp-exambox-title-03 {
        color: #000000; 
        font-size: 24px;
    }

    .sp-colorbox {
        /*padding: 0px 100px 0px 100px !important;*/
        padding: 0px 0px 0px 0px !important;
    }

    .sp-exambox-01 {
        background-color: #69c0af;
        text-align: center;
        color: #ffffff;
        height: 360px;
        /*height: 330px;*/
        padding: 30px 0px 30px 0px;
    }
    .sp-exambox-02 {
        background-color: #426581;
        text-align: center;
        color: #ffffff;
        height: 360px;
        /*height: 330px;*/
        padding: 30px 0px 30px 0px;
    }
    .sp-exambox-03 {
        background-color: #d64d19;      
        text-align: center;
        color: #ffffff;
        height: 360px;
        /*height: 330px;*/
        padding: 30px 0px 30px 0px;
    }
    .f-mailid {
        font-size: 16px; 
        color: #ffffff;
        text-decoration: none !important;
    }
    .f-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .f-mailid:focus {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }



}

@media only screen and (min-width:360px) and (max-width:479px) {

    .certificate-img {
        max-width: 800px;
        width: 100%;
        /*height: 1164px;*/
        height: auto;
    }
    .certificate-align {
        padding: 0px;
        text-align: left;
    }
    .certificate-title {
        color: #426581;
        font-weight: bold;
        font-size: 16px;       
        line-height: 30px;
        text-transform: uppercase;
        margin: 0px 0px 0px 0px;
    }
    .certificate-title:hover {
            color: #ffba00  !important;
            outline:none !important;
            text-decoration: none !important;
            transition: all .5s ease-in-out !important;
     }
    .certificate-title:focus {
            color: #ffba00  !important;
            outline:none !important;
            text-decoration: none !important;
            transition: all .5s ease-in-out !important;
     }


    .styudyvideos-title-01 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-02 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-03 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-04 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-05 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-06 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-07 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
     /*.styudyvideos-title {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px;
        line-height: 32px;
        text-align: left;
    }*/
    .studyvideos {
       /*width:460px;*/
        width:100%;
       height:215px;
       padding:0px 0px 0px 0px;
    }

    .clientphoto {
        text-align: -webkit-center; 
        padding: 0px 0px 0px 0px;
    }
    .female-img {
        height:auto;
        max-width:420px;
        width:100%;
    }
    /*slider css*/
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform 1.0s ease-in-out !important;
        -o-transition: -o-transform 1.0s ease-in-out !important;
        transition: transform 1.0s ease-in-out !important;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
    }
    .carousel-indicators .active {
        width: 15px;
        height: 15px;
        margin: 0;
        background-color: #69c0af;
    }
    .carousel-indicators li {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0px;
        text-indent: -1999px;
        cursor: pointer;
        background-color: rgba(0,0,0,0);
        border: 1.4px solid #69c0af !important;
        border-radius: 10px;
    }
    .carousel-control.left {
        padding-top: 360px;
        background-repeat: repeat-x;
        /*background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);*/
        height: 515px;
        background-image:none !important;
    }
    .carousel-control.right {
        padding-top: 360px;
        right: 0;
        left: auto;
        background-repeat: repeat-x;
        /*background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);*/
        height: 515px;
       
        background-image:none !important;
    }
    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        /*width: 15%;*/
        width: 6%;
        font-size: 20px;
        color: #69c0af !important;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        filter: alpha(opacity=50);
        opacity: .5;
    }
    .home-storysuccess-bg {
       background-image: url(../Images/back-happy-students.png);      
        /*height: 570px;*/
        padding-top: 245px;
        background-repeat:no-repeat;
        background-position: bottom;
        background-size: 230px 230px;
    }
    .our-hppystud-align {
        padding: 30px 0px 60px 0px;
        margin:0px;
        /*font-size: 30px !important;*/
    } 
     .testimonials-left {
        /*padding: 0px 0px 0px 15px;*/ 
        padding: 0px;        
    }
    .testimonials-right {
        /*padding: 0px 15px 0px 0px;*/     
        padding: 0px;    
    }







    
    .h-socialicons {
        max-width: 32px;
        width: 100%;
        height: auto;
    }   
    .h-logoimg-div {
        padding: 0px 0px 0px 0px;
        text-align: -webkit-center;          
    } 
    .h-logoimg {
        max-width: 86px;
        height: auto;
        width: 100%;
    }
    .h-logoalign {
        /*padding: 20px 0px 0px 0px;*/
        padding: 50px 0px 0px 0px;
    }
    .h-sitenamealign {
        padding: 15px 0px 0px 0px;
        /*padding: 40px 20px 0px 25px;*/
    }
    .h-sitename-01 {
        color: #d64d19;
        font-size: 35px;
        font-family: SerpentineDBol;
    }
    .h-sitename-02 {
        color: #426581;
        font-size: 17px;
        font-family: Lato-Regular;
        font-weight: bold;
    }
    .h-mailphone-div {
        /*padding: 35px 0px 25px 0px;*/
        padding: 35px 30px 35px 30px;
        text-align: left;
    }  
    .h-mailid {
        font-size: 16px; 
        color: #999999;
        text-decoration: none !important;
    }
    .h-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .h-mailid:focus {
         color:#ffba00; 
         text-decoration:none;      
         transition: .8s all ease-in-out;
    }
    .h-socialmedia-div {
        padding: 0px 20px 0px 0px;
        margin: -160px 0px 0px 0px;
    }
    .h-socialmedia-ul {         
        list-style-type: none;
        display: flex;
        float: right;    
    }
    .h-socialmedia-li {     
        padding: 0px 0px 0px 10px
    }
    .banarslider {
        padding: 0;
        z-index: -1;
    }
    .h_navbar_first {
        padding: 0px;
        margin: 0px;  
        /*margin: 0px 0px -62px 0px;*/  
    }
     /*.h_navbar_Second {
        border-radius: 0px !important;      
        height: 70px !important; 
        background: rgba(000,0,0,0.6);         
        padding: 0px 80px 0px 80px !important;             
        border: none !important;
        margin: 0px;
    }*/
    .h_navbar_ullist {
        /*padding: 10px 0px 10px 0px;*/
        padding: 0px 0px 0px 0px;
        /*background: rgba(000,0,0,0.6);*/
         border-top: 1px solid #000000 !important;
    }
    .navbar-inverse .h_navbar_ullist > .active > a {
        background-color: #69c0af !important;
        color: #000000 !important;
    }
    .navbar-nav > li > a {
        padding: 15px 20px 15px 20px !important;
        /* new css add */
        color: #ffffff !important;
        font-size: 17px;
        outline: 0;
        transition: all 0.6s ease-in-out;
    }
    .navbar-nav > li > a:hover {
        color: #000 !important;
        padding: 10px 12px 10px 12px;
        background-color: #69c0af !important;
        transition: all 0.6s ease-in-out;
    }  
    /*responsive css for navbar button */
    .h_navbar_Second {            
        padding: 0px;     
        margin: 0px 0px 0px 0px;
        border-radius: 0px !important;
        border: none !important;
        /*background: rgba(000,0,0,0.6);*/ 
        /*height: 62px;*/ 
        background-color: #426581  !important;
    }
    .navbar-header {
        float: none !important;      
        padding: 5px 20px 5px 20px;
        border: none;
    }
    .navbar-collapse.collapse {
        display: none!important;
        height: auto!important;
        overflow: visible!important;
        visibility: visible !important;
    }
    .navbar-toggle {
        margin: 8px;
        position: relative;
        float: left !important;
        padding: 10px 12px !important;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        display: block;
        background-color: #69c0af;
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #3f7369;
    }
    .navbar-nav {
        position: relative !important;
        display: block !important;
        float: none !important;
        margin: 0px;
    }
    .collapse.in {
        display: block !important;
        visibility: visible !important;
        height: auto!important;      
    }
    .navbar-nav > li {
        position: relative !important;
        display: block !important;
        float: none !important;        
        border-bottom: 1px solid #000000 !important;      
    }
    .navbar-nav > li > a {
        padding: 15px 20px 15px 20px !important;
     }    
     /* dropdown css*/
     /*.dropdown:hover > .dropdown-menu {
        display: block;       
    }
    .dropdown > .dropdown-toggle:active {
        pointer-events: none;         
    }  
    .dropdown-menu {   
        padding: 0px !important;      
        top: 50px !important;       
    }
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        background-color: #00aab3 !important;
        color: #000000 !important;

     }   
    .ddd > li {
        border-bottom: 1px solid #42b3c1;
    }
    .h_navbar_ullist > li > .ddd > li > a:hover {
        color: #000 !important;
        padding: 10px 10px 10px 12px;
        background-color: #f6bb19 !important;
        transition: all 0.6s ease-in-out;
    }
    .h_navbar_ullist > li > .ddd > li > a {
        color: #fff !important;
        padding: 10px 12px 10px 12px !important;
        font-size: 16px !important;
        font-family: Calibri !important;
        outline: 0 !important;
        transition: all 0.6s ease-in-out;
    }*/

     /* Modal Css */
     /*.M-backdrop {
        background-color: rgba(0, 0, 0, 0.5) !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        height: 750px !important;
        z-index: 1040 !important;
    }
    .M-title {
        color: #fff;
        padding: 10px 0px 10px 25px;
    }
    .M-closeheader {
        margin-top: -60px !important;
    }
    .scrollbar {
        float: left;  
        width: 100%;
        background: #ffffff !important;
        overflow-y: scroll;
        margin-bottom: 25px;
    }
    .M-body {
        color: #0A72BF !important;
        text-align: justify;
        padding: 25px 40px 15px 40px !important;
    }
    .M-closefooter {
        background-color: #e5e5e5 !important; 
        color: #666666 !important;    
        border-radius: 0px !important;
        border: none !important;
    }*/

    .back-orangimg {             
         background-image: url(../Images/back-bar-orange.jpg);
         height: 10px;       
    }
    .about-us-align {
        /*padding: 50px 30px 0px 30px;*/
        padding: 50px 0px 0px 0px;
    }
    .orange-title-big {
        font-size: 35px;
        color: #d64d19;
        font-weight: bold;
        line-height: 50px;
    }
    .orange-title-small {
        color: #d64d19;
        font-weight: bold;
        font-size: 24px;
    }
    .blue-title-big {
        font-size: 35px;
        color: #426581;
        font-weight: bold;
    }
    .blue-title-small {
        font-size: 24px;
        color: #426581;
        font-weight: bold;
        line-height: 40px;
    }
    .green-name {
        color: #69c0af;
        font-weight: bold;
        font-size: 24px;
        line-height: 50px;
    }
    .JTE-Common-Ulist {
        line-height: 30px;
        padding-left: 20px;
        text-align: left;
        text-transform: none;
    }
    .green-text-leader {
        color: #69c0af;
        font-size: 34px;
        text-align: center;
    }

    /**************************************************/

    .readmorebtn {
        background-color: #69c0af  !important;
        color: #3f7369 !important;
        padding: 14px 10px 14px 10px !important;
        height: 50px !important;
        width: 200px !important;
        border-radius: 0px !important;
        position: relative !important;
        font-size: 15px !important;
        text-align: center !important;
        /*border: none !important;*/
        font-weight: bold !important;
        border: 1px solid #69c0af !important;
    }
    .readmorebtn:hover {
            background-color: #ffffff  !important;
            color: #69c0af !important;
            text-decoration: none;
            transition: all .5s ease-in-out;
            font-weight: bold !important;
            border: 1px solid #69c0af !important;
        }
    .redmorebtn_align {    
        padding: 0px 0px 0px 0px;
        float: right;
    }
    .h-graybox-div-01 {      
       padding: 0px 15px 60px 15px;
        /*padding: 0px 45px 60px 45px;*/
    }
    .h-graybox-div-02 {
        background-color: #426581;
        /*padding: 65px 0px 50px 0px;*/
        padding: 65px 25px 50px 25px;
        /*height: 985px;*/
        height: auto;
    }
    .preparing-stud {
        font-weight: bold;
        font-family: Technical;
        line-height: 50px;
        text-align: center;
        color: #ffba00;
        font-size: 32px;
    }
    .boost-prolevel {
        color: #69c0af;
        font-size: 34px;
        font-family: Technical;
        text-align: center;
        font-weight: bold;
        line-height: 50px;
    }
    .join-japanese-lang {
        color: #ffffff;
        font-size: 24px;
        font-family: Technical;
        text-align: center;
        font-weight: bold;
        line-height: 50px;
    }
    .back-aboutus-green {             
         background-image: url(../Images/about-us-back-green.jpg);
         /*height: 570px;*/
         height: auto;
    }
    .greenpatch-div-01 {
        /*padding: 70px 15px 0px 15px;*/
        padding: 40px 15px 0px 15px;
    }
    .greenpatch-div-02 {
        /*padding: 50px 15px 50px 15px;*/
        padding: 20px 15px 50px 15px;
    }
    .tech-strategies-title {
        color: #3f7369;
        font-weight: bold;
        font-size: 21px;
        /*text-align: left;*/
    }
    .tech-strategies-info {
        font-size: 16px;
        color: #ffffff;
        /*text-align: left;*/
    } 
    .tech-stgs-info-align {
        padding: 50px 0px 0px 0px;
        /*padding: 50px 25px 0px 25px;*/
        text-align: center;    
    }
    .ourservices-heading {
        /*padding: 50px 45px 50px 45px;*/
        padding: 50px 15px 50px 15px;
    }
    .ourservices_imgs {
        max-width: 400px;
        width: 100%;
        height: auto;
    }
    .ourservices-div-01 {
        /*padding: 0px 45px 50px 45px;*/
        padding: 0px 15px 50px 15px;
    }
    .ourservices-div-21 {
          padding: 0px 15px 0px 15px;
         /*padding: 0px 45px 0px 45px;*/
    }
    .ourservices-div-22 {
         padding: 0px 15px 0px 15px;
         /*padding: 0px 45px 0px 45px;*/
    }
    .ourservices-div-23 {
         padding: 0px 15px 0px 15px;
         /*padding: 0px 45px 0px 45px;*/        
    }
     .ourservices-div-24 {        
         padding: 0px 15px 0px 15px;
    }
    .JTE-orange-courses {
         background-image: url(../Images/back-orange-courses.jpg);      
         /*height: 580px;*/       
         height: auto;
         padding:0px;     
    }
    .JTE-coursesbox-01 {
        /*padding: 70px 60px 0px 60px;*/
        padding: 70px 30px 0px 30px;
    }
    .JTE-coursesbox-02 {
         background-image: url(../Images/back-gray-courses-01.png);
         height: auto;
         /*height: 580px;*/ 
         /*padding: 70px 60px 0px 60px;*/   
         padding: 70px 30px 0px 30px;
    }
    .JTE-coursesbox-03 {
         background-image: url(../Images/back-gray-courses-02.png);
         height: auto;
         /*height: 580px;*/   
         /*padding: 70px 60px 0px 60px;*/
         padding: 70px 30px 0px 30px;
    }
    .JTE-titles {
        color: #69c0af;
        font-size: 29px;
        font-weight: bold;
        text-align: left;
        line-height: 40px;
    }
    .JTE-Text {
        color: #ffffff;
        text-align: justify;
        /*text-align: left;*/
    }
    .back-happy-studs {
         background-image: url(../Images/back-happy-students-01.png);
          /*height: 1000px;*/
          
         /*height: 980px;*/
         padding:0px;  
    }
    .hppy-stud-div-01 {
        padding: 0px 30px 0px 30px;
        text-align: -webkit-center;
    }
    .hppy-stud-div-02 {
        /*padding: 0px 60px 0px 60px;*/
        padding: 0px 0px 0px 0px;
        text-align: center;      
    }
    .hppy-stud-imgs {
        /*max-width: 378px;*/
        max-width: 215px;
        width: 100%;
        height: auto;
    }
    .hppy-stud-info {
        color: #000000;
        font-weight: bold;
        /*padding: 0px 55px 0px 55px;*/
        padding: 0px 30px 0px 30px;
    }
    .back-highlight {      
        height: 1400px;
        /*height: 780px;*/
        padding: 0px;
        background-image: url(../Images/back-highlights.jpg);
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-attachment: fixed !important;
    }
    .true-educations {
        color: #ffffff;
        font-size: 29px;
        font-family: Technical;
        font-weight: bold;
        text-align: center;
        float: left;
        /*padding: 60px 60px 60px 60px;*/
        padding: 60px 30px 60px 30px;
        margin: 0px;
        line-height: 40px;
    }  
    .yearexp-shadow {
        /*height: 250px;*/
        height: auto;
        background: rgba(000,0,0,0.5);
        margin-top: 0px;
        padding: 0px;
    }
    .yearexp-div {
        padding: 60px 0px 60px 0px;
    }
    .yearexp-text {
        color: #69c0af;
        font-size: 50px;
        text-align: center;
        line-height: 50px;
        border-right: 1px solid #aa9e93;
        font-weight: bold;
        margin: 0px;
    }
    .yearexp-span {
        font-size: 21px;
        color: #ffffff;
    }
    .back-footer {
         background-image: url(../Images/back-footer.jpg);
         /*height: 700px;*/ 
         height: auto;
         padding:0px;    
    }
    .f-socialicons {       
        max-width: 47px;
        width: 100%;
        height: auto;
    }
    .f-title-01 {
        padding: 70px 0px 35px 0px;
    }
    .f-title-02 {
        padding: 70px 0px 20px 0px;
    }
    .f-title-03 {
        /*padding: 130px 0px 0px 0px;*/
        border-top: 1px solid #515457;
        padding: 0px 0px 0px 0px;
    }
    .f-title-04 {
        padding: 70px 0px 20px 0px;
    }
    .f-formalign {
        padding: 0px 0px 12px 0px;
    }
    .form-control {
        display: block;
        width: 100%;
        height: 35px !important;
        padding: 8px 15px !important;
        font-size: 16px !important;
        line-height: 1.42857143 !important;
        color: #ffffff !important;
        background-color: #565759 !important;
        background-image: none;
        border:none;
        /*border: 0.5px solid #757575 !important;*/
        border-radius: 0px !important;
        margin-bottom: 0px !important;
    }
    .starsign {
        position: absolute;     
        /*margin: -45px 0px 0px 265px;*/
        margin: -46px 0px 0px 301px;
    }
    .captchaimg {
        height: 36px !important;
        width: 100% !important;
    }
    .btnsend {
        background-color: #2b2d2f;
        text-align: left;
        padding: 5px 15px 5px 15px;
        border: none;
        border-radius: 0px;
        color: #999999;
        font-size: 16px;
        width: 100% !important;
        height: 40px !important;
    }
    .btnsend:hover {
            background-color: #ffba00 !important;
            color: #000 !important;
            transition: .8s all ease-in-out;
        }
    .f-links {
        /*color: #999999;*/
        color: #ffffff;
        font-size: 16px;
    }
    .f-links:hover {
        text-decoration:none;
        color: #ffba00;
        transition: .8s all ease-in-out;
    }
    .f-links:focus {
        text-decoration:none;
        color: #ffba00;
        transition: .8s all ease-in-out;
    }
    .f-links-border {
        border-bottom: 1px solid #515457;      
        padding: 5px 0px 5px 0px;
    }
    .f-socialmedia-ul {
        list-style-type: none;
        display: flex;           
        padding: 60px 0px 0px 10px;
    }
    .f-socialmedia-li {
        padding: 0px 5px 0px 5px;
    }
    .f-colume-01 {
        padding: 0px 30px 0px 30px;
        /*padding: 0px 60px 0px 60px;*/
    }
    .f-colume-02 {
        /*padding: 0px 45px 0px 45px;*/
       padding: 0px 15px 0px 15px;
    }
    .f-colume-03 {
       padding: 0px 30px 0px 30px;
        /*padding: 0px 60px 0px 60px;*/
    }
    .f-contacttext-01 {
        font-size: 16px;
        /*color: #999999;*/
        color: #ffffff;
        padding: 0px 0px 15px 0px;
        margin: 0px;
    }
    .f-contacttext-02 {
        font-size: 16px;
        /*color: #999999;*/
        color: #ffffff;
        padding: 15px 0px 15px 0px;
        margin: 0px;
    }
    .back-footer-black {
         background-image: url(../Images/back-footer-black.png);
          height: auto;          
    }
    .breadcrumb-bgimg {
        max-width: 1920px;
        width: 100%;
        height: 160px;
        /*height: 300px;*/
    }
     /*.breadcrumb-bg {
        background-image: url(../Images/back-inner-1.jpg);       
        padding: 0px;
    }*/    
    .breadcrumb {
        /*float: right !important;*/
        /*background: none !important;*/      
        /*padding: 150px 60px 80px 0px;*/
        /*margin: 0px !important;*/


        float: right;
        background: none !important;
        padding: 0px 60px 0px 0px;
        display: none;
        margin: -135px 0px 20px 0px;
    }
    .breadcrumb-links {
        /*color: #ffba00;*/
        color:#000000;
        text-decoration: none;
        transition: all 0.6s ease-in-out;
        outline: 0;
    }
    .breadcrumb-links:hover {
        color: #ffffff !important;
        text-decoration: none !important;
        transition: all 0.6s ease-in-out;
        outline: 0 !important;
    }
     /*.subpage-title-align {
        padding: 140px 0px 70px 60px;               
    }*/
    .subpage-title {
        /*font-weight: bold;*/
        /*font-size: 36px;*/
        /*color: #ffffff;*/   
        /*margin: 0px 0px 20px 0px;*/     
        
        
        font-weight: bold;
        /*font-size: 36px;*/
        font-size: 32px;
        color: #ffffff;
        margin: -130px 0px 20px 0px;      
        padding: 0px 0px 0px 30px;
        text-align: left;
        line-height: 70px;
                     
    }
    .subpage-title-border {
        /*border-bottom: 6px solid #69c0af;*/
        border-bottom: 6px solid #ffba00 !important;
        padding-bottom: 10px;
    }
    .scrollup {
        position: fixed;
        right: 5px;
        bottom: 25px;
        color: #3f7369  !important;
        background-color: #69c0af !important;
        border: 2px solid #3f7369 ;     
        width: 40px;
        height: 40px;
        text-align: center;
        padding: 9px 0px 0px 0px;
        z-index: 2000;
        font-size: 18px;
        line-height: 1;      
        transition: all 0.4s ease-in-out;
        border-radius: 100% !important;
    }
    .scrollup:hover {
        background-color: #ffffff  !important;
        border: 2px solid #d64d19;       
        color: #d64d19   !important;
        transition: all .6s ease-in-out;
    }

     /*slider css*/
     /*.carousel-control.left {
        background-repeat: repeat-x;
        background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    }
    .carousel-control.right {
        right: 0;
        left: auto;
        background-repeat: repeat-x;
        background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    }
    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 15%;
        font-size: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        filter: alpha(opacity=50);
        opacity: .5;
    }*/
    .carousel-indicators .active {
        width: 15px;
        height: 15px;
        margin: 0;
        background-color: #69c0af;
    }
    .carousel-indicators li {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0px;
        text-indent: -1999px;
        cursor: pointer;
        background-color: rgba(0,0,0,0);
        border: 1px solid #fff;
        border-radius: 10px;
    }

    /*subpages css start from here*/
    .common-pad-forall {
        /*padding: 50px 45px 50px 45px;*/
        padding: 50px 15px 50px 15px;
    }
    .sp-oprofilediv-01 {
        /*padding: 0px 50px 0px 50px;*/
        padding: 0px 0px 0px 0px;
    }
    .sp-oprofilediv-02 {
        /*padding: 0px 0px 0px 25px;*/
        padding: 0px 0px 0px 0px;
    }
    .sp-mailid {
        font-size: 16px;
        color: #a94442;
        text-decoration: none !important;
    }
    .sp-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .sp-mailid:focus {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .testimonials-head {
        /*font-size: 28px;*/
        font-size: 35px;
        color: #69c0af;
        font-family: 'Technical';
        font-weight: bold;
    }
    .testimonials-text {
        /*text-align: left;*/
        text-align: justify;
        padding: 30px 15px 20px 15px;
        border-bottom: 1px dashed #d5cdcd;
    }
    .sp-exambox-title-01 {
        color: #3f7369; 
        font-size: 24px;
    }
    .sp-exambox-title-02 {
        color: #ffba00; 
        font-size: 24px;
    }
    .sp-exambox-title-03 {
        color: #000000; 
        font-size: 24px;
    }

    .sp-colorbox {
        /*padding: 0px 100px 0px 100px !important;*/
        padding: 0px 0px 0px 0px !important;
    }

    .sp-exambox-01 {
        background-color: #69c0af;
        text-align: center;
        color: #ffffff;
        /*height: 360px;*/
        height: 420px;
        padding: 30px 0px 30px 0px;
    }
    .sp-exambox-02 {
        background-color: #426581;
        text-align: center;
        color: #ffffff;
        height: 390px;
        padding: 30px 0px 30px 0px;
    }
    .sp-exambox-03 {
        background-color: #d64d19;      
        text-align: center;
        color: #ffffff;
        height: 360px;       
        padding: 30px 0px 30px 0px;
    }
    .f-mailid {
        font-size: 16px; 
        color: #ffffff;
        text-decoration: none !important;
    }
    .f-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .f-mailid:focus {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }



}

@media only screen and (min-width:320px) and (max-width:359px) {

    .certificate-img {
        max-width: 800px;
        width: 100%;
        /*height: 1164px;*/
        height: auto;
    }
    .certificate-align {
        padding: 0px;
        text-align: left;
    }
    .certificate-title {
        color: #426581;
        font-weight: bold;
        font-size: 16px;       
        line-height: 30px;
        text-transform: uppercase;
        margin: 0px 0px 0px 0px;
    }
    .certificate-title:hover {
            color: #ffba00  !important;
            outline:none !important;
            text-decoration: none !important;
            transition: all .5s ease-in-out !important;
     }
    .certificate-title:focus {
            color: #ffba00  !important;
            outline:none !important;
            text-decoration: none !important;
            transition: all .5s ease-in-out !important;
     }


    .styudyvideos-title-01 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-02 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-03 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-04 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-05 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-06 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .styudyvideos-title-07 {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px 30px 0px 30px;
        line-height: 30px;
        text-transform: uppercase;
    }
     /*.styudyvideos-title {
        color: #d64d19;
        font-weight: bold;
        font-size: 20px;
        margin: 0px;
        line-height: 32px;
        text-align: left;
    }*/
    .studyvideos {
       /*width:460px;*/
        width:100%;
       height:215px;
       padding:0px 0px 0px 0px;
    }

    .clientphoto {
        text-align: -webkit-center; 
        padding: 0px 0px 0px 0px;
    }
    .female-img {
        height:auto;
        max-width:420px;
        width:100%;
    }
    /*slider css*/
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform 1.0s ease-in-out !important;
        -o-transition: -o-transform 1.0s ease-in-out !important;
        transition: transform 1.0s ease-in-out !important;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
    }
    .carousel-indicators .active {
        width: 15px;
        height: 15px;
        margin: 0;
        background-color: #69c0af;
    }
    .carousel-indicators li {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0px;
        text-indent: -1999px;
        cursor: pointer;
        background-color: rgba(0,0,0,0);
        border: 1.4px solid #69c0af !important;
        border-radius: 10px;
    }
    .carousel-control.left {
        padding-top: 360px;
        background-repeat: repeat-x;
        /*background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);*/
        height: 515px;
        background-image:none !important;
    }
    .carousel-control.right {
        padding-top: 360px;
        right: 0;
        left: auto;
        background-repeat: repeat-x;
        /*background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);*/
        height: 515px;
       
        background-image:none !important;
    }
    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        /*width: 15%;*/
        width: 6%;
        font-size: 20px;
        color: #69c0af !important;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        filter: alpha(opacity=50);
        opacity: .5;
    }
    .home-storysuccess-bg {
       background-image: url(../Images/back-happy-students.png);      
        /*height: 570px;*/
        /*padding-top: 260px;*/
        padding-top: 175px;
        background-repeat:no-repeat;
        background-position: bottom;
        /*background-size: 240px 240px;*/
        background-size: 170px 170px;
    }
    .our-hppystud-align {
        padding: 30px 0px 40px 0px;
        margin:0px;
    } 
     .testimonials-left {
        /*padding: 0px 0px 0px 15px;*/ 
        padding: 0px;      
    }
    .testimonials-right {
        /*padding: 0px 15px 0px 0px;*/     
        padding: 0px;    
    }









      
    .h-socialicons {
        max-width: 32px;
        width: 100%;
        height: auto;
    }   
    .h-logoimg-div {
        padding: 0px 0px 0px 0px;
        text-align: -webkit-center;          
    } 
    .h-logoimg {
        max-width: 86px;
        height: auto;
        width: 100%;
    }
    .h-logoalign {
        /*padding: 20px 0px 0px 0px;*/
        padding: 50px 0px 0px 0px;
    }
    .h-sitenamealign {
        padding: 15px 0px 0px 0px;
        /*padding: 40px 20px 0px 25px;*/
    }
    .h-sitename-01 {
        color: #d64d19;
        font-size: 35px;
        font-family: SerpentineDBol;
    }
    .h-sitename-02 {
        color: #426581;
        font-size: 17px;
        font-family: Lato-Regular;
        font-weight: bold;
    }
    .h-mailphone-div {
        padding: 35px 0px 35px 0px;
        /*padding: 35px 30px 35px 30px;*/
        text-align: left;
    }  
    .h-mailid {
        font-size: 16px; 
        color: #999999;
        text-decoration: none !important;
    }
    .h-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .h-mailid:focus {
         color:#ffba00; 
         text-decoration:none;      
         transition: .8s all ease-in-out;
    }
    .h-socialmedia-div {
        padding: 0px 20px 0px 0px;
        margin: -140px 0px 0px 0px;
    }
    .h-socialmedia-ul {         
        list-style-type: none;
        display: flex;
        float: right;    
    }
    .h-socialmedia-li {     
        /*padding: 0px 0px 0px 10px*/
        padding: 0px 0px 0px 5px;
    }
    .banarslider {
        padding: 0;
        z-index: -1;
    }
    .h_navbar_first {
        padding: 0px;
        margin: 0px;  
        /*margin: 0px 0px -62px 0px;*/  
    }
     /*.h_navbar_Second {
        border-radius: 0px !important;      
        height: 70px !important; 
        background: rgba(000,0,0,0.6);         
        padding: 0px 80px 0px 80px !important;             
        border: none !important;
        margin: 0px;
    }*/
    .h_navbar_ullist {
        /*padding: 10px 0px 10px 0px;*/
        padding: 0px 0px 0px 0px;
        /*background: rgba(000,0,0,0.6);*/
         border-top: 1px solid #000000 !important;
    }
    .navbar-inverse .h_navbar_ullist > .active > a {
        background-color: #69c0af !important;
        color: #000000 !important;
    }
    .navbar-nav > li > a {
        padding: 15px 20px 15px 20px !important;
        /* new css add */
        color: #ffffff !important;
        font-size: 17px;
        outline: 0;
        transition: all 0.6s ease-in-out;
    }
    .navbar-nav > li > a:hover {
        color: #000 !important;
        padding: 10px 12px 10px 12px;
        background-color: #69c0af !important;
        transition: all 0.6s ease-in-out;
    }  
    /*responsive css for navbar button */
    .h_navbar_Second {            
        padding: 0px;     
        margin: 0px 0px 0px 0px;
        border-radius: 0px !important;
        border: none !important;
        /*background: rgba(000,0,0,0.6);*/ 
        /*height: 62px;*/ 
        background-color: #426581  !important;
    }
    .navbar-header {
        float: none !important;      
        padding: 5px 20px 5px 20px;
        border: none;
    }
    .navbar-collapse.collapse {
        display: none!important;
        height: auto!important;
        overflow: visible!important;
        visibility: visible !important;
    }
    .navbar-toggle {
        margin: 8px;
        position: relative;
        float: left !important;
        padding: 10px 12px !important;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        display: block;
        background-color: #69c0af;
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #3f7369;
    }
    .navbar-nav {
        position: relative !important;
        display: block !important;
        float: none !important;
        margin: 0px;
    }
    .collapse.in {
        display: block !important;
        visibility: visible !important;
        height: auto!important;      
    }
    .navbar-nav > li {
        position: relative !important;
        display: block !important;
        float: none !important;        
        border-bottom: 1px solid #000000 !important;      
    }
    .navbar-nav > li > a {
        padding: 15px 20px 15px 20px !important;
     }    
     /* dropdown css*/
     /*.dropdown:hover > .dropdown-menu {
        display: block;       
    }
    .dropdown > .dropdown-toggle:active {
        pointer-events: none;         
    }  
    .dropdown-menu {   
        padding: 0px !important;      
        top: 50px !important;       
    }
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        background-color: #00aab3 !important;
        color: #000000 !important;

     }   
    .ddd > li {
        border-bottom: 1px solid #42b3c1;
    }
    .h_navbar_ullist > li > .ddd > li > a:hover {
        color: #000 !important;
        padding: 10px 10px 10px 12px;
        background-color: #f6bb19 !important;
        transition: all 0.6s ease-in-out;
    }
    .h_navbar_ullist > li > .ddd > li > a {
        color: #fff !important;
        padding: 10px 12px 10px 12px !important;
        font-size: 16px !important;
        font-family: Calibri !important;
        outline: 0 !important;
        transition: all 0.6s ease-in-out;
    }*/

     /* Modal Css */
     /*.M-backdrop {
        background-color: rgba(0, 0, 0, 0.5) !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        height: 750px !important;
        z-index: 1040 !important;
    }
    .M-title {
        color: #fff;
        padding: 10px 0px 10px 25px;
    }
    .M-closeheader {
        margin-top: -60px !important;
    }
    .scrollbar {
        float: left;  
        width: 100%;
        background: #ffffff !important;
        overflow-y: scroll;
        margin-bottom: 25px;
    }
    .M-body {
        color: #0A72BF !important;
        text-align: justify;
        padding: 25px 40px 15px 40px !important;
    }
    .M-closefooter {
        background-color: #e5e5e5 !important; 
        color: #666666 !important;    
        border-radius: 0px !important;
        border: none !important;
    }*/

    .back-orangimg {             
         background-image: url(../Images/back-bar-orange.jpg);
         height: 10px;       
    }
    .about-us-align {
        /*padding: 50px 30px 0px 30px;*/
        padding: 50px 0px 0px 0px;
    }
    .orange-title-big {
        /*font-size: 35px;*/
        font-size: 33px;
        color: #d64d19;
        font-weight: bold;
        line-height: 50px;
    }
    .orange-title-small {
        color: #d64d19;
        font-weight: bold;
        font-size: 24px;
        line-height: 40px;
    }
    .blue-title-big {
        /*font-size: 35px;*/
        font-size: 33px;
        color: #426581;
        font-weight: bold;
    }
    .blue-title-small {
        font-size: 24px;
        color: #426581;
        font-weight: bold;
        line-height: 40px;
    }
    .green-name {
        color: #69c0af;
        font-weight: bold;
        font-size: 24px;
        line-height: 50px;
    }
    .JTE-Common-Ulist {
        line-height: 30px;
        padding-left: 20px;
        text-align: left;
        text-transform: none;
    }
    .green-text-leader {
        color: #69c0af;
        font-size: 34px;
        text-align: center;
    }

    /**************************************************/

    .readmorebtn {
        background-color: #69c0af  !important;
        color: #3f7369 !important;
        padding: 14px 10px 14px 10px !important;
        height: 50px !important;
        width: 200px !important;
        border-radius: 0px !important;
        position: relative !important;
        font-size: 15px !important;
        text-align: center !important;
        /*border: none !important;*/
        font-weight: bold !important;
        border: 1px solid #69c0af !important;
    }
    .readmorebtn:hover {
            background-color: #ffffff  !important;
            color: #69c0af !important;
            text-decoration: none;
            transition: all .5s ease-in-out;
            font-weight: bold !important;
            border: 1px solid #69c0af !important;
        }
    .redmorebtn_align {    
        padding: 0px 0px 0px 0px;
        float: right;
    }
    .h-graybox-div-01 {      
       padding: 0px 15px 60px 15px;
        /*padding: 0px 45px 60px 45px;*/
    }
    .h-graybox-div-02 {
        background-color: #426581;
        /*padding: 65px 0px 50px 0px;*/
        padding: 65px 25px 50px 25px;
        /*height: 985px;*/
        height: auto;
    }
    .preparing-stud {
        font-weight: bold;
        font-family: Technical;
        line-height: 50px;
        text-align: center;
        color: #ffba00;
        font-size: 32px;
    }
    .boost-prolevel {
        color: #69c0af;
        font-size: 34px;
        font-family: Technical;
        text-align: center;
        font-weight: bold;
        line-height: 50px;
    }
    .join-japanese-lang {
        color: #ffffff;
        font-size: 24px;
        font-family: Technical;
        text-align: center;
        font-weight: bold;
        line-height: 50px;
    }
    .back-aboutus-green {             
         background-image: url(../Images/about-us-back-green.jpg);
         /*height: 570px;*/
         height: auto;
    }
    .greenpatch-div-01 {
        /*padding: 70px 15px 0px 15px;*/
        padding: 40px 15px 0px 15px;
    }
    .greenpatch-div-02 {
        /*padding: 50px 15px 50px 15px;*/
        padding: 20px 15px 50px 15px;
    }
    .tech-strategies-title {
        color: #3f7369;
        font-weight: bold;
        font-size: 21px;
        /*text-align: left;*/
    }
    .tech-strategies-info {
        font-size: 16px;
        color: #ffffff;
        /*text-align: left;*/
    } 
    .tech-stgs-info-align {
        padding: 50px 0px 0px 0px;
        /*padding: 50px 25px 0px 25px;*/
        text-align: center;    
    }
    .ourservices-heading {
        /*padding: 50px 45px 50px 45px;*/
        padding: 50px 15px 50px 15px;
    }
    .ourservices_imgs {
        max-width: 400px;
        width: 100%;
        height: auto;
    }
    .ourservices-div-01 {
        /*padding: 0px 45px 50px 45px;*/
        padding: 0px 15px 50px 15px;
    }
    .ourservices-div-21 {
          padding: 0px 15px 0px 15px;
         /*padding: 0px 45px 0px 45px;*/
    }
    .ourservices-div-22 {
         padding: 0px 15px 0px 15px;
         /*padding: 0px 45px 0px 45px;*/
    }
    .ourservices-div-23 {
         padding: 0px 15px 0px 15px;
         /*padding: 0px 45px 0px 45px;*/        
    }
     .ourservices-div-24 {        
         padding: 0px 15px 0px 15px;
    }
    .JTE-orange-courses {
         background-image: url(../Images/back-orange-courses.jpg);      
         /*height: 580px;*/       
         height: auto;
         padding:0px;     
    }
    .JTE-coursesbox-01 {
        /*padding: 70px 60px 0px 60px;*/
        padding: 70px 30px 0px 30px;
    }
    .JTE-coursesbox-02 {
         background-image: url(../Images/back-gray-courses-01.png);
         height: auto;
         /*height: 580px;*/ 
         /*padding: 70px 60px 0px 60px;*/   
         padding: 70px 30px 0px 30px;
    }
    .JTE-coursesbox-03 {
         background-image: url(../Images/back-gray-courses-02.png);
         height: auto;
         /*height: 580px;*/   
         /*padding: 70px 60px 0px 60px;*/
         padding: 70px 30px 0px 30px;
    }
    .JTE-titles {
        color: #69c0af;
        font-size: 29px;
        font-weight: bold;
        text-align: left;
        line-height: 40px;
    }
    .JTE-Text {
        color: #ffffff;
        text-align: justify;
        /*text-align: left;*/
    }
    .back-happy-studs {
         background-image: url(../Images/back-happy-students-01.png);
          /*height: 980px;*/
         /*height: 1001px;*/
         padding:0px;  
    }
    .hppy-stud-div-01 {
        padding: 0px 30px 0px 30px;
        text-align: -webkit-center;
    }
    .hppy-stud-div-02 {
        /*padding: 0px 60px 0px 60px;*/
        padding: 0px 0px 0px 0px;
        text-align: center;      
    }
    .hppy-stud-imgs {
        /*max-width: 378px;*/
        max-width: 215px;
        width: 100%;
        height: auto;
    }
    .hppy-stud-info {
        color: #000000;
        font-weight: bold;
        /*padding: 0px 55px 0px 55px;*/
        padding: 0px 30px 0px 30px;
    }
    .back-highlight {      
        height: 1400px;
        /*height: 780px;*/
        padding: 0px;
        background-image: url(../Images/back-highlights.jpg);
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-attachment: fixed !important;
    }
    .true-educations {
        color: #ffffff;
        font-size: 29px;
        font-family: Technical;
        font-weight: bold;
        text-align: center;
        float: left;
        /*padding: 60px 60px 60px 60px;*/
        padding: 60px 30px 60px 30px;
        margin: 0px;
        line-height: 40px;
    }  
    .yearexp-shadow {
        /*height: 250px;*/
        height: auto;
        background: rgba(000,0,0,0.5);
        margin-top: 0px;
        padding: 0px;
    }
    .yearexp-div {
        padding: 60px 0px 60px 0px;
    }
    .yearexp-text {
        color: #69c0af;
        font-size: 50px;
        text-align: center;
        line-height: 50px;
        border-right: 1px solid #aa9e93;
        font-weight: bold;
        margin: 0px;
    }
    .yearexp-span {
        font-size: 21px;
        color: #ffffff;
    }
    .back-footer {
         background-image: url(../Images/back-footer.jpg);
         /*height: 700px;*/ 
         height: auto;
         padding:0px;    
    }
    .f-socialicons {       
        max-width: 47px;
        width: 100%;
        height: auto;
    }
    .f-title-01 {
        padding: 70px 0px 35px 0px;
    }
    .f-title-02 {
        padding: 70px 0px 20px 0px;
    }
    .f-title-03 {
        /*padding: 130px 0px 0px 0px;*/
        border-top: 1px solid #515457;
        padding: 0px 0px 0px 0px;
    }
    .f-title-04 {
        padding: 70px 0px 20px 0px;
    }
    .f-formalign {
        padding: 0px 0px 12px 0px;
    }
    .form-control {
        display: block;
        width: 100%;
        height: 35px !important;
        padding: 8px 15px !important;
        font-size: 16px !important;
        line-height: 1.42857143 !important;
        color: #ffffff !important;
        background-color: #565759 !important;
        background-image: none;
        border:none;
        /*border: 0.5px solid #757575 !important;*/
        border-radius: 0px !important;
        margin-bottom: 0px !important;
    }
    .starsign {
        position: absolute;     
        /*margin: -45px 0px 0px 265px;*/
        margin: -46px 0px 0px 261px;
    }
    .captchaimg {
        height: 36px !important;
        width: 100% !important;
    }
    .btnsend {
        background-color: #2b2d2f;
        text-align: left;
        padding: 5px 15px 5px 15px;
        border: none;
        border-radius: 0px;
        color: #999999;
        font-size: 16px;
        width: 100% !important;
        height: 40px !important;
    }
    .btnsend:hover {
            background-color: #ffba00 !important;
            color: #000 !important;
            transition: .8s all ease-in-out;
        }
    .f-links {
        /*color: #999999;*/
        color: #ffffff;
        font-size: 16px;
    }
    .f-links:hover {
        text-decoration:none;
        color: #ffba00;
        transition: .8s all ease-in-out;
    }
    .f-links:focus {
        text-decoration:none;
        color: #ffba00;
        transition: .8s all ease-in-out;
    }
    .f-links-border {
        border-bottom: 1px solid #515457;      
        padding: 5px 0px 5px 0px;
    }
    .f-socialmedia-ul {
        list-style-type: none;
        display: flex;           
        padding: 60px 0px 0px 0px;
    }
    .f-socialmedia-li {
        padding: 0px 5px 0px 5px;
    }
    .f-colume-01 {
        padding: 0px 30px 0px 30px;
        /*padding: 0px 60px 0px 60px;*/
    }
    .f-colume-02 {
        /*padding: 0px 45px 0px 45px;*/
       padding: 0px 15px 0px 15px;
    }
    .f-colume-03 {
       padding: 0px 30px 0px 30px;
        /*padding: 0px 60px 0px 60px;*/
    }
    .f-contacttext-01 {
        font-size: 16px;
        /*color: #999999;*/
        color: #ffffff;
        padding: 0px 0px 15px 0px;
        margin: 0px;
    }
    .f-contacttext-02 {
        font-size: 16px;
        /*color: #999999;*/
        color: #ffffff;
        padding: 15px 0px 15px 0px;
        margin: 0px;
    }
    .back-footer-black {
         background-image: url(../Images/back-footer-black.png);
          height: auto;          
    }
    .breadcrumb-bgimg {
        max-width: 1920px;
        width: 100%;
        /*height: 300px;*/
        height: 160px;
    }
     /*.breadcrumb-bg {
        background-image: url(../Images/back-inner-1.jpg);       
        padding: 0px;
    }*/    
    .breadcrumb {
        /*float: right !important;*/
        /*background: none !important;*/      
        /*padding: 150px 60px 80px 0px;*/
        /*margin: 0px !important;*/


        float: right;
        background: none !important;
        padding: 0px 60px 0px 0px;
        display: none;
        margin: -135px 0px 20px 0px;
    }
    .breadcrumb-links {
        /*color: #ffba00;*/
        color:#000000;
        text-decoration: none;
        transition: all 0.6s ease-in-out;
        outline: 0;
    }
    .breadcrumb-links:hover {
        color: #ffffff !important;
        text-decoration: none !important;
        transition: all 0.6s ease-in-out;
        outline: 0 !important;
    }
     /*.subpage-title-align {
        padding: 140px 0px 70px 60px;               
    }*/
    .subpage-title {
        /*font-weight: bold;*/
        /*font-size: 36px;*/
        /*color: #ffffff;*/   
        /*margin: 0px 0px 20px 0px;*/     
        
        
        font-weight: bold;
        /*font-size: 36px;*/
        font-size: 28px;
        color: #ffffff;
        /*margin: -240px 0px 20px 0px;*/
        margin: -130px 0px 20px 0px;
        padding: 0px 0px 0px 30px;
        text-align: left;
        line-height: 70px;
                     
    }
    .subpage-title-border {
        /*border-bottom: 6px solid #69c0af;*/
        border-bottom: 6px solid #ffba00 !important;
        padding-bottom: 10px;
    }
    .scrollup {
        position: fixed;
        right: 5px;
        bottom: 25px;
        color: #3f7369  !important;
        background-color: #69c0af !important;
        border: 2px solid #3f7369 ;     
        width: 40px;
        height: 40px;
        text-align: center;
        padding: 9px 0px 0px 0px;
        z-index: 2000;
        font-size: 18px;
        line-height: 1;      
        transition: all 0.4s ease-in-out;
        border-radius: 100% !important;
    }
    .scrollup:hover {
        background-color: #ffffff  !important;
        border: 2px solid #d64d19;       
        color: #d64d19   !important;
        transition: all .6s ease-in-out;
    }

     /*slider css*/
     /*.carousel-control.left {
        background-repeat: repeat-x;
        background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    }
    .carousel-control.right {
        right: 0;
        left: auto;
        background-repeat: repeat-x;
        background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    }
    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 15%;
        font-size: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        filter: alpha(opacity=50);
        opacity: .5;
    }*/
    .carousel-indicators .active {
        width: 15px;
        height: 15px;
        margin: 0;
        background-color: #69c0af;
    }
    .carousel-indicators li {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0px;
        text-indent: -1999px;
        cursor: pointer;
        background-color: rgba(0,0,0,0);
        border: 1px solid #fff;
        border-radius: 10px;
    }

    /*subpages css start from here*/
    .common-pad-forall {
        /*padding: 50px 45px 50px 45px;*/
        padding: 50px 15px 50px 15px;
    }
    .sp-oprofilediv-01 {
       padding: 0px 0px 0px 0px;
        /*padding: 0px 20px 0px 20px;*/
    }
    .sp-oprofilediv-02 {
        /*padding: 0px 0px 0px 25px;*/
        padding: 0px 0px 0px 0px;
    }
    .sp-mailid {
        font-size: 16px;
        color: #a94442;
        text-decoration: none !important;
    }
    .sp-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .sp-mailid:focus {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .testimonials-head {
        /*font-size: 28px;*/
        font-size: 35px;
        color: #69c0af;
        font-family: 'Technical';
        font-weight: bold;
        line-height: 50px;
    }
    .testimonials-text {
        /*text-align: left;*/
        padding: 30px 15px 20px 15px;
        text-align: justify;
        border-bottom: 1px dashed #d5cdcd;
    }
    .sp-exambox-title-01 {
        color: #3f7369; 
        font-size: 24px;
    }
    .sp-exambox-title-02 {
        color: #ffba00; 
        font-size: 24px;
    }
    .sp-exambox-title-03 {
        color: #000000; 
        font-size: 24px;
    }

    .sp-colorbox {
        /*padding: 0px 100px 0px 100px !important;*/
        padding: 0px 0px 0px 0px !important;
    }

    .sp-exambox-01 {
        background-color: #69c0af;
        text-align: center;
        color: #ffffff;
        /*height: 360px;*/
        height: 420px;
        padding: 30px 0px 30px 0px;
    }
    .sp-exambox-02 {
        background-color: #426581;
        text-align: center;
        color: #ffffff;
        /*height: 360px;*/
        height: 390px;
        padding: 30px 0px 30px 0px;
    }
    .sp-exambox-03 {
        background-color: #d64d19;      
        text-align: center;
        color: #ffffff;
        /*height: 360px;*/
        height: 390px;
        padding: 30px 0px 30px 0px;
    }
    .f-mailid {
        font-size: 16px; 
        color: #ffffff;
        text-decoration: none !important;
    }
    .f-mailid:hover {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }
    .f-mailid:focus {
         color:#ffba00; 
         text-decoration:none;        
         transition: .8s all ease-in-out;
    }



}