/* Small devices (landscape phones, 576px and up)*/
@media (max-width: 800px) and (min-width: 360px){
    body{width: 100%;}
    .hamburger{font: inherit;display: inline-block;overflow: visible;margin: 0;padding: 15px;cursor: pointer;transition-timing-function: linear;transition-duration: .15s;transition-property: opacity, filter;text-transform: none;color: inherit;border: 0;background-color: transparent;}
    .hamburger.is-active:hover, .hamburger:hover{opacity: .7}
    .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before{background-color: #777;}
    .hamburger-box{position: relative;display: inline-block;width: 40px;height: 24px}
    .hamburger-inner{top: 50%;display: block;margin-top: -2px}
    .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{position: absolute;width: 40px;height: 4px;transition-timing-function: ease;transition-duration: .15s;transition-property: transform;border-radius: 4px;background-color: #969696;}
    .hamburger-inner:after, .hamburger-inner:before{display: block;content: ""}
    .hamburger-inner:before{top: -10px}
    .hamburger-inner:after{bottom: -10px}
    .hamburger--3dx .hamburger-box{perspective: 80px}
    .hamburger--3dx .hamburger-inner{transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s}
    .hamburger--3dx .hamburger-inner:after, .hamburger--3dx .hamburger-inner:before{transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s}
    .hamburger--3dx.is-active .hamburger-inner{transform: rotateY(180deg);background-color: transparent !important}
    .hamburger--3dx.is-active .hamburger-inner:before{transform: translate3d(0, 10px, 0) rotate(45deg)}
    .hamburger--3dx.is-active .hamburger-inner:after{transform: translate3d(0, -10px, 0) rotate(-45deg)}
    .hamburger--3dx-r .hamburger-box{perspective: 80px}
    .hamburger--3dx-r .hamburger-inner{transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s}
    .hamburger--3dx-r .hamburger-inner:after, .hamburger--3dx-r .hamburger-inner:before{transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s}
    .hamburger--3dx-r.is-active .hamburger-inner{transform: rotateY(-180deg);background-color: transparent !important}
    .hamburger--3dx-r.is-active .hamburger-inner:before{transform: translate3d(0, 10px, 0) rotate(45deg)}
    .hamburger--3dx-r.is-active .hamburger-inner:after{transform: translate3d(0, -10px, 0) rotate(-45deg)}
    .hamburger--3dy .hamburger-box{perspective: 80px}
    .hamburger--3dy .hamburger-inner{transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s}
    .hamburger--3dy .hamburger-inner:after, .hamburger--3dy .hamburger-inner:before{transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s}
    .hamburger--3dy.is-active .hamburger-inner{transform: rotateX(-180deg);background-color: transparent !important}
    .hamburger--3dy.is-active .hamburger-inner:before{transform: translate3d(0, 10px, 0) rotate(45deg)}
    .hamburger--3dy.is-active .hamburger-inner:after{transform: translate3d(0, -10px, 0) rotate(-45deg)}
    .hamburger--3dy-r .hamburger-box{perspective: 80px}
    .hamburger--3dy-r .hamburger-inner{transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s}
    .hamburger--3dy-r .hamburger-inner:after, .hamburger--3dy-r .hamburger-inner:before{transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s}
    .hamburger--3dy-r.is-active .hamburger-inner{transform: rotateX(180deg);background-color: transparent !important}
    .hamburger--3dy-r.is-active .hamburger-inner:before{transform: translate3d(0, 10px, 0) rotate(45deg)}
    .hamburger--3dy-r.is-active .hamburger-inner:after{transform: translate3d(0, -10px, 0) rotate(-45deg)}
    .hamburger--3dxy .hamburger-box{perspective: 80px}
    .hamburger--3dxy .hamburger-inner{transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s}
    .hamburger--3dxy .hamburger-inner:after, .hamburger--3dxy .hamburger-inner:before{transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s}
    .hamburger--3dxy.is-active .hamburger-inner{transform: rotateX(180deg) rotateY(180deg);background-color: transparent !important}
    .hamburger--3dxy.is-active .hamburger-inner:before{transform: translate3d(0, 10px, 0) rotate(45deg)}
    .hamburger--3dxy.is-active .hamburger-inner:after{transform: translate3d(0, -10px, 0) rotate(-45deg)}
    .hamburger--3dxy-r .hamburger-box{perspective: 80px}
    .hamburger--3dxy-r .hamburger-inner{transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s}
    .hamburger--3dxy-r .hamburger-inner:after, .hamburger--3dxy-r .hamburger-inner:before{transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s}
    .hamburger--3dxy-r.is-active .hamburger-inner{transform: rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color: transparent !important}
    .hamburger--3dxy-r.is-active .hamburger-inner:before{transform: translate3d(0, 10px, 0) rotate(45deg)}
    .hamburger--3dxy-r.is-active .hamburger-inner:after{transform: translate3d(0, -10px, 0) rotate(-45deg)}
    .hamburger--arrow.is-active .hamburger-inner:before{transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7)}
    .hamburger--arrow.is-active .hamburger-inner:after{transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7)}
    .hamburger--arrow-r.is-active .hamburger-inner:before{transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7)}
    .hamburger--arrow-r.is-active .hamburger-inner:after{transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7)}
    .hamburger--arrowalt .hamburger-inner:before{transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)}
    .hamburger--arrowalt .hamburger-inner:after{transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)}
    .hamburger--arrowalt.is-active .hamburger-inner:before{top: 0;transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(.7)}
    .hamburger--arrowalt.is-active .hamburger-inner:after{bottom: 0;transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(.7)}
    .hamburger--arrowalt-r .hamburger-inner:before{transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)}
    .hamburger--arrowalt-r .hamburger-inner:after{transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)}
    .hamburger--arrowalt-r.is-active .hamburger-inner:before{top: 0;transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(.7)}
    .hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom: 0;transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(.7)}
    .hamburger--arrowturn.is-active .hamburger-inner{transform: rotate(-180deg)}
    .hamburger--arrowturn.is-active .hamburger-inner:before{transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7)}
    .hamburger--arrowturn.is-active .hamburger-inner:after{transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7)}
    .hamburger--arrowturn-r.is-active .hamburger-inner{transform: rotate(-180deg)}
    .hamburger--arrowturn-r.is-active .hamburger-inner:before{transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7)}
    .hamburger--arrowturn-r.is-active .hamburger-inner:after{transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7)}
    .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner:after, .hamburger--boring .hamburger-inner:before{transition-property: none}
    .hamburger--boring.is-active .hamburger-inner{transform: rotate(45deg)}
    .hamburger--boring.is-active .hamburger-inner:before{top: 0;opacity: 0}
    .hamburger--boring.is-active .hamburger-inner:after{bottom: 0;transform: rotate(-90deg)}
    .hamburger--collapse .hamburger-inner{top: auto;bottom: 0;transition-delay: .13s;transition-timing-function: cubic-bezier(.55, .055, .675, .19);transition-duration: .13s}
    .hamburger--collapse .hamburger-inner:after{top: -20px;transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear}
    .hamburger--collapse .hamburger-inner:before{transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)}
    .hamburger--collapse.is-active .hamburger-inner{transition-delay: .22s;transition-timing-function: cubic-bezier(.215, .61, .355, 1);transform: translate3d(0, -10px, 0) rotate(-45deg)}
    .hamburger--collapse.is-active .hamburger-inner:after{top: 0;transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;opacity: 0}
    .hamburger--collapse.is-active .hamburger-inner:before{top: 0;transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;transform: rotate(-90deg)}
    .hamburger--collapse-r .hamburger-inner{top: auto;bottom: 0;transition-delay: .13s;transition-timing-function: cubic-bezier(.55, .055, .675, .19);transition-duration: .13s}
    .hamburger--collapse-r .hamburger-inner:after{top: -20px;transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear}
    .hamburger--collapse-r .hamburger-inner:before{transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)}
    .hamburger--collapse-r.is-active .hamburger-inner{transition-delay: .22s;transition-timing-function: cubic-bezier(.215, .61, .355, 1);transform: translate3d(0, -10px, 0) rotate(45deg)}
    .hamburger--collapse-r.is-active .hamburger-inner:after{top: 0;transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;opacity: 0}
    .hamburger--collapse-r.is-active .hamburger-inner:before{top: 0;transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;transform: rotate(90deg)}
    .hamburger--elastic .hamburger-inner{top: 2px;transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);transition-duration: .275s}
    .hamburger--elastic .hamburger-inner:before{top: 10px;transition: opacity .125s ease .275s}
    .hamburger--elastic .hamburger-inner:after{top: 20px;transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55)}
    .hamburger--elastic.is-active .hamburger-inner{transition-delay: 75ms;transform: translate3d(0, 10px, 0) rotate(135deg)}
    .hamburger--elastic.is-active .hamburger-inner:before{transition-delay: 0s;opacity: 0}
    .hamburger--elastic.is-active .hamburger-inner:after{transition-delay: 75ms;transform: translate3d(0, -20px, 0) rotate(-270deg)}
    .hamburger--elastic-r .hamburger-inner{top: 2px;transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);transition-duration: .275s}
    .hamburger--elastic-r .hamburger-inner:before{top: 10px;transition: opacity .125s ease .275s}
    .hamburger--elastic-r .hamburger-inner:after{top: 20px;transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55)}
    .hamburger--elastic-r.is-active .hamburger-inner{transition-delay: 75ms;transform: translate3d(0, 10px, 0) rotate(-135deg)}
    .hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay: 0s;opacity: 0}
    .hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay: 75ms;transform: translate3d(0, -20px, 0) rotate(270deg)}
    .hamburger--emphatic{overflow: hidden}
    .hamburger--emphatic .hamburger-inner{transition: background-color .125s ease-in .175s}
    .hamburger--emphatic .hamburger-inner:before{left: 0;transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s}
    .hamburger--emphatic .hamburger-inner:after{top: 10px;right: 0;transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s}
    .hamburger--emphatic.is-active .hamburger-inner{transition-delay: 0s;transition-timing-function: ease-out;background-color: transparent !important}
    .hamburger--emphatic.is-active .hamburger-inner:before{top: -80px;left: -80px;transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;transform: translate3d(80px, 80px, 0) rotate(45deg)}
    .hamburger--emphatic.is-active .hamburger-inner:after{top: -80px;right: -80px;transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;transform: translate3d(-80px, 80px, 0) rotate(-45deg)}
    .hamburger--emphatic-r{overflow: hidden}
    .hamburger--emphatic-r .hamburger-inner{transition: background-color .125s ease-in .175s}
    .hamburger--emphatic-r .hamburger-inner:before{left: 0;transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s}
    .hamburger--emphatic-r .hamburger-inner:after{top: 10px;right: 0;transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s}
    .hamburger--emphatic-r.is-active .hamburger-inner{transition-delay: 0s;transition-timing-function: ease-out;background-color: transparent !important}
    .hamburger--emphatic-r.is-active .hamburger-inner:before{top: 80px;left: -80px;transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;transform: translate3d(80px, -80px, 0) rotate(-45deg)}
    .hamburger--emphatic-r.is-active .hamburger-inner:after{top: 80px;right: -80px;transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;transform: translate3d(-80px, -80px, 0) rotate(45deg)}
    .hamburger--minus .hamburger-inner:after, .hamburger--minus .hamburger-inner:before{transition: bottom .08s ease-out 0s, top .08s ease-out 0s, opacity 0s linear}
    .hamburger--minus.is-active .hamburger-inner:after, .hamburger--minus.is-active .hamburger-inner:before{transition: bottom .08s ease-out, top .08s ease-out, opacity 0s linear .08s;opacity: 0}
    .hamburger--minus.is-active .hamburger-inner:before{top: 0}
    .hamburger--minus.is-active .hamburger-inner:after{bottom: 0}
    .hamburger--slider .hamburger-inner{top: 2px}
    .hamburger--slider .hamburger-inner:before{top: 10px;transition-timing-function: ease;transition-duration: .15s;transition-property: transform, opacity}
    .hamburger--slider .hamburger-inner:after{top: 20px}
    .hamburger--slider.is-active .hamburger-inner{transform: translate3d(0, 10px, 0) rotate(45deg)}
    .hamburger--slider.is-active .hamburger-inner:before{transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);opacity: 0}
    .hamburger--slider.is-active .hamburger-inner:after{transform: translate3d(0, -20px, 0) rotate(-90deg)}
    .hamburger--slider-r .hamburger-inner{top: 2px}
    .hamburger--slider-r .hamburger-inner:before{top: 10px;transition-timing-function: ease;transition-duration: .15s;transition-property: transform, opacity}
    .hamburger--slider-r .hamburger-inner:after{top: 20px}
    .hamburger--slider-r.is-active .hamburger-inner{transform: translate3d(0, 10px, 0) rotate(-45deg)}
    .hamburger--slider-r.is-active .hamburger-inner:before{transform: rotate(45deg) translate3d(5.71429px, -6px, 0);opacity: 0}
    .hamburger--slider-r.is-active .hamburger-inner:after{transform: translate3d(0, -20px, 0) rotate(90deg)}
    .hamburger--spin .hamburger-inner{transition-timing-function: cubic-bezier(.55, .055, .675, .19);transition-duration: .22s}
    .hamburger--spin .hamburger-inner:before{transition: top .1s ease-in .25s, opacity .1s ease-in}
    .hamburger--spin .hamburger-inner:after{transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19)}
    .hamburger--spin.is-active .hamburger-inner{transition-delay: .12s;transition-timing-function: cubic-bezier(.215, .61, .355, 1);transform: rotate(225deg)}
    .hamburger--spin.is-active .hamburger-inner:before{top: 0;transition: top .1s ease-out, opacity .1s ease-out .12s;opacity: 0}
    .hamburger--spin.is-active .hamburger-inner:after{bottom: 0;transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;transform: rotate(-90deg)}
    .hamburger--spin-r .hamburger-inner{transition-timing-function: cubic-bezier(.55, .055, .675, .19);transition-duration: .22s}
    .hamburger--spin-r .hamburger-inner:before{transition: top .1s ease-in .25s, opacity .1s ease-in}
    .hamburger--spin-r .hamburger-inner:after{transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19)}
    .hamburger--spin-r.is-active .hamburger-inner{transition-delay: .12s;transition-timing-function: cubic-bezier(.215, .61, .355, 1);transform: rotate(-225deg)}
    .hamburger--spin-r.is-active .hamburger-inner:before{top: 0;transition: top .1s ease-out, opacity .1s ease-out .12s;opacity: 0}
    .hamburger--spin-r.is-active .hamburger-inner:after{bottom: 0;transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;transform: rotate(90deg)}
    .hamburger--spring .hamburger-inner{top: 2px;transition: background-color 0s linear .13s}
    .hamburger--spring .hamburger-inner:before{top: 10px;transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)}
    .hamburger--spring .hamburger-inner:after{top: 20px;transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)}
    .hamburger--spring.is-active .hamburger-inner{transition-delay: .22s;background-color: transparent !important}
    .hamburger--spring.is-active .hamburger-inner:before{top: 0;transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;transform: translate3d(0, 10px, 0) rotate(45deg)}
    .hamburger--spring.is-active .hamburger-inner:after{top: 0;transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s;transform: translate3d(0, 10px, 0) rotate(-45deg)}
    .hamburger--spring-r .hamburger-inner{top: auto;bottom: 0;transition-delay: 0s;transition-timing-function: cubic-bezier(.55, .055, .675, .19);transition-duration: .13s}
    .hamburger--spring-r .hamburger-inner:after{top: -20px;transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity 0s linear}
    .hamburger--spring-r .hamburger-inner:before{transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)}
    .hamburger--spring-r.is-active .hamburger-inner{transition-delay: .22s;transition-timing-function: cubic-bezier(.215, .61, .355, 1);transform: translate3d(0, -10px, 0) rotate(-45deg)}
    .hamburger--spring-r.is-active .hamburger-inner:after{top: 0;transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .22s;opacity: 0}
    .hamburger--spring-r.is-active .hamburger-inner:before{top: 0;transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;transform: rotate(90deg)}
    .hamburger--stand .hamburger-inner{transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms}
    .hamburger--stand .hamburger-inner:before{transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s}
    .hamburger--stand .hamburger-inner:after{transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s}
    .hamburger--stand.is-active .hamburger-inner{transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;transform: rotate(90deg);background-color: transparent !important}
    .hamburger--stand.is-active .hamburger-inner:before{top: 0;transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;transform: rotate(-45deg)}
    .hamburger--stand.is-active .hamburger-inner:after{bottom: 0;transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;transform: rotate(45deg)}
    .hamburger--stand-r .hamburger-inner{transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms}
    .hamburger--stand-r .hamburger-inner:before{transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s}
    .hamburger--stand-r .hamburger-inner:after{transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s}
    .hamburger--stand-r.is-active .hamburger-inner{transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;transform: rotate(-90deg);background-color: transparent !important}
    .hamburger--stand-r.is-active .hamburger-inner:before{top: 0;transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;transform: rotate(-45deg)}
    .hamburger--stand-r.is-active .hamburger-inner:after{bottom: 0;transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;transform: rotate(45deg)}
    .hamburger--squeeze .hamburger-inner{transition-timing-function: cubic-bezier(.55, .055, .675, .19);transition-duration: 75ms}
    .hamburger--squeeze .hamburger-inner:before{transition: top 75ms ease .12s, opacity 75ms ease}
    .hamburger--squeeze .hamburger-inner:after{transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19)}
    .hamburger--squeeze.is-active .hamburger-inner{transition-delay: .12s;transition-timing-function: cubic-bezier(.215, .61, .355, 1);transform: rotate(45deg)}
    .hamburger--squeeze.is-active .hamburger-inner:before{top: 0;transition: top 75ms ease, opacity 75ms ease .12s;opacity: 0}
    .hamburger--squeeze.is-active .hamburger-inner:after{bottom: 0;transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;transform: rotate(-90deg)}
    .hamburger--vortex .hamburger-inner{transition-timing-function: cubic-bezier(.19, 1, .22, 1);transition-duration: .2s}
    .hamburger--vortex .hamburger-inner:after, .hamburger--vortex .hamburger-inner:before{transition-delay: .1s;transition-timing-function: linear;transition-duration: 0s}
    .hamburger--vortex .hamburger-inner:before{transition-property: top, opacity}
    .hamburger--vortex .hamburger-inner:after{transition-property: bottom, transform}
    .hamburger--vortex.is-active .hamburger-inner{transition-timing-function: cubic-bezier(.19, 1, .22, 1);transform: rotate(765deg)}
    .hamburger--vortex.is-active .hamburger-inner:after, .hamburger--vortex.is-active .hamburger-inner:before{transition-delay: 0s}
    .hamburger--vortex.is-active .hamburger-inner:before{top: 0;opacity: 0}
    .hamburger--vortex.is-active .hamburger-inner:after{bottom: 0;transform: rotate(90deg)}
    .hamburger--vortex-r .hamburger-inner{transition-timing-function: cubic-bezier(.19, 1, .22, 1);transition-duration: .2s}
    .hamburger--vortex-r .hamburger-inner:after, .hamburger--vortex-r .hamburger-inner:before{transition-delay: .1s;transition-timing-function: linear;transition-duration: 0s}
    .hamburger--vortex-r .hamburger-inner:before{transition-property: top, opacity}
    .hamburger--vortex-r .hamburger-inner:after{transition-property: bottom, transform}
    .hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function: cubic-bezier(.19, 1, .22, 1);transform: rotate(-765deg)}
    .hamburger--vortex-r.is-active .hamburger-inner:after, .hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay: 0s}
    .hamburger--vortex-r.is-active .hamburger-inner:before{top: 0;opacity: 0}
    .hamburger--vortex-r.is-active .hamburger-inner:after{bottom: 0;transform: rotate(-90deg)}
    .wBase{width: 100%;margin: 0 auto; flex-wrap: wrap;padding: 0px 5px;}
    .header{ /* display: flex; *//* justify-content:  space-between; *//* align-items: center; *//* align-content: center; */}
