.relative__{position: relative;z-index: 1;}
.f-left {float:left;}
.f-right{float:right;}
.clear__:after{content:'';display:block !important;float:none;clear:both;}

.desktop__ , .desktop_tablet__{display: block !important;}
.desktop__inline_block , .desktop_tablet__inline_block{display: inline-block !important;}
.desktop__table , .desktop_tablet__table{display: table !important;}
.tablet__ , .mobile__ , .tablet_mobile__ {display: none !important;}
.tablet__inline_block , .mobile__inline_block , .tablet_mobile__inline_block{display: none !important;}
.tablet__table , .mobile__table , .tablet_mobile__table{display: none !important;}
.ab__y{position:absolute;top:0px;left:0px;height:100%;display:block !important;width:100%}


/* mobile menu**/
.menu_mobile{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    background: #ad8f13;
    z-index: 999;
    box-sizing: border-box;
    padding: 70px 0px 0px;
    display: none;
}
.menu_mobile div {
    position: relative;
}


.menu_mobile a {
    display: block;
    color: white;
    height: 55px;
    text-align: center;
    font-size: 1.5em;
    line-height: 2.5;
}

.menu_mobile a.active {
    color: #784e28;
}

*.before , *.after{
    position: relative;
}
*.before:before  , *.after:after ,
*.before_inline:before  , *.after_inline:after
{
    content:'';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
}

*.before_inline:before  , *.after_inline:after{
    display: inline-block;
    position: static;
}



@media all  and (max-width: 1220px){
    .padding__{padding-left: 20px !important;padding-right: 20px !important;box-sizing: border-box;}
    .desktop__ , .desktop__inline_block , .desktop__table{display: none !important;}
    .tablet__  ,  .tablet_mobile__{display: block !important;}
    .tablet__table , .tablet_mobile__table{display:table !important;}
    .tablet__inline_block, .tablet__inline_block,.tablet_mobile__inline_block{display: inline-block !important;}
    .container{
        width:768px;
    }
}

@media all and (max-width: 767px){
    .desktop_tablet__ , .desktop_tablet__inline_block , .tablet__ , .tablet__inline_block  ,.desktop_tablet__table , .tablet__table{display: none !important;}
    .mobile__ {display: block !important;}
    .mobile__inline_block{display: inline-block !important;}
    .mobile__table{display:table !important;}
    .container{
        width:100%;
    }
}