/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.nav-menu ul {
    margin-left: -50px;
}
.top {
    padding: 120px 0 200px;
}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.btn-menu{display:flex;justify-content: flex-end;align-items:center;position:relative;z-index:99999}
#toggle{width:38px;height:28px}
#toggle div{width:100%;height:4px;border-radius:1px;background-color: rgb(0, 122, 232);margin:4px auto;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
#toggle.on .one{-webkit-transform:rotate(45deg) translate(5px,6px);-ms-transform:rotate(45deg) translate(5px,6px);transform:rotate(45deg) translate(5px,6px);}
#toggle.on .two{opacity:0}
#toggle.on .three{-webkit-transform:rotate(-45deg) translate(2px,-3px);-ms-transform:rotate(-45deg) translate(2px,-3px);transform:rotate(-45deg) translate(5px,-6px);}

.hidden-mob{
	display: none;
}


.nav-menu {
     display: none; 
    position: fixed;
    top: 70px;
    left: 0;
    padding: 20px;
    background: #ffffff;
    width: 100%;
    height: calc(100% - 78px);
}

.sticky_header .nav-menu {
    top: 51px;
    height: calc(100% - 51px);
}

.header {
    padding: 20px 0;
}

.header-container {
    height: 70px;
}

.sticky_header {
    padding: 10px 0;
}

.logo img {
	height: 32px;
	-webkit-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
}



 .logo img{
    height: 25px;
}

.nav-menu ul li {
    margin: 0 0 15px;
    width: 100%;
}

.nav-menu ul {
    margin-left: 0px;
    flex-direction: column;
}

.top {
    padding: 80px 0 150px;
}

.who-we {
    padding: 60px 0 80px;
}

.expertise {
    padding: 70px 0 80px;
}

.footer {
    padding: 40px 0 30px;
    text-align: center;
}

.footer-right h3 {
    text-align: center;
}

.footer h3 {
    padding: 0;
    margin: 0 0 15px;
}

.footer p {
    margin: 0;
}

.footer-logo {
    display: block;
    margin: 0 0 15px;
}

.expertise-block {
    padding: 30px 0 30px;
}

.expertise-text {
    padding: 0 15px;
}




}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
.top {
    padding: 80px 0 110px;
}
.top h1 {
    font-size: 29px;
}

.who-we h2 {
    font-size: 25px;
}
.expertise h2 {
    font-size: 25px;
}
.expertise-block-back {
    padding: 8px;
}
.who-we {
    padding: 40px 0 30px;
}
.expertise {
    padding: 30px 0 40px;
}
.expertise-block h3 {
    font-size: 14px;
    line-height: 1.4;
}
.expertise-block .expertise-title h3 {
    margin: 0 0 20px;
}
.expertise-block ul li {
    line-height: 1.4;
}
.expertise-block ul {
    padding-left: 27px;
}
.expertise-block p {
    line-height: 1.4;
    padding-left: 10px;
}
}

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

}