#headermenu {
    border: 0;
    border-radius: 0px;
    margin: 0;
}

header.header .row {
    margin: 0;
}

#jssor_1 {
    width: 100% !important;
}

.nav.custom-navbar li a:hover, .nav.custom-navbar li a:focus, .nav.custom-navbar li a:active {
    color: #49872E !important;
}

.navbar-collapse {
    /*padding-right: 15px;*/
    padding-left: 160px;
}

.news-section img {
    width: auto !important;
}

.student-btn {
    border: solid 2px yellow;
    padding: 6px 13px !important;
    border-radius: 20px;
    margin-top: 5px; 
    min-width: 200px;
}

.top-space{  position: relative;  transform: translateY( 270%); top: 50%;  }



.custom-navbar li ul a {
    width: 350px;
    position: relative;
    line-height: 30px;
    display: block;
    margin: 0;
    padding: 12px 5px;
    white-space: nowrap;
    text-align: left!important;
    text-decoration: none;
    /*background: #8EBC03;*/
    color: #fff;
    font: 12px arial;
    border: 1px solid #fff;
    overflow: hidden;
}



.navbar-nav > li > .dropdown-menu a{

    text-align: left!important;
}


@media(max-width:4000px) {
    #headermenu .navbar-collapse {
        width: 82%!important; padding:7px 0px!important;
    }
    .student-btn {
min-width: 200px!important;
}

    .nav.custom-navbar li a {
        font-size: 1vw!important; white-space: nowrap!important;
        text-align: center; padding: 1rem 1.1rem!important;
    }
    .header .navbar-collapse.collapse .nav li {
padding: 0.5% 0.2%!important;
}


.caret{ top:20px!important;}
    
}








@media(max-width:1923px) {
    #headermenu .navbar-collapse {
        width: 82%!important; padding-left:16px!important;
    }
    .student-btn {
min-width: 200px!important;
padding: 6px 10px!important;
}

    .nav.custom-navbar li a {
        font-size: 1vw!important; white-space: nowrap;
        text-align: center; padding: 0.5rem 0.9rem!important;
    }
    .header .navbar-collapse.collapse .nav li {
padding: 0.3% 0.2%!important;
}  

.custom-navbar, .custom-navbar ul{
    left: 00px;
}

.caret{ top:15px!important;}
.dropdown-menu{ padding-left: 25px;}

.custom-navbar li ul ul { left: 250px!important;}


    
}

@media (max-width: 1600px) {
    #headermenu .navbar-collapse {
        padding-left:10px!important;
    }
    .nav.custom-navbar li a { white-space: nowrap;
        font-size: 0.9vw!important;
        text-align: center; padding: 0.5rem 0.9rem!important;
    }

    .custom-navbar, .custom-navbar ul{
        left: 5px;
    }

.header .navbar-collapse.collapse .nav li {
padding: 0%;
}
.caret{ top:10px!important;}

.top-space{  position: relative;  transform: translateY( 210%); top: 50%;  }


/*.student-btn {
min-width: 150px;
}
*/

}



@media(max-width:1440px) {
    #headermenu .navbar-collapse {
        width: 82%!important; padding-left:0px!important;
    }
    .custom-navbar, .custom-navbar ul{ left: 15px;}
    .navbar-collapse {
padding-left: 0px;
}
.nav.custom-navbar li a { white-space: nowrap;
        font-size: 0.9vw!important;
        text-align: center; padding: 0.5rem 0.9rem!important;
    }

    .header .navbar-collapse.collapse .nav li {
        padding: 0 0%;	
    }
   .student-btn {
min-width: 140px!important;
}

.caret{ top:10px!important;}


.top-space{  position: relative;  transform: translateY( 180%); top: 50%;  }

/*
.home-size{ max-width: 60px;}       
*/
}


@media(max-width:1366px) {

    .custom-navbar, .custom-navbar ul{
        left: 0px;
    }

    #headermenu .navbar-collapse {
        width: 95%!important;
        padding-left: 40px!important;
    }
    .navbar-collapse {
padding-left: 0px!important;
}
    .header .navbar-collapse.collapse .nav li {
        padding:0%;
    }
    .nav.custom-navbar li a {
        font-size:1vw!important; font-weight: 100;
        padding: 5px 0.5rem!important;
    }

    .custom-navbar li ul a {
        width: 300px;
    }


   .student-btn {
min-width: 140px!important;
}
/*
.about-chan{ min-width: 80px;}*/

.caret{top: 10px!important;}

.top-space{  position: relative;  transform: translateY( 168%); top: 50%;  }

}


@media(max-width:1280px) {
    .nav.custom-navbar li a {
        font-size:0.9vw!important; font-weight: 100;
        padding: 5px 0.7rem!important;
    }

    .custom-navbar li ul ul { left: 150px!important;}
    .top-space{  position: relative;  transform: translateY( 00%); top: 50%;  }
}


@media(max-width:1024px) {
    .caret{top: 7px!important;}

    .right-section .col-lg-12 img {
        width: 100%;
    }

    .nav.custom-navbar li a {
        font-size: 0.8vw!important; font-weight: 100;
        text-align: center; padding: 2px 0.5rem!important;
    }
       
    .custom-navbar ul {
 width: 235px!important;
    }
    
    .custom-navbar li ul a {
        width: 200px;}


    .student-btn {
    min-width: 90px!important; }
    /* .about-chan{ min-width: 70px;}
     */

}

@media(min-width:768px) {
    .header #headermenu {
        display: flex;
    }
     
    .navbar-nav{ float: inherit!important; }

    .custom-navbarblock {
            padding: 0px 3px 3px 24px;
            display: block;
        }


    .header .navbar-collapse.collapse {
        margin: 0 auto;
    }

        .header .navbar-collapse.collapse .nav li {
            padding-left: 0 !important;
        }
}

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

.caret{ left: 0px; top: 8px;}
.nav.custom-navbar li a{ letter-spacing: 0.5px!important;}
}

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

    .nav.custom-navbar li a {
        font-size: 12px!important; font-weight: bold ;
        padding: 5px 10px !important;
        text-align: left!important;
        width: 100%; margin: 0 auto; letter-spacing: 0.5!important;
        
    }
    
     
.custom-navbar li:hover ul, .custom-navbar li li:hover ul, .custom-navbar li li li:hover ul, .custom-navbar li li li li:hover ul
{ box-shadow: none; background-color: none; margin-left: 7%; padding-left: 2%; background: none!important; 

    }

    .custom-navbar ul {
    position: absolute;
    margin: 0 auto;
    padding: 0;
    border: 0px solid #5970B2;
    width: 350px;
}

.custom-navbar li ul a {
    width: 350px; left: 0px; right: 50px;
    position: relative;
    line-height: 30px;
    display: block;
    margin: 0 auto;
    padding: 12px 5px;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    /*background: #8EBC03;*/
    color: #fff;
    font: 12px arial;
    border: 1px solid #fff;
    overflow: hidden;
}
.home-size{ max-width: 100%!important;}

              
}