/*------------- Homepage ----------------*/

@media only screen
and (min-width: 0px)
and (max-width: 768px)
and (orientation: portrait),
screen
and (min-width: 0px)
and (max-width: 736px)
and (orientation: landscape)
{

    .cookie-warning{
        position: fixed;
        bottom: 0;
        z-index: 99999;
    }

    .button{
        padding: 5px 14px;
    }
    .mobile-hide {
        display: none !important;
    }

    .mobile-only {
        display: block;
    }


    /*------------ CSS3 ANIMATIONS --------------*/

    /*
    *
    *                   ARROWS
    *
    */

    @keyframes rotateArrow {
        from {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
        }

        to {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
        }
    }
    .tabs dd a:after,
    body.about-us .grey-title-box h3:after,
    body.service_folder .grey-title-box h3:after
    {
        display: block;
        content: '';
        position: absolute;
        right: 20px;
        top: 15px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7.5px 0 7.5px 10px;
        border-color: transparent transparent transparent #666;
    }
    .tabs dd.active a:after,
    body.about-us .grey-title-box h3.active:after,
    body.service_folder .grey-title-box h3.active:after{
        animation-duration: 1s;
        animation-name: rotateArrow;
        border-color: transparent transparent transparent #000000;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    }


    /*--------------------------------------------------*/
    .block-980.searchbox-wrapper{
        display: none;
    }
    header {
        background-image: none;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 9999;
        height: 116px;
    }


    .button.yellow{
        background: url("../images/buttons/bg-button-yellow.png") repeat-x scroll 0 0  #DCA020;
    }

    .button.grey {
        border-color: #d7d7d7;
        background: url("../images/buttons/bg-button-grey.png") repeat-x scroll 0 0 #E6E6E6;
    }

    /*-------- override default width -------*/
    .rounding-8.block-980,
    section[role="main"],
    section[role="complementary"],
    #global,
    #footer-links,
    .rounding-8.block-330,
    .rounding-8.block-680,
    .rounding-8.padding-20.block-680,
    section[role="homepagemanager"]  section.block-right,
    .rounding-8.padding-20.block-680 .block-320{
        display: block;
        float: left;
        margin: 0;
        width: 100%;
        padding: 0px;
    }

    section[role="complementary"] > div,
    section[role="complementary"] > section,
    section[role="main"] > div,
    section[role="main"] > section,
    section[role="main"] > h3,
    section[role="main"] > h1,
    section[role="homepagemanager"] #hpm-other-brands #slide-hpm-other-brands,
    .block-640
    {
        margin: 0 5px;
        width: 96%;
    }

    #global > .rounding-8{
        border: 0;
        border-radius:0;
    }

    .content-wrap-landingpage,.content-wrap-webpage{
        margin: 0 10px;
    }
    /*body section[role="main"]{*/
        /*line-height: 21px;*/
    /*}*/
    body section[role="main"] h1{
        font-size: 23px;
        margin: 7px 0;
        line-height: 24px;

    }
    section[role='youtube_video'] iframe{
        width: 100%;
        height: auto;
    }

    /*- bug with description on picture for too small mobile devices. Description dropped for a better visibility --*/
    #fancybox-title-over{
       display: none !important;
    }
    .GalleryItem{
       padding: 4px;
    }
    /*- bug with css sprite because li are too big on mobile devices. Using :berfore instead --*/

    #tabs-product ul li,
    #webpage-body ul li {
        padding-left: 10px;
        padding-bottom: 9px;
        background-image: none !important;
    }

    #webpage-body ul li:before,
    #tabs-product ul li:before
    {
        display: block;
        content: '';
        float: left;
        width: 12px;
        height: 14px;
        background-image: url("../images/2012-12-26_fc_sprite.png");
        background-position: -28px -299px;
        background-repeat: no-repeat;
    }

    /*   override default image size for mobile only on few pages */
    body.about-us section[role="main"] .renderedtable img,
    body.about-us #webpage-body .class-image img
    {
        width: 100%;
        height: auto;
    }
    /* picture not responsive but adding this class to avoid a bug of too wide pictures */
    body.service_folder section[role="main"] .renderedtable img{
        max-width: 100%;
        height: auto;
    }
    /*.ezoe-render h2{*/
        /*line-height: 26px;*/
    /*}*/
    /*------------ override default height ---------------*/
    .rounding-8.block-h200{
        height: 210px;
    }
    #hpm-campaigns .rounding-8.block-h200{
        height: 230px;
    }
    /*------------ Update picture displaying on table with multi-column -----------*/

    body.aboutus_folder table td,
    body.service_folder table td,
    body.rentals_folder table td,
    body.other_brands_folder table td
    {
        display: block;
    }
    body.aboutus_folder table td .attribute-image,
    body.service_folder table td .content-view-embeddedmedia,
    body.rentals_folder table td .attribute-image,
    body.other_brands_folder table td .attribute-image,
    body.product_folder #tabs-product img,
    body.used_equipment_folder  .block-680 .left.ue-left img
    {
        text-align: center;
        display: block;
        margin: auto;
        width: 100%;
        height: auto;
    }


    /*body.aboutus_folder table td .attribute-image img,*/
    /*body.rentals_folder table td .attribute-image img,*/
    /*body.other_brands_folder table td .attribute-image img*/
    /*{*/
        /*height:auto;*/
        /*width: 100%;*/
    /*}*/


    /*body .renderedtable td{*/
        /*display:inline-block;*/
    /*}*/
    /*------------ GLOBAL & MENU ----------------*/
    #global {
        margin-top: 100px;
        margin-bottom: 12px;
    }

    #header-dealer {
        height: 70px;
        width: 100%;
        margin-top: 0;
        border-bottom: 1px solid #d7d7d7;
        overflow: hidden;
    }

    #header-dealer  a.first{
        max-width: 100px;
        display: inline-block;
        padding-top: 5px;


    }
    #header-dealer  a.first img{
        width: auto;
        height: auto;
        max-height: 63px;
        max-width: 100px;
    }


    #header-dealer.minimized,
    #header-dealer.minimized td,
    #header-dealer.minimized tr{
        height: 48px;
    }
    #header-dealer.minimized #locale-selection{
        display: none;
    }
    #header-dealer.minimized  a.first img{
        height: 40px;
    }
    #header-dealer img {
        padding: 0;
    }

    #header-dealer table {
        margin-top: 0;
        padding: 0;
    }

    #header-dealer table td {
        padding: 0;
        margin: 0
    }

    #info-dealer {
        float: right;
        margin-right: 10px;
        margin-top: 27px;

    }

    #header-yale {
        height: 40px;
        width: 100%;
        background-image: url('../images/mobile/mobile-header-gradient.png');
        background-repeat: repeat-x;
        text-align: center;
        border-bottom: 5px solid #e7b220;
    }

    #header-yale img {
        width: 65px;
        padding-top: 6px;
        position: relative;
        /*left: -32px;*/
    }

    #header-dealer {
        width: 100%
    }
    #locale-selection{
        position: absolute;
        top: 5px;
        right: 0;
    }
    /* logo */
    #header-dealer img {
        margin-left: 10px;
    }

    #info-dealer {
        border: none;
    }

    #info-dealer #phone-dealer {
        font-size: 14px;
        letter-spacing: -0.5px;
    }

    .block-980 {
        width: 100%;
    }

    /* Burger menu */
    #hamburger-wrapper {
        display: inline-block;
        float: right;

    }

    #hamburger {
        width: 65px;
        height: 40px;
        position: relative;
        /*margin: 50px auto;*/
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        border-left: 1px solid #d7d7d7;
        background-image: url('../images/mobile/mobile-header-gradient.png');
        background-repeat: repeat-x;
    }

    #hamburger.open {
        background-image: url('../images/mobile/mobile-header-gradient-yellow.png');
    }

    #hamburger span {
        display: block;
        position: absolute;
        height: 3px;
        width: 25px;
        margin: auto;
        background: #424140;
        /*border-radius: 9px;*/
        opacity: 1;
        left: 21px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;

    }

    #hamburger span:nth-child(1) {
        top: 10px;
    }

    #hamburger span:nth-child(2) {
        top: 18px;
    }

    #hamburger span:nth-child(3) {
        top: 26px;
    }

    #hamburger.open span:nth-child(1) {
        top: 18px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        background-color: #ffffff;
    }

    #hamburger.open span:nth-child(2) {
        opacity: 0;
        /*left: -20px;*/
    }

    #hamburger.open span:nth-child(3) {
        top: 18px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        background-color: #ffffff;
    }

    /* right panel menu */
    #right-menu {
        bottom: 0;
        height: auto !important;
        z-index: 9999;
        background-color: #ffffff;
        -webkit-box-shadow: -2px 0px 2px 1px rgba(219, 218, 216, 1);
        -moz-box-shadow: -2px 0px 2px 1px rgba(219, 218, 216, 1);
        box-shadow: -2px 0px 2px 1px rgba(219, 218, 216, 1);
        overflow-y: auto;
    }
    #right-menu ul{
        width: 300px;
    }
    #right-menu ul li {
        position: relative;

    }

    #right-menu ul li a.menu-item {
        display: block;
        min-height: 68px;
        width: 100%;
        background-color: #e6e6e6;
        background-image: url('../images/mobile/mobile-header-gradient-large.png');
        background-repeat: repeat-x;
        font-size: 18px;
        color: #e7b220;
        font-weight: 700;
        padding: 22px;
        padding-right: 40px;
        padding-top: 23px;
        box-sizing: border-box;
        position: relative;
        border-bottom: 1px solid #d7d7d7;
        text-decoration: none;
        position: relative;
    }
    #right-menu ul ul li a.menu-item{
        color: #969696;
        font-weight: 400;
    }
    #right-menu ul li a.menu-item.selected {
        color: #424140;
        font-weight: 700;
    }

    #right-menu ul li li a.menu-item {
        background-image: none;
        background-color: #fdfdfd;
    }

    #right-menu ul ul span {
        padding-left: 20px;
        display: inline-block;
    }

    #right-menu ul ul ul span {
        padding-left: 40px
    }

    #right-menu ul ul ul ul span {
        padding-left: 60px
    }

    #right-menu ul ul ul ul span {
        padding-left: 80px
    }
    a.toggle-btn{
        display: block;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0px;
        width: 50px;
        height:68px;
    }
    .toggle-btn span {
        position: absolute;
        right: 20px;
        top: 29px;
        width: 0;
        height: 0;
        padding:0 !important;
    }

    .toggle-btn span img{
        position: relative;
        left: -13px;
        top: -5px;
    }
    .arrow.up {

        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #e7b220;
    }

    .arrow.down {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #424140;
    }

    #right-menu ul ul .arrow.down{
        border-top: 5px solid #969696;
    }


    #right-menu  .product_selector{
        border-color: #d4a31d;
        background-image: url("../images/sidebar/bg-nav-vertical-yellow.png");
        background-color: #f0c725;
        color: #fff;
        padding: 20px;
    }
    /*------------- HOME --------------*/

    .corporate-homepage{
        background: #fff;
    }
    [role="complementary"] .side-block  li {
        padding: 0 15px;
    }
    [role="complementary"] .side-block  li a{
        background: none;
        padding-left: 0;
        margin: 5px 0;
        font-size: 15px;
    }

    #global #movingboxe-corporate,
    #global  #slider-corporate,
    #global  #slider-product
    {
        height: 192px !important;
        width: 100%;
        padding: 0 0 34px 0;
        position: relative;
    }

    #global #movingboxe-corporate div{
        height: 180px;
        background-size: cover;
        width: 100%;
        left: 0;
        background-position: center;
    }
    #slider-corporate .arrow_movingboxe{
        top: 80px;
        display: none;
    }
    #movingboxe-corporate div .title_h1
    {
        left: 16px;
        top: 20%;
        height: auto;
        display: block;
        color: #fff;
        width: 80%;
        font-size: 27px;
        font-weight: bold;
        max-height: 80px;
        position: absolute;
        padding: 0;
        display: none;
    }
    #movingboxe-corporate div.black .title_h1{
        color: #424140;

    }
    #movingboxe-corporate div p{
        display: none;
    }
    #slider-corporate .pagination_movingboxe{
        bottom: 3px;
    }

    #movingboxe-corporate div a.button{
        left: 15%;
        bottom: 10%;
        position: absolute;
        font-size: 1.4em;
        margin-left: 0;
        border-radius: 25px;
        padding:15px 31px;
        display: none;

    }
    .input-style.grey input[type="text"]{
        width: 88%;
    }
    .corporate-homepage [role="complementary"] .input-style.grey input[type="submit"]{
        position: absolute;
        right: 0;
    }

    [role="module-homepagemanager"],
    section[role="homepagemanager"] > table,
    section[role="homepagemanager"] > table > tbody > tr > td,
    [role="homepagemanager"] h4{
        display: inline-block;
        width: 100%;
    }
    [role="homepagemanager"] h4{
        cursor: pointer;
    }
    section[role="homepagemanager"] > table > tbody > tr > td{
        vertical-align: initial;
    }
    section[role="homepagemanager"] > table tr:nth-child(3) td[colspan]{
        display: none;
    }
    section[role="homepagemanager"] section.block-right,
    section[role="homepagemanager"] section.block-left{
        margin: 0px 0 10px;
        width: 99%;
    }
    [role="homepagemanager"] #hpm-other-brands > div{
        overflow: hidden;
    }

    [role="homepagemanager"] #hpm-news div.columns-content h5{
        font-size: 14px;
        line-height: 17px;
    }
    [role="homepagemanager"] #hpm-news .slider-nav-hlm > div,
    [role="homepagemanager"] #hpm-campaigns .slider-nav-hlm > div,
    [role="homepagemanager"] #hpm-used-equipment .slider-nav-hlm > div{
        display: none;
    }

    [role="homepagemanager"] #hpm-news .slider-nav-hlm > div.current,
    [role="homepagemanager"] #hpm-campaigns .slider-nav-hlm > div.current,
    [role="homepagemanager"] #hpm-used-equipment .slider-nav-hlm > div.current{
        display: block;
    }

    [role="homepagemanager"] #hpm-news .wrapper-news,
    [role="homepagemanager"] #hpm-campaigns .wrapper-news,
    [role="homepagemanager"] #hpm-used-equipment .wrapper-news{
        padding: 6px;
        max-width: 300px;
        margin:auto;
    }
    [role="homepagemanager"] #hpm-campaigns .wrapper-campaigns{
        width: 90%;
        overflow: hidden;
    }
    [role="homepagemanager"] .pagination_hlm{
        left:50%;
    }
    [role="homepagemanager"] #hpm-news div.columns-image{
        width: 45%;
    }
    [role="homepagemanager"] #hpm-used-equipment div.columns-content,
    [role="homepagemanager"] #hpm-news div.columns-content{
        width: 51%;
        float:left;
    }
    [role="homepagemanager"] td{
        height: auto !important;
    }
    /*-----------------   Slider Product --------------------*/

    #global #slider-product{
        padding: 16px 0 0 0;
        margin:0;
        background: url('/extension/yale/design/yale/images/mobile/repeat-slider-product.png') bottom center repeat-x;
        overflow: hidden;
    }
    #slider-product .hero-landingpage section{
        padding-top: 50px;
    }

    #slider-product #slider-hero > a{
        display:none;
    }

    #slider-product #slider-hero > a:first-of-type{
        display:table;
        margin: auto;
    }
    #slider-product #slider-hero  > a img{
        display:none;
    }
    #slider-product #slider-hero  > a img:first-of-type{
        display:block;
        margin: auto;
        height:192px;
        float: left;
        width: auto;
    }
    #slider-product #scrollbar-control{
        display:none;
     }

    /*----------  SLIDER LANDING PAGE ------------*/

    #global .slider-hero-about-us .hero-landingpage{
        padding: 0px;
    }
    #global .slider-hero-about-us {
        padding-top: 20px;
        height: 225px;
        width: 100%;
    }
    #global .title-hero-about-us{
        width: 100%;
        height: auto;
        background: #fff;
    }
    #global .title-hero-about-us h1{
        padding-top: 20px;
        font-size: 23px;
        color: #d19006;
        width: 90%;
    }
    #global.about-us-homepage{
        background-size: contain;
    }
    #wrapper-hero-about-us{
        margin-bottom: 0px;
    }
    #description-title_about-us{
        display: none;
    }

    #global .slider-hero-about-us #movingboxe-aboutus a div.wrapper-image{
        display: none;
        margin: 0;
        background-repeat: no-repeat;
    }

    #global .slider-hero-about-us  #movingboxe-aboutus a:first-of-type div.wrapper-image{
        display: block;
        margin: auto;
    }
    .slider-hero-about-us .left_nav.arrow_movingboxe,
    .slider-hero-about-us .right_nav.arrow_movingboxe{
        display: none;
    }

    /*--------------   Product selector   --------------------*/
    .side-block[role="product_search"]{
        padding: 5px;
        cursor: pointer;
        overflow: hidden;
        line-height: 500px;
        height: 40px;
        border-color: #d4a31d;
        background-image: url("../images/sidebar/bg-nav-vertical-yellow.png");
        background-color: #f0c725;
     }
    .side-block[role="product_search"] .header_h3{
        line-height: 18px;
    }

    [role="module-homepagemanager"] .block-right{
        height: auto;
    }
    #map_canvas{
        margin-bottom: 15px;
    }
    [role="homepagemanager"] h4{
        margin-bottom: 13px;
    }
    [role="homepagemanager"] #hpm-other-brands #slide-hpm-other-brands{
        height: 150px;
    }
    [role="homepagemanager"] #hpm-other-brands .arrow_hlm{
        bottom: 141px;
    }
    .content-wrap-landingpage [role="main"] h3{
        color:#d19006;
    }

    [role="homepagemanager"] .separator{
        width: 90%;
        z-index: 1;
    }
    /*------------ used_equipment_folder --------*/

    body.used_equipment_folder h1{
       padding-bottom: 20px;
    }
    body.used_equipment_folder .model-search{
        float: left;
    }
    body.used_equipment_folder .toolbar{
        margin-bottom: 20px;
    }
    body.used_equipment_folder .toolbar.bottom{
        margin-top: 20px;
    }
    body.used_equipment_folder .block-680.ue-block{
        min-height: 150px;
        height: 100%;
        padding-bottom: 10px;
        float: left;
    }
    body.used_equipment_folder  .page_index{
        width: 55px;
    }
    body.used_equipment_folder  .limit-selector{
        width: 129px;
    }
    body.used_equipment_folder .pagination ul{
        margin-top: 0;
    }


    body.used_equipment_folder  .ue-block .left{
        margin: 10px 0 0 10px;
        width: 100%;
    }
    /*------- block ------*/
    body.used_equipment_folder .block-680.ue-view{
        margin-bottom: 10px;
    }
    body.used_equipment_folder  .ue-view .left{
        width: 97%;
        padding: 5px;
        height: auto;
        border: none ;
    }
    body.used_equipment_folder .features-table{
        width: auto;
        margin: 5px 10px;
    }
    body.used_equipment_folder .ue-specs{
        width: 98%;
    }
    body.used_equipment_folder  .ue-view .right{
        width: 90%;
        height: auto;
        float: none;
        display: inline-block;
        border-bottom: 1px solid #d7d7d7;
        padding: 20px;
    }

    body.used_equipment_folder  .ue-view .right.description{
        border-bottom: none;
    }
    body.used_equipment_folder .button{
        padding: 5px 10px;
    }

    body.used_equipment_folder  .left.ue-description{
        width: auto;
        margin-left: 10px;
    }

    /*body.used_equipment_folder  .block-680.ue-block > div:nth-child(3){*/
        /*left: 6px;*/
        /*top: 102px !important;*/
    /*}*/
    /*------------- SLIDER ------------*/


    [role="main"]  #movingboxe-slidefade-webpage,
    [role="main"]  #movingboxe-slidefade-webpage div
    {
        width: 100%;
        background-size: cover;
        height: auto;

    }
    [role="main"] #slidefade-webpage .arrow_movingboxe
    {
        top: 95px;
    }

    /*------------------ NEWS ---------------*/

    .rounding-8.padding-20.block-680{
        margin: 10px 0;
        padding: 10px 10px 30px;
        width: 94%;
    }
    .rounding-8.padding-20.block-680 h3{
        padding-bottom: 10px;
    }
    .rounding-8.padding-20.block-680 .block-320{
        float: left;
    }
    .rounding-8.padding-20.block-680 .block-320 small{
        border-top: 1px solid #ccc;
        display: block;
        width: 100%;
        padding-top:10px;
    }
    .rounding-8.padding-20.block-680 .block-320 br{
        display: none;
    }
    .link-lastest-news{
        height: auto;
        padding: 0 25px 10px 0;
        margin: 0;
        font-size: 15px;
        width: 90%;
        position: relative;
        min-height: 35px;

    }
    .link-lastest-news strong{
        position: relative;
    }
    .link{
        display: block;
        position: absolute;
        right: 0;
        top : 50%;
        margin-top: -20px;
    }
    .wrapper_button_laster_news .button.grey.right{
        border-color: #d4a31d;
        background: url("../images/buttons/bg-button-yellow.png") repeat-x scroll 0 0 #DCA020;
        color: white;
        font-size: 16px;
        text-align: center;
        right: 50%;
        margin-right: -100px;
        width: 150px;
    }

    body.news_folder [role="main"] .toolbar{
        margin: 10px 0;
    }

    body.news_folder  .news-with-image{
        width: auto;
        padding: 0;
    }
    body.news_folder .news-container .left{
        text-align: center;
    }

    body.news_folder .back-action{
        display: none;
    }
    body.news_folder .dealer_tag{
        display: table-cell;
        line-height: 13px;
        padding: 5px;
    }

    body.news_folder .news-container .left{
        float:none;
    }
    /*----------------- PAGE -----------------*/
    .breadcrumb{
        display: none;
    }
    .content-wrap-webpage #slidefade-webpage{
        margin: 0;
        width: 108%;
        position: relative;
        left: -15px;
        margin-bottom: 50px;
        padding-bottom: 20px;
    }
    .content-wrap-webpage #slidefade-webpage:after{
        display: block;
        content: '';
        height: 6px;
        width: 100%;
        margin-top: 10px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfbfbf+0,ffffff+77,ffffff+77 */
        background: #bfbfbf; /* Old browsers */
        background: -moz-linear-gradient(top,  #bfbfbf 0%, #ffffff 77%, #ffffff 77%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #bfbfbf 0%,#ffffff 77%,#ffffff 77%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #bfbfbf 0%,#ffffff 77%,#ffffff 77%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }
    .content-wrap-webpage #slidefade-webpage .arrow_movingboxe{
        top:100%;
    }
    .content-wrap-webpage #slidefade-webpage .pagination_movingboxe{
        top:100%;
        height: 12px;
    }

    /*--------------- ABOUT US ----------------*/

    body.about-us .rounding-8.padding-20.block-680:after{
        display: block;
        content: '';
        height: 1px;
        background: #DADADA;
        width: 108%;
        position: absolute;
        left: -15px;
        margin-top: 60px;
    }


    /*    Key players    */
    body.about-us  #webpage-body .renderedtable tr{
        display: inline-block;
        border-bottom: 1px solid #ececec;
    }
    body.about-us  #webpage-body .renderedtable td{
        display: table-cell;
    }
    body.about-us .rounding-8.block-330{
        border: 0;
        border-bottom:1px solid #d7d7d7 ;
    }

    body.about-us .rounding-8.block-330:first-of-type{
        border-top:1px solid #d7d7d7 ;
    }
    body.about-us .grey-title-box h3{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfc+0,eeeeee+100 */
        background: #fcfcfc; /* Old browsers */
        background: -moz-linear-gradient(top,  #fcfcfc 0%, #eeeeee 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #fcfcfc 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #fcfcfc 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
        position: relative;
    }
    body.about-us .grey-title-box h3.active{
        border-bottom: 1px solid #d7d7d7 ;
    }
    body.about-us .grey-title-box h3:after{
        right: 20px;
    }
    body.about-us .rounding-8.block-330 .wrapper-GC {
        display: none;
        width: 80%;
        margin: 20px;
    }
    body.about-us .padding-20 {
        padding: 0;
    }
    /*body.aboutus_folder .rounding-8.block-330:first-of-type{*/
        /*margin-top:0px;*/
    /*}*/
    body.aboutus_folder .rounding-8.block-330{
        margin-top:20px;
    }
    body.aboutus_folder .wrapper-GC.padding-20{
        padding: 10px 6px;
    }
    body.aboutus_folder .padding-20{
        padding: 0;
    }

    /*----------- OUR PRODUCT ---------------*/

    body.our-products #products_list{

        margin: 10px 0 0 0;
    }
    #products_list{
        width: 100%;
    }
    #products_list .ProductItem  {
        width:100%;
        margin-bottom: 20px;
    }
    #products_list .ProductItem img {
        padding: 10px 0;
    }
    #products_list .ProductItem strong {
        font-size:16px;

    }
    #products_list .ProductItem span br:first-of-type {
        display: none;
    }
    #products_list .toolbar {
        margin-bottom: 10px;
    }
    #productSummaryTab img{
        max-width: 100%;
    }
    #productSummaryTab h3{
       display:inline-block;

    }
    body.product_folder #tabs-product  .dl-document img{
        width: auto;
        height: auto;
        margin-right: 10px;
    }
    /*------------ BIG GREY ROWS -------------*/

    #CategoriesList{
        border-top: 1px solid #ccc;
        position: relative;
        left: -16px;
        width: 109%;
    }
    #CategoriesList .CategoryItem{
        border-bottom: 1px solid #ccc;
        padding:13px;
        display: block;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+100 */
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */

    }
    #CategoriesList .CategoryItem .column_image{
        width: auto;
        margin-right: 15px;
    }
    #CategoriesList .CategoryItem .column_content{
        max-width: 60%;
    }
    /*----------- PRODUCT SELECTOR -----------*/
    section[role="complementary"]{
        position: relative;
    }
    section[role="complementary"]  .selector-showHide-btn{
        border-color: #d4a31d;
        background: url("../images/buttons/bg-button-yellow.png") repeat-x scroll 0 0 #DCA020;
        color: white;
        font-size: 16px;
        text-align: center;
        width: 130px;
        padding: 10px;
        font-weight: bold;
        border-radius: 30px;
        position: absolute;
        top: 120px;
        cursor: pointer;
        z-index: 500;
    }
    #product-selector-form,.close-selector-btn{
        display: none;
    }
    .close-selector-btn{
        font-size: 24px;
        position: absolute;
        right: 14px;
        top: 5px;
        z-index: 510;
        text-decoration: none;
    }
    .close-selector-btn:visited,
    .close-selector-btn:hover {
        text-decoration: none;
    }
    #product-selector-form .padding-20,#product-selector-form #selectorCol{
        padding: 0;
    }
    #product-selector-form  #selectorCol{
        width: 90%;
        padding : 23px 20px 100px 0;
        border-right: 1px solid #ececec;
        border-bottom: 1px solid #ececec;
        position: relative;
        margin-left: 15px;
        top: -20px;
    }
    #product-selector-form  #selectorCol h2{
        color: #e7b220;
        font-size: 18px;
    }
    #product-selector-form  #selectorCol h3{
        font-size: 16px;
    }

    #product-selector-form  #selectorCol  li{
        padding: 5px 0;
    }
    #products_list {
        margin: 74px 0 0 0;
    }

    /*--------- PRODUCT PAGE & ABOUT US TABS ----------*/

    .hero-product img{
        width: 100%;
        height: auto;
    }
    #tabs-product > .tabs,
    body.about-us .rounding-8.block-330{
        position: relative;
        left: -25px;
    }
    #tabs-product > .tabs  .tabs-content{
        padding: 20px 10px;
    }
    #tabs-product > .tabs-content:first-of-type .tab-content{
        border: 0;
    }
    #tabs-product  > .tabs dd  a{
        padding: 0px 35px;
    }
    #tabs-product  > .tabs dd a:after{
        right: 60px;
    }
    #tabs-product  > .tabs dd:nth-child(4){
        border-bottom: 1px solid #c8c8c8;
    }

    #tabs-product ul,
    #tabs-product h1
    {
        display: inline-block;
    }
    .GalleryItem{
        margin-right: 4px;
    }

    table.model_product th,table.model_product td{
        padding: 2px;
    }
    /*------------- Mobile tabs -------------*/
    .tabs {
        float: left;
        height: auto;
        border: 0;
        width: 100%;
        margin-top: 15px;
    }
    .tabs dd{
        display: block;
        width: 100%;
        margin: 0 !important;
        top: 0 !important;
    }
    .tabs dd a{
        border-radius: 0;
        border-bottom: 0;
        margin-right: 1px;
        font-size: 18px;
        position: relative;
    }


    .tabs dd a:hover, .tabs dd a:visited {
        text-decoration: none;
    }
    .tabs dd:first-child a,
    .tabs dd:first-child.active a,
    .tabs li:first-child.active a
    {
        border-radius: 8px 8px 0 0;
    }
    section[role="main"] .tabs-content{
        padding-top: 0px !important;
        margin:0;
        width: 100%;
    }
    .tabs-content .tab-content{
        border: 1px solid #c8c8c8;
        padding: 30px 0 10px;
        margin-bottom: 10px;
        width: 99%;
        float: left;
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;

    }
    .tabs-content .tab-content .gallery-image-block{
        border: none;

    }
    .tabs-content .tab-content .gallery-image-block.first{
        margin: 5px;
    }
    .tabs-content .tab-content .contacts-folderInfoLeft{
        width: 90%;
    }
    .tabs-content .tab-content .columns_content{
        width: 57%;
    }
    /*------------- SERVICES -----------------*/

    body.service_folder .rounding-8.block-330{
        position: relative;
        left: -36px;
        border: 0;
        border-top:1px solid #d7d7d7 ;
    }
    body.service_folder .padding-20{
        padding: 0 14px;
    }
    body.service_folder .rounding-8.padding-20.block-680:after{
        display: block;
        content: '';
        height: 1px;
        background: #DADADA;
        width: 108%;
        position: absolute;
        left: -15px;
        margin-top: 60px;
    }
    body.service_folder .rounding-8.block-330 h3{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfc+0,eeeeee+100 */
        background: #fcfcfc; /* Old browsers */
        background: -moz-linear-gradient(top,  #fcfcfc 0%, #eeeeee 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #fcfcfc 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #fcfcfc 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
        position: relative;
    }
    body.service_folder .rounding-8.block-330 h3:after{
        right: 30px;
    }
    body.service_folder .rounding-8.block-330 h3.active{
        border-bottom: 1px solid #d7d7d7 ;
    }
    body.service_folder .rounding-8.block-330 .wrapper-GC {
        display: none;
        margin: 20px;
    }

    /*------------- OTHERS BRAND -------------*/
    body.otherbrand_page .rounding-8.block-330{
        margin-bottom:20px;
    }
    body.otherbrand_page .wrapper-GC{
        text-align: center;
        height: auto;
    }
    body.otherbrand_page .wrapper-GC .columns-image{
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
    body.otherbrand_page .wrapper-GC .columns-content{
        margin: 0;
        height: auto;
    }
    body.otherbrand_page .wrapper-GC .columns-content .button.grey.right{
        position: relative;
    }

    body.other_brands_folder .rounding-8.block-330{
        margin-bottom: 10px;
        padding-bottom: 7px;
    }
    body.other_brands_folder .padding-20{
        padding: 6px;
    }

    body.other_brands_folder .padding-20.padding-bottom{
        padding: 0px;
    }
    /*--------------- Rental -----------------*/
    /*bloc are too large for mobile display */
    body.rentals_folder .wrapper-GC.padding-20{
        padding: 14px;
    }
    body.rentals_folder .rounding-8.block-330{
        margin-bottom: 20px;
    }
    /*--------------- Contact ----------------*/
    [role="main"] .wrapperTabContact{
       padding-top: 30px;
       margin: 0;
       width: 100%;
       display: inline;
    }
    #crm_contact_form input,
    #crm_contact_form label,
    #crm_contact_form .contactFormLeft,
    #crm_contact_form .contactFormRight,
    #crm_contact_form textarea.styling{
        float: left;
        width: 96%;
        margin: 5px 5px;
        padding: 0;
    }
    #crm_contact_form .button.yellow{
        padding: 5px 10px;
    }
    body.contacts_folder .dealership-container .block-330{
        width:auto
    }
    body.contacts_folder .padding-20.padding-bottom{
        padding: 0px;
    }
    body.contacts_folder .rounding-8.block-330{
        margin-bottom: 10px;
        padding-bottom: 20px;
    }
    body.contacts_folder  #map_container,body.contacts_folder  #map_canvas{
        margin: 0;
        padding: 0;
        border: 0;
        left: -6px;
    }
    body.contacts_folder  #map_container{
        margin-bottom: 20px;
    }
    body.contacts_folder [role="google-maps-big"]{
        width: 106%;
    }
    .contactInfo .columns_image{
        margin-right: 5px;
    }

    /*--------------  footer --------------*/
    footer{
        display: inline;
        float: left;
        margin: 0 10px;
        width: 97%;
    }
    footer .footer_store{
        width: 100%;
        margin:  0;
        border-top: 1px solid #ececec;
        padding: 10px 0;
    }
    footer .footer_store:first-child{
        border: 0;
    }

    footer #footer_seo{
        width: 95%;
    }
    footer #footer-ydws{
        margin-left: -91px;
        left: 44%;
        position: absolute;
        top:  50px;
    }
    footer #footer-links{
        margin-top: 23px;
        margin-bottom: 50px;
    }
    footer #footer-links a#locate-dealer{
        margin-left: 18%;
    }
    /*---------------------- Gallery in pages ------------------*/

    body.aboutus_folder .SliderGallery table td{
        display: table-cell;
    }
    body.aboutus_folder .SliderGallery #slide-webpage-gallery{
        width: auto;
    }
    .top-slider-gallery,
    .bottom-slider-gallery{
        display:none;
    }

    #fancybox-left, #fancybox-right{
        visibility: visible !important;
    }
    #fancybox-right span{
        left: auto;
        right: 20px;
    }
    #fancybox-left span{
        left: 20px;
    }
    /*///////////////// STACKABLES TABLE ////////////////////////*/

    .stacktable { width: 100%; }
    .st-head-row { padding-top: 1em; }
    .st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
    .st-key { width: 49%; text-align: right; padding-right: 1%; }
    .st-val { width: 49%; padding-left: 1%; }



    /* RESPONSIVE EXAMPLE */

    .stacktable.large-only { display: table; }
    .stacktable.small-only { display: none; }


}
@media (max-width: 800px) {
    .stacktable.large-only { display: none; }
    .stacktable.small-only { display: table; }
}