/*    .logo{padding-top: 30px;}*/
    .mTop{padding: 0 15px;align-items: center;background: #e6e6e6;}
    #btnShowMenu{margin-left: -15px;padding-top: 21px;display: block;}
    .searchBox{width: 150px;}
    .menuTopBox{margin: 0;display: none;}
    .menuTopBox.active{display: block;position: absolute;left: 0;top: 60px;}
    .menuTop{width: 100%;flex-wrap: wrap;background: #fff; /* display: none; */position: static;}
    .menuTop li{width: 100%}
    .menuTop a{display: block;height: 50px;line-height: 50px;border-bottom: 1px solid #b5b5b5;margin-left: 0;padding-left: 25px;}
    .menuTop ul{display: block;width: 100%;position: static;top: auto;padding: 0;background: #e6e6e6;transform: translateX(0);}
    .menuTop ul li a{padding-left: 40px;font-weight: 400;font-size: 15px;line-height: 35px;padding: 0;list-style: circle;margin-left: 45px;}
    .banner{width: 100%;height: auto}
    .banner video, .banner img{width: 100%;}
    .banner img{width: 100%;object-fit: cover;height: 100%;}
    .homeProduct{padding: 20px 10px}
	.abLogo img{    width: 100%; }
	.logo_boss img{ width: 100%; }
    .lstProduct{justify-content: space-around;width: 100%;}
    .videoBoxContent{padding: 15px}
    .videoBoxContent .vBoxContent{width: 100%; /*height: 250px;*/margin-bottom: 20px;}
    .videoBoxContent .vBoxContent iframe{width: 100%; height: 100%}
    .videoBoxContent .vBoxText{width: 100%;}
    .fBodyTop .mapBox{width: 100%;padding: 0 15px;margin: 0 0 30px 0;}
    .fBodyTop .mapBox img{width: 100%;height: auto}
    .fBodyTop .addressBox{width: 100%;}
    .fBodyBottom{padding: 15px}
    .productItem{width: 100%;padding-right: 0px; padding-left: 0px;}
    .productItem .prThumbBox{width: 100%;height: 250px;}
    .productItem .prThumbBox img{width: 100%;height: 100% }
    /*album anh*/
    .banner.type2{height: 290px;}
    .albumBox{flex-wrap: wrap;padding: 20px 15px;margin-bottom: 30px;}
    .albumBox .albumLeft{width: 100%;}
    .albumBox .albumMain{width: 100%;padding: 20px 0 0;}
    .albumList{justify-content: space-around;}
    .albumItem{margin-right: 0;}
    .albumItem.bigWidth{width: 100%;}
    .albumItemBig{}
    .albumItemBig .alibContent{width: 100%;margin-bottom: 20px;}
    .albumItemBig .alibThumb{width: 100%;}
    /*ảnh detail*/
    .modalBigger .modal-dialog-centered.modal-dialog{width: 95%;min-width: 95%;}
    .modalBigger .modal-body{padding: 15px;}
    .boxImage{width: 100%;}
    .boxImage .boxLeft{width: 100%;margin-bottom: 20px;}
    .boxImage .boxRight{width: 100%;}
    .boxImage .boxLeft img.thumbPro{height: 250px;}
    .imageInfo{ grid-template-columns: auto auto;}
    .nameImageBox{display: none;}
    /** du an page **/
    .boxSearchFliter{width: 100%;grid-template-columns: auto;}
    .fliterBox select{width: 100%;}
    .projectContent{padding: 15px}
    /*.projectContent .itemProject{width: 80px;height: 80px;overflow: hidden;}*/
    .projectContent .itemProject{width: 33%;height: auto;overflow: hidden;}
    .projectContent .itemProject.active{width: 80px;}
    /*.projectContent .itemProject > img{width: 100%;height: 100%;object-fit: cover}*/
    .projectContent .itemProject > img{width: 100%;height: auto;object-fit: cover}
    .itemProject .titlePro{padding: 10px 0px 0px 0px;     font-size: 11px;}
    .rowShow .dataProjectDetail{flex-wrap: wrap;width: 100%;padding: 10px;}
    .dpdThumb > img{width: 100%;height: auto;object-fit: cover;}
    .dataProjectDetail .dpdThumb{width: 100%;}
    .dataProjectDetail .dpdLeft{width: 100%;}
    .projectPage{margin-bottom: 20px;}
    /*Mobile lien he*/
    .contactBoxZone{padding: 20px 15px 30px;margin-bottom: 30px;}
    .contactBoxZone .cbzLeft{width: 100%;}
    .mapouter{width: 100%;}
    .mapouter iframe{width: 100%;}
    .contactBoxZone .cbzRight{width: 100%;}
    /*new list*/
    .listNews{}
    .lnItem .lniCol1{width: 100%;padding: 15px}
    .lnItem .lniCol2{width: 100%;padding: 15px}
    .mpmPagination {flex-wrap: wrap;justify-content: space-around;}
    .mpmPagination >div {text-align: center;}
    .mpmPagination a {margin-bottom: 15px;}

    /* Docs */
    .docContent {padding:0 15px}
    .listDocs .nav-tabs {flex-wrap: wrap;}
    .listDocs .nav-tabs .titleZone {font-size: 9px;height: auto;line-height: 13px;padding: 10px;}
    .listDocs .nav-tabs .nav-item {width: 32%;}
    .listDocs .nav-tabs .nav-item >img {width: 100%;height: 100px;object-fit: cover;}
    .listDocsChild .nav-item {width: 24%;height: auto;line-height: normal;padding: 10px 0;font-size: 13px;}
    .childContent .tabChildContent {grid-template-columns: auto;grid-gap: 30px;}
    .tab-content .childContent {padding:20px;}
    /*media*/
    .mediaBoxMain {padding-right: 15px;padding-left: 15px;}
    .mediaContent .mcThumbBox {margin-bottom: 20px;}
    .mediaContent {width: 100%;}
    /*Ung dung*/
    .useBigBox {width: 100%;padding: 0 15px;}
    .ubBigThumb {width: 100%}
    .ubBigThumb > img {width: 100%;object-fit: cover;height: 200px;}
    .ubContentLeft, .ubContentRight {width: 100%;padding:0;margin-bottom: 20px;}
    .unbTitleBig {padding:0 15px;font-size: 15px;}
    .useNormalBox .unbThumbSide {width: 100%;margin-bottom: 20px;}
    .unbDataBox {width: 100%;padding: 0 15px;text-align: justify;}
    .vBoxText .btnSub{position: initial; margin-top: 10px;}
	img{
		max-width: 100%;
	}
	#components .col40 {
		width: 100% !important;
	}
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px){
}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px){
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px){
}