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

@media only screen and (max-width : 1600px) {
.menu ul li{margin:0 10px}
.menu ul li a{font-size:16px}
}

@media only screen and (max-width : 1400px) {
.about-back{padding:73px 120px 97px}
#slider .owl-prev{left:-10px}
#slider .owl-next{right:-10px}
.menu ul li.hide-menu{display:none;display:none}
.menu ul li span{margin:0 2px}
.menu ul li.more-menu-list{display:inline-block;position:relative}
.more-menu{cursor:pointer;height:12px}
.more-list{visibility:hidden;opacity:0;position:absolute;right:0;top:10px;z-index:99;padding:40px 0 0}
.menu.sticky_header .more-list{padding:31px 0 0}
.more-list ul{width:335px;background-color:#fff;box-shadow:0 5px 24px 0 rgba(48,73,108,0.2);border-bottom:1px solid #096243;padding:20px 0}
.more-menu-list:hover > .more-list{visibility:visible;opacity:1}
.more-list ul li{margin:0 0 10px;width:100%}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.about h3 br{display:none}
.about{padding:60px 0;margin:0 0 -145px}
.about p{width:100%;margin:0 auto 60px}
.logistic p{width:100%}
.accounting-block{margin:0 0 40px}
.form{padding:40px 0}
.clients{padding:40px 0 20px}
.logistic-block{padding:14px 10px;height:135px}
.logistic .log-flex p{font-size:20px;padding:10px 8px}
.log-img img{height:80px;width:80px}
.logistic{padding:99px 0 0}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.about h2{font-size:35px;margin:0 0 35px}
.about h3{font-size:18px;margin:0 auto 25px}
.about p{margin:0 auto 30px;font-size:16px}
.about-back{padding:75px 15px 15px}
.about .about-back h4{font-size:25px;margin:0 0 40px}
.about-back h5{font-size:22px;margin:0 0 20px}
.about-back h5 br{display:none}
.about .about-back p{font-size:16px;margin:0 auto 25px}
.cta h2{font-size:32px;width:100%}
.cta{padding:110px 0 25px}
.logistic h2{font-size:35px;line-height:1.1;margin:0 0 40px}
.logistic{padding:40px 0 0}
.logistic p{font-size:22px;margin:0 auto 40px}
.logistic-block{height:156px}
.accounting h2{font-size:35px;line-height:1.2;margin:0 0 40px}
.accounting{padding:35px 0}
.accounting-block h3{font-size:22px;margin:0 0 30px}
.accounting .accounting-block p{font-size:18px;margin:0 0 20px;width:100%}
.clients h2{font-size:35px;line-height:1.2;margin:0 0 40px}
.form h2{font-size:35px;margin:0 0 40px}
.footer-logo{margin:0;text-align:center}
.footer-phone{text-align:center}
footer{text-align:center}
footer ul{columns:1;list-style:none;margin-left:0;max-width:100%}
.accounting p{font-size:22px;margin:0 0 40px}
.btn-menu{display:flex;justify-content:center;align-items:center;position:relative;z-index:99999}
#toggle{width:38px;height:28px}
#toggle div{width:100%;height:4px;border-radius:1px;background-color:#096243;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)}
.menu-container{position:absolute;background:#fff;height:100vh;width:320px;z-index:99;top:49px;left:-101%;padding:20px;box-shadow:0 5px 24px 0 rgba(48,73,108,0.2);border-right:1px solid #096243;-webkit-transition:.2s ease-in;-o-transition:.2s ease-in;transition:.2s ease-in}
.menu-container.active-menu{left:0}
.menu.sticky_header{padding:15px 0}
.menu{padding:20px 0}
.top-header{margin:0 0 -40px;padding:0 0 40px}
.menu_expanded{overflow:hidden}
.menu ul li{width:100%;text-align:left;margin:0 0 15px}
.more-menu{display:none}
.menu ul li.hide-menu{display:inline-block}
.sticky_header .menu-container{height:100vh;top:44px}
#slider .owl-stage-outer{padding:0}
.menu ul li a{line-height:1.2}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
.logistic .log-flex p{font-size:16px}
.cta h2{font-size:24px;width:100%}
}

@media only screen and (max-width : 370px) {
.about h2{font-size:30px;margin:0 0 30px}
.about .about-back h4{font-size:22px;margin:0 0 30px}
.logistic h2{font-size:30px;margin:0 0 30px}
.logistic p{font-size:18px;margin:0 auto 30px}
.logistic .log-flex p{font-size:16px;width:160px}
.logistic .log-flex p br{display:none}
.logistic-block{height:130px}
.accounting h2{font-size:30px;margin:0 0 30px}
.clients p{font-size:20px;margin:0 0 40px}
.form h2{font-size:30px;margin:0 0 30px}
}