@media (max-width: 580px) {
    #slider-product .hero-landingpage section{
        display: none;
    }
    #slider-product #slider-hero  > a img:first-of-type{
        float: none;
    }
}

@media only screen
and (min-width: 380px)
and (max-width: 768px)
and (orientation: portrait),
screen
and (min-width: 380px)
and (max-width: 736px)
and (orientation: landscape)
{

    #header-dealer a.first {
        max-width: 150px;

    }

}
/*---------- fix some tablet width ------------*/
@media only screen
and (min-width: 768px)
and (orientation: portrait),
screen
and (min-width: 736px)
and (orientation: landscape)
{
    #global{
        overflow-x: hidden;
    }


    body.aboutus_folder .content-wrap-webpage #slidefade-webpage{
         left: 0px;
        width: 100%;
    }
   /* body.rentals_folder section[role="main"] h1,
    body.other_brands_folder section[role="main"] h1,
    body.aboutus_folder section[role="main"] h1,
    body.service_folder section[role="main"] h1,*/
    body.aboutus_folder  .rounding-8.padding-20.block-680
    {
        margin: 10px;
    }
    body.aboutus_folder .rounding-8.block-330,
    body.news_folder .block-640
    {
        margin: 10px;
    }


    body.news_folder .rounding-8.block-680,
    .content-wrap-landingpage section[role="main"] > div,
    .content-wrap-landingpage section[role="homepagemanager"],
    .content-wrap-landingpage section[role="complementary"] > div,
    .block-680.rounding-8.toolbar,
    #webpage-body{
        width: 99%;
         margin: 0;
    }

    #products_list .ProductItem{
        width: 99%;
    }
    body.service_folder .rounding-8.block-330{
        left: -31px;
    }
    #tabs-product > .tabs dd a:after{
        right: 66px;
    }

    /* MEDIUM Margin */
    body.contacts_folder .rounding-8.block-330,
    footer
    {
        margin-left:15px;
    }
    /* SMALL Margin */
    section[role="complementary"],
    body section[role="main"],
    body.other_brands_folder .rounding-8.block-330{
        margin-left: 5px ;
    }
    section[role="homepagemanager"] section.block-right,
    section[role="homepagemanager"] section.block-left,
    body.product_folder #tabs-product h1,
    body.product_folder #tabs-product h3,
    body.news_folder .rounding-8.block-680,
    body.used_equipment_folder section[role="main"] #formTab,
    .block-640,
    body.service_folder section[role="main"] #formTab,
    .block-680.rounding-8.toolbar,
    footer{
         width: 100%;
    }
    #global #movingboxe-corporate div,
    #global #movingboxe-corporate,
    #global #slider-corporate,
    #global #slider-product
    {
        height: 300px !important;
        width:100%;
    }

    section[role="complementary"] .selector-showHide-btn{
        top: 75px;
    }
    #product-selector-form #selectorCol,

    body.used_equipment_folder .features-table,
    body.product_folder #tabs-product,
    [role="homepagemanager"] .separator{
        width: 95%;
    }
    body.used_equipment_folder .ue-view .right{
        width: 92%;
    }
    .close-selector-btn{
        right: 43px;
        top: 5px;
    }

    body.product_folder #tabs-product p
    {
        float:left;
        width: 100%;
    }
    body.product_folder #tabs-product img
    {
        width: auto;
        float: none;
    }

    .tabs-content .tab-content,
    body.service_folder section[role="main"] #formTab,
    body.used_equipment_folder section[role="main"] > div
    {
      width:99.6%;

    }

}