@media screen and (max-width:1650px)
{
  
}

@media screen and (max-width:1450px)
{
  #shopify-section-slideshow .hero-slideshow{height:500px!important;}
  #shopify-section-slideshow .hero-slideshow .slick-track, 
  #shopify-section-slideshow .hero-slideshow .slideshow__overlay:before{height:100%!important;}
}
@media screen and (max-width:1400px)
{
  .become-partner-video-section{ padding:90px 0; }
  .clearcenter-hpe-innovating-together-section{ background-size: 30%; }
}

@media screen and (max-width:1350px)
{
    .about-clearcenter .about-clearcenter-row:nth-child(2){transform: translateX(112px);-webkit-transform: translateX(112px);}
    .about-clearcenter .about-clearcenter-row:nth-child(3){transform: translateX(136px);-webkit-transform: translateX(136px);}
}


@media screen and (max-width: 1199px)
{
   
     .simple-secure-section .same-heading{transform: none;-webkit-transform: none;}
    .about-clearcenter .about-clearcenter-row:nth-child(2){transform: translateX(50px);-webkit-transform: translateX(50px);}
    .about-clearcenter .about-clearcenter-row:nth-child(3){transform: translateX(70px);-webkit-transform: translateX(70px);}
    .same-heading h2{font-size: 31px;}
  .announcing-section{padding: 70px 0;}
  .announcing-graph{margin-top: 70px;}
  .centralized-manage-outer>img{max-width:620px;display: block;width: 100%;margin: 0 auto;}
  .download-it-content{padding-left: 0;}
  .customer-section{padding: 30px 0;text-align: center;}
  .customer-section ul li{float:none;}
  
  .header-btm-menu a{margin-left: 8px;}
  
  .header .logo{padding-top: 4px;}
  .header .logo img{max-width:140px;}
  ul.menu.align_left{padding-right: 0;margin-right: 13px;}
  .menu.align_left li>a{padding: 13px 11px!important;}
  
/*   .heading-section .blog-menu a{margin-left: 12px;} */
  .thirteen.columns.nav.mobile_hidden{margin-top: 8px;}
  .banner-content{padding-top: 120px;}
  .banner-content h1{line-height:normal;font-size: 30px;}
  .banner>img{min-height: 560px;}
  
  .heading-section .blog-menu a{padding: 0 4px;}
  
  .quick_menu h3.module-title:after{margin-left:30px;}
  .tline-box{width: 430px;}
  
  .header>.container{padding: 14px 15px!important;}
  .menu.align_left li>a{font-size:14px;}
  .header #currencies{font-size: 14px;}
  .heading-section .blog-menu a{line-height:60px;}
  .heading-section big{padding-top: 14px;}


  .header-btm-menu a{margin-left: 8px;}
  
  .header .logo{padding-top: 4px;}
  .homepage .logo-box img{max-width:140px;}

  .thirteen.columns.nav.mobile_hidden{margin-top: 8px;}
  .banner-content{padding-top: 120px;}
  .banner-content h1{line-height:normal;font-size: 30px;}
  .banner>img{min-height: 560px;}
  
  .heading-section .blog-menu a{padding: 0 4px;}
  
  .quick_menu h3.module-title:after{margin-left:30px;}
  .tline-box{width: 430px;}
  
  .header>.container{padding: 14px 15px!important;}
  .menu.align_left li>a{font-size:14px;}
  .header #currencies{font-size: 14px;}
  .heading-section .blog-menu a{line-height:60px;}
  .heading-section big{padding-top: 14px;}

  .header-menu .logo-width{ max-width: 150px; }
  .nav-link ul li + li{ margin-left: 0; }
  .header-menu{ padding: 12px 0; }
  .nav-link ul li a{ padding: 13px 10px; }
  .products-img h3{ font-size: 18px; }
  .partner-training-icon{  padding:10px!important; }
  .partner-training-icon div{ margin-right: 15px; }
  .partner-training-icon h4{ max-width: 150px; }
  .clearos-on-hpe-proliant-text h3{ font-size: 30px; padding-bottom: 3px; }
  .same-col-text h3{ font-size: 28px; }
  .accordion-box li .card-body a img{ margin: 10px 0; }
  .model_table.compare_table{width:920px; } 
  .pricing-reponsive { overflow: auto; }
}

