@charset "utf-8";

@media only screen and (max-width : 768px) {
	.l_head ul{display:block !important;}
	.top_head {padding:5px 0;}
	.navbar_holder {display:block;padding:5px 0;}
	.main_nav {display:none; position:absolute; right: 0;top:125px; background:#282828; width:50%;z-index: 99;}
	.logo {display:inline-block;}
	.hamburder {display:block;float: right;margin-right: 20px;margin-top: 15px; position:relative; cursor:pointer; font-size:21px;}
	.main_nav > ul {display:block;}
	.main_nav ul li a {display:block; padding:10px;}
	.main_title {font-size:16px; line-height: 18px;margin-bottom: 20px;}
	.main_title:after {left:0; width:120px;}
	.left_abt {width:100%;}
	.about_holder {padding:20px;}
	.page-home {background:transparent;}
	.consult_wrap h2 {font-size:22px;}
	.free_const a {padding:10px;}
	.modal-box {width:90%; position:fixed;}
	.hexagon-menu {display:flex; justify-content:space-between; flex-wrap: wrap; width:100%;}
	.col-sm-12 {width: 100%;}
	.r_head ul {margin-top:10px;}
	.accordion-button{font-weight: 700;
text-transform: uppercase;}
	.ph-software-box {display:block;}
	.ph-software-box .ph-software-inner:first-child, .ph-software-box .ph-software-inner:last-child {margin:0;}
	.ph-software-inner h5, .ph-software-inner .h5 {font-size:16px;}
	.consult_wrap:before, .consult_wrap:after, .web_drop, .sub_mission img {display:none;}
	.web_drop {position:relative;}
	.food_order, .left_product, .prdct_cnt, .wrapper, .left_principal, .princ_cnt, .left_who, .sub_principal, .service_order, .service_img {width:100%;}
	.product_img {width:100%; text-align: center;}
	.question {font-size:16px;}
	.mission_inner, .vision_inner, .value_inner, .goal_inner, .strategy_inner{position:static; display:block; width:100%;}
	.mission_inner p:before, .mission_inner p:after, .vision_inner p:before, .vision_inner p:after, .value_inner p:before, .value_inner p:after, .goal_inner p:before, .goal_inner p:after, .strategy_inner p:before, .strategy_inner p:after {display:none;}
	.mlft {margin-left:0; width:100%;}
	.hexagon-item {width: 160px;}
	.hex-item {left: 30px;}
	.accordion-button:not(.collapsed), .accordion-button {color:#fff;}
	
}
@media (hover: none) and (pointer: coarse) {
    /* Smartphones and touchscreens */
	.main_drop:hover .web_drop {display:none;}
}
@media screen and (min-width: 768px) and (max-width: 1200px) {

	.mlft {margin-left:10% !important}
	.col-8 {width:70%;}
}
@media screen and (max-width: 1366px) and (min-width: 1200px) {

	.mlft {margin-left:10% !important}
	.col-8 {width:70%;}
}