/**!------------------------------------------------------
	Extra large devices ( large desktops, 1200px and up )
--------------------------------------------------------**/
@media (min-width: 992px) and (max-width: 1200px) {

.slider-area .carousel-caption h2 {
    font-size: 65px;
}
.logo h2 {
    font-size: 28px;
}


}
@media (max-width: 1200px) {

.slider-area .carousel-caption p {
    margin-bottom: 20px;
}




}
@media (max-width: 991px) {
.logo {
    margin-top: 5px;
}
.main-menu .navbar-nav li {
    padding: 5px 5px 5px;
}
.slider-area .carousel-caption {
    top: 25%;
}
.slider-area .carousel-item img {
    min-height: inherit;
}
.slider-area .carousel-caption h2 {
    font-size: 50px;
    line-height: 70px;
}
.slider-area .carousel-caption p {
    font-size: 24px;
    line-height: 34px;
}

.home-service .row > .col-lg-2.col-md-4.col-sm-6 {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.lang-lang ul li {
    padding: 0 8px;
}
.logo h2 {
    font-size: 26px;
}
.event-title h3 a {
    padding: 5px 30px;
    font-size: 20px;
}
.featured .event-title h3 a {
    padding: 0px 30px;
    font-size: 24px;
}
.event-image.fancybox-popup a::after {
    font-size: 42px;
}
.social-info ul li img {
    max-width: 34px;
}
.banner-content h2 {
    font-size: 28px;
}









}
/**!--------------------------------------
	Large devices (desktops, 992px and up)
----------------------------------------**/
@media (min-width: 768px) and (max-width: 991.98px) {

.footer-menu ul > li > a {
    text-transform: capitalize;
}


}
@media (max-width: 767px) {

.logo img {
    max-width: 150px;
}
.main-menu .navbar-nav{
    text-align: left;
}
.main-menu .navbar-collapse{
    padding: 10px 30px;
    background: #745921;
}
.main-menu .navbar-nav li {
    padding: 5px 0 5px;
}
.main-menu .navbar-nav .dropdown-menu a {
    text-align: left;
}
.main-menu .navbar-nav li a {
    color: #fff;
}
.main-menu .navbar-nav li.active::after {
    display: none;
}
.main-menu .navbar-toggler {
    margin-top: 5px;
}
.navbar-toggler i{
  font-size: 26px;
  color: #745921;
}
.main-menu .navbar-toggler {
    margin-top: -25px;
    margin-right: 0px;
}
.lang-lang ul {
    padding-top: 10px;
}
.slider-area .carousel-caption h2 {
    font-size: 48px;
    line-height: 58px;
}
.slider-area .carousel-item img {
    min-height: 200px;
}
.main-menu .navbar-nav li > a:hover,
.main-menu .navbar-nav li > a:focus,
.sticky.header-menu .main-menu .navbar-nav li a:hover,
.sticky.header-menu .main-menu .navbar-nav li a:focus,
.sticky.header-menu .main-menu .navbar-nav li.active > a,
.main-menu .navbar-nav li.active > a {
    color: #fff;
}
.main-menu .navbar-nav li a i {
    color: #fff;
}
.header-menu .dropdown-menu {
    background: transparent;
    margin-top: 5px;
}
.header-menu .main-menu .dropdown-menu a {
    color: #fff;
}
.social-info {
    margin-top: 5px;
    float: left;
}
.home-service .row > .col-lg-2.col-md-4.col-sm-6 {
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
}
.contact-form {
    padding: 0;
}


.footer-menu {
    padding-bottom: 25px;
}
.event-content {
    margin-bottom: 30px;
}
.member-item h4 {
    font-size: 20px;
}
.member-item img {
    margin-right: 20px !important;
}
.investor-area h3 {
    font-size: 28px;
}
.news-image {
    padding-top: 10px;
}



}
/**!---------------------------------------------
	Small devices (landscape phones, 576px and up)
-------------------------------------------------*/
@media (min-width: 579px) and (max-width: 767.98px) {

.social-info p {
    text-transform: capitalize;
}



}
@media (max-width: 639px) {

.slider-area .carousel-caption p {
    font-size: 20px;
    line-height: 30px;
    padding-left: 20px;
    padding-right: 20px;
}





}
@media (max-width: 579px) {

.footer-menu {
    padding-bottom: 30px;
}
.featured .event-title h3 a {
    padding: 25px 30px;
}
.logo h2 {
    font-size: 20px;
}
.member-area {
    padding-top: 40px;
}
.banner-content h2 {
    font-size: 20px;
}
.contact-form label {
    text-align: left;
}
.contact-form {
    margin-bottom: 40px;
}
.download-area .projectItem, .project-area .projectItem {
    max-width: 50%;
}
.investor-area {
    padding-top: 50px;
}
.pagination-menu .pagination li a {
    padding: 10px 15px;
}
.social-info ul li img {
    max-width: 44px;
}


}
/**!------------------------------------------------------
	Extra small devices (portrait phones, less than 576px)
--------------------------------------------------------**/
@media only screen and (min-width: 400px) and (max-width: 575.98px) {

 
 
}
@media (max-width: 479px) {

.slider-area .carousel-caption h2, .create-title h2 {
    font-size: 30px;
    line-height: 42px;
    letter-spacing: 4px;
}
.featured .event-title h3 a {
    padding: 5px 30px;
}
.logo h2 {
    font-size: 18px;
    line-height: 26px;
}
.logo img {
    max-height: 60px;
    padding-right: 15px;
}
.download-area .projectItem, .project-area .projectItem {
    max-width: 100%;
}
.investor-area h3 {
    font-size: 24px;
}


}