@media screen and (max-width: 1150px)
{ 
  

}

@media screen and (max-width: 1024px)
{
  .quick_menu .module.mod-box{width:33.333%;}
  .heading-section big{font-size:21px;font-weight: 500;padding-top: 18px;}
  .heading-section .blog-menu a{line-height:60px;}
}



@media screen and (max-width: 991px)
{
  .icon-menu.d-none{ display: inline-block!important; }

  .nav-link{ position: fixed; /*left: -100%;*/ right: -100%; bottom: 0;top: 0;height: 100%; width: 250px; margin: 0; background: #fff; z-index: 9; padding: 15px 0; overflow: auto; transition: 0.3s; -webkit-transition: 0.3s; visibility: hidden;opacity: 0; box-shadow: 0 0 6px 6px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 6px 6px rgba(0,0,0,0.5); }
  .active.nav-link{ right: 0;  visibility: visible; opacity: 1;}
  .nav-link ul li{ display: block; clear: both; }
  .nav-link ul li a{ display: block;color: #333!important; text-align: center; position: relative; }
  .nav-link ul li + li{ margin-left: 0; margin-top: 10px; }
  .nav-link ul li a span{ position: absolute; top: 0; right: 10px; bottom: 0; padding: 10px 6px; line-height: 30px; z-index: 2; cursor: pointer; }
  .nav-link ul li a.active,
  .nav-link ul li a:hover{ border-color: #c2510f; color: #c2510f!important; background:transparent; }
  body.overflow{ overflow: hidden!important; height: 100vh; }

  #icon-down-box.active{ display: block!important; left: -17px; }
  #icon-down-box.active ul li a{border: none; color: #fff!important;}
  .creoss-button.d-none{ display: block!important; padding: 6px 0; margin-bottom: 20px; text-align: left;}
  .creoss-button.d-none button{width: 40px; height: 40px; border: 1px solid #c2510f; background: #c2510f; position: relative; border-radius: 50%;  cursor: pointer; color: #fff; font-size: 20px; line-height: 40px;margin-left: 15px;}
  .dropdown:hover>.dropdown-menu{ display: none; }

  .header-sub-menu .col.title{ display: none; }
  .header-sub-menu .row{ margin: 0; }
  .header-sub-menu .row .col{ padding: 0; }
  .blog-content-parent{margin-bottom: 30px;}
  .blog-img img{height: initial;max-height: 375px;}
  .blog-content{min-height: initial;}
  .repeat_sections_header.spaceontopset{padding-top: 0;}

  .blog-content h2{min-height: initial;}
  .blog-content p{min-height: initial;}
  .simple-secure-section .display-table{display:block;}
  .simple-secure-section .display-table .display-cell:first-child{width: 100%; display:block;}
  .simple-secure-section .display-table .display-cell:last-child{width: 100%; display:block;}
  .about-clearcenter-row{max-width:100%;transform:none!important;-webkit-transform:none!important;}
  .about-clearcenter{margin-top: 50px;}
  .simple-secure-section{padding-bottom: 40px;}
  .download-it-content{text-align: center;    margin-bottom: 40px;padding-top: 0;}
  .step-ul{margin: 70px auto 80px auto!important;}
  .step-ul li{margin-right: 40px;}
  .download-it-section.virtualize-it{padding-bottom: 70px;}
  .trusted-section{margin-bottom: 70px;}
  .trusted-left-img{margin: -120px auto 0 auto;}
  .trusted-right-content{padding: 70px 0;}
  .trusted-right-content .same-heading h2, .trusted-right-content .same-heading p{text-align: center;}
  
  .all-team-section ul li{ width: 100%; }
  .all-team-section ul li + li{ margin-top: 15px; }
  .blogpost-col-img{ width: 100%; float: left; height: auto; }
  .blogpost-col-content{ float: none; display: block; overflow: hidden; width: 100%; padding-left: 20px; }
  .blogpost-col-content .h3{min-height: initial;    margin: 0 0 10px 0;}
  .rte--indented-images{min-height: initial;}
  
  .blogpost-col-img>a{display: block;}
  .excerpt,
  .sub_title{min-height:auto;}
  .blogpost-col{width:100%!important;margin-bottom:30px!important;}
  
  
  
  .index #header{background:transparent;}
  .index #header a.mobile_logo{background:transparent;}
  #header .container{height:100px;padding: 0 15px;}
  #header .icon-menu{margin-right:0!important;}
  #nav .mm-list>li>a, .mm-list>li>span{color:#ffffff;}
  #nav ul.mm-current.mm-list li{padding: 0 4px !important;}
  .mm-menu.mm-white .mm-search input::placeholder{color: rgba(255,255,255,0.5);}
  #nav .search_link{font-size:15px;}
  .heading-section{padding:9px 0;}
  .heading-section big{padding-top: 2px;font-size: 20px}
  
  .index #header{position:absolute!important;left:0;top:0;width:100%;}
  .index .header-outer{top:100px;}
  #header a.mobile_logo img{filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}
  .heading-section .blog-menu{padding:25px 0!important;max-height:100%;height:100%;}
  .heading-section .blog-menu a{color:#ffffff!important;padding:12px 6px;}
  
  span.footer-clear-products-icon img{max-width: 80px;}
  .store-row-outer{padding: 80px 0 30px 0!important;}
  .store-row-outer .products .price span{font-size: 22px !important;}
  .featured_products .same-heading{margin-bottom: 50px;}
  .pt-0{padding-top: 0!important;}
  .pb-0{padding-bottom: 0!important;}
  
  body.blog .tline-box{margin-left: 0;width:100%;}
  .tline-box:after,
  .tline-box:before{content:"";display:table;clear:both;}
  body.blog .container .sixteen.columns{width:auto;}
  span.brand-download{display: block;margin-top: 10px;font-size:12px;}  
  .become-partner-video-section h1{ font-size: 26px; }
  .become-partner-video-section h2{ font-size: 18px; }
  .become-partner-video-section .play-icon{ margin: 15px auto; width: 50px; height: 50px; }
  .become-partner-video-section .play-icon a{line-height: 50px; font-size: 16px; }
  .become-partner-video-section ul li a img{max-width: 100px;}
  .become-partner-video-section h2 br{ display: none; }
  .clearos-on-hpe-proliant-text h3{ font-size: 26px; }
  .clearos-on-hpe-proliant-text{ padding:15px; }
  .clearcenter-hpe-innovating-together-section{ padding-bottom: 144px!important; }
  .accordion-box li .card-body a img{ max-width: 100px; }
  .compare_table-btn{ margin-top: 10px; }
  .dropdown-menu.show{display: block!important;}
  .nav-link ul li .dropdown_links ul li a{color: #fff !important;}
  .nav-link ul li .dropdown_links ul li a:hover{background: #fff;color: #c2510f!important;}
  .dropdown_links{width: 100%;}
  .nav-link ul li .dropdown-menu{width: 100%;transform: none !important;-webkit-transform: none !important;top: 100% !important;background:#c2510f;border-radius: 0;}
}


@media (min-width: 576px)
{
  .index .shopify-container div.container{max-width: 540px;}
}
@media (min-width: 768px)
{
  .index .shopify-container div.container{max-width: 720px;}
}



@media screen and (max-width: 992px)
{
  #main-menu-toggle{display: inline-block;float: right;width: 40px;height: 40px;background: #1a1a1a;border-radius: 50%;cursor: pointer;text-align: center;position: relative;margin-top: 8px;}
  #main-menu-toggle img{max-width: 18px;position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin:  auto;filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}
  .main-menu-bx{position: fixed;background: #fff;width: 300px;right: 0;top: 0;height: 100%;padding:30px  15px;z-index: 91;transform: translateX(100%);-webkit-transform: translateX(100%);transition: 0.4s;-webkit-transition: 0.4s;overflow: auto;}
  .main-menu-bx ul li{display: block;}
  .main-menu-bx ul li a{margin-bottom: 10px;display: block;color: #999999;border: 2px solid #999999;padding: 10px 15px;text-align: center;margin-right: 0;font-size: 12px;border-radius: 3px;}
  .main-menu-bx ul li a:after{display: none;}
  .main-menu-bx ul li a.culture{color: #999999;border-color: #999999;}
  .main-menu-bx ul li a.individual{color: #608920;border-color: #608920;}
  .main-menu-bx ul li a.groups{color: #c1510f;border-color: #c1510f;}
  .main-menu-bx ul li a.treasury{color: #686868;border-color: #686868;}
  .main-menu-bx ul li a.resources{color: #3c85c6;border-color: #3c85c6;}

  .show-main-menu-bx{transform: translateX(0);-webkit-transform: translateX(0);}

  #close-main-menu{display: inline-block;width: 40px;height: 40px;/*border:1px solid #c2510f;*/background: #1a1a1a;position: relative;border-radius: 50%;margin-bottom: 30px;cursor: pointer;}
  #close-main-menu img{max-width: 14px;position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin:  auto;filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}

  .black-layer{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0;z-index: 90;visibility: hidden;display: block;transition: 0.4s;-webkit-transition: 0.4s;}
  .show-black-layer{visibility: visible;opacity: 0.5;}
  .hero__slide .hero__subtitle, .hero--adapt .hero__subtitle{font-size: 30px;line-height: normal;}
  
  .header-btm-menu{padding: 15px 0;}
  .header-btm-menu a{margin-left: 13px;}
  
  .banner-content h1 br,
  .banner-content p br{display:none;}
  
  .heading-section big{padding-top: 18px;}
  .heading-section .blog-menu a{font-size: 13px;padding:0 4px;}
  
  .compare_type{font-size:14px;}
  
  
}



@media screen and (max-width: 991px)
{
  .blog-content-parent{margin-bottom: 30px;}
  .blog-img img{height: initial;max-height: 375px;}
  .blog-content{min-height: initial;}
  .login-nav ul li{ display: none; }
  .login-nav ul li.shopping-cart,
  .login-nav ul li.toggle-cover{ display: inline-block!important;}
  .login-nav ul li + li{ margin-left: 10px; }
  .login-nav ul li a{z-index: 1; background: #8a8a8a; border-radius: 3px; box-shadow: 1px 1px rgba(255,255,255,0.1) inset; color: #fff; line-height: 40px; padding: 0 12px; text-align: center; text-shadow: none; }
  .homepage .login-nav ul li a{ background-color: rgba(255,255,255,0.1); color: #fff; }
  .hybrid-banner-section{ padding: 60px 0; margin-bottom: 110px; }
  .clear-box-300 img{ max-width: 450px; margin-top: -50px; }
  .products-section-img{-webkit-transform: translateY(0); transform: translateY(0); margin-top: 35px; padding-bottom: 50px;}
  .products-section{ margin-bottom: 0; }
  .same-section { padding: 60px 0; }
  .customers-img-bx img{ max-width: 180px; }
  .customers-img-bx a{ display: block; text-align: center; }
  .other-address-info-img{ margin: 15px -15px -15px -15px; }
  .other-address-info-img img{ width: 100%; }
  .same-heading{ margin-bottom: 40px; }
  .welcome-partner-section .partner-img{ margin-top: 30px; }
  .become-partner-welcome-section .partner-img{ margin-bottom: 25px; }
  .registered-map-img{ margin-top: 20px; text-align: center; }
  .registered-text h5{ padding:0; }
  .tabel-bottom-p a{ width: 100%; display: block; margin: 5px 0; padding: 12px 12px;  }
  .registered-text-center{ text-align: center!important; margin-top: 20px; }
}


@media screen and (max-width: 768px)
{ 
  #shopify-section-slideshow .hero--adapt .hero__adapt-text-wrap{display: none!important:}
  
  .clear-HPE-section .same-heading h2{font-size:25px;}
  .hpe-product-img>img{margin-bottom: -55px;}
  .simple-secure-section{padding-top: 160px;}
  .about-clearcenter-icon{width: 103px;height: 99px;line-height:99px;}
  .about-clearcenter-icon>img{max-width: 50px;}
  .about-clearcenter-content{padding-top: 4px;width: calc(100% - 103px);}  
  .about-clearcenter-row{margin-bottom: 30px;}
  .centralized-manage-outer>img{max-width: 479px;}
  .header-btm-menu{padding: 15px 0;}
  .header-btm-menu{position: relative;}
  .header-btm-menu .container{padding: 0;max-width: 100%;}
  .header-btm-menu .container .toggle-sub-menu{display: block;}
  .blog-menu{display: none;position: absolute;top: 100%;left: 0;width: 100%;background: #525252;z-index: 2;max-height: 224px;overflow: auto;box-shadow: 1px 4px 10px rgba(0,0,0,0.3);}
  .toggle-sub-menu button{display: block;font-size: 16px;color: #242424;width: 100%;padding: 12px 20px;background: #fff;text-transform: uppercase;position: relative;outline: none;}
  .toggle-sub-menu button i{float: right;width: 13px;height: 13px;display: inline-block;background: url(https://cdn.shopify.com/s/files/1/0102/4383/3914/files/down-arrow.svg?3695184590457701478);background-size: 100%;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
  .header-btm-menu{padding: 0;border: none;}
  .header-btm-menu a{display: block;padding: 10px 15px;border-bottom: 1px solid rgba(255,255,255,0.1);margin-left: 0;text-align: center;    color: #fff;}
  .header-btm-menu a:first-child{margin-left: 0;}
  
  .quick_menu .module.mod-box:nth-of-type(4n), .quick_menu .module.mod-box:nth-of-type(7n){clear:none;}
  .quick_menu .module.mod-box{width:50%;}
  .heading-section big{max-width: 200px;}
  
  .style-guide-download{display:inline-block;}
  
}


@media screen and (max-width: 767px)
{
  .hybrid-it-section{padding: 70px 0;}
  .same-heading p{font-size: 16px;}
  .same-heading h2{font-size: 28px;}
  .achievment-ul li{width: 49%;padding: 15px;border: 1px solid #e0a27d;margin-bottom: 3px;float:none;}
  .trusted-right-content{padding: 70px 0 50px;}
  .step-ul{margin: 70px auto 40px auto!important;}
  .step-ul li{margin-right: 20px;}
  .featured-blog{padding: 70px 0;}
  .blog-heading{font-size: 25px;}
  .virtualize-it .achievment-ul li{float: none;border: 1px solid #ddd;padding: 15px;width: 162px;}
  .clearcenter-partner h1{font-size: 28px;}
  
  .contactSection .width50{width: 100%;}
  .toggle-sub-menu{display: block!important;font-size: 16px; color: #242424; width: 100%; padding: 15px 20px; background: transparent; text-transform: uppercase; position: relative;}  
  .homepage .header-sub-menu{ background: #fff; }
  .toggle-sub-menu:focus{ outline: none; }
  .header-sub-menu{ background: #cacaca; }
  .toggle-sub-menu  i{    float: right;width: 13px; height: 13px; display: inline-block; background: url(../images/down-arrow.svg); background-size: 100%; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%)}
  .sub-menu-ul{ display: none;}
  .header-sub-menu{ padding: 0!important;border: 0; }
  .sub-menu-ul{    position: absolute;top: 100%; left: 0; width: 100%; background: #525252; z-index: 2; max-height: max-content; overflow: auto; box-shadow: 1px 4px 10px rgba(0,0,0,0.3);} 
  .sub-menu-ul ul li{ display: block; border-bottom: 1px solid rgba(255,255,255,0.1); margin-left: 0; text-align: center; color: #fff;}
  .sub-menu-ul ul li a{display: block;padding: 10px 15px; color: #fff;}
  .header-sub-menu .container{padding: 0;}

  .hybrid-banner-section .same-heading{ margin-bottom: 25px; }
  .hybrid-banner-section p{ margin-bottom: 30px; }
  .products-img img{ max-width: 250px; }
  .products-section-img a{display: block;}
  .partner-a .row a{ display: block; }
  .partner-training-icon h4{ max-width: 280px; }
  .business-icon-box{ margin-bottom: 30px; }
  .business-icon-box img{ max-width: 80px; }
  .same-col-img.text-right{  text-align: center!important; margin-top: 20px; }
  .same-col-img.text-right img{ max-width: 200px; }
  .clearcenter-hpe-innovating-together-section{ padding-bottom: 120px!important }

  .accordion-box li h5{ padding: 12px 0; padding-left: 5px; padding-right: 40px; position: relative; }
  .faq_plas_icon{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
  .accordion-box li .card-body a img{ max-width: 60px; }
  .registered-text h5{ margin-bottom: 20px; }
  .registered-text img {max-width: 200px;}
  .registered-text.text-right{ text-align: center!important; }
  .registered-text-space{ margin-top: 20px; }

}

@media screen and (max-width: 700px)
{
  .premise span{display:none;}
  .centralized-manage-outer{padding: 0 15px;}
}

@media screen and (max-width: 575px)
{
  .hero__slide .hero__subtitle, .hero--adapt .hero__subtitle{font-size: 22px;margin-bottom: 10px;font-weight: 500;}
  .hero__slide .hero__title, .hero--adapt .hero__title{font-size: 16px;}
}

@media screen and (max-width: 567px)
{
  .blog-img img{max-height: 295px; border-radius: 5px 5px 0 0;}
  .blog-content{margin-top: 0;max-width: 100%;border-radius: 0 0 5px 5px;}
  .blog-content h2{font-size: 16px;}
  .achievment-ul li{min-height: 118px;padding-top: 25px;vertical-align: middle;}
  .virtualize-it .achievment-ul li{width: 49%;}
  #shopify-section-slideshow .hero-slideshow{height: 430px!important;}
  ul.mm-current.mm-list li{padding: 0 15px !important;}
  .clear-box-300 img{ max-width: 280px; margin-top: -75px; }
  .hybrid-banner-section{ margin-bottom: 80px; }
  .table-responsive{ overflow: auto; }
  .partner-tabel-view{ width: 600px; }
  .same-heading h2{ font-size: 24px; }
  .clearcenter-hpe-innovating-together-section{ padding-bottom: 110px!important; }
  .program-benefits-bx{ padding-left: 15px; padding-top: 110px; }
  .program-benefits-icon{ top: 10px; -webkit-transform: translate(-50%,0%); transform: translateY(-50%,0%); ; left: 50%;  }
  .program-benefits-bx h2{ font-size: 18px; }
  .registered-categories ul li p{ width: 100%; }
}


@media screen and (max-width: 480px)
{
  .about-clearcenter-row{text-align:center;}
  .about-clearcenter-icon{margin:0 auto;display:inline-block;float:none;}
  .about-clearcenter-content{padding-top: 25px;width:100%;padding-left:0;}  
  .about-clearcenter-content h3{text-align:center;}
  .achievment-ul li p strong{font-size: 30px;}
  .step-ul li{margin-right: 5px;}
  .step-ul li p{font-size: 12px;}
  .step-ul li:before{width: 13px;height: 13px;margin-bottom: 0}
  .step-ul:after{top: 8px;}
  .customer-section ul li{margin-left: 0;width: 49%;}
  .site-header__logo img{width: 100px!important;}
  .banner-content h1{font-size: 27px;}
  .quick_menu .module.mod-box{width:100%;}
  .clearcenter-partner .hpe-par-banner img.margin-hp-img{max-width: 100px;}
   .partner-training-icon h4{ max-width: 280px; }
   .partner-training-icon{ text-align: center; }
  .partner-training-icon div{ display: block; margin: 0 auto }
  .partner-training-icon h4{ max-width: 100%; margin-top: 15px; }
  .clearcenter-hpe-innovating-together-section{ background-size: 35%; padding-bottom: 80px!important;  }
  .program-benefits-bx{ padding: 10px; }
  .program-benefits-icon img{ max-height: 70px; }
  .program-benefits-bx{ padding-top: 90px; }
}


@media screen and (max-width: 350px)
{
  .js-drawer-open-left .page-container, 
    .js-drawer-open-left .drawer__header-container{-webkit-transform: translateX(250px);-moz-transform: translateX(250px);-ms-transform: translateX(250px);-o-transform: translateX(250px);transform: translateX(250px);}
    .drawer--left{width: 250px;left: -250px;}
  .js-drawer-open-left .drawer--left {
    display: block;
    -webkit-transform: translateX(250px);
    -moz-transform: translateX(250px);
    -ms-transform: translateX(250px);
    -o-transform: translateX(250px);
    transform: translateX(250px);
}
}