

@media screen and (min-width:768px){
  .container { width:750px;}
.sidebar-offcanvas{
      display:none;}
.container>.navbar-header, 
  .container-fluid>.navbar-header, 
  .container>.navbar-collapse, 
  .container-fluid>.navbar-collapse{
    margin-left:-15px;margin-right:-15px;}
.mobile-only { display:none !important;}
.desktop-only { display:block !important;}
.carousel-prev, .carousel-next{

  }
.carousel-prev{

  }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) { }
@media screen and (min-width:960px) and (max-width:1199px) { }
@media only screen and (min-width:768px) and (max-width:977px){

}
@media (min-width:992px){
  .container { width:960px;}
}
@media (min-width:1200px){
 /* .container { width:1170px;}
*/
  .navbar-nav{
    float:none;}
}
@media screen and (max-width:767px) { h1{
    font-size:28px;}
.logo{
    width:250px;}
header .list-inline li a{
    font-size:14px;}
.nav-tabs>li>a{
    font-size:1.6em;color:#bcbdc0;line-height:2em;}
.nav-tabs>li>a span{
  vertical-align:middle;}
.carousel-prev{
    margin-left:-5px;}
.carousel-next{
    margin-right:0px;}
.slider-title { font-size:28px;margin-top:40px;margin-left:40px;}
.slider-text { margin-left:40px;font-size:1.3em;}
.content-benefit{
    margin-left:-15px;margin-right:15px;background-size:40% 100%;}
.content-benefit__card, 
  .content-benefit__bag{
    margin-left:15px;margin-right:-15px;}
.row-offcanvas { position:relative;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;transition:all .25s ease-out;}
.row-offcanvas-right { right:-2px;}
.row-offcanvas-left { left:0;}
.row-offcanvas-right
  .sidebar-offcanvas { right:-100%;}
.row-offcanvas-left
  .sidebar-offcanvas { left:-100%;}
.row-offcanvas-right.active { right:100%;}
.row-offcanvas-left.active { left:100%;}
.sidebar-offcanvas { position:absolute;top:0;width:100%;display:none;}
.navbar{
    margin-top:0;}
.mobile-only { display:block !important;}
.desktop-only { display:none !important;}
.reg-area-inner span{
    white-space:normal;}
.reg-area-inner{
    margin-left:20px;}
.social-networks{
    margin-top:0;}
.reg-area-inner span{
    white-space:nowrap;}
.navbar-default .navbar-nav>li>a{
    font-size:1.6em;}
.container-fluid{
    padding-right:0;padding-left:0;}
.navbar-nav>li{
    padding-right:0;}
.content-benefit-title{
    font-size:24px;}
.content-benefit-text{
    font-size:18px;width:60%;}
.item{background-image:none;}
.cookie-consent{
    padding:5px 15px;}
.benefit-area, .benefit-area__card, .benefit-area__keys, .benefit-area__bag{
    max-height:350px !important;background-image:none;}
.benefit-area-text{
    width:100%;}
.slider1, .slider2, .slider3, .slider4{
    height:330px;}
.slider-title{margin-top:20px;}
.carousel-indicators{
    bottom:-20px;}
}
@media screen and (max-width:480px) { .nav-tabs{
    border-bottom:0;}
.nav-tabs>li { float:none;}
.reg-area-inner span{
      font-size:1.2em;white-space:normal;}
.sidebar-offcanvas {z-index:999999;}
.row-offcanvas {position:relative;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;transition:all .25s ease-out;}
.row-offcanvas-right {right:-2px;}
.row-offcanvas-left {left:0;}
.row-offcanvas-right .sidebar-offcanvas {right:-91%;}
.row-offcanvas-left .sidebar-offcanvas {left:-100%;}
.row-offcanvas-right.active {right:60%;}
.row-offcanvas-left.active {left:100%;}
.sidebar-offcanvas {display:block;position:absolute;top:1px;width:90%;padding:0;background-color:#ececec;}
}
@media screen and (min-width:480px) and (max-width:768px) { .nav-tabs{
    border-bottom:0;}
.nav-tabs>li { float:none;}
.reg-area-inner span{
      font-size:1.2em;white-space:normal;}
.row-offcanvas {position:relative;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;transition:all .25s ease-out;}
.row-offcanvas-right {right:0;}
.row-offcanvas-left {left:0;}
.row-offcanvas-right .sidebar-offcanvas {right:-48%;}
.row-offcanvas-left .sidebar-offcanvas {left:-50%;}
.row-offcanvas-right.active {right:50%;}
.row-offcanvas-left.active {left:50%;}
.sidebar-offcanvas {display:block;position:absolute;top:1px;width:47%;padding:0;background-color:#ececec;}
}
