#bannersection .container {margin-top: 71px;}
#bannersection .carousel-item-next, #bannersection .carousel-item-prev, #bannersection .carousel-item.active{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;-ms-flex-align: center !important; align-items: center !important;}
#bannersection .carousel-control-prev, #bannersection .carousel-control-next {margin-top: 43px;}
#Main_slider .carousel-item{height: 100vh;}

@media screen and (min-width: 992px) {
#bannersection {position: relative; /*display: table;*/ width: 100%; /*background:url(../images/prenix_banner.jpg); background-size: cover;*/ /*height: 100vh;*/}
#bannersection #Main_slider{margin-top: 0px !important;}

}

@media screen and (max-width: 991px) {
/*#bannersection {position: relative; width: 100%; background:url(../images/prenix_banner.jpg); background-size: cover;}*/
#Main_slider .carousel-item {height: 70vh;}
#bannersection .container {margin-top: 0;}

}


@media screen and (max-width: 767px) {
#Main_slider .carousel-item {height: inherit;}
#Main_slider {position: relative;}    
}


nav {
    
    
    float: right;
}
nav ul {
}

nav ul li {
    float: left;
    list-style: none;
   
}
nav ul li:first-child {
    margin-left: 0;
}
nav ul li a {
    color: #333;
    text-decoration: none;
    /*padding: 10px 15px;*/
    display: block;
    line-height: 20px;
}
nav ul li a:hover, nav ul li.active a {
    color: #0088cc;
}


    
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
 from {
bottom: 80px;
 opacity: 0
}
 to {
bottom: 20px;
 opacity: 1
}
}

/* Standard syntax */
@keyframes example {
 from {
bottom: 80px;
opacity: 0
}
 to {
bottom: 20px;
opacity: 1
}
}
.container {
    width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


@media (max-width: 1200px) {
.container {
    width: auto;
}
}

@media (max-width: 767px) {

.menu {
    display: block;
}
nav {
    float: none;
}
nav ul {
    display: none;
    margin-top: 15px;
}
nav ul li {
    float: none;
    margin: 0;
    /*border-top: solid 1px #ccc;*/
}
nav ul li a {
    line-height: 25px;
}
}
navbar-expand-lg .navbar-nav li.nav-item.dropdown .dropdown-menu ul.submenu a::before {
    content: "-";
    display: inline-block;
    margin-right: 7px;
}
.navbar-expand-lg .navbar-nav li.nav-item.dropdown .dropdown-menu ul.submenu li {float: none;width: 100%;}

.userprofile .dropdown-toggle {background: #95792e; border: 0; width: 38px; height: 38px; padding: 1px; border-radius: 100%; text-align: center; color: #fff; font-size: 13px; font-weight: 600;}
.userprofile .dropdown-toggle::after {margin-left: 11px; margin-right: -27px; border-right: 0.4em solid transparent; border-left: 0.4em solid transparent; border-top: 0.4em solid #95792e;}


.userprofile{position: relative;}
.userprofile .dropdown-menu {background-color: #fff !important; border-radius: 8px !important; -webkit-transform: rotate3d(1, 0, 0, -90deg); transform: rotate3d(1, 0, 0, -90deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; transition: all .6s ease; display: initial; width: 170px; top: 48px; position: absolute; right: 0; margin-left: -115px; padding: 12px 15px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border: 0; font-size: 14px;}
.userprofile:hover .dropdown-menu {display: block; overflow: initial !important; visibility: visible; transition: all .6s ease; opacity: 1; transform: none;}
.userprofile .dropdown-menu a:hover{color: #95792e !important;}