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

.desktop__ , .desktop_tablet__{display: block ;}
.desktop__inline_block , .desktop_tablet__inline_block{display: inline-block;}
.desktop__table , .desktop_tablet__table{display: table;}
.tablet__ , .mobile__ , .tablet_mobile__ {display: none ;}
.tablet__inline_block , .mobile__inline_block , .tablet_mobile__inline_block{display: none ;}
.tablet__table , .mobile__table , .tablet_mobile__table{display: none ;}
.ab__y{position:absolute;top:0px;left:0px;height:100%;display:block;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;
}


@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 }
    .tablet__  ,  .tablet_mobile__{display: block ;}
    .tablet__table , .tablet_mobile__table{display:table;}
    .tablet__inline_block, .tablet__inline_block,.tablet_mobile__inline_block{display: inline-block}
    .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 ;}
    .mobile__ {display: block ;}
    .mobile__inline_block{display: inline-block;}
    .mobile__table{display:table;}
     .container{
        width:100%;
    }
}