﻿@media screen and (max-width: 1279px){
.m-box:nth-child(2){margin-top: 25px;}
.left-box{padding-right:25px;}
.box1 p {width: 282px;}
p{margin-top:15px;}
.heading03:after{top: 35px;}
.heading03{font-size: 25px;line-height: 30px;}
.heading06{margin-bottom: 10px;}
.f-content{padding: 20px 0;}
}/*1024*/

@media screen and (max-width: 1023px){
.logo img{width: 50%;}
/*menubar*/
.right-boxes{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: #1f2c43;z-index: 9;padding: 30px;padding-top: 55px;transform: translateX(100%);transition: ease .5s all;}
.right-boxes.active{transform: translateX(0);}
.right-boxes li{margin-left: 0;padding: 20px 10px;display: block;border-bottom: 1px solid rgba(255 ,255 ,255 ,0.1);}
.right-boxes li a {font-size: 18px;color: #fff;}
.close-menu, .menu-btn{position: absolute;right: 20px;top: 29px;background: none;border: none;padding: 0;width: 25px;height: 25px;}
.menu-btn span{width: 100%;height: 2px;background: #1f2c43;margin: 4px 0;display: block;}
.close-menu span{width: 100%;height: 2px;background: #fff;margin: 5px 0;display: block;}
.close-menu span:first-child{transform: rotate(45deg);}
.close-menu span:last-child{transform: rotate(-45deg);margin-top: -6px}
.header-container{padding: 12px 0;}
li.active a {border-radius: 11px;border: none;}
li.active {color: #d5dce1;}
.value-container {margin-top: 47px;}
.box1 p{width: 320px;}
.slick-initialized .slick-slide{padding-left: 12px;}

ul.slick-dots {text-align: center;margin: 0 5px;color: transparent;position: absolute;bottom:6px;left:45%;}
.slick-dots li {display: inline-block;margin: 0 5px;color: transparent;}
li.slick-active {display: inline-block;}
li.slick-active button {background: #003660;}
.slick-dots button{background:#2ea23a;border-radius: 100%;height: 15px;width: 15px;border: none;}
}/*768*/

@media screen and (max-width: 767px){
.logo img {width: 55%;}
.left-box {display: block;width: 100%;padding-right:0;}
.right-box{display: block;width: 100%;margin-right:0;margin-top: 25px;}

.three-box{display: block;width: 100%;}
.box1 p{width: auto;}
.img-box img{margin: 0 auto;}
.box1 {margin-bottom: 40px;}
.section {margin-top: 30px;margin-bottom: 30px;}
.copy-r{font-size: 11px;line-height: 17px;}
.social a{display: block;margin-bottom: 5px;}
.social a:nth-child(2){display: inline-block;}
.heading06{font-size: 12px;line-height: 15px;}
.heading04{font-size: 20px;}
.box1 .heading03{line-height: 16px; font-size: 12px;}
.box1 .heading03:after {top: 18px;width: 35px;}
.heading03 {font-size: 20px;line-height: 25px;}
.heading03:after {top: 30px;width: 40px;}
.mangt .heading03:after {left: 46%;width: 33px;}
}/*360*/









