/* ======== START EXTRA SMALL SCREENS ======== */
@media (max-width: 767px) and (min-width: 0) {

.ben-content {
text-align: center;
margin-bottom: 30px;
}

.cycle-icon span.fa-long-arrow-right {
display: none;
}

.cycle-step {
margin-bottom: 40px;
display: block;
}

.text-photo p.lead {
text-align: center;
}

.panel.panel-default h4 {
line-height: 2;
}

footer {
text-align: center;
}

footer .col-md-6.text-right {
text-align: center;
margin-top: 20px;
}
div#main-navbar {
position: absolute;
z-index: 99999999999999;
background: #fff;
width: 100%;
left: 0;
right: 0;
margin: 0;
padding: 20px;
border: 0;
}

ul.nav.navbar-nav li.nav-cta a {
    margin: 0;
    text-align: center;
}

#main-slider .carousel-control {
top: 73%;
}

.carousel-caption img {
width: 100%;
margin-top: 30px;
}

.navbar-brand {
position: absolute;
z-index: 999999;
display: inline-block;
width: 120px;
}

.navbar-toggle {
background: #ffffff;
color: #fff;
margin-top: 15px;
margin-bottom: 15px;
}

ul.nav.navbar-nav {}

#main-slider.carousel {
min-height: calc(100vh - 70px);
}

#main-slider .item .carousel-caption {left: 10%;position: static;}

#main-slider .carousel-control {
left: 10px !important;
}

#main-slider .carousel-control.right {
right: 10px !important;
}

.hero-section .main-bg {
margin-top: 30px;
}
}
/* ======== // END EXTRA SMALL SCREENS ======== */

/* ======== START SMALL SCREENS ======== */
@media (min-width:768px) and (max-width:991px) {

.ben-content {
text-align: center;
margin-bottom: 30px;
}

.cycle-icon span.fa-long-arrow-right {
display: none;
}

.cycle-step {
margin-bottom: 40px;
display: block;
}

.text-photo p.lead {
text-align: center;
}

.panel.panel-default h4 {
line-height: 2;
}

footer {
text-align: center;
}

footer .col-md-6.text-right {
text-align: center;
margin-top: 20px;
}
div#main-navbar {
position: absolute;
z-index: 99999999999999;
/* background: #fff; */
width: 100%;
left: 0;
right: 0;
margin: 0;
padding: 5px;
border: 0;
}
ul.nav.navbar-nav li a {
padding: 10px;
margin-top: 5px;
}
ul.nav.navbar-nav li.nav-cta a {
    margin: 0;
    text-align: center;
    padding: 6px;
    margin-top: 10px;
    margin-left: 0;
}

#main-slider .carousel-control {
top: 73%;
}

.carousel-caption img {
width: 100%;
margin-top: 30px;
}

.navbar-brand {
position: absolute;
z-index: 999999;
display: inline-block;
width: 120px;
}

.navbar-toggle {
background: #ffffff;
color: #fff;
margin-top: 15px;
margin-bottom: 15px;
}

ul.nav.navbar-nav {}

#main-slider.carousel {
min-height: calc(100vh - 70px);
}

#main-slider .item .carousel-caption {left: 10%;position: static;}

#main-slider .carousel-control {
left: 10px !important;
}

#main-slider .carousel-control.right {
right: 10px !important;
}

.hero-section .main-bg {
margin-top: 30px;
}
}
/* ======== // END SMALL SCREENS ======== */

/* ======== START MEDIUM SCREENS ======== */
@media (min-width:992px) and (max-width:1199px) {
}
/* ======== // END MEDIUM SCREENS ======== */

/* ======== START LARGE SCREENS ======== */
@media (min-width:1200px) {
}
/* ======== // END LARGE SCREENS ======